@charset "utf-8";

.sub-hero {position:relative; padding:50px 0; background:url('../images/common/sv.jfif') 50% 50%/cover no-repeat; text-align:center; color:#fff;}
.sub-hero:before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity:.7;}
.sub-hero p {position:relative; font-family:'Roboto','Noto Sans KR',sans-serif; font-size:clamp(30px, calc( 50 / var(--inner) * 100vw ), 50px); font-weight:700; line-height:1.3em; letter-spacing:-.03em;}

.sub-sec {padding:clamp(40px, calc( 70 / var(--inner) * 100vw ), 70px) 0 clamp(50px, calc( 90 / var(--inner) * 100vw ), 90px); border-bottom:1px solid #bbb; font-family:'Roboto','Noto Sans KR',sans-serif;}

.doc-tit {margin-bottom:2em; color:var(--color-primary); font-family:'Montserrat','Noto Sans KR',sans-serif; font-size:clamp(22px, calc( 26 / var(--inner) * 100vw ), 26px); font-weight:700; line-height:1.3em; letter-spacing:-.03em;}
.doc-tit big {display:inline-block; margin-top:1rem; color:#222; font-size:1.68em; line-height:1.3em; letter-spacing:-.03em;}

.about {display:flex; gap:50px;}
.about .tit {width:33.3%;}
.about .cnt {flex:1; font-size:clamp(16px, calc( 18 / var(--inner) * 100vw ), 18px); line-height:1.8em; margin-top:2.8em; color:#464646;}
.about .cnt p:not(:last-child) {margin-bottom:1.8em;}

.certificates .items {display:grid; grid-template-columns:repeat(3, 1fr); gap:40px;}

.history table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #1d1d1d;}
.history table th {padding:12px 20px; border-bottom:1px solid #ccc; text-align:left; vertical-align:top;}
.history table td {padding:12px 20px; border-bottom:1px solid #ccc; vertical-align:top;}

.business {margin-bottom:clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px); font-size:clamp(16px, calc( 18 / var(--inner) * 100vw ), 18px); line-height:1.8em; color:#666;}
.business:last-child {margin-bottom:0;}
.business p:not(:last-child) {margin-bottom:1.8em;}
.business .img {margin-bottom:clamp(24px, calc( 50 / var(--inner) * 100vw ), 50px);}
.business .content .doc-tit {margin-bottom:1em;}
.business.between {display:flex; justify-content:space-between; gap:50px; margin-bottom:clamp(50px, calc( 80 / var(--inner) * 100vw ), 80px);}
.business.between .left {flex:1;}
.business.between .right {width:33.3%;}

.btn-site {display:inline-block; min-width:400px; padding:26px 80px; background:var(--color-primary); color:#fff; font-size:clamp(20px, calc( 26 / var(--inner) * 100vw ), 26px); font-weight: 700; line-height:1.3em;}

.map-wrap {position:relative; padding-bottom:42.857%; margin-top:clamp(50px, calc( 80 / var(--inner) * 100vw ), 80px);}
.map-wrap iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.cs-wrap .doc-tit {margin-bottom:1em;}
.cs-wrap .between {display:flex; justify-content:space-between;}
.cs-wrap .map-area {width:50%; position:relative;}
.cs-wrap .map-area:before {content:''; display:block; padding-bottom:75%;}
.cs-wrap .map-area iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.cs-wrap .info-area {width:45%;}
.cs-wrap .info-area h4 {margin-bottom:2em; padding:1.2em 0; border-bottom:1px solid #bbb; font-size:var(--font-size-24); color:#333; line-height:1.33em; letter-spacing:-.03em;}
.cs-wrap .info-area dl {display:flex; font-size:15px; line-height:1.75em;}
.cs-wrap .info-area dl:not(:last-child) {margin-bottom:10px;}
.cs-wrap .info-area dt {min-width:5em;}

.partners {display:grid; grid-template-columns:repeat(5, 1fr);}