@charset "utf-8";
@import url(gnbType.css);
@import url(svisualType.css);
@import url(lnbType.css);
@import url(contentsType.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/hss/layout-ir.png) no-repeat;vertical-align:middle;margin:0 auto 10px;}
#top_layout .left_utile li.sitemap a{ background:url(/images/hss/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/hss/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/hss/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/hss/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/hss/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 끝*/

#svisual_layout.b_type{overflow:hidden;}
#svisual_layout.b_type .svisual_wrap{ height:360px;}/* 비쥬얼 높이 */
#svisual_layout.b_type .svisual_wrap .title_wrap{position:relative;z-index:1;width:1200px; text-align:left; margin-top:140px;}/* 비쥬얼 컨텐츠 넓이 */
#svisual_layout.b_type .svisual_wrap .title_wrap strong{ width:100%; font-weight:400; font-size:34px; color:#fff; text-align:center; line-height:44px; vertical-align:middle;}/* 타이틀 폰트 설정 */
#svisual_layout.b_type .svisual_wrap .title_wrap strong span{ display:inline-block;width:504px;height:86px;background:url(/images/hss/svisual_tit.png) no-repeat;vertical-align:middle;font-size:0;text-indent:-9999px;margin-top:-15px;}/* 타이틀폰트 포인트 설정 */
#svisual_layout.b_type .svisual_wrap .title_wrap strong:before{ display:none;}/* 타이틀 밑줄 설정 */
#svisual_layout.b_type .svisual_wrap .title_wrap p{ width:100%; font-size:18px; color:#fff; text-align:center; line-height:22px; margin-top:10px; text-shadow: 2px 2px 2px #666;}/* 보조문구 설정 */
#svisual_layout .svisual_wrap .movImg{ max-width:none; max-height:none; width:100%; height:auto; padding:0; margin:0; display:inline-block; position:absolute;top: 50%;left:50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}

#body_layout.b_type{}
#body_layout.b_type .lnb_wrap:before,
#body_layout.b_type .lnb_wrap .depth2_ul > li > a span{ height:56px;}/* 2차메뉴 높이 */
#body_layout.b_type .lnb_wrap{ border-bottom:1px solid #d0d0d0; margin-top:-56px;}/* 3차메뉴 활성화시 lnb 전체 밑줄 */
#body_layout.b_type .lnb_wrap:before{ background-color:transparent; top:-56px;}/* 2차메뉴 배경 색 */
#body_layout.b_type .lnb_wrap .depth2_ul{ width:1200px;}/* 2차메뉴 넓이 */
#body_layout.b_type .lnb_wrap .depth2_ul > li > a{ border:0;background-color:#314156;}/* 2차메뉴 오른쪽 보더 */
#body_layout.b_type .lnb_wrap .depth2_ul > li:last-child > a{ border:0;}
#body_layout.b_type .lnb_wrap .depth2_ul > li > a:before{ width:1px; height:100%; background-color:#465467; content:""; position:absolute; top:0; right:0;}
#body_layout.b_type .lnb_wrap .depth2_ul > li:last-child > a:before{ display:none;}
#body_layout.b_type .lnb_wrap .depth2_ul > li.n1 > a{ border-left:1px solid #648ed8;}/* 2차메뉴 왼쪽 보더 */
#body_layout.b_type .lnb_wrap .depth2_ul > li > a span{ font-size:15px; color:#fff; line-height:20px; padding:0 10px;}/* 2차메뉴 폰트설정 */
#body_layout.b_type .lnb_wrap .depth2_ul > li > a:hover,
#body_layout.b_type .lnb_wrap .depth2_ul > li > a:focus,
#body_layout.b_type .lnb_wrap .depth2_ul > li.on > a,
#body_layout.b_type .lnb_wrap .depth2_ul > li.ov > a{ background-color:#0051b6; border:0;}/* 2차메뉴 오버시 폰트 설정 */
#body_layout.b_type .lnb_wrap .depth2_ul > li.on > a span,
#body_layout.b_type .lnb_wrap .depth2_ul > li.ov > a span{ color:#fff; font-weight:500; }
#body_layout.b_type .lnb_wrap .depth3_ul li a{ font-size:15px; color:#525252; line-height:22px;}/* 3차메뉴 폰트설정 */
#body_layout.b_type .lnb_wrap .depth3_ul li a:hover,
#body_layout.b_type .lnb_wrap .depth3_ul li a:focus,
#body_layout.b_type .lnb_wrap .depth3_ul li.on a{ text-decoration:underline; color:#245ec6; padding-right:0;}/* 3차메뉴 오버시 폰트 설정 */
#body_layout.b_type .lnb_wrap .depth3_ul li:before{left:7px;width:4px;height:4px;border-radius: 4px;background-color:#434343;margin-top:-1px;}
#body_layout.b_type .lnb_wrap .depth3_ul li:first-child{padding-left:18px;}
#body_layout.b_type .lnb_wrap .depth3_ul li:first-child:before{display:inline-block;}
#body_layout.b_type .lnb_wrap .depth3_ul li a:hover:before,
#body_layout.b_type .lnb_wrap .depth3_ul li a:focus:before,
#body_layout.b_type .lnb_wrap .depth3_ul li.on a:before{display:none;}
#body_layout.b_type .contents_wrap .title_wrap .utile_wrap .location_wrap li strong{ font-weight:normal; text-decoration:underline; }
#body_layout .contents_wrap .title_wrap .utile_wrap .location_wrap{vertical-align:middle;}
#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap{border:1px solid #ddd;padding:8px 0;vertical-align:middle;}
#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li{padding:0 8px;margin:0;}
#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li.n1{border-left:1px solid #ddd;}
#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li a{width:17px;height:17px;background:url(/images/hss/layout-ir.png) no-repeat;}
#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li.n2 > a{width:14px;height:15px;background-position:-205px -87px;}
#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li.n1 > a{background-position:-222px -87px;}
#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li.on >a {display:inline-block;}
#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li.on >a:before{position:absolute;top:9px;left:0;content:"";display:inline-block;width:4px;height:7px;background:url(/images/hss/layout-ir.png) no-repeat -273px -87px;vertical-align:middle;}


