@charset "UTF-8";

/* main-banner */
.main-banner{height: 616px;position: relative;}
.main-banner__slide{height: 100%;z-index: 2; overflow: visible;}
.main-banner__slide .inner{max-width: calc(1440px + 80px);}
.main-banner__slide ul li{background-repeat: no-repeat; background-size: cover; background-position: 50%; position: relative;}
.main-banner__txt{margin-top: 78px; max-width: 825px; background-repeat: no-repeat; background-size: 334px 232px; background-position: top right;}
.main-banner__icon {position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%);}
.main-banner__icon img {width: 200px; height: auto;}
.main-banner__txt .txt{font-size: 28px; font-weight: 500; margin-bottom: 20px;}
.main-banner__txt .tit{font-family: 'BMDOHYEON'; font-size: 64px; line-height: 1.5;}
.main-banner__txt .sub_txt {font-size: 22px; font-weight: 500; width: fit-content; padding: 18px 24px; border-radius: 24px; background: #F4FBF5; margin-top: 20px; word-break: keep-all;}
.main-banner__img {margin-top: 56px;}

.main-banner__slide ul li.blue .tit.accent {color: #52B5D9;}
.main-banner__slide ul li.green .tit.accent {color: #66BB77;}
.main-banner__slide ul li.pink .tit.accent {color: #FF8B94;}
.main-banner__slide ul li.orange .tit.accent {color: #FF9E57;}
.main-banner__slide ul li .tit i {width: 73px; height: 56px; display: inline-block; vertical-align: middle; transform: translateY(-2px);}
.main-banner__slide ul li.blue .tit i {background-image: url("../../images/user/main/banner1_arrow.png");}
.main-banner__slide ul li.green .tit i {background-image: url("../../images/user/main/banner2_arrow.png");}
.main-banner__slide ul li.pink .tit i {background-image: url("../../images/user/main/banner3_arrow.png");}
.main-banner__slide ul li.orange .tit i {background-image: url("../../images/user/main/banner4_arrow.png");}
.main-banner .banner-form{position: absolute;top: 38px;right: calc((100vw - 1380px) / 2);z-index: 2; max-width: 500px; width: 100%;}

.sns-box {background: #fff;padding: 24px;border-radius: 28px;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);}
.sns-box .sns-box__tit {text-align: center;font-size: 22px;font-weight: normal; margin-bottom: 20px; font-family: 'BMDOHYEON', Sans-serif;}
.sns-box .sns-application {display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;}
.sns-box .sns_btn {display: flex; align-items: center; justify-content: center; gap: 8px; padding: 14px; border-radius: 14px; font-weight: 500; color: #2E2E334D; background: #F5F5F5; white-space: nowrap;}
.sns-box .sns_btn i {background-repeat: no-repeat; background-size: contain; width: 24px; height: 24px;}
.sns-box .sns_btn.naver i {background-image: url("../../images/ico/icons_naver.png"); filter: brightness(0.8);}
.sns-box .sns_btn.kakao i {background-image: url("../../images/ico/icons_kakao.png"); filter: invert(1) brightness(0.8);}
.sns-box .sns_btn.naver.active {background: #00C306CC; color: #fff;}
.sns-box .sns_btn.naver.active i {filter: unset;}
.sns-box .sns_btn.kakao.active {background: #FFD900CC; filter: unset; color: #000;}
.sns-box .sns_btn.kakao.active i {filter: unset;}
.sns-box + .confirm-box {margin-top: 16px;}

.confirm-box .confirm-box__tit{text-align: center;font-size: 22px;font-weight: normal; margin-bottom: 20px; font-family: 'BMDOHYEON', Sans-serif;}
.confirm-box .form-input__wrap{border-radius: 10px;border: 1px solid var(--color-200);background: #fff;gap: 14px;padding: 0 16px;flex-direction: row; width: 100%;}
.confirm-box .form-input__wrap input{border: 0;padding: 0;height: 46px; }
.confirm-box .insurance-age {flex: none; font-weight: 500;}
.confirm-box .insurance-age span {color: #52B5D9;}
.confirm-box .form-input__wrap2 {gap: 12px; margin-top: 8px;}
.confirm-box .form-input__wrap2 input {border-radius: 14px; font-size: 18px;}
.confirm-box .form-input__wrap2.birth {border-radius: 14px; border: 1px solid #e4e4e4; padding-right: 16px; margin-top: 8px;}
.confirm-box .form-input__wrap2.birth input {border: 0; border-radius: 14px;}

.confirm-box .confirmBtn{margin-top: 28px;}
.confirm-box .form-input__tit{margin-bottom: 0; color: #1D1D20; font-weight: 700}
.confirm-box .form-input-btn {align-items: center; width: 100%;}
.confirm-box .btn.confirmBtn{background-color: #52B5D9; color: #fff; height: 62px;}
.confirm-box .btn.medium{min-width: 98px; background: #F4F4F5; color: #2E2E334D;}
.confirm-box .form-box .checkbox-basic label {font-size: 16px; color: #2E2E33E5;}
.confirm-box .form-box .checkbox-basic .btn.arrow-btn {margin: 0; flex: 1; justify-content: end;}
.checkbox-basic .btn i {width: 24px; height: 24px; display: inline-block; background-image: url("../../images/user/main/ico-right-arrow.png"); background-repeat: no-repeat; background-size: cover;}
.checkbox-basic input[type=checkbox] + label::before {width: 24px; height: 24px; border-radius: 50%; background-image: url("../../images/cmn/ico-check.png"); background-size: contain; background-color: #fff; margin-right: 8px;}
.checkbox-basic input[type=checkbox]:checked + label::before {border-radius: 50%; background-color: #52B5D9;}
/*.main-banner__slide .swiper-control{position: absolute;bottom: 95px;left: 0; z-index: 1; margin-left: calc((100vw - 1440px) /2 );max-width: 541px;width: 100%;display: flex;align-items: center;gap: 60px;}*/
/*.main-banner__slide .swiper-control__btn {display: flex;}*/
.main-banner__slide .swiper-pagination {bottom: 20px;}
.main-banner__slide .swiper-pagination .swiper-pagination-bullet {width: 10px; height: 10px; margin: 0 8px; background: #6E6E7626; opacity: 1;}
.main-banner__slide .swiper-pagination .swiper-pagination-bullet-active {background: #2E2E334D;}
/*.main-banner__slide .swiper-pagination {width: auto;position: static;width: 321px;padding-left: 288px;}*/
/*.main-banner__slide .swiper-pagination span {color: #fff;font-weight: 600;}*/
/*.main-banner__slide .swiper-pagination .swiper-pagination-total {}*/
/*.main-banner__slide .swiper-pagination .swiper-pagination-current::before {content: '';width: 0;height: 6px;background: #fff;position: absolute;top: 50%;left: 5px;transform: translateY(-50%);z-index: 1;border-radius: 10px;}*/
/*.main-banner__slide .swiper-pagination .swiper-pagination-current::after {content: '';width: 270px;height: 16px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);border-radius: 10px;opacity: 0.3;background: #fff;}*/
/*.main-banner__slide .play-btn i{ min-width: 10px; height: 16px; background: no-repeat 50% / cover; background-image: url(../../images/ico/ico-pause.svg); }*/
/*.main-banner__slide .play-btn.pause i{background-image: url(../../images/ico/ico-play.svg);min-width: 15px;height: 19px;}*/
/*.main-banner__slide .swiper-pagination .swiper-pagination-current.timeBox::before { animation: aniPrgressbar 6s ease-in-out .1s; animation-fill-mode: forwards; }*/
/*.main-banner__slide .btn {display: none;}*/
@keyframes aniPrgressbar {
    from { width: 0; }
    to { width: 260px; }
}
.main-banner__slide .slide-btn{background: rgba(255,255,255,0.3)}

/* main-anal */
.main-anal {margin-top: 110px; /*margin-right: calc((100vw - 1440px) / 2);*/ position: relative; padding-right: 40px;}
.main-anal .main-anal__slide .swiper-wrapper {transition-timing-function: linear !important;}
.main-anal .main-anal__slide {}
.main-anal .main-anal__slide::before {content: ''; width: 120px; height: 100px; position: absolute; top: 50%; right: 180px; transform: translateY(-50%); background: linear-gradient(270deg, #FFFFFF 20%, rgba(255, 255, 255, 0) 100%); z-index: 2;}
.main-anal .main-anal__slide .swiper-slide {padding: 20px 32px; border-radius: 20px; background: #6E6E760D; display: flex; align-items: center; gap: 10px; max-width: 275px; word-break: keep-all;}
.main-anal .main-anal__slide .swiper-slide i {width: 50px; height: 50px; background-image: url("../../images/user/main/ico-speaker.png"); flex: none;}
.main-anal .main-anal__slide .swiper-slide p {font-size: 18px; font-weight: 500; color: #2E2E3399; line-height: 1.5;}
.main-anal .total-wrap {padding: 18px 22px; border-radius: 20px; border: 2px solid #FFDA57; box-shadow: 0px 1px 50px 0px #FFDA57; background: #FFF5AD; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 3; margin-right: 20px;}
.main-anal .total-wrap p {font-size: 18px; color: #2E2E33E5; margin-bottom: 8px;}
.main-anal .total-wrap .result-box {display: flex; align-items: center; gap: 4px;}
.main-anal .total-wrap .result-box i {width: 40px; height: 40px; background-image: url("../../images/user/main/ico-check_y.png");}
.main-anal .total-wrap .result-box b {font-size: 32px;}

/* main-quick */
.main-quick{background: var(--color-100);padding: 18px 0 95px;}
.main-quick .inner{position: relative;}
.main-quick .quick-txt{position: absolute;top: -65px;left: -44px;z-index: 2;padding-left: 70px;}
.main-quick .quick-txt img{position: absolute;left: 0px;top: -25px;}
.main-quick .quick-txt__box{padding: 45px 75px 42px;background: url("../../images/user/main/quick-box.png") no-repeat 50% / cover;text-align: center;font-size: 22px;font-weight: 600;line-height: 1.5; /* 154.545% */width: 292px;height: 174px;}
.main-quick .inner{display: flex;}
.main-quick .quick-menu{padding-left: 330px; gap: 60px;}

/* main-tit */
.main-tit__wrap {display: flex; align-items: center; gap: 16px; margin-bottom: 40px;}
.main-tit__wrap .main-num {font-family: 'BMDOHYEON'; font-size: 28px; color: #52B5D9;}
.main-tit__wrap .main-num span {font-family: 'BMDOHYEON'; font-size: 32px; color: #52B5D9;}
.main-tit__wrap .main-tit {display: flex; align-items: center; gap: 16px; font-size: 32px; font-family: 'BMDOHYEON'; font-weight: normal;}
.main-tit__wrap .main-tit p {font-size: 32px; font-family: 'BMDOHYEON'; font-weight: normal;}
.main-tit__wrap .main-tit .color-green {color: #66BB77; font-family: 'BMDOHYEON';}
.main-tit__wrap .main-tit i {width: 48px; height: 48px; flex: none;}
.main-tit__wrap .main-tit i.ico-sch {background-image: url("../../images/user/main/ico-sch.png");}
.main-tit__wrap .main-tit i.ico-note {background-image: url("../../images/user/main/ico-note.png");}
.main-tit__wrap .main-tit i.ico-thumb {background-image: url("../../images/user/main/ico-thumb.png");}
.main-tit__wrap .main-tit i.ico-person {background-image: url("../../images/user/main/ico-person.png");}
.main-tit__wrap .main-tit i.ico-combination {background-image: url("../../images/user/sub/ico-combination.png");}
.main-tit__wrap .main-tit i.ico-claims {background-image: url("../../images/user/sub/ico-claims.png");}
.main-tit__wrap .main-tit i.ico-pencil {background-image: url("../../images/user/sub/ico-pencil.png");}
.main-tit__wrap .main-tit i.ico-note3 {background-image: url("../../images/user/sub/ico-note3.png");}
.main-tit__wrap .main-tit i.ico-counseling {background-image: url("../../images/user/sub/ico-counseling.png");}
.main-tit__wrap .main-tit i.ico-check_green {background-image: url("../../images/user/sub/ico-check_green.png");}
.main-tit__wrap .main-tit i.ico-bill {background-image: url("../../images/user/sub/ico-bill.png");}
.main-tit__wrap .main-tit i.ico-collateral {background-image: url("../../images/user/sub/ico-collateral.png");}
.main-tit__wrap .main-tit.tit-small {gap: 12px;}
.main-tit__wrap .main-tit.tit-small i {width: 24px; height: 24px;}
.main-tit__wrap:has(.tit-medium, .tit-small) {margin-bottom: 24px;}
.main-tit.tit-medium{font-size: 28px;}
.main-tit.tit-small{font-size: 22px;}
.main-tit.tit-bg{position: relative;display: inline-block;}
.main-tit.tit-bg::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% + 20px);height: calc(100% + 20px);border-radius: 312px;background: radial-gradient(50% 50% at 50% 50%, rgba(134, 233, 211, 0.50) 0%, rgba(134, 233, 211, 0.00) 71.06%);z-index: -1;}
.main-tit__wrap .sub-tit{color: var(--color-600);font-size: 24px;font-weight: 500;line-height: 1.5;}
.main-tit__sub {font-size: 18px; line-height: 1.45; color: rgba(46, 46, 51, 0.90); margin-bottom: 24px;}
.main-mark {font-family: 'BMDOHYEON'; font-size: 22px; color: #2E2E3399; display: flex; align-items: center; gap: 8px;}
.main-mark i {width: 28px; height: 28px; background-image: url("../../images/user/main/ico-mark.png");}

/* main-step1 */
.step1-form {position: relative; margin-top: 140px;}
.step1-form::before {content: ''; width: 178px; height: 240px; position: absolute; top: -48px; left: 0; background-image: url("../../images/user/main/step1_bg.png"); background-repeat: no-repeat; background-size: cover; z-index: -1;}
.step1-form .step1_ul {display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px;}
.step1-form .step1_ul li label {border-radius: 24px; border: 1px solid #E4E4E7CC; box-shadow: 0px 4px 24px 0px #1D1D2014; background: #fff; padding: 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 22px; font-weight: 500; cursor: pointer; position: relative;letter-spacing: -1.76px;}
.step1-form .step1_ul li input[type=radio]:checked + label {background-image: url("../../images/user/main/step1_checked.png"); background-repeat: no-repeat; background-position: center; border: 1px solid; border-image-source: linear-gradient(123.4deg, #E6F6FF 0%, #52B5D9 99.95%); box-shadow: 0px 0px 16px 0px #52B5D9; font-weight: 700;}
.step1-form .step1_ul li input[type=radio] + label::before, .step1-form .step1_ul li input[type=radio] + label::after {content: unset;}
.step1-form .step1_ul li input[type=radio]:checked + label::before, .step1-form .step1_ul li input[type=radio]:checked + label::after {content: ''; width: 40px; height: 44px; background-repeat: no-repeat; position: absolute; margin: 0; border: 0;}
.step1-form .step1_ul li input[type=radio]:checked + label::before {bottom: -20px; left: -30px; background-image: url("../../images/user/main/step1_check1.png");}
.step1-form .step1_ul li input[type=radio]:checked + label::after {top: -20px; right: -30px; background-image: url("../../images/user/main/step1_check2.png");}
.step1-form .step1_ul li i {width: 64px; height: 64px; margin-bottom: 16px;}
.step1-form .step1_ul li i img {width: 100%;}
/*.step1-form .step1_ul li:nth-child(1) i {background-image: url("../../images/user/main/step1_1.png");}*/
/*.step1-form .step1_ul li:nth-child(2) i {background-image: url("../../images/user/main/step1_2.png");}*/
/*.step1-form .step1_ul li:nth-child(3) i {background-image: url("../../images/user/main/step1_3.png");}*/
/*.step1-form .step1_ul li:nth-child(4) i {background-image: url("../../images/user/main/step1_4.png");}*/
/*.step1-form .step1_ul li:nth-child(5) i {background-image: url("../../images/user/main/step1_5.png");}*/
/*.step1-form .step1_ul li:nth-child(6) i {background-image: url("../../images/user/main/step1_6.png");}*/
/*.step1-form .step1_ul li:nth-child(7) i {background-image: url("../../images/user/main/step1_7.png");}*/
/*.step1-form .step1_ul li:nth-child(8) i {background-image: url("../../images/user/main/step1_8.png");}*/
/*.step1-form .step1_ul li:nth-child(9) i {background-image: url("../../images/user/main/step1_9.png");}*/
/*.step1-form .step1_ul li:nth-child(10) i {background-image: url("../../images/user/main/step1_10.png");}*/
/*.step1-form .step1_ul li:nth-child(11) i {background-image: url("../../images/user/main/step1_11.png");}*/
/*.step1-form .step1_ul li:nth-child(12) i {background-image: url("../../images/user/main/step1_12.png");}*/
/*.step1-form .step1_ul li:nth-child(13) i {background-image: url("../../images/user/main/step1_13.png");}*/
/*.step1-form .step1_ul li:nth-child(14) i {background-image: url("../../images/user/main/step1_14.png");}*/

/* main-step1 */
.step2-form {position: relative; margin-top: 140px;}
.step2-form::before {content: ''; width: 223px; height: 253px; position: absolute; top: -60px; right: 30px; background-image: url("../../images/user/main/step2_bg.png"); background-repeat: no-repeat; background-size: contain;}
.step2-form .confirm-box {background: #E6F6FF; padding: 48px 0; border-radius: 0;}
.step2-form .confirm-box .form-row {display: grid; grid-template-columns: 1fr 1fr; gap: 24px;}
.step2-form .confirm-box .form-box .checkbox-basic {margin-top: 40px;}
.step2-form .confirm-box .form-box .checkbox-basic .btn.arrow-btn {justify-content: flex-start; margin: 0 auto 0 10px; flex: unset;}
.step2-form .confirm-box .result-box {padding: 20px 24px; border-radius: 14px; background: #fff; font-size: 18px; font-weight: 500; text-align: center; line-height: 1.5; margin-top: 12px;}
.step2-form .confirm-box .result-box span {color: #52B5D9;}
.step2-form .confirm-box .etc {color: #2E2E3399; text-align: center; margin-top: 12px;}

.main-step .result-loading {text-align: center; margin-top: 40px;}
.main-step .result-loading i {display: inline-block; width: 32px; height: 32px; background-image: url("../../images/ico/ico-loading.png"); animation: spin 1s linear infinite;}
.main-step .result-loading p {font-size: 22px; font-family: 'BMDOHYEON'; line-height: 1.6; word-break: keep-all; margin-top: 20px;}
.main-step .result-loading p span {color: #52B5D9;}
.main-step .result-loading p * {font-family: 'BMDOHYEON';}
@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/* main-sect01 */
.main-sect {margin-top: 140px;}
.main-sect .comBox{min-height: 328px; transition: all .3s;}
.main-sect .comBox:hover {transform: translateY(-16px);}

.main-sect01{position: relative; margin-top: 120px;}
.main-sect01::before{content: ''; position: absolute; top: 80px; left: 0; width: 100%; height: 311px; background: #FFEAEA; z-index: -1}
.main-sect01::after {content: ''; position: absolute; left: 0; top: -180px; width: 169px; height: 312px; background-image: url("../../images/user/main/sect01_bg.png"); background-repeat: no-repeat; background-size: cover; z-index: -1;}
.main-sect01__cont{margin-top: 80px; position: relative;}
.main-sect01__slide.swiper-container {padding: 20px 16px; margin: 0 -16px;}
.main-sect01__slide > ul > li{width: 457px; margin-right: 24px;}
.main-sect01__slide > ul > li:last-child{margin-right: 0;}
.main-sect01 .tab-menu{gap: 20px; display: flex;}
.main-sect01 .tab-btn{display: flex; align-items: center; justify-content: center; padding: 15px 24px; border-radius: 30px; font-size: 18px; background: #fff;}
.main-sect01 .tab-btn.active{background: #FF8B94; color: #fff;}
.main-sect01 .tab-cont__wrap {margin-top: 30px; position: relative;}
.main-sect01 .comBox-tit{margin-bottom: 40px; padding-right: 40px; position: relative;}
.main-sect01 .comBox-tit::before {content: ''; width: 24px; height: 24px; background-image: url("../../images/user/main/ico-up-right-arrow.png"); position: absolute; top: 0; right:0 ;}
.main-sect01 .comBox-cont{min-height: 52px;}
.main-sect01 .noList .comBox-cont{text-align: center; line-height: 1.5; font-size: 26px; font-weight: 600; margin-top: 10px;}
.main-sect01 .noList .comBox-tit p + p{margin-top: 18px;}
.main-sect01 .comBox-linkTxt{margin-top: 60px;}
.main-sect01 .swiper-control{position: absolute;top: -33px;right: 0;display: flex;align-items: center}
.main-sect01 .slide-btn {position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; width: 112px; height: 112px; background: unset;}
.main-sect01 .slide-btn.swiper-prev {left: -58px;}
.main-sect01 .slide-btn.swiper-next {right: -58px;}
.main-sect01 .slide-btn.swiper-prev i {background-image: url("../../images/user/main/ico-prev.png"); background-repeat: no-repeat; background-size: auto; width: 100%; height: 100%;}
.main-sect01 .slide-btn.swiper-next i {background-image: url("../../images/user/main/ico-next.png"); background-repeat: no-repeat; background-size: auto; width: 100%; height: 100%;}
.main-sect01 .main-tit__wrap {position: relative;}

.main-sect02 {position: relative; overflow: hidden;}
.main-sect02::before {content: ''; width: 313px; height: 362px; background-image: url("../../images/user/main/sect02_bg.png"); position: absolute; top: -40px; right: 0;}
.main-sect02 .main-tit__wrap {margin-bottom: 24px;}
.main-sect02__slide {padding: 20px 16px; margin: 20px -16px 0;}
.main-sect02__slide > ul > li{width: 457px; margin-right: 24px;}
.main-sect02__slide > ul > li:last-child{margin-right: 0;}
.main-sect02__slide > ul > li .review-wrap {display: flex; align-items: flex-start; gap: 25px;}
.main-sect02__slide > ul > li .review-wrap .info {display: flex; flex-direction: column;}
.main-sect02__slide > ul > li .review-wrap .info img {width: 140px; height: 180px; object-fit: cover; border-radius: 10px;}
.main-sect02__slide > ul > li .review-wrap .info .name {font-size: 20px; font-weight: 700; line-height: 1.5; margin-top: 16px;}
.main-sect02__slide > ul > li .review-wrap .info .star {display: flex; align-items: center; gap: 8px; margin-top: 8px;}
.main-sect02__slide > ul > li .review-wrap .info .star i {width: 16px; height: 15px; background-image: url("../../images/user/main/ico-star.png");}
.main-sect02__slide > ul > li .review-wrap .txt {font-size: 16px; color: #1D1D20; line-height: 1.6; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical;}
.main-sect02__slide > ul > li .detail-btn {width: 100%; border-radius: 13px; padding: 18px 28px; border: 1px solid #D4D4D8CC; font-size: 20px; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-top: 20px;}
.main-sect02__progress {position: relative; margin-top: 30px; cursor: pointer;}
.main-sect02__progress .swiper-pagination-progressbar {background: #D4D4D8CC; height: 6px; border-radius: 999px; z-index: 1;}
.main-sect02__progress .swiper-pagination-progressbar-fill {background: #FF8B94; border-radius: 999px;}
.main-sect02__bar {position: relative; width: 100%; height: 6px; background: #D4D4D8CC; border-radius: 999px; overflow: visible;}
.main-sect02__bar-fill {position: absolute; left: 0; top: 0; height: 100%; width: 0; background: #FF8B94; border-radius: 999px; transition: width .6s;}
.main-sect02__progress-dot {position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); width: 28px; height: 28px; border-radius: 50%; background: #FF8B94; box-shadow: 0px 4px 16px 0px #0000003D; z-index: 2; transition: left .6s; cursor: pointer;}
.main-sect02__progress-dot::before {content: ''; position: absolute; inset: 6px; border-radius: 50%; background: rgba(255,255,255,0.5);}
.main-sect02__progress .swiper-pagination-progressbar {background: #D4D4D8CC; height: 6px; border-radius: 999px; overflow: visible;}
.main-sect02__progress .swiper-pagination-progressbar-fill {background: #FF8B94; border-radius: 999px;}
.main-sect02__bottom {text-align: center; line-height: 1.6; padding-top: 30px;}
.main-sect02__bottom p {font-family: 'BMDOHYEON'; font-size: 22px;}
.main-sect02__bottom p span {font-family: 'BMDOHYEON'; font-size: 28px;}
.main-sect02__bottom p + p {margin-top: 10px;}
.main-sect02__bottom .color-pink {color: #FF8B94;}
.main-sect02__slide .review-modal__btns {display: none;}

/* 실제 고객감동 사례 모달 */
.modal-review {position: fixed; inset: 0; display: none; z-index: 9999;}
.modal-review.is-open { display: block; }
.modal-review .modal-dim {position: absolute; inset: 0; background: rgba(0,0,0,.6);}
.modal-review .modal-inner {position: relative; max-width: 940px; max-height: 70%; margin: 0 auto; top: 50%; transform: translateY(-50%); background: #fff; border-radius: 24px; padding: 48px 40px; box-shadow: 0 10px 40px rgba(0,0,0,.2);}
.modal-review .modal-header {display: flex; justify-content: space-between; align-items: center; font-size: 20px; font-weight: 700; color: #fff; width: 100%; position: absolute; top: -44px; left: 50%; transform: translateX(-50%);}
.modal-review .modal-header span {color: #fff;}
.modal-review .modal-title { font-weight: 600;}
.review-modal__slider {height: calc(100% - 70px);}
.review-modal__slider .swiper-slide .comBox {display: flex; gap: 40px; padding: 20px 0;}
.modal-review .review-modal__nav {filter: brightness(0) invert(1);}
.modal-review .review-modal__nav.swiper-button-prev {left: -50px;}
.modal-review .review-modal__nav.swiper-button-next {right: -50px;}
.modal-review .review-modal__btns {display: flex; gap: 10px; margin-top: 20px;}
.review-modal__slider .review-wrap {display: flex; align-items: flex-start; gap: 25px;}
.review-modal__slider .review-wrap .info {display: flex; flex-direction: column;}
.review-modal__slider .review-wrap .info img {width: 140px; height: 180px; object-fit: cover; border-radius: 10px;}
.review-modal__slider .review-wrap .info .name {font-size: 20px; font-weight: 700; line-height: 1.5; margin-top: 16px;}
.review-modal__slider .review-wrap .info .star {display: flex; align-items: center; gap: 8px; margin-top: 8px;}
.review-modal__slider .review-wrap .info .star i {width: 16px; height: 15px; background-image: url("../../images/user/main/ico-star.png");}
.review-modal__slider .review-wrap .txt {font-size: 16px; color: #1D1D20; line-height: 1.6; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; /*-webkit-line-clamp: 9;*/ -webkit-box-orient: vertical; flex: 1; max-height: 450px; overflow-y: auto;}
.review-modal__btns {display: flex; gap: 16px; margin-top: 24px;}
.review-modal__btns .btn {flex: 1; text-align: center; padding: 14px 0; border-radius: 12px; font-size: 18px; font-weight: 700; background:#52B5D9; color:#fff; display: flex; align-items: center; gap: 4px; }
.review-modal__btns .btn .ico-counseling {width: 22px; height: 22px; background-image: url("../../images/user/main/ico-counsel.png");}


.bottom-link { background: #E9F7E0; padding: 80px 0; }
.bottom-link .main-tit__wrap{text-align: center;}
.bottom-link .main-tit{font-size: 30px;}
.bottom-link .link + .link{padding-top: 60px;}
.bottom-link__wrap { position: relative; }
.bottom-link__wrap .swiper-btn { position: absolute; top: 50%; transform: translateY(-50%); }
.bottom-link__wrap .swiper-btn.swiper-prev { left: 0; }
.bottom-link__wrap .swiper-btn.swiper-next { right: 0; }
.bottom-link__wrap .swiper-btn i { width: 32px; height: 32px; background: no-repeat 50% / cover; background-image: url(/assets/images/ico/ico-link_btn.svg); }
.bottom-link__wrap .swiper-container {width: 100%;margin: 0 auto;}
.bottom-link__wrap .swiper-container a {max-width: 200px;max-height: 100%;width: fit-content;height: auto;transition: 0.4s;display: flex; align-items: center; justify-content: center;}
.bottom-link__wrap .swiper-container a img {max-height: 100%; width: 100%; height: 80px; transition: 0.4s; object-fit: contain;}
.bottom-link__wrap .swiper-container a:hover img{transform: scale(1.05);}
.bottom-link .swiper-slide {width: 200px; display: flex; justify-content: center;}
.ico-slide_next { transform: rotate(180deg); }

/* 공통 설정 */
.bottom-link .swiper-wrapper {
    display: flex;
    will-change: transform;
}

/* 왼쪽으로 흘러가는 애니메이션 */
@keyframes marquee-left {
    0%   { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(calc(-1 * var(--marquee-distance)), 0, 0); }
}

/* 오른쪽으로 흘러가는 애니메이션 */
@keyframes marquee-right {
    0%   { transform: translate3d(calc(-1 * var(--marquee-distance)), 0, 0); }
    100% { transform: translate3d(0, 0, 0); }
}

/* 위 슬라이드용 */
.bottom-link__slide .swiper-wrapper.marquee {
    animation-name: marquee-left;
    animation-duration: var(--marquee-duration, 60s); /* 속도 조정 */
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

/* 아래 슬라이드용 (반대 방향) */
.bottom-link__slide2 .swiper-wrapper.marquee {
    animation-name: marquee-right;
    animation-duration: var(--marquee-duration, 60s);
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


@media screen and (min-width: 1921px){
    .main-banner__slide ul li {background-position: bottom;}
}

@media screen and (max-width: 1480px) {
    .main-anal {width: 100%; margin-right: 0;}
    /*.main-anal .total-wrap {right: 30px;}*/
    .main-anal .main-anal__slide::before {right: 200px;}

    .main-banner .banner-form{right: 100px; max-width: 400px;}
    .main-banner__slide .swiper-control {margin-left: 40px;}
    .main-banner__txt {max-width: 100%;background-position: bottom right;background-size: 200px; margin-top: 60px;}
    .main-banner__txt .tit {font-size: 40px;}
    .main-banner__txt .txt {font-size: 20px;}
    .main-banner__txt pre span {word-break: keep-all;white-space: pre-line;}
    .main-banner__slide .swiper-control{flex-direction: column; align-items: flex-start; gap: 30px;}
    .main-quick .quick-txt {left: 20px;}
    .main-quick .quick-menu{padding-left: 0;padding-top: 107px;gap: 15px;}
    .main-quick .quick-menu > li {width: auto;flex: 1;}
    .main-quick .inner {flex-direction: column;}

    .step1-form .step1_ul {gap: 18px;}
    .step1-form .step1_ul li label {padding: 18px 8px; font-size: 20px;}
    .step2-form::before {width: 163px; height: 183px; top: -50px; right: 20px;}

    .main-sect01::after {width: 130px; height: 230px; top: -120px;}

    .sect-row{gap: 20px;}
    .sect-col .sect-row + .sect-row{margin-top: 20px;}
    .main-tit{font-size: 36px;}

}

@media screen and (max-width: 1200px) {
    .main-banner {height: 550px;}
    .main-banner .banner-form {display: none;}
    .main-banner__img {margin-top: 40px;}
    .main-banner__icon {bottom: 60px;}
    .main-banner__icon img {width: 200px;}

    .main-anal .total-wrap {padding: 14px 18px;}
    .main-anal .total-wrap p {margin-bottom: 4px;}
    .main-anal .total-wrap .result-box b {font-size: 28px;}
    .main-anal .main-anal__slide::before {right: 180px;}
    .main-anal .main-anal__slide .swiper-slide {padding: 16px 28px;}

    .step1-form, .step2-form, .main-sect {margin-top: 100px;}

    .modal-review .modal-inner {padding: 38px 30px; max-width: calc(100% - 140px);}
}

@media screen and (max-width: 1024px) {
    .sect-row{flex-direction: column;}
    .sect-row > *{flex: none;}

    .main-tit__wrap {gap: 10px; margin-bottom: 30px;}
    .main-tit__wrap .main-num {font-size: 24px;}
    .main-tit__wrap .main-num span {font-size: 28px;}
    .main-tit__wrap .main-tit, .main-tit__wrap .main-tit p {font-size: 28px;}
    .main-tit__wrap .main-tit i {width: 38px; height: 38px;}
    .main-tit.tit-medium {font-size: 24px;}

    .main-banner {height: 480px;}
    .main-banner__txt {margin-top: 40px;}
    .main-banner__txt .tit {font-size: 34px;}
    .main-banner__txt .sub_txt {font-size: 18px; padding: 12px 28px; margin-top: 10px;}
    .main-banner__img {margin-top: 30px; max-width: 380px;}
    .main-banner__img img {max-width: 380px;}
    .main-banner__icon {bottom: 50px;}
    .main-banner__icon img {width: 150px;}
    .main-banner__slide ul li .tit i {width: 53px; height: 36px;}

    .step1-form::before {width: 183px; height: 213px;}
    .step1-form .step1_ul {grid-template-columns: repeat(5, 1fr);}
    .step1-form .step1_ul li i {width: 60px; height: 60px;}

    .step2-form::before {width: 133px; height: 153px;}
    .step2-form .confirm-box form .form-row {gap: 16px;}

    .main-sect02::before {width: 213px; height: 262px;}
}
@media screen and (max-width: 768px){
    .main-banner {height: 350px;}
    .main-banner__txt{max-width: 100%;margin-top: 30px;}
    .main-banner__txt .tit {font-size: 22px;}
    .main-banner__txt .txt {font-size: 16px;margin-top: 14px; margin-bottom: 10px;}
    .main-banner__txt .sub_txt {font-size: 16px; padding: 8px 14px;}
    .main-banner__slide ul li .tit i {width: 26px; height: 20px; transform: translateY(-1px);}
    .main-banner__img {margin-top: 20px;}
    .main-banner__img img {max-width: 280px;}
    .main-banner__icon {bottom: 40px;}
    .main-banner__icon img {width: 120px;}
    .swiper-slide.green .main-banner__icon {display: none !important;}
    .main-banner__slide .swiper-control {max-width: 100%;margin: 0;padding: 0 20px;gap: 12px;bottom: 58px;}
    .main-banner__slide .swiper-pagination {bottom: 10px;}
    .main-quick{padding-bottom: 40px;}
    .main-quick .quick-menu{gap: 0;padding-top: 24px;}
    .main-quick .quick-menu > li {width: 33.3333%;flex: none;}
    .main-quick .quick-txt__box br {display: none;}
    .main-quick .quick-txt__box {width: 100%;height: 104px;background-image: url("/assets/images/user/main/quick-box_m.png");padding: 31px 47px 48px;font-size: 16px;}
    .main-quick .quick-txt img {width: 68px;top: 0;}
    .main-quick .quick-txt {padding-left: 27px;}

    .main-anal {margin-top: 60px;}
    .main-anal .total-wrap {right: 10px; padding: 8px 12px; box-shadow: 0px 1px 16px 0px #FFDA57; margin-right: 0;}
    .main-anal .total-wrap p {font-size: 14px;}
    .main-anal .total-wrap .result-box i {width: 28px; height: 28px;}
    .main-anal .total-wrap .result-box b {font-size: 20px;}
    .main-anal .main-anal__slide::before {content: unset;}
    .main-anal .main-anal__slide .swiper-slide {max-width: 190px; padding: 8px 16px; gap: 6px;}
    .main-anal .main-anal__slide .swiper-slide i {width: 28px; height: 28px;}
    .main-anal .main-anal__slide .swiper-slide p {font-size: 14px;}

    .main-tit__wrap {flex-direction: column; align-items: flex-start; margin-bottom: 20px;}
    .main-tit__wrap .main-num {font-size: 20px;}
    .main-tit__wrap .main-num span {font-size: 22px;}
    .main-tit__wrap .main-tit, .main-tit__wrap .main-tit p {font-size: 20px; gap: 8px; align-items: flex-start; word-break: keep-all;}
    .main-tit__wrap .main-tit i {width: 28px; height: 28px;}
    .main-tit__wrap:has(.tit-medium, .tit-small) {margin-bottom: 16px;}
    .main-tit{font-size: 26px}
    .main-tit__sub {font-size: 16px; letter-spacing: -0.5px;}

    .step1-form, .step2-form {margin-top: 60px;}
    .step1-form::before, .step2-form::before {content: unset;}
    .step1-form .step1_ul {grid-template-columns: repeat(3, 1fr); gap: 8px 10px;}
    .step1-form .step1_ul li i {width: 40px; height: 40px; margin-bottom: 8px;}
    .step1-form .step1_ul li label {padding: 10px 4px; font-size: 16px;}
    .step2-form .confirm-box {padding: 30px 0;}
    .step2-form .confirm-box .form-row {display: flex; flex-direction: column; gap: 8px;}
    .step2-form .confirm-box .form-box .checkbox-basic {margin-top: 20px;}
    .step2-form .confirm-box .result-box {padding: 12px 16px; font-size: 16px; word-break: keep-all;}
    .step2-form .confirm-box .etc {font-size: 14px; margin-top: 10px;}
    .main-step .result-loading {margin-top: 30px;}
    .main-step .result-loading p {font-size: 16px; margin-top: 14px; padding: 0 20px;}
    .main-step .result-loading i {width: 28px; height: 28px;}

    .main-sect01 .main-tit__wrap{margin-bottom: 16px;}
    .main-sect01{margin-top: 40px;}
    .main-sect01::after, .main-sect01 .main-tit__wrap::before {content: unset;}
    .main-sect01 .tab-cont__wrap {margin-top: 10px;}
    .main-sect01 .tab-btn {padding: 3px 11px;font-size: 14px;height: 35px;border-radius: 10px;white-space: nowrap;}
    .main-sect01 .tab-menu {gap: 10px;overflow-x: auto;}
    .main-sect01 .swiper-control {position: static;justify-content: right;margin-top: 20px;padding-right: 20px; gap: 10px}
    .main-sect01::before{height: 240px; top: 44px;}
    .main-sect01__cont {margin-top: 40px;}
    .main-sect01__slide > ul > li {width: 100%; margin-right: 12px;}
    .main-sect01 .slide-btn {width: 60px; height: 60px;}
    .main-sect01 .slide-btn.swiper-prev i, .main-sect01 .slide-btn.swiper-next i {background-size: cover;}
    .main-sect01 .slide-btn.swiper-prev {left: -28px;}
    .main-sect01 .slide-btn.swiper-next {right: -28px;}
    .main-sect01 .comBox-tit {margin-bottom: 20px;}

    .main-sect {margin-top: 40px;}
    .main-sect .comBox {min-height: 258px;}
    .comBox-bottom {margin-top: 16px;}
    .comBox-bottom .comBox-img i {width: 60px; height: 60px;}
    .main-anal__slide .comBox{min-height: auto;}

    .main-sect02::before {content: unset;}
    .main-sect02 .main-tit__wrap {margin-bottom: 16px;}
    .main-sect02__slide {margin: 10px 0 0;}
    .main-sect02__slide > ul > li {width: 100%;}
    .main-sect02__slide > ul > li .review-wrap, .review-modal__slider .review-wrap {gap: 15px;}
    .main-sect02__slide > ul > li .review-wrap .info img, .review-modal__slider .review-wrap .info img {width: 80px; height: 120px;}
    .main-sect02__slide > ul > li .review-wrap .info .name, .review-modal__slider .review-wrap .info .name {font-size: 16px; margin-top: 12px;}
    .main-sect02__slide > ul > li .review-wrap .info .star, .review-modal__slider .review-wrap .info .star {gap: 4px;}
    .main-sect02__slide > ul > li .review-wrap .info .star i, .review-modal__slider .review-wrap .info .star i {width: 13px; height: 12px;}

    .modal-review .modal-header {font-size: 18px; top: -34px;}
    .modal-review .modal-inner {max-width: calc(100% - 20px); padding: 22px 20px;}
    .review-modal__btns .btn {font-size: 16px; height: 44px;}
    .review-modal__slider .review-wrap .txt {max-height: 250px;}

    .main-sect02__slide > ul > li .detail-btn {font-size: 16px; padding: 12px 22px;}
    .main-sect02__progress {margin-top: 10px;}
    .main-sect02__progress-dot {width: 24px; height: 24px;}
    .main-sect02__progress-dot::before {inset: 6px;}
    .main-sect02__bottom p {font-size: 18px;}
    .main-sect02__bottom p span {font-size: 20px;}
    .main-mark {font-size: 14px; gap: 4px; word-break: keep-all;}

    .main-sect01 .noList .comBox{min-height: 258px;}
    .main-sect01 .noList .comBox-cont{font-size: 18px;}
    .main-sect01 .noList .comBox-cont p + p{margin-top: 10px;}

    .main-sect03{margin-top: 80px;}
    .main-sect03 .swiper-control {position: static;margin-top: 20px;justify-content: right; gap: 10px}
    .main-sect03 .more-btn{position: absolute;top: -28px;right: 0;}
    .main-sect03__slide > ul > li {width: 100%;margin-right: 20px;}
    .main-sect03__slide.swiper-container {padding: 30px 20px 0 20px;margin: -30px -20px 0px -20px;}
    .main-sect04{margin-top: 80px;}
    .main-anal__slide > ul > li {width: calc(100% - 40px);}
    .main-sect03 .comBox-subTit {font-size: 16px;margin-top: 10px;}
    .main-sect04 .comBox-top .txt01 {font-size: 18px;}
    .main-sect04 .comBox-top {flex-direction: column;}
    .bottom-link{padding: 25px 0;}
    .bottom-link .main-tit{font-size: 24px;}
    .bottom-link .link + .link {padding-top: 20px;}
    .bottom-link .swiper-slide {width: 140px;}
    .bottom-link .swiper-slide img {max-width: 120px;}

    .confirm-box .form-input__wrap2 input {font-size: 16px;}
}

/* 모바일 배너 폼 (PC에서는 숨김) */
.mobile-banner-form {display: none;}

@media screen and (max-width: 1200px) {
    .mobile-banner-form {display: block; padding: 40px 0; background: #F5F9FF;}
    .mobile-banner-form .inner {max-width: calc(100% - 40px); margin: 0 auto;}
    .mobile-banner-form .sns-box {margin-bottom: 20px;}
    .mobile-banner-form .confirm-box {background: #fff; padding: 24px; border-radius: 28px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);}
}

@media screen and (max-width: 768px) {
    .mobile-banner-form {padding: 30px 0;}
    .mobile-banner-form .sns-box {padding: 20px;}
    .mobile-banner-form .sns-box .sns-box__tit {font-size: 18px; margin-bottom: 16px;}
    .mobile-banner-form .sns-box .sns_btn {padding: 12px; font-size: 14px;}
    .mobile-banner-form .confirm-box {padding: 20px;}
    .mobile-banner-form .confirm-box .confirm-box__tit {font-size: 18px; margin-bottom: 16px;}
}