@charset "utf-8";

/* Vision — OUR PRINCIPLES section */
#hqVisionPrinciples.vision-principles{
--vp-gold:#c2a575;
--vp-gold-dark:#9a845f;
--vp-text:#111111;
--vp-sub:#666666;
--vp-card-border:#eeeeee;
--vp-panel-bg:#f9f7f2;
position:relative;
width:100%;
padding:80px var(--layout-gutter,80px) 56px;
background:#ffffff;
font-family:var(--e-font),var(--k-font);
box-sizing:border-box;
}

#hqVisionPrinciples .vision-principles-inner{
max-width:var(--layout-max,1800px);
margin:0 auto;
box-sizing:border-box;
}

#hqVisionPrinciples .vision-principles-panel{
padding:56px 64px 60px;
border:1px solid rgba(0,0,0,.06);
border-radius:28px;
background-color:var(--vp-panel-bg);
background-image:
radial-gradient(ellipse 120% 80% at 20% 0%,rgba(255,255,255,.9) 0%,transparent 55%),
radial-gradient(ellipse 90% 60% at 80% 100%,rgba(194,165,117,.06) 0%,transparent 50%),
linear-gradient(135deg,rgba(255,252,248,.95) 0%,rgba(249,247,242,1) 100%);
box-shadow:0 4px 32px rgba(120,100,80,.06);
box-sizing:border-box;
}

#hqVisionPrinciples .vision-principles-hero{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
gap:48px;
align-items:center;
margin-bottom:48px;
}

#hqVisionPrinciples .vision-principles-label{
margin:0 0 18px;
font-size:13px;
font-weight:600;
letter-spacing:.2em;
text-transform:uppercase;
color:var(--vp-gold);
font-family:var(--e-font),var(--k-font);
}

#hqVisionPrinciples .vision-principles-title{
margin:0 0 22px;
font-size:clamp(28px,2.4vw,36px);
font-weight:700;
line-height:1.35;
letter-spacing:-.02em;
color:var(--vp-text);
font-family:var(--k-font),var(--e-font);
}

#hqVisionPrinciples .vision-principles-desc{
margin:0 0 28px;
font-size:14px;
font-weight:400;
line-height:1.85;
color:var(--vp-sub);
word-break:keep-all;
font-family:var(--k-font),var(--e-font);
}

#hqVisionPrinciples .vision-principles-cta{
display:inline-flex;
align-items:center;
gap:10px;
padding:11px 22px;
border:1px solid var(--vp-gold);
border-radius:4px;
background:transparent;
color:var(--vp-gold);
font-size:12px;
font-weight:600;
letter-spacing:.12em;
text-transform:uppercase;
text-decoration:none;
font-family:var(--e-font),var(--k-font);
transition:background .25s ease,color .25s ease,border-color .25s ease;
}

#hqVisionPrinciples .vision-principles-cta:hover{
background:var(--vp-gold);
color:#ffffff;
}

#hqVisionPrinciples .vision-principles-cta-arrow{
font-size:14px;
line-height:1;
}

#hqVisionPrinciples .vision-principles-visual{
margin:0;
overflow:hidden;
border-radius:24px 24px 24px 0;
}

#hqVisionPrinciples .vision-principles-visual-img{
display:block;
width:100%;
height:auto;
aspect-ratio:16/10;
object-fit:cover;
object-position:center;
}

#hqVisionPrinciples .vision-principles-cards{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:20px;
margin:0;
padding:0;
list-style:none;
}

#hqVisionPrinciples .vision-principles-card{
position:relative;
display:flex;
flex-direction:column;
min-height:220px;
padding:28px 24px 48px;
border:1px solid var(--vp-card-border);
border-radius:16px;
background:#ffffff;
box-sizing:border-box;
cursor:pointer;
transition:transform .4s cubic-bezier(.16,1,.64,1),box-shadow .4s ease,border-color .35s ease;
}

#hqVisionPrinciples .vision-principles-card-icon{
display:block;
width:48px;
height:48px;
margin:0 0 20px;
object-fit:contain;
}

#hqVisionPrinciples .vision-principles-card-title{
margin:0 0 14px;
font-size:15px;
font-weight:700;
line-height:1.4;
letter-spacing:-.01em;
color:var(--vp-text);
font-family:var(--e-font),var(--k-font);
}

#hqVisionPrinciples .vision-principles-card-desc{
margin:0;
flex:1;
font-size:13px;
font-weight:400;
line-height:1.75;
color:#777777;
word-break:keep-all;
font-family:var(--k-font),var(--e-font);
}

#hqVisionPrinciples .vision-principles-card-arrow{
position:absolute;
left:24px;
bottom:24px;
font-size:16px;
line-height:1;
color:var(--vp-gold);
font-family:var(--e-font),var(--k-font);
transition:transform .3s ease,color .3s ease;
}

@media (hover:hover) and (pointer:fine){
#hqVisionPrinciples .vision-principles-card:hover{
transform:translateY(-6px);
border-color:rgba(194,165,117,.45);
box-shadow:0 16px 40px rgba(120,100,80,.12);
}

