@charset "utf-8";

/* Desktop-first: layout/doc = 1920 기본 → 이 파일에서 max-width로만 축소
   각 @media 안 구역: header / main / layout / footer / sub / board */

/* ===== max-width: 1920 ===== */
@media (max-width:1920px) {
/* header */
/* main */
.hero-overlay {background:radial-gradient(ellipse 34vw 36vw at 15% 54%,rgba(0,0,0,0.28) 0%,rgba(0,0,0,0) 100%),linear-gradient(180deg,rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 26.939%),linear-gradient(90deg,rgba(0,0,0,0.12) 0%,rgba(0,0,0,0.12) 100%);}
.home-biz-preview {width:min(820px,42vw);}
.home-biz-list {min-height:min(820px,42vw);}
/* layout */
/* footer */
/* sub */
.about-us-media {width:100%;}
/* board */
}

/* ===== max-width: 1280 ===== */
@media (max-width:1280px) {
/* header */
/* main */
/* layout */
/* footer */
.footer-legal-text {white-space:normal;}
/* sub */
.about-intro p:last-child br:last-child,
.home-biz-item-desc br,
.values-acc-body p br {display: none;}
/* board */
.contact-inquiries {min-width:auto;}
.inquiries-form {flex: none; width: 60%;}
}

/* ===== max-width: 1024 ===== */
@media (max-width:1024px) {
/* header */
#header {height:auto;}
.header-shell {height:auto;padding:var(--space-26) 0;display:block;}
.header-row {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-24);}
.header-logo {justify-self:auto;align-self:auto;}
#header [data-collapse-toggle="mobile-nav"] {display:inline-flex;}
#header #mobile-nav > ul {flex-direction:column;align-items:stretch;gap:0;width:100%;}
.nav-group {padding:var(--space-8) 0;flex-direction:row;justify-content:flex-start;}
.nav-parent-btn {display:inline-flex;}
.header-lang {display:none;}
#header .header-row {align-items:center;}
#header #mobile-nav {display:none;width:100%;height:auto;}
#header #mobile-nav.is-open {display:block !important;width:100%;visibility:visible;opacity:1;height:auto;}
#header #mobile-nav > ul,
#header .nav-group {display:block;height:auto;}
#header #mobile-nav > ul {flex-direction:column;}
.nav-group:hover > .nav-dropdown,
.nav-group.is-open > .nav-dropdown {display:none !important;visibility:hidden !important;opacity:0 !important;}
.nav-dropdown {display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;}
.nav-submenu.open {display:block;padding-left:var(--space-16);margin-top:var(--space-8);}
.nav-submenu a {display:block;padding:var(--space-6) 0;font-size: 14px;color:rgba(255,255,255,0.7);}
#header.header-light [data-collapse-toggle="mobile-nav"],
#header.header-light .nav-link,
#header.header-light .nav-parent-btn {color:var(--color-primary);}
#header.header-light .nav-submenu a {color:rgba(44,44,44,0.72);}
.header-logo-text {font-size:var(--font-size-26);line-height:1.54em;}
/* main */
.hero-title {font-size:var(--font-size-64);line-height:1.2em;letter-spacing:-0.02em;white-space:normal;}
.hero-intro {font-size:var(--font-size-26);line-height:1.54em;}
.home-contact-title {font-size:var(--font-size-56);line-height:1.25em;letter-spacing:-0.02em;}
.home-contact-desc {font-size:var(--font-size-22);line-height:1.5em;white-space:normal;}
.home-biz-card-media {aspect-ratio:4/5;}
.page-home-index .hero-row {flex-direction:column;align-items:flex-start;gap:var(--space-40);}
.page-home-index .aravest-box {flex-direction:column;align-items:flex-start;gap:var(--space-40);}
.page-home-index .aravest-heading {font-size:var(--font-size-56);line-height:1.25em;}
.page-home-index .aravest-lead {font-size:var(--font-size-28);line-height:1.5em;}
.page-home-index .aravest-desc p {font-size:var(--font-size-22);line-height:1.45em;}
.page-home-index .br-lg-only {display:none;}
.aravest-logo-wrap {width:clamp(220px,42vw,300px);}
.aravest-content {width:100%;gap:var(--space-40);}
.home-biz-preview {width:100%;max-width:820px;}
.home-biz-list {min-height:0;align-self:auto;}
.home-biz-item.is-active .home-biz-item-desc {max-height:200px;}
/* layout */
/* footer */
.footer-top {flex-direction:column;align-items:stretch;gap:var(--space-24);}
.footer-body {flex-direction:column;align-items:flex-start;gap:var(--space-40);}
/* sub */
.sub-hero {height:clamp(200px,35svh,480px);}
.core-values-pillars {grid-template-columns:1fr;gap:var(--space-40);}
.core-values-pillar {padding:0;height:auto;}
.core-values-pillar:not(:last-child) {border-right:0;}
.core-values-pillar-title--single {min-height: auto;}
.values-acc-body {padding:20px;}
.director-card {flex-direction:column;gap:var(--space-32);align-items:center;}

.contact-inquiries-grid {flex-direction:column;gap: 48px;;}
.location-grid {flex-direction:column;gap:var(--space-48);}
.location-grid--seoul .location-media {order:2;}
.location-grid--seoul .location-content {order:1;}
/* board */
.contact-inquiries, .inquiries-form {width: 100%;}
}

@media (max-height:900px) {
   /* content */
   .about-intro p br {display: none;}
   .home-biz-list {min-height: 300px;}
}

/* ===== max-height short mobile ===== */
@media (max-height:720px) and (max-width:1024px) {
.hero-title {font-size:var(--font-size-40);line-height:1.2em;}
}

/* ===== max-width: 768 ===== */
@media (max-width:768px) {
/* header */
/* main */
.home-biz-grid {grid-template-columns:1fr;gap:var(--space-56);}
/* layout */
.br-md-only {display:none;}
/* footer */
/* sub */
/* board */
}

/* ===== max-width: 640 ===== */
@media (max-width:640px) {
/* header */
/* main */
.hero-box {bottom: 20px;}
.home-biz-card-media {height: 200px;}
/* layout */
/* footer */
/* sub */
.contact-info-row {flex-direction:column;align-items:flex-start;gap:var(--space-12);}
.inquiries-form-grid {grid-template-columns:1fr;}
.inquiries-form-footer {flex-direction:column;align-items:flex-start;justify-content:flex-start;}
.location-row {flex-direction:column;gap:var(--space-8);}
.location-row-label {width:auto;flex-shrink:1;}
.biz-switcher {flex-direction: column; gap: 30px;}
.biz-switcher .home-biz-preview {position: relative; top: auto; aspect-ratio: 1/1; flex: none;}
/* board */
.inquiries-privacy-row {gap: 10px;}
.inquiries-privacy-row label {flex: 1; line-height: 1.5em; font-size: 13px;}
}

/* ===== max-width: 380 ===== */
@media (max-width:380px) {
/* header */
.header-logo-text {font-size:var(--font-size-20);line-height:1.3em;}
/* main */
/* layout */
/* footer */
/* sub */
/* board */
}