@charset "utf-8";
@import url(gnbType.css);
@import url(/css/skin.css);

body{position:relative;padding-left:92px;}
li{list-style: none;}


#top_layout,
#body_layout,
#foot_layout{ width:100%; text-align:center; display:inline-block; position:relative;}
#top_layout,
/*#body_layout,*/
#foot_layout{ z-index: 2;}

#top_layout .top_wrap{ width:1200px; display:inline-block;}
#body_layout .body_wrap,
#body_layout.b_type .contents_wrap,
#foot_layout .foot_wrap{ width:1200px; display:inline-block; position:relative;}

/* left_util 시작 */

.left_util_bg{position:absolute;top:0;left:0;z-index:1;width:92px;height:100%;background-color:#262626;}
.utile_wrap.left{position:absolute;top:10px;left:50%;margin-left:-550px;}
.utile_wrap.left li{position:relative;float: left;margin:0 10px;z-index:99;}
.utile_wrap.left li:first-child{margin-left:0;}
.utile_wrap.left li:before{position:absolute;top:7px;left:-9px;content:"";display:inline-block;width:1px;height:10px;background-color:#666;vertical-align:middle;}
.utile_wrap.left li:first-child:before{display:none;}
.utile_wrap.left li a{display:inline-block;color:#000;}

.utile_wrap.right{position:absolute;top:10px;right:50%;margin-right:-640px;}
.utile_wrap.right li{position:relative;float: left;margin:0 10px;z-index:99;}
.utile_wrap.right li:first-child{margin-right:0;}
.utile_wrap.right li a{display:inline-block;color:#000;}
.utile_wrap.right li.login span{display:inline-block;margin-right:10px;color:#fff;font-size:14px; line-height:18px;vertical-align:baseline;}
.utile_wrap.right li.login em{display:inline-block;margin-right:10px;color:#fff;}
.utile_wrap.right li.login em a{display:inline-block;margin:0 3px;}

#top_layout .left_utile{position:absolute;top:0;left:-92px;z-index:1;width:92px;height:100%;}
#top_layout .left_utile li{ width:92px; height:92px;text-align:center;border-top:1px solid #1e1e1e;}
#top_layout .left_utile li.sitemap,
#top_layout .left_utile li.lnk1{border-top:none;}
#top_layout .left_utile li a{ display:inline-block;width:100%; height:100%;font-size:13px;color:#5c5c5c;padding:20px 0;}
#top_layout .left_utile li a:before{content:"";display:block;height:34px;background:url(/images/hcs/layout-ir.png) no-repeat;vertical-align:middle;margin:0 auto 10px;}
#top_layout .left_utile li.sitemap a{ background:url(/images/hcs/layout-ir.png) no-repeat 0 -50px; font-size:0; text-indent:-9999px; padding:0; display:inline-block;vertical-align:top;}
#top_layout .left_utile li.sitemap a:before{display:none;}
#top_layout .left_utile li.lnk1 a:before{width:31px;background-position: 0 -514px;}
#top_layout .left_utile li.lnk2 a:before{width:28px;background-position: -34px -514px;}
#top_layout .left_utile li.lnk3 a:before{width:35px;background-position: -64px -514px;}
#top_layout .left_utile li.lnk4 a:before{width:27px;background-position: -102px -514px;}
#top_layout .left_utile li.lnk5 a:before{width:31px;background-position: -131px -514px;}
#top_layout .left_utile li.lnk6 a:before{width:26px;background-position: -165px -514px;}
#top_layout .left_utile li a:hover,
#top_layout .left_utile li a:focus{color:#fff;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;}
#top_layout .left_utile li.lnk1 a:hover:before,
#top_layout .left_utile li.lnk1 a:focus:before{width:31px;background-position: 0 -551px;}
#top_layout .left_utile li.lnk2 a:hover:before,
#top_layout .left_utile li.lnk2 a:focus:before{width:28px;background-position: -34px -551px;}
#top_layout .left_utile li.lnk3 a:hover:before,
#top_layout .left_utile li.lnk3 a:focus:before{width:35px;background-position: -64px -551px;}
#top_layout .left_utile li.lnk4 a:hover:before,
#top_layout .left_utile li.lnk4 a:focus:before{width:27px;background-position: -102px -551px;}
#top_layout .left_utile li.lnk5 a:hover:before,
#top_layout .left_utile li.lnk5 a:focus:before{width:31px;background-position: -131px -551px;}
#top_layout .left_utile li.lnk6 a:hover:before,
#top_layout .left_utile li.lnk6 a:focus:before{width:26px;background-position: -165px -551px;}

/* left_util 끝 */


#top_layout{height: 92px;}
#top_layout .top_wrap .logo_wrap{width: 334px;height:47px;margin:40px 0 0 0;display:inline-block;float:left;position:relative;z-index:9999;}
#top_layout .top_wrap .logo_wrap a{ width:100%; height:100%; background:url(/images/hcs/layout-ir.png) no-repeat 0 -146px; font-size:0; text-indent:-9999px; display:inline-block;vertical-align:middle;}

#top_layout.b_type{ position:absolute; top:0; left:0; z-index:10;}
#top_layout.b_type:before{ width:100%; height:100%; background-color:transparent; content:""; box-sizing:border-box; position:absolute; top:0; left:0;border-bottom:1px solid rgba(255,255,255,0.2);}
#top_layout.b_type .top_wrap .utile_wrap li a{ color:#fff;}
#top_layout.b_type .top_wrap .utile_wrap li.n4 a{ background-position:-294px -59px;}
#top_layout.b_type .depth1_ul > li > a span{ color:#fff;}
#top_layout.c_type{ border-bottom:1px solid #ddd;}

#gnb_layout{ height:92px; top:0;}/* height:gnb높이, top:#top_layout에서 위치 */
#gnb_layout .depth1_ul > li{ height:92px;}
#gnb_layout .depth1_ul > li > a{position:relative;padding:0 13px;}
#gnb_layout .depth1_ul > li > a[target="_blank"]:after{display:inline-block;position:absolute;top:50%;right:0;width:9px;height:9px;margin:-7px 0 0 6px;background:url(/images/kor/common/common_ir.png) -1813px -14px;vertical-align:middle;content:'';}
#gnb_layout .depth1_ul > li:first-child > a:before{display:none;}

#gnb_layout .depth1_ul > li > a span{ height:88px;padding-top:30px;}/* 1차메뉴 높이(오버시 border-bottom값을 뺀 높이) */
#gnb_layout .depth1_ul{ width:1200px; padding:0 0 0 219px; text-align:right;}/* width:컨텐츠 넓이, padding:header의 왼쪽 오른쪽 값으로 1차 메뉴 중앙 정렬 */
#gnb_layout.on .gnb_bg{ top:92px;}/* #gnb_layout에서 2차 메뉴, gnb배경 위치 */

#gnb_layout.on .gnb_bg{ min-height:230px; background-color:#eeeff2; border:none; opacity:1;}/* background-color:gnb배경색, opacity:gnb투명도 */
#gnb_layout.on .depth1_ul > li.on > a,
#gnb_layout.on .depth1_ul > li.ov > a,
#gnb_layout.on .depth1_ul > li.on:hover > a,
#gnb_layout.on .depth1_ul > li.ov:hover > a,
#gnb_layout.on .depth1_ul > li:hover > a,
#gnb_layout.on .depth1_ul > li > a:focus{ border-bottom:4px solid #4472c5;}/* 1차메뉴 오버시 밑줄 */
#gnb_layout.on .depth2_ul > li > a:hover,
#gnb_layout.on .depth2_ul > li:hover > a,
#gnb_layout.on .depth2_ul > li.ov:hover > a{ background-color:#4472c5; color:#fff;}/* 1차메뉴 오버시 2차메뉴 배경색 */

/*상단고정 시작*/
#top_layout .btn_top{ display:none;}
/*
.topFixed #top_layout{ position:fixed; top:-300px; left:0; z-index:9; height:80px; padding-left:92px; background-color:#002f5a;}
.topFixed #top_layout .top_wrap .logo_wrap{ margin:16px 0;}
.topFixed #top_layout .top_wrap .logo_wrap a{ background-position:0 0;}
.topFixed #top_layout .btn_top{ display:inline-block; position:absolute; top:0; left:50%; z-index:9; width:80px; height:80px; margin-left:566px; font-size:0; text-indent:-9999px;}
.topFixed #top_layout .btn_top:before{ position:absolute; top:50%; left:50%; width:24px; height:31px; margin:-15px 0 0 -12px; background:url(/images/hcs/layout-ir.png) no-repeat -415px -58px; content:"";}
.topFixed #top_layout .btn_top:after{ position:absolute; top:0; left:0; opacity:0.1; width:1px; height:100%; background-color:#fff; content:"";}
.topFixed #top_layout .left_utile{ left:0;}
.topFixed #top_layout #gnb_layout{ position:relative; top:-80px; height:80px;}
.topFixed #gnb_layout .depth1_ul{ padding:0 80px 0 256px;}
.topFixed #gnb_layout .depth1_ul > li{ height:80px;}
.topFixed #gnb_layout .depth1_ul > li > a span{ height:76px; color:#fff;padding-top:0;}
.topFixed #gnb_layout.on.dt_type li.ov .depth2_ul,
.topFixed #gnb_layout.on.dt_type .depth1_ul > li.ov > .title_wrap,
.topFixed #gnb_layout.on .gnb_bg{ top:80px;} */
/*상단고정 끝*/

/* gnb > dt_type 시작 */
#gnb_layout.dt_type{}
#gnb_layout.on.dt_type li.ov .depth2_ul,
#gnb_layout.on.dt_type .depth1_ul > li.ov > .title_wrap{top:92px;}
#gnb_layout.on.dt_type .gnb_bg:before{ height:100%; background-color:#243b73; content:""; margin-right:325px; position:absolute; left:0; right:50%;}
#gnb_layout.dt_type .title_wrap{ width:275px; padding-right:20px; background-color:transparent; font-family:nsk_m; text-align:left; overflow:hidden;}
#gnb_layout.dt_type .title_wrap:before{ content:""; position:absolute; top:-55px; left:0; width:261px; height:130px; background:url(/images/hcs/layout-ir.png) no-repeat 0 -196px; }
#gnb_layout.dt_type .title_wrap:after{ content:""; position:absolute; bottom:-15px; right:0; width:262px; height:146px; background:url(/images/hcs/layout-ir.png) no-repeat 0 -328px; }
#gnb_layout.dt_type .title_wrap strong{ width:100%; font-family: 'nsr_m'; font-size:25px; font-weight:700; color:#fff; line-height:25px; padding:0; margin:0; display:inline-block;word-break: keep-all;margin-bottom:10px;padding-top:67px;}
#gnb_layout.dt_type .title_wrap p{font-size:14px;color:#fff;line-height:1.3;}
#gnb_layout.dt_type .depth2_ul li a{ color:#000;}
#gnb_layout.dt_type .depth2_ul{ min-height:230px;padding:20px 20px 20px 295px;}
#gnb_layout.dt_type .depth2_ul > li{ position:relative; font-family:nsk_m; text-align:left;width:25%; padding:0 20px; margin:10px 0; box-sizing:border-box;}
#gnb_layout.dt_type .depth2_ul > li > a{ font-weight:400; font-size:15px; color:#595959; line-height:43px; padding:0 25px 0 15px; margin:0; box-sizing:border-box; border:1px solid #6f6f6f; position:relative;}
#gnb_layout.on .depth2_ul > li.ov:hover > a, #gnb_layout.on .depth2_ul > li > a:focus{background-color:#0050a3;color:#fff;border-color:#0050a3;}
#gnb_layout.dt_type.on .depth2_ul > li > a:hover,
#gnb_layout.dt_type.on .depth2_ul > li:hover > a,
#gnb_layout.dt_type.on .depth2_ul > li.ov:hover > a{ color:#fff;background-color:#0050a3;border-color:#0050a3;}
#gnb_layout.dt_type .depth2_ul .depth3_ul{/* display:none;  */margin:10px 0 0 0;}
#gnb_layout.dt_type .depth2_ul .depth3_ul li a{ font-size:14px; color:#6c6d6f; line-height:18px; padding:6px 0 6px 22px; position:relative;}
#gnb_layout.dt_type .depth2_ul .depth3_ul li a:before{ width:3px; height:3px; background-color:#aeaeaf; content:""; margin-top:-2px; position:absolute; top:50%; left:15px;}
#gnb_layout.on.dt_type .depth2_ul > li:hover,
#gnb_layout.on.dt_type .depth2_ul > li:hover > a
#gnb_layout.on.dt_type .depth2_ul > li:focus,
#gnb_layout.on.dt_type .depth2_ul > li:focus > a{ background-color:transparent;}
#gnb_layout.on.dt_type .depth2_ul > li:hover > a{ border:1px solid #0050a3;}
#gnb_layout.on.dt_type .depth2_ul > li:hover > a:before,
#gnb_layout.on.dt_type .depth2_ul > li > a:focus:before{ background-position:-163px -37px;}
#gnb_layout.on.dt_type .depth2_ul .depth3_ul li a:hover{ color:#03328d; text-decoration:underline;}
#gnb_layout.on.dt_type .depth2_ul .depth3_ul li a:hover:before{ background-color:#03328d;}
#gnb_layout.on.dt_type .depth3_ul{display:none;}

#gnb_layout .topUtile{display:none;}
/* gnb > dt_type 끝 */

/* mobile 시작 */
#gnb_layout.mb{top:0;}
#gnb_layout.mb .topUtile{display:inline-block;right:-310px;width:264px;height:70px;padding:0;background:#fff;}
#gnb_layout.mb .topUtile .link_wrap{margin:24px 20px 0 0;}
#gnb_layout.mb .topUtile .link_wrap a{position:relative;margin-left:25px}
#gnb_layout.mb .topUtile .link_wrap a:first-child:before{display:block;position:absolute;top:6px;right:-15px;width:1px;height:9px;background:#000;content:'';}
#gnb_layout.mb .topUtile .noti{position:absolute;top:19px;right:20px;}
#gnb_layout.mb .topUtile .noti a{display:inline-block;position:relative;width:69px;height:69px;border:1px solid #747474;}
#gnb_layout.mb .topUtile .noti a:before{display:inline-block;height:100%;vertical-align:middle;content:'';}
#gnb_layout.mb .topUtile .noti a span{display:inline-block;position:absolute;top:50%;left:50%;width:26px;height:30px;background:url("/images/kor/common/common_ir.png") no-repeat -33px -112px;font-size:0;text-indent:-9999px;vertical-align:middle;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
#gnb_layout.mb .topUtile .noti > span{display:inline-block;position:absolute;top:-5px;right:-5px;width:20px;height:20px;border-radius:20px;background:#e50007;color:#fff;font-size:13px;line-height:20px;text-align:center;z-index: 2;}

#gnb_layout.mb .topUtile .lan_wrap{display:inline-block;position:absolute;bottom:0;width:100%;height:55px;padding:0;margin:0;background-color:#0d182f;}
#gnb_layout.mb .topUtile .lan_wrap > a{display:inline-block;position:relative;width:100%;color:#fff;font-size:14px;line-height:55px;text-align:center;}
#gnb_layout.mb .topUtile .lan_wrap > a:after{display:inline-block;position:absolute;top:26px;right:50%;width:9px;height:5px;margin:0 -50px 0 0;background:url("/images/kor/common/common_ir.png") no-repeat -62px -124px;;content:"";}
#gnb_layout.mb .topUtile .lan_wrap > ul{display:inline-block;position:absolute;top:-99999px;left:20px;right:20px;width:auto;padding:55px 0 0 0;margin:0;}
#gnb_layout.mb .topUtile .lan_wrap > ul li{display:inline-block;float:left;width:100%;padding:0;margin:0;background-color:#0f3049;}
#gnb_layout.mb .topUtile .lan_wrap > ul li + li{border-top:1px dashed #ccc;}
#gnb_layout.mb .topUtile .lan_wrap > ul li a{display:inline-block;width:100%;padding:0 10px;margin:0;color:#fff;font-size:14px;line-height:40px;text-align:left;}
#gnb_layout.mb .topUtile .lan_wrap.on > a:after{transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
#gnb_layout.mb .topUtile .lan_wrap.on > ul{top:0;}

#gnb_layout.mb .gnb_wrap{position:absolute;top:70px;width:auto;}
#gnb_layout.mb .depth1_ul,
#gnb_layout.mb .depth1_ul{ width:264px; padding:0; left:auto;}
#gnb_layout.mb .depth1_ul > li{ height:auto;}
#gnb_layout.mb .depth1_ul > li:first-child > a:before,
#gnb_layout.mb .depth1_ul > li:first-child > a:after{display:inline-block;}
#gnb_layout.mb .depth1_ul > li > a{ float:left;}
#gnb_layout.mb .depth1_ul > li > a[target="_blank"]:after{display:none;}
#gnb_layout.mb .depth1_ul > li > a span{padding-top:0;}
#gnb_layout.mb #gnb_layout .depth1_ul > li > a > span{ height:auto;}
#top_layout.b_type #gnb_layout .depth1_ul > li > a span{}
#gnb_layout.mb .depth1_ul > li.down:first-child > a:after,
#gnb_layout.mb .depth1_ul > li.down:first-child > a:hover:after,
#gnb_layout.mb .depth1_ul > li.down:first-child > a:focus:after,
#gnb_layout.mb .depth1_ul > li.down.on:first-child > a:after{ display:none;}
#gnb_layout.mb li.down .depth2_ul,
#gnb_layout.mb li.up .depth2_ul{ padding:0;}
#gnb_layout.mb .depth2_ul.n1 > li,
#gnb_layout.mb .depth2_ul.n2 > li,
#gnb_layout.mb .depth2_ul.n3 > li,
#gnb_layout.mb .depth2_ul.n4 > li,
#gnb_layout.mb .depth2_ul.n5 > li,
#gnb_layout.mb .depth2_ul.n6 > li,
#gnb_layout.mb .depth2_ul.n7 > li,
#gnb_layout.mb .depth2_ul.n8 > li,
#gnb_layout.mb .depth2_ul.n9 > li,
#gnb_layout.mb .depth2_ul.n10 > li{ width:100%; padding:0; margin:0;}
#gnb_layout.mb .depth2_ul > li > a{ width:100%; color:#333; line-height:24px; padding:15px 30px 15px 20px; margin:0; display:inline-block; border:0; border-top: 1px solid #e5e5e5; position: relative; top:auto; transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; -webkit-transform:none;;}
#gnb_layout.mb .depth2_ul > li.more > a:before{ background-image:none; margin:0; left:auto;}
#gnb_layout.mb .depth2_ul .depth3_ul{ min-height:auto; margin:0; display:none;}
#gnb_layout.mb .gnbClose{ width:47px; height:47px; background-image:none; font-size:0; text-indent:-9999px; padding:0; display:inline-block;vertical-align:middle; position: absolute; right: 267px; top:3px;}
#gnb_layout.dt_type.mb .gnbClose{ background-position: -294px -59px; }
/* mobile 끝*/







@media (max-width:1391px){
	.utile_wrap.left{margin-left:0;left:140px;}
	.utile_wrap.right{margin-right:0;right:20px;}
	#top_layout .top_wrap{ padding:0 80px 0 50px;}
	#top_layout .top_wrap{ width:100%;}
	#gnb_layout .depth1_ul{width:100%;}


	#gnb_layout.on.at_type .gnb_bg:before{ width:343px; margin:0; right:0;}

}

@media (max-width:1279px){
	body{padding-left:0;}
	.left_util_bg{display:none;}
	#top_layout{height: 70px;}
	#top_layout .top_wrap{ padding:0;}
	#top_layout .left_utile{left:auto;right:0;}
	#top_layout .left_utile li{display:none;}
	#top_layout .left_utile li.sitemap{display:inline-block;}
	.utile_wrap.left,
	.utile_wrap.right{display:none;}


	#top_layout.b_type{height:70px;padding-left:50px}
	#top_layout .top_wrap .logo_wrap{left:15px;width:255px;height:35px;margin: 20px 0;}
	#top_layout .top_wrap .logo_wrap a{background-position:0 -476px;}
	#top_layout .left_utile{width:70px;}
	#top_layout .left_utile li{ display:none;}
	#top_layout .left_utile li.sitemap{ display:inline-block;width:70px;height:70px;}
	#top_layout .left_utile li.sitemap a{background-position: -96px -50px;}
	#top_layout .top_wrap .utile_wrap .n1,
	#top_layout .top_wrap .utile_wrap .n3{display:none;}


	#gnb_layout{ display:none;}

	
	

	
}

@media (max-width:767px){
	#top_layout{ padding:0 20px; box-sizing:border-box;}
	
	#top_layout .top_wrap .logo_wrap {left:0;}
	

	
}

@media(max-width:450px){
	#top_layout .top_wrap .logo_wrap{left:0; width:215px;height:30px;margin: 20px 0;}
	#top_layout .top_wrap .logo_wrap a{background-position:0 -588px;}
}



.utile_wrap.on.right,
.utile_wrap.on.left{top:170px}