@charset "utf-8";
#intro, #feature, #target {scroll-margin-top:calc(var(--header-h) + 70px)}
.blk_tit {display:block;font-size:clamp(24px,2.4vw,34px);font-weight:700;font-family:'godo', sans-serif;color:var(--tit);text-align:center;line-height:1.4}
.blk_tit em {color:var(--primary)}
.valet_intro {padding:var(--sec-padding) 0;background:var(--white);overflow:hidden}
.valet_intro .hero {display:flex;align-items:center;gap:clamp(36px,6vw,92px);margin-top:clamp(44px,5vw,64px)}
.valet_intro .hero .img_wrap {flex:1 1 50%;min-width:0;position:relative;border-radius:30px;overflow:hidden;aspect-ratio:4/3;border:solid 1px var(--line);background:linear-gradient(160deg,#F6F9FF 0%,#EAF2FF 100%);box-shadow:0 26px 56px rgba(27,43,75,.16)}
.valet_intro .hero .img_wrap img {width:100%;height:100%;object-fit:cover}
.valet_intro .hero .img_wrap .tag_float {position:absolute;left:clamp(16px,1.8vw,26px);bottom:clamp(16px,1.8vw,26px);display:flex;align-items:center;gap:0 10px;background:rgba(27,43,75,.92);color:#fff;border-radius:100px;padding:11px 20px 11px 15px;box-shadow:0 12px 30px rgba(27,43,75,.24)}
.valet_intro .hero .img_wrap .tag_float .dot {flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--secondary)}
.valet_intro .hero .img_wrap .tag_float span {font-size:clamp(13px,1.1vw,15px);font-weight:600;letter-spacing:.01em}
.valet_intro .hero .txt_wrap {flex:1 1 50%;min-width:0}
.valet_intro .hero .tit {display:block;font-size:clamp(24px,2.6vw,38px);font-weight:700;font-family:'godo', sans-serif;color:var(--tit);line-height:1.45}
.valet_intro .hero .tit em {color:var(--primary)}
.valet_intro .hero .txt_wrap > p {font-size:clamp(15px,1.3vw,19px);color:var(--txt);line-height:1.8;margin-top:20px}
.valet_intro .points {display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.valet_intro .points span {display:inline-flex;align-items:center;gap:0 8px;height:42px;background:var(--blue-bg);border-radius:100px;padding:0 20px;font-size:clamp(13px,1.1vw,15px);font-weight:700;color:var(--primary-70)}
.valet_intro .points span::before {content:'';display:block;width:6px;height:6px;border-radius:50%;background:var(--secondary-deep)}
.valet_intro .lead_note {display:flex;align-items:center;gap:0 12px;margin-top:28px;padding:16px 22px;background:var(--yellow-bg);border-radius:14px;font-size:clamp(13.5px,1.15vw,16px);color:var(--txt);line-height:1.6}
.valet_intro .lead_note svg {flex:0 0 auto}
.valet_intro .lead_note span {min-width:0}
.valet_intro .lead_note strong {font-weight:700;color:var(--tit)}
.valet_feature {padding:var(--sec-padding) 0;background:var(--blue-bg)}
.valet_feature .list {display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2vw,24px);margin-top:clamp(44px,5vw,64px)}
.valet_feature .item {display:flex;gap:0 clamp(18px,2vw,26px);background:var(--white);border:solid 1px var(--line);border-radius:24px;padding:clamp(28px,3vw,42px) clamp(24px,2.8vw,40px);transition:transform .3s, box-shadow .3s, border-color .3s}
.valet_feature .item:hover {transform:translateY(-6px);box-shadow:0 22px 48px rgba(27,43,75,.1);border-color:rgba(51,132,254,.4)}
.valet_feature .item .ico {flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:clamp(58px,5vw,68px);height:clamp(58px,5vw,68px);border-radius:18px;background:var(--blue-bg);color:var(--primary)}
.valet_feature .item .ico svg {width:clamp(28px,2.6vw,32px);height:auto}
.valet_feature .item .txt {min-width:0}
.valet_feature .item .num {display:block;font-family:'montserrat', sans-serif;font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--primary)}
.valet_feature .item .tit {display:block;font-size:clamp(19px,1.7vw,24px);font-weight:700;font-family:'godo', sans-serif;color:var(--tit);margin-top:6px}
.valet_feature .item p {font-size:clamp(14px,1.15vw,16px);color:var(--txt-light);line-height:1.72;margin-top:12px}
.valet_target {padding:var(--sec-padding) 0;background:var(--white)}
.valet_target .list {display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,24px);margin-top:clamp(44px,5vw,64px)}
.valet_target .item {background:var(--gray-bg);border:solid 1px var(--line);border-radius:24px;padding:clamp(30px,3vw,42px) clamp(22px,2.4vw,32px);text-align:center;transition:transform .3s, box-shadow .3s, background .3s}
.valet_target .item:hover {transform:translateY(-6px);background:var(--white);box-shadow:0 22px 48px rgba(27,43,75,.12)}
.valet_target .item .ico {display:flex;align-items:center;justify-content:center;width:clamp(72px,6vw,90px);height:clamp(72px,6vw,90px);margin:0 auto;border-radius:26px;background:var(--white);border:solid 1px var(--line);color:var(--primary)}
.valet_target .item:hover .ico {background:var(--blue-bg);border-color:transparent}
.valet_target .item .ico svg {width:clamp(32px,3vw,38px);height:auto}
.valet_target .item .tit {display:block;font-size:clamp(18px,1.6vw,23px);font-weight:700;font-family:'godo', sans-serif;color:var(--tit);margin-top:22px}
.valet_target .item p {font-size:clamp(13.5px,1.1vw,15.5px);color:var(--txt-light);line-height:1.65;margin-top:11px}
.valet_flow {padding:var(--sec-padding) 0;background:var(--gray-bg)}
.valet_flow .step_list {display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,20px);margin-top:clamp(44px,5vw,64px)}
.valet_flow .step_list li {position:relative;background:var(--white);border:solid 1px var(--line);border-radius:22px;padding:clamp(28px,2.8vw,40px) clamp(22px,2.4vw,30px);transition:transform .3s, box-shadow .3s}
.valet_flow .step_list li:hover {transform:translateY(-6px);box-shadow:0 18px 40px rgba(27,43,75,.1)}
.valet_flow .step_list li .num {display:inline-flex;align-items:center;justify-content:center;width:clamp(44px,3.6vw,52px);height:clamp(44px,3.6vw,52px);border-radius:50%;background:var(--secondary);color:#3B4455;font-family:'montserrat', sans-serif;font-size:clamp(15px,1.3vw,18px);font-weight:800;box-shadow:0 8px 18px rgba(245,214,61,.42)}
.valet_flow .step_list li .tit {display:block;font-size:clamp(17px,1.5vw,21px);font-weight:700;font-family:'godo', sans-serif;color:var(--tit);margin-top:20px}
.valet_flow .step_list li p {font-size:clamp(13.5px,1.15vw,15px);color:var(--txt-light);line-height:1.68;margin-top:10px}
.valet_flow .step_list li::after {content:'';position:absolute;top:50%;right:calc(clamp(14px,1.8vw,20px) / -2 - 5px);width:10px;height:10px;border-top:solid 2.4px #C7CDD6;border-right:solid 2.4px #C7CDD6;transform:translateY(-50%) rotate(45deg);z-index:1}
.valet_flow .step_list li:last-child::after {display:none}
.valet_note {padding:var(--sec-padding) 0;background:var(--navy);position:relative;overflow:hidden}
.valet_note::before {content:'';position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(closest-side, rgba(51,132,254,.25), transparent);top:-280px;right:-140px}
.valet_note::after {content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(closest-side, rgba(245,214,61,.13), transparent);bottom:-200px;left:-100px}
.valet_note .wrapper {position:relative;z-index:1}
.valet_note .title_box .sub {color:var(--secondary)}
.valet_note .title_box .sub::before {background:var(--primary)}
.valet_note .note_list {display:flex;flex-direction:column;gap:10px 0;margin-top:clamp(30px,3.6vw,44px)}
.valet_note .note_list li {display:flex;align-items:flex-start;gap:0 10px;font-size:clamp(14px,1.2vw,16.5px);color:rgba(255,255,255,.72);line-height:1.7}
.valet_note .note_list li::before {content:'';flex:0 0 auto;width:20px;height:20px;margin-top:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23F5D63D'/%3E%3Cpath d='M6 10.2l2.6 2.6L14 7.4' stroke='%231B2B4B' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain}
.valet_note .note_list li strong {color:#fff;font-weight:700}
.valet_note .btns {display:flex;justify-content:center;margin-top:clamp(36px,4.4vw,52px)}
.valet_note .btn_secondary {font-family:'pretendard', sans-serif;font-weight:700}
@media screen and (max-width: 1024px) {
.valet_intro .hero {flex-direction:column;align-items:stretch}
.valet_intro .hero .img_wrap {width:min(100%,620px);margin:0 auto}
.valet_target .list {grid-template-columns:repeat(2,1fr)}
.valet_flow .step_list {grid-template-columns:repeat(2,1fr)}
.valet_flow .step_list li::after {display:none}
}
@media screen and (max-width: 768px) {
.valet_feature .list {grid-template-columns:1fr}
.valet_note .btns .btn_secondary {width:100%}
}
@media screen and (max-width: 480px) {
.valet_feature .item {flex-direction:column;gap:16px 0}
.valet_target .list {grid-template-columns:1fr}
.valet_flow .step_list {grid-template-columns:1fr}
}