@charset "utf-8";

@import url("/lib/css/base.css");

@font-face{
font-family:'Nanum Gothic';
src:url('/font/NanumGothic.eot');
src:url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('/font/NanumGothic.woff') format('woff'),
url('/font/NanumGothic.ttf') format('truetype'),
url('/font/NanumGothic.svg#NanumGothic') format('svg');
src:local(※), url('/font/NanumGothic.woff') format('woff');
}

@font-face{
font-family:'NanumGothicBold';
src:url('/font/NanumGothicBold.eot');
src:url('/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
url('/font/NanumGothicBold.woff') format('woff'),
url('/font/NanumGothicBold.ttf') format('truetype'),
url('/font/NanumGothicBold.svg#NanumGothicBold') format('svg');
src:local(※), url('/font/NanumGothicBold.woff') format('woff');
}

#skipNavi {position: absolute; margin: 0 auto; width: 998px; list-style: none; font-size: 1.15em; top: -10.5em; left: 0; z-index: 20; background:#eee; border:1px solid #ccc;}
#skipNavi a:active, #skipNavi a:focus{
position: absolute; padding-top: 0.5em; width: 998px; height: 2em; top: 10.5em; text-align: center; color: #000; font-weight:bold; background: #eee; border: 1px solid #ccc; outline: 0;}

/* blind */
.blind{position:absolute; overflow:hidden; width:0; height:0; font-size:0;}

/*#header{position:relative; height:177px; margin-bottom:19px;}*/
#header{position:relative; border-bottom:1px solid #dedede;}
/*#header .bg{background-color:#3b3b3b;}
#header .bR{border-right:1px solid #5e5e5e;}
#header .bL{border-left:1px solid #5e5e5e;}*/
#header .h_logo{position:relative; width:1092px; margin:0 auto;}
#header .h_logo h1{position:absolute; left:0; top:24px;}
#header .h_logo h1 a{display:block;}
#header .h_wrap_1{position:relative;height: 94px;border-top: 2px solid #328dd2;border-bottom:1px solid #ededed;}
#header .h_wrap_1 .h_top{position:absolute;top:32px;right:50%;margin-right:-556px;height:31px;}
#header .h_wrap_1 .h_top .util_navi{overflow:hidden; margin:0 auto;}
#header .h_wrap_1 .h_top .util_navi ul{float:right; overflow:hidden;}
#header .h_wrap_1 .h_top .util_navi ul li{float:left; color:#fff; height:30px; line-height:30px; padding:0 10px; text-align:center;background:url('/images/re18/en/tp_line.gif') no-repeat left center;}
#header .h_wrap_1 .h_top .util_navi ul li:first-child{background:none;}
#header .h_wrap_1 .h_top .util_navi ul li span{margin:0 5px;color:#666666;}
#header .h_wrap_1 .h_top .util_navi ul li a{display:inline-block; color:#666666;}
#header .h_wrap_1 .h_top .util_navi ul li a img{vertical-align:middle;}
#header .h_wrap_2{height:56px; }

/* footer */
#footer {background:#f4f4f4; border-top:1px solid #ccc;}
.f_wrap {overflow:hidden; width:1092px; padding:30px 0 22px 0; margin:0 auto;}
.f_logo {float:left; margin:0 118px 0 0;}
.f_con {float:left; margin-top:10px; color:#000;}

/* lnb */
.lnb {overflow:hidden; position:absolute; left:0; width:100%; height:56px; z-index:500;}
.lnb_bg {display:none; position:absolute; top:55px; left:0; width:100%; height:306px; /* background:#fff url(/images/gnb/gnb_bg_shadow.png) repeat-x bottom; */}
.lnb > ul {width:1092px; height:348px; margin:0 auto; position:relative; z-index:500;}
.lnb > ul > li {float:left; width:273px; height:348px; margin:0; padding:0;}
.lnb > ul > li > a{font-size:20px; letter-spacing:-1px; color:#222; font-family:'NanumGothicBold';}
.lnb > ul > li > a span.s_type {display:inline-block; padding:7px; border-radius:5px; border:1px solid #0f5aa4; font-size:14px; background-color:#105fa8;}
.lnb > ul > li > a, .lnb_all a {display:block; text-align:center; width:272px; height:23px; padding:18px 0 16px 0;}
.lnb > ul > li > ul {display:none;width: 273px;height:294px;padding: 10px 0 0 0px;background-color:#ddd;}
.lnb > ul > li > ul > li{padding:0 10px;}
.lnb > ul > li > ul > li:last-child{margin-bottom:0;}
.lnb > ul > li > ul.l_list_1{background:#eef4fa;}
.lnb > ul > li > ul.l_list_2{background:#dee9f5;}
.lnb > ul > li > ul.l_list_3{background:#eef4fa;}
.lnb > ul > li > ul.l_list_4{background:#dee9f5;}
.lnb > ul:first-child li:first-child ul {border-left:1px solid #7ca9c4;}
.lnb > ul > li > ul.active{background: #658196;}
.lnb > ul > li > ul.active > li > a{color:#fff}
.lnb > ul > li > ul.active > li.active{background:#475b69;}
.lnb > ul > li > ul > li a {display:block; margin:0; padding:4px 0 4px 0; color:#424242; text-align:left; letter-spacing:-1px; font-size:14px;}

/* mragin,padding  */
.mR{margin-right:23px;}


/* paging */
.paging{width:100%; text-align:center; font-size:0; margin:38px 0 0 0; font-family:Gill Sans MT;}
.paging span {font-size:0;}
.paging span.num_start {margin:0 5px 0 0;}
.paging span.num_last {margin:0 0 0 5px;}
.paging span a {display:inline-block; margin:0 5px 0 0; font-size:12px; line-height:14px; width:30px; height:23px; padding:8px 1px 0 0; border:1px solid #e8e8e8; color:#676767; text-decoration: none;}
.paging span a.p_first {margin:0 7px 0 0; background:#f8f8f8;}
.paging span a.p_first2 {margin:0 5px 0 0; background:#f8f8f8;}
.paging span a.p_last {margin:0 0 0 4px; background:#f8f8f8;}
.paging span a.p_last2 {margin:0 0 0 5px; background:#f8f8f8;}
.paging span a:hover {background:#61ba46; font-weight:bold; color:#fff;}
.paging span a.on {background:#61ba46; font-weight:bold; color:#fff;}

/* btn_bottom */
.btn_bottom{float:right; margin-bottom:20px;}
.btn_bottom a.b_btn_1{display:inline-block; background-color:#0088e6; padding:9px 20px; border:1px solid #cfcfcf; color:#fff;}
.btn_bottom a.b_btn_2{display:inline-block; background-color:#fcfcfc; padding:9px 20px; border:1px solid #cfcfcf;}


/*2017/5/26*/

.env_mmbg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity: 0.6;z-index:900;}
.env_mmbx{display:none;background:#227bc1;text-align:right;}
.env_mmbx > p{padding:10px;}

.mmenu_en{display:none;z-index:999;background:#fff;width:283px;position:absolute;right:0;top:0;}
.mmenu_en > p{text-align:right;padding:12px;z-index:500;background:#fff;overflow:hidden;z-index:999;}
.mmenu_en > ul{text-align:left;border-top:1px solid #ccc;padding-bottom:10px;background:#fff;z-index:999;}
.mmenu_en > ul > li{border-bottom:1px solid #ccc;}
.mmenu_en > ul > li > a{font-size:18px;color:#555;font-weight:bold;padding:12px 0 12px 20px;display:block;background:url(/images/sub_g/lis_bg4.png) 93% 18px no-repeat}
.mmenu_en > ul > li.on > a{background:url(/images/sub_g/lis_bg5.png) 93% 18px no-repeat #186ba8;color:#fff;}
.mmenu_en > ul > li > ul{display:none;}
.mmenu_en > ul > li > ul > li{padding-left:20px;border-top:1px dashed #ccc;}
.mmenu_en > ul > li > ul > li:first-child{border-top:none;}
.mmenu_en > ul > li > ul > li > a{display:block;font-size:15px;color:#555;padding:10px 0 10px 10px;background:url(/images/sub_g/lis_bg3.gif) left 20px no-repeat;}
.close_btn{height:49px;border-bottom:1px solid #cccccc;position:relative;}
.close_btn p{text-align:left;padding-left:50px;}
.close_btn p a{line-height:50px;font-size:16px;font-weight:bold;}
.close_btn p.first{background:#cfcfcf url('/images/header/m_nav_icon1.gif') no-repeat 14px center;border-right:1px solid #a7a7a7;}
.close_btn p.first a{color:#3b3b3b;}
.close_btn > a{position:absolute;right:0px;top:0px;width:30px;height:20px;padding:15px 10px;text-align:center;background:#414141;}




@media screen and (max-width:1024px){
#header{height:100px;border-bottom: 1px solid #e0e0e0;}
#header .h_wrap_1{height:auto;margin-bottom:0;border-bottom:0;}
#header .h_logo{width:100%;}
#header .h_wrap_1 .h_top{top:0;right:0;margin-right:0;}
#header .h_wrap_1 .h_top .util_navi{width:100%;}
#header .h_logo h1{margin-left:1%;top:35px;}
#header .h_wrap_2{display:none;}
.env_mmbx{display:block;background:none;float:right;margin-top:37px;margin-right:10px;}	
.env_mmbx > p{padding:0;}
.f_wrap{width:100%;}
.f_logo{margin-left:2%;}
		
}

@media screen and (max-width:768px){
.f_logo{display:none;}
.f_con{float:none;text-align:center;padding:0 3%;}	
}