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

html{height: auto;}
body{overflow: hidden;height: auto;}

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

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

#top_layout{position: absolute;height: 120px;z-index: 3}
#top_layout .top_wrap{padding-top: 20px;border-radius:0 0 19px 19px;background:#fff;box-shadow: 0 5px rgba(0,0,0,0.1)}
#top_layout.ov .top_wrap{height: 120px;border-radius: 0;box-shadow: none;}
#top_layout .top_wrap .utile_wrap{position:absolute;top: 20px;right: 40px;display:inline-block; float:none;z-index:9999; margin-top:0;}
#top_layout .top_wrap .utile_wrap li{ line-height:18px; display:inline-block; float:left; position:relative;}
#top_layout .top_wrap .utile_wrap li:before{width:1px;height: 6px;background-color: #ccc;content:""; margin: 0;position:absolute; top:50%; left:0px;}
#top_layout .top_wrap .utile_wrap li:first-child:before{display:none;}
#top_layout .top_wrap .utile_wrap li.home:before,
#top_layout .top_wrap .utile_wrap li.search:before,
#top_layout .top_wrap .utile_wrap li.sitemap:before{ display:none;}
#top_layout .top_wrap .utile_wrap .lan{position: relative;}
#top_layout .top_wrap .utile_wrap .lan > a{position:relative;width:100%;height:100%; text-align:left; padding:0 15px;}
#top_layout .top_wrap .utile_wrap .lan > a:after{position: absolute;right: 0;top: 7px;border-top: 5px solid #8a8a8a;border-right: 4.5px solid transparent;border-left: 4.5px solid transparent;content: '';}
#top_layout .top_wrap .utile_wrap .lan ul{position: absolute;top: -9999999px;left: 0;width:100%;}
#top_layout .top_wrap .utile_wrap .lan.on ul{top:0;z-index: 1;padding-top: 30px;}
#top_layout .top_wrap .utile_wrap .lan.on ul li{display:inline-block;width:100%;background-color:#fff;margin:0;border:1px solid #dadada;border-top:0;line-height: 25px}
#top_layout .top_wrap .utile_wrap .lan.on ul li:first-child{border-top: 1px solid #dadada}
#top_layout .top_wrap .utile_wrap .lan.on ul li:before{display: none;}
#top_layout .top_wrap .utile_wrap .lan.on ul a{ width:100%; color:#000; text-align:center; line-height:30px; margin:0; box-sizing:border-box;}
#top_layout .top_wrap .utile_wrap li.sitemap{position: absolute;right: 0;top: 43px;width: 20px;height: 15px;}
#top_layout .top_wrap .utile_wrap li.sitemap a{ width:100%; height:100%; background:url(/images/child/common/common_ir.png) no-repeat -165px -1px; font-size:0; text-indent:-9999px; padding:0; display:inline-block;vertical-align:top;}
#top_layout .top_wrap .utile_wrap li a{ font-size:16px;color: #000;line-height:18px;padding: 0 10px 0 5px; display:inline-block;vertical-align:middle;}
#top_layout .top_wrap .utile_wrap .gj a:before{display: inline-block;width: 19px;height: 19px;margin-right: 3px;background: url(/images/child/common/common_ir.png) -320px -1px;vertical-align: middle;content: '';}
#top_layout .top_wrap .logo_wrap{width: 162px;height: 50px;margin: 20px 0 20px 40px;display:inline-block; float:left; position:relative; z-index:9999;}
#top_layout .top_wrap .logo_wrap a{ width:100%; height:100%; background:url(/images/child/common/common_ir.png) no-repeat -1px -1px; font-size:0; text-indent:-9999px; display:inline-block;vertical-align:middle;}


#gnb_layout{ height:120px; top:0;}/* height:gnb높이, top:#top_layout에서 위치 */
#gnb_layout .depth1_ul{width:1240px;padding: 0 100px 0 192px;}
#gnb_layout .depth1_ul > li{ height:120px;padding-top: 35px;}
#gnb_layout .depth1_ul > li > a{position:relative;padding: 0 57px;}
#gnb_layout .depth1_ul > li > a:before{content: '';display:inline-block;color:#b1b2b4;position:absolute;top:35px;left:-3px;width: 2px;height: 3px;border-top:3px solid #ccc;border-bottom: 3px solid #ccc ;}
#gnb_layout .depth1_ul > li:first-child > a:before{display:none;}

#gnb_layout .depth1_ul > li > a span{position: relative; height:81px;font-family: 'ggs_m';}/* 1차메뉴 높이(오버시 border-bottom값을 뺀 높이) */
#gnb_layout .depth1_ul > li.ov > a span:after{position: absolute;bottom: 12px;left: 50%;margin-left: -4.5px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #fdcc34;content: '';}
#gnb_layout.on.d_type li.ov .depth2_ul,
#gnb_layout.on .gnb_bg{top:120px;box-sizing: border-box;}/* #gnb_layout에서 2차 메뉴, 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 #fdcc34;}/* 1차메뉴 오버시 밑줄 */

