@charset "utf-8";

html{position:fixed;left:0;top:0;width:100%;height:100%;}
html,a,button,.point{cursor: url(../images/mouse-icon.png),auto;}
html,body,.wrap{width: 100%;height: 100%;overflow: hidden;}
body::after{width:0;height:0;display:block;opacity:0;overflow: hidden;content:url(../images/ingredients-img1.png) url(../images/journey-intro-m1.jpg);position: absolute;}
.wrap{background: #fff;pointer-events: none;opacity: 0;transition: 0.6s;}
.wrap.open{opacity: 1;pointer-events: auto;}
.inner{position: relative;width: 100%;}

/*cursor*/
.cursor{user-select: none;pointer-events: none;position: absolute;z-index: 200;transform: translate(-50%,-50%);width: 1vw;height: 1vw;border-radius: 50%;background-color: #a1a1a1;mix-blend-mode: multiply;}
.cursor::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;transform: scale(1.1);border-radius: 50%;}
.cursor.click{animation: cursor_click2 0.3s forwards;animation-delay: 0.4s;}
.cursor.click::before{animation: cursor_click1 0.3s forwards cubic-bezier(0.4, 0, 1, 1);}
@keyframes cursor_click1 {
    0%{transform: scale(1.1);}
    100%{transform: scale(0);}
}
@keyframes cursor_click2 {
    0%{transform: translate(-50%,-50%) scale(1);}
    100%{transform: translate(-50%,-50%) scale(0);}
}
@media all and (max-aspect-ratio:12/10){
    .cursor{display: none;}
}

/*header*/
header{position: absolute;left: 0;top: 0;width: 100%;z-index: 100;padding-top: 5.25vh;filter: invert(1);transition: 0.5s;}
header .home{width:0.7813vw;position: absolute;right: 7.4vw;top: 0.02vw;}
header .home a{display: block;position: relative;}
header .home a::before{content: "";width: 100%;padding-bottom: 100%;position: absolute;left: 50%;top: 55%;transform: translate(-50%,-50%);background-color: #fff;border-radius: 50%;opacity: 0;transition: 0.4s;}
header .home img{display: block;width: 100%;position: relative;z-index: 1;transition: 0.4s;}
header .home:hover a::before{transform: translate(-50%,-50%) scale(1.8);opacity: 1;}
header .home:hover img{filter: invert(1);}
header .gnb{padding: 0 9vw;}
header .gnb ul{position: relative;display: flex;justify-content: center;}
header .gnb ul li{position: relative;overflow: hidden;}
header .gnb ul li.left{position: absolute;left: 0;top: 0;}
header .gnb ul li.right{position: absolute;right: 0;top: 0;}
header .gnb ul li::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background-color: #fff;transform: translate(-101%,0);transition: 1s;}
header .gnb ul li a{display: block;position: relative;transform: translate(0,110%);transition: 0.8s;transition-delay: 0.3s;}
header .gnb ul li a::before{content: "";position: absolute;left: 50%;top: 50%;background-color: #fff;width: 100%;height: 2px;opacity: 0;transform: translate(-50%,-50%) scaleX(0);transition: 0.3s;}
header .gnb ul li a span{display: block;color: transparent;-webkit-background-clip: text;font-size: 0.8333vw;font-weight: 600;letter-spacing: 0.02em;line-height: 1.1em;transition: all 0.6s cubic-bezier(0.16, 1.08, 0.38, 0.98);}
header .gnb ul li a .top{background-image: linear-gradient(#fff 0%, #fff 50%, transparent 50%, transparent 100%);}
header .gnb ul li a .bot{background-image: linear-gradient(transparent 0%, transparent 50%, #fff 50%, #fff 100%);position: absolute;left: 0;top: 0;}
header .gnb ul li a span.on{position: absolute;left: 0;top: 0;opacity: 0;filter: blur(0.2vw);}
/* header .gnb ul li:hover a::before, */
/* .page_about header .gnb ul li .menu1::before,
.page_journey header .gnb ul li .menu2::before,
.page_ingredients header .gnb ul li .menu3::before{opacity: 1;transform: translate(-50%,-50%);} */
/* header .gnb ul li:hover a .top, */
/* .page_about header .gnb ul li .menu1 .top,
.page_journey header .gnb ul li .menu2 .top,
.page_ingredients header .gnb ul li .menu3 .top{transform: skewX(12deg) translateX(0.1vw);} */
/* header .gnb ul li:hover a .bot, */
/* .page_about header .gnb ul li .menu1 .bot,
.page_journey header .gnb ul li .menu2 .bot,
.page_ingredients header .gnb ul li .menu3 .bot{transform: skewX(12deg) translateX(-0.1vw);} */
header.none{pointer-events: none;user-select: none;}
.wrap.open header .gnb ul li a{transform:none;}
.wrap.open header .gnb ul li::before{transform: translate(101%,0);transition-delay: 1s;}
.wrap.open header .gnb ul li a{transform: none;transition-delay: 1.1s;}
.page_journey header{filter: invert(0);}
.page_journey.step2 header{filter: invert(1);transition-delay: 1.2s;}
.page_journey header .menu2 .off,
header .menu2:hover .off{opacity: 0;filter: blur(0.2vw);}
.page_journey header .menu2 .on,
header .menu2:hover .on{opacity: 1;filter: blur(0);}
@media all and (max-aspect-ratio:12/10){
    header{padding: 0 6.25vw;padding-top: 3.6vh;}
    header .home{position: static;margin: -3vw -3vw 0 auto;width: 9vw;box-sizing: content-box;}
    header .home a{padding: 3vw;}
    header .home a::before{display: none;}
    header .home:hover img{filter: none;}
    header .gnb{padding: 0;}
    header .gnb ul li a span{font-size: 2.5vw;}
    header .gnb ul li::before,
    header .gnb ul li a::before{height: 1px;}
}
@media all and (min-aspect-ratio:7/10) and (max-aspect-ratio:12/10){
    header .gnb ul li a span{font-size: 1.5vw;}
    header .home{width: 6vw;margin: -2vw -2vw 0 auto;}
    header .home a{padding: 2vw;}
}

/*skip*/
.skip{position: absolute;left: 50%;bottom: 4.6875vh;padding-bottom:0.625vw;transform: translate(-50%,0);z-index: 10;transition:0.4s;}
.skip p{color:rgba(255,255,255,0.8);font-size:0.9375vw;font-weight:600;letter-spacing:0.05em;}
.skip span{position:absolute;left:50%;bottom:0.1302vw;transform:translate(-50%,50%);transition: 0.4s;transition-delay:0.3s;}
.skip span::before{content:"";display: block;border-radius:50%;background-color:rgba(255,255,255,0.8);width:0.2604vw;height:0.2604vw;transition:0.4s;}
.skip.none{z-index:-1;opacity:0;pointer-events: none;}
/*
.skip:hover span{bottom:calc(50% + 0.3125vw);transition-delay: 0s;}
.skip:hover span::before{width: 3vw;height: 2px;border-radius: 0;background-color: #fff;transition-delay: 0.3s;}
*/
.skip.none{pointer-events: none;opacity: 0;}
@media all and (max-aspect-ratio:12/10){
    .skip{padding-bottom: 1.5625vw;}
    .skip p{font-size:2.5vw;}
    .skip span::before{width: 0.7813vw;height: 0.7813vw;}
}
@media all and (min-aspect-ratio:7/10) and (max-aspect-ratio:12/10){
    .skip p{font-size: 1.8vw;}
}

/*circle*/
.circle{position: fixed;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;z-index: 10;pointer-events: none;user-select: none;transform: scale(0.7);opacity: 0;}
.circle .circle_wrap{position: relative;z-index: 10;}
.circle .circle_wrap .fig{width:33.9583vw;height:33.9583vw;overflow: hidden;position: relative;}
.circle .circle_wrap .fig::before{content: "";position: absolute;left: 1px;top: 1px;width: calc(100% - 2px);height: calc(100% - 2px);border-radius: 50%;background-color: rgba(255,255,255,0.8);}
.circle .circle_wrap .fig span{display: block;width: 100%;height: 100%;position: relative;opacity: 0;}
.circle .circle_wrap .fig span img{display: block;width: 100%;position: relative;z-index: 1;opacity: 0;}
.circle .circle_wrap .fig span .shadow{position: absolute;left: 1px;top: 1px;width: calc(100% - 2px);height: calc(100% - 2px);}
.circle .circle_wrap .fig span .shadow::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fefefe;border-radius: 50%;box-shadow: inset 12vw 1vw 10vw #a9a9a9;}
.circle .circle_wrap .t_mo{transition: 0.6s;filter: brightness(1);}
.circle .circle_wrap .t_mo svg{opacity: 0;filter: blur(1vw);transition: 1s;}
.circle .circle_wrap .txt{position: absolute;left: 0;top: calc(100% + 2vw);width: 100%;}
.circle .circle_wrap .txt svg{display: block;width: 11.1979vw;margin: 0 auto;}
.circle .circle_wrap .txt svg .logo{fill: #fff;}
.circle .circle_wrap .txt svg .fill_path{fill:none;stroke:#fff;stroke-miterlimit:0;stroke-width:5px;}
.circle .circle_wrap .txt svg .fp1{stroke-dasharray: 45px;stroke-dashoffset: 45px;}
.circle .circle_wrap .txt svg .fp2{stroke-dasharray: 75px;stroke-dashoffset: 75px;}
.circle .circle_wrap .txt svg .fp3{stroke-dasharray: 20px;stroke-dashoffset: 20px;}
.circle .circle_wrap .txt svg .fp4{stroke-dasharray: 40px;stroke-dashoffset: 40px;}
.circle .circle_wrap .txt svg .fp5{stroke-dasharray: 50px;stroke-dashoffset: 50px;}
.circle .circle_wrap .txt svg .fp6{stroke-dasharray: 130px;stroke-dashoffset: 130px;}
.circle .circle_wrap .txt svg .fp7{stroke-dasharray: 50px;stroke-dashoffset: 50px;}
.circle .circle_wrap .txt svg .fp8{stroke-dasharray: 45px;stroke-dashoffset: 45px;}
.circle .circle_wrap .txt svg .fp9{stroke-dasharray: 20px;stroke-dashoffset: 20px;}
.circle .circle_wrap .txt svg .fp10{stroke-dasharray: 45px;stroke-dashoffset: 45px;}
.circle .circle_wrap .txt svg .fp11{stroke-dasharray: 50px;stroke-dashoffset: 50px;}
.circle .circle_wrap .txt svg .fp12{stroke-dasharray: 45px;stroke-dashoffset: 45px;}
.circle .circle_wrap .txt_ko{position: absolute;left: 0;top: calc(100% + 2vw);width: 100%;}
.circle .circle_wrap .txt_ko svg{display: block;width:5.0521vw;margin: 0 auto;}
.circle .circle_wrap .txt_ko svg .ko_logo{fill:#fff;}
.circle.en .circle_wrap .txt svg{opacity: 1;filter: blur(0)}
.circle.ko .circle_wrap .txt_ko svg{opacity: 1;filter: blur(0)}
/*
.circle.mo .circle_wrap .txt svg{animation: cir_txt_mo1 9s infinite;animation-delay: 3s;}
.circle.mo .circle_wrap .txt_ko svg{animation: cir_txt_mo2 9s infinite;animation-delay: 3s;}
@keyframes cir_txt_mo1 {
    0%{opacity: 1;filter: blur(0);}
    30%{opacity: 1;filter: blur(0);}
    50%{opacity: 0;filter: blur(1vw);}
    80%{opacity: 0;filter: blur(1vw);}
    100%{opacity: 1;filter: blur(0);}
}
@keyframes cir_txt_mo2 {
    0%{opacity: 0;filter: blur(1vw);}
    30%{opacity: 0;filter: blur(1vw);}
    50%{opacity: 1;filter: blur(0);}
    80%{opacity: 1;filter: blur(0);}
    100%{opacity: 0;filter: blur(1vw);}
}
*/
.circle.intro_cir{opacity: 1;transform: none;transition: 0.8s;}
.circle.intro_cir .circle_wrap{transition: 0.8s;}
.circle.intro_cir .circle_wrap .txt svg .fill_path{stroke-dashoffset:0;transition: 0.6s;transition-delay: 0.8s;}
.circle.intro_cir .circle_wrap .txt svg .fp2{transition-delay: 1s;}
.circle.intro_cir .circle_wrap .txt svg .fp3{transition-delay: 1.4s;}
.circle.intro_cir .circle_wrap .txt svg .fp5{transition-delay: 1.2s;}
.circle.intro_cir .circle_wrap .txt svg .fp6{transition: 1s;transition-delay: 0.8s;}
.circle.intro_cir .circle_wrap .txt svg .fp8{transition-delay: 1.3s;}
.circle.intro_cir .circle_wrap .txt svg .fp9{transition: 0.5s;transition-delay: 1.5s;}
.circle.intro_cir .circle_wrap .txt svg .fp10{transition: 0.4s;transition-delay: 0.8s;}
.circle.intro_cir .circle_wrap .txt svg .fp11{transition: 0.4s;transition-delay: 1.1s;}
.circle.intro_cir .circle_wrap .txt svg .fp12{transition: 0.4s;transition-delay: 1.4s;}
.circle.intro_cir .circle_wrap .fig{transition: 0.6s;}
.circle.intro_cir .circle_wrap .fig::before{opacity: 0;transition-delay: 3.6s;}
.circle.intro_cir .circle_wrap .fig span{opacity: 1;transition: 0.8s;transition-delay: 2s;}
.circle.intro_cir .circle_wrap .fig span .shadow{opacity: 0;transition-delay: 5s;}
.circle.intro_cir .circle_wrap .fig span .shadow::before{transition: 2s;box-shadow: inset -8vw -1vw 10vw #a9a9a9;transition-delay: 2.6s;}
.circle.intro_cir .circle_wrap .fig span img{opacity: 1;transition: 1s;transition-delay: 4.2s;}
.circle.black .circle_wrap .t_mo{filter: brightness(0);}
.circle.fade_out .circle_wrap{opacity: 0;}
.circle.scale_1 .circle_wrap .t_mo{opacity: 0;}
.circle.scale_1 .circle_wrap .fig{transform: scale(0.8);}
.circle.scale_2 .circle_wrap .fig{opacity: 0;transform: none;}
.fp-viewing-0 .page_about .circle .circle_wrap .t_mo,
.fp-viewing-1 .page_about .circle .circle_wrap .t_mo{filter: brightness(1);transition-delay: 0.6s;}
.fp-viewing-2 .page_about .circle .circle_wrap .t_mo{filter: brightness(0);transition-delay: 0.6s;}
@media all and (min-aspect-ratio:21/10){
    .circle .circle_wrap .fig{width: 27vw;height: 27vw;}
    .circle .circle_wrap .txt,
    .circle .circle_wrap .txt_ko{top: calc(100% + 1.3vw);}
    .circle .circle_wrap .txt svg{width: 9vw;}
    .circle .circle_wrap .txt_ko svg{width: 4.2vw;}
}
@media all and (max-aspect-ratio:12/10){
    .circle .circle_wrap .fig{width: 68vw;height: 68vw;}
    .circle .circle_wrap .txt,
    .circle .circle_wrap .txt_ko{position: fixed;top:auto;bottom: 3.8251vh;}
    .circle.scale_1 .circle_wrap .t_mo{opacity: 1;}
    .circle .circle_wrap .txt svg{width:24.2188vw;}
    .circle .circle_wrap .txt_ko svg{width: 11.7188vw;}
    .circle .circle_wrap .fig span .shadow::before{box-shadow: inset 18vw 2vw 22vw #a9a9a9;}
    .circle.intro_cir .circle_wrap .fig span .shadow::before{box-shadow: inset -18vw -1vw 22vw #a9a9a9;}
}
@media all and (min-aspect-ratio:7/10) and (max-aspect-ratio:12/10){
    .circle{top: 30%;height: 70%;}
    .circle .circle_wrap .fig{width: 35vw;height: 35vw;}
    .circle .circle_wrap .txt svg{width: 14vw;}
    .circle .circle_wrap .txt_ko svg{width: 7vw;}
    .circle .circle_wrap .fig span .shadow::before{box-shadow: inset 9vw 1vw 11vw #a9a9a9;}
    .circle.intro_cir .circle_wrap .fig span .shadow::before{box-shadow: inset -9vw -0.5vw 11vw #a9a9a9;}
}

/*left_menu*/
.left_menu{position: absolute;top: 10vh;left: 7.35vw;opacity: 0;z-index: 10;will-change: auto;pointer-events: none;user-select: none;transition: 0.8s;}
.left_menu p{height: 50vh;display: flex;align-items: flex-end;transition: 1s ease-in-out;}
.left_menu p span{display: flex;align-items: flex-start;position: relative;padding-left: 1.6667vw;color: rgba(255,255,255,0.8);opacity: 0;font-size: 0.8333vw;font-weight: 600;letter-spacing: 0.08em;transform: translate(0,50%);transition: 0.6s;transition-delay: 0.3s;}
.left_menu p span::before{content: "";position: absolute;top: 50%;left: 0;width: 0.7292vw;height: 0.7292vw;margin-top: -0.3646vw;background-color: rgba(255,255,255,0.8);border-radius: 50%;transition: 0.6s;transition-delay: 0.3s;}
.ingredients_wrap .left_menu p span{color: #c3c3c3;}
.ingredients_wrap .left_menu p span::before{background-color: #c3c3c3;}
.left_menu p span em{font-size: 0.5208vw;transform: translate(0,-30%);}
.left_menu p.ready{transform: translate(0,-5.6vh);}
.left_menu p.delay{transition-delay: 0.4s;}
.left_menu p.delay span{opacity: 1;transition-delay: 0.5s;}
.left_menu p.delay span::before{opacity: 1;transition-delay: 0.5s;}
.left_menu p.on span{color: #000;opacity: 1;transition-delay: 0.5s;}
.left_menu p.on span::before{background-color: #000;transition-delay: 0.5s;}
.left_menu .menu_wrap.down{animation: menu_down 1.5s forwards cubic-bezier(0.45, 0, 0.55, 1);}
@keyframes menu_down {
    0%{transform: translate(0,0);}
    20%{transform: translate(0,calc(var(--vh, 1vh) * 1));}
    100%{transform: translate(0,calc(var(--vh, 1vh) * -50));}
}
.left_menu .menu_wrap.up{animation: menu_up 1.5s forwards cubic-bezier(0.45, 0, 0.55, 1);}
@keyframes menu_up {
    0%{transform: translate(0,0);}
    20%{transform: translate(0,calc(var(--vh, 1vh) * -1));}
    100%{transform: translate(0,calc(var(--vh, 1vh) * 50));}
}
.left_menu .menu_wrap.top{animation: menu_top 1.5s forwards cubic-bezier(0.45, 0, 0.55, 1);}
@keyframes menu_top {
    0%{transform: translate(0,0);}
    20%{transform: translate(0,calc(var(--vh, 1vh) * -1));}
    100%{transform: translate(0,calc(var(--vh, 1vh) * 100));}
}
.on .left_menu{opacity: 1;top: 0;transition-delay: 0.5s;}
.left_menu.out{opacity: 0 !important;transition: 0.6s !important;transition-delay:0s !important;}
.left_menu .menu_mo.top{transition:1.8s;}
@media all and (max-aspect-ratio:12/10){
    .left_menu{padding-top: 21.875vw;left: 6.25vw;top: 10vh;}
    .left_menu p{align-items: flex-start;height: 76vh;transition: 0s;}
    .left_menu p span{font-size: 2.1875vw;padding-left: 3vw;transform:none;color: transparent;}
    .ingredients_wrap .left_menu p span{color:transparent}
    .ingredients_wrap .left_menu p.on span{color: #000;}
    .left_menu p span::before{width:1.6vw;height:1.6vw;margin-top:-0.8vw;}
    .left_menu p span em{font-size: 1.5625vw;}
    .left_menu p.ready{transform: none;}
    .left_menu p.delay{transition: 0s;}
    @keyframes menu_down {
        0%{transform: translate(0,0);}
        20%{transform: translate(0,1vh);}
        100%{transform: translate(0,var(--window-height2));}
    }
    @keyframes menu_up {
        0%{transform: translate(0,0);}
        20%{transform: translate(0,-1vh);}
        100%{transform: translate(0,var(--window-height1));}
    }
}
@media all and (min-aspect-ratio:7/10) and (max-aspect-ratio:12/10){
    .left_menu{padding-top: 14vh;}
    .left_menu p span{font-size: 1.5vw;}
	.left_menu p span em{font-size:1vw;}
    .left_menu p span::before{width: 1.2vw;height: 1.2vw;margin-top: -0.6vw;}
}

/*intro*/
.intro_wrap{width: 100%;height: 100%;overflow: hidden;position: fixed;left: 0;top: 0;}
.intro_wrap .intro_vd{width: 100%;height: 100%;overflow: hidden;pointer-events: none;user-select: none;transition: 1s;}
.intro_wrap .intro_vd iframe{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);min-width: 100%;min-height: 100%;width: calc(177.778vh);height: calc(56.25vw);}
.intro_wrap.remove .intro_vd{opacity: 0;transform: scale(1.15);transition-delay: 1.9s;}
.intro_wrap .sound{width: 1.0417vw;height: 0.9375vw;background-repeat: no-repeat;background-position: center;background-size: contain;position: absolute;z-index: 10;left: 50%;margin-left: -0.52vw;bottom: 11vh;transition: 0.3s;}
.intro_wrap .sound.off{background-image: url(../images/sound-off.png);}
.intro_wrap .sound.on{background-image: url(../images/sound-on.png);}
.intro_wrap .sound.none{z-index:-1;opacity:0;pointer-events: none;}
@media all and (max-aspect-ratio:12/10){
    .intro_wrap .intro_vd iframe{height: calc(214vh);width: calc(110vw);}
    .intro_wrap .sound{width: 5.2085vw;height: 4.6875vw;margin-left: -2.60425vw;bottom: 9vh;}
}
@media all and (min-aspect-ratio:7/10) and (max-aspect-ratio:12/10){
    .intro_wrap .sound{width: 3.1251vw;height: 2.8125vw;margin-left: -1.56255vw;bottom: 12vh;}
}

/*about_wrap*/
.about_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;pointer-events: none;user-select: none;opacity: 0;transform: scale(1.15);transition: opacity 1s , transform 1.5s;}
.about_bg span{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.about_bg.a_b1 span{background-image:url(../images/about2-bg1.jpg);}
.about_bg.a_b2 span{background-image:url(../images/about2-bg2.jpg);}
.fp-viewing-0 .page_about .about_bg.a_b1,
.fp-viewing-1 .page_about .about_bg.a_b2{opacity: 1;transform: none;}
.about_wrap.on ~ .about_bg{transition-delay: 0.6s;}
.about_wrap{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 20;display: none;}
.about_wrap .about_con{position: fixed;left: 0;top: 0;width: 100%;height: 100%;}
.about_wrap .cen_wrap{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.about_wrap .lef_wrap{width: 100%;height: 100%;display: flex;align-items: center;}
.about1 .txt{position: relative;text-align: center;}
.about1 .txt .t1 p{opacity: 0;transform: translate(0,100%);overflow: hidden;transition: 0.8s;}
.about1 .txt .t1 p ~ p{margin-top: 0.34vw;}
.about1 .txt .t1 p span{display: block;font-size: 0;overflow: hidden;transform: translate(0,110%);transition: 0.8s;transition-delay:0.5s;}
.about1 .txt .t1 p span img{height: 0.553vw;}
.about1 .txt .t2{margin-top: 1.4vw;overflow: hidden;opacity: 0;transform: translate(0,80%);transition: 0.8s;}
.about1 .txt .t2 p{color: rgba(0,0,0,0.6);font-weight: 600;font-size: 0.8333vw;letter-spacing: 0.05em;opacity: 0;transform: translate(0,100%);transition: 0.6s;transition-delay:0.5s;}
.about_wrap .active .about1 .txt .t1 p span{opacity: 1;transform: none;transition-delay: 1.2s;}
.about_wrap .active .about1 .txt .t2 p{opacity: 1;transform: none;transition-delay: 1.5s;}
.about2 .txt{padding-left: 16.6vw;opacity: 0;transform: translate(0,20%);transition: 0.6s;}
.about2 .top_txt{margin-bottom: 0.7813vw;overflow: hidden;transform: translate(0,100%);opacity: 0;transition: 0.8s;transition-delay: 0.5s;}
.about2 .top_txt p img{display: block;width: 5.4688vw;margin: 0 auto;}
.about2 .mid_txt p{color: #fff;font-weight: 500;font-size: 0.7813vw;line-height: 1.53em;text-align: center;letter-spacing: 0.04em;}
.about2 .mid_txt p span{display: block;opacity: 0;transform: translate(0,100%);transition: 0.8s;transition-delay: 0.5s;}
.about2 .bot_txt{margin-top: 1.8229vw;}
.about2 .bot_txt p{margin-top: 0.7813vw;}
.about2 .bot_txt em{display: block;}
.about2 .bot_txt em ~ em{margin-top: 0.2604vw;}
.about2 .bot_txt em span{display: block;margin: 0 auto;opacity: 0;transform: translate(0,100%);transition: 0.8s;transition-delay: 0.5s;}
.about2 .bot_txt .t1 span{width: 6.3542vw;}
.about2 .bot_txt .t2 span{width: 11.1vw;}
.about2 .bot_txt .t3 span{width:6.6667vw;}
.about2 .bot_txt em span img{display: block;margin: 0 auto;}
.about_wrap .active .about2 .top_txt{opacity: 1;transform: none;transition-delay: 1.2s;}
.about_wrap .active .about2 .mid_txt p span{opacity: 1;transform: none;transition-delay: 1.5s;}
.about_wrap .active .about2 .bot_txt .t1 span{opacity: 1;transform: none;transition-delay: 1.8s;}
.about_wrap .active .about2 .bot_txt .t2 span,
.about_wrap .active .about2 .bot_txt .t3 span{opacity: 1;transform: none;transition-delay: 1.9s;}
.about3 .txt{padding-left: 15.5vw;margin-bottom: -2vw;opacity: 0;transform: translate(0,20%);transition: 0.6s;}
.about3 .txt img{display: block;}
.about3 .txt span{display: block;width: 8.3333vw;opacity: 0;transform: translate(-10%,0);transition: 0.8s;transition-delay: 0.5s;}
.about3 .txt p{margin-top: 0.7813vw;width: 14.2188vw;opacity: 0;transform: translate(-10%,0);transition: 0.8s;transition-delay: 0.5s;}
.about_wrap .active .about3 .txt span{opacity: 1;transform:none;transition-delay: 1.2s;}
.about_wrap .active .about3 .txt p{opacity: 1;transform:none;transition-delay: 1.5s;}
.about_wrap.on .about1 .txt .t1 p{opacity: 1;transform: none;transition-delay: 0.8s;}
.about_wrap.on .about1 .txt .t2{opacity: 1;transform: none;transition-delay: 1.1s;}
.about_wrap.on .about2 .txt,
.about_wrap.on .about3 .txt{opacity: 1;transform: none;}
@media all and (min-aspect-ratio:21/10){
    .about1 .txt .t1 p span img{height: 0.49vw;}
    .about1 .txt .t2{margin-top: 1.2138vw;}
    .about1 .txt .t2 p{font-size: 0.74vw;}
    .about2 .top_txt{margin-top: 0.6773vw;}
    .about2 .top_txt p img{width: 4.7414vw;}
    .about2 .mid_txt p{font-size: 0.6773vw;}
    .about2 .bot_txt{margin-top: 1.5804vw;}
    .about2 .bot_txt .t1 span{width: 5.509vw;}
    .about2 .bot_txt p{margin-top: 0.6773vw;}
    .about2 .bot_txt .t2 span{width: 9.57vw;}
    .about2 .bot_txt .t3 span{width: 5.833vw;}
}
@media all and (max-aspect-ratio:12/10){
    .about_wrap .cen_wrap,
    .about_wrap .lef_wrap{display: block;width: 100%;height: auto;}
    .about_bg.a_b1 span{background-image:url(../images/about2-bg1-m.jpg);}
    .about_bg.a_b2 span{background-image:url(../images/about2-bg2-m.jpg);}
    .about1{padding: 26.5625vw 0 0 9.25vw;height: auto;}
    .about1 .txt{width: auto;text-align: left;filter: invert(1);}
    .about1 .txt .t1 p:nth-child(1) span{width: 64.2188vw;}
    .about1 .txt .t1 p:nth-child(2) span{width: 69.1406vw;}
    .about1 .txt .t1 p:nth-child(3) span{width: 61.9844vw;}
    .about1 .txt .t1 p:nth-child(4) span{width: 66.7188vw;}
    .about1 .txt .t1 p:nth-child(5) span{width: 78.4688vw;}
    .about1 .txt .t1 p:nth-child(6) span{width: 78.5625vw;}
    .about1 .txt .t1 p span img{height: auto;}
    .about1 .txt .t1 p ~ p{margin-top: 0.8594vw;}
    .about1 .txt .t2{margin-top: 3.125vw;}
    .about1 .txt .t2 p{font-size: 2.5vw;color: rgba(0,0,0,0.7);;}
    .about1 .txt .t3{position: static;margin-top: 3.125vw;}
    .about1 .txt .t3 p{transition-delay:1.2s;}
    .about1 .txt .t3 p span{font-size: 2.6563vw;line-height: 1.1em;font-weight: 500;}
    .about2{padding-top: 23.4375vw;}
    .about2 .txt{padding-left: 0;margin-bottom:0;}
    .about2 .top_txt{margin-bottom: 1.0938vw;}
    .about2 .top_txt p img{width: 16vw;}
    .about2 .mid_txt p{font-size: 2.2594vw;font-weight: 600;letter-spacing: 0.05em;}
    .about2 .bot_txt{margin-top: 3.125vw;}
    .about2 .bot_txt .t1 span{width: 18.9063vw;}
    .about2 .bot_txt p{margin-top: 1.5625vw;}
    .about2 .bot_txt em ~ em{margin-top: 0.7813vw;}
    .about2 .bot_txt .t2 span{width: 32.5vw;}
    .about2 .bot_txt .t3 span{width: 19.8438vw;}
    .about3{padding: 29.6875vw 0 0 9.25vw;}
    .about3 .txt{padding-left: 0;margin-bottom: 0;}
    .about3 .txt span{width: 37.0313vw;}
    .about3 .txt p{margin-top: 2.3438vw;width: 55vw;}
}
@media all and (min-aspect-ratio:7/10) and (max-aspect-ratio:12/10){
    .about1,
    .about3{padding: 19vh 0 0 9.25vw;}
    .about1 .txt .t1 p ~ p{margin-top:0.6vw;}
    .about1 .txt .t1 p:nth-child(1) span{width: 44.95316vw;}
    .about1 .txt .t1 p:nth-child(2) span{width: 48.39842vw;}
    .about1 .txt .t1 p:nth-child(3) span{width: 43.389vw;}
    .about1 .txt .t1 p:nth-child(4) span{width: 46.70316vw;}
    .about1 .txt .t1 p:nth-child(5) span{width: 54.928vw;}
    .about1 .txt .t1 p:nth-child(6) span{width: 54.99375vw;}
    .about1 .txt .t2{margin-top: 2vw;}
    .about1 .txt .t2 p{font-size: 1.75vw;}
    .about2{padding-top: 18vh;}
    .about2 .top_txt{margin-bottom: 0.76566vw;}
    .about2 .top_txt p img{width: 11.59375vw;}
    .about2 .mid_txt p{font-size: 1.581vw;}
    .about2 .bot_txt{margin-top: 2.1875vw;}
    .about2 .bot_txt .t1 span{width: 13.234vw;}
    .about2 .bot_txt p{margin-top: 1.09375vw;}
    .about2 .bot_txt em ~ em{margin-top: 0.625vw;}
    .about2 .bot_txt .t2 span{width: 19.5vw;}
    .about2 .bot_txt .t3 span{width: 11.9vw;}
    .about3 .txt span{width: 25.921vw;}
    .about3 .txt p{margin-top: 1.64vw;width: 38.5vw;}
}

/*journey_wrap*/
.journey_wrap{width: 100%;height: 100%;overflow: hidden;position: fixed;left: 0;top: 0;display: none;}
.journey_intro_sd{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;transform: scale(1.05);transition: 1s;}
.journey_intro_sd .txt{position: absolute;left: 0;bottom: 11.9792vh;width: 100%;z-index: 11;user-select: none;pointer-events: none;}
.journey_intro_sd .txt dl img{display: block;width: 100%;}
.journey_intro_sd .txt dl dt{width: 27.2396vw;margin: 0 auto;margin-bottom: 1.5625vw;opacity: 0;transform: translate(0,100%);transition: 0.8s;}
.journey_intro_sd .txt dl dd{width: 10.3125vw;margin: 0 auto;opacity: 0;transform: translate(0,70%);transition: 0.8s;}
.journey_wrap.on .journey_intro_sd{opacity: 1;transform: none;}
.journey_wrap.on .journey_intro_sd .txt dl dt{opacity: 1;transform: none;transition-delay: 0.5s}
.journey_wrap.on .journey_intro_sd .txt dl dd{opacity: 1;transform: none;transition-delay: 0.8s;}
.page_journey.step2 .journey_intro_sd{opacity: 0;transition: 0.6s;}
.journey_intro_sd .bg{width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;transition-delay: 1.2s;}
.journey_intro_sd .sd1 .bg{background-image: url(../images/journey-intro1.jpg);background-position: center bottom;}
.journey_intro_sd .sd2 .bg{background-image: url(../images/journey-intro2.jpg);background-position: center top;}
.journey_intro_sd .sd3 .bg{background-image: url(../images/journey-intro3.jpg);background-position: center bottom;}
.journey_intro_sd .sd4 .bg{background-image: url(../images/journey-intro4.jpg);background-position: center top;}
.journey_intro_sd .sd5 .bg{background-image: url(../images/journey-intro5.jpg);background-position: left center;}
.journey_intro_sd .sd6 .bg{background-image: url(../images/journey-intro6.jpg);background-position: center bottom;}
.journey_intro_sd .sd7 .bg{background-image: url(../images/journey-intro7.jpg);background-position: center top;}
.journey_wrap.on .journey_intro_sd .swiper-slide-active .bg{transition: 8s;transition-delay: 0.5s;}
.journey_wrap.on .journey_intro_sd .sd1.swiper-slide-active .bg{background-position: center bottom 100%;}
.journey_wrap.on .journey_intro_sd .sd2.swiper-slide-active .bg{background-position: center top 100%;}
.journey_wrap.on .journey_intro_sd .sd3.swiper-slide-active .bg{background-position: center bottom 100%;}
.journey_wrap.on .journey_intro_sd .sd4.swiper-slide-active .bg{background-position: center top 100%;}
.journey_wrap.on .journey_intro_sd .sd5.swiper-slide-active .bg{background-position: left 100% center;}
.journey_wrap.on .journey_intro_sd .sd6.swiper-slide-active .bg{background-position: center bottom 100%;}
.journey_wrap.on .journey_intro_sd .sd7.swiper-slide-active .bg{background-position: center top 100%;}
.journey_product_sd{width: 100%;height: 100%;position: relative;z-index: 1;}
.page_journey.step2 .journey_product_sd{z-index: 20;}
.journey_product_sd .dot{display: none;border-radius: 50%;width: 6vw;height: 6vw;position:absolute;top: 50%;margin-top: -3vw;background: url(../images/dot-arr.svg) no-repeat center / 35% auto;z-index: 20;opacity: 0;transition: 0.6s;}
.journey_product_sd .dot.prev{left: 4.25vw;transform: rotate(180deg);}
.journey_product_sd .dot.next{right: 4.25vw;}
.journey_product_sd .dot.swiper-button-disabled{opacity: 0 !important;}
.journey_product_sd .dot.no_click{pointer-events: none;}
.journey_product_sd .floor{position: absolute;left: 0;bottom: 0;width: 100%;height: 26vh;background: url(../images/floor.jpg) no-repeat center / cover;transform: translate(0,100%);transition: 0.6s;}
.journey_product_sd .box{padding-bottom: 26vh;height: 100%;display: flex;align-items: flex-end;justify-content: center;position: relative;z-index: 10;transition: 1.6s !important;user-select: none;pointer-events: none;}
.journey_product_sd .product img{display: block;width: 100%;opacity: 0;transform: translate(0,-30%);transition: 0.8s;}
.journey_product_sd .pd1 .product{width: 6.9271vw;}
.journey_product_sd .pd2 .product{width: 9.0104vw;}
.journey_product_sd .pd3 .product{width: 11.6146vw;}
.journey_product_sd .pd4 .product{width: 12.7604vw;}
.journey_product_sd .pd5 .product{width: 5.2083vw;}
.journey_product_sd .pd6 .product{width: 7.8125vw;}
.journey_product_sd .prd_txt{position: absolute;left: 0;bottom: 16vh;width: 100%;}
.journey_product_sd .prd_txt dl{opacity: 0;transform: translate(0,20%);transition: 0.6s;}
.journey_product_sd .prd_txt dl img{display: block;margin: 0 auto;}
.journey_product_sd .prd_txt dl dt{margin-bottom: 0.7813vw;opacity: 0;filter: blur(0.2vw);transition: 0.8s;}
.journey_product_sd .prd_txt dl dt img{height: 1.3021vw;}
.journey_product_sd .prd_txt dl dd{opacity: 0;filter: blur(0.2vw);transition: 0.8s;}
.journey_product_sd .prd_txt dl dd img{height: 1.17vw;}
.journey_product_sd .prd_txt p{margin-top: 0.7813vw;opacity: 0;filter: blur(0.2vw);transition: 0.8s;}
.journey_product_sd .prd_txt p img{display: block;margin: 0 auto;width: 4.5833vw;}
.journey_product_sd .pd6 .prd_txt{bottom: 13.7vh;}
.journey_product_sd .pd6 .prd_txt dl dt{margin-bottom: 0.625vw;}
.journey_product_sd .pd6 .prd_txt dl dt img{height: 1.44vw;}
.journey_product_sd .pd_box{width: 100%;height: 100%;}
.journey_product_sd .pd_box ul{display: flex;gap: 4.4271vw;align-items: flex-end;justify-content: center;height: 100%;opacity: 0;transition: 0.6s;}
.journey_product_sd .pd_box ul li{position: relative;opacity: 0;transform: translate(5vw,0);transition: 0.8s;transition-delay: 1s;}
.journey_product_sd .pd_box ul .all1{width: 4.6875vw;}
.journey_product_sd .pd_box ul .all2{width: 6.0938vw;}
.journey_product_sd .pd_box ul .all3{width: 7.8125vw;}
.journey_product_sd .pd_box ul .all4{width: 8.5938vw;}
.journey_product_sd .pd_box ul .all5{width: 3.4896vw;}
.journey_product_sd .pd_box ul .all6{width: 5.2604vw;}
.journey_product_sd .pd_box ul .all_txt{position: absolute;left: 50%;top: calc(100% + 1.25vw);transform: translate(-50%,0);}
.journey_product_sd .pd_box ul .all_txt dl dt{margin: 0 auto;margin-bottom: 0.5208vw;opacity: 0;transform: translate(0,50%);filter: blur(0.2vw);transition: 0.8s;}
.journey_product_sd .pd_box ul .all_txt dl dt img{height: 0.4479vw;margin: 0 auto;}
.journey_product_sd .pd_box ul .all_txt dl dd{margin: 0 auto;opacity: 0;transform: translate(0,50%);filter: blur(0.2vw);transition: 0.8s;}
.journey_product_sd .pd_box ul .all_txt dl dd img{height:0.6771vw;max-width: none;width: auto;}
.journey_product_sd .pd_box ul .all6 .all_txt dl dd img{height: 1.25vw;}
.journey_product_sd .pd_box ul .all_txt img{display: block;width: 100%;}
.journey_product_sd .all_logo{position: absolute;left: 0;top: 22vh;width: 100%;}
.journey_product_sd .all_logo img{display: block;width: 100%;}
.journey_product_sd .all_logo strong{display: block;margin: 0 auto;margin-bottom: 0.625vw;width: 15.2604vw;opacity: 0;transform: translate(0,80%);transition: 0.8s;}
.journey_product_sd .all_logo span{display: block;margin: 0 auto;margin-bottom: 1.0417vw;width: 9.5833vw;opacity: 0;transform: translate(0,130%);transition: 0.8s;}
.journey_product_sd .all_logo p{margin: 0 auto;width: 33.75vw;opacity: 0;transform: translate(0,110%);transition: 0.8s;}
.journey_product_sd .info_txt{position: absolute;bottom: 33.33%;left: 9vw;z-index: 10;opacity: 0;transition: 0.5s;}
.journey_product_sd .info_txt .tit{color: #000;font-size: 1.6667vw;font-weight: 600;letter-spacing: 0.03em;margin-bottom: 1.7188vw;overflow: hidden;text-indent: -0.1vw;opacity: 0;transition: 0.8s;}
.journey_product_sd .pd4 .info_txt .tit,
.journey_product_sd .pd5 .info_txt .tit{text-indent: -0.18vw;}
.journey_product_sd .info_txt .tit span{display: block;transform: translate(0,100%);transition: 0.8s;}
.journey_product_sd .info_txt dl dt{margin-bottom: 0.6771vw;opacity: 0;transform: translate(0,1vw);transition: 0.8s;}
.journey_product_sd .info_txt dl dt img{display: block;width: 100%;width: 5.2604vw;opacity: 0;transform: translate(0,1vw);transition: 0.8s;}
.journey_product_sd .info_txt dl dd{opacity: 0;transform: translate(0,1vw);transition: 0.8s;}
.journey_product_sd .info_txt dl dd img{width: 100%;opacity: 0;transform: translate(0,1vw);transition: 0.8s;}
.journey_product_sd .pd1 .info_txt dl dd img{width: 27.1875vw;}
.journey_product_sd .pd2 .info_txt dl dd img{width: 18.3854vw;}
.journey_product_sd .pd3 .info_txt dl dd img{width: 23.6458vw;}
.journey_product_sd .pd4 .info_txt dl dd img{width: 24.9479vw;}
.journey_product_sd .pd5 .info_txt dl dd img{width: 31.25vw;}
.journey_product_sd .pd6 .info_txt dl dd img{width: 24.2708vw;}
.journey_product_sd .info_txt .list{margin-top: 0.9375vw;position: relative;}
.journey_product_sd .info_txt .list button{display: none;border: none;background: none;width: 5.9375vw;height: 5.9375vw;position: absolute;left: 0;top: 0;transition: 0.4s;}
.journey_product_sd .info_txt .list button span{display: block;opacity: 0;transform: rotate(-45deg);transition: 0.8s}
.journey_product_sd .info_txt .list button img{display: block;width: 100%;opacity: 0;transition: 0.8s;}
.journey_product_sd .info_txt .list ul li{opacity: 0;transform: translate(0,-60%);transition: 0.8s;}
.journey_product_sd .info_txt .list ul li ~ li{margin-top: 0.5729vw;}
.journey_product_sd .info_txt .list ul li img{display: block;height: 2.0833vw;opacity: 0;transform: translate(0,-60%);transition: 0.8s;}
.journey_product_sd .pdr_pop_btn{position: absolute;z-index: 30;right: 7.4vw;bottom: 3.125vh;width: 3.3854vw;background-color: #000;border-radius: 50%;border: none;opacity: 0;transition: 0.6s;}
.journey_product_sd .pdr_pop_btn img{display: block;width: 100%;transition: 0.5s;transition-delay: 0.3s;}
.journey_product_sd .pdr_pop_btn.open img{opacity: 0;transform: scale(0);transition-delay: 0s;}
.journey_product_sd .journey_logo{display: none;position: absolute;left: 0;bottom: 3.8251vh;width: 100%;opacity: 0;transition: 0.6s;}
.journey_product_sd .journey_logo img{display: block;width: 24.2188vw;margin: 0 auto;}
.journey_product_sd .swiper-slide-active .prd_txt dl dt{opacity: 1;filter: blur(0);transition-delay: 0.3s;}
.journey_product_sd .swiper-slide-active .prd_txt dl dd{opacity: 1;filter: blur(0);transition-delay: 0.6s;}
.journey_product_sd .swiper-slide-active .prd_txt p{opacity: 1;filter: blur(0);transition-delay: 0.9s;}
.journey_product_sd .swiper-slide-active .pd_box ul,
.journey_product_sd .swiper-slide-active .pd_box ul li{opacity: 1;transform: none;}
.journey_product_sd .swiper-slide-active .pd_box ul .all1{transition-delay: 1s;}
.journey_product_sd .swiper-slide-active .pd_box ul .all2{transition-delay: 1.2s;}
.journey_product_sd .swiper-slide-active .pd_box ul .all3{transition-delay: 1.4s;}
.journey_product_sd .swiper-slide-active .pd_box ul .all4{transition-delay: 1.6s;}
.journey_product_sd .swiper-slide-active .pd_box ul .all5{transition-delay: 1.8s;}
.journey_product_sd .swiper-slide-active .pd_box ul .all6{transition-delay: 2s;}
.page_journey.step2 .journey_product_sd .swiper-slide-active .pd_box ul .all_txt dl dt{opacity: 1;filter: blur(0);transform: none;transition-delay: 2.3s;}
.page_journey.step2 .journey_product_sd .swiper-slide-active .pd_box ul .all_txt dl dd{opacity: 1;filter: blur(0);transform: none;transition-delay: 2.5s;}
.page_journey.step2 .journey_product_sd .swiper-slide-active .all_logo strong{opacity: 1;transform: none;}
.page_journey.step2 .journey_product_sd .swiper-slide-active .all_logo span{opacity: 1;transform: none;transition-delay: 0.3s;}
.page_journey.step2 .journey_product_sd .swiper-slide-active .all_logo p{opacity: 1;transform: none;transition-delay: 0.6s;}
.journey_product_sd .swiper-slide-active .info_txt{opacity: 1;}
.journey_product_sd .journey_page{position: absolute;top: auto;bottom: 6.25vh;left:0;right: auto;transform: none;width: 100%;display: flex;justify-content: center;z-index: 20;opacity: 0;transition: 0.6s;}
.journey_product_sd .journey_page .swiper-pagination-bullet{margin: 0 0.4167vw;width: 0.4167vw;height: 0.4167vw;background-color: #000;opacity: 1;}
.journey_product_sd .journey_page .swiper-pagination-bullet-active{background-color: #fff;}
.journey_product_sd .journey_page.no_click{pointer-events: none;}
.journey_product_sd .swiper-slide-prev .box,
.journey_product_sd .swiper-slide-next .box{transform: none;transition: 1.5s ease-in-out !important;}
.journey_product_sd .product.hide{opacity: 0;}
.page_journey.step2 .journey_product_sd .product img{transform: none;opacity: 1;transition-delay: 0.6s;}
.page_journey.step2 .journey_product_sd .floor{transform: none;opacity: 1;transition-delay: 0.9s;}
.page_journey.step2 .journey_product_sd .prd_txt dl{transform: none;opacity: 1;transition-delay: 1.5s;}
.page_journey.step2 .journey_product_sd .info_txt .tit{opacity: 1;transition-delay: 1.8s;}
.page_journey.step2 .journey_product_sd .info_txt dl dt img{opacity: 1;transform: none;transition-delay: 2.1s;}
.page_journey.step2 .journey_product_sd .info_txt dl dd img{opacity: 1;transform: none;transition-delay: 2.2s;}
.page_journey.step2 .journey_product_sd .info_txt .list button span{opacity: 1;transform: none;transition-delay: 2.5s;}
.page_journey.step2 .journey_product_sd .info_txt .list ul li img{opacity: 1;transform: none;}
.page_journey.step2 .journey_product_sd .info_txt .list ul li:nth-child(1) img{transition-delay: 2.5s;}
.page_journey.step2 .journey_product_sd .info_txt .list ul li:nth-child(2) img{transition-delay: 2.6s;}
.page_journey.step2 .journey_product_sd .info_txt .list ul li:nth-child(3) img{transition-delay: 2.7s;}
.page_journey.step2 .journey_product_sd .info_txt .list ul li:nth-child(4) img{transition-delay: 2.8s;}
.page_journey.step2 .journey_product_sd .swiper-slide-active .info_txt .tit span{opacity: 1;transform: none;transition-delay: 1s;}
.page_journey.step2 .journey_product_sd .swiper-slide-active .info_txt dl dt{opacity: 1;transform: none;transition-delay: 1.3s;}
.page_journey.step2 .journey_product_sd .swiper-slide-active .info_txt dl dd{opacity: 1;transform: none;transition-delay: 1.4s;}
.page_journey.step2 .journey_product_sd .swiper-slide-active .info_txt .list button img{opacity: 1;transition-delay: 1.7s;}
.page_journey.step2 .journey_product_sd .pdr_pop_btn{opacity: 1;transform: none;transition-delay: 3.5s;}
.page_journey.step2 .journey_product_sd .journey_logo{opacity: 1;transition-delay: 2.6s;}
.page_journey.step2 .journey_product_sd .journey_page{opacity: 1;transform: none;transition-delay: 3.2s;}
.page_journey.step2 .journey_product_sd .dot{opacity: 1;transition-delay: 2.4s;}
.journey_pop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;display: none;}
.journey_pop .dim{background-color: rgba(0,0,0,0.6);position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.journey_pop .pdr_pop_close{position: absolute;z-index: 30;right: 7.4vw;bottom: 3.125vh;width: 3.3854vw;background-color: #fff;border-radius: 50%;border: none;transition-delay:0s;}
.journey_pop .pdr_pop_close img{display: block;width: 100%;opacity: 0;transform: scale(0);transition: 0.6s;transition-delay: 0.3s;}
.journey_pop .pop_wrap{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.journey_pop .pop_con{position: relative;background-color: #fff;width: 60.9375vw;padding: 2.3438vw 1.5625vw 2.6042vw;transform: scaleX(0);transition: 0.6s;transition-delay: 0.5s;}
.journey_pop .arr{position: absolute;top: 50%;width: 0.6771vw;margin-top: -0.6771vw;}
.journey_pop .arr.lef{right: calc(100% + 1.5625vw);}
.journey_pop .arr.rig{left: calc(100% + 1.5625vw);}
.journey_pop .arr img{display: block;width: 100%;}
.journey_pop .pdr_pop_sd{position: relative;}
.journey_pop .pdr_pop_sd .pop_sd{background-color: #fff;}
.journey_pop .pdr_pop_sd .lef_txt{width: 0.9375vw;position: absolute;top: 50%;left: 0;opacity: 0;transform: translate(0,-35%);transition: 0.6s;}
.journey_pop .pdr_pop_sd .lef_txt.type1{margin-top: -3.75vw;}
.journey_pop .pdr_pop_sd .lef_txt.type2{margin-top: -4.4271vw;}
.journey_pop .pdr_pop_sd .rig_txt{width: 1.0938vw;position: absolute;top: 50%;right: 0;margin-top: -2.6042vw;opacity: 0;transform: translate(0,35%);transition: 0.6s;}
.journey_pop .pdr_pop_sd .lef_txt img,
.journey_pop .pdr_pop_sd .rig_txt img{display: block;width: 100%;}
.journey_pop .pdr_pop_sd dl dt{margin-bottom: 1.0417vw;overflow: hidden;}
.journey_pop .pdr_pop_sd dl dt img{transform: translate(0,100%);transition: 0.8s;}
.journey_pop .pdr_pop_sd dl dd{opacity: 0;filter: blur(1vw);transition: 0.6s;}
.journey_pop .pdr_pop_sd dl dt img,
.journey_pop .pdr_pop_sd dl dd img{display: block;margin: 0 auto;}
.journey_pop .pdr_pop_sd .pop_sd1 dl dt img{width: 31.5104vw;}
.journey_pop .pdr_pop_sd .pop_sd2 dl dt img{width: 25.5729vw;}
.journey_pop .pdr_pop_sd .pop_sd3 dl dt img{width: 35.4167vw;}
.journey_pop .pdr_pop_sd .pop_sd4 dl dt img{width: 21.5104vw;}
.journey_pop .pdr_pop_sd .pop_sd1 dl dd img{width: 27.0833vw;}
.journey_pop .pdr_pop_sd .pop_sd2 dl dd img{width: 16.3542vw;}
.journey_pop .pdr_pop_sd .pop_sd3 dl dd img{width: 7.3438vw;}
.journey_pop .pdr_pop_sd .pop_sd4 dl dd img{width: 15.9375vw;}
.journey_pop .pdr_list{position: relative;width: 49.5313vw;margin: 0 auto;}
.journey_pop .pdr_list .line{width:0;height:1px;background-color: #bbb;position: absolute;left: 0;bottom: 1.1979vw;transition: 1s;}
.journey_pop .pdr_list ul{position: relative;}
.journey_pop .pdr_list ul li{opacity: 0;transform: translate(0,-10%);transition: 0.6s;}
.journey_pop .pdr_list ul li ~ li{position: absolute;left: 0;top: 0;width: 100%;}
.journey_pop .pdr_list ul li img{display: block;width: 100%;}
.journey_pop .bot_txt{display: none;}
.journey_pop.on .pdr_pop_close img{opacity: 1;transform: none;transition-delay: 0.3s;}
.journey_pop.on .pop_con{transform: none;transition-delay: 0.2s;}
.journey_pop.on .pdr_pop_sd .swiper-slide-active .lef_txt,
.journey_pop.on .pdr_pop_sd .swiper-slide-active .rig_txt{opacity: 1;transform: none;transition-delay: 0.6s;}
.journey_pop.on .pdr_pop_sd .swiper-slide-active dl dt img{transform: none;transition-delay: 1s;}
.journey_pop.on .pdr_pop_sd .swiper-slide-active dl dd{opacity: 1;filter: blur(0);transition-delay: 1.3s;}
.journey_pop.on .swiper-slide-active .pdr_list .line{width: 100%;transition-delay: 1.6s;}
.journey_pop.on .swiper-slide-active .pdr_list ul li{opacity: 1;transform: none;}
.journey_pop .swiper-slide-active .pdr_list ul li:nth-child(1){transition-delay: 2s;}
.journey_pop .swiper-slide-active .pdr_list ul li:nth-child(2){transition-delay: 2.1s;}
.journey_pop .swiper-slide-active .pdr_list ul li:nth-child(3){transition-delay: 2.2s;}
.journey_pop .swiper-slide-active .pdr_list ul li:nth-child(4){transition-delay: 2.3s;}
.journey_pop .swiper-slide-active .pdr_list ul li:nth-child(5){transition-delay: 2.4s;}
.journey_pop .swiper-slide-active .pdr_list ul li:nth-child(6){transition-delay: 2.5s;}
.journey_pop .swiper-slide-active .pdr_list ul li:nth-child(7){transition-delay: 2.6s;}
.journey_pop .swiper-slide-active .pdr_list ul li:nth-child(8){transition-delay: 2.7s;}
@media all and (min-aspect-ratio:21/10){
    .journey_product_sd .pd1 .product{width: 4.84897vw;}
    .journey_product_sd .pd2 .product{width: 6.30728vw;}
    .journey_product_sd .pd3 .product{width: 8.13022vw;}
    .journey_product_sd .pd4 .product{width: 8.93228vw;}
    .journey_product_sd .pd5 .product{width: 3.64581vw;}
    .journey_product_sd .pd6 .product{width: 5.46875vw;}
    .journey_product_sd .prd_txt{bottom: 14vh;}
    .journey_product_sd .pd6 .prd_txt{bottom: 11.7vh;}
    .journey_product_sd .journey_page{bottom: 5.25vh;}
    .journey_product_sd .all_logo{top: 18vh;}
}
@media all and not (max-aspect-ratio:12/10){
    .page_journey.step2 .journey_product_sd .swiper-slide-active .info_txt .list ul li:nth-child(1){opacity: 1;transform: none;transition-delay: 1.7s;}
    .page_journey.step2 .journey_product_sd .swiper-slide-active .info_txt .list ul li:nth-child(2){opacity: 1;transform: none;transition-delay: 1.8s;}
    .page_journey.step2 .journey_product_sd .swiper-slide-active .info_txt .list ul li:nth-child(3){opacity: 1;transform: none;transition-delay: 1.9s;}
    .page_journey.step2 .journey_product_sd .swiper-slide-active .info_txt .list ul li:nth-child(4){opacity: 1;transform: none;transition-delay: 2s;}
}
@media all and (max-aspect-ratio:12/10){
    .journey_intro_sd .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
    .journey_intro_sd .txt dl dt{width: 79.6875vw;margin-bottom: 3.125vw;}
    .journey_intro_sd .txt dl dd{width: 29.6875vw;}
    .journey_intro_sd .sd1 .bg{background-image: url(../images/journey-intro-m1.jpg);}
    .journey_intro_sd .sd2 .bg{background-image: url(../images/journey-intro-m2.jpg);}
    .journey_intro_sd .sd3 .bg{background-image: url(../images/journey-intro-m3.jpg);background-position: right center;}
    .journey_intro_sd .sd4 .bg{background-image: url(../images/journey-intro-m4.jpg);}
    .journey_intro_sd .sd5 .bg{background-image: url(../images/journey-intro-m5.jpg);}
    .journey_intro_sd .sd6 .bg{background-image: url(../images/journey-intro-m6.jpg);}
    .journey_intro_sd .sd7 .bg{background-image: url(../images/journey-intro-m7.jpg);}
    .journey_wrap.on .journey_intro_sd .sd3.swiper-slide-active .bg{background-position: right 100% center;}
    .journey_product_sd .dot{display: block;}
    .journey_product_sd .floor{height: 42.9688vw;}
    .journey_product_sd .journey_page{display: none;}
    .journey_product_sd .box{padding-bottom: 42.9688vw;min-width: auto;max-width:none;}
    .journey_product_sd .pd1 .product{width: 18.75vw;min-width: auto;max-width:none;}
    .journey_product_sd .pd2 .product{width: 24.5313vw;min-width: auto;max-width:none;}
    .journey_product_sd .pd3 .product{width: 31.5625vw;min-width: auto;max-width:none;}
    .journey_product_sd .pd4 .product{width: 34.6875vw;min-width: auto;max-width:none;}
    .journey_product_sd .pd5 .product{width: 14.0625vw;min-width: auto;max-width:none;}
    .journey_product_sd .pd6 .product{width: 21.25vw;min-width: auto;max-width:none;}
    .journey_product_sd .prd_txt,
    .journey_product_sd .pd6 .prd_txt{bottom: 38.2813vw;transform: translate(0,100%);}
    .journey_product_sd .prd_txt dl dt,
    .journey_product_sd .pd6 .prd_txt dl dt{margin-bottom: 2.3438vw;}
    .journey_product_sd .prd_txt dl dt img{height: 5vw;}
    .journey_product_sd .pd1 .prd_txt dl dd img{height: 3.98vw;}
    .journey_product_sd .pd2 .prd_txt dl dd img,
    .journey_product_sd .pd3 .prd_txt dl dd img,
    .journey_product_sd .pd4 .prd_txt dl dd img,
    .journey_product_sd .pd5 .prd_txt dl dd img{height: 6.3vw;}
    .journey_product_sd .pd6 .prd_txt dl dt img{height: 5.625vw;}
    .journey_product_sd .pd6 .prd_txt dl dd img{height: 9.5313vw;}
    .journey_product_sd .info_txt{left: 6.25vw;top: 20.3125vw;bottom: auto;}
    .journey_product_sd .info_txt .tit{font-size:4.3vw;margin-bottom: 4.5vw;text-indent: -0.3vw;}
	.journey_product_sd .pd4 .info_txt .tit,
	.journey_product_sd .pd5 .info_txt .tit{text-indent: -0.5vw;}
    .journey_product_sd .info_txt dl dt{margin-bottom: 2vw;}
    .journey_product_sd .info_txt dl dt img{width: 13.8vw;}
    .journey_product_sd .pd1 .info_txt dl dd img{width: 80.9375vw;}
    .journey_product_sd .pd2 .info_txt dl dd img{width: 59.6875vw;}
    .journey_product_sd .pd3 .info_txt dl dd img{width: 76.875vw;}
    .journey_product_sd .pd4 .info_txt dl dd img{width: 80.625vw;}
    .journey_product_sd .pd5 .info_txt dl dd img{width: 81.5625vw;}
    .journey_product_sd .pd6 .info_txt dl dd img{width: 79.2188vw;}
    .journey_product_sd .info_txt .list{margin-top: 2.5vw;}
    .journey_product_sd .info_txt .list button{display: block;transition-delay: 0.5s;}
    .journey_product_sd .info_txt .list ul li{transform: translate(0,-40%);}
    .journey_product_sd .info_txt .list ul li ~ li{margin-top: 1.7188vw;}
    .journey_product_sd .info_txt .list ul li img{height: 5.625vw;}
    .journey_product_sd .info_txt .list.open button{opacity: 0 !important;transform: rotate(45deg) !important;transition-delay: 0s;}
    .journey_product_sd .info_txt .list.open ul li{opacity: 1;transform: none;}
    .journey_product_sd .info_txt .list.open ul li:nth-child(1){transition-delay: 0.4s;}
    .journey_product_sd .info_txt .list.open ul li:nth-child(2){transition-delay: 0.5s;}
    .journey_product_sd .info_txt .list.open ul li:nth-child(3){transition-delay: 0.6s;}
    .journey_product_sd .info_txt .list.open ul li:nth-child(4){transition-delay: 0.7s;}
    .journey_product_sd .pdr_pop_btn{width: 10.4688vw;right: 2.2769vh;bottom: 2.2769vh;}
    .journey_product_sd .journey_logo{display: block;}
    .journey_product_sd .pd_box{width: auto;display: flex;}
    .journey_product_sd .pd_box ul{gap: 9.375vw;justify-content: flex-start;padding: 0 39.375vw 0 40.5vw;}
    .journey_product_sd .pd_box ul li{flex-shrink: 0;}
    .journey_product_sd .pd_box ul .all1{width: 18.9063vw;}
    .journey_product_sd .pd_box ul .all2{width: 24.5313vw;}
    .journey_product_sd .pd_box ul .all3{width: 31.5625vw;}
    .journey_product_sd .pd_box ul .all4{width: 34.6875vw;}
    .journey_product_sd .pd_box ul .all5{width: 14.0625vw;}
    .journey_product_sd .pd_box ul .all6{width: 21.25vw;}
    .journey_product_sd .pd_box ul .all_txt{top: calc(100% + 5.625vw);}
    .journey_product_sd .pd_box ul .all_txt dl dt{margin-bottom: 1.5625vw;}
    .journey_product_sd .pd_box ul .all_txt dl dt img{height: 1.4063vw;}
    .journey_product_sd .pd_box ul .all_txt dl dd img{height: 2vw;}
    .journey_product_sd .pd_box ul .all6 .all_txt dl dd img{height: 3.75vw;}
    .journey_product_sd .pd_all .box{justify-content: flex-start;}
    .journey_product_sd .ani .pd_box ul{animation: pd_mo 17s infinite linear;animation-delay: 2.5s;}
    @keyframes pd_mo {
        0%{transform: translate(0,0);}
        45%{transform: translate(calc(-100% + 100vw),0);}
        50%{transform: translate(calc(-100% + 100vw),0);}
        95%{transform: translate(0,0);}
        100%{transform: translate(0,0);}
    }
    .journey_product_sd .all_logo{top: 15vh;}
    .journey_product_sd .all_logo strong{width: 45.9375vw;margin-bottom: 1.875vw;}
    .journey_product_sd .all_logo span{width: 28.75vw;margin-bottom: 3.125vw;}
    .journey_product_sd .all_logo p{width: 58.4375vw;}

    .journey_pop .pdr_pop_close{width: 10.4688vw;right: 2.2769vh;bottom: 2.2769vh;}
    .journey_pop .pop_con{width: 62.5vw;padding: 5.7813vw 0 4.6875vw;}
    .journey_pop .arr{width: 1.875vw;}
    .journey_pop .arr.lef{right: calc(100% + 9.375vw);}
    .journey_pop .arr.rig{left: calc(100% + 9.375vw);}
    .journey_pop .pdr_pop_sd dl{margin-bottom: 9.375vw;}
    .journey_pop .pdr_pop_sd dl dt{margin-bottom:0;}
    .journey_pop .pdr_pop_sd .pop_sd1 dl dt img{width: 48.4375vw;}
    .journey_pop .pdr_pop_sd .pop_sd2 dl dt img{width: 39.8438vw;}
    .journey_pop .pdr_pop_sd .pop_sd3 dl dt img{width: 54.0625vw;}
    .journey_pop .pdr_pop_sd .pop_sd4 dl dt img{width: 32.8125vw;}
    .journey_pop .pdr_pop_sd dl dd{display: none;}
    .journey_pop .pdr_pop_sd .lef_txt,
    .journey_pop .pdr_pop_sd .rig_txt{display: none;}
    .journey_pop .pdr_list{margin-bottom: 14.8438vw;}
    .journey_pop .pdr_list .line{width: 1px;height: 0px;left: calc(50% - 0.5px);bottom: auto;top: 0;}
    .journey_pop .bot_txt{position: absolute;left: 0;bottom: 0;width: 100%;display: block;}
    .journey_pop .bot_txt img{display: block;width: 100%;}
    .journey_pop .bot_txt p{margin: 0 auto;margin-bottom: 2.3438vw;opacity: 0;transform: translate(0,2vw);transition: 0.6s;}
    .journey_pop .bot_txt span{display: block;margin: 0 auto;opacity: 0;transform: translate(0,2vw);transition: 0.6s;}
    .journey_pop .pop_sd1 .bot_txt p{width: 43.75vw;}
    .journey_pop .pop_sd2 .bot_txt p{width: 37.8125vw;}
    .journey_pop .pop_sd3 .bot_txt p{width:17.1875vw;}
    .journey_pop .pop_sd4 .bot_txt p{width:36.5625vw;}
    .journey_pop .pop_sd1 .bot_txt span,
    .journey_pop .pop_sd2 .bot_txt span{width:14.0625vw;}
    .journey_pop .pop_sd3 .bot_txt span,
    .journey_pop .pop_sd4 .bot_txt span{width:17.1875vw;}
    .journey_pop.on .swiper-slide-active .pdr_list .line{width: 1px;height: 100%;}
    .journey_pop.on .swiper-slide-active .bot_txt p{opacity: 1;transform: none;transition-delay: 3s;}
    .journey_pop.on .swiper-slide-active .bot_txt span{opacity: 1;transform: none;transition-delay: 3.2s;}
}
@media all and (min-aspect-ratio:7/10) and (max-aspect-ratio:12/10){
    .journey_intro_sd .txt dl dt{width: 55.78125vw;margin-bottom: 2vw;}
    .journey_intro_sd .txt dl dd{width: 20.78vw;}
    .journey_product_sd .journey_logo img{width: 12vw;}
    .journey_product_sd .floor{height: 21vw;}
    .journey_product_sd .box{padding-bottom: 21vw;}
    .journey_product_sd .prd_txt{bottom: 17vw;}
    .journey_product_sd .pd6 .prd_txt{bottom: 18vw;}
    .journey_product_sd .prd_txt dl dt,
    .journey_product_sd .pd6 .prd_txt dl dt{margin-bottom: 1vw;}
    .journey_product_sd .prd_txt dl dt img{height: 2.5vw;}
    .journey_product_sd .pd6 .prd_txt dl dt img{height: 2.8125vw;}
    .journey_product_sd .pd1 .prd_txt dl dd img{height: 1.99vw;}
    .journey_product_sd .pd2 .prd_txt dl dd img,
    .journey_product_sd .pd3 .prd_txt dl dd img,
    .journey_product_sd .pd4 .prd_txt dl dd img,
    .journey_product_sd .pd5 .prd_txt dl dd img{height: 3.15vw;}
    .journey_product_sd .pd6 .prd_txt dl dd img{height: 4.76565vw;}
    .journey_product_sd .pd1 .product{width: 9vw;}
    .journey_product_sd .pd2 .product{width: 13vw;}
    .journey_product_sd .pd3 .product{width: 16vw;}
    .journey_product_sd .pd4 .product{width: 18vw;}
    .journey_product_sd .pd5 .product{width: 8vw;}
    .journey_product_sd .pd6 .product{width: 11vw;}
    .journey_product_sd .pd_box ul{padding: 0 44vw 0 45vw;}
    .journey_product_sd .pd_box ul .all_txt{top: calc(100% + 3.625vw);}
    .journey_product_sd .pd_box ul .all1{width: 9vw;}
    .journey_product_sd .pd_box ul .all2{width: 13vw;}
    .journey_product_sd .pd_box ul .all3{width: 16vw;}
    .journey_product_sd .pd_box ul .all4{width: 18vw;}
    .journey_product_sd .pd_box ul .all5{width: 8vw;}
    .journey_product_sd .pd_box ul .all6{width: 11vw;}
    .journey_product_sd .all_logo{top: 17vh;}
    .journey_product_sd .all_logo strong{width: 27.5625vw;margin-bottom: 1.125vw;}
    .journey_product_sd .all_logo span{width: 17.25vw;margin-bottom: 1.875vw;}
    .journey_product_sd .all_logo p{width: 35.0625vw;}
    .journey_product_sd .pd_box ul .all_txt dl dt{margin-bottom: 1vw;}
    .journey_product_sd .pd_box ul .all_txt dl dt img{height: 1.125vw;}
    .journey_product_sd .pd_box ul .all_txt dl dd img{height: 1.6vw;}
    .journey_product_sd .pd_box ul .all6 .all_txt dl dd img{height: 2.8vw;}
    .journey_product_sd .info_txt{top: 15vh;}
    .journey_product_sd .info_txt .tit{font-size: 2.57vw;margin-bottom: 1.8vw;}
    .journey_product_sd .info_txt dl dt{margin-bottom: 1.125vw;}
    .journey_product_sd .info_txt dl dt img{width: 8.8125vw;}
    .journey_product_sd .pd1 .info_txt dl dd img{width: 48.5625vw;}
    .journey_product_sd .pd2 .info_txt dl dd img{width: 29.84375vw;}
    .journey_product_sd .pd3 .info_txt dl dd img{width: 38.4375vw;}
    .journey_product_sd .pd4 .info_txt dl dd img{width: 40.3125vw;}
    .journey_product_sd .pd5 .info_txt dl dd img{width: 40.78125vw;}
    .journey_product_sd .pd6 .info_txt dl dd img{width: 39.6094vw;}
    .journey_product_sd .info_txt .list{margin-top: 2vw;}
    .journey_product_sd .info_txt .list button{width: 3.6vw;height: 3.6vw;}
    .journey_product_sd .info_txt .list ul li ~ li{margin-top: 1vw;}
    .journey_product_sd .info_txt .list ul li img{height: 3.6vw;}
    .journey_product_sd .dot{top: 65%;}
    .journey_product_sd .pdr_pop_btn,
    .journey_pop .pdr_pop_close{width: 7vw;}
    .journey_pop .pop_con{width: 65vw;padding: 4vw 0 3vw;}
    .journey_pop .arr.lef{right: calc(100% + 8vw);}
    .journey_pop .arr.rig{left: calc(100% + 8vw);}
    .journey_pop .pdr_pop_sd dl{margin-bottom: 2vw;}
    .journey_pop .pdr_pop_sd .pop_sd1 dl dt img{width: 33.9vw;}
    .journey_pop .pdr_pop_sd .pop_sd2 dl dt img{width: 27.89vw;}
    .journey_pop .pdr_pop_sd .pop_sd3 dl dt img{width: 37.843vw;}
    .journey_pop .pdr_pop_sd .pop_sd4 dl dt img{width: 22.968vw;}
    .journey_pop .bot_txt p{margin-bottom: 1.64vw;}
    .journey_pop .pop_sd1 .bot_txt p{width: 30.625vw;}
    .journey_pop .pop_sd2 .bot_txt p{width: 26.468vw;}
    .journey_pop .pop_sd3 .bot_txt p{width: 13.75vw;}
    .journey_pop .pop_sd4 .bot_txt p{width: 25.593vw;}
    .journey_pop .pop_sd1 .bot_txt span,
    .journey_pop .pop_sd2 .bot_txt span{width: 9.84vw;}
    .journey_pop .pop_sd3 .bot_txt span,
    .journey_pop .pop_sd4 .bot_txt span{width: 13.75vw;}
    .journey_pop .pdr_list{width: 30vw;margin-bottom: 9vw;}
}

/*ingredients_wrap*/
.ingredients_wrap{position: relative;width: 100%;height: 100%;overflow: hidden;z-index: 5;display: none;opacity: 0;transition: 0.6s;}
#ingredients{z-index: 10;}
.ingredients_sd{position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;user-select: none;}
.ingredients_sd .swiper-slide{transition-delay: 0.3s !important;}
.ingredients_sd .box{width: 100%;height: 100%;position: relative;z-index: 10;}
.ingredients_sd .cen_wrap{display: flex;align-items: center;justify-content: center;}
.ingredients_sd .img_cir{width:33.9583vw;height:33.9583vw;background-color: #fff;}
.ingredients_sd .img_cir span{display: block;width: 100%;height: 100%;border-radius: 50%;overflow: hidden;}
.ingredients_sd .img_cir span em{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;filter: blur(1.5vw);transform: scale(1.2);transition: 0.5s;}
.ingredients_sd .sd1 .img_cir span em{background-image: url(../images/ingredients-img1.png);}
.ingredients_sd .sd2 .img_cir span em{background-image: url(../images/ingredients-img2.png);}
.ingredients_sd .sd3 .img_cir span em{background-image: url(../images/ingredients-img3.png);}
.ingredients_sd .sd4 .img_cir span em{background-image: url(../images/ingredients-img4.png);}
.ingredients_sd .sd5 .img_cir span em{background-image: url(../images/ingredients-img5.png);}
.ingredients_sd .sd6 .img_cir span em{background-image: url(../images/ingredients-img6.png);}
.ingredients_sd .sd7 .img_cir span em{background-image: url(../images/ingredients-img7.png);}
.ingredients_sd .sd8 .img_cir span em{background-image: url(../images/ingredients-img8.png);}
.ingredients_sd .sd9 .img_cir span em{background-image: url(../images/ingredients-img9.png);}
.ingredients_sd .swiper-slide-active .img_cir span em{filter: blur(0);transform:none;transition: 0s;transition-delay: 0s;}
.ingredients_sd .txt_wrap{position: absolute;z-index: 10;}
.ingredients_sd .txt_wrap.cen_wrap{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.ingredients_sd .sd1 .txt_wrap{left: 9vw;top: 55.2vh;}
.ingredients_sd .sd2 .txt_wrap{left: 69.85vw;top: 48.8vh;}
.ingredients_sd .sd3 .txt_wrap{right: 7.7vw;top: 20.7vh;}
.ingredients_sd .txt_wrap img{display: block;width: 100%;}
.ingredients_sd .txt_wrap .t1_1{color: #000;font-size: 1.875vw;font-weight: 600;letter-spacing: 0.015em;margin-bottom: 0.5729vw;text-indent: -0.2vw;opacity: 0;transform: translate(-10%,0);transition: 0.8s;}
.ingredients_sd .txt_wrap .t1_2{color: #000;font-size: 1.7188vw;font-weight: 600;letter-spacing: 0.01em;margin-bottom: 0.85vw;text-indent: -0.1vw;opacity: 0;transform: translate(-10%,0);transition: 0.8s;}
.ingredients_sd .txt_wrap .t2{margin-bottom: 0.3646vw;opacity: 0;transform: translate(-10%,0);transition: 0.8s;}
.ingredients_sd .sd1 .txt_wrap .t2{width: 22vw;}
.ingredients_sd .sd2 .txt_wrap .t2{width: 18.8542vw;}
.ingredients_sd .txt_wrap .t3{margin-bottom: 1.3021vw;width: 8.15vw;opacity: 0;transform: translate(-30%,0);transition: 0.8s;}
.ingredients_sd .txt_wrap ul li{opacity: 0;transform: translate(-20%,0);transition: 0.8s;}
.ingredients_sd .txt_wrap ul li ~ li{margin: 0 0 0 auto;margin-top: 1.5625vw;}
.ingredients_sd .txt_wrap ul .t4{width: 11.7188vw;}
.ingredients_sd .txt_wrap ul .t5{width: 10.0521vw;}
.ingredients_sd .txt_wrap ul .t6{width: 8.2292vw;}
.ingredients_sd .txt_wrap ul .t7{width: 7.6042vw;}
.ingredients_sd .txt_wrap ul .t8{width: 10.1563vw;}
.ingredients_sd .txt_wrap ul .t9{width: 8.5938vw;}
.ingredients_sd .txt_wrap .logo_txt{width: 4.0625vw;transform: translate(-40%,0);opacity: 0;transition: 0.8s;}
.ingredients_sd .txt_wrap ul li .logo_txt{margin: 0 0 0 auto;padding-top: 0.25vw;}
.ingredients_sd .txt_wrap dl{text-align: center;padding-top: 1.2vw;}
.ingredients_sd .txt_wrap dl dt{color: #fff;font-weight: 600;font-size: 1.875vw;letter-spacing: 0.015em;line-height: 1.11em;margin-bottom: 0.8vw;opacity: 0;transform: translate(0,25%);transition: 0.8s;}
.ingredients_sd .txt_wrap dl dd{opacity: 0;transform: translate(0,40%);transition: 0.8s;}
.ingredients_sd .sd4 .txt_wrap dl dd{width: 21.7vw;}
.ingredients_sd .sd5 .txt_wrap dl dd{width: 21.7vw;}
.ingredients_sd .sd6 .txt_wrap dl dd{width: 24.3vw;}
.ingredients_sd .sd7 .txt_wrap dl dd{width: 22.5vw;}
.ingredients_sd .sd8 .txt_wrap dl dd{width: 21.5vw;}
.ingredients_sd .sd9{background-color: #fff;}
.ingredients_sd .tech_box{text-align: center;background-color: #fff;}
.ingredients_sd .tech_box > div{margin-bottom: -8vh;}
.ingredients_sd .tech_box .top{margin-bottom: 2.5vw;}
.ingredients_sd .tech_box .top strong{display: block;color: #231f20;font-weight: 600;font-size: 2.0313vw;letter-spacing: 0.015em;margin-bottom: 0.75vw;overflow: hidden;}
.ingredients_sd .tech_box .top strong em{display: block;transform: translate(0,100%);transition: 0.8s;}
.ingredients_sd .tech_box .top p{color: #000;font-weight: 600;font-size: 0.6771vw;line-height: 1.46em;letter-spacing: 0.035em;}
.ingredients_sd .tech_box .top p span{display: block;overflow: hidden;}
.ingredients_sd .tech_box .top p span em{display: block;transform: translate(0,100%);transition: 0.8s;}
.ingredients_sd .tech_box .step{display: flex;gap: 2.8125vw;}
.ingredients_sd .tech_box .step > div{position: relative;opacity: 0;transform: translate(-20%,0);transition: 0.8s;}
.ingredients_sd .tech_box .step .cir{display: block;width: 9.7917vw;}
.ingredients_sd .tech_box .bot{margin-top: 2.2vw;}
.ingredients_sd .tech_box .bot p{width: 24.4271vw;margin: 0 auto;opacity: 0;transform: translate(0,30%);transition: 0.8s;}
.ingredients_sd .tech_box .bot span{display: block;width: 5.625vw;margin: 0 auto;margin-top: 1.1458vw;opacity: 0;transform: translate(0,100%);transition: 0.8s;}
.ingredients_sd .img_cir.scale_1{transform: scale(0.8);transition: 0.6s;}
.ingredients_sd .img_cir.scale_2{transform: none;transition: 0.6s;}
.ingredients_wrap.on{opacity: 1;}
.ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .t1_1,
.ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .t1_2,
.ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .t4,
.ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap dl dt{opacity: 1;transform: none;transition-delay: 1s;}
.ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .t2,
.ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .t5{opacity: 1;transform: none;transition-delay: 1.1s;}
.ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .t3,
.ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .t6,
.ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap dl dd{opacity: 1;transform: none;transition-delay: 1.2s;}
.ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .logo_txt,
.ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .t7{opacity: 1;transform: none;transition-delay: 1.3s;}
.ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .t8{opacity: 1;transform: none;transition-delay: 1.4s;}
.ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .t9{opacity: 1;transform: none;transition-delay: 1.5s;}
.ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .t10{opacity: 1;transform: none;transition-delay: 1.6s;}
.ingredients_wrap.on .ingredients_sd .swiper-slide-active .tech_box .top strong em{transform: none;opacity: 1;transition-delay: 0.8s;}
.ingredients_wrap.on .ingredients_sd .swiper-slide-active .tech_box .top p span em{transform: none;opacity: 1;transition-delay: 0.9s;}
.ingredients_wrap.on .ingredients_sd .swiper-slide-active .tech_box .step1{transform: none;opacity: 1;transition-delay: 1.2s;}
.ingredients_wrap.on .ingredients_sd .swiper-slide-active .tech_box .step2{transform: none;opacity: 1;transition-delay: 1.3s;}
.ingredients_wrap.on .ingredients_sd .swiper-slide-active .tech_box .step3{transform: none;opacity: 1;transition-delay: 1.4s;}
.ingredients_wrap.on .ingredients_sd .swiper-slide-active .tech_box p{transform: none;opacity: 1;transition-delay: 1.7s;}
.ingredients_wrap.on .ingredients_sd .swiper-slide-active .tech_box .bot span{transform: none;opacity: 1;transition-delay: 1.8s;}
@media all and (min-aspect-ratio:21/10){
    .ingredients_sd .img_cir{width: 27vw;height: 27vw;}
    .ingredients_sd .sd3 .txt_wrap{top: 15vh;}
}
@media all and (max-aspect-ratio:12/10){
    .ingredients_sd .img_cir{width: 68vw;height: 68vw;}
    .ingredients_sd .sd3 .img_cir span em{background-image: url(../images/ingredients-img3-m.png?ver=2);}
    .ingredients_sd .sd3.swiper-slide-active .img_cir{width: 88.75vw;height: 88.75vw;}
    /* .ingredients_sd .sd3.on .img_cir span{animation: rotate 24s linear infinite;} */
    @keyframes rotate {
        0% {transform: rotate(0deg);}
        50% {transform: rotate(-180deg);}
        100% {transform: rotate(-360deg);}
    }
    .ingredients_sd .sd3 .txt_wrap ul li img{opacity: 0;transform: translate(0,20%);}
    .ingredients_sd .sd3.on .txt_wrap ul li img{animation: rotate_txt 24s linear infinite;}
    .ingredients_sd .sd3.on .txt_wrap ul .t5 img{animation-delay: 4s;}
    .ingredients_sd .sd3.on .txt_wrap ul .t6 img{animation-delay: 8s;}
    .ingredients_sd .sd3.on .txt_wrap ul .t7 img{animation-delay: 12s;}
    .ingredients_sd .sd3.on .txt_wrap ul .t8 img{animation-delay: 16s;}
    .ingredients_sd .sd3.on .txt_wrap ul .t9 img{animation-delay: 20s;}
    @keyframes rotate_txt {
        0% {opacity: 0;transform: translate(0,20%);}
        2% {opacity: 1;transform: translate(0,0);}
        14% {opacity: 1;transform: translate(0,0);}
        16% {opacity: 0;transform: translate(0,20%);}
        100% {opacity: 0;transform: translate(0,20%);}
    }
    .ingredients_sd .sd3 .box{opacity: 0;transition: 0.8s;}
    .ingredients_sd .sd3.swiper-slide-active .box{opacity: 1;}
    .ingredients_sd .txt_wrap .logo_txt{display: none;}
    .ingredients_sd .sd1 .txt_wrap,
    .ingredients_sd .sd2 .txt_wrap,
    .ingredients_sd .sd3 .txt_wrap.__m{top: 28.9063vw;left: 9.25vw;}
    .ingredients_sd .sd3 .txt_wrap.p{left: 50%;top: 50%;}
    .ingredients_sd .txt_wrap .t1_1{font-size: 5.625vw;margin-bottom: 1.875vw;margin-left: -0.3vw;}
    .ingredients_sd .txt_wrap .t1_2{font-size: 5.1563vw;margin-bottom: 1.875vw;margin-left: -0.3vw;}
    .ingredients_sd .sd1 .txt_wrap .t2{width: 66.7188vw;margin-bottom: 1.0938vw;}
    .ingredients_sd .sd2 .txt_wrap .t2{width: 56.7188vw;margin-bottom: 1.0938vw;}
    .ingredients_sd .sd3 .txt_wrap .t2{width: 60.1563vw;margin-bottom: 1.0938vw;}
    .ingredients_sd .txt_wrap .t3{width: 24.6875vw;margin-bottom: 0;}
    .ingredients_sd .txt_wrap ul{position: relative;}
    .ingredients_sd .txt_wrap ul li{position: absolute;left: 0;top: 0;}
    .ingredients_sd .txt_wrap ul li ~ li{margin: 0;}
    .ingredients_sd .txt_wrap ul .t4{width: 37.1875vw;}
    .ingredients_sd .txt_wrap ul .t5{width: 31.875vw;}
    .ingredients_sd .txt_wrap ul .t6{width: 26.0938vw;}
    .ingredients_sd .txt_wrap ul .t7{width: 23.9063vw;}
    .ingredients_sd .txt_wrap ul .t8{width: 32.1875vw;}
    .ingredients_sd .txt_wrap ul .t9{width: 27.3438vw;}
    .ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .t4,
    .ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .t5,
    .ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .t6,
    .ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .t7,
    .ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .t8,
    .ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .t9{opacity: 1;transform: translate(-50%,-50%);transition-delay:0s;}
    .ingredients_sd .swiper-slide-active .txt_wrap .t1_1,
    .ingredients_sd .swiper-slide-active.sd1 .txt_wrap .t2,
    .ingredients_sd .swiper-slide-active .txt_wrap .t3{opacity: 1;transform: none;}
    .ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .t1_1,
    .ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .t1_2,
    .ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap dl dt,
    .ingredients_wrap.on .ingredients_sd .swiper-slide-active .tech_box .top strong em{transition-delay: 1.5s;}
    .ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .t2,
    .ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap dl dd,
    .ingredients_wrap.on .ingredients_sd .swiper-slide-active .tech_box .top p span em{transition-delay: 1.6s;}
    .ingredients_wrap.on .ingredients_sd .swiper-slide-active .txt_wrap .t3{transition-delay: 1.7s;}
    .ingredients_wrap.on .ingredients_sd .swiper-slide-active .tech_box .step1{transition-delay: 1.8s;}
    .ingredients_wrap.on .ingredients_sd .swiper-slide-active .tech_box .step2{transition-delay: 1.9s;}
    .ingredients_wrap.on .ingredients_sd .swiper-slide-active .tech_box .step3{transition-delay: 2s;}
    .ingredients_wrap.on .ingredients_sd .swiper-slide-active .tech_box p{transition-delay: 2.2s;}
    .ingredients_sd .txt_wrap .t10{display: none;}
    .ingredients_sd .txt_wrap.cen_wrap{width: auto;height: auto;top: 28.9063vw;left: 9.25vw;}
    .ingredients_sd .txt_wrap dl{padding-top: 0;text-align: left;}
    .ingredients_sd .txt_wrap dl dt{color: #000;font-size: 5.625vw;margin-bottom: 2.3438vw;margin-left: -0.4vw;}
    .ingredients_sd .sd4 .txt_wrap dl dd{width: 65.625vw;}
    .ingredients_sd .sd5 .txt_wrap dl dd{width: 65.625vw;}
    .ingredients_sd .sd6 .txt_wrap dl dd{width: 73.75vw;}
    .ingredients_sd .sd7 .txt_wrap dl dd{width: 68.125vw;}
    .ingredients_sd .sd8 .txt_wrap dl dd{width: 65vw;}
    .ingredients_sd .cen_wrap.tech_box{left: 0;width: 100%;height: calc(100% - (18vh + 18vw));}
    .ingredients_sd .tech_box > div{margin-bottom: 0;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
    .ingredients_sd .tech_box .top{margin-bottom: 0;}
    .ingredients_sd .tech_box .top strong{font-size: 6.0938vw;margin-bottom: 1.65vw;}
    .ingredients_sd .tech_box .top p{font-size: 2.0313vw;}
    .ingredients_sd .tech_box .step{display: inline-flex;flex-direction: column;gap: 2.6563vw;}
    .ingredients_sd .tech_box .step .cir{width: 27.6563vw;}
    .ingredients_sd .tech_box .step .txt{position: absolute;left: calc(100% + 3.5938vw);top: 50%;transform: translate(0,-50%);}
    .ingredients_sd .tech_box .step1 .txt{width: 22.0313vw;}
    .ingredients_sd .tech_box .step2 .txt{width: 13.75vw;}
    .ingredients_sd .tech_box .step3 .txt{width: 22.3438vw;}
    .ingredients_sd .tech_box .bot{margin-top: 0;}
    .ingredients_sd .tech_box .bot p{width: 73.4375vw;}
    .ingredients_sd .tech_box .bot span{display: none;}
}
@media all and (min-aspect-ratio:7/10) and (max-aspect-ratio:12/10){
    .ingredients_sd .cen_wrap{height: 70%;top: 30%;}
    .ingredients_sd .img_cir{width: 35vw;height: 35vw;}
    .ingredients_sd .sd3.swiper-slide-active .img_cir{width: 50.75vw;height: 50.75vw;}
	.ingredients_sd .sd3 .txt_wrap.p .__m,
	.ingredients_sd .txt_wrap.__m,
	.ingredients_sd .cen_wrap .__m{display:block !important;}
	.ingredients_sd .sd3 .txt_wrap.p .__p,
	.ingredients_sd .txt_wrap.__p,
	.ingredients_sd .cen_wrap .__p{display:none !important;}
    .ingredients_sd .sd1 .txt_wrap,
    .ingredients_sd .sd2 .txt_wrap,
    .ingredients_sd .sd3 .txt_wrap.__m,
    .ingredients_sd .txt_wrap.cen_wrap{top: 20vh;}
    .ingredients_sd .sd3 .txt_wrap.p{top: 65%;}
    .ingredients_sd .txt_wrap .t1_1{font-size: 3.9375vw;margin-bottom: 1.5vw;}
    .ingredients_sd .txt_wrap .t1_2{font-size: 3.60941vw;margin-bottom: 1.5vw;}
    .ingredients_sd .sd1 .txt_wrap .t2{width: 46.70316vw;margin-bottom: 0.875vw;}
    .ingredients_sd .sd2 .txt_wrap .t2{width: 39.70316vw;margin-bottom: 0.875vw;}
    .ingredients_sd .sd3 .txt_wrap .t2{width: 42.10941vw;margin-bottom: 0.875vw;}
    .ingredients_sd .txt_wrap .t3{width: 17.28125vw;}
    .ingredients_sd .txt_wrap dl dt{font-size: 3.9375vw;margin-bottom: 1.875vw;}
    .ingredients_sd .sd4 .txt_wrap dl dd{width: 45.9375vw;}
    .ingredients_sd .sd5 .txt_wrap dl dd{width: 45.9375vw;}
    .ingredients_sd .sd6 .txt_wrap dl dd{width: 51.625vw;}
    .ingredients_sd .sd7 .txt_wrap dl dd{width: 47.6875vw;}
    .ingredients_sd .sd8 .txt_wrap dl dd{width: 45.5vw;}
    .ingredients_sd .txt_wrap ul .t4{width: 26vw;}
    .ingredients_sd .txt_wrap ul .t5{width: 22.3125vw;}
    .ingredients_sd .txt_wrap ul .t6{width: 18.26566vw;}
    .ingredients_sd .txt_wrap ul .t7{width: 16.73441vw;}
    .ingredients_sd .txt_wrap ul .t8{width: 22.53125vw;}
    .ingredients_sd .txt_wrap ul .t9{width: 19.14066vw;}
    .ingredients_sd .cen_wrap.tech_box{height: calc(100% - (13vh + 20vw));}
    .ingredients_sd .tech_box .top strong{font-size: 4.26566vw;}
    .ingredients_sd .tech_box .top p{font-size: 1.1375vw;}
    .ingredients_sd .tech_box .step{flex-direction: row;}
    .ingredients_sd .tech_box .step .cir{width: 21vw;}
    .ingredients_sd .tech_box.cen_wrap .step .__p{display: block !important;}
    .ingredients_sd .tech_box.cen_wrap .step .__m{display: none !important;}
    .ingredients_sd .tech_box .bot p{width: 51.40625vw;}
}