@charset "utf-8";

.content-wrap {padding-top:160px;}

/* 검색 */
.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:20%; float: left;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-text {width:60%; 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/sub/join/down_b_ico.svg") no-repeat 99% 50%; background-size: 15px 15px; 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 .search-area .srch-date .unti {margin-left: 11px;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-view-count {float:left; width:40%; height:35px; clear:both; margin:0;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-view-count select {width:100%; height:100%; font-size:13px; border:1px solid #d7dade; background: url("../../img/sub/join/down_b_ico.svg") no-repeat 95% 50%; background-size: 20px 20px;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-edit-btn { float:right; width:20%; height:35px;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-edit-btn button { width:100%; height: 100%; background:#d10026; color:#fff; border:0; font-size:13px;}

/* 자유게시판 - 게시글 목록 */
.content-wrap .main-content .basic-content .content-box .board-wrap {border-top:2px solid #d10026; }
.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 .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.25px; 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 .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:#d10026; color:#fff;}

/* 자유게시판 - 게시글 상세 */
.content-wrap .main-content .basic-content .content-box01 {margin-top:0; border-top:0;}
.content-wrap .main-content .basic-content .content-box01 .board-title {border-bottom: 1px solid #d7dade; }
.content-wrap .main-content .basic-content .content-box01 .board-title .info { position:relative;padding-bottom:10px;}
.content-wrap .main-content .basic-content .content-box .board-detail {padding:15px 2%; border-top:2px solid #d10026; border-bottom-color: #aaa;}
.content-wrap .main-content .basic-content .content-box .board-detail .board-contents .file {width:100%; padding:10px; border-bottom:1px solid #d7dade; 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-bottom: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:#d10026; 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 .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-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:#d10026; 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;}