#gnb_layout .depth1_ul > li > strong{display: none;position: absolute;top: 130px;left: 0;height: 41px;padding-left: 25px;background: #fdcc34;border-right: 1px solid #e5e5e5;line-height: 41px;text-align: left;font-size: 16px;font-weight: bold;color: #000;font-family: 'nsk_m'}
#gnb_layout.on .depth1_ul > li > strong{display: inline-block;}

#gnb_layout.d_type .depth2_ul{right: 0;width: auto;padding: 10px 88px 30px}
#gnb_layout.on .depth2_ul > li{margin: 0 0 5px}
#gnb_layout.on.d_type .depth2_ul > li:hover{background: none;}
#gnb_layout.on .depth2_ul > li > a{width: 97%;margin: 0 5px;padding: 10.5px 0;background: #fff;border:2px solid #fdcc34;color: #000}
#gnb_layout.on .depth2_ul > li > a:hover,
#gnb_layout.on .depth2_ul > li > a:focus,
#gnb_layout.on .depth2_ul > li:hover > a,
#gnb_layout.on .depth2_ul > li.ov:hover > a{ background-color:#fdcc34; color:#000;}/* 1차메뉴 오버시 2차메뉴 배경색 */
#gnb_layout.d_type .depth3_ul{padding-top: 60px}
#gnb_layout.d_type .depth3_ul > li{padding: 0 10px}
#gnb_layout.d_type .depth3_ul > li.ov > a{text-decoration: underline;color: #6e4b00}
#gnb_layout.d_type .depth3_ul > li > a{position: relative;padding-left: 10px;font-size: 14px;line-height: 24px;color: #6c6d6f;text-align: left}
#gnb_layout.d_type .depth3_ul > li > a[target=_blank]:after{display: inline-block;width: 12px;height: 12px;margin-left: 3px;background: url(/images/child/common/common_ir.png) -147px -54px;content: '';}
#gnb_layout.d_type .depth3_ul > li.ov > a[target=_blank]:after{background-position:-132px -54px;}

#gnb_layout.d_type .depth3_ul > li > a:before{position: absolute;left: 0px;top: 12px;width: 3px;height: 3px;background: #aeaeaf;content: '';}
#gnb_layout.on .gnb_bg{top: 120px;left: 50%;width: 1240px;margin-left: -620px;padding: 35px 88px;border:0;border-top: 1px solid #ddd;border-radius:0 0 19px 19px;background: #fff;box-shadow: 0 5px rgba(0,0,0,0.1);opacity: 1}


