@charset "utf-8";

.sub-intro {border-bottom:1px solid #ddd; padding-bottom:var(--space-80); margin-bottom:var(--space-80); text-align:center;}
.sub-intro p {font-family:var(--font-s-core); font-size:var(--font-size-18); color:#454545; line-height:1.778em; letter-spacing:-0.03em;}

.greeting .items {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-80); text-align:center;}
.greeting .item .img {margin-bottom:var(--space-40);}
.greeting .item .tit {margin-bottom:var(--space-12); font-family:var(--font-s-core); font-size:var(--font-size-24); font-weight:500; color:#242424; line-height:1.417em; letter-spacing:-0.03em;}
.greeting .item .txt {font-size:var(--font-size-16); color:#454545; line-height:1.5em; letter-spacing:-0.03em;}
.greeting .more-wrap {margin-top:var(--space-80); display:flex; justify-content:center;}

.process {margin-bottom:var(--space-100);}
.process .items {display:flex; flex-wrap:wrap; text-align:center; margin:calc(var(--space-15) * -1);}
.process .item {width:25%; padding:var(--space-15);}
.process .item:nth-child(5),
.process .item:nth-child(6),
.process .item:nth-child(7) {width:33.33%;}
.process .box {height:100%; border-radius:16px; padding:var(--space-40); display:block; background:#F8F8F8;}
.process .icon {display:inline-block; position:relative;}
.process .icon .img {display:flex; align-items:center; justify-content:center; width:clamp(44px, calc(80 / var(--inner) * 100vw), 80px); height:clamp(44px, calc(80 / var(--inner) * 100vw), 80px); background:#fff; border-radius:50%; box-shadow:0 1px 3px 0 rgba(75, 67, 67, 0.1), 0 1px 2px 0 rgba(0,0,0,0.1);}
.process .icon .img img {width:clamp(20px, calc(32 / var(--inner) * 100vw), 32px); height:clamp(20px, calc(32 / var(--inner) * 100vw), 32px); aspect-ratio:1; object-fit:contain;}
.process .icon .num {position:absolute; right:calc(var(--space-8) * -1); top:calc(var(--space-8) * -1); display:flex; align-items:center; justify-content:center; width:clamp(20px, calc(32 / var(--inner) * 100vw), 32px); height:clamp(20px, calc(32 / var(--inner) * 100vw), 32px); font-size:var(--font-size-14); font-weight:600; color:#fff; background:var(--color-primary); border-radius:50%;}
.process .tit {margin-top:var(--space-40); font-family:var(--font-s-core); font-size:var(--font-size-20); font-weight:700; color:#242424; line-height:1.4em;}
.process .desc {margin-top:var(--space-20); font-size:var(--font-size-16); color:#454545; line-height:1.5em;}

.as-cnt {padding-top:var(--space-100); background:#f8f6f1;}
.as-cnt .contain {display:flex; gap:0 var(--space-100); align-items:center;}
.as-cnt .content {flex:1; text-align:center;}
.as-cnt .content h3 {margin-bottom:var(--space-60); font-family:var(--font-nanum); font-size:var(--font-size-60); font-weight:600; color:#242424; line-height:1.1em; letter-spacing:-0.03em;}
.as-cnt .content p {font-family:var(--font-s-core); font-size:var(--font-size-20); color:#454545; line-height:1.75em; letter-spacing:-0.03em;}
.as-cnt .content p span {font-weight:600;}
.as-cnt .image {width:42.88%;}

.inquiry-intro {color:#fff; background:url('/images/sub/inquiry-intro.jpg') no-repeat center center / cover; height:calc(100vh - var(--header-height)); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.inquiry-intro .label {margin-bottom:var(--space-20); font-family:var(--font-s-core); font-size:var(--font-size-22); font-weight:500; line-height:1.3em; letter-spacing:-0.03em;}
.inquiry-intro h3 {margin-bottom:var(--space-40); font-family:var(--font-nanum); font-size:var(--font-size-48); font-weight:600; line-height:1.407em; letter-spacing:-0.03em;}
.inquiry-intro .txt {margin-bottom:var(--space-60); font-family:var(--font-s-core); font-size:var(--font-size-18); color:#fff; line-height:1.667em; letter-spacing:-0.03em;}
.inquiry-intro .btn-more {border-color:#fff; color:#fff;}
.inquiry-intro .btn-more:hover {border-color:var(--color-secondary);}

.inquiry-form {height:calc(100vh - var(--header-height)); display:flex;}
.inquiry-form .image {width:50%;}
.inquiry-form .image img {width:100%; height:100%; object-fit:cover;}
.inquiry-form .form-wrap {flex:1; display:flex; align-items:center; padding:0 var(--space-90);}
.inquiry-form .form-wrap form {width:100%;}
.inquiry-form .form-wrap .title {margin-bottom:var(--space-60);}
.inquiry-form .form-wrap .title .num {margin-bottom:var(--space-10); font-size:var(--font-size-24); font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:var(--color-primary);}
.inquiry-form .form-wrap .title h3 {font-family:var(--font-nanum); font-size:var(--font-size-32); font-weight:600; letter-spacing:-.03em; line-height:1.33em;}
.inquiry-form .form-wrap .form {margin-bottom:var(--space-150);}
.inquiry-form .form-wrap .form .item {font-size:var(--font-size-14); color:#454545; line-height:1.4em; margin-right:var(--space-20);}
.inquiry-form .form-wrap .form .row {border-bottom:1px solid #ddd; padding:var(--space-20) 0;}
.inquiry-form .form-wrap .form .req {color:var(--color-primary);}
.inquiry-form .form-wrap .form .caution {margin-top:var(--space-10); font-size:var(--font-size-14); color:var(--color-primary); line-height:1.5em; letter-spacing:-0.03em;}
.inquiry-form .form-wrap .form dl {display:flex;}
.inquiry-form .form-wrap .form dt {width:110px; font-size:var(--font-size-16); font-weight:600; color:#242424; letter-spacing:-0.03em; line-height:1.75em;}
.inquiry-form .form-wrap .form dd {flex:1;}
.inquiry-form .form-wrap .form .input {width:100%; padding:0; height:30px; border:none; background-color:transparent; font-size:var(--font-size-16); color:#242424; line-height:1.5em;}
.inquiry-form .form-wrap .form .input::placeholder {color:#bebebe;}
.inquiry-form .submit-check .checkbox {margin-bottom:var(--space-20); color:#686868;}
.inquiry-form .submit-check .checkbox label:before {border-radius:4px; background-color:transparent;}
.inquiry-form .submit-check .checkbox input:checked + label:before {background-color:var(--color-primary);}
.inquiry-form .form-wrap .button {display:flex; gap:0 var(--space-8);}
.inquiry-form .form-wrap .button .btn-pack {transition:.3s; background-color:transparent; font-weight:500; display:block; width:100%; line-height:clamp(40px, calc(50 / var(--inner) * 100vw), 50px); border:2px solid #242424;}
.inquiry-form .form-wrap .button .btn-pack.prev {border-color:#ddd; color:#868686; background:#F8F8F8;}
.inquiry-form .form-wrap .button .btn-pack:hover {border-color:var(--color-secondary); background:var(--color-secondary); color:#fff;}