#hqVisionPrinciples .vision-principles-card:hover .vision-principles-card-arrow{
transform:translateX(4px);
color:var(--vp-gold-dark);
}
}

/* Scroll reveal */
#hqVisionPrinciples .reveal-item{
opacity:0;
transform:translateY(28px);
transition:opacity .9s ease-out,transform .9s cubic-bezier(.16,1,.64,1);
}

#hqVisionPrinciples.is-revealing .reveal-item{
opacity:1;
transform:translateY(0);
}

#hqVisionPrinciples.is-revealing .vision-principles-panel.reveal-item{transition-delay:.04s}
#hqVisionPrinciples.is-revealing .vision-principles-copy.reveal-item{transition-delay:.1s}
#hqVisionPrinciples.is-revealing .vision-principles-visual.reveal-item{transition-delay:.18s}
#hqVisionPrinciples.is-revealing .vision-principles-cards .vision-principles-card.reveal-item:nth-child(1){transition-delay:.28s}
#hqVisionPrinciples.is-revealing .vision-principles-cards .vision-principles-card.reveal-item:nth-child(2){transition-delay:.36s}
#hqVisionPrinciples.is-revealing .vision-principles-cards .vision-principles-card.reveal-item:nth-child(3){transition-delay:.44s}
#hqVisionPrinciples.is-revealing .vision-principles-cards .vision-principles-card.reveal-item:nth-child(4){transition-delay:.52s}

/* Vision — OUR STANDARD section */
#hqVisionStandard.vision-standard{
--vs-gold:#c2a575;
--vs-gold-dark:#9a845f;
--vs-text:#111111;
--vs-sub:#666666;
position:relative;
width:100%;
padding:24px var(--layout-gutter,80px) 100px;
background:#ffffff;
font-family:var(--e-font),var(--k-font);
box-sizing:border-box;
}

#hqVisionStandard .vision-standard-inner{
max-width:var(--layout-max,1800px);
margin:0 auto;
box-sizing:border-box;
}

#hqVisionStandard .vision-standard-head{
max-width:820px;
margin:0 auto 52px;
text-align:center;
}

#hqVisionStandard .vision-standard-label{
margin:0 0 16px;
font-size:13px;
font-weight:600;
letter-spacing:.2em;
text-transform:uppercase;
color:var(--vs-gold);
font-family:var(--e-font),var(--k-font);
}

#hqVisionStandard .vision-standard-title{
margin:0 0 20px;
font-size:clamp(26px,2.2vw,34px);
font-weight:700;
line-height:1.4;
letter-spacing:-.02em;
color:var(--vs-text);
word-break:keep-all;
font-family:var(--k-font),var(--e-font);
}

#hqVisionStandard .vision-standard-desc{
margin:0;
font-size:14px;
font-weight:400;
line-height:1.85;
color:var(--vs-sub);
word-break:keep-all;
font-family:var(--k-font),var(--e-font);
}

#hqVisionStandard .vision-standard-cards{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:24px;
margin:0;
padding:0;
list-style:none;
}

#hqVisionStandard .vision-standard-card{
position:relative;
display:flex;
flex-direction:column;
min-height:0;
cursor:pointer;
}

#hqVisionStandard .vision-standard-card-media{
position:relative;
z-index:0;
overflow:hidden;
border-radius:20px 20px 0 0;
}

#hqVisionStandard .vision-standard-card-img{
display:block;
width:100%;
height:auto;
aspect-ratio:4/3.2;
object-fit:cover;
object-position:center;
}

#hqVisionStandard .vision-standard-card-body{
position:relative;
z-index:1;
display:flex;
flex-direction:column;
align-items:center;
margin:-72px 20px 0;
padding:32px 24px 36px;
border-radius:16px;
border:1px solid rgba(0,0,0,.06);
background:#ffffff;
box-shadow:0 8px 28px rgba(120,100,80,.08);
text-align:center;
box-sizing:border-box;
transition:transform .4s cubic-bezier(.16,1,.64,1),box-shadow .4s ease,border-color .35s ease;
}

#hqVisionStandard .vision-standard-card-icon{
display:block;
width:48px;
height:48px;
margin:0 0 16px;
object-fit:contain;
color:var(--vs-gold);
}

#hqVisionStandard .vision-standard-card-title{
margin:0 0 14px;
font-size:13px;
font-weight:600;
letter-spacing:.18em;
text-transform:uppercase;
color:var(--vs-gold);
font-family:var(--e-font),var(--k-font);
}

#hqVisionStandard .vision-standard-card-text{
margin:0 0 20px;
font-size:13px;
font-weight:400;
line-height:1.75;
color:#777777;
word-break:keep-all;
font-family:var(--k-font),var(--e-font);
}

#hqVisionStandard .vision-standard-card-btn{
display:flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
margin:0 auto;
border:1px solid #dddddd;
border-radius:50%;
font-size:14px;
line-height:1;
color:#888888;
background:#ffffff;
transition:border-color .3s ease,color .3s ease,transform .3s ease;
}