/* mobile 시작 */
#gnb_layout.mb{top:0;}
#gnb_layout.mb .gnb_wrap{overflow-y: hidden;padding-top: 60px}
#gnb_layout .topUtile{display: none;}
#gnb_layout.mb .topUtile{display: block;right: -310px;width: 310px;height: 60px;padding: 20px 15px;background: #fdcc34;}
#gnb_layout.mb .topUtile li{float: left;position: relative;width: auto;padding: 0 14px;list-style: none;}
#gnb_layout.mb .topUtile li a{color: #333;}
#gnb_layout.mb .topUtile li + li:before{content:"";position:absolute; top:50%;left:0;width:1px;height:11px;margin-top:-5.5px;background-color:rgba(0,0,0,0.5);}
#gnb_layout.mb .topUtile li.sitemap{width: 13px;height: 11px;margin:5px 0 0;padding: 0;font-size: 0;text-indent: -9999px;}
#gnb_layout.mb .topUtile li.sitemap a{display: block;width: 100%;height: 100%;background:url(/images/child/common/common_ir.png) -24px -328px }
#gnb_layout.mb .topUtile li.gj:before{display: none;}
#gnb_layout.mb .topUtile li.lan{position: relative;right: auto;background: none;}
#gnb_layout.mb .topUtile li.lan:after{position: absolute;right: 0;top: 10px;border-top: 5px solid #333;border-right: 4.5px solid transparent;border-left: 4.5px solid transparent;content: '';}
#gnb_layout.mb .topUtile li.lan ul {position: absolute;top: -9999999px;left: 0;width: 100%;}
#gnb_layout.mb .topUtile li.lan.on ul{top:0;z-index: 1;padding-top: 30px;}
#gnb_layout.mb .topUtile li.lan.on ul li{display:inline-block;width:100%;background-color:#fff;margin:0;border:1px solid #dadada;border-top:0;line-height: 25px}
#gnb_layout.mb .topUtile li.lan.on ul li:first-child{border-top: 1px solid #dadada}
#gnb_layout.mb .topUtile li.lan.on ul li:before{display: none;}
#gnb_layout.mb .topUtile li.lan.on ul a{ width:100%; color:#000; text-align:center; line-height:30px; margin:0; box-sizing:border-box;}
#gnb_layout.mb .depth1_ul{ width:310px; padding:0 0 0 100px; left:auto;background: #fff;}
#gnb_layout.mb .depth1_ul:before{ width:100px; height:100%; background-color:#767676; content:""; position:absolute; top:0; left:0;}
#gnb_layout.mb .depth1_ul > li{float: left;height:auto;padding-left: 15px;}
#gnb_layout.mb .depth1_ul > li:nth-child(1){top: 0}
#gnb_layout.mb .depth1_ul > li:nth-child(2) > a {top: 60px}
#gnb_layout.mb .depth1_ul > li:nth-child(3) > a {top: 120px}
#gnb_layout.mb .depth1_ul > li:nth-child(4) > a {top: 180px}
#gnb_layout.mb .depth1_ul > li:nth-child(5) > a {top: 240px}
#gnb_layout.mb .depth1_ul > li > a{position: absolute;left:0;width: 100px;height: 60px;padding: 16px 0;background: #767676;text-align: center;}
#gnb_layout.mb .depth1_ul > li+li > a{border-top: 1px solid #919191}
#gnb_layout.mb .depth1_ul > li > a:before, 
#gnb_layout.mb .depth1_ul > li > a:hover:before, 
#gnb_layout.mb .depth1_ul > li > a:focus:before, 
#gnb_layout.mb .depth1_ul > li.on > a:before,
#gnb_layout.mb .depth1_ul > li > a:after,
#gnb_layout.mb .depth1_ul > li > a:hover:after, 
#gnb_layout.mb .depth1_ul > li > a:focus:after, 
#gnb_layout.mb .depth1_ul > li.on > a:after{display: none;}
#gnb_layout.mb #gnb_layout .depth1_ul > li > a > span{ height:auto;}
#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,
#gnb_layout.mb .depth1_ul > li.down > a{background: #fff;}
#gnb_layout.mb .depth1_ul > li > a > span{display: inline-block;font-size: 16px;line-height: 20px;color: #fff;word-break:  keep-all;text-align:  center;}
#gnb_layout.mb .depth1_ul > li.down > a > span{color: #6e4b00}
#gnb_layout.mb li.down .depth2_ul,
#gnb_layout.mb li.up .depth2_ul{ padding:0;}
#gnb_layout.mb .depth1_ul > li.down > ul{display: inline-block;}
#gnb_layout.mb .depth2_ul{display: none;}
#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;text-align: left;}
#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;border-top: 5px solid #fdcc34;background: #ecedef}
#gnb_layout.mb .depth2_ul > li.more.on > a{color: #6e4b00}
#gnb_layout.mb .depth3_ul > li > a:hover,
#gnb_layout.mb .depth3_ul > li > a:focus{color: #6e4b00}
#gnb_layout.mb .gnbClose{ width:20px; height:20px; background:url(/images/child/common/common_ir.png) -40px -328px; font-size:0; text-indent:-9999px; padding:0; display:inline-block;vertical-align:middle; position: absolute; right: 20px; top:20px;}
#gnb_layout.mb .gnbClose:before,
#gnb_layout.mb .gnbClose:after{display: none;}
/* mobile 끝*/

#svisual_layout.n1 .svisual_wrap{background: url(/images/child/common/svisual_img_sub01.jpg) no-repeat center center;background-size: cover;}
#svisual_layout.n2 .svisual_wrap{background: url(/images/child/common/svisual_img_sub02.jpg) no-repeat center center}
#svisual_layout.a_type .svisual_wrap{ height:350px;padding-top: 120px;}/* 비쥬얼 높이 */
#svisual_layout.a_type .svisual_wrap .title_wrap{width:1240px; text-align:left; margin-top:74px;}/* 비쥬얼 컨텐츠 넓이 */
#svisual_layout.a_type .svisual_wrap .title_wrap strong{ width:100%;font-size:39px; color:#3b3b3b; line-height:25px;font-family: 'bm_m'}/* 타이틀 폰트 설정 */
#svisual_layout.a_type .svisual_wrap .title_wrap strong span{ font-weight:700; color:#fff;}/* 타이틀폰트 포인트 설정 */
#svisual_layout.a_type .svisual_wrap .title_wrap strong:before{ display: none;}/* 타이틀 밑줄 설정 */
#svisual_layout.a_type .svisual_wrap .title_wrap p{margin-top: 15px;font-size: 18px;line-height: 25px;color: #3b3b3b}/* 보조문구 설정 */

