@charset "utf-8";
.root_daum_roughmap .wrap_map, .root_daum_roughmap, .direction-map iframe {width: 100% !important; height: 100% !important;}

/* about — 기업소개 */
.page-about-index {overflow:hidden;}
.about-eyebrow {font-size:var(--font-size-20); font-weight:500; line-height:1.7em; letter-spacing:-.02em; color:#bbb;}
.about-eyebrow--primary {color:var(--color-primary); font-weight:500;}
.about-sec-title {font-size:var(--font-size-48); font-weight:600; line-height:1.417em; letter-spacing:-.02em; color:var(--color-secondary);}
.about-sec-head {display:flex; flex-direction:column; gap:16px;}
.about-sec-head--center {align-items:center; text-align:center;}

.about-philosophy-grid {display:flex; align-items:flex-start; gap:var(--space-40);}
.about-philosophy-grid .about-sec-head {flex:1 1 0; min-width:0;}
.about-philosophy-body {flex:1 1 0; min-width:0; padding-top:var(--space-50); display:flex; flex-direction:column; gap:var(--space-20); font-size:var(--font-size-24); font-weight:400; line-height:1.583em; letter-spacing:-.02em; color:#676767;}

.about-vision {padding: var(--space-140) 0;}
.about-vision .contain {max-width: 1780px;}
.about-vision-box {position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center; gap:var(--space-60); padding:var(--space-120) var(--space-160); border-radius:8px; background:url("/images/sub/about-vision.jpg") 50% 50% / cover no-repeat;}
.about-vision-box .about-sec-head,
.about-vision-box .about-vision-body {position:relative; z-index:1;}
.about-vision-body {display:flex; flex-direction:column; align-items:center; gap:var(--space-20); text-align:center; font-size:var(--font-size-24); font-weight:400; line-height:1.583em; letter-spacing:-.02em; color:#676767;}

.about-goals {position:relative; padding:var(--space-120) 0 var(--space-140); overflow:hidden; background:url("/images/sub/about-goals-bg.jpg") 50% 50% / cover no-repeat;}
.about-goals .contain {position:relative; z-index:1; display:flex; flex-direction:column; gap:var(--space-80);}
.about-goals-list {display:flex; gap:var(--space-8); list-style:none;}
.about-goals-list li {flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:clamp(20px, calc(80 / var(--inner) * 100vw), 80px); padding:var(--space-40) clamp(15px, calc(32 / var(--inner) * 100vw), 32px); border:1px solid #eee; border-radius:8px; background:rgba(255,255,255,.8); backdrop-filter:blur(8px);}
.about-goals-num {font-size:var(--font-size-32); font-weight:600; line-height:1.438em; letter-spacing:-.02em; color:var(--color-primary);}
.about-goals-txt {display:flex; flex-direction:column; gap:var(--space-20);}
.about-goals-txt strong {font-size:var(--font-size-24); font-weight:500; line-height:1.583em; letter-spacing:-.02em; color:var(--color-secondary);}
.about-goals-txt p {font-size:var(--font-size-20); font-weight:400; line-height:1.7em; letter-spacing:-.02em; color:#676767;}

/* business — 사업분야 */
.business-intro {padding-bottom:0;}
.business-intro .contain {max-width:1780px;}
.business-intro-grid {display:flex; align-items:stretch; gap:0;}
.business-intro-media {max-width: 860px; width: 50%; margin:0; overflow:hidden; border-radius:8px; aspect-ratio:860 / 800;}
.business-intro-media img {width:100%; height:100%; object-fit:cover;}
.page-business-distribution .business-intro-media img {object-position:bottom center;}
.business-intro-body {flex:1 1 0; min-width:0; display:flex; flex-direction:column; justify-content:space-between; gap:var(--space-60); padding:var(--space-60) 0 var(--space-60) var(--space-80);}
.business-intro-top {display:flex; flex-direction:column; gap:var(--space-80);}
.business-intro-head {display:flex; flex-direction:column; gap:16px;}
.business-intro-eyebrow {font-size:var(--font-size-20); font-weight:600; line-height:1.7em; letter-spacing:-.02em; color:#bbb;}
.business-intro-title {font-size:var(--font-size-48); font-weight:600; line-height:1.417em; letter-spacing:-.02em; color:var(--color-secondary);}
.business-intro-txt {display:flex; flex-direction:column; gap:var(--space-20); font-size:var(--font-size-24); font-weight:400; line-height:1.583em; letter-spacing:-.02em; color:#676767;}
.business-intro-highlight {font-size:var(--font-size-28); font-weight:600; line-height:1.5em; letter-spacing:-.02em; color:var(--color-primary);}
.business-intro-btns {display:flex; flex-wrap:wrap; gap:var(--space-8);}

/* customer — 찾아오시는 길 */
.directions-grid {display:flex; align-items:stretch; gap:8px;}
.directions-map {flex:0 0 auto; width:57.143%; min-height: clamp(280px, calc(560 / var(--inner) * 100vw), 560px); overflow:hidden; border-radius:8px;}
.directions-info {display:flex; flex:1 1 0; flex-direction:column; justify-content:space-between; gap:var(--space-40); min-width:0; padding:var(--space-50); border:1px solid #eee; border-radius:8px; background:#fff;}
.directions-info-head {padding-bottom:var(--space-30); border-bottom:1px dashed #dfdfdf;}
.directions-info-head strong {color:var(--color-primary); font-size:var(--font-size-28); font-weight:600; line-height:42px; letter-spacing:-.02em;}
.directions-dl {display:flex; flex-direction:column; gap:16px; margin:0;}
.directions-dl .row {display:flex; align-items:flex-start; gap:0;}
.directions-dl dt {flex:0 0 100px; width:100px; color:#505050; font-size:var(--font-size-20); font-weight:500; line-height:1.7em; letter-spacing:-.02em;}
.directions-dl dd {flex:1 1 auto; min-width:0; margin:0; color:#676767; font-size:var(--font-size-20); font-weight:400; line-height:1.7em; letter-spacing:-.02em;}
.directions-dl dd a:hover {text-decoration:underline;}
.directions-btns {display:flex; flex-wrap:wrap; gap:10px;}
.directions-map-btn {display:inline-flex; align-items:center; gap:10px; padding:14px; border-radius:4px; background:#f6f6f6; color:#676767; font-size:var(--font-size-18); font-weight:500; line-height:28px; letter-spacing:-.02em; text-decoration:none !important; transition:.2s;}
.directions-map-btn:hover {background:#eee; color:var(--color-secondary);}