@charset "utf-8";

/* Animation */
#header h1.logo,
.sub #header h1.logo,
#header h1.logo a,
.sub #header h1.logo a,
#header h1.logo a:after ,
#header .toputil_control,
.sub #header .toputil_control,
#header .toputil_control .button,
#header .toputil_control > a.allmenu_btn_open,
#header .toputil_control .button
#header .toputil_control a.allmenu_btn_open,
#main#header #gnb ul li a,
#main#header #gnb ul li ul li a,
#main#header .toputil_control >a:after,
#header .toputil_control a.lang_kor,
#main#header .toputil_control .button,
#main#header .toputil_control a.allmenu_btn_open,
#main#header.active #gnb ul li a,
#main#header.active #gnb ul li a.on,
#main#header.active #gnb ul li a:hover,
#main#header.active #gnb ul li a:active,
.sub #visual,
#footer,
#footer .layout,
#footer .menu_link,
#footer .menu_link li,
#footer .menu_link li:after,
#footer .menu_link li a,
#footer .sns_link,
#footer .sns_link li,
#footer .sns_link li a,
#footer .sns_link li a:hover,
#footer .sns_link li a:active,
#footer .relate_site,
#footer .relate_site.family_site,
#footer div.info,
#footer div.info span,
#footer div.info span a:link,#footer div.info span a:visited,#footer div.info span a:hover,
#footer .certifi_mark,
#footer .certifi_mark img
{transition: all 0.3s ease;}

