@charset "utf-8";
@media screen and (max-width:767px) {
.pc-only { display: none }
body { font-family: 'LGEI Text'; background: #f2ece0 }
.font1 { font-family: 'Libre Bodoni'; font-size: 13.194444vw; color: #ea1917; }
.timePath { position: relative; font-size: 9.027778vw; width: 51.388889vw; height: 22.222222vw; }
.timePath .time {position: absolute;letter-spacing: -1.25vw;left: 10vw;top: 1.944444vw;overflow: hidden;width: 36.111111vw;clip-path: inset(22% 0 22% 0);padding-left: 1.388889vw;}
.timePath .time > span {font-family: 'LGEI Headline';font-weight: 600;font-size: 9.027778vw;line-height: 9.027778vw;}
.timePath .time > span.roll-motion { display: inline-block; position: relative }
.timePath .time > span.roll-motion > i { font-style: normal; font-family: 'LGEI Headline'; font-weight: 600; }
.timePath .time > span.roll-motion > i:nth-child(2) {position: absolute;top: 100%;right: 0;}
.timePath .path-1 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.timePath .path-2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.timePath .path-3 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.timePath .path-4 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.section { position: relative }
.section.top .top-visual {position: relative;overflow: hidden;height: 128.75vw;}
.section.top .top-visual picture img { width: 100%; position: absolute; top: 0; z-index: -1; }
.section.top .top-visual h1 {position: relative;display: block;line-height: 6.944444vw;margin: 16.666667vw auto 0 auto;width: 83.333333vw;text-align: center;}
.section.top .top-visual h1 strong {font-family: 'Libre Bodoni';font-style: italic;font-weight: 700;font-size: 8.888889vw;line-height: 7.5vw;color: #ea1917;}
.section.top .top-visual h1 span { font-family: 'LGEI Headline'; font-size: 8.888889vw; line-height: 7.5vw; font-weight: 600; }
.section.top .top-visual h1 em {display: block;font-style: normal;font-family: 'LGEI Text';font-size: 3.333333vw;line-height: 3.888889vw;font-weight: 600;margin-top: 1.388889vw;}
.section.top .top-visual h1 em .line { display: inline-block; width: 5.833333vw; height: 0.277778vw; background: #333; vertical-align: middle; margin-top: -0.277778vw; }
.section.top .top-visual h1 .path-topleft {position: absolute;left: -9.722222vw;top: -9.722222vw;width: 13.333333vw;height: 17.083333vw;}
.section.top .top-visual h1 .path-topleft img { position: absolute; width: 100%; height: 100%; }
.section.top .top-visual h1 .path-bottomright {position: absolute;top: 28.611111vw;left: 66.388889vw;width: 13.333333vw;height: 17.083333vw;}
.section.top .top-visual h1 .path-bottomright img { position: absolute; width: 100%; height: 100%; }
.section.top .coupone-title { display: flex; flex-direction: column; align-items: center; width: fit-content; margin: 11.666667vw auto 12.5vw auto; }
.section.top .coupone-title strong {font-family: 'LGEI Headline';font-size: 5.555556vw;font-weight: 600;line-height: 6.666667vw;}
.section.top .coupone-title span { font-family: 'LGEI Text'; font-weight: 700; font-size: 3.888889vw; }
.section.top .cont-1 { position: relative; display: flex; flex-direction: column; margin: 0 auto; overflow: hidden; width: 100%; }
.section.top .cont-1 .txt-wrap { margin-top: -5.555556vw; text-align: center; }
.section.top .cont-1 .txt-wrap h2 {position: relative;width: 56.944444vw;margin: 0 auto;}
.section.top .cont-1 .txt-wrap h2 .qt_lt { position: absolute; left: -6.944444vw; top: -1.388889vw; }
.section.top .cont-1 .txt-wrap h2 .qt_rb { position: absolute; right: -6.944444vw; top: -1.388889vw; rotate: 180deg; }
.section.top .cont-1 .txt-wrap h2 em { display: block; font-family: 'LGEI Headline'; font-size: 3.888889vw; line-height: 3.888889vw; font-style: normal; font-weight: 600; }
.section.top .cont-1 .txt-wrap h2 strong { display: block; font-family: 'LGEI Headline'; font-size: 5.833333vw; line-height: 5.833333vw; font-style: normal; font-weight: 600; color: #ea1917; }
.section.top .cont-1 .txt-wrap .cont {font-size: 3.888889vw;line-height: 4.444444vw;font-family: 'LGEI Text';font-weight: 500;margin-top: 6.944444vw;padding: 0 6.111111vw;text-align: left;/* letter-spacing: -1px; */}
.section.top .cont-1 .txt-wrap .cont strong { font-family: 'LGEI Text'; font-weight: 700 }
.section.top .timePath {display: flex;margin: 15.555556vw auto 8.888889vw auto;width: 49.166667vw;}
.section.top .timePath .time span i { font-style: normal; font-size: 9.027778vw; line-height: 9.027778vw; height: 9.027778vw; }
.section.top .cont-2 { display: flex; flex-direction: column; padding: 0 6.111111vw;         /* margin: 0 auto 60px auto; */ }
.section.top .cont-2 .gallerySwiper { margin-top: 10.833333vw; order: 1; }
.section.top .cont-2 { position: relative; }
.section.top .cont-2 h2 { position: relative; text-align: center; order: 1; }
.section.top .cont-2 .cont { font-family: 'LGEI Text'; font-weight: 500; margin-top: 6.388889vw; font-size: 3.888889vw; line-height: 4.722222vw; order: 3; }
.section.top .cont-2 .cont strong { font-family: 'LGEI Text'; font-weight: 700; }
.section.top .cont-2 h2 em {font-size: 5.555556vw;line-height: 5.555556vw;font-family: 'LGEI Headline';font-style: normal;font-weight: 600;}
.section.top .cont-2 h2 strong {display: block;font-size: 11.111111vw;line-height: 11.111111vw;font-weight: 600;width: 55.555556vw;margin: 0 auto;text-align: center;}
.section.top .cont-2 h2 strong .point {font-family: 'Libre Bodoni';font-style: italic;font-weight: 700;color: #ea1917}
.section.top .cont-3 { margin: 0 auto 0 auto; }
.section.top .cont-3 { display: flex; gap: 5.555556vw; }
.section.top .cont-3 > div { font-family: 'LGEI Text'; font-weight: 500; min-width: 59.027778vw; font-size: 3.888889vw; line-height: 4.722222vw; }
.section.top .cont-3 h2 {position: relative;width: 68.055556vw;font-family: 'LGEI Headline';font-size: 3.888889vw;line-height: 3.888889vw;font-weight: 600;text-align: center;margin: 0 auto;}
.section.top .cont-3 h2 .qt_lt {position: absolute;left: 2.777778vw;top: -1.388889vw;}
.section.top .cont-3 h2 .qt_rb {position: absolute;right: 1.111111vw;bottom: 4.166667vw;rotate: 180deg;}
.section.top .cont-3 .txt { font-family: 'LGEI Text'; font-weight: 500; min-width: 59.027778vw; font-size: 3.888889vw; line-height: 4.444444vw; margin: 4.166667vw 6.111111vw; }
.section.top .cont-3 .txt strong { font-family: 'LGEI Text'; font-weight: 700 }
.section.top .cont-3 em span { font-family: 'LGEI Headline'; font-size: 3.888889vw; line-height: 4.722222vw; font-weight: 600; font-style: normal }
.section.top .cont-3 h2 strong { font-family: 'LGEI Headline'; font-size: 5.833333vw; line-height: 8.611111vw; font-weight: 600; font-style: normal; }
.section.top .gallerySwiper-wrap { position: relative; margin-top: 11.111111vw; margin-bottom: 5.555556vw; }
.section.top #gallerySwiper-tooltipview { position: relative; overflow: hidden }
.section.top .bg-path-1 { position: absolute; top: -53.194444vw; right: 3.055556vw; z-index: 2; width: 1.944444vw; height: 53.333333vw; }
.section.top .bg-path-1 > .bg-path-1-1 { width: 100%; height: 100% }
.section.top .bg-path-2 { position: absolute; bottom: -26.111111vw; right: 0; z-index: 3; width: 30vw; height: 35.277778vw; }
.section.top .bg-path-2 .bg-path-2-1 { position: absolute; width: 100%; height: 100% }
.section.top .bg-path-2 .bg-path-2-2 { position: absolute; width: 100%; height: 100% }
.section.mid .timePath {margin: 5.555556vw 25.555556vw 0 auto;width: 47.5vw;}
.section.mid .timePath .time {width: 40.277778vw;}
.section.mid > h2 { display: block; margin: 6.944444vw 0 11.111111vw 0; text-align: center; }
.section.mid > h2 em { font-size: 5.555556vw; line-height: 5.694444vw; font-family: 'LGEI Headline'; font-style: normal; font-weight: 600; }
.section.mid > h2 strong {font-family: 'LGEI Headline';font-weight: 600;display: block;font-size: 11.111111vw;line-height: 13.888889vw;}
.section.mid > h2 strong .point {display: block;font-family: 'Libre Bodoni';font-style: italic;font-weight: 700;font-size: 11.111111vw;line-height: 11.111111vw;width: 77.777778vw;margin: 0 auto;color: #ea1917;}
.section.mid .mid-visual { position: relative }
.section.mid .mid-visual picture { width: 100% }
.section.mid .mid-visual .mid-visual-img { width: 100%; }
.section.mid .mid-visual > .bg-path-3 { width: 1.666667vw; height: 39.444444vw; position: absolute; right: 3.333333vw; bottom: -36.805556vw; }
.section.mid .mid-visual > .bg-path-3 > img { width: 100%; height: 100% }
.section.mid .mid-visual .btn_plus {left: 41.111111vw;top: 25.277778vw;}
.section.mid .mid-visual .q_box {top: 37.222222vw;left: 16.111111vw;}
.section.mid .mid-visual .q_box:after{left:50%;top: -5vw;transform: translateX(-50%);border-bottom: 3vw solid #fff;border-top: 3vw solid transparent;border-left: 3vw solid transparent;border-right: 3vw solid transparent;}
.section.mid .mid-visual-desc {position: relative;margin: 5.555556vw 5.555556vw 8.333333vw 5.555556vw;font-size: 3.888889vw;line-height: 4.444444vw;font-family: 'LGEI Text';font-weight: 500;/* letter-spacing: -1px; */}
.section.mid .mid-visual-desc strong { font-family: 'LGEI Text'; font-weight: 700; }
.section.mid .cont-1 { display: flex; flex-direction: column-reverse; }
.section.mid .cont-1 .txt-wrap {         /* margin-top: 180px; */ }
.section.mid .cont-1 .txt-wrap h2 { width: fit-content; position: relative; font-family: 'LGEI Headline'; font-weight: 600; font-size: 3.888889vw; line-height: 3.888889vw; text-align: center; margin: 0 auto; }
.section.mid .cont-1 .txt-wrap h2 > em{
    font-family: 'LGEI Headline';
    font-size: 3.888889vw;
    font-weight: 600;
}
.section.mid .cont-1 .txt-wrap h2 .qt_lt {display: inline-block;position: absolute;left: 11.111111vw;top: -1.944444vw;}
.section.mid .cont-1 .txt-wrap h2 .qt_rb {display: inline-block;position: absolute;right: 10.833333vw;bottom: 10.277778vw;rotate: 180deg;}
.section.mid .cont-1 .txt-wrap .cont {font-size: 3.888889vw;line-height: 4.722222vw;margin-top: 4.166667vw;padding: 0 5.555556vw;/* letter-spacing: -.5px; */font-family: 'LGEI Text';font-weight: 500;}
.section.mid .cont-1 .txt-wrap .cont strong { font-family: 'LGEI Text'; font-weight: 700; }
.section.mid .cont-1 .txt-wrap h2 strong { display: block; font-family: 'LGEI Headline'; font-weight: 700; font-size: 5.833333vw; line-height: 8.611111vw; }
.section.mid .cont-1 .txt-wrap strong .point {font-family: 'Libre Bodoni';font-style: italic;font-weight: 700;color: #ea1917;}
.section.mid .cont-2 { display: flex; flex-direction: column; margin: 13.888889vw auto 0 0; gap: 0; }
.section.mid .cont-2 .txt-wrap {font-size: 3.888889vw;line-height: 4.444444vw;font-family: 'LGEI Text';font-weight: 500;/* width: 760px; *//* min-width: 760px; */margin: 5.555556vw;}
.section.mid .cont-2 .txt-wrap strong { font-family: 'LGEI Text'; font-weight: 700; }
.section.bottom { padding-top: 4.166667vw; }
.section.bottom:before {position: absolute;width: 100%;height: 422.222222vw;content: "";display: block;background: #e2d8c5;z-index: -1;}
.section.bottom .timePath {margin: 13.888889vw 25.555556vw 0 auto;width: 50.833333vw;}
.section.bottom .timePath .time { width: 38.888889vw; }
.section.bottom > h2 { margin: 5.555556vw 0 11.111111vw 0; text-align: center; }
.section.bottom > h2 em { font-size: 5.833333vw; line-height: 5.833333vw; font-family: 'LGEI Headline'; font-weight: 600; font-style: normal; }
.section.bottom > h2 strong { font-size: 11.111111vw; line-height: 11.805556vw; display: block; font-weight: 600; }
.section.bottom > h2 strong .point {font-family: 'Libre Bodoni';font-style: italic;font-weight: 700;color: #ea1917;}
.section.bottom .bottom-visual { position: relative; width: 100%;         /* height: 790px; */ }
.section.bottom .bottom-visual > picture { width: 100% }
.section.bottom .bottom-visual > picture > img { width: 100%; }
.section.bottom .bottom-visual .bg-path-5-1 { position: absolute; width: 100%; height: 100%; }
.section.bottom .bottom-visual .bg-path-5-2 { position: absolute; width: 100%; height: 100%; }
.section.bottom .bottom-visual .btn_plus {left: 81.388889vw;top: 55vw;}
.section.bottom .bottom-visual .q_box {left: 18.888889vw;top: 44.166667vw;}
.section.bottom .bottom-visual-desc {margin: 5.555556vw 5.555556vw 11.111111vw 5.555556vw;/* display: flex; */}
.section.bottom .bottom-visual-desc .title-wrap { width: fit-content; font-size: 5.833333vw; line-height: 6.388889vw; font-family: 'LGEI Headline'; font-weight: 600; text-align: center; margin: 0 auto; }
.section.bottom .bottom-visual-desc .title-wrap h2 {display: block;position: relative;width: fit-content;width: 76.388889vw;}
.section.bottom .bottom-visual-desc .title-wrap .qt_lt {position: absolute;top: -0.833333vw;left: -4.722222vw;}
.section.bottom .bottom-visual-desc .title-wrap .qt_rb {position: absolute;rotate: 180deg;right: -5.277778vw;top: 0;}
.section.bottom .bottom-visual-desc .sub {font-family: 'LGEI Text';font-weight: 500;font-size: 3.888889vw;line-height: 4.722222vw;margin-top: 5.555556vw;}
.section.bottom .bottom-visual-desc .sub strong { font-family: 'LGEI Text'; font-weight: 700; }
.section.bottom .cont-1 { display: flex; flex-direction: column-reverse; overflow: hidden; }
.section.bottom #gallerySwiper-4 { display: block; margin: 0 5.555556vw 5.555556vw 5.555556vw; }
.section.bottom .cont-1 .txt-wrap {font-family: 'LGEI Text';font-weight: 500;/* position: absolute; *//* width: 680px; */font-size: 3.888889vw;line-height: 4.722222vw;/* margin-top: 170px; */margin: 5.555556vw 5.555556vw 11.111111vw 5.555556vw;/* letter-spacing: -1px; */}
.section.bottom .cont-1 .txt-wrap strong { font-family: 'LGEI Text'; font-weight: 700; }
.section.bottom .cont-1 .lineimg-3 { margin-left: auto; margin-right: 0; }
.section.bottom .cont-1 .lineimg-3 img { width: 100%; }
.section.bottom .gallerySwiper-4-desc { position: relative; }
.section.bottom .gallerySwiper-4-desc h2 { position: relative;         /* width: fit-content; */ font-size: 3.888889vw; font-family: 'LGEI Headline'; font-weight: 600; text-align: center; margin: 0 auto; }
.section.bottom .gallerySwiper-4-desc h2 > span { width: 93.055556vw; margin: 0 auto; line-height: 4.444444vw; }
.section.bottom .gallerySwiper-4-desc h2 > span > em {display: inline-block;width: 63.888889vw;font-family: 'LGEI Headline';font-size: 3.888889vw;font-weight: 600;}
.section.bottom .gallerySwiper-4-desc h2 > span > strong { display: inline-block; }
.section.bottom .gallerySwiper-4-desc h2 .qt_lt {position: absolute;left: 15.277778vw;top: -1.388889vw;}
.section.bottom .gallerySwiper-4-desc h2 .qt_rb {position: absolute;right: 15.277778vw;top: -1.388889vw;rotate: 180deg;}
.section.bottom .gallerySwiper-4-desc h2 strong {display: block;font-size: 5.277778vw;line-height: 5.555556vw;font-family: 'LGEI Headline';font-weight: 600;margin-top: 2.222222vw;letter-spacing: -1px;width: 90.277778vw;margin: 1.388889vw auto 0 auto;}
.section.bottom .gallerySwiper-4-desc h2 strong > span {display: inline-block;font-family: 'LGEI Headline';font-weight: 600;}
.section.bottom .gallerySwiper-4-desc h2 strong .point {font-family: 'Libre Bodoni';font-style: italic;font-weight: 700;color: #ea1917;}
.section.bottom .gallerySwiper-4-desc .cont {font-family: 'LGEI Text';font-weight: 500;font-size: 3.888889vw;line-height: 4.722222vw;margin: 5.555556vw;text-align: left;}
.section.bottom .gallerySwiper-4-desc .cont strong { font-family: 'LGEI Text'; font-weight: 700; }
.gallerySwiper .swiper-slide > picture > img {width: 100%;}
.gallerySwiper .swiper-pagination-wrap { width: 100%; display: inline-flex; justify-content: center; align-items: center; gap: 1.388889vw; margin-top: 2.777778vw; }
.gallerySwiper .swiper-pagination { display: inline-flex; align-items: center; font-weight: 600; width: auto; position: relative; bottom: initial; top: initial; left: initial;         /* margin:0 16px; */ gap: 0; height: 6.388889vw; color: #363636; }
.gallerySwiper .swiper-pagination { font-size: 3.888889vw; line-height: 5.555556vw; }
.gallerySwiper .swiper-pagination .swiper-pagination-current, .gallerySwiper .swiper-pagination .swiper-pagination-total { display: inline-block; min-width: 4.166667vw; font-family: 'LGEI Text'; font-size: 3.888889vw; line-height: 3.888889vw; padding-top: 0.277778vw; }
.gallerySwiper .swiper-button-prev { display: inline-flex; position: relative; top: initial; width: 2.5vw; height: 4.166667vw; margin-top: initial; right: initial; left: initial; }
.gallerySwiper .swiper-button-prev:before { margin-top: 0.833333vw; content: ''; width: 1.388889vw; height: 1.388889vw; border-top: 0.416667vw solid #363636; border-right: 0.416667vw solid #363636; transform: rotate(225deg); }
.gallerySwiper .swiper-button-prev:after { display: none }
.gallerySwiper .swiper-button-next { display: inline-flex; position: relative; top: initial; width: 2.5vw; height: 4.166667vw; margin-top: initial; right: initial; }
.gallerySwiper .swiper-button-next:before { margin-top: 0.833333vw; content: ''; width: 1.388889vw; height: 1.388889vw; border-top: 0.416667vw solid #363636; border-right: 0.416667vw solid #363636; transform: rotate(45deg); }
.gallerySwiper .swiper-button-next:after { display: none }
#gallerySwiper-1 {         /* min-width: 748px; */
width: 100%; }
#gallerySwiper-1 .swiper-wrapper {         /* width: 748px; */
/* height: 570px; */ }
#gallerySwiper-2 {         /* min-width: 779px; */
width: 89.583333vw; margin: 0; }
#gallerySwiper-2 .swiper-wrapper {         /* width: 779px; */
/* height: 525px; */ }
#gallerySwiper-tooltipview { width: 100%; margin: initial; }
#gallerySwiper-tooltipview .swiper-slide picture > img { width: 100% }
#gallerySwiper-3 {         /* margin-left: auto; */
/* margin-right: 0; */ }
#gallerySwiper-4 {         /* width: 1520px; */ }
.lineimg-1 {position: relative;width: 93.333333vw;height: 87.638889vw;margin-left: 0.833333vw;align-self: flex-end;margin-right: -3.611111vw;}
.lineimg-1 .img {overflow: hidden;width: 77.777778vw;height: 77.777778vw;border: 0.277778vw solid;border-width: 0 0.277778vw 0.277778vw 0;border-color: transparent}
.lineimg-1 .img img { width: 100%; height: 100% }
.lineimg-1 .redline { width: 2.083333vw; height: 16.666667vw; background-color: #ea1917; position: absolute; left: -0.833333vw; top: 0 }
.lineimg-1 .path-1 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.lineimg-1 .path-2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.lineimg-2 { position: relative; width: 97.777778vw; height: 84.430556vw; margin-right: 0; margin-left: auto; }
.lineimg-2 .img { position: absolute; right: 0; top: 0; overflow: hidden; width: 93.611111vw; height: 76.527778vw; border: 0.277778vw solid; border-width: 0 0 0.277778vw 0.277778vw;         /* border-color: transparent; */ z-index: 2; }
.lineimg-2 .img img { width: 100%; height: 100% }
.lineimg-2 .path-1 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.lineimg-2 .path-2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.lineimg-3 {position: relative;width: 97.083333vw;height: 87.777778vw;}
.lineimg-3 .img {width: 93.888889vw;height: 76.388889vw;margin-left: auto;}
.lineimg-3 .img .swiper { border: 0.277778vw solid; border-width: 0 0 0.277778vw 0.277778vw; border-color: transparent; }
.lineimg-3 .path-1 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.lineimg-3 .path-2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.lineimg-3 .swiper-pagination-wrap { position: absolute;         /* right: 0; */ }
.bg-path-2 { position: relative; width: 122.777778vw; height: 113.75vw }
.bg-path-5 { position: absolute; width: 32.638889vw; height: 58.472222vw; }
#gallerySwiper-tooltipview .prd-1 .btn_plus { position: absolute; left: 38.055556vw; top: 13.888889vw; }
#gallerySwiper-tooltipview .prd-1 .q_box {position: absolute;left: 13.055556vw;top: 25.555556vw;}
#gallerySwiper-tooltipview .prd-1 .q_box:after { border-bottom: 3vw solid #fff; border-top: 3vw solid transparent; border-left: 3vw solid transparent; border-right: 3vw solid transparent; left: 50%; top: -5vw; transform: translateX(-50%); }
#gallerySwiper-tooltipview .prd-2 .btn_plus { position: absolute; left: 73.888889vw; top: 34.722222vw; }
#gallerySwiper-tooltipview .prd-2 .q_box { position: absolute; left: 11.666667vw; top: 23.888889vw; }
#gallerySwiper-tooltipview .prd-2 .q_box:after { top: 50%; right: -5vw; left: unset;         /* border-bottom: 3vw solid transparent; */ border-top: 3vw solid transparent; border-left: 3vw solid #fff; border-right: 3vw solid transparent; transform: translateY(-50%); }
.coupone {position: relative;display: block;margin: 5.555556vw auto 17.5vw auto;width: 62.5vw;height: 138.888889vw;background: #f9f6ef;border-radius: 4.166667vw;}
.coupone.bottom{margin: 6.944444vw auto 6.944444vw auto;}
.coupone .coupone-deco { position: absolute; width: 51.527778vw; height: 48.611111vw; left: 4.166667vw; top: -4.861111vw; }
.coupone .coupone-deco { }
.coupone .promo-offer {position: relative;padding: 44.583333vw 4.166667vw 0 4.166667vw;height: 100%;}
.coupone .promo-offer h2 { display: flex; flex-direction: column; position: absolute; top: 0; left: 6.666667vw; width: 48.888889vw; height: 43.611111vw; color: #fff; text-align: center; font-size: 4.166667vw; font-weight: 500; }
.coupone .promo-offer h2 .per { font-family: 'LGEI Headline'; font-weight: 700; font-size: 19.444444vw; display: block; height: 16.666667vw; line-height: 19.444444vw; margin-top: -3.333333vw; }
.coupone .promo-offer h2 span {letter-spacing: 0.416667vw;font-family: 'LGEI Headline';font-weight: 700;}
.coupone .promo-offer h2 .per em { font-size: 11.111111vw; font-style: normal; margin-left: 0.555556vw; }
.coupone .promo-offer h2 p {font-size: 2.5vw;line-height: 3.611111vw;margin-top: 2.777778vw;font-family: 'LGEI TEXT';font-weight: 700;}
.coupone .promo-offer h2 .copy-button {width: 30.555556vw;height: 6.944444vw;background: #191615;border: 0;border-radius: 3.472222vw;font-size: 3.333333vw;line-height: 3.333333vw;margin: auto auto 3.055556vw auto;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;color: #fff;text-decoration: none;transition: .3s ease;}
.coupone .promo-offer h2 .copy-button > span{letter-spacing: 1px;font-family: 'LGEI TEXT';font-weight: 700;}
.coupone .promo-offer h2 .copy-button:hover { background-color: #fff;color:#000}
.coupone .promo-offer h2 .copy-button:active { }
.coupone .promo-offer h2 .copy-button:focus { }
.coupone .promo-offer h2 strong {display: block;font-weight: 500;font-size: 3.333333vw;font-family: 'LGEI TEXT';font-weight: 700;}
.coupone .promo-offer > p {border-bottom: 0.277778vw dashed;padding-bottom: 2.222222vw;margin-bottom: 2.222222vw;text-align: center;}
.coupone .promo-offer > p > strong {font-size: 5.555556vw;font-weight: 600;font-family: 'LGEI HEADLINE';}
.coupone .promo-offer > p > em {display: block;font-size: 2.5vw;line-height: 3.055556vw;font-style: normal;width: 44.444444vw;margin: 0 auto;font-family: 'LGEI Text';font-weight: 500;}
.coupone .promo-offer ul { margin: 0; padding: 0 }
.coupone .promo-offer ul li { list-style: none; font-size: 2.5vw; }
.coupone .promo-offer ul li + li { margin-top: 2.5vw; }
.coupone .promo-offer ul li > .tit {font-size: 3.333333vw;display: inline-block;line-height: 3.333333vw;vertical-align: middle;margin-right: 1.944444vw;font-family: 'LGEI Headline';font-weight: 700;}
.coupone .promo-offer ul li > .cont {position: relative;display: block;font-size: 2.5vw;margin-top: 1.388889vw;font-weight: 500;padding-left: 1.944444vw;font-family: 'LGEI HEADLINE';}
.coupone .promo-offer ul li > .cont:before { content: ""; display: inline-block; width: 0.833333vw; height: 0.277778vw; background: #333; position: absolute; left: 0; top: 1.666667vw; }
.coupone .promo-offer ul li > .dash {display: inline-block;width: 5vw;height: 1px;background: #333;vertical-align: middle;}
.coupone .promo-offer ul li strong {font-family: 'LGEI Headline';font-weight: 700;}
.coupone .promo-offer > em{font-family: 'LGEI Text';font-size: 2.5vw;line-height: 3.055556vw;font-style: normal;font-weight: 500;display: block;position: absolute;bottom: 2.222222vw;text-align: center;left: 0;padding: 0 7.5vw;}
.coupone .promo-offer > em strong{font-family: 'LGEI Text';font-weight: 500;}
.coupone .coupone-prd {position: absolute;left: 50%;transform: translateX(-50%);bottom: 9.722222vw;width: 31.111111vw;height: auto;}
.qt_lt { width: 4.861111vw; height: 3.75vw; }
.qt_lt img { width: 100%; height: 100% }
.qt_rb { width: 4.861111vw; height: 3.75vw; }
.qt_rb img { width: 100%; height: 100% }
.btn_plus { position: absolute; width: 8.333333vw; height: 8.333333vw; border-radius: 50%; background: #ea1917; border: 0; cursor: pointer; z-index: 20; }
.btn_plus::before, .btn_plus::after { display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 4.444444vw; height: 0.277778vw; background: #fff; transform: translate(-50%, -50%); }
.btn_plus::after { transform: translate(-50%, -50%) rotate(90deg); }
.q_box { position: absolute; background-color: #fff; min-height: 30vw; min-width: 58vw; max-width: 58vw; padding: 3vw; left: 10vw; top: 2vw; border-radius: 4vw; display: none; z-index: 22; }
.q_box .thumb { width: 15vw; height: 16vw; min-width: 15vw; }
.q_box .thumb img { object-fit: contain; animation: none !important; opacity: 1; width: 100%; height: 100%; }
.q_box .cont { display: flex; flex-direction: column; align-items: flex-start; padding-left: 2.777778vw; }
.q_box .cont > em { font-size: 2vw; margin-bottom: .5vw; font-style: normal; }
.q_box .cont > strong { line-height: 1.3em; font-size: 3vw; height: 3.9em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; padding-bottom: 0.521vw; margin-top: 0.26vw; font-weight: bold; }
.q_box .cont > a { margin-top: auto; height: 6vw; min-height: 6vw; font-size: 3vw; border-radius: 3vw; margin-top: 5vw; position: absolute; left: 0; bottom: 0; margin: 2.5vw; width: -webkit-fill-available; display: flex; flex: 1; align-items: center; box-sizing: border-box; justify-content: center; text-align: center; background-color: #fff; color: #333; border: 1px solid #333; transition: .4s ease }
.q_box .cont > a:hover { text-decoration: none; background-color: #ff0000; border-color: #ff0000; color: #fff; height: 6vw; min-height: 6vw; font-size: 3vw; border-radius: 3vw; margin-top: 5vw; position: absolute; left: 0; bottom: 0; margin: 2.5vw; width: -webkit-fill-available; }
.q_box:after {position: absolute;top: 50%;right: -5vw;transform: translateY(-50%);content: "";display: inline-block;width: 0;height: 0;border-bottom: 3vw solid transparent;border-top: 3vw solid transparent;border-left: 3vw solid white;border-right: 3vw solid transparent;}
.q_box.left:after { right: unset; top: 50%; left: -5vw; border-bottom: 3vw solid transparent; border-top: 3vw solid transparent; border-left: 3vw solid transparent; border-right: 3vw solid white; transform: translateY(-50%); }
.q_box.top:after { right: unset; top: -5vw; left: 50%; border-bottom: 3vw solid white; border-top: 3vw solid transparent; border-left: 3vw solid transparent; border-right: 3vw solid transparent; transform: translateX(-50%); }
.btn_plus_hover_wrap:hover .q_box { display: flex }
/* 모션처리 */
.title > span { display: block }
.title > em { display: block }
.title > strong > span {display: inline-block;font-family: 'LGEI Headline';font-weight: 600;/* letter-spacing: -1px; */}
.section.top .top-visual h1 .path-topleft .path-1-1 { animation: clipLeft 2s ease .4s both paused; }
.section.top .top-visual h1 .path-topleft .path-1-2 { animation: clipTop 2s ease .4s both paused; }
.section.top .top-visual h1 .path-bottomright .path-2-1 { animation: clipRight 2s ease .4s both paused; }
.section.top .top-visual h1 .path-bottomright .path-2-2 { animation: clipBottom 2s ease .4s both paused; }
.section.top .top-visual.ani h1 .path-topleft .path-1-1 { animation-play-state: running; }
.section.top .top-visual.ani h1 .path-topleft .path-1-2 { animation-play-state: running; }
.section.top .top-visual.ani h1 .path-bottomright .path-2-1 { animation-play-state: running; }
.section.top .top-visual.ani h1 .path-bottomright .path-2-2 { animation-play-state: running; }
.section.top .top-visual h1 > *:nth-child(3) { display: inline-block; animation: fadeUp 1s ease 1.2s both paused; }
.section.top .top-visual h1 > *:nth-child(5) { display: inline-block; animation: fadeUp 1s ease 1.3s both paused; }
.section.top .top-visual h1 > *:nth-child(7) { display: inline-block; animation: fadeUp 1s ease 1.4s both paused; }
.section.top .top-visual h1 > *:nth-child(8) { display: block; animation: fadeUp 1s ease 1.5s both paused; }
.section.top .top-visual h1 > *:nth-child(3) { animation-play-state: running; }
.section.top .top-visual h1 > *:nth-child(5) { animation-play-state: running; }
.section.top .top-visual h1 > *:nth-child(7) { animation-play-state: running; }
.section.top .top-visual h1 > *:nth-child(8) { animation-play-state: running; }
.timePath .path-1 { animation: timePath-1 1s ease .1s both paused; }
.timePath .path-2 { animation: timePath-2 1s ease .2s both paused; }
.timePath .path-3 { animation: timePath-3 1s ease .3s both paused; }
.timePath .path-4 { animation: timePath-4 1s ease .4s both paused; }
.timePath.ani .path-1 { animation-play-state: running; }
.timePath.ani .path-2 { animation-play-state: running; }
.timePath.ani .path-3 { animation-play-state: running; }
.timePath.ani .path-4 { animation-play-state: running; }
.timePath .roll-motion:nth-of-type(1) { animation: timePath-roll 1s ease .8s both paused; }
.timePath .roll-motion:nth-of-type(3) { animation: timePath-roll 1s ease .9s both paused; }
.timePath .roll-motion:nth-of-type(4) { animation: timePath-roll 1s ease 1s both paused; }
.timePath .roll-motion:nth-of-type(5) { animation: timePath-roll 1s ease 1.1s both paused; }
.timePath .roll-motion:nth-of-type(6) { animation: timePath-roll 1s ease 1.2s both paused; }
.timePath .roll-motion:nth-of-type(7) { animation: timePath-roll 1s ease 1.3s both paused; }
.timePath.ani .roll-motion:nth-of-type(1) { animation-play-state: running; }
.timePath.ani .roll-motion:nth-of-type(3) { animation-play-state: running; }
.timePath.ani .roll-motion:nth-of-type(4) { animation-play-state: running; }
.timePath.ani .roll-motion:nth-of-type(5) { animation-play-state: running; }
.timePath.ani .roll-motion:nth-of-type(6) { animation-play-state: running; }
.timePath.ani .roll-motion:nth-of-type(7) { animation-play-state: running; }

.lineimg-1 .img { animation: lineimg-1 4s cubic-bezier(0.25, 0.1, 0, 1) both paused; }
.lineimg-1 .redline { clip-path: inset(0 0 100% 0); animation: lineimg-redline 1s ease 2s both paused; }
.lineimg-1 .path-1 { animation: clipLeft 2s ease 1s both paused; }
.lineimg-1 .path-2 { animation: clipTop 2s ease 1.6s both paused; }
.lineimg-1.ani .img { animation-play-state: running; }
.lineimg-1.ani .redline { animation-play-state: running; }
.lineimg-1.ani .path-1 { animation-play-state: running; }
.lineimg-1.ani .path-2 { animation-play-state: running; }
.lineimg-2 .img { animation: lineimg-2 5s cubic-bezier(0.25, 0.1, 0, 1) both paused; }
.lineimg-2 .redline { clip-path: inset(0 0 100% 0); animation: lineimg-redline 1s ease 2s both paused; }
.lineimg-2 .path-1 { animation: clipRight 2s ease 1.4s both paused; }
.lineimg-2 .path-2 { animation: clipTop 2s ease 2s both paused; }
.lineimg-2.ani .img { animation-play-state: running; }
.lineimg-2.ani .redline { animation-play-state: running; }
.lineimg-2.ani .path-1 { animation-play-state: running; }
.lineimg-2.ani .path-2 { animation-play-state: running; }
.lineimg-3 .img .swiper { animation: lineimg-2 5s cubic-bezier(0.25, 0.1, 0, 1) both paused; }
.lineimg-3 .redline { animation: lineimg-redline 1s ease 2s both paused; }
.lineimg-3 .path-1 { animation: clipRight 2s ease 1.4s both paused }
.lineimg-3 .path-2 { animation: clipTop 2s ease 2s both paused }
.lineimg-3.ani .img .swiper { animation-play-state: running; }
.lineimg-3.ani .redline { animation-play-state: running; }
.lineimg-3.ani .path-1 { animation-play-state: running; }
.lineimg-3.ani .path-2 { animation-play-state: running; }
.bg-path-5 .bg-path-5-1 { animation: clipTop 2s ease .2s both paused }
.bg-path-5 .bg-path-5-2 { animation: clipRight 2s ease .4s both paused }
.bg-path-3 .bg-path-3-1 { animation: clipTop 2s ease .2s both paused; }
.bg-path-5.ani .bg-path-5-1 { animation-play-state: running; }
.bg-path-5.ani .bg-path-5-2 { animation-play-state: running; }
.bg-path-3.ani .bg-path-3-1 { animation-play-state: running; }
.title .qt_lt { animation: fadeDown 1s ease .2s both paused }
.title .qt_rb { animation: fadeDown 1s ease .2s both paused }
.title em { animation: fadeUp 1s ease .6s both paused }
.title strong > span:nth-child(1) { animation: fadeUp 1s ease .8s both paused }
.title strong > span:nth-child(2) { animation: fadeUp 1s ease 1s both paused }
.title strong > span:nth-child(3) { animation: fadeUp 1s ease 1.2s both paused }
.title.ani .qt_rb { animation-play-state: running; }
.title.ani .qt_lt { animation-play-state: running; }
.title.ani em { animation-play-state: running; font-style: normal; }
.title.ani strong > span:nth-child(1) { animation-play-state: running; }
.title.ani strong > span:nth-child(2) { animation-play-state: running; }
.title.ani strong > span:nth-child(3) { animation-play-state: running; }
.section.bottom #gallerySwiper-4 { animation: view-wide 1s cubic-bezier(0.25, 0.1, 0, 1) both paused }
.section.bottom .gallerySwiper-4-desc .title > span { animation: fadeUp 1s ease .4s both paused }
.section.bottom .gallerySwiper-4-desc .title > strong > span:nth-child(1) { animation: fadeUp 1s ease .6s both paused }
.section.bottom .gallerySwiper-4-desc .title > strong > span:nth-child(2) { animation: fadeUp 1s ease .8s both paused }
.section.bottom .gallerySwiper-4-desc .title > strong > span:nth-child(3) { animation: fadeUp 1s ease 1s both paused }
.section.bottom #gallerySwiper-4.ani { animation-play-state: running; }
.section.bottom .gallerySwiper-4-desc.ani .title > span { animation-play-state: running; }
.section.bottom .gallerySwiper-4-desc.ani .title > strong > span:nth-child(1) { animation-play-state: running; }
.section.bottom .gallerySwiper-4-desc.ani .title > strong > span:nth-child(2) { animation-play-state: running; }
.section.bottom .gallerySwiper-4-desc.ani .title > strong > span:nth-child(3) { animation-play-state: running; }
.bg-path-1 .bg-path-1-1 { animation: clipBottom 1s ease .4s both paused }
.bg-path-1.ani .bg-path-1-1 { animation-play-state: running }
.bg-path-2 .bg-path-2-1 { animation: clipRight 1s ease .4s both paused; }
.bg-path-2 .bg-path-2-2 { animation: clipTop 1s ease .4s both paused }
.bg-path-2.ani .bg-path-2-1 { animation-play-state: running; }
.bg-path-2.ani .bg-path-2-2 { animation-play-state: running; }
@keyframes view-wide {
0% { clip-path: inset(0 20%) }
100% { clip-path: inset(0 0) }
}
@keyframes timePath-roll {
0% { transform: translateY(0) }
100% { transform: translateY(-100%) }
}
@keyframes lineimg-redline {
100% { clip-path: inset(0 0 0 0) }
}
@keyframes lineimg-1 {
0% { clip-path: inset(0 100% 0 0) }
50% { clip-path: inset(0 0 0 0); border-radius: 0 0 0 0; border-color: transparent; }
100% { clip-path: inset(0 0 0 0); border-radius: 0 0 9.722222vw 0; border-color: #696460; }
}
@keyframes lineimg-2 {
0% { clip-path: inset(0 0 0 100%) }
50% { clip-path: inset(0 0 0 0); border-radius: 0 0 0 0; border-color: transparent; }
100% { clip-path: inset(0 0 0 0); border-radius: 0 0 0 9.722222vw; border-color: #696460; }
}
@keyframes clipLeft {
0% { clip-path: inset(0 100% 0 0) }
100% { clip-path: inset(0 0 0 0) }
}
@keyframes clipRight {
0% { clip-path: inset(0 0 0 100%) }
100% { clip-path: inset(0 0 0 0) }
}
@keyframes clipTop {
0% { clip-path: inset(0 0 100% 0) }
100% { clip-path: inset(0 0 0 0) }
}
@keyframes clipBottom {
0% { clip-path: inset(100% 0 0 0) }
100% { clip-path: inset(0 0 0 0) }
}
@keyframes timePath-1 {
0% { clip-path: inset(0 0 100% 0) }
100% { clip-path: inset(0 0 30% 0) }
}
@keyframes timePath-2 {
0% { clip-path: inset(0 100% 0 0) }
100% { clip-path: inset(0 60% 0 0) }
}
@keyframes timePath-3 {
0% { clip-path: inset(100% 0 0 0) }
100% { clip-path: inset(20% 0 0 0) }
}
@keyframes timePath-4 {
0% { clip-path: inset(0 0 0 100%) }
100% { clip-path: inset(0 0 0 70%) }
}
@keyframes fadeUp {
0% { opacity: 0; transform: translateY(100%) }
100% { opacity: 1; transform: translateY(0) }
}
@keyframes fadeDown {
0% { opacity: 0; transform: translateY(-100%) }
100% { opacity: 1; transform: translateY(0) }
}
/* 로딩바가 무한로딩되서 안보이게 처리 */
.swiper-lazy-preloader { display: none }
.coupone-deco img{width:100%;height:100%}
.coupone-deco .deemd{top:0;left: 2.477778vw;z-index:2;position: absolute;width: calc(100% - 2.477778vw);height: 100%;background: rgba(0, 0, 0, .8);color: #fff;display: flex;align-items: center;justify-content: center;font-family: 'LGEI Text';font-size: 4.722222vw;text-align: center;padding: 0 5.555556vw;}
}



@media screen and (min-width:768px) {
.mo-only { display: none }
body { font-family: 'LGEI Text'; background: #f2ece0 }
.font1 { font-family: 'Libre Bodoni'; font-size: 4.947917vw; color: #ea1917; }
.timePath {position: relative;font-size: 3.385417vw;width: 18.229167vw;height: 8.333333vw;}
.timePath .time {display: inline-block;position: absolute;letter-spacing: -0.46875vw;left: 3.854167vw;top: 0.729167vw;overflow: hidden;width: 14.583333vw;padding-left: 0.46875vw;clip-path: inset(22% 0 22% 0);}
.timePath .time > span {font-family: 'LGEI Headline';font-weight: 600;font-size: 3.385417vw;line-height: 3.385417vw;display: inline-flex;justify-content: center;}
.timePath .time > .dot{width: 1.041667vw;margin-right: -0.3125vw;}
.timePath .time > .space{width: 0px;}
.timePath .time > span.roll-motion {position: relative}
.timePath .time > span.roll-motion > i { font-family: 'LGEI Headline'; font-weight: 600; font-style: normal }
.timePath .time > span.roll-motion > i:nth-child(2) {position: absolute;top: 100%}
.timePath .path-1 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.timePath .path-2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.timePath .path-3 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.timePath .path-4 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.section { position: relative }
.section.top .top-visual { height: 41.666667vw; }
.section.top .top-visual picture img { width: 100%; position: absolute; top: 0; z-index: -1; }
.section.top .top-visual h1 {position: relative;display: inline-block;line-height: 4.166667vw;margin: 8.333333vw 0 0 7.5vw;}
.section.top .top-visual h1 strong {font-family: 'Libre Bodoni';font-style: italic;font-weight: 600;font-size: 4.6875vw;line-height: 4.6875vw;height: 4.6875vw;color: #ea1917;}
.section.top .top-visual h1 > span {font-family: 'LGEI Headline';font-size: 4.6875vw;line-height: 4.166667vw;font-weight: 600;height: 4.166667vw;}
.section.top .top-visual h1 em { display: block; font-style: normal; font-family: 'LGEI Text'; font-size: 1.458333vw; line-height: 1.979167vw; font-weight: 600; }
.section.top .top-visual h1 em .line { display: inline-block; width: 2.916667vw; height: 0.104167vw; background: #333; vertical-align: middle; margin-top: -0.104167vw; }
.section.top .top-visual h1 .path-topleft { position: absolute; left: -2.604167vw; top: -4.166667vw; width: 5vw; height: 6.40625vw; }
.section.top .top-visual h1 .path-topleft img { position: absolute; width: 100%; height: 100%; }
.section.top .top-visual h1 .path-bottomright {position: absolute;bottom: -3.125vw;left: 18.958333vw;width: 5vw;height: 6.40625vw;}
.section.top .top-visual h1 .path-bottomright img { position: absolute; width: 100%; height: 100%; }
.section.top .coupone-title { display: flex; flex-direction: column; align-items: center; width: fit-content; margin: 4.375vw auto 1.5625vw auto; }
.section.top .coupone-title strong { font-family: 'LGEI Headline'; font-size: 2.5vw; font-weight: 600; line-height: 2.5vw; }
.section.top .coupone-title span { font-family: 'LGEI Text'; font-weight: 700; font-size: 1.458333vw; }


.section.top .cont-1 { position: relative; display: flex; width: 81.25vw; margin: 0 auto; gap: 3.125vw; }
.section.top .cont-1 .txt-wrap h2 { width: fit-content; position: relative }
.section.top .cont-1 .txt-wrap h2 .qt_lt { position: absolute; left: -2.604167vw; top: -0.520833vw; }
.section.top .cont-1 .txt-wrap h2 .qt_rb { position: absolute; right: -2.604167vw; bottom: 0.729167vw; rotate: 180deg; }
.section.top .cont-1 .txt-wrap em { display: block; font-family: 'LGEI Headline'; font-size: 1.458333vw; line-height: 1.458333vw; font-style: normal; font-weight: 600; }
.section.top .cont-1 .txt-wrap h2 strong { display: block; font-family: 'LGEI Headline'; font-size: 2.1875vw; line-height: 2.1875vw; font-style: normal; font-weight: 600; color: #ea1917; }
.section.top .cont-1 .txt-wrap .cont {font-size: 1.458333vw;line-height: 1.770833vw;font-family: 'LGEI Text';font-weight: 500;margin-top: 2.604167vw;}
.section.top .cont-1 .txt-wrap .cont strong { font-family: 'LGEI Text'; font-weight: 700 }
.section.top .timePath {display: flex;margin: 4.791667vw auto 3.333333vw auto;width: 18.958333vw;}
.section.top .timePath .time span i { font-style: normal; font-size: 3.385417vw; line-height: 3.385417vw; height: 3.385417vw; }
.section.top .cont-2 {         /* display: flex; */
width: 81.25vw; margin: 0 auto 7.8125vw auto; gap: 5.208333vw; }
.section.top .cont-2 .gallerySwiper { margin-top: 2.083333vw; position: absolute; right: 0; top: 0; }
.section.top .cont-2 { position: relative; }
.section.top .cont-2 h2 {position: relative;width: 40.625vw;}
.section.top .cont-2 .cont {font-family: 'LGEI Text';font-weight: 500;margin-top: 2.395833vw;font-size: 1.458333vw;line-height: 1.770833vw;width: 36.979167vw;}
.section.top .cont-2 .cont strong { font-family: 'LGEI Text'; font-weight: 700; }
.section.top .cont-2 h2 em {font-size: 2.1875vw;line-height: 2.1875vw;font-family: 'LGEI Headline';font-style: normal;font-weight: 600;}
.section.top .cont-2 h2 strong { display: block; font-size: 4.947917vw; line-height: 4.947917vw; font-weight: 600; }
.section.top .cont-2 h2 strong .point {font-family: 'Libre Bodoni';font-style: italic;font-weight: 700;color: #ea1917}
.section.top .cont-3 { width: 83.333333vw; margin: 0 auto 3.125vw auto; }
.section.top .cont-3 {z-index: 3;position: relative;display: flex;gap: 2.083333vw;}
.section.top .cont-3 > .txt-wrap {display: flex;gap: 7.291667vw;}
.section.top .cont-3 > .txt-wrap > div:nth-child(1) { font-family: 'LGEI Text'; font-weight: 500; min-width: 22.135417vw; font-size: 1.458333vw; line-height: 1.770833vw; padding-left: 1.5625vw; }
.section.top .cont-3 > .txt-wrap > div:nth-child(1) strong { font-family: 'LGEI Headline'; font-weight: 600; font-style: normal; font-size: 2.1875vw; }
.section.top .cont-3 > .txt-wrap > div:nth-child(2) {font-family: 'LGEI Text';font-size: 1.458333vw;line-height: 1.666667vw;font-weight: 500;font-style: normal;width: 51.5625vw;}
.section.top .cont-3 h2 {position: relative;width: 21.354167vw;font-family: 'LGEI Headline';font-size: 1.458333vw;line-height: 2.5vw;font-weight: 600;}
.section.top .cont-3 h2 .qt_lt { position: absolute; left: -2.604167vw; top: -0.520833vw; }
.section.top .cont-3 h2 .qt_rb {position: absolute;right: -0.520833vw;bottom: 1.041667vw;rotate: 180deg;}
.section.top .cont-3 em span { font-family: 'LGEI Headline'; font-size: 1.458333vw; line-height: 1.770833vw; font-weight: 600; font-style: normal }
.section.top .cont-3 > .txt-wrap strong {font-family: 'LGEI TEXT';font-weight: 700;}
.section.top .gallerySwiper-wrap { position: relative; margin-bottom: 4.6875vw; }
.section.top #gallerySwiper-tooltipview { position: relative; overflow: hidden }
.section.top .bg-path-1 { position: absolute; top: -19.947917vw; left: 3.125vw; z-index: 2; width: 1.041667vw; height: 20vw; }
.section.top .bg-path-1 > .bg-path-1-1 { width: 100%; height: 100% }
.section.top .bg-path-2 { position: absolute; bottom: -20.78125vw; left: 0; z-index: 3; width: 21.71875vw; height: 24.21875vw; }
.section.top .bg-path-2 .bg-path-2-1 { position: absolute; width: 100%; height: 100% }
.section.top .bg-path-2 .bg-path-2-2 { position: absolute; width: 100%; height: 100% }
.section.mid .timePath { margin: 2.083333vw 9.583333vw 0 auto; }
.section.mid > h2 { display: block; margin: -4.6875vw auto 6.25vw 10.3125vw; }
.section.mid > h2 em { font-size: 2.1875vw; line-height: 2.1875vw; font-family: 'LGEI Headline'; font-style: normal; font-weight: 600; }
.section.mid > h2 strong { font-family: 'LGEI Headline'; font-weight: 600; display: block; font-size: 4.947917vw; line-height: 5.46875vw; }
.section.mid > h2 strong .point {display: block;font-family: 'Libre Bodoni';font-style: italic;font-weight: 700;font-size: 4.947917vw;line-height: 4.947917vw;color: #ea1917;margin-left: 14.583333vw;}
.section.mid .mid-visual { position: relative }
.section.mid .mid-visual .mid-visual-img { width: 100%; }
.section.mid .mid-visual > .bg-path-3 { width: 1.458333vw; height: 26.09375vw; position: absolute; left: 4.270833vw; bottom: -24.479167vw; }
.section.mid .mid-visual > .bg-path-3 > img { width: 100%; height: 100% }
.section.mid .mid-visual .btn_plus {left: 32.8125vw;top: 11.979167vw;}
.section.mid .mid-visual .q_box {top: 8.125vw;left: 38.125vw;}
.section.mid .mid-visual .q_box:after{
    border-bottom: 1.563vw solid transparent;
    border-top: 1.563vw solid transparent;
    border-left: 1.563vw solid transparent;
    border-right: 1.563vw solid #fff;
    right: unset;
    left: -2.604vw;
}
.section.mid .mid-visual-desc {position: relative;width: 81.25vw;margin: 3.645833vw auto 3.125vw auto;font-size: 1.458333vw;line-height: 1.770833vw;font-family: 'LGEI Text';font-weight: 500;}
.section.mid .mid-visual-desc strong { font-family: 'LGEI Text'; font-weight: 700 }
.section.mid .cont-1 { display: flex; margin: 6.25vw 0 0 10vw; justify-content: space-between; }
.section.mid .cont-1 .txt-wrap { margin-top: 9.375vw; }
.section.mid .cont-1 .txt-wrap h2 { width: fit-content; position: relative; font-family: 'LGEI Headline'; font-weight: 600; font-size: 1.458333vw; line-height: 1.458333vw; }
.section.mid .cont-1 .txt-wrap h2 em {font-family: 'LGEI Headline';font-style: normal;font-size: 1.458333vw;font-weight: 600;}
.section.mid .cont-1 .txt-wrap h2 .qt_lt { display: inline-block; position: absolute; left: -2.604167vw; top: -0.729167vw; }
.section.mid .cont-1 .txt-wrap h2 .qt_rb { display: inline-block; position: absolute; right: -2.604167vw; bottom: 1.5625vw; rotate: 180deg; }
.section.mid .cont-1 .txt-wrap .cont {font-size: 1.458333vw;line-height: 1.666667vw;margin-top: 2.291667vw;width: 31.25vw;font-family: 'LGEI Text';font-weight: 500;}
.section.mid .cont-1 .txt-wrap .cont strong { font-family: 'LGEI Text'; font-weight: 700; }
.section.mid .cont-1 .txt-wrap h2 strong { display: block; font-family: 'LGEI Headline'; font-weight: 700; font-size: 2.1875vw; line-height: 3.229167vw; }
.section.mid .cont-1 .txt-wrap h2 strong .point {font-family: 'Libre Bodoni';font-style: italic;font-weight: 700;color: #ea1917;}
.section.mid .cont-2 { width: 81.25vw; display: flex; margin: 0 auto 0 0; gap: 9.895833vw; }
.section.mid .cont-2 .txt-wrap {font-size: 1.458333vw;line-height: 1.770833vw;font-family: 'LGEI Text';font-weight: 500;width: 39.583333vw;min-width: 39.583333vw;margin-top: 3.645833vw;}
.section.mid .cont-2 .txt-wrap strong { font-family: 'LGEI Text'; font-weight: 700 }
.section.bottom { padding-top: 1.5625vw; }
.section.bottom:before { position: absolute; width: 100%; height: 149.479167vw; content: ""; display: block; background: #e2d8c5; z-index: -1; }
.section.bottom .timePath {margin: 7.291667vw 9.583333vw 0 auto;width: 19.166667vw;}
.section.bottom > h2 {margin: -6.25vw auto 5.208333vw 10.416667vw;}
.section.bottom > h2 em { font-size: 2.1875vw; line-height: 2.1875vw; font-family: 'LGEI Headline'; font-weight: 600; font-style: normal; }
.section.bottom > h2 strong {font-size: 4.947917vw;line-height: 5.46875vw;display: block;font-weight: 600;letter-spacing: -0.078125vw;}
.section.bottom > h2 strong .point {font-family: 'Libre Bodoni';font-style: italic;font-weight: 700;color: #ea1917;}
.section.bottom .bottom-visual { width: 100%; height: 41.145833vw; }
.section.bottom .bottom-visual img { width: 100%; }
.section.bottom .bottom-visual .bg-path-5-1 { position: absolute; width: 100%; height: 100%; }
.section.bottom .bottom-visual .bg-path-5-2 { position: absolute; width: 100%; height: 100%; }
.section.bottom .bottom-visual .btn_plus { top: 53.645833vw; left: 84.375vw; }
.section.bottom .bottom-visual .q_box { left: 52.604167vw; top: 49.791667vw; }
.section.bottom .bottom-visual-desc {display: flex;width: 78.125vw;margin: 4.6875vw auto 6.25vw auto;}
.section.bottom .bottom-visual-desc .title-wrap {min-width: 34.895833vw;font-size: 2.1875vw;line-height: 2.395833vw;font-family: 'LGEI Headline';font-weight: 600;}
.section.bottom .bottom-visual-desc .title-wrap h2 {display: block;position: relative;width: fit-content;width: 28.75vw;}
.section.bottom .bottom-visual-desc .title-wrap .qt_lt { position: absolute; top: -0.3125vw; left: -2.604167vw; }
.section.bottom .bottom-visual-desc .title-wrap .qt_rb {position: absolute;rotate: 180deg;right: 10.208333vw;bottom: 0.520833vw;}
.section.bottom .bottom-visual-desc .sub {font-family: 'LGEI Text';font-weight: 500;font-size: 1.458333vw;line-height: 1.770833vw;}
.section.bottom .bottom-visual-desc .sub strong { font-family: 'LGEI Text'; font-weight: 700; }
.section.bottom .cont-1 { margin: 2.604167vw 0 3.125vw 9.895833vw; }
.section.bottom #gallerySwiper-4 { display: block; margin: 5.729167vw auto 4.166667vw auto; }
.section.bottom .cont-1 .txt-wrap {position: absolute;width: 36.458333vw;font-size: 1.458333vw;line-height: 1.770833vw;margin-top: 8.854167vw;font-family: 'LGEI Text';font-weight: 500;}
.section.bottom .cont-1 .txt-wrap strong { font-family: 'LGEI Text'; font-weight: 700 }
.section.bottom .cont-1 .lineimg-3 { margin-left: auto; margin-right: 0; }
.section.bottom .cont-1 .lineimg-3 img { width: 100%; }
.section.bottom .gallerySwiper-4-desc { position: relative; width: 63.541667vw; margin: 0 auto }
.section.bottom .gallerySwiper-4-desc h2 {position: relative;width: 57.291667vw;font-size: 1.458333vw;font-family: 'LGEI Headline';font-weight: 600;text-align: center;margin: 0 auto;}
.section.bottom .gallerySwiper-4-desc h2 .qt_lt {position: absolute;left: 5vw;}
.section.bottom .gallerySwiper-4-desc h2 .qt_rb {position: absolute;right: -2.5vw;bottom: 1.041667vw;rotate: 180deg;}
.section.bottom .gallerySwiper-4-desc h2 em {font-style: normal;font-size: 1.458333vw;font-family: 'LGEI Headline';font-weight: 600;}
.section.bottom .gallerySwiper-4-desc h2 strong { display: block; font-size: 2.1875vw; line-height: 2.1875vw; font-family: 'LGEI Headline'; font-weight: 600; }
.section.bottom .gallerySwiper-4-desc h2 strong .point {font-family: 'Libre Bodoni';font-style: italic;font-weight: 700;color: #ea1917;}
.section.bottom .gallerySwiper-4-desc h2 strong > span {display: inline-block;font-family: 'LGEI Headline';font-size: 2.1875vw;font-weight: 600;}
.section.bottom .gallerySwiper-4-desc .cont {font-size: 1.458333vw;line-height: 1.770833vw;margin-top: 3.645833vw;margin-bottom: 3.645833vw;font-family: 'LGEI Text';font-weight: 500;}
.section.bottom .gallerySwiper-4-desc .cont strong { font-family: 'LGEI Text'; font-weight: 700 }
.gallerySwiper .swiper-slide > picture > img { width: 100% }
.gallerySwiper .swiper-pagination-wrap { width: 100%; display: inline-flex; justify-content: center; align-items: center; gap: 0.520833vw; margin-top: 1.041667vw; }
.gallerySwiper .swiper-pagination { display: inline-flex; align-items: center; font-weight: 600; width: auto; position: relative; bottom: initial; top: initial; left: initial;         /* margin:0 16px; */ gap: 0; height: 2.395833vw; color: #363636; }
.gallerySwiper .swiper-pagination { font-size: 1.458333vw; line-height: 2.083333vw; }
.gallerySwiper .swiper-pagination .swiper-pagination-current, .gallerySwiper .swiper-pagination .swiper-pagination-total { display: inline-block; min-width: 1.5625vw; font-family: 'LGEI Text'; font-size: 1.458333vw; line-height: 1.458333vw; padding-top: 0.104167vw; }
.gallerySwiper .swiper-button-prev { display: inline-flex; position: relative; top: initial; width: 0.9375vw; height: 1.5625vw; margin-top: initial; right: initial; left: initial; }
.gallerySwiper .swiper-button-prev:before { margin-top: 0.3125vw; content: ''; width: 0.520833vw; height: 0.520833vw; border-top: 0.15625vw solid #363636; border-right: 0.15625vw solid #363636; transform: rotate(225deg); }
.gallerySwiper .swiper-button-prev:after { display: none }
.gallerySwiper .swiper-button-next { display: inline-flex; position: relative; top: initial; width: 0.9375vw; height: 1.5625vw; margin-top: initial; right: initial; }
.gallerySwiper .swiper-button-next:before { margin-top: 0.3125vw; content: ''; width: 0.520833vw; height: 0.520833vw; border-top: 0.15625vw solid #363636; border-right: 0.15625vw solid #363636; transform: rotate(45deg); }
.gallerySwiper .swiper-button-next:after { display: none }
#gallerySwiper-1 { min-width: 38.958333vw; width: 38.958333vw; }
#gallerySwiper-1 .swiper-wrapper { width: 38.958333vw; height: 29.6875vw }
#gallerySwiper-2 { min-width: 40.572917vw; width: 40.572917vw; margin: 0; }
#gallerySwiper-2 .swiper-wrapper { width: 40.572917vw; height: 27.34375vw }
#gallerySwiper-tooltipview { width: 100%; margin: initial; }
#gallerySwiper-tooltipview .swiper-slide picture > img { width: 100% }
#gallerySwiper-3 { width: 49.375vw; height: 35.260417vw; margin-left: auto; margin-right: 0; }
#gallerySwiper-4 { width: 79.166667vw; }
.lineimg-1 { position: relative; min-width: 34.583333vw; min-height: 36.145833vw; width: 34.583333vw; height: 36.145833vw; margin-left: 0.3125vw; }
.lineimg-1 .img { overflow: hidden; width: 28.854167vw; height: 32.083333vw; border: 0.104167vw solid; border-width: 0 0.104167vw 0.104167vw 0; border-color: transparent }
.lineimg-1 .img img { width: 100%; height: 100% }
.lineimg-1 .redline { width: 0.78125vw; height: 8.333333vw; background-color: #ea1917; position: absolute; left: -0.3125vw; top: 0 }
.lineimg-1 .path-1 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.lineimg-1 .path-2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.lineimg-2 { position: relative; min-width: 55.208333vw; width: 55.208333vw; height: 39.114583vw; }
.lineimg-2 .img { position: absolute; right: 0; top: 0; overflow: hidden; width: 49.322917vw; height: 35.416667vw; border: 0.104167vw solid; border-width: 0 0 0.104167vw 0.104167vw; border-color: transparent }
.lineimg-2 .img img { width: 100%; height: 100% }
.lineimg-2 .path-1 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.lineimg-2 .path-2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.lineimg-3 { position: relative; width: 62.916667vw; min-width: 62.916667vw; height: 40.208333vw; }
.lineimg-3 .img .swiper { border: 0.104167vw solid; border-width: 0 0 0.104167vw 0.104167vw; border-color: transparent }
.lineimg-3 .path-1 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.lineimg-3 .path-2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.lineimg-3 .swiper-pagination-wrap { width: 49.375vw; position: absolute; right: 0; }
.bg-path-2 { position: relative; width: 46.041667vw; height: 42.65625vw }
.bg-path-5 { position: relative; width: 46.041667vw; height: 42.65625vw }
#gallerySwiper-tooltipview .prd-1 .btn_plus { position: absolute; left: 43.229167vw; top: 8.802083vw; }
#gallerySwiper-tooltipview .prd-1 .q_box { position: absolute; left: 48.4375vw; top: 4.6875vw; }
#gallerySwiper-tooltipview .prd-2 .btn_plus { position: absolute; left: 63.541667vw; top: 19.635417vw; }
#gallerySwiper-tooltipview .prd-2 .q_box { position: absolute; left: 68.645833vw; top: 15.572917vw; }
.coupone { position: relative; width: 78.125vw; height: 20.3125vw; background: #f9f6ef; border-radius: 1.5625vw;display: block; margin: 0 auto 5.729167vw auto; }
.coupone.bottom{margin: 5.208333vw auto 5.729167vw auto;}
.coupone .coupone-deco { position: absolute; width: 17.135417vw; height: 21.197917vw; top: -2.395833vw; left: 3.125vw; }
.coupone .coupone-deco { }
.coupone .promo-offer { position: relative; padding: 1.5625vw 2.604167vw 0 22.395833vw; }
.coupone .promo-offer h2 { display: flex; flex-direction: column; position: absolute; top: 0; left: 4.0625vw; width: 16.145833vw; height: 18.75vw; color: #fff; text-align: center; font-size: 1.5625vw; font-weight: 500; }
.coupone .promo-offer h2 .per { font-family: 'LGEI Headline'; font-weight: 700; font-size: 7.291667vw; display: block; height: 6.25vw; line-height: 7.291667vw; margin-top: -0.729167vw; }
.coupone .promo-offer h2 > span {letter-spacing: 0.15625vw;font-family: 'LGEI HEADLINE';font-weight: 700;font-size: 1.5625vw;}
.coupone .promo-offer h2 .per em { font-size: 4.166667vw; font-style: normal; margin-left: 0.208333vw; }
.coupone .promo-offer h2 p {font-size: 0.9375vw;line-height: 1.354167vw;margin-top: 1.5625vw;font-family: 'LGEI Text';font-weight: 700;}
.coupone .promo-offer h2 .copy-button {width: 11.458333vw;height: 2.604167vw;background: #191615;border: 0;border-radius: 1.302083vw;font-size: 1.25vw;line-height: 1.25vw;padding-bottom: 0.3125vw;margin: auto auto 1.145833vw auto;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;color: #fff;text-decoration: none;font-family: 'LGEI Text';font-weight: 700;transition: .3s ease;}
.coupone .promo-offer h2 .copy-button > span{letter-spacing: 0.052083vw;font-family: 'LGEI Text';font-weight: 700;}
.coupone .promo-offer h2 .copy-button:hover { background-color: #fff;color:#000}
.coupone .promo-offer h2 .copy-button:active { }
.coupone .promo-offer h2 .copy-button:focus { }
.coupone .promo-offer h2 strong {display: block;font-weight: 700;font-size: 1.25vw;font-family: 'LGEI TEXT';}
.coupone .promo-offer > p {border-bottom: 0.104167vw dashed;padding-bottom: 1.5625vw;margin-bottom: 2.083333vw;}
.coupone .promo-offer > p > strong {font-size: 1.666667vw;font-weight: 700;font-family: 'LGEI Headline';}
.coupone .promo-offer > p > em {font-size: 0.9375vw;font-weight: 600;font-style: normal;margin-left: 1.041667vw;font-family: 'LGEI Headline';}
.coupone .promo-offer ul { margin: 0; padding: 0 }
.coupone .promo-offer ul li {list-style: none;font-size: 0.9375vw;display: flex;}
.coupone .promo-offer ul li + li {margin-top: 1.041667vw;}
.coupone .promo-offer ul li > .tit {font-family: 'LGEI Headline';font-weight: 700;display: inline-block;width: 6.145833vw;line-height: 0.9375vw;}
.coupone .promo-offer ul li > .cont {display: block;font-size: 0.833333vw;font-family: 'LGEI HEADLINE';line-height: 0.989583vw;font-weight: 500;}
.coupone .promo-offer ul li > .dash {display: inline-block;width: 1.875vw;height: 0.104167vw;background: #333;vertical-align: middle;margin-right: 1.041667vw;margin-top: 0.416667vw;}
.coupone .promo-offer ul li:nth-child(1) > .dash{margin-top: 0.364583vw;}
.coupone .promo-offer ul li strong {font-family: 'LGEI Headline';font-weight: 700;}
.coupone .promo-offer > em{font-family: 'LGEI Text';font-weight: 600;font-style: normal;display: block;margin-top: 1.25vw;font-size: 0.9375vw;}
.coupone .promo-offer > em strong{font-family: 'LGEI Text';font-weight:600}
.coupone .coupone-prd {position: absolute;right: 2.083333vw;bottom: 2.604167vw;width: 15.520833vw;height: 11.666667vw;}
.qt_lt { width: 1.822917vw; height: 1.40625vw; }
.qt_lt img { width: 100%; height: 100% }
.qt_rb { width: 1.875vw; height: 1.354167vw; }
.qt_rb img { width: 100%; height: 100% }
.btn_plus { position: absolute; width: 3.646vw; height: 3.646vw; border-radius: 50%; background: #ea1917; border: 0; cursor: pointer; z-index: 20; }
.btn_plus::before, .btn_plus::after { display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 1.667vw; height: 0.104vw; background: #fff; transform: translate(-50%, -50%); }
.btn_plus::after { transform: translate(-50%, -50%) rotate(90deg); }
.q_box { position: absolute; background-color: #fff; border-radius: 1.042vw; padding: 1.042vw; display: none; box-shadow: 0.208vw 0.208vw 0.417vw 0.417vw rgba(0, 0, 0, .03); max-width: 30vw; z-index: 21; }
.q_box .thumb { width: 9.375vw; height: 9.375vw; min-width: 9.375vw; }
.q_box .thumb img { object-fit: contain; animation: none !important; opacity: 1; width: 100%; height: 100%;         /* padding: 20px; */ }
.q_box .cont { display: flex; flex-direction: column; align-items: flex-start; padding-left: 1.041667vw; }
.q_box .cont > em { font-size: 0.781vw; font-style: normal; }
.q_box .cont > strong { line-height: 1.3em; font-size: 1.042vw; height: 3.9em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; padding-bottom: 0.521vw; margin-top: 0.26vw; font-weight: bold; }
.q_box .cont > a { margin-top: auto; height: 2.604vw; max-height: 2.604vw; border-radius: 1.302vw;         /* border: 0.052vw solid #333; */ padding: 0.417vw 1.042vw; display: flex; flex: 1; align-items: center; box-sizing: border-box; justify-content: center; text-align: center; font-size: 0.833vw;         /* font-weight: bold; */ width: 100%; background-color: #fff; color: #333; border: 0.052083vw solid #333; transition: .4s ease }
.q_box .cont > a:hover { text-decoration: none; background-color: #ff0000; border-color: #ff0000; color: #fff }
.q_box:after { position: absolute; top: 50%; right: -2.604vw; transform: translateY(-50%); content: ""; display: inline-block; width: 0; height: 0; border-bottom: 1.563vw solid transparent; border-top: 1.563vw solid transparent; border-left: 1.563vw solid white; border-right: 1.563vw solid transparent; }
.q_box.left:after { right: unset; left: -3vw; border-top: 2vw solid transparent; border-left: 2vw solid transparent; border-right: 2vw solid white; }
.btn_plus_hover_wrap:hover .q_box { display: flex }
/* 모션처리 */
.title > span { display: block }
.title > em { display: block }
.title > strong > span {display: inline-block;font-family: 'LGEI Headline';font-weight: 600;letter-spacing: -0.052083vw;}
.section.top .top-visual h1 .path-topleft .path-1-1 { animation: clipLeft 2s ease .4s both paused; }
.section.top .top-visual h1 .path-topleft .path-1-2 { animation: clipTop 2s ease .4s both paused; }
.section.top .top-visual h1 .path-bottomright .path-2-1 { animation: clipRight 2s ease .4s both paused; }
.section.top .top-visual h1 .path-bottomright .path-2-2 { animation: clipBottom 2s ease .4s both paused; }
.section.top .top-visual.ani h1 .path-topleft .path-1-1 { animation-play-state: running; }
.section.top .top-visual.ani h1 .path-topleft .path-1-2 { animation-play-state: running; }
.section.top .top-visual.ani h1 .path-bottomright .path-2-1 { animation-play-state: running; }
.section.top .top-visual.ani h1 .path-bottomright .path-2-2 { animation-play-state: running; }
.section.top .top-visual h1 > *:nth-child(3) { display: inline-block; animation: fadeUp 1s ease 1.2s both paused; }
.section.top .top-visual h1 > *:nth-child(5) { display: inline-block; animation: fadeUp 1s ease 1.3s both paused; }
.section.top .top-visual h1 > *:nth-child(7) { display: inline-block; animation: fadeUp 1s ease 1.4s both paused; }
.section.top .top-visual h1 > *:nth-child(7) { display: inline-block; animation: fadeUp 1s ease 1.5s both paused; }
.section.top .top-visual h1 > *:nth-child(8) { display: block; animation: fadeUp 1s ease 1.8s both paused; }
.section.top .top-visual h1 > *:nth-child(10) { display: block; animation: fadeUp 1s ease 1.5s both paused; }
.section.top .top-visual h1 > *:nth-child(3) { animation-play-state: running; }
.section.top .top-visual h1 > *:nth-child(5) { animation-play-state: running; }
.section.top .top-visual h1 > *:nth-child(7) { animation-play-state: running; }
.section.top .top-visual h1 > *:nth-child(8) { animation-play-state: running; }
.section.top .top-visual h1 > *:nth-child(9) { animation-play-state: running; }
.section.top .top-visual h1 > *:nth-child(10) { animation-play-state: running; }
.timePath .path-1 { animation: timePath-1 1s ease .1s both paused; }
.timePath .path-2 { animation: timePath-2 1s ease .2s both paused; }
.timePath .path-3 { animation: timePath-3 1s ease .3s both paused; }
.timePath .path-4 { animation: timePath-4 1s ease .4s both paused; }
.timePath.ani .path-1 { animation-play-state: running; }
.timePath.ani .path-2 { animation-play-state: running; }
.timePath.ani .path-3 { animation-play-state: running; }
.timePath.ani .path-4 { animation-play-state: running; }
.timePath .roll-motion:nth-of-type(1) { animation: timePath-roll 1s ease .8s both paused; }
.timePath .roll-motion:nth-of-type(3) { animation: timePath-roll 1s ease .9s both paused; }
.timePath .roll-motion:nth-of-type(4) { animation: timePath-roll 1s ease 1s both paused; }
.timePath .roll-motion:nth-of-type(5) { animation: timePath-roll 1s ease 1.1s both paused; }
.timePath .roll-motion:nth-of-type(6) { animation: timePath-roll 1s ease 1.2s both paused; }
.timePath .roll-motion:nth-of-type(7) { animation: timePath-roll 1s ease 1.3s both paused; }
.timePath.ani .roll-motion:nth-of-type(1) { animation-play-state: running; }
.timePath.ani .roll-motion:nth-of-type(3) { animation-play-state: running; }
.timePath.ani .roll-motion:nth-of-type(4) { animation-play-state: running; }
.timePath.ani .roll-motion:nth-of-type(5) { animation-play-state: running; }
.timePath.ani .roll-motion:nth-of-type(6) { animation-play-state: running; }
.timePath.ani .roll-motion:nth-of-type(7) { animation-play-state: running; }

.section.bottom .timePath.ani .roll-motion:nth-of-type(1) { animation-play-state: running; }
.section.bottom .timePath.ani .roll-motion:nth-of-type(2) { animation-play-state: running; }
.section.bottom .timePath.ani .roll-motion:nth-of-type(4) { animation-play-state: running; }
.section.bottom .timePath.ani .roll-motion:nth-of-type(5) { animation-play-state: running; }
.section.bottom .timePath.ani .roll-motion:nth-of-type(6) { animation-play-state: running; }
.section.bottom .timePath.ani .roll-motion:nth-of-type(7) { animation-play-state: running; }
.section.bottom .timePath.ani .roll-motion:nth-of-type(8) { animation-play-state: running; }
.lineimg-1 .img { animation: lineimg-1 4s cubic-bezier(0.25, 0.1, 0, 1) both paused; }
.lineimg-1 .redline { clip-path: inset(0 0 100% 0); animation: lineimg-redline 1s ease 2s both paused; }
.lineimg-1 .path-1 { animation: clipLeft 2s ease 1s both paused; }
.lineimg-1 .path-2 { animation: clipTop 2s ease 1.6s both paused; }
.lineimg-1.ani .img { animation-play-state: running; }
.lineimg-1.ani .redline { animation-play-state: running; }
.lineimg-1.ani .path-1 { animation-play-state: running; }
.lineimg-1.ani .path-2 { animation-play-state: running; }
.lineimg-2 .img { animation: lineimg-2 5s cubic-bezier(0.25, 0.1, 0, 1) both paused; }
.lineimg-2 .redline { clip-path: inset(0 0 100% 0); animation: lineimg-redline 1s ease 2s both paused; }
.lineimg-2 .path-1 { animation: clipRight 2s ease 1.4s both paused; }
.lineimg-2 .path-2 { animation: clipTop 2s ease 2s both paused; }
.lineimg-2.ani .img { animation-play-state: running; }
.lineimg-2.ani .redline { animation-play-state: running; }
.lineimg-2.ani .path-1 { animation-play-state: running; }
.lineimg-2.ani .path-2 { animation-play-state: running; }
.lineimg-3 .img .swiper { animation: lineimg-2 5s cubic-bezier(0.25, 0.1, 0, 1) both paused; }
.lineimg-3 .redline { animation: lineimg-redline 1s ease 2s both paused; }
.lineimg-3 .path-1 { animation: clipRight 2s ease 1.4s both paused }
.lineimg-3 .path-2 { animation: clipTop 2s ease 2s both paused }
.lineimg-3.ani .img .swiper { animation-play-state: running; }
.lineimg-3.ani .redline { animation-play-state: running; }
.lineimg-3.ani .path-1 { animation-play-state: running; }
.lineimg-3.ani .path-2 { animation-play-state: running; }
.bg-path-5 .bg-path-5-1 { animation: clipTop 2s ease .2s both paused }
.bg-path-5 .bg-path-5-2 { animation: clipRight 2s ease .4s both paused }
.bg-path-3 .bg-path-3-1 { animation: clipTop 2s ease .2s both paused; }
.bg-path-5.ani .bg-path-5-1 { animation-play-state: running; }
.bg-path-5.ani .bg-path-5-2 { animation-play-state: running; }
.bg-path-3.ani .bg-path-3-1 { animation-play-state: running; }
.title .qt_lt { animation: fadeDown 1s ease .2s both paused }
.title .qt_rb { animation: fadeDown 1s ease .2s both paused }
.title em { animation: fadeUp 1s ease .6s both paused }
.title strong > span:nth-child(1) { animation: fadeUp 1s ease .8s both paused }
.title strong > span:nth-child(2) { animation: fadeUp 1s ease 1s both paused }
.title strong > span:nth-child(3) { animation: fadeUp 1s ease 1.2s both paused }
.title.ani .qt_rb { animation-play-state: running; }
.title.ani .qt_lt { animation-play-state: running; }
.title.ani em { animation-play-state: running; }
.title.ani strong > span:nth-child(1) { animation-play-state: running; }
.title.ani strong > span:nth-child(2) { animation-play-state: running; }
.title.ani strong > span:nth-child(3) { animation-play-state: running; }
.section.bottom #gallerySwiper-4 { animation: view-wide 1s cubic-bezier(0.25, 0.1, 0, 1) both paused }
.section.bottom .gallerySwiper-4-desc .title > span { animation: fadeUp 1s ease .4s both paused }
.section.bottom .gallerySwiper-4-desc .title > strong > span:nth-child(1) { animation: fadeUp 1s ease .6s both paused }
.section.bottom .gallerySwiper-4-desc .title > strong > span:nth-child(2) { animation: fadeUp 1s ease .8s both paused }
.section.bottom .gallerySwiper-4-desc .title > strong > span:nth-child(3) { animation: fadeUp 1s ease 1s both paused }
.section.bottom #gallerySwiper-4.ani { animation-play-state: running; }
.section.bottom .gallerySwiper-4-desc.ani .title > span { animation-play-state: running; }
.section.bottom .gallerySwiper-4-desc.ani .title > strong > span:nth-child(1) { animation-play-state: running; }
.section.bottom .gallerySwiper-4-desc.ani .title > strong > span:nth-child(2) { animation-play-state: running; }
.section.bottom .gallerySwiper-4-desc.ani .title > strong > span:nth-child(3) { animation-play-state: running; }
.bg-path-1 .bg-path-1-1 { animation: clipBottom 1s ease .4s both paused }
.bg-path-1.ani .bg-path-1-1 { animation-play-state: running }
.bg-path-2 .bg-path-2-1 { animation: clipLeft 1s ease .4s both paused }
.bg-path-2 .bg-path-2-2 { animation: clipTop 1s ease .4s both paused }
.bg-path-2.ani .bg-path-2-1 { animation-play-state: running; }
.bg-path-2.ani .bg-path-2-2 { animation-play-state: running; }
@keyframes view-wide {
0% { clip-path: inset(0 20%) }
100% { clip-path: inset(0 0) }
}
@keyframes timePath-roll {
0% { transform: translateY(0) }
100% { transform: translateY(-100%) }
}
@keyframes lineimg-redline {
100% { clip-path: inset(0 0 0 0) }
}
@keyframes lineimg-1 {
0% { clip-path: inset(0 100% 0 0) }
50% { clip-path: inset(0 0 0 0); border-radius: 0 0 0 0; border-color: transparent; }
100% { clip-path: inset(0 0 0 0); border-radius: 0 0 3.645833vw 0; border-color: #696460; }
}
@keyframes lineimg-2 {
0% { clip-path: inset(0 0 0 100%) }
50% { clip-path: inset(0 0 0 0); border-radius: 0 0 0 0; border-color: transparent; }
100% { clip-path: inset(0 0 0 0); border-radius: 0 0 0 3.645833vw; border-color: #696460; }
}
@keyframes clipLeft {
0% { clip-path: inset(0 100% 0 0) }
100% { clip-path: inset(0 0 0 0) }
}
@keyframes clipRight {
0% { clip-path: inset(0 0 0 100%) }
100% { clip-path: inset(0 0 0 0) }
}
@keyframes clipTop {
0% { clip-path: inset(0 0 100% 0) }
100% { clip-path: inset(0 0 0 0) }
}
@keyframes clipBottom {
0% { clip-path: inset(100% 0 0 0) }
100% { clip-path: inset(0 0 0 0) }
}
@keyframes timePath-1 {
0% { clip-path: inset(0 0 100% 0) }
100% { clip-path: inset(0 0 30% 0) }
}
@keyframes timePath-2 {
0% { clip-path: inset(0 100% 0 0) }
100% { clip-path: inset(0 60% 0 0) }
}
@keyframes timePath-3 {
0% { clip-path: inset(100% 0 0 0) }
100% { clip-path: inset(20% 0 0 0) }
}
@keyframes timePath-4 {
0% { clip-path: inset(0 0 0 100%) }
100% { clip-path: inset(0 0 0 70%) }
}
@keyframes fadeUp {
0% { opacity: 0; transform: translateY(100%) }
100% { opacity: 1; transform: translateY(0) }
}
@keyframes fadeDown {
0% { opacity: 0; transform: translateY(-100%) }
100% { opacity: 1; transform: translateY(0) }
}
/* 로딩바가 무한로딩되서 안보이게 처리 */
.swiper-lazy-preloader { display: none }
/* 딤드처리 */
.coupone-deco img{width:100%;height:100%}
.coupone-deco .deemd{top:0;left: 0.9375vw;z-index:2;position: absolute;width: calc(100% - 0.9375vw);height: 100%;background: rgba(0, 0, 0, .8);color: #fff;display: flex;align-items: center;justify-content: center;font-family: 'LGEI Text';font-size: 1.770833vw;text-align: center;padding: 0 2.083333vw;}
}