@charset "utf-8";
.greetings {margin-top: var(--space-75);}
.greetings-tit {width: 40.3571429%;}
.category-tag {color: var(--light-color); font-weight: 600; letter-spacing: 0.12em;}
.greetings-tit h2 {font-size: var(--font-size-30); font-weight: 600; line-height: 1.4em; color: var(--dark-color);}
.greetings-cnt strong {display: block; margin-top: 2em;}

.history-timeline-item {position: relative; width: 50%; margin-left: auto; padding-left: var(--space-60);}
.history-timeline-item:before {position: absolute; content:''; top: 10px; left: 0; width: 1px; height: 100%; background: #ddd;}
.history-timeline-item:nth-child(even):before {left: auto; right: 0;}
.history-timeline-item:last-child:before {content: none;}
.history-timeline-item:not(:last-child) {padding-bottom: var(--space-60);}
.history-timeline-item:nth-child(even) {margin-left: 0; padding-left: 0; padding-right: var(--space-60); text-align: right;}
.history-year {position: relative; font-size: var(--font-size-36); margin-bottom: var(--space-20); color: var(--dark-color); font-weight: 600;}
.history-year:before {content: ''; position: absolute; left: calc(var(--space-60) * -1); top: 50%; margin-top: -5px; margin-left: -5px; width: 10px; height: 10px; border-radius: 100%; background: var(--primary-color);}
.history-timeline-item:nth-child(even) .history-year:before {left: auto; right: calc(var(--space-60) * -1); margin-left: 0; margin-right: -5px;}
.history-event {display: flex; line-height: 1.5em;}
.history-timeline-item:nth-child(even) .history-event {flex-direction: row-reverse;}
.history-event:not(:last-child) {margin-bottom: 6px;}
.history-date {min-width: 60px; color: var(--light-color); font-weight: 700;}

.page-vision .sec:not(:last-child) {padding-bottom: var(--space-100); margin-bottom: var(--space-100);border-bottom: 1px solid #ddd;}
.vision-section {text-align: center; padding: var(--space-110) 20px; font-size: var(--font-size-18);}
.vision-head {background: url('/images/sub/bg-vision-head.jpg') no-repeat center center; background-size: cover;}
.vision-foot {background: url('/images/sub/bg-vision-foot.jpg') no-repeat center center; background-size: cover;}
.vision-section>h2 {font-size: var(--font-size-40); color:var(--dark-color);}
.vision-section>strong {font-weight: 600; color: var(--primary-color);}
.vision-text {margin-top:var(--space-30);}

.vision-content {display: flex;}
.vision-content-title {width: 23.5714%; padding-right: 20px;}
.vision-content-title h2 {margin: var(--space-25) 0;font-size: var(--font-size-30); font-weight: 600; color: var(--dark-color); line-height: 1.3em;}
.vision-content-title p {font-size: var(--font-size-18); font-weight: 500;}
.vision-card-wrap {display: flex; gap: 20px; flex: 1;}
.vision-card {flex: 1; padding: var(--space-40);}

.vision-card-light {background: #fff;border: 1px solid #ddd;}
.vision-card-dark:nth-child(1) {background: url('/images/sub/bg-vision-challenge01.jpg') no-repeat center center; background-size: cover;}
.vision-card-dark:nth-child(2) {background: url('/images/sub/bg-vision-challenge02.jpg') no-repeat center center; background-size: cover;}
.vision-card-title {margin: var(--space-25) 0;font-size: var(--font-size-24); font-weight: 600; color: var(--dark-color);}
.vision-card-dark, .vision-card-dark .vision-card-title {color: #fff;}

.page-directions {display: flex;}
.directions-info {width: 30%; padding-right: 30px;}
.directions-logo {font-size: var(--font-size-30); font-weight: 600; margin-bottom: var(--space-40); color: var(--dark-color);}
.directions-logo:before {display: block; content:''; width: 7px; height: 7px; background: var(--primary-color); margin-bottom: var(--space-20);}
.directions-details { display: flex; flex-direction: column; gap: var(--space-30); }
.directions-item { display: flex; flex-direction: column; gap: 8px; }
.directions-label {font-size: var(--font-size-17); font-weight: 600; color: var(--primary-color); }
.directions-map {flex: 1;}
.directions-address {margin-top: var(--space-30); font-size: var(--font-size-24)}
.root_daum_roughmap .cont {display: none;}
.root_daum_roughmap .wrap_map, .root_daum_roughmap, .google-map iframe {width: 100% !important;}

.sec-zigzag {display: flex; align-items: center; gap: 20px clamp(30px, calc(80 / var(--inner) * 100vw), 80px);}
.sec-zigzag:nth-child(even) {flex-direction: row-reverse;}
.sec-zigzag:not(:last-child) {margin-bottom: var(--space-100);}
.sec-zigzag h2 {margin: var(--space-25) 0;font-size: var(--font-size-30); line-height: 1.2em; color: var(--dark-color); font-weight: 600;}

.cert-list ul {display: flex; flex-wrap: wrap; gap: var(--space-50) 0; margin: 0 calc(var(--space-20) * -1);}
.cert-list li {width: 25%; padding: 0 var(--space-20);}
.cert-tit {margin-top: var(--space-15);font-weight: 500; color: var(--dark-color); line-height: 1.5em; text-align: center;}