@charset "utf-8";

/* layout */
body{position:relative; width:100%; font-size: 16px;}
body.fixed {position:fixed;}
.js_tablet_check,
.js_mobile_check{display:none;}
.user #wrap {position:relative; overflow:hidden;}
.user .layout {position:relative; max-width:calc(1440px + 4em); margin:0 auto; padding:0 2em; box-sizing: border-box;}
.user .layout:after {content:""; display:block; clear:both;}


#main #wrap{height: 100%;}
#main #container{position: relative; height: 100%;}
#main #fullpage{overflow:hidden; position:relative; z-index:0; width:100%; height:100%;}
#main #fullpage>.move,
#main #fullpage>.move>[data-page]{position:relative; width:100%; height:100%;}
#main #fullpage>.move>[data-page]{overflow-x:hidden; overflow-y:auto;}
#main #fullpage>.controll{
    position:fixed; right:1.5em; top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
#main #fullpage>.controll>a{
    position: relative; display:block; width:1em; height:1em; padding: 5px; box-sizing: border-box;
    -webkit-border-radius:50%;
    border-radius:50%;
}
#main #fullpage>.controll>a:nth-child(n+2){margin-top:2em;}
#main #fullpage>.controll>a:before{
	position: absolute; top: 50%; left: -6em; display: none; width: 5.62em; height: auto; padding: 0.231em 0.3em 0.231em 0; text-align: center; background: url(../../../images/site/eng/layout/controll_bg.svg) no-repeat left top; font-size: 0.8125em; color: #fff; font-weight: 300; box-sizing: border-box;
	transform: translateY(-50%); -webkit-transform: translateY(-50%);
	transition: display 0.3s ease; -webkit-transition: display 0.3s ease;
}
#main #fullpage>.controll>a.on:before{display: block;}
#main #fullpage>.controll>a:nth-child(1):before{content: "Main";}
#main #fullpage>.controll>a:nth-child(2):before{content: "Introduction";}
#main #fullpage>.controll>a:nth-child(3):before{content: "Mobilization";}

#main #fullpage>.controll>a>span{overflow:hidden; display:block; width: 100%; height: 100%; text-align:left; line-height: 1; text-indent:-1000px;}
#main #fullpage>.controll>a span{
	border: 1px solid #222E3C; box-sizing: border-box;
	-webkit-border-radius:50%;
    border-radius:50%;
}
#main #fullpage>.controll>a.on span{
    background-color:#222E3C;
}

@media screen and (max-width: 1024px){
	#main #fullpage>.move{top: auto !important; height: auto;}
	#main #wrap,
	#main #fullpage>.move, 
	#main #fullpage>.move>[data-page]{height: auto;}
	#main #container{height: auto;}
}


/* //////////////////////////////////////////////////////////////////////////////

	slide_map

////////////////////////////////////////////////////////////////////////////// */
/*#slide_map{display:none;}*/
#slide_map{
    opacity:0; overflow:hidden; position:fixed; z-index:800; top:0; right:-100%; width:100%; height:100%;
    
}
.fixed #slide_map{opacity:1; right:0;}
#slide_map:after {content:""; display:block; clear:both;}
#slide_map .inner {position:relative; width:100%; height:100%; float:right; margin:0; background: url(../../../images/site/eng/layout/slidemap_bg.jpg) no-repeat top right; border-top: 2px solid #C4A57A; background-size: cover; box-sizing:border-box;}
#slide_map .inner .binds{overflow:auto; max-width:calc(1440px + 4em); padding: 0 2em; margin:0 auto; height:100%; text-align: right; box-sizing: border-box;}
#slide_map .inner .binds .toputil_control{position: relative; z-index: 11; display: inline-block; width: 3.6em; text-align: left;}
#slide_map .inner .binds .toputil_control:after{content: ""; display: block; clear: both;}
#slide_map .inner .binds .toputil_control a{float: left; display:block; width: 3.6em; height: 3.6em; text-indent: -9999px;}
#slide_map .inner .binds .toputil_control .allmenu_btn_open{display:none;}
#slide_map .inner .binds .toputil_control .lang_box{
    position: absolute; top: 3.05em; left: 3.6em; display: none; width: 6.875em; height: 8.75em; background: url(../../../images/site/eng/layout/lang_box.png) no-repeat center center;
    transform: translateX(-24px); -webkit-transform: translateX(-24px);
}
#slide_map .inner .binds .toputil_control .lang_box li{margin-top: 0.25em; padding: 0 1.8em; box-sizing: border-box;}
#slide_map .inner .binds .toputil_control .lang_box li:first-child{margin-top: 1.2em;}
#slide_map .inner .binds .toputil_control .lang_box li a{float: none; width: 100%; height: auto; text-indent: 0; font-size: 0.94em; text-decoration: none; color: #666; letter-spacing: -0.05em;}
#slide_map .inner .binds .toputil_control .lang_box li:first-child a{font-weight: 500; color: #46644C;}
#slide_map .inner .binds .search_form{display:none;}
#slide_map .inner .binds .m_close{background: #415E47 url(../../../images/site/eng/layout/allmenu_btn_close.svg) no-repeat center center;  background-size: 2.8em 2.8em;}
#slide_map .inner .binds .toputil_control .lang_btn{display: none; background: url(../../../images/site/eng/layout/lang_btn_open.svg) no-repeat center center; background-size: 2.4em 2.4em;}
#slide_map .inner .binds .toputil_control .search_btn_open{ display: none; background: url(../../../images/site/eng/layout/search_btn_open.svg) no-repeat center center;  background-size: 2.4em 2.4em;}
#slide_map .inner .binds .toputil_control .search_btn_open.on{background-color: #C3A57A; background-image: url(../../../images/site/eng/layout/search_btn_openon.svg);}
#slide_map .inner .binds .toputil_control .his_btn{display: none; background: url(../../../images/site/eng/layout/his_btn_open.png) no-repeat center center; background-size: 2.4em 2.4em;}
#slide_map .inner .binds .toputil_control .his_box{
    position: absolute; top: 2.7em; left: 0; display: none; width: 13.8125em; height: 6.125em; background: url(../../../images/site/eng/layout/his_box.png) no-repeat center center; background-size: 100% 100%;
    transform: translateX(-80px); -webkit-transform: translateX(-80px);
}
#slide_map .inner .binds .toputil_control .his_box li{margin-top: 1.3em; padding: 0 1em; box-sizing: border-box;}
#slide_map .inner .binds .toputil_control .his_box li a{float: none; width: 100%; height: auto; text-indent: 0; font-size: 0.92em; text-decoration: none; color: #666; letter-spacing: -0.05em; line-height: 1.35; font-weight: 500; text-align:center; color: #46644C;}


#slide_map .inner .binds .search_form.on + ul{display: none;}
#slide_map .inner .binds .search_form{position: absolute; top:87px; left: 0; width: 100%; height: calc(100% - 87px); z-index: 52;}
#slide_map .inner .binds .search_form{z-index: 10; width: 100%; height: 100%; padding: 2.2em 0; margin: 0 auto; box-sizing: border-box;}
#slide_map .inner .binds .search_form form{position: relative; height: 100%; padding: 0 0.2em 0 0; border-bottom: 1px solid rgba(70,100,76,0.3); box-sizing: border-box;}
#slide_map .inner .binds .search_form form:after{content: ""; display: block; clear: both;}
#slide_map .inner .binds .search_form form input{float: left; height: 2.8em; font-size: 1.125em; line-height: 2.8em;  box-sizing: border-box;}
#slide_map .inner .binds .search_form form input[type="text"]{width: calc(100% - 2.5em); padding: 0 0.5em; border: none;  letter-spacing: -0.05em; color: #666; background-color: transparent;}
#slide_map .inner .binds .search_form form input[type="submit"]{width: 2.5em; padding: 0; text-indent: -9999px; background: url(../../../images/site/eng/layout/search_form_ico.svg) no-repeat center center;}

