@charset "utf-8";
/**
* import
*/
@import url("../../common/css/reset.css");
@import url("../../common/css/common.css");
@import url("../../common/css/ui.css");
@import url("../../common/css/xeicon-2.3.3/xeicon.min.css");
@import url("//fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css");
@import url("../../common/css/sButton.css");

/**
/**
* Common Style
*/
div.button { margin-top:30px; }
button { display:inline-block; width:auto; height:auto; margin:0; padding:0; border:0; background:0; cursor:pointer; }
.blind{position:absolute;overflow:hidden;top:0;bottom:100%;width:1px;background:none}

.col_gray , .col_gray a { color:#777 !important; }
.col_aqua , .col_aqua a { color:#34aeb7 !important; }
.col_blue , .col_blue a { color:#5385e6 !important; }
.col_red , .col_red a { color:#e72a30 !important; }
.col_yellow , .col_yellow a { color:#d8821d !important; }

.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }

div.button > div.left {float: left;width: 50%;}
div.button > div.right {width: 50%;float: right;}

.w50 { width:50px; }
.w60 { width:60px; }
.w100 { width:100px; }
.w160 { width:160px; }
.w200 { width:200px; }
.w250 { width:250px; }

.fs14 { font-size:14px; }

.mt_10{ margin-top:10px; }
.mt_50{ margin-top:50px; }
.mb_10{ margin-bottom:10px; }
.mb_15{ margin-bottom:15px; }
.mb_40{ margin-bottom:40px; }
.ml_m_10 { *margin-left:-10px; }

/**
* Layout Style
*/
.primary{color:#2460ce !important;}
.secondary{color:#c5161d !important;}
div.inner{position:relative; left:50%; width:1200px; margin-left:-600px;}

/* body */
body {font-family:"Noto Sans KR", "Noto Sans Korean", "AppleSDGothicNeo-Regular","Malgun Gothic","맑은 고딕","dotum","돋움", sans-serif !important; color:#666;font-size:100%;line-height:1.5em;}
input, button, select, textarea{font-family:"Noto Sans KR", "Noto Sans Korean", "AppleSDGothicNeo-Regular","Malgun Gothic","맑은 고딕","dotum","돋움", sans-serif !important;}
/* wrap */
#wrap {position:relative;min-width:1200px;min-height:100%;overflow-x:hidden; font-size:14px;}

/* header */
#header {position:absolute;z-index:200;width:100%;min-width:1200px;height:133px;}
#header div.headerWrap {position:relative;left:50%;z-index:20;width:1200px;height:80px;margin-left:-600px;}
#header div.headerWrap > h1 {position:absolute; top:12px; left:0; width:290px; height:55px;}
#header div.headerWrap > h1 a {display:block; width:290px; height:55px; background:url("./img/h1_logo.png")}

#header div.headerWrap > div.right {position:absolute; top:0; right:-8px;}
#header div.headerWrap > div.right > ul {}
#header div.headerWrap > div.right > ul:after {display:block;content:'';clear:both;}
#header div.headerWrap > div.right > ul > li {float:left; height:40px; padding:0 10px; background:url("./img/line_footer.gif") 0 50% no-repeat;}
#header div.headerWrap > div.right > ul > li:first-child {background:none;}
#header div.headerWrap > div.right > ul > li > a {line-height:40px; color:#fff; font-size:13px;}

/* depth 1  */
#header > div.open {width:100%;}

#gnb {background:#2460ce; position:relative; min-width:1200px; border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3);}
#gnb > span.bg {display:none; position:absolute; top:52px; z-index:-1;width:100%;height:220px;border-bottom:solid 1px #e9edf6; background:#fff;}
#gnb > span.bg span {display:block;position:relative;}
#gnb.open span.bg {display:block;}

#gnb > ul {position:relative;left:50%;z-index:10;width:1200px;margin-left:-600px;*zoom:1;}
#gnb > ul:after {clear:both; display:block;content:"";}
#gnb > ul > li {position:relative; float:left; width:20%; border-right:1px solid rgba(255,255,255,0.3); box-sizing:border-box;}
#gnb > ul > li:first-child{border-left:1px solid rgba(255,255,255,0.3);}
#gnb > ul > li > a {display:block;height:52px;line-height:52px;font-weight:500;font-size:16px; color:#0062c3; background:#fff; text-align:center;}
#gnb > ul > li > a:hover,
#gnb > ul > li > a:focus,
#gnb > ul > li > a:active,
#gnb > ul > li.hover > a {color:#0062c3; background:#fff; text-decoration:none;}

/* depth 2 */
#gnb > ul > li > ul {display:none; position:absolute; margin-top:1px; width:240px; height:220px; padding:16px 0 0 10px;border-right:1px solid #ddd; box-sizing:border-box;}
#gnb > ul > li:first-child > ul{border-left:1px solid #ddd; margin-left:-1px;}
#gnb.open > ul > li > ul {display:block;}
/* #gnb > ul > li.hover > ul , */
#gnb > ul > li:hover > ul{background:#f5f5f5;}
#gnb > ul > li.nav6 > ul {border-right:1px solid #ddd;}
#gnb > ul > li > ul > li {line-height:26px;}
/*#gnb > ul > li.nav6 > ul > li {width:165px;line-height:24px;}*/
#gnb > ul > li > ul > li > a {display:inline-block; padding:2px 5px 2px 10px; line-height:1.3;  font-size:14px; background:url("./img/bu_dot.gif") 0 50% no-repeat;color:#666;text-align:left;}
#gnb > ul > li > ul > li > a:hover,
#gnb > ul > li > ul > li > a:focus,
#gnb > ul > li > ul > li > a:active {font-weight:600; color:#333; text-decoration:underline;}

/* header_hover */
#header:hover{background:#2460ce;}
#header:hover #gnb,
#header:focus #gnb{background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#header:hover #gnb > ul > li{border-right:1px solid #ddd;}
#header:hover #gnb > ul > li:first-child{border-left:1px solid #ddd;}
#header:hover #gnb > ul > li > a{color:#333;}
#header:hover #gnb > ul > li:hover > a{color:#2460ce;}

/* container */
#container {width:100%; min-width:980px; *zoom:1}
#container .path_box {background:#e9edf6; border-bottom:1px solid #ddd;}
#container #title_path { padding-left:24px; background:url("./img/ico_home.png") 0 50% no-repeat; }
#container #title_path > a {display:inline-block; color:#666; height:50px; line-height:50px; font-size:13px;}
#container #title_path > .arrow { padding:0 6px; }
#container .path_box ul.external_link{position:absolute; top:0; right:0;}
#container .path_box ul.external_link:after {display:block; content:''; clear:both;}
#container .path_box ul.external_link li{float:left; margin-left:1px; background:#d4dbeb;}
#container .path_box ul.external_link li:hover{background:#c0c9df;}
#container .path_box ul.external_link li a{display:block; padding:0 15px; height:50px; line-height:50px; text-decoration:none;}
#container .path_box ul.external_link li.icon a i{font-size:22px; line-height:50px;}

#container #containerWrap {position:relative; top:0; left:50%; padding-top:45px; display:table; width:1200px; min-height:800px; margin-left:-600px}
#container #containerWrap:after {display:block; content:''; clear:both;}

/* aside */
#aside {display:table-cell; width:240px; /* border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2; */}

/* snb */
#snb {position:relative;}
#snb > #group_title {height:140px; background:#2460ce; text-align:center; color:#fff; box-sizing:border-box; box-shadow:7px 7px 10px rgba(0,0,0,0.1);}
#snb > #group_title > p{line-height:140px; font-weight:400;font-size:24px;}
/* #snb > #group_title > span {opacity:0.5;} */
#snb > ul {}
#snb > ul > li {border-bottom:1px solid #ddd;}
#snb > ul > li > a {display:block;padding:18px 15px 18px 15px; font-weight:400; font-size:15px; color:#666;}
#snb > ul > li > a:hover{background:#ebebeb; font-weight:500; color:#333; text-decoration:none;}
#snb > ul > li > a:focus,
#snb > ul > li > a:active,
#snb > ul > li.on > a {padding-left:30px; background:url("./img/bg_arrow.png") 15px 50% no-repeat; font-weight:500; color:#333; text-decoration:none;}

#snb > ul > li > ul {padding:15px 0 15px 15px; border-top:1px solid #ddd;background:#f5f5f5;}
#snb > ul > li > ul > li {padding-left:10px;font-size:13px;background:url("./img/bu_dot3.gif") 0 12px no-repeat;}
#snb > ul > li > ul > li > a {display:block; max-width:157px; color:#333;}
#snb > ul > li > ul > li > a:hover,
#snb > ul > li > ul > li > a:focus,
#snb > ul > li > ul > li > a:active, #snb > ul > li > ul > li.on > a {color:#0062c3;}

#snb > ul > li > ul > li > ul {padding:6px 0 10px 0;}
#snb > ul > li > ul > li > ul > li {padding-left:10px;background:url("./img/bu_dot4.gif") 0 50% no-repeat;}
#snb > ul > li > ul > li > ul > li > a {color:#666;}
#snb > ul > li > ul > li > ul > li > a:hover, #snb > ul > li > ul > li > ul > li > a:focus, #snb > ul > li > ul > li > ul > li > a:active, #snb > ul > li > ul > li > ul > li.on > a {color:#666;}

#snb div.banner{margin:25px 0 40px; border:1px solid #ddd; background:url("./img/bg_snb_banner.png") 160px 50% no-repeat;}
#snb div.banner a{display:block; padding:22px; height:140px; font-size:16px; color:#666; text-decoration:none; box-sizing:border-box;}
#snb div.banner strong, #snb div.banner span{display:block;}
#snb div.banner strong{font-size:13px;}
#snb div.banner span{margin-top:10px; display:block; width: 85px; height:30px; line-height:28px; text-align:center; border:1px solid #2460ce; border-radius:15px; font-size:16px; font-weight:500;}
#snb div.banner span:hover{color:#fff !important; background:#2460ce;}

/* content */
#content {position:relative;width:909px; display:table-cell; padding-left:51px;}
#content > h3 {position:relative; padding:40px 0 60px; font-weight:500;font-size:36px;line-height:36px;color:#333;}
#content > h3:before{position:absolute; top:0; left:0; display:block; content:""; width:30px; height:1px; background:#2460ce;}

#content > #article { position:relative; padding-bottom: 80px; font-size:16px; line-height:160%;}
#content > #article h4 {padding-left:30px;font-weight:600; font-size:22px; line-height:28px;background:url("img/bu_h4.png") 0 6px no-repeat; color:#333;}
#content > #article div.con {margin-top:35px;}
#content > #article p.bu {padding-left:10px;background:url("img/bu_dot.gif") 0 50% no-repeat;}

/* footer */
#footer {position:relative;width:100%;height:270px;border-top:1px solid #ddd;}
#footer div.f_link_box{border-bottom:1px solid #ddd;}
#footer div.f_link_box ul.related_link{position:relative; left:50%; width:1200px; margin-left:-600px;}
#footer div.f_link_box ul.related_link:after{display:block; content:""; clear:both;}
#footer div.f_link_box ul.related_link li{float:left; width:20%; border-right:1px solid #ddd; box-sizing:border-box; background:url("./img/bg_related_link.png") no-repeat;}
#footer div.f_link_box ul.related_link li:first-child{border-left:1px solid #ddd;}
#footer div.f_link_box ul.related_link li:nth-child(2){background-position:-240px 0;}
#footer div.f_link_box ul.related_link li:nth-child(3){background-position:-480px 0;}
#footer div.f_link_box ul.related_link li:nth-child(4){background-position:-720px 0;}
#footer div.f_link_box ul.related_link li:last-child{background-position:-960px 0;}
#footer div.f_link_box ul.related_link li a{display:block; height:80px; line-height:80px; text-align:center;}
#footer div.footerWrap {position:relative; left:50%; min-width:1200px; margin-left:-600px;}
#footer div.footerWrap div.footer_box{position:relative; width:1200px;}
#footer div.footerWrap div.footer_box > p.f_logo{position:absolute; top:4px; background:url("./img/f_logo.png") 0 0 no-repeat; width:213px; height:24px;}
#footer div.footerWrap div.footer_info{padding-left:240px; }
#footer div.footerWrap div.footer_info > ul.f_util {margin:28px 0 15px;}
#footer div.footerWrap div.footer_info > ul.f_util:after {display:block;content:'';clear:both;}
#footer div.footerWrap div.footer_info > ul.f_util > li {float:left; margin-left:10px;padding-left:10px;background:url("./img/line_footer.gif") 0 50% no-repeat;}
#footer div.footerWrap div.footer_info > ul.f_util > li a{color:#555; font-size:13px;}
#footer div.footerWrap div.footer_info > ul.f_util > li:first-child {margin:0;padding:0;background:none;}
#footer div.footerWrap div.footer_info > ul.f_util > li:first-child a{color:#d60000;}
#footer div.footerWrap div.footer_info > ul.f_add {font-size:13px;}
#footer div.footerWrap div.footer_info > ul.f_add:after {display:block;content:'';clear:both;}
#footer div.footerWrap div.footer_info > ul.f_add > li dl dt, #footer div.footerWrap div.footer_info > ul.f_add > li dl dd{display:inline-block;}
#footer div.footerWrap div.footer_info > ul.f_add > li dl dd{padding-right: 6px;}
#footer div.footerWrap div.footer_info > ul.f_add > li:first-child {margin:0; padding:0; background:none;}
#footer div.footerWrap div.footer_info > ul.f_add > li.copyright{margin-top:15px; color:#888;}

#footer div.footerWrap div.footer_box ul.f_btn_box{position:absolute; top:5px; right:0;}
#footer div.footerWrap div.footer_box ul.f_btn_boxl:after {display:block;content:'';clear:both;}
#footer div.footerWrap div.footer_box ul.f_btn_box li{float:right; margin-left:5px;}
#footer div.footerWrap div.footer_box ul.f_btn_box li a{display:block; width:45px; height:45px; font-size:24px; color:#fff; border-radius:50%; text-align:center;}
#footer div.footerWrap div.footer_box ul.f_btn_box li a.btn_top{background:#a8a8a8;}
#footer div.footerWrap div.footer_box ul.f_btn_box li a.btn_sns{background:#3f74c7;}
#footer div.footerWrap div.footer_box ul.f_btn_box li a i{line-height:45px; }

#footer div.footerWrap > ul.visit { position:absolute; top:112px; right:150px; }
#footer div.footerWrap > ul.visit > li { float:left; margin-left:10px; padding-left:10px; background:url("./img/line_footer.gif") 0 50% no-repeat; }
#footer div.footerWrap > ul.visit > li:first-child { margin:0; padding:0; background:none; }
#footer div.footerWrap > ul.visit > li > span {}
#footer div.footerWrap > ul.visit > li > strong { font-weight:bold; color:#111; }
#footer div.footerWrap > ul.visit > li:first-child > strong { color:#e93636; }

#footer div.footerWrap > p.copy {line-height:22px;color:#666;}
#footer div.footerWrap > div.sns {position:absolute;top:116px;right:0;}

/**
* quick_menu
*/
#quick_menu{position:fixed; top:0; right:-140px; height:100vh; text-align: center; box-sizing: border-box; z-index: 200; transition:all 0.5s;}
#quick_menu.on{right:0;}
#quick_menu div.oandc{position:absolute; top:460px; right:140px; width:40px; height:40px; font-size: 40px; background:#3879cc; color:#fff; transition:all 0.5s;}
#quick_menu.on div.oandc{right:140px; }
#quick_menu div.oandc div.open_quick{display:block;}
#quick_menu div.oandc div.close_quick{display:none;}
#quick_menu.on div.oandc div.open_quick{display:none;}
#quick_menu.on div.oandc div.close_quick{display:block;}
#quick_menu div.quick_list{width:140px; height:100vh; background:#fff; border-left:1px solid #ddd; box-sizing: border-box;}
#quick_menu div.quick_list div.tit{height:80px; line-height:80px; background:#333; color:#fff; font-weight: 500;}
#quick_menu div.quick_list ul li{border-bottom:1px solid #ddd; box-sizing:border-box;}
#quick_menu div.quick_list ul li a{min-height:100px; display:block; padding:25px 25px;  text-align: center; word-break: keep-all; box-sizing: border-box;}
#quick_menu div.quick_list ul li a:hover{background: #f5f5f5; text-decoration: none;}

/**
* layer popup
*/
#layer_back { display:none; position:fixed; top:0; left:0; z-index:990; width:100%; height:100%; background-color:#000; filter:alpha(opacity=40); -khtml-opacity:0.4; -moz-opacity:0.4; opacity:0.4; }
#layer_back.open { display:block; }
#layer_popup { display:none; position:fixed; top:50%; left:50%; z-index:995; width:600px; height:600px; background-color:#fff; margin:-300px 0 0 -300px; border:1px solid #000; }
#layer_popup.open { display:block; }
#layer_header { position:relative; width:100%; height:55px; background-color:#434a54; }
#layer_header > h1 { width:80%; margin-left:15px; line-height:50px; color:#fff; font-size:20px; font-weight:bold; }
#layer_header > button { position:absolute; top:13px; right:13px; z-index:996; width:24px; height:24px; margin:0; padding:0; border:0; cursor:pointer; background:none; }
#layer_header > button > i { font-size:24px; color:#fff; }
#layer_content { height:500px; padding:20px; padding-bottom:30px; margin-bottom:0; overflow-y:auto; *zoom:1; }
#layer_content h2 { height:20px; line-height:20px; margin-top:30px; color:#3c3c3c; font-weight:bold; }
#layer_content h2:first-child { margin-top:0; }


.layer_popup_main { display:block; position:absolute; z-index:0.5; background-color:#fff; margin:-300px 0 0 -300px; padding: 10px 10px 10px 10px; }
.layer_popup_main.hide {display: none;}
.layer_content_main { margin-bottom:5px; overflow-y:auto; *zoom:1; }
.layer_popup_main div.popup_footer{text-align: center; font-family: "notoMedium";}
.popup_footer button{font-family: "notoMedium"; font-size: 12px}

@media screen and (max-width:415px) {
    .layer_popup_main { display:none;}
}

/**
* layer loading
*/
#layer_loading { display:none; position:fixed; top:50%; left:50%; z-index:999; width:200px; height:200px; margin:-100px 0 0 -100px; }
#layer_loading > p { width:200px; height:140px; padding:30px 0; text-align:center; }
#layer_loading > p > i { font-size:100px; color:#eee; }
#layer_loading > p > strong { display:inline-block; margin:10px 0; font-size:12px; font-weight:bold; color:#fff; }

/**
* Contents Style
*/

/* 게시판 CSS */
#board {font-size:13px;}

/* input */
label {margin-right:10px;}
label > input {margin:0 5px 0 0;vertical-align:middle;}

/* textarea */
textarea {padding:10px;border:1px solid #d2d2d2;}

/* 기본 table */
table.normal_table {width:100%;margin-top:10px;table-layout:fixed; border-top:2px solid #333; font-size:12px; }
table.normal_table tr th, table.normal_table tr td {padding:20px 5px;line-height:1.5em;border-bottom:1px solid #ddd;text-align:center;vertical-align:middle; }
table.normal_table tr th {font-weight:400;font-size:15px; background:#eff8ff; color:#333;}
table.normal_table tr td {font-size:16px;color:#666;}
table.normal_table tr td.emphasis {color:#333;}
table.normal_table tr td.left {padding-left:20px;text-align:left;}
table.normal_table tr td strong {font-weight:600;}

/* 기본 table > border */
table.normal_table.border tr th, table.normal_table.border tr td {border-right:1px solid #ddd;word-break:break-all;}
table.normal_table.border tr > th:last-child, table.normal_table.border tr > td:last-child {border-right:none;}
table.normal_table.border tr > th:last-child{border-right:1px solid #ddd;}
/* table.normal_table.border tr > th:first-child, table.normal_table.border tr > td:first-child {border-left:1px solid #ddd;} */
table.normal_table.border tr > th.no_line, table.normal_table.border tr > td.no_line {border-left:0;}

/* list */
div.list div.button {position:relative;margin-top:30px;}

div.list_top {position:relative;padding:0;margin-bottom:15px;font-size:12px;background:none;color:#666;}
div.list_top.no_margin {margin:0;}
div.list_top:after {display:block;content:'';clear:both;}
div.list_top > div.left {float:left;width:48%;height:30px;line-height:30px;text-align:left;}
div.list_top > div.left > p {font-size:13px;}
div.list_top > div.left > p > strong {font-weight:600;color:#0062c3;}
div.list_top > div.right {float:right;width:48%;height:30px;line-height:30px;text-align:right;}
div.list_top > div.right input.searchbox {height:28px;padding:0 10px;line-height:28px;font-size:12px;color:#666;border:1px solid #d2d2d2;background:#f5f5f5;vertical-align:middle;}
div.list_top > div.right input.searchbox_submit {position:absolute;top:0;right:0;}

/* list > normal */
table.list_table {width:100%;margin:0;table-layout:fixed;border-top:2px solid #333;}
table.list_table tr th, table.list_table tr td {padding:15px 0;line-height:24px;text-align:center;vertical-align:middle;}
table.list_table tr td {padding:20px 0;}
table.list_table tr th {border-bottom:1px solid #ddd; font-weight:400; font-size:15px; background:#e9edf6; color:#333;}
table.list_table tr td {border-bottom:1px solid #ddd;font-size:16px;color:#666;}
table.list_table tr td.subject {padding-left:10px;text-align:left;}
table.list_table tr td.subject > a { font-weight:500; }
table.list_table tr td.category {color:#0062c3;}

table.list_table tr td a {font-weight:300;color:#666;}
table.list_table tr td a:hover, table.list_table tr td a:focus, table.list_table tr td a:active {color:#333;}

table.list_table tr td span.icon {position:relative;top:-1px;margin-left:8px;}
table.list_table tr td.no_data{padding:60px 0;}

/* pagination */
div.pagination {position:relative;overflow:hidden;width:100%;height:25px;margin:0;padding-top:50px;}
div.pagination ul {position:relative;left:-50%;float:right;}
div.pagination ul:after {clear:both;display:block;content:"";}
div.pagination ul li {position:relative;left:50%;float:left;margin-left:10px;}
div.pagination ul li:first-child {margin-left:0;}
div.pagination ul li a {display:block;min-width:23px;height:23px;border:1px solid #ddd;font-size:12px;line-height:23px;background:none;color:#888;vertical-align:baseline;text-align:center;}
div.pagination ul li:first-child a {}
div.pagination ul li.on a { border-color:#333; color:white; background:#1e8e2a;}
div.pagination ul li.arrow a { background:url("./img/sp_page.png") 0 0 #f0f0f0 no-repeat; text-indent:-5000px;}
div.pagination ul li.begin a {background-position:0 7px;}
div.pagination ul li.prev a {background-position:0 -43px;}
div.pagination ul li.next a {background-position:1px -93px;}
div.pagination ul li.end a {background-position:1px -143px;}
div.pagination ul li a:focus, div.pagination ul li a:hover, div.pagination ul li a:active {border:1px solid #333;color:white; background:#1e8e2a;;text-decoration:none;}
div.pagination ul li.begin a:focus, div.pagination ul li.begin a:hover {background-position:-100px 7px;}
div.pagination ul li.prev a:focus, div.pagination ul li.prev a:hover {background-position:-100px -43px;}
div.pagination ul li.next a:focus, div.pagination ul li.next a:hover {background-position:-99px -93px;}
div.pagination ul li.end a:focus, div.pagination ul li.end a:hover {background-position:-99px -143px;}


/* view */
div.board_view > dl {margin:0;}
div.board_view > dl:after {clear:both; display:block;content:"";}
div.board_view > dl > dt { position:relative; padding: 40px 30px 42px; border-top:2px solid #333; border-bottom:1px solid #ddd; font-weight:500; font-size:24px; color:#333;}
div.board_view > dl > dt > strong {color:#0062c3;}
div.board_view > dl > dt > span {margin-top:10px; display:block; font-weight:300;font-size:14px;color:#666;}

div.board_view > dl > dd {position:relative;padding:25px 20px;border-bottom:1px solid #ddd;}
div.board_view > dl > dd > span {display:inline-block; width:20%; margin-right:10px;padding-left:10px;background:url("./img/bu_dot2.gif") 0 50% no-repeat;}
div.board_view > dl > dd > span.info_head{width:16%; padding-left:0px; background:none; font-weight: 500; font-size: 18px;}
div.board_view > dl > dd > span > em {margin-right:0;font-weight:600;color:#333;}
div.board_view > dl > dd > div.state_area {position:absolute;top:23px;right:0;}
div.board_view > dl > dd > div.state_area > span.stateW {display:block;width:50px;min-width:0;height:25px;margin:0;padding:0;font-weight:600;line-height:23px;border:1px solid #004b95;color:#fff;background:#0062c3;text-align:center;}

div.board_view > dl > dd.etc { position:relative; height:50px; line-height:50px; padding:0 20px 0 30px; background:url("./img/bu_dot2.gif") 20px 50% no-repeat; overflow: hidden;}

div.board_view > dl > dd.file { padding:15px 20px; }
div.board_view > dl > dd.file > ul.file {}
div.board_view > dl > dd.file > ul > li { padding-left:10px;background:url("./img/bu_dot2.gif") 0 50% no-repeat;}
div.board_view > dl > dd.file > ul > li > a {color:#666;}
div.board_view > dl > dd.file > ul > li > a:focus, div.board_view > dl > dd.file > ul > li > a:hover, div.board_view > dl > dd.file > ul > li > a:active {color:#333;}
div.board_view > dl > dd.file > ul > li > a > img {margin:0 4px 0 10px;}

div.board_view > dl > dd.cont {padding:40px 30px 42px 30px; line-height:1.6;color:#666;}
div.board_view > dl > dd.cont > div {overflow:hidden; min-height:100px; }
div.board_view > dl > dd.cont > div.btn_area {margin-top:40px; min-height:0; }
div.board_view > dl > dd.cont > div > *,
div.board_view > dl > dd.cont > div > p > *,
div.board_view > dl > dd.cont > div > p > a * { max-width:100%; }

/* view > comment */
div.board_view > dl.comment {}
div.board_view > dl.comment dt {padding:40px 30px 40px;border-top:2px solid #333;border-bottom:1px solid #ddd;font-weight:400;font-size:24px;color:#444;/* background:#eff8ff; */}
div.board_view > dl.comment dt > span {position:absolute;top:22px;right:20px;font-weight:300;font-size:13px;color:#666;}
div.board_view > dl.comment dd {position:relative;padding:25px 20px;border-bottom:1px solid #ddd;}
div.board_view > dl.comment dd.cont {padding:40px 20px 60px;}
div.board_view > dl.comment dd.cont > div {overflow:hidden;min-height:80px;line-height:1.5em;}
div.board_view > dl.comment dd.cont > div img {max-width:740px;}
div.board_view > dl.comment strong {font-weight:600;color:#333;}

/* view > paging */
div.board_view div.view_paging {margin:45px 0 20px;border:0;}
div.board_view div.view_paging > dl {overflow:hidden; height:100%; border-bottom:1px solid #ddd;  *zoom:1;}
div.board_view div.view_paging > dl:after {display:block;content:'';clear:both;}
div.board_view div.view_paging > dl.prev{border-top:1px solid #ddd;}
div.board_view div.view_paging > dl.prev a {color:#666; font-size:14px;}
div.board_view div.view_paging > dl.prev > dt {float:left;width:60px;padding:14px 12px 14px 60px;font-weight:500; font-size:14px; background:url("./img/ico_view_prev.gif") 30px 50% no-repeat;color:#333;}
div.board_view div.view_paging > dl.prev > dd {float:left;padding:14px 0 14px 20px;background:url("./img/line_view.gif") 0 50% no-repeat;color:#666; font-size:14px;}
div.board_view div.view_paging > dl.next a {color:#666; font-size:14px;}
div.board_view div.view_paging > dl.next > dt {float:left;width:60px;padding:14px 12px 14px 60px;font-weight:500; font-size:14px; background:url("./img/ico_view_next.gif") 30px 50% no-repeat;color:#333;}
div.board_view div.view_paging > dl.next > dd {float:left;padding:14px 0 14px 20px;background:url("./img/line_view.gif") 0 50% no-repeat;color:#666; font-size:14px;}

div.board_view div.button {}
div.board_view div.button:after { clear:both; display:block; content:""; }
div.board_view div.button > div.left { float:left; }
div.board_view div.button > div.right { float:right; }

/* write */
table.write_table {width:100%;margin:0;border-collapse:collapse;table-layout:fixed;border-top:2px solid #333; }
table.write_table tr th, table.write_table tr td {padding:1em 10px 1em 20px;border-bottom:1px solid #ddd;line-height:1.5em;text-align:left;vertical-align:middle;}
table.write_table.border tr th.application_form {display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width:200px;

}
table.write_table tr th {font-weight:500;border-right:1px solid #ddd;background:#eff8ff;color:#333;}
table.write_table tr th strong.essential, table.write_table tr td strong.essential {color:#fe0000;}
table.write_table tr th.required {background:url("/common/img/ico_required.png") 9px 50% no-repeat #eff8ff; }

table.write_table tr th label {margin:0;}
table.write_table tr td label {position:relative;top:2px;margin-left:2px;}
table.write_table tr td ul {}
table.write_table tr td ul > li {margin-top:10px;}
table.write_table tr td ul > li:first-child {margin:0;}

/* write > business */
/*table.write_table.business tr th, table.write_table.business tr td {padding:30px 20px;}
table.write_table.business tr th {border-right:0;background:none;vertical-align:top;}
table.write_table.business tr td ul {}
table.write_table.business tr td ul > li {margin-top:15px;padding-left:10px;background:url("./img/bu_dot.gif") 0 50% no-repeat;}
table.write_table.business tr td ul > li:first-child {margin:0;}
table.write_table.business tr td ul > li > a {color:#666}
table.write_table.business tr td ul > li > a:hover, table.write_table.business tr td ul > li > a:focus, table.write_table.business tr td ul > li > a:active {color:#333;}*/

/* tab */
div.tab {position:relative;padding-top:70px;}
div.tab ul.tab_wrap {}
div.tab ul.tab_wrap li {line-height:0}
div.tab ul.tab_wrap li div {line-height:25px}
div.tab ul.tab_wrap li a.tab_title {display:block;overflow:hidden;width:106px;height:42px;border-right:1px solid #fff;font-weight:600;line-height:42px;background:#ebebeb;text-align:center;text-decoration:none;-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;}
div.tab ul.tab_wrap li.on a {background:#fff;color:#e93636;}

div.tab ul.tab_wrap li.tab01 a.tab_title {position:absolute;top:0;left:0;}
div.tab ul.tab_wrap li.tab02 a.tab_title {position:absolute;top:0;left:107px;}
div.tab ul.tab_wrap li.tab03 a.tab_title {position:absolute;top:0;left:214px;}
div.tab ul.tab_wrap li.tab04 a.tab_title {width:103px;position:absolute;top:0;left:321px;}

div.tab ul.tab_wrap div.tab_content {display:none;position:relative;padding:0 30px;min-height:90px;}
div.tab ul.tab_wrap li.on div.tab_content {display:block;}
div.tab ul.tab_wrap div.tab_content > ul {}
div.tab ul.tab_wrap div.tab_content > ul > li {position:relative;margin-top:10px;padding-left:15px;background:url("./img/bu_dot.gif") 0 50% no-repeat;}
div.tab ul.tab_wrap div.tab_content > ul > li:first-child {margin:0;}
div.tab ul.tab_wrap div.tab_content > ul > li > a {display:block;overflow:hidden;max-width:320px;line-height:14px;color:#666;white-space:nowrap;text-overflow:ellipsis;}
div.tab ul.tab_wrap div.tab_content > ul > li > span.date {position:absolute;top:1px;right:0;color:#999;}

/* tab2 */
div.tab2 {position:relative;margin-top:30px;padding-top:88px;}
div.tab2 ul.tab_wrap {}
div.tab2 ul.tab_wrap li {}
div.tab2 ul.tab_wrap li div {line-height:25px}
div.tab2 ul.tab_wrap li a.tab_title {display:block;overflow:hidden;width:59px;height:38px;border:1px solid #ddd;font-weight:600;font-size:12px;line-height:38px;background:#f5f5f5;text-align:center;text-decoration:none;-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;}
div.tab2 ul.tab_wrap li.on a {border:1px solid #0062c3;background:#0062c3;color:#fff;}

div.tab2 ul.tab_wrap li.tab01 a.tab_title {position:absolute;top:0;left:0;}
div.tab2 ul.tab_wrap li.tab02 a.tab_title {position:absolute;top:0;left:60px;}
div.tab2 ul.tab_wrap li.tab03 a.tab_title {position:absolute;top:0;left:120px;}
div.tab2 ul.tab_wrap li.tab04 a.tab_title {position:absolute;top:0;left:180px;}
div.tab2 ul.tab_wrap li.tab05 a.tab_title {position:absolute;top:0;left:240px;}
div.tab2 ul.tab_wrap li.tab06 a.tab_title {position:absolute;top:0;left:300px;}
div.tab2 ul.tab_wrap li.tab07 a.tab_title {position:absolute;top:0;left:360px;}
div.tab2 ul.tab_wrap li.tab08 a.tab_title {position:absolute;top:0;left:420px;}
div.tab2 ul.tab_wrap li.tab09 a.tab_title {position:absolute;top:0;left:480px;}
div.tab2 ul.tab_wrap li.tab10 a.tab_title {position:absolute;top:0;left:540px;}
div.tab2 ul.tab_wrap li.tab11 a.tab_title {position:absolute;top:0;left:600px;}
div.tab2 ul.tab_wrap li.tab12 a.tab_title {position:absolute;top:0;left:660px;}

div.tab2 ul.tab_wrap div.tab_content {display:none;position:relative;}
div.tab2 ul.tab_wrap li.on div.tab_content { display:block; min-height:670px; }
div.tab2 ul.tab_wrap div.tab_content div.floor_info {position:relative;margin-bottom:50px;background:url("./img/bu_dot5.gif") 0 0 no-repeat;}
div.tab2 ul.tab_wrap div.tab_content div.floor_info:after {display:block;clear:both;content:"";}
div.tab2 ul.tab_wrap div.tab_content div.floor_info > span {float:left;margin-left:60px;text-align:center;}
div.tab2 ul.tab_wrap div.tab_content div.floor_info > span > strong {display:block;margin-bottom:5px;font-weight:600;font-size:30px;color:#333;}
div.tab2 ul.tab_wrap div.tab_content div.floor_info > ul {float:left;margin:0 0 0 55px;}
div.tab2 ul.tab_wrap div.tab_content div.floor_info > ul > li {}

#content div.article div.tab2 ul.tab_wrap li {padding:0;line-height:0;background:none;}
#content div.article div.tab2 ul.tab_wrap div.tab_content div.floor_info > ul > li {padding-left:10px;line-height:20px;background:url("./img/bu_dot.gif") 0 50% no-repeat;}

/* tab3 (카테고리) */
ul.tab3 {margin-bottom:50px;*zoom:1}
ul.tab3:after {display:block;clear:both;content:'';}
ul.tab3 > li {float:left;width:12.5%;}
ul.tab3 > li > a {display:block;overflow:hidden;height:48px;margin:0 0 0 -1px;border:1px solid #ddd;font-weight:600;font-size:14px;line-height:48px;background:#f5f5f5;text-align:center;text-decoration:none;}
ul.tab3 > li.on > a {border:1px solid #0062c3;background:#0062c3;color:#fff;}

/* tab4 (카테고리) */
ul.tab4 {margin-bottom:50px;*zoom:1}
ul.tab4:after {display:block;clear:both;content:'';}
ul.tab4 > li {float:left;width:15%;}
ul.tab4 > li > a {display:block;overflow:hidden;height:48px;margin:0 0 0 -1px;border:1px solid #ddd;font-weight:600;font-size:14px;line-height:48px;background:#f5f5f5;text-align:center;text-decoration:none;}
ul.tab4 > li.on > a {border:1px solid #0062c3;background:#0062c3;color:#fff;}

/* button */
span.btn_set a, span.btn_set button, span.btn_set input {display:inline-block;overflow:visible;position:relative;width:80px;height:40px;margin:0;padding:0;border:0;
    font-size:13px;line-height:40px;font-family:"Malgun Gothic",dotum,Helvetica,sans-serif;background:#555;color:#fff;text-align:center;
    text-decoration:none !important;vertical-align:middle;white-space:nowrap;cursor:pointer;}
span.ok a, span.ok button, span.ok input,
span.list a, span.list button, span.list input{background-color:#0062c3;}
span.cancel a, span.cancel button, span.cancel input,
span.cancel modify, span.modify button, span.modify input{background-color:#999;}

span.btn_set.xsmall a, span.btn_set.xsmall button, span.btn_set.xsmall input {width:84px;height:20px;line-height:18px;}
span.btn_set.small a, span.btn_set.small button, span.btn_set.small input {width:100px;height:30px;line-height:28px;}
span.btn_set.large a, span.btn_set.large button, span.btn_set.large input {width:120px;}
span.btn_set.xlarge a, span.btn_set.xlarge button, span.btn_set.xlarge input {width:180px;height:50px;font-size:18px;line-height:48px;}

span.btn_set.download a, span.btn_set.download button, span.btn_set.download input {width:180px;padding-left:20px;text-align:left;background:url("./img/bg_download2.png") 148px 12px no-repeat #0062c3;}
span.btn_set.online a, span.btn_set.online button, span.btn_set.online input {width:160px;margin-bottom:50px; padding-left:20px;border:1px solid #333;text-align:left;font-weight:bold; background:url("./img/ico_pen.png") 148px 14px no-repeat #0062c3;}
span.btn_set.online a, span.btn_set.online button, span.btn_set.myapplication input {width:160px;margin-bottom:50px; padding-left:20px;border:1px solid #333;text-align:left;font-weight:bold; background:url("./img/ico_application.png") 148px 10px no-repeat #0062c3;}

span.btn_set.go a, span.btn_set.go button, span.btn_set.go input {width:150px;padding-left:20px;border:1px solid #d4e9fa;font-weight:600;background:url("./img/bg_arrow2.png") 114px 12px no-repeat #eff8ff;color:#333;text-align:left;}
span.btn_set.gov a, span.btn_set.gov button, span.btn_set.gov input {width:180px;padding-left:20px;background:url("./img/bg_home.png") 148px 12px no-repeat #0062c3;text-align:left;}

span.btn_set > .active {background:#0062c3;}

/* fieldset */
fieldset {}
fieldset.etc {margin-top:55px;}

/* comment */
p.comment { font-size:12px; color:#666; line-height:1.5em;  background-position:0 4px;}
span.comment { font-size:12px; color:#666; }

/* 레이어팝업 */
#popup_cs {position:absolute; z-index:1000; background:transparency; right:0px; top:8rem;}
#popup_cs2 p a{display:block;}
#popup_cs2 {position:absolute; z-index:1000; background:transparency; right:460px; top:8rem;}
#popup_cs3 {position:absolute; z-index:1000; background:transparency; right:920px; top:8rem;}
/*
#popup_cs4 {position:absolute; z-index:1000; background:transparency; right:0px; top:0px;}
.popup_bottom {padding:5px 0; background-color:#333; text-align: right; font-size:14px;}
.popup_bottom a {color:#fff; padding:5px; text-shadow:0 0 0 rgba(0,0,0,0.2);}
.popup_bottom span {padding:2px; color:#fff; opacity:0.2;}
*/