@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

.locked { pointer-events: none; }
.option-select { position: absolute; opacity: 0; z-index: 2;}

/* 차량정보 COMP */
.car_info_wrap { width: 100%; min-height: 310px; padding: 12px 24px 30px; touch-action: pan-y; }
.car_info_wrap .car_info {
    /* height: 100%; */
    text-align: center;
    background: #F9F9F9;
    border-radius: 20px;
    padding: 20px 24px;
    cursor: pointer;
}

.car_info > .car_info_top {display: flex;justify-content: space-between;align-items: center;}
.car_info_top .selc_create{ display: flex; align-items: center; column-gap: 10px; }
.car_info_top .selc_create .create_icon_wrap { display: flex;}
.car_info_top .selc_create .create_icon_wrap img { width: 100%; height: 29px;}
/* .car_info .car_info_top .selc_create i{ display: block; width: 63px; height: 29px; } */
.car_info .car_info_top .selc_create span{ font-size: 24px; font-weight: 400; line-height: 34px; color: #8D8D8D; }
.car_info .car_info_top .btn_info_state{width: 44px;height: 44px; background: url("/m/@resources/images/btn_info_expand.svg") 0% 0% / contain no-repeat;transition: all ease .5s;}
.car_info:not(.reduce) .car_info_top .btn_info_state { transition: all ease .5s; transform: rotate( -180deg ); }

.car_info .car_info_item {}
.car_info .car_info_item h3 {width: 294px;}
.car_info .car_info_item h3 span { display: block; font-size: 38px;font-weight: 500;line-height: 50px;text-align: left; word-break: keep-all;}
.car_info .car_info_item .selc_info {display: flex;height: 130px;align-items: center;justify-content: space-between;position: relative;}
.car_info .car_info_item .selc_info ul.selc_model{ width: 400px; text-align: left }
.car_info .car_info_item .selc_info ul li {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.car_info .car_info_item .selc_info ul li span { font-size: 28px; font-weight: 500; line-height: 36px; }
.car_info .car_info_item .selc_info ul li span.gray {line-height: 44px;color: #656565;}
.car_info .car_info_item .selc_info .car_img{display: block;width: 300px;height: 130px;}

.car_info .car_info_detail {}
.car_info .car_info_detail .inner_item{ display: none;padding-bottom: 20px; }
.car_info .car_info_detail .inner_item li.row{display: flex;border-bottom: 1px solid #d5d5d5;padding: 30px 10.5px;text-align: left;position: relative;cursor: pointer;}
.car_info .car_info_detail .inner_item li.row:first-child{}
.car_info .car_info_detail .inner_item li:not(.row.tax_change):hover{ background: #EEEEEE; }
.car_info .car_info_detail .inner_item li.row .th{width: 120px;font-size: 26px;font-weight: 400;color: #8D8D8D;line-height: 37px;}
.car_info .car_info_detail .inner_item li.row .td{ position: relative;padding-left: 10px;font-size: 26px;font-weight: 400;color: #333333; }
.car_info .car_info_detail .inner_item li.row span{ display: block;font-size: 26px;font-weight: 400;color: #000000;line-height: 37px;word-break: keep-all; }
.car_info .car_info_detail .inner_item li.row span.c_name,
.car_info .car_info_detail .inner_item li.row span.m_name {display: flex;}

.car_info .car_info_detail .inner_item li.row.fixed .th{ position: relative; }
.car_info .car_info_detail .inner_item li.row.fixed .td .descr{width: 350px;line-height: 37px;}
.car_info .car_info_detail li.row.fixed .price { font-size: 26px; font-weight: 500; color: #000000; position: absolute; top: 30px; right: 10.5px;}
.car_info .car_info_detail li.row.fixed .o_name_td p.descr { overflow: hidden; }
.car_info .car_info_detail li.row.fixed .o_name_td span { display: inline-block; vertical-align: middle;}
.car_info .car_info_detail li.row.fixed .o_name_td span.descr {display: inline-block;}

.car_info .car_info_detail li.row .option_list { width: 100%; display: flex; flex-flow: wrap column; justify-content: flex-start; align-items: flex-start }
.car_info .car_info_detail li.row .option_list li{ width: 100%; display: flex; justify-content: space-between; align-items: flex-start; cursor: pointer; }
.car_info .car_info_detail li.row .option_list li .opt_name{ display: block; width: 355px; font-size: 26px; font-weight: 400; line-height: 42px; word-break: keep-all; cursor: pointer; }
.car_info .car_info_detail li.row .option_list li .opt_name .opt_title { font-weight: 700; line-height: 42px; cursor: pointer;}
.car_info .car_info_detail li.row .option_list li .opt_price{ display: block; width: 120px; font-size: 26px; font-weight: 500; line-height: 42px; text-align: right; cursor: pointer; color: #000000 }

.car_info .car_info_detail li.row .option_list.disc{}
.car_info .car_info_detail li.row .option_list.disc li{ position: relative; }
.car_info .car_info_detail li.row .option_list.disc li::before{ content: "∙"; display: flex; position: absolute; align-items: center; top: -7px; left: 10px; font-size: 55px; line-height: 42px; }
.car_info .car_info_detail li.row .option_list.disc li .opt_name{ padding-left: 40px; color: #000000;}


.car_info .car_info_bottom {display: flex;justify-content: space-between;align-items: center;}
.car_info .car_info_bottom .bottom_left{display: flex;align-items: center;column-gap: 14px;}
.car_info .car_info_bottom .bottom_left h3{font-size: 24px;font-weight: 500;line-height: 44px;}
.car_info .car_info_bottom .bottom_left span{
    display: block;
    padding: 0 7px;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: #656565;
    border: 1px solid #BBBBBB;
    border-radius: 5px;
    background: #FFFFFF;
    letter-spacing: 0px;
}
.car_info .car_info_bottom .price {
    display: flex;
    align-items: baseline;
    column-gap: 5px;
}
.car_info .car_info_bottom .price span.total_price{max-width: 318px;font-size: 36px;font-weight: 500;line-height: 60px;color: #F0592E;display: block;text-align: right;}
.car_info .car_info_bottom .price b.unit{font-size: 24px;font-weight: 500;line-height: 66px;color: #F0592E}





/* 계약 조건 */
.set_condt { font-family: "Noto Sans KR", sans-serif;padding: 0;position: relative;margin-bottom: 20px;}
/* .set_condt .inner { padding: 24px;background: #F8F8F8;border: 2px solid #F1F1F1;border-radius: 10px; } */
.set_condt .inner {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    padding: 24px;
    background: #FBF8F4;
    border-radius: 20px;
}

.set_condt.estm { padding: 0 24px; }
.set_condt.estm .inner {display: flex;flex-flow: wrap column;row-gap: 20px;background: #FBF8F4;border: 0;}

.set_condt .inner.off { display: none; }
.set_condt .inner-head { position: relative; }
.set_condt .inner-head h3 {padding-left: 50px;font-size: 30px;font-weight: 700;line-height: 43px;color: #000000;background: url(/m/@resources/images/icon/ico-calc3.svg) no-repeat top 7px left 9px;}
/* .set_condt .inner-head .btn_qst {width: 60px;height: 60px;position: absolute;top: -11px;right: 7px;background: url('/m/@resources/images/qst_case01.svg') no-repeat center;} */
.set_condt .wrapper {display: flex;justify-content: space-between;}
.set_condt .seg {cursor: pointer;}
.set_condt .maxText { display: none; }
.set_condt .selectbox {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 20px 30px;border-radius: 10px;position: relative;background: #FFFFFF;}
.set_condt .selectbox.expand {cursor: pointer;}
.set_condt .selectbox .heading {font-size: 32px;font-weight: 500;line-height: 38px;color: #434343;}

.set_condt .selectbox .inputArea {max-width: 360px;display: flex;justify-content: flex-end;align-items: flex-end;box-sizing: content-box;}
.set_condt .selectbox .inputArea label{}
.set_condt .selectbox .inputArea input{border: 0;height: auto;line-height: initial;padding: 0 5px;}
.set_condt .selectbox .inputArea .inputs{
    font-family: 'Montserrat';
    font-size: 36px;
    font-weight: 600;
    text-align: right;
    color: #4938A8;
}
.set_condt .selectbox .inputArea .inputs.number{ padding-left: 0px ;}
.set_condt .selectbox .inputArea .inputWrap .inputs::placeholder{ font-weight: 700;font-size: 26px;line-height: 40px; color: #4938A8; }
.set_condt .selectbox .inputArea .splitter{display: block;width: 2px;height: 24px;margin: 12px 20px;margin-right: 0;background: #DDDDDD;}
.set_condt .selectbox .inputArea .inputWrap{max-width: 133px;display: flex;justify-content: flex-end;align-items: center;}
.set_condt .selectbox .inputArea .inputWrap .unit{font-size: 28px;font-weight: 500;color: #4938A8;line-height: 50px;}
.set_condt .selectbox .inputArea .priceWrap{
    flex-flow: wrap row;
    display: flex;
    align-items: initial;
    column-gap: 5px;
    cursor: pointer;
}
.set_condt .selectbox .inputArea .priceWrap span{font-weight: 600;font-size: 36px;color: #4938A8;}
.set_condt .selectbox .inputArea .priceWrap.gray span { font-size: 26px; font-weight: 500; line-height: 48px; color: #8D8D8D }
.set_condt .selectbox .inputArea .priceWrap .calcPrice{font-family: 'Montserrat';line-height: 52px;}
.set_condt .selectbox .inputArea .priceWrap .unit{ font-size: 28px; font-weight: 500; line-height: 50px }

.set_condt .selectbox .inputArea .priceWrap .maxUnit{ display: none }

.set_condt .selectbox .inputArea.max .inputWrap { display : none }
.set_condt .selectbox .inputArea.max .splitter{ display : none }
.set_condt .selectbox .inputArea.max .priceWrap .calcPrice{ display: none}
.set_condt .selectbox .inputArea.max .priceWrap .unit{ display: none }
.set_condt .selectbox .inputArea.max .priceWrap .maxUnit{display: block;font-size: 28px;font-weight: 700;line-height: 50px;}

.set_condt .selectbox .btnArea{ display: none }
.set_condt .selectbox.expand .btnArea{ display:block; width: 100%;}
.set_condt .selectbox.expand .btnArea .btnWrap{display: flex;justify-content: flex-end;padding-top: 20px;column-gap: 8px;}
.set_condt .selectbox.expand .btnArea .btnWrap li{width: 116px;padding: 20px;text-align: center;background: #F8F8F8;font-size: 24px;font-weight: 500;color: #8D8D8D;border-radius: 10px;cursor: pointer;transition: .5s ease all;}
.set_condt .selectbox.expand .btnArea .btnWrap li.picked{ background: #EAE8F799; color: #382B82; }
.set_condt .selectbox.expand .btnArea .btnWrap li.self { padding: 20px 15px }
.set_condt .selectbox.expand .btnArea .btnWrap li:first-child { margin: 0 }

.set_condt button.go_compare {width: 100%;font-size: 36px;font-weight: 600;line-height: 105px;color: #ffffff; background-color: #F87314;border-radius: 10px;}
.set_condt .seg:last-child {margin-bottom: 0;}

.set_condt .set_value { }
.set_condt .set_value.default { }
.set_condt .set_value.default .body { }
.set_condt .set_value.default .body .selectbox { background: #E3DCD2; cursor: pointer; }
.set_condt .set_value.default .body .selectbox::before { display: none }
.set_condt .set_value.default .body .selectbox .maxText { display: block; position: absolute; right: 18px;font-size: 26px;font-weight: 500;line-height: 68px;color: #444444;}
.set_condt .set_value.default .body .selectbox .result {display: none;}
.set_condt .set_value.default .body .selectbox select {display: none;}

.set_condt_noti {
    display: flex;
    flex-flow: wrap column;
    row-gap: 20px;
}

.set_condt_noti > h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    color: #8B7F71;
}
.set_condt_noti > ul {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.set_condt_noti > ul > li {
    padding-left: 30px;
    font-size: 22px;
    font-weight: 400;
    line-height: 35px;
    color: #8B7F71;
    word-break: keep-all;
    background: url(/m/@resources/images/icon/disc-8B7F71.svg) no-repeat top 15px left 10px;
}
.set_condt_noti > ul > li b {font-weight: 500;}
.set_condt_noti > ul > li u {font-weight: 500;text-underline-offset: 5px;}

/* .set_condt .set_condt_noti > ul > li:first-child {
    padding : 0;
    line-height: 40px;
    font-weight: 500;
} */

/* 구입조건 변경 팝업 */
.infoPop {display: none;width: 600px;padding: 60px 30px 30px;background: #FFFFFF;border-radius: 25px;text-align: center;}
.infoPop .info {
    display: flex;
    flex-flow: nowrap column;
    justify-content: center;
    align-items: center;
    width: 540px;
    height: 150px;
    margin-bottom: 50px;
    font-size: 32px;
    font-weight: 400;
    line-height: 45px;
    color: #000000;
    text-align: center;
    word-break: keep-all;
}
.infoPop .info b { font-weight: 700; }
.infoPop .info p { word-break: keep-all; font-size: 27px; font-weight: 400; color: #8D8D8D; line-height: 40px; text-align: center; padding-top: 18px; }
.infoPop .info p u { text-underline-offset: 5px;}

.infoPop .confirm { display: flex; }
.infoPop .confirm.column { flex-flow: wrap column; }
.infoPop .confirm button { width: 100%; height: 90px;text-align: center;font-size: 29px;font-weight: 400;border-radius: 10px;}
.infoPop.changeCond .confirm button,
.infoPop.afterSaveEstimate .confirm button { width: 265px; }
.infoPop .confirm button.btn_cfrm, .btn_cfrm {font-weight: 500; color: #ffffff;background-color: #382B82;}
.infoPop .confirm button.btn_cnsl, .btn_cnsl {color: #656565; background-color: #EDEDED; margin-right: 10px; }
.infoPop .confirm button.btn_sggst {color: #ffffff;padding-left: 170px; padding-right: 130px; background: url('/m/@resources/images/icon/ico-modeal-won.svg') 0 center no-repeat #F0592E; background-position-x: 190px; background-position-y: 30px;}
.infoPop .confirm button.btn_cnsl_txt {font-weight: 400;height: 60px;padding-top: 20px;font-size: 26px;line-height: 20px; text-align: center; letter-spacing: -0.02em; text-decoration-line: underline;color: #BBBBBB; }

/* 상세 견적 조건 입력 페이지 이탈 시 */
/* .infoPop.inducePop { padding: 80px 30px 30px; } */
.infoPop.inducePop { padding: 0; }
.infoPop.inducePop .info { position: relative; }
.infoPop.inducePop .info b {display: block; padding: 0 28.5px; font-size: 34px; font-weight: 700; line-height: 48px;}
.infoPop.inducePop .info .inducePop_close{ display: block;width: 50px;height: 50px;position: absolute;top: -50px;right: 0;background: url('/m/@resources/images/nav/top_close.svg') no-repeat; cursor: pointer;}
.infoPop.inducePop #btn_cnsl { cursor: pointer; }

.pt50 {padding-top: 50px;}
.pb30 {padding-bottom: 30px;}
.pb50 {padding-bottom: 50px;}
.jtfy-c { justify-content: center; }
.jtfy-fe{ justify-content: flex-end; }

.infoPop.inducePop .induceBanner{ display: flex; width: 100%; }
.infoPop.inducePop .induceBanner label{ display: block; }
.infoPop.inducePop .induceBanner .checkAnother{ width: 405px;height: 98px; background: url('/m/@resources/images/banner/checkAnother.svg') no-repeat}
.infoPop.inducePop .induceBanner .banner-modealCare{ width: 515px;height: 305px; background: url('/m/@resources/images/banner/induceModealCare.svg') no-repeat}

.infoPop.inducePop .confirm { position: relative }
.infoPop.inducePop .confirm button.btn_cnsl { padding: 27px 28.5px; }
.infoPop.inducePop .confirm button.btn_reEstm {min-width: 393px; padding: 27px 127px 27px 177px;font-size: 32px;font-weight: 700;color: #FFFFFF;background: url('/m/@resources/images/icon/ico-reCalc.svg') no-repeat #382B82;background-position-x: 135px;background-position-y: 32px;}

.bt_ok.btn_orange { background-color: #fc673b !important; }
.btn-complete.btn_orange { background-color: #fc673b !important; }

/* 도움말 팝업(항목별 도움말) */
.helpPop {display: none;padding: 60px 40px;background: #FFFFFF;border-radius: 25px;text-align: center;}
.helpPop .index {display: flex;flex-flow: wrap column;align-items: flex-start;position: relative;row-gap: 20px;}
.helpPop .index .helpPop_close{display: block;width: 50px;height: 50px;position: absolute;top: -30px;right: -10px;background: url('/m/@resources/images/nav/top_close.svg') no-repeat;}
.helpPop .index h2 {font-size: 42px;font-weight: 700;line-height: 60px;}
.helpPop .index h2 b { font-weight: 700;color: #4938A8}
.helpPop .index p {font-size: 30px;font-weight: 400;line-height: 50px;text-align: left;color: #656565;}
.helpPop .index p b {font-weight: 700;color: #4938A8;}
.helpPop .index span { font-size: 26px; font-weight: 400; line-height: 44px; color: #8375D1; }

.helpPop .index ul { display: flex; flex-flow: wrap column; row-gap: 40px; }
.helpPop .index ul li {position: relative;padding-left: 25px;}
.helpPop .index ul li::before {content: "";width: 8px;height: 8px;position: absolute;top: 23px;left: 0;background-color: #656565;border-radius: 100%;}

.helpPop .needHelp { text-align: right; }
.helpPop .needHelp .btn_needHelp{ font-size: 22px; font-weight: 500; line-height: 32px; color: #AAAAAA; text-decoration: underline; text-underline-offset: 4px }

/* 도움말 팝업(전체 도움말) */
.help_popUp_case01 { visibility: hidden; width: 720px; position: fixed; top: 0; }
.help_popUp_case01.show { visibility: visible; }
.help_popUp_case01 .cont_title {background-color: #ffffff;position: relative;padding-left: 95px;border-bottom: 1px solid #dfdfdf;}
.help_popUp_case01 .cont_title .close_pop {width: 65px;height: 65px;position: absolute;top: 0;left: 10px;bottom: 0;margin: auto;background: url('/m/@resources/images/prev_btn_v2.png') no-repeat center;}
.help_popUp_case01 .cont_title .close_pop img {vertical-align: top;}
.help_popUp_case01 .cont_title .heading {display: block;font-size: 32px;font-weight: 400;line-height: 106px;}
.help_popUp_case01 .cont_body {width: 100%;height:100vh;background-color: #FFFFFF;}

.helpSwiper .swiper-pagination {font-family: "Noto Sans KR", sans-serif; height: 150px;top: 0;display: flex;align-items: center;justify-content: space-between;position: inherit;background-color: #f2f5f9;position: relative;padding: 0 43px;}
.helpSwiper .swiper-pagination::after {content: "";width: 79%;height: 1px;background-color: #d2dae9;position: absolute;top: 55px;left: 52%;transform: translate(-50%, -50%);}
.helpSwiper .slide_item {text-align: center;width: auto;height: 70px;border-radius: inherit;opacity: inherit;background-color: transparent;padding-top: 40px;position: relative;margin: 0 !important;}
.helpSwiper .slide_item::before {content: "";display: block;width: 12px;height: 12px;background-color: #d2dae9;border-radius: 50%;position: absolute;top: 20%;left: 50%;transform: translate(-50%, -50%);z-index: 6;}
.helpSwiper .slide_item .slide_name {font-size: 26px;font-weight: 300;color: #b5c1d6;line-height: 1;}
.helpSwiper .swiper-pagination-bullet-active .slide_name::after {content: "";display: block;width: 120%;font-size: 30px;color: #5075b4;background-color: #f2f5f9;font-weight: 500;position: absolute;left: 50%;bottom: -12px;transform: translate(-50%, -50%);}
.helpSwiper .slide_item:nth-child(1).swiper-pagination-bullet-active .slide_name::after {content: "계약기간";}
.helpSwiper .slide_item:nth-child(2).swiper-pagination-bullet-active .slide_name::after {content: "선수금";}
.helpSwiper .slide_item:nth-child(3).swiper-pagination-bullet-active .slide_name::after {content: "보증금";}
.helpSwiper .slide_item:nth-child(4).swiper-pagination-bullet-active .slide_name::after {content: "잔존가치";}
.helpSwiper .slide_item:nth-child(5).swiper-pagination-bullet-active .slide_name::after {content: "약정거리";}
.helpSwiper .slide_item:nth-child(6).swiper-pagination-bullet-active .slide_name::after {content: "지역";}
.helpSwiper .swiper-pagination-bullet-active::before {width: 20px;height: 20px;background-color: #5075b4;}


/* 구입 조건 팁 박스 */
nav#set-condition-tipbox{ padding: 0 24px 30px; }
nav#set-condition-tipbox.direct {
    padding: 0;
    margin-bottom: 30px;
}

#set-condition-tipbox > div.set-condition-tip {
    display: flex;
    flex-flow: wrap column;
    padding: 30px;
    background: url(/m/@resources/images/icon/ico-check-purple.svg) no-repeat top 50% left 30px #F8F7FD;
    border-radius: 10px;
}

div.set-condition-tip > p {
    font-size: 26px;
    font-weight: 500;
    margin-left: 40px;
    line-height: 40px;
    color: #656565;
}