/* sec3 */
.sec3 .container {display: flex; align-items: flex-start; gap: 80px;}
.sec3 .left-box {width: 50%;}
.sec3 .right-box {width: 50%;}

/* ct_list */
.ct_list {width: 100%; height: auto;}
.ct_list ul {width: 100%; height: auto;}
.ct_list ul li {width: 100%; height: auto; padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid var(--gray_d9);}
.ct_list ul li:last-of-type {padding-bottom: 0; margin-bottom: 0; border: none;}
.ct_list ul li .child-box {width: 100%; height: auto;}
.ct_list ul li .child-box .txt-box .cate {display: flex; align-items: center; gap: 10px; margin-bottom: 10px; font-size: 18px; font-weight: bold; line-height: 1.3; letter-spacing: -0.72px; color: var(--black_3);}
.ct_list ul li .child-box .txt-box .cate img {width: 27px; height: auto;}
.ct_list ul li .child-box .txt-box .txt {margin-bottom: 30px; font-size: 22px; font-weight: 500; line-height: 1.4; letter-spacing: -0.88px; color: var(--black_3);}

.ct_list ul li .child-box .img-box {width: 100%; height: auto; aspect-ratio: 600/400; overflow: hidden; margin-bottom: 20px;}
.ct_list ul li .child-box .img-box img {width: 100%; height: 100%; object-fit: cover; border-radius: 12px;}

.ct_list ul li .child-box .hash_area {display: flex; align-items: center; gap: 15px; margin-bottom: 20px;}
.ct_list ul li .child-box .hash_area span {padding: 10px 20px; box-sizing: border-box; border-radius: 60px; background: var(--wt_f5); font-size: 18px; font-weight: 600; line-height: 1.25; letter-spacing: -0.72px; color: var(--black_3);}

.ct_list ul li .child-box .description {font-size: 16px; font-weight: 500; line-height: 1.3; letter-spacing: -0.64px; color: var(--gray_9);}

/* sec4 */
.sec4_ct {width: 100%; height: auto; overflow: hidden;}
.sec4_ct ul {display: flex; align-items: flex-end; justify-content: center; gap: 48px;}

.sec4_ct .slick-list {margin: 0 -24px; padding: 100px 0 0 !important; /* 확대되는 크기만큼 상하 패딩을 주어 공간 확보 */}

.sec4_ct ul li {width: 209px; margin: 0 24px; transition: all .3s;}
/* .sec4_ct ul li:nth-child(3) {width: 250px;} */
.sec4_ct ul li.slick-center {transform-origin: bottom; transform: scale(1.3);}
.sec4_ct ul li:not(.slick-center) {transform: scale(0.9);}

.sec4_ct ul li .child-box {width: 100%; height: auto;}
.sec4_ct ul li .child-box .txt-box {text-align: center; margin-bottom: 20px;}
.sec4_ct ul li .child-box .txt-box .txt {margin-bottom: 12px; font-size: 18px; font-weight: bold; line-height: 1.3; letter-spacing: -0.36px; color: rgba(255, 255, 255, 0.6);}
/* .sec4_ct ul li:nth-child(3) .child-box .txt-box .txt {font-size: 26px; font-weight: bold; line-height: 1.3; letter-spacing: -0.52px; color: var(--wt);} */
.sec4_ct ul li.slick-center .child-box .txt-box .txt {color: var(--wt);}
.sec4_ct ul li .child-box .txt-box .name {font-size: 18px; font-weight: bold; line-height: 1.3; letter-spacing: -0.36px; color: rgba(255, 255, 255, 0.6);}
.sec4_ct ul li.slick-center .child-box .txt-box .name {color: var(--wt);}
.sec4_ct ul li .child-box .img-box {width: 100%; height: auto;}
.sec4_ct ul li .child-box .img-box img {width: 100%; height: auto;}

/* sec4_tit */
.sec4_tit {text-align: center; margin-top: 59.4px;}
.sec4_tit .tit {margin-bottom: 20px; font-size: 34px; font-weight: bold; line-height: 1.4; letter-spacing: -0.68px; color: var(--wt);}
.sec4_tit .sub {font-size: 18px; font-weight: 500; line-height: 1.6; letter-spacing: -0.36px; color: var(--wt);}

