/*공통 게시판 상단*/
.btn { padding:0 !important; }
.board_page {padding:0px; margin:0 0px 50px;}
.board_page .search_area {text-align:right; padding:0px 0 20px;}
.board_page .search_area p {font-size:37px; color:#333; font-weight:400; margin-bottom:40px;}
.board_page .search_area form {}
.board_page .search_area form.bg {padding:13px 0; background:#f3f6f9; border-top:1px solid #b0b1b2; border-bottom:1px solid #b0b1b2;}
.board_page .search_area form select {height:42px; line-height:42px; font-size:16px; border:1px solid #c2c2c2; color:#555; background:#fff url('/include/img/select_arrow.png') no-repeat 90% center; padding:0 10px; max-width:130px; width:100%;}
.board_page .search_area form input[type=text] {height:40px; padding:0 10px; font-size:16px; border:1px solid #c2c2c2; max-width:300px; width:100%;}
.board_page .search_area form .btn {display:inline-block; height:42px; line-height:44px; font-size:16px; background:#666; font-size:15px; color:#fff; font-weight:400; border:none; border-radius:3px; width:100%; max-width:100px; vertical-align:baseline; text-align:center; }
.board_page .search_area form .btn>span {background:url('/include/img/board_search_ico.png') no-repeat left center; padding-left:20px; }
.board_page .search_area form .btn.excel {background:#fff; border:1px solid #3f9514; color:#3e9414;}

/*공지사항 list*/
.board_page .notice_list {border-top:2px solid #222;}
.board_page .notice_list li {overflow:hidden; background:url('/include/img/notice_arrow.png') no-repeat 97% center; border-bottom:1px solid #e5e5e5; transition:.3s ease-out;}
.board_page .notice_list li.notice,
.board_page .notice_list li.notice:hover {background-color:#f4f4f4;}
.board_page .notice_list li.notice .date,
.board_page .notice_list li.notice .date p {color:#cacaca;}
.board_page .notice_list li>a {display:block; padding:7px 0; overflow:hidden;}
.board_page .notice_list li:hover {border-bottom:1px solid #0071da; background:url('/include/img/notice_arrow_ov.png') no-repeat 97% center;}
.board_page .notice_list li:hover .date,
.board_page .notice_list li:hover .date p {color:#0071da;}
.board_page .notice_list li>a div {float:left;}
.board_page .notice_list li .date {font-size:16px; color:#ddd; text-align:center; font-family:'Roboto', sans-serif; width:150px; transition:.3s ease-out; margin-top:7px;}
.board_page .notice_list li .date p {font-size:28px; color:#ddd; font-weight:500; transition:.3s ease-out; margin:0; }
.board_page .notice_list li .text_wrapper {width:calc(100% - 150px); margin:10px 0;}
.board_page .notice_list li .text_wrapper .text_wrap .label {float:left; display:inline-block; margin:0 5px 5px 0; padding:0 10px; min-width:65px; height:28px; line-height:28px; text-align:center; font-size:15px; font-weight:600; font-family:'Roboto', 'Noto Sans Korean', sans-serif;}
.board_page .notice_list li .text_wrapper .text_wrap .label:last-child {margin-right:10px;}
.board_page .notice_list li .text_wrapper .text_wrap .label.notice {border:1px solid #0071da; color:#0071da;}
.board_page .notice_list li .text_wrapper .text_wrap .label.new {border:1px solid #de1a51; color:#de1a51;}
.board_page .notice_list li .text_wrapper .text_wrap {float:left; width:90%; margin-left:10px;}
.board_page .notice_list li .text_wrapper .text_wrap .subject {font-size:18px; color:#333; font-weight:400; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:90%;}
.board_page .notice_list li .text_wrapper .text_wrap .txt {font-size:15px; color:#777; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:90%;}

/*공지사항 view*/
.board_page .notice_view {border-top:2px solid #222;}
.board_page .notice_view .subject {/*font-family:'Roboto', 'Noto Sans Korean', sans-serif;*/ padding:20px 0px; border-bottom:1px solid #e5e5e5; display:table; width:100%;}
.board_page .notice_view .subject:after {display:block; overflow:hidden; clear:both; content:'';}
.board_page .notice_view .subject p {display:table-cell; font-size:24px; color:#333; font-weight:400; vertical-align:middle;}
.board_page .notice_view .subject span {display:table-cell; font-size:17px; color:#767676; font-family:'Roboto', sans-serif; text-align:right; vertical-align:middle; padding-left:20px;}
.board_page .notice_view .text {padding:40px 0; /* font-size:17px; color:#777;*/ min-height:300px; border-bottom:0px solid #e5e5e5;}
.board_page .notice_view .text img {width:100%; }

/*게시판 하단 버튼 영역*/
.board_page .board_btns {text-align:center; margin-top:0px; }

.board_page .board_btns a {display:inline-block; width:100%; padding:12px 20px 15px; font-size:18px; color:#666; font-weight:300; border:1px solid #666; border-radius:3px; box-sizing:border-box;}
.board_page .board_btns a.list {color:#fff; border:0px solid #2151d5;background:#666;  }
.board_page .board_btns a.type01 {background:#2151d5; color:#fff; border:0px solid #2151d5;}

.board_page .board_btns a.modify {color:#fff; border:1px solid #999;background:#999;  }
.board_page .board_btns a.delete {color:#fff; border:1px solid #ff4444;background:#ff4444;  }



/*이전글/다음글*/
.same {}
.same>li {border-bottom:1px solid #e5e5e5; text-align:left; overflow:hidden;}
.same>li.file {}
.same>li .tit {padding:20px 0; float:left; width:130px; text-align:left;}
.same>li .txt {padding:20px 20px 20px 0; float:left; width:calc(100% - 150px); word-break:break-word; font-size:17px; color:#888; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.same>li .txt ul li {margin-bottom:5px;}
.same>li .txt ul li:last-child {margin-bottom:0;}
.same>li .txt ul li:before {display:inline-block; width:6px; height:1px; background:#fff; margin-right:7px; content:'';}
.same>li .txt ul li a {font-size:16px;}
.same>li .next {font-size:17px; color:#333; font-weight:600;}
.same>li .next span {background:url('/include/img/same_next_ico.png') no-repeat right center; padding-right:30px;}
.same>li .prev {font-size:17px; color:#333; font-weight:600;}
.same>li .prev span {background:url('/include/img/same_prev_ico.png') no-repeat right center; padding-right:30px;}
.same>li a {color:#888;}
.same>li a:hover {/*font-weight:500;*/color:#333;}

/*FAQ*/
.faq_list_wrap {border-top:2px solid #222;}
.faq_list_wrap .faq_view {position:relative; background:#fff; border-bottom:1px solid #e5e5e5; transition:all .5s ease-out;}
.faq_list_wrap .faq_view:first-child {border-top:none;}
.faq_list_wrap .faq_view a {display:block; padding:25px 35px 25px 60px; text-decoration:none; color:#333; font-weight:500; font-size:18px; word-break:keep-all;}
.faq_list_wrap .faq_view a:before {position:absolute; left:0px; top:50%; margin-top:-25px; font-size:20px; color:#2151d5; width:48px; height:48px; line-height:48px; text-align:center; background:#fff; border:1px solid #c6c6c6; border-radius:50%; content:'Q';}
.faq_list_wrap .faq_view:hover {background:#fff;}
.faq_list_wrap .faq_view.opened {background:#fff;}
.faq_list_wrap .faq_view.opened a {color:#333;}
.faq_list_wrap .faq_view:after {
	/* content: '\02795'; Unicode character for "plus" sign (+) */
	content: ">"; /* Unicode character for "plus" sign (+) */
	font-size: 28px;
	color: #c4c4c4;
	position:absolute;
	top:50%;
	margin-top:-20px;
	right:5px;
	transform:rotate(90deg);
	font-family: 'Spoqa Han Sans', Sans-serif;
	font-weight:500;
}
.faq_list_wrap .faq_view.opened:after {
	/* content: "\2796"; Unicode character for "minus" sign (-) */
	content: "<"; /* Unicode character for "minus" sign (-) */
	color:#333;
}
.faq_list_wrap .faq_txt {position:relative; border-bottom:1px solid #e5e5e5; background:#f3f6f9; line-height:22px; padding:20px 10px 20px 70px; overflow:hidden; color:#777; font-weight:400; font-size:14px; word-break:keep-all;}
.faq_list_wrap .faq_txt:before {position:absolute; left:0px; top:25px; font-size:20px; color:#fff; width:48px; height:48px; line-height:48px; text-align:center; background:#2151d5; border:0px solid #2151d5; border-radius:50%; content:'A';}
.faq_list_wrap .faq_txt span {vertical-align:top;}


/*pagination*/
.paging {margin:20px auto 0;}
.paging ul {text-align:center;}
.paging ul li {display:inline-block;  padding:0; background:#fff; }
.paging ul li.prev {background:#fff url('/include/img/prev_ico.png') no-repeat center center; text-indent:-99999px;}
.paging ul li.next {background:#fff url('/include/img/next_ico.png') no-repeat center center; text-indent:-99999px;}
.paging ul li a {display:block; color:#9c9c9c;width:40px; height:40px; line-height:40px;border:1px solid #c8d0d6;}
.paging ul li a.current {background:#333; color:#fff; font-weight:500;  height:42px; line-height:42px; border:0px solid #333;}






div.bbs_files { border-bottom:1px solid #e5e5e5; padding:8px 0; font-size:15px;  }
div.bbs_files:after{content:"";display:block;clear:both;} 
div.bbs_files > span.file_tit { font-weight:500; color:#04314c; }
div.bbs_files > span > a { display:inline; font-weight:bold;  }




/* 관리자 답변 */
.board_page .notice_list li>a div.icon_reply_before, .board_page .notice_list li>a div.icon_reply_after { float:none !important; width:100px !important; }
.icon_reply_before { width:100px !important;border:1px solid #2151d5; color:#2151d5; text-align:center; font-size:15px;  padding:6px 0;  margin-top: 5px; margin-bottom:5px;}
.icon_reply_after {width:100px !important; background:#2151d5; color:#fff; text-align:center; font-size:15px;  padding:6px 0;  margin-top: 5px; margin-bottom:5px;}



div.adm_replay { border:2px solid #2151d5; padding:10px; margin-top:40px;  }
div.adm_replay p.ply_tit { background:#2151d5; color:#fff; padding:10px 15px; margin:0; font-weight:600; }
div.adm_replay p.ply_tit span { font-size:14px; padding-left:10px; font-weight:normal; }
div.adm_replay p.ply_cont { color:#000; padding:10px 15px;  margin:0;  }
div.adm_replay p.noply { background:#2151d5; color:#fff; padding:10px 15px; margin:0; text-align:center; }




div.bbs_password_wrap { width:100%; max-width:600px;  border:2px solid #2151d5; padding:40px 20px; margin:40px auto 10px; text-align:center; background:#f7f7f7;  }
div.bbs_password_wrap img {width:80%; max-width:114px; }
div.bbs_password_wrap p { margin:25px 0 20px; font-size:14px;}
div.bbs_password_wrap input[type=password] {height:42px; padding:0 10px; font-size:16px; border:1px solid #c2c2c2; max-width:250px; width:100%;}
div.bbs_password_wrap .btn {display:inline-block; height:42px; line-height:42px; font-size:16px; background:#2151d5; font-size:15px; color:#fff; font-weight:400; border:none; border-radius:3px; width:100%; max-width:120px; vertical-align:middle;}



.search_area.qa {}
.search_area.qa ul {margin-bottom:0; }
.search_area.qa ul:after{content:"";display:block;clear:both;} 
.search_area.qa li { float:left; width:80%; text-align:left; }
.search_area.qa li:last-child { width:20%; text-align:right; }
.search_area.qa a {display:inline-block; padding:5px 20px; font-size:18px; color:#666; font-weight:300; border:1px solid #666; border-radius:3px;}
.search_area.qa li:last-child a.listlist {color:#fff; border:1px solid #2151d5;background:#2151d5;  }




@media (max-width:650px) {
	.board_page .search_area form select { max-width:100%; margin-bottom:3px; }
	.board_page .search_area form input[type=text] {max-width:100%; margin-bottom:3px; }
	.board_page .search_area form .btn  {max-width:100%; }
	.board_page .notice_list li .text_wrapper .text_wrap { width:100%;}
	.board_page .notice_list li .text_wrapper {width: calc(100% - 80px);}
	.board_page .notice_list li .date { display:none; }

	.board_page .notice_list li .text_wrapper .text_wrap .subject { font-size:14px; }
	.board_page .notice_list li .text_wrapper .text_wrap .txt { font-size:13px; }


	div.bbs_files { font-size:13px;  }
	div.bbs_files > span { display:block;}






}


@media (max-width:450px) {
div.adm_replay p.ply_tit { font-weight:600; }
div.adm_replay p.ply_tit span { font-size:12px; padding-left:5px; }
div.adm_replay p.ply_cont { font-size:14px;  }
div.bbs_password_wrap .btn { display:block; width:100%;max-width:250px; margin:5px auto 0;}

}


@media (max-width:420px) {
.board_page .notice_list li .text_wrapper .text_wrap .subject { width:100%; }
.board_page .notice_list li .text_wrapper .text_wrap .txt { width:100%; }
.same>li .tit { width:90px;}
.same>li .txt { width: calc(100% - 90px);}
.faq_list_wrap .faq_view a { font-size:14px; }




}