@charset "utf-8";

.gray-bg {background:#F8F8F8;}

.sub-tab {margin-bottom:var(--space-80);}
.sub-tab ul {display:flex; flex-wrap:wrap; gap:var(--space-10)}
.sub-tab ul li:last-child {margin-right:0;}
.sub-tab ul li a {padding:0 13px; min-width:150px; display:flex; align-items:center; border:1px solid #ddd; justify-content:center; height:clamp(40px, calc(60 / var(--inner) * 100vw), 60px); font-weight:600; letter-spacing:-.03em; line-height:1.33em; color:#8F8F8F;}
.sub-tab ul li.active a {color:#fff; background:#222; border-color:#222;}

.s-title {margin-bottom:var(--space-40); text-align:center;}

.s-en {margin-bottom:var(--space-30); font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}

.s-head {font-size:var(--font-size-40); font-weight:700; letter-spacing:-.03em; line-height:1.2em;}

.doc-head {font-size:var(--font-size-34); font-weight:700; letter-spacing:-.03em; line-height:1.3em; margin-bottom:var(--space-40);}
.doc-head:before {content:''; display:block; width:7px; height:7px; background:var(--color-primary); border-radius:50%; margin-bottom:var(--space-20);}

.doc-cnt:not(:last-child) {margin-bottom:var(--space-100);}

.company-intro {padding-bottom:var(--space-100); margin-bottom:var(--space-100); border-bottom:1px solid #ddd; text-align:center;}
.company-intro .text {font-size:var(--font-size-20); font-weight:400; letter-spacing:-.03em; line-height:1.55em;}

.greeting {display:flex; align-items:center; gap:var(--space-100);}
.greeting .image {width:15%; max-width:400px;}
.greeting .content {flex:1;}
.greeting .content .s-title {text-align:left;}
.greeting .content .txt {color:#454545;}
.greeting .content .ceo {font-weight:700; margin-top:var(--space-30);}

.vision .item {display:flex; align-items:center; padding:var(--space-100) 0; gap:0 30px; border-bottom:1px solid #ddd;}
.vision .item:first-child {padding-top:0;}
.vision .item:last-child {padding-bottom:0; border-bottom:0;}
.vision .item .image {width:49%; max-width:680px;}
.vision .item .content {flex:1;}
.vision .item .content .num {font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.vision .item .content h3 {margin:var(--space-25) 0; font-size:var(--font-size-30); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.vision .item .content .txt {font-weight:400; letter-spacing:-.03em; line-height:1.55em; color:#454545;}

.quality-image {margin-bottom:var(--space-100); text-align:center;}

.prevention {padding:var(--space-100) 0;}
.prevention .items {display:grid; grid-template-columns:repeat(3, 1fr); gap:0 var(--space-40);}
.prevention .items .item {border-radius:20px; background:#fff; overflow:hidden; box-shadow:0 16px 20px rgba(0, 0, 0, .18);}
.prevention .items .text {padding:var(--space-50) var(--space-40);}
.prevention .items .num {margin-bottom:var(--space-30); font-size:var(--font-size-20); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.prevention .items .txt {font-size:var(--font-size-20); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}

.history-group {position:relative; display:flex; margin-bottom:var(--space-120);}
.history-group:last-child {margin-bottom:0;}
.history-group:before {content:''; background:#ddd; width:1px; position:absolute; left:300px; top:55px; bottom:0;}
.history-group h2 {position:relative; min-width:300px; font-size:var(--font-size-56); font-weight:700; letter-spacing:-.03em; line-height:.8em;}
.history-group h2:after {position:absolute; right:0; top:.1em; margin-right:-15px; content:''; width:31px; height:31px; background:url('/images/sub/history-dot.png') no-repeat 50% 50% / contain;}
.history-group .items {flex:1; padding-left:390px;}
.history-group .items .item {margin-bottom:var(--space-35); display:flex;}
.history-group .items .item:last-child {margin-bottom:0;}
.history-group .items h3 {position:relative; padding-left:30px; min-width:180px; font-size:var(--font-size-30); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.history-group .items h3:before {content:''; background:var(--color-primary); border-radius:2px; width:7px; height:7px; position:absolute; left:0; top:.55em;}
.history-group .items .list {padding-top:10px;}
.history-group .items .list ul li {display:flex; margin-bottom:var(--space-20); font-weight:400; color:#454545; line-height:1.4em;}
.history-group .items .list ul li:last-child {margin-bottom:0;}
.history-group .items .list ul li strong {display:inline-block; color:#BDBDBD; min-width:60px;}

.location-title {margin-bottom:var(--space-50);}
.location-title h2 {margin-bottom:var(--space-40); font-size:var(--font-size-36); font-weight:700; letter-spacing:-.03em; line-height:1.3em;}
.location-title .info {display:flex;}
.location-title .info p {display:flex; font-weight:400; color:#454545; line-height:1.4em;}
.location-title .info p:after {content:''; display:block; width:1px; height:100%; background:#ddd; margin:0 var(--space-40);}
.location-title .info p:last-child:after {display:none;}
.location-title .info p strong {font-size:var(--font-size-18); display:inline-block; color:#242424; margin-right:var(--space-15);}

.location-content {overflow:hidden; position:relative; height:0; opacity:0;}
.location-content.active {z-index:1; height:auto; opacity:1;}

.root_daum_roughmap_landing {width:100% !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc(640 / var(--inner) * 100vw), 640px) !important;}
.root_daum_roughmap .cont {display:none;}

.en-map {width:100%; height:clamp(250px, calc(640 / var(--inner) * 100vw), 640px); margin-bottom:var(--space-40);}
.en-map iframe {width:100%; height:100%;}

.location-tabs {gap:0 var(--space-5); margin-top:var(--space-40); display:flex; justify-content:center;}
.location-tabs li a {border:1px solid #ddd; font-size:var(--font-size-15); font-weight:400; color:#8f8f8f; display:flex; align-items:center; justify-content:center; width:140px; height:clamp(40px, calc(50 / var(--inner) * 100vw), 50px);}
.location-tabs li.active a {border-color:#222; color:#fff; background:#222;}

.biz-intro {padding-bottom:var(--space-100); margin-bottom:var(--space-100); border-bottom:1px solid #ddd; text-align:center;}
.biz-intro .text {font-size:var(--font-size-30); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.biz-intro .text span {color:var(--color-primary);}

.biz-feature {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-40);}
.biz-feature .item {white-space:wrap; word-break:break-all; border:1px solid #ddd; border-radius:20px; padding:var(--space-40) var(--space-30);}
.biz-feature .item .num {width:48px; height:48px; font-weight:600; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; background:#242424; border-radius:100%;}
.biz-feature .item .tit {margin-top:var(--space-30); font-size:var(--font-size-20); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.biz-feature .item .txt {font-weight:400; color:#454545; margin-top:var(--space-10);}

.customer ul {display:grid; grid-template-columns:repeat(5, 1fr); gap:var(--space-30);}

.table01 table {border-top:2px solid #686868; width:100%; border-collapse:collapse; border-spacing:0; text-align:center;}
.table01 tbody td {padding:var(--space-25) var(--space-10); line-height:1.4em; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table01 tbody td:last-child {border-right:0;}

.table02 table {border-top:2px solid #686868; width:100%; border-collapse:collapse; border-spacing:0; text-align:center;}
.table02 thead th {height:70px; padding:var(--space-12); line-height:1.4em; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table02 tbody td {height:70px; padding:var(--space-12); line-height:1.4em; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table02 .bg1 {background:#F6F6F6;}
.table02 .bg2 {background:#FFF7ED;}
.table02 .bg3 {background:#FDF8F8;}
.table02 .bg4 {background:#ECF5F6;}
.table02 thead th:last-child,
.table02 tbody td:last-child {border-right:0;}

.table03 table {border-top:2px solid #686868; width:100%; border-collapse:collapse; border-spacing:0; text-align:center;}
.table03 thead th {background:#FAFAFA; font-size:var(--font-size-17); padding:var(--space-25) var(--space-10); line-height:1.4em; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table03 tbody td {color:#454545; padding:var(--space-25) var(--space-30); line-height:1.4em; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table03 tbody td strong {font-weight:600; color:#242424;}
.table03 thead th:last-child,
.table03 tbody td:last-child {border-right:0;}
.table03 .list ul li {margin-bottom:var(--space-8);}
.table03 .list ul li:last-child {margin-bottom:0;}
.table03 .list .txt {padding-left:.6em; margin-top:var(--space-8);}

.certi ul {display:grid; grid-template-columns:repeat(4, 1fr); gap:var(--space-40); text-align:center;}
.certi ul li p {font-weight:500; margin-top:var(--space-20);}

.work {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-40);}
.work .item {border:1px solid #ddd; border-radius:20px; padding:var(--space-40) var(--space-30);}
.work .item h3 {margin-bottom:var(--space-30); font-size:var(--font-size-20); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.work .item p {margin-bottom:var(--space-12); color:#454545; line-height:1.4em;}
.work .item p:last-child {margin-bottom:0;}

.flex-group {display:flex;}
.flex-group .head {width:28%;}
.flex-group .body {flex:1;}

.condition {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-20);}
.condition .item {background-position:right var(--space-30) center; background-repeat:no-repeat; background-size:clamp(40px, calc(70 / var(--inner) * 100vw), 70px) auto; padding:var(--space-40) var(--space-30); border:1px solid #ddd; border-radius:20px; background-color:#f8f8f8;}
.condition .item .tit {font-size:var(--font-size-30); font-weight:700;}
.condition .item .txt {color:#454545; margin-top:var(--space-20);}
.condition .item1 {background-image:url('/images/sub/condition-ico1.png');}
.condition .item2 {background-image:url('/images/sub/condition-ico2.png');}

.welfare {display:grid; grid-template-columns:repeat(4, 1fr); gap:var(--space-20);}
.welfare .item {border:1px solid #ddd; border-radius:20px; padding:var(--space-40) var(--space-30); min-height:300px;}
.welfare .item .ico img {height:clamp(34px, calc(48 / var(--inner) * 100vw), 48px);}
.welfare .item h3 {margin:var(--space-30) 0 var(--space-25); font-size:var(--font-size-20); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.welfare .item p {color:#454545; line-height:1.5em;}

.process {display:flex; gap:var(--space-20);}

.biz-picture {text-align:center; margin-bottom:var(--space-100);}