@media (hover:hover) and (pointer:fine){
#hqVisionStandard .vision-standard-card:hover .vision-standard-card-body{
transform:translateY(-6px);
border-color:rgba(194,165,117,.4);
box-shadow:0 18px 44px rgba(120,100,80,.14);
}

#hqVisionStandard .vision-standard-card:hover .vision-standard-card-btn{
border-color:var(--vs-gold);
color:var(--vs-gold);
transform:translateX(3px);
}
}

/* Scroll reveal — OUR STANDARD */
#hqVisionStandard .reveal-item{
opacity:0;
transform:translateY(28px);
transition:opacity .9s ease-out,transform .9s cubic-bezier(.16,1,.64,1);
}

#hqVisionStandard.is-revealing .reveal-item{
opacity:1;
transform:translateY(0);
}

#hqVisionStandard.is-revealing .vision-standard-head.reveal-item{transition-delay:.06s}
#hqVisionStandard.is-revealing .vision-standard-cards .vision-standard-card.reveal-item:nth-child(1){transition-delay:.14s}
#hqVisionStandard.is-revealing .vision-standard-cards .vision-standard-card.reveal-item:nth-child(2){transition-delay:.22s}
#hqVisionStandard.is-revealing .vision-standard-cards .vision-standard-card.reveal-item:nth-child(3){transition-delay:.3s}

@media (prefers-reduced-motion:reduce){
#hqVisionPrinciples .reveal-item,
#hqVisionStandard .reveal-item{opacity:1;transform:none;transition:none}
#hqVisionPrinciples .vision-principles-card:hover{transform:none}
#hqVisionStandard .vision-standard-card:hover .vision-standard-card-body{transform:none}
}

@media (max-width:1280px){
#hqVisionPrinciples.vision-principles{padding:64px 48px 88px}
#hqVisionPrinciples .vision-principles-panel{padding:48px 48px 52px}
#hqVisionPrinciples .vision-principles-hero{gap:40px;margin-bottom:40px}
#hqVisionStandard.vision-standard{padding:0 48px 88px}
#hqVisionStandard .vision-standard-card-body{margin-top:-64px;padding:28px 20px 32px}
#hqVisionPrinciples .vision-principles-card{min-height:200px;padding:24px 20px 44px}
}

@media (max-width:1024px){
#hqVisionPrinciples .vision-principles-hero{
grid-template-columns:1fr;
gap:32px;
}
#hqVisionPrinciples .vision-principles-visual{border-radius:20px}
#hqVisionStandard .vision-standard-cards{
grid-template-columns:1fr;
max-width:480px;
margin:0 auto;
}
#hqVisionPrinciples .vision-principles-cards{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}

@media (max-width:768px){
#hqVisionPrinciples.vision-principles{padding:48px 24px 72px}
#hqVisionPrinciples .vision-principles-panel{padding:32px 24px 36px;border-radius:20px}
#hqVisionPrinciples .vision-principles-title{font-size:24px}
#hqVisionStandard.vision-standard{padding:0 24px 72px}
#hqVisionStandard .vision-standard-head{margin-bottom:36px}
#hqVisionStandard .vision-standard-title{font-size:22px}
#hqVisionStandard .vision-standard-card-body{margin:-56px 12px 0;padding:24px 18px 28px}
#hqVisionPrinciples .vision-principles-cards{grid-template-columns:1fr}
}

/* Vision — Company intro (회사소개서) */
.vision-company{
--vc-gold:#c2a575;
--vc-text:#111111;
--vc-sub:#666666;
--vc-line:#eeeeee;
--vc-panel:#f9f7f2;
position:relative;
width:100%;
padding:80px var(--layout-gutter,80px);
background:#ffffff;
font-family:var(--e-font),var(--k-font);
box-sizing:border-box;
}

.vision-company-inner{
max-width:var(--layout-max,1800px);
margin:0 auto;
box-sizing:border-box;
}

.vision-company-head{
margin-bottom:40px;
}

.vision-company-label{
margin:0 0 14px;
font-size:13px;
font-weight:600;
letter-spacing:.2em;
text-transform:uppercase;
color:var(--vc-gold);
}

.vision-company-title{
margin:0;
font-size:clamp(26px,2.2vw,34px);
font-weight:700;
line-height:1.35;
letter-spacing:-.02em;
color:var(--vc-text);
font-family:var(--k-font),var(--e-font);
}

.vision-company .reveal-item{
opacity:0;
transform:translateY(28px);
transition:opacity .9s ease-out,transform .9s cubic-bezier(.16,1,.64,1);
}

.vision-company.is-revealing .reveal-item{
opacity:1;
transform:translateY(0);
}

/* History — sequential timeline animation */
#hqVisionHistory.vision-company-history{
--history-duration:4.2s;
--history-step-gap:0.75s;
padding-top:56px;
background:#ffffff;
}

#hqHistoryVisual .overview-visual-bg{
background-position:65% center;
}

#hqOrganizationVisual .overview-visual-bg{
background-position:70% center;
}

#hqVisionOrg.vision-company-org{
padding-top:56px;
background:#ffffff;
}

#hqVisionHistory .vision-history-flow{
position:relative;
box-sizing:border-box;
}