#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li.on .sns_wrap{position:absolute;top: -9px;left: -122px;padding:0;border:solid #ccc;border-width:1px 0 1px 1px;background:#fff;}
#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li .sns_wrap a{position:relative;width: 41px;height: 41px;margin:0;background:none;}
#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li .sns_wrap a.copy_url{font-size:14px;line-height: 41px;text-align:center;text-indent:0;}
#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li .sns_wrap a:after{display:block;position:absolute;top:50%;right:0;width:1px;height:28px;background:#ccc;transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);content:'';}
#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li a.fa:before{display:block;position:absolute;top:50%;left:50%;width:9px;height:19px;background:url("/images/kor/common/common_ir.png") no-repeat -1144px 0;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);content:'';}
#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li a.tw:before{display:block;position:absolute;top:50%;left:50%;width:16px;height:13px;background:url("/images/kor/common/common_ir.png") no-repeat -1156px 0;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);content:'';}
#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li a.btnClose{position:relative;top:0;left:0;}
#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li a.btnClose:before{display:block;position:absolute;top:50%;right:-2px;width:4px;height:8px;background:url("/images/kor/common/common_ir.png") no-repeat -1174px 0;transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);content:'';}
#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li a.btnClose:after{display:block;position:absolute;top:50%;left:50%;width:14px;height:14px;background:url("/images/kor/common/common_ir.png") no-repeat -1181px 0;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);content:'';}