#slide_map .inner .binds >ul {position:relative; z-index:10; padding: 0; text-align: left; max-height: calc(100% - 15em); overflow: auto; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
#slide_map .inner .binds>ul>li{display: inline-block; vertical-align: top;width:calc((100% - 13.2% - 9px) / 4); float:none; padding:0; box-sizing: border-box; margin-left: 4.4%;}
#slide_map .inner .binds>ul>li:nth-child(n+5){margin-top: 3%;}
#slide_map .inner .binds>ul>li:nth-child(4n+1){margin-left: 0;}
#slide_map .inner .binds>ul >li:last-child{border-bottom: none;}
#slide_map .inner .binds>ul > li > a{position: relative; display:block; padding:0.8225em 2em 0.8225em 0.3em; font-weight: 700; font-size: 1.34em; color: #222E3C; text-decoration: none; font-weight: 500; letter-spacing: -0.03em; border-bottom:1px solid rgba(68, 97, 74, 0.32); box-sizing: border-box;}
#slide_map .inner .binds>ul > li > a.on{color: #446149; border-bottom-color: #446149;}
#slide_map .inner .binds>ul > li > a:before{
    content: ""; position: absolute; top: 50%; right: 0.2em; display: block; width: 1em; height: 1em; background: url(../../../images/site/eng/layout/slidemap_menu.svg) no-repeat center center;
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
    transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease;
}
#slide_map .inner .binds>ul > li > a.on:before{
    transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg);
}
#slide_map .inner .binds>ul > li > ul{display:none; background-color:#E7EEE3; margin-top:0; padding:1.34em; box-sizing: border-box;}
#slide_map .inner .binds>ul>li>ul>li{margin-top:0.6em; padding: 0;}
#slide_map .inner .binds>ul>li>ul>li:first-child {margin-top:0;}
#slide_map .inner .binds>ul li ul li:last-child {border-bottom:0;}
#slide_map .inner .binds>ul>li>ul>li> a{position: relative; display: inline-block; padding: 0 0 0 0.6em; font-size: 1.07em; font-weight: 500; color: #46644C; text-decoration: none;}
#slide_map .inner .binds>ul>li>ul>li> a[target="_blank"]:after{content:""; display: inline-block; width: 13px; height: 16px; margin-left: 0.2em; background: url(../../../images/site/skin/new_blank_gnb.svg) no-repeat top center; background-size: contain; vertical-align: middle;}
#slide_map .inner .binds>ul>li>ul>li> a.on{text-decoration: underline; text-underline-position: under;}
#slide_map .inner .binds>ul>li>ul>li> a:before{
    content: ""; position: absolute; top: 0.7em; left: 0; display: block; width: 2px; height: 2px; background-color: #46644C; 
    border-radius: 50%; -webkit-border-radius: 50%;
}
#slide_map .inner .binds>ul>li>ul>li> ul{display: none; padding: 0.25em 1em 0.1em; margin-top:0.5em; border:0;}
#slide_map .inner .binds>ul>li>ul>li> ul > li{margin-top: 0.2em;}
#slide_map .inner .binds>ul>li>ul>li> ul > li:first-child{margin-top: 0;}
#slide_map .inner .binds>ul>li>ul>li> ul > li > ul{display: none !important;}
#slide_map .inner .binds>ul>li>ul>li> ul > li > a{position: relative; display: inline-block; padding-left: 0.75em; color: #222E3C; font-weight: 400; font-size: 0.94em; text-decoration: none;}
#slide_map .inner .binds>ul>li>ul>li> ul > li > a:before{content: ""; position: absolute; top: 0.75em; left: 0; display: block; width: 0.35em; height: 1px; background-color: #222E3C;}
    
/* //////////////////////////////////////////////////////////////////////////////

	header

////////////////////////////////////////////////////////////////////////////// */
.user #header{position:fixed; left:0; top:0; z-index:72; width:100%; height:5.5625em; background: transparent; border-top: 2px solid #C3A57A; box-sizing:border-box;} 
#sub.user #header{position: relative; left: auto; top: auto; }
.user #header:before{content: ""; position: absolute; top: 87px; left: 0; z-index: 51; display: none; width: 100%; height: 1px; background-color :rgba(195,165,122,0.2);}
.user #header.active:before,
.user #header.search_on:before,
#sub.user #header.search_on:before{display:block; z-index: 53;}
.user #header .layout{height:100%;}
.user #header h1{position:absolute; left:50%; top:0; z-index:80; width:19.5em; height:5.4375em; margin-left:-720px;} 
.user #header h1 a{display:block; height:100%; background:url(../../../images/site/eng/layout/logo.svg) no-repeat left center; background-size:312px auto; overflow:hidden; text-indent:-9999px;}

