/*product 공통*/
.product #contents .sub-tit-wr { margin-bottom: 0; } 
.product #contents .sec1 { padding-top: var(--section-pd); } 

.product .top-tit { display:grid; grid-template-columns:34rem 1fr; column-gap:7rem; align-items: center; margin-bottom:4rem; } 
.product .top-tit .top-tit__hd { display:flex; flex-direction:column; width:fit-content; max-width:100%; margin-left:auto; } 
.product .top-tit .top-tit__tt { width: 100%; margin-bottom: 1.5rem; color: var(--color-point); font-family: "Noto Serif KR", serif; font-size: 3.2rem; font-weight: 700; } 
.product .top-tit .txt { margin:var(--top-tit-tx-mt) 0 0; } 
.product .top-tit .tit-num { color:#9A8874; font-family:"Libertinus Serif Display","Noto Serif KR",serif; line-height: 0.5; font-style: italic; font-size: 16.1rem; font-weight: 400; } 
.product .top-tit.reverse { grid-template-columns:1fr 34rem; } 
.product .top-tit.reverse .top-tit__hd { margin-left: 0; } 
.product .top-tit.reverse .tit-num { text-align: right; } 
@media (max-width:1280px){
 .product .top-tit { grid-template-columns:26rem 1fr; } 
 }
@media (max-width:1024px){
 .product .top-tit { grid-template-columns:1fr; gap: 0; margin-bottom: 2rem; } 
 .product .top-tit.reverse { display: flex; flex-direction: column-reverse; align-items: flex-start; } 
 .product .top-tit .tit-num { line-height: 1; } 
 .product .top-tit .top-tit__hd { width: 100%; } 
 .product .top-tit .tit-num { font-size: 11rem; } 
 }
@media (max-width:768px){
 .product .top-tit .tit-num { font-size: 8rem; } 
 .product .top-tit .top-tit__tt { font-size: 2.2rem; } 
 .product .top-tit .txt br { display: none; } 
 }

/* .product */
.product .s1-bm { --s1-bg:#F8F5F0; --s1-tt-fs:4.3rem; --s1-tt-lh:1.35; --s1-tt-ls:-0.06em; --s1-vt-fs:3rem; --s1-vt-lh:1.8; --s1-vt-ls:0.35em; --s1-tx-fs:1.8rem; --s1-tx-gap:1rem; --s1-top-mb:13.5rem; --s1-in-w:auto; --s1-mid-w:100%; --s1-mid-w-end:45.8333%; --s1-img-sc:1.16; --s1-lt-o:0; --s1-lt-y:8rem; --s1-rt-o:0; --s1-rt-y:8rem; position:relative; overflow:hidden; background:#F8F5F0; } 
.product .s1-bm .s1-bm__in { position:relative; z-index:5; width:min(100%, var(--s1-in-w)); } 
.product .s1-bm .s1-bm__top { padding-bottom:var(--s1-top-mb); text-align:center; } 
.product .s1-bm .s1-bm__hl { position:relative; display:inline-flex; padding:3rem 7rem; } 
.product .s1-bm .s1-bm__tt { position:relative; z-index:1; margin:0; color:#33302D; font-family:"Noto Serif KR", serif; font-size:var(--s1-tt-fs); font-weight:700; line-height:var(--s1-tt-lh); letter-spacing:var(--s1-tt-ls); } 
.product .s1-bm .s1-bw { z-index:2; position:relative; display:flex; justify-content:space-between; } 
.product .s1-bm .s1-bw::before,
.product .s1-bm .s1-bw::after { content:""; position:absolute; top:0; width:calc((100% - var(--s1-mid-w)) / 2); height:100%; background:#F8F5F0; z-index:1; pointer-events:none; } 
.product .s1-bm .s1-bw::before { left:0; } 
.product .s1-bm .s1-bw::after { right:0; } 
.product .s1-bm .s1-bw__col { display:flex; flex-direction:column; position:relative; width:25%; } 
.product .s1-bm .s1-bw__main { overflow:hidden; position:sticky; top:0; left:0; width:100%; height:100vh; } 
.product .s1-bm .s1-bw__img { height:100%; } 
.product .s1-bm .s1-bw__img-it--main { display:block; width:100%; height:100%; transform:scale(var(--s1-img-sc)); transform-origin:center center; will-change:transform; background: var(--sub2-s1-bg, url("/theme/basic/img/sub/sub2/page1/bg_s1.jpg")) no-repeat center / cover; } 

/* 페이지별 sec1 이미지 교체용 경로 재지정 */
.product .s1-bm.s1-bm--pg2 .s1-bw__img-it--main { background: url("/theme/basic/img/sub/sub2/page2/bg_s1.jpg") no-repeat center / cover; } 
.product .s1-bm.s1-bm--pg3 .s1-bw__img-it--main { background: url("/theme/basic/img/sub/sub2/page3/bg_s1.jpg") no-repeat center / cover; } 
.product .s1-bm.s1-bm--pg4 .s1-bw__img-it--main { background: url("/theme/basic/img/sub/sub2/page4/bg_s1.jpg") no-repeat center / cover; } 

.product .s1-bm .s1-bw__bd { padding:100vh 14.7059% 0; } 
.product .s1-bm .s1-bw__cts { display:flex; align-items:center; height:100vh; } 
.product .s1-bm .s1-bw__ctx { width:100%; will-change:transform, opacity; } 
.product .s1-bm .s1-bw__txt { margin:var(--s1-tx-gap) 0; color:#33302D; font-size:var(--s1-tx-fs); font-family: "Pretendard", sans-serif; font-weight:400; line-height:2; letter-spacing:-0.03em; word-break:keep-all; } 
.product .s1-bm .s1-bw__col--1 { z-index:2; position:relative; } 
.product .s1-bm .s1-bw__col--1 .s1-bw__bd { flex:1 1; position:relative; height:100vh; padding-top:0; } 
.product .s1-bm .s1-bw__col--3 .s1-bw__bd { position:relative; height:100vh; padding-top:0; padding-right:11.7647%; } 
.product .s1-bm .s1-bw__hdg { overflow:hidden; display:flex; align-items:center; justify-content:center; position:sticky; top:0; left:0; width:100%; height:100vh; } 
.product .s1-bm .s1-bw__hdg-it { display:flex; gap:0.3rem; margin:0; color:#33302D; font-family:"Noto Serif KR", serif; font-size:var(--s1-vt-fs); font-weight:700; text-align: center; letter-spacing:var(--s1-vt-ls); will-change:transform, opacity; } 
.product .s1-bm .s1-bw__hdg-col { display:flex; flex-direction:column; line-height:var(--s1-vt-lh); writing-mode:vertical-rl; text-orientation:mixed; } 
.product .s1-bm .s1-bw__pad { display:inline-block; padding:0.2em 0; } 
.product .s1-bm .s1-bw__col--2 { position:absolute; top:0; left:0; right:0; margin:auto; width:var(--s1-mid-w); height:100%; z-index:0; will-change:width; } 
.product .s1-bm .s1-bw__col--3 { z-index:2; } 
.product .s1-bm .s1-bw__col--3 .s1-bw__cts { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:0 4rem; } 
.product .s1-bm .s1-bw__col--3 .s1-bw__cts:nth-child(1) { z-index:1; } 
.product .s1-bm .s1-bw__col--3 .s1-bw__cts:nth-child(2) { z-index:2; } 
.product .s1-bm .s1-bw__col--3 .s1-bw__bd { padding-right:11.7647%; } 
.product .s1-bm .s1-bg { display:none; } 

@media screen and (max-width:1024px){
 .product .s1-bm { padding-bottom: 0 !important; } 
 .product .s1-bm { --s1-tt-fs:3.6rem; --s1-vt-fs:2.3rem; --s1-tx-fs:1.7rem; --s1-top-mb:4.8rem; --s1-tab-gap:2rem; --s1-tab-img-h:clamp(56rem, 78vw, 84rem); --s1-tab-tx-gap:3.2rem; margin-top:0; padding-top:6rem; } 
 .product .s1-bm .s1-bm__in { width:100%; } 
 .product .s1-bm .s1-bw { display:flex; flex-direction:column; gap:var(--s1-tab-gap); } 
 .product .s1-bm .s1-bw::before,
 .product .s1-bm .s1-bw::after { display:none; } 
 .product .s1-bm .s1-bw__col { width:100%; } 
 .product .s1-bm .s1-bw__col--1 { order:1; } 
 .product .s1-bm .s1-bw__col--2 { order:3; position:static; width:100%; height:auto; } 
 .product .s1-bm .s1-bw__col--3 { order:2; text-align:left; margin-bottom: 2rem; } 
 .product .s1-bm .s1-bw__bd { padding:0; height:auto; } 
 .product .s1-bm .s1-bw__main { position:relative; top:auto; left:auto; height:var(--s1-tab-img-h); } 
 .product .s1-bm .s1-bw__img,
 .product .s1-bm .s1-bw__img-it--main { height:100%; } 
 .product .s1-bm .s1-bw__img-it--main { transform:none; } 
 .product .s1-bm .s1-bw__col--1 .s1-bw__bd,
 .product .s1-bm .s1-bw__col--3 .s1-bw__bd { height:auto; padding:0; margin: 0; } 
 .product .s1-bm .s1-bw__hdg { position:relative; top:auto; left:auto; height:auto; justify-content:center; overflow:visible; text-align:center; letter-spacing: 0.04rem; } 
 .product .s1-bm .s1-bw__hdg-it { display:flex; flex-direction:column-reverse; align-items:center; justify-content:center; width:100%; gap:0.8rem; text-align:center; letter-spacing: 0; } 
 .product .s1-bm .s1-bw__hdg-col { display:flex; justify-content:center; align-items:center; width:100%; writing-mode:horizontal-tb; text-orientation:initial; line-height:1.5; } 
 .product .s1-bm .s1-bw__pad { display:block; padding:0; position:relative; } 
 .product .s1-bm .s1-bw__hdg-col:first-child .s1-bw__pad { left:0; top:0; } 
 .product .s1-bm .s1-bw__hdg-col:last-child .s1-bw__pad { left:0; top:0; } 
 .product .s1-bm .s1-bw__col--3 .s1-bw__cts { position: relative; height: auto; } 
 .product .s1-bm .s1-bw__col--3 .s1-bw__cts + .s1-bw__cts { margin-top:0; } 
 .product .s1-bm .s1-bw__ctx { width:100%; max-width:none; margin:0 auto; } 
 .product .s1-bm .s1-bw__txt { text-align: center; font-size: 1.8rem; line-height: 1.5; letter-spacing: 0; margin: 0; } 
 }
@media screen and (max-width:768px){
 .product .s1-bm { --s1-tt-fs:3rem; --s1-vt-fs:2rem; --s1-tx-fs:1.8rem; --s1-top-mb:3.6rem; --s1-tab-gap:1.8rem; --s1-tab-img-h:clamp(38rem, 88vw, 58rem); --s1-tab-tx-gap:2.4rem; padding-top:4.8rem; margin-top: -7rem; } 
 .product .s1-bm .s1-bm__hl { display:block; width:100%; padding:0; } 
 .product .s1-bm .s1-bm__tt { text-align:center; } 
 .product .s1-bm .s1-bw__hdg { justify-content:center; } 
 .product .s1-bm .s1-bw__hdg-it { gap:0.6rem; } 
 .product .s1-bm .s1-bw__hdg-col { align-items:center; } 
 .product .s1-bm .s1-bw__txt { margin: 0 0 2rem 0; } 
 .product .s1-bm .s1-bw__txt br { display:none; } 
 }


/*.product */
.product .sec2 { position:relative; padding-bottom: 20rem !important; background: linear-gradient(180deg, #F8F5F0 0%, #C2BCB5 50%, #887F75 100%); } 
.product .sec2 .icon { width: 21.7rem; } 
@media screen and (max-width:1024px){
 .product .sec2 { background: #887F75; padding-top: var(--section-pd) !important; padding-bottom: var(--section-pd) !important; } 
 .product .sec2 .mt-22 { margin-top: 1rem; } 
 }
@media screen and (max-width:768px){
 .product .sec2 .icon { width: 15.7rem; } 
 }



/* .product */
.product .sec3 { padding-top: var(--section-pd) !important; padding-bottom: 0 !important; background: var(--color-bg); } 
.product .sec3 .inner > div + div { margin-top: 12rem; } 

.product .page2 .sec3 { padding-bottom: var(--section-pd) !important; } 

.stack-card { position: relative; height: 100vh; --mt-tp:4rem; } 
.stack-card .top-tit { position: relative; z-index: 20; } 
.stack-card .scroll-container { position: relative; height: 70rem; margin-top: 4rem; z-index: 1; } 
.stack-card .panel { position: absolute; top: 0; left: 0; width: 100%; } 
.stack-card .s5-bg { position: absolute; inset: 0; } 
.stack-card .s5-bg img { width: 100%; height: 100%; object-fit: cover; } 
.stack-card .s5-cd { position: relative; width: 100%; height: 40rem; overflow: hidden; background: #111; } 
.stack-card .s5-ct { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 6rem; color: #fff; } 
.stack-card .s5-st { display: flex; gap: .7rem; align-items: baseline; font-size: 2.4rem; font-weight: 700; color: rgba(255,255,255,.85); } 
.stack-card .s5-st-sm { font-size: 1.8rem; font-weight: 400; } 
.stack-card .s5-sb { margin-top: 1rem; font-size: 4.3rem; color: #fff; } 
.stack-card .s5-md { margin-top: 1.5rem; margin-bottom: .5rem; font-family: "Pretendard", sans-serif; font-size: 2rem; font-weight: 700; color: #fff; } 
.stack-card .panel-2 { margin-top: var(--mt-tp); z-index: 2; } 
.stack-card .panel-3 { margin-top: calc(var(--mt-tp) * 2); z-index: 3; } 
.stack-card .panel-4 { margin-top: calc(var(--mt-tp) * 3); z-index: 4; } 
.stack-card .panel-5 { margin-top: calc(var(--mt-tp) * 4); z-index: 5; } 
.stack-card .panel-6 { margin-top: calc(var(--mt-tp) * 5); z-index: 5; } 
.stack-card .ps { right: 1rem; bottom: 1rem; padding: .5rem 1rem; border-radius: 0; background: #1b1b1b42; color: #a69e95; font-family: 'Pretendard'; } 

@media all and (max-width:1024px){
 .stack-card { padding-top: 0 !important; } 
.stack-card .s5-cd { height: 34rem; } 
.stack-card .s5-ct { justify-content: end; padding: 4rem; } 
 }
@media all and (max-width:768px){
 .stack-card { height: auto; overflow: visible !important; padding-top: 8rem; } 
 .stack-card .scroll-container { height: auto; display: grid !important; margin-top: 0; grid-template-columns: 1fr; grid-gap : 2rem } 
 .stack-card .panel { position: relative !important; top: auto !important; left: auto !important; width: 100%; height: auto !important; transform: none !important; margin-top: 0; opacity: 1 !important; z-index: auto !important; display: block !important; } 
 .product .sec3 { padding-bottom: var(--section-pd) !important; } 
 .product .sec3 .inner > div + div { margin-top: 3rem; } 
 }
@media all and (max-width:567px){
 .product .s3-rs .s3-ds { margin-bottom: 0; } 
 .stack-card .s5-sb { font-size: 3rem; } 
 .stack-card .s5-bg img { object-position: 70%; } 
 .stack-card .s5-cd .txt br { display: none; } 
 .stack-card .s5-ct { padding: 3rem 2rem; } 
 .stack-card .ps { bottom: auto; top: 1rem; left: 1rem; margin-top: 0; color: #d4c3af; font-size: 1.4rem; } 
 }



/* .product */
.product .s3-rs { --s3-pt:11.2rem; --s3-pb:12rem; --s3-top-gap:7rem; --s3-top-mb:4rem; --s3-no-fs:16.1rem; --s3-no-ls:-0.05em; --s3-no-c:#A79684; --s3-tt-fs:3.2rem; --s3-tt-lh:1.4; --s3-tt-ls:-0.03em; --s3-tt-c:#8E7F70; --s3-tx-fs:1.8rem; --s3-tx-lh:1.8; --s3-tx-mt:1.8rem; --s3-tx-c:#33302D; --s3-gd-gap:3rem; --s3-cd-pt:3.8rem; --s3-cd-px:2.6rem; --s3-cd-pb:3.6rem; --s3-bd-c:#A69B8F; --s3-bd-w:0.1rem; --s3-sb-fs:2rem; --s3-sb-lh:1.4; --s3-sb-mb:1rem; --s3-ig-h:18rem; --s3-ig-mb:1rem; --s3-ds-fs: 1.8rem; --s3-ds-lh:1.7; --s3-ds-c:#33302D; } 
.product .s3-rs .s3-in { width:100%; margin:0 auto; } 
.product .s3-rs .s3-gd { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:var(--s3-gd-gap); align-items:stretch; } 
.product .s3-rs .s3-cd { display:flex; flex-direction:column; min-width:0; height:100%; padding:var(--s3-cd-pt) var(--s3-cd-px) var(--s3-cd-pb); border:var(--s3-bd-w) solid var(--s3-bd-c); text-align:center; } 
.product .s3-rs .s3-sb { margin:0 0 var(--s3-sb-mb); color:#222; font-family:"Noto Serif KR", serif; font-size:var(--s3-sb-fs); font-weight:600; line-height:var(--s3-sb-lh); letter-spacing:-0.03em; } 
.product .s3-rs .s3-ig { display:flex; align-items:center; justify-content:center; height:var(--s3-ig-h); margin-bottom:var(--s3-ig-mb); } 
.product .s3-rs .s3-ig img { display:block; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; mix-blend-mode: darken; } 
.product .s3-rs .s3-ds { margin:0; color:var(--s3-ds-c); font-size:var(--s3-ds-fs); font-weight:400; line-height:var(--s3-ds-lh); letter-spacing:-0.03em; word-break:keep-all; font-family: "Pretendard", sans-serif; } 

@media (max-width:1280px){
 .product .s3-rs { --s3-no-fs:13rem; --s3-gd-gap:2rem; --s3-cd-px:2rem; --s3-ig-h:15rem; } 
 .product .s3-rs .s3-ds br { display: none; } 
 .product .s3-rs .s3-cd { padding: var(--s3-cd-pt) 2rem var(--s3-cd-pb); } 
 }
@media (max-width:1024px){
 .product .s3-rs { --s3-pt:8rem; --s3-pb:8rem; --s3-no-fs:10rem; --s3-tt-fs:1.9rem; --s3-tx-fs:1.65rem; --s3-sb-fs:1.8rem; --s3-ig-h:14rem; } 
 .product .s3-rs .s3-gd { grid-template-columns:repeat(3, minmax(0, 1fr)); } 
 .product .s3-rs .s3-ds { margin-bottom:-2rem; } 
 }
@media (max-width:768px){
 .product .s3-rs { --s3-pt: 6rem; --s3-pb: 6rem; --s3-no-fs: 7.2rem; --s3-tt-fs: 2.5rem; --s3-tx-fs: 1.8rem; --s3-gd-gap: 1.6rem; --s3-cd-pt: 1.7rem; --s3-cd-px: 1.7rem; --s3-cd-pb: 2.4rem; --s3-sb-fs: 2rem; --s3-sb-mb: 1rem; --s3-ig-mb: 0; --s3-top-mb: 3.8rem; margin-top: -3rem; } 
 .product .s3-rs .s3-gd { grid-template-columns:1fr; gap:1.6rem; } 
 .product .s3-rs .s3-cd { display:grid; grid-template-columns:14rem minmax(0, 1fr); grid-template-areas: "img title" "img desc"; align-items:center; align-content:center; column-gap:2.8rem; padding:var(--s3-cd-pt) var(--s3-cd-px) var(--s3-cd-pb); text-align:left; } 
 .product .s3-rs .s3-ig { grid-area:img; height:auto; min-height:0; margin-bottom:0; display:flex; align-items:center; justify-content:center; align-self:center; } 
 .product .s3-rs .s3-sb { grid-area:title; margin:0; text-align:left; align-self:end; } 
 .product .s3-rs .s3-ds { grid-area:desc; margin-top:1rem; text-align:left; align-self:start; } 
 .product .s3-rs .s3-tx br,
 .product .s3-rs .s3-ds br { display:none; } 
 .product .s3-rs .s3-ds { margin-bottom: 0; } 
 }
@media (max-width:576px){
 .product .s3-rs .s3-cd { grid-template-columns: 10rem minmax(0, 1fr); column-gap: 1rem; } 
 }

/* .product */
.product .s4-pd { --s4-pt: 11.4rem; --s4-pb: 12rem; --s4-top-gap: 6rem; --s4-top-mb: 4rem; --s4-tt-fs: 3.1rem; --s4-tt-lh: 1.35; --s4-tt-ls: -0.04em; --s4-tt-c: #8E7F70; --s4-tx-fs: 1.8rem; --s4-tx-lh: 1.85; --s4-tx-mt: 2rem; --s4-tx-c: #33302D; --s4-no-fs: 16.1rem; --s4-no-ls: -0.05em; --s4-no-c: #A79684; --s4-gd-gap: 3rem; --s4-cd-min-h: 20rem; --s4-cd-ig-w: 23rem; --s4-cd-ct-px: 0rem; --s4-cd-bd-c: #A69B8F; --s4-cd-bd-w: 0.1rem; --s4-cd-bg: #F5F5F2; --s4-sb-fs: 2rem; --s4-st-fs: 1.8rem; --s4-ds-fs: 1.8rem; --s4-ds-lh: 1.85; } 
.product .s4-pd .s4-in { width: 100%; margin: 0 auto; } 
.product .s4-pd .s4-gd { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--s4-gd-gap); } 
.product .s4-pd .s4-cd { display:grid; grid-template-columns:var(--s4-cd-ig-w) minmax(0, 1fr); min-height:var(--s4-cd-min-h); border:var(--s4-cd-bd-w) solid var(--s4-cd-bd-c); background: var(--color-bg); overflow:hidden; } 
.product .s4-pd .s4-ig { position:relative; min-width:0; overflow:hidden; } 
.product .s4-pd .s4-ig::after { content:""; position:absolute; top:0; right:0; width:8rem; height:100%; background:linear-gradient(90deg, rgba(245,245,242,0) 0%, rgba(245,245,242,1) 100%); pointer-events:none; } 
.product .s4-pd .s4-ig img { display:block; width:100%; height:100%; object-fit:cover; } 
.product .s4-pd .s4-ct { display:flex; flex-direction:column; justify-content:center; padding:2.8rem var(--s4-cd-ct-px); min-width:0; } 
.product .s4-pd .s4-sb { margin:0; color:#2C2926; font-family:"Noto Serif KR", serif; font-size:var(--s4-sb-fs); font-weight:700; line-height:1.4; letter-spacing:-0.03em; } 
.product .s4-pd .s4-st { margin:2rem 0 0; color:#2C2926; font-size:var(--s4-st-fs); font-weight:600; font-family: "Pretendard", sans-serif; line-height:1.55; letter-spacing:-0.03em; } 
.product .s4-pd .s4-ds { margin:1.2rem 0 0; color:#33302D; font-size:var(--s4-ds-fs); font-weight:400; font-family: "Pretendard", sans-serif; line-height:var(--s4-ds-lh); letter-spacing:-0.03em; word-break:keep-all; } 
@media (max-width:1280px){
 .product .s4-pd { --s4-no-fs:13rem; --s4-gd-gap:2.4rem; --s4-cd-ig-w:24rem; --s4-cd-ct-px:2.6rem; } 
 }
@media (max-width:1024px){
 .product .s4-pd { --s4-pt:8rem; --s4-pb:8rem; --s4-tt-fs:2.6rem; --s4-tx-fs:1.65rem; --s4-no-fs:10rem; --s4-gd-gap:2.2rem; --s4-cd-ig-w:20rem; --s4-cd-min-h:19rem; --s4-cd-ct-px:2.4rem; --s4-cd-ct-py:2.4rem; --s4-sb-fs:1.8rem; --s4-st-fs:1.65rem; --s4-ds-fs:1.6rem; margin-top: -9rem; } 
 .product .s4-pd .s4-gd { grid-template-columns:1fr; } 
 .product .s4-pd .s4-cd { grid-template-columns:var(--s4-cd-ig-w) minmax(0, 1fr); } 
 }
@media (max-width:768px){
 .product .s4-pd { --s4-pt: 6rem; --s4-pb: 6rem; --s4-tt-fs: 2.5rem; --s4-tx-fs: 1.8rem; --s4-no-fs: 7.2rem; --s4-gd-gap: 1.8rem; --s4-cd-ig-w: 100%; --s4-cd-min-h: auto; --s4-cd-ct-px: 1.8rem; --s4-cd-ct-py: 2rem; --s4-sb-fs: 2rem; --s4-st-fs: 1.8rem; --s4-ds-fs: 1.8rem; --s4-ds-lh: 1.75; } 
 .product .s4-pd .s4-cd { grid-template-columns:1fr; background: linear-gradient(180deg, rgba(245,245,242,0) 0%, rgba(245,245,242,.82) 24%, rgba(245,245,242,1) 42%, rgba(248,248,245,1) 100%); } 
 .product .s4-pd .s4-ig { aspect-ratio:auto; height: 36rem; } 
 .product .s4-pd .s4-ig::after { top:auto; right:auto; bottom:0; left:0; width:100%; height:6rem; background:linear-gradient(180deg, rgba(245,245,242,0) 0%, rgba(245,245,242,1) 100%); } 
 .product .s4-pd .s4-ct { padding:var(--s4-cd-ct-py) var(--s4-cd-ct-px) 2.4rem; } 
 .product .s4-pd .s4-st { margin-top:1.2rem; } 
 .product .s4-pd .s4-ds { margin-top:0.8rem; } 
 .product .s4-pd .s4-tx br,
 .product .s4-pd .s4-ds br { display:none; } 
 }

/* .product */


/* .product .sec6 */
.product .sec6.s6-ct { --s6-min-h:90rem; --s6-pt:12rem; --s6-pb:2rem; --s6-ov:rgba(0,0,0,.34); --s6-bx-w:72rem; --s6-ic-w:13rem; --s6-tt-fs:3.2rem; --s6-tt-lh:1.28; --s6-tt-ls:-0.05em; --s6-tt-mt:3.2rem; --s6-tx-fs:2rem; --s6-tx-lh:1.85; --s6-tx-mt:2.4rem; --s6-btn-mt:4.8rem; --s6-btn-h:5.8rem; --s6-btn-px:2rem; --s6-btn-fs:2rem; --s6-btn-bg:rgba(255,255,255,.2); --s6-btn-bd:rgba(255,255,255,.18); --s6-btn-rd:999px; position:relative; min-height:var(--s6-min-h); padding:var(--s6-pt) 0 calc(var(--s6-pb) + 26rem); overflow:hidden; color:#fff; } 
.product .sec6.s6-ct .s6-bg { position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.22) 24%, rgba(0,0,0,.38) 100%), var(--sub2-s6-bg, url("/theme/basic/img/sub/sub2/page1/bg_s6.jpg")) no-repeat center / cover; z-index:0; } 

/* 페이지별 sec6 이미지 교체용 경로 재지정 */
.product .sec6.s6-ct.s6-ct--pg2 .s6-bg { background: url("/theme/basic/img/sub/sub2/page2/bg_s6.jpg") no-repeat center / cover; } 
.product .sec6.s6-ct.s6-ct--pg3 .s6-bg { background: url("/theme/basic/img/sub/sub2/page3/bg_s6.jpg") no-repeat center / cover; } 
.product .sec6.s6-ct.s6-ct--pg4 .s6-bg { background: url("/theme/basic/img/sub/sub2/page4/bg_s6.jpg") no-repeat center / cover; } 

.product .sec6.s6-ct .s6-in { position:relative; z-index:2; min-height:calc(var(--s6-min-h) - var(--s6-pt) - var(--s6-pb)); display:flex; align-items:center; justify-content:center; } 
.product .sec6.s6-ct .s6-bx { width:min(100%, var(--s6-bx-w)); text-align:center; margin-bottom: 5rem; } 
.product .sec6.s6-ct .s6-ic { display:flex; justify-content:center; width:var(--s6-ic-w); margin:0 auto; } 
.product .sec6.s6-ct .s6-ic img { display:block; width:100%; height:auto; } 
.product .sec6.s6-ct .s6-tt { margin:var(--s6-tt-mt) 0 0; color:#fff; font-family:"Noto Serif KR", serif; font-size:var(--s6-tt-fs); font-weight:700; line-height:var(--s6-tt-lh); letter-spacing:var(--s6-tt-ls); word-break:keep-all; } 
.product .sec6.s6-ct .s6-tx { margin:var(--s6-tx-mt) 0 0; color:rgba(255,255,255,.92); font-family:"Pretendard", sans-serif; font-size:var(--s6-tx-fs); font-weight:400; line-height:var(--s6-tx-lh); letter-spacing:-0.03em; word-break:keep-all; } 
.product .sec6.s6-ct .s6-btn { display:inline-flex; align-items:center; justify-content:center; gap:1rem; min-width:27rem; height:var(--s6-btn-h); margin-top:var(--s6-btn-mt); padding:0 var(--s6-btn-px); border:1px solid var(--s6-btn-bd); border-radius:var(--s6-btn-rd); background:var(--s6-btn-bg); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); color:#fff; font-family:"Pretendard", sans-serif; font-size:var(--s6-btn-fs); font-weight:400; line-height:1; transition:background .3s ease, border-color .3s ease, transform .3s ease; } 
.product .sec6.s6-ct .s6-btn:hover { background:rgba(255,255,255,.28); border-color:rgba(255,255,255,.3); transform:translateY(-0.2rem); } 
.product .sec6.s6-ct .s6-btn-ar { font-size:1.1em; line-height:1; } 
@media (max-width:1024px){
 .product #contents .sec6.s6-ct { --s6-min-h:50rem; --s6-pt:9rem; --s6-pb:4rem; --s6-bx-w:56rem; --s6-ic-w:9rem; --s6-tt-fs:2.8rem; --s6-tt-lh:1.34; --s6-tt-mt:2.6rem; --s6-tx-lh:1.8; --s6-tx-mt:2rem; --s6-btn-mt:3.6rem; --s6-btn-h:5.4rem; --s6-btn-px:2.2rem; --s6-btn-fs:1.8rem; padding:var(--s6-pt) 0 calc(var(--s6-pb) + 30rem); --s6-tx-fs:1.8rem; } 
 .product .sec6.s6-ct .s6-in { min-height:calc(var(--s6-min-h) - var(--s6-pt) - var(--s6-pb)); align-items:center; } 
 .product .sec6.s6-ct .s6-bx { width:min(100%, var(--s6-bx-w)); margin-bottom: 0; } 
 .product .sec6.s6-ct .s6-tx br { display:none; } 
 #sub.product .footer { --s6-ft-mt:-19rem; } 
 }
@media (max-width:768px){
 .product #contents .sec6.s6-ct { --s6-min-h: 33rem; --s6-pt: 8rem; --s6-pb: -9rem; --s6-bx-w: 100%; --s6-ic-w: 14.6rem; --s6-tt-fs: 2.5rem; --s6-tt-lh: 1.42; --s6-tt-mt: 2rem; --s6-tx-lh: 1.75; --s6-tx-mt: 1.6rem; --s6-btn-mt: 3rem; --s6-btn-h: 5rem; --s6-btn-px: 1.8rem; --s6-btn-fs: 1.6rem; padding: var(--s6-pt) 0 calc(var(--s6-pb) + 34rem); margin-top: 0; } 
 .product .sec6.s6-ct .s6-in { align-items:flex-start; } 
 .product .sec6.s6-ct .s6-bx { width:100%; max-width:38rem; margin:0 auto; text-align:center; } 
 .product .sec6.s6-ct .s6-btn { width:100%; min-width:0; max-width:20rem; } 
 .product .sec6.s6-ct .s6-btn-ar { font-size:1em; } 
 }
@media (max-width:576px){
 .product #contents .sec6.s6-ct { padding: var(--section-pd) var(--inner-pd) calc(var(--section-pd) * 1.5); } 
 }

/* sub2 page footer white override */
@media (min-width:577px) and (max-width:1921px){
 #sub.product .footer { --s6-ft-mt:-22.8rem; --s6-ft-pt:0rem; --s6-ft-pb:0rem; --s6-ft-ov-top:rgba(0,0,0,0); --s6-ft-ov-mid:rgba(0,0,0,.28); --s6-ft-ov-btm:rgba(0,0,0,.58); position:relative; z-index:3; margin-top:var(--s6-ft-mt); padding-top:var(--s6-ft-pt); padding-bottom:var(--s6-ft-pb); background:transparent; overflow:hidden; } 
#sub.product .footer::before { content:""; position:absolute; inset:0; background: linear-gradient( 180deg, var(--s6-ft-ov-top) 0%, var(--s6-ft-ov-mid) 36%, var(--s6-ft-ov-btm) 100% ); pointer-events:none; } 
#sub.product .footer .inner { position:relative; z-index:2; } 
#sub.product .footer .logo { filter:brightness(0) invert(1); } 
#sub.product .footer .i-tit,
#sub.product .footer .i-txt,
#sub.product .footer .btm-txt,
#sub.product .footer a,
#sub.product .footer li,
#sub.product .footer p,
#sub.product .footer strong { color:#fff !important; text-shadow:0 0.2rem 1.2rem rgba(0,0,0,.28); } 
#sub.product .footer .mid { color:rgba(255,255,255,.55) !important; } 
#sub.product .footer .ft-top,
#sub.product .footer .ft-btm { border-color:rgba(255,255,255,.18) !important; } 
 }
@media (max-width:768px){
 #sub.product .footer { margin-top:-26.1rem; } 
 }
@media (max-width:576px){
 #sub.product .footer { margin-top:0; } 
 }

/* .product .sec7(사용감) sub2만 추가된 섹션 */
.product .s7-us { --s7-pt:11.4rem; --s7-pb:12rem; --s7-top-gap:6rem; --s7-top-mb:4.8rem; --s7-no-fs:16.1rem; --s7-no-ls:-0.05em; --s7-no-c:#A79684; --s7-tt-fs:3.1rem; --s7-tt-lh:1.35; --s7-tt-ls:-0.04em; --s7-tt-c:#8E7F70; --s7-tx-fs:1.8rem; --s7-tx-lh:1.85; --s7-tx-mt:2rem; --s7-tx-c:#33302D; --s7-bx-bg:#9A8874; --s7-bx-max-h:61rem; --s7-vs-w:49.5%; --s7-vs-fd:16rem; --s7-vs-tt-fs:2.4rem; --s7-vs-tt-lh:1.55; --s7-vs-tt-ls:-0.04em; --s7-vs-tt-top:3.4rem; --s7-vs-tt-left:5.6rem; --s7-ls-px:3rem; --s7-cd-gap:2.8rem; --s7-cd-py:2.8rem; --s7-cd-bd:#fff; --s7-cd-bd-w:0.1rem; --s7-ig-w:13rem; --s7-sb-fs:2rem; --s7-sb-lh:1.5; --s7-sb-c:#fff; --s7-ds-fs:1.8rem; --s7-ds-lh:1.8; --s7-ds-mt:1rem; --s7-ds-c:rgba(255,255,255,.92); } 
.product .s7-us .s7-in { width:100%; } 
.product .s7-us .s7-tx { margin:var(--s7-tx-mt) 0 0; color:var(--s7-tx-c); font-family:"Pretendard", sans-serif; font-size:var(--s7-tx-fs); font-weight:400; line-height:var(--s7-tx-lh); letter-spacing:-0.03em; word-break:keep-all; } 
.product .s7-us .s7-bx { display:grid; grid-template-columns:minmax(0, var(--s7-vs-w)) minmax(0, 1fr); max-height:var(--s7-bx-max-h); background:var(--s7-bx-bg); overflow:hidden; } 
.product .s7-us .s7-vs { position:relative; min-height:100%; overflow:hidden; } 
.product .s7-us .s7-vs img { display:block; width:100%; height:100%; object-fit:cover; object-position:left center; } 
.product .s7-us .s7-vs-tt { position:absolute; top:var(--s7-vs-tt-top); left:var(--s7-vs-tt-left); margin:0; color:#fff; font-family:"Noto Serif KR", serif; font-size:var(--s7-vs-tt-fs); font-weight:700; line-height:var(--s7-vs-tt-lh); letter-spacing:var(--s7-vs-tt-ls); word-break:keep-all; z-index:2; } 
.product .s7-us .s7-ls { display:flex; flex-direction:column; justify-content:center; padding: 0rem 3rem 0 var(--s7-ls-px); } 
.product .s7-us .s7-cd { display:grid; grid-template-columns:var(--s7-ig-w) minmax(0, 1fr); column-gap:var(--s7-cd-gap); align-items:center; padding:var(--s7-cd-py) 0; } 
.product .s7-us .s7-cd + .s7-cd { border-top:var(--s7-cd-bd-w) solid var(--s7-cd-bd); } 
.product .s7-us .s7-ig { display:flex; align-items:center; justify-content:center; } 
.product .s7-us .s7-ig img { display:block; width:100%; max-width:var(--s7-ig-w); height:auto; } 
.product .s7-us .s7-ct { display:flex; flex-direction:column; justify-content:center; min-width:0; } 
.product .s7-us .s7-sb { margin:0; color:var(--s7-sb-c); font-family:"Pretendard", sans-serif; font-size:var(--s7-sb-fs); font-weight:700; line-height:var(--s7-sb-lh); letter-spacing:-0.03em; word-break:keep-all; } 
.product .s7-us .s7-ds { margin:var(--s7-ds-mt) 0 0; color:var(--s7-ds-c); font-family:"Pretendard", sans-serif; font-size:var(--s7-ds-fs); font-weight:400; line-height:var(--s7-ds-lh); letter-spacing:-0.03em; word-break:keep-all; } 
@media (max-width:1280px){
 .product .s7-us { --s7-pt:10rem; --s7-pb:12rem; --s7-top-gap:4.8rem; --s7-top-mb:4rem; --s7-no-fs:13rem; --s7-tt-fs:2.8rem; --s7-tx-fs:1.7rem; --s7-vs-w:47%; --s7-vs-fd:12rem; --s7-vs-tt-top:3rem; --s7-vs-tt-left:4rem; --s7-ls-px:3.8rem; --s7-cd-gap:2rem; --s7-cd-py:2.4rem; --s7-ig-w:11.2rem; --s7-sb-fs:1.9rem; } 
 .product .s7-us .s7-bx { max-height:none; } 
 }
@media (max-width:1024px){
 .product .s7-us { --s7-pt:8rem; --s7-pb:8rem; --s7-top-gap:0; --s7-top-mb:3.6rem; --s7-tt-fs:2.5rem; --s7-tx-fs:1.65rem; --s7-no-fs:9.6rem; --s7-vs-w:100%; --s7-vs-fd:10rem; --s7-vs-tt-top:2.8rem; --s7-vs-tt-left:3rem; --s7-ls-px:3rem; --s7-cd-gap:1.8rem; --s7-cd-py:2.2rem; --s7-ig-w:10rem; --s7-sb-fs:1.8rem; } 
 .product .s7-us .s7-top { grid-template-columns:1fr; row-gap:2rem; margin-bottom:var(--s7-top-mb); } 
 .product .s7-us .s7-hd { width:100%; margin-left:0; padding-top:0; } 
 .product .s7-us .s7-bx { grid-template-columns:1fr; max-height:none; } 
 .product .s7-us .s7-vs { min-height:auto; height: 29rem; } 
 .product .s7-us .s7-ls { padding: 0rem var(--s7-ls-px); } 
 .product .s7-us .s7-tx br { display:none; } 
 .product .s7-us .s7-vs-tt { left: auto; right: var(--s7-vs-tt-left); font-size: 2rem; text-align: right; } 
 }
@media (max-width:768px){
 .product .s7-us { --s7-pt:6rem; --s7-pb:6rem; --s7-top-mb:2.8rem; --s7-tt-fs:2.1rem; --s7-tx-fs:1.5rem; --s7-no-fs:7.2rem; --s7-vs-fd:7rem; --s7-vs-tt-top:2.4rem; --s7-vs-tt-left:2rem; --s7-vs-tt-fs:2.2rem; --s7-ls-px:2rem; --s7-cd-gap:1.4rem; --s7-cd-py:1.8rem; --s7-ig-w:8.4rem; --s7-ds-mt:0.8rem; margin-top: -9rem; } 
 .product .s7-us .s7-cd { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; } 
 .product .s7-us .s7-ig img { max-width:8.4rem; } 
 .product .s7-us .s7-tx br,
 .product .s7-us .s7-ds br { display:none; } 
 .product .s7-us .s7-ds { margin: 0; line-height: 1.5; } 
 }