@charset "utf-8";

#hqCheonilhwangVisual .overview-visual-bg{
background-position:68% center;
}

#hqCheonilhwangVisual .overview-desc{
color:#111111;
}

#hqCheonilhwangPremium.cheonilhwang-premium-section{
--ci-text:#111111;
--ci-gold:#8B7355;
--ci-brown:#6f5a43;
--ci-bg:#f5f0ea;
--ci-card:#ffffff;
--ci-card-shadow:0 4px 18px rgba(0,0,0,.06);
position:relative;
padding:clamp(64px,5.5vw,96px) 0 clamp(72px,6vw,100px);
background:var(--ci-bg);
color:var(--ci-text);
font-family:var(--k-font),var(--e-font);
box-sizing:border-box;
overflow:hidden;
}

#hqCheonilhwangPremium .cheonilhwang-premium-inner{
max-width:var(--layout-max,1800px);
margin:0 auto;
padding:0 var(--layout-gutter,80px);
box-sizing:border-box;
}

#hqCheonilhwangPremium .cheonilhwang-premium-grid{
display:grid;
grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
gap:clamp(28px,3.2vw,52px);
align-items:center;
}

#hqCheonilhwangPremium .cheonilhwang-premium-intro{
display:flex;
flex-direction:column;
justify-content:center;
min-width:0;
}

#hqCheonilhwangPremium .section-heading .label{
margin:0 0 18px;
font-size:12px;
font-weight:600;
letter-spacing:.14em;
color:var(--ci-gold);
font-family:var(--e-font),var(--k-font);
}

#hqCheonilhwangPremium .section-heading h2{
margin:0 0 24px;
font-family:var(--k-font),var(--e-font);
font-size:clamp(30px,2.6vw,42px);
font-weight:700;
line-height:1.28;
letter-spacing:-.02em;
color:var(--ci-text);
word-break:keep-all;
}

#hqCheonilhwangPremium .section-heading .description{
margin:0 0 14px;
max-width:560px;
font-size:14px;
line-height:1.9;
color:var(--ci-text);
word-break:keep-all;
}

#hqCheonilhwangPremium .section-heading .description--last{
margin-bottom:clamp(28px,2.8vw,36px);
}

#hqCheonilhwangPremium .cheonilhwang-premium-btn{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
width:100%;
max-width:420px;
padding:16px 28px;
border:1px solid #d8d0c4;
border-radius:999px;
background:#faf7f2;
color:var(--ci-brown);
font-size:14px;
font-weight:500;
line-height:1;
text-decoration:none;
transition:background .25s ease,border-color .25s ease,color .25s ease;
}

#hqCheonilhwangPremium .cheonilhwang-premium-btn:hover{
background:#ffffff;
border-color:var(--ci-brown);
color:var(--ci-brown);
}

#hqCheonilhwangPremium .cheonilhwang-premium-visual{
display:flex;
flex-direction:column;
gap:clamp(14px,1.4vw,18px);
min-width:0;
}

#hqCheonilhwangPremium .cheonilhwang-premium-photo{
margin:0;
overflow:hidden;
border-radius:clamp(18px,1.6vw,24px);
box-shadow:0 14px 36px rgba(0,0,0,.1);
}

#hqCheonilhwangPremium .cheonilhwang-premium-photo.reveal-photo{
clip-path:inset(0 100% 0 0 round clamp(18px,1.6vw,24px));
transition:clip-path 1.05s cubic-bezier(.16,1,.64,1);
}

#hqCheonilhwangPremium.is-revealing .cheonilhwang-premium-photo.reveal-photo{
clip-path:inset(0 0 0 0 round clamp(18px,1.6vw,24px));
}

#hqCheonilhwangPremium .cheonilhwang-premium-photo img{
display:block;
width:100%;
aspect-ratio:762 / 430;
object-fit:cover;
object-position:center center;
transform:scale(1.04);
transition:transform 1.2s cubic-bezier(.16,1,.64,1);
}

#hqCheonilhwangPremium.is-revealing .cheonilhwang-premium-photo img{
transform:scale(1);
transition-delay:.08s;
}