/*****Gnb메뉴*****/
.user #header #gnb{width:100%; height:5.4375em; position:relative; z-index:50; background: transparent; background-repeat: no-repeat; background-position: left top; background-size:cover; overflow:hidden;}
.user #header.active #gnb{background: url(../../../images/site/eng/layout/header_bg.jpg); box-shadow: 0 3px 20px 0 rgba(99, 112, 78, 0.25);}
#sub.user #header #gnb{background: url(../../../images/site/eng/layout/subheader_bg.jpg);}
.user #header #gnb .blind{content:""; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.user #header #gnb #blind{position:absolute; left:0; top:87px; z-index:1; display:none; width:100%; height:0; box-sizing:border-box;}	
.user #header #gnb #blind:before{
    content: ""; position: absolute; left: 0; top: 0; display: block; width: 50%; height: 100%; background-color:#436049; transform: translateX(-29.5em); -webkit-transform: translateX(-29.5em);
}
.user #header #gnb > ul{position:relative; z-index:20; width:auto; max-width:1440px; padding:0 10em 0 21em; margin:0 auto; box-sizing:border-box; }
.user #header #gnb > ul:after{content:""; display:block; clear:both;}
.user #header #gnb > ul > li{float:left; width:calc((100% - 1px) / 5); height:auto; box-sizing:border-box;}
.user #header #gnb > ul > li:nth-child(8){display:none;}
.user #header #gnb > ul > li .tmenu_ti{opacity:0; -webkit-opacity:0; position:absolute; left: 0; top:5.4375em; display:none; width:15.5em; height: calc(100% - 5.4375em); padding: 5.9375em 3em 0 0; background-color: #436049; text-align:right; color:#666; font-weight:400; box-sizing:border-box;}
.user #header #gnb > ul > li .tmenu_ti span{position:relative; display:block; font-size:1.875em; letter-spacing:-1px; color:#436049; line-height:1.14; /* font-family:'Nanum Myeongjo'; */ font-weight:400; color: #FFFFFF;}
.user #header #gnb > ul > li .tmenu_ti span:before{content: ""; position: absolute; top:-1.4em; right: 0; display: block; width: 1.06em; height: 1.06em; background: url(../../../images/site/eng/layout/tmenuti_ico.svg) no-repeat center center; background-size: contain;}
.user #header #gnb > ul > li .tmenu_ti em{display:block; margin-top: 1.25em; color: rgba(255,255,255,0.8);font-style:normal; font-weight: 300;}
.user #header #gnb > ul > li > a{/* font-family:'Nanum Myeongjo'; */}
.user #header #gnb > ul > li > a{display:table; table-layout: fixed; width: 100%; height:4.58em; font-size:1.1875em; line-height:1.5; text-align:center; text-decoration:none; color:#222; font-weight: 500; box-sizing:border-box;}
.user #header #gnb > ul > li > a >span{display:table-cell; width: 100%; height:100%; padding:0; line-height:1.5; vertical-align:middle; box-sizing:border-box;}
.user #header #gnb > ul > li > a >span > i{font-style: normal; display: block; }
.user #header #gnb > ul > li > a.on,
.user #header #gnb > ul > li > a:hover,
.user #header #gnb > ul > li > a:active{color:#46644C;}
.user #header #gnb > ul > li > a:hover > span,
.user #header #gnb > ul > li > a:active > span{text-decoration: underline; text-underline-position: under;}
.user #header #gnb > ul > li > ul{position:absolute; left:0; top: 5.4375em; width:100%; padding:3.1875em 0 3.1875em 18.6875em; font-family:'Spoqa Han Sans Neo'; box-sizing:border-box;}
.user #header #gnb > ul > li > ul:after{content: ""; display: block; clear: both;}
.user #header #gnb > ul > li > ul > li{display:inline-block; position: relative; width:calc((100% - 3.7em) / 4); height:auto; margin-left: 1em; vertical-align: top;}
.user #header #gnb > ul > li > ul > li:nth-child(4n+1){margin-left: 0;}
.user #header #gnb > ul > li > ul > li:nth-child(n+5){margin-top: 2em;}
.user #header #gnb > ul > li > ul > li > a{position: relative; display:block; width: 100%; height: auto; padding:0.8125em 1.125em; background:linear-gradient(to right, #E7EEE3, #EEEEE3); font-weight: 400; font-size:1em; line-height:1.1875; text-align:center; color:#324837; box-sizing: border-box;} 
.user #header #gnb > ul > li > ul > li > a[target="_blank"]:after{content:""; display: inline-block; width: 13px; height: 16px; margin-left: 0.2em; background: url(../../../images/site/skin/new_blank_gnb.svg) no-repeat top center; background-size: contain; vertical-align: middle;}
.user #header #gnb > ul > li > ul > li > a > span{margin:0; padding:0; height:auto; line-height:1.0625;}
.user #header #gnb > ul > li > ul > li > a.on,
.user #header #gnb > ul > li > ul > li > a:hover,
.user #header #gnb > ul > li > ul > li > a:active{text-decoration:underline;}
.user #header #gnb > ul > li > ul > li:first-child > ul{border-top:0;}
.user #header #gnb > ul > li > ul > li > ul{position:relative; left:auto; top:auto; width:100%; height: auto;  margin-top: 1em; padding: 0 1em; box-sizing:border-box; }
.user #header #gnb > ul > li > ul > li > ul:after{content:""; display:block; clear:both;}
.user #header #gnb > ul > li > ul > li > ul > li{float: none; display:block; width: 100%; margin: 0.4em 0 0 0;}
.user #header #gnb > ul > li > ul > li > ul > li:first-child{margin-top: 0;}
.user #header #gnb > ul > li > ul > li > ul > li > a{position:relative; /* padding-left: 0.6em; */ color:#222E3C; box-sizing: border-box;}
/* .user #header #gnb > ul > li > ul > li > ul > li > a:after{content:""; position:absolute; left:0; top:12px; display:block; width:2px; height:2px; background:#222E3C;} */
.user #header #gnb > ul > li > ul > li > ul > li > a span{position:relative; display: inline-block; padding-left: 0.6em; box-sizing: border-box;}
.user #header #gnb > ul > li > ul > li > ul > li > a span:after{content:""; position:absolute; left:0; top: 0.7em; display:block; width:2px; height:2px; background:#222E3C;}
.user #header #gnb > ul > li > ul > li > ul > li > a.on, 
.user #header #gnb > ul > li > ul > li > ul > li > a:hover, 
.user #header #gnb > ul > li > ul > li > ul > li > a:active{text-decoration: underline; color:#51504f;}
.user #header #gnb > ul > li > ul > li > ul > li > a.on > span{text-decoration: underline; }
.user #header #gnb > ul > li > ul > li > ul > li > a:hover > span{text-decoration:underline;}
.user #header #gnb > ul > li > ul > li > ul > li > ul{display:none;}
.user #header #gnb > ul > li > ul > li > ul > li > ul > li > ul{display:none;}

/* toputil_control */
.user #header.search_on{height: 89px; background: url(../../../images/site/eng/layout/header_bg.jpg);}
#sub.user #header.search_on{height: 89px; background: url(../../../images/site/eng/layout/subheader_bg.jpg);}
.user #header .toputil_control{position: absolute; top: 1.2em; right: 50%; z-index: 51; display: block; width: 8.625em; margin-right: -722px;}
.user #header .toputil_control:after{content: ""; display: block;; clear: both;}
.user #header .toputil_control.on{z-index:53;}
.user #header .toputil_control a{float: left; display: block; width: calc((100% - 1px) / 3); height: 2.85375em; background-color: transparent; background-repeat: no-repeat; background-position: center center; text-indent: -9999px;}
.user #header .toputil_control .lang_btn{background-image: url(../../../images/site/eng/layout/lang_btn_open.svg);}
.user #header .toputil_control .search_btn_open{background-image: url(../../../images/site/eng/layout/search_btn_open.svg);}
.user #header .toputil_control .search_btn_open.on{background-color: #C3A57A; background-image: url(../../../images/site/eng/layout/search_btn_openon.svg);}
.user #header .toputil_control .allmenu_btn_open{background-color: #415E47; background-image: url(../../../images/site/eng/layout/allmenu_btn_open.svg);}
.user #header .toputil_control .his_btn{background-image: url(../../../images/site/eng/layout/his_btn_open.png);}
.user #header .toputil_control .his_box{
    position: absolute; top: 2em; left: 0; display: none; width: 12.8125em; height: 6.125em; background: url(../../../images/site/eng/layout/his_box.png) no-repeat center center;
    transform: translateX(-80px); -webkit-transform: translateX(-80px);
}
.user #header .toputil_control .his_box li{margin-top: 1.45em; padding: 0 1em; box-sizing: border-box;}
.user #header .toputil_control .his_box li a{float: none; width: 100%; height: auto; text-indent: 0; font-size: 0.875em; line-height: 1.35; text-decoration: none; color: #666; letter-spacing: -0.05em; font-weight: 500; text-align: center; color: #46644C;}

