@charset "utf-8";

/* common */
.doc-cnt {padding:var(--space-100) 0;}
.doc-cnt:first-child {padding-top:0;}

.yellow-bg {background:#FAF9F5;}

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

.s-tit {font-size:var(--font-size-40); font-weight:600; letter-spacing:-.03em; line-height:1.2em; color:#242424;}

.s-txt {margin-top:var(--space-15); font-size:var(--font-size-16); font-weight:400; letter-spacing:-.03em; line-height:1.5em; color:#686868;}

.sub-tab {border:1px solid #ddd; width:fit-content; margin:0 auto var(--space-80); padding:var(--space-8); border-radius:800px;}
.sub-tab ul li {width:auto;}
.sub-tab ul li a {min-width:120px; display:flex; align-items:center; justify-content:center; height:clamp(40px, calc(48 / var(--inner) * 100vw), 48px); padding:0 12px; border-radius:800px; font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.444em; text-align:center; color:#BEBEBE;}
.sub-tab ul li.active a {background:var(--color-primary); color:#fff;}

/* greeting */
.greeting {display:flex; align-items:center; justify-content:center; gap:40px;}
.greeting .content {flex:1; min-width:0;}
.greeting .content .cate {margin-bottom:var(--space-15); font-size:var(--font-size-16); font-weight:600; letter-spacing:-.03em; line-height:1.625em; color:var(--color-primary);}
.greeting .content .title {margin-bottom:var(--space-30); font-size:var(--font-size-36); font-weight:600; letter-spacing:-.03em; line-height:1.222em; color:#242424;}
.greeting .content .lead {margin-bottom:var(--space-25); font-size:var(--font-size-22); font-weight:500; letter-spacing:-.03em; line-height:1.455em; color:#242424;}
.greeting .content .text {margin-bottom:var(--space-30); font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.667em; color:#454545;}
.greeting .content .sign {display:flex; align-items:center; gap:var(--space-12); font-size:var(--font-size-20); font-weight:500; letter-spacing:-.03em; line-height:1.2em; color:#242424;}
.greeting .content .sign strong {font-weight:600;}
.greeting .image {flex-shrink:0; overflow:hidden; width:clamp(280px, calc(640 / var(--inner) * 100vw), 640px); border-radius:160px 40px 160px 40px;}
.greeting .image img {width:100%; height:100%; object-fit:cover;}

.location .group {margin-bottom:var(--space-100); display:flex;}
.location .group:last-child {margin-bottom:0;}
.location .heading {width:clamp(180px, calc(300 / var(--inner) * 100vw), 300px);}
.location .heading .cate {margin-bottom:var(--space-15); font-size:var(--font-size-16); font-weight:600; letter-spacing:-.03em; line-height:1.625em; color:var(--color-primary);}
.location .heading .title {font-size:var(--font-size-32); font-weight:600; letter-spacing:-.03em; line-height:1.25em; color:#242424;}
.location .content {flex:1; min-width:0;}
.location .map-area {border-radius:24px; overflow:hidden; margin-bottom:var(--space-30);}
.location .root_daum_roughmap .wrap_map {height:clamp(250px, calc(450 / var(--inner) * 100vw), 450px) !important;}
.location .root_daum_roughmap_landing {width:100% !important;}
.location .root_daum_roughmap .cont {display:none;}
.location .info-area {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-30);}
.location .info-area .box {position:relative; padding:var(--space-40);  border:1px solid #ddd; border-radius:24px;}
.location .info-area .box h4 {margin-bottom:var(--space-12); font-size:var(--font-size-24); font-weight:600; letter-spacing:-.03em; line-height:1.167em; color:#242424;}
.location .info-area .box p {font-size:var(--font-size-16); font-weight:400; letter-spacing:-.03em; line-height:1.875em; color:#454545;}
.location .info-area .box .ico {position:absolute; right:var(--space-40); top:var(--space-40); flex-shrink:0; width:clamp(28px, calc(48 / var(--inner) * 100vw), 48px); height:clamp(28px, calc(48 / var(--inner) * 100vw), 48px);}
.location .info-area .box .ico img {display:block; width:100%; height:100%; object-fit:contain;}

/* method-intro */
.method-intro {display:flex; align-items:center; gap:0 var(--space-100);}
.method-intro .image {flex-shrink:0; display:flex; align-items:center; justify-content:center; width:clamp(280px, calc(628 / var(--inner) * 100vw), 628px); height:clamp(320px, calc(506 / var(--inner) * 100vw), 506px); background:#fff; border:1px solid #ddd;}
.method-intro .image img {width:100%; max-width:600px; max-height:240px; object-fit:contain;}
.method-intro .content {flex:1; min-width:0;}
.method-intro .head {margin-bottom:var(--space-40);}
.method-intro .head .en {margin-bottom:var(--space-12); font-size:var(--font-size-16); font-weight:500; letter-spacing:-.03em; line-height:1.625em; color:#bebebe;}
.method-intro .head h3 {font-size:var(--font-size-32); font-weight:600; letter-spacing:-.03em; line-height:1.25em; color:#242424;}
.method-intro .desc {margin-bottom:var(--space-40); font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.667em; color:#454545;}
.method-intro .desc p + p {margin-top:var(--space-15);}
.method-intro .desc strong {font-weight:600; color:#242424;}
.method-intro .items {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-30) var(--space-20);}
.method-intro .item dl {padding-left:var(--space-20); border-left:3px solid var(--color-primary);}
.method-intro .item dt {margin-bottom:var(--space-10); font-size:var(--font-size-20); font-weight:600; letter-spacing:-.03em; line-height:1.6em; color:#242424;}
.method-intro .item dd {font-size:var(--font-size-16); font-weight:400; letter-spacing:-.03em; line-height:1.5em; color:#686868;}

/* method-process */
.method-process ol {position:relative; display:flex; justify-content:space-between; gap:var(--space-20);}
.method-process ol::before {content:""; position:absolute; top:60px; left:140px; right:140px; height:0; border-top:2px dashed rgba(210,35,42,0.4);}
.method-process li {position:relative; flex:1; min-width:0; max-width:280px; text-align:center;}
.method-process .step {position:absolute; top:-13px; left:50%; z-index:2; display:inline-flex; align-items:center; justify-content:center; padding:0 var(--space-15); height:26px; border-radius:80px; font-size:var(--font-size-16); font-weight:700; letter-spacing:-.03em; line-height:1.375em; color:#fff; background:var(--color-primary); transform:translateX(-50%);}
.method-process .icon {position:relative; display:flex; align-items:center; justify-content:center; width:clamp(70px, calc(120 / var(--inner) * 100vw), 120px); height:clamp(70px, calc(120 / var(--inner) * 100vw), 120px); margin:0 auto 24px; background:#fff; border:4px solid #ddd; border-radius:50%;}
.method-process .icon img {width:clamp(38px, calc(64 / var(--inner) * 100vw), 64px); height:clamp(38px, calc(64 / var(--inner) * 100vw), 64px); object-fit:contain;}
.method-process .txt strong {display:block; margin-bottom:var(--space-8); font-size:var(--font-size-20); font-weight:600; letter-spacing:-.03em; line-height:1.5em; color:#242424;}
.method-process .txt p {font-size:var(--font-size-16); font-weight:400; letter-spacing:-.03em; line-height:1.5em; color:#454545;}

/* method-pros */
.method-pros {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-30);}
.method-pros .group {border:1px solid #ddd; overflow:hidden; border-radius:24px; flex:1; min-width:0;}
.method-pros .head {display:flex; align-items:center; justify-content:space-between; padding:var(--space-25) var(--space-40); background:#000;}
.method-pros .group.primary .head {background:var(--color-primary);}
.method-pros .head .tit {display:flex; align-items:center; gap:var(--space-8); font-size:var(--font-size-26); font-weight:600; letter-spacing:-.03em; line-height:1.231em; color:#fff;}
.method-pros .head .tit .ico {flex-shrink:0; width:clamp(20px, calc(32 / var(--inner) * 100vw), 32px); height:clamp(20px, calc(32 / var(--inner) * 100vw), 32px);}
.method-pros .head .tit .ico img {display:block; width:100%; height:100%; object-fit:contain;}
.method-pros .head .label {padding:6px 10px; border-radius:80px; font-size:var(--font-size-16); font-weight:500; letter-spacing:-.03em; line-height:1em; color:#fff; background:rgba(255,255,255,0.16);}
.method-pros .body {padding:var(--space-30) var(--space-40); background:#fff;}
.method-pros .body li {position:relative; padding-left:1em; font-size:var(--font-size-16); font-weight:400; letter-spacing:-.03em; line-height:2.188em; color:#454545;}
.method-pros .body li::before {content:"•"; position:absolute; left:0; color:var(--color-primary);}
.method-pros .group:not(.primary) .body li::before {color:#000;}
.method-pros .body li strong {font-weight:600; color:#242424;}

/* method-scope */
.method-scope {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-30);}
.method-scope .card {position:relative; flex:1; min-width:0; padding:var(--space-40); border-top:3px solid #000; border-radius:24px; background:#fff; box-shadow:0 0 4px rgba(0,0,0,0.16);}
.method-scope .card.primary {border-top-color:var(--color-primary);}
.method-scope .card .en {margin-bottom:var(--space-8); font-size:var(--font-size-14); font-weight:500; letter-spacing:-.03em; line-height:1.714em; color:#bebebe;}
.method-scope .card h4 {margin-bottom:var(--space-30); font-size:var(--font-size-28); font-weight:600; letter-spacing:-.03em; line-height:1.143em; color:#242424;}
.method-scope .card .desc {margin-bottom:var(--space-30); font-size:var(--font-size-16); font-weight:400; letter-spacing:-.03em; line-height:1.75em; color:#454545;}
.method-scope .card .tags {display:flex; flex-wrap:wrap; gap:10px;}
.method-scope .card .tags span {padding:4px 10px; border:1px solid rgba(0,0,0,0.1); border-radius:60px; font-size:var(--font-size-14); font-weight:500; letter-spacing:-.03em; line-height:1.571em; color:#000; background:rgba(0,0,0,0.04);}
.method-scope .card.primary .tags span {border-color:rgba(210,35,42,0.2); color:var(--color-primary); background:rgba(210,35,42,0.04);}
.method-scope .card .ico {position:absolute; top:var(--space-40); right:var(--space-40); display:flex; align-items:center; justify-content:center; width:clamp(40px, calc(64 / var(--inner) * 100vw), 64px); height:clamp(40px, calc(64 / var(--inner) * 100vw), 64px); border-radius:8px; background:#000;}
.method-scope .card.primary .ico {background:var(--color-primary);}
.method-scope .card .ico img {width:clamp(28px, calc(36 / var(--inner) * 100vw), 36px); height:clamp(28px, calc(36 / var(--inner) * 100vw), 36px); object-fit:contain;}

/* method-advantage */
.method-advantage {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-30);}
.method-advantage .item {padding:var(--space-30); overflow:hidden; border:1px solid #ddd; border-radius:24px;}
.method-advantage .item .num {font-size:var(--font-size-14); font-weight:600; letter-spacing:-.03em; line-height:1.714em; color:#b3b3b3;}
.method-advantage .item .ico {display:flex; align-items:center; justify-content:center; width:clamp(40px, calc(56 / var(--inner) * 100vw), 56px); height:clamp(40px, calc(56 / var(--inner) * 100vw), 56px); margin:var(--space-30) 0; border-radius:8px; background:#FAF9F5;}
.method-advantage .item .ico img {width:clamp(20px, calc(28 / var(--inner) * 100vw), 28px); height:clamp(20px, calc(28 / var(--inner) * 100vw), 28px); object-fit:contain;}
.method-advantage .item .tit {margin-bottom:var(--space-12); font-size:var(--font-size-20); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.method-advantage .item .txt {font-size:var(--font-size-16); font-weight:400; letter-spacing:-.03em; line-height:1.75em; color:#454545;}
.method-advantage .item .txt strong {font-weight:600; color:#242424;}

/* method-banner */
.method-banner {position:relative; padding:var(--space-100) 0; background:linear-gradient(2.56deg, #000 10.92%, #4e4e4e 89.08%);}
.method-banner:before {content:""; position:absolute; top:var(--space-100); right:0; background:url('/images/sub/banner-text.png') no-repeat center center / contain; width:clamp(200px, calc(800 / var(--inner) * 100vw), 800px); height:clamp(50px, calc(211 / var(--inner) * 100vw), 211px);}
.method-banner .contain {position:relative;}
.method-banner h3 {margin-bottom:var(--space-25); font-size:var(--font-size-40); font-weight:700; letter-spacing:-.03em; line-height:1.2em; color:#fff;}
.method-banner .txt {font-size:var(--font-size-18); font-weight:500; letter-spacing:-.03em; line-height:1.444em; color:rgba(255,255,255,0.8);}
.method-banner .btn {position:absolute; right:30px; top:var(--space-40); display:inline-flex; align-items:center; justify-content:center; padding:0 var(--space-40); height:clamp(40px, calc(60 / var(--inner) * 100vw), 60px); border:1px solid rgba(255,255,255,0.2); border-radius:600px; font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.333em; color:#fff; background:rgba(255,255,255,0.1);}
.method-banner .btn:hover {border-color:#fff; background:rgba(255,255,255,0.2);}

/* equipment-list */
.equipment-list .group {margin-bottom:var(--space-80); display:flex; align-items:center;}
.equipment-list .group .image {aspect-ratio:560/534; flex-shrink:0; width:40%; border:1px solid #ddd; overflow:hidden;}
.equipment-list .group .image img {width:100%; height:100%; object-fit:contain;}
.equipment-list .group .content {position:relative; flex:1; min-width:0; padding-left:clamp(20px, calc(80 / var(--inner) * 100vw), 80px);}
.equipment-list .group .head {margin-bottom:var(--space-25); padding-right:150px;}
.equipment-list .group .title h3 {margin-bottom:var(--space-15); font-size:var(--font-size-32); font-weight:600; letter-spacing:-.03em; line-height:1.25em; color:#242424;}
.equipment-list .group .title .model {margin-top:var(--space-18); font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.444em; color:var(--color-primary);}
.equipment-list .group .desc {margin-bottom:var(--space-40); font-size:var(--font-size-20); font-weight:400; letter-spacing:-.03em; line-height:1.5em; color:#454545;}
.equipment-list .group .specs {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-15); padding-top:var(--space-40); border-top:1px solid #ddd;}
.equipment-list .group .specs .item {min-width:0;}
.equipment-list .group .specs dl {height:100%; padding:var(--space-15); border-radius:8px; background:#FAF9F5;}
.equipment-list .group .specs dt {margin-bottom:4px; font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.667em; color:#242424;}
.equipment-list .group .specs dd {word-break:break-all; font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.875em; color:#454545;}
.equipment-list .group .btn {position:absolute; top:0; right:0; display:inline-flex; align-items:center; justify-content:center; height:clamp(40px, calc(50 / var(--inner) * 100vw), 50px); padding:0 var(--space-25); font-size:var(--font-size-18); font-weight:500; letter-spacing:-.03em; line-height:1.556em; color:#fff; background:var(--color-primary); text-align:center;}
.equipment-list .group .btn:hover {background:#000;}

.inquiry-form .ico-required {font-weight:600; color:var(--color-primary); font-style:normal;}
.inquiry-form .form .input {height:clamp(40px, calc(55 / var(--inner) * 100vw), 55px); width:100%;}
.inquiry-form .form .input::placeholder {color:#B1B1B1;}
.inquiry-form .form .row {display:flex; flex-wrap:wrap; margin:calc(var(--space-30) * -1) calc(var(--space-40) * -1);}
.inquiry-form .form .col {width:50%; padding:var(--space-30) var(--space-40);}
.inquiry-form .form .col.col-x2 {width:100%;}
.inquiry-form .form dl dt {margin-bottom:var(--space-15); font-size:var(--font-size-18); font-weight:600; letter-spacing:0; line-height:1.4em;}
.inquiry-form .buttons .btn-pack {height:clamp(50px, calc(60 / var(--inner) * 100vw), 60px); border-radius:60px; padding:0 var(--space-80); font-size:var(--font-size-18); font-weight:600;}