#hqVisionHistory .vision-history-axis{
display:grid;
grid-template-columns:auto 1fr auto;
align-items:center;
gap:20px;
margin-bottom:56px;
}

#hqVisionHistory .vision-history-axis-edge{
font-size:12px;
font-weight:600;
letter-spacing:.12em;
color:#aaaaaa;
font-family:var(--e-font),var(--k-font);
white-space:nowrap;
}

#hqVisionHistory .vision-history-axis-edge.is-end{
color:var(--vc-gold);
}

#hqVisionHistory .vision-history-axis-track{
position:relative;
height:48px;
}

#hqVisionHistory .vision-history-axis-track::before{
content:'';
position:absolute;
left:0;
right:0;
top:50%;
height:2px;
margin-top:-1px;
background:#ece8e2;
border-radius:2px;
}

#hqVisionHistory .vision-history-axis-fill{
position:absolute;
left:0;
top:50%;
width:100%;
height:2px;
margin-top:-1px;
background:linear-gradient(90deg,#d4bc8e 0%,var(--vc-gold) 100%);
border-radius:2px;
transform:scaleX(0);
transform-origin:left center;
}

#hqVisionHistory .vision-history-axis-points{
display:flex;
justify-content:space-between;
position:relative;
z-index:1;
height:100%;
margin:0;
padding:0 0;
list-style:none;
}

#hqVisionHistory .vision-history-axis-point{
display:flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
}

#hqVisionHistory .vision-history-axis-point span{
display:flex;
align-items:center;
justify-content:center;
min-width:44px;
height:44px;
padding:0 10px;
border:2px solid #e5e0d8;
border-radius:100px;
background:#ffffff;
font-size:12px;
font-weight:600;
letter-spacing:.02em;
color:#999999;
font-family:var(--e-font),var(--k-font);
transform:scale(.92);
opacity:.55;
transition:color .3s ease,border-color .3s ease,transform .3s ease,opacity .3s ease,box-shadow .3s ease;
}

#hqVisionHistory .vision-history-axis-point.is-end span{
min-width:48px;
}

#hqVisionHistory .vision-history-steps{
position:relative;
margin:0;
padding:0 0 0 28px;
list-style:none;
}

#hqVisionHistory .vision-history-steps::before{
content:'';
position:absolute;
left:11px;
top:8px;
bottom:8px;
width:2px;
background:#ece8e2;
border-radius:2px;
}

#hqVisionHistory .vision-history-steps::after{
content:'';
position:absolute;
left:11px;
top:8px;
width:2px;
height:calc(100% - 16px);
background:linear-gradient(180deg,var(--vc-gold) 0%,#d4bc8e 100%);
border-radius:2px;
transform-origin:top center;
transform:scaleY(0);
}

#hqVisionHistory .vision-history-step{
display:grid;
grid-template-columns:148px minmax(0,1fr);
gap:28px 40px;
align-items:start;
padding-bottom:36px;
opacity:0;
transform:translateX(20px);
}

#hqVisionHistory .vision-history-step:last-child{
padding-bottom:0;
}

#hqVisionHistory .vision-history-step-marker{
position:relative;
z-index:1;
}

#hqVisionHistory .vision-history-step-dot{
position:absolute;
left:-28px;
top:10px;
width:14px;
height:14px;
border:3px solid #ffffff;
border-radius:50%;
background:#e5e0d8;
box-shadow:0 0 0 1px #e5e0d8;
transform:scale(0);
}

#hqVisionHistory .vision-history-step-year{
display:block;
font-size:22px;
font-weight:700;
letter-spacing:-.02em;
line-height:1.2;
color:#cccccc;
font-family:var(--e-font),var(--k-font);
transition:color .4s ease;
}

#hqVisionHistory .vision-history-step-card{
padding:22px 28px;
border:1px solid #eeeeee;
border-radius:14px;
background:#fafafa;
opacity:0;
transform:translateY(12px);
transition:background .35s ease,border-color .35s ease,box-shadow .35s ease;
}

#hqVisionHistory .vision-history-step.is-latest .vision-history-step-card{
border-color:rgba(194,165,117,.35);
background:#fffdf9;
}

#hqVisionHistory .vision-history-step-list{
margin:0;
padding:0;
list-style:none;
}

#hqVisionHistory .vision-history-step-list li{
position:relative;
margin-bottom:10px;
padding-left:0;
font-size:14px;
line-height:1.75;
color:#666666;
word-break:keep-all;
font-family:var(--k-font),var(--e-font);
opacity:0;
transform:translateY(6px);
}

#hqVisionHistory .vision-history-step-list li:last-child{
margin-bottom:0;
}

@keyframes visionHistoryAxisFill{
from{transform:scaleX(0)}
to{transform:scaleX(1)}
}

@keyframes visionHistoryLineFill{
from{transform:scaleY(0)}
to{transform:scaleY(1)}
}

