/* Image-to-HTML detail pages; scoped to avoid changing reviewed treatment pages. */
.st--details{font-weight:400}
.st--details section[id]{scroll-margin-top:24px}
.detail-hero{display:grid;grid-template-columns:1.05fr 1fr;margin-top:60px;border-radius:20px;overflow:hidden;background:#292d29;color:#fff}
.detail-hero-photo{position:relative;min-width:0;min-height:440px;background:#eeece7}
.detail-hero-photo>img,.detail-hero-photo>svg{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.detail-hero-copy{padding:60px 48px;align-self:center}
.detail-hero-copy h2{font-weight:500;font-size:clamp(29px,2.9vw,42px)}
.detail-hero-copy>p:not(.st-eyebrow){color:#d5d6ce;margin-top:25px;font-size:16px}
.detail-hero-copy .st-eyebrow{color:#d4bb9b}
.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.detail-tags span{padding:6px 13px;border:1px solid #626658;border-radius:30px;color:#e2d8c8;font-size:12px}
.detail-answer{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:60px 0 76px}
.detail-answer h2{font-size:30px;font-weight:500}
.detail-answer>div>p:not(.st-eyebrow){font-size:19px;color:#51554e}
.detail-answer dl{margin:26px 0 0}
.detail-answer dl>div{padding:14px 0;border-top:1px solid #ddd7cb;display:grid;grid-template-columns:125px 1fr;gap:18px;font-size:14px}
.detail-answer dt{font-weight:600;color:#876e50}
.detail-answer dd{margin:0;color:#64675f}
.detail-section--sand,.detail-cases{background:#f6f4f0}
.detail-section--dark{background:#292d29;color:white}
.detail-section--dark .st-eyebrow{color:#d4bb9b}
.detail-section--dark .st-section-heading>p{color:#d5d6ce}
.detail-section--statement .st-section-heading{margin-bottom:0}
.detail-section--statement h2{font-weight:400}
.detail-figure{margin:0;background:#fff;border-radius:16px;overflow:hidden}
.detail-media{aspect-ratio:1.25;overflow:hidden}
.detail-media>img,.detail-media>svg{display:block;width:100%;height:100%;object-fit:cover}
.detail-figure figcaption{font-size:12px;padding:15px 20px;color:#827d72;text-align:right}
.detail-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.detail-cards--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.detail-card{background:#f6f4f0;border-radius:15px;overflow:hidden;min-width:0}
.detail-section--sand .detail-card{background:#fff}
.detail-card-copy{padding:34px}
.detail-card-copy h3{font-size:23px}
.detail-card-copy p{font-size:16px;color:#6d6d67;margin-top:16px}
.detail-card-media{aspect-ratio:1.55;overflow:hidden}
.detail-card-media>img,.detail-card-media>svg{width:100%;height:100%;display:block;object-fit:cover}
.detail-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.detail-steps--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.detail-steps li{padding:28px 10px 8px;border-top:1px solid #bda181}
.detail-steps h3{font-size:22px}
.detail-steps p{color:#6d6d67;font-size:16px;margin-top:16px}
.detail-bio{list-style:none;padding:0;margin-top:18px!important;color:#6d6d67;font-size:14px}
.detail-bio li{margin-top:5px}
.detail-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.detail-case-grid article{background:white;border-radius:16px;overflow:hidden}
.detail-case-photo{aspect-ratio:1.5;overflow:hidden;background:#151515}
.detail-case-photo svg{width:100%;height:100%;display:block}
.detail-case-copy{padding:28px}
.detail-case-copy h3{font-size:22px}
.detail-sources{max-width:1020px;margin:28px auto 0;border-top:1px solid #eee8df;padding-top:20px;font-size:12px;color:#7b7367;display:flex;flex-wrap:wrap;gap:10px 22px}
.detail-sources p{font-size:12px}
.detail-sources a{text-decoration:underline;text-underline-offset:3px}
.detail-related{padding:45px 0;border-top:1px solid #e9e2d8}
.detail-related h2{font-size:22px;margin-bottom:24px}
.detail-related>div>div{display:flex;flex-wrap:wrap;gap:12px}
.detail-related a{background:#f6f4f0;padding:14px 22px;display:flex;gap:25px;border-radius:6px;font-size:14px}
.detail-related span{color:#927552}
.detail-links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}
.detail-links a{display:flex;gap:55px;padding:22px 32px;border:1px solid #c5b7a5;border-radius:8px;justify-content:space-between}
.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:35px 28px}
.detail-gallery figure{margin:0;min-width:0}
.detail-gallery-photo{aspect-ratio:16/9;overflow:hidden;border-radius:15px;background:#f4f4f0}
.detail-gallery-photo>img,.detail-gallery-photo>svg{width:100%;height:100%;display:block;object-fit:cover}
.detail-gallery figcaption{padding:20px 0}
.detail-gallery h3{font-size:22px}
.detail-gallery p{color:#6d6d67;font-size:15px;margin-top:8px}
.detail-prices{max-width:1080px;margin:auto}
.detail-prices h2{font-size:27px;margin:40px 0 22px}
.detail-prices>section:first-of-type h2{margin-top:25px}
.detail-prices .ch-tablewrap{overflow:auto}
.detail-prices table{table-layout:auto}
.detail-prices table th:first-child{width:65%}
.detail-prices table td{white-space:nowrap}
.detail-prices .ch-note{font-size:13px;font-weight:400;color:#777;margin-top:5px}
.detail-prices .ch-callout,.detail-prices .ch-disclaimer{background:#f6f4f0;padding:24px;border-radius:12px;font-size:15px;color:#68675f;line-height:1.9}
.detail-prices .ch-callout b{display:block;color:#292d29;font-size:18px}
.st--details :focus-visible{outline:2px solid #927552;outline-offset:5px}
.st--details .st-checklist li{font-size:17px}
.st-sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:1100px){.detail-hero-copy{padding:40px 30px}
.detail-answer{gap:40px}
.detail-card-copy{padding:27px}
.detail-steps{gap:24px}
.detail-steps--4{grid-template-columns:repeat(2,minmax(0,1fr))}
.detail-hero-photo{min-height:380px}
}

@media(max-width:767px){.st--details .st-heading h1{font-size:32px}
.st--details .st-heading>p:last-child{font-size:18px}
.st--details .st-nav{justify-content:flex-start}
.st--details .st-breadcrumb{gap:9px;flex-wrap:wrap;font-size:11px}
.detail-hero{grid-template-columns:1fr;margin-top:30px;border-radius:13px}
.detail-hero-photo{height:290px;min-height:0}
.detail-hero-photo>img{object-position:center 30%}
.detail-hero-copy{padding:32px 26px 36px}
.detail-hero-copy h2{font-size:28px}
.detail-hero-copy>p:not(.st-eyebrow){font-size:15px;margin-top:20px}
.detail-tags{margin-top:23px}
.detail-tags span{font-size:11px}
.detail-answer{grid-template-columns:1fr;gap:24px;padding:38px 0 50px}
.detail-answer h2{font-size:26px}
.detail-answer>div>p:not(.st-eyebrow){font-size:16px}
.detail-answer dl>div{grid-template-columns:85px 1fr;gap:12px;font-size:13px}
.detail-cards,.detail-cards--two,.detail-case-grid,.detail-gallery{grid-template-columns:1fr;gap:20px}
.detail-card-copy{padding:28px 25px}
.detail-card-copy h3{font-size:22px}
.detail-card-copy p{font-size:15px}
.detail-steps{grid-template-columns:1fr;gap:0}
.detail-steps li{display:flex;gap:23px;padding:25px 0}
.detail-steps .st-number{font-size:34px;flex:0 0 43px;margin-bottom:0}
.detail-steps h3{font-size:20px}
.detail-steps p{font-size:15px;margin-top:12px}
.detail-bio{font-size:13px}
.detail-case-copy{padding:25px}
.detail-case-copy h3{font-size:21px}
.detail-related{padding:35px 0}
.detail-related>div>div{display:grid;grid-template-columns:1fr 1fr}
.detail-related a{padding:13px 16px;font-size:13px;gap:12px;justify-content:space-between}
.detail-links{flex-direction:column}
.detail-links a{padding:18px 24px}
.detail-gallery{gap:15px}
.detail-gallery h3{font-size:20px}
.detail-gallery p{font-size:14px}
.detail-prices th,.detail-prices td{padding:16px 12px;font-size:14px}
.detail-prices .ch-callout,.detail-prices .ch-disclaimer{padding:20px;font-size:14px}
.detail-prices table th:first-child{width:60%}
.st--details .st-checklist li{font-size:15px}
.st--details table{min-width:620px}
.detail-prices table{min-width:0}
.st--details .st-table-wrap:after{content:'좌우로 밀어 비교표를 확인하세요.';display:block;font-size:12px;color:#827d72;padding-top:10px}
.detail-section--table .st-note{margin-top:15px}
}

.detail-hero-photo>svg[ preserveAspectRatio="xMidYMid meet"]{padding:24px;background:#f1f0ed}
.detail-media>img[style*="contain"]{padding:16px;background:#fff}
.detail-media>svg[preserveAspectRatio="xMidYMid meet"]{background:#f1f0ed}
