/* webfont */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700,900|Roboto:400,500,700,900&display=swap');

html, body{
    color: #000; font-size: 16px; line-height: 1.15; font-weight:200; background:#fff; font-family: Noto Sans KR, Dotum, AppleGothic, Tahoma, Geneva, sans-serif, Microsoft YaHei, Meiryo;
    width:100%;overflow-x:hidden;
}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,tr,td,thead,tbody,form,fieldset,legend,input,textarea,button{margin:0;padding:0;font-size:0.813rem;}
h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:normal;}
ul,ol,li,dl,dt,dd {list-style:none;}
a{text-decoration:none;color:inherit;}
input,select,button{vertical-align:middle;outline:none;}
button{border:none;}
img{max-width:100%;vertical-align:top;}

/* layout */
#container{padding:55px 0 0;}
#content{position:relative;}
#articleWrap{position:relative;z-index:2;background:#fff;}
.article{padding:2.5rem 1rem;background:#fff;}
.article.g{background:#f7f7f7;}
.contentVisual{position:sticky;z-index:1;top:55px;height:95vw;padding-top:20vw;background-position:center center;background-repeat:no-repeat;background-size:cover;text-align:center;color:#fff;box-sizing:border-box;transform:translateZ(0);}
.contentVisual h2{margin-bottom:0.875rem;font-size:1.25rem;font-weight:700;}
.contentVisual h2 span{display:block;margin-bottom:0.25rem;opacity:0;transform:translate3d(0,1rem,0) scale(0.9);transition:all 0.4s ease;}
.contentVisual h2 em{display:block;font-style:normal;font-size:2.375rem;opacity:0;transform:translate3d(0,1rem,0) scale(0.9);transition:all 0.4s ease;}
.contentVisual .submsg{font-size:0.875rem;line-height:1.35;opacity:0;transform:translate3d(0,1rem,0) scale(0.9);transition:all 0.4s ease;}
.contentVisual.action h2 span, .contentVisual.action h2 em, .contentVisual.action .submsg{opacity:1;transform:translate3d(0,0,0) scale(1);}

/* animate */
.anifadeTopStandby{opacity:0;transform:translate3d(0,2rem,0);transition:all 0.4s ease;}
.anifadeTopStandby.action{opacity:1;transform:translate3d(0,0,0);}

.aniDelay1{transition-delay:0.1s !important;}
.aniDelay2{transition-delay:0.2s !important;}
.aniDelay3{transition-delay:0.3s !important;}
.aniDelay4{transition-delay:0.4s !important;}
.aniDelay5{transition-delay:0.5s !important;}
.aniDelay6{transition-delay:0.6s !important;}
.aniDelay7{transition-delay:0.7s !important;}
.aniDelay8{transition-delay:0.8s !important;}
.aniDelay9{transition-delay:0.9s !important;}

/**/
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px;}
.swiper-pagination-bullet{width:10px;height:10px;background:#cccccc;opacity:1;transition:all 0.2s ease;}
.swiper-pagination-bullet-active{background:#1c56db;}