#hqCheonilhwangPremium .cheonilhwang-premium-cards{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:clamp(10px,1vw,14px);
}

#hqCheonilhwangPremium .cheonilhwang-premium-card{
overflow:hidden;
background:var(--ci-card);
border-radius:clamp(14px,1.2vw,18px);
box-shadow:var(--ci-card-shadow);
}

#hqCheonilhwangPremium .cheonilhwang-premium-card-media{
margin:0;
position:relative;
aspect-ratio:268 / 145;
overflow:hidden;
line-height:0;
border-radius:clamp(14px,1.2vw,18px) clamp(14px,1.2vw,18px) 0 0;
background:#2a2218;
}

#hqCheonilhwangPremium .cheonilhwang-premium-card-media img{
position:absolute;
left:0;
top:50%;
width:100%;
height:calc(100% * 165 / 145);
object-fit:cover;
object-position:center center;
transform:translateY(-50%) scale(1.14);
transform-origin:center center;
}

#hqCheonilhwangPremium .cheonilhwang-premium-card-body{
display:flex;
align-items:flex-start;
gap:clamp(8px,.9vw,12px);
padding:clamp(12px,1.2vw,16px) clamp(10px,1vw,14px) clamp(14px,1.4vw,18px);
}

#hqCheonilhwangPremium .cheonilhwang-premium-card-icon{
flex:0 0 40px;
display:flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
}

#hqCheonilhwangPremium .cheonilhwang-premium-card-icon img{
display:block;
width:40px;
height:40px;
object-fit:contain;
}

#hqCheonilhwangPremium .cheonilhwang-premium-card-copy{
min-width:0;
}

#hqCheonilhwangPremium .cheonilhwang-premium-card-title{
display:block;
margin:0 0 4px;
font-size:clamp(12px,1vw,14px);
font-weight:700;
line-height:1.35;
color:var(--ci-text);
word-break:keep-all;
}

#hqCheonilhwangPremium .cheonilhwang-premium-card-desc{
margin:0;
font-size:clamp(10px,.82vw,12px);
line-height:1.55;
color:#666666;
word-break:keep-all;
}

#hqCheonilhwangPremium .reveal-item{
opacity:0;
transform:translateY(24px);
transition:opacity .65s ease,transform .65s ease;
}

#hqCheonilhwangPremium.is-revealing .reveal-item{
opacity:1;
transform:none;
}

#hqCheonilhwangPremium.is-revealing .cheonilhwang-premium-intro.reveal-item{transition-delay:.08s}
#hqCheonilhwangPremium.is-revealing .cheonilhwang-premium-card.reveal-item:nth-child(1){transition-delay:.14s}
#hqCheonilhwangPremium.is-revealing .cheonilhwang-premium-card.reveal-item:nth-child(2){transition-delay:.2s}
#hqCheonilhwangPremium.is-revealing .cheonilhwang-premium-card.reveal-item:nth-child(3){transition-delay:.26s}

@media (prefers-reduced-motion:reduce){
#hqCheonilhwangPremium .reveal-item{opacity:1;transform:none;transition:none}
#hqCheonilhwangPremium .cheonilhwang-premium-photo.reveal-photo{clip-path:none;transition:none}
#hqCheonilhwangPremium .cheonilhwang-premium-photo img{transform:none;transition:none}
}

@media (max-width:1024px){
#hqCheonilhwangPremium .cheonilhwang-premium-inner{padding:0 48px}
#hqCheonilhwangPremium .cheonilhwang-premium-grid{
grid-template-columns:1fr;
gap:clamp(32px,4vw,48px);
}
#hqCheonilhwangPremium .cheonilhwang-premium-btn{max-width:none}
#hqCheonilhwangPremium .cheonilhwang-premium-cards{
grid-template-columns:1fr;
max-width:520px;
margin:0 auto;
}
}

@media (max-width:640px){
#hqCheonilhwangPremium .cheonilhwang-premium-inner{padding:0 24px}
#hqCheonilhwangPremium .section-heading h2 br{display:none}
}