/* sec5 */
.sec5 .pn_img {width: 100%; height: auto; margin-bottom: 60px;}
.sec5 .pn_img img {width: 100%; height: auto;}

.sec5 .sec5_tit {text-align: center;}
.sec5 .sec5_tit .tit {margin-bottom: 20px; font-size: 34px; font-weight: bold; line-height: 1.4; letter-spacing: -0.68px; color: var(--black_3);}
.sec5 .sec5_tit .sub {font-size: 18px; font-weight: 500; line-height: 1.6; letter-spacing: -0.36px; color: var(--gray_9);}

.sec5 .link_btn {display: flex; align-items: center; justify-content: center; margin-top: 60px;}
.sec5 .link_btn a {display: flex; align-items: center; justify-content: center; gap: 15px; width: 180px; height: 56px; border-radius: 60px; background: var(--pr); font-size: 18px; font-weight: 600; line-height: 1; color: var(--wt);}
.sec5 .link_btn a img {width: 16px; height: auto;}

/* product_list */
.product_list .container {display: flex; align-items: flex-start; justify-content: space-between; gap: 58px;}
.product_list .product_list_item {width: 100%;}

/* popup */
.popup {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 400px; width: 100%; height: auto; padding: 60px 40px; box-sizing: border-box; background: var(--wt); box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.3); border-radius: 30px; box-sizing: border-box; z-index: 9999; display: none;}
.popup.off {display: none !important;}
.popup .close_btn {position: absolute; top: 20px; right: 20px; width: 24px; height: auto;}
.popup .close_btn img {width: 100%; height: auto;}
.popup .tit {margin-bottom: 30px; text-align: center; font-size: 24px; font-weight: bold; line-height: 1; color: var(--black_3);}

.popup .agree_txt {width: 100%; height: auto; word-break: keep-all; padding: 10px; margin-bottom: 10px; box-sizing: border-box; border: 1px solid var(--gray_d9); border-radius: 8px;}

.popup .agree_txt p::-webkit-scrollbar,
.popup .agree_txt p::-webkit-scrollbar-thumb,
.popup .agree_txt p::-webkit-scrollbar-track {display:none;}

.popup .agree_txt p {width: 100%; height: 150px; overflow: auto; overflow-x: hidden; font-size: 14px; font-weight: 400; line-height: 1.3; color: var(--black_3);}
.popup .agree_txt p span {display: inline-block; width: 100%; text-align: center; font-size: 16px; font-weight: bold;}


.input-box {display: flex; flex-flow: column; gap: 20px; margin-bottom: 20px;}
.input-box input {width: 100%; height: 60px; border-radius: 8px; padding: 0 20px; box-sizing: border-box; border: 1px solid var(--gray_d9); font-size: 18px; font-weight: 500; line-height: 1; color: var(--black_3); appearance: none;}
.input-box input::placeholder {color: var(--gray_9);}

.ckd_box {width: 100%; height: auto;}
.ckd_box input {display: none;}
.ckd_box label {display: flex; align-items: center; justify-content: center; gap: 15px; width: 100%; height: auto; font-size: 16px; font-weight: 600; line-height: 1; color: var(--gray_6);;}
.ckd_box label:after {content: ''; display: block; width: 22px; height: auto; aspect-ratio: 1; background: url(./../img/ckd_off.png)no-repeat 50% 50%; background-size: cover;}
.ckd_box input:checked + label:after {content: ''; display: block; width: 22px; height: auto; aspect-ratio: 1; background: url(./../img/ckd_on.png)no-repeat 50% 50%; background-size: cover;}

/* form_submit */
.form_submit {display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 30px;}
.form_submit button {display: flex; align-items: center; justify-content: center; width: 120px; height: 44px; border-radius: 60px; font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: -0.32px;}

