@charset "utf-8";
.space-top {padding-top: var(--space-150);}
.space-bottom {padding-bottom: var(--space-150);}

.location-map {height: clamp(270px, calc( 440 / var(--inner) * 100vw ), 440px);}
.location-info {padding: var(--space-40); border: 1px solid #ddd;}
.location-info li {gap: var(--space-30);}
.location-info li:not(:last-child) {margin-bottom: var(--space-30);}
.facility-cnt {padding: var(--space-50) 0; background: #F7F8F9;}
.facility-cnt .contain {gap: 25px var(--space-60);}
.facility-cnt .main-brunch-arrows {justify-content: center;}

.cost-cnt {padding: var(--space-50) 0; background: #F7F8F9;}
.cost-list {display: flex; flex-wrap: wrap; gap: var(--space-50) clamp(15px, calc(28 / var(--inner) * 100vw), 28px);}
.cost-card {width: calc((100% - clamp(15px, calc(28 / var(--inner) * 100vw), 28px) * 2) / 3); padding: var(--space-40); background: #fff; border: 1px solid #ddd;}
.cost-type {margin-bottom: var(--space-10);}
.cost-target {color: #8f8f8f; margin-bottom: var(--space-20);}
.cost-price {padding-bottom: var(--space-30); margin-bottom: var(--space-30); border-bottom: 1px solid #ddd;}
.cost-price span {color: #454545;}
.cost-card .dot-list li {line-height: 1.8em;}
.cost-info {padding-top: var(--space-30); margin-top: var(--space-30); border-top: 1px solid #ddd; font-size: var(--font-size-15);}
.cost-info li:not(:last-child) {margin-bottom: var(--space-20);}
.cost-info span {display: inline-block;}

/* 학생 관리 시스템 */
.system-badge {display: block; width: 800px; max-width: 100%; margin: 0 auto var(--space-50); padding: var(--space-20) 40px; border-radius: 80px; background: var(--primary-color);}
.system-tit p {line-height: 1.5em;}
.system-card-list {display: flex; flex-wrap: wrap; gap: clamp(10px, calc(28 / var(--inner) * 100vw), 28px);}
.system-card-list.col3 .system-card {width: calc((100% - clamp(10px, calc(28 / var(--inner) * 100vw), 28px) * 2) / 3);}
.system-card-list.col4 .system-card {width: calc((100% - clamp(10px, calc(28 / var(--inner) * 100vw), 28px) * 3) / 4); padding-left: var(--space-30); padding-right: var(--space-30);}
.system-card {padding: 50px var(--space-40); background: #F7F8F9; text-align: center;}
.card-icon {display: flex; justify-content: center; align-items: center; width: fit-content; padding: clamp(12px, calc(38 / var(--inner) * 100vw), 38px); margin: 0 auto var(--space-30); border-radius: 100%; background: var(--primary-color);}
.card-txt p {line-height: 1.5em;}

.system-detail {padding: var(--space-150) 0;}
.system-detail.bg-gray {background: #F7F8F9;}
.system-detail .contain {max-width: 1460px;}
.detail-list {display: flex; flex-direction: column; gap: var(--space-40);}
.detail-item {display: flex; background: #fff; box-shadow: 6px 6px 30px 0 rgba(0, 0, 0, 0.16);}
.detail-img {flex-shrink: 0; max-width: 440px; width: 31.5%;}
.detail-img img {width: 100%; height: 100%; object-fit: cover;}
.detail-txt {display: flex; flex-direction: column; justify-content: center; flex: 1; padding: var(--space-60) var(--space-50);}
.detail-txt .desc p:not(:last-child) {margin-bottom: 0;}