@charset "utf-8";
.page-greetings {display: flex; align-items: center; gap: var(--space-65);}
.page-greetings .img {width: 50%;}
.greeting-txt h2 {margin-bottom: var(--space-35); font-size: var(--font-size-28); line-height: 1.3571em; font-weight: 600; color: var(--primary-color);}
.greetings-sign {display: flex; justify-content: flex-end; gap: 10px; margin-top: var(--space-65); font-weight: 600; font-size: var(--font-size-22); line-height: 1.2em;}
.page-vision {font-size: var(--font-size-18); line-height: 1.5556em; text-align: center;}
.page-vision h2 {margin: var(--space-20) 0; font-size: var(--font-size-40); line-height: 1.5em; color: var(--primary-color); font-weight: 600; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.page-vision h2 span {font-size: 70px; color: #b3daed; letter-spacing: -0.04em;}
.full-img {margin-bottom: var(--space-90);}
.history-title {font-size: var(--font-size-22); line-height: 1.5em; font-weight: 500;}
.history-title strong {display: block; font-size: var(--font-size-18); color: var(--primary-color);}
.history-title h2 {margin: var(--space-15) 0 var(--space-30); font-size: var(--font-size-32); line-height: 1.4545em; color: var(--dark-color);}
.history-list {width: 600px; max-width: 50%; border-top: 1px solid var(--dark-color);}
.history-item {display: flex; padding: var(--space-35) 0; border-bottom: 1px dashed #ddd;}
.history-year {min-width: 115px; font-size: var(--font-size-28); color: var(--dark-color); font-weight: 700;}
.history-item li, .direction-address, .sec-business-welcome h2 {position: relative; padding-left: 15px; font-weight: 500;}
.history-item li:before, .direction-address:before, .sec-business-welcome h2:before{content:'·'; position: absolute; top: 0; left: 0;}
.page-directions {gap: var(--space-40);}
.root_daum_roughmap .cont {display: none;}
.root_daum_roughmap .wrap_map, .root_daum_roughmap {width: 100% !important;}
.page-directions h2 {margin: var(--space-40) 0 var(--space-20); font-size: var(--font-size-20); line-height: 1.3em; color: var(--primary-color);}
.direction-info {display: flex; margin-top: var(--space-20);}
.direction-info li {display: flex; align-items: center; gap: var(--space-20);}
.direction-tit {display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--dark-color); font-size: var(--font-size-18); line-height: 1.5em;}
.direction-info li:not(:last-child):after {content: ''; display: block; width: 1px; height: 16px; background: #ddd; margin-right: var(--space-20);}

.page-business .section {padding: var(--space-100) 0;}
.page-business .section:first-child {padding-top: 0;}
.sec-business-welcome .contain {gap:var(--space-65); line-height: 1.875em; font-size: var(--font-size-16);}
.sec-business-welcome .img {width: 50%;}
.sec-business-welcome h2 {margin-bottom: var(--space-15); font-weight: 700; font-size: var(--font-size-22); line-height: 1.5em; color: var(--dark-color);}
.sec-business-welcome p {padding-left: 15px;}
.page-business {font-size: var(--font-size-18); line-height: 1.6667em;}
.page-business h3 {margin-bottom: var(--space-30); font-size: var(--font-size-22); line-height: 1.5em; font-weight: 700; color: var(--dark-color);}
.page-business .group:not(:last-child) {margin-bottom: var(--space-80);}
.bg-gray {background: #f4f4f4;}
.business-process, .business-imgs {display: flex; padding: clamp(20px, calc(45 / var(--inner) * 100vw), 45px); background: #fff; border-radius: var(--radius-24); text-align: center;}
.business-imgs.short {max-width: 51.817%}
.business-imgs {gap: clamp(10px, calc(34 / var(--inner) * 100vw), 34px); width: max-content; max-width: 100%;}
.business-img {flex:1;}
.business-process {position: relative; z-index: 1; gap: clamp(10px, calc(28 / var(--inner) * 100vw), 28px);}
.business-process:before {content:''; z-index: -1; position: absolute; height: 1px; top: calc(clamp(20px, calc(45 / var(--inner) * 100vw), 45px) + 12px); left: 12%; right: 12%; background: #c7c7c7;}
.business-item .num {display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin: 0 auto var(--space-25); background: var(--primary-color); color: #fff; border-radius: 50%; font-weight: 500;}
.business-item .tit {margin-top: var(--space-20);}

.sec-business-gallery ul {display: flex; flex-wrap: wrap; margin: calc(clamp(10px, calc(26 / var(--inner) * 100vw), 26px) * -1)}
.sec-business-gallery li {width: 33.3334%; padding: clamp(10px, calc(26 / var(--inner) * 100vw), 26px);}
.business-gallery-item {border-radius: var(--radius-24); overflow: hidden;}

.table-wrap table {width: 100%; border-collapse: collapse; text-align: center;}
.table-wrap th, .table-wrap td {padding:var(--space-20) 10px;}
.table-wrap thead th {background: #eaf5fa; border-top: 2px solid var(--primary-color); border-bottom: 1px solid #ddd; font-size: var(--font-size-18); line-height: 1.5em; font-weight: 700; color: var(--dark-color);}
.table-wrap td {border: 1px solid #ddd;}
.table-wrap td:first-child {border-left: 0;}
.table-wrap td:last-child {border-right: 0;}
.table-wrap a {color: var(--primary-color);}
.table-wrap a:hover {text-decoration: underline; text-underline-offset:4px;}