#body_layout{padding:65px 0 0}
#body_layout:before{position: absolute;top: 0;left: 0;right: 0;height: 65px;background: #fdcc34;content: '';}
#body_layout.a_type .lnb_wrap{width:235px;}/* 2차메뉴 넓이 */
#body_layout.a_type .lnb_wrap .title_wrap{display: block;position: relative;width:235px;height:154px;padding: 35px 30px;border-radius: 19px;text-align: left;}
#body_layout.a_type .lnb_wrap .title_wrap:before{position: absolute;right: 15px;bottom: 15px;background: url(/images/child/common/common_ir.png);content: '';}
#body_layout.a_type .lnb_wrap .title_wrap:after{position: absolute;right: 0;left: 0;top: 0;width: 100%;height: 96%;border-radius: 19px;box-shadow: 0 5px rgba(0,0,0,0.1);content: '';}
#body_layout.a_type .lnb_wrap .title_wrap strong{ font-size:22px; color:#fff; line-height:30px;font-weight: 700}
body[id^="sub01"] #body_layout.a_type .lnb_wrap .title_wrap{background: #3a66a9;}
body[id^="sub01"] #body_layout.a_type .lnb_wrap .title_wrap:before{width: 122px;height: 97px;background-position: -1px -190px}
body[id^="sub02"] #body_layout.a_type .lnb_wrap .title_wrap{background: #fb8c20;}
body[id^="sub02"] #body_layout.a_type .lnb_wrap .title_wrap:before{width: 122px;height: 122px;background-position: -126px -190px}
body[id^="sub02"] #body_layout.a_type .lnb_wrap .title_wrap strong{color: #262626}
body[id^="sub03"] #body_layout.a_type .lnb_wrap .title_wrap{background:#8e61a6;}
body[id^="sub03"] #body_layout.a_type .lnb_wrap .title_wrap:before{width: 126px;height: 97px;background-position: -151px -190px}
body[id^="sub04"] #body_layout.a_type .lnb_wrap .title_wrap{background:#3a9994;}
body[id^="sub04"] #body_layout.a_type .lnb_wrap .title_wrap:before{width: 122px;height: 103px;background-position: -380px -190px}
body[id^="sub05"] #body_layout.a_type .lnb_wrap .title_wrap{background:#f37288;}
body[id^="sub05"] #body_layout.a_type .lnb_wrap .title_wrap:before{width: 122px;height: 98px;background-position: -505px -190px}
body[id^="sub05"] #body_layout.a_type .lnb_wrap .title_wrap strong{color: #262626}
body[id^="sub06"] #body_layout.a_type .lnb_wrap .title_wrap{background:#3f4455;}
body[id^="sub06"] #body_layout.a_type .lnb_wrap .title_wrap:before{width: 122px;height: 97px;background-position: -505px -190px}
#body_layout.a_type .lnb_wrap .depth2_ul{margin-top: 16px;border-top: 1px solid #d3d7dd}
#body_layout.a_type .lnb_wrap .depth2_ul li a{ font-weight:500; font-size:16px; color:#444; text-align:left; line-height:22px; padding:14px 25px;}/* 2차메뉴 폰트설정 */
#body_layout.a_type .lnb_wrap .depth2_ul > li > a:hover,
#body_layout.a_type .lnb_wrap .depth2_ul > li > a:focus,
#body_layout.a_type .lnb_wrap .depth2_ul > li.ov > a,
#body_layout.a_type .lnb_wrap .depth2_ul > li.on > a{font-weight:500; background-color:#fff; color:#444;border: 1px solid #d3d7dd;border-top: 0;border-bottom: 0;}/* 2차메뉴 오버시 */
#body_layout.a_type .lnb_wrap .depth2_ul > li > a:before{width: 5px;height: 8px;background-position:  -378px -123px}
#body_layout.a_type .lnb_wrap .depth2_ul > li > a:hover:before, #body_layout.a_type .lnb_wrap .depth2_ul > li > a:focus:before, #body_layout.a_type .lnb_wrap .depth2_ul > li.ov > a:before, #body_layout.a_type .lnb_wrap .depth2_ul > li.on > a:before{right: 10px;width: 27px;height: 27px;margin-top: -13.5px;background-position: -378px -93px}
#body_layout.a_type .lnb_wrap .depth3_ul{ padding:10px 0;border:1px solid #d3d7dd; border-bottom:0;background: none;}/* 3차메뉴 상단 하단 여백 */
#body_layout.a_type .lnb_wrap .depth3_ul li a{ font-weight:400; font-size:14px; color:#555; line-height:29px; padding:0 25px 0 35px;}/* 3차메뉴 폰트설정 */
#body_layout.a_type .lnb_wrap .depth3_ul li a:hover,
#body_layout.a_type .lnb_wrap .depth3_ul li a:focus,
#body_layout.a_type .lnb_wrap .depth3_ul li.ov a,
#body_layout.a_type .lnb_wrap .depth3_ul li.on a{ text-decoration:underline; color:#3a7cd2;}/* 3차메뉴 오버시 폰트설정 */
#body_layout.a_type .lnb_wrap .depth2_ul li{ border-bottom:1px solid #d3d7dd;}/* lnb 보더 설정 */
#body_layout.a_type .lnb_wrap .depth2_ul li a{ border:1px solid #d3d7dd; border-top:0; border-bottom:0;}/* lnb 보더 설정 */
#body_layout.a_type .lnb_wrap .depth3_ul li,
#body_layout.a_type .lnb_wrap .depth3_ul li a{ border:none;}
#body_layout.a_type .lnb_wrap .depth3_ul li a:hover, 
#body_layout.a_type .lnb_wrap .depth3_ul li a:focus, 
#body_layout.a_type .lnb_wrap .depth3_ul li.ov a, 
#body_layout.a_type .lnb_wrap .depth3_ul li.on a{color: #6e4b00}
#body_layout.a_type .lnb_wrap .depth3_ul li a[target=_blank]:after{display: inline-block;width: 12px;height: 12px;margin-left: 3px;background: url(/images/child/common/common_ir.png) -147px -54px;content: '';}
#body_layout.a_type .lnb_wrap .depth3_ul li a[target=_blank]:after{background-position:-132px -54px;}

