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

.search_wrap {margin-top: 40px;}
#board_list .search_wrap:after{content: ""; clear: both; display: block;}
#board_list .total{float:left;color:#565656;font-size:.9375em;margin: 10px 0 15px;}
/* 검색 */
#board_list form{float:right;margin-bottom: 15px;}
#board_list form input#search_box{height:38px;border:1px solid #ccc;padding-left:10px;margin-right:10px;width: 222px;font-weight:300;float: left;}
#board_list form .search_btn_flex{display: flex;flex-direction: row;}
/* 분류 선택 */
#board_list form #bd_search{float:left;height: 42px;border: 1px solid #ccc;margin-right: 10px;background: url(/lang/cmmn/images/board/bd_search_arr.png) no-repeat 94% center;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding: 0 30px 0 10px;color: #333;}
#board_list #bd_search:hover, #board_list #bd_search:focus {background: url(/lang/cmmn/images/board/bd_search_arr_over.png) no-repeat 94% center;}
/* 등록 버튼 */
#board_list button.write{ background: #f6238b; margin-left: 6px;}
/* 페이지 버튼 */
#board_list .paginate{text-align:center;margin-top:40px}
#board_list .paginate span{display:inline}
#board_list .paginate a{display:inline-block!important;width:47px;height:47px;border:1px solid #d9d9d9}
#board_list .paginate a:hover{border-color:#1a1a2e}
#board_list .pg_no{display:inline-block;margin:0 1px}
#board_list .pg_no li{display:inline}
#board_list .pg_no li a{font-weight: 300;font-size:.9375em;line-height:3em;margin:0 1px;}
#board_list .pg_no li.on a{color:#fff;border-color:#1a1a2e;background:#1a1a2e}
#board_list .pg_no .first a, #board_list .pg_no .prev a, #board_list .pg_no .next a, #board_list .pg_no .last a{color:transparent}
#board_list .pg_no .first a{background:url(/lang/cmmn/images/board/pg_first.png) no-repeat center}
#board_list .pg_no .prev a{background:url(/lang/cmmn/images/board/pg_prev.png) no-repeat center}
#board_list .pg_no .next a{background:url(/lang/cmmn/images/board/pg_next.png) no-repeat center}
#board_list .pg_no .last a{background:url(/lang/cmmn/images/board/pg_last.png) no-repeat center}



