@charset "UTF-8";
html.fixed, body.fixed {overflow:hidden;}
.skip-navigation {position:fixed; left:0; top:0; width:100%; z-index:100}
.skip-navigation li a {position:absolute; top:-100px; width:100%; text-align:center; font-size:1.4rem; line-height:1.5em; padding:5px 0; background:#000; color:#fff}
.skip-navigation li a:focus {top:0;}
#wrapper {padding-top:66px; position:relative;}
#header {position:fixed; z-index:10; left:0; top:0; width:100%; background-color:#fff}
#header .inner-header {position:relative; z-index:1; height:66px}
#header .inner-header h1 {position:absolute; z-index:1; left:15px; top:18px}
#header .inner-header h1 a {display:block; width:51px; height:37.5px; background:url(../../mobile/images/common/logo-header.png); background-size:100% 100%;}
#header .inner-header .menu {position: absolute; right:10px; top:23px; width:28px; height:20px; border:0; background:transparent;}
#header .inner-header .menu:before,
#header .inner-header .menu:after {content:''}
#header .inner-header .menu:before,
#header .inner-header .menu:after,
#header .inner-header .menu .bar {position: absolute; left:50%; top:50%; margin-left:-9px; margin-top:-1px; width:18px; height:2px; background-color:#1370d8; -webkit-transition:all 300ms; transition:all 300ms;}
#header .inner-header .menu:before {margin-top:-5px}
#header .inner-header .menu:after {margin-top:3px}
#header .inner-header .menu.active:before {transform:rotate(45deg); margin-top:-1px}
#header .inner-header .menu.active:after {transform:rotate(-45deg); margin-top:-1px}
#header .inner-header .menu.active .bar {opacity:0}
#header .inner-header .lang {position:absolute; right:52px; opacity:0; /* top:23px; */ top:-100px; line-height:20px; font-size:15px; -webkit-transition:opacity 300ms; transition:opacity 300ms;}
#header.active .lang {top:23px; opacity:1;}
#gnb {position:absolute; left:0; top:-100vh; width:100%; height:calc(100vh - 66px); height: calc((var(--vh, 1vh) * 100) - 66px); background-color:#fff; -webkit-overflow-scrolling: touch; -webkit-transition:all 300ms; transition:all 300ms;}
#gnb.active {top:66px}
#gnb nav {margin-top:50px; height:100%; overflow:auto; -webkit-overflow-scrolling: touch; text-align:center;}
#gnb .nav a {display: block; letter-spacing:-.05em;}
#gnb .nav > li ~ li {margin-top:35px}
#gnb .nav > li > a {font-size:25px; font-weight:bold; color:#000}
#gnb .nav ul li.active > a,
#gnb .nav ul li > a:hover,
#gnb .nav ul li > a:focus,
#gnb .nav > li.active > a,
#gnb .nav > li > a:hover,
#gnb .nav > li > a:focus {color:#1370d8}
#gnb .nav ul {display:none; padding-top:25px}
#gnb .nav ul li ~ li {margin-top:25px}
#gnb .nav ul li a {font-size:15px;}
#gnb .nav ul li.active a,
#gnb .nav ul li a:hover,
#gnb .nav ul li a:focus {text-decoration:underline;}

#footer {background-color:#222}
#footer .group-footer ~ .group-footer {border-top:1px solid #393939}
#footer .group-footer {content:''; display:block; clear:both}
/* #footer .group-footer .inner-footer {min-width:1280px; max-width:1400px; margin:0 auto; padding:0 100px}
#footer .group-footer .inner-footer:after {content:''; display:block; clear:both} */
#footer .group-footer .menu {float:left; padding:10px 0}
#footer .group-footer .menu:after {content:''; display:block; clear:both}
#footer .group-footer .menu li {float:left}
#footer .group-footer .menu li a {display:block; line-height:30px; padding:0 14px; font-size:1.5rem; font-weight:300; color:#fff}
#footer .group-footer .family {float:right; width:125px; position:relative;}
#footer .group-footer .family a {color:#fff}
#footer .group-footer .family > a {display:block; padding:0 14px; font-family:'Roboto', sans-serif; font-size:1.5rem; line-height:50px; border-left:1px solid #393939}
#footer .group-footer .family > a:before,
#footer .group-footer .family > a:after {content:''; position: absolute; top:50%; right:14px; width:8px; height:1px; background-color:#666;}
#footer .group-footer .family > a:after {transform:rotate(90deg);}
#footer .group-footer .family ul {position:absolute; left:0; bottom:100%; width:100%; max-height:0; overflow:hidden; background-color:#222; -webkit-transition:all 600ms; transition:all 600ms; /* border:1px solid #393939 */}
#footer .group-footer .family ul li ~ li {border-top:1px solid #393939}
#footer .group-footer .family ul li a {display:block; padding:0 14px; line-height:36px; font-size:1.4rem;}
#footer .group-footer .family.active ul {max-height:999px}
#footer .group-footer .copyright {padding:20px 14px; font-size:1.2rem; line-height:2em; color:#777; font-weight:300; text-align:center;}

#content {min-height:60vh}

.btn-top {position:fixed; z-index:1000; bottom:15px; right:15px; width:35px; height:35px; font-size:0; text-indent:-9999px; background:rgba(0,0,0,.6) url(../../mobile/images/main/btn-top.png) center center no-repeat; background-size:auto 12px; border-radius:100%; border:1px solid #ffb400}