@charset "utf-8";

.sub-step {margin-bottom:var(--space-20); text-align:center; font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#C5C5C5;}
.sub-step span {display:inline-block; font-size:var(--font-size-60); font-weight:800; letter-spacing:0; line-height:1.4em; background:linear-gradient(to bottom, var(--color-primary), var(--color-secondary)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; color:transparent;}

.inquiry-wrap {max-width:640px; margin:0 auto;}

.inquiry-form .form {background:#F8F8F8; padding:var(--space-60); border-radius:16px;}
.inquiry-form h2 {margin-bottom:var(--space-35); font-size:var(--font-size-28); font-weight:700; letter-spacing:-.03em; line-height:1.4em; text-align:center;}
.inquiry-form h3 {margin-bottom:var(--space-20); text-align:center; font-size:var(--font-size-20); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.inquiry-form .group {margin-bottom:var(--space-55);}
.inquiry-form .group:last-child {margin-bottom:0;}
.inquiry-form .flex-input {display:flex; align-items:center;}
.inquiry-form .flex-input span {min-width:40px; text-align:right;}
.inquiry-form .input {width:100%; border:0; height:54px; border-radius:8px; box-shadow:0 0 8px 0 rgba(0, 0, 0, .1);}
.inquiry-form .radio-items {border-radius:8px; padding:var(--space-35) var(--space-40); background:#fff; box-shadow:0 0 8px 0 rgba(0, 0, 0, .1);}
.inquiry-form .radio-items .item {margin-bottom:var(--space-20); font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#454545;}
.inquiry-form .radio-items .item:last-child {margin-bottom:0;}
.inquiry-form .link-button {display:flex; align-items:center; justify-content:center; text-align:center; background:var(--color-secondary); color:#fff; height:54px; border-radius:8px; font-size:var(--font-size-18); font-weight:500;} 
.inquiry-pagination {position:relative; margin:var(--space-30) 0 var(--space-80); background:#ddd; border-radius:60px; overflow:hidden;}
.inquiry-pagination .swiper-pagination-progressbar-fill {background:var(--color-secondary); border-radius:60px;}

.inquiry-swiper-buttons {display:flex; align-items:center; justify-content:space-between; gap:var(--space-20);}
.inquiry-swiper-buttons a {width:calc(50% - var(--space-10)); display:flex; align-items:center; justify-content:center; text-align:center; height:clamp(45px, calc(60 / var(--inner) * 100vw), 60px); border-radius:60px; font-size:var(--font-size-18); font-weight:600;} 
.inquiry-swiper-buttons a.prev {color:#686868; border:1px solid #686868;}
.inquiry-swiper-buttons a.next {color:#fff; background:linear-gradient(45deg, var(--color-primary), var(--color-secondary));}

.hope-calendar {padding:var(--space-30) 0 var(--space-20); background:#fff; box-shadow:0 0 8px 0 rgba(0, 0, 0, .1); border-radius:8px;}
.hope-calendar .head {margin-bottom:var(--space-25); padding:0 var(--space-30); display:flex; align-items:center; justify-content:space-between;}
.hope-calendar .head .btn {width:8px; height:14px; background-size:contain; background-repeat:no-repeat; background-position:center;}
.hope-calendar .head .btn.prev {background-image:url(/images/sub/hope-calendar-prev.png);}
.hope-calendar .head .btn.next {background-image:url(/images/sub/hope-calendar-next.png);}
.hope-calendar .head .tit {font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.hope-calendar .table table {width:100%; border-collapse:collapse; border-spacing:0;}
.hope-calendar .table thead th {height:40px; font-weight:500; letter-spacing:-.03em; line-height:1.4em; color:#454545;}
.hope-calendar .table tbody td {height:40px;}
.hope-calendar .table tbody td button {font-size:var(--font-size-14); font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#454545;}
.hope-calendar .table button {border-radius:4px; height:32px; display:flex; align-items:center; justify-content:center; border:0; background-color:transparent; display:block; width:100%;}
.hope-calendar .table button.active {background:var(--color-secondary); color:#fff;}

.inquiry-form .region-area {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-20);}
.inquiry-form .region-area .col {display:flex; flex-direction:column;}
.inquiry-form .radio-items-2 {flex:1 1 auto; min-height:0; height:1%; display:flex; flex-direction:column; gap:var(--space-10) 0; background:#fff; box-shadow:0 0 8px 0 rgba(0, 0, 0, .1); border-radius:8px; padding:var(--space-20);}
.inquiry-form .radio-items-2 .radiobox {display:block;}
.inquiry-form .radio-items-2 .radiobox label {cursor:pointer; text-align:center; display:flex; align-items:center; justify-content:center; height:48px; border:1px solid #ddd; border-radius:8px;}
.inquiry-form .radio-items-2 .radiobox label:before {display:none;}
.inquiry-form .radio-items-2 .radiobox input:checked + label {background:var(--color-secondary); color:#fff; border-color:var(--color-secondary);}
.inquiry-form .radio-items-2.col-2 {flex-wrap:wrap; flex-direction:row; gap:var(--space-10) 0; justify-content:space-between;}
.inquiry-form .radio-items-2.col-2 .item {width:calc(50% - var(--space-5));}
.inquiry-form .caution-txt {text-align:center; color:var(--color-secondary); font-size:12px; line-height:1.5em;}

.inquiry-form .count-items {background:#fff; box-shadow:0 0 8px 0 rgba(0, 0, 0, .1); border-radius:8px; padding:var(--space-25) var(--space-30);}
.inquiry-form .count-items .count-item {padding-bottom:var(--space-18); margin-bottom:var(--space-18); border-bottom:1px solid #ddd; display:flex; align-items:center; justify-content:space-between;}
.inquiry-form .count-items .count-item:last-child {padding-bottom:0; margin-bottom:0; border-bottom:0;}
.inquiry-form .count-items .name {font-weight:500; color:#454545;}
.inquiry-form .count-items .amount {display:inline-block; position:relative; vertical-align:middle; width:86px; padding:0 23px;}
.inquiry-form .count-items .amount .input {display:block; width:100%; text-align:center; color:#454545; font-weight:500; box-shadow:none; height:23px;}
.inquiry-form .count-items .amount .amount-bt {position:absolute; top:0; border-radius:4px; width:23px; height:23px; overflow:hidden; text-indent:-999em; background-color:#fff; background-position:50% 50%; background-repeat:no-repeat; border:1px solid #e5e5e5;}
.inquiry-form .count-items .amount .amount-down {left:0; background-image:url("../images/sub/icon-minus.png");}
.inquiry-form .count-items .amount .amount-up {right:0; background-image:url("../images/sub/icon-plus.png");}

.inquiry-form .file-name {margin-bottom:var(--space-5); border-radius:8px; display:flex; align-items:center; height:40px; padding:0 14px; border:1px solid #686868;}
.inquiry-form .file-button {border-radius:8px; display:flex; width:100%; justify-content:center; align-items:center; height:54px; padding:0 20px; border:0; background:#686868; color:#fff; cursor:pointer;}

.inquiry-form .veranda {background:#fff; box-shadow:0 0 8px 0 rgba(0, 0, 0, .1); border-radius:8px; padding:var(--space-30);}
.inquiry-form .veranda .count-items {margin-bottom:var(--space-20); padding:0; background:none; box-shadow:none;}
.inquiry-form .veranda .desc {border-left-width:3px; border-left-style:solid; padding:var(--space-15) var(--space-20);}
.inquiry-form .veranda .desc p {font-size:13px; line-height:1.4em;}
.inquiry-form .veranda .desc.st1 {border-left-color:var(--color-secondary); background:rgba(2, 160, 231, 0.03); color:var(--color-secondary);}
.inquiry-form .veranda .desc.st2 {border-left-color:#FFC107; background:#FFFDF7; color:#C49300;}
.inquiry-form .veranda .image {margin:var(--space-40) 0 var(--space-20); aspect-ratio:460/400; overflow:hidden;}
.inquiry-form .veranda .image img {width:100%; height:100%; object-fit:cover;}

.inquiry-complete {text-align:center;}
.inquiry-complete h2 {font-size:var(--font-size-40); font-weight:700; letter-spacing:-.03em; line-height:1.4em; margin-bottom:var(--space-20);}
.inquiry-complete .txt-1 {margin:var(--space-60) 0 var(--space-20); font-size:var(--font-size-28); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.inquiry-complete .txt-2 {margin-bottom:var(--space-30); font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.4em;}
.inquiry-complete lord-icon {width:clamp(90px, calc(180 / var(--inner) * 100vw), 180px); height:clamp(90px, calc(180 / var(--inner) * 100vw), 180px);}
.inquiry-complete .button {margin:var(--space-50) auto 0; background:linear-gradient(90deg, #0A3190 0%, #02A0E7 100%); width:310px; display:flex; align-items:center; justify-content:center; text-align:center; height:clamp(45px, calc(60 / var(--inner) * 100vw), 60px); border-radius:60px; font-size:var(--font-size-18); font-weight:600; color:#fff;}