/* page1_sec1 (전체상품) */
.product .pd1-sec { --pd1-mt: 5.8rem; --pd1-gap: 5.4rem; --pd1-rd: 2.4rem; --pd1-ph-h: 40.8rem; --pd1-ph-pd: 4rem; --pd1-img-w: 30.3rem; --pd1-bt-mt: 2rem; --pd1-bt-gap: 2rem; --pd1-tt-fs: 2rem; --pd1-tt-lh: 1.4; --pd1-ds-mt: .8rem; --pd1-ds-fs: 1.8rem; --pd1-ds-lh: 1.4; --pd1-btn-w: 13.4rem; --pd1-btn-h: 4.2rem; --pd1-btn-fs: 1.8rem; } 
.product .pd1-sec .pd1-ls { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--pd1-gap); margin-top: var(--pd1-mt); } 
.product .pd1-sec .pd1-it { min-width: 0; } 
.product .pd1-sec .pd1-lk { display: block; } 
.product .pd1-sec .pd1-ph { position: relative; display: flex; align-items: center; justify-content: center; min-height: var(--pd1-ph-h); padding: var(--pd1-ph-pd); border-radius: var(--pd1-rd); background: #fdf8f4; overflow: hidden; } 
.product .pd1-sec .pd1-ph::after { content: ""; position: absolute; inset: 0; border: 1px solid #bf6464; border-radius: inherit; opacity: 0; transform: scale(.985); transition:
 opacity .35s ease-in-out,
 transform .35s ease-in-out; pointer-events: none; } 
.product .pd1-sec .pd1-lk:hover .pd1-ph::after,
.product .pd1-sec .pd1-lk:focus-visible .pd1-ph::after { opacity: 1; transform: scale(1); } 
.product .pd1-sec .pd1-ph img { display: block; width: 100%; max-width: var(--pd1-img-w); height: auto; } 
.product .pd1-sec .pd1-bt { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--pd1-bt-gap); margin-top: var(--pd1-bt-mt); } 
.product .pd1-sec .pd1-tx { min-width: 0; } 
.product .pd1-sec .pd1-tt { display: block; color: #222; font-size: 2rem; font-weight: 700; line-height: var(--pd1-tt-lh); word-break: keep-all; } 
.product .pd1-sec .pd1-ds { margin-top: var(--pd1-ds-mt); color: #222; font-size: 1.8rem; font-weight: 400; line-height: var(--pd1-ds-lh); } 
.product .pd1-sec .pd1-btn { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 var(--pd1-btn-w); width: var(--pd1-btn-w); height: var(--pd1-btn-h); border: 1px solid #e3c4c4; border-radius: 999px; background: #fff; color: #bf6464; font-size: 1.6rem; font-weight: 500; line-height: 1; transition:
 background-color .35s ease-in-out, color .35s ease-in-out, border-color .35s ease-in-out; } 
.product .pd1-sec .pd1-btn:hover,
.product .pd1-sec .pd1-btn:focus-visible { background: #bf6464; border-color: #bf6464; color: #fff; } 
@media screen and (max-width: 1280px){
 .product .pd1-sec { --pd1-gap: 3rem; --pd1-ph-h: 34rem; --pd1-ph-pd: 3rem; } 
 }
@media screen and (max-width: 1024px){
 .product .pd1-sec { --pd1-gap: 2.4rem; --pd1-ph-h: 30rem; --pd1-btn-w: 12rem; --pd1-btn-fs: 1.6rem; } 
 .product .pd1-sec .pd1-ls { grid-template-columns: repeat(2, minmax(0, 1fr)); } 
 }
@media screen and (max-width: 768px){
 .product .pd1-sec { --pd1-mt: 4rem; --pd1-ph-h: 24rem; --pd1-ph-pd: 2.4rem; --pd1-tt-fs: 1.8rem; --pd1-ds-fs: 1.6rem; --pd1-btn-h: 4rem; --pd1-btn-fs: 1.5rem; } 
 .product .pd1-sec .pd1-ls { grid-template-columns: 1fr; } 
 }

/* page2_sec1 (복숭아 소개) */
.product .sec1 { --s1-gap: 8rem; --s1-img-rd: 2.4rem; --s1-tt: 2.8rem; --s1-tt-lh: 1.28; --s1-tt-mb: 3rem; --s1-ds: 2rem; --s1-ds-lh: 1.75; --s1-key-cl: #AE8750; --s1-txt-cl: #222; --s1-sub-cl: #4d453f; } 
.product .sec1 .s1-gr { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(32rem, 1fr); align-items: center; gap: var(--s1-gap); } 
.product .sec1 .s1-ph { overflow: hidden; border-radius: var(--s1-img-rd); } 
.product .sec1 .s1-ph img { display: block; width: 100%; height: auto; } 
.product .sec1 .s1-tx { max-width: 52rem; } 
.product .sec1 .s1-tt { display: block; margin-bottom: var(--s1-tt-mb); color: var(--s1-txt-cl); font-family: var(--font-fm-dae), 'Daehan', serif; font-size: var(--s1-tt); font-weight: 700; line-height: var(--s1-tt-lh); word-break: keep-all; } 
.product .sec1 .s1-key { display: block; color: var(--s1-key-cl); font-family: var(--font-fm-dae), 'Daehan', serif; } 
.product .sb2-asset .sec1 .s1-sub { display: inline; } 
.product .sec1 .s1-ds { color: var(--s1-sub-cl); font-size: var(--s1-ds); font-weight: 400; line-height: var(--s1-ds-lh); word-break: keep-all; } 
@media screen and (max-width: 1024px){
 .product .sec1 { --s1-gap: 4rem; --s1-tt: 4.6rem; --s1-ds: 1.8rem; } 
 .product .sec1 .s1-gr { grid-template-columns: 1fr; } 
 .product .sec1 .s1-tx { order: 1; max-width: 100%; } 
 .product .sec1 .s1-ph { order: 2; } 
 }
@media screen and (max-width: 768px){
 .product .sec1 { --s1-tt: 2.8rem; --s1-tt-mb: 2rem; --s1-ds: 1.7rem; --s1-ds-lh: 1.7; --s1-img-rd: 1.8rem; } 
 }

/* page2_sec2 */
.product .sec2 { --s2-bg: #fcf8f1; --s2-pt: #AE8750; --s2-tx: #222; --s2-sub: #4f4a45; --s2-ln: #d9c8b9; --s2-tt-fs: 3.1rem; --s2-tt-lh: 1.35; --s2-tt-mb: 2.2rem; --s2-ds-fs: 2rem; --s2-ds-lh: 1.75; --s2-top-mb: 6.8rem; --s2-q-gap-x: 3.2rem; --s2-q-gap-y: 2.8rem; --s2-q-pd-t: 7.2rem; --s2-q-pd-x: 3rem; --s2-q-pd-b: 4.6rem; --s2-q-fs: 2rem; --s2-q-lh: 1.6; --s2-q-y1: 5.8rem; --s2-q-y2: 0rem; --s2-ln-h: 9rem; --s2-ln-mt: 13rem; --s2-ln-mb: 6rem; --s2-an-mb: 5.4rem; --s2-an-ds-mt: 2rem; --s2-cd-gap: 3.4rem; --s2-cd-h: 34rem; --s2-cd-rd: 2.4rem; --s2-cd-pd: 3.6rem; --s2-nm-fs: 3.1rem; --s2-copy-fs: 1.8rem; --s2-copy-lh: 1.75; --s2-tk-mt: 5.4rem; --s2-tk-gap: 5.4rem; --s2-tk-speed: 25s; } 
.product .sec2 { background: var(--s2-bg); overflow: hidden; } 
.product .sec2 .s2-top,
.product .sec2 .s2-an { text-align: center; } 
.product .sec2 .s2-top { margin-bottom: var(--s2-top-mb); } 
.product .sec2 .s2-tt,
.product .sec2 .s2-an-tt { display: block; color: var(--s2-tx); font-family: var(--font-fm-dae), 'Daehan', serif; font-size: var(--s2-tt-fs); font-weight: 700; line-height: var(--s2-tt-lh); word-break: keep-all; } 
.product .sec2 .s2-tt { margin-bottom: var(--s2-tt-mb); } 
.product .sec2 .s2-tt span,
.product .sec2 .s2-an-tt span { color: var(--s2-pt); font-family: var(--font-fm-dae), 'Daehan', serif; } 
.product .page3 .sec2 .s2-tt span,
.product .page3 .sec2 .s2-an-tt span { color: #E45151; } 
.product .page4 .sec2 .s2-tt span,
.product .page4.sec2 .s2-an-tt span { color: #EB9345; } 
.product .sec2 .s2-ds,
.product .sec2 .s2-an-ds { color: var(--s2-sub); font-size:2rem; line-height: var(--s2-ds-lh); word-break: keep-all; } 
.product .sec2 .s2-q { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s2-q-gap-y) var(--s2-q-gap-x); align-items: start; } 
.product .sec2 .s2-bx { min-height: 20.4rem; padding: var(--s2-q-pd-t) var(--s2-q-pd-x) var(--s2-q-pd-b); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } 
.product .sec2 .s2-bx.lt { background-image: url('/theme/basic/img/sub/sub2/page2/icon_s2_1.svg'); transform: translateY(var(--s2-q-y1)); } 
.product .sec2 .s2-bx.rt { background-image: url('/theme/basic/img/sub/sub2/page2/icon_s2_2.svg'); transform: translateY(var(--s2-q-y2)); } 
.product .sec2 .s2-bx p { color: #2f2f2f; font-size: var(--s2-q-fs); font-weight: 600; line-height: var(--s2-q-lh); word-break: keep-all; } 
.product .sec2 .s2-ln { width: 1px; height: var(--s2-ln-h); margin: var(--s2-ln-mt) auto var(--s2-ln-mb); background: var(--s2-ln); } 
.product .sec2 .s2-an { margin-bottom: var(--s2-an-mb); } 
.product .sec2 .s2-an-ds { margin-top: var(--s2-an-ds-mt); } 
.product .sec2 .s2-cd { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:3rem; } 
.product .sec2 .s2-it { position: relative; display: flex; align-items: flex-end; min-height: var(--s2-cd-h); padding: var(--s2-cd-pd); overflow: hidden; border-radius: var(--s2-cd-rd); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.product .sec2 .s2-it1 { background-image: url('/theme/basic/img/sub/sub2/page2/img_s2_1.jpg'); } 
.product .sec2 .s2-it2 { background-image: url('/theme/basic/img/sub/sub2/page2/img_s2_2.jpg'); } 
.product .sec2 .s2-tx { position: relative; z-index: 1; color: #2F2F2F; } 
.product .sec2 .s2-nm { display: block; margin-bottom: 1.4rem; font-size: var(--s2-nm-fs); font-weight: 700; line-height: 1.2; } 
.product .sec2 .s2-copy { font-size: 2rem; word-break: keep-all; } 

.sec2 .s2-tk { width: 100vw; margin-top: var(--s2-tk-mt); margin-left: calc(50% - 50vw); overflow: hidden; } 
.product .sec2 .s2-tk-track { display: flex; gap: var(--s2-tk-gap); width: max-content; will-change: transform; animation-name: s2Ticker; animation-duration: var(--s2-tk-speed); animation-timing-function: linear; animation-iteration-count: infinite; } 
.sec2 .s2-tk-run { display: flex; flex: 0 0 auto; gap: var(--s2-tk-gap); } 
.sec2 .s2-tk-it { flex: 0 0 auto; } 
.sec2 .s2-tk-it img { display: block; width: auto; max-width: none; height: 9.2rem; margin-bottom:7.5rem; } 
@keyframes s2Ticker { 
 0% { transform: translate3d(0, 0, 0); } 
 100% { transform: translate3d(calc(-50% - (var(--s2-tk-gap) / 2)), 0, 0); } 
 }
@media screen and (max-width: 1280px){
 .product .sec2 { --s2-q-y1: 0rem; --s2-q-y2: 0rem; } 
 .product .sec2 .s2-q { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 0; justify-items: center; } 
 .product .sec2 .s2-bx.lt, .product .sec2 .s2-bx.rt { width: min(100%, 33.1rem); margin-left: auto; margin-right: auto; background-position: center center; transform: none; } 
 .product .sec2 .s2-bx.rt { transform: translateY(7rem); } 
 .product .sec2 .s2-cd { grid-template-columns: 1fr; } 
 .product .sec2 .s2-ln { height: 8rem; margin: 10rem auto 3rem; } 
 }
@media screen and (max-width: 1024px){
 .product .sec2 { --s2-top-mb: 5.2rem; --s2-q-gap-x: 2.4rem; --s2-q-gap-y: 2.4rem; --s2-cd-h: 30rem; } 
 .product .sec2 .s2-tt,
 .product .sec2 .s2-an-tt { font-size: 3.1rem; } 
 .product .sec2 .s2-bx.lt,
 .product .sec2 .s2-bx.rt { justify-self: center; width: min(100%, 33.1rem); margin-left: auto; margin-right: auto; background-position: center center; } 
 .product .sec2 .s2-ln { height: 7rem; margin: 3rem auto 3rem; } 
 }
@media screen and (max-width: 768px){
 .product .sec2 { --s2-ds-fs: 1.6rem; --s2-q-pd-t: 6.4rem; --s2-q-pd-x: 2.6rem; --s2-q-pd-b: 4rem; --s2-q-fs: 2rem; --s2-q-y1: 0rem; --s2-q-y2: 0rem; --s2-ln-h: 6rem; --s2-cd-pd: 2.8rem; --s2-nm-fs: 3.1rem; --s2-copy-fs: 1.6rem; } 
 .product .sec2 .s2-q { grid-template-columns: 1fr; } 
 .product .sec2 .s2-bx.lt,
 .product .sec2 .s2-bx.rt { transform: none; text-align: center; } 
 .product .sec2 .s2-bx.lt
 .product .sec2 .s2-bx.rt { justify-self: center; width: min(100%, 33.1rem); background-position: center center; text-align: center; } 
 .product .sec2 .s2-an { margin-bottom: 2rem; } 
 .product .sec2 .s2-an-ds br { display: none; } 
 .product .sec2 .s2-nm { margin-bottom: .5rem; font-size: 2.2rem; } 
 .product .sec2 .s2-copy { font-size: 1.8rem; } 
 .product .sec2 .s2-copy br { display: none; } 
 .product .sec2 .s2-ds,
 .product .sec2 .s2-an-ds { font-size:1.8rem; line-height: 1.5; } 
 .product .sec2 .s2-an-ds { margin-top: 1rem; } 
 .product .sec2 .s2-top { margin-bottom: 2rem; } 
 .product .sec2 .s2-tt { margin-bottom: 1rem; } 
 .product .sec2 .s2-cd { gap: 1rem; } 
 }

/* page2_sec3 */
.product .sec3 { --s3-pt: 10rem; --s3-pb: 10rem; --s3-hd-w: 64rem; --s3-hd-mb: 8rem; --s3-tt-fs: 3.1rem; --s3-tt-lh: 1.42; --s3-tt-mb: 2.2rem; --s3-ds-fs: 2rem; --s3-ds-lh: 1.7; --s3-ls-gap: 3.2rem; --s3-it-min-h: 26rem; --s3-it-pd: 3.4rem; --s3-it-rd: 2rem; --s3-it-bg: #f7f6f3; --s3-no-fs: 5.6rem; --s3-no-cl: rgba(34, 34, 34, .08); --s3-ic-w: 5.8rem; --s3-ic-mb: 3.8rem; --s3-st-fs: 2rem; --s3-st-lh: 1.4; --s3-st-mb: 1.8rem; --s3-copy-fs: 1.7rem; --s3-copy-lh: 1.7; --s3-copy-cl: #4f4a45; padding: var(--s3-pt) 0 var(--s3-pb); background: #fff; margin-bottom: 12rem; } 
.product .sec3 .s3-hd { max-width: var(--s3-hd-w); margin: 0 auto var(--s3-hd-mb); text-align: center; } 
.product .sec3 .s3-tt { display: block; margin-bottom: var(--s3-tt-mb); color: #222; font-family: var(--font-fm-dae), 'Daehan', serif; font-size: var(--s3-tt-fs); font-weight: 700; line-height: var(--s3-tt-lh); word-break: keep-all; } 
.product .sec3 .s3-ds { color: #3f3a35; font-size: 2rem; word-break: keep-all; } 
.product .sec3 .s3-ls { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s3-ls-gap); align-items: start; } 
.product .sec3 .s3-i2,
.product .sec3 .s3-i4 { margin-top: 4rem; } 
.product .sec3 .s3-it { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: var(--s3-it-min-h); padding: var(--s3-it-pd); border-radius: var(--s3-it-rd); background: var(--s3-it-bg); } 
.product .sec3 .s3-no { position: absolute; top: 2.2rem; right: 2.8rem; color: var(--s3-no-cl); font-size: var(--s3-no-fs); font-weight: 700; line-height: 1; } 
.product .sec3 .s3-ic { width: var(--s3-ic-w); margin-bottom: 1.8rem; } 
.product .sec3 .s3-ic img { display: block; width: 100%; height: auto; } 
.product .sec3 .s3-st { display: block; margin-bottom: 0; color: #222; font-size: var(--s3-st-fs); font-weight: 700; line-height: var(--s3-st-lh); word-break: keep-all; } 
.product .sec3 .s3-copy { color: var(--s3-copy-cl); font-size: var(--s3-copy-fs); line-height: var(--s3-copy-lh); word-break: keep-all; } 
@media screen and (max-width: 1280px){
 .product .sec3 { --s3-ls-gap: 2.4rem; --s3-it-pd: 2.8rem; --s3-no-fs: 4.8rem; --s3-ic-mb: 3rem; } 
 .product .sec3 .s3-i2,
 .product .sec3 .s3-i4 { margin-top: 0; } 
 .product .sec3 .s3-ls { gap: 2rem; } 
 }
@media screen and (max-width: 1024px){
 .product .sec3 { --s3-pt: 6rem; --s3-pb: 6rem; --s3-hd-mb: 4rem; --s3-tt-fs: 3.1rem; --s3-ds-fs: 1.7rem; --s3-ls-gap: 2rem; --s3-it-pd: 2.4rem; --s3-it-min-h: auto; --s3-no-fs: 4.2rem; --s3-ic-w: 5rem; --s3-ic-mb: 2.4rem; --s3-st-fs: 2rem; --s3-copy-fs: 1.6rem; } 
 .product .sec3 .s3-ls { grid-template-columns: repeat(2, minmax(0, 1fr)); } 
 }
@media screen and (max-width: 768px){
 .product .sec3 .s3-ls { grid-template-columns: 1fr; gap: 1rem; } 
 .product .sec3 .s3-ds { font-size: 1.8rem; } 
 .product .sec3 .s3-tt { margin-bottom: 1rem; } 
 .product .sec3 .s3-hd { margin-bottom: 2rem; } 
 }
/* page2_sec4 */
.product .sec4 { --s4-top-gap: 4rem; --s4-top-mb: 4.8rem; --s4-tt-fs: 3.1rem; --s4-tt-lh: 1.42; --s4-ds-fs: 2rem; --s4-ds-lh: 1.7; --s4-ds-pt: 1.1rem; --s4-bd-min-h: 62rem; --s4-bd-rd: 3rem; --s4-bd-pd-t: 5.6rem; --s4-bd-pd-r: 5.4rem; --s4-bd-pd-b: 5.6rem; --s4-bd-pd-l: 0rem; --s4-list-w: 42rem; --s4-list-ml: 7rem; --s4-list-gap: 3rem; --s4-it-pd: 3rem; --s4-it-rd: 2.4rem; --s4-it-gap: 2.2rem; --s4-it-bg: rgba(255, 255, 255, .97); --s4-it-sh: 0 1.2rem 3rem rgba(98, 74, 20, .08); --s4-ic-w: 6rem; --s4-st-fs: 2rem; --s4-st-mb: 1rem; --s4-copy-fs: 2rem; --s4-copy-lh: 1.7; --s4-ln-h: .2rem; --s4-ln-dot-st: 2rem; --s4-ln-dot-ed: 2.6rem; --s4-ln-end1: clamp(24rem, 26vw, 34.5rem); --s4-ln-end2: clamp(20rem, 23vw, 27rem); --s4-ln-end3: clamp(24rem, 26vw, 32.5rem); --s4-mv-x: -9rem; --s4-mv-du: .8s; --s4-mv-ease: cubic-bezier(.22, .61, .36, 1); } 
.product .sec4 { position: relative; background: #FEFCF6; padding-bottom: var(--sec-pd) !important; } 
.product .sec4 .inner { position: relative; } 
.product .sec4 .s4-top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(35rem, 62rem); gap: var(--s4-top-gap); margin-bottom: var(--s4-top-mb); align-items: start; } 
.product .sec4 .s4-tt { display: block; color: #222; font-family: var(--font-fm-dae), 'Daehan', serif; font-size: var(--s4-tt-fs); font-weight: 700; line-height: var(--s4-tt-lh); word-break: keep-all; } 
.product .sec4 .s4-ds { padding-top: var(--s4-ds-pt); color: #4f4a45; font-size: var(--s4-ds-fs); line-height: var(--s4-ds-lh); text-align: right; word-break: keep-all; } 
.product .sec4 .s4-bd { position: relative; height: 65.7rem; overflow: hidden; border-radius: var(--s4-bd-rd); border: var(--border-ra); } 
.product .sec4 .s4-bd .img-bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 144rem; max-width: none; height: 65.7rem; z-index: 1; } 
.product .sec4 .s4-bd .img-bg.img-mo { display: none; } 

.product .sec4 .s4-list { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-left: -43rem; z-index: 2; width: var(--s4-list-w); } 
.product .sec4 .s4-it + .s4-it { margin-top: 2rem; } 
.product .sec4 .s4-it { position: relative; display: flex; align-items: center; gap: var(--s4-it-gap); padding: var(--s4-it-pd); border-radius: var(--s4-it-rd); background: var(--s4-it-bg); box-shadow: var(--s4-it-sh); opacity: 0; transform: translateX(var(--s4-mv-x)); transition: opacity var(--s4-mv-du) var(--s4-mv-ease), transform var(--s4-mv-du) var(--s4-mv-ease); } 
.product .sec4.is-on .s4-it { opacity: 1; transform: translateX(0); } 
.product .sec4.is-on .s4-i1 { transition-delay: .05s; } 
.product .sec4.is-on .s4-i2 { transition-delay: .28s; } 
.product .sec4.is-on .s4-i3 { transition-delay: .51s; } 
.product .sec4 .s4-ln { position: absolute; top: 50%; left: 100%; right: calc(26rem * -1); height: var(--s4-ln-h); background: linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,.72) 55%, rgba(255,255,255,0) 100%); transform: translateY(-50%) scaleX(0); transform-origin: left center; transition: transform .7s ease; } 
.product .sec4 .s4-ln::before,
.product .sec4 .s4-ln::after { content: ""; position: absolute; top: 50%; border: .5rem solid #f3c54c; border-radius: 50%; background: #fff; box-sizing: border-box; opacity: 0; transition: opacity .25s ease; } 
.product .sec4 .s4-ln::before { left: calc(var(--s4-ln-dot-st) * -.5); width: var(--s4-ln-dot-st); height: var(--s4-ln-dot-st); transform: translateY(-50%) scale(1); } 
.product .sec4 .s4-ln::after { right: calc(var(--s4-ln-dot-ed) * -.5); width: var(--s4-ln-dot-ed); height: var(--s4-ln-dot-ed); transform: translateY(-50%); } 
.product .sec4 .s4-ln span { display: none; } 
.product .sec4.is-on .s4-ln { transform: translateY(-50%) scaleX(1); } 
.product .sec4.is-on .s4-ln::before,
.product .sec4.is-on .s4-ln::after { opacity: 1; } 
.product .sec4.is-on .s4-ln::before { animation-name: s4DotPulseSync; animation-duration: 1.8s; animation-timing-function: ease-out; animation-iteration-count: infinite; animation-delay: .9s; } 
.product .sec4 .s4-ln1 { --s4-ln-end: var(--s4-ln-end1); transition-delay: .18s; } 
.product .sec4 .s4-ln2 { --s4-ln-end: var(--s4-ln-end2); transition-delay: .42s; } 
.product .sec4 .s4-ln3 { --s4-ln-end: var(--s4-ln-end3); transition-delay: .66s; } 
.product .sec4 .s4-ln1 { right: calc(35rem * -1); } 
.product .sec4 .s4-ln3 { right: calc(32.5rem * -1); } 
.product .sec4 .s4-ic { flex: 0 0 var(--s4-ic-w); width: var(--s4-ic-w); } 
.product .sec4 .s4-ic img { display: block; width: 100%; height: auto; } 
.product .sec4 .s4-tx { flex: 1; min-width: 0; } 
.product .sec4 .s4-st { display: block; margin-bottom: var(--s4-st-mb); color: #2a2a2a; font-size: 2rem; font-weight: 700; line-height: 1.4; word-break: keep-all; } 
.product .sec4 .s4-copy { color: #3f3a35; font-size: var(--s4-copy-fs); line-height: var(--s4-copy-lh); word-break: keep-all; } 
.product .page3 .sec4 .s4-ln::before,.product .page3 .sec4 .s4-ln::after { border-color: #FFE4E4; } 
.product .page4 .sec4 .s4-ln::before,.product .page4 .sec4 .s4-ln::after { border-color: #F6CBA6; } 
@keyframes s4DotPulseSync { 
 0% { transform: translateY(-50%) scale(.25); opacity: 0; } 
 20% { transform: translateY(-50%) scale(.55); opacity: 1; } 
 55% { transform: translateY(-50%) scale(1.45); opacity: .9; } 
 100% { transform: translateY(-50%) scale(2.1); opacity: 0; } 
 }
@media screen and (max-width: 1700px){
 .product .sec4 .s4-list { margin-left: -26rem; } 
 .product .sec4 .s4-ln { right: calc(9rem * -1); } 
 .product .sec4 .s4-ln1 { right: calc(18rem * -1); } 
 .product .sec4 .s4-ln3 { right: calc(15.5rem * -1); } 
 }
 @media screen and (max-width: 1280px){
 .product .sec4 .s4-top { gap: 2rem; grid-template-columns: 1fr; } 
 .product .sec4 .s4-ds { padding-top: 0; text-align: left; } 
 .product .sec4 .s4-copy { font-size: 2rem; line-height: 1.3; } 
 .product .sec4 .s4-it { padding: 3rem 2rem; } 
 .product .sec4 .s4-list { width: 37rem; margin-left: -23.5rem; } 
 .product .sec4 .s4-ln1 { right: calc(15rem * -1); } 
 .product .sec4 .s4-ln3 { right: calc(13.5rem * -1); } 
 }
 @media screen and (max-width: 1024px){
 .product .sec4 .s4-top { margin-bottom: 3rem; } 
 }
 @media screen and (max-width: 960px){
 .product .sec4 .s4-top { display: block; margin-bottom: 3rem; } 
 .product .sec4 .s4-tt { margin-bottom: 1.8rem; } 
 .product .sec4 .s4-ds { text-align: left; } 
 .product .sec4 .s4-list { width: 100%; margin-left: 0; top: 7rem; padding: 0 var(--inner-cont-pd); transform: translate(-50%, 0); } 
 .product .sec4 .s4-it + .s4-it { margin-top: 2rem; } 
 .product .sec4 .s4-bd { min-height: auto; height: var(--box-img-he); --top-he:4rem; --box-img-he:123rem; } 
 .product .sec4 .s4-bd .img-bg.img-mo { display: block; top: 0; transform: translate(-50%, 0); width: auto; height: var(--box-img-he); } 
 .product .sec4 .s4-bd .img-bg.img-pc { display: none; } 
 .product .sec4 .s4-ln { left: 50%; top: auto; bottom: 0; transform: translateX(-50%) scaleX(0); } 
 .product .sec4 .s4-ln1, .product .sec4 .s4-ln2 { right: calc(-21rem * -1); } 
 .product .sec4 .s4-ln3 { right: 0; bottom: 0; width: 1px; height: 8rem; transform: translateY(100%) !important; } 
 .product .sec4 .s4-copy br { display: none; } 
 .product .sec4 .s4-it { height: 17.5rem; padding: 3rem; } 
 .product .sec4 .s4-ln::before { top: 0; bottom: 0; } 
 .product .sec4 .s4-ln::after { right: auto; bottom: 0; transform: translateX(-50%); margin-top: 2.5rem; } 
 .product .sec4.is-on .s4-ln { transform: translateY(-50%);; } 
 .product .sec4.is-on .s4-ln1::after, .product .sec4.is-on .s4-ln2::after { opacity: 0; } 
 }
 @media screen and (max-width: 768px){
 .product .sec4 { --s4-ln-dot-st: 1.5rem; } 
 .product .sec4 .s4-list { top: 6rem; } 
 .product .sec4 .s4-it { gap: 1.5rem; height: 18.5rem; padding: 2rem; } 
 .product .sec4 .s4-it + .s4-it { margin-top: 1rem; } 
 .product .sec4 .s4-st { margin-bottom: .5rem; } 
 .product .sec4 .s4-tt br { display: none; } 
 .product .sec4 .s4-tt { margin-bottom: 1rem; } 
 .product .sec4 .s4-ds { font-size: 1.8rem; line-height: 1.5; } 
 .product .sec4 .s4-top { margin-bottom: 2rem; } 
 .product .sec4 .s4-copy { font-size: 1.8rem; } 
 }
 @media screen and (max-width: 576px){
 .product .sec4 .s4-bd { --box-img-he: 116rem; } 
 .product .sec4 .s4-list { top: 2rem; } 
 }
 /* page2_sec5 */
.product .sec5 { --s5-pt: 11rem; --s5-pb: 10rem; --s5-tt-fs: 3.1rem; --s5-tt-lh: 1.32; --s5-tt-mb: 4rem; --s5-ds-fs: 2rem; --s5-ds-lh: 1.7; --s5-ds-mb: 4rem; --s5-ln-y: 50%; --s5-ln-ol-w: 10.3rem; --s5-ln-ol-h: .2rem; --s5-list-gap: 1.6rem; --s5-it-gap: 1.4rem; --s5-lb-w: 15.8rem; --s5-lb-pd-y: 1.1rem; --s5-lb-fs: 2rem; --s5-copy-fs: 2rem; --s5-copy-lh: 1.6; --s5-fig-w: min(100%, 78rem); --s5-fig-lift: 12rem; --s5-float-y: 2.2rem; --s5-float-du: 3.8s; position: relative; padding: var(--s5-pt) 0 var(--s5-pb); overflow: hidden; margin-bottom: -10rem; } 
.product .sec5 .inner { position: relative; } 
.product .sec5 .s5-top { position: relative; z-index: 2; max-width: 42rem; margin-bottom: var(--s5-tt-mb); } 
.product .sec5 .s5-tt { display: block; font-family: 'Daehan', sans-serif; font-size: var(--s5-tt-fs); font-weight: 700; line-height: var(--s5-tt-lh); color: #111; word-break: keep-all; } 
.product .sec5 .s5-ln { position: relative; z-index: 1; height: 2rem; margin-bottom: 3.8rem; } 
.product .sec5 .s5-ln::before { content: ""; position: absolute; top: var(--s5-ln-y); left: 50%; width: 100vw; height: 1px; background: #A8A8A8; transform: translate(-50%, -50%); } 
.product .sec5 .s5-ln::after { content: ""; position: absolute; top: var(--s5-ln-y); left: 0; width: var(--s5-ln-ol-w); height: var(--s5-ln-ol-h); background: #BFA764; transform: translateY(-50%); } 
.product .page3 .sec5 .s5-ln::after { background: #BF6466; } 
.product .page4 .sec5 .s5-ln::after { background: #D3854D; } 
.product .sec5 .s5-bd { position: relative; z-index: 2; display: grid; grid-template-columns:minmax(0, 65rem) minmax(28rem, 1fr); align-items: center; column-gap: 4rem; } 
.product .sec5 .s5-tx { height: 100%; min-width: 0; } 
.product .sec5 .s5-ds { margin-bottom: var(--s5-ds-mb); color: #2f2a26; font-size:2rem; line-height: var(--s5-ds-lh); word-break: keep-all; } 
.product .sec5 .s5-list { display: grid; gap: var(--s5-list-gap); } 
.product .sec5 .s5-it { display: flex; align-items: center; gap: var(--s5-it-gap); } 
.product .sec5 .s5-lb { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 var(--s5-lb-w); min-height: 4rem; padding: var(--s5-lb-pd-y) 2rem; border-radius: 999px; background: #BFA764; color: #fff; font-size: 2rem; font-weight: 700; line-height: 1.2; text-align: center; white-space: nowrap; } 
.product .page3 .sec5 .s5-lb { background: #BF6466; } 
.product .page4 .sec5 .s5-lb { background: #D3854D; } 
.product .sec5 .s5-copy { color: #2f2a26; font-size: 2rem; line-height: var(--s5-copy-lh); word-break: keep-all; } 
.product .sec5 .s5-fig { justify-self: end; width: var(--s5-fig-w); margin-top: calc(var(--s5-fig-lift) * -1); } 
.product .sec5 .s5-fig img { display: block; width: 100%; height: auto; } 
.product .sec5 .s5-fig-in { margin-top: -8rem; } 

@media screen and (max-width: 1280px){
 .product .sec5 { --s5-pt: 9rem; --s5-pb: 8rem; --s5-fig-w: min(100%, 48rem); --s5-fig-lift: 8rem; } 
 .product .sec5 .s5-bd { grid-template-columns: minmax(0, 1fr) minmax(26rem, 46rem); column-gap: 3rem; } 
 }
@media screen and (max-width: 1024px){
 .product .sec5 { --s5-tt-fs: 3.1rem; --s5-ds-fs: 1.8rem; --s5-copy-fs: 1.65rem; --s5-ln-ol-w: 11rem; --s5-fig-lift: 0rem; } 
 .product .sec5 .s5-bd { grid-template-columns: 1fr; row-gap: 3rem; } 
 .product .sec5 .s5-fig { order: 2; justify-self: center; width: min(100%, 42rem); margin-top: 0; } 
 }
@media screen and (max-width: 960px){
 .product .sec5 { --s5-tt-mb: 1rem; --s5-ds-mb: 2rem; } 
.product .sec5 .s5-ln { margin-bottom: 1rem; } 
.product .sec5 .s5-fig-in { margin-top: 0; } 
.product .sec5 .s5-fig { width: 80%; } 
 }
@media screen and (max-width: 768px){
 .product .sec5 { --s5-pt: 7rem; --s5-pb: 6rem; --s5-tt-fs: 2.8rem; --s5-ds-fs: 1.65rem; --s5-list-gap: 1.6rem; --s5-it-gap: 1.4rem; --s5-lb-w: 15.8rem; --s5-lb-fs: 1.6rem; --s5-copy-fs: 1.5rem; --s5-float-y: 1.5rem; } 
 
 .product .sec5 .s5-it { gap: .5rem; flex-direction: column; align-items: flex-start; } 
 .product .sec5 .s5-lb { min-height: auto; padding: .5rem 2rem; flex: auto; } 

 .product .sec5 .s5-ds ,
 .product .sec5 .s5-copy { font-size: 1.8rem; line-height: 1.5; } 
 .product .sec5 .s5-fig { width: 100%; } 
 }

/* page2_sec6 */
.product .sec6 { --s6-pt: 10rem; --s6-pb: 10rem; --s6-hd-w: 74rem; --s6-hd-mb: 5.2rem; --s6-tt-fs: 2.8rem; --s6-tt-lh: 1.42; --s6-tt-mb: 2.2rem; --s6-ds-fs: 2rem; --s6-ds-lh: 1.7; --s6-ls-gap: 4rem; --s6-it-min-h: 28.8rem; --s6-it-pd: 3.6rem; --s6-it-rd: 2.4rem; --s6-it-bg: #F4F4F4; --s6-ic-w: 5.8rem; --s6-ic-mb: 5.6rem; --s6-st-fs: 2rem; --s6-st-lh: 1.4; --s6-st-mb: 2rem; --s6-copy-fs: 1.8rem; --s6-copy-lh: 1.7; padding: var(--s6-pt) 0 var(--s6-pb); background: #fff; } 
.product .sec6 .s6-hd { max-width: var(--s6-hd-w); margin-bottom: var(--s6-hd-mb); } 
.product .sec6 .s6-tt { display: block; margin-bottom: var(--s6-tt-mb); color: #222; font-family: var(--font-fm-dae), 'Daehan', serif; font-size: var(--s6-tt-fs); font-weight: 700; line-height: var(--s6-tt-lh); word-break: keep-all; } 
.product .sec6 .s6-ds { color: #3f3a35; font-size: var(--s6-ds-fs); line-height: var(--s6-ds-lh); word-break: keep-all; } 
.product .sec6 .s6-ls { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s6-ls-gap); } 
.product .sec6 .s6-it { min-height: var(--s6-it-min-h); padding: var(--s6-it-pd); border-radius: var(--s6-it-rd); background: var(--s6-it-bg); } 
.product .sec6 .s6-ic { width: var(--s6-ic-w); margin-bottom: var(--s6-ic-mb); } 
.product .sec6 .s6-ic img { display: block; width: 100%; height: auto; } 
.product .sec6 .s6-st { display: block; margin-bottom: var(--s6-st-mb); color: #222; font-size: var(--s6-st-fs); font-weight: 700; line-height: var(--s6-st-lh); word-break: keep-all; } 
.product .sec6 .s6-copy { color: #3f3a35; font-size: 2rem; word-break: keep-all; } 
@media screen and (max-width: 1280px){
 .product .sec6 { --s6-ls-gap: 2.8rem; --s6-it-pd: 3rem; --s6-ic-mb: 4.8rem; } 
 }
@media screen and (max-width: 1024px){
 .product .sec6 { --s6-pt: 8rem; --s6-pb: 8rem; } 
 .product .sec6 .s6-ls { grid-template-columns: 1fr; } 
 .product .sec6 .s6-st { margin-bottom: 1rem; } 
 .product .sec6 .s6-ic { margin-bottom: 3rem; } 
 .product .sec6 .s6-it { min-height: auto; } 
 }
 @media screen and (max-width: 768px){
 .product .sec6 .s6-hd { margin-bottom: 2rem; } 
 .product .sec6 .s6-ls { gap: 1rem; } 
 .product .sec6 .s6-tt { margin-bottom: 1rem; } 
 .product .sec6 .s6-ds { font-size: 1.8rem; line-height: 1.5; } 
 .product .sec6 .s6-copy { font-size: 1.8rem; } 
 .product .sec6 .s6-it { padding: 2rem; } 
 .product .sec6 .s6-ic { margin-bottom: 1rem; } 
 .product .sec6 .s6-st { margin-bottom: 0; } 
 }

/* page2_sec7 */
.product { --s7-pt: 10rem; --s7-pb: 10rem; --s7-bd-min-h: 34rem; --s7-bd-rd: 2.8rem; --s7-bd-pd-y: 5.6rem; --s7-bd-pd-x: 5.8rem; --s7-ov: rgba(58, 35, 12, .34); --s7-tt-fs: 3.1rem; --s7-tt-lh: 1.42; --s7-tt-mb: 2.4rem; --s7-ds-fs: 1.9rem; --s7-ds-lh: 1.7; --s7-call-h: 5.4rem; --s7-call-pd-x: 3rem; --s7-call-gap: 1.4rem; --s7-call-rd: 999px; --s7-ic-w: 2.4rem; --s7-num-fs: 2rem; --s7-num-cl: #BFA764; } 
.product .s7-bd { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 4rem; min-height: var(--s7-bd-min-h); padding: var(--s7-bd-pd-y) var(--s7-bd-pd-x); border-radius: var(--s7-bd-rd); overflow: hidden; background: url('/theme/basic/img/sub/sub2/page2/bg_s7.jpg') no-repeat center / cover; } 
.product .s7-bd::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--s7-ov) 0%, rgba(58, 35, 12, .18) 45%, rgba(58, 35, 12, .12) 100%); } 
.product .s7-tx,
.product .s7-call { position: relative; z-index: 1; } 
.product .s7-tx { max-width: 67rem; color: #fff; } 
.product .s7-tt { display: block; margin-bottom: var(--s7-tt-mb); color: #fff; font-family: var(--font-fm-dae), 'Daehan', serif; font-size: var(--s7-tt-fs); font-weight: 700; line-height: var(--s7-tt-lh); word-break: keep-all; } 
.product .s7-ds { color: rgba(255, 255, 255, .96); font-size: 2rem; line-height: 1.5; word-break: keep-all; } 
.product .s7-call { display: inline-flex; align-items: center; justify-content: center; gap: var(--s7-call-gap); min-height: var(--s7-call-h); padding: 0 var(--s7-call-pd-x); border-radius: var(--s7-call-rd); background: rgba(255, 255, 255, .96); white-space: nowrap; } 
.product .s7-ic { display: inline-flex; width: var(--s7-ic-w); } 
.product .s7-ic img { display: block; width: 100%; height: auto; } 
.product .s7-num { color: var(--s7-num-cl); font-size: var(--s7-num-fs); font-weight: 700; line-height: 1; } 
.product .page3 .s7-num { color:#BF6466 } 
.product .page4 .s7-num { color:#D3854D } 
.product .page3 .s7-bd { background: url('/theme/basic/img/sub/sub2/page3/bg_s7.jpg') no-repeat center / cover; } 
.product .page4 .s7-bd { background: url('/theme/basic/img/sub/sub2/page4/bg_s7.jpg') no-repeat center / cover; } 
@media screen and (max-width: 1280px){
 .product { --s7-bd-pd-x: 4.2rem; --s7-bd-pd-y: 4.8rem; } 
 }
@media screen and (max-width: 1024px){
 .product { --s7-pt: 8rem; --s7-pb: 8rem; --s7-ds-fs: 1.8rem; } 
 .product .s7-bd { flex-direction: column; align-items: flex-start; justify-content: center; gap: 3rem; } 
 .product .s7-call { align-self: flex-start; } 
 }
@media screen and (max-width: 768px){
 .product { --s7-pt: 6rem; --s7-pb: 6rem; --s7-bd-min-h: 30rem; --s7-bd-pd-y: 3.6rem; --s7-bd-pd-x: 2.6rem; --s7-tt-fs: 2.8rem; --s7-tt-mb: 1.8rem; --s7-ds-fs: 1.7rem; --s7-call-h: 5rem; --s7-call-pd-x: 2.2rem; --s7-num-fs: 1.8rem; } 
 .product .s7-bd { background-position: center; } 
 .product .s7-bd::before { background: linear-gradient(180deg, rgba(58, 35, 12, .42) 0%, rgba(58, 35, 12, .22) 100%); } 
 .product .s7-tx { max-width: 100%; } 
 .product .s7-ds {font-size: 1.8rem;}
 }

 /* page2~4 sec1 */
.product .sb2-asset .sec1 { --s1-sec-h: 77rem; --s1-bg-w: 110rem; --s1-tx-w: 58rem; --s1-tx-pt: 0rem; --s1-tx-pb: 40rem; --s1-tt-fs: 3.1rem; --s1-tt-lh: 1.28; --s1-tt-mb: 3rem; --s1-ds-fs: 2rem; --s1-ds-lh: 1.75; --s1-key-cl: #ae8750; --s1-tx-cl: #222; --s1-sub-cl: #4d453f; position: relative; max-height: var(--s1-sec-h); overflow: hidden; background: #fff; } 
.product .page3 .sec4 { background-color: #FEF6F6; } 
.product .page3 .sb2-asset .sec1 .s1-key { color: #E45151; } 
.product .page4 .sec4 { background-color: #FEF6F6; } 
.product .page4 .sb2-asset .sec1 .s1-key { color: #EB9345; } 
.product .sb2-asset .sec1::before { content: ""; position: absolute; top: 0; right: 0; width: max(57.3vw, var(--s1-bg-w)); height: 100%; background:
 linear-gradient(90deg, #fff 0 7%, rgba(255, 255, 255, 0) 22%),
 var(--sb2-bg-s1) no-repeat center center / cover; z-index: 0; pointer-events: none; } 
.product .sb2-asset .sec1 .inner { position: relative; z-index: 1; } 
.product .sb2-asset .sec1 .s1-gr { display: flex; align-items: center; min-height: var(--s1-sec-h); } 
.product .sb2-asset .sec1 .s1-tx { width: 100%; max-width: var(--s1-tx-w); padding-top: var(--s1-tx-pt); padding-bottom: var(--s1-tx-pb); } 
.product .sb2-asset .sec1 .s1-tt { display: block; margin-bottom: var(--s1-tt-mb); color: var(--s1-tx-cl); font-family: var(--font-fm-dae), 'Daehan', serif; font-size: var(--s1-tt-fs); font-weight: 700; line-height: var(--s1-tt-lh); word-break: keep-all; } 
.product .sb2-asset .sec1 .s1-key { display: inline; color: var(--s1-key-cl); font-family: var(--font-fm-dae), 'Daehan', serif; } 
.product .sb2-asset .sec1 .s1-sub { display: inline; } 
.product .sb2-asset .sec1 .s1-ds { color: var(--s1-sub-cl); font-size: 2rem; font-weight: 400; line-height: var(--s1-ds-lh); word-break: keep-all; } 
@media screen and (max-width: 1280px){
 .product .sb2-asset .sec1 { --s1-sec-h: 68rem; --s1-bg-w: 94rem; --s1-tx-w: 48rem; --s1-tx-pt: 10rem; } 
 .product .sb2-asset .sec1 .s1-tx { padding-top: 0; padding-bottom: 0; } 
 .product .sb2-asset .sec1 .s1-gr { min-height: auto; } 
 .product .sb2-asset .sec1::before { right: -28rem; } 
 .product .sb2-asset .sec1 .s1-tt { margin-bottom: 1rem; } 
 }
@media screen and (max-width: 1024px){
 .product .sb2-asset .sec1 { --s1-sec-h: 58rem; --s1-bg-w: 78rem; --s1-tx-w: 42rem; --s1-tx-pt: 8rem; --s1-ds-fs: 1.8rem; } 
 .product .sb2-asset .sec1::before { right: -21rem; height: 100%; width: 100% !important; background: linear-gradient(90deg, rgba(255, 255, 255, .92) 0 18%, rgba(255, 255, 255, 0) 38%), var(--sb2-bg-s1) no-repeat center center / cover; } 
 }
@media screen and (max-width: 768px){
 .product .sb2-asset .sec1 { --s1-sec-h: auto; --s1-tx-w: 100%; --s1-tx-pt: 7rem; --s1-tx-pb: 42rem; --s1-tt-fs: 3.1rem; --s1-tt-mb: 2rem; --s1-ds-fs: 1.7rem; --s1-ds-lh: 1.7; } 
 .product .sb2-asset .sec1::before { top: auto; bottom: 0; right: 0; width: 100%; height: 58rem; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0 8%, rgba(255, 255, 255, .4) 30%, rgba(255, 255, 255, 0) 100%), var(--sb2-bg-s1) no-repeat center bottom / cover; opacity: .2; } 
 .product .sb2-asset .sec1 .s1-gr { min-height: auto; align-items: flex-start; } 
 .product .sb2-asset .sec1 .s1-ds { font-size: 1.8rem; } 
 .product .sb2-asset .sec1 .s1-ds br { display: none; } 
 .product .sb2-asset .sec1 .s1-tt { font-size: 2.5rem; } 
 }

/* page2~4 */

.product .sb2-asset .sec1::before { background:
 linear-gradient(90deg, #fff 0 7%, rgba(255, 255, 255, 0) 22%),
 var(--sb2-bg-s1) no-repeat center center / 100% 100%; } 
@media screen and (max-width: 1024px){
 .product .sb2-asset .sec1::before { background:
 linear-gradient(90deg, rgba(255, 255, 255, .92) 0 18%, rgba(255, 255, 255, 0) 38%),
 var(--sb2-bg-s1) no-repeat center center / 100% 100%; } 
 }
@media screen and (max-width: 768px){
 .product .sb2-asset .sec1::before { background:
 linear-gradient(90deg, rgba(255, 255, 255, .96) 0 28%, rgba(255, 255, 255, .18) 60%, rgba(255, 255, 255, 0) 100%),
 var(--sb2-bg-s1) no-repeat center center / 100% 100%; } 
 }
.product .sb2-asset .sec2 .s2-bx.lt { background-image: var(--sb2-s2-q-lt); } 
.product .sb2-asset .sec2 .s2-bx.rt { background-image: var(--sb2-s2-q-rt); } 
.product .sb2-asset .sec2 .s2-it1 { background-image: var(--sb2-s2-it1); } 
.product .sb2-asset .sec2 .s2-it2 { background-image: var(--sb2-s2-it2); } 
/* .product .sb2-asset .sec4 .s4-bd { background: linear-gradient(90deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.08) 32%, rgba(255,255,255,0) 52%), var(--sb2-s4-bg) no-repeat center / cover; } */
@media screen and (max-width: 768px){
 .product .sb2-asset .sec1::before { top: auto; bottom: 0; left: 0; right: auto; width: 100%; height: 62rem; background:
 linear-gradient(180deg,
 rgba(255, 255, 255, 1) 0%,
 rgba(255, 255, 255, .95) 10%,
 rgba(255, 255, 255, .55) 28%,
 rgba(255, 255, 255, 0) 48%
 ),
 linear-gradient(0deg,
 rgba(255, 255, 255, 1) 0%,
 rgba(255, 255, 255, .92) 10%,
 rgba(255, 255, 255, .4) 26%,
 rgba(255, 255, 255, 0) 42%
 ),
 linear-gradient(0deg,
 rgba(255, 255, 255, .18) 0%,
 rgba(255, 255, 255, .18) 100%
 ),
 var(--sb2-bg-s1) no-repeat center bottom / cover; z-index: 0; pointer-events: none; } 
 }