/*search_form*/
.user #header .search_form{position: absolute; top:87px; left: 0; display: none; width: 100%; height: 121px; z-index: 52; background: url(../../../images/site/eng/layout/header_bg.jpg) no-repeat center center; background-size: cover; box-shadow: 0 10px 10px 0 rgba(99, 112, 78, 0.12);}
#sub.user #header .search_form{height: 121px; background: url(../../../images/site/eng/layout/subheader_bg.jpg) no-repeat center center; background-size: cover; border-top: 1px solid rgba(195,165,122,0.2); box-sizing: border-box;}
.user #header .search_form .form{width: 100%; max-width:34.125em; height: 100%; padding: 2.2em 0; margin: 0 auto; box-sizing: border-box;}
.user #header .search_form .form form{position: relative; height: 100%; padding: 0 0.2em 0 0; border-bottom: 1px solid rgba(70,100,76,0.3); box-sizing: border-box;}
.user #header .search_form .form form:after{content: ""; display: block; clear: both;}
.user #header .search_form .form form input{float: left; height: 2.8em; font-size: 1.125em; line-height: 2.8em;  box-sizing: border-box;}
.user #header .search_form .form form input[type="text"]{width: calc(100% - 2.5em); padding: 0 0.5em; border: none;  letter-spacing: -0.05em; color: #666; background-color: transparent;}
.user #header .search_form .form form input[type="submit"]{width: 2.5em; padding: 0; text-indent: -9999px; background: url(../../../images/site/eng/layout/search_form_ico.svg) no-repeat center center;}
.user #header .toputil_control .lang_box{
    position: absolute; top: 2.1em; left: calc(8.625em / 3); display: none; width: 6.875em; height: 8.75em; background: url(../../../images/site/eng/layout/lang_box.png) no-repeat center center;
    transform: translateX(-30px); -webkit-transform: translateX(-30px);
}
.user #header .toputil_control .lang_box li{margin-top: 0.35em; padding: 0 2em; box-sizing: border-box;}
.user #header .toputil_control .lang_box li:first-child{margin-top: 1.2em;}
.user #header .toputil_control .lang_box li a{float: none; width: 100%; height: auto; text-indent: 0; font-size: 0.875em; text-decoration: none; color: #666; letter-spacing: -0.05em;}
.user #header .toputil_control .lang_box li:first-child a{font-weight: 500; color: #46644C;}
.user #header .toputil_control .lang_box li a:hover{text-decoration: underline;}


/* //////////////////////////////////////////////////////////////////////////////

	Visual

////////////////////////////////////////////////////////////////////////////// */
#sub.user #visual{position: relative; height: 19.9375em; background: url(../../../images/site/eng/layout/subvisual.jpg) no-repeat bottom left; background-size: cover; }
#sub.user #visual:before{content: ""; position: absolute; top: 0; left: 0; display: block; width: calc(100% - 15.3125em); height: 100%; background: url(../../../images/site/eng/layout/subvisualbg.jpg) no-repeat bottom left; background-size: 100% 100%;}
#sub.user #visual .layout{
    position: absolute; top: calc((100% - 3.5em) / 2); left: 50%; width: 100%;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
}
#sub.user #visual .layout .title{font-weight: 400; font-size: 2.5em; letter-spacing: -0.04em; line-height: 1; color: #fff;/*  font-family: 'Nanum Myeongjo'; */}
#sub.user #visual .layout p{margin-top: 0.8em; letter-spacing: -0.03em; color: #fff; font-weight: 300;}


/* //////////////////////////////////////////////////////////////////////////////

	Container

////////////////////////////////////////////////////////////////////////////// */
#sub.user #container{position:relative; margin:0 auto;}
#sub.user #container #remote{position:absolute; left: 2em; margin-right:0; height:3.5em; top:-3.5em; z-index:10; background-color:rgba(34, 46, 60, 0.4); width:100%;}
#sub.user #container #remote:before {content:""; display:block; width:100%; height:100%; background-color:rgba(34, 46, 60, 0.4);position:absolute; right:-100%; top:0;}
#sub.user #container #remote #lnb{height: 100%;}
#sub.user #container #remote #lnb:after{content: ""; display: block; clear: both;}
#sub.user #container #remote #lnb > .home,
#sub.user #container #remote #lnb > ul{float: left;}
#sub.user #container #remote #lnb > ul{width:auto; height: 100%;}
#sub.user #container #remote #lnb > .home{display: block; width:3.5em; height: 100%; overflow:hidden; text-indent:-9999px; padding:0; margin:0; background: url(../../../images/site/eng/layout/subvisual_home.svg) no-repeat center center; background-size: 1.25em 1.25em; box-sizing: border-box;}
#sub.user #container #remote #lnb > ul{position: relative;}
#sub.user #container #remote #lnb > ul:before{content: ""; position: absolute; top: 0; left: 0; display: block; width: 1px; height: 100%; background-color: rgba(216, 216, 216, 0.4); margin-left: -0.5px;}
#sub.user #container #remote #lnb > ul:after{content: ""; display: block; clear: both;}
#sub.user #container #remote #lnb > ul > li{float: left; height: 100%;}
#sub.user #container #remote #lnb > ul > li > a{position:relative; display:block; width: 14em; height: 100%; padding: 0 2.5em 0 1.5em;text-decoration:none; letter-spacing: -0.05em; color:#fff; font-weight: 300; box-sizing: border-box;}
#sub.user #container #remote #lnb > ul > li > a:before{
    content: ""; position: absolute; top: 50%; right: 1.2em; display: block; width: 1.25em; height: 1.25em; background: url(../../../images/site/eng/layout/sublnb_ico.svg) no-repeat center center; background-size: contain;
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
    transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease;
}
#sub.user #container #remote #lnb > ul > li > a:after{content: ""; position: absolute; top: 0; right: 0; display: block; width: 1px; height: 100%; background-color: rgba(216, 216, 216, 0.4); margin-right: -0.5px;}
#sub.user #container #remote #lnb > ul > li > a.on{border: 1px solid #222E3C; border-bottom: none; background-color: #fff; color: #222E3C; font-weight: 400;}
#sub.user #container #remote #lnb > ul > li > a.on:before{
    background-image: url(../../../images/site/eng/layout/sublnb_icoon.svg);
    transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg);
}
#sub.user #container #remote #lnb > ul > li > a.on + ul{border: 1px solid #222E3C; border-top: none; background-color: #fff;}
#sub.user #container #remote #lnb > ul > li > a > span{display: inline-block; width: 100%; height: 100%; line-height: 3.4; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
#sub.user #container #remote #lnb ul li ul{
    display:none; max-width: 14em; max-height: 13.6em; overflow: auto; background-color:#f7f7f7; box-sizing:border-box;}
#sub.user #container #remote #lnb ul li ul li a{position:relative; display:inline-block; width: 100%; padding:0.91em 1.5em; border:0; background-color: #fff; color:#222E3C; box-sizing: border-box; text-decoration: none;}
#sub.user #container #remote #lnb ul li ul li a:hover,
#sub.user #container #remote #lnb ul li ul li a:active{background-color: #EBEBE0;}
/*#sub.user #container #remote #lnb ul li ul li a:before{content: ""; position: absolute; top: 0; left: 0; display: block; opacity: 0; width: 2px; height: 100%; background-color: #46644C;}
#sub.user #container #remote #lnb ul li ul li a:hover:before,
#sub.user #container #remote #lnb ul li ul li a:active:before{opacity: 1;}*/

