@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;}
.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: 11px; color: #808080; border-bottom: 1px solid #eaeaea;}
.top_nav a { color: #808080;}
.top_nav ul:after { content: ""; display: block; clear: both;}
.top_nav ul li { float: left;}
.top_nav .tn_left { float: left; border-right: 1px solid #eaeaea;}
.top_nav .tn_left li { border-left: 1px solid #eaeaea;}
.top_nav .tn_left li a { display: block; height: 35px; width: 34px; background: #fff url(../btn/btn_tn_left.png) no-repeat 0 0; text-indent: -9999px;}
.top_nav .tn_left li a.tl01 { background-position: 0 0;}
.top_nav .tn_left li a.tl02 { background-position: -34px 0;}
.top_nav .tn_left_txt { float: left; border-right: 1px solid #dedede;}
.top_nav .tn_left_txt li { border-left: 1px solid #dedede;}
.top_nav .tn_left_txt a { display: block; height: 35px; line-height: 33px; color: #2162af; font-size: 13px; padding-left: 7px; padding-right: 7px; font-weight: bold;}
.top_nav .tn_left_txt a:hover { background-color: #f8f8f8;}

.tpop { position: relative; float: left;}
.tpop .btn_r_toggle { display: block; height: 35px; line-height: 33px; color: #2162af; font-size: 13px; padding-left: 7px; padding-right: 7px; font-weight: bold; border-right: 1px solid #dedede;}
.tpop .btn_r_toggle:hover { background-color: #f8f8f8;}
.tpop .btn_r_close { position: absolute; right: 10px; top: 10px; display: block; width: 20px; height: 20px; background: url(../request/btn_close_request.png) no-repeat 0 0; text-indent: -9999em;}
.tpop .btn_r_close:hover { opacity: .7;}
.tpop .tpop_wrap { position: absolute; left: -1px; top: 35px; border: 1px solid #2162af; z-index: 1000; background: #fff; font-size: 13px;}
.tpop .tpop_wrap h3 { background: #2162af; padding: 13px 105px 13px 20px;}
.tpop .tpop_con { padding: 10px 0 5px; background: url(../request/bg_line_request.png) repeat-y 207px 0;}
.tpop .tpop_con dl { position: relative; padding-left: 207px; margin-bottom: 5px;}
.tpop .tpop_con dl dt { position: absolute; left: 15px; top: 0; width: 179px; text-align: right; color: #222;}
.tpop .tpop_con dl dd { padding-left: 13px; padding-bottom: 5px; letter-spacing: -0.02em; font-weight: bold;}
.tpop .tpop_con dl dd a { letter-spacing: -0.02em; color: #2162af;}
.tpop .tpop_con dl dd a:hover { border-bottom: 1px solid #2162af;}
.tpop .tpop_bot { background: #fff; text-align: center; border-top: 1px solid #aeddfa; color: #222; padding: 10px 0;}
.tpop .tpop_bot > p { border: 1px solid #dedede; padding: 5px 5px 7px; margin: 0 20px; font-size: 14px;}
.tpop .tpop_bot > b { display: block; text-align: center; font-weight: normal; padding: 5px 0 0;}

.top_nav .tn_right { float: right;}
.top_nav .tn_right:after { content: ""; display: block; clear: both;}
.top_nav .tn_right > li { padding-left: 7px; margin-left: 7px; 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; color: #808080;}
.top_nav .tn_right > li > a:hover { color: #222;}
.top_nav .tn_right > li > a.icon_login { padding-right: 18px; background: url(../btn/btn_login.png) no-repeat right center;}

.tlink { float: left; display: block; height: 35px; line-height: 33px; color: #2162af !important; font-size: 13px; padding-left: 7px; padding-right: 7px; font-weight: bold; border-right: 1px solid #dedede;}
.tlink:hover { background-color: #f8f8f8;}

.member_collap { position: relative;}
.member_collap .icon_member { position: relative; display: block; padding-left: 16px; background: url(../bg/bg_collap.png) no-repeat 0 12px; height: 35px; line-height: 34px; z-index: 1001;}
.member_collap .icon_member span { display: block; padding-right: 10px; background: url(../icon/icon_collap.png) no-repeat right 0; transition: .3s all ease;}
.member_collap .icon_member.on span { background-position: right -35px;}
.member_collap .icon_member:hover { color: #000;}
.member_collap ul { position: absolute; left: -9px; top: 19px; background: #fff; z-index: 1000; width: 66px; height: 62px; padding: 23px 10px 0; background: url(../bg/bg_collap.png) no-repeat 0 -20px;}
.member_collap ul li { float: none;}
.member_collap ul li a { display: block; height: 22px; line-height: 21px; text-align: center;}
.member_collap ul li a:hover { background: #ededed;}

/* 날짜와 날씨 */
.today_txt { float: left; font-size: 15px; text-align: right; color: #363636; margin-bottom: -3px; font-size: 11px; margin: 9px 4px 0 13px;}

/* Header */
#header { z-index: 100;}
#header > div { padding: 0; max-width: 1020px;}
.head_top { position: relative; padding: 0 20px;}
.head_top > div { min-height: 130px;}
.head_top > div h1 { position: absolute; left: 50%; top: 13px; width: 400px; margin-left: -200px;}
.head_top > div h1 b { display: table-cell; width: 420px; height: 110px; vertical-align: middle; text-align: center;}
.head_top > div:after { content: ""; display: block; clear: both;}
.head_top > div > div { min-width: 260px; margin: 14px 0 2px; padding-bottom: 10px;}
.head_top .ht_left { float: left; margin-top: 30px;}
.head_top .ht_left .com_ban { text-align: left !important;}
.head_top .ht_right { float: right; min-width: 242px !important;}
.head_top .ht_right .com_ban { text-align: right !important;}

.head_cen { position: relative; z-index: 120;}
.head_cen > div { background: #2162af;}

#gnb { position: relative; text-align: center; height: 49px;}
#gnb:after { content: ""; display: block; clear: both;}
#gnb > li { float: left; display: block; margin-right: -1px;}
#gnb > li > a { display: block; height: 49px; line-height: 47px; font-size: 14px; padding: 0 13px; transition: .3s all ease; color: #fff; font-weight: bold; border-right: 1px solid #124e95; border-left: 1px solid #124e95;}
#gnb > li > a.on, #gnb > li > a.active { background: #124e95; border-right: 1px solid #2162af; border-left: 1px solid #2162af;}

#gnb > li > ul { position: absolute; left: 0; top: 49px; background: #124e95; padding: 0 5px;}
#gnb > li > ul:after { content: ""; display: block; clear: both;}
#gnb > li > ul li { float: left; display: block; padding: 0 7px; background: url(../bg/bg_sub_line.png) no-repeat 0 center;}
#gnb > li > ul li:first-child { background: none;}
#gnb > li > ul li a { display: block; height: 50px; line-height: 47px; color: #fff;}
#gnb > li > ul li a:hover, #gnb > li > ul li a.active { text-decoration: underline;}

#gnb.vertical > li { position: relative;}
#gnb.vertical > li > ul { left: 0; height: inherit; background: url(../bg/bg_sub_shadow.png) repeat 0 0; text-align: left; width: 900px; padding: 7px 0 5px;}
#gnb.vertical > li > ul:before { position: absolute; left: 21px; top: -8px; content: ""; display: block; width: 13px; height: 8px; background: url(../bg/bg_sub_arrow.png) repeat 0 0;}
#gnb.vertical > li > ul li { float: none; display: block; padding: 0; background:none; text-align: left;}
#gnb.vertical > li > ul li:first-child { padding-left: 0; margin-left: 0;}
#gnb.vertical > li > ul li a { display:block; height: 36px; line-height: 34px;}
#gnb.vertical > li > ul li a span { display: inline-block; padding: 0 30px 0 15px;}
#gnb.vertical > li > ul li a:hover, #gnb > li > ul li a.active { background: #000;}

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

.foot_con > ul { position: relative;}
.foot_con > ul:after { content: ""; display: block; clear: both;}
.foot_con > ul li { float: left; padding-left: 6px; margin-left: 6px; background: url(../icon/icon_line01.png) no-repeat 0 center;}
.foot_con > ul li:first-child { background: none; padding-left: 0; margin-left: 0;}
.foot_con > ul li a { display: block; height: 16px; line-height: 14px; font-size: 12px; color: #808080;}
.foot_con > ul li a:hover { color: #222;}
.foot_con > p { font-size: 11px; color: #808080; letter-spacing: 0; margin-top: 5px;}
.foot_con > p * { font-style: normal; font-weight: normal; color: #bbb; margin-right: 10px; letter-spacing: 0;}
.foot_con > b { position: absolute; right: 0; bottom: 20px;}

/* Content */
#container { margin-bottom: 10px; padding-top: 30px;}
.container_solo { clear: both; position: relative; padding-bottom: 0 !important;}
#container > div { padding-bottom: 30px;}
#main_con { margin-bottom: 10px; padding-top: 30px;}
#main_con > 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;}
.con_bg { background: #f7f7f7; padding: 30px 0;}

/* Search */
.search_box { position: absolute; right: 0; top: 0; min-width: 33px; height: 41px; padding-top: 8px; margin-right: 10px; overflow: hidden; background: #2162af;}
.search_con { position: absolute; left: 33px; width: 246px; border-bottom: 1px solid #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; background: transparent; color: #fff;}
.search_con .i_label { top: 6px; font-size: 13px; color: #fff; color: rgba(255,255,255,.5);}
.search_box .btn_search_close { float: left; display: block; padding: 6px 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: 9px; 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;}


/* add */
.btn_rss { position:absolute; right: 115px; bottom: 18px;}

.intro_wrap { position: relative; padding: 0 30px;}
.intro_tit { padding-left: 20px; background: url(../icon/icon_bu02.png) no-repeat 0 5px; font-size: 16px;}

.intro_box { position: relative; border: 1px solid #9eb8d8; border-radius: 7px; padding: 20px; margin-bottom: 30px; min-height: 150px;}
.intro_box ul li:before { content: "-"; position: absolute; left: 0;}
.intro_box ul li { position: relative; padding-left: 10px; margin-bottom: 3px;}
.intro_box h5 { position: absolute; left: 15px; top: -15px; background: #9eb8d8; color: #fff; font-size: 15px; text-align: center; height: 30px; line-height: 27px; border-radius: 5px; padding: 0 15px;}

.contact_info { border: 1px solid #9eb8d8; border-radius: 7px; padding: 15px 20px;}
.contact_info dl { position: relative; padding-left: 100px;}
.contact_info dl dt { position: absolute; left: 0; top: 0; font-weight: bold; width: 80px; text-align: right; color: #165097;}
.contact_info dl dd { border-left: 3px solid #b6d1f2; padding-left: 15px; padding-bottom: 5px;}

.contact_info02 { border: 1px solid #9eb8d8; border-radius: 7px; padding: 15px 20px;}
.contact_info02 dl { position: relative; padding-left: 150px;}
.contact_info02 dl dt { position: absolute; left: 0; top: 0; font-weight: bold; width: 130px; text-align: right; color: #165097;}
.contact_info02 dl dd { border-left: 3px solid #b6d1f2; padding-left: 15px; padding-bottom: 5px;}

.divider_list dl { position: relative; border: 1px solid #9eb8d8; border-radius: 2px; margin-bottom: 10px; font-size: 14px;}
.divider_list dl dt { position: absolute; left: 0; top: 0; width: 210px; background: #9eb8d8; color: #fff; font-weight: bold; padding: 0 10px; height: 35px; line-height: 33px;}
.divider_list dl dd { height: 35px; line-height: 33px; margin-left: 240px;}

.square_list { position: relative;}
.square_list li:before { content: "-"; position: absolute; left: 0;}
.square_list li { position: relative; padding-left: 10px; margin-bottom: 10px; font-size: 15px; line-height: 1.7;}
.desc_txt_int { font-size: 17px; color: #2f6fc8; font-weight: bold; text-align: center; margin-bottom: 20px;}
.desc_txt_int.ar_txt { font-size: 15px; text-align: right; margin-bottom: 50px !important;}
.desc_txt_int.ar_txt span { border-bottom: 1px solid #2f6fc8;}

.m_img { display: none;}

.intro_img_wrap { margin-bottom: 30px;}
.media_rdo { position: relative;}
.media_rdo ul { border: 1px solid #dedede;}
.media_rdo ul:after { content: ""; display: block; clear: both;}
.media_rdo ul li { float: left; width: 50%; position: relative;}
.media_rdo ul li > div { border-left: 1px solid #dedede; padding: 15px 0 13px;}
.media_rdo ul li:first-child > div { border-left: 0;}
.media_rdo ul li > div > span { position: relative; display: block; padding-left: 70px;}
.media_rdo ul li > div label { font-weight: bold; color: #222;}
.media_rdo ul li > div.ctx01 label { color: #52b825;}
.media_rdo ul li > div.ctx02 label { color: #4e84ca;}
.media_rdo > p { text-align: right; color: #222; margin-top: 10px;}

.media_form { position: relative; margin-top: 10px;}
.media_form .form_box { position: relative; padding: 15px 15px 5px; background: #f9f9f9; border: 1px solid #dedede;}
.media_form .form_box:after { content: ""; display: block; clear: both;}
.media_form .form_box * { font-size: 15px;}

.media_form .form_box dl { position: relative; margin-bottom: 10px;}
.media_form .form_box dl:after { content: ""; display: block; clear: both;}
.media_form .form_box dl dt, .form_box dl dd { float: left;}
.media_form .form_box dl dt { width: 100px; padding-top: 6px;}
.media_form .form_box dl dt span, .media_form .form_box dl dt label { color: #363636;}
.media_form .form_box dl dd { position: relative; width: 534px; font-size: 0;}
.media_form .form_box dl dd > span { position: relative; display: block; margin: 7px 0 5px;}
.alert_txt { display: inline-block !important;}

.media_form .i_label { left: 7px; top: 11px; color:#bbb; line-height: 1; font-size: 14px;}
.media_form .require:after { content:"*"; margin-left: 3px; font-size: 19px; color: #d4253e; vertical-align: middle;}
.media_form .wid01 { width: 160px;}
.media_form .wid02 { width: 100%;}
.media_form .wid03 { width: 64px;}
.media_form .icon_bar { display: inline-block; width: 15px; vertical-align: middle; text-align: center;}

.media_form .column02:after { content: ""; display: block; clear: both;}
.media_form .column02 > dl { float: left; width: 50%;}
.media_form .column02 > dl dd { width: 224px;}

.media_form input { vertical-align: middle;}
.media_form .btn_gray { display: inline-block; padding: 10px 15px 12px; height: 16px; line-height: 1; background: #dedede; color: #333; vertical-align: middle; margin-left: 5px;}
.media_form .btn_gray:hover { background: #ccc;}

.media_form .btn_blue { display: inline-block; padding: 13px 35px 19px; height: 47px; line-height: 1; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 18px; transition: .3s all; font-weight: bold;}

.media_form .btn_bic { padding: 14px 35px 17px; font-size: 17px !important; line-height: 1; font-weight: bold;}

.media_form .alert_txt * { margin-left: 10px; font-size: 13px !important; color: #d4253e !important;}

.media_form .mb_list li { position: relative; margin-top: 5px;}
.media_form .mb_list li:first-child { margin-top: 0;}
.media_form .btn_center { position: relative; text-align: center; padding: 10px 0 20px;}

.tgray { background: #eee; text-align: center; color: #222; padding: 10px 0; margin-right: 3px;}
.tgray > p { border: 1px solid #666; padding: 5px 5px 7px; margin: 0 20px; font-size: 14px;}
.tgray > b { display: block; text-align: center; font-weight: normal; padding: 5px 0 0;}

.box_article { background: #e1e1e1; width:90%; margin:0 auto; padding:15px 15px 0; font-size:13px;}
.box_article_title { background: #d0d0d0; width:90%; margin:0 auto; padding:5px 15px 7px; font-size:14px;font-weight:bold;text-align:center;}

.arv_001 .art_top h3 { padding-left: 0 !important; color: #000 !important; margin: -5px 0 !important;}
.arv_001 .art_top h3:after { display: none !important;}
.arv_001 .art_top .art_info li, .arv_001 .art_top .art_info li a { color: #000 !important;}

.btn_login_wrapper { padding: 0 35%;}
.btn_login_wrapper .btn_lw { display: block; height: 35px; line-height: 32px; border: 1px solid #dedede; background: #fff; text-align: center; margin: 0 5px; font-weight: bold; font-size: 15px;}
.before_login_txt { text-align: center; color: #555; border-bottom: 1px dashed #dadada; margin-bottom: 15px; padding-bottom: 15px; line-height: 1.7;}

.mr2_001 .form_box dl:after { content: ""; display: block; clear: both;}

/* solo bbs */

.con_solo .board_w .form_box dl dd { width: 880px;}
.con_solo .board_w .wid01 { width: 136px;}
.con_solo .board_w .wid02 { width: 862px;}
.con_solo .board_w .wid03 { width: 64px;}
.con_solo .board_w .wid04 { width: 700px;}
.con_solo .slt_wrap .slt { width: 150px !important;}
.con_solo .board_w .column02 > dl dd { width: 224px;}

.con_solo .board_w .file select {border:1px solid #dedede; width:797px; height:200px; font-size:11px; float:left;}
.con_solo .edit_wrap iframe { width: 980px !important;}