@charset "utf-8";

.s-head {margin-bottom:var(--space-80); font-size:var(--font-size-50); font-weight:600; letter-spacing:-.02em; line-height:1.3em; text-align:center;}

.greeting {display:flex; gap:0 var(--space-70); padding-bottom:var(--space-100); background:url('/images/sub/sub-logo.png') no-repeat 100% 100% / clamp(200px, calc(456 / var(--inner) * 100vw), 456px) auto;}
.greeting .image {width:40%; max-width:475px;}
.greeting .image img {border-radius:var(--radius-100) 0 var(--radius-100) 0;}
.greeting .text {flex:1;}
.greeting .text h2 {margin-bottom:var(--space-40); font-size:var(--font-size-28); font-weight:600; letter-spacing:-.03em; line-height:1.36em;}
.greeting .text h2 strong {color:var(--color-primary);}
.greeting .text .txt {margin-bottom:var(--space-40); font-weight:400; letter-spacing:-.03em; color:#454545; line-height:1.75em;}
.greeting .text .everyone {font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.36em;}

.vision {margin-bottom:var(--space-100);}
.vision .items {position:relative; display:flex; max-width:980px; margin:0 auto; justify-content:space-between;}
.vision .items:before {left:30px; right:30px; content:''; position:absolute; top:39%; height:1px; background:#D9D9D9; z-index:-1;}
.vision .items .icon {margin:0 auto; display:flex; flex-direction:column; justify-content:center; align-items:center; background:var(--color-primary); width:clamp(130px, calc(260 / var(--inner) * 100vw), 260px); aspect-ratio:1/1; outline:15px solid rgba(47, 75, 165, .2); border-radius:100%;}
.vision .items .icon lord-icon {width:clamp(44px, calc(88 / var(--inner) * 100vw), 88px); height:auto; aspect-ratio:1/1;}
.vision .items .icon p {margin-top:var(--space-15); color:#fff; font-size:var(--font-size-22); font-weight:600; letter-spacing:-.03em; line-height:1.36em; text-align:center;}
.vision .item2 .icon {outline-color:rgba(44, 171, 168, .2); background:#2CABA8;}
.vision .item3 .icon {outline-color:rgba(125, 138, 149, .2); background:#7D8A95;}
.vision .items .text {text-align:center; color:#454545; margin-top:var(--space-45);}

.mission {padding:var(--space-100) 0; background:#F8F8F8;}
.mission .items {display:grid; grid-template-columns:repeat(3,1fr); gap:0 var(--space-30);}
.mission .items .item {padding:var(--space-35) var(--space-40); display:flex; flex-direction:column; justify-content:space-between; height:clamp(280px, calc(380 / var(--inner) * 100vw), 380px); background-size:cover; background-repeat: no-repeat; background-position:50% 50%; color:#fff;}
.mission .items .title .num {margin-bottom:var(--space-20); font-weight:500; letter-spacing:-.03em; line-height:1.4em;}
.mission .items .title .tit {font-size:var(--font-size-24); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.mission .items .text {font-size:var(--font-size-15); line-height:1.87em;}

.history-wrap {background:url('/images/sub/sub-logo.png') no-repeat 0 100% / clamp(200px, calc(456 / var(--inner) * 100vw), 456px) auto; display:flex; padding-bottom:var(--space-100); gap:0 var(--space-130);}

.history-content {width:39%;}
.history-content p {margin-bottom:var(--space-30); font-size:var(--font-size-18); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#acacac;}
.history-content h2 {font-size:var(--font-size-32); font-weight:600; letter-spacing:-.03em; line-height:1.41em;}
.history-content h2 strong {font-weight:600; color:var(--color-primary);}

.history {flex:1; border-top:1px solid #242424;}
.history .item {padding:var(--space-35) var(--space-40); display:flex; align-items:center; border-bottom:1px solid #ddd;}
.history .item .year {min-width:124px; font-size:var(--font-size-28); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.history .item .text ul li {margin-bottom:var(--space-8); font-weight:400; letter-spacing:-.03em; line-height:1.5em;}
.history .item .text ul li:last-child {margin-bottom:0;}
.history .item .text ul li:before {content:'•'; color:#2CABA8; margin-right:var(--space-10);} 

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

.contact-info {margin-bottom:var(--space-45); display:flex; align-items:center; justify-content:space-between; gap:var(--space-30); flex-wrap:wrap;}
.contact-info .item {display:flex; align-items:center; gap:0 var(--space-15);}
.contact-info .item .icon img {width:clamp(34px, calc(64 / var(--inner) * 100vw), 64px); height:auto;}
.contact-info .item .text .tit {margin-bottom:var(--space-5); font-size:var(--font-size-24); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.contact-info .button {border-radius:var(--radius-60); color:#686868; font-weight:600; font-size:var(--font-size-18); padding:0 var(--space-40); display:inline-block; border:2px solid #686868; line-height:clamp(40px, calc(55 / var(--inner) * 100vw), 55px); text-align:center;}
.contact-info .button:hover {color:#fff; background:var(--color-primary); border-color:var(--color-primary);}

.map-area {border-radius:var(--radius-24); overflow:hidden;}
.root_daum_roughmap_landing {width:100% !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc(470 / var(--inner) * 100vw), 470px) !important;}
.root_daum_roughmap .cont {display:none;}
.root_daum_roughmap .border1,
.root_daum_roughmap_landing .border3, 
.root_daum_roughmap_landing .border4 {display:none;}
.root_daum_roughmap .wrap_controllers {border:0 !important;}

.prod-intro {margin-bottom:var(--space-100); display:flex; align-items:center; gap:0 var(--space-80);}
.prod-intro .slider {width:41%;}
.prod-intro .slider .slick-dots {position:absolute; width:100%; left:0; bottom:var(--space-20); text-align:center;}
.prod-intro .slider .slick-dots li {margin:0 var(--space-5); display:inline-block; line-height:0;}
.prod-intro .slider .slick-dots li button {width:clamp(8px, calc(12 / var(--inner) * 100vw), 12px); height:clamp(8px, calc(12 / var(--inner) * 100vw), 12px); border-radius:100%; background:rgba(207, 207, 207, .8); border:0; font-size:0;}
.prod-intro .slider .slick-dots .slick-active button {background:var(--color-primary);}
.prod-intro .content {flex:1;}
.prod-intro .content h2 {margin-bottom:var(--space-40); font-size:var(--font-size-28); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.prod-intro .content p {font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.56em; color:#454545;}

.prod-info .title {margin-bottom:var(--space-30); padding-left:14px; position:relative; font-size:var(--font-size-24); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.prod-info .title:before {content:''; position:absolute; left:0; top:.2em; width:3px; height:24px; background:var(--color-primary);}

.table01 table {border-top:2px solid #242424; width:100%; border-collapse:collapse; border-spacing:0;}
.table01 tbody th {padding:var(--space-18); border-bottom:1px solid #ddd; background:#F8F9FC; font-size:var(--font-size-18); font-weight:500; letter-spacing:-.03em; line-height:1.4em;}
.table01 tbody td {padding:var(--space-18) var(--space-20); border-bottom:1px solid #ddd; font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#454545;}
.table01 .list ul li {margin-bottom:var(--space-5); padding-left:15px; position:relative; position:relative;}
.table01 .list ul li:last-child {margin-bottom:0;}
.table01 .list ul li:before {content:'•'; position:absolute; left:0; top:-.2em; width:100%; font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);} 

.distribution {display:grid; grid-template-columns:repeat(4,1fr); gap:0 var(--space-30);}
.distribution .item {border-radius:var(--radius-16); overflow:hidden; border:1px solid #ddd; text-align:center;}
.distribution .item .content {position:relative; padding:var(--space-30) 0;}
.distribution .item .content .num {position:absolute; left:50%; top:-20px; margin-left:-20px; width:40px; line-height:40px; display:block; color:#fff; background:var(--color-primary); border-radius:100%; font-size:var(--font-size-18); font-weight:600;}
.distribution .item .content .tit-ko {margin-bottom:var(--space-5); font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.distribution .item .content .tit-en {margin-bottom:var(--space-10); font-size:var(--font-size-14); font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#CDCDCD;}
.distribution .item .content .txt {font-size:var(--font-size-15); font-weight:400; letter-spacing:-.03em; line-height:1.47em; color:#454545;}

.flame {padding:var(--space-100) 0; background:#F8F8F8;}
.flame .items {display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-30); text-align:center;}
.flame .items .tit {margin:var(--space-25) 0 var(--space-12); font-size:var(--font-size-22); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.flame .items .txt { font-weight:400; letter-spacing:-.03em; line-height:1.5em; color:#454545;}

.inquiry-form .ico-required {font-weight:600; color:var(--color-primary); font-style:normal;}
.inquiry-form .form {display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-50) var(--space-60);}
.inquiry-form .form .input {height:clamp(38px, calc(55 / var(--inner) * 100vw), 55px); width:100%;}
.inquiry-form .form textarea.input {height:clamp(170px, calc(300 / var(--inner) * 100vw), 300px);}
.inquiry-form .form .col.col-x2 {grid-column:span 2;}
.inquiry-form .form dl dt {margin-bottom:15px; font-size:var(--font-size-18); font-weight:600; letter-spacing:0; line-height:1.4em;}
.inquiry-form .buttons .btn-pack {height:clamp(45px, calc(60 / var(--inner) * 100vw), 60px); border-radius:var(--radius-60); padding:0 var(--space-85); font-size:var(--font-size-18); font-weight:600;}