#sub.user #container #content{position: relative; width:100%; margin-bottom:8em; box-sizing:border-box;}
#sub.user #container .prsns{position: absolute; top: 4em; right: 0; z-index: 1; padding-right: 2em;}
#sub.user #container .prsns .sns{display: none; width: 4.6em; position: absolute; top: 0; right: 6.6em;}
#sub.user #container .prsns .sns:after{content: ""; display: block; clear: both;}
#sub.user #container .prsns .sns li{float: left; width: auto; height: auto; margin-left: 0.5em;}
#sub.user #container .prsns .sns li:first-child{margin-left: 0;}
#sub.user #container .prsns .sns li a{display: inline-block; width: 30px; height: 33px; text-indent: -9999px; background-repeat: no-repeat;  background-position: center center; background-size: contain;}
#sub.user #container .prsns .sns li a.fb{background-image: url(../../../images/site/eng/layout/snsshare_face.svg);}
#sub.user #container .prsns .sns li a.tw{background-image: url(../../../images/site/eng/layout/snsshare_twit.svg);}
#sub.user #container .prsns .print{display: inline-block; width: 2.125em; height: 2.125em; text-indent: -9999px; background: url(../../../images/site/eng/layout/print_ico.svg) no-repeat center center; background-size: contain;}
#sub.user #container .prsns .btn_share{display: inline-block; width: 2.125em; height: 2.125em; text-indent: -9999px; background: url(../../../images/site/eng/layout/snsshare_ico.svg) no-repeat center center; background-size: contain;}
#sub.user #container .prsns .btn_share.on{background-image: url(../../../images/site/eng/layout/snsshareon_ico.svg);}
#txt {min-height:25em; padding-top: 3.5em; box-sizing: border-box;}
#txt h3.title {position: relative; padding:0 0 0.6em 1.2em; /* font-family: 'Nanum Myeongjo';  */font-weight: 500; font-size:2.1875em; line-height:1.11; color:#222; }
#txt h3.title:before{content: ""; position: absolute; top: 0.05em; left: 0; display: block; width: 0.98em; height: 0.98em; background: url(../../../images/site/eng/layout/subtitle_ico.svg) no-repeat center center; background-size: contain;}
#txt > div:first-of-type{padding-top: 1.3em; border-top: 1px solid #C4C4C4; box-sizing: border-box;}
#txt > div.no_line:first-of-type{padding-top:0; border-top:0;}



/* //////////////////////////////////////////////////////////////////////////////

	footer

////////////////////////////////////////////////////////////////////////////// */
.user #footer {
	position:fixed; left: 0; bottom: 0; width: 100%; z-index:20; background-color:#59463E; padding: 0 0 2.375em 0; box-sizing:border-box;
	-webkit-transition:transform 0.3s linear;
    transition:transform 0.3s linear;
}
#main.user:not([data-pullpage="max"]) #footer{
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
}
#sub.user #footer {position:relative; left: auto; top: auto;}
.user #footer .top_lay{padding-top: 1em; padding-bottom: 1em;}
.user #footer .top_lay:before{
    content: ""; position: absolute; bottom: 0; left: 50%; width: 100vw; height: 1px; background-color: rgba(255, 255, 255, 0.4);
    transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
/*.user #footer .menu_link .priv{position: absolute; bottom: -2.6em; right: 0; font-size: 0.9375em; letter-spacing: -0.03em; color: rgba(255,253,206,0.8); text-decoration: underline; text-underline-position: under;}*/
.user #footer .top_lay > ul{box-sizing: border-box;}
.user #footer .top_lay > ul:after{content: ""; display: block; clear: both;}
.user #footer .top_lay > ul > li{position: relative; float: left; }
.user #footer .top_lay > ul > li:not(:first-child){margin-left: 3em;}
.user #footer .top_lay > ul > li:not(:first-child):before{content: ""; position: absolute; top: 0.5em; left: -1.5em; display: block; width: 1px; height: 0.625em; background-color: #DEDAD8; }
.user #footer .top_lay > ul > li > a{display: inline-block; color: rgba(255, 255, 255, 0.8);}
.user #footer .top_lay > ul > li > a.priv{color: rgba(255, 253, 206, 0.8);}
.user #footer .top_lay + .layout{margin-top: 2.375em;}
.user #footer .menu_link {position: absolute; top: -5.6em; right: 2em; z-index: 21; box-sizing:border-box;}
.user #footer .menu_link:after {content:""; display:block; clear:both;}
.user #footer .menu_link .relate_site,
.user #footer .menu_link .ft_sns{display: inline-block; vertical-align: middle;}
.user #footer .menu_link .relate_site{position: relative; width: 10.5625em;}
.user #footer .menu_link .relate_site > a{
    position: relative; display: block; width: 100%; padding: 0.3em 2.6em 0.3em 1.2em; border: 1px solid rgba(255, 255, 255, 0.4); color: #fff; font-weight: 300; font-size: 0.9375em; letter-spacing: -0.03em; text-decoration: none; background-color: transparent; box-sizing: border-box;
    transition: background-color 0.2s ease; -webkit-transition: background-color 0.2s ease;
}
.user #footer .menu_link .relate_site > a:before{
	content: ""; position: absolute; top: 50%; right: 1.6em; display: block; width: 0.67em; height: 0.4em; background: url(../../../images/site/eng/layout/releate_ico.svg) no-repeat center center;
	transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg);
	transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease;
}
.user #footer .menu_link .relate_site > a.on:before{
	transform: translateY(-50%) rotate(0); -webkit-transform: translateY(-50%) rotate(0);
}
.user #footer .menu_link .relate_site > a:hover,
.user #footer .menu_link .relate_site > a:active,
.user #footer .menu_link .relate_site > a.on{background-color: #fff; color: #59463E; font-weight: 400;}
.user #footer .menu_link .relate_site > a:hover:before,
.user #footer .menu_link .relate_site > a:active:before,
.user #footer .menu_link .relate_site > .on:before{background-image: url(../../../images/site/eng/layout/releate_ico_on.svg);}
.user #footer .menu_link .relate_site > ul{position: absolute; bottom: 2.1em; display: none; width:100%; height: auto; max-height: 10em; overflow: auto; overflow-x: hidden; background-color: #59463E; border-top: 1px solid #fff;}
.user #footer .menu_link .relate_site > ul > li{position: relative; border-top: 1px solid #fff; box-sizing: border-box;}
.user #footer .menu_link .relate_site > ul > li:first-child{border-top: none;}
.user #footer .menu_link .relate_site > ul > li:before{content: ""; position: absolute; top: 0; left: 0; display: block; width: 1px; height: 100%; background-color: #fff;}
.user #footer .menu_link .relate_site > ul > li:after{content: ""; position: absolute; top: 0; right: 0; display: block; width: 1px; height: 100%; background-color: #fff;}
.user #footer .menu_link .relate_site > ul > li > a{display: block; padding:0.6em 1.2em; color: #fff; font-weight: 300; font-size: 0.9375em; letter-spacing: -0.03em;}
.user #footer .menu_link .ft_sns{width:13.75em; height: 2.75em; margin-right: 0.625em; /*border: 1px solid rgba(255,255,255,0.2);*/ box-sizing: border-box;}
.user #footer .menu_link .ft_sns:after{content: ""; display: block; clear: both;}
.user #footer .menu_link .ft_sns a{
    float: left; display: block; width: calc((100% - 1px)/ 5); height: 100%; /*border-left: 1px solid rgba(255,255,255,0.2);*/ text-indent: -9999px; background-repeat: no-repeat; background-position: center center; opacity: 0.5; box-sizing: border-box;
    transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease;
}
.user #footer .menu_link .ft_sns a:hover,
.user #footer .menu_link .ft_sns a:active{opacity: 1;}
.user #footer .menu_link .ft_sns .ft_face{border-left: 0; background-image: url(../../../images/site/eng/layout/ft_face.svg);}
.user #footer .menu_link .ft_sns .ft_twit{background-image: url(../../../images/site/eng/layout/ft_twit.svg);}
.user #footer .menu_link .ft_sns .ft_inst{background-image: url(../../../images/site/eng/layout/ft_inst.svg);}
.user #footer .menu_link .ft_sns .ft_blog{background-image: url(../../../images/site/eng/layout/ft_blog.svg);}
.user #footer .menu_link .ft_sns .ft_yout{background-image: url(../../../images/site/eng/layout/ft_yout.svg);}
.user #footer .ft_txts{position: relative; padding-left: 23em; box-sizing:border-box;}
.user #footer .ft_txts:before{content: ""; position: absolute; top: 0; left: 0; display: block; width: 22em; height: 3.625em; background: url(../../../images/site/eng/layout/ft_logo.svg) no-repeat left center; background-size: auto 100%;}
.user #footer .ft_txts p{margin-top: 0; color: rgba(255,255,255,0.8); font-weight: 300; font-size: 0.9375em; letter-spacing: -0.03em;}
.user #footer .ft_txts p:first-child{margin-top: 0;}
.user #footer .ft_txts p a{color:  rgba(255,255,255,0.8);}
.user #footer .ft_txts .copy{margin-top: 0.2em; color: rgba(255,255,255,0.4); font-weight: 300; font-size: 0.875em;}
.user #footer .mark_box{position: absolute; top: 0; right: 2em;}
.user #footer .mark_box .fam_mark, 
.user #footer .mark_box .web_mark{
    font-size: 1em;
    transition: font-size 0.2s ease; -webkit-transition: font-size 0.2s ease;
}
.user #footer .mark_box .fam_mark{display: inline-block; width: 5.4375em; height: 5.4375em; margin-right: 1.2em;}
.user #footer .mark_box .web_mark{display: inline-block; width: 8.125em; height: 5.4375em;}
.user #footer .mark_box .web_mark img{display: block; width: 100%; height: 100%;}

