﻿@charset "utf-8";
.root_daum_roughmap,
.root_daum_roughmap .wrap_map {border-radius:32px; overflow:hidden; height:clamp(250px, calc( 460 / var(--inner) * 100vw ), 460px) !important; width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}

/* 공통 */
.sub-sec {margin-bottom:var(--space-100);}
.graybg {padding:var(--space-100) 0; background-color:#F8F8F8;}

.doc-banner {padding:var(--space-30) 0; margin-bottom:var(--space-100); background:url(/images/sub/banner-bg.png) 50% 50% / cover no-repeat; position:relative; text-align:center; border:1px solid #ddd; border-radius:16px; overflow:hidden;}
.doc-banner:after {position:absolute; content:''; top:0; left:0; right:0; bottom:0; background-color:#fff; opacity:.95;}
.doc-banner .title {font-size:var(--font-size-24); font-weight:600; line-height:1.3em; color:var(--color-bk);}
.doc-banner .title strong {font-weight:600;}
.doc-banner .title .color1 {color:var(--color-primary);}
.doc-banner .title .color2 {color:#e60013;}
.doc-banner .desc {width:100%; font-size:var(--font-size-14); line-height:1.6em;}
.doc-banner .inner {gap:var(--space-20); z-index:1; align-items:center; position:relative; display:flex; flex-direction:column; height:100%; justify-content:center;}
.doc-banner .head {display:flex; align-items:center; justify-content:center; gap:10px; width:100%;}
.doc-banner .head i {width:clamp(22px, calc( 32 / var(--inner) * 100vw ), 32px); aspect-ratio:1/1; display:inline-block; background-position:50% 50%; background-repeat:no-repeat; -webkit-background-size:contain; background-size:contain; flex-shrink:0;}
.doc-banner .head i.left {background-image:url(/images/sub/quote-left.svg);}
.doc-banner .head i.right {background-image:url(/images/sub/quote-right.svg);}

.doc-title {margin-bottom:var(--space-30); display:flex; align-items:center; gap:12px;}
.doc-title .bar {flex-shrink:0; width:4px; height:20px; background:var(--color-primary);}
.doc-title .tit {font-size:var(--font-size-20); font-weight:600; line-height:1.4em; color:var(--color-bk);}

/* 인사말 */
.greetings {display:flex; align-items:center; gap:var(--space-60); width:100%;}
.greetings-visual {flex-shrink:0; width:clamp(260px, calc(489 / var(--inner) * 100vw), 489px); border-radius:16px; overflow:hidden;}
.greetings-photo {width:100%; overflow:hidden;}
.greetings-photo img {display:block; width:100%; height:100%; object-fit:cover;}
.greetings-ceo {display:flex; align-items:center; justify-content:center; gap:24px; padding:24px; background:var(--color-primary); color:#fff;}
.greetings-ceo-role {font-size:var(--font-size-20); font-weight:500; line-height:1.4em; white-space:nowrap;}
.greetings-ceo-sign {flex-shrink:0; line-height:0;}
.greetings-content {display:flex; flex-direction:column; gap:var(--space-30); flex:1; min-width:0;}
.greetings-head {display:flex; flex-direction:column; gap:8px;}
.greetings-label {font-size:var(--font-size-16); font-weight:600; line-height:1.625em; color:#018F8F;}
.greetings-headline {font-size:var(--font-size-40); font-weight:700; line-height:1.3em; color:var(--color-bk);}
.greetings-headline-accent {background:linear-gradient(90deg, #004EA2 0%, #018F8F 100%); -webkit-background-clip:text; background-clip:text; color:transparent;}
.greetings-body {display:flex; flex-direction:column; gap:16px;}
.greetings-text {font-size:var(--font-size-20); line-height:1.5em; color:#454545;}
.greetings-values {display:flex; align-items:center; width:100%; height:clamp(140px, calc(180 / var(--inner) * 100vw), 180px); border:1px solid #ddd; border-radius:16px; box-sizing:border-box; overflow:hidden;}
.greetings-values-title {display:flex; flex-direction:column; align-items:center; justify-content:center; flex-shrink:0; height:100%; padding:0 32px; border-right:1px solid #ddd; text-align:center; white-space:nowrap;}
.greetings-values-title p {font-size:var(--font-size-22); font-weight:500; line-height:1.45em; color:var(--color-bk);}
.greetings-values-accent {font-size:var(--font-size-24) !important; font-weight:700 !important; color:var(--color-primary) !important;}
.greetings-values-list {display:flex; align-items:center; flex:1; min-width:0; height:100%;}
.greetings-value {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; flex:1; min-width:0; height:100%; padding:0 16px; border-right:1px dashed #ddd; text-align:center; box-sizing:border-box;}
.greetings-value:last-child {border-right:0;}
.greetings-value-icon {display:block; width:40px; height:40px; line-height:0;}
.greetings-value-icon img {display:block; width:100%; height:100%; object-fit:contain;}
.greetings-value--trust .greetings-value-name {color:#004EA2;}
.greetings-value--people .greetings-value-name {color:#018F8F;}
.greetings-value--smart .greetings-value-name {color:#FD7F00;}
.greetings-value--plus .greetings-value-name {color:#113C6F;}
.greetings-value-name {font-size:var(--font-size-18); font-weight:700; line-height:1.45em;}
.greetings-value-desc {font-size:var(--font-size-16); line-height:1.5em; color:#454545;}

.sub-bg {position:relative; margin-top:-40px;}

/* 사훈 */
.motto-sec {padding:var(--space-100) 0; background:url(/images/sub/motto-bg.jpg) 50% 0 / cover no-repeat; position: relative;  }
.motto-sec-title {margin:0 0 60px; font-size:var(--font-size-48); font-weight:600; line-height:56px; color:var(--color-bk); text-align:center;}
.motto-lead {display:flex; align-items:flex-start; justify-content:center; gap:24px; margin-bottom:60px;}
.motto-lead-quote {flex-shrink:0; width:40px; height:40px;}
.motto-lead-text {display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center;}
.motto-lead-title {margin:0; font-size:var(--font-size-40); font-weight:700; line-height:40px; color:var(--color-bk);}
.motto-lead-title .c-blue {color:#004EA2;}
.motto-lead-title .c-teal {color:#E60013;}
.motto-lead-desc {margin:0; font-size:var(--font-size-20); line-height:24px; color:#686868;}
.motto-body {display:flex; flex-direction:column; align-items:center; gap:32px; width:100%;}
.motto-cards {display:flex; align-items:center; gap:40px; width:100%;}
.motto-card {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:24px; flex:1; min-width:0; padding:32px; border-radius:500px; text-align:center; box-sizing:border-box;}
.motto-card p {margin:0; font-size:var(--font-size-20); line-height:28px; color:#454545;}
.motto-card strong {font-weight:700;}
.motto-card--blue {background:#C0DAF7;}
.motto-card--blue strong {color:#004EA2;}
.motto-card--blue .motto-card-icon {background:#004EA2;}
.motto-card--teal {background:#BCE8E8;}
.motto-card--teal strong {color:#018F8F;}
.motto-card--teal .motto-card-icon {background:#018F8F;}
.motto-card-icon {display:flex; align-items:center; justify-content:center; width:88px; height:88px; border-radius:50%; flex-shrink:0;}
.motto-card-icon img {display:block; width:48px; height:48px;}
.motto-plus {flex-shrink:0;}
.motto-plus-ring {display:flex; align-items:center; padding:16px; border:1px dashed rgba(1,143,143,0.2); border-radius:500px;}
.motto-plus-inner {display:flex; align-items:center; padding:24px; border:1px solid rgba(1,143,143,0.4); border-radius:500px;}
.motto-plus-core {display:flex; align-items:center; justify-content:center; width:88px; height:88px; border-radius:50%; background:linear-gradient(254deg, #018F8F 8.29%, #004EA2 92.23%);}
.motto-plus-core img {display:block; width:48px; height:48px;}
.motto-arrow {display:flex; align-items:center; justify-content:center;}
.motto-footer-wrap {width:100%; padding:16px; border:2px dashed #004EA2; border-radius:500px; box-sizing:border-box; background:#fff;}
.motto-footer {display:flex; align-items:flex-start; justify-content:center; gap:24px; width:100%; min-height:188px; padding:56px; border-radius:500px; background:#004EA2; color:#fff; box-sizing:border-box;}
.motto-footer-quote {flex-shrink:0; width:40px; height:40px;}
.motto-footer-text {display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center;}
.motto-footer-title {margin:0; font-size:var(--font-size-40); font-weight:700; line-height:40px;}
.motto-footer-title .c-teal {color:#E60013;}
.motto-footer-desc {margin:0; font-size:var(--font-size-20); line-height:24px;}

/* 경영방침 */
.motto-policy {padding:var(--space-100) 0 150px; background:linear-gradient(180deg, rgba(1,143,143,0.05) 0%, rgba(0,78,162,0.05) 100%);}
.motto-policy-title {margin:0 0 60px; font-size:var(--font-size-48); font-weight:600; line-height:56px; color:var(--color-bk); text-align:center;}
.motto-policy-grid {display:grid; grid-template-columns:repeat(4, 1fr); gap:30px; width:100%;}
.motto-policy-card {display:flex; flex-direction:column; gap:24px; padding:32px; background:#fff; border-radius:16px; box-shadow:0 0 5px rgba(0,0,0,0.12); box-sizing:border-box;}
.motto-policy-head {display:flex; align-items:flex-start; justify-content:space-between; width:100%;}
.motto-policy-titlebox {display:flex; flex-direction:column; align-items:flex-start; gap:24px;}
.motto-policy-num {margin:0; font-size:var(--font-size-40); font-weight:700; line-height:26px;}
.motto-policy-name {margin:0; font-size:var(--font-size-24); font-weight:600; line-height:32px; color:var(--color-bk);}
.motto-policy-icon {display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; flex-shrink:0;}
.motto-policy-list {display:flex; flex-direction:column; gap:4px; flex:1; margin:0; padding:0 0 28px; list-style:none; border-bottom:1px solid #ddd;}
.motto-policy-list li {position:relative; padding-left:1em; font-size:var(--font-size-16); line-height:24px; color:#454545;}
.motto-policy-list li::before {content:"•"; position:absolute; left:0;}
.motto-policy-tags {display:flex; flex-wrap:wrap; gap:8px; width:100%;}
.motto-policy-tags span {display:inline-flex; align-items:center; justify-content:center; padding:4px 8px; border-radius:50px; font-size:var(--font-size-14); font-weight:600; line-height:22px;}
.motto-policy-card--blue .motto-policy-num {color:#004EA2;}
.motto-policy-card--blue .motto-policy-icon {background:#004EA2;}
.motto-policy-card--blue .motto-policy-tags span {background:rgba(0,78,162,0.05); color:#004EA2;}
.motto-policy-card--teal .motto-policy-num {color:#018F8F;}
.motto-policy-card--teal .motto-policy-icon {background:#018F8F;}
.motto-policy-card--teal .motto-policy-tags span {background:rgba(1,143,143,0.05); color:#018F8F;}
.motto-policy-card--orange .motto-policy-num {color:#FD7F00;}
.motto-policy-card--orange .motto-policy-icon {background:#FD7F00;}
.motto-policy-card--orange .motto-policy-tags span {background:rgba(253,127,0,0.05); color:#FD7F00;}
.motto-policy-card--navy .motto-policy-num {color:#113C6F;}
.motto-policy-card--navy .motto-policy-icon {background:#113C6F;}
.motto-policy-card--navy .motto-policy-tags span {background:rgba(17,60,111,0.05); color:#113C6F;}

/* 연혁 */
.history-top {border-radius:200px; overflow:hidden;}
.history-top img {display:block; width:100%; height:auto;}
.history {position:relative; margin-top:var(--space-40); padding:0 0 var(--space-40);}
.history-line {position:absolute; left:50%; top:0; bottom:0; width:1px; background:#ddd; transform:translateX(-50%); z-index:0;}
.history-list {position:relative; z-index:1; margin:0; padding:0; list-style:none;}
.history-year {display:flex; flex-direction:column; align-items:center; margin:0 0 80px;}
.history-year:last-child {margin-bottom:0;}
.history-year-badge {display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:96px; height:96px; border-radius:50%; background:linear-gradient(to left, #018F8F 0, #004EA2 100%); color:#fff; font-size:var(--font-size-24); font-weight:700; line-height:26px; position:relative; z-index:2; }
.history-year-badge::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 8px solid rgba(255,255,255,0.1); border-radius: 50%; }
.history-events {display:flex; flex-direction:column; gap:40px; width:100%; margin:40px 0 0; padding:0; list-style:none;}
.history-event {position:relative; display:flex; width:100%;}
.history-event-dot {position:absolute; left:50%; top:0; box-sizing:border-box; width:16px; height:16px; border:4px solid #018F8F; border-radius:50%; background:#fff; transform:translateX(-50%); z-index:2;}
/* .history-event-dot:after {content:""; position:absolute; top:50%; height:1px; background:#ddd;} */
.history-event-body {display:flex; flex-direction:column; gap:20px; width:calc(50% - 46px); box-sizing:border-box;}
.history-event-date {font-size:var(--font-size-16); font-weight:600; line-height:16px; color:#018F8F;}
.history-event-items {display:flex; flex-direction:column; gap:20px;}
.history-event-item {display:flex; flex-direction:column; gap:4px;}
.history-event-title {margin:0; font-size:var(--font-size-18); font-weight:600; line-height:26px; color:#242424;}
.history-event-desc {margin:0; font-size:var(--font-size-16); font-weight:400; line-height:24px; color:#454545;}
.history-event--right {justify-content:flex-end;}
.history-event--right .history-event-body {margin-left:auto; text-align:left;}
.history-event--right .history-event-dot:after {left:50%; width:30px;}
.history-event--left {justify-content:flex-start;}
.history-event--left .history-event-body {margin-right:auto; text-align:right;}
.history-event--left .history-event-dot:after {right:50%; width:30px;}

/* 조직도 */
.organ-sec {position:relative; padding:var(--space-100) 0; background:url(/images/sub/organ-bg.jpg) 50% 50% / cover no-repeat; }
.organ-sec:before {content:""; position:absolute; inset:0; pointer-events:none;}
.organ-sec .contain {position:relative; z-index:1;}
.organ-sec-title {margin:0 0 60px; font-size:var(--font-size-48); font-weight:600; line-height:56px; color:var(--color-bk); text-align:center;}
.organ-chart {display:flex; flex-direction:column; align-items:center; gap:80px; width:100%;}
.organ-ceo {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; box-sizing:border-box; width:210px; height:210px; border:12px solid rgba(255,255,255,0.9); border-radius:50%; background:#004EA2; color:#fff; position:relative; z-index:2;}
.organ-ceo:after {content:""; position:absolute; left:50%; top:calc(100% + 12px); width:1px; height:80px; background:#ddd; transform:translateX(-50%);}
.organ-ceo-icon {display:flex; align-items:center; justify-content:center; width:40px; height:40px;}
.organ-ceo-icon img {display:block; width:100%; height:100%;}
.organ-ceo-name {font-size:30px; font-weight:700; line-height:36px; text-align:center; white-space:nowrap;}
.organ-mid {display:flex; flex-direction:column; align-items:center; gap:50px; width:100%; position:relative;}
.organ-president {display:flex; align-items:center; justify-content:center; width:440px; height:80px; border-radius:16px; background:linear-gradient(80deg, #018F8F 0%, #004EA2 100%); color:#fff; font-size:var(--font-size-28); font-weight:700; line-height:32px; position:relative; z-index:2;}
.organ-president:after {content:""; position:absolute; left:50%; top:100%; width:1px; height:50px; background:#ddd; transform:translateX(-50%);}
.organ-depts {display:flex; align-items:stretch; justify-content:center; gap:30px; width:100%; margin:0; padding:50px 0 0; list-style:none; position:relative;}
.organ-depts:before {content:""; position:absolute; top:0; left:calc((100% - 30px * 2) / 6); right:calc((100% - 30px * 2) / 6); height:1px; background:#ddd;}
.organ-dept {display:flex; flex-direction:column; gap:24px; flex:1; max-width:446px; padding:30px; border:1px solid #ddd; border-radius:24px; background:#fff; box-sizing:border-box; position:relative;}
.organ-dept:before {content:""; position:absolute; left:50%; top:-50px; width:1px; height:50px; background:#ddd; transform:translateX(-50%);}
.organ-dept-head {display:flex; align-items:center; justify-content:center; gap:24px; width:100%;}
.organ-dept-icon {display:flex; align-items:center; justify-content:center; width:64px; height:64px; border-radius:50%; flex-shrink:0;}
.organ-dept-text {display:flex; flex-direction:column; align-items:flex-start; gap:8px; flex:1; min-width:0;}
.organ-dept-name {margin:0; font-size:var(--font-size-24); font-weight:600; line-height:32px; color:var(--color-bk);}
.organ-dept-desc {margin:0; font-size:var(--font-size-18); font-weight:400; line-height:26px; color:#454545;}
.organ-dept-desc strong {font-weight:700;}
.organ-teams {display:flex; gap:20px; width:100%; margin:0; padding:0; list-style:none;}
.organ-teams li {display:flex; flex:1; align-items:center; justify-content:center; min-width:0; padding:15px 8px; border-radius:8px; font-size:var(--font-size-18); font-weight:600; line-height:28px; text-align:center; box-sizing:border-box;}
.organ-dept--blue .organ-dept-icon {background:#004EA2;}
.organ-dept--blue .organ-teams li {background:rgba(0,78,162,0.05); color:#004EA2;}
.organ-dept--teal .organ-dept-icon {background:#018F8F;}
.organ-dept--teal .organ-teams li {background:rgba(1,143,143,0.05); color:#018F8F;}
.organ-dept--teal .organ-teams li:last-child {flex:none; width:215px;}
.organ-dept--orange .organ-dept-icon {background:#FD7F00;}
.organ-dept--orange .organ-teams li {background:rgba(253,127,0,0.05); color:#FD7F00;}
.organ-dept--orange .organ-teams li:first-child {flex:none; width:199px;}
.organ-advisory {padding:var(--space-100) 0 150px; background:rgba(0,78,162,0.03);}
.organ-advisory-titlebox {display:flex; flex-direction:column; align-items:center; gap:24px; margin-bottom:60px; text-align:center;}
.organ-advisory-title {margin:0; font-size:var(--font-size-48); font-weight:600; line-height:56px; color:var(--color-bk);}
.organ-advisory-desc {margin:0; font-size:var(--font-size-16); line-height:24px; color:#686868;}
.organ-advisory-list {display:flex; gap:30px; width:100%; margin:0; padding:0; list-style:none;}
.organ-advisory-card {display:flex; flex:1; flex-direction:column; align-items:center; min-width:0;}
.organ-advisory-tag {display:flex; align-items:center; justify-content:center; width:265px; max-width:100%; padding:6px 16px; border-radius:12px 12px 0 0; color:#fff; font-size:var(--font-size-18); font-weight:600; line-height:26px; text-align:center; box-sizing:border-box;}
.organ-advisory-body {display:flex; flex-direction:column; gap:16px; width:100%; max-width:327px; padding:32px; border:1px solid #ddd; border-radius:16px; background:#fff; box-sizing:border-box;}
.organ-advisory-head {display:flex; align-items:center; gap:24px; width:100%;}
.organ-advisory-icon {display:flex; align-items:center; justify-content:center; width:64px; height:64px; border-radius:50%; flex-shrink:0;}
.organ-advisory-icon img {display:block; width:32px; height:32px;}
.organ-advisory-name {margin:0; font-size:var(--font-size-24); font-weight:600; line-height:32px; color:var(--color-bk);}
.organ-advisory-points {display:flex; flex-direction:column; gap:4px; margin:0; padding:16px 0 0; list-style:none; border-top:1px solid #ddd;}
.organ-advisory-points li {font-size:var(--font-size-16); line-height:24px; color:#454545;}
.organ-advisory-points li:before {content:"• ";}
.organ-advisory-tags {display:flex; flex-wrap:wrap; gap:8px; width:100%;}
.organ-advisory-tags span {display:inline-flex; align-items:center; justify-content:center; padding:4px 8px; border-radius:50px; font-size:var(--font-size-14); font-weight:600; line-height:22px;}
.organ-advisory-card--blue .organ-advisory-tag {background:#004EA2;}
.organ-advisory-card--blue .organ-advisory-icon {background:rgba(0,78,162,0.05);}
.organ-advisory-card--blue .organ-advisory-tags span {background:rgba(0,78,162,0.05); color:#004EA2;}
.organ-advisory-card--teal .organ-advisory-tag {background:#018F8F;}
.organ-advisory-card--teal .organ-advisory-icon {background:rgba(1,143,143,0.05);}
.organ-advisory-card--teal .organ-advisory-tags span {background:rgba(1,143,143,0.05); color:#018F8F;}
.organ-advisory-card--orange .organ-advisory-tag {background:#FD7F00;}
.organ-advisory-card--orange .organ-advisory-icon {background:rgba(253,127,0,0.05);}
.organ-advisory-card--orange .organ-advisory-tags span {background:rgba(253,127,0,0.05); color:#FD7F00;}
.organ-advisory-card--navy .organ-advisory-tag {background:#113C6F;}
.organ-advisory-card--navy .organ-advisory-icon {background:rgba(17,60,111,0.05);}
.organ-advisory-card--navy .organ-advisory-tags span {background:rgba(17,60,111,0.05); color:#113C6F;}

/* 주요실적 */
.achievements {position:relative; padding:var(--space-100) 0; background:url(/images/sub/archive-bg.jpg) 50% 50% / cover no-repeat; }
.achievements:before {content:""; position:absolute; inset:0; pointer-events:none;}
.achievements .contain {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:60px;}
.achievements .contain::after {content:none;}
.achievements-title {margin:0; font-size:var(--font-size-48); font-weight:600; line-height:56px; color:var(--color-bk); text-align:center;}
.achievements-lead {display:flex; align-items:flex-start; justify-content:center; gap:24px; width:100%; padding:0 40px; box-sizing:border-box;}
.achievements-lead-quote {display:block; width:40px; height:40px; flex-shrink:0;}
.achievements-lead-text {display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center;}
.achievements-lead-title {margin:0; font-size:var(--font-size-32); font-weight:700; line-height:40px; color:var(--color-bk);}
.achievements-lead-accent {background:linear-gradient(90deg, #004EA2 0%, #018F8F 100%); -webkit-background-clip:text; background-clip:text; color:transparent;}
.achievements-lead-desc {margin:0; font-size:var(--font-size-16); line-height:24px; color:#686868;}
.achievements-stats {display:flex; align-items:stretch; width:100%; margin:0; padding:32px 0; list-style:none; border:1px solid #ddd; border-radius:16px; background:#fff; box-sizing:border-box;}
.achievements-stat {display:flex; flex:1; align-items:center; gap:24px; min-width:0; padding:0 32px; box-sizing:border-box;}
.achievements-stat + .achievements-stat {border-left:1px solid #ddd;}
.achievements-stat-icon {display:flex; align-items:center; justify-content:center; width:64px; height:64px; border-radius:50%; flex-shrink:0;}
.achievements-stat-icon img {display:block; width:28px; height:28px;}
.achievements-stat-text {display:flex; flex-direction:column; align-items:flex-start; gap:12px;}
.achievements-stat-label {margin:0; font-size:var(--font-size-16); font-weight:600; line-height:24px; color:var(--color-bk);}
.achievements-stat-value {display:flex; align-items:flex-end; gap:4px; margin:0;}
.achievements-stat-value strong {font-size:var(--font-size-40); font-weight:700; line-height:40px;}
.achievements-stat-value strong em {font-size:var(--font-size-24); font-style:normal; font-weight:700; line-height:40px;}
.achievements-stat-value span {font-size:var(--font-size-16); line-height:24px; color:#454545;}
.achievements-stat--blue .achievements-stat-icon {background:#004EA2;}
.achievements-stat--blue .achievements-stat-value strong {color:#004EA2;}
.achievements-stat--teal .achievements-stat-icon {background:#018F8F;}
.achievements-stat--teal .achievements-stat-value strong {color:#018F8F;}
.achievements-stat--orange .achievements-stat-icon {background:#FD7F00;}
.achievements-stat--orange .achievements-stat-value strong {color:#FD7F00;}
.achievements-stat--navy .achievements-stat-icon {background:#113C6F;}
.achievements-stat--navy .achievements-stat-value strong {color:#113C6F;}
.achievements-table-wrap {width:100%; border-radius:16px; overflow:hidden;}
.achievements-table {width:100%; border-collapse:separate; border-spacing:0; text-align:center;}
.achievements-table caption {position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.achievements-table thead th {height:60px; font-size:var(--font-size-20); font-weight:700; line-height:26px; color:#fff; background:#004EA2; border-left:1px solid #ddd; vertical-align:middle;}
.achievements-table thead th:first-child {border-left:0; border-radius:16px 0 0 0;}
.achievements-table thead th:last-child {border-radius:0 16px 0 0;}
.achievements-table tbody th,
.achievements-table tbody td {height:60px; font-size:var(--font-size-18); line-height:26px; border-top:1px solid #ddd; border-left:1px solid #ddd; vertical-align:middle;}
.achievements-table tbody th {font-weight:500; color:var(--color-bk); background:#f7f9fc; border-left:1px solid #ddd;}
.achievements-table tbody td {font-weight:400; color:#454545; background:#fff;}
.achievements-table tbody tr:first-child th {border-left:1px solid #ddd;}
.achievements-table tbody tr:last-child th {border-bottom:1px solid #ddd; border-radius:0 0 0 16px;}
.achievements-table tbody tr:last-child td {border-bottom:1px solid #ddd;}
.achievements-table tbody tr:last-child td:last-child {border-radius:0 0 16px 0;}
.achievements-table tbody th:first-child {border-left:1px solid #ddd;}

/* 오시는 길 */
.location {display:flex; flex-direction:column; gap:60px; width:100%;}
.location-lead {display:flex; align-items:flex-start; justify-content:center; gap:24px; width:100%; padding:0 40px; box-sizing:border-box;}
.location-lead-quote {display:block; width:40px; height:40px; flex-shrink:0;}
.location-lead-text {display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center;}
.location-lead-title {margin:0; font-size:var(--font-size-32); font-weight:700; line-height:40px; color:var(--color-bk);}
.location-lead-accent {background:linear-gradient(90deg, #004EA2 0%, #018F8F 100%); -webkit-background-clip:text; background-clip:text; color:transparent;}
.location-lead-desc {margin:0; font-size:var(--font-size-16); line-height:24px; color:#686868;}
.location-map {width:100%; border-radius:24px; overflow:hidden;}
/* .location-map .root_daum_roughmap {width:100% !important;}
.location-map .root_daum_roughmap .wrap_map {width:100% !important; height:440px !important;}
.location-map .root_daum_roughmap .wrap_map .map {width:100% !important; height:100% !important;} */
.location-info {display:flex; align-items:stretch; width:100%; margin:0; padding:32px 0; list-style:none; border:1px solid #ddd; border-radius:16px; background:#fff; box-sizing:border-box;}
.location-info-item {display:flex; flex:1; align-items:center; gap:24px; min-width:0; padding:0 32px; box-sizing:border-box;}
.location-info-item + .location-info-item {border-left:1px solid #ddd;}
.location-info-icon {display:flex; align-items:center; justify-content:center; width:64px; height:64px; border-radius:50%; flex-shrink:0;}
.location-info-text {display:flex; flex-direction:column; align-items:flex-start; gap:8px; flex:1; min-width:0;}
.location-info-label {margin:0; font-size:var(--font-size-18); font-weight:600; line-height:26px; color:var(--color-bk);}
.location-info-desc {margin:0; font-size:var(--font-size-16); font-style:normal; font-weight:400; line-height:24px; color:#454545;}
.location-info-desc a {color:inherit; text-decoration:none;}
.location-info-item--blue .location-info-icon {background:#004EA2;}
.location-info-item--teal .location-info-icon {background:#018F8F;}
.location-info-item--orange .location-info-icon {background:#FD7F00;}
.location-info-item--navy .location-info-icon {background:#113C6F;}
.location-bottom {display:flex; gap:20px; width:100%;}
.location-panel {display:flex; flex:1; flex-direction:column; gap:18px; min-width:0; padding:32px; border:1px solid #ddd; border-radius:20px; background:#fff; box-sizing:border-box;}
.location-panel + .location-panel {gap:20px;}
.location-panel-head {display:flex; align-items:center; gap:8px;}
.location-panel-icon {display:flex; align-items:center; justify-content:center; width:24px; height:24px; flex-shrink:0;}
.location-panel-title {margin:0; font-size:var(--font-size-20); font-weight:600; line-height:28px; color:var(--color-bk);}
.location-traffic {display:flex; gap:24px; width:100%; margin:0; padding:0; list-style:none;}
.location-traffic-item {display:flex; flex:1; flex-direction:column; align-items:flex-start; gap:16px; min-width:0;}
.location-traffic-item + .location-traffic-item {padding-left:24px; border-left:1px dashed #ddd; box-sizing:border-box;}
.location-traffic-tag {display:inline-flex; align-items:center; justify-content:center; padding:2px 10px; border-radius:50px; font-size:var(--font-size-14); font-weight:600; line-height:22px;}
.location-traffic-desc {margin:0; font-size:var(--font-size-16); line-height:24px; color:#454545;}
.location-traffic-item--blue .location-traffic-tag {background:rgba(0,78,162,0.05); color:#004EA2;}
.location-traffic-item--teal .location-traffic-tag {background:rgba(1,143,143,0.08); color:#018F8F;}
.location-traffic-item--orange .location-traffic-tag {background:rgba(253,127,0,0.1); color:#FD7F00;}
.location-links {display:flex; gap:16px; width:100%; margin:0; padding:0; list-style:none;}
.location-links li {flex:1; min-width:0;}
.location-link {display:block; position:relative; min-height:88px; padding:20px; border-radius:12px; color:#fff; font-size:var(--font-size-18); font-weight:600; line-height:24px; text-decoration:none; box-sizing:border-box; overflow:hidden;}
.location-link img {position:absolute; right:0; bottom:0; display:block; pointer-events:none;}
.location-link--kakao {background:#004EA2;}
.location-link--kakao img {width:45px; height:42px; right:0; bottom:0;}
.location-link--naver {background:#018F8F;}
.location-link--naver img {width:40px; height:37px;}
.location-link--tel {background:#FD7F00;}
.location-link--tel img {width:42px; height:40px;}
.location-link--mail {background:#113C6F;}
.location-link--mail img {width:36px; height:38px;}

/* 관리서비스 공통 */
.svc-intro {position:relative; padding:var(--space-100) 0; overflow:hidden;}
.svc-intro.sub-bg:before {content:""; position:absolute; inset:0; background:url(/images/sub/sub2-bg.jpg) 50% 0 / cover no-repeat; pointer-events:none;}
.svc-intro .contain {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:60px;}
.svc-intro .contain::after {content:none;}
.svc-lead {display:flex; align-items:flex-start; justify-content:center; gap:24px; width:100%; padding:0 40px; box-sizing:border-box;}
.svc-lead-quote {display:block; width:40px; height:40px; flex-shrink:0;}
.svc-lead-text {display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center;}
.svc-lead-title {margin:0; font-size:var(--font-size-40); font-weight:700; line-height:40px; color:var(--color-bk);}
.svc-accent {background:linear-gradient(90deg, #004EA2 0%, #018F8F 100%); -webkit-background-clip:text; background-clip:text; color:transparent;}
.svc-lead-desc {margin:0; font-size:var(--font-size-16); line-height:24px; color:#686868;}
.svc-values {display:flex; align-items:stretch; width:100%; margin:0; padding:32px 0; list-style:none; border:1px solid #ddd; border-radius:16px; background:#fff; box-sizing:border-box;}
.svc-value {display:flex; flex:1; align-items:center; gap:24px; min-width:0; padding:0 32px; box-sizing:border-box;}
.svc-value + .svc-value {border-left:1px solid #ddd;}
.svc-value-icon {display:flex; align-items:center; justify-content:center; width:64px; height:64px; border-radius:50%; flex-shrink:0;}
.svc-value-body {display:flex; flex-direction:column; gap:8px; min-width:0;}
.svc-value-label {margin:0; font-size:var(--font-size-20); font-weight:600; line-height:28px; color:var(--color-bk);}
.svc-value-desc {margin:0; font-size:var(--font-size-16); line-height:24px; color:#454545;}
.svc-value--blue .svc-value-icon {background:#004EA2;}
.svc-value--teal .svc-value-icon {background:#018F8F;}
.svc-value--orange .svc-value-icon {background:#FD7F00;}
.svc-value--navy .svc-value-icon {background:#113C6F;}
.svc-value--red .svc-value-icon {background:#E60013;}
.svc-section {padding:var(--space-100) 0;}
.svc-section--tint {background:rgba(0,78,162,0.03);}
.svc-section-title {display:flex; align-items:center; gap:16px; margin:0 0 40px; font-size:var(--font-size-24); font-weight:600; line-height:32px; color:var(--color-bk);}
.svc-section-title:before {content:""; display:block; width:4px; height:22px; background:#004EA2; flex-shrink:0;}

/* 위탁관리 */
.hr-qual-list {display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; width:100%; margin:0; padding:0; list-style:none;}
.hr-qual {display:flex; flex-direction:column; gap:20px; min-height:238px; padding:28px 40px 40px; border:0; border-top:3px solid; border-radius:16px; background:#fff; box-shadow:0 0 4px rgba(0,0,0,0.12); text-align:left; box-sizing:border-box;}
.hr-qual-top {display:flex; align-items:flex-start; justify-content:space-between; gap:16px; width:100%;}
.hr-qual-num {font-size:var(--font-size-40); font-weight:700; line-height:40px;}
.hr-qual-body {display:flex; flex-direction:column; gap:16px; width:100%;}
.hr-qual-title {margin:0; font-size:var(--font-size-24); font-weight:600; line-height:32px; color:var(--color-bk);}
.hr-qual-txt {display:flex; flex-direction:column; gap:4px; width:100%;}
.hr-qual-desc {margin:0; font-size:var(--font-size-16); line-height:24px; color:#454545;}
.hr-qual-ex {margin:0; font-size:var(--font-size-14); line-height:22px; color:#868686;}
.hr-qual--blue {border-top-color:#004EA2;}
.hr-qual--blue .hr-qual-num {color:#004EA2;}
.hr-qual--teal {border-top-color:#018F8F;}
.hr-qual--teal .hr-qual-num {color:#018F8F;}
.hr-qual--orange {border-top-color:#FD7F00;}
.hr-qual--orange .hr-qual-num {color:#FD7F00;}
.hr-process-list {display:flex; align-items:flex-start; justify-content:space-between; gap:12px; width:100%; margin:0; padding:0; list-style:none; position:relative;}
.hr-process-list:before {content:""; position:absolute; left:70px; right:70px; top:50px; border-top:1px dashed rgba(0,78,162,0.35); z-index:0;}
.hr-process {display:flex; flex-direction:column; align-items:center; gap:16px; flex:1; min-width:0; text-align:center; position:relative; z-index:1;}
.hr-process-title {margin:0; font-size:var(--font-size-16); font-weight:600; line-height:24px; color:var(--color-bk);}
.hr-process-desc {margin:0; font-size:var(--font-size-14); line-height:22px; color:#686868;}
.hr-train-wrap {display:flex; align-items:flex-start; gap:30px; width:100%;}
.hr-train-phone {margin:0; width:clamp(220px, calc(454 / var(--inner) * 100vw), 454px); flex-shrink:0; line-height:0;}
.hr-train-phone img {display:block; width:100%; height:auto;}
.hr-train-main {display:flex; flex-direction:column; gap:16px; flex:1; min-width:0;}
.hr-train-grid {display:grid; grid-template-columns:repeat(2, 1fr); gap:15px; width:100%; margin:0; padding:0; list-style:none;}
.hr-train {display:flex; align-items:stretch; width:100%; min-height:97px; border-radius:16px; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.12); overflow:hidden; box-sizing:border-box;}
.hr-train-left {display:flex; align-items:center; gap:16px; width:51%; min-width:0; padding:0 16px 0 24px; background:#e3edff; box-sizing:border-box;}
.hr-train-title {margin:0; font-size:var(--font-size-20); font-weight:600; line-height:1.4em; color:var(--color-bk); text-align:center; flex:1; min-width:0;}
.hr-train-right {display:flex; align-items:center; justify-content:center; flex:1; min-width:0; padding:0 16px; box-sizing:border-box;}
.hr-train-meta {font-size:var(--font-size-18); font-weight:500; line-height:28px; color:var(--color-bk); text-align:center;}
.hr-train-photos {display:grid; grid-template-columns:repeat(2, 1fr); gap:15px; width:100%; margin-top:50px;}
.hr-train-photos figure {margin:0; border-radius:16px; overflow:hidden; line-height:0;}
.hr-train-photos img {display:block; width:100%; height:clamp(160px, calc(293 / var(--inner) * 100vw), 293px); object-fit:cover;}

/* 건물·시설관리 */
.facility-work-list {display:grid; grid-template-columns:repeat(5, 1fr); gap:30px; width:100%; margin:0; padding:0; list-style:none;}
.facility-work {display:flex; flex-direction:column; align-items:flex-start; gap:32px; padding:32px; border:0; border-top:3px solid; border-radius:16px; background:#fff; box-shadow:0 0 4px rgba(0,0,0,0.12); text-align:left; box-sizing:border-box;}
.facility-work-icon {display:flex; align-items:center; justify-content:center; width:56px; height:56px; line-height:0;}
.facility-work-icon img {display:block; width:100%; height:100%; object-fit:contain;}
.facility-work-body {display:flex; flex-direction:column; gap:16px; width:100%;}
.facility-work-title {margin:0; font-size:var(--font-size-22); font-weight:600; line-height:30px; color:var(--color-bk);}
.facility-work-bullets {display:flex; flex-direction:column; gap:4px; margin:0; padding:0; list-style:none; width:100%;}
.facility-work-bullets li {position:relative; padding-left:1em; font-size:var(--font-size-16); line-height:24px; color:#454545;}
.facility-work-bullets li:before {content:"•"; position:absolute; left:0;}
.facility-work--navy {border-top-color:#113C6F;}
.facility-work--teal {border-top-color:#018F8F;}
.facility-work--red {border-top-color:#E60013;}
.facility-work--orange {border-top-color:#FD7F00;}
.facility-policy-sec {padding:var(--space-100) 0; background:linear-gradient(180deg, #004EA2 0%, #018F8F 100%);}
.facility-policy {display:flex; align-items:center; gap:56px; width:100%;}
.facility-policy.contain::after {content:none;}
.facility-policy-text {display:flex; flex-direction:column; gap:24px; flex-shrink:0; width:clamp(260px, calc(360 / var(--inner) * 100vw), 360px);}
.facility-policy-heading {display:flex; align-items:center; gap:16px; margin:0; font-size:var(--font-size-24); font-weight:600; line-height:32px; color:#fff;}
.facility-policy-heading:before {content:""; display:block; width:4px; height:22px; background:#fff; flex-shrink:0;}
.facility-policy-lead {margin:0; font-size:var(--font-size-16); font-weight:500; line-height:26px; color:rgba(255,255,255,0.8);}
.facility-policy-list {display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; flex:1; min-width:0; margin:0; padding:0; list-style:none;}
.facility-policy-card {display:flex; flex-direction:column; align-items:flex-start; gap:32px; min-height:180px; padding:32px; border-radius:16px; background:rgba(255,255,255,0.16); box-sizing:border-box;}
.facility-policy-card-text {display:flex; flex-direction:column; gap:8px; width:100%; color:#fff;}
.facility-policy-title {margin:0; font-size:var(--font-size-18); font-weight:700; line-height:26px;}
.facility-policy-desc {margin:0; font-size:var(--font-size-16); font-weight:400; line-height:24px;}
.facility-focus {display:flex; align-items:center; gap:30px; width:100%; position:relative;}
.facility-focus-benefits {position:relative; display:flex; flex-direction:column; justify-content:center; gap:16px; width:clamp(320px, calc(700 / var(--inner) * 100vw), 700px); min-height:258px; padding:32px; border-radius:16px; background:#fff url(/images/sub/facility-photo-01.png) 100% 50% / cover no-repeat; box-shadow:0 0 8px rgba(0,0,0,0.12); overflow:hidden; box-sizing:border-box; flex-shrink:0;}
/* .facility-focus-benefits:before {content:""; position:absolute; inset:0; background:linear-gradient(250deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 42%, #fff 100%); pointer-events:none;} */
.facility-focus-list {position:relative; z-index:1; display:flex; flex-direction:column; gap:16px; margin:0; padding:0; list-style:none;}
.facility-focus-list li {display:flex; align-items:center; gap:10px; font-size:var(--font-size-18); line-height:26px; color:var(--color-bk);}
.facility-focus-list img {width:16px; height:16px; flex-shrink:0;}
.facility-focus-arrow {display:flex; align-items:center; justify-content:center; width:56px; height:56px; flex-shrink:0; margin:0 -43px; position:relative; z-index:2; line-height:0;}
.facility-focus-card {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:32px; flex:1; min-width:0; min-height:258px; padding:32px; border-radius:16px; background:#fff; box-shadow:0 0 4px rgba(0,0,0,0.12); text-align:center; box-sizing:border-box;}
.facility-focus-card--accent {border:2px solid #FD7F00; box-shadow:0 0 6px rgba(253,127,0,0.3);}
.facility-focus-card-icon {display:flex; align-items:center; justify-content:center; line-height:0;}
.facility-focus-card-text {display:flex; flex-direction:column; align-items:center; gap:8px;}
.facility-focus-card-title {margin:0; font-size:var(--font-size-22); font-weight:600; line-height:30px; color:var(--color-bk);}
.facility-focus-card-desc {margin:0; font-size:var(--font-size-16); line-height:24px; color:#454545;}
.facility-step-list {display:flex; align-items:flex-start; width:100%; margin:0; padding:0; list-style:none; position:relative;}
.facility-step-list:before {content:""; position:absolute; left:80px; right:80px; top:50px; border-top:1px dashed rgba(0,78,162,0.25);}
.facility-step {display:flex; flex-direction:column; align-items:center; gap:24px; flex:1; min-width:0; text-align:center; position:relative; z-index:1;}
.facility-step-title {margin:0; font-size:var(--font-size-18); font-weight:600; line-height:28px; color:var(--color-bk);}
.facility-step-desc {margin:0; font-size:var(--font-size-16); line-height:24px; color:#454545;}

/* 보안·경비 */
.svc-section-title--white {color:#fff;}
.svc-section-title--white:before {background:#fff;}
.security-edu-list {display:flex; align-items:flex-start; width:100%; margin:0; padding:0; list-style:none; position:relative;}
.security-edu-list:before {content:""; position:absolute; left:80px; right:80px; top:50px; border-top:1px dashed rgba(0,78,162,0.25);}
.security-edu {display:flex; flex-direction:column; align-items:center; gap:24px; flex:1; min-width:0; text-align:center; position:relative; z-index:1;}
.security-edu-title {margin:0; font-size:var(--font-size-18); font-weight:600; line-height:28px; color:var(--color-bk);}
.security-edu-desc {margin:0; font-size:var(--font-size-16); line-height:24px; color:#454545;}
.security-flow-sec {padding:var(--space-100) 0; background:linear-gradient(180deg, #004EA2 0%, #018F8F 100%);}
.security-flow-sec .svc-section-title {margin-bottom:56px;}
.security-flow {display:flex; align-items:center; gap:30px; width:100%; position:relative;}
.security-flow-main {display:flex; align-items:center; gap:30px; flex-shrink:0; width:clamp(520px, calc(700 / var(--inner) * 100vw), 700px); position:relative;}
.security-flow-hq {display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:32px; flex:1; min-width:0; padding:32px; border:1px solid rgba(255,255,255,0.8); border-radius:16px; box-sizing:border-box;}
.security-flow-hq-logo {display:block; width:135px; height:44px;}
.security-flow-hq-body {display:flex; flex-direction:column; gap:16px; width:100%;}
.security-flow-hq-title {margin:0; font-size:var(--font-size-22); font-weight:700; line-height:30px; color:#fff;}
.security-flow-hq-list {display:flex; flex-direction:column; gap:4px; margin:0; padding:0; list-style:none; font-size:var(--font-size-16); line-height:24px; color:rgba(255,255,255,0.8);}
.security-flow-hq-list li:before {content:"• ";}
.security-flow-guard {display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:32px; width:clamp(240px, calc(335 / var(--inner) * 100vw), 335px); height:266px; padding:32px; border:2px solid #fff; border-radius:5000px; box-shadow:0 0 12px rgba(255,255,255,0.6); background:linear-gradient(180deg, rgba(0,0,0,0) 45.673%, rgba(0,20,38,0.72) 77.524%), linear-gradient(90deg, rgba(255,255,255,0.1), rgba(255,255,255,0.1)), url("/images/sub/security-guard.jpg") center / cover no-repeat; text-align:center; box-sizing:border-box; flex-shrink:0; position:relative; overflow:hidden;}
.security-flow-guard-icon {display:flex; align-items:center; justify-content:center; width:88px; height:88px; position:relative; z-index:1;}
.security-flow-guard-icon img {display:block; width:88px; height:87px;}
.security-flow-guard-body {display:flex; flex-direction:column; align-items:center; gap:8px; position:relative; z-index:1;}
.security-flow-guard-title {margin:0; font-size:var(--font-size-22); font-weight:700; line-height:30px; color:#fff;}
.security-flow-guard-desc {margin:0; font-size:var(--font-size-16); line-height:24px; color:rgba(255,255,255,0.8);}
.security-flow-arrow {display:block; width:56px; height:56px; position:absolute; top:50%; transform:translateY(-50%); z-index:2; pointer-events:none;}
.security-flow-arrow img {display:block; width:56px; height:56px;}
.security-flow-arrow--main {right:calc(clamp(240px, calc(335 / var(--inner) * 100vw), 335px) + 15px - 28px);}
.security-flow-arrow--next {left:calc(clamp(520px, calc(700 / var(--inner) * 100vw), 700px) + 15px - 28px);}
.security-flow-partners {display:flex; gap:30px; flex:1; min-width:0; margin:0; padding:0; list-style:none;}
.security-flow-partner {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:32px; flex:1; min-width:0; padding:32px; border-radius:16px; background:rgba(255,255,255,0.1); text-align:center; box-sizing:border-box;}
.security-flow-partner-body {display:flex; flex-direction:column; align-items:center; gap:16px; width:100%;}
.security-flow-partner-title {margin:0; font-size:var(--font-size-20); font-weight:700; line-height:28px; color:#fff;}
.security-flow-partner ul {display:flex; flex-direction:column; gap:4px; margin:0; padding:0; list-style:none; width:100%; font-size:var(--font-size-16); line-height:24px; color:rgba(255,255,255,0.8); text-align:center;}

/* 미화서비스 */
.cleaning-system-sec .contain {display:flex; flex-direction:column; gap:40px; align-items:stretch;}
.cleaning-system-sec .contain::after {content:none;}
.cleaning-system-sec .svc-section-title {margin:0; gap:12px;}
.cleaning-step-list {display:flex; gap:30px; width:100%; margin:0; padding:0; list-style:none;}
.cleaning-step {display:flex; flex-direction:column; flex:1; min-width:0; height:336px; border-radius:16px; background:#fff; overflow:hidden; box-shadow:0 0 4px rgba(0,0,0,0.12); box-sizing:border-box; position:relative;}
.cleaning-step-head {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; height:94px; padding:16px; color:#fff; text-align:center; box-sizing:border-box; flex-shrink:0;}
.cleaning-step--navy .cleaning-step-head {background:#113C6F;}
.cleaning-step--teal .cleaning-step-head {background:#018F8F;}
.cleaning-step--orange .cleaning-step-head {background:#FD7F00;}
.cleaning-step-num {font-size:var(--font-size-16); font-weight:600; line-height:24px;}
.cleaning-step-title {margin:0; font-size:var(--font-size-24); font-weight:700; line-height:30px;}
.cleaning-step-body {height:242px; padding:32px; background:#fff; position:relative; box-sizing:border-box; flex-shrink:0;}
.cleaning-step-items {display:flex; flex-direction:column; gap:12px; margin:0; padding:0; list-style:none; position:relative; z-index:1;}
.cleaning-step-items li {display:flex; align-items:center; gap:10px; font-size:var(--font-size-18); line-height:26px; color:var(--color-bk);}
.cleaning-step-items img {width:16px; height:16px; flex-shrink:0;}
.cleaning-step-deco {display:block; width:96px; height:96px; position:absolute; right:20px; bottom:27px; pointer-events:none; z-index:0;}
.cleaning-eco {display:flex; align-items:center; width:100%; height:210px; padding:32px 0; border-radius:16px; background:#fff; box-shadow:0 0 4px rgba(0,0,0,0.12); box-sizing:border-box;}
.cleaning-eco-intro {display:flex; flex-direction:column; justify-content:center; gap:16px; width:333px; padding:0 32px; border-right:1px solid #ddd; flex-shrink:0; box-sizing:border-box;}
.cleaning-eco-title {display:flex; align-items:center; gap:10px; margin:0; font-size:var(--font-size-24); font-weight:600; line-height:32px; color:var(--color-bk);}
.cleaning-eco-title img {width:16px; height:16px; flex-shrink:0;}
.cleaning-eco-desc {margin:0; font-size:var(--font-size-16); line-height:26px; color:#454545;}
.cleaning-eco-list {display:flex; align-items:center; flex:1; min-width:0; height:146px; margin:0; padding:0; list-style:none;}
.cleaning-eco-item {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; flex:1; min-width:0; height:100%; padding:0 24px; border-right:1px solid #ddd; text-align:center; box-sizing:border-box;}
.cleaning-eco-item:last-child {border-right:0;}
.cleaning-eco-icon {display:flex; align-items:center; justify-content:center; border-radius: 50%; }
.cleaning-eco-icon.svc-value--blue {background:#004EA2;}
.cleaning-eco-icon.svc-value--teal {background:#018F8F;}
.cleaning-eco-icon.svc-value--orange {background:#FD7F00;}
.cleaning-eco-icon.svc-value--navy {background:#113C6F;}
.cleaning-eco-text {display:flex; flex-direction:column; align-items:center; gap:8px; width:100%;}
.cleaning-eco-text strong {font-size:var(--font-size-18); font-weight:600; line-height:26px; color:var(--color-bk); display: block; margin-top: 16px; }
.cleaning-eco-text p {margin:0; font-size:var(--font-size-16); line-height:24px; color:#454545;}
.cleaning-benefit-sec {padding:0;}
.cleaning-benefit-list {display:flex; align-items:center; width:100%; height:148px; margin:0; padding:32px 0; list-style:none; box-sizing:border-box;}
.cleaning-benefit {display:flex; align-items:center; gap:24px; flex:1; min-width:0; height:84px; padding:0 32px; border-right:1px solid #ddd; box-sizing:border-box;}
.cleaning-benefit:last-child {border-right:0;}
.cleaning-benefit-body {display:flex; flex-direction:column; gap:8px; min-width:0;}
.cleaning-benefit-title {margin:0; font-size:var(--font-size-20); font-weight:600; line-height:28px; color:var(--color-bk);}
.cleaning-benefit-desc {margin:0; font-size:var(--font-size-16); line-height:24px; color:#454545;}

/* 조경관리 */
.landscape-system-sec .contain {display:flex; flex-direction:column; gap:40px; align-items:stretch;}
.landscape-system-sec .contain::after {content:none;}
.landscape-system-sec .svc-section-title {margin:0; gap:12px;}
.landscape-block {display:flex; align-items:stretch; width:100%; border-radius:32px; overflow:hidden; box-shadow:0 0 4px rgba(0,0,0,0.12); background:#fff;}
.landscape-block-photo {margin:0; width:50%; flex-shrink:0; height:320px; overflow:hidden; background:#ddd;}
.landscape-block-photo img {display:block; width:100%; height:100%; object-fit:cover;}
.landscape-block-text {display:flex; flex-direction:column; justify-content:center; gap:24px; flex:1; min-width:0; padding:58px 64px; box-sizing:border-box; background:#fff;}
.landscape-block--01 .landscape-block-text {padding:58px 0 58px 64px;}
.landscape-block-head {display:flex; flex-direction:column; gap:16px;}
.landscape-block-num {font-size:var(--font-size-20); font-weight:600; line-height:26px;}
.landscape-block--01 .landscape-block-num {color:#004EA2;}
.landscape-block--02 .landscape-block-num {color:#018F8F;}
.landscape-block-title {margin:0; font-size:var(--font-size-28); font-weight:600; line-height:36px; color:var(--color-bk);}
.landscape-block-list {display:flex; flex-direction:column; gap:12px; margin:0; padding:0; list-style:none;}
.landscape-block-list li {display:flex; align-items:center; gap:10px; font-size:var(--font-size-18); line-height:26px; color:#454545;}
.landscape-block-list img {width:16px; height:16px; flex-shrink:0;}
.landscape-process-sec .contain {display:flex; flex-direction:column; gap:40px; align-items:stretch;}
.landscape-process-sec .contain::after {content:none;}
.landscape-process-sec .svc-section-title {margin:0; gap:12px;}
.landscape-process-list {display:flex; align-items:flex-start; width:100%; margin:0; padding:0; list-style:none; position:relative;}
.landscape-process-list:before {content:""; position:absolute; left:100px; right:100px; top:50px; border-top:1px dashed rgba(0,78,162,0.25);}
.landscape-process {display:flex; flex-direction:column; align-items:center; gap:24px; flex:1; min-width:0; text-align:center; position:relative; z-index:1;}
.landscape-process-title {margin:0; font-size:var(--font-size-18); font-weight:600; line-height:28px; color:var(--color-bk);}
.landscape-process-desc {margin:0; font-size:var(--font-size-16); line-height:24px; color:#454545;}

/* 민원관리 */
.complaint-system {display:flex; width:100%;}
.complaint-system-photo {margin:0; width:560px; flex-shrink:0; border-radius:32px; overflow:hidden;}
.complaint-system-photo img {display:block; width:100%; height:334px; object-fit:cover;}
.complaint-system-text {display:flex; flex-direction:column; gap:27px; flex:1; min-width:0; padding:0 64px; box-sizing:border-box;}
.complaint-system-eyebrow {margin:0; font-size:var(--font-size-18); font-weight:600; line-height:26px; color:#004EA2;}
.complaint-system-title {margin:0; font-size:var(--font-size-32); font-weight:600; line-height:40px; color:var(--color-bk);}
.complaint-system-desc {margin:0; font-size:var(--font-size-18); line-height:26px; color:#454545;}
.complaint-mini-list {display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; width:100%; margin:0; padding:0; list-style:none;}
.complaint-mini {position:relative; display:flex; flex-direction:column; align-items:center; gap:8px; padding:28px 16px 24px; border-radius:16px; background:#fff; box-shadow:0 0 4px rgba(0,0,0,0.12); text-align:center; box-sizing:border-box;}
.complaint-mini-icon {position:absolute; top:-12px; left:50%; transform:translateX(-50%); display:flex; align-items:center; justify-content:center; width:24px; height:24px;}
.complaint-mini-icon img {display:block; width:24px; height:24px;}
.complaint-mini strong {font-size:var(--font-size-18); font-weight:700; line-height:26px;}
.complaint-mini p {margin:0; font-size:var(--font-size-16); line-height:24px; color:#454545;}
.complaint-mini--blue strong {color:#004EA2;}
.complaint-mini--teal strong {color:#018F8F;}
.complaint-mini--orange strong {color:#FD7F00;}
.complaint-timeline-head {display:flex; flex-direction:column; align-items:center; gap:16px; margin-bottom:60px; text-align:center;}
.complaint-timeline-title {margin:0; font-size:var(--font-size-32); font-weight:600; line-height:40px; color:#004EA2;}
.complaint-timeline-desc {margin:0; font-size:var(--font-size-18); line-height:26px; color:#454545;}
.complaint-timeline {display:flex; align-items:center; width:100%; min-height:330px; margin:0; padding:0; list-style:none; border-radius:32px; background:#e0e9f8; box-sizing:border-box; position:relative;}
.complaint-timeline:before {content:""; position:absolute; left:100px; right:100px; top:calc(50% - 33px); border-top:1px dashed rgba(0,78,162,0.35); z-index:0;}
.complaint-node {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:24px; flex:1; min-width:0; text-align:center; position:relative; z-index:1;}
.complaint-node-visual {display:flex; flex-direction:column; align-items:center; gap:8px;}
.complaint-node-time {font-size:var(--font-size-24); font-weight:700; line-height:32px;}
.complaint-node-icon.bd {display:flex; align-items:center; justify-content:center; width:100px; height:100px; border:6px solid rgba(0,0,0,0.1); border-radius:10px; background:#fff; box-sizing:border-box;}
.complaint-node-icon.bd img {display:block; width:44px; height:44px; object-fit:contain;}
.complaint-node--1h .complaint-node-time {color:#018F8F;}
/* .complaint-node--1h .complaint-node-icon {width:138px; height:138px; } */
.complaint-node--3h .complaint-node-time {color:#004EA2;}
/* .complaint-node--3h .complaint-node-icon {width:138px; height:138px; } */
.complaint-node--5h .complaint-node-time {color:#32A8DB;}
/* .complaint-node--5h .complaint-node-icon {width:138px; height:138px; } */
.complaint-node-body {display:flex; flex-direction:column; align-items:center; gap:8px; width:100%;}
.complaint-node-title {margin:0; font-size:var(--font-size-18); font-weight:600; line-height:28px; color:var(--color-bk);}
.complaint-node-desc {margin:0; font-size:var(--font-size-16); line-height:24px; color:#454545;}
.complaint-standard-sec {padding:0; background:linear-gradient(90deg, #004EA2 0%, #018F8F 100%);}
.complaint-standard {display:flex; align-items:center; gap:80px; width:100%; padding:var(--space-100) 0; box-sizing:border-box;}
.complaint-standard-text {display:flex; flex-direction:column; gap:24px; flex-shrink:0; color:#fff;}
.complaint-standard-title {margin:0; font-size:var(--font-size-32); font-weight:600; line-height:40px;}
.complaint-standard-desc {margin:0; font-size:var(--font-size-18); line-height:26px; color:rgba(255,255,255,0.8);}
.complaint-standard-cards {display:flex; align-items:center; gap:30px; flex:1; min-width:0; margin:0; padding:0; list-style:none; position:relative;}
.complaint-standard-card {display:flex; align-items:center; gap:32px; width:347px; min-height:190px; padding:32px 40px; border-radius:16px; background:rgba(255,255,255,0.1); box-sizing:border-box; flex-shrink:0;}
.complaint-standard-icon {display:flex; align-items:center; justify-content:center; width:64px; flex-shrink:0;}
.complaint-standard-icon img {display:block; width:64px; height:64px; object-fit:contain;}
.complaint-standard-card-body {display:flex; flex-direction:column; gap:16px; min-width:0;}
.complaint-standard-card-body strong {font-size:var(--font-size-22); font-weight:700; line-height:30px; color:#fff;}
.complaint-standard-card-body ul {display:flex; flex-direction:column; gap:4px; margin:0; padding:0; list-style:none; font-size:var(--font-size-16); line-height:24px; color:rgba(255,255,255,0.8);}
.complaint-standard-card-body li {position:relative; padding-left:1em;}
.complaint-standard-card-body li:before {content:"•"; position:absolute; left:0;}
.complaint-standard-op {display:flex; align-items:center; justify-content:center; width:56px; height:56px; margin:0 -43px; border-radius:50%; background:#fff; flex-shrink:0; position:relative; z-index:2; box-sizing:border-box;}
.complaint-standard-op img {display:block; width:24px; height:24px;}
.complaint-standard-circle {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:24px; width:266px; height:266px; padding:32px; border:2px solid #FD7F00; border-radius:5000px; background:rgba(255,255,255,0.1); box-shadow:0 0 12px rgba(255,255,255,0.6); text-align:center; box-sizing:border-box; flex-shrink:0;}
.complaint-standard-circle-icon img {display:block; width:68px; height:80px; object-fit:contain;}
.complaint-standard-circle strong {font-size:var(--font-size-22); font-weight:700; line-height:30px; color:#fff;}
.complaint-service-sec {padding-top:var(--space-100); padding-bottom:0;}
.complaint-service-head {display:flex; flex-direction:column; align-items:center; gap:16px; margin-bottom:60px; text-align:center;}
.complaint-service-title {margin:0; font-size:var(--font-size-32); font-weight:600; line-height:40px; color:#004EA2;}
.complaint-service-desc {margin:0; font-size:var(--font-size-18); line-height:26px; color:#454545;}
.complaint-stat-list {display:grid; grid-template-columns:repeat(4, 1fr); gap:30px; width:100%; margin:0; padding:0; list-style:none;}
.complaint-stat {display:flex; flex-direction:column; overflow:hidden; border-radius:16px; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.12);}
.complaint-stat-top {display:flex; align-items:center; gap:24px; padding:32px;}
.complaint-stat-icon {display:flex; align-items:center; justify-content:center; width:72px; height:72px; flex-shrink:0;}
.complaint-stat-icon img {display:block; width:64px; height:64px; object-fit:contain;}
.complaint-stat-text {display:flex; flex-direction:column; gap:8px; min-width:0;}
.complaint-stat-text strong {font-size:var(--font-size-20); font-weight:700; line-height:28px;}
.complaint-stat-text p {margin:0; font-size:var(--font-size-16); line-height:24px; color:#454545;}
.complaint-stat-foot {display:flex; flex-direction:column; align-items:center; gap:12px; padding:16px 16px 24px; color:#fff;}
.complaint-stat-label {font-size:var(--font-size-16); font-weight:600; line-height:24px;}
.complaint-stat-num {font-size:var(--font-size-40); font-weight:700; line-height:40px;}
.complaint-stat-num span {font-size:var(--font-size-24);}
.complaint-stat--blue .complaint-stat-text strong {color:#004EA2;}
.complaint-stat--blue .complaint-stat-foot {background:#004EA2;}
.complaint-stat--teal .complaint-stat-text strong {color:#018F8F;}
.complaint-stat--teal .complaint-stat-foot {background:#018F8F;}
.complaint-stat--orange .complaint-stat-text strong {color:#FD7F00;}
.complaint-stat--orange .complaint-stat-foot {background:#FD7F00;}
.complaint-stat--navy .complaint-stat-text strong {color:#113C6F;}
.complaint-stat--navy .complaint-stat-foot {background:#113C6F;}
.complaint-cta {width:100%; margin-top:100px; padding:40px 0; background:#004EA2; border-radius:80px 80px 0 0; box-sizing:border-box;}
.complaint-cta-inner {display:flex; align-items:flex-end; justify-content:space-between; gap:40px;}
.complaint-cta-inner.contain::after {content:none;}
.complaint-cta-text {display:flex; flex-direction:column; gap:16px; color:#fff;}
.complaint-cta-sub {margin:0; font-size:var(--font-size-18); font-weight:400; line-height:26px; color:rgba(255,255,255,0.8);}
.complaint-cta-title {margin:0; font-size:var(--font-size-40); font-weight:700; line-height:2em; color:#fff;}
.complaint-cta-phone {display:flex; align-items:center; gap:24px; text-decoration:none; flex-shrink:0;}
.complaint-cta-phone-icon {display:flex; align-items:center; justify-content:center; width:64px; height:64px; border-radius:50%; background:#fff; flex-shrink:0;}
.complaint-cta-phone-text {display:flex; flex-direction:column; gap:8px; color:#fff;}
.complaint-cta-phone-label {font-size:var(--font-size-18); font-weight:500; line-height:26px; color:#fff;}
.complaint-cta-phone-num {font-size:var(--font-size-32); font-weight:700; line-height:40px; color:#fff;}

.record-menu {margin-bottom:var(--space-80);}
.record-menu ul {display:flex; justify-content:center; flex-wrap:wrap;}
.record-menu ul li:first-child {padding-left: 0;}
.record-menu ul li:last-child {padding-right: 0;}
.record-menu ul li {padding:0 var(--space-25); position:relative;}
.record-menu ul li:after {position:absolute; content:''; top:50%; transform:translateY(-50%); right:0; width:1px;  height:12px; background-color:#D9D9D9;}
.record-menu ul li:last-child:after {display:none;}
.record-menu ul li a {color:#BEBEBE; font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em;}
.record-menu ul li:hover a,
.record-menu ul li.active a {color:#004EA2;}