/* detail_sec2 */
.detail_sec2 {width: 100%; height: auto;}
.detail_sec2 .container {display: flex; align-items: flex-start; justify-content: space-between; gap: 50px;}
.detail_sec2 .content {max-width: 850px; width: 100%; height: auto;}
.detail_sec2 .content .ct_item {padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid var(--gray_e5);}
.detail_sec2 .content .ct_item:last-of-type {padding-bottom: 0; margin-bottom: 50px; border: none;}
.detail_sec2 .content .ct_item .ct_tit {}
.detail_sec2 .content .ct_item .ct_tit .tit {font-size: 28px; font-weight: 500; line-height: 1; letter-spacing: -0.56px; color: var(--black_3);}
.detail_sec2 .content .ct_item .ct_tit .sub {display: flex; align-items: center; gap: 4px; margin-top: 15px; font-size: 18px; font-weight: 400; line-height: 1; letter-spacing: -0.36px; color: var(--gray_6);}
.detail_sec2 .content .ct_item .ct_tit .sub span {display: flex; align-items: center; gap: 4px;}
.detail_sec2 .content .ct_item .ct_tit .sub span:after {content: ''; display: block; width: 3px; height: 3px; background: var(--gray_6); border-radius: 100%;}
.detail_sec2 .content .ct_item .ct_tit .sub span:last-of-type:after {display: none;}

.detail_sec2 .content .ct_item .item_tit {margin-bottom: 20px;}
.detail_sec2 .content .ct_item .item_tit .tit {font-size: 20px; font-weight: bold; line-height: 1; letter-spacing: -0.4px; color: var(--black_3);}
.detail_sec2 .content .ct_item .item_tit .sub {margin-top: 20px; font-size: 16px; font-weight: 500; line-height: 1.5; letter-spacing: -0.32px; color: var(--black_3);}
.detail_sec2 .content .ct_item .item_tit .txt {margin-top: 20px; font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing: -0.32px; color: var(--gray_6); white-space: pre-line;}
.detail_sec2 .content .ct_item .item_tit .txt span {display: flex; gap: 5px;}
.detail_sec2 .content .ct_item .item_tit .txt span:before {content: ''; display: block; min-width: 3px; width: 3px; height: 3px; margin-top: 12px; border-radius: 100%; background: var(--gray_6);}

.detail_sec2 .content .ct_item .option_list {width: 100%; height: auto; padding: 0 47px; box-sizing: border-box;}
.detail_sec2 .content .ct_item .option_list ul {display: flex; align-items: center; gap: 32px 0; flex-wrap: wrap; margin: 0 -45px;}
.detail_sec2 .content .ct_item .option_list ul li {width: calc(100% / 5); padding: 0 45px; box-sizing: border-box;}
.detail_sec2 .content .ct_item .option_list ul li .img-box {width: 100%; height: auto;}
.detail_sec2 .content .ct_item .option_list ul li .img-box img {width: 100%; height: auto;}

.detail_sec2 .content .ct_item .seller_info {position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; height: auto; padding: 30px; margin-bottom: 20px; box-sizing: border-box; background: var(--wt_f5); border-radius: 12px;}
.detail_sec2 .content .ct_item .seller_info .s_address {display: flex; align-items: center; gap: 12px;}
.detail_sec2 .content .ct_item .seller_info .s_address .img-box {width: 56px; height: auto;}
.detail_sec2 .content .ct_item .seller_info .s_address .img-box img {width: 100%; height: auto;}

.detail_sec2 .content .ct_item .seller_info .s_address .name_box {display: flex; flex-flow: column; gap: 8px;}
.detail_sec2 .content .ct_item .seller_info .s_address .name_box .name {font-size: 18px; font-weight: 600; line-height: 1; letter-spacing: -0.36px; color: var(--black_3);}
.detail_sec2 .content .ct_item .seller_info .s_address .name_box .local_txt {display: flex; align-items: center; gap: 2px;}
.detail_sec2 .content .ct_item .seller_info .s_address .name_box .local_txt img {width: 16px; height: auto;}

.detail_sec2 .content .ct_item .seller_info .state {position: initial; display: flex; align-items: center; gap: 10px;}
.detail_sec2 .content .ct_item .seller_info .state p {display: flex; align-items: center; gap: 4px; font-size: 16px; font-weight: 400; line-height: 1; letter-spacing: -0.32px; color: var(--gray_6);}
.detail_sec2 .content .ct_item .seller_info .state p i {font-weight: bold; font-style: unset;}
.detail_sec2 .content .ct_item .seller_txt {display: none; font-size: 16px; font-weight: 400; line-height: 1.4; letter-spacing: -0.32px; color: var(--gray_6); white-space: pre-line;}