#body_layout.a_type .contents_wrap{ width:935px; float:right;}/* 컨텐츠 사이즈 */
#body_layout.a_type .contents_wrap .title_wrap{ height:77px; margin-bottom:30px; border-bottom:1px solid #e5e5e5;}/* 페이지 타이틀 설정 */
#body_layout.a_type .contents_wrap .title_wrap h2{ font-size: 22px;font-weight: 700;line-height:77px; float:left;}/* 페이지 타이틀 폰트 설정 */
#body_layout.a_type .utile_wrap{float: none;position: absolute;right: 0;top: -99px;width: 100%;height: 65px;margin:0;background: #fdcc34}/* 유틸설정 */
#body_layout.a_type .utile_wrap .location_wrap{display: inline-block; float:left;}/* 로케이션 설정 */
#body_layout .utile_wrap .location_wrap{ display:inline-block;}
#body_layout .utile_wrap .location_wrap li{ margin:0 2px 0 3px; display:inline-block; float:left; position:relative;}
#body_layout .utile_wrap .location_wrap li:first-child{ margin-left:0;}
#body_layout .utile_wrap .location_wrap li:first-child:before{ display:none;}
#body_layout .utile_wrap .location_wrap li,
#body_layout .utile_wrap .location_wrap li a{font-size:15px;color:#333;line-height:65px;padding:0 47px; display:inline-block; position:relative;}
#body_layout .utile_wrap .location_wrap li:first-child{width:65px;height: 65px;padding: 0;border-left: 1px solid rgba(0,0,0,0.1);border-right: 1px solid rgba(0,0,0,0.1);font-size:0; text-indent:-99999px;}
#body_layout .utile_wrap .location_wrap li:first-child a{display: block;width: 100%;height: 100%;padding: 0;background: url(/images/child/common/common_ir.png) no-repeat -162px -54px;}
#body_layout .utile_wrap .location_wrap li.n3:before,
#body_layout .utile_wrap .location_wrap li.n4:before{margin-top:-9px; position:absolute; top:50%; left:-3px;width: 9px;height: 18px;background: url(/images/child/common/common_ir.png) -230px -54px;content: '';}

#body_layout.a_type .utile_wrap .print_wrap{display: inline-block;margin-left:10px; float:right;}/* sns공유 */
#body_layout .utile_wrap .print_wrap li{display: inline-block;float: left;position: relative;margin: 0 2px;border-left: 1px solid rgba(0,0,0,0.1)}
#body_layout .utile_wrap .print_wrap li:last-child{border-right: 1px solid rgba(0,0,0,0.1)}
#body_layout .utile_wrap .print_wrap li a{display: inline-block;background: url(/images/child/common/common_ir.png) no-repeat;font-size: 0;text-indent: -9999px;vertical-align: middle;}
#body_layout .utile_wrap .print_wrap li.n1 > a{width: 65px;height: 65px;background-position: -242px -54px}
#body_layout .utile_wrap .print_wrap li.n1 > a:hover,
#body_layout .utile_wrap .print_wrap li.n1 > a:focus{background-position: -242px -122px}
#body_layout .utile_wrap .print_wrap li.n2 > a{width: 65px;height: 65px;background-position: -310px -54px}
#body_layout .utile_wrap .print_wrap li.n2.on > a{display: block;background-position: -310px -122px}
#body_layout .utile_wrap .print_wrap li .sns_wrap{display: none;width: 85px;}
#body_layout .utile_wrap .print_wrap li.on .sns_wrap{display: inline-block;position: absolute;top: 64px;right: 0;width: 240px;padding: 20px 17px;background: #f5f7f9;border:1px solid #ddd;z-index: 1}
#body_layout .utile_wrap .print_wrap li.on .sns_wrap:before{position: absolute;top: -5px;right: 26px; border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #f5f7f9;transform: rotate(-180deg);content: '';}
#body_layout .utile_wrap .print_wrap li .sns_wrap a{float: left;width: 36px;height: 36px;}
#body_layout .utile_wrap .print_wrap li .sns_wrap .bl{background-position: -378px -54px}
#body_layout .utile_wrap .print_wrap li .sns_wrap .fa{background-position: -417px -54px}
#body_layout .utile_wrap .print_wrap li .sns_wrap .tw{background-position: -456px -54px}
#body_layout .utile_wrap .print_wrap li .sns_wrap .cs{background-position: -495px -54px}
#body_layout .utile_wrap .print_wrap li .sns_wrap .btnClose{position: static;background-position: -534px -54px}
#body_layout .utile_wrap .print_wrap li .sns_wrap a + a{margin-left: 5px}