@keyframes visionHistoryPointOn{
0%{opacity:.55;transform:scale(.92);color:#999999;border-color:#e5e0d8}
100%{opacity:1;transform:scale(1);color:var(--vc-gold);border-color:var(--vc-gold);box-shadow:0 6px 18px rgba(194,165,117,.22)}
}

@keyframes visionHistoryStepIn{
0%{opacity:0;transform:translateX(20px)}
100%{opacity:1;transform:translateX(0)}
}

@keyframes visionHistoryCardIn{
0%{opacity:0;transform:translateY(12px)}
100%{opacity:1;transform:translateY(0)}
}

@keyframes visionHistoryDotPop{
0%{transform:scale(0);background:#e5e0d8;box-shadow:0 0 0 1px #e5e0d8}
70%{transform:scale(1.15)}
100%{transform:scale(1);background:var(--vc-gold);box-shadow:0 0 0 4px rgba(194,165,117,.2)}
}

@keyframes visionHistoryYearOn{
from{color:#cccccc}
to{color:var(--vc-text)}
}

@keyframes visionHistoryListItemIn{
from{opacity:0;transform:translateY(6px)}
to{opacity:1;transform:translateY(0)}
}

#hqVisionHistory.is-revealing .vision-history-axis-fill{
animation:visionHistoryAxisFill var(--history-duration) cubic-bezier(.4,0,.2,1) forwards;
}

#hqVisionHistory.is-revealing .vision-history-steps::after{
animation:visionHistoryLineFill var(--history-duration) cubic-bezier(.4,0,.2,1) forwards;
}

#hqVisionHistory.is-revealing .vision-history-axis-point span{
animation:visionHistoryPointOn .55s cubic-bezier(.16,1,.64,1) forwards;
animation-delay:calc(var(--i) * var(--history-step-gap) + .15s);
}

#hqVisionHistory.is-revealing .vision-history-step{
animation:visionHistoryStepIn .65s cubic-bezier(.16,1,.64,1) forwards;
animation-delay:calc(var(--step) * var(--history-step-gap) + .25s);
}

#hqVisionHistory.is-revealing .vision-history-step-dot{
animation:visionHistoryDotPop .5s cubic-bezier(.16,1,.64,1) forwards;
animation-delay:calc(var(--step) * var(--history-step-gap) + .35s);
}

#hqVisionHistory.is-revealing .vision-history-step-year{
animation:visionHistoryYearOn .45s ease forwards;
animation-delay:calc(var(--step) * var(--history-step-gap) + .4s);
}

#hqVisionHistory.is-revealing .vision-history-step-card{
animation:visionHistoryCardIn .6s cubic-bezier(.16,1,.64,1) forwards;
animation-delay:calc(var(--step) * var(--history-step-gap) + .45s);
}

#hqVisionHistory.is-revealing .vision-history-step-list li{
animation:visionHistoryListItemIn .45s ease forwards;
}

#hqVisionHistory.is-revealing .vision-history-step:nth-child(1) .vision-history-step-list li:nth-child(1){animation-delay:calc(0 * var(--history-step-gap) + .55s)}
#hqVisionHistory.is-revealing .vision-history-step:nth-child(1) .vision-history-step-list li:nth-child(2){animation-delay:calc(0 * var(--history-step-gap) + .62s)}
#hqVisionHistory.is-revealing .vision-history-step:nth-child(1) .vision-history-step-list li:nth-child(3){animation-delay:calc(0 * var(--history-step-gap) + .69s)}
#hqVisionHistory.is-revealing .vision-history-step:nth-child(2) .vision-history-step-list li:nth-child(1){animation-delay:calc(1 * var(--history-step-gap) + .55s)}
#hqVisionHistory.is-revealing .vision-history-step:nth-child(2) .vision-history-step-list li:nth-child(2){animation-delay:calc(1 * var(--history-step-gap) + .62s)}
#hqVisionHistory.is-revealing .vision-history-step:nth-child(2) .vision-history-step-list li:nth-child(3){animation-delay:calc(1 * var(--history-step-gap) + .69s)}
#hqVisionHistory.is-revealing .vision-history-step:nth-child(2) .vision-history-step-list li:nth-child(4){animation-delay:calc(1 * var(--history-step-gap) + .76s)}
#hqVisionHistory.is-revealing .vision-history-step:nth-child(3) .vision-history-step-list li:nth-child(1){animation-delay:calc(2 * var(--history-step-gap) + .55s)}
#hqVisionHistory.is-revealing .vision-history-step:nth-child(3) .vision-history-step-list li:nth-child(2){animation-delay:calc(2 * var(--history-step-gap) + .62s)}
#hqVisionHistory.is-revealing .vision-history-step:nth-child(3) .vision-history-step-list li:nth-child(3){animation-delay:calc(2 * var(--history-step-gap) + .69s)}
#hqVisionHistory.is-revealing .vision-history-step:nth-child(3) .vision-history-step-list li:nth-child(4){animation-delay:calc(2 * var(--history-step-gap) + .76s)}
#hqVisionHistory.is-revealing .vision-history-step:nth-child(4) .vision-history-step-list li:nth-child(1){animation-delay:calc(3 * var(--history-step-gap) + .55s)}
#hqVisionHistory.is-revealing .vision-history-step:nth-child(4) .vision-history-step-list li:nth-child(2){animation-delay:calc(3 * var(--history-step-gap) + .62s)}
#hqVisionHistory.is-revealing .vision-history-step:nth-child(4) .vision-history-step-list li:nth-child(3){animation-delay:calc(3 * var(--history-step-gap) + .69s)}
#hqVisionHistory.is-revealing .vision-history-step:nth-child(4) .vision-history-step-list li:nth-child(4){animation-delay:calc(3 * var(--history-step-gap) + .76s)}
#hqVisionHistory.is-revealing .vision-history-step:nth-child(4) .vision-history-step-list li:nth-child(5){animation-delay:calc(3 * var(--history-step-gap) + .83s)}
#hqVisionHistory.is-revealing .vision-history-step:nth-child(5) .vision-history-step-list li:nth-child(1){animation-delay:calc(4 * var(--history-step-gap) + .55s)}
#hqVisionHistory.is-revealing .vision-history-step:nth-child(5) .vision-history-step-list li:nth-child(2){animation-delay:calc(4 * var(--history-step-gap) + .62s)}
#hqVisionHistory.is-revealing .vision-history-step:nth-child(5) .vision-history-step-list li:nth-child(3){animation-delay:calc(4 * var(--history-step-gap) + .69s)}