/* 게시판 - List*/
ul.news{border-top:2px solid #011131; clear:both}
ul.news li{border-bottom:1px solid #e0e0e0}
ul.news li a{padding:20px 0;overflow:hidden;display:block}
ul.news li a:hover{background:#f5f5f5}
ul.news li div{float:left}
ul.news li .thum{width:39%;height:230px;overflow:hidden}
ul.news li .thum img{height:100%;width:auto}
ul.news li .cont{width: 58%;margin-left:15px;width: calc(60% - 8px);height: 230px;position: relative;}
ul.news li .cont dl dt.subject{font-size:1.375em;font-weight:700;line-height: 1.5em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height: 66px;letter-spacing:0;}
ul.news li .cont dl dd{color:#797979;}
ul.news li .cont dl dd.content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top: 20px;height: 106px;}
ul.news li .cont dl dd.date{position: absolute;bottom: 0;}
ul.news li.nodata{text-align: center; padding: 30px;}

/* View */
#board_view span.list_back{float: right; margin: 20px 0 15px;}
#board_view span.list_back a{display: block; background: url(/lang/cmmn/images/board/list_icon.png) no-repeat left bottom; padding-left: 25px; color: #666; font-weight: bold;}
#board_view h2.subject{background: #f1f4f7;border-top: 2px solid #001f44;border-bottom: 1px solid #c0c0c0;padding: 12px 30px;}
#board_view h2.subject p{font-size: 1.375em;font-weight: bold;line-height: 1.6em;color: #000;text-align: center;}

#board_view .content{padding: 15px 30px 15px;line-height: 1.8em;letter-spacing: 0px !important;}
#board_view .contentHtml{padding: 15px 30px 15px;line-height: 1.8em !important;letter-spacing: 0px !important;}
#board_view .contentHtml p{margin: 0; padding: 0; border: 0; line-height : 1.8em;letter-spacing: 0px;font-size: 13pt;word-break: break-all;}
#board_view .contentHtml p::first-letter{text-transform: uppercase;}
#board_view .contentHtml b{margin: 0; padding: 0; border: 0; font-weight: bold !important; }
#board_view .contentHtml u{margin: 0; padding: 0; border: 0; text-decoration: underline !important;}
#board_view .contentHtml span{margin: 0; padding: 0; border: 0;word-break: break-all; }
#board_view .contentHtml b span{font-weight: bold !important;}
#board_view .contentHtml b u{font-weight: bold !important; text-decoration: underline !important;}

#board_view dl.file, #board_view dl.url{overflow:hidden;padding:15px 0;}
#board_view dl.file dt, #board_view dl.url dt{font-weight:bold;color:#000}
#board_view dl.file dd, #board_view dl.file dt, #board_view dl.url dd, #board_view dl.url dt{float:left}
#board_view dl.file dd, #board_view dl.url dd{width: 90%;float: right;}
#board_view dl.file dd ul li a {float: left;position: relative;padding-left: 24px;}
#board_view dl.file dd ul li p:first-of-type {float: left;margin-right: 15px;}
#board_view dl.file dd ul li p:first-of-type + p {float: left;}
#board_view dl.file dd ul li, #board_view dl.url dd ul li { overflow: hidden; margin-top: 10px;}
#board_view dl.file dd ul li:first-child, #board_view dl.url dd ul li:first-child { margin-top: 0;}
#board_view dl.file dd span{width:18px;position: absolute;left: 0;top: -2px;}
#board_view dl.file dd a:hover p{text-decoration:underline}
#board_view dl.file .filedn{background:#f6238b;color:#fff;font-size:.8125em;width: 62px;height: 25px;}
#board_view dl.url a:first-of-type { margin-top: 0;}
#board_view dl.url a {float: left;display: block;margin-right: 15px;text-decoration: underline;color:#000;word-break: break-all;margin-top: 10px;}
#board_view dl.url p:before {content: '- ';}
#board_view dl.url p{font-size:0.95em;margin-top: 3px;float: left;}
#board_view ul.bdv_info{overflow:hidden;padding: 15px 30px;}
#board_view ul.bdv_info li{float:left;text-align:center;overflow: hidden;margin-right: 20px;}
#board_view ul.bdv_info li:before {content: '';display: inline-block;width: 2px;height: 12px;background: #011131;margin-right: 10px;}
#board_view ul.view_btn{clear:both;border-bottom:1px solid #c0c0c0}
#board_view ul.view_btn li.next a{background:url(/lang/kr/images/board/view_next.png) no-repeat left center}
#board_view ul.view_btn li.prev a{background:url(/lang/kr/images/board/view_prev.png) no-repeat left center}
#board_view ul.view_btn h4{font-weight:700;float: left;font-size: 1em !important;margin-bottom: 0 !important;width: 135px;}
#board_view ul.view_btn p {float: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 77%;}
#board_view ul.view_btn a{display:block;padding:15px 0 15px 30px;border-top:1px solid #c0c0c0;color:#333;overflow: hidden;}
#board_view ul.view_btn a:hover { background-color: #f5f5f5 !important;}

/* 편집버튼 */
ul.btn_r{float:right}
ul.btn_r li{float:left;margin-left:10px}
ul.btn_r li:first-child{margin-left:0}
.btn_del_l{float:left}
.edit_btn{overflow:hidden;padding: 30px 0;}
button.del{background:#c80000!important}
@media screen and (max-width:1023px){ ul.btn_r li.prnt{display:none;} ul.btn_r li.cpUrl{display:none;} }