#banner{height: 62px;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;}
#body_layout #banner .body_wrap{margin: 0; z-index:auto;}
#banner .banner_box{display: inline-block;position: relative;width: 100%;padding: 20px 35px 20px 230px}
#banner strong{position: absolute;left: 0;top: 50%;margin-top: -19px;font-size: 15px;font-family: 'nsk_m';line-height: 20px;font-weight: 700;color: #333;text-align: left;}
#banner .banner_wrap .grap{display:inline-block;overflow:hidden;float:right; position:relative;width:100%;height:20px;padding:0; margin:0; }
#banner .banner_wrap .grap .obj{ width:1000%; height:100%; position:absolute;}
#banner .banner_wrap .grap .obj .item{ height:28px; text-align:center; padding:0; margin:0; display:inline-block; float:left;}
#banner .banner_wrap .grap .obj .item a{display:inline-block;position:relative;margin:0;padding:0 19px;font-size:15px;color:#777;}
#banner .banner_wrap .grap .obj .item a[target=_blank]:after{display: inline-block;width: 10px;height: 10px;margin-left: 10px;background: url(/images/child/main/main_ir.png) -1916px -125px;content: '';}
#banner .banner_wrap .grap .obj .item + .item a{padding-left:20px;}
#banner .banner_wrap .grap .obj .item + .item a:before{ width:1px; height:16px; background-color:#acacad; content:""; margin:-8px 0 0 0; position:absolute; top:50%; left:0;}
#banner .banner_wrap .control{display:inline-block;position:absolute;top:50%;left:155px;margin:-8.5px 0 0 0;}
#banner .banner_wrap .control button{height:17px;background:url(/images/child/main/main_ir.png) no-repeat;font-size:0; text-indent:-9999px; padding:0; margin:0; display:inline-block;float:left;position:relative;}
#banner .banner_wrap .control button.btn_prev{width: 9px;background-position:-1916px -147px;}
#banner .banner_wrap .control button.btn_next{width:9px;background-position:-1954px -147px;}
#banner .banner_wrap .control button.btn_stop{width: 10px;background-position:-1928px -147px;}
#banner .banner_wrap .control button.btn_play{width: 10px;background-position:-1942px -147px;}
#banner .banner_wrap .control button + button{margin-left: 20px}