/* //////////////////////////////////////////////////////////////////////////////

    btn_top

////////////////////////////////////////////////////////////////////////////// */
.user .floating_top{
    position: fixed; right: 5%; bottom: 7em; z-index: 21; display: none; padding: 0; width: 100%; height: auto; font-size: 0.95em;
    transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.user .floating_top a{
    position: absolute; right: 0; top: 0; display: block; width: 5.26em; height: 5.26em; padding-top: 2.5em; background-color: rgba(70, 100, 76, 0.8); box-shadow: 0 4px 10px 0 rgba(0,0,0,0.25);  color: #fff; text-align: center; font-family: 'Roboto'; text-decoration: none; box-sizing: border-box;
    border-radius: 50%;-webkit-border-radius: 50%;
}
.user .floating_top a:before{
    content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 1em; height: 1em; background: url(../../../images/site/eng/layout/topbtn_img01.svg) no-repeat center center;
    transform: translate(-50%, -140%);
}
.user .floating_top a:hover:before{animation: top_btn 1s linear 0s infinite;}
@keyframes top_btn{
    0%{top: 50%;}
    25%{top: 47%;}
    50%{top: 50%;}
    75%{top: 53%;}
    100%{top: 50%;}
}
#main .floating_top{
	display: block;
    transition: opacity 0.3s ease, visibility 0.3s ease; -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
}
#main[data-pagenumber="0"] .floating_top{display: none; opacity: 0; visibility: hidden;}


@media screen and (min-width: 1025px){
    #slide_map .inner .binds{position: relative; }
    #slide_map .inner .binds .mob_titles{position: absolute; top: 0; left: 2em; width: calc(100% - 4em); text-align: center;}
    #slide_map .inner .binds .mob_titles strong{position: relative; display: inline-block; margin: 0.93em 0; /* font-family: 'Nanum Myeongjo'; */ font-weight: 500; font-size: 2.8125em; color: #46644C;}
    #slide_map .inner .binds .mob_titles strong:before{content: ""; display: inline-block; width: 1.38em; height: 1em; margin-top: -0.3em; margin-right: 0.3em; background: url(../../../images/site/eng/layout/slidemap_titles.svg) no-repeat center center; background-size: contain; vertical-align: middle; }
    #slide_map .inner .binds .toputil_control{width: 2.85375em; margin-top: 1.2em;}
    #slide_map .inner .binds .toputil_control a{width: 2.85375em; height: 2.85375em;}
    #slide_map .inner .binds .m_close{background: #C3A57A url(../../../images/site/eng/layout/search_btn_openon.svg) no-repeat center center;}
    #slide_map .inner .binds >ul{margin-top: 5.4em;}
    #slide_map .inner .binds>ul > li > a{padding: 0.525em 0.5em; background: linear-gradient(to right, #E7EEE3, #EEEEE3); border-bottom: 1px solid #46644C; text-align: center; font-family: 'Spoqa Han Sans Neo'; font-weight: 500; color: #436049; cursor: auto; font-size: 1.25em;}
    #slide_map .inner .binds>ul > li > ul{display: block !important;  background-color: transparent;}
    #slide_map .inner .binds>ul > li > a:before{display: none;}
    #slide_map .inner .binds>ul>li>ul>li> a{padding: 0 0 0 0.8em; color: #222E3C; font-weight: 400; font-size: 1.1em}
    #slide_map .inner .binds>ul>li>ul>li> a:before{width: 4px; height: 4px; background-color: #C4C4C4;}
    #slide_map .inner .binds>ul>li>ul>li> ul{display: block !important; margin-top: 0.1em;}
    #slide_map .inner .binds>ul>li>ul>li> ul > li > a{color: #666; font-size: 1em;}
    #slide_map .inner .binds>ul>li>ul>li> ul > li > a:before{background-color: #666;}
}
@media screen and (max-width: 1280px) and (min-width: 1025px){
    #slide_map .inner .binds>ul>li{width: calc((100% - 8.8% - 9px) / 3 );}
    #slide_map .inner .binds>ul>li:nth-child(4n+1){margin-left: 4.4%;}
    #slide_map .inner .binds>ul>li:nth-child(3n+1){margin-left: 0;}
    #slide_map .inner .binds>ul>li:nth-child(n+4){margin-top: 3%;}
    
}
@media screen and (max-width: 1504px){
    /* //////////////////////////////////////////////////////////////////////////////

        header

    ////////////////////////////////////////////////////////////////////////////// */
    .user #header h1{left: 2em; margin-left: 0; width: 18.5em;}
    .user #header h1 a{background-size: 296px auto;}
    .user #header .toputil_control{right: calc(2em - 2px); margin-right: 0;}
    .user #header #gnb > ul{padding: 0 11em 0 22em;}
    .user #header #gnb > ul > li .tmenu_ti{padding: 95px 1.4em 2em;}
    .user #header #gnb > ul > li > a{}
    .user #header #gnb > ul > li > ul{padding: 3.1875em 2em 3.1875em 18.6875em;}
}

@media screen and (max-width: 1380px){
    /* //////////////////////////////////////////////////////////////////////////////

        footer

    ////////////////////////////////////////////////////////////////////////////// */
    .user #footer{padding: 0 0 2.6em 0;}
    /* .user #header h1 a{background-size: 240px auto;} */
    .user #footer .ft_txts{padding-left: 0; padding-top: 4.6em;}
    .user #footer .ft_txts:before{background-position: left center;}
    .user #footer .menu_link{}
}

@media screen and (max-width: 1280px){
    /* //////////////////////////////////////////////////////////////////////////////

        header

    ////////////////////////////////////////////////////////////////////////////// */
    .user #header h1{width: 16em;}
    .user #header h1 a{background-size: 256px auto;}
    .user #header #gnb > ul{padding: 0 11em 0 19em;}
    .user #header #gnb > ul > li > a{height: 4.945em; font-size: 1.1em;}
    .user #header #gnb > ul > li > a >span{letter-spacing: -0.06em;}
    .user #header #gnb > ul > li > ul{padding: 2em 0.5em 2em 17.1875em;}
    .user #header #gnb > ul > li > ul > li{width: calc((100% - 1px - 3em) / 3); }
    .user #header #gnb > ul > li > ul > li:nth-child(n+4){margin-top: 1em;}
    .user #header #gnb > ul > li > ul > li:nth-child(4n+1){margin-left: 1em;}
    .user #header #gnb > ul > li > ul > li:nth-child(3n+1){margin-left: 0;}
}

