@charset "utf-8";
/* 주식회사 화문 — 메인 (design/index.html inline style · css/global-network.css) / body#main 한정 */
body#main{
  --container-max:1400px;
  --container-padding:80px;
  --hero-padding:160px;
  --hero-line-width:1600px;
  --hero-bottom:100px;
  --business-padding:160px;
  --gnb-size:19px;
  --color-border:#E2E8F0;
  --fs-section-title:56px;
  --fs-title:24px;
  --fs-body:18px;
  --fs-meta:16px;
  --fs-mega-link:18px;
  --fs-hero-title:80px;
  --fs-hero-desc:20px;
  --fs-hero-cta:16px;
}
@media (max-width:1440px){body#main{--fs-section-title:45px}}
@media (max-width:1440px){body#main{--container-padding:48px;--hero-padding:80px;--business-padding:80px;--fs-hero-title:56px;--fs-hero-desc:18px;--fs-section-title:40px;--fs-title:22px;--fs-body:17px}}
@media (max-width:1023px){body#main{--business-padding:48px;--fs-hero-title:48px;--fs-hero-desc:17px;--fs-section-title:32px;--fs-title:20px;--fs-body:16px;--fs-meta:14px}}
@media (max-width:767px){body#main{--container-padding:16px;--business-padding:16px;--hero-padding:16px;--hero-bottom:60px}}
@media (max-width:767px){body#main{--fs-hero-title:30px;--fs-hero-desc:15px;--fs-section-title:24px;--fs-title:17px;--fs-body:15px;--fs-meta:13px;--fs-hero-cta:15px}}
body#main .container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}
/* 우측 페이지 인디케이터 — plan2: 비활성 단일 원 · 활성 이중 원(코어+링) */
body#main .page-indicator{position:fixed;right:40px;top:50%;transform:translateY(-50%);z-index:900;display:flex;flex-direction:column;align-items:center;gap:20px;padding:12px 0}
body#main .page-indicator__item{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:none;cursor:pointer}
body#main .page-indicator__mark{position:relative;display:flex;align-items:center;justify-content:center;width:10px;height:10px;border-radius:50%;border:1.5px solid transparent;background:transparent;box-sizing:border-box;transition:width var(--transition),height var(--transition),border-color var(--transition)}
body#main .page-indicator__core{display:block;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.38);transition:width var(--transition),height var(--transition),background var(--transition),transform var(--transition)}
body#main .page-indicator__item:not(.is-active):hover .page-indicator__core{background:rgba(255,255,255,0.62)}
body#main .page-indicator__item.is-active .page-indicator__mark{width:22px;height:22px;border-color:var(--color-accent)}
body#main .page-indicator.is-dark .page-indicator__core{background:rgba(0,0,0,0.18)}
body#main .page-indicator.is-dark .page-indicator__item:not(.is-active):hover .page-indicator__core{background:rgba(0,0,0,0.32)}
body#main .page-indicator.is-dark .page-indicator__item.is-active .page-indicator__mark{border-color:var(--color-accent)}
body#main .page-indicator.is-dark .page-indicator__item.is-active .page-indicator__core{background:var(--color-accent)}
/* 풀페이지 섹션 */
body#main .fullpage-section{min-height:100vh;height:100vh;scroll-snap-align:start;scroll-snap-stop:always;position:relative;overflow:hidden}
body#main .fullpage-section__inner{height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:var(--header-height)}
/* Header — 히어로 구간 투명·화이트 (POSCO FLOW 참조) */
/* 섹션 공통 */
body#main .section{padding:120px 0;position:relative}
body#main .section-label{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:var(--fs-body);font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:16px}
body#main .section-label::before{content:'';width:24px;height:2px;background:var(--color-accent);border-radius:1px}
body#main .section-title{font-family:var(--font-display);font-size:var(--fs-section-title);font-weight:700;color:var(--color-dark);line-height:1.25;letter-spacing:-0.03em;word-break:keep-all}
body#main .section-header{margin-bottom:56px}
body#main .section-header--row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
body#main .btn-outline{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-family:var(--font-display);font-size:var(--fs-body);font-weight:600;letter-spacing:0.02em;color:var(--color-dark);border:2px solid var(--color-dark);border-radius:4px;transition:background var(--transition),color var(--transition),border-color var(--transition)}
body#main .btn-outline:hover{background:var(--color-dark);color:var(--color-white)}
body#main .btn-outline svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;transition:transform var(--transition)}
body#main .btn-outline:hover svg{transform:translateX(4px)}
body#main .btn-text{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-body);font-weight:600;color:var(--color-accent);transition:gap var(--transition)}
body#main .btn-text:hover{gap:12px}
body#main .btn-text svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}
/* Hero — 풀스크린 영상 배경 + 중앙 타이포 */
body#main .hero{padding:0;display:flex;align-items:center;justify-content:center;margin-top:0}
body#main .hero__bg{position:absolute;inset:0;z-index:0;overflow:hidden;background:#050A12}
body#main .hero__video{width:100%;height:100%;object-fit:cover;object-position:center}
body#main .hero__bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(5,10,18,0.35) 0%,rgba(0,0,0,0.28) 45%,rgba(5,10,18,0.52) 100%)}
body#main .hero__inner{position:relative;z-index:2;width:100%;padding:0 var(--hero-padding);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
body#main .hero__title{font-family:var(--font-display);font-size:var(--fs-hero-title);font-weight:600;color:var(--color-white);line-height:1.08;letter-spacing:-0.03em;max-width:980px;word-break:keep-all;margin:0 auto}
body#main .hero__line{display:block;width:120px;max-width:100%;height:1px;margin:36px auto 32px;border:none;background:linear-gradient(90deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.72) 50%,rgba(255,255,255,0.08) 100%)}
body#main .hero__desc{font-size:var(--fs-hero-desc);font-weight:500;color:rgba(255,255,255,0.88);line-height:1.65;max-width:640px;word-break:keep-all;margin:0 auto;white-space:nowrap;text-align:center}
body#main .hero__cta{position:relative;z-index:3;display:inline-flex;align-items:center;gap:10px;margin-top:40px;padding:14px 32px;font-family:var(--font-display);font-size:var(--fs-hero-cta);font-weight:600;color:var(--color-white);border:1px solid rgba(255,255,255,0.85);border-radius:100px;background:transparent;transition:background var(--transition),border-color var(--transition),color var(--transition)}
body#main .hero__cta:hover{background:rgba(255,255,255,0.12);border-color:var(--color-white)}
body#main .hero__cta svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;transition:transform var(--transition)}
body#main .hero__cta:hover svg{transform:translateX(4px)}
/* Business — PREVAX 참조: 좌 intro + 우 다크 카드 */
body#main .business{background:var(--color-bg);position:relative;overflow:hidden}
body#main .business__section-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
body#main .business__section-bg-image{position:absolute;inset:-10%;background-size:cover;background-repeat:no-repeat;transition:transform 8s ease}
body#main .business__section-bg-image--construction{background-image:url('/images/hwamun/visual/02.jpg');background-position:center 45%;opacity:0.5}
body#main .business__section-bg-image--marketing{background-image:url('/images/hwamun/visual/03.jpg');background-position:center 50%;opacity:0.32;mix-blend-mode:soft-light}
body#main .business__section-overlay{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 48% 42% at 75% 20%,rgba(199,149,64,0.1) 0%,transparent 55%),linear-gradient(102deg,rgba(5,10,18,0.72) 0%,rgba(5,10,18,0.52) 42%,rgba(5,10,18,0.48) 68%,rgba(5,10,18,0.62) 100%),linear-gradient(to bottom,rgba(5,10,18,0.18) 0%,transparent 40%,rgba(5,10,18,0.22) 100%)}
body#main .business__glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 40% 35% at 10% 90%,rgba(199,149,64,0.09) 0%,transparent 50%)}
body#main .business__glow-dots{position:absolute;top:8%;right:6%;width:280px;height:180px;z-index:0;opacity:0.3;background-image:radial-gradient(circle,rgba(255,255,255,0.55) 1px,transparent 1px);background-size:18px 18px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 72%);pointer-events:none}
body#main .business .fullpage-section__inner{justify-content:center;padding-top:var(--header-height);padding-bottom:clamp(32px,5vh,64px);position:relative;z-index:2;height:100%;min-height:0;box-sizing:border-box}
body#main .business .container{max-width:none;padding-left:var(--business-padding);padding-right:var(--business-padding)}
body#main .business__layout{display:grid;grid-template-columns:minmax(280px,0.95fr) minmax(0,1.35fr);gap:clamp(32px,4vw,72px);align-items:center;width:100%;min-height:0;opacity:0;transform:translateY(28px);transition:opacity 0.7s ease,transform 0.7s ease}
body#main .business__layout.is-visible{opacity:1;transform:translateY(0)}
body#main .business__intro{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding-right:12px;padding-bottom:clamp(24px,4vh,48px)}
body#main .business__eyebrow{margin:0 0 16px;font-family:var(--font-display);font-size:var(--fs-body);font-weight:600;color:var(--color-accent);letter-spacing:0.06em;text-transform:uppercase;line-height:1.4}
body#main .business__title{font-family:var(--font-display);font-size:var(--fs-section-title);font-weight:700;color:var(--color-white);line-height:1.25;letter-spacing:-0.03em;margin-bottom:16px;word-break:keep-all}
body#main .business__desc{font-size:var(--fs-body);font-weight:400;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:32px;word-break:keep-all;max-width:420px}
html[lang="en"] body#main .business__title,
html[lang="en"] body#main .business__desc{white-space:nowrap}
html[lang="en"] body#main .business__desc{max-width:none}
@media (max-width:767px){
	html[lang="en"] body#main .business__title,
	html[lang="en"] body#main .business__desc{white-space:normal}
	html[lang="en"] body#main .business__desc{max-width:100%}
}
body#main .business__detail-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-width:168px;padding:14px 14px 14px 28px;background:var(--color-white);color:#0F172A;border-radius:100px;font-family:var(--font-display);font-size:var(--fs-body);font-weight:500;letter-spacing:-0.01em;transition:transform var(--transition),box-shadow var(--transition)}
body#main .business__detail-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,0.35)}
body#main .business__detail-dot{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#0F172A;flex-shrink:0}
body#main .business__detail-dot svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2}
body#main .business__cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;min-height:0;height:min(480px,calc(100vh - var(--header-height) - 200px))}
body#main .business__card{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:0;background:var(--color-bg-card);border:1px solid rgba(255,255,255,0.08);border-radius:16px;overflow:hidden;transition:transform var(--transition),background var(--transition),border-color var(--transition),box-shadow var(--transition);min-height:0}
body#main .business__card:hover{transform:translateY(-4px);background:var(--color-accent);border-color:rgba(255,255,255,0.28);box-shadow:0 20px 48px rgba(199,149,64,0.38)}
body#main .business__card-content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;min-height:0;padding:22px 22px 24px}
body#main .business__card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-shrink:0}
body#main .business__card-num{font-family:var(--font-display);font-size:13px;font-weight:600;color:rgba(255,255,255,0.28);letter-spacing:0.1em;line-height:1;transition:color var(--transition)}
body#main .business__card-tag{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--color-accent);letter-spacing:0.12em;text-transform:uppercase;line-height:1;transition:color var(--transition)}
body#main .business__card:hover .business__card-tag{color:rgba(255,255,255,0.88)}
body#main .business__card-visual{flex:1;min-height:130px;margin:0 0 18px;border-radius:10px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,0.08);background:rgba(0,0,0,0.2);transition:border-color var(--transition)}
body#main .business__card:hover .business__card-visual{border-color:rgba(255,255,255,0.32);background:rgba(0,0,0,0.12)}
body#main .business__card-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(5,10,18,0.35) 0%,transparent 48%);pointer-events:none;transition:opacity var(--transition)}
body#main .business__card:hover .business__card-visual::after{opacity:0.6}
body#main .business__card-visual img{width:100%;height:100%;min-height:130px;object-fit:cover;object-position:center;transition:transform 0.6s ease}
body#main .business__card:hover .business__card-visual img{transform:scale(1.05)}
body#main .business__card-foot{display:flex;flex-direction:column;gap:8px;flex-shrink:0}
body#main .business__card-title{font-family:var(--font-display);font-size:var(--fs-title);font-weight:600;color:var(--color-white);line-height:1.4;letter-spacing:-0.02em;margin:0;word-break:keep-all;transition:color var(--transition)}
body#main .business__card-desc{margin:0;font-size:15px;font-weight:400;color:rgba(255,255,255,0.48);line-height:1.55;letter-spacing:-0.01em;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition)}
body#main .business__card:hover .business__card-desc{color:rgba(255,255,255,0.82)}
body#main .business__card-link{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-family:var(--font-display);font-size:14px;font-weight:600;color:rgba(255,255,255,0.38);letter-spacing:0.02em;transition:color var(--transition),gap var(--transition)}
body#main .business__card-link svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;transition:transform var(--transition)}
body#main .business__card:hover .business__card-link{color:rgba(255,255,255,0.92);gap:10px}
body#main .business__card:hover .business__card-link svg{transform:translateX(2px)}
body#main .business__card:hover .business__card-num{color:rgba(255,255,255,0.55)}
/* Footer — Figma 44:274 (SNS 제외) */
body#main .footer-section{position:relative;overflow:hidden;height:auto;min-height:auto;scroll-snap-align:start;background:#222;color:var(--color-white);padding:32px var(--container-padding) 48px}
body#main .footer-section .container{position:relative;z-index:1;max-width:1600px;padding:0}
@media (prefers-reduced-motion:reduce){
	body#main .hero__bg .hero__video{animation:none!important}
	body#main .business__layout,
	body#main .global__shell{opacity:1!important;transform:none!important}
}
@media (max-width:1023px){
	body#main .page-indicator{right:24px}
	body#main .gnb-mega{display:none}
	body#main .business__layout{grid-template-columns:1fr;gap:40px}
	body#main .business__cards{height:auto;min-height:0}
	body#main .business__card{min-height:340px}
	body#main .business__card-content{padding:20px 18px 20px}
	body#main .business__card-visual{min-height:120px}
	body#main .business__card-visual img{min-height:120px}
}
@media (max-width:767px){
	body#main .page-indicator{display:none}
	body#main .section-header{margin-bottom:28px}
	body#main .hero__desc{white-space:normal}
	body#main .hero__line{margin:28px 0 24px;width:100%;max-width:100%}
	body#main .hero__cta{min-height:44px;padding:11px 22px}
	body#main .business__card-tag{font-size:12px}
	body#main .business__card-desc{font-size:13px}
	body#main .business__card-link{font-size:12px;min-height:44px;margin-top:0}
	body#main .business.fullpage-section{height:auto;min-height:100svh}
	body#main .business .fullpage-section__inner{height:auto;justify-content:flex-start;padding-top:calc(var(--header-height) + 40px);padding-bottom:64px}
	body#main .business__cards{grid-template-columns:1fr;height:auto;gap:14px}
	body#main .business__card{min-height:0}
	body#main .business__card-content{padding:16px}
	body#main .business__card-visual{flex:none;height:auto;aspect-ratio:16/9;min-height:0;margin-bottom:14px}
	body#main .business__card-visual img{min-height:0}
	body#main .footer-section{padding:28px var(--container-padding) 32px}
}
/* ===== from design/css/global-network.css ===== */
/* Global Network — 배경과 연결되는 지구 곡면, 로컬 SVG */
body#main .global{position:relative;overflow:hidden;background:#080f17;color:var(--color-white)}
body#main .global__bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
body#main .global__bg-base{position:absolute;inset:0;background:linear-gradient(180deg,#080f17 0%,#101923 55%,#080f17 100%)}
body#main .global__bg-glow{position:absolute;inset:0;background:radial-gradient(ellipse 48% 55% at 58% 62%,rgba(199,149,64,.065),transparent 75%)}
body#main .global__bg-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,18,.15),transparent 22%,transparent 78%,rgba(5,10,18,.15))}
body#main .global .fullpage-section__inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;height:100%;padding-top:clamp(128px,17vh,184px);padding-bottom:32px;box-sizing:border-box}
body#main .global .container{width:100%;max-width:none;padding-left:var(--business-padding);padding-right:var(--business-padding)}
body#main .global__shell{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;opacity:0;transition:opacity .7s ease .08s}
body#main .global__shell.is-visible{opacity:1}
body#main .global__head{position:relative;z-index:2;flex-shrink:0}
body#main .global__eyebrow{margin:0 0 10px;font-family:var(--font-display);font-size:max(16px,var(--fs-body));font-weight:600;color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase;line-height:1.4}
body#main .global__title{margin:0 0 16px;font-family:var(--font-display);font-size:var(--fs-section-title);font-weight:700;color:#fff;letter-spacing:-.03em;line-height:1.25;word-break:keep-all}
body#main .global__desc{margin:0;max-width:760px;font-size:max(16px,var(--fs-body));font-weight:400;color:#9ba6b2;letter-spacing:-.02em;line-height:1.7;word-break:keep-all}
html[lang="en"] body#main .global__desc{white-space:nowrap;max-width:none}
@media (max-width:767px){
	html[lang="en"] body#main .global__desc{white-space:normal;max-width:100%}
}
body#main .global__figure{position:absolute;z-index:0;top:90px;left:50%;width:min(1700px,100vw,calc((100vh - 300px)*2.3));height:auto;aspect-ratio:1600/700;margin:0;transform:translateX(-50%);pointer-events:none}
body#main .global__image{display:block;width:100%;height:100%;object-fit:contain}
body#main .global__figure picture{display:block;width:100%;height:100%}
body#main .global__list{position:relative;z-index:2;display:grid;grid-template-columns:.85fr 1.1fr 1.25fr;gap:36px;margin:auto 0 0;padding:20px 0 0;list-style:none;border-top:1px solid rgba(180,195,207,.18);background:linear-gradient(180deg,transparent,rgba(8,15,23,.8))}
body#main .global__list-item{display:flex;flex-direction:column;gap:8px;min-width:0}
body#main .global__region{font-size:18px;font-weight:600;letter-spacing:.025em;color:#d2b17a}
body#main .global__countries{font-size:16px;font-weight:400;line-height:1.8;word-break:keep-all;color:rgba(255,255,255,.8)}
body#main .global__countries strong{font-weight:500;color:#fff}
@media(min-width:768px) and (max-height:850px){
	body#main .global .fullpage-section__inner{padding-top:112px;padding-bottom:20px}
	body#main .global__title{font-size:38px;margin-bottom:8px}
	body#main .global__desc{font-size:16px;max-width:690px}
	body#main .global__figure{top:90px;width:min(1400px,95vw,calc((100vh - 250px)*2.3))}
	body#main .global__list{gap:24px;padding-top:12px}
	body#main .global__countries{font-size:16px}
}
@media(max-width:1023px){
	body#main .global__desc{max-width:640px}
	body#main .global__figure{top:100px;width:110vw}
	body#main .global__list{gap:22px}
	body#main .global__countries{font-size:16px}
}
@media(max-width:767px){
	body#main .global.fullpage-section{height:auto;min-height:100svh}
	body#main .global .fullpage-section__inner{height:auto;min-height:100svh;padding-top:116px;padding-bottom:32px}
	body#main .global__shell{height:auto;min-height:0}
	body#main .global__title{font-size:24px;margin-bottom:14px}
	body#main .global__eyebrow{font-size:14px}
	body#main .global__desc{max-width:520px;font-size:15px;line-height:1.8}
	body#main .global__figure{position:relative;top:auto;left:50%;flex-shrink:0;width:100vw;aspect-ratio:490/185;margin:32px 0 24px;max-width:none}
	body#main .global__figure picture{mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 88%,transparent)}
	body#main .global__list{grid-template-columns:1fr;gap:16px;padding-top:22px;background:none}
	body#main .global__list-item{display:grid;grid-template-columns:96px 1fr;gap:12px}
	body#main .global__region{font-size:15px;line-height:1.8}
	body#main .global__countries{font-size:14px;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){
	body#main .global__shell{opacity:1;transition:none}
}
/* Labels use CSS pixels so enlarging the map never changes the requested type size. */
body#main .global .fullpage-section__inner{padding-bottom:150px}
@media(min-width:768px){
	body#main .global.fullpage-section{height:calc(100vh + 118px)}
}
@media(min-width:768px) and (max-height:850px){
	body#main .global.fullpage-section{height:calc(100vh + 130px)}
}
body#main .global__map{position:relative;width:100%;height:100%}
body#main .global__map-labels{position:absolute;inset:0;pointer-events:none}
body#main .global__map-label{position:absolute;left:calc(var(--map-x)/800*100%);top:calc((var(--map-y) - 100)/350*100%);transform:translateY(-80%);font-size:18px;font-weight:500;line-height:1;white-space:nowrap;color:#d3dbe2;text-shadow:-1px -1px 0 #0b121a,1px -1px 0 #0b121a,-1px 1px 0 #0b121a,1px 1px 0 #0b121a}
body#main .global__map-label--end{transform:translate(-100%,-80%)}
body#main .global__map-label--hq{font-size:20px;color:#edcd8c}
@media(max-width:767px){
	body#main .global__figure{height:315px;aspect-ratio:auto;overflow-x:auto;overflow-y:hidden;pointer-events:auto;overscroll-behavior-x:contain}
	@supports not selector(::-webkit-scrollbar){
		body#main .global__figure{scrollbar-width:thin;scrollbar-color:rgba(210,177,122,.7) rgba(255,255,255,.08)}
	}
	body#main .global__figure::-webkit-scrollbar{height:4px}
	body#main .global__figure::-webkit-scrollbar-track{margin:0 var(--container-padding);background:rgba(255,255,255,.08);border-radius:999px}
	body#main .global__figure::-webkit-scrollbar-thumb{background:rgba(210,177,122,.7);border-radius:999px}
	body#main .global__map{width:780px;height:294.49px}
	body#main .global__map-label{left:calc((var(--map-x) - 300)/490*100%);top:calc((var(--map-y) - 178)/185*100%);font-size:14px}
	body#main .global__map-label--hq{font-size:16px}
	body#main .global .fullpage-section__inner{padding-top:calc(var(--header-height) + 44px);padding-bottom:70px}
}

/* 메인 풀페이지 스크롤 (html 은 메인에서만) */
html:has(body#main){scroll-snap-type:y mandatory}
body#main{color:#CBD5E1;background:#050A12;overflow-x:hidden}
body#main #container{background:transparent}
@media (max-width:767px){html:has(body#main){scroll-snap-type:y proximity}}
@media (prefers-reduced-motion:reduce){html:has(body#main){scroll-behavior:auto}}

/* 메인비주얼 — 관리자 등록 슬라이드 (.main-visual > .items > .item, slick fade) */
body#main .main-visual > .items{position:absolute;inset:0;z-index:1}
body#main .main-visual .slick-list,
body#main .main-visual .slick-track{height:100%}
body#main .main-visual .item{position:relative;height:100%;display:flex!important;align-items:center;justify-content:center;overflow:hidden}
body#main .main-visual > .items.is-pending > .item ~ .item{display:none!important}
body#main .main-visual .hero__bg{container-type:size}
body#main .main-visual .hero__bg picture,
body#main .main-visual .hero__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
body#main .main-visual .hero__bg .video-js{position:absolute;inset:0;width:100%;height:100%;padding:0;background:transparent}
body#main .main-visual .hero__bg .video-js .vjs-tech{object-fit:cover}
body#main .main-visual .hero__bg .video-js .vjs-poster{background-size:cover}
body#main .main-visual .hero__bg .video-js .vjs-loading-spinner,
body#main .main-visual .hero__bg .video-js .vjs-big-play-button,
body#main .main-visual .hero__bg .video-js .vjs-control-bar,
body#main .main-visual .hero__bg .video-js .vjs-text-track-display{display:none}
body#main .main-visual .hero__frame{position:absolute;top:50%;left:50%;width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw);transform:translate(-50%,-50%);border:0;pointer-events:none}
body#main .main-visual .hero__title span,
body#main .main-visual .hero__desc span{color:var(--color-accent)}
@media (max-width:767px){
	body#main .main-visual.fullpage-section{height:100svh;height:100dvh;min-height:100svh}
}