#hqVisionHistory.is-revealing .vision-history-step.is-latest .vision-history-step-year{
color:var(--vc-gold);
}


@media (hover:hover) and (pointer:fine){
#hqVisionHistory.is-revealing .vision-history-step-card:hover{
border-color:rgba(194,165,117,.4);
background:#ffffff;
box-shadow:0 10px 28px rgba(120,100,80,.08);
}
}

@media (prefers-reduced-motion:reduce){
#hqVisionHistory.is-revealing .vision-history-axis-fill,
#hqVisionHistory.is-revealing .vision-history-steps::after{
animation:none;
transform:scaleX(1);
}

#hqVisionHistory.is-revealing .vision-history-steps::after{
transform:scaleY(1);
}

#hqVisionHistory.is-revealing .vision-history-axis-point span,
#hqVisionHistory.is-revealing .vision-history-step,
#hqVisionHistory.is-revealing .vision-history-step-dot,
#hqVisionHistory.is-revealing .vision-history-step-card,
#hqVisionHistory.is-revealing .vision-history-step-list li{
animation:none;
opacity:1;
transform:none;
}

#hqVisionHistory.is-revealing .vision-history-step-year{
color:var(--vc-text);
}

#hqVisionHistory.is-revealing .vision-history-step.is-latest .vision-history-step-year{
color:var(--vc-gold);
}

#hqVisionHistory.is-revealing .vision-history-step-dot{
background:var(--vc-gold);
transform:scale(1);
}
}

/* CEO */
#hqVisionCeo{
background:var(--vc-panel);
}

#hqVisionCeo .vision-ceo-profile{
margin-bottom:48px;
padding:40px 48px;
border-radius:20px;
border:1px solid rgba(0,0,0,.06);
background:#ffffff;
}

#hqVisionCeo .vision-ceo-role{
margin:0 0 8px;
font-size:13px;
font-weight:600;
letter-spacing:.12em;
color:var(--vc-gold);
}

#hqVisionCeo .vision-ceo-name{
margin:0 0 28px;
font-size:28px;
font-weight:700;
color:var(--vc-text);
font-family:var(--k-font),var(--e-font);
}

#hqVisionCeo .vision-ceo-meta-row{
display:grid;
grid-template-columns:100px minmax(0,1fr);
gap:24px;
padding:20px 0;
border-top:1px solid var(--vc-line);
}

#hqVisionCeo .vision-ceo-meta-row:first-child{
border-top:none;
padding-top:0;
}

#hqVisionCeo .vision-ceo-meta-row dt{
margin:0;
font-size:14px;
font-weight:700;
color:var(--vc-text);
}

#hqVisionCeo .vision-ceo-meta-row dd{
margin:0;
font-size:14px;
line-height:1.8;
color:#666666;
word-break:keep-all;
}

#hqVisionCeo .vision-ceo-awards-title{
margin:0 0 20px;
font-size:16px;
font-weight:700;
color:var(--vc-text);
}

#hqVisionCeo .vision-ceo-table{
width:100%;
border-collapse:collapse;
font-size:14px;
}

#hqVisionCeo .vision-ceo-table th,
#hqVisionCeo .vision-ceo-table td{
padding:14px 20px;
border:1px solid var(--vc-line);
text-align:left;
font-family:var(--k-font),var(--e-font);
}

#hqVisionCeo .vision-ceo-table th{
background:#faf8f4;
font-weight:600;
color:var(--vc-text);
}

#hqVisionCeo .vision-ceo-table td{
color:#555555;
}

#hqVisionCeo.is-revealing .vision-company-head.reveal-item{transition-delay:.04s}
#hqVisionCeo.is-revealing .vision-ceo-profile.reveal-item{transition-delay:.1s}
#hqVisionCeo.is-revealing .vision-ceo-awards.reveal-item{transition-delay:.2s}

