@charset "utf-8";

.sub-banner {padding:0 20px; margin-bottom:var(--space-60); position:relative; height:clamp(200px, calc(360 / var(--inner) * 100vw), 360px); background-size:cover; background-position:center; background-repeat:no-repeat; display:flex; align-items:center; justify-content:center;}
.sub-banner .text {text-align:center;}
.sub-banner .txt {margin-bottom:var(--space-8); font-size:var(--font-size-16); line-height:1.5em; color:rgba(255,255,255,0.6); letter-spacing:.48em;}
.sub-banner .tit {margin-bottom:var(--space-20); font-weight:800; font-size:var(--font-size-50); line-height:1.16em; color:#fff; letter-spacing:-.04em;}
.sub-banner .desc {font-weight:500; font-size:var(--font-size-18); line-height:1.44em; color:#fff; letter-spacing:-.03em;}

.greeting {display:flex; background:url('/images/sub/greeting-symbol.png') no-repeat left bottom / clamp(160px, calc(369 / var(--inner) * 100vw), 369px) auto;}
.greeting .title {width:50%;}
.greeting .title p {font-weight:600; font-size:var(--font-size-28); line-height:1.5em; color:#242424; letter-spacing:-.03em;}
.greeting .content {flex:1;}
.greeting .content .txt {margin-bottom:var(--space-40); font-size:var(--font-size-16); line-height:1.875em; color:#454545; letter-spacing:-.03em;}
.greeting .content .everyone {font-weight:600; font-size:var(--font-size-18); line-height:1.56em; color:#242424; letter-spacing:-.03em;}

.history .group {display:flex;}
.history .group .title {width:50%;}
.history .group .title h3 {margin-bottom:var(--space-10); font-family:var(--font-roboto); font-size:var(--font-size-56); font-weight:700; color:var(--color-primary); line-height:1.16em; letter-spacing:-.03em;}
.history .group .title p {font-size:var(--font-size-24); font-weight:400; color:#454545; line-height:1.33em; letter-spacing:-.03em;}

.history .group:not(:last-child) {padding-bottom:var(--space-60); margin-bottom:var(--space-60); border-bottom:1px solid #ddd;}
.history .content {flex:1;}
.history .item {margin-bottom:var(--space-60); display:flex;}
.history .item:last-child {margin-bottom:0;}
.history .item h4 {width:120px; display:flex; gap:0 var(--space-15); font-size:var(--font-size-24); font-weight:700; font-family:var(--font-roboto);}
.history .item h4:before {content:''; width:12px; height:12px; border-radius:100%; border:3px solid var(--color-primary); margin-top:.3em;}
.history .list {flex:1;}
.history .list ul li {margin-bottom:var(--space-8); display:flex;}
.history .list ul li:last-child {margin-bottom:0;}
.history .list ul li .month {width:35px; font-weight:600; line-height:1.75em; color:#454545; font-family:var(--font-roboto);}
.history .list ul li .txt {flex:1; color:#454545; line-height:1.75em;}
.history .group:nth-child(even) .title h3 {color:var(--color-secondary);}
.history .group:nth-child(even) .item h4:before {border-color:var(--color-secondary);}

.partner {display:flex; flex-wrap:wrap; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.partner .item {width:16.666%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; aspect-ratio:1; overflow:hidden;}
.partner .item img {width:100%; height:100%; object-fit:contain;}

.location-title {margin-bottom:var(--space-80); text-align:center;}
.location-title p {margin-bottom:var(--space-8); font-size:var(--font-size-16); line-height:1.5em; color:rgba(36,36,36,0.6); letter-spacing:.48em;}
.location-title h3 {font-weight:800; font-size:var(--font-size-50); line-height:1.16em; color:var(--color-primary); letter-spacing:-.04em;}

.root_daum_roughmap_landing {width:100% !important;}
.root_daum_roughmap .wrap_map {height:clamp(280px, calc(600 / var(--inner) * 100vw), 600px) !important;}
.root_daum_roughmap .cont {display:none;}

.location-map {position:relative; margin-bottom:var(--space-80);}
[lang="en"] .location-map .map-area {height: clamp(280px, calc(600 / var(--inner) * 100vw), 600px);}
[lang="en"] .location-map .map-area iframe {width:100%; height:100%;}
.location-map .cnt {position:absolute; z-index:40; right:18.5%; bottom:0; width:clamp(280px, calc(540 / var(--inner) * 100vw), 540px); padding:var(--space-40); display:flex; flex-direction:column; gap:var(--space-20); background:url('/images/sub/map-icon.png') no-repeat right center / cover; color:#fff;}
.location-map .cnt .comp {font-weight:700; font-size:var(--font-size-24); line-height:1.17em; letter-spacing:-.03em;}
.location-map .cnt .addr {font-size:var(--font-size-18); line-height:1.44em; letter-spacing:-.03em;}

.location-info .items {display:flex;}
.location-info .item {text-align:center; width:33.333%; border-right:1px solid #ddd;}
.location-info .item:last-child {border-right:none;}
.location-info .item .ico img {height:clamp(38px, calc(48 / var(--inner) * 100vw), 48px);}
.location-info .item .tit {margin:var(--space-30) 0 var(--space-8); font-size:var(--font-size-16); line-height:1.5em; color:#454545; letter-spacing:-.03em;}
.location-info .item .txt {font-weight:700; font-size:var(--font-size-20); line-height:1.4em; color:#242424; letter-spacing:-.03em;}

.contact-call {padding-bottom:var(--space-80);}
.contact-call .wrap {padding:var(--space-45) 0; border-radius:16px; box-shadow:0 0 16px rgba(0,0,0,0.08); overflow:hidden; display:flex; align-items:center;}
.contact-call .logo {padding:0 var(--space-85);}
.contact-call .logo img {width:clamp(200px, calc(325 / var(--inner) * 100vw), 325px);}
.contact-call .bar {width:1px; height:40px; background:#d9d9d9;}
.contact-call .info {padding:0 var(--space-75); flex:1; display:flex; align-items:center; justify-content:space-between;}
.contact-call .item {display:flex; gap:var(--space-20); align-items:center;}
.contact-call .item .ico {min-width:56px;}
.contact-call .cnt .label {font-size:var(--font-size-16); line-height:1.25em; color:#454545;}
.contact-call .cnt .num {margin-top:var(--space-5); font-weight:700; font-size:var(--font-size-28); line-height:1.14em; color:#242424; letter-spacing:-.03em;}

.contact-dept {background:#f8f8f8; padding:var(--space-100) 0;}
.contact-dept .items {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-30);}
.contact-dept .item {background:#fff; border:1px solid #ddd; border-radius:16px; padding:var(--space-30); text-align:center;}
.contact-dept .item .ico {margin-bottom:var(--space-25);}
.contact-dept .item .ico img {height:clamp(40px, calc(80 / var(--inner) * 100vw), 80px);}
.contact-dept .item .tit {margin-bottom:var(--space-8); font-weight:600; font-size:var(--font-size-24); line-height:1.33em; color:#242424; letter-spacing:-.03em;}
.contact-dept .item .name {margin-bottom:var(--space-25); font-size:var(--font-size-16); line-height:1.5em; color:#454545; letter-spacing:-.03em;}
.contact-dept .item .tel {padding:var(--space-15); border-radius:8px; font-weight:700; font-size:var(--font-size-18); line-height:1.56em; color:#242424; letter-spacing:-.03em;}
.contact-dept .item .tel svg {vertical-align:middle; margin-right:var(--space-8);}