@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/**
* Infobus Cascading Style Sheets
* File Name : layout.css
* Description : 레이아웃 css
* Author : Web Team / pyt
* Email : pico1983@nate.com
* Date : 2019-03-26
* Update : 2019-03-26
* Copyright(c) 2019 인포맵. All Rights Reserved.
*/

/*
 * layout
 */

.chgleft { position:relative; left:100px;}

#wrap_new { }
#header_new { position:fixed; top:0; left:0; right:0; height:50px; border-bottom:1px solid #eee; z-index:20; background:#fff;}
.header_wrap { width:800px; font-size:0 !important; margin:0 auto;}
.wide .header_wrap { width:980px;}
#header_new:after { display:block; clear:both; content:"";}
#container_new { position:relative; z-index:10; padding-top:51px; padding-bottom:50px; font-size:13px; min-height:700px;}
#container_new:after { display:block; clear:both; content:"";}
#container_new .inner { width:771px; margin:0 auto;}
#content_new { padding-bottom:50px;}

#footer_new { position:relative; font-size:13px; z-index:20; background:#363636;}
/*
#footer_new .inner { max-width:800px;}
.wide #footer_new .inner { max-width:800px;}
*/
#sub_visual { text-align:center; background:#eee;}

.inner { width:1280px; margin:0 auto;}
.inner:after { display:block; clear:both; content:"";}

#content_new.inner { width:771px; margin:0 auto;}

#main_content { width:980px; margin:0 auto;}
#main_content .grid { margin:20px -10px;}
#main_content .grid li { padding:10px;}

.ban_link { position:relative; display:block; box-sizing:border-box; height:270px; overflow:hidden; line-height:1.3; letter-spacing:-0.05em; font-family:"Noto Sans KR", sans-serif;}
.ban_link a { display:block; width:50%; float:left; box-sizing:border-box; line-height:1.3; letter-spacing:-0.05em; font-family:"Noto Sans KR", sans-serif;}
.over_fit img { position:absolute; bottom:-13.5px;}
.ban_link .w100 { display:block; width:100%;}

.h270 { height:270px;}