/* Organization — org chart */
#hqVisionOrg .vision-org-chart{
position:relative;
padding:0;
border:none;
border-radius:0;
background:transparent;
box-shadow:none;
box-sizing:border-box;
}

#hqVisionOrg .vision-org-header{
max-width:820px;
margin:0 auto 48px;
text-align:center;
}

#hqVisionOrg .vision-org-intro{
margin:24px 0 0;
font-size:15px;
font-weight:400;
line-height:1.9;
color:var(--vc-sub,#666666);
word-break:keep-all;
font-family:var(--k-font),var(--e-font);
}

#hqVisionOrg .vision-org-kicker{
margin:0 0 14px;
font-size:13px;
font-weight:600;
letter-spacing:.2em;
text-transform:uppercase;
color:var(--vc-gold,#c2a575);
font-family:var(--e-font),var(--k-font);
}

#hqVisionOrg .vision-org-heading{
margin:0;
font-size:clamp(26px,2.2vw,34px);
font-weight:700;
line-height:1.35;
letter-spacing:-.02em;
color:var(--vc-text,#111111);
font-family:var(--k-font),var(--e-font);
}

#hqVisionOrg .vision-org-heading-en{
font-family:var(--e-font),var(--k-font);
font-weight:700;
letter-spacing:.04em;
}

#hqVisionOrg .vision-org-heading-sep{
margin:0 .4em;
font-weight:400;
color:var(--vc-sub,#666666);
}

#hqVisionOrg .vision-org-heading-ko{
font-family:var(--k-font),var(--e-font);
font-weight:700;
}

#hqVisionOrg .vision-org-tree{
display:flex;
flex-direction:column;
align-items:center;
max-width:1160px;
margin:0 auto;
}

#hqVisionOrg .vision-org-executive{
display:flex;
flex-direction:column;
align-items:center;
}

#hqVisionOrg .vision-org-card{
border:1px solid var(--vc-line,#eeeeee);
background:#ffffff;
box-shadow:0 2px 12px rgba(120,100,80,.04);
box-sizing:border-box;
transition:transform .4s cubic-bezier(.16,1,.64,1),box-shadow .4s ease,border-color .35s ease;
}

#hqVisionOrg .vision-org-card--role{
display:inline-flex;
align-items:center;
gap:16px;
min-width:240px;
padding:20px 28px 20px 22px;
border-radius:16px;
}

#hqVisionOrg .vision-org-icon{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
width:48px;
height:48px;
border:none;
border-radius:0;
background:transparent;
}

#hqVisionOrg .vision-org-role-title{
font-size:15px;
font-weight:700;
letter-spacing:-.01em;
color:var(--vc-text,#111111);
font-family:var(--e-font),var(--k-font);
}

#hqVisionOrg .vision-org-role-text{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:6px;
text-align:left;
}

#hqVisionOrg .vision-org-role-text strong{
font-size:15px;
font-weight:700;
letter-spacing:-.01em;
color:var(--vc-text,#111111);
font-family:var(--e-font),var(--k-font);
}

#hqVisionOrg .vision-org-role-text em{
font-size:13px;
font-style:normal;
font-weight:400;
color:var(--vc-sub,#666666);
font-family:var(--k-font),var(--e-font);
}

#hqVisionOrg .vision-org-line-v{
display:block;
width:1px;
background:linear-gradient(180deg,var(--vc-gold,#c2a575) 0%,rgba(194,165,117,.35) 100%);
}

#hqVisionOrg .vision-org-line-v:not(.vision-org-line-v--stem):not(.vision-org-line-v--stub){
height:22px;
}

#hqVisionOrg .vision-org-connect{
display:flex;
flex-direction:column;
align-items:center;
width:100%;
}

#hqVisionOrg .vision-org-line-v--stem{
height:32px;
}

#hqVisionOrg .vision-org-line-h{
display:block;
width:min(100%,1040px);
height:1px;
margin:0 auto;
background:linear-gradient(90deg,rgba(194,165,117,.2) 0%,var(--vc-gold,#c2a575) 50%,rgba(194,165,117,.35) 100%);
}

#hqVisionOrg .vision-org-depts{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:20px;
width:100%;
max-width:1160px;
margin:0;
padding:0;
list-style:none;
}

#hqVisionOrg .vision-org-dept{
display:flex;
flex-direction:column;
align-items:center;
min-width:0;
}

#hqVisionOrg .vision-org-line-v--stub{
height:26px;
flex-shrink:0;
}

#hqVisionOrg .vision-org-card--dept{
width:100%;
min-height:200px;
padding:28px 24px 32px;
border-radius:16px;
text-align:left;
}

#hqVisionOrg .vision-org-dept-desc{
margin:0 0 14px;
font-size:12px;
font-weight:500;
line-height:1.5;
color:var(--vc-gold,#c2a575);
letter-spacing:.02em;
font-family:var(--k-font),var(--e-font);
}

#hqVisionOrg .vision-org-dept-head{
display:flex;
align-items:center;
gap:14px;
margin-bottom:18px;
padding-bottom:0;
border-bottom:none;
}