@media screen and (max-width: 1024px){
	body{font-size: 15px;}
    .js_tablet_check{display:block;}
    /* //////////////////////////////////////////////////////////////////////////////

        slide_map

    ////////////////////////////////////////////////////////////////////////////// */
    #slide_map{
    opacity:0; overflow:hidden; position:fixed; z-index:800; top:0; right:-100%; width:100%; height:100%;
    
}
    #slide_map{
        display:block;
        transition:all 0.5s ease; -webkit-transition:all 0.5s ease;
    }
    #slide_map:before {content:""; display:block; width:100%; height:100%; position:absolute; right:34.4em; top:0; z-index:2; background:rgba(46, 46, 46, 0.34); }
    #slide_map .inner {width:34.4em; border-color: #415E47;}
    #slide_map .inner .binds{padding: 0;}
    #slide_map .inner .binds .mob_titles{display: none;}
    #slide_map .inner .binds .toputil_control{width: 10.8em;}
    #slide_map .inner .binds .toputil_control a{width: calc(100%/ 3);}
    #slide_map .inner .binds .toputil_control .his_btn{display: block;}
    #slide_map .inner .binds .toputil_control .lang_btn{display: block;}
    #slide_map .inner .binds .toputil_control .search_btn_open{display: block; }
    #slide_map .inner .binds >ul{padding: 0 3.4em 0; margin-top: 0.4em; max-height: calc(100% - 6em);}
    #slide_map .inner .binds>ul>li{display: block; float:none; width:auto; margin-left: 0;} 
    #slide_map .inner .binds>ul>li:nth-child(n+5){margin-top: 0;}
    
    /* //////////////////////////////////////////////////////////////////////////////

        header

    ////////////////////////////////////////////////////////////////////////////// */
    .user #header{position: absolute; height: 57px;}
    #sub.user #header{background: url(../../../images/site/eng/layout/subheader_bg.jpg) no-repeat top center; background-size: cover;}
    .user #header.search_on{height: 57px; background: transparent;}
    #sub.user #header.search_on{height: 57px;}
    .user #header h1{
        left: 50%; height: 100%;
        transform: translateX(-50%); -webkit-transform: translateX(-50%)
    }
    .user #header:before{top: 55px; display: block; background-color: rgba(196, 165, 122, 0.45);}
    #sub.user #header:before{display: none;}
    .user #header h1 a{height: 100%;}
    .user #header .toputil_control{top: 0; right: 0; width: 3.54em; height: 100%;}
    .user #header .toputil_control .his_btn{display: none;}
    .user #header .toputil_control .lang_btn{display: none;}
    .user #header .toputil_control .lang_box{display:none !important;}
    .user #header .toputil_control .search_btn_open{display: none;}
    .user #header .toputil_control a{width: 100%; height: 100%;}
    .user #header #gnb{display: none;}
    #main #fullpage>.controll{display: none;}
    .user #header .search_form,
    #sub.user #header .search_form{display: none !important;}
    
    /* //////////////////////////////////////////////////////////////////////////////

        visual

    ////////////////////////////////////////////////////////////////////////////// */
    #sub.user #visual{height: 14.46em;}
    #sub.user #visual:before{height: 100%; width: 100%; background: url(../../../images/site/eng/layout/subvisualbg2.png) no-repeat center center; background-size: cover;}
    #sub.user #visual .layout{top: calc((100% - 3.07em) / 2); text-align: center;}
    #sub.user #visual .layout p{display: none;}
    
    /* //////////////////////////////////////////////////////////////////////////////

        container

    ////////////////////////////////////////////////////////////////////////////// */
    #sub.user #container #content{min-height: auto;}
    #sub.user #container #remote{height: 3.07em; top: -3.07em; left: 0;}
    #sub.user #container #remote #lnb > .home{width: 3.07em; background-color: rgba(34, 34, 34, 0.5);}
    #sub.user #container #remote #lnb > ul > li{border-right: none;}
    #sub.user #container #remote #lnb > ul > li > a{display: inline-block; width: auto; padding: 0 1.5em 0 1.5em; cursor: auto;}
    #sub.user #container #remote #lnb > ul > li > a.on{background-color: transparent; border: none; color: #fff; font-weight: 300;}
    #sub.user #container #remote #lnb > ul > li > a:before,
    #sub.user #container #remote #lnb > ul > li > a.on:before{
        right: -0.625em; background-image: url(../../../images/site/eng/layout/sublnb_ico.svg);
        transform: translateY(-50%) rotate(-90deg); -webkit-transform: translateY(-50%) rotate(-90deg);
    }
    #sub.user #container #remote #lnb > ul:before,
    #sub.user #container #remote #lnb > ul > li > a:after{display: none}
    #sub.user #container #remote #lnb > ul > li:last-child a:before{display: none;}
    #sub.user #container #remote #lnb > ul > li > a > span{line-height: 3.07;}
    #sub.user #container #remote #lnb ul li ul{display: none !important;}
    #sub.user #container .prsns{top: 2.6em;}
    #sub.user #container .prsns .sns{top: 0.1em; right: 4em; width: 58px;}
    #sub.user #container .prsns .sns li{margin-left: 0.3em;}
    #sub.user #container .prsns .sns li a{width: 26px; height: 26px;}
    #sub.user #container .prsns .print{display: none;}
    #sub.user #container .prsns .btn_share{width: 1.87em; height: 1.87em;}
    #txt{min-height: 400px; padding-top: 2.33em;}
    #txt h3.title{padding: 0 0 0.6em; font-size: 1.87em;}
    #txt h3.title:before{display: none;}
    #txt h3.title + div{padding-top: 1em;}
    
    
    /* //////////////////////////////////////////////////////////////////////////////

        footer

    ////////////////////////////////////////////////////////////////////////////// */
    #main.user:not([data-pullpage="max"]) #footer{transform: translateY(0); -webkit-transform: translateY(0);}
    .user #footer{position: relative; padding:/* 2.27em*/ 1.5em 0 1.75em 0;}
    .user #footer .top_lay{padding-top: 0; padding-bottom: 0.8em; text-align: center; }
    .user #footer .top_lay:before{}
    .user #footer .top_lay > ul{display: inline-block;}
    .user #footer .top_lay > ul > li:not(:first-child){margin-left: 2em;}
    .user #footer .top_lay > ul > li:not(:first-child):before{left: -1em;}
    .user #footer .top_lay + .layout{margin-top: 0; padding: 0 2em 3.4em; text-align: center;}
    .user #footer .ft_txts:before{display: none;}
    .user #footer .ft_txts{padding-top: 1.2em; padding-left: 0;}
    .user #footer .ft_txts p{display: inline-block;}
    .user #footer .ft_txts .copy{display: block; margin-top: 0.4em;}
    .user #footer .menu_link{
        top: auto; right: auto; bottom: 0; left: 50%; display: inline-block; width: 100%;
        transform: translateX(-50%); -webkit-transform: translateX(-50%);
    }
    .user #footer .menu_link .relate_site, .user #footer .menu_link .ft_sns{vertical-align: text-bottom;}
    .user #footer .menu_link .relate_site{width: 10.13em; text-align: left;}
    .user #footer .menu_link .relate_site > a{padding: 0.45em 2.6em 0.45em 1.2em; border: 1px solid rgba(255, 255, 255, 0.2);}
    .user #footer .menu_link .ft_sns{width: auto; height: calc(2.34em + 2px); margin-top: -1px; margin-right: 0.8em; border: 1px solid rgba(255, 255, 255, 0.2);}
    .user #footer .menu_link .ft_sns a{width: 2.34em; background-size: 1.6em;}
    .user #footer .menu_link .ft_sns a:not(:first-child){border-left: 1px solid rgba(255, 255, 255, 0.2); box-sizing: border-box;}
    .user #footer .menu_link .relate_site > a:before{right: 1.2em;}
    .user #footer .menu_link .relate_site > ul{bottom: 2.3em; max-height: 11.4em;}
    .user #footer .menu_link .relate_site > ul > li > a{padding: 0.4em 1.2em}
    .user #footer .mark_box{position: relative; top: auto; right: auto;  margin-top: 0.8em;}
    .user #footer .mark_box .fam_mark,
    .user #footer .mark_box .web_mark{font-size: 0.8em;}
    
    #main[data-pagenumber="0"] .floating_top,
    #main[data-pagenumber="0"] .floating_top{display: none; opacity: 1; visibility: visible;}
}

