/* 스크롤 */
body{-ms-overflow-style: none;} 
body::-webkit-scrollbar{display:none;}
.mbr{display:none; }
/* 인트로 */
/*.intro_box{position: fixed; width: 100%; height: 100vh; overflow: hidden; z-index: 1000; }*/
.intro_box{position: fixed; width: 100%; height: 100vh; overflow: hidden; z-index: 0; opacity:0 }
.intro_box .bg{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; background: #111;}
.intro_box svg{transform: scale(1); transform-origin: 65.39% 50%; width: 100%; height: 100%;}
.intro_box svg #fade{opacity: 0;}
.intro_box svg #circle_wrap{opacity: 1;}

/* 메인 */
.main{}
.main .slide_wrap{position:relative; }
.main .slide_wrap .slide_bg{background: #000; position:fixed; left: 0; width: 100%; height: 150%; z-index: 10;}
.main .slide_wrap .slide_bg.up{bottom: 150%;}
.main .slide_wrap .slide_bg.up.on{animation:up 1.2s cubic-bezier(0.5, 1, 0.89, 1) both }
.main .slide_wrap .slide_bg.down{top: 150%;}
.main .slide_wrap .slide_bg.down.on{animation:down 1.2s cubic-bezier(0.5, 1, 0.89, 1) both }
.main .slide_wrap .slide_link{position:absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 80;}
.main .slide_wrap .slide_link ul li{width: 100%; height: 100vh;}
.main .slide_wrap .slide_link a{position:absolute; top: 0; left: 0; right: 0; bottom: 0;}
.main .slide_wrap .slide_img .item{position:relative; width: 100vw; height: 100vh; overflow: hidden; border:none;}
.main .slide_wrap .slide_img .item a{position:absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: default;}
.main .slide_wrap .slide_img .item .bg{width: 100%; height: 100%; transition:1s; background-size:cover !important;}
.main .slide_wrap .slide_img .item .video{position:relative; width: 100%; height: 100%;}
.main .slide_wrap .slide_img .item .video video{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); min-width: 100%; min-height: 100%;}
.main .slide_wrap .slide_img .item .bg2{background:url(/img/main/mv01.jpg) 50% 50% no-repeat;}
.main .slide_wrap .slide_img .item .bg4{background:url(/img/main/mv02.jpg) 50% 50% no-repeat;}
.main .slide_wrap .slide_img .item .bg5{background:url(/img/main/mv03.jpg) 50% 50% no-repeat;}
.main .slide_wrap .slide_img .item .bg6{background:url(/img/main/mv04.jpg) 50% 50% no-repeat;}
.main .slide_wrap .slide_img .item .bg7{background:url(/img/main/mv05.jpg) 50% 50% no-repeat;}
.main .slide_wrap .slide_img .item .bg8{background:url(/img/main/mv06.jpg) 50% 50% no-repeat;}
.main .slide_wrap .slide_img .item .bg9{background:url(/img/main/mv07.jpg) 50% 50% no-repeat;}
.main .slide_wrap .slide_img .item .bg10{background:url(/img/main/mv08.jpg) 50% 50% no-repeat;}
.main .slide_wrap .slide_img .item .bg11{background:url(/img/main/mv11.jpg) 50% 50% no-repeat;}
.main .slide_wrap .slide_img .item .bg12{background:url(/img/main/mv12.jpg) 50% 50% no-repeat;}

.main .slide_wrap .slide_img .item.slick_on .bg:not(.video){animation:zoom 3s 0.5s cubic-bezier(0.5, 1, 0.89, 1) both}

.main .slide_wrap .hidden_box{position:fixed; top: 31vh; left: 0; width: 100%; height: calc(100vh - 31vh); overflow: hidden; z-index: 20;}
.main .slide_wrap .slide_txt{position:absolute; width: 100%; padding-left: 150px; top: -28%; left: 0; box-sizing:border-box;}
.main .slide_wrap .slide_txt .item{position:relative; height: auto; border:none; padding-bottom:110px; opacity: 0.4; transition:0.3s}
.main .slide_wrap .slide_txt .item .txt{position:relative; display:inline-block; vertical-align: top;}
.main .slide_wrap .slide_txt .item .txt a{position:absolute; top: 0; left: 0; bottom: -50px; right: 0; z-index: -1;}
.main .slide_wrap .slide_txt .item .txt a:hover{cursor:none}
.main .slide_wrap .slide_txt .item .txt h2{position:relative; font-family: 'Cormorant', 'Noto Sans KR', sans-serif; font-weight:300; font-size:110px; color: #fff; text-transform: uppercase; padding-left: 34px; line-height: 1.3; transition:padding 1s; cursor: default;}
.main .slide_wrap .slide_txt .item .txt h2 span{position:absolute; font-size:20px; letter-spacing:0.05em; top: 12px; left: 0; transition:0.3s}
.main .slide_wrap .slide_txt .item .txt .item_logo{position:absolute; bottom: -36px; left: 8px; opacity: 0; transition:0.3s}
.main .slide_wrap .slide_txt .item .txt .item_logo.b43{bottom: -43px;}
.main .slide_wrap .slide_txt .item .txt .item_logo.svg122{width: 122px;}
.main .slide_wrap .slide_txt .item.on {padding-bottom:170px; opacity: 1;}
.main .slide_wrap .slide_txt .item.on .txt .item_logo{opacity: 1;}
.main .slide_wrap .slide_txt .item.on .txt h2{padding-left: 0; font-size:140px; font-family: 'Red Hat Display', 'Noto Sans KR', sans-serif;  font-weight:700;}
.main .slide_wrap .slide_txt .item.on .txt h2 span{opacity: 0;}
.main .slide_wrap .slide_txt .item.on .txt a{z-index: 1;}
.main .slide_wrap .slide_txt .item.on2 .txt .item_logo,
.main .slide_wrap .slide_txt .item.on2 .txt h2 span,
.main .slide_wrap .slide_txt .item.on2 .txt h2,
.main .slide_wrap .slide_txt .item.on2{transition:0s !important;}

/* 노트북 125% */
.ratio .main .slide_wrap .slide_txt .item{padding-bottom:4.195070791819612vw;}
.ratio .main .slide_wrap .slide_txt .item .txt h2{font-size:5.729vw;}
.ratio .main .slide_wrap .slide_txt .item .txt h2 span{font-size:1.05vw; top: 0.5vw;}
.ratio .main .slide_wrap .slide_txt .item .txt .item_logo{bottom: -2.6vw;}
.ratio .main .slide_wrap .slide_txt .item .txt .item_logo.b43{bottom: -3vw;}
.ratio .main .slide_wrap .slide_txt .item.on {padding-bottom:7.341373885684321vw;}
.ratio .main .slide_wrap .slide_txt .item.on .txt h2{font-size:7.3vw;}

@keyframes up{
	0%{bottom: 150%}
	100%{bottom:-150%}
}

@keyframes down{
	0%{top:150%}
	100%{top:-150%}
}

@keyframes zoom{
	0%{transform: scale(1.4)}
	100%{transform: scale(1)}
}
/* @media screen and (min-width: 1924px){
	.main .slide_wrap .slide_txt{top: -28%;}
} */
@media screen and (max-width: 1600px){
	.main .slide_wrap .hidden_box{top: 26vh; height: calc(100% - 26vh);}
	.main .slide_wrap .slide_txt{padding-left: 50px;}
}

@media screen and (max-width: 1400px){
	.main .slide_wrap .hidden_box{top: 34vh; height: calc(100% - 34vh);}
	.main .slide_wrap .slide_txt{top: -26%;}
	.main .slide_wrap .slide_txt .item{padding-bottom:60px;}
	.main .slide_wrap .slide_txt .item .txt h2{font-size:80px;}
	.main .slide_wrap .slide_txt .item .txt h2 span{top: 3px;}
	.main .slide_wrap .slide_txt .item.on{padding-bottom:100px;}
	.main .slide_wrap .slide_txt .item.on .txt h2{font-size:110px;}
}

@media screen and (max-width: 1200px){
	html, body{position: fixed; width: 100%; overflow: hidden; transform: translate3d(0,0,0); -webkit-transform: translateZ(0);}
	
	.intro_box,
	.intro_box svg{height: 100vh; height: calc(var(--vh, 1vh) * 100);}

	.main .slide_wrap .slide_txt{top: -24%;}
	.main .slide_wrap .slide_txt{padding-left: 30px;}
	.main .slide_wrap .slide_img .item{height: 100vh; height: calc(var(--vh, 1vh) * 100);}
	.main .slide_wrap .slide_txt .item .txt h2{font-size:70px;}
	.main .slide_wrap .slide_txt .item .txt h2 span{top: 2px;}
	.main .slide_wrap .slide_txt .item .txt .item_logo{left: 4px;}
	.main .slide_wrap .slide_txt .item .txt a:hover{cursor:pointer}
	
	.main .slide_wrap .slide_txt .item.on .txt h2{font-size:95px;}
}

@media screen and (max-width: 1000px){

	.main .slide_wrap .hidden_box{top: 29vh; height: calc(100% - 29vh);}
	.main .slide_wrap .slide_txt{top: -20%; padding-left: 16px;}
	.main .slide_wrap .slide_txt .item .txt h2{font-size:60px;}
	.main .slide_wrap .slide_txt .item.on .txt h2{font-size:80px;}
}

@media screen and (max-width: 830px){
	.main .slide_wrap .slide_txt{top: -8%;}
	.main .slide_wrap .slide_txt .item .txt h2{font-size:50px;}
	.main .slide_wrap .slide_txt .item .txt .item_logo.b43{bottom: -48px;}

	.main .slide_wrap .slide_txt .item.on .txt h2{font-size:75px;}

	.main .slide_wrap .slide_img .item .bg2{background:url(/img/main/mv01_p.png) 100% 100% no-repeat;}
	.main .slide_wrap .slide_img .item .bg4{background:url(/img/main/mv02_p.png) 100% 100% no-repeat;}
	.main .slide_wrap .slide_img .item .bg5{background:url(/img/main/mv03_p.png) 100% 100% no-repeat;}
	.main .slide_wrap .slide_img .item .bg6{background:url(/img/main/mv04_p.png) 100% 100% no-repeat;}
	.main .slide_wrap .slide_img .item .bg7{background:url(/img/main/mv05_p.png) 100% 100% no-repeat;}
	.main .slide_wrap .slide_img .item .bg8{background:url(/img/main/mv06_p.png) 100% 100% no-repeat;}
	.main .slide_wrap .slide_img .item .bg9{background:url(/img/main/mv07_p.png) 100% 100% no-repeat;}
	.main .slide_wrap .slide_img .item .bg10{background:url(/img/main/mv08_p.png) 100% 100% no-repeat;}
} 

@media screen and (max-width: 620px){
	.main .slide_wrap .hidden_box{top: 28vh; height: calc(100% - 28vh);}
	.main .slide_wrap .slide_txt .item .txt h2{font-size:34px;}
	.main .slide_wrap .slide_txt .item.on .txt h2{font-size:56px;}
}

@media screen and (max-width: 720px){
	.mbr{display:block;}
} 
@media screen and (max-width: 500px){
	.main .slide_wrap .slide_txt .item .txt .item_logo{bottom: -30px;}
	.main .slide_wrap .slide_txt .item .txt .item_logo.b43{bottom: -45px;}
	.main .slide_wrap .slide_txt .item .txt .item_logo.m80 img{max-width: 75%;}
	.main .slide_wrap .slide_txt .item .txt .item_logo.svg122{width: 92px;}

	.main .slide_wrap .slide_img .item .bg2{background:url(/img/main/mv01_m.jpg) 100% 100% no-repeat;}
	.main .slide_wrap .slide_img .item .bg4{background:url(/img/main/mv02_m.jpg) 100% 100% no-repeat;}
	.main .slide_wrap .slide_img .item .bg5{background:url(/img/main/mv03_m.jpg) 100% 100% no-repeat;}
	.main .slide_wrap .slide_img .item .bg6{background:url(/img/main/mv04_m.jpg) 100% 100% no-repeat;}
	.main .slide_wrap .slide_img .item .bg7{background:url(/img/main/mv05_m.jpg) 100% 100% no-repeat;}
	.main .slide_wrap .slide_img .item .bg8{background:url(/img/main/mv06_m.jpg) 100% 100% no-repeat;}
	.main .slide_wrap .slide_img .item .bg9{background:url(/img/main/mv07_m.jpg) 100% 100% no-repeat;}
	.main .slide_wrap .slide_img .item .bg10{background:url(/img/main/mv08_m.jpg) 100% 100% no-repeat;}
} 

/* 가로 */
@media screen and (max-height: 480px) {
	.main .slide_wrap .hidden_box{top: 13vh;}
	.main .slide_wrap .slide_img{width: 100vw;}
	.main .slide_wrap .slide_txt{top: -12%;}
	.main .slide_wrap .slide_txt .item{padding-bottom: 40px;}
	.main .slide_wrap .slide_txt .item .txt h2{font-size:25px;}
	.main .slide_wrap .slide_txt .item .txt .item_logo{bottom: -19px;}
	.main .slide_wrap .slide_txt .item .txt .item_logo.b43{bottom: -26px;}
	.main .slide_wrap .slide_txt .item.on{padding-bottom: 60px;	}
	.main .slide_wrap .slide_txt .item.on .txt h2{font-size:35px;} 
	.main .slide_wrap .slide_txt .item.on .txt .item_logo img{max-width: 50%;}

}