@charset "utf-8";


.greeting {position:relative; display:flex; align-items:center;}

.greeting .content {position:absolute; left:30.55%; right:0; display:flex; flex-direction:column; gap:var(--space-50); padding:var(--space-60); background:rgba(255,255,255,0.96); backdrop-filter:blur(4px); box-shadow:0 0 var(--space-16) rgba(0,0,0,.08);}
.greeting .content h2 {font-size:var(--font-size-28); font-weight:600; line-height:1.5em;}
.greeting .content h2 span {color:var(--color-primary);}
.greeting .content .txt {font-size:var(--font-size-16); font-weight:400; line-height:1.88em; color:#484848;}
.greeting .content .sign {font-size:var(--font-size-18); font-weight:600; color:#484848;}

.core-value {padding-bottom:var(--space-80);}

.core-biz {padding:var(--space-80) 0 var(--space-120); background:#F3FAFD; text-align:center;}
.core-biz .label {margin-bottom:var(--space-70); display:inline-block; line-height:54px; padding:0 var(--space-20); background:var(--color-primary); color:#fff; font-size:var(--font-size-20); font-weight:600;}
.core-biz h2 {margin-bottom:var(--space-30); font-size:var(--font-size-32); font-weight:700; letter-spacing:-.03em; line-height:1.44em;}

.history {border-top:2px solid #686868; padding-top:var(--space-60); display:flex;}
.history .title {width:28%;}
.history .title span {color:var(--color-primary);}
.history .timeline {position:relative; flex:1;}
.history .timeline .line {position:absolute; left:19px; top:0; width:1px; height:100%; background:#ddd;}
.history .timeline .items {display:flex; flex-direction:column; gap:var(--space-20); position:relative;}
.history .item {display:flex; gap:var(--space-60); align-items:center;}
.history .item .dot {background:url("/images/sub/history-dot.png") no-repeat 50% 50% / contain; width:40px; height:40px; position:relative; z-index:1;}
.history .item .card {width:100%; position:relative; border:1px solid #ddd; padding:var(--space-35) var(--space-40);}
.history .item .card .year {margin-bottom:var(--space-20); font-size:var(--font-size-32); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}
.history .item .card .content ul li {display:flex; margin-bottom:var(--space-12);}
.history .item .card .content ul li:last-child {margin-bottom:0;}
.history .item .card .content .month {width:126px; font-weight:600; color:#484848; line-height:1.75em;}
.history .item .card .content .desc {font-weight:400; line-height:1.5em; flex:1; color:#484848;}

.root_daum_roughmap_landing {width:100% !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc(500 / var(--inner) * 100vw), 500px) !important;}
.root_daum_roughmap .cont {display:none;}

.location-info {margin-top:var(--space-40); gap:0 200px; border:1px solid #ddd;  display:flex; padding:var(--space-40);}
.location-info .item dl {display:flex; align-items:center;}
.location-info .item dl dt {display:flex; align-items:center; color:var(--color-primary); font-weight:600; letter-spacing:-.03em;}
.location-info .item dl dt:after {content:''; width:1px; height:10px; background:#ddd; margin:0 var(--space-10);}
.location-info .item dl dt img {margin-right:var(--space-10); vertical-align:middle;}
.location-info .item dl dd {letter-spacing:-.03em;}

.technicians-group {margin-bottom:var(--space-80);}
.technicians-group h2 {padding-left:20px; position:relative; color:var(--color-primary ); margin-bottom:var(--space-30); font-size:var(--font-size-24); font-weight:600;}
.technicians-group h2:before {position:absolute; left:0; top:.2em; content:''; width:4px; height:20px; border-radius:4px; background:linear-gradient(to bottom, var(--color-primary) 8px, #DCF1F9 8px);}
.technicians-group .table {border-top:2px solid #686868;}
.technicians-group .table table {border-collapse:collapse; border-spacing:0px; width:100%; text-align:center;}
.technicians-group .table thead th {height:60px; background:#fafafa; font-weight:600; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.technicians-group .table tbody td {height:60px; font-weight:400; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#484848;}
.technicians-group .table thead th:last-child,
.technicians-group .table tbody td:last-child {border-right:0;}

.technicians-group.type1 .table .total {position:relative;}
.technicians-group.type1 .table .total:before {content:''; position:absolute; left:0; top:-2px; right:0; border:2px solid var(--color-primary); height:423px;}
.technicians-group.type1 .table thead th.bg,
.technicians-group.type1 .table tbody td.bg {background:#F3FAFD; color:var(--color-primary); font-weight:600;}

.technicians-group.type2 h2 {color:#2E3192;}
.technicians-group.type2 h2:before {background:linear-gradient(to bottom, #2E3192 8px, #CFD0E6 8px);}
.technicians-group.type2 .table .total {position:relative;}
.technicians-group.type2 .table .total:before {content:''; position:absolute; left:0; top:-2px; width:501%; bottom:-2px; border:2px solid #2E3192;}
.technicians-group.type2 .table thead th.bg,
.technicians-group.type2 .table tbody td.bg {background:#F5F5FA; color:#2E3192; font-weight:600;}