#hqVisionOrg .vision-org-dept-title{
margin:0;
font-size:15px;
font-weight:700;
line-height:1.4;
letter-spacing:-.01em;
color:var(--vc-text,#111111);
font-family:var(--e-font),var(--k-font);
}

#hqVisionOrg .vision-org-count{
font-weight:600;
color:var(--vc-gold,#c2a575);
}

#hqVisionOrg .vision-org-dept-list{
margin:0;
padding:0;
list-style:none;
}

#hqVisionOrg .vision-org-dept-list li{
position:relative;
margin-bottom:10px;
padding-left:14px;
font-size:13px;
line-height:1.75;
color:#777777;
word-break:keep-all;
font-family:var(--k-font),var(--e-font);
}

#hqVisionOrg .vision-org-dept-list li::before{
content:'';
position:absolute;
left:0;
top:.65em;
width:4px;
height:4px;
border-radius:50%;
background:var(--vc-gold,#c2a575);
}

#hqVisionOrg .vision-org-dept-list li:last-child{
margin-bottom:0;
}

#hqVisionOrg .vision-org-footer{
margin:36px 0 0;
text-align:center;
font-size:13px;
font-weight:600;
letter-spacing:.2em;
text-transform:uppercase;
color:var(--vc-gold,#c2a575);
font-family:var(--e-font),var(--k-font);
}

@media (hover:hover) and (pointer:fine){
#hqVisionOrg .vision-org-card--role:hover,
#hqVisionOrg .vision-org-card--dept:hover{
transform:translateY(-4px);
border-color:rgba(194,165,117,.45);
box-shadow:0 12px 32px rgba(120,100,80,.1);
}
}

#hqVisionOrg.is-revealing .vision-org-chart.reveal-item{transition-delay:.04s}
#hqVisionOrg.is-revealing .vision-org-card--role.reveal-item:nth-child(1){transition-delay:.12s}
#hqVisionOrg.is-revealing .vision-org-card--role.reveal-item:nth-child(3){transition-delay:.2s}
#hqVisionOrg.is-revealing .vision-org-dept.reveal-item:nth-child(1){transition-delay:.32s}
#hqVisionOrg.is-revealing .vision-org-dept.reveal-item:nth-child(2){transition-delay:.38s}
#hqVisionOrg.is-revealing .vision-org-dept.reveal-item:nth-child(3){transition-delay:.44s}
#hqVisionOrg.is-revealing .vision-org-dept.reveal-item:nth-child(4){transition-delay:.5s}

@media (prefers-reduced-motion:reduce){
.vision-company .reveal-item{opacity:1;transform:none;transition:none}
}

@media (max-width:1280px){
.vision-company{padding:64px 48px}
#hqVisionHistory .vision-history-axis{margin-bottom:44px}
#hqVisionHistory .vision-history-step{grid-template-columns:120px minmax(0,1fr);gap:24px}
#hqVisionHistory .vision-history-step-year{font-size:20px}
#hqVisionOrg .vision-org-line-h{width:100%}
#hqVisionOrg .vision-org-depts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
}

@media (max-width:1024px){
#hqVisionHistory .vision-history-axis-points span{min-width:40px;height:40px;font-size:11px}
#hqVisionCeo .vision-ceo-meta-row{grid-template-columns:1fr;gap:8px}
}

@media (max-width:768px){
.vision-company{padding:48px 24px}
#hqVisionHistory .vision-history-axis{
grid-template-columns:1fr;
gap:12px;
margin-bottom:36px;
}
#hqVisionHistory .vision-history-axis-edge{display:none}
#hqVisionHistory .vision-history-step{
grid-template-columns:1fr;
gap:12px;
padding-bottom:28px;
padding-left:8px;
}
#hqVisionHistory .vision-history-step-dot{left:-20px}
#hqVisionHistory .vision-history-steps{padding-left:20px}
#hqVisionHistory .vision-history-steps::before,
#hqVisionHistory .vision-history-steps::after{left:3px}
#hqVisionHistory .vision-history-step-year{font-size:18px}
#hqVisionHistory .vision-history-step-card{padding:18px 20px}
#hqVisionOrg .vision-org-header{margin-bottom:36px}
#hqVisionOrg .vision-org-intro{font-size:14px;line-height:1.85}
#hqVisionOrg .vision-org-heading{font-size:24px}
#hqVisionOrg .vision-org-card--dept{min-height:0}
#hqVisionOrg .vision-org-card--role{min-width:0;width:100%;max-width:280px}
#hqVisionOrg .vision-org-line-h{display:none}
#hqVisionOrg .vision-org-line-v--stub{display:none}
#hqVisionOrg .vision-org-connect .vision-org-line-v--stem{height:20px}
#hqVisionOrg .vision-org-depts{grid-template-columns:1fr;gap:14px}
#hqVisionOrg .vision-org-dept{align-items:stretch}
#hqVisionCeo .vision-ceo-profile{padding:28px 24px}
#hqVisionCeo .vision-ceo-table{font-size:13px}
#hqVisionCeo .vision-ceo-table th,
#hqVisionCeo .vision-ceo-table td{padding:10px 12px}
}