@charset "utf-8";

.greeting-bnr {width:100%; height:clamp(200px, calc(500 / var(--inner) * 100vw), 500px); margin-bottom:var(--space-80); background:url("/images/sub/greeting.jpg") no-repeat 50% 50% / cover;}
.greeting-cnt .contain {background:url('/images/sub/greeting-bg.png') no-repeat bottom 0 right var(--space-30) / clamp(180px, calc(624 / var(--inner) * 100vw), 624px) auto;}
.greeting-cnt .label {margin-bottom:var(--space-24); font-size:var(--font-size-18); font-weight:600; line-height:1.556em; letter-spacing:-0.03em; color:var(--color-primary);}
.greeting-cnt h3 {margin-bottom:var(--space-40); font-size:var(--font-size-40); font-weight:700; line-height:1.25em; letter-spacing:-0.03em; color:#242424;}
.greeting-cnt .txt {font-size:var(--font-size-16); line-height:1.625em; letter-spacing:-0.03em; color:#454545;}
.greeting-cnt .txt .note {color:#8f8f8f;}

.directions {display:flex; align-items:center;}
.directions .contact-info {width:41.42%; padding-right:30px;}
.directions .contact-info h3 {margin-bottom:var(--space-65); font-size:var(--font-size-30); font-weight:700; line-height:1.333em; letter-spacing:-0.03em; color:#242424;}
.directions .contact-info h3 img {height:clamp(30px, calc(48 / var(--inner) * 100vw), 48px); vertical-align:middle; margin-right:var(--space-30);}
.directions .contact-info .content {display:flex; flex-direction:column; gap:var(--space-35);}
.directions .contact-info .item {display:flex;}
.directions .contact-info .ico {margin-right:var(--space-15);}
.directions .contact-info .ico img {height:clamp(20px, calc(30 / var(--inner) * 100vw), 30px);}
.directions .contact-info .cnt {flex:1;}
.directions .contact-info .addr {margin-bottom:var(--space-8); font-size:var(--font-size-20); font-weight:700; line-height:1.5em; letter-spacing:-0.03em; color:#242424;}
.directions .contact-info .txt {font-size:var(--font-size-18); line-height:1.556em; letter-spacing:-0.03em; color:#454545;}
.directions .contact-info .txt2 {font-size:var(--font-size-18); line-height:1.5em; letter-spacing:-0.03em; color:#242424;}
.directions .contact-info .txt2 strong {font-weight:600; margin-right:0.35em;}
.directions .map-area {flex:1; overflow:hidden; border-radius:30px;}
.root_daum_roughmap .cont {display:none;}
.root_daum_roughmap_landing {width:100% !important;}
.root_daum_roughmap_landing .wrap_map {height:clamp(250px, calc(510 / var(--inner) * 100vw), 510px) !important;}

.business {display:flex; align-items:center; gap:var(--space-100);}
.business .image {width:50%;}
.business .content {flex:1;}
.business .content .ico {margin-bottom:var(--space-48);}
.business .content .ico img {height:clamp(36px, calc(80 / var(--inner) * 100vw), 80px);}
.business .content .txt {margin-bottom:var(--space-24); font-size:var(--font-size-18); font-weight:600; line-height:1.556em; letter-spacing:-0.03em; color:var(--color-primary);}
.business .content h3 {margin-bottom:var(--space-40); font-size:var(--font-size-40); font-weight:700; line-height:1.25em; letter-spacing:-0.03em; color:#242424;}
.business .content .txt2 {margin-bottom:var(--space-24); font-size:var(--font-size-18); font-weight:600; line-height:1.556em; letter-spacing:-0.03em;}
.business .content .desc {margin-bottom:var(--space-80); font-size:var(--font-size-16); line-height:1.625em; letter-spacing:-0.03em; color:#454545;}
.business .content .desc p + p {margin-top:var(--space-10);}
.business .content .btn {display:inline-flex; align-items:center; justify-content:center; height:clamp(40px, calc(56 / var(--inner) * 100vw), 56px); padding:0 var(--space-48); border-radius:60px; background:var(--color-primary); color:#fff; font-size:var(--font-size-16); font-weight:600; line-height:1.875em; letter-spacing:-0.05em; gap:0 var(--space-15);}
.business .content .btn::after {content:"→";}