.ban_bg_blue { background:#e5effe;}
.ban_bg_red { background:#fef4e5;}

.tit_lg { display:block; font-size:26px; color:#000; letter-spacing:-0.125em;}
.txt_lg { display:block; font-size:17px; color:#666;}

.ban_bg_blue .t_c { color:#294eae;}
.ban_bg_red .t_c { color:#d51324;}

span.tit_lg, span.txt_lg { font-weight:300;}
strong.tit_lg, strong.txt_lg { font-weight:600;}



/*
 * header
 */

h1 { display:block; float:left; /* border-right:1px solid #eee; border-left:1px solid #eee;*/}
h1 a { display:block; width:149px; height:30px; padding:10px 30px; background:url(../image/common/lgo_top.jpg) no-repeat 50%; background-size:149px;}

.btn_english_top { display:inline-block; font-size:12px; color:#444; line-height:50px; text-align:center; border-right:1px solid #eee; border-left:1px solid #eee; float:right; width:83px; height:50px;/* background:url(//img.icons8.com/color/40/000000/usa.png) no-repeat 50%; */ font-weight:800;}
.wide .btn_english_top { width:89px !important;}
.btn_english_top:hover { background:#453024; color:#fff000;}

#lnb { float:right !imprtant;}
.lnb_nav { font-size:0; text-align:right;}
.lnb_nav_dep1 { display:inline-block; /* border-left:1px solid #eee;*/}
.lnb_nav_dep1 a { display:block; font-size:16px; letter-spacing:0.05em; line-height:48px; width:166px; text-align:center; color:#444; border-bottom:2px solid #fff; font-weight:800;}
.wide .lnb_nav_dep1 a { width:178px !important;}
.lnb_nav_dep1 a:hover { background:#453024; color:#fff000; border-bottom:2px solid #453024;}
.lnb_nav_dep2 { position:absolute; top:50px; left:0; right:0; width:0; overflow:hidden; z-index:1; text-align:center; z-index:1;}
.lnb_nav_dep2.active { z-index:2; width:100%;}
/*
.lnb_nav_dep2 .inner { max-width:800px;}
.wide .lnb_nav_dep2 .inner { max-width:980px;}
*/
.lnb_nav_dep2 dl { float:left; width:25% !important; padding:40px 0 !important; text-align:left;}
.lnb_nav_dep2 dt { display:inline-block; padding:2px 5px 3px 5px; line-height:1.2; font-size:14px; margin-bottom:2px; font-weight:600; background:#096e6e; color:#fff;}
.lnb_nav_dep2 dd {}
.lnb_nav_dep2 dd a { display:inline-block; font-size:13px; line-height:1.5; padding:2px 5px;}
/* .lnb_nav_dep2 dd a:before { content:"ㄴ ";}*/
.lnb_nav_dep2 dd a:hover { background:#eee;}

.bg_lnb { position:absolute; top:50px; left:0; right:0; width:100%; height:0; background:#fff; border:1px solid #eee; border-bottom:0 solid #e30012;}

#main_visual_new { position:relative; height:750px; background:#f3f4f7;}
#main_visual_new .inner { height:100%;}
#main_visual_new .visual_wrap { height:100%;}
#main_visual_new .visual_wrap .inner { position:relative; height:100%;}
#main_visual_new .visual_arrow a { position:absolute; top:50%; margin-top:-25px; display:block; width:50px; height:50px; z-index:15; opacity:.5;}
#main_visual_new .visual_arrow a:hover { opacity:1;}
#main_visual_new .visual_arrow .arrow_prev { left:0; margin-left:40px; background:#444 url(../image/main/btn_mainvisual_prev.png) no-repeat 50%; background-color:rgba(0,0,0,.6);}
#main_visual_new .visual_arrow .arrow_next { right:0; margin-right:40px; background:#444 url(../image/main/btn_mainvisual_next.png) no-repeat 50%; background-color:rgba(0,0,0,.6);}
#main_visual_new .visual_bg { position:absolute; top:0; left:0; right:0; bottom:0; min-width:1375px; text-align:center; display:none; z-index:5;}
#main_visual_new .visual_bg.active { z-index:6;}
#main_visual_new .block_visual { display:inline-block; text-align:left; margin-left:-442px;}
#main_visual_new .img_visual { padding-top:90px;}
#main_visual_new .tit_visual { padding-top:15px;}
#main_visual_new .txt_visual { padding-top:20px;}
#main_visual_new .visual_nav { position:absolute; bottom:20px; text-align:center; width:100%; font-size:0; z-index:10; display:none; opacity:0;}
#main_visual_new .visual_nav .nav_spot { display:inline-block; width:8px; height:8px; margin-right:5px; border-radius:50%; border:2px solid #797979;}
#main_visual_new .visual_nav .nav_spot.active { background:#2b77d4; border:2px solid #2b77d4;}
#main_visual_new .visual_nav .nav_control { display:inline-block; width:10px; height:12px; background:url(../image/main/btn_vis_pause.png) no-repeat 50%;}
#main_visual_new .visual_nav .nav_control.active { background:url(../image/main/btn_vis_play.png) no-repeat 50%;}

#main_visual_new .visual_bg1 { background:url(../images/main/main_visual1.jpg) no-repeat 50%;}
#main_visual_new .visual_bg2 { background:url(../images/main/main_visual2.png) no-repeat 50%;}
#main_visual_new .visual_bg3 { background:url(../images/main/main_visual3.png) no-repeat 50%;}
#main_visual_new .visual_bg4 { background:url(../images/main/main_visual4.jpg) no-repeat 50%;}
#main_visual_new .visual_bg5 { background:url(../images/main/main_visual5.jpg) no-repeat 50%;}
#main_visual_new .visual_bg6 { background:url(../images/main/main_visual6.jpg) no-repeat 50%;}
#main_visual_new .visual_bg7 { background:url(../images/main/main_visual7.png) no-repeat 50%;}
#main_visual_new .visual_bg8 { background:url(../images/main/main_visual8.png) no-repeat 50%;}
#main_visual_new .visual_bg9 { background:url(../images/main/main_visual9.jpg) no-repeat 50%;}
#main_visual_new .visual_bg10 { background:url(../images/main/main_visual10.png) no-repeat 50%;}

#main_content_new { padding:50px 0; text-align:center;}


/*
 * footer
 */

#footer_new .btn_footer_group { padding:15px 0; font-size:0;}
#footer_new .btn_footer_group:after { clear:both; display:block; content:"";}
#footer_new .btn_footer_group a { margin-left:25px; font-size:13px; line-height:1; color:#999;}
#footer_new .btn_footer_group a:first-child { margin-left:0;}
#footer_new .btn_footer_group .spec_link { color:#b3fcfb;}
#footer_new .btn_footer_group a:hover { text-decoration:underline;}
#footer_new .btn_footer_group .sel_organization { position:relative; float:right; width:195px; border:1px solid rgba(255,255,255,.5);}
#footer_new .btn_footer_group .sel_organization .btn_sel_organization { display:block; padding:0 15px; font-size:15px; line-height:35px; opacity:.7; background:url(../image/common/ico_sel_down.png) no-repeat 165px 50%;}
#footer_new .btn_footer_group .sel_organization .btn_sel_organization:hover { opacity:1;}
#footer_new .btn_footer_group .sel_organization .sel_opt_group { position:absolute; bottom:100%; left:-1px; width:100%; max-height:200px; border:1px solid rgba(255,255,255,.5); background:#2a2d37; overflow:auto; display:none;}
#footer_new .btn_footer_group .sel_organization .sel_opt_group a { display:block; line-height:35px; margin:0; padding:0 15px; border-bottom:1px solid rgba(255,255,255,.1);}
#footer_new .btn_footer_group .sel_organization:hover .sel_opt_group { display:block;}
#footer_new .btn_footer_group .sel_organization:hover .btn_sel_organization { background:url(../image/common/ico_sel_up.png) no-repeat 165px 50%;}
#footer_new .copyright { padding:15px 0; border-top:1px solid #494949;}
#footer_new .copyright:after { clear:both; display:block; content:"";}
#footer_new .copyright dl { width:50%; float:left;}
#footer_new .copyright dt { font-size:16px; color:#fff; padding:5px 0;}
#footer_new .copyright dd { font-size:14px; color:#999;}
#footer_new .copyright .txt_footer_time { display:inline-block; width:60px;}
#footer_new .copyright .txt_footer_sub { display:inline-block; white-space:nowrap;}
#footer_new .copyright .num_footer_time { display:inline-block; width:100px;}
#footer_new .copyright .txt_copyright { line-height:30px; color:#ababae; font-size:15px;}
#footer_new .copyright .btn_footer_sns { position:absolute; top:50%; right:0; margin-top:-23.5px; font-size:0;}
#footer_new .copyright .btn_footer_sns a { margin-left:20px;}
#footer_new .inner { position:relative; width:880px; padding-right:400px;}
.lgo_bottom { position:absolute; top:20px; right:0;}

.TabDesc p a:hover,.TabDesc p.on a{background-color:#424cb8; color:#fff!important;border:1px #424cb8 solid;}

.block_stroke { margin-top:30px; border:1px solid #ddd; padding:20px;}
.block_stroke p { margin-top:30px;}
.block_stroke p:first-child { margin-top:0;}
.block_stroke p img { width:100%; height:auto;}


.btn_footer_group2 { position:absolute; top:50%; right:0; margin-top:-15px; display:inline-block; padding:0;}
.tit_btn_footer { display:inline-block; color:#b5b5b6; vertical-align:middle;}
.btn_footer_group2 a { position:relative; display:inline-block; font-size:13px; margin-left:10px !important; color:#b5b5b6; vertical-align:middle;}
.btn_footer_group2 a { -webkit-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear;}
.btn_footer_group2 a img { width:30px; height:auto;}