@media screen and (max-width: 640px){
	body{font-size: 14px;}
    .user .layout{padding: 0 1.7em;}
    .js_mobile_check{display:block;}
    
    /* //////////////////////////////////////////////////////////////////////////////

        header

    ////////////////////////////////////////////////////////////////////////////// */
    .user #header,
    .user #header.search_on,
    #sub.user #header.search_on{height: 3.08em;}
    .user #header:before{top: 2.9em;}
    .user #header h1{width: 13em;}
    .user #header h1 a{background-size:13em 2.08em; }
    .user #header .toputil_control{width: calc(3.08em - 2px);}
    .user #header .toputil_control .allmenu_btn_open{background-size: 2em 2em;}
    
    /* //////////////////////////////////////////////////////////////////////////////

        slide_map

    ////////////////////////////////////////////////////////////////////////////// */
    #slide_map .inner{width: 100%; max-width: 26.79em;}
    #slide_map:before{right: 26.79em;}
    #slide_map .inner .binds >ul{padding: 0 1.78em 0; margin-top: 1em;}
    #slide_map .inner .binds .toputil_control{width: calc((3.08em - 2px) * 3);}
    #slide_map .inner .binds .toputil_control a{height: calc(3.08em - 2px);}
    #slide_map .inner .binds .toputil_control .his_box{
    	top: 2em;
    	transform: translateX(-76px); -webkit-transform: translateX(-76px);
   	}
    #slide_map .inner .binds .toputil_control .lang_btn{background-size: 2.2em 2.2em;}
    #slide_map .inner .binds .toputil_control .search_btn_open{background-size: 2em 2em;}
    #slide_map .inner .binds .toputil_control .search_btn_open{background-size: 2.2em 2.2em;}
    #slide_map .inner .binds .toputil_control .search_btn_open.on{background-size: 2em 2em;}
    #slide_map .inner .binds .m_close{background-size: 2.4em 2.4em;}
    #slide_map .inner .binds .toputil_control .lang_box{
        top: 2.15em; left: calc(3.08em - 2px); height: 9.8em;
        transform:translateX(-26px); -webkit-transform:translateX(-26px);
    }
    #slide_map .inner .binds .toputil_control .lang_box li:first-child{margin-top: 1.6em;}
    #slide_map .inner .binds .search_form{padding: 0;}
    #slide_map .inner .binds .search_form form input[type="submit"]{background-size: 80% 80%;}
    #slide_map .inner .binds>ul > li > a{font-size: 1.15em;}
    #slide_map .inner .binds>ul>li>ul>li> a{font-size: 1em;}
    
    /* //////////////////////////////////////////////////////////////////////////////

        visual

    ////////////////////////////////////////////////////////////////////////////// */
    #sub.user #visual{height: 10.15em;}
    #sub.user #visual .layout{top: calc((100% - 2.29em) / 2);}
    #sub.user #visual .layout .title{font-size: 1.79em;}
    #sub.user #container #remote{height: 2.29em; top: -2.29em;}
    #sub.user #container #remote #lnb > .home{display: none;}
    #sub.user #container #remote #lnb > ul{padding-left: 1.7em; box-sizing: border-box;}
    #sub.user #container #remote #lnb > ul > li > a{padding: 0 1.3em;}
    #sub.user #container #remote #lnb > ul > li:first-child > a{padding-left: 0;}
    #sub.user #container #remote #lnb > ul > li > a:before, 
    #sub.user #container #remote #lnb > ul > li > a.on:before{width: 1.1em; height: 1.1em;}
    #sub.user #container #remote #lnb > ul > li > a > span{line-height: 2.29;}
    #sub.user #container .prsns{top: 1.5em; padding-right: 1.7em;}
    #sub.user #container #txt{padding-top: 1.7em;}
    #sub.user #container #txt h3.title{font-size: 1.58em;}
    
    /* //////////////////////////////////////////////////////////////////////////////

        container

    ////////////////////////////////////////////////////////////////////////////// */
    #sub.user #container #content{margin-bottom:4em;}
    #sub.user #container .prsns .sns{top: 0.05em; right: 3.8em; width: 54px;}
    #sub.user #container .prsns .sns li a{width: 24px; height: 24px;}
    
    /* //////////////////////////////////////////////////////////////////////////////

        footer

    ////////////////////////////////////////////////////////////////////////////// */
    .user #footer{padding: 1.2em 0 1.75em 0;}
    .user #footer .menu_link .relate_site{display: inline-block; width: 9.5em; text-align: left;}
    .user #footer .menu_link .relate_site > a{padding: 0.43em 1.6em 0.43em 1em; margin-top: -1px;}
    .user #footer .menu_link .relate_site > a:before{background-size: contain; right: 1em;}
    .user #footer .menu_link .relate_site > ul{bottom: 2.4em; max-height: 9.45em;}
    .user #footer .menu_link .relate_site > ul > li > a{padding: 0.25em 1em;}
    .user #footer .menu_link .ft_sns{}
    .user #footer .ft_txts{padding-top: 1em;}
    .user #footer .mark_box .fam_mark, 
    .user #footer .mark_box .web_mark{font-size: 0.7em;}
    
    /* //////////////////////////////////////////////////////////////////////////////
 
        btn_top

    ////////////////////////////////////////////////////////////////////////////// */
    .user .floating_top{font-size: 0.9em; bottom: 5.5em;}
    .user .floating_top a{width: 4em; height: 4em; padding-top: 1.9em;}
    .user .floating_top a:before{top: 52.5%;}
}
@media screen and (max-width: 480px){
    /* //////////////////////////////////////////////////////////////////////////////

        container

    ////////////////////////////////////////////////////////////////////////////// */
    #sub.user #container #remote #lnb > ul > li:first-child{display:none;}
    #sub.user #container #remote #lnb > ul > li:nth-child(2) a{padding:0 1.3em 0 0;}

    /* //////////////////////////////////////////////////////////////////////////////

        slide_map

    ////////////////////////////////////////////////////////////////////////////// */
    #slide_map .inner{max-width: 20.79em;}
    #slide_map:before{right: 20.79em;}
    
    .user #footer .top_lay + .layout{padding: 0 2em 6.2em;}
    .user #footer .menu_link{text-align: center;}
    .user #footer .menu_link .relate_site, .user #footer .menu_link .ft_sns{display: block;}
    .user #footer .menu_link .ft_sns{width: 11.9em; margin: 0 auto 0.7em;}
    .user #footer .menu_link .relate_site{margin: -0 auto;}
    .user #footer .mark_box .fam_mark, 
    .user #footer .mark_box .web_mark{font-size: 0.65em;}
}
@media screen and (max-width: 360px){
    .user #footer .menu_link{}
}