#foot_layout{ background-color:#494949; padding:30px 0;}
#foot_layout .foot_wrap .utile_wrap{ width:100%; margin-bottom:15px; display:inline-block;}
#foot_layout .foot_wrap .utile_wrap li{ display:inline-block; float:left; position:relative;}
#foot_layout .foot_wrap .utile_wrap li:before{ width:1px; height:14px; background-color:#b4b4b4; content:""; margin-top:-7px; position:absolute; top:50%; left:0;}
#foot_layout .foot_wrap .utile_wrap li.n1:before{ display:none;}
#foot_layout .foot_wrap .utile_wrap li.n1 a{ padding-left:0;}
#foot_layout .foot_wrap .utile_wrap li.n2 a{font-weight:bold; color:#fdcc34;}
#foot_layout .foot_wrap .utile_wrap li a{ font-size:15px; color:#f2f2f2; line-height:20px; padding:0 11px 0 9px; display:inline-block; letter-spacing:0;font-family: 'nsr_m';}
#foot_layout .foot_wrap .sns_wrap{position: absolute;right: 30px;top: 60px;}
#foot_layout .foot_wrap .sns_wrap:after{display: block;visibility: hidden;clear: both;content: '';}
#foot_layout .foot_wrap .sns_wrap li{float: left;;font-size: 0;text-indent: -9999px}
#foot_layout .foot_wrap .sns_wrap li + li{margin-left: 10px}
#foot_layout .foot_wrap .sns_wrap li a{display: block;width: 36px;height: 36px;background:url(/images/child/main/main_ir.png);}
#foot_layout .foot_wrap .sns_wrap .fb a{background-position: -1966px -147px;}
#foot_layout .foot_wrap .sns_wrap .bl a{background-position: -2005px -147px;}
#foot_layout .foot_wrap .sns_wrap .is a{background-position: -2044px -147px;}
#foot_layout .foot_wrap .site_wrap{ width:183px; height:40px; text-align:left; display:inline-block; border:1px solid #bababa; position:absolute; top:0; right:0;}
#foot_layout .foot_wrap .site_wrap > a{ width:100%; font-size:15px; color:#fff; line-height:40px; padding:0 40px 0 20px; display:inline-block; box-sizing:border-box; position:relative;font-weight: 700;font-family: 'nsr_m'}
#foot_layout .foot_wrap .site_wrap > a:before{display: none;}
#foot_layout .foot_wrap .site_wrap > a:after{ width:13px; height:8px;background: url(/images/child/common/common_ir.png) -165px -19px;content:""; margin-top:-4px; position:absolute; top:50%; right:20px;}
#foot_layout .foot_wrap .site_wrap > ul{ width:100%; padding:0 0 41px 0; display:inline-block; position:absolute; top:-99999px; left:-1px;}
#foot_layout .foot_wrap .site_wrap > ul li{ width:100%; background-color:#fff; display:inline-block; border:1px solid #bababa; border-bottom:0; float:left;}
#foot_layout .foot_wrap .site_wrap > ul li a{ width:100%; font-size:14px; color:#434343; line-height:40px; padding:0 20px; display:inline-block; box-sizing:border-box;}
#foot_layout .foot_wrap .site_wrap > ul li a:hover,
#foot_layout .foot_wrap .site_wrap > ul li a:focus{ font-weight:600;}
#foot_layout .foot_wrap .site_wrap.on > ul{ bottom:0; top:auto;}
#foot_layout .foot_wrap .site_wrap.on > a:after{ display:none;}
#foot_layout .foot_wrap address,
#foot_layout .foot_wrap .copy{ width:100%;margin: 0;font-style:normal; font-size:14px; color:#888787; text-align:left; line-height:23px; margin:5px 0; display:inline-block; letter-spacing:0;}
#foot_layout .foot_wrap address span:before{display: inline-block; width:1px; height:14px; background-color:#b4b4b4; content:"";margin-left:15px;margin-right:15px;}

