@charset "utf-8";

/* 가이드용 스타일 (실제 웹페이지상에서는 쓰이지 않음) */
hr {margin:50px 0; border:0; border-top:1px dashed #39f; background:none;}
.tit_guide {margin:50px 0 20px; padding:0 15px; font-weight:600; color:#fff; font-size:16px; text-align:center; background:#F69; line-height:36px;}
#tit_page+.tit_guide {margin-top:0;}
.not {border:5px solid red;}
.not.p {border:5px solid blue;}
.not.p:after {display:block; clear:both; content:'해당 영역 기획 필요'; color:#fff; font-weight:600; font-size:16px; line-height:40px; text-align:center; background:blue;}
.not.d:after {display:block; clear:both; content:'해당 영역 디자인 필요'; color:#fff; font-weight:600; font-size:16px; line-height:40px; text-align:center; background:red;}

/* 모달레이어 */
.no_scroll {position:fixed; overflow-y:scroll; width:100%;}
.layer_popup {display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999;}
.layer_popup .modal {display:none;}
.layer_popup .layer_cont {position:absolute; left:0; right:0; top:0; bottom:0; min-width:320px; background:#fff;}
.layer_popup .layer_cont .tit_layer {height:45px; padding:0 20px; color:#fff; font-size:18px; line-height:45px;
	background: #147fe1; /* Old browsers */
	background: -moz-linear-gradient(top, #147fe1 0%, #1069b9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #147fe1 0%,#1069b9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #147fe1 0%,#1069b9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.layer_popup .layer_cont .layer_article {position:absolute; top:45px; left:0; right:0; max-height:calc(100vh - 45px); padding:20px 20px 0; box-sizing:border-box; overflow:auto;}
.layer_popup .layer_cont .layer_article:after {display:block; clear:both; height:30px; content:'';}
.layer_popup .layer_cont .btn_area {margin-top:25px; text-align:center;}
.layer_popup .btn_modal_close {position:absolute; top:0; right:0; width:52px; height:45px; text-indent:100%; white-space:nowrap; background:url(../images/common/btn_pop_close.png) no-repeat center center; background-size:12px 11px; overflow:hidden;}
@media only all and (min-width:990px) {
	.layer_popup .modal {display:block; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.5);}
	.layer_popup .layer_cont {position:absolute; left:50%; top:50%; width:700px; height:550px; margin:-275px 0 0 -350px; background:none;}
	.layer_popup .layer_cont .tit_layer {border-radius:8px 8px 0 0;}
	.layer_popup .layer_cont .layer_article {position:absolute; top:45px; left:0; right:0; height:calc(100% - 45px); max-height:none; padding:20px 20px 0; border-radius:0 0 8px 8px; box-sizing:border-box; border:2px solid #1069b9; border-top:0; background:#fff; overflow:auto;}
	.layer_popup .layer_cont .layer_article:after {display:block; clear:both; height:20px; content:'';}
	.layer_popup .layer_cont .bbs_search input {width:calc(100% - 100px); max-width:250px;}
	.layer_popup .layer_cont .btn_area {margin-top:25px; text-align:center;}
}

/* 타이틀, 불릿 */
.tit1 {margin:35px 0 25px; height:auto !important; padding-left:27px; color:#094068; font-weight:600; font-size:22px; line-height:30px; text-align:left; background:url(../images/common/bul_tit1.png) no-repeat 0 8px; background-size:22px 15px;}
.tit1 .colr_point {font-size:16px;}
.tit2 {margin:25px 0 10px; height:auto !important; padding-left:27px; color:#444; font-weight:600; font-size:16px; line-height:24px; text-align:left; background:url(../images/common/bul_tit2.png) no-repeat 10px 7px; background-size:10px 10px;}
@media only all and (max-width:989px) {
	.tit1 {font-size:20px; line-height:24px; background-position:0 5px;}
}
.tit2+.tit2 {margin-top:0;}
.tit1+.tit2 {margin-top:10px;}
.tit1+.bul_dot, .tit1+.non_dot, .tit2+.bul_dot, .indent {margin-left:17px;}
.tit1+.bar_h, .tit2+.bar_h {margin-left:17px;}
.tab_btn+.tit1 {margin-top:0;}
.bul_dot.box_guide, .bul_dot.box_guide {margin-left:0;}
.box_guide>dt {margin-bottom:5px; font-weight:600; color:#0072cf;}
p.bul_dot, .bul_dot>li {padding-left:11px; line-height:18px; background:url(../images/common/bul_dot.png) no-repeat 0 7px; background-size:4px 4px;}
.bul_dot>li+li, .non_dot>li+li {margin-top:3px;}
.bul_dot.space>li, .non_dot.space>li {line-height:20px; background-position:0 7px;}
.bul_dot.space>li+li, .non_dot.space>li+li {margin-top:10px;}
p.bul_dot2, .bul_dot2>li {padding-left:9px; font-size:13px; line-height:18px; background:url(../images/common/bul_dot2.png) no-repeat 0 10px;}
.bul_dot2>li+li {margin-top:2px;}
.bul_dot2.space li {background-position:0 9px;}
.bul_dot2.space li+li {margin-top:10px;}
.bul_dot_blue li {padding-left:11px; line-height:18px; background:url(../images/common/bul_dot_blue.png) no-repeat 0 8px;}
.bul_dot_blue>li+li {margin-top:3px;}

/* 글꼴 */
.colr_point {color:#cf2121;}
.colr_point2 {color:#0072cf;}
.link {text-decoration:underline;}
p.tip {margin-top:5px;}
span.tip {margin-left:10px;}
.note {padding-left:23px; font-size:13px; background:url(../images/common/ico_note.png) no-repeat 1px 3px; background-size:18px 16px;}
.note+.note {margin-top:3px;}
table+.note, .tb_scroll+.note {margin-top:8px;}
.word {word-break:keep-all;}

/* 버튼 */
.btn {display:inline-block; height:30px; padding:0 10px; box-sizing:border-box; border:1px solid #7ba7c9; border-radius:2px; color:#005ca9; font-weight:600; font-size:13px; line-height:28px; text-align:center; vertical-align:middle; white-space:nowrap; text-decoration:none !important;
	background: #f8f8f8; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); IE6-9 */
}
.btn.act {color:#fff; border:0; line-height:30px; 
	background: #2f76b8; /* Old browsers */
	background: -moz-linear-gradient(top,  #2f76b8 0%, #1a61a3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2f76b8 0%,#1a61a3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2f76b8 0%,#1a61a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f76b8', endColorstr='#1a61a3',GradientType=0 ); IE6-9 */
}
.btn.nav {color:#fff; border:0; line-height:30px; background:#668194;}
.btn.inline {height:20px; padding:0 6px; border:1px solid #0a6ca5; color:#fff; font-size:11px; line-height:18px;
	background: #087cc0; /* Old browsers */
	background: -moz-linear-gradient(top,  #087cc0 0%, #0876b7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #087cc0 0%,#0876b7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #087cc0 0%,#0876b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#087cc0', endColorstr='#0876b7',GradientType=0 ); IE6-9 */
}
.bul_dot .btn.inline {margin-top:-2px;}
.btn img {vertical-align:middle;}
.btn_area {min-height:38px; margin-top:30px; text-align:right;}
.btn_area .btn {height:40px; padding:0 29px; border-radius:4px; box-shadow:rgba(102,102,102,0.5) 0 1px 1px; font-size:16px; line-height:38px;}
.btn_area .btn.nav {
	background: #656c71; /* Old browsers */
	background: -moz-linear-gradient(top,  #656c71 0%, #4e555a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #656c71 0%,#4e555a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #656c71 0%,#4e555a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656c71', endColorstr='#4e555a',GradientType=0 ); IE6-9 */
}
.btn_area .btn.act, .btn_area .btn.nav {padding:0 30px; border:0; border-radius:4px; color:#fff;}

.btn_area.large {margin-top:50px; text-align:center;}
.btn_area.large .btn {min-width:180px; margin:2px 3px; padding:0 20px; height:48px; box-shadow:rgba(102,102,102,0.5) 0 1px 1px; border:0; color:#fff; font-size:16px; line-height:48px;
	background: #2f76b8; /* Old browsers */
	background: -moz-linear-gradient(top,  #2f76b8 0%, #1a61a3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2f76b8 0%,#1a61a3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2f76b8 0%,#1a61a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f76b8', endColorstr='#1a61a3',GradientType=0 ); IE6-9 */
}
.btn_area.large .btn.nav {min-width:180px; padding:0 20px; height:48px; box-shadow:rgba(102,102,102,0.5) 0 1px 1px; border:0; color:#fff; font-size:16px; line-height:48px;
	background: #00828e; /* Old browsers */
	background: -moz-linear-gradient(top,  #00828e 0%, #006d79 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #00828e 0%,#006d79 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #00828e 0%,#006d79 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00828e', endColorstr='#006d79',GradientType=0 ); IE6-9 */
}
.btn_area.full {margin-top:50px; text-align:center;}
.btn_area.full .btn {min-width:370px; margin:2px 3px; padding:0 20px; height:48px; box-shadow:rgba(102,102,102,0.5) 0 1px 1px; border:0; color:#fff; font-size:16px; line-height:48px;
	background: #187CA3; /* Old browsers */
	background: -moz-linear-gradient(top,  #187CA3 0%, #187CA3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #187CA3 0%,#187CA3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #187CA3 0%,#187CA3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009be8', endColorstr='#0f75c9',GradientType=0 );  IE6-9 */
}
.btn_area.data {margin-top:9px;}
.btn_area.data .btn {height:30px; margin:1px 0; padding:0 10px; border:1px solid #76a4c6; border-radius:2px; box-shadow:none; color:#005ca9; font-size:13px; line-height:28px;}

table .btn.inline {height:26px; margin:1px 0; padding:0 10px; border:1px solid #7ba7c9; border-radius:2px; box-shadow:none; color:#005ca9; font-size:12px; line-height:24px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* 박스 */
.box_cont {padding:15px 20px; border:1px solid #ccc; border-radius:3px; word-break:keep-all; background:#f7f7f7;}
.box_cont2 {padding:15px 20px; background:#f7f7f7;}
.box_img {padding:25px; text-align:center; background:#f7f7f7;}
.box_img2 {padding:25px 20px; border:1px solid #ddd; border-radius:5px; text-align:center;}
.box_img2 img {max-width:100%;}
.box_img3 {border:1px solid #ddd; text-align:center;}
.box_img3 img {max-width:100%;}
.box_img4 {border:1px solid #ddd; border-radius:3px; text-align:center;}
.box_img4 img {max-width:100%;}
.box_guide {min-height:53px; padding:16px 25px 16px 78px; border:1px solid #ccc; border-radius:3px; line-height:21px; background:#f7f7f7 url(../images/common/ico_guide.png) no-repeat 25px 20px; background-size:33px 47px;}
.box_print {min-height:63px; padding:16px 25px 16px 87px; border:1px solid #ccc; border-radius:3px; line-height:21px; background:#f7f7f7 url(../images/common/ico_print.png) no-repeat 21px 22px;}
.box_print .tit {margin-bottom:10px; font-weight:600; font-size:14px;}
.box_result {max-width:470px; margin:auto; padding:35px; border:1px solid #ccc; border-top:3px solid #006ec8; border-radius:3px; text-align:center;}
.box_result .msg {text-align:center; font-size:20px; line-height:28px;}
.box_result ul {margin-top:20px;}
.box_result ul {display:inline-block;}
.box_result li {text-align:left;}
.box_result .btn_area {margin-top:30px;}
.box_result>*:first-child {margin-top:0;}
.box_pcweb {text-align:center;}
.box_complete {padding:80px 30px; border:1px solid #ccc; border-top:3px solid #006ec8; border-radius:3px;}
.box_complete p {text-align:center; font-size:25px; line-height:30px;}
img.full {width:100%;}

.ir {position:relative; height:0; padding-top:100%; background-repeat:no-repeat; background-size:100% auto;}
.ir * {position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
.ir .inner {position:absolute; left:0; top:0; width:100%; height:100%;}

/* 탭메뉴 */
.tab_menu {margin:0 0 35px; *zoom:1;}
.tab_menu:after {display:block; clear:both; content:'';}
.tab_menu li {float:left; box-sizing:border-box; width:50%; border:1px solid #cfcfcf; border-radius:3px; overflow:hidden;}
.tab_menu li a {display:block; height:40px; padding:0 10px; border-left:1px solid #fff; color:#444; font-size:14px; white-space:nowrap; text-overflow:ellipsis; line-height:40px; text-align:center; overflow:hidden;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.tab_menu li.on {position:relative; border-color:#0f75c9; z-index:100;}
.tab_menu li.on a {border-left:0; font-weight:600; color:#fff;
	background: #009be8; /* Old browsers */
	background: -moz-linear-gradient(top,  #009be8 0%, #0f75c9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #009be8 0%,#0f75c9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #009be8 0%,#0f75c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009be8', endColorstr='#0f75c9',GradientType=0 ); /* IE6-9 */
}
.tab_btn {text-align:right;}
.tab_btn a {display:inline-block; height:31px; padding:0 20px; border-radius:3px; color:#fff; font-weight:600; font-size:14px; line-height:31px; background:#0b76c1;}
.loc_cate {margin-bottom:10px; padding:15px; border:1px solid #ccc; background:#f7f7f7; font-size:0; text-align:center; overflow:hidden;}
.loc_cate li {display:inline-block;}
.loc_cate li a {display:block; padding:0 9px 0 10px; font-size:15px; line-height:25px; background:url(../images/common/bar_loc_cate.gif) no-repeat 0 center;}
.loc_cate li.on a {color:#0072cf; font-weight:600;}
.loc_cate li:first-child a {padding-left:0; background:none;}

/* 테이블 */
table {width:100%; border:0; border-spacing:0; word-break:normal; overflow:hidden;}
table th, table td {border:0;}
table td a:hover, table td a:focus {text-decoration:underline;}
table .row+.row {margin-top:3px;}
table td.al {padding-left:12px;}
table td.ar {padding-right:12px;}
table td.nodata {height:100px !important; text-align:center; background:#fff !important;}
table label+label, table label+input[type=checkbox], table label+input[type=radio] {margin-left:10px;}

table {border-collapse:separate; border-top:2px solid #0053a1; border-left:hidden; border-right:hidden;}
.bul_dot>li>table {margin-left:-26px; width:calc(100% + 26px);}
#tit_page+table caption.tit1, #tit_page+table caption.tit2, .tab_menu+h3.hidden+table caption.tit1, .tab_menu+h3.hidden+table caption.tit2, .tab_menu+table caption.tit1, .tab_menu+table caption.tit2, #tit_page+form table:first-child caption.tit1, #tit_page+form table:first-child caption.tit2, .layer_article table:first-child caption.tit1 {margin-top:0;}
table caption.tit1 {position:relative;}
table caption.tit1 .unit, table caption.tit2 .unit {display:block; margin:-5px 0 0; text-align:right; font-weight:normal; font-size:14px; line-height:20px;}
table caption.tit1 .date {position:absolute; left:0; bottom:3px; font-weight:normal; font-size:13px; line-height:20px;}
table caption .fr {margin-top:8px; font-weight:normal; font-size:14px; line-height:20px;}
table caption.tit {height:auto !important; font-weight:600; font-size:15px; line-height:30px; text-align:left; overflow:hidden;}
table caption.tit .sm {display:inline-block; font-weight:600; font-size:13px; line-height:30px; margin:0;}
table caption label {display:inline-block; vertical-align:top;}
table td, table th {height:20px; padding:8px 10px; border-bottom:1px solid #ccc; line-height:18px;}
table td, table th, table td a, table th a {font-size:14px;}
table thead th {color:#2a4b69; background:#f2f6f7 url(../images/common/bar_bbs_th.gif) no-repeat 0 center;}
table thead th:first-child {background-image:none;}
table>tbody>tr>th {height:20px; padding:8px 10px 8px 15px; text-align:left; background:url(../images/common/bar_view_th.gif) no-repeat right center;}
table thead~tbody th, table thead~tfoot th {text-align:center;}
table thead~tbody td, table thead~tfoot td {text-align:center;}
table tfoot th, table tfoot td {font-weight:600; background:#edf8fe !important;}
table .req {margin:-2px 0 0 -8px; color:#cf2121;}
table input[size] {width:auto;}
table .file_ctrl {display:block;}
table .btn_file {display:inline-block; width:30px; height:30px; text-indent:100%; white-space:nowrap; vertical-align:middle; background:url(../images/common/btn_add.png) no-repeat; background-size:cover; overflow:hidden;}
table .btn_file.del {background-image:url(../images/common/btn_del.png);}
table div.file_attach {margin-top:3px;}
table span.file_attach {display:block; margin:3px 0 5px;}
table div.file_attach .tmb {max-width:400px; max-height:150px; margin-right:5px; vertical-align:bottom;}
table .file_attach a {display:inline-block; max-width:390px; margin-right:5px; line-height:22px; text-decoration:underline; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; overflow:hidden;}
table div.file_attach a {vertical-align:bottom;}
.file_attach .btn_file_del {width:49px; height:22px; padding-left:12px; color:#555; font-size:12px; text-align:center; line-height:22px; background:url(../images/common/btn_delete.png) no-repeat; background-size:cover;}
.bg_del td, td.bg_modify {background:#ffeee6 !important;}
.bg_point td, td.bg_point {background:#f3fbfd !important; font-weight:600;}
table tfoot th, table .bg_point th, table th.bg_point {background:#e4f2f6 !important;}
.newline {word-break:break-all;}
pre.bbs_cont {white-space:pre-wrap;}
.tb_view pre.bbs_cont {font-size:14px;}
p.nodata {padding:50px 0; border-top:2px solid #0053a1; border-bottom:1px solid #ccc; line-height:50px; text-align:center;}
.req_guide {margin-bottom:5px; color:#cf2121; font-weight:600;}

/* 게시판 목록 */
.tb_list td {height:22px; padding:7px 10px;}
.tb_list .btn {height:26px; padding:0 10px; border-radius:2px; border:0; color:#fff; font-size:12px; line-height:26px; background:#00819e;}
.tb_list .btn.green {background:#10874b;}
.tb_list .btn.filedown {width:82px; height:26px; padding:0 25px 0 10px; color:#555; font-size:12px; line-height:24px; background:url(../images/common/btn_download.png) no-repeat; background-size:cover;}
.tb_list .ico_secret {display:inline-block; width:13px; height:15px; margin-right:7px; text-indent:100%; white-space:nowrap; vertical-align:middle; background:url(../images/common/ico_secret.png) no-repeat; background-size:cover; overflow:hidden;}
.tb_list .ico_re {display:inline-block; width:10px; height:20px; margin-right:3px; text-indent:100%; white-space:nowrap; vertical-align:middle; background:url(../images/common/ico_re.png) no-repeat; background-size:cover; overflow:hidden;}
.tb_list .t_no {width:60px;}
.tb_list .t_subj {width:auto;}
.tb_list tr.notice th, .tb_list tr.notice td {background:#f8f8f8;}
.tb_list tr.notice td.subject a {font-weight:600; color:#0070cb;}
.tb_list .tag_notice {display:inline-block; padding:0 6px; border-radius:2px; color:#fff; font-size:12px; line-height:22px; background:#00819d;}
.tb_list .tag_ing {display:inline-block; padding:0 6px; border-radius:2px; color:#fff; font-size:12px; line-height:22px; background:#00819d;}
.tb_list td .cmt {font-weight:600; font-size:13px; color:#cf2121;}
span.new {display:inline-block; width:11px; height:11px; margin:0; padding:0; text-indent:100%; white-space:nowrap; vertical-align:middle; background:url(../images/common/ico_new.gif) no-repeat; background-size:cover; overflow:hidden;}

/* 게시판 상세 */
.tb_view {border-top:1px solid #ccc;}
.tb_view caption {height:auto; min-height:18px; padding:9px 15px; border-top:2px solid #0053a1; color:#2a4b69; font-weight:600; font-size:14px; line-height:18px; text-align:left; background:#f2f6f7;}
.tb_view caption .date {float:right; font-weight:normal;}
.tb_view thead th {background-image:none;}
.tb_view .file_list a {display:block;}
.tb_view+.bbs_article {padding:30px 20px; border-bottom:1px solid #ccc;}
.bbs_article, .bbs_article * {line-height:1.6;}
.bbs_article pre {white-space:pre-wrap;}
.bbs_article table {table-layout:auto; margin:5px 0; border-collapse:collapse; border:1px solid #888; border-top:2px solid #888; white-space:normal; background:#fff; overflow:visible;}
.bbs_article table th {text-align:center; background:#f8f8f8;}
.bbs_article table thead tr:first-child th {border-top:0;}
.bbs_article table th, .bbs_article table td {padding:6px 5px; border:1px solid #dbdbdb; color:#444; word-break:break-all;}
.bbs_article table colgroup+tbody tr:first-child th, .bbs_article table colgroup+tbody tr:first-child td {border-top:0;}
.bbs_article table th, .bbs_article table td, .bbs_article table th a, .bbs_article table td a {font-size:13px;}
.bbs_article table a {text-decoration:underline;}
.bbs_article dt {margin:20px 0 5px; font-size:16px; font-weight:600;}
.bbs_article .indent {margin:0;}
.bbs_article img {max-width:100%;}

.comment_area {margin-top:50px; padding:20px; background:#f7f7f7;}
.comment_input {font-size:0;}
.comment_input textarea {width:calc(100% - 110px); height:58px;}
.comment_input .btn {width:100px; height:60px; margin-left:8px; border-radius:3px; font-size:15px; line-height:60px; background:#00857c;}
.comment_list {margin-top:30px; border-top:1px solid #ccc;}
.comment_list dt {margin:15px 0 8px; font-weight:600; font-size:14px; line-height:20px;}
.comment_list dd {position:relative; padding-bottom:15px; border-bottom:1px solid #ccc; font-size:13px; line-height:18px;}
.comment_list dd .date {margin-top:8px;}
.comment_list .comment_ctrl {position:absolute; right:0; top:-28px;}
.comment_list .comment_ctrl, .comment_list .comment_ctrl button {color:#00857c; font-size:12px; line-height:20px; vertical-align:middle;}
.comment_list .comment_input {font-size:0;}
.comment_list .comment_input .btn {width:48px;}
.comment_list .comment_input .btn.nav {margin-left:4px; background:#666;}

/* 게시판 쓰기 */
.tb_write {table-layout:fixed;}
.tb_write td, .tb_write th {height:30px; padding:3px 10px;}
.tb_write>tbody>tr>th {height:18px; padding:9px 5px 9px 15px; /* border-left:1px solid #ddd; */}
/* .tb_write>tbody>tr>th:first-child {border-left:0;} */
.tb_write .btn.act {background:#668194;}
.tb_write select {min-width:180px; font-size:14px;}
.tb_write select[style] {min-width:auto;}
.tb_write .row {overflow:hidden;}
.tb_write textarea {height:200px;}
.tb_write .webeditor {height:300px;}
span.desc {display:inline-block; margin-left:5px;}
p.desc {margin-top:2px;}
.page_nav {margin-top:50px; border-top:1px solid #999; border-bottom:1px solid #999;}
.page_nav li {line-height:39px;}
.page_nav li.next {border-bottom:1px solid #ccc;}
.page_nav li strong, .page_nav li a {vertical-align:top;}
.page_nav li strong {display:inline-block; width:70px; padding:0 20px; font-weight:normal;}
.page_nav li.prev strong {background:url(../images/common/ico_pagenav_prev.png) no-repeat 78px 19px;}
.page_nav li.next strong {background:url(../images/common/ico_pagenav_next.png) no-repeat 78px 19px;}
.page_nav li a {max-width:calc(100% - 115px); display:inline-block; padding:10px 0; line-height:19px;}
.page_nav li a:hover, .page_nav li a:focus {color:#333; font-weight:600;}

/* 표 */
.unit {margin-bottom:10px; text-align:right;}
.tit1+.unit, .tit2+.unit {margin-top:-5px;}
.tb_data {table-layout:fixed; border-collapse:collapse; border-top:0; border-right:hidden; background:#dbdbdb;}
.tb_data caption {position:static; width:100%; border-bottom:2px solid #595959; box-sizing:border-box;}
.tb_data caption.tit1, .tb_data caption.tit1, .tb_data caption.tit2, .tb_data caption.tit2 {margin-bottom:0; padding-bottom:25px;}
.tb_data th, .tb_data td {padding:8px 10px; border:1px solid #dbdbdb; color:#444;}
.tb_data th {text-align:center; background:#f5f5f5;}
.tb_data thead tr:first-child th {border-top:0;}
.tb_data td {background:#fff;}
.tb_data colgroup+tbody tr:first-child th, .tb_data colgroup+tbody tr:first-child td {border-top:0;}
.tb_data th, .tb_data td, .tb_data th a, .tb_data td a {font-size:14px;}
.tb_data.compress th, .tb_data.compress td {padding:8px 5px;}
.tb_data.compress th, .tb_data.compress td, .tb_data.compress th a, .tb_data.compress td a {font-size:13px;}
.tb_data .btn {height:26px; margin:-3px 0; padding:0 10px; border:0; border-radius:2px; color:#fff; font-size:12px; line-height:26px; background:#668194;}
.tb_data .btn.inline {margin:-3px 0;}
.tb_data a {text-decoration:underline;}
.tb_data.row2 tr:nth-child(even) td {border-left:1px solid #ddd;}
.tb_data.row2 tr:nth-child(4n-1) td, .tb_data.row2 tr:nth-child(4n) td {background:#fbfbfb;}

.tb_data_rate {border-collapse:collapse; border-top:0; border-right:hidden; background:#dbdbdb;}
.tb_data_rate caption {position:static; width:100%; border-bottom:2px solid #595959; box-sizing:border-box;}
.tb_data_rate caption.tit1, .tb_data_rate caption.tit1, .tb_data_rate caption.tit2, .tb_data_rate caption.tit2 {margin-bottom:0; padding-bottom:25px;}
.tb_data_rate th, .tb_data_rate td {padding:8px 10px; border:1px solid #dbdbdb; color:#444;}
.tb_data_rate th {text-align:center; background:#f5f5f5;}
.tb_data_rate thead tr:first-child th {border-top:0;}
.tb_data_rate td {background:#fff;}
.tb_data_rate colgroup+tbody tr:first-child th, .tb_data_rate colgroup+tbody tr:first-child td {border-top:0;}
.tb_data_rate th, .tb_data_rate td, .tb_data_rate th a, .tb_data_rate td a {font-size:14px;}
.tb_data_rate.compress th, .tb_data_rate.compress td {padding:8px 5px;}
.tb_data_rate.compress th, .tb_data_rate.compress td, .tb_data_rate.compress th a, .tb_data_rate.compress td a {font-size:13px;}
.tb_data_rate .btn {height:26px; margin:-3px 0; padding:0 10px; border:0; border-radius:2px; color:#fff; font-size:12px; line-height:26px; background:#668194;}
.tb_data_rate .btn.inline {margin:-3px 0;}
.tb_data_rate a {text-decoration:underline;}
.tb_data_rate.row2 tr:nth-child(even) td {border-left:1px solid #ddd;}
.tb_data_rate.row2 tr:nth-child(4n-1) td, .tb_data_rate.row2 tr:nth-child(4n) td {background:#fbfbfb;}

@media only all and (max-width:767px) {
	table th, table td {word-break:break-all;}
	.tb_view+.bbs_article {padding:30px 0;}
}

/* 갤러리형 게시판 목록 */
.gallery_list {margin:-5px; overflow:hidden;}
form+.gallery_list {margin-top:-3px;}
.gallery_list li {float:left; width:calc(50% - 10px); margin:5px; border:1px solid #d7d7d7; box-sizing:border-box;}
.gallery_list li a {display:block; position:relative; padding-bottom:10px; font-size:13px; line-height:17px;}
.gallery_list li .tmb {display:block; position:relative; height:0; padding-top:58%;}
.gallery_list li .tmb img {position:absolute; top:0; left:0; width:100%; height:100%;}
.gallery_list li .tit {display:block; height:34px; margin-top:5px; padding:0 10px; overflow:hidden;}
.gallery_list li .date {display:block; margin-top:10px; padding-left:10px;}
.gallery_list li .hit {position:absolute; right:10px; bottom:10px;}

/* 뉴스레터 목록 */
.newsletter_list {margin:-5px; overflow:hidden;}
form+.newsletter_list {margin-top:-3px;}
.newsletter_list li {position:relative; float:left; width:calc(50% - 10px); margin:5px; border:1px solid #ccc; border-top:1px solid #f0f0f0; box-sizing:border-box;}
.newsletter_list li .tmb {display:block; position:relative; height:0; padding-top:145.3%;}
.newsletter_list li .tmb img {position:absolute; top:0; left:0; width:100%; height:100%;}
.newsletter_list li .bg {display:block; position:absolute; left:0; top:0; bottom:0; right:0; border-top:1px solid rgba(255,255,255,0.1); border-right:1px solid rgba(255,255,255,0.1);}
.newsletter_list li .info {position:absolute; left:0; right:0; bottom:0; padding:15px 0 20px; background:rgba(255,255,255,0.8);}
.newsletter_list li .tit {display:block; margin-bottom:7px; padding:0 10px; font-size:12px; text-align:center; overflow:hidden;}
.newsletter_list li .btn_down {display:block; width:93px; height:30px; margin:auto; padding:0 27px 0 11px; color:#666; font-weight:600; font-size:12px; line-height:30px; background:url(../images/common/btn_down_newsletter.png) no-repeat;}
.newsletter_list li .line {position:absolute; top:0; left:0; bottom:0; width:7px; background:url(../images/common/bg_newsletter.png) repeat-y;}

/* 게시판 검색 */
.bbs_search {margin-bottom:8px; text-align:right;}
.bbs_search h3 {display:none;}
.bbs_search select {width:100px; min-width:100px;}
.bbs_search label {display:inline-block; padding-left:10px; margin-right:2px; background:url(../images/common/bul_dot.png) no-repeat 0 center; background-size:4px 4px;}
.bbs_search input {width:calc(100% - 170px); max-width:250px;}
.bbs_search input[size] {width:auto !important;}
.bbs_search .btn_search {
	padding:0 15px; height:30px; color:#fff; font-weight:600; line-height:30px; border-radius:2px; box-shadow:#999 0 1px 1px;
	background: #5e84a0; /* Old browsers */
	background: -moz-linear-gradient(top,  #5e84a0 0%, #4a708c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #5e84a0 0%,#4a708c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #5e84a0 0%,#4a708c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e84a0', endColorstr='#4a708c',GradientType=0 ); IE6-9 */
}

/* 우편번호 검색 */
.zipcode_search {padding:10px; border:1px solid #ccc; border-radius:3px; background:#f7f7f7;}
.zipcode_search input, .zipcode_search .btn {height:40px; line-height:38px;}
.zipcode_search input {width:calc(100% - 90px);}
.zipcode_search .btn {width:85px; font-size:15px;}
.zipcode_search .ex {margin-top:5px; font-size:13px;}
.input_guide {margin:20px 0 10px; font-size:13px; line-height:18px;}
.old_addr {display:block; font-size:13px; padding-left:8px; background:url(../images/common/bul_dot2.png) no-repeat 0 10px;}
#layer_zipcode td button {word-break:break-all;}
#layer_zipcode td button:hover, #layer_zipcode td button:focus {text-decoration:underline;}

@media only all and (min-width:990px) {
	#layer_zipcode .layer_cont {width:650px; height:430px; margin:-215px 0 0 -325px;}
}

/* 카테고리 검색 */
.category_search {margin-bottom:30px; padding:10px 20px 3px; border-radius:4px; border:1px solid #b8ccd4; background:url(../images/common/bg_cate_1depth.gif) repeat-y; overflow:hidden;}
.category_search dt {width:102px; margin-bottom:7px; color:#2a4b69; font-weight:600; line-height:20px;}
.category_search dd {margin:-27px 0 7px 115px; padding:1px 0; overflow:hidden; line-height:18px;}
.category_search dd a {display:inline-block; margin-right:5px; padding-right:10px; background:url(../images/common/bar_cate.gif) no-repeat right center;}
.category_search dd a:last-child {margin:0; padding:0; background:none;}
.category_search dd a.on {font-weight:600; text-decoration:underline;}
.category_search dd a:hover, .category_search dd a:focus {text-decoration:underline;}

/* 페이징 */
.pagination {margin-top:30px; text-align:center; font-size:0;}
.pagination a, .pagination strong {display:inline-block; margin:0 2px; padding:0 5px 0 10px; height:21px; color:#444; font-size:14px; line-height:21px; vertical-align:middle; background:url(../images/common/bar_pagination.gif) no-repeat 0 center;}
.pagination .direction+a, .pagination .direction+strong, .pagination strong:first-child, .pagination a:first-child {padding-left:5px; background:none;}
.pagination strong {color:#0e77b0; font-weight:600;}
.pagination .direction {width:21px; margin:0 10px; padding:0 !important; text-indent:100%; white-space:nowrap; overflow:hidden; background-repeat:no-repeat !important; background-size:cover !important;}
.pagination .first {background-image:url(../images/common/btn_pagiation_first.png) !important;}
.pagination .prev {margin-right:10px; background-image:url(../images/common/btn_pagiation_prev.png) !important;}
.pagination .next {margin-left:10px; background-image:url(../images/common/btn_pagiation_next.png) !important;}
.pagination .last {background-image:url(../images/common/btn_pagiation_last.png) !important;}
.pagination .first+.prev, .pagination .next+.last {margin-left:-5px;}

/* 레이어 달력 */
.btn_cal {display:inline-block; width:20px; height:30px; margin-right:2px; text-indent:100%; white-space:nowrap; vertical-align:middle; background:url(../images/common/ico_cal.png) no-repeat center center; background-size:20px 19px; overflow:hidden;}
.btn_init {display:inline-block; width:20px; height:20px; margin-right:2px; text-indent:100%; border: 2px solid #aebeca; vertical-align:middle; background:url(../images/common/ico_refresh.jpg) no-repeat center center; background-size:20px 19px; overflow:hidden;}
#divCalendar {position:absolute; width:200px; background-color:#fff; border:2px solid #999; padding:10px; z-index:810;}
#divCalendar.pop {z-index:810;}
#divCalendar fieldset {border:0; margin:0; padding:0;}
#divCalendar caption {height:0; font-size:0; line-height:0; overflow:hidden;}
#divCalendar table {width:100%; text-align:center; color:#595959; border:0px solid #000;}
#divCalendar table, #divCalendar table a {font-size:13px;}
#divCalendar #tableCalendarTitle td, #divCalendar #tableCalendarTitle td a, #divCalendar #tableMonthTitle td a, #tableYearTitle td {font-weight:600; font-size:14px;}
#divCalendar #tableYear a {font-size:12px;}
#divCalendar table tr {height:22px;}
#divCalendar table th {border:0px solid #f8720f; height:auto; background:none; padding:0; margin:0; color:#595959; text-align:center; line-height:11px;}
#divCalendar table td {padding:0; margin:0; height:auto; text-align:center; border:0px solid #000; line-height:1;}
#divCalendar table td a {display:block; padding:5px 2px; color:#595959; text-decoration:none;}
#divCalendar table td a:link {text-decoration:none; display:block;}
#divCalendar table td a:hover {text-decoration:none; display:block;}
#divCalendar table td a:visited {text-decoration:none; display:block;}
#divCalendar .today {color:#fff !important; background-color:#437dca; font-weight:600; border:1px solid #2059a5; border-radius:2px;}
#divCalendar .btn_cal_close {position:absolute; top:-2px; right:-19px; text-align:right;}
#divCalendar .btn_cal_close a {display:block; background:url(../images/common/btn_cal_close.gif) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#divCalendar .btn_cal_close, #divCalendar .btn_cal_close a {width:17px; height:16px;}
#divCalendar #tableCalendar th:first-child, #divCalendar #tableCalendar td:first-child a {color:#cf2121;}
#divCalendar #tableCalendar th:last-child, #divCalendar #tableCalendar td:last-child a {color:#0072cf;}
.tb_scroll.wide {margin-bottom:10px; overflow-x:auto;}
.tb_scroll.wide table {table-layout:fixed; width:auto; min-width:100%;}
.tb_scroll table {word-break:normal !important;}

/* Mobile Wide */
@media only all and (min-width:480px) {
	.gallery_list li {width:calc(33.3% - 10px);}
	.newsletter_list li {width:calc(33.3% - 10px);}
}

@media only all and (max-width:639px) {
	.tb_scroll {overflow-x:scroll;}
	/* .tb_scroll:after {display:block; clear:both; content:'↔'; color:#cf2121;} */
	.tb_scroll table {table-layout:auto; width:100%; min-width:610px;}
}

/* Mobile & Tablet */
@media only all and (max-width:989px) {
	img {max-width:100%;}
	.tb_list th, .tb_list td {display:none;}
	.tb_list th:nth-child(1), .tb_list th:nth-child(2),
	.tb_list td:nth-child(1), .tb_list td:nth-child(2) {display:table-cell;}

	.tb_scroll.wide table {min-width:1000px;}
}

/* Tablet & PC Web */
@media only all and (min-width:768px) {
	.tab_menu li {width:25%;}
	.tab_menu.col2 li {width:50%;}
	.tab_menu.col3 li {width:33.3%;}
	.tab_menu.col5 li {width:20%;}
	.gallery_list {margin:-11px;}
	form+.gallery_list {margin-top:-5px;}
	.gallery_list li {width:calc(33.3% - 22px); margin:11px;}
	.newsletter_list {margin:-11px;}
	form+.newsletter_list {margin-top:-5px;}
	.newsletter_list li {width:calc(33.3% - 22px); margin:11px;}
}

/* PC Web Mode */
@media only all and (min-width:990px) {
	.box_pcweb {padding:30px 20px; border:1px solid #ddd; border-radius:5px;}
	.box_pcweb img {max-width:100%;}
	
	.bbs_search {text-align:right;}
	.bbs_search select {width:auto; min-width:120px;}
	.bbs_search select[style] {min-width:inherit;}
	.bbs_search input {width:calc(100% - 530px);}
	
	table .file_ctrl {display:inline-block; min-width:310px;}
	table span.file_attach {display:inline; margin:0 0 0 7px;}
	.comment_area {padding:20px 30px;}
	
	.tb_list .t_btn {width:100px;}
	.tb_list .t_btn_wide {width:150px;}
	.tb_list .t_name {width:90px;}
	.tb_list .t_date {width:100px;}
	.tb_list .t_reply {width:90px;}
	.tb_list .t_hit {width:65px;}
	.tb_list .t_cate {width:150px;}
	.tb_list .t_term {width:200px;}
	.tb_list .t_ans {width:80px;}
	.tb_list .t_stat {width:70px;}
	
	.newsletter_list {margin:-17px;}
	.newsletter_list li {width:calc(25% - 34px); margin:17px;}
}