@charset "utf-8";

.page-executive .sec:not(:last-child) {margin-bottom: var(--space-105);}
.page-executive h2 {margin-bottom: var(--space-40);}
.executive-cards>ul {display: flex; flex-wrap: wrap; gap: var(--space-40) 0; margin: 0 -12px;}
.executive-cards>ul>li {width: 50%; padding: 0 12px;}
.executive-card {display: flex; gap: 20px; padding: var(--space-30); border: 1px solid #ddd; border-radius: var(--radius-20);}
.executive-txt {flex: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 15px; padding-top: var(--space-45);}
.executive-img {width: 38.025%;}
.executive-img .img {position: relative; width: 100%; padding-bottom: 133%;}
.executive-img img {position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.executive-tit {display: flex; align-items: flex-end; flex-wrap: wrap; gap: 10px 20px; color: #898989; font-size: var(--font-size-20); line-height: 1.35em;}
.executive-tit strong {font-size: var(--font-size-30); line-height: 1em; color: var(--dark-color);}
.executive-txt li {display: flex; gap: 15px;}
.executive-txt li span {font-weight: 600; min-width: 62px; color: #B9B9B9;}

.page-greetings {display: flex; gap: 25px clamp(35px, calc(153 / var(--inner) * 100vw), 153px); align-items: flex-start; margin: 0 auto;}
.page-greetings .greeting-img {width: 33.3335%;}
.page-greetings .greeting-txt {flex: 1 1 0; display: flex; flex-direction: column; justify-content: center;}
.page-greetings .greeting-txt h2 {font-size: var(--font-size-34); font-weight: 700; color: var(--dark-color); margin-bottom: var(--space-40); line-height: 1.3; letter-spacing: -0.02em;}
.page-greetings .greeting-sign {font-size: var(--font-size-18); color: var(--dark-color);margin-top: var(--space-40); font-weight: 400;}
.page-greetings .greeting-sign strong {font-weight: 700; margin-left: 8px;}

.sec:not(:last-child) {margin-bottom: var(--space-105);}
.page-vision-tit .tag {margin-bottom: var(--space-15); color: #C2C2C2; font-size: var(--font-size-18); line-height: 1.5556em;}
.page-vision-tit .transparent-txt {font-size: var(--space-80); line-height: 0; color: #F6FAFF; font-weight: 700;}
.round-tit {width: fit-content; margin: 0 auto var(--space-30); padding: 6px 16px; border-radius: 50px; background: var(--primary-color); color: #fff; font-size: var(--font-size-18); font-weight: 600; line-height: 1.5em;}
.mission-items {display: flex; flex-wrap: wrap; gap: var(--space-20) var(--space-25);}
.mission-item {width: calc((100% - var(--space-25) * 2) / 3); padding: var(--space-20);border-radius: 64px;border: 1px solid var(--ddddd, #DDD);background: #F8F8F8;}
.table-wrap table {width: 100%; border-collapse: collapse; text-align: center;}
.table-wrap th, .table-wrap td {padding: var(--space-15) var(--space-20); border: 1px solid #DDD;}
.table-wrap th {font-weight: 600;}
.table-wrap thead th {background: #F8F8F8; color: var(--dark-color); border-top-color: #686868;}
.table-wrap th:first-child, .table-wrap td:first-child {border-left: 0;}
.table-wrap th:last-child, .table-wrap td:last-child {border-right: 0;}

.cards {display: flex; flex-wrap: wrap; gap: var(--space-30) clamp(10px, calc(24 / var(--inner) * 100vw), 24px);}
.cards.type2 {gap: var(--space-50) clamp(10px, calc(45 / var(--inner) * 100vw), 45px);}
.card {display: flex; flex-direction: column; width: calc((100% - clamp(10px, calc(24 / var(--inner) * 100vw), 24px) * 2) / 3); background: #F8F8F8; border-radius: var(--radius-20); overflow: hidden; border: 1px solid #DDD;}
.type2 .card {width: calc((100% - clamp(10px, calc(45 / var(--inner) * 100vw), 45px) * 2) / 3); background: #fff;}
.card .txt {flex: 1; padding: var(--space-30); font-size: var(--font-size-15);}
.card .txt .dot-list {margin-top: 6px;}
.card h3 {font-size: var(--font-size-16); font-weight: 600; line-height: 1.625em; color: var(--dark-color);}
.type2 .card h3 {margin-bottom: var(--space-20); font-size: var(--font-size-22); line-height: 1.3636em;}
.type2 .card .desc {margin-bottom: var(--space-30); color: var(--primary-color); font-weight: 600; line-height: 1.625em;}
.dot-list li:before, .history-cnt>ul>li strong:before {content: '•'; margin-right: 10px;}
.dot-list li, .history-cnt>ul>li strong {text-indent: -17px; padding-left: 17px;}

.history-item {position: relative; display: flex; gap: var(--history-gap);}
.history-item:not(:last-child) {padding-bottom: var(--space-60);}
.history-item:before {content :''; position: absolute; top: 60px; bottom: 40px; left: 229px; width: 2px; background: #ddd;}
.history-item:last-child:before {bottom: 0;}
.history-year {position: relative; height: fit-content; width: 230px; padding-right: var(--history-gap);font-size: var(--font-size-40); font-weight: 700; color: var(--dark-color);}
.history-year:after {content: ''; position: absolute; width: 31px; height: 31px; border-radius: 100%; border: var(--space-10) solid var(--primary-color); right: 0; top: 50%; transform: translate(50%, -50%);}
.history-date {min-width: 80px; font-weight: 600; color: var(--dark-color);}
.history-cnt>ul>li {display: flex;}
.history-cnt>ul>li:not(:last-child),
.history-cnt>ul>li>ul>li:not(:last-child) {margin-bottom: var(--space-30);}
.history-cnt>ul>li strong {padding-left: 0; display: block; margin-bottom: var(--space-10);}
.history-cnt>ul>li>ul {padding-left: 17px;}
.esg-items {border-top: 2px solid #686868;}
.esg-item {display: flex; padding: var(--space-30) 0; border-bottom: 1px solid #ddd;}
.esg-item h3 {width: 35.8333%; font-size: var(--font-size-20); font-weight: 600; line-height: 1.5em; color: var(--dark-color);}
.esg-item ul {flex: 1;}
.root_daum_roughmap .cont {display: none;}
.loca-address {margin: 30px 0 40px; display: flex; align-items: center; justify-content: center; gap: 12px; font-size: var(--font-size-22); font-weight: 600; color: var(--dark-color);}
[lang="en"] .loca-infos {flex-wrap: wrap; gap: 20px 0;} 
[lang="en"] .loca-info:first-child {width: 100%; padding-right: 0; margin-right: 0; border-right: 0;}
.loca-info:not(:last-child) {padding-right: clamp(30px, calc(75 / var(--inner) * 100vw), 75px); margin-right: clamp(30px, calc(75 / var(--inner) * 100vw), 75px); border-right: 1px solid #ddd;}
.loca-info h3 {margin-bottom: var(--space-10); font-size: var(--font-size-17); font-weight: 600; color: var(--dark-color);}

.sec-business h2 {font-size: var(--font-size-22); line-height: 1.3636em; font-weight: 600; color: var(--dark-color);}
.sec-business h2:before {content: ''; display: block; margin-bottom: var(--space-10); margin-right: var(--space-10); margin-left: -20px; width: 8px; height: 8px; border-radius: 2px; background: var(--primary-color);}
.sec-business.type1, .sec-business.type2 .sec-business-cnt {display: flex; gap: 25px var(--space-60);}
.sec-business.type2 {padding-left: 20px;}
.sec-business.type1 .left {width: 45%;padding-left: 20px;}
.sec-business.type2 .left {width: 55.94%;}
.sec-business.type1 .right {flex: 1;}
.sec-business.type1 .left .business-img {margin-top: var(--space-30);}
.sec-business.type2 .sec-business-cnt {justify-content: space-between; margin-top: var(--space-45);}

.sec-business-tit p {margin-top: var(--space-20); color: #8F8F8F; font-weight: 600;}
.business-list {border-top: 2px solid #686868;}
.business-list-item {display: flex; flex-direction: column; gap: var(--space-15) 30px; padding: var(--space-20) 0; border-bottom: 1px solid #ddd; }
.business-list-item h3 {font-size: var(--font-size-16); color: var(--dark-color); font-weight: 600;}
.sec-business.type2 .business-list-item {flex-direction: row;}
[lang="en"] .sec-business.type2 .business-list-item {flex-direction: column; gap: 3px;}
.sec-business.type2 .business-list-item h3 {min-width: 210px;}
.page-business-safety .sec-business.type2 .business-list-item h3 {min-width: 150px;}

.root_daum_roughmap .wrap_map, .root_daum_roughmap, .page-location iframe {width: 100% !important;}

#contArea.temp {padding: 100px var(--container-space);width: fit-content; margin: 0 auto; background: #f4f4f4;}
.certificate-file {}
.certificate-wrap {position: relative; width: 793px; height: 1122px; padding: 78px 145px; background: #fff; }
.certificate-file .bg {position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; object-position: center center;}
.certificate-content {position: relative; z-index: 1;}
.certificate-number {font-family: 'NanumMyeongjo', serif; font-size: 16px; color: var(--dark-color); margin-bottom: 92px; font-weight: 700; line-height: 1.5;}
.certificate-title {font-family: 'NanumMyeongjo', serif; font-size: 64px; color: var(--dark-color); text-align: center; margin-bottom: 74px; font-weight: 700; line-height: 1.5;}
.certificate-info {display: flex; flex-direction: column; gap: 20px; margin-bottom: 69px; color: var(--dark-color);}
.certificate-info-row {display: flex; gap: 17px; font-family: 'NanumMyeongjo', serif; font-size: 18px; line-height: 1.5; font-weight: 700;}
.certificate-info-row dt {min-width: 95px; color: #000;}
.certificate-info-row dd:first-of-type {width: 8px;}
.certificate-info-row dd:last-of-type {flex: 1; color: var(--dark-color);}
.certificate-course {font-family: 'NanumMyeongjo', serif; font-size: 26px; color: var(--dark-color); margin-bottom: 65px; font-weight: 700; line-height: 1.5; text-align: center;}
.certificate-message {font-family: 'NanumMyeongjo', serif; font-size: 30px; color: var(--dark-color); text-align: center; margin-bottom: 40px; font-weight: 700; line-height: 1.5;}
.certificate-date {font-family: 'NanumMyeongjo', serif; font-size: 24px; color: var(--dark-color); text-align: center; margin-bottom: 60px; font-weight: 700; line-height: 1.5;}
.certificate-footer {position: relative; display: flex; align-items: center; justify-content: space-between; max-width: 455px; margin: 0 auto; margin-bottom: 18px;}
.certificate-logo {position: relative; z-index: 1; width: 100%; height: 60px;}
.certificate-seal {position: absolute; right: -13px;; top: 50%; margin-top: -56px; width: 98px; height: 97px;}
.certificate-btn {display: flex; align-items: center; justify-content: center; width: 400px; height: 60px; margin: 36px auto 0; background: var(--primary-color); border-radius: 8px; color: #fff; font-size: 20px; font-weight: 500; line-height: 1.5;}
.certificate-btn:after {content: 'pdf 다운로드';}
.certificate-btn:hover {background: #023a7a;}