@charset "utf-8";

.board_top { position:relative; overflow:hidden; width:96%; margin:0 auto; }
.board_top .left { float:left;  font-size:100%; color:#777; font-weight:600; }
.board_top .right { float:right; }
.board_top .right select { border:1px solid #aeaeae; width:150px; height:30px; line-height:30px; color:#333; font-size:100%; padding-left:5px; }

.board_txt { overflow:hidden; width:96%; margin:0 auto; }
.board_txt > p { padding:0 0 10px 18px; background:url('../../img/common/board_txt_bl.gif') 0 3px no-repeat; font-size:100%; color:#474747; font-family:'NG'; }

.list { clear:both; width:100%; color:#777; border:1px solid #e8e8e8; line-height:normal; margin-bottom:10px; }
.list thead th { text-align:center; font-weight:normal; border:1px solid #e8e8e8; padding:20px 0; color:#333; background:#f3f3f3; }
.list th { text-align:center; font-weight:normal; border:1px solid #e8e8e8; padding:20px 0; background:#f3f3f3; color:#333; }
.list td { text-align:center; padding:20px 0; letter-spacing:0px;  border:1px solid #e8e8e8;  vertical-align:middle; }
.list td a { color:#777; }
.list .txt_left { text-align:left; padding-left:3%; }
.list input, .list select, .list img { vertical-align:middle; }

.s_list { overflow:hidden; width:100%; color:#333; font-size:100%; border-bottom:1px solid #ddd; line-height:normal; font-family:'NG'; margin-bottom:30px; }
.s_list th { position:relative; padding:0 0 12px 0; border-bottom:2px solid #14487c; }
.s_list th p.tit { text-align:left; color:#00264a; padding:0 0 0 43px; background:url('../../img/common/icon_list.png') 15px center no-repeat; font-size:110%; line-height:22px; font-family:'NGB'; }
.s_list th p.tit span { color:#ff3c00; }
.s_list th p.more { position:absolute; top:5px; right:2%; width:47px; height:14px; background:url('../../img/common/btn_more.png') center center no-repeat; }
.s_list th p.more a { display:block; width:47px; height:14px; }
.s_list tr.down { background:#f6f6f6; border-bottom:1px solid #ddd; }
.s_list tr.down td span.file { display:block; padding:0 0 0 24px; background:url('../../img/common/icon_pdf.png') 0 top no-repeat; font-size:100%; }
.s_list tr.down td span.file a { display:block; color:#1e1e1e; }
.s_list td { text-align:left; color:#333; padding:20px 2%; }
.s_list td a { color:#333; }

.p_list { width:100%; color:#333; font-size:100%; padding:15px 0; border-top:5px solid #efefef; border-bottom:5px solid #efefef; line-height:normal; font-family:'NG'; margin-bottom:10px; }
.p_list ul { overflow:hidden; width:96%; margin:0 auto; }
.p_list li { float:left; }
.p_list li:first-child { width:20%; }
.p_list li:first-child > p { position:relative; width:112px; height:137px; background:url('../../img/common/book_bg.png') no-repeat; background-size:100%; }
.p_list li:first-child > p > a > img { position:absolute; bottom:1px; right:1px; width:105px; height:131px; }
.p_list li:last-child { width:80%; }
.p_list .photo_line { border-bottom:5px solid #efefef; padding:15px 0 0 0; margin:0 0 15px 0; }

/* �Խ��Ǹ���Ʈ */
.b_list { overflow:hidden; width:100%; color:#1e1e1e; line-height:normal; font-size:100%; border-top:2px solid #14487c; border-bottom:1px solid #14487c; font-family:'NG'; margin-bottom:30px; }
.b_list th { text-align:center; padding:10px 0; white-space:nowrap; color:#fff; background:#8ca4be; font-size:110%; font-family:'NGB'; }
.b_list td { text-align:center; padding:10px 0; letter-spacing:-0.05em; border-top:1px solid #ddd; vertical-align:middle; font-size:100%; }
.b_list td a { color:#1e1e1e !important; }
.b_list .text_left { text-align:left; padding-left:10px; }
.b_list img { vertical-align:middle; }

.b_list2 { overflow:hidden; width:100%; color:#1e1e1e; line-height:normal; font-size:100%; border-top:2px solid #14487c; border-bottom:1px solid #14487c; font-family:'NG'; margin-bottom:30px; }
.b_list2 tr:even { background:#f3f3f3; }
.b_list2 td { text-align:left; padding:20px 10px; letter-spacing:-0.05em; border-top:1px solid #ddd; vertical-align:middle; font-size:100%; }
.b_list2 td a { color:#1e1e1e !important; font-family:'NGB'; }
.b_list2 td > p > span { display:block; float:left; margin-left:20px; font-size:90%; color:#555; padding-left:10px; background:url('../../img/common/location_bl.gif') no-repeat left center; }
.b_list2 td > p > span:first-child { margin-left:0; }

/* pagination */
.pagination { overflow:hidden; width:100%; text-align:center; }
.pagination * { position:relative; overflow:hidden; text-decoration:none; }
.pagination li { display:inline; vertical-align:middle; overflow:hidden; font-family:'NGB'; }
.pagination li img { vertical-align:middle; }
.pagination .num { margin:0 1%; }
.pagination .num { font-size:100%; text-align:center; }
.pagination .num a { display:block; display:inline; padding:0 1%;  color:#333; line-height:26px; /*background:url('../../img/common/num_line.gif') left center no-repeat;*/ }
.pagination .num strong { vertical-align:middle; display:inline-block; width:26px; height:26px; text-align:center; line-height:26px; background:#14487c; color:#fff; }

/* board_search */
.board_search { overflow:hidden; position:relative; width:100%; background:#f1f1f1; border:1px solid #dcdcdc; text-align:center; padding:15px 0; box-sizing:border-box; margin-top:20px; }
.board_search select, .board_search input, .board_search img { vertical-align:middle; }
.board_search input { width:30%; height:24px; line-height:24px; padding:0 5px; border:1px solid #828282; color:#333; background:#fff; }
.board_search select { width:20%; font-size:100%; height:26px; line-height:26px; padding:0 0 0 5px; border:1px solid #828282; color:#333; background:#fff; }

.board_search1 { overflow:hidden; position:relative; width:100%; background:#f1f1f1; border:1px solid #dcdcdc; text-align:center; padding:15px 0; box-sizing:border-box; margin-top:20px; }
.board_search1 select, .board_search input, .board_search img { vertical-align:middle; }
.board_search1 input { width:30%; height:24px; line-height:24px; padding:0 5px; border:1px solid #828282; color:#333; background:#fff; }
.board_search1 select { width:30%; font-size:100%; height:26px; line-height:26px; padding:0 0 0 5px; border:1px solid #828282; color:#333; background:#fff; }


/* board_view */
.b_view { overflow:hidden; width:100%; color:#1e1e1e; line-height:normal; font-size:100%; border-top:2px solid #14487c; border-bottom:1px solid #ddd; font-family:'NG'; margin-bottom:20px; }
.b_view .subject { color:#fff; background:#8ca4be; text-align:left; padding-left:2%; font-size:120%; font-family:'NGB'; }
.b_view th { background:#f5f6f7; text-align:left; letter-spacing:-0.05em; padding:10px 0 10px 2%; border-bottom:1px solid #ddd; }
.b_view td { padding:10px 5px 10px 2%; text-align:left; border-bottom:1px solid #ddd; }
.b_view td a { color:#1e1e1e; }
.b_view .con { padding:10px; height:200px; overflow-y:auto; box-sizing:border-box; }
.b_view .prev { display:block; padding-right:20px; background:url('../../img/common/icon_prev.png') 50px center no-repeat; }
.b_view .next { display:block; padding-right:20px; background:url('../../img/common/icon_next.png') 50px center no-repeat; }
.b_view td .file a { display:inline-block;  border:1px solid #979797; border-radius:2px; padding:5px 10px 5px 30px; background:url('../../img/common/icon_down2.png') 10px center no-repeat; font-size:90%; letter-spacing:-0.05em; }
.b_view td a.link { color: #1e1e1e; background:url('../../img/common/board_bl.gif') no-repeat 0 center; padding-left:10px; }
.b_view th span.txt_sub { font-size:90%; color:#5b7bdc; }

.f_list { overflow:hidden; width:100%; color:#1e1e1e; line-height:normal; font-size:100%; border-bottom:1px solid #14477c; font-family:'NG'; margin-bottom:30px; }
.f_list.b_gray { border-bottom:1px solid #ddd; }
.f_list th { padding:10px 0 10px 2%; text-align:left; border-bottom:2px solid #14477c; }
.f_list th p.tit { color:#00264a; padding:0 0 0 25px; background:url('../../img/common/icon_list.png') 0 center no-repeat; font-size:110%; line-height:22px; font-family:'NGB'; }
.f_list td { padding:10px 0 10px 2%; text-align:left; border-top:1px solid #ddd; }
.f_list td a { color:#1e1e1e !important; }

.pdf { display:block; padding-left:20px; min-height:18px; background:url('../../img/common/icon_pdf.png') 0 1px no-repeat; }

/* board_write */
.b_write { clear:both; width:100%; color:#777; border-top:1px solid #777; border-bottom:1px solid #e8e8e8; line-height:normal; margin-bottom:10px; }
.b_write th { background:#777; padding:15px 0; color:#fff; border-top:1px solid #e8e8e8; text-align:center; vertical-align:middle; }
.b_write td { padding:15px 0 15px 3%; text-align:left; border-top:1px solid #e8e8e8; line-height:1.6em; vertical-align:middle; }
.b_write .con { padding:15px 3%; }
.b_write .l_line { border-left:1px solid #e8e8e8; }
.b_write input.w_txt { border:1px solid #e8e8e8; height:28px; padding:0 2px; }
.b_write textarea.w_txt { border:1px solid #e8e8e8; min-height:180px; width:100%; padding:5px 0; font-family:Dotum, Helvetica, AppleGothic, Sans-serif; font-size:12px; }
.b_write select { border:1px solid #ddd; height:30px; padding:0 0 0 0; }
.b_write input, .b_write select, .b_write img { vertical-align:middle; color:#666; font-size:100%; }
.b_write .selecth { width:120px;font-size:12px; height:22px; border:#abadb3 solid 1px; }

/* board block */
.boardblock { position:relative;width:100%; overflow:hidden; margin:0 0; text-align:center; }
.boardblock .left { float:left; width:48%; margin-left:2%; }
.boardblock .right { float:right; width:48%; text-align:right; margin-right:2%; }

/* FAQ */
.faq { clear:both; width:100%; overflow:hidden;border-top:1px solid #ccc;margin-bottom:20px;  }
.faq .q { position:relative; clear:both; border-bottom:1px solid #ccc; padding:13px 30px 13px 15px; }
.faq .q .q_in {padding-left:0; font-size:105%; color:#000; font-weight:600; }
.faq .q .right { position:absolute; top:16px; right:10px; margin-top:-6px; }
.faq .q a { display:block;}
.faq .a { position:relative;clear:both; padding:25px 15px 15px 15px; border-bottom:1px solid #ccc; background:#f8f8f8; }
.faq .a .a_in { min-height:19px; padding:0 20px 0 0; font-weight:normal; font-size:95%; color:#393939; }
.faq .a .right { position:absolute; top:13px; right:10px; margin-top:-6px; }

/* device(mobile 320) ----------- */
@media only screen
and (max-width : 767px) {

.board_txt > p { font-size:90%; }

.p_list li:first-child { width:30%; }
.p_list li:first-child > p { height:108px; background:url('../../img/common/book_bg.png') no-repeat; background-size:80%; }
.p_list li:first-child > p > a > img { left:5px; width:83px; height:103px; }
.p_list li:last-child { width:70%; }

.board_top .right select { width:125px; }

}