@charset "UTF-8";

.wrap.over-hidden{height:100vh;overflow-y:hidden;}
/*.wrap.active header{z-index:-10;height:0;opacity:0;overflow:hidden;}*/
.wrap.active .top-util-box{z-index:-10;height:0;opacity:0;overflow:hidden;}
.wrap.active .header-top-wrap{z-index:-10;height:0;opacity:0;overflow:hidden;}
.wrap.active .header-bottom-wrap{z-index:-10;height:0;opacity:0;overflow:hidden;}
.wrap.active .container{z-index:-10;height:0;opacity:0;overflow:hidden;}
.wrap.active .main-visual-box .owl-dots{z-index:-10;height:0;opacity:0;overflow:hidden;}
.wrap.active .footer-box{z-index:-10;height:0;opacity:0;overflow:hidden;}

.wrap.active .main-box{position:fixed;top:0;left:0;z-index:10;}
.wrap.active .main-box .main-visual-txt-box{z-index:-10;height:0;opacity:0;overflow:hidden;}
.wrap.active .main-box .control-wrap{z-index:-10;height:0;opacity:0;overflow:hidden;}
.wrap.active .main-box .quick-box{z-index:-10;height:0;opacity:0;overflow:hidden;}
.wrap.active .main-box .notice-box{z-index:-10;height:0;opacity:0;overflow:hidden;}
.wrap.active .main-box .scroll-down{z-index:-10;height:0;opacity:0;overflow:hidden;}

/* transition */
/*header{transition:z-index 2s, opacity 2.5s;-ms-transition:z-index 2s, opacity 2.5s;transition-delay:2s;-ms-transition-delay:2s;}*/
.top-util-box{transition:z-index 2s, opacity 2.5s;-ms-transition:z-index 2s, opacity 2.5s;transition-delay:2s;-ms-transition-delay:2s;}
.header-top-wrap{transition:z-index 2s, opacity 2.5s;-ms-transition:z-index 2s, opacity 2.5s;transition-delay:2s;-ms-transition-delay:2s;}
.header-bottom-wrap{transition:z-index 2s, opacity 2.5s;-ms-transition:z-index 2s, opacity 2.5s;transition-delay:2s;-ms-transition-delay:2s;}
.intro-box{transition:z-index 2s, opacity 2.5s;-ms-transition:z-index 2s, opacity 2.5s;transition-delay:2s;-ms-transition-delay:2s;}
.main-visual-box .owl-dots{transition:z-index 2s, opacity 2.5s;-ms-transition:z-index 2s, opacity 2.5s;transition-delay:2s;-ms-transition-delay:2s;}
.main-visual-box .main-visual-txt-box{transition:z-index 2s, opacity 2.5s;-ms-transition:z-index 2s, opacity 2.5s;transition-delay:2s;-ms-transition-delay:2s;}
.main-visual-box .control-wrap{transition:z-index 2s, opacity 2.5s;transition-delay:2s;-ms-transition:z-index 2s, opacity 2.5s;-ms-transition-delay:2s;}
.quick-box{transition:z-index 2s, opacity 2.5s;-ms-transition:z-index 2s, opacity 2.5s;transition-delay:2s;-ms-transition-delay:2s;}
.notice-box{transition:z-index 2s, opacity 2.5s;-ms-transition:z-index 2s, opacity 2.5s;transition-delay:2s;-ms-transition-delay:2s;}
.scroll-down{transition:z-index 2s, opacity 2.5s;-ms-transition:z-index 2s, opacity 2.5s;transition-delay:2s;-ms-transition-delay:2s;}

.wrap.on .top-util-box{transition:z-index 0s, opacity 0s;-ms-transition:z-index 0s, opacity 0s;transition-delay:0s;-ms-transition-delay:0s;}
.wrap.on .header-top-wrap{transition:z-index 0s, opacity 0s;-ms-transition:z-index 0s, opacity 0s;transition-delay:0s;-ms-transition-delay:0s;}
.wrap.on .header-bottom-wrap{transition:z-index 0s, opacity 0s;-ms-transition:z-index 0s, opacity 0s;transition-delay:0s;-ms-transition-delay:0s;}
.wrap.on .intro-box{transition:z-index 0s, opacity 0s;-ms-transition:z-index 0s, opacity 0s;transition-delay:0s;-ms-transition-delay:0s;}
.wrap.on .main-visual-box .owl-dots{transition:z-index 0s, opacity 0s;-ms-transition:z-index 0s, opacity 0s;transition-delay:0s;-ms-transition-delay:0s;}
.wrap.on .main-visual-box .main-visual-txt-box{transition:z-index 0s, opacity 0s;-ms-transition:z-index 0s, opacity 0s;transition-delay:0s;-ms-transition-delay:0s;}
.wrap.on .main-visual-box .control-wrap{transition:z-index 0s, opacity 0s;-ms-transition:z-index 0s, opacity 0s;transition-delay:0s;-ms-transition-delay:0s;}
.wrap.on .quick-box{transition:z-index 0s, opacity 0s;-ms-transition:z-index 0s, opacity 0s;transition-delay:0s;-ms-transition-delay:0s;}
.wrap.on .notice-box{transition:z-index 0s, opacity 0s;-ms-transition:z-index 0s, opacity 0s;transition-delay:0s;-ms-transition-delay:0s;}
.wrap.on .scroll-down{transition:z-index 0s, opacity 0s;-ms-transition:z-index 0s, opacity 0s;transition-delay:0s;-ms-transition-delay:0s;}

@media (max-width: 1024px) {
	.top-util-box{transition:z-index 0s, opacity 0s;-ms-transition:z-index 0s, opacity 0s;transition-delay:0s;-ms-transition-delay:0s;}
	.header-top-wrap{transition:z-index 0s, opacity 0s;-ms-transition:z-index 0s, opacity 0s;transition-delay:0s;-ms-transition-delay:0s;}
	.header-bottom-wrap{transition:z-index 0s, opacity 0s;-ms-transition:z-index 0s, opacity 0s;transition-delay:0s;-ms-transition-delay:0s;}
	.intro-box{transition:z-index 0s, opacity 0s;-ms-transition:z-index 0s, opacity 0s;transition-delay:0s;-ms-transition-delay:0s;}
	.main-visual-box .owl-dots{transition:z-index 0s, opacity 0s;-ms-transition:z-index 0s, opacity 0s;transition-delay:0s;-ms-transition-delay:0s;}
	.main-visual-box .main-visual-txt-box{transition:z-index 0s, opacity 0s;-ms-transition:z-index 0s, opacity 0s;transition-delay:0s;-ms-transition-delay:0s;}
	.main-visual-box .control-wrap{transition:z-index 0s, opacity 0s;-ms-transition:z-index 0s, opacity 0s;transition-delay:0s;-ms-transition-delay:0s;}
	.quick-box{transition:z-index 0s, opacity 0s;-ms-transition:z-index 0s, opacity 0s;transition-delay:0s;-ms-transition-delay:0s;}
	.notice-box{transition:z-index 0s, opacity 0s;-ms-transition:z-index 0s, opacity 0s;transition-delay:0s;-ms-transition-delay:0s;}
	.scroll-down{transition:z-index 0s, opacity 0s;-ms-transition:z-index 0s, opacity 0s;transition-delay:0s;-ms-transition-delay:0s;}
}