#body_layout.b_type .contents_wrap{ padding-bottom:120px;}/* 컨텐츠 사이즈 및 아래 여백 설정 */
#body_layout.b_type .contents_wrap .title_wrap,
#body_layout.b_type .contents_wrap #txt{ width:100%;}/* 컨텐츠 사이즈 */
#body_layout.b_type .contents_wrap .title_wrap{ padding-bottom:10px;margin-top:50px; border-bottom:1px solid #ddd;}/* 페이지 타이틀 설정 */
#body_layout.b_type .contents_wrap .title_wrap h2{ float:left;display:inline-block;width:auto; font-size:26px; color:#252525; line-height:40px;}/* 페이지 타이틀 폰트 설정 */
#body_layout.b_type .contents_wrap .title_wrap .utile_wrap{ float:right;width:auto; margin-top:5px;}/* 유틸설정 */
#body_layout.b_type .contents_wrap #txt{ margin-top:10px; display:inline-block;}/* 컨텐츠 설정 */


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

	#body_layout.b_type .lnb_wrap,
	#body_layout.b_type .contents_wrap,
	#svisual_layout .svisual_wrap{ padding:0 60px; box-sizing:border-box;}
	#gnb_layout .depth1_ul{width:100%;}
	#top_layout .top_wrap,
	#body_layout .body_wrap,
	#foot_layout .foot_wrap,
	#svisual_layout.b_type .svisual_wrap .title_wrap,
	#body_layout.a_type .contents_wrap,
	#body_layout.b_type .lnb_wrap .depth2_ul,
	#body_layout.b_type .contents_wrap,
	#body_layout.b_type .contents_wrap .title_wrap,
	#body_layout.b_type .contents_wrap #txt,
	#body_layout.c_type .contents_wrap{ width:100%;}
	#body_layout.b_type{ padding:0;}
	#body_layout.b_type .contents_wrap{ padding-bottom:80px;}
}
@media (max-width:1279px){
	body{padding-left:0;}
	.left_util_bg{display:none;}
	#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.a_type{height:70px;padding-left: 0;}
	#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;}
	#svisual_layout.b_type .svisual_wrap{ height:auto; background:#ccc/*url(/images/hss/svisual_sample_img.jpg) no-repeat center center*/;}
	#svisual_layout.b_type .svisual_wrap .title_wrap{ margin:45px 0;}

	#body_layout.b_type .body_wrap{ margin:0 0 50px 0;}
	#body_layout.b_type .contents_wrap{ padding-bottom:0;}
	#body_layout.b_type .contents_wrap .title_wrap{ height:auto; margin:15px 0 60px 0; border-bottom:1px solid #e5e5e5;}
	#body_layout.b_type .contents_wrap .title_wrap h2{ width:100%; font-size:32px; color:#252525; text-align:center; line-height:40px; margin-bottom:0;}/* 페이지 타이틀 폰트 설정 */
	#body_layout.b_type .contents_wrap .title_wrap .utile_wrap{ width:100%; text-align:center; margin:5px 0 15px 0; position:relative; top:auto; right:auto;}/* 유틸설정 */
	#body_layout.b_type .contents_wrap .title_wrap .utile_wrap .location_wrap,
	#body_layout.b_type .contents_wrap .title_wrap .utile_wrap .print_wrap{ float:none;}

	#body_layout.b_type .contents_wrap .title_wrap .utile_wrap .print_wrap{ position:absolute; bottom:-65px; right:0;border:none;}
	#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li.on .sns_wrap{top:-6px;border:none;}
	#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li.n1{ display:none;}
	#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li .sns_wrap a{ left:auto; right:0;}
	#body_layout.b_type .contents_wrap #txt{ margin:0;}

	#top_layout .top_wrap .utile_wrap .n1,
	#top_layout .top_wrap .utile_wrap .n3{display:none;}

	#body_layout.a_type .contents_wrap,
	#body_layout.c_type .contents_wrap{ padding:0; margin:0;}

	#gnb_layout,
	#body_layout.a_type .lnb_wrap,
	#body_layout.b_type .lnb_wrap,
	#body_layout.c_type .lnb_wrap,
	#body_layout.c_type:before,
	#body_layout.c_type:after{ display:none;}
	
}

@media (max-width:767px){
	#top_layout.a_type,
	#body_layout,
	#body_layout.b_type .contents_wrap,
	#svisual_layout .svisual_wrap{ padding:0 20px; box-sizing:border-box;}
	#svisual_layout.b_type .svisual_wrap .title_wrap strong{font-size:19px;line-height:30px;}
	#svisual_layout.b_type .svisual_wrap .title_wrap strong span{width:232px;height:40px;background-size:contain;}
	#svisual_layout.b_type .svisual_wrap .title_wrap p{font-size:16px;margin-top:0;}
	#body_layout.b_type .contents_wrap .title_wrap h2{font-size:28px;}

	#top_layout .top_wrap .logo_wrap {left:0;}
	
}

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