/* more_btn */
.more_btn {display: flex; align-items: center; justify-content: center; flex-flow: column; gap: 2px; width: 100%;}
.more_btn span {font-size: 18px; font-weight: 600; line-height: 1.4; letter-spacing: -0.36px; color: var(--gray_6);}
.more_btn img {width: 20px; height: auto; transition: all .3s;}
.more_btn.on img {transform: rotate(-180deg);}

/* fixed_box */
.fixed_box {position: sticky; top: 130px; max-width: 380px; width: 100%; height: auto;}
.fixed_box .fixed_ct {width: 100%; height: auto; padding: 30px 27px 25px; box-sizing: border-box; background: var(--wt); border-radius: 12px; border: 1px solid var(--gray_e5);}
.fixed_box .fixed_ct .fixed_item {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid var(--gray_e5);}
.fixed_box .fixed_ct .top {}
.fixed_box .fixed_ct .d-flex {display: flex; align-items: center; justify-content: space-between;}
.fixed_box .fixed_ct .top .state {position: initial;}
.fixed_box .fixed_ct .wish_btn {display: none; width: 30px; height: auto; aspect-ratio: 1; background: url(./../img/heart_off.png)no-repeat 50% 50%; background-size: cover;}
.fixed_box .fixed_ct .wish_btn.on {animation: wobble-hor-bottom 0.8s both; background: url(./../img/heart_on.png)no-repeat 50% 50%; background-size: cover;}
@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%) scale(2);
            transform: translateX(0%) scale(2);
    /* -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; */
  }
  15% {
    -webkit-transform: translateX(-20px) rotate(-6deg) scale(2);
            transform: translateX(-20px) rotate(-6deg) scale(2);
  }
  30% {
    -webkit-transform: translateX(5px) rotate(6deg) scale(2);
            transform: translateX(5px) rotate(6deg) scale(2);
  }
  45% {
    -webkit-transform: translateX(-5px) rotate(-3.6deg) scale(2);
            transform: translateX(-5px) rotate(-3.6deg) scale(2);
  }
  60% {
    -webkit-transform: translateX(5px) rotate(2.4deg) scale(2);
            transform: translateX(5px) rotate(2.4deg) scale(2);
  }
  75% {
    -webkit-transform: translateX(-3px) rotate(-1.2deg) scale(1);
            transform: translateX(-3px) rotate(-1.2deg) scale(1);
  }
  100% {
    -webkit-transform: translateX(0%) scale(1);
            transform: translateX(0%) scale(1);
  }
}


.fixed_box .fixed_ct {}
.fixed_box .fixed_ct .badge {display: flex; align-items: center; justify-content: flex-start; gap: 4px; margin: 15px 0 0;}
.fixed_box .fixed_ct .badge span {display: flex; align-items: center; justify-content: center; gap: 2px; padding: 6px 10px; background: var(--wt_f5); border-radius: 4px; font-size: 14px; font-weight: 400; line-height: 1; color: var(--gray_6);}
.fixed_box .fixed_ct .badge span img {width: 14px; height: auto;}

.fixed_box .fixed_ct .tit {text-align: left; margin-bottom: 15px; margin-top: 30px; font-size: 22px; font-weight: 500; line-height: 1.3; letter-spacing: -0.44px; color: var(--black_3); word-break: keep-all;}
.fixed_box .fixed_ct .ct {text-align: left; display: flex; align-items: center; justify-content: flex-start; gap: 4px;}
.fixed_box .fixed_ct .ct span {display: flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: -0.28px; color: var(--black_3);}
.fixed_box .fixed_ct .ct span:after {content: ''; display: block; width: 3px; height: auto; aspect-ratio: 1; border-radius: 100%; background: var(--gray_6);}
.fixed_box .fixed_ct .ct span:last-of-type:after {display: none;}

