@charset "utf-8";

@import "reset_cache.css";
@import "module_cache.css";
@import "company_cache.css";

/* Common Layout */
.body_wrap { position: relative; min-width: 1020px; overflow: hidden;}

.wrapper { position: relative; width: 100%; min-width: 1020px;}
.wrapper > div { position: relative; max-width: 980px; margin: 0 auto; padding: 0 20px;}
.wrapper > div:after { content: ""; display: block; clear: both;}

.line_bg { border-top: 1px solid #dedede; background: url(../bg/bg_line_cen.png) repeat-y 58.53% 0;}
.line_bg > div { padding-top: 20px;}

/* 상단 네비게이션 */
.top_nav { font-size: 12px; color: #808080; background: #444;}
.top_nav a { color: #fff;}
.top_nav ul:after { content: ""; display: block; clear: both;}
.top_nav ul li { float: left;}
.top_nav .tn_left { float: left;}
.top_nav .tn_left li { padding-left: 8px; margin-right: 8px; background: url(../icon/icon_bu01.png) no-repeat 0 15px;}
.top_nav .tn_left li a { display: block; height: 35px; line-height: 34px;}
.top_nav .tn_left li a:hover { opacity: .8;}

.top_nav .tn_right { float: right;}
.top_nav .tn_right li { padding-left: 8px; margin-left: 8px; background: url(../icon/icon_line01.png) no-repeat 0 center;}
.top_nav .tn_right li:first-child { background: none;}
.top_nav .tn_right li a { display: block; height: 35px; line-height: 34px;}
.top_nav .tn_right li a:hover { opacity: .8;}

/* 날짜와 날씨 */
.today_txt { font-size: 19px; color: #363636; margin-bottom: 10px;}
 
/* Header */
#header { z-index: 1000;}
#header > div { padding: 0; max-width: 1020px;}

.header_cen { position: relative; width:100%; min-width: 1020px; background: #fff; border-bottom: 1px solid #dedede; box-shadow: 0 0 15px rgba(0,0,0,.15);}
.header_cen > div { position: static; width: 980px; margin: 0 auto; padding:0 10px; height: 55px;}
.header_cen > div > h1 { float: left; padding: 10px 28px 0 0;}
.header_cen > div > h1 > a img { height: 35px; width: auto;}

.search_wrap { position: relative; top: 8px; float: right; padding: 6px 0 6px 10px; height: 25px; border: 1px solid #dedede; background: #f3f3f3;}
.search_wrap fieldset { position: relative; background: #f3f3f3;}
.search_wrap input[type=text] { width: 110px; background: #f3f3f3; padding: 5px 6px 4px 0; margin-right: 41px; border: 0; font-size: 12px;}
.search_wrap .i_label { left: 0; top:6px; font-size: 12px; color: #808080;}
.search_wrap .btn_search { position: absolute; right: 0; top:0; width:41px; height: 25px; background:url(../btn/btn_search.png) no-repeat 0 0; text-indent: -9999px;}
.search_wrap .btn_search:hover { opacity: 0.85;}

/* GNB 레이어형 */
#gnb_wrap:after { content: ""; display: block; clear: both;}
#gnb { float: left; border-left:1px solid #dedede; font-size: 14px;}
#gnb:after { content: ""; display: block; clear: both;}
#gnb > li { float: left; border-right:1px solid #dedede;}
#gnb > li > a { display: block; height: 51px; line-height: 53px; padding: 0 12px 0 11px; border-bottom: 4px solid #fff; transition: .3s all ease; color: #000;}
#gnb > li > a:hover, #gnb > li > a.active, #gnb > li > a.on { border-color: #133374;}
#gnb > li > div { position:absolute; left:0; top:55px; background:#fff; width:100%; border-top:1px solid #dedede; border-bottom:1px solid #dedede; box-shadow:0 3px 6px rgba(0,0,0,.15); z-index: 1010;}
#gnb > li > div > div { position: relative; width:980px; margin:0 auto; background: url(../bg/bg_lnb.png) repeat-y 190px 0;}
#gnb > li > div > a { display: block; width: 100%;}

/* GNB 가로형 */
#gnb > li .horizon_nav ul { width: 980px; margin: 0 auto; position: relative; padding-left: 190px; box-sizing: border-box; background: url(../bg/bg_gnb.jpg) repeat-y 0 0}
#gnb > li .horizon_nav ul:after { content: ""; display: block; clear: both;}
#gnb > li .horizon_nav li { position: relative; float: left; display: block;}
/* #gnb > li .horizon_nav li:after { position: absolute; left: -2px; top: 50%; margin-top: -2px; content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background: #bbb; z-index: 1;} */
#gnb > li .horizon_nav li a { display: block; height: 55px; line-height: 55px; color: #363636; padding: 0 12px;}
#gnb > li .horizon_nav li a:hover, #gnb > li .horizon_nav li a.active { color:  #133374; text-decoration: underline;}
#gnb > li .horizon_nav li.depth1 { position: absolute; left: 0; top: 0;}
#gnb > li .horizon_nav li.depth1 a { font-weight: bold; font-size: 18px; width: 148px; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#gnb > li .horizon_nav li.depth1:after { display: none;}

/* GNB 세로형 */
#gnb.vertical > li { position: relative;}
#gnb.vertical > li > ul { position: absolute; left: -1px; top: 56px; background: #fff; text-align: left; width: 900px; box-shadow: 0 0 10px rgba(0,0,0,.15);}
#gnb.vertical > li > ul:after { content: ""; display: block; clear: both;}
#gnb.vertical > li > ul li { display: block; text-align: left;}
#gnb.vertical > li > ul li a { display:block; line-height: 1; color: #222;}
#gnb.vertical > li > ul li a span { display: inline-block; padding: 15px 30px 15px 15px;}
#gnb.vertical > li > ul li a:hover, #gnb > li > ul li a.active { background: #eee;}

/* Footer */
#footer { border-top: 1px solid #ddd;}
#footer > div { max-width: 980px;}
.foot_wrap { position: relative; padding: 20px 0 40px;}
.foot_wrap:after { content: ""; display: block; clear: both;}
.foot_wrap h6 { position: absolute; left: 0; top: 20px; display: table; margin-right: 40px; margin-left: 10px; margin-top: 5px; text-align: center;}
.foot_wrap h6 b { display: table-cell; vertical-align: middle; text-align: center;}
.foot_wrap > div { padding-left: 190px;}

.foot_nav { position: relative; padding: 25px 0 20px; border-bottom: 1px solid #ddd; font-size: 0;}
.foot_nav:after { content: ""; display: block; clear: both;}
.foot_nav li { float: left; padding-left: 10px; margin-left: 10px; background: url(../icon/icon_line01.png) no-repeat 0 center;}
.foot_nav li:first-child { background: none; padding-left: 0; margin-left: 0;}
.foot_nav li a { display: block; height: 16px; line-height: 14px; font-size: 13px; color: #444;}
.foot_nav li a:hover { text-decoration: underline;}

.foot_con > p { font-size: 12px; color: #666; line-height: 1.7; letter-spacing: -0.04em;}
.foot_con > p * { font-style: normal; font-weight: normal; color: #666; margin-right: 10px; letter-spacing: 0;}
.foot_con > b { position: absolute; right: 0; bottom: 40px;}
.foot_con .update { letter-spacing: 0; color: #999;}
.foot_con .update > b { font-weight: bold;}

/* Content */
#container { margin-bottom: 10px; padding-top: 30px;}
.container_solo { clear: both; position: relative; margin: 0 -40px; padding-bottom: 0 !important;}
#container > div { padding-bottom: 30px;}

.page_tit { position:relative; font-size: 26px; padding-bottom: 17px; line-height: 1.2; margin-left: -2px;}

.btn_mobile { position: relative; text-align: center; padding: 20px 0;}

/* Search */
.search_box { position: absolute; right: 28px; top: 7px; min-width: 33px; height: 31px; margin-right: 14px; overflow: hidden; background: url(../bg/bg_search_box.png) no-repeat 0 center;}
.search_con { position: absolute; left: 33px; width: 246px; border-bottom: 1px solid #000; background: #fff; z-index: 10;}
.search_con:after { content: ""; display: block; clear: both;}
.search_con input { float: left; border: 0; font-size: 13px; padding: 6px 0 8px; width: 215px;}
.search_con .i_label { top: 6px; font-size: 13px; color: #bbb;}
.search_box .btn_search_close { float: left; display: block; padding: 5px 4px 5px 11px;}
.search_box .btn_search_close > span { display: block; width: 16px; height: 17px; background: url(../btn/btn_search.png) no-repeat 0 -36px; text-indent: -9999px;}
.search_box .btn_search_close:active > span { background-position: -16px -36px;}
.search_box .btn_all_search { position: absolute; right: 0; top: 0; display: block; width: 33px; height: 18px; text-indent: -9999px; background: url(../btn/btn_search.png) no-repeat 0 0; margin-top: 6px; z-index: 12; transition: none;}
.search_box .btn_all_search:active { background-position: 0 -18px;}