/* layout */
body{font-family: "Arial",'NanumGothic01','나눔 고딕','맑은 고딕','dotum','Roboto','Titillium Web';font-size:14px;color:#494949;line-height:1.3;-webkit-text-size-adjust:none;}
body, h1, h2, h3, h4, h5, h6, th, td, input, select, textarea {font-family: "Arial",'NanumGothic01','나눔 고딕','맑은 고딕','dotum','Roboto','Titillium Web'; color:#555;}
body{position:relative; width:100%;}
body.fixed {position:fixed;}
.js_mobile_check{display:none;}
#wrap {position:relative; overflow:hidden;}
.layout {position:relative; max-width:1440px; margin:0 auto; box-sizing:border-box; z-index:5;}
.sub .layout {position:relative; max-width:1300px;}
.layout:after {content:""; display:block; clear:both;}
.top_btn{display: none; opacity:1; width:70px; height:70px; line-height:0; background:url(../images/layout/top_btn.png) no-repeat center center; overflow:hidden; position:fixed; right:47px; bottom:34px; z-index:101; text-indent: -9999px; background-size: contain;transition:opacity 0.3s ease; -webkit-transition:opacity 0.3s ease; border-radius: 50%; -webkit-border-radius: 50%; z-index: 999;}
.fp-viewing-0 .top_btn{overflow:hidden; opacity:0; position:absolute; top:0; right:-2000px;}

/* Slidemap */
#slide_map {display: none;}

/* header */
#main#header.on {top:120px;}
#header {position:fixed; left:0; top:0; z-index:900; width:100%; height:auto; box-sizing:border-box; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; background: #fff; font-family: "Roboto"; z-index: 801 !important;;}
#header h1.logo {position:absolute; left:50%; top:0; z-index:990; width:87px; margin-left:-630px; height:70px;} 
#header h1.logo a {display:block; height:100%; text-decoration:none; overflow:hidden; text-indent:-9999px;}
#header h1.logo a:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/layout/head_logo_000.png) no-repeat center 50%;}
.sub #header h1.logo {left: 50%; margin-left:-600px; margin-top: 41px;}
#header.active h1.logo a:after {background:url(../images/layout/head_logo_000.png) no-repeat center 50% !important;}
#header #gnb {width:100%; height:70px; position:relative; z-index:50; overflow:hidden; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);box-sizing: border-box;padding-top: 0;}
#header #gnb:after {content:""; display:block; width:100%; height:70px; position:absolute; left:0; top:0;}
#header #gnb .blind {display:none; width:100%; height:auto; position:fixed; left:0; top:0; background:rgba(0,0,0,0.6);}
#header #gnb .blind:after {content:""; display:block; width:100%; height:70px; background:#fff; position:absolute; left:0; top:0;}
#header #gnb #blind {width:100%; height:0; background:#fff url(../images/layout/blind_bg.png) no-repeat left top -70px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08) inset; position:absolute; left:0; top:70px; z-index:1; box-sizing:border-box; display:none;}
#header #gnb #blind:after {content:""; display:none; width:2000px; height:100%; background:#fff; position:absolute; left:50%; top:0; margin-left:-2420px;}

#header #gnb ul {width:auto; position:relative; z-index:20; box-sizing:border-box; max-width:880px; padding:0; margin:0 auto;}
.sub #header #gnb >ul { padding:0 0 0 4%;}
#header #gnb ul:after {content:""; display:block; clear:both;}
#header #gnb ul li {float:left; width:20%; box-sizing:border-box; height:100%; position:relative;}
#header #gnb ul li a {display:block; height:70px; box-sizing:border-box; font-size:21px; line-height:31px; text-align:center; text-decoration:none; color:#222;}
#header.active #gnb ul li a {color:#222 !important;}
#header #gnb ul li a.on, body #header #gnb ul li:hover, #header #gnb ul li:active{color: #3d66c4 !important;}
#header #gnb ul li a span {display:inline-block; vertical-align:top; height:100%; padding:20px 0; box-sizing:border-box; font-size: 19px; line-height:31px;}
#header #gnb ul li a.on,
#header #gnb ul li:hover,
#header #gnb ul li:active {color:#3d66c4;}
.sub #header #gnb >ul >li.sub04-DEL > a> span{padding: 16px 0; line-height: 20px;}
#header #gnb ul li ul{position: relative; padding:14px 17px 20px 17px; box-sizing: border-box; width:100%; opacity:0; -webkit-opacity:0; background:transparent; border-top:1px solid transparent;transition:background 0.3s ease; -webkit-transition:background 0.3s ease;}
#header #gnb ul li ul.on{background: #ecf3fb; border-top-color: #b1c9e5;}
#header #gnb ul li ul:after{content: ""; position: absolute; top: 0; right: -1px; display: block; width: 1px; height: 100%; background:rgba(0, 0, 0, 0.08);}
#header #gnb ul li ul.on:after{background:transparent;}
#header #gnb ul li:last-child ul:after{right:0;}
#header #gnb ul li:first-child ul:before{content: ""; position: absolute; top: 0; left:0; display: block; width: 1px; height: 100%; background:rgba(0, 0, 0, 0.08);}
#header #gnb ul li:first-child ul.on:before{display:none;}
.sub #header #gnb >ul >li.sub04-DEL > a> span{padding: 16px 0; line-height: 20px; max-width: 153px;}
#header #gnb ul li ul li {width:auto; height:auto; margin-bottom:0; float:none;}
#header #gnb ul li ul li:first-child {margin-top:0;}
#header #gnb ul li ul li a {font-size:15px; line-height:20px; text-align:left; width: 100%; height:auto; color:#323232; padding:6px 0; display:inline-block; vertical-align:top; position:relative;}
#header #gnb ul li ul li a span {font-weight:400; margin:0; padding:0; width: 100%; height:auto; font-size: 16px; line-height:23px;}
#header #gnb ul li ul li a span:hover{text-decoration: underline; color: #3d66c4;}
#header #gnb ul li ul li a.on:after,
#header #gnb ul li ul li a:hover:after,
#header #gnb ul li ul li a:active:after {color:#3d66c4;}
#header #gnb ul li ul li ul{display: none;}

#header .toputil_control {position:absolute; right:50%; margin-right:-600px; top:21px; z-index:71;}
.sub #header .toputil_control {right: 50%; margin-right: -600px; margin-top: 41px;}
#header .toputil_control:after {content:""; display:block; clear:both;}
.sub #header .toputil_box-DEL div:before{content: ""; display: block; position: absolute; width: 1px; height: 12px;  background: rgba(255, 255, 255, 0.7); top: 50%; margin-top: -6px; right: 27px;}
#header .toputil_control a.lang_kor,#header .toputil_control .button,#header .toputil_control > a.allmenu_btn_open{display:block; text-decoration:none; font-size:13px; float:left; color:#222; width:21px; height:30px; margin-left:9px; position:relative;}
#header .toputil_control a.lang_kor{width: auto; height: auto; font-size:18px; color:#fff; margin:6px 0; }
#header.active .toputil_control a.lang_kor{color:#222;}
#header .toputil_control .button{background-image:url(../images/layout/main_search_000.png); background-repeat: no-repeat; background-position: center 50%; text-indent:-9999px;}
#header.active .toputil_control .button{background-image:url(../images/layout/main_search_000.png) !important; background-repeat: no-repeat; background-position: center 50%;}
#header.active .toputil_control .button.on{background-image:url(../images/layout/search_close.png) !important; background-repeat: no-repeat; background-position: center 50%;}
#header .toputil_control .button.on{background-image:url(../images/layout/search_close_fff.png) !important; background-repeat: no-repeat; background-position: center 50%;}
#header .toputil_control .button.on{background-image:url(../images/layout/search_close.png);}
#header.ty2 .toputil_control .button.on{background-image:url(../images/layout/search_close.png) !important;}
.sub #header .toputil_control .button.on{background-image:url(../images/layout/search_close.png) !important;}
#header .toputil_control a.allmenu_btn_open {background-image:url(../images/layout/main_allmenu_000.png); background-repeat: no-repeat; background-position: center 50%;text-indent:-9999px;}
#header.active .toputil_control a.allmenu_btn_open {background-image:url(../images/layout/main_allmenu_000.png) !important; background-repeat: no-repeat; background-position: center 50%;}
#header .search_form {position:absolute; left:0; top:70px; width:100%; height:163px; box-sizing:border-box; padding:53px 0; background:rgba(20, 33, 59, 0.7); z-index:997; display:none;}
#header .search_form .hidden{overflow: hidden; position: absolute; line-height: 1px; font-size: 1px; text-indent: -30000px;}
#header .search_form .form {width: 100%; max-width:750px; height:50px; margin:0 auto; position:relative; box-sizing:border-box; padding-right:35px; border-bottom:2px solid rgba(255, 255, 255,0.7); vertical-align: middle;}
#header .search_form .form input::placeholder{color:rgba(255, 255, 255,0.7); }
#header .search_form .form input[type="text"] {display:block; width:98%; height:48px; border:0; padding:0 5px; line-height:48px; background:none; color: rgba(255, 255, 255,0.7);font-size: 20px; font-weight: 300;}
#header .search_form .form input[type="submit"] {display:block; width:35px; height:48px; position:absolute; right:0; top:0; border:0; background:url(../images/layout/search_detail_submit.png) no-repeat center 55%; overflow:hidden; text-indent:-9999px;}
#header .search_form .btn_close {position:absolute; right:50%; margin-right: -670px; top:-101px; width:21px; height:30px; background:#fff url(../images/layout/search_detail_close.png) no-repeat center 50%; overflow:hidden; text-indent:-9999px;}
.sub #header .search_form .btn_close{right: 50%; margin-right: -620px; top: -101px;}
#header .search_form .btn_close:after{position: absolute; content: ""; display: none; width: 1px; height: 20px; background:rgba(14, 48, 109, 0.06); top: 50%; margin-top: -10px; right: 0;}
#header .blind_search {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(20,20,20,0.7); z-index:995; display:none;} 
#main#header #gnb:after {opacity:0; -webkit-opacity:0;}
#main#header #gnb ul li a {color:#fff; font-family: "Roboto";}
#main#header #gnb ul li ul li a { color:#5a5a5a;}
#main#header .toputil_control >a:after {background:url(../images/layout/popup_arrow.png) no-repeat center 50%;}
#main#header.active #gnb:after {opacity:1; -webkit-opacity:1;}
#main#header.active #gnb ul li a {color:#222;} 
#main#header.active #gnb ul li a.on,
#main#header.active #gnb ul li a:hover,
#main#header.active #gnb ul li a:active {color:#3d66c4;}

/** Visual **/
#sVisual{background: url(../images/layout/sub_tit_gnb01.jpg) no-repeat center top; background-size: cover; margin-top: 111px;}
#sVisual .inner{background: url(../images/layout/sub_txt_gnb01.png) no-repeat left center;}
.mobileInner {padding:0;}
.tabBtn {margin-left:-1px;}
#contents .path {margin-top:-10px;}
#contents .h1 {font-size:30px; line-height:34px; margin:15px 60px 30px 0;}

/*** container ***/
#container {padding:0; font-family: "Arial",'NanumGothic01','나눔 고딕','맑은 고딕','dotum';}

/* Footer */
#footer {background:#141414; position:relative; /*z-index:998;*/ z-index:700; height: auto;}
#footer .layout {position: relative; max-width: 1200px; margin: 0 auto;box-sizing:border-box; padding:33px 0;}
#footer .ft_logo{position: absolute; display: inline-block; width: 99px; height: 45px; background: url(../images/layout/ft_logo.png) no-repeat center center; text-indent: -9999px; overflow: hidden;}
#footer .sns_link{position: absolute; top: 40px; right: 205px;}
#footer .sns_link:after{content: ""; display: block; clear: both;}
#footer .sns_link li {float: left; display: inline-block; margin-left: 3px; }
#footer .sns_link li:first-child{margin-left: 0;}
#footer .sns_link li a{display: inline-block; width: 25px; height: 22px; margin: 6.5px 5px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: center center;}
#footer .sns_link li.yt a{background-image: url(../images/layout/sns_yt.png);}
#footer .sns_link li.fb a{background-image: url(../images/layout/sns_fb.png);}
#footer .sns_link li.in a{background-image: url(../images/layout/sns_in.png);}
#footer .sns_link li.bl a{background-image: url(../images/layout/sns_nb.png);}
#footer .sns_link li.na a{background-image: url(../images/layout/sns_na.png);}
#footer .sns_link li.tw a{background-image: url(../images/layout/sns_tw.png);}
#footer .sns_link li.kt a{background-image: url(../images/layout/sns_kt.png);}
#footer .relate_site{position:absolute; right:0; top:40px; z-index:20; width:185px;}
#footer .relate_site a {display:block; width: 185px; box-sizing:border-box; text-decoration:none; padding:0 40px 0 7%; font-size:13px; height:38px; position:relative; border:1px solid #7b7b7b; line-height:36px; color:rgba(164, 164, 164, 0.6);}
#footer .relate_site a:after {content:""; display:block; position:absolute; right:7%; top:50%; margin-top:-5px; width:18px; height:11px; background:url(../images/layout/relate_site_arrow.png) no-repeat center 50%; transition: all 0.3s ease;}
#footer .relate_site a.on:after {transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
#footer .relate_site ul {margin:0; box-sizing:border-box; border:1px solid #6e6e6e; border-bottom:0; position:absolute; left:0; bottom:37px; z-index:200; background:#6e6e6e; width:185px; display:none; max-height:210px; overflow:auto;}
#footer .relate_site ul li {display:block; margin:0; border-bottom:1px solid #d9d9d9; float:none; width:auto;}
#footer .relate_site ul li a {width:auto; border:0; padding:9px 7%; height:auto; color:rgba(255, 255, 255, 0.7); font-size:13px; line-height:19px; font-weight: 300;}
#footer .relate_site ul li a {width:auto; border:0; padding:9px 7%; height:auto; color:rgba(255, 255, 255, 0.7); font-size:13px; line-height:19px; font-weight: 300;}
#footer .relate_site ul li a:after {display:none;}
#footer .relate_site ul li a:hover,
#footer .relate_site ul li a:active {background:#141414;}
#footer .info{display: inline-block; width: 100%; padding:0 200px 0 130px; box-sizing: border-box;}
#footer .info span{display: block; font-size: 17px; line-height: 23px; letter-spacing: -0.17px; color: #666; font-weight: 400; margin-left: 0;}

.sub #footer .layout {max-width: 1200px; padding: 33px 0; font-family: "Roboto";}
.sub #footer .relate_site{right: 0;}
.sub #footer .sns_link{right: 210px;}
@media screen and (max-width: 1600px){
    .top_btn {right:3%; bottom:34px;}
}

@media screen and (max-width: 1230px){
	/* Header */
    #header h1.logo{left: 25px; margin-left: 0;}
    #header .toputil_control{right: 25px; margin-right: 0;}
    #header #gnb #blind { background: #fff url(../images/layout/blind_bg.png) no-repeat left top -35px; background-size: 205px;}
    #header #gnb >ul {max-width: 70%; margin: 0 auto;}
    #header #gnb >ul >li >a{font-size: 19px;}
    #header #gnb ul li ul{padding: 14px 15px 20px 15px;}
    #header #gnb ul li ul li a span{font-size: 15px;}

    /** Container **/
    #sVisual-DEL{margin-top:0;}
    #sVisual .inner{background: url(../images/layout/sub_txt_gnb01.png) no-repeat 2% center;}    
    

    #footer .layout {padding:33px 20px;}
    #footer .sns_link{right: 215px;}
    #footer .relate_site{right:20px;}
    #footer .info{padding-left: 115px;}
   
    .sub #footer .layout {padding: 33px 20px;}
    .sub #footer .relate_site{right: 20px;}    
	.sub #header .toputil_box div a.lang_kor{margin-right:15px; transition: all 0.3s ease;}
}
@media screen and (max-width: 1169px){
    #header #gnb >ul >li.sub04 > a> span{padding: 16px 0; line-height: 20px; max-width: 155px;}
/* 	.sub #header #gnb >ul >li.sub04 > a> span{padding: 20px 0; line-height: 31px;} */
}
@media screen and (max-width: 1024px){
	/* layout */	
	.js_mobile_check {display:block;}	

    .top_btn {width: 60px; height: 60px; background-size: contain; right: 25px; bottom: 24px; z-index: 999;}

	/* Slidemap */
	#slide_map {opacity:0; overflow:hidden; position:fixed; z-index:800; display:block; width:100%; height:100%; padding-top:57px; right:-100%; box-sizing:border-box;transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
	.fixed #slide_map{opacity:1; right:0;}
    .sub.fixed #slide_map{opacity:0;}
	#slide_map:after {content:""; display:block; clear:both;}
	#slide_map .inner {position:relative; width:100%; height:100%; float:right; margin-right:-460px; margin:0; background:#fff url(../images/layout/mob_gnb_bg.png) no-repeat bottom left; box-sizing:border-box;}
	#slide_map .inner .binds {overflow:auto; max-width:1200px; margin:0 auto; height:100%; padding: 0 20px; box-sizing: border-box;}
	#slide_map .inner .binds ul.nav {position:relative; z-index:10;}

	#slide_map .inner .binds ul.nav >li {border-bottom:1px solid #cbcbcb; width:auto; float:none; padding:0; box-sizing: border-box;} 
	#slide_map .inner .binds ul.nav li:last-child{border-bottom: none;}
	#slide_map .inner .binds ul.nav li a {display:block; font-size:18px; line-height:24px; padding:21px 20px 21px 34px; position:relative; color: #222;}
	#slide_map .inner .binds ul.nav > li > a:after {content:""; display:block; position:absolute; right:20px; top:50%; margin-top:-9px; width:18px; height:18px; background:url(../images/layout/mob_gnb_bul.png) no-repeat center 50%;} 
    #slide_map .inner .binds ul.nav li a:hover{color:#3d66c4; text-decoration: none;}
	#slide_map .inner .binds ul.nav li a.on {color:#3d66c4;}
	#slide_map .inner .binds ul.nav > li > a.on:after {background:url(../images/layout/mob_gnb_bul_on.png) no-repeat center 50%;}
	#slide_map .inner .binds ul.nav li > a > span {position: relative; line-height:24px; font-size: 19px; font-weight: 500}
    .sub #slide_map .inner .binds ul.nav > li > a > span{font-weight: 700;}
	#slide_map .inner .binds ul.nav li ul {display:none; background:#ecf3fb; border-top:1px solid #b1c9e5; margin-top:0; padding:20px 20px 25px 34px;}
	#slide_map .inner .binds ul.nav li> ul> li {margin-top:0; padding: 0;}
	#slide_map .inner .binds ul.nav li ul li:first-child {border-top:0;}
	#slide_map .inner .binds ul.nav li ul li:last-child {border-bottom:0;}
	#slide_map .inner .binds ul.nav li ul li a {position: relative; padding:11px 0 11px 15px; font-size:16px; line-height:21px; text-decoration:none !important; color: #000;}
	#slide_map .inner .binds ul.nav >li> ul> li >a:before{content: ""; display: block; position: absolute; width: 3px; height: 3px; background: #222; left: 5px; top: 1.25em; border-radius: 50%;}
    #slide_map .inner .binds ul.nav >li> ul> li >a:hover,#slide_map .inner .binds ul.nav >li> ul> li >a:active{color:#3d66c4; }
	#slide_map .inner .binds ul.nav >li> ul> li >a.on:before,#slide_map .inner .binds ul.nav >li> ul> li >a:hover:before{background: #3d66c4;}
	#slide_map .inner .binds ul.nav li ul li a span{font-size: 17px;}
	#slide_map .inner .binds ul.nav li ul li a[target=_blank] {background:none; padding-right:0;}
	#slide_map .inner .binds ul.nav li ul li a:after {display:none;}
	#slide_map .inner .binds ul.nav li ul li a.arrow:after {display:block; right:2px; width:14px; height:14px; margin-top:-7px;}
	#slide_map .inner .binds ul.nav li ul li a span {font-weight:400; line-height:21px;}
	#slide_map .inner .binds ul.nav li ul li ul{padding:11px 27px; width: 50%; margin-left:0; border:0; background: #fff;}
	    
	#slide_map .inner .binds ul.nav li ul li ul li {position: relative; border:0;}
    #slide_map .inner .binds ul.nav li ul li ul li:hover a,
    #slide_map .inner .binds ul.nav li ul li ul li:active a{color:#3d66c4;}
	#slide_map .inner .binds ul.nav li ul li ul li a:before {content: ""; position: absolute; top: 13px; left: -10px; width: 5px; height: 2px; background: #666;}
    #slide_map .inner .binds ul.nav li ul li ul li:hover a:before,
    #slide_map .inner .binds ul.nav li ul li ul li:active a:before{background:#3d66c4; }
	#slide_map .inner .binds ul.nav li ul li ul li a {padding:3px 0; color: #666;}
	#slide_map .inner .binds ul.nav li ul li ul li a:after {display:block; width:3px; height:3px; right:auto; left:0; top:9px; margin:0; background:#666;}
	#slide_map .inner .binds ul.nav li ul li ul li a span{font-size: 15px; line-height: 22px;}
	#slide_map .inner .binds .side_link{position: relative; margin:30px 0 80px; padding:0 20px 50px 20px;}
	#slide_map .inner .binds .side_link a.lang_kor{position: absolute; padding:16px 0; width:165px; right:0; border: 1px solid #ccc; box-sizing:border-box; color:#989898; font-size:14px; line-height:17px; text-align:center; text-decoration: none; font-family :"NanumGothic01";}

    /* Header */
	#header {height:57px; position:absolute; left:auto; top:auto; background: transparent; border-bottom: 1px solid rgba(255,255,255,0.5); box-sizing: border-box;}
    .sub #header {position: relative;}
    #main#header.on {top:0;}
	.fixed #header{background: #fff !important; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);}
	#header h1.logo {width: 67px; height:100%; top:0; left: 4%;}
	#header h1.logo a {background:none;}
	#header h1.logo a:after {background-image:url(../images/layout/head_logo_fff.png); background-size: contain;}
    .fixed #header h1.logo a:after{background-image:url(../images/layout/head_logo_000.png) !important;}
	#header #gnb {display:none;}
	#header .toputil_control {top:16px; right: 3%; margin-right: 0;}
	#header .toputil_control .button {position:relative; right:auto; top:auto; margin-left: 28px;}
	#header .toputil_control .button {background-image: url(../images/layout/main_search_fff.png); margin-right:0;margin-left:0;}
    .fixed #header .toputil_control .button{background-image: url(../images/layout/main_search_000.png) !important;}
    #header .toputil_control a.allmenu_btn_open{background-image: url(../images/layout/main_allmenu_fff.png);}
    #header .toputil_control a.allmenu_btn_open.on {background:url(../images/layout/search_close.png) no-repeat center 50% !important;}
	#header .search_form {height:129px; padding:40px 0; top: 57px;}
    #header .search_form .form {max-width: 535px; height: 47px;}
    #header .search_form .btn_close:after{display: none;}
    .sub #header .toputil_box div:before{right: 41px;}
	
    #header .search_form .form input[type="text"]{line-height: 45px; height: 45px;}
    #header .search_form .btn_close {width: 30px; right: 3%; margin-right: 45px; top: -81px;}
    .sub #header .search_form .btn_close {top:-81px; right:4%; margin-right: 45px;}
	#slide_map .inner {padding:40px 0 0 0;}
	.sub #header .toputil_box div a.lang_kor{margin-right:0;}


	/* Footer */
    #footer .layout{text-align: center; padding: 33px 25px;}
    #footer .ft_logo{width: 89px; height: 40px; background-size: contain; }
    #footer .info{text-align: left;}
    #footer .info span{font-size: 16px;}
    #footer .sns_link{position: static; display: inline-block; margin-top: 32px;}
    #footer .sns_link li{height: 50px;float: left; margin: 0; border: 1px solid #595959; border-left:none; box-sizing: border-box;}
    #footer .sns_link li:first-child{border-left: 1px solid #595959;}
    #footer .sns_link li a{width: 50px; height: 50px; margin: 0;}
	#footer .relate_site {top: 37px; right: 25px; text-align: left;}
	#footer .relate_site a{font-size: 16px;}
	#footer .relate_site a:after {margin-top: -4px; width: 14px;height: 8px; background-size: contain;}
	#footer .relate_site ul li a{font-size: 12px;}

}
@media (max-width: 1020px){
    .sub #header .toputil_box div{padding: 0 15px; box-sizing: border-box;}
}
@media (max-width: 1240px) and (min-width: 800px){
    .sub #header{position: absolute; height: 110px;}
    .sub #header #gnb{display: block;}
    .sub #header #gnb > ul{width: 78%; margin: 0 8% 0 auto; padding: 0;}
    .sub #header h1.logo{margin-left: 0; left: 15px; height:70px;}
    .sub #header .toputil_control{margin-right: 0; right: 15px; margin-top: 41px;}
    .sub .fixed #slide_map{display: none;}
    
    #sVisual{margin-top: 111px;}
}
@media (max-width: 1024px){
    .sub #header .toputil_control{ margin-top: 47px;}
    #header .toputil_control a.lang_kor{display: none;}
}

@media (max-width: 1000px){
    #sVisual{background-position:43% top;}
}
@media screen and (max-width: 1009px){
    .sub #header #gnb >ul >li.sub04 > a> span{padding: 16px 0; line-height: 20px;}
}
@media (min-width: 801px){

    .sub #header{position: absolute;}
    .sub #header .toputil_box{width: 100%; height: 41px; padding: 2px 0; box-sizing: border-box; background: #3c76cb;}
    .sub #header .toputil_box div{position: relative; display: block; height: auto; max-width: 1200px; margin: 3px auto; text-align: right;}
    .sub #header .toputil_box div a{display:inline-block; width: auto; height:30px; margin-left:9px; color:#fff; line-height:30px; font-size:16px;}
    .sub #header .toputil_box div a span{display: inline-block; text-indent: -9999px;}
    .sub #header .toputil_box div a.allmenu_btn_open{display:none; background-image:url(../images/layout/main_allmenu_fff.png);}
    .sub #header .toputil_box div a:first-child{margin-left: 0;}
    .sub #header #gnb .blind:after{display: none!important;}
    .sub #header #gnb ul{max-width: 940px;}
    .sub #header .toputil_control a.lang_kor{display: none;}
    .sub #header .toputil_control a.allmenu_btn_open{display: none;}
    .sub #header h1.logo a:after{background-image: url(../images/layout/head_logo_000.png);}
    .sub #header .search_form{top: 111px;}
    .sub #header .toputil_control .button{background-image: url(../images/layout/main_search_000.png);}
}
@media (max-width: 800px){
    .sub.fixed #slide_map{opacity:1;}
    .sub #header .toputil_box{display: none;}
    .sub #header h1.logo{left: 15px; margin-left: 0; margin-top: 0;}
    .sub #header h1.logo a:after{background-image: url(../images/layout/head_logo_000.png);}
    .sub #header .toputil_control{right: 15px; margin-right: 0; margin-top: 0;}
    .sub #header .toputil_control .button{background-image: url(../images/layout/main_search_000.png);}
    .sub #header .toputil_control a.allmenu_btn_open{background-image:url(../images/layout/main_allmenu_000.png);}
    sub #header .toputil_control a.lang_kor{display:none;}
    #sVisual .inner {background :url(../images/common/m_visual.png) no-repeat; background-size: cover;}
    .conInner {padding:30px 15px 0 15px; width:auto !important;}
    #container {padding:0; margin-top:-70px; background:none;}
    #contents {width:100%; float:none; min-height:10px;}
    #contents .h1 {font-size:24px; line-height:26px; margin:0; height:57px; width:90%; padding:13px 5% 0 5%; text-align:center; z-index:51;}
    #sVisual {margin-top:0;} 
    #sVisual .inner {height:70px;}
    #contents .path {display:none;}
    .mobileInner {padding:0;}
    #contents .nsnBtn {display:none;}
    .tabBtn {margin-left:-1px; }
}
    
@media screen and (max-width: 740px){
    #footer .ft_logo{position: static; display: block; text-align: left;}
    #footer .info{padding: 20px 0 0;}
}
@media screen and (max-width: 640px){
    /* bannerzone */
    .bannerzone .move ul li a {padding:0 12%;}
    .bannerzone .move ul li p.title {margin-top:13px; font-size:15px; display:table; table-layout:fixed; width:100%; height:44px;}
    .bannerzone .move ul li p.title strong {display:table-cell; vertical-align:middle; width:100%; line-height:19px;}
    .bannerzone .move ul li p.date {display:none !important;}
    .bannerzone .today_check {right:3%;}
	
    .top_btn {width: 48px; height: 48px; right: 4%; bottom: 15px;}
    
	/* Header */
	#slide_map .inner .binds ul.nav li a {font-size:17px; line-height:22px;padding: 18px 20px 18px 28px;}
	#slide_map .inner .binds ul.nav li a span {line-height:22px;}
	#slide_map .inner .binds ul.nav li ul {padding: 15px 20px 18px 28px;}
	#slide_map .inner .binds ul.nav li ul li a {font-size:15px; line-height:20px;  padding: 9px 0 9px 15px;}
	#slide_map .inner .binds ul.nav li ul li a span {line-height:20px;}
    #slide_map .inner .binds ul.nav li ul li ul{width: calc(100% - 58px);}
	#slide_map .inner .btn_close {top: -32px; right: 12px;}
    #header h1.logo{width: 54px; left: 4%;}
    #header.active h1.logo{width: 54px;}
    #header.active h1.logo a:after{background-size: contain !important; }
	#header .toputil_control {top:15px; right:4%;}	
	#header .toputil_control a {margin-left:8px;}	
	#header .toputil_control a {margin-left:8px;}	
	#header .search_form {height:107px; padding:32.5px 0;}	
    #header .search_form .form {max-width:70%; height: 42px;}
    #header .search_form .form input[type="text"]{width: 95%; font-size: 15px; line-height: 40px; height: 40px;}
    #header .search_form .form input[type="submit"]{width: 18px; height: 19px; top: 12px; right: 7px; background-size: contain;}
	#header .search_form .btn_close {top: -75px; margin-right: 42px;}
    .sub #header .search_form .btn_close{top: -75px; right: 3.5%; margin-right: 40px;}
	#main#header h1.logo a {background:none !important;}
    .sub#header .toputil_control a.allmenu_btn_open,#header .toputil_control a.allmenu_btn_open{margin-left: 10px;}
    .sub#header .toputil_control a.allmenu_btn_open:before,#header .toputil_control a.allmenu_btn_open:before{left: -10px;}
	#slide_map .inner .binds ul.nav >li> ul> li >a:before{top:1.1em;}

	/* Footer */
	#footer {height: auto;}
	#footer .layout {width: 100%; padding:28px 4%; text-align: center;}
    .sub #footer .layout {width: 100%; padding:28px 3%; text-align: center;}
    #footer .ft_logo{width: 79px; height: 36px;}
	#footer div.info> span {display: block; margin-left: 0px; font-size: 14px; line-height: 22px;}
    #footer .relate_site{top: 28px; width: 160px; right: 4%;}
    #footer .relate_site a{width: 160px; font-size: 14px;}
    #footer .relate_site ul{width: 160px;}
    #footer .sns_link{margin-top: 20px;}
    #footer .sns_link li{width: 42.5px; height: 42.5px;float: left; margin: 0; border: 1px solid #595959; border-left:none; box-sizing: border-box;}
    #footer .sns_link li:first-child{border-left: 1px solid #595959;}
    #footer .sns_link li a{width: 40px; height: 40px; background-size: 20px 20px; }
    
}

@media screen and (max-width: 640px) and (min-width:581px){
	#slide_map .inner .btn_close {top: -34px;}
}

@media screen and (max-width: 600px){
	.js_slide.type_03 .control a.btn_left,
	.js_slide.type_03 .control a.btn_right{display:block !important;}
}
@media screen and (max-width: 480px){
    /* bannerzone */	
    .bannerzone .control ul,
    .bannerzone .control a.btn_stop,
    .bannerzone .control a.btn_play {display:none !important;}	
    
	/* Footer */
    #footer .relate_site{text-align: left;}
    #footer .certifi_mark img{margin-left: 10px;}
}

@media screen and (max-width: 400px){
	/* Header */
	#slide_map .inner .binds .side_link ul li {width:57%;}
	#slide_map .inner .binds .side_link ul li:first-child {width:43%;}
	#slide_map .inner .binds .side_link ul li a {text-align:center;}
	#slide_map .inner .binds .side_link ul li a:after {display:none;}	
}

@media screen and (max-width: 360px){
    #slide_map .inner .btn_close {right: 9px;}
    #footer .sns_link li a{width: 40px; height: 40px;}
    #footer .sns_link li{width: 40px; height: 40px;}
}