body.fixed{overflow : hidden;}
.section{overflow: hidden;}
.open-rotate-btn{display: flex;flex-direction: column;align-items: center;justify-content: center; background: #0EAB4A; width : 110px; height : 110px; position : absolute; right : 95px; bottom : 52px; z-index: 10; border-radius: 50%; color : #CCCCCC; font-family: PT; letter-spacing: -0.04em;font-weight: 700; transition : 1.2s; opacity: 0; transform: translateX(100px); font-size: 21px; font-family: jost; line-height: 1em;padding-top: 5px;}
.on .open-rotate-btn{opacity: 1; transform: translateX(0);}

.open-rotate-btn::after{position : absolute; content : ''; width : 142px; height : 142px;  background: url(../images/main/open-rotate-text.png)no-repeat center / contain; animation : rotate-text 8s infinite linear; filter: invert(0.5)}
@keyframes rotate-text {
    100%{transform: rotate(360deg);}
}

.scroll{display: flex;align-items: end;gap : 8px; position : absolute; bottom : 50px; left : 80px; z-index: 10; pointer-events: none; transition : .5s;}
.scroll.hide{opacity: 0;}
.scroll-icon{display: flex;flex-direction: column;align-items: center;}
.scroll-progress{width :1px;height : 73px; background: rgba(255,255,255,0.5); position : relative; margin-bottom: 8px; transition : background .5s, color .5s;}
.dark .scroll-progress{background: rgba(0,0,0,0.3);}

.scroll-progress::after{position : absolute; content: '';width : 100%; height : 100%; left : 0; top : 0; background: #fff;animation : scroll-progress 2s infinite; transition : background .5s, color .5s;}
.dark .scroll-progress::after{background: #000;}
@keyframes scroll-progress {0%{height : 0%}100%{height : 100%;}}

.scroll-circle{width : 10px;height : 10px; border-radius: 50%; border : 1px solid #fff; transition : border-color .5s;}
.dark .scroll-circle{border-color: #000;}
.scroll-arrow{width : 8px;height : 8px; border-bottom : 1px solid #fff; border-right : 1px solid #fff; transform: rotate(45deg); transition : border-color .5s;}
.dark .scroll-arrow{border-color: #000}
.scroll > span{color : #fff; transition : color .5s; font-family: Athena; font-size: 16px; line-height: 1em; transition : background .5s, color .5s;}
.dark.scroll > span{color : #000}

.swiper-wrapper{transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important}

/**/

#intro{position : fixed; left : 0;top : 0; width : 100%;height : 100%; z-index: 10000; background: #FFFBF6; transition : 1s;}
#intro.end{opacity: 0; pointer-events: none;}
#intro > div{position : absolute; left : 0;top : 0; width : 100%; height : 100%;}

.intro-01{display: flex;flex-direction: column;align-items: center;justify-content: center; transition : 0.7s;}
.t1 .intro-01{opacity: 0;}
.intro-tit{font-family: jost; font-size: 49px; letter-spacing: 0.1em; font-weight: 400; color : #043C3E; margin-bottom: 10px;}
.intro-tit .char{opacity: 0; transform: scale(0.3);}
.intro-desc{font-family: GG; font-size: 24px; letter-spacing: -0.03em; opacity: 0; transform: translateY(30px);}

/* .intro-02{opacity: 0;} */
/* .on .intro-02{opacity: 1;} */
.intro-img-01{position : absolute; width : 718px; height : 403px; left : 50%; top : 50%; transform: translateX(-50%) translateY(-50%); transition : 2s;}
.t2 .intro-img-01{width : 387px; height : 238px;}

.intro-img-text{display: flex;align-items: start; position : absolute; left : 0;top : 0; width : 100%; height : 100%; transition : 1s;}
.t2 .intro-img-text{opacity: 0;}

.intro-img-text > div{position : absolute; left : 0;top : 0; width : 100%; height : 100%; opacity: 0; mask-size: contain;}
.intro-text-01{mask-image: url(/assets/images/main/intro-text-01.png); transform: translateX(-200px);}
.intro-text-02{mask-image: url(/assets/images/main/intro-text-02.png); transform: translateY(-200px);}
.intro-text-03{mask-image: url(/assets/images/main/intro-text-03.png); transform: translateY(200px);}
.intro-text-04{mask-image: url(/assets/images/main/intro-text-04.png); transform: translateX(200px);}

.t1 .intro-img-text > div{opacity: 1; transform: translateX(0) translateY(0);}
.t1 .intro-img-text > div:nth-child(1){transition : 1.2s 0s;}
.t1 .intro-img-text > div:nth-child(2){transition : 1.2s 0.2s;}
.t1 .intro-img-text > div:nth-child(3){transition : 1.2s 0.4s;}
.t1 .intro-img-text > div:nth-child(4){transition : 1.2s 0.6s;}

.intro-img-text > div > img{position : absolute; left : 0;top : 0; width : 100%; height : 100%; transform: scale(1.5); transition : 1.5s; object-fit: cover; object-position: center; transition : 3s;}
.t1 .intro-img-text > div > img{transform: scale(1);}

.intro-img-text-bg{width : 100%;height : 100%; object-fit: cover; object-position: center; opacity: 0; transition :1s;}
.t2 .intro-img-text-bg{opacity: 1;}

.intro-sign{position : absolute; font-family: AV; font-size: 79px; line-height: 0.8em; color : #4B4B4B; top : calc(50% + 300px);left : calc(50% + 460px); transform: translateX(-300px) translateY(100px) rotate(-15deg); opacity: 0; transition : 1.5s;}
.t1 .intro-sign{transform: translateX(-50%) translateY(-50%) rotate(-15deg); opacity: 1;}
.t2 .intro-sign{opacity: 0;}
.intro-sign > p:nth-child(2){margin-left: 120px;}

.intro-img-02{position : absolute; height : 238px; background: pink; left : calc(50% + (387px / 2) + 16px);top : 50%; transform: translateY(-50%) translateX(200px); width : calc(50% - (387px / 2) - 16px); opacity: 0; transition :2s; z-index: 1; overflow: hidden;}
.t2 .intro-img-02{opacity: 1; transform: translateY(-50%) translateX(0);}
.t3 .intro-img-02{width : 100%; height : 100%; left : 0;}
.intro-img-02 > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.25);}

.intro-02-desc{display: flex;flex-direction: column; font-family: GG; font-size: 20px; line-height: 1.6em; position : absolute; text-align: right; right : 50%; top : 50%; transform: translateX(calc(-50% - 180px)) translateY(-50%); opacity: 0; transition :2s;}
.t2 .intro-02-desc{transform: translateX(calc(-50% - 80px)) translateY(-50%); opacity: 1;}

.intro-02-desc b{color : #043C3E}

.skip-btn{display: flex;flex-direction: column;align-items: center;justify-content: center; width : 64px !important;height : 64px !important; border-radius: 50%; background: #0EAB4A; color : #fff; font-family: athena; position : fixed; transform: translateX(-50%) translateY(-50%) scale(1); transition : transform 1s; z-index: 1000;font-size: 18px; cursor : pointer;z-index: 100000;}
.t2 .skip-btn{transform: translateX(-50%) translateY(-50%) scale(0); pointer-events: none;}

.m_skip-btn{display: none;}

/**/
.visual-bg{position : absolute; left : 0;top: 0;width : 100%; height : 100%;}
.visual-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 5s;}
.on .visual-bg > img{transform: scale(1);}
.main-visual{padding : 0 192px 0 152px;}
.visual-inner{display: flex;flex-direction: column; position : relative; max-width: 1577px; width : 100%; margin : 0 auto; height : 100%; padding : 175px 0 123px}
.visual-tit-box{margin-left: auto; color : #fff;}

.visual-sub-tit{display: flex;justify-content: space-between; margin-bottom: 19px; font-size: 25px; font-family: GG; font-weight: 500; transform: translateY(-100px); opacity: 0; transition : 2s;}
.on .visual-sub-tit{transform: translateY(0); opacity: 1;}

.visual-sub-tit > span{font-family: PT; color: #0EAB4A;}
.visual-sub-tit > b{font-weight: 400;}
.visual-sub-tit > b > span{font-weight: 700;}

.visual-tit{position : relative; margin-bottom: 18px;}
.visual-tit > img{position :absolute;left : 0;top : 0; opacity: 0; transition : 2s;}
.visual-tit > img:nth-child(1){position : static; transform: translateX(-100px);}
.visual-tit > img:nth-child(2){transform: translateY(-100px);}
.visual-tit > img:nth-child(3){transform: translateY(100px);}
.visual-tit > img:nth-child(4){transform: translateX(100px);}

.on .visual-tit > img{transform: translateX(0); opacity: 1;}

.visual-tit-desc{font-size: 26px; text-align: right; font-family: GG; transform: translateY(100px); opacity: 0; transition : 2s;}
.on .visual-tit-desc{transform: translateY(0); opacity: 1;}

.visual-desc-box{margin-top: auto; color : #fff; transform: translateX(-100px); opacity: 0; transition : 2s;}
.on .visual-desc-box{opacity: 1; transform: translateX(0);}

.visual-desc-01{font-family: PT; font-size: 26px; font-weight: 500; margin-bottom: 12px;}
.visual-desc-02{font-family: GG; font-size: 48px; letter-spacing: -0.03em; font-weight: 700; margin-bottom: 35px;}

/**/

.brand-slide{width : 100%; height : 100%;}

.brand-container{display: flex;align-items: center;justify-content: center; position : absolute; left : 0;top : 0; width : 100%; height : 100%;}


.brand_vd_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1920px; height: 1000px; opacity: 1; background-color: #fff; transition: 0.8s; }
/* .brand_vd_box::before { content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/brand_vd_bg.png) center right no-repeat; background-size: cover; z-index: 3; opacity: 1; transition: 1.2s; } */
.brand_vd { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; padding-bottom: 56.25%; height: 0; z-index: 2; }
.brand_vd>div { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.brand_vd:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; }
.brand_vd iframe { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; height: 100%; z-index: 2; opacity: 0.7; transition: 1.2s; }

@media all and (max-width: 1640px) { 
	/* .brand_vd iframe { width: 140%; height: 140%; }
    .brand_vd::before { width: 140%; height: 140%; } */
}

@media all and (max-width: 1440px) {
	/* .brand_vd iframe { width: 120%; height: 120%; }
    .brand_vd::before { width: 120%; height: 120%; } */
}

@media all and (max-width: 1000px) { 
	/* .brand_vd iframe { width: 200%; height: 200%; }
    .brand_vd::before { width: 200%; height: 200%; } */
}
@media screen and (min-width: 767px) and (max-width: 1440px) and (orientation: portrait) {
	/* .brand_vd iframe { width: 140%; height: 140%; }
    .brand_vd::before { width: 140%; height: 140%; } */
}

@media all and (max-width: 767px) { 
	.brand_vd iframe { width: 140%; height: 140%; }
    .brand_vd::before { width: 140%; height: 140%; }
}


.brand-bg{position : absolute; left : 0;top : 0; width : 100%;height : 100%; background: #fff; overflow: hidden; background: none; }
.brand-bg::after{position : absolute; content : ''; width : 100%; height : 40%; background: linear-gradient(to bottom, rgba(255,255,255,0.8), transparent); left : 0;top : 0;}
.brand-bg > video{width : 100%;height : 100%; object-fit: cover; object-position: center; opacity: 0.75; transform: scale(1.5); transition : 0s 1.4s;}
.active .brand-bg > video{transform: scale(1); transition :3s;}
.brand-bg-obj{position : absolute; right : 0; bottom : 0; transform: translateY(100%); transition : 0s 1.4s}
.active .brand-bg-obj{transform: translateY(0); transition : 2s;}

.main-brand{padding : 0 180px;}
.brand-inner{position : relative; margin : 0 auto; width : 100%; max-width: 1560px;}
.brand-tit{font-family: playfair-display; font-size: 100px; color : #fff; letter-spacing: -0.03em; line-height: 1em; margin-bottom: 16px; overflow: hidden;}
.brand-tit .word{transform: translateY(100%); transition : 0s 1.4s;}
.active .brand-tit .word{transform: translateY(0);}
.active .brand-tit .word:nth-child(1){transition : 1s 1s;}
.active .brand-tit .word:nth-child(2){transition : 1s 1.4s;}

.brand-logo{transform: translateY(100px); opacity: 0; transition : 0s 1.4s;}
.active .brand-logo{transform: translateY(0);opacity: 1; transition : 1.2s 1s;}

.brand-text{position : absolute; top : 120px; right : 80px;z-index: 10; font-family: PT; font-size: 16px; color : #fff; letter-spacing: 0.2em;}
.brand-text .line{display: flex !important;align-items: center; writing-mode: vertical-lr;}
.brand-text-dot{width : 6px; height : 6px; background: #0EAB4A; border-radius: 50%; opacity: 0; transition : 0s 1.4s; margin : 10px 0;}
.active .brand-text-dot{opacity: 1; transition : .5s 1s;}
.brand-text b{font-family: GG; color : #343434; font-size: 17px;}

.brand-text .char{opacity: 0;}

.brand-01{width: 100%;}

.brand-02{display: flex;align-items: center;justify-content: center; position : absolute; width : 100%;height : 100%; background: rgba(7,61,62,0.92);z-index: 10; transform: translateY(100%); transition : 1.2s; overflow: hidden;}
.t2 .brand-02{transform: translateY(0);}

.brand-leaf{position : absolute; opacity: 0; transition : 1.4s;}
.brand-leaf-01{left : 0; bottom : 0; transform: translateX(-100%);}
.brand-leaf-02{right : 0; top : 117px; transform: translateX(100%);}
.t2 .brand-leaf{transform: translateX(0); opacity: 1; transition :1.4s .4s;}

.brand-obj{position : absolute; right : 0; bottom : 0; opacity: 0;transform: translateY(100%); transition : 1.4s;}
.t2 .brand-obj{transform: translateX(0); opacity: 1; transition :1.4s .4s;}

.brand-02-inner{display:flex; justify-content: center; gap : 200px; position : relative; padding-top: 90px; padding-bottom: 280px; margin-top: 100px;}
.brand-02-inner::after{position :absolute; content : ''; width : 1px; height : 100%; background: rgba(255,255,255,0.2); top : 0; clip-path: inset(0 0 100%); transition : 1.4s; left : 48%;}
.t2 .brand-02-inner::after{clip-path: inset(0);transition :1.4s .4s;}

.brand-02-inner > div{transition : 1.4s; opacity: 0;}
.brand-left{transform: translateX(-100px);}
.brand-right{transform: translateX(100px);}
.t2 .brand-02-inner > div{transform: translateX(0); opacity: 1; transition : 1.4s 1.2s;}

.brand-02-tit-box{margin-bottom: 36px; color : #fff;}
.brand-02-tit-desc{font-family: PT; font-size: 18px; font-weight: 400; letter-spacing: -0.03em; margin-bottom: 18px;}
.brand-02-tit{font-family: GG; font-size: 31px; letter-spacing: -0.03em; font-weight: 700; line-height: 1.5em;}

.brand-02-desc{color : #B5B5B5; line-height: 1.8em; font-family: PT; font-size: 16px; letter-spacing: -0.03em; font-weight: 500; padding-top: 34px; position : relative;}
.brand-02-desc::after{position : absolute; content : ''; width : 41px; height : 2px; background: #0EAB4A; left : 0;top : 0;}

/**/
.envi-bg{position : absolute; left : 0;top: 0;width : 100%; height : 100%;}
.envi-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center bottom; transform: scale(1.25); transition : 0s 1.4s;}
.active .envi-bg > img{transform: scale(1); transition :3s;}

.envi-con{display: flex;flex-direction: column;align-items: center;justify-content: center; position : absolute; color : #08423A; transform: translateX(-50%);}
.envi-con-inner{display: flex;flex-direction: column;align-items: center; transform: translateY(-50px); opacity: 0; transition : 0s 1.2s;}
.active .envi-con-inner{transform: translateY(0); opacity: 1;}
.active .envi-con-01 .envi-con-inner{transition : 1.2s .4s;}
.active .envi-con-02 .envi-con-inner{transition : 1.2s .6s;}
.active .envi-con-03 .envi-con-inner{transition : 1.2s .8s;}
.active .envi-con-04 .envi-con-inner{transition : 1.2s 1s;}
.active .envi-con-05 .envi-con-inner{transition : 1.2s 1.2s;}
.active .envi-con-06 .envi-con-inner{transition : 1.2s 1.4s;}

.envi-con-00 .envi-con-inner{transform: translateY(-160px);}
.active .envi-con-00 .envi-con-inner{transform: translateY(0); transition : 1.2s 2s;}

.envi-con-00{left : 50%; bottom : 50%;}
.envi-con-01{left : 7%; bottom : 33%}
.envi-con-02{left : 18%; bottom : 22%}
.envi-con-03{left : 31%; bottom : 17%}
.envi-con-04{left : 70%; bottom : 33%}
.envi-con-05{left : 82%; bottom : 21%}
.envi-con-06{left : 93%; bottom : 25%}
.envi-con-icon{margin-bottom: 12px;}
.envi-con-name{font-family: PT;font-size: 16px; letter-spacing: -0.03em; font-weight: 700; position :relative;}
.envi-con-00 .envi-con-name{padding-bottom: 6px;}
.envi-con-00 .envi-con-name::after{position :absolute; content : ''; width : 100%; height : 1px; background: #08423A; bottom : 0; left :0;}

.envi-con-km{font-family: playfair-display; font-size: 20px; font-weight: 700; letter-spacing: -0.03em; line-height: 1.4em; margin-bottom: 10px;}
.envi-con-km b{font-size: 30px;}

.envi-con-tit{font-family: PT; font-size: 24px; font-weight: 700; letter-spacing: -0.03em; text-align: center; padding-top: 15px; line-height: 1.5em; margin-bottom: 13px;}

.envi-con-line{display: flex;justify-content: center; width :1px; height : 0px; background: #08423A; transition : 0s 1.4s;}
.active .envi-con-line{height : 90px; transition : 1s 2s;}
.envi-con-line::after{position : absolute;content : ''; width : 8px; height : 8px; background: #08423A; border-radius: 50%; bottom : 0; transform: scale(0); transition : 0s 1.4s;}
.active .envi-con-line::after{transform: scale(1); transition : 1s 2s}

.envi-inner{position :relative; height : 100%; padding-top: 154px;}
.envi-desc{font-family: PT; letter-spacing: -0.03em; font-weight: 18px; font-weight: 500;position :relative; transform: translateX(-100px); opacity: 0; transition : 0s 1.4s; padding-left: 93px;}
.active .envi-desc{transform: translateX(0); opacity: 1; transition : 2s .4s;}

.envi-text{position : absolute; top : 120px; right : 78px;z-index: 10; font-family: PT; font-size: 16px; color : #fff; letter-spacing: 0.2em;}
.envi-text .line{display: flex !important;align-items: center; writing-mode: vertical-lr;}
.envi-text-dot{width : 6px; height : 6px; background: #0EAB4A; border-radius: 50%; opacity: 0; transition : 0s 1.4s; margin : 10px 0;}
.active .envi-text-dot{opacity: 1; transition : .5s 1s;}
.envi-text b{font-family: GG; color : #343434; font-size: 17px;}

.envi-text .char{opacity: 0;}

.premium-slide{width : 100%; height : 100%;}
.premium-container{display: flex;justify-content: center;align-items: center; position :absolute; left : 0;top : 0; z-index: 1; width : 100%; height : 100%;}
.premium-container > div:not(.premium-tit-box){display: flex;align-items: center;justify-content: center; width : 100%; height : 100%; transition : 1.2s; padding-top: 60px;}
.premium-02{position : absolute; left : 100%;top : 0;}
.t2 .premium-01{transform: translateX(-50%) scale(0.8);}
.t2 .premium-02{transform: translateX(-100%);}

.premium-inner{display: grid;grid-template-columns: repeat(2, 1fr); max-width : 1600px; width : 100%; height : 768px; position : relative;}

.premium-bg{position : absolute; left : 0;top: 0;width : 100%; height : 100%; overflow: hidden;}
.premium-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center bottom; transform: scale(1.25); transition : 0s 1.4s;}
.fp-active .premium-bg > img{transform: scale(1); transition :3s;}

.premium-con{display: flex; justify-content: start; align-items: start;}

.premium-con-02{margin-top: 23px; justify-content: end;}
.premium-con-03{margin-left: 120px; margin-bottom: 80px; align-items: end;}
.premium-con-04{align-items: end; justify-content: end; margin-right: 131px;}
.premium-con-05{margin-left: 120px;}
.premium-con-06{margin-right: 120px; justify-content: end; margin-top: 23px;}
.premium-con-07{margin-bottom: 80px; align-items: end;}
.premium-con-08{justify-content: end; align-items: end;}

.premium-con-inner{display: flex; align-items: end; gap : 66px;}
.premium-img{position : relative;}
.premium-img > img{opacity: 0; transition : 1.2s .4s;}

.fp-active .t1 .premium-01 .premium-img > img,
.fp-active .t2 .premium-02 .premium-img > img{opacity: 1; transform: translateX(0);}

.fp-active .t1 .premium-01 .premium-con:nth-child(1) .premium-img > img,
.fp-active .t2 .premium-02 .premium-con:nth-child(1) .premium-img > img{transition : 1.2s .4s;}

.fp-active .t1 .premium-01 .premium-con:nth-child(2) .premium-img > img,
.fp-active .t2 .premium-02 .premium-con:nth-child(2) .premium-img > img{transition : 1.2s .6s;}

.fp-active .t1 .premium-01 .premium-con:nth-child(3) .premium-img > img,
.fp-active .t2 .premium-02 .premium-con:nth-child(3) .premium-img > img{transition : 1.2s .8s;}

.fp-active .t1 .premium-01 .premium-con:nth-child(4) .premium-img > img,
.fp-active .t2 .premium-02 .premium-con:nth-child(4) .premium-img > img{transition : 1.2s 1s;}

.premium-img > img:nth-child(1){transform: translateX(-50px) translateY(-50px);}
.premium-img-text{position : absolute;right : -23px; bottom : -17px; transform: translateX(50px) translateY(50px);}

.premium-con-box{padding-bottom: 16px; font-family: PT; letter-spacing: -0.03em; opacity: 0; transform: translateX(100px); transition : 1s .4s;}

.fp-active .t1 .premium-01 .premium-con-box,
.fp-active .t2 .premium-02 .premium-con-box{transform: translateX(0); opacity: 1; transition : 1.2s 1.4s;}

.premium-con-tit{font-size: 18px; line-height: 1.5em; color : #08423A; font-weight: 500; margin-bottom: 13px;}
.premium-02 .premium-con-tit{color : #fff}
.premium-con-desc{font-size: 15px; font-weight: 500; line-height: 1.5em; color : #575757;}
.premium-02 .premium-con-desc{color : #9A9A9A}

.premium-tit-box{display: flex;flex-direction: column;align-items: center;justify-content: center; position :absolute;z-index: 10;}

.premium-tit-desc-01{font-family: GG; letter-spacing: -0.03em; font-weight: 400; color : #0F0F0F; font-size: 16px; margin-right: auto; transform: translateX(-100px); opacity: 0; transition : transform 0s 1.4s, opacity 0s 1.4s, color 1s;}
.t2 .premium-tit-desc-01{color : #fff;}

.premium-tit-desc-02{font-family: GG; letter-spacing: -0.03em; font-weight: 700; color : #08423A; font-size: 16px; margin-left: auto; transform: translateX(100px); opacity: 0; transition : transform 0s 1.4s, opacity 0s 1.4s, color 1s;}
.t2 .premium-tit-desc-02{color : #0EAB4A;}
.fp-active .premium-tit-desc-01,
.fp-active .premium-tit-desc-02{transform: translateY(0); opacity: 1; transition : 2s .4s;}

.premium-tit{font-family: playfair-display; font-size: 105px; letter-spacing: -0.03em; color : #fff; line-height: 1em; position : relative; overflow: hidden; margin-bottom: 13px;}

.premium-tit .char{transform: translateY(-100%); transition : 1s;}
.premium-tit > p:nth-child(2) .char{transform: translateY(100%);}
.premium-tit > p:nth-child(2){color : #A5A5A5; position : absolute; left : 0;top : 0;}

.fp-active .t1 .premium-tit > p:nth-child(1) .char{transform: translateY(0);}
.fp-active .t1 .premium-tit > p:nth-child(1) .char:nth-child(1){transition :  .7s .4s}
.fp-active .t1 .premium-tit > p:nth-child(1) .char:nth-child(2){transition :  .7s .45s}
.fp-active .t1 .premium-tit > p:nth-child(1) .char:nth-child(3){transition :  .7s .4s}
.fp-active .t1 .premium-tit > p:nth-child(1) .char:nth-child(4){transition :  .7s .55s}
.fp-active .t1 .premium-tit > p:nth-child(1) .char:nth-child(5){transition :  .7s .6s}
.fp-active .t1 .premium-tit > p:nth-child(1) .char:nth-child(6){transition :  .7s .65s}
.fp-active .t1 .premium-tit > p:nth-child(1) .char:nth-child(7){transition :  .7s .7s}
.fp-active .t1 .premium-tit > p:nth-child(1) .char:nth-child(8){transition :  .7s .75s}
.fp-active .t1 .premium-tit > p:nth-child(1) .char:nth-child(9){transition :  .7s .8s}
.fp-active .t1 .premium-tit > p:nth-child(1) .char:nth-child(10){transition : .7s .85s}
.fp-active .t1 .premium-tit > p:nth-child(1) .char:nth-child(11){transition : .7s .9s}
.fp-active .t1 .premium-tit > p:nth-child(1) .char:nth-child(12){transition : .7s 1s}
.fp-active .t1 .premium-tit > p:nth-child(1) .char:nth-child(13){transition : .7s 1.05s}

.t2 .premium-tit > p:nth-child(1) .char{transform: translateY(-100%);}
.t2 .premium-tit > p:nth-child(1) .char:nth-child(1){transition :  .7s .4s}
.t2 .premium-tit > p:nth-child(1) .char:nth-child(2){transition :  .7s .45s}
.t2 .premium-tit > p:nth-child(1) .char:nth-child(3){transition :  .7s .4s}
.t2 .premium-tit > p:nth-child(1) .char:nth-child(4){transition :  .7s .55s}
.t2 .premium-tit > p:nth-child(1) .char:nth-child(5){transition :  .7s .6s}
.t2 .premium-tit > p:nth-child(1) .char:nth-child(6){transition :  .7s .65s}
.t2 .premium-tit > p:nth-child(1) .char:nth-child(7){transition :  .7s .7s}
.t2 .premium-tit > p:nth-child(1) .char:nth-child(8){transition :  .7s .75s}
.t2 .premium-tit > p:nth-child(1) .char:nth-child(9){transition :  .7s .8s}
.t2 .premium-tit > p:nth-child(1) .char:nth-child(10){transition : .7s .85s}
.t2 .premium-tit > p:nth-child(1) .char:nth-child(11){transition : .7s .9s}
.t2 .premium-tit > p:nth-child(1) .char:nth-child(12){transition : .7s 1s}
.t2 .premium-tit > p:nth-child(1) .char:nth-child(13){transition : .7s 1.05s}

.fp-active .t1 .premium-tit > p:nth-child(2) .char{transform: translateY(100%);}
.fp-active .t1 .premium-tit > p:nth-child(2) .char:nth-child(1){transition :  .7s .4s}
.fp-active .t1 .premium-tit > p:nth-child(2) .char:nth-child(2){transition :  .7s .45s}
.fp-active .t1 .premium-tit > p:nth-child(2) .char:nth-child(3){transition :  .7s .4s}
.fp-active .t1 .premium-tit > p:nth-child(2) .char:nth-child(4){transition :  .7s .55s}
.fp-active .t1 .premium-tit > p:nth-child(2) .char:nth-child(5){transition :  .7s .6s}
.fp-active .t1 .premium-tit > p:nth-child(2) .char:nth-child(6){transition :  .7s .65s}
.fp-active .t1 .premium-tit > p:nth-child(2) .char:nth-child(7){transition :  .7s .7s}
.fp-active .t1 .premium-tit > p:nth-child(2) .char:nth-child(8){transition :  .7s .75s}
.fp-active .t1 .premium-tit > p:nth-child(2) .char:nth-child(9){transition :  .7s .8s}
.fp-active .t1 .premium-tit > p:nth-child(2) .char:nth-child(10){transition : .7s .85s}
.fp-active .t1 .premium-tit > p:nth-child(2) .char:nth-child(11){transition : .7s .9s}
.fp-active .t1 .premium-tit > p:nth-child(2) .char:nth-child(12){transition : .7s 1s}
.fp-active .t1 .premium-tit > p:nth-child(2) .char:nth-child(13){transition : .7s 1.05s}

.t2 .premium-tit > p:nth-child(2) .char{transform: translateY(0%);}
.t2 .premium-tit > p:nth-child(2) .char:nth-child(1){transition :  .7s .4s}
.t2 .premium-tit > p:nth-child(2) .char:nth-child(2){transition :  .7s .45s}
.t2 .premium-tit > p:nth-child(2) .char:nth-child(3){transition :  .7s .4s}
.t2 .premium-tit > p:nth-child(2) .char:nth-child(4){transition :  .7s .55s}
.t2 .premium-tit > p:nth-child(2) .char:nth-child(5){transition :  .7s .6s}
.t2 .premium-tit > p:nth-child(2) .char:nth-child(6){transition :  .7s .65s}
.t2 .premium-tit > p:nth-child(2) .char:nth-child(7){transition :  .7s .7s}
.t2 .premium-tit > p:nth-child(2) .char:nth-child(8){transition :  .7s .75s}
.t2 .premium-tit > p:nth-child(2) .char:nth-child(9){transition :  .7s .8s}
.t2 .premium-tit > p:nth-child(2) .char:nth-child(10){transition : .7s .85s}
.t2 .premium-tit > p:nth-child(2) .char:nth-child(11){transition : .7s .9s}
.t2 .premium-tit > p:nth-child(2) .char:nth-child(12){transition : .7s 1s}
.t2 .premium-tit > p:nth-child(2) .char:nth-child(13){transition : .7s 1.05s}

.premium-btn{display: flex;align-items: center; position : absolute; font-family: jost; font-size: 14px; letter-spacing: 0.15em;z-index: 10;width : 56px; height : 56px; border-radius: 50%; background: #08423A; white-space: nowrap; padding-left: 6px; transform: translateX(-50%) translateY(-50%) scale(.5); opacity: 0; transition : opacity 1s, transform 1s; color : #818181; pointer-events: none;}
.premium-btn b{color : #fff;}
.main-premium:hover .premium-btn{transform: translateX(-50%) translateY(-50%) scale(1); opacity: 1;}

.premium-navigation{display: none !important;}

@media(max-width : 1200px){
    #fullpage{max-width: 1200px; overflow: hidden;}
    .section{position :relative;}

    .open-rotate-btn{width : 70px; height : 70px; right : 24px; bottom : 36px; font-size: 15px; padding-top: 3px;}
    .open-rotate-btn::after{width : 96px; height : 96px;}

    /**/
    .intro-tit{font-size: 24px; margin-bottom: 10px; white-space: nowrap;}
    .intro-desc{font-size: 16px;}

    .intro-img-01{position : absolute; width : 200px; height : 112px;}
    .t2 .intro-img-01{width : calc(100% - 10px); height : 238px;}

    .intro-sign{font-size: 36px; top : calc(50% + 120px);left : calc(50%); transform: translateX(-160px) translateY(80px) rotate(-15deg);}
    .intro-sign > p:nth-child(2){margin-left: 60px;}

    .intro-img-02{position : absolute; height : 100px; left : 50%;top : calc(50% + 125px); transform: translateY(50px) translateX(-50%); width : calc(100% - 10px); opacity: 0; transition :2s;}
    .t2 .intro-img-02{opacity: 1; transform: translateY(0) translateX(-50%);}
    .t3 .intro-img-02{opacity: 1; transform: translateY(0) translateX(0%); top : 0; left : 0;}

    .intro-02-desc{display: flex;align-items: center; justify-content: center; flex-direction: column; font-family: GG; font-size: 16px; line-height: 1.6em; position : absolute; text-align: center; right : auto; top : 0%; transform: translateY(-100px); height : 35%; width : 100%;}
    .t2 .intro-02-desc{transform: translateY(0);}

    .intro-02-desc b{color : #043C3E}

    .skip-btn{display: none;}
    .m_skip-btn{display: block; position : absolute; right : 16px; bottom : 16px; background: #0EAB4A; font-family: futura-pt; font-weight: 700; letter-spacing: 0.1em; color : #fff; padding : 8px 24px; border-radius: 100px;z-index: 1; transition : 1s;}
    .t2 .m_skip-btn{transform: scale(0); pointer-events: none;}


    /**/
    .visual-bg{position : absolute; left : 0;top: 0;width : 100%; height : 100%;}
    .visual-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 5s;}
    .on .visual-bg > img{transform: scale(1);}
    .main-visual{padding : 0 36px;}
    .visual-inner{padding : 100px 0 36px}

    .visual-sub-tit{margin-bottom: 12px; font-size: 16px;}
    .visual-tit{margin-bottom: 16px;}
    .visual-tit > img{width : 240px;}

    .visual-tit-desc{font-size: 24px;}

    .visual-desc-01{font-size: 18px; margin-bottom: 10px;}
    .visual-desc-02{font-size: 30px; margin-bottom: 24px;}
    .visual-logo{width : 160px;}

    .brand-slide{width : 100%; height : 100%;}

    .brand-container{display: block; position : static;}
    .brand-01{position : relative; height : 320px; padding : 60px 36px 0;}
    .brand-bg-obj{position : absolute; right : 0; bottom : 0; transform: translateY(100%); transition : 1s; width : 70%;}
    .active .brand-bg-obj{transform: translateY(0); transition : 2s;}

    .main-brand{padding : 0; margin-top: 60px;}
    .brand-tit{font-size: 36px; margin-bottom: 12px;}
    .brand-tit .word{transform: translateY(100%); transition : 1s;}
    .active .brand-tit .word{transform: translateY(0);}
    .active .brand-tit .word:nth-child(1){transition : 1s 1s;}
    .active .brand-tit .word:nth-child(2){transition : 1s 1.4s;}

    .brand-logo{transform: translateY(100px); opacity: 0; transition : 1s; width : 160px;}
    .active .brand-logo{transform: translateY(0);opacity: 1; transition : 1.2s 1s;}

    .brand-text{display: none;}
    .brand-02{position : relative; width : 100%;height : auto; background: rgba(7,61,62,1);z-index: 10; transform: translateY(0%);}

    .brand-leaf{position : absolute; opacity: 0; transition : 1.4s;}
    .brand-leaf-01{width : 140px;}
    .brand-leaf-02{width : 100px;top : 36px;}
    .brand-obj{width : 60%;}

    .active .brand-leaf{transform: translateX(0); opacity: 1; transition :1.4s .4s;}
    .active .brand-obj{transform: translateX(0); opacity: 1; transition :1.4s .4s;}

    .brand-02-inner{display:flex;flex-direction: column;  justify-content: center; gap : 0;padding :120px 16px 180px; margin : 0;}
    .brand-02-inner::after{display: none;}

    .brand-02-inner > div{transition : 1.4s; opacity: 0;}
    .brand-left{transform: translateX(-100px); padding-bottom: 36px;}

    .brand-left::after{position :absolute; content : ''; width : 100%; height : 1px; background: rgba(255,255,255,0.2); bottom : 0; clip-path: inset(0 0 100%); transition : 1.4s; left : 0; }
    .brand-right{transform: translateX(100px); padding-top: 36px;}
    .active .brand-left::after{clip-path: inset(0);transition :1.4s .4s;}

    .active .brand-02-inner > div{transform: translateX(0); opacity: 1; transition : 1.4s 1.2s;}

    .brand-02-tit-box{margin-bottom: 24px;}
    .brand-02-tit-desc{font-size: 14px; margin-bottom: 12px;}
    .brand-02-tit{font-size: 18px;}
    .brand-02-desc{font-size: 14px; padding-top: 24px;}
    .brand-02-desc::after{width : 24px; height : 2px;}

    /**/
    .main-envi{margin-top: 80px; width : 100%; overflow: scroll;}
    .main-envi::after{display: flex;align-items: center;justify-content: center; position : absolute; content : '좌우로 드래그하여 확인하세요'; width : 100%; height : 100%; background: rgba(0,0,0,0.7); left : 0;top : 0;; color : #fff; font-family: PT; opacity: 0;}
    .active.main-envi::after{animation : envi-dim 2s both;}
    @keyframes envi-dim{
        0%{opacity : 0;}
        50%{opacity : 1;}
        100%{opacity : 0;}
    }
    .envi-bg{position : relative; width : 300%;}
    .envi-bg > img{width : 100%;}
    .envi-inner{position : absolute;width : 300%; height : 100%; left : 0;top : 0; padding-top: 60px;}

    .envi-con{white-space: nowrap;}
    .envi-con-00{left : calc(50% * 3); bottom : 50%;}
    .envi-con-01{left : calc(7% *  3); bottom : 33%}
    .envi-con-02{left : calc(18% * 3); bottom : 22%}
    .envi-con-03{left : calc(31% * 3); bottom : 17%}
    .envi-con-04{left : calc(70% * 3); bottom : 33%}
    .envi-con-05{left : calc(82% * 3); bottom : 21%}
    .envi-con-06{left : calc(93% * 3); bottom : 25%}

    .envi-con-icon{margin-bottom: 5px; width : 30px;}
    .envi-con-name{font-size: 14px;}
    .envi-con-00 .envi-con-name{padding-bottom: 6px;}
    .envi-con-00 .envi-con-name::after{position :absolute; content : ''; width : 100%; height : 1px; background: #08423A; bottom : 0; left :0;}

    .envi-con-km{font-size: 13px; margin-bottom: 5px;}
    .envi-con-km b{font-size: 16px;}

    .envi-con-tit{font-size: 20px; padding-top: 10px; margin-bottom: 10px;}

    .active .envi-con-line{height : 60px;}
    .envi-con-line::after{width : 5px; height : 5px;}

    .envi-desc{ font-size: 14px; padding-left: 48px;}

    .envi-text{top : 16px; right : 10px; font-size: 12px; color : #fff; letter-spacing: 0.15em;}
    .envi-text-dot{width : 4px; height : 4px; margin : 7px 0;}
    .envi-text b{font-size: 13px;}


    
    .main-premium{margin-top: 80px; height : 768px}
    .premium-slide{width : 100%;}
    .premium-container{display: flex;justify-content: center;align-items: center; position :absolute; left : 0;top : 0; z-index: 1; width : 100%; height : 100%;}
    .premium-container > div:not(.premium-tit-box){display: flex;align-items:start;padding-top: 180px; padding : 180px 16px 0;}
    .premium-02{position : absolute; left : 100%;top : 0;}
    .active .t2 .premium-01{transform: translateX(-50%) scale(0.8);}
    .active .t2 .premium-02{transform: translateX(-100%);}

    .premium-inner{display: grid;grid-template-columns: repeat(1, 1fr); width : auto;position : relative; gap :16px; margin-bottom: 36px; height : auto;}

    .premium-bg{position : absolute; left : 0;top: 0;width : 100%; height : 100%; overflow: hidden;}
    .premium-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center bottom; transform: scale(1.25); transition : 1s;}
    .active .premium-bg > img{transform: scale(1); transition :3s;}

    .premium-con{display: flex; justify-content: start; align-items: start; padding : 0; margin : 0;}

    .premium-con-inner{display: flex; align-items: start; gap : 24px; margin : 0; padding : 0; white-space: nowrap;}
    .premium-img{position : relative;}
    .premium-img > img{opacity: 0; transition : 1.2s .4s;}

    .active .t1 .premium-01 .premium-img > img,
    .active .t2 .premium-02 .premium-img > img{opacity: 1; transform: translateX(0);}

    .active .t1 .premium-01 .premium-con:nth-child(1) .premium-img > img,
    .active .t2 .premium-02 .premium-con:nth-child(1) .premium-img > img{transition : 1.2s .4s;}

    .active .t1 .premium-01 .premium-con:nth-child(2) .premium-img > img,
    .active .t2 .premium-02 .premium-con:nth-child(2) .premium-img > img{transition : 1.2s .6s;}

    .active .t1 .premium-01 .premium-con:nth-child(3) .premium-img > img,
    .active .t2 .premium-02 .premium-con:nth-child(3) .premium-img > img{transition : 1.2s .8s;}

    .active .t1 .premium-01 .premium-con:nth-child(4) .premium-img > img,
    .active .t2 .premium-02 .premium-con:nth-child(4) .premium-img > img{transition : 1.2s 1s;}

    .premium-img > img:nth-child(1){transform: translateX(-50px) translateY(-50px); width : 140px;}
    .premium-img-text{position : absolute;right : -9px; bottom : -8px; transform: translateX(50px) translateY(50px);}

    .premium-con-01 .premium-img-text{width : 36px;}
    .premium-con-02 .premium-img-text{width : 28px;}
    .premium-con-03 .premium-img-text{width : 48px;}
    .premium-con-04 .premium-img-text{width : 24px;}
    .premium-con-05 .premium-img-text{width : 24px;}
    .premium-con-06 .premium-img-text{width : 20px;}
    .premium-con-07 .premium-img-text{width : 24px;}
    .premium-con-08 .premium-img-text{width : 24px;}

    .premium-con-box{padding-bottom: 16px; font-family: PT; letter-spacing: -0.03em; opacity: 0; transform: translateX(100px); transition : 1s .4s;}

    .active .t1 .premium-01 .premium-con-box,
    .active .t2 .premium-02 .premium-con-box{transform: translateX(0); opacity: 1; transition : 1.2s 1.4s;}

    .premium-con-tit{font-size: 16px; margin-bottom: 12px;}
    .premium-02 .premium-con-tit{color : #fff}
    .premium-con-desc{font-size: 12px; letter-spacing: -0.06em;}
    .premium-02 .premium-con-desc{color : #9A9A9A}

    .premium-tit-box{display: flex;flex-direction: column;align-items: center;justify-content: center; position :absolute;z-index: 10; top : 0; padding :60px 24px;}

    .premium-tit-desc-01{font-size: 16px;}
    .premium-tit-desc-02{font-size: 16px;}

    .active .premium-tit-desc-01,
    .active .premium-tit-desc-02{transform: translateY(0); opacity: 1; transition : 2s .4s;}

    .premium-tit{font-size: 36px; white-space: nowrap; margin-bottom: 10px;}

    .premium-tit .char{transform: translateY(-100%); transition : 1s;}
    .premium-tit > p:nth-child(2) .char{transform: translateY(100%);}
    .premium-tit > p:nth-child(2){color : #A5A5A5; position : absolute; left : 0;top : 0;}

    .active .t1 .premium-tit > p:nth-child(1) .char{transform: translateY(0);}
    .active .t1 .premium-tit > p:nth-child(1) .char:nth-child(1){transition :  .7s .4s}
    .active .t1 .premium-tit > p:nth-child(1) .char:nth-child(2){transition :  .7s .45s}
    .active .t1 .premium-tit > p:nth-child(1) .char:nth-child(3){transition :  .7s .4s}
    .active .t1 .premium-tit > p:nth-child(1) .char:nth-child(4){transition :  .7s .55s}
    .active .t1 .premium-tit > p:nth-child(1) .char:nth-child(5){transition :  .7s .6s}
    .active .t1 .premium-tit > p:nth-child(1) .char:nth-child(6){transition :  .7s .65s}
    .active .t1 .premium-tit > p:nth-child(1) .char:nth-child(7){transition :  .7s .7s}
    .active .t1 .premium-tit > p:nth-child(1) .char:nth-child(8){transition :  .7s .75s}
    .active .t1 .premium-tit > p:nth-child(1) .char:nth-child(9){transition :  .7s .8s}
    .active .t1 .premium-tit > p:nth-child(1) .char:nth-child(10){transition : .7s .85s}
    .active .t1 .premium-tit > p:nth-child(1) .char:nth-child(11){transition : .7s .9s}
    .active .t1 .premium-tit > p:nth-child(1) .char:nth-child(12){transition : .7s 1s}
    .active .t1 .premium-tit > p:nth-child(1) .char:nth-child(13){transition : .7s 1.05s}

    .t2 .premium-tit > p:nth-child(1) .char{transform: translateY(-100%);}
    .t2 .premium-tit > p:nth-child(1) .char:nth-child(1){transition :  .7s .4s}
    .t2 .premium-tit > p:nth-child(1) .char:nth-child(2){transition :  .7s .45s}
    .t2 .premium-tit > p:nth-child(1) .char:nth-child(3){transition :  .7s .4s}
    .t2 .premium-tit > p:nth-child(1) .char:nth-child(4){transition :  .7s .55s}
    .t2 .premium-tit > p:nth-child(1) .char:nth-child(5){transition :  .7s .6s}
    .t2 .premium-tit > p:nth-child(1) .char:nth-child(6){transition :  .7s .65s}
    .t2 .premium-tit > p:nth-child(1) .char:nth-child(7){transition :  .7s .7s}
    .t2 .premium-tit > p:nth-child(1) .char:nth-child(8){transition :  .7s .75s}
    .t2 .premium-tit > p:nth-child(1) .char:nth-child(9){transition :  .7s .8s}
    .t2 .premium-tit > p:nth-child(1) .char:nth-child(10){transition : .7s .85s}
    .t2 .premium-tit > p:nth-child(1) .char:nth-child(11){transition : .7s .9s}
    .t2 .premium-tit > p:nth-child(1) .char:nth-child(12){transition : .7s 1s}
    .t2 .premium-tit > p:nth-child(1) .char:nth-child(13){transition : .7s 1.05s}

    .active .t1 .premium-tit > p:nth-child(2) .char{transform: translateY(100%);}
    .active .t1 .premium-tit > p:nth-child(2) .char:nth-child(1){transition :  .7s .4s}
    .active .t1 .premium-tit > p:nth-child(2) .char:nth-child(2){transition :  .7s .45s}
    .active .t1 .premium-tit > p:nth-child(2) .char:nth-child(3){transition :  .7s .4s}
    .active .t1 .premium-tit > p:nth-child(2) .char:nth-child(4){transition :  .7s .55s}
    .active .t1 .premium-tit > p:nth-child(2) .char:nth-child(5){transition :  .7s .6s}
    .active .t1 .premium-tit > p:nth-child(2) .char:nth-child(6){transition :  .7s .65s}
    .active .t1 .premium-tit > p:nth-child(2) .char:nth-child(7){transition :  .7s .7s}
    .active .t1 .premium-tit > p:nth-child(2) .char:nth-child(8){transition :  .7s .75s}
    .active .t1 .premium-tit > p:nth-child(2) .char:nth-child(9){transition :  .7s .8s}
    .active .t1 .premium-tit > p:nth-child(2) .char:nth-child(10){transition : .7s .85s}
    .active .t1 .premium-tit > p:nth-child(2) .char:nth-child(11){transition : .7s .9s}
    .active .t1 .premium-tit > p:nth-child(2) .char:nth-child(12){transition : .7s 1s}
    .active .t1 .premium-tit > p:nth-child(2) .char:nth-child(13){transition : .7s 1.05s}

    .t2 .premium-tit > p:nth-child(2) .char{transform: translateY(0%);}
    .t2 .premium-tit > p:nth-child(2) .char:nth-child(1){transition :  .7s .4s}
    .t2 .premium-tit > p:nth-child(2) .char:nth-child(2){transition :  .7s .45s}
    .t2 .premium-tit > p:nth-child(2) .char:nth-child(3){transition :  .7s .4s}
    .t2 .premium-tit > p:nth-child(2) .char:nth-child(4){transition :  .7s .55s}
    .t2 .premium-tit > p:nth-child(2) .char:nth-child(5){transition :  .7s .6s}
    .t2 .premium-tit > p:nth-child(2) .char:nth-child(6){transition :  .7s .65s}
    .t2 .premium-tit > p:nth-child(2) .char:nth-child(7){transition :  .7s .7s}
    .t2 .premium-tit > p:nth-child(2) .char:nth-child(8){transition :  .7s .75s}
    .t2 .premium-tit > p:nth-child(2) .char:nth-child(9){transition :  .7s .8s}
    .t2 .premium-tit > p:nth-child(2) .char:nth-child(10){transition : .7s .85s}
    .t2 .premium-tit > p:nth-child(2) .char:nth-child(11){transition : .7s .9s}
    .t2 .premium-tit > p:nth-child(2) .char:nth-child(12){transition : .7s 1s}
    .t2 .premium-tit > p:nth-child(2) .char:nth-child(13){transition : .7s 1.05s}

    .premium-btn{display: none;}
    .premium-navigation{position : absolute; bottom : 0; left : 50%; transform: translateX(-50%);z-index: 10; height : auto !important; width : 100% !important; display: grid !important; grid-template-columns: repeat(2,1fr);}
    .premium-navigation > div{display: flex;align-items: center; justify-content: center; height : 36px; background: #A5A5A5;}
    .premium-navigation > div::after{position : absolute; content : ''; width : 7px; height : 7px; border-top : 1px solid #fff; border-left : 1px solid #fff}
    .premium-prev{border-radius: 10px 10px 0 0;}
    .premium-prev::after{transform: rotate(-45deg);}

    .premium-navigation .swiper-button-disabled{opacity : 0.5;}

    .premium-next{border-radius: 10px 10px 0 0; background: #0EAB4A !important;}
    .premium-next::after{transform: rotate(135deg); border-color: #fff !important;}
}