@media (max-width:1359px){
	#top_layout,
	#foot_layout,
	#svisual_layout .svisual_wrap{ padding:0 60px; box-sizing:border-box;}
	
	#top_layout .top_wrap,
	#body_layout .body_wrap,
	#foot_layout .foot_wrap,
	#svisual_layout.a_type .svisual_wrap .title_wrap,
	#body_layout.a_type .contents_wrap{ width:100%;}
	
	#gnb_layout.on .gnb_bg{left: 60px;right: 60px;width: auto;margin-left: 0}
	#gnb_layout .depth1_ul{ position:absolute; left:60px; right:60px;width: auto;padding: 0 70px 0 180px;}
	#gnb_layout .depth1_ul > li > a{padding: 0 30px} 

	#body_layout.a_type .lnb_wrap,
	#body_layout.a_type .lnb_wrap .title_wrap{width: 200px}
	#body_layout.a_type .contents_wrap{ padding-left:255px; margin-left:-200px; box-sizing:border-box; float:left;}

	#top_layout .top_wrap .logo_wrap{width: 129px;height: 40px;margin: 28px 0 28px 34px}
	#top_layout .top_wrap .logo_wrap a{background-position: -188px -1px}

	#body_layout .body_wrap{padding: 0 60px}

	#topMov{left: auto;right: 30px;bottom: 90px;margin: 0}
	
	#foot_layout{padding: 20px 60px}
}
@media (max-width:1023px){
	#top_layout{height: 60px;padding: 0}
	#top_layout .top_wrap{padding-top: 0;border-radius: 0;box-shadow: none;}
	#top_layout .top_wrap .logo_wrap{width: 95px;height: 29px;margin: 15.5px 0 15.5px 44px}
	#top_layout .top_wrap .logo_wrap a{background-position: -1px -54px}
	#top_layout .top_wrap .utile_wrap li{ display:none;}
	#top_layout .top_wrap .utile_wrap li.sitemap{display:inline-block;right: 4px;top: 0px;width: 30px;height: 21px;}
	#top_layout .top_wrap .utile_wrap li.sitemap a{width: 30px;height: 21px;background-position: -99px -54px}
	
	#svisual_layout.a_type .svisual_wrap{ height:auto;}
	#svisual_layout.a_type .svisual_wrap .title_wrap{ margin:45px 0;}
	
	#body_layout:before{display: none;}
	#body_layout.a_type .body_wrap{ margin:0 0 30px;padding: 0 44px;}
	#body_layout.a_type .contents_wrap .title_wrap{ height:auto; margin:15px 0 60px 0; border-bottom:1px solid #e5e5e5;}
	#body_layout.a_type .contents_wrap .title_wrap h2{ width:100%; margin-bottom:0;padding: 10px 0;font-size:30px; color:#252525; text-align:center; line-height:40px; }/* 페이지 타이틀 폰트 설정 */
	#body_layout.a_type .utile_wrap{top: -65px;padding: 0 44px}/* 유틸설정 */
	#body_layout .utile_wrap .print_wrap li.n1{ display:none;}
	#body_layout .utile_wrap .print_wrap li.on .sns_wrap{ padding:0 29px 0 0;}
	#body_layout .utile_wrap .print_wrap li.on .sns_wrap{top: -48px;width: 230px;padding:5px 10px;}
	#body_layout .utile_wrap .print_wrap li.on .sns_wrap:before{top: 46px;right: 18px;transform: rotate(0deg)}
	#body_layout .utile_wrap .print_wrap li .sns_wrap a{ left:auto; right:0;}
	
	#foot_layout{ padding:30px 20px;}
	#top_layout .top_wrap .utile_wrap .n1,
	#top_layout .top_wrap .utile_wrap .n3{display:none;}
	
	#body_layout.a_type .contents_wrap{ padding:0; margin:0;}
	
	#gnb_layout,
	#body_layout.a_type .lnb_wrap{ display:none;}

	#banner strong{font-size: 14px}
	#banner .banner_box{padding: 20px 0px 20px 170px}
	#banner .banner_wrap .control{left: 132px}
	#banner .banner_wrap .control button + button{margin-left: 10px;}

	#topMov{display: none;}
	
	#foot_layout .foot_wrap{padding-top: 60px}
	#foot_layout .foot_wrap .utile_wrap li{ float:none;}
	#foot_layout .foot_wrap .utile_wrap li a{ font-size:14px;}
	#foot_layout .foot_wrap .sns_wrap{top: 0;right: auto;left: 50%;margin-left: -180px}
	#foot_layout .foot_wrap .site_wrap{position: absolute;top: 0px;left: 50%;margin:0 0 0 -20px;}
	#foot_layout .foot_wrap address,
	#foot_layout .foot_wrap .copy{ font-size:14px; text-align:center; line-height:16px;}
}

@media (max-width:767px){	
	#top_layout{padding: 0}
	#top_layout .top_wrap .logo_wrap{margin-left: 20px}
	#top_layout .top_wrap .utile_wrap li.sitemap{right: -20px;}
	
	#svisual_layout.a_type .svisual_wrap{padding: 70px 20px 0}
	#svisual_layout.a_type .svisual_wrap .title_wrap strong{font-size: 25px}
	#svisual_layout.a_type .svisual_wrap .title_wrap p{font-size: 15px}
	
	#body_layout{padding: 45px 0 0}
	#body_layout.a_type .body_wrap{padding: 0 20px}
	#body_layout.a_type .utile_wrap{top: -45px;height: 45px;padding: 0 20px}
	#body_layout .utile_wrap .location_wrap li.n1{position: relative;width: 12px;height: 12px;margin-top: 16px;border:0;}
	#body_layout .utile_wrap .location_wrap li.n2:before{position: absolute;left: 0;top: 50%;width:5px;height: 9px;margin-top: -4.5px;background: url(/images/child/common/common_ir.png) -16px -328px;content: '';}
	#body_layout .utile_wrap .location_wrap li.n3:before, 
	#body_layout .utile_wrap .location_wrap li.n4:before{width:5px;height: 9px;margin-top: -4.5px;background-position: -16px -328px }
	#body_layout .utile_wrap .location_wrap li, 
	#body_layout .utile_wrap .location_wrap li a{padding: 0 8px;font-size: 13px;line-height: 45px;}
	#body_layout .utile_wrap .location_wrap li:first-child a{background-position: -1px -328px}
	#body_layout .utile_wrap .print_wrap li.n2 > a{width: 45px;height: 45px;background-position: -320px -64px}
	#body_layout .utile_wrap .print_wrap li.n2.on > a{background-position: -320px -132px}

	#banner{height: 100px}
	#banner .banner_box{padding: 55px 0px 20px 0px}
	#banner strong{top: 20px;margin-top: 0}
	#banner strong br{display: none;}
	#banner .banner_wrap .control{top: 20px;left: 222px;margin-top: 0}

	#foot_layout{padding: 20px}
	#foot_layout .foot_wrap{padding-top: 100px}
	#foot_layout .foot_wrap .sns_wrap{margin-left: -64px;}
	#foot_layout .foot_wrap .site_wrap{top: 50px;margin-left: -91.5px}
}