@charset "utf-8";

a.btn-type-08#btn-search { display: inline-block; vertical-align: top; height: 30px; font-size: 12px; padding: 0 20px; border: none; border-radius: 3px; background: #3d5a7c; color: #fff; line-height: 30px; }
a.btn-type-08.btn-board-write { height: 30px; display: inline-block; vertical-align: top; height: 30px; font-size: 12px; padding: 0 20px; border: none; border-radius: 3px; background: #0084ff; color: #fff; line-height: 30px; }

div.contents div.page-contents div.s-page-content { min-height: 600px; }
div.contents div.page-contents div.s-page-content div.p-content-title { position: relative; }

div.contents div.page-contents div.s-page-content div.p-content-title div.row-size { position: absolute; top: 0; right: 0; }
div.contents div.page-contents div.s-page-content div.p-content-title div.row-size select { background-color: #fbfbfb; height: 30px; font-size: 11px; font-weight: bold; color: #7c7c7c; border: 1px solid #e5e5e5; line-height: 28px; vertical-align: top; }
div.contents div.page-contents div.s-page-content div.cont-info textarea { margin: 10px 0; width: 100%; height: 200px; padding-left:10px; font-size:12px; border:1px solid #efefef; background-color:#FFF; color:#616161;}
div.contents div.page-contents div.s-page-content div.cont-button-area { text-align: right; margin: 20px 0; }
div.contents div.page-contents div.s-page-content div.cont-button-area > * { display: inline-block; vertical-align: middle; margin-right: 10px; }
div.contents div.page-contents div.s-page-content div.cont-button-area > *:last-child { margin-right: 0; }
div.contents div.page-contents div.s-page-content div.cont-button-area a img { vertical-align: middle; }
div.contents div.page-contents div.s-page-content div.cont-button-area div.search-input { position: relative; display: inline-block; }
div.contents div.page-contents div.s-page-content div.cont-button-area div.search-input input { font-size: 12px; padding: 3px 7px; width: 200px; height: 30px; border: 1px solid #f0efef; border-radius: 3px; background-color: #fafafa; }
div.contents div.page-contents div.s-page-content div.cont-button-area div.search-input img.ico-search { position: absolute; top: 6px; right: 7px; }
div.contents div.page-contents div.s-page-content div.cont-button-area .selectbox { margin-right: 0; }
div.contents div.page-contents div.s-page-content div.cont-button-area select { font-size: 11px; width: 120px; border: 1px solid #dee3eb; }

/* 리스트 영역 */
div.cont-info table.vertical-table { width: 100%; margin-top:10px; text-align:center; }
div.cont-info table.vertical-table thead tr th {
    font-weight: bold; color: #565656; position: relative; padding: 8px 5px; border-top:2px solid #3d5a7c; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;
	text-align:center; background: rgba(252,252,252,1); 
    background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,252,252,1)), color-stop(100%, rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
}
div.cont-info table.vertical-table thead tr th img { vertical-align: middle; margin-left: 7px; }
div.cont-info table.vertical-table tbody tr td { color: #6b6b6b; padding: 7px 10px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
div.cont-info table.vertical-table tbody tr td > * { display: inline-block; vertical-align: middle; }
div.cont-info table.vertical-table tbody tr td span.board-title { text-align:left; text-overflow: ellipsis; max-width: 740px; overflow: hidden; }
div.cont-info table.vertical-table tbody tr td.new:AFTER { background-image: url(/web/img/common/ico_new.png); content: ""; display: inline-block; width: 29px; height: 11px; background-size: 29px; margin-left: 10px; background-repeat: no-repeat; }
div.cont-info table.vertical-table tbody tr td span.board-cnt { margin-left:3px; color:#F09A01; }

/* 테이블 영역 */
table.horizon-table { width: 100%; font-size:13px; margin-top:10px; }
table.horizon-table tbody tr th {
	width:120px; padding:5px 10px; border-left:solid 5px #3d5a7c; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:bold;
	background: rgba(252,252,252,1);
    background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,252,252,1)), color-stop(100%, rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
}
table.horizon-table tbody tr td {width:120px; padding:10px 20px 10px 0; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:bold; border-left:1px solid #e1e1e1;}
table.horizon-table tbody tr td span.point {color:#557399; margin-left:5px;}

table.mod-table { width: 100%; }
table.mod-table tbody tr th { text-align:left; }
table.mod-table tbody tr td { width:760px; height:40px; text-align:left; padding:0 20px; background-color:#FFF;}
table.mod-table tbody tr td em {padding:0 5px;}
table.mod-table tbody tr td input.input-default {padding-left:10px; height:25px; font-size:12px; border:1px solid #efefef; background-color:#FFF; color:#616161; border-radius:2px;}
table.mod-table tbody tr td input.name {padding-left:10px; width:250px; height:25px; font-size:12px; border:1px solid #efefef; background-color:#FFF; color:#616161; font-weight:bold; border-radius:2px;}

/* 자유게시판 상세 */
table.detail-table tbody tr th {	width:120px; padding:10px 10px; border-top:solid 2px #3d5a7c; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:bold;text-align:left;position:relative; }
table.detail-table tbody tr th .writer-area { position:absolute; right:15px; top:10px; } 
table.detail-table tbody tr th .writer-area .writer-info-title { color:#747474; border-right:1px solid #747474; padding-right:5px; font-weight:600; font-size:11px; }
table.detail-table tbody tr th .writer-area .writer-info-cont { color:#747474; padding-left:5px;margin-right:13px; font-weight:600; font-size:11px; }
table.detail-table tbody tr th .writer-area .date-info { color:#878787; font-weight:500; font-size:10px;}
table.detail-table tbody tr th .title { display:inline-block; width:800px; }
table.detail-table tbody tr td { padding:10px 0 0 0; }
table.detail-table tbody tr td img { display:block; margin:0 0; }
table.detail-table tbody tr td .detail-content-info { margin:20px; font-size:12px; color:#747474; font-weight:500; line-height:25px;text-align:left; word-break: break-all; }
table.detail-table tbody tr td .detail-content-info img { max-width: 1155px; }
table.detail-table tbody tr td .detail-list-area { text-align:left; border-bottom:1px solid #e3e3e3;}
table.detail-table tbody tr td .detail-list-area>div {display:flex; }
table.detail-table tbody tr td .detail-list-area>div>div{ border-top:1px solid #e3e3e3; color:#8d8d8d; display:inline-block;}
table.detail-table tbody tr td .detail-list-area>div>div.title{ background:#f8f8f8; border-right:1px solid #e3e3e3; padding:4px 21px 4px 12px; width:5%;}
table.detail-table tbody tr td .detail-list-area>div>div.content{ background:#fff; padding:4px 0 4px 14px;width:95%;}
div.contents div.page-contents div.s-page-content div.detail-info .btn-area { margin-bottom:15px; height:21px; }
div.contents div.page-contents div.s-page-content div.detail-info .btn-area a { float:right; cursor:pointer; }
div.contents div.page-contents div.s-page-content div.btn-area a.btn-type-05 img {vertical-align: middle;}

/* 댓글영역 */
div.contents div.page-contents div.s-page-content div.comment-area { border:1px solid #ddd; margin-top:10px; border-bottom:none; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont { border-bottom:1px solid #ddd; color:#616161; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-title { border-bottom:1px dotted #ddd; padding:10px 0 5px 5px; background:#f9f9f9; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-title > .name { font-weight:bold; margin-right:5px; cursor:pointer; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont { padding:10px; display:flex; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .read { word-break: break-all; white-space:pre-wrap; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .target-txt{ font-weight:600; margin-right:5px; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-title > div.sub-btn-area { float:right; margin-right:10px; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-title > div.sub-btn-area.modify-cancle { display:none; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-title > div.sub-btn-area > a.bar{ padding:0 2px; cursor:default; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active { width:100%;  }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .origin-content{ display:none; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .origin-target { display:none; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .modify-comment-input { width:90%; height:70px; resize:none; display:inline-block; padding:8px; margin-top: 8px;}
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .modify-comment-btn-area { width:10%; display:inline-block; text-align:center; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .modify-comment-btn-area > a { display:inline-block;height:86px;width:65px; line-height:86px; border-radius:3px; cursor:pointer; border:1px solid #ddd; background:#f9f9f9; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .tag { width:90%;padding:5px 0 5px 10px; height:17px; line-height:17px; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .tag > * { display:none;}
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .tag > img{ line-height:17px; position:relative; top:3px; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .tag > .tag-name { line-height:17px; margin-left:5px; font-weight:600; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .tag > .tag-remove { margin-left:5px; font-weight:600; cursor:pointer; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .textarea-cont { display:flex; }

div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area { padding:10px 0; border-bottom:1px solid #ccc; position:relative;}
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area .tag { width:90%;padding:5px 0 5px 10px; height:30px; line-height:17px; }
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area .tag > * { display:none;}
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area .tag > img{ line-height:17px; position:relative; top:3px; }
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area .tag > .tag-name { line-height:17px; margin-left:5px; font-weight:600; }
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area .tag > .tag-remove { margin-left:5px; font-weight:600; cursor:pointer; }
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area .tag-placeholder { width:90%;padding:5px 0 5px 10px; height:30px; line-height:17px; color:  #b8b8b8;}
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area .textarea-cont{ display:flex; }
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area div.comment-disable-area{ height: 108px; width: 100%; position: absolute; left:0; top: 0px; z-index: 1; background: rgba(255,255,255,0.7); text-align:center; line-height:120px; font-size:13px; color:#969696; font-weight:600}
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area textarea.comment-input-txt{ width:90%; height:70px; resize:none; display:inline-block; padding:8px; margin-left:10px; }
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area div.comment-btn-area{ width:10%; display:inline-block; line-height:70px; text-align:center; }
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area div.comment-btn-area > a { padding:10px; border-radius:3px; cursor:pointer; border:1px solid #ddd; background:#f9f9f9; }