.fixed_box .fixed_ct .txt-box .price_list {display: flex; flex-flow: column; gap: 12px;}
.fixed_box .fixed_ct .txt-box .price_list .tit-price {font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: -0.28px; color: var(--pr2);}
.fixed_box .fixed_ct .txt-box .price_list .sub-price {font-size: 18px; font-weight: bold; line-height: 1; letter-spacing: -0.36px; color: var(--black_3);}

.fixed_box .fixed_ct .txt-box .price_list .dl-box {display: flex; flex-flow: column; gap: 12px;}
.fixed_box .fixed_ct .txt-box .price_list .dl-box dl {display: flex; align-items: center; justify-content: space-between;}
.fixed_box .fixed_ct .txt-box .price_list .dl-box dl dt {font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: -0.28px; color: var(--gray_9);}
.fixed_box .fixed_ct .txt-box .price_list .dl-box dl dd {font-size: 14px; font-weight: 400; line-height: 1; letter-spacing: -0.28px; color: var(--black_3);}

.fixed_box .fixed_ct .bottom {}
.fixed_box .fixed_ct .bottom .fixed_btns {display: flex; align-items: center; justify-content: center; gap: 5px;}
.fixed_box .fixed_ct .bottom .fixed_btns button {display: flex; align-items: center; justify-content: center; gap: 10px; width: 160px; height: 44px; border-radius: 60px; box-sizing: border-box; font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: -0.32px;}
.fixed_box .fixed_ct .bottom .fixed_btns button img {width: 7px; height: auto;}

/* new_car */
.new_car {}

/* dealer_list */
.dealer_list {width: 100%; height: auto;}
.dealer_list ul {display: flex; align-items: center; gap: 80px 0; flex-wrap: wrap; margin: 0 -42.5px;}
.dealer_list ul li {width: calc(100% / 4); padding: 0 42.5px; box-sizing: border-box; cursor: pointer;}
.dealer_list ul li .child-box {width: 100%; height: auto;}
.dealer_list ul li .child-box .img-box {width: 100%; height: auto; aspect-ratio: 256/334; overflow: hidden; margin-bottom: 20px;}
.dealer_list ul li .child-box .img-box img {width: 100%; height: 100%; object-fit: cover; transition: all .3s;}
.dealer_list ul li .child-box .img-box:hover img {transform: scale(1.2);}
.dealer_list ul li .child-box .txt-box {width: 100%; height: auto;}
.dealer_list ul li .child-box .txt-box .name_txt {display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;}
.dealer_list ul li .child-box .txt-box .name_txt .name {display: flex; align-items: center; gap: 10px; font-size: 24px; font-weight: 500; line-height: 1.3; letter-spacing: -0.96px; color: var(--black_3);}
.dealer_list ul li .child-box .txt-box .name_txt .name span {font-size: 14px; font-weight: 500; line-height: 1.3; letter-spacing: -0.56px; color: var(--gray_6);}

.dealer_list ul li .child-box .txt-box .name_txt .label {display: flex; align-items: center; justify-content: center; gap: 6px; width: 90px; height: 30px; border-radius: 20px; background: var(--pr); font-size: 14px; font-weight: bold; line-height: 1; letter-spacing: -0.28px; color: var(--wt);}
.dealer_list ul li .child-box .txt-box .name_txt .label img {width: 20px; height: auto;}


.dealer_list ul li .child-box .txt-box .current_txt {display: flex; align-items: center; justify-content: space-between;}
.dealer_list ul li .child-box .txt-box .current_txt .txt {font-size: 16px; font-weight: 500; line-height: 1.3; letter-spacing: -0.64px; color: var(--gray_9);}

.dealer_list ul li .child-box .txt-box .current_txt .link_btn {display: flex; align-items: center; gap: 5px; font-size: 14px; font-weight: bold; line-height: 1.3; letter-spacing: -0.56px; color: var(--pr);}
.dealer_list ul li .child-box .txt-box .current_txt .link_btn img {width: 12px; height: auto;}

/* more_btn */
.dealer_list .more_btn {display: flex; align-items: center; justify-content: center; margin-top: 60px;}
.dealer_list .more_btn .more {width: 59px; height: auto;}
.dealer_list .more_btn .more img {width: 100%; height: auto;}