@charset "utf-8";
/* CSS Document */

/* 검색 */
.content-wrap .main-content .basic-content .content-box .search-area > div {height: 40px; margin-bottom:10px}
.content-wrap .main-content .basic-content .content-box .search-area .srch-select {width:25%; float: left;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-text {width:55%; float: left;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-btn {width: 20%; float: right;}
.content-wrap .main-content .basic-content .content-box .search-area select { width:100%; height:100%; border:1px solid #d7dade; padding-left: 7px; padding-right: 20px; background: url("../../../img/common/arrow_d_black.svg") no-repeat 91% 50%; background-size: 7px 10px; font-size: 13px;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-btn button {width:100%; height:100%; border:1px solid #27292D; background:#27292D;color:#fff; font-size: 13px;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-text input {width:100%; height:100%; padding: 0 7px; font-size:13px; border:1px solid #d7dade; border-left:0;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-date input {height:100%; background: url("../../../img/sub/calc_ico.svg") no-repeat 95% 50%; background-size:20px 20px; background-color:#eee; border:0; border-radius: 5px; padding : 0 30px 0 10px;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-date input:nth-child(1) {float: left; width:45%;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-date input:nth-child(2) {float: right; width:45%;}

/* 게시판 리스트 */
.content-wrap .main-content .basic-content .content-box .board-wrap {border-top:2px solid #0084ff; }
.content-wrap .main-content .basic-content .content-box .board-list {padding:10px 2%; border-bottom:1px solid #d7dade;}
.content-wrap .main-content .basic-content .content-box .board-list .list-wrap {padding:10px 0; border-bottom:1px solid #d7dade;}
.content-wrap .main-content .basic-content .content-box .board-list.priority-notice-row {background:#fafafa;}
.content-wrap .main-content .basic-content .content-box .board-list.priority-notice-row .title img {padding-right:5px; vertical-align:baseline;}
.content-wrap .main-content .basic-content .content-box .board-list .title p {font-size:14px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.content-wrap .main-content .basic-content .content-box .board-list .title p span { position:relative; top:-3px; left:7px; font-size: 13px; color:red; vertical-align: middle;}
.content-wrap .main-content .basic-content .content-box .board-list .info {position:relative; padding-top:3px;}
.content-wrap .main-content .basic-content .content-box .board-list .info span { position:relative; display: inline-block; font-size:12px; color: #999; letter-spacing: -0.75px; padding: 0 10px;}
.content-wrap .main-content .basic-content .content-box .board-list .info span:nth-child(1) {padding-left:0;}
.content-wrap .main-content .basic-content .content-box .board-list .info span:before { position: absolute; top:4px; right:-3px; content:''; width:1px; height:10px; background:#d7dade;}
.content-wrap .main-content .basic-content .content-box .board-list .info span.bf-none:before {display: none;}
.content-wrap .main-content .basic-content .content-box .board-list .info span:last-child:before {display: none;}
.content-wrap .main-content .basic-content .content-box .board-list .info .name {color: #555;}
.content-wrap .main-content .basic-content .content-box .more {width:100%; height:45px; margin-top:15px;}
.content-wrap .main-content .basic-content .content-box .more button { width:100%; height:100%; border:0; background:#0084ff; color:#fff;}

/* 게시판 상세 */
.content-wrap .main-content .basic-content .content-box .board-detail {padding:15px 2%; border-top:2px solid #0084ff; border-bottom: 1px solid #d7dade;}
.content-wrap .main-content .basic-content .content-box .board-detail .board-contents .file {width:100%; padding:10px; background:#f8f8f8; font-size:12px; color:#333;}
.content-wrap .main-content .basic-content .content-box .board-detail .board-contents .file img {width:14px; height:14px; vertical-align: middle; margin-right:5px;}
.content-wrap .main-content .basic-content .content-box .board-detail .board-contents .contents {padding:40px 0; border-top:1px solid #d7dade; }
.content-wrap .main-content .basic-content .content-box .board-detail .board-contents .contents p {font-size:13px;}
.content-wrap .main-content .basic-content .content-box .reply-edit {position:relative; padding:10px 0; border-bottom:1px solid #aaa;}
.content-wrap .main-content .basic-content .content-box .reply-edit textarea {width:100%; height:50px; padding:7px; padding-right:24%; background:#fff; border:1px solid #d7dade; font-size:13px;}
.content-wrap .main-content .basic-content .content-box .reply-edit button {position:absolute; top:10px; right:0; width:20%; height:50px; background:#0084ff; color:#fff; border:0; font-size:13px;}
.content-wrap .main-content .basic-content .content-box .board-list .reply-list, .content-wrap .main-content .basic-content .content-box .board-list .comment-list {padding:10px 10px 15px; border-bottom:1px solid #d7dade;}
.content-wrap .main-content .basic-content .content-box .board-list .reply-list .info ul, .content-wrap .main-content .basic-content .content-box .board-list .comment-list .info ul {position:absolute; top:3px; right:0;}
.content-wrap .main-content .basic-content .content-box .board-list .reply-list .info ul li, .content-wrap .main-content .basic-content .content-box .board-list .comment-list .info ul li { float:left; font-size:11px; margin-left:10px; color: #888;}
.content-wrap .main-content .basic-content .content-box .board-list .reply-list .info p { font-size: 12px; }
.content-wrap .main-content .basic-content .content-box .board-list .comment-list, .content-wrap .main-content .basic-content .content-box .board-list .comment-edit { position:relative; background:#f8f8f8; padding:10px 15px 10px 25px;}
.content-wrap .main-content .basic-content .content-box .board-list .comment-list:before, .content-wrap .main-content .basic-content .content-box .board-list .comment-edit:before {position:absolute; content:''; top:17px; left:10px; width:1px; height:8px; background:#bbb;}
.content-wrap .main-content .basic-content .content-box .board-list .comment-list:after, .content-wrap .main-content .basic-content .content-box .board-list .comment-edit:after {position:absolute; content:''; top:25px; left:10px; width:8px; height:1px; background:#bbb;}
.content-wrap .main-content .basic-content .content-box .board-list .comment-list .info p { font-size: 12px; }
.content-wrap .main-content .basic-content .content-box .board-list .comment-edit {position: relative;}
.content-wrap .main-content .basic-content .content-box .board-list .comment-edit textarea {width:100%; height:50px; padding:7px; background:#fff; border:1px solid #d7dade; font-size:13px;}
.content-wrap .main-content .basic-content .content-box .board-list .comment-edit button {position:absolute; bottom:10px; right:15px; width:20%; height:50px; background:#0084ff; color:#fff; border:0; font-size:13px;}
.content-wrap .main-content .basic-content .content-box .list-btn {width:30%; height:40px; margin-top: 15px; float:right;}
.content-wrap .main-content .basic-content .content-box .list-btn button {width:100%; height:100%; border:0; background:#393a42; color:#fff; font-size:14px;}

/* 글쓰기 페이지 */
.content-wrap .main-content .basic-content .content-box .write-title {padding-bottom:10px; border-bottom:1px solid #d7dade;}
.content-wrap .main-content .basic-content .content-box .write-title select {width: 100%; height: 40px;border: 1px solid #d7dade;padding-left: 7px;padding-right: 25px;background:url("../../../img/common/arrow_d_black.svg") no-repeat 95% 50%; background-size: 7px 10px;font-size: 13px;margin-bottom: 5px;}
.content-wrap .main-content .basic-content .content-box .write-title input {width: 100%;height: 40px;padding: 0 7px;font-size: 13px;border: 1px solid #d7dade;margin-bottom: 5px;} 
.content-wrap .main-content .basic-content .content-box .write-textarea {margin-top:15px; width:100%; height:250px;} 
.content-wrap .main-content .basic-content .content-box .write-textarea textarea {width:100%; height:100%; border:1px solid #d7dade; padding:7px; resize: none;} 
.content-wrap .main-content .basic-content .content-box .list-button {margin-top:15px;}
.content-wrap .main-content .basic-content .content-box .list-button button {float:left; width:50%; height:40px; border:0;}
.content-wrap .main-content .basic-content .content-box .list-button .right {background:#0084ff; color:#fff;}
.content-wrap .main-content .basic-content .content-box .file-wrap { position:relative; width:100%; height:30px; margin-top:15px;}
.content-wrap .main-content .basic-content .content-box .file-wrap input {width:80%; position:absolute; top:0; left:0; height:100%; z-index: 1; opacity: 0; }
.content-wrap .main-content .basic-content .content-box .file-wrap label {width:80%; height:100%; padding-left:90px; padding-right:10px; line-height: 30px; border-bottom:1px solid #aaa; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:0.7rem; color:#444;}
.content-wrap .main-content .basic-content .content-box .file-wrap .file-btn {position:absolute; top:0; left: 0; width: 80px; line-height: 30px; text-align: center; background: #828282; color: #fff; font-size:12px;}
.content-wrap .main-content .basic-content .content-box .file-wrap .plus-minus {position:absolute; top:0; right:0; width:20%; height:30px; line-height: 27px;}
.content-wrap .main-content .basic-content .content-box .file-wrap .plus-minus img {width:15px; height:15px; vertical-align: bottom; margin-left:15px;}
.content-wrap .main-content .basic-content .content-box .file-wrap02 input {width:100%;}
.content-wrap .main-content .basic-content .content-box .file-wrap02 label {width:100%; border:1px solid #ccc; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:0.7rem; color:#444;}
.content-wrap .main-content .basic-content .content-box .file-wrap02 .write-textarea { margin:0;}


/* 포토갤러리 - 게시글 상세 */
.content-wrap .main-content .basic-content .content-box01 .list { padding:15px 0; font-size:12px; color: #555; border-top:1px solid #aaa; border-bottom:1px solid #aaa;}
.content-wrap .main-content .basic-content .content-box01 .list .prev-area {width:100%; margin-bottom:5px;}
.content-wrap .main-content .basic-content .content-box01 .list .next-area {width:100%;}
.content-wrap .main-content .basic-content .content-box01 .list .prev-area > div, .content-wrap .main-content .basic-content .content-box01 .list .next-area > div{float:left;}
.content-wrap .main-content .basic-content .content-box01 .list > div .title  {width:40px;color:#999;}
.content-wrap .main-content .basic-content .content-box01 .list > div .contents  {width:calc(100% - 40px); padding-left:5px; font-weight: bold;}


/* 캘린더 */
.srch-date input {height:100%; background:url("../../../img/sub/calc_ico.svg") no-repeat 95% 50%; background-size:20px 20px; border:0; padding:0 30px 0 10px;}

/* 캘린더 팝업*/
.calendar { position:fixed; top:50%; left:50%; z-index: 99; transform: translate(-50%,-50%); background:rgba(0,0,0,0.8); width:100%; height:100%;}
.calendar-wrap { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:95%; background:#fff; border-top: 2px solid #0084ff; }
.calendar-wrap .calendar-title { position:relative; width:100%; height:50px; border-bottom:1px solid #d7dade; }
.calendar-wrap p { position:absolute; top: 12.5px; left:50%; margin-left:-41px; font-size:17px; font-weight: bold; letter-spacing: -0.5px;}
.calendar-wrap .prev-btn, .calendar-wrap .next-btn {position:absolute; top:15px; border:0; background:0; opacity: 0.5;}
.calendar-wrap button.prev-btn {left: 10px; }
.calendar-wrap button.next-btn {right: 10px;}
.calendar-wrap .calendar-table {width: 100%;}
.calendar-wrap .calendar-table table {width:100%; text-align: center;}
.calendar-wrap .calendar-table table th {text-align: center; padding:10px; border-bottom:1px solid #d7dade; font-size:15px;}
.calendar-wrap .calendar-table table td {padding: 10px;font-size: 14px; border-bottom:1px solid #d7dade; border-right:1px solid #d7dade;}
.calendar-wrap .calendar-table table td:nth-child(7n+0) {border-right:0;}
.calendar-wrap .calendar-table table td.sun {color: #0084ff;}
.calendar-wrap .calendar-table table td.sat {color: #0046D5;}
.calendar-wrap .calendar-table table td.empty {background:#f8f8f8;}
.calendar-wrap .calendar-table table td.today {background:#0084ff; color:#fff; border-color:#0084ff;}
.calendar-wrap .calendar-button {border-top:1px solid #d7dade;}
.calendar-wrap .calendar-button button {float:left; width:50%; height:50px; border:0;}
.calendar-wrap .calendar-button .checked {background:#0084ff; color:#fff;}