@charset "UTF-8";
@import url(./default.css);
@import url(./common.css);
@import url(./layout.css);
@import url(./element.css);
@import url(./modal.css);

/* ==============================
    SECTION (layout)
    page: *.html
============================== */
.section {
    position: relative;
    display: block;
    margin: 0 auto;
}
.section__title {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: var(--wpDark01);
}
.section__desc {
    display: block;
    margin-top: 12px;
    letter-spacing: -0.5px;
    font-weight: 300;
    color: var(--wpDark03);
}
.section__more {
    position: absolute;
    top: 42px;
    right: 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #777;
    letter-spacing: -1px;
}
.section__more .pc {
    display: inline-block;
}
.section__more .mobile {
    display: none;
    padding-right: 15px;
    background: url(../images/ico-more.svg) right 17px no-repeat;
}
.section__conts {
    margin-top: 32px;
    width: 100%;
}

/* ==============================
    HOME
    page: /index.html
============================== */
.home {
    width: 100%;
    height: auto;
}
.home .section {
    position: relative;
    margin: 120px 0;
}
.home .section__desc {
    text-align: center;
}
.home .section__title {
    text-align: center;
}
.home .notice__title {
    text-align: left;
}
.home .section__title .link {
    position: relative;
    padding-right: 28px;
}
.home .section__title .link::after {
    position: absolute;
    top: 10px;
    right: 0;
    width: 24px;
    height: 24px;
    content: '';
    background: url(../images/ico-link.svg) center / 100% 100% no-repeat;
}
/* ----- [home] top section ----- */
.home-top {
    width: 100%;
    display: flex;
    width: 100%;
    height: 370px;
}
/* ----- [home] carousel ----- */
.home-top .carousel {
    width: calc(100% - 390px);
    height: 100%;
}
.home-top .carousel__frame {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.home-top .carousel__list {
   width: auto;
   height: 100%;
   white-space: nowrap;
   font-size: 0;
}
.home-top .carousel__item {
    display: inline-block;
    width: 100%;
    height: 100%;
    white-space: normal;
    overflow: hidden;
    vertical-align: top;
}
.home-top .carousel__item a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
}
.home-top .carousel__item a img {
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.home-top .carousel__item a .text {
    position: absolute;
    top: 50%;
    left: 120px;
    transform: translateY(-50%);
    width: auto;
}
.home-top .carousel__item a .text h3 {
    font-size: 36px;
    line-height: 1.27;
    letter-spacing: -0.5px;
    color: #fff;
}
.home-top .carousel__item a .text h3 strong {
    font-weight: 700;
}
.home-top .carousel__item a .text p {
    margin-top: 30px;
    font-size: 20px;
    letter-spacing: -0.5px;
    color: #fff;
}
.home-top .carousel__nav {
    position: absolute;
    bottom: 30px;
    right: 70px;
    display: flex;
    align-items: center;
    width: auto;
    height: 26px;
    padding: 0 6px;
    border-radius: 13px;
    background-color: rgba(0,0,0,.5);
}
.home-top .carousel__nav .btn {
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.home-top .carousel__nav .prev-btn {
    background: url(../images/ico-prev_white.svg) center no-repeat;
}
.home-top .carousel__nav .next-btn {
    background: url(../images/ico-next_white.svg) center no-repeat;
}
.home-top .carousel__nav .count {
    color: #fff;
    font: 400 14px/1 'Roboto';
}
/* ----- [home] register form ----- */
.home-top .register {
    width: 390px;
    height: 100%;
    padding: 40px;
    border: 1px solid var(--wpMain);
    border-left: 0;
}
.home-top .register__title {
    margin-bottom: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -1px;
    color: var(--wpMain);
}
.home-top .register__form {
    gap: 20px;
    width: 100%;
    height: 100%;
}
.home-top .register__form .form-row {
    width: 100%;
    height: 38px;
}
.home-top .register__form .form-row .label {
    height: 100%;
    line-height: 38px;
}
.home-top .register__form .form-row .input {
    width: calc(100% - 90px);
    height: 100%;
    padding: 0 4px;
    border-bottom: 1px solid #e9e9e9;
}
.home-top .register__form .agree {
    justify-content: end;
}
.home-top .register__form .agree label {
    margin-left: 4px;
    font-size: 12px;
    color: var(--wpDark03);
}
.home-top .register__form .form__actions .btn {
    display: block;
    width: 140px;
    height: 44px;
    border-radius: 2px;
    background-color: var(--wpMain);
    color: #fff;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}
.none__member__agree label{
    margin-top: 3px;
}
.none__member__agree a {
    text-decoration: underline;
    color: var(--wpBlue);
}
/* ----- [home] car-list slide ----- */
.home-cars--slide {
    width: 100%;
}
.home-cars--slide .slider {
    position: relative;
}
.home-cars--slide .slider__frame {
    z-index: 21;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.home-cars--slide .slider__list {
    width: 100%;
    white-space: nowrap;
    font-size: 0;
}
.home-cars--slide .slider__item {
    display: inline-block;
    width: 16.4%;
}
.home-cars--slide .slider__item .cCard__thumb {
    padding-top: 72%;
}
.home-cars--slide .slider__btn {
    z-index: 22;
    position: absolute;
    top: calc(50% - 87px);
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 28px;
    box-shadow: 0 0 5px rgba(0,0,0,0.12);
    cursor: pointer;
}
.home-cars--slide div[class*="slider__btn--prev"] {
    left: -28px;
    background: url(../images/ico-prev_red.svg) center no-repeat #fff;
 }
.home-cars--slide div[class*="slider__btn--next"] {
    right: -28px;
    background: url(../images/ico-next_red.svg) center no-repeat #fff;
}
.home-cars--slide div[class*="slider__pagination"] {
    margin: 54px 0 40px;
    text-align: center;
    cursor: pointer;
}
.home-cars--slide div[class*="slider__pagination"] .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    border: 1px solid #aaa;
    background-color: #fff;
}
.home-cars--slide div[class*="slider__pagination"] .swiper-pagination-bullet-active {
    background-color: var(--wpMain);
    border: 1px solid var(--wpMain);
}
/* ----- [home] car category section ----- */
.home-category {
    display: flex;
    flex-wrap: wrap;
    gap: 120px 80px;
}
.home-category .section {
    width: calc(50% - 40px);
    margin: 0;
}
.home-category .section__title,
.home-category .section__desc {
    text-align: left;
}
.home-category .section__desc a {
    text-decoration: underline;
    color: var(--wpBlue);
}
.home-cars--list .car-list {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 20px;
}
.home-cars--list .car-list__item {
    width: calc(50% - 10px);
}
.home-category .section:nth-child(2) .car-list {
    gap: 100px 20px;
}

/* ----- review-list slide ----- */
.home-reviews .section__title,
.home-reviews .section__desc {
    text-align: left;
}
.home-reviews .slider__frame {
    z-index: 21;
    position: relative;
    width: 100%;
    overflow: visible;
}
.home-reviews .slider__frame::after {
    z-index: 23;
    position: absolute;
    top: -1px;
    left: calc(700px - 50vw);
    width: calc(50vw - 700px);
    height: calc(100% + 2px);
    content: '';
    background-color: #fff;
}
.home-reviews .slider__list {
    width: auto;
    white-space: nowrap;
    font-size: 0;
}
.home-reviews .slider__item {
    display: inline-block;
    overflow: hidden;
}
/* ----- [home] bottom section ----- */
.home-btm {
    padding-right: 52%;
}
/* ----- [home] notice ----- */
.home-notice {
    display: block;
    height: auto;
    margin: 0 !important;
    width: 45%;
}
.home-btm-index {
    display: flex;
    gap: 250px;
    padding-right: 0;
}
.home-cs {
    display: flex;
    flex-wrap: wrap;
}
.home-btm-index .home-cs .cs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 270px;
    font-family: 'Roboto';
}
.home-btm-index .home-cs .cs .cs__help {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: var(--wpDark02);
}
.home-btm-index .home-cs .cs .cs__tel {
    display: inline-block;
    margin: 40px 14px 20px;
    font-size: 28px;
    font-weight: 700;
    color: var(--wpDark01);
}
.help-time {
    display: inline-block;
    font-size: 14px;
    color: var(--wpDark03);
    padding: 0 10px 20px;
    font-family: 'Noto Sans KR';
}
.help-time.time {
    padding: 0 10px 12px;
}
.home-btm-index .home-cs .cs .cs__cacao {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 125px;
    height: 40px;
    border: 1px solid #dbdbdd;
    color: var(--wpDark02);
    line-height: 120%;
    text-align: center;
    font-weight: 600;
    font-family: 'Roboto';
    font-size: 16px;
}
.home-notice .section__conts {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid var(--wpDark02);
}
.home-notice ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.home-notice ul li {
    width: 100%;
    height: 16px;
}
.home-notice ul li a {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
.home-notice ul li a .title {
    display: inline-block;
    width: calc(100% - 120px);
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    letter-spacing: -0.5px;
    color: var(--wpDark02);
}
.home-notice ul li a .date {
    width: 80px;
    height: 100%;
    letter-spacing: -0.5px;
    font-size: 16px;
    color: var(--wpDark04)
}
/* ==============================
    ACCOUNT
    pages: /account/*.html,
        /user/info.html
============================== */
.acc-section__title {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -1px;
    color: var(--wpDark02);
    text-align: center;
}
.acc-section__conts {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 32px;
}
/* ----- [account] register form ----- */
.accRegister {
    width: 100%;
    max-width: 580px;
    padding: 32px 30px;
    background-color: #fff;
    border: 1px solid var(--wpBd);
}
.accRegister-form {
    width: 100%;
}
.accRegister-form .fieldset {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.accRegister-form hr[class*="hr"] {
    display: block;
    margin: 30px 0;
    border: 0;
    border-top: 1px solid var(--wpDark03);
}
.accRegister-form hr.hr--end {
    border-color: #f4f4f4;
    margin-bottom: 40px;
}
.accRegister-form .form__actions {
    display: flex;
    gap: 16px;
}
.accRegister-form .form__actions *[class*="btn"] {
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    letter-spacing: -1px;
    color: var(--wpDark02);
    border: 1px solid var(--wpBd);
    border-radius: 4px;
}
.accRegister-form .form__actions .cancel-btn {
    width: 120px;
}
.accRegister-form .form__actions .cancel-btn + .submit-btn {
    width: 120px;
}
.accRegister-form .form__actions .submit-btn {
    border-color: var(--wpMain);
    background-color: var(--wpMain);
    font-weight: 600;
    color: #fff;
}
.accRegister-form .form__actions .submit-btn--m {
    width: 200px;
    border-radius: 4px;
}
/* ----- [account] register-form input ----- */
.accRegister-form .form-row .label {
    font-size: 14px;
    line-height: 44px;
}
.accRegister-form .form-row .input-wrap {
    width: calc(100% - 130px);
}
.accRegister-form .form-row .input-wrap input[type="text"],
.signup-form .form-row .input-wrap input[type="password"],
.signup-form .form-row .input-wrap input[type="tel"],
.signup-form .form-row .input-wrap input[type="email"],
.signup-form .form-row .input-wrap select {
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding: 0 10px;
    border: 1px solid var(--wpBd);
}
.signup-form .form-row .input-wrap input[type="text"],
.signup-form .form-row .input-wrap input[type="password"],
.signup-form .form-row .input-wrap input[type="tel"],
.signup-form .form-row .input-wrap input[type="email"],
.signup-form .form-row .input-wrap select {
    border-radius: 4px;
}
.accRegister-form .form-row .input-wrap input:-moz-read-only {
    border-color: #eee;
    background-color: #eee;
    color: var(--wpDark04);
}
.accRegister-form .form-row .input-wrap input:read-only {
    border-color: #eee;
    background-color: #eee;
    color: var(--wpDark04);
}
.accRegister-form .form-row .input-wrap select {
    font-size: 14px;
    letter-spacing: -1px;
    color: var(--wpDark03);
}
.accRegister-form .form-row .input-wrap .form-inform,
.accRegister-form .form-row .input-wrap .form-warn {
    display: block;
    width: 100%;
    margin-top: 8px;
    font-size: 12px;
    letter-spacing: -1px;
    line-height: 1.4;
    color: var(--wpDark03);
}
.bid-inform {
    display: block;
    width: 100%;
    margin-top: 8px;
    font-size: 12px;
    letter-spacing: -1px;
    line-height: 1.4;
    color: var(--wpDark03);
    padding-left: 5px;
}
.bid-warn {
    color: var(--wpRed);
}
.accRegister-form .form-row .input-wrap .form-warn {
    color: var(--wpRed);
}
/* ----- [account] register-form userType ----- */
.accRegister-form .userType {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}
.accRegister-form .userType__check {
    position: relative;
    width: calc(50% - 8px);
    height: 56px;
}
.accRegister-form .userType__check input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}
.accRegister-form .userType__check label {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 1px solid var(--wpBd);
    text-align: center;
    font-size: 14px;
    color: var(--wpDark01);
    cursor: pointer;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.accRegister-form .userType__check input:checked + label {
    border-color: var(--wpMain);
    color: var(--wpMain);
    font-weight: 700;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub-label {
    color: var(--wpDark03) !important;
    font-weight: 400 !important;
}
/* ----- [account] register-form file-uploader ----- */
.accRegister-form .file-uploader {
    gap: 12px;
}
.accRegister-form .file-uploader__files {
    border-radius: 0;
}
.accRegister-form .file-uploader__files .file__name {
    line-height: 16px;
}
.accRegister-form .file-uploader__add {
    width: 80px;
    height: 100%;
}
.accRegister-form .file-uploader__add label {
    font-size: 14px;
}
/* ----- [account] agreement ----- */
.accRegister-form .agreement {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.accRegister-form .agreement__item {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}
.accRegister-form .agreement__item input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}
.accRegister-form .agreement__item label {
    display: inline-block;
    min-height: 24px;
    padding-left: 36px;
    line-height: 24px;
    background: url(../images/ico-agree.svg) left center no-repeat;
    cursor: pointer;
}
.accRegister-form .agreement__item input:checked + label {
    background: url(../images/ico-agree_checked.svg) left center no-repeat;
}
.accRegister-form .agreement__item--all {
    font-size: 18px;
    font-weight: 500;
    color: #4c4c4c;
}
.accRegister-form .agreement__item:not(.agreement__item--all) {
    padding-right: 90px;
    font-size: 14px;
    letter-spacing: -1px;
    color: #4c4c4c;
}
.accRegister-form .agreement__item:not(.agreement__item--all) .required {
    color: var(--wpDark04);
}
.accRegister-form .agreement__more {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 22px;
    padding-right: 22px;
    background: url(../images/ico-agree-more.svg) right center no-repeat;
    line-height: 22px;
    font-size: 14px;
    letter-spacing: -1px;
    color: var(--wpDark04);
}
/* ----- [account : /user/info.html] ad agreement ----- */
.accRegister-form .ad-agree {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin-top: 12px;
}
.accRegister-form .ad-agree__label {
    line-height: 1;
    font-size: 14px;
    color:  var(--wpDark04);
}
.accRegister-form .ad-agree__checks {
    display: flex;
    gap: 12px;
}
.accRegister-form .ad-agree__checks .check {
    cursor: pointer;
}
.accRegister-form .ad-agree__checks .check input {
    width: 12px;
    height: 12px;
}
.accRegister-form .ad-agree__checks .check label {
    font-size: 14px;
    letter-spacing: -0.5;
    color: var(--wpDark03);
}
/* ----- [account : /user/info.html] unsubs ----- */
.accRegister-form .unsubs {
    margin: 56px 0 32px;
    text-align: center;
}
.accRegister-form .unsubs a {
    font-size: 12px;
    letter-spacing: -1px;
    text-decoration: underline;
    color: #787878;
}
/* ----- [account: /account/index.html] login ----- */
.login {
    width: 100%;
    max-width: 340px;
}
.login .login-types {
    display: flex;
    width: 100%;
    height: 48px;
}
.login .login-type {
    display: inline-block;
    width: 50%;
    height: 100%;
    border: 1px solid var(--wpBd);
    background-color: #f3f3f3;
    color: var(--wpDark04);
    line-height: 48px;
    font-size: 14px;
    text-align: center;
}
.login .login-type.activate {
    background-color: #fff;
    border: 1px solid var(--wpMain);
    border-bottom: 0;
    color: var(--wpMain);
}
.login .login-forms {
    margin-top: 20px;
}
.login .login-form {
    display: none;
}
.login .login-form.activate {
    display: block;
}
.login .login-form .form {
    gap: 10px;
}
.login .login-form .form input {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 10px;
    border: 1px solid var(--wpBd);
    background-color: #fff;
    line-height: 48px;
}
.login .login-form .find {
    display: flex;
    justify-content: end;
    margin-top: 14px;
    gap: 17px;
}
.login .login-form .find a {
    position: relative;
    font-size: 14px;
    color: var(--wpDark03);
}
.login .login-form .find a:nth-child(n + 2)::before {
    position: absolute;
    top: 0;
    left: -9px;
    width: 1px;
    height: 100%;
    content: '';
    background-color: var(--wpDark03);
}
.login .login-form .action {
    margin-top: 32px;
    width: 100%;
    height: 56px;
    background-color: var(--wpMain);
    color: #fff;
    line-height: 56px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -1px;
}
.login .sns-login {
    margin-top: 75px;
    width: 100%;
}
.login .sns-login__title {
    display: block;
    margin-bottom: 24px;
    font-size: 14px;
    color: var(--wpDark03);
    text-align: center;
}
.login .sns-login__list {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
}
.login a[class*='sns-login__item'] {
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 24px;
}
.login a.sns-login__item--naver { background: url(../images/ico-sns_naver.svg) center no-repeat; }
.login a.sns-login__item--google { background: url(../images/ico-sns_google.svg) center no-repeat; }
.login a.sns-login__item--cacao { background: url(../images/ico-sns_kakao.svg) center no-repeat; }
.login a.sns-login__item--apple { background: url(../images/ico-sns_apple.svg) center no-repeat !important; }
/* ----- [account : /account/find-account.html] find account ----- */
.find-acc {
    width: 100%;
    max-width: 340px;
}
.find-acc .find-types {
    display: flex;
    width: 100%;
    height: 52px;
}
.find-acc .find-type {
    display: block;
    width: 50%;
    height: 100%;
    border-bottom: 2px solid #eee;
    line-height: 52px;
    text-align: center;
    font-weight: 500;
    color: var(--wpDark04);
}
.find-acc .find-type.activate {
    border-color: var(--wpMain);
    color: var(--wpMain);
}
.find-acc .find-forms {
    margin-top: 40px;
}
.find-acc .find-form {
    display: none;
    flex-direction: column;
    gap: 20px;
}
.find-acc .find-form.activate {
    display: flex;
}
.find-acc .find-form__item {
    width: 100%;
    height: auto;
}
.find-acc .find-form__item label {
    display: block;
    margin-bottom: 12px;
    color: var(--wpDark02);
    font-weight: 500;
    letter-spacing: -1px;
}
.find-acc .find-form__item input {
    display: block;
    width: 100%;
    height: 44px;
    padding: 0 10px;
    line-height: 44px;
    border: 1px solid var(--wpBd);
}
.find-acc .find-form__submit {
    margin-top: 32px;
    width: 100%;
    height: 56px;
    border-radius: 4px;
    background-color: var(--wpMain);
    color: #fff;
    line-height: 56px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -1px;
}
/* ----- [account: /account/new-password.html] find account ----- */
.new-pwd {
    width: 100%;
    max-width: 500px;
    padding: 56px 32px;
    border: 1px solid var(--wpBd);
    background-color: #fff;
}
.new-pwd-input {
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding: 0 10px;
    border: 1px solid var(--wpBd);
}
.new-pwd .new-pwd-inform {
    margin-bottom: 40px;
    color: var(--wpDark04);
    letter-spacing: -1px;
    line-height: 1.25;
    text-align: center;
    word-break: keep-all;
}
.new-pwd .new-pwd-form .form__actions {
    margin-top: 70px;
    width: 100%;
}
.new-pwd .new-pwd-form .form__submit {
    width: 100%;
    border-radius: 0;
}
/* ==============================
    CAR LIST
    page: /cars/list.html
============================== */
.car-section {
    width: 100%;
    max-width: 1040px;
}
.car-section .section__title,
.car-section .section__desc {
    text-align: center;
}
.car-section .car-list {
    display: flex;
    flex-wrap: wrap;
    gap: 100px 40px;
}
.car-section .car-list .cCard {
    width: calc(33.3333% - 26.6666px);
}

/* ==============================
    CAR FILTER
    page: /cars/list.html
============================== */
.car-filter {
    display: block;
    width: 317px;
    height: 800px;
    background-color: #fff;
}
.car-filter-inner {
    padding: 40px 37px 40px 20px;
}
.car-filter__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 14px;
}
.car-filter__top .title {
    font-size: 18px;
    letter-spacing: -1px;
    color: var(--wpDark01);
}
.car-filter__top .reset-btn {
    font-size: 12px;
    letter-spacing: -1px;
    color: var(--wpRed);
}
.car-filter__top .close-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    display: none;
    width: 24px;
    height: 24px;
    background: url(../images/ico-close.svg) center no-repeat;
}
.car-filter__body {
    width: 100%;
}
.car-filter__body .filter-form {
    width: 100%;
    height: auto;
}
.car-filter__body .filter-form__item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 0;
    border-top: 1px solid #eee;
}
.car-filter__body .filter-form__item .label {
    font-size: 14px;
    font-weight: 500;
    color: var(--wpDark01);
}
.car-filter__body .filter-form__item .input[type="text"] {
    width: 100%;
    height: 40px;
    padding: 0 16px;
    border-radius: 20px;
    border: 1px solid #eee;
    line-height: 40px;
}
.car-filter__body .filter-form__item .options {
    display: flex;
    gap: 32px 12px;
    flex-wrap: wrap;
    width: 100%;
}
.car-filter__body .filter-form__item .options .option {
    flex: 1;
}
.car-filter__body .filter-form__item .options--rows .option {
    flex: auto;
    width: 100%;
}
.car-filter__body .filter-form__item .options--cols .option {
    flex: auto;
    width: calc(50% - 6px);
}
.car-filter__body .filter-form__item .options .option input {
    cursor: pointer;
}
.car-filter__body .filter-form__item .options .option label {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -1px;
    color: var(--wpDark01);
    cursor: pointer;
}
.car-filter__body .filter-form__item .options .option--box {
    position: relative;
    height: 40px;
}
.car-filter__body .filter-form__item .options .option--box input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
}
.car-filter__body .filter-form__item .options .option--box label {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    line-height: 40px;
    text-align: center;
    color: #000;
}
.car-filter__body .filter-form__item .options .option--box input:checked + label {
    background-color: var(--wpDark01);
    color: #fff;
    font-weight: 400;
}
.car-filter__body .dropdown {
    padding: 0;
}
.car-filter__body .dropdown .dropdown__btn {
    width: 100%;
    padding: 24px 0;
    background: url(../images/ico-filter_plus.svg) right center no-repeat;
    cursor: pointer;
}
.car-filter__body .dropdown .dropdown__cont {
    display: none;
    padding-bottom: 24px;
}
.car-filter__body .dropdown.activate .dropdown__btn {
    background: url(../images/ico-filter_minus.svg) right center no-repeat;
}
.car-filter__body .dropdown.activate .dropdown__cont {
    display: flex;
}
.car-filter__btm {
    width: 100%;
    margin-top: 12px;
}
.car-filter__btm .submit-btn {
    width: 100%;
    height: 44px;
    background-color: var(--wpMain);
    color: #fff;
    line-height: 44px;
    font-weight: 500;
    letter-spacing: -1px;
    text-align: center;
}
.car-filter-btn {
    z-index: 31;
    display: none;
    position: fixed;
    top: 17px;
    right: 50px;
    width: 24px;
    height: 24px;
    background: url(../images/ico-filter.svg) center no-repeat #fff;
}
.side__filter__form {
    display: flex;
    gap: 8px 8px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.filter__text__input {
    width: 45%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #eee;
    line-height: 40px;
}
.filter__option input {
    cursor: pointer;
}
.filter__option label {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -1px;
    color: var(--wpDark01);
    cursor: pointer;
}
/* ==============================
    DETAILS
    page: /cars/details.html
============================== */
.cDetails {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    width: 100%;
}
.cDetails__photo {
    width: 48%;
}
.cDetails__infos {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    width: calc(52% - 40px);
}
.cDetails__spec {
    flex: 1;
}
.cDetails__auction {
    flex: 1;
}
.cDetails .section__title {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
}
.cDetails .section__conts {
    margin-top: 12px;
}
/* ----- [details] photo slider ----- */
.watermark-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 50px;
    z-index: 5;
    background: url(../images/ico-watermark.svg) center / auto 80% no-repeat;
    opacity: 0.5;
}
.cDetails__photo .picSlider {
    z-index: 10;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 66.2%;
}
.cDetails__photo .picSlider__top {
    z-index: 12;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
}
.cDetails__photo .picSlider__top .info {
    position: relative;
    width: 100%;
    padding: 20px 20px 0;
    height: 10vh;
}
.info-no-div {
    display: flex;
    justify-content: space-between;
}
.info-no-div span {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    letter-spacing: -0.5px;
    padding-right: 4px;
}
.cDetails__photo .picSlider__top .info__num {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.5px;
    color: #fff;
}
.cDetails__photo .picSlider__top .info__name {
    display: block;
    margin-bottom: 8px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -.5px;
}
.cDetails__photo .picSlider__top .info__specs {
    display: block;
    width: 100%;
    letter-spacing: -0.5px;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    white-space: nowrap;
}
.cDetails__photo .picSlider__top .info__specs .dot {
    display: inline-block;
    width: 2px;
    height: 2px;
    margin: 0 5px;
    border-radius: 1px;
    background-color: #eee;
    vertical-align: top;
    transform: translateY(7px);
}
.cDetails__photo .picSlider__top .likes {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    background: url(../images/ico-heart_xl_line.svg) center no-repeat;
}
.cDetails__photo .picSlider__frame {
    z-index: 11;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.cDetails__photo .picSlider__list {
    width: auto;
    height: 100%;
    white-space: nowrap;
    font-size: 0;
}
.cDetails__photo .picSlider__item {
    display: inline-block;
    width: 100%;
    height: 100%;
    white-space: normal;
}
.cDetails__photo .picSlider__item img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
}
.cDetails__photo .picSlider__btn {
    z-index: 12;
    position: absolute;
    top: calc(50% - 24px);
    width: 48px;
    height: 48px;
    cursor: pointer;
}
.cDetails__photo .picSlider__btn--prev {
    left: 20px;
    background: url(../images/ico-prev_xl_white.svg) center no-repeat;
}
.cDetails__photo .picSlider__btn--next {
    right: 20px;
    background: url(../images/ico-next_xl_white.svg) center no-repeat;
}
.cDetails__photo .picSlider__count {
    z-index: 12;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: 40px;
    padding: 0 16px;
    border-radius: 20px;
    background-color: rgba(0,0,0,.5);
    color: rgba(255,255,255,.5);
    line-height: 40px;
    font-size: 14px;
    font-weight: 300;
}
.cDetails__photo .picSlider__count .activ {
    color: #fff;
}
.cDetails__photo .picNavs {
    width: 100%;
    margin-top: 4px;
}
.cDetails__photo .picNavs ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    width: 100%;
    height: auto;
}
.cDetails__photo .picNavs ul li {
    z-index: 11;
    position: relative;
    width: calc(12.5% - 3.5px);
    height: auto;
    cursor: pointer;
    line-height: 0;
}
.cDetails__photo .picNavs ul li::after {
    display: none;
    z-index: 13;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: transparent;
    box-sizing: border-box;
    border: 3px solid var(--wpRed);
}
.cDetails__photo .picNavs ul li.activ::after {
    display: block;
}
.cDetails__photo .picNavs ul .video-li.activ::after {
    display: block;
    z-index: 12;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%;
    vertical-align: top;
    font-size: 0;
}
.cDetails__photo .picNavs ul li .img-wrap {
    z-index: 12;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%;
    vertical-align: top;
    font-size: 0;
}
.cDetails__photo .picNavs ul li .img-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
}
.video-wrap {
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #000;
}
.small-video {
    z-index: 12;
    width: 100%;
    height: 100%;
    vertical-align: top;
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}
/* ----- [details] information ----- */
.cDetails__spec .specCard {
    width: 100%;
    height: auto;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid var(--wpBd);
    background-color: #fafafa;
}
.cDetails__spec .specCard__list {
    display: flex;
    flex-direction: column;
    gap: 28px;
}
.cDetails__spec .specCard__item {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-size: 14px;
    letter-spacing: -1px;
}
.cDetails__spec .specCard__item .title {
    color: var(--wpDark01);
    font-weight: 500;
}
.cDetails__spec .specCard__item .value {
    color: #666;
}
.cDetails__spec .specCard__description {
    flex-wrap: wrap;
    gap: 12px;
}
.cDetails__spec .specCard__description .value {
    line-height: 20px;
    word-break: break-all;
}
/* ----- [details] auction ----- */
.cDetails__auction .sCard {
    width: 100%;
    height: auto;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid var(--wpMain);
    background-color: #fff;
}
.cDetails__auction .sCard__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.cDetails__auction .sCard__list--hide {
    display: none;
    border-top: 1px solid var(--wpBd);
}
.cDetails__auction .sCard__item {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -1px;
}
.cDetails__auction .sCard__item strong {
    font-weight: 700;
    color: var(--wpDark01);
}
.cDetails__auction .sCard__item .title {
    color: var(--wpDark01);
}
.cDetails__auction .sCard__item .value:not(strong) {
    color: #666;
}
.cDetails__auction .sCard__item .title.accentM {
    color: var(--wpMain);
}
.cDetails__auction .sCard__item .value.accentM {
    color: var(--wpMain);
    font-weight: 700;
}
.cDetails__auction .sCard__item .value.accentR {
    color: var(--wpRed);
}
.cDetails__auction .sCard__item--timer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
}
.cDetails__auction .sCard__item--timer .timer {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding-left: 28px;
    font-weight: 500;
    color: var(--wpDark01);
    background: url(../images/ico-clock.svg) no-repeat;
    background-position: left center;
    background-size: 18px 18px;
}
.cDetails__auction .more-wrap .sCard__hr {
    display: none;
    margin: 0;
    margin: 20px 0;
    border: 0;
    border-top: 1px solid var(--wpBd);
}
.cDetails__auction .more-wrap .sCard__list {
    display: none;
}
.cDetails__auction .more-wrap .more-btn {
    padding: 35px 0 15px;
    text-align: center;
}
.cDetails__auction .more-wrap .more-btn a {
    position: relative;
    display: inline-block;
    padding-right: 17px;
    font-size: 14px;
    letter-spacing: -1px;
    color: #676767;
}
.cDetails__auction .more-wrap.activate .sCard__hr  {
    display: block;
}
.cDetails__auction .more-wrap.activate .sCard__list {
    display: flex;
}
.cDetails__auction .more-wrap .more-btn a::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 14px;
    content: '';
    background: url(../images/ico-details-more.svg) center no-repeat;
}
.cDetails__auction .more-wrap.activate .more-btn a::after {
    transform: rotate(180deg);
}
.cDetails__auction .aucForm {
    margin-top: 16px;
}
.cDetails__auction .aucForm__agreement {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 24px;
}
.cDetails__auction .aucForm__agreement input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}
.cDetails__auction .aucForm__agreement label {
    position: relative;
    display: inline-block;
    width: auto;
    height: 100%;
    padding-left: 18px;
    background: url(../images/ico-check_line.svg) no-repeat;
    background-size: 12px 12px;
    background-position: left center;
    font-size: 14px;
    letter-spacing: -0.5;
    color: var(--wpDark02);
    cursor: pointer;
}
.cDetails__auction .aucForm__agreement input:checked + label {
    background: url(../images/ico-check_checked.svg) no-repeat;
    background-size: 12px 12px;
    background-position: left center;
}
.cDetails__auction .aucForm__actions {
    display: flex;
    gap: 8px;
    background-color: #fff;
}
.cDetails__auction .like-btn {
    display: inline-block;
    width: 56px;
    height: 56px;
    border-radius: 4px;
    border: 1px solid var(--wpBd);
    background: url(../images/ico-heart_line_gray.svg) center no-repeat;
}
.cDetails__auction .like-btn.myLikes {
    background: url(../images/ico-heart_plain_red.svg) center no-repeat;
}
.cDetails__auction .action-btn {
    display: inline-block;
    width: calc(100% - 64px);
    height: 56px;
    border-radius: 4px;
    background-color: #c4c4c4;
    color: #fff;
    line-height: 56px;
    text-align: center;
    letter-spacing: -0.5px;
    font-weight: 700;
}
.cDetails__auction .aucForm__submit {
    background-color: var(--wpMain);
}
.cDetails__auction .aucForm__mod {
    background-color: var(--wpDark02);
}
.cDetails__auction .aucForm__closed {
    width: 100%;
    cursor: normal;
}
.bid-alert {
    max-width: 410px;
    min-height: 410px;
    height: unset;
}
.bid-alert .alert {
    gap: 20px;
    padding-top: 24px;
}
.bid-alert .modal__body label {
    display: block;
    margin-bottom: 12px;
    color: var(--wpDark02);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -1px;
}
.bid-alert .modal__body input {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 10px;
    border: 1px solid var(--wpBd);
    background-color: #fff;
    line-height: 48px;
    color: #333;
    font-weight: 700;
    font-family: 'Roboto';
    letter-spacing: -0.5px;
}
.bid-alert .modal__body .bid__alert__readonly {
    background-color: #f4f4f4;
    color: #666;
}
.bid-alert .bid__actions {
    margin-top: 20px;
}
.bid-alert .aucForm__agreement {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
.bid-alert .aucForm__agreement input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}
.bid-alert .aucForm__agreement label {
    position: relative;
    display: inline-block;
    width: auto;
    height: 100%;
    padding-left: 18px;
    background: url(../images/ico-check_line.svg) no-repeat;
    background-size: 12px 12px;
    background-position: left center;
    font-size: 14px;
    letter-spacing: -0.5;
    color: var(--wpDark02);
    cursor: pointer;
    font-weight: 400;
}
.bid-alert .aucForm__agreement input:checked + label {
    background: url(../images/ico-check_checked.svg) no-repeat;
    background-size: 12px 12px;
    background-position: left center;
}
/* ==============================
    REGISTER TYPE
    page: /cars/register.html
============================== */
.cRegister-type-section {
    width: 100%;
    text-align: center;
}
.cRegister-section .types  {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}
.cRegister-section .types a[class^="type"] {
    display: block;
    width: 300px;
    height: 200px;
    padding: 46px 0;
    border: 1px solid var(--wpBd);
    background-color: #fff;
    text-align: center;
}
.cRegister-section .types a[class^="type"]::before {
    display: block;
    width: 66px;
    height: 66px;
    margin: 0 auto 26px;
    content: '';
}
.cRegister-section .types a.type--auction::before {
    background: url(../images/ico-clock_xl.svg) center no-repeat;
}
.cRegister-section .types a.type--sales::before {
    background: url(../images/ico-sales.svg) center no-repeat;
}
.nav-small-img .zoom-img {
    display: none;
    width: 40%;
    position: fixed;
    top: 25%;
    left: 50%;
    z-index: 99;
}
.nav-small-img:hover > .zoom-img {
    display: block;
}
.nav-small-img .zoom-img .img-wrap-test {
    width: 100%;
}
@media all and (max-width: 1240px) {
    .nav-small-img:hover > .zoom-img {
        display: none;
    }
}
/* ==============================
    REGISTER Auction / Sales
    pages: /cars/register_auction.html,
        /cars/register_sales.html,
============================== */
.cRegister-section .section__title {
    text-align: center;
}
.cRegister-form {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
}
.cRegister-form .form {
    gap: 24px;
    padding: 30px 24px;
    border: 1px solid #eee;
    background-color: #fff;
}
.cRegister-form .form .form-row {
    display: flex;
    justify-content: space-between;
    align-items: start;
    width: 100%;
}
.cRegister-form .form .form-row--align {
    align-items: center;
}
.cRegister-form .form .form-row .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(50% - 24px);
}
.mileage-wrap .label {
    display: flex !important;
    gap: 7px;
}
.cRegister-form .form .form-row .wrap .label {
    font-size: 14px;
    /* line-height: 36px; */
}
.cRegister-form .form .form-row .wrap .select,
.cRegister-form .form .form-row .wrap .input {
    width: calc(100% - 100px);
    height: 36px;
    padding: 0 10px;
    border: 1px solid var(--wpBd);
}
.cRegister-form .form .form-row .wrap .checks {
    display: flex;
    gap: 20px;
    width: calc(100% - 100px);
}
.driveCheck {
    gap: 16px !important;
}
.transmission-checks {
    gap: 0px !important;
}
.cRegister-form .form .form-row .wrap .checks--days {
    gap: 0;
    justify-content: space-between;
}
.cRegister-form .form .form-row .wrap .checks--days .check label {
    color: #ED1D13!important;
    font-weight: 500 !important;
}
.cRegister-form .form .form-row .wrap .checks .check {
    flex: auto;
}
.cRegister-form .form .form-row .wrap .checks .check input {
    width: 10px;
    height: 10px;
    cursor: pointer;
}
.cRegister-form .form .form-row .wrap .checks .check label {
    font-weight: 14;
    letter-spacing: -0.5px;
    color: var(--wpDark03);
    cursor: pointer;
}
.cRegister-form .form .form-row .text-wrap {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 100%;
    gap: 12px;
}
.cRegister-form .form .form-row .text-wrap textarea {
    width: 100%;
    height: 100px;
    padding: 16px;
    border: 1px solid var(--wpBd);
    resize: none;
}
.cRegister-form .form-row .wrap .input-wrap--unit {
    position: relative;
    width: calc(100% - 80px);
}
.cRegister-form .form-row .wrap .input-wrap--unit .input {
    width: 100%;
    padding-right: 30px;
}
.cRegister-form .form-row .wrap .input-wrap--unit .unit {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 30px;
    height: 100%;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    font-weight: 500;
    color: var(--wpDark02);
}
.cRegister-form__actions {
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 10px auto 0;
}
.cRegister-form__actions .btn {
    display: inline-block;
    width: calc(50% - 8px);
    max-width: 200px;
    height: 52px;
    background-color: #fff;
    color: var(--wpDark03);
    line-height: 52px;
    text-align: center;
    font-weight: 500;
    letter-spacing: -0.5px;
}
.cRegister-form__actions .submit-btn {
    font-size: 16px;
    background-color: var(--wpMain);
    color: #fff;
}
/* ----- [register] info-form ------ */
.cRegister-form .info-form hr {
    display: block;
    margin: 6px 0;
    border: 0;
    border-top: 1px solid #eee;
}
.cRegister-form .info-form .form-row .total-wrap,
.cRegister-form .info-form .form-row .mileage-wrap {
    align-items: start;
}
.cRegister-form .info-form .form-row .total-wrap .label,
.cRegister-form .info-form .form-row .mileage-wrap .label {
    display: inline-block;
    line-height: 36px;
}
.cRegister-form .info-form .mileage {
    display: flex;
    flex-direction: column;
    width: calc(100% - 100px);
}
.cRegister-form .info-form .mileage__write {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}
.cRegister-form .info-form .displacement__write {
    display: flex;
    align-items: center;
    gap: 10px;
    width: calc(100% - 100px);
}
.cRegister-form .info-form .displacement__write input {
    width: 100% !important;
}
.cRegister-form .info-form .mileage__write .input {
    width: 100% !important;
}
.cRegister-form .info-form .mileage__checks {
    width: 100% !important;
    margin-top: 10px;
}
.cRegister-form .info-form .totalprice .input {
    background-color: #f4f4f4;
    border-color: #f4f4f4 !important;
}
.cRegister-form .info-form .totalprice .inform {
    font-size: 14px;
    letter-spacing: -0.5px;
    color: var(--wpDark04);
}
.cRegister-form .info-form .form-row:last-child {
    margin-top: 16px;
}
.pwd-form {
    margin-top: 0 !important;
}
/* ----- [register] attach-form ------ */
.cRegister-form .attach-form .form-row {
    flex-direction: column;
    gap: 24px;
}
.cRegister-form .attach-form .form-row .wrap {
    display: flex;
    width: 100%;
    height: 24px;
}
.cRegister-form .attach-form .form-row .wrap .file-uploader {
    display: flex;
    gap: 8px;
    width: calc(100% - 130px);
    height: 34px;
}
.cRegister-form .attach-form .form-row .wrap .file-uploader__files {
    width: calc(100% - 128px);
    padding: 9px 6px;
    line-height: 24px;
}
.cRegister-form .attach-form .form-row .wrap .file-uploader__add label {
    font-size: 12px;
    line-height: 34px;
}
/* ----- [register] pics-form ------ */
.cRegister-form .pics-form .form-row {
    display: block;
}
.cRegister-form .pics-form .informs {
    width: 100%;
    margin-top: 20px;
}
.cRegister-form .pics-form .informs ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.cRegister-form .pics-form .informs ul li {
    font-size: 14px;
    letter-spacing: -0.5px;
    line-height: 1.5;
    color: var(--wpDark03);
}
.cRegister-form .pics-form .informs ul li.warn {
    color: var(--wpRed);
}
.cRegister-form .pics-form .btns {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
    width: 100%;
    margin-top: 40px;
}
.cRegister-form .pics-form .btns a[class^="btn"] {
    display: inline-block;
    width: 180px;
    height: 48px;
    line-height: 48px;
    border: 1px solid var(--wpBd);
    font-size: 14px;
    letter-spacing: -0.5px;
    color: var(--wpDrak02);
    text-align: center;
}
.cRegister-form .pics-form .btns a.btn--photo {
    background: url(../images/ico-camera.svg) 24px center no-repeat;
    padding-left: 60px;
    text-align: left;
}
.cRegister-form .pics-form .pics {
    display: block;
    margin-top: 40px;
}
.cRegister-form .pics-form .pics__title {
    margin-bottom: 16px;
    font-size: 14px;
    letter-spacing: -0.5px;
    font-weight: 500;
}
.cRegister-form .pics-form .pics__wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    padding: 20px 14px;
    border: 1px solid var(--wpBd);
}
.cRegister-form .pics-form .pics__wrap--bd {
    border-top: 2px solid var(--wpMain);
}
.cRegister-form .pics-form .pics__wrap--empty {
    position: relative;
    border: dashed 2px var(--wpBd);
    height: 134px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #888;
    letter-spacing: -0.5px;
}
.cRegister-form .pics-form .pics__wrap--empty::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*content: '차량 사진을 등록해보세요. 판매될 확률이 높아집니다!';*/
    color: #888;
    font-size: 14px;
    text-align: center;
    line-height: 1.2;
    word-break: keep-all;
    letter-spacing: -0.5px;
}
.cRegister-form .pics-form .pics .pic {
    position: relative;
    width: calc(16.6666% - 6.6666px);
}
.cRegister-form .pics-form .pics .pic .img-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 76%;
    background: url(../images/ico-camera_xl.svg) center no-repeat #f9f9fa;
}
.cRegister-form .pics-form .pics .pic .img-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cRegister-form .pics-form .pics .pic .img-wrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
}
.cRegister-form .pics-form .myPics > input {
    width: 0;
    height: 0;
    opacity: 0;
}
.select-car-area {
    align-items: flex-start !important;
}
.select-car-area span {
    line-height: 36px;
}
.cRegister-form .select-car-area .select-car-area-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 100px);
    flex-direction: column;
    gap: 8px;
}
.select-car-area-wrap select {
    width: 100% !important;
}
/* ----- [register] agree-form ------ */
.cRegister-form .agree-form {
    gap: 16px;
    padding: 0;
    background-color: transparent;
    border: 0;
}
.agree-form hr {
    width: 100%;
    border: 1px solid #E0E0E0;
}
.all__agree {
    font-weight: 500;
}
.policy-link a {
    text-decoration: underline;
    color: var(--wpBlue);
}
.cRegister-form .agree-form .form-row {
    justify-content: start;
    align-items: center;
    gap: 8px;
}
.cRegister-form .agree-form .form-row input {
    width: 16px;
    height: 16px;
}
.cRegister-form .agree-form .form-row label {
    display: inline-block;
    width: calc(100% - 24px);
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.5px;
    color: var(--wpDark02);
}
.cRegister-form .agree-form .form-warn {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.5px;
    color: var(--wpRed);
}
.modify__warn {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.5px;
    color: var(--wpRed);
}
.number-wrap {
    display: flex;
    align-items: center;
    width: calc(100% - 100px);
}
.number-wrap input {
    width: 65% !important;
}
.number-wrap button {
    width: 35%;
    height: 36px;
    background: #f4f4f4;
    border: 1px solid var(--wpBd);
    border-left: 0;
    color: var(--wpDark03);
    letter-spacing: -0.5px;
    transition: background .25s,border-color .25s;
}
.number-wrap button:hover {
    background: #e4e4e4;
}
/* ==============================
    REVIEW LIST
    page: /review/list.html,
============================== */
.review-section .section__conts {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 2px solid var(--wpMain);
}
.review-section .review-list {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 120px;
}
.review-section .review-list .rvCard {
    width: calc(25% - 30px);
}
/* ==============================
    REVIEW WRITE
    page: /review/write.html,
============================== */
.review-write-section {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
}
.review-write-section .section__conts {
    padding-bottom: 32px;
}
.review-section .review-form {
    gap: 24px;
    width: 100%;
}
.review-section .review-form .form-row {
    justify-content: start;
    align-items: center;
}
.review-section .review-form .form-row .label {
    width: 165px;
}
.review-section .review-form .form-row .input,
.review-section .review-form .form-row .select,
.review-section .review-form .form-row textarea {
    padding: 10px 16px;
    border: 1px solid  var(--wpBd);
}
.review-section .review-form .form-row .input  {
    flex: 1;
    height: 48px;
}
.review-section .review-form .form-row .select {
    width: 200px;
    height: 48px;
}
.review-section .review-form .form-row textarea {
    flex: 1;
    height: 250px;
    resize: none;
}
.review-section .review-form .file-uploader {
    flex: 1;
    gap: 12px;
}
.review-section .review-form .form__actions {
    margin-top: 60px;
}
.review-section .review-form .form__actions .submit-btn {
    width: 140px;
    height: 48px;
    background-color: var(--wpMain);
    color: #fff;
    line-height: 48px;
    font-weight: 700;
    letter-spacing: -1px;
}
.review-section .review-form .star-score {
    display: flex;
    gap: 0px;
}
.review-section .review-form .star-score .star {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
}
.review-section .review-form .star-score .star input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
}
.review-section .review-form .star-score .star label {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    background: url(../images/ico-star_off.svg) center no-repeat;
    cursor: pointer;
}
.review-section .review-form .star-score .star input:checked + label {
    background: url(../images/ico-star_on.svg) center no-repeat;
}
/* ==============================
    REVIEW DETAILS
    page: /review/details.html,
============================== */
.review-details-section {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
}
.review-details-section .section__title {
    display: none;
}
.review-details-section .section__conts {
    margin: 0;
    padding: 0;
}
.review-section .review-article {
    font-size: 14px;
    letter-spacing: -0.5px;
}
.review-section .review-article__top {
    position: relative;
    display: flex;
    padding: 20px 50px;
    color: var(--wpDark03);
    justify-content: space-between;
    align-items: center;
}
.review-section .review-article__score {
    width: 100px;
}
.review-section .review-article__score img {
    display: inline-block;
    width: 100%;
}
.review-section .review-article__title {
    width: calc(100% - 220px);
    padding: 0 80px;
    line-height: 1.25;
    text-align: left;
}
.review-section .review-article__writer {
    display: inline-block;
    width: 140px;
    text-align: right;
}
.review-section .review-article__nation {
    display: inline-block;
    width: 130px;
    text-align: right;
}
.review-section .review-article__body {
    padding: 0 24px 32px 24px;
    border-top: 1px solid var(--wpBd);
    border-bottom: 1px solid var(--wpBd);
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.review-article__contents {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    gap: 50px;
}
pre {
    width: 100%;
    text-align: left;
    font-size: 14px;
    letter-spacing: -0.5px;
    line-height: 1.5;
    overflow: hidden;
    display: inline-block;
    padding: 16px;
    color: #333;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 300;
}
.review-article__contents p {
    width: 100%;
    height: auto;
    color: var(--wpDark02);
    line-height: 1.5;
}
.review-article__contents img {
    display: block;
    max-width: 100%;
    margin: 16px auto;
}
.review-section .review-article__btm {
    display: flex;
    justify-content: end;
    padding: 16px 0 0;
}

.review-article__btm .list-btn {
    width: 120px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border: 1px solid var(--wpMain);
    color: var(--wpMain);
}
.report {
    display: flex;
    justify-content: right;
    height: 32px;
    align-items: center;
}
.report .report-button, .report .modify-button, .report .delete-button {
    text-decoration: underline;
    font-size: 14px;
    color: var(--wpBlue);
}
/* ==============================
    NOTICE LIST
    page: /notice/list.html,
============================== */
.notice-section {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
}
.notice-section .section__conts {
    border-top: 1px solid var(--wpMain);
}
.notice-section .notice-table {
    width: 100%;
    margin-bottom: 120px;
    font-size: 14px;
    letter-spacing: -0.5px;
    color: var(--wpDark03);
    text-align: center;
}
.notice-section .notice-table thead {
    width: 100%;
}
.notice-section .notice-table thead tr {
    width: 100%;
    border-bottom: 1px solid var(--wpBd);
}
.notice-section .notice-table thead tr th {
    height: 50px;
    line-height: 50px;
    vertical-align: top;
}
.notice-section .notice-table .num,
.notice-section .notice-table .date {
    width: 20%;
}
.notice-section .notice-table .title {
    width: 60%;
}
.notice-section .notice-table tbody {
    width: 100%;
}
.notice-section .notice-table tbody tr {
    width: 100%;
    height: 46px;
    border-bottom: 1px solid var(--wpBd);
    cursor: pointer;
}
.notice-section .notice-table tbody tr td {
    padding: 17px 0px;
}
.notice-section .notice-table tbody tr td.title span {
    display: -webkit-box;
    width: 100%;
    height: 16px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.notice-section .notice-table tr td.num,
.notice-section .notice-table tr td.date {
    color: var(--wpDark04);
}
/* ==============================
    NOTICE DETAILS
    page: /notice/details.html,
============================== */
.notice-section .notice-article {
    width: 100%;
    font-size: 14px;
    letter-spacing: -0.5px;
}
.notice-section .notice-article__top {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 24px;
    color: var(--wpDark02);
}
.notice-section .notice-article__date {
    width: 100px;
    text-align: right;
    color: var(--wpDark04);
}
.notice-section .notice-article__title {
    width: calc(100% - 100px);
    line-height: 1.25;
    text-align: left;
}
.notice-section .notice-article__body {
    padding: 32px 24px;
    border-top: 1px solid var(--wpBd);
    border-bottom: 1px solid var(--wpBd);
}
.notice-section .notice-article__contents {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
}
.notice-section .notice-article__contents p {
    width: 100%;
    height: auto;
    color: var(--wpDark02);
    font-size: 14px;
    line-height: 1.5;
}
.notice-section .notice-article__contents img {
    display: block;
    max-width: 100%;
    margin: 16px auto;
}
.notice-section .notice-article__btm {
    display: flex;
    justify-content: end;
    padding: 16px 0 0;
}
.notice-section .notice-article__btm .list-btn {
    width: 120px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border: 1px solid var(--wpMain);
    color: var(--wpMain);
}
/* ==============================
    RECRUIT
    page: /notice/recruit.html,
============================== */
.notice-recruit-section .notice-article__top {
    display: flex;
    justify-content: space-between;
    padding: 20px 24px;
    text-align: center;
    color: var(--wpDark04);
}
.notice-recruit-section .notice-article__title {
    width: 70%;
    color: var(--wpDark01);
    font-weight: 500;
}
.notice-recruit-section .notice-article__body {
    background-color: #f4f4f4;
}
.notice-recruit-section .notice-article__btm {
    padding-top: 76px;
    justify-content: center;
    align-items: center;
}
.notice-recruit-section .notice-article__btm .apply-btn {
    width: 140px;
    height: 48px;
    background-color: var(--wpMain);
    color: #fff;
    line-height: 48px;
    font-size: 16px;
    font-weight: 600;
}
/* ==============================
    FAQ
    page: /service/faq.html,
============================== */
.faq-section {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
}
.faq-section .section__conts {
    margin-top: 16px;
    border-top: 2px solid var(--wpMain);
}
.faq-section .faq-list {
    width: 100%;
    height: auto;
}
.faq-section .faq-item {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e4e4e4;
    overflow: hidden;
}
.faq-section .faq-item .question {
    position: relative;
    display: block;
    padding: 24px 56px 24px 20px;
    background-color: #fff;
    color: var(--wpDark02);
    line-height: 1.25;
    cursor: pointer;
}
.faq-section .faq-item .question::after {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 16px;
    height: 8px;
    content: '';
    background: url(../images/ico-faq_down.svg) center no-repeat;
}
.faq-section .faq-item .answer {
    display: none;
    width: 100%;
    padding: 24px 20px;
    border-top: 1px solid #e4e4e4;
    background-color: #fafafa;
    line-height: 1.5;
    color: var(--wpDark03);
}
.faq-section .faq-item.activate .question {
    color: var(--wpMain);
}
.faq-section .faq-item.activate .question::after {
    transform: rotate(180deg);
}
.faq-section .faq-item.activate .answer {
    display: block;
}
/* ==============================
    ABOUT
    page: /company/about.html,
============================== */
.about-section {
    width: 100%;
}
.about-section hr {
    margin: 80px 0;
    height: 6px;
    background-color: #eee;
    border: 0;
}
.about-section .history {
    position: relative;
    width: 100%;
}
.about-section .history__img {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100%;
    overflow: hidden;
}
.about-section .history__img img {
    height: 100%;
}
.about-section .history__conts {
    position: relative;
    padding-left: calc(50% + 40px);
    padding-bottom: 80px;
    height: auto;
}
.about-section .history__conts h2 {
    margin-bottom: 40px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.6;
    color: var(--wpDark01);
}
.about-section .history__conts p {
    font-size: 18px;
    letter-spacing: -1px;
    line-height: 1.6;
    color: var(--wpDark03);
}
.about-section .history__conts p br {
    display: block;
    content: '';
    margin-top: 32px;
}
.about-section .intro-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 80px 40px;
}
.about-section .intro {
    width: calc(50% - 20px);
}
.about-section .intro:nth-child(2) {
    order: 3;
}
.about-section .intro:nth-child(3) {
    order: 2;
}
.about-section .intro:nth-child(4) {
    order: 4;
}
.about-section .intro__title {
    padding-bottom: 24px;
    border-bottom: 1px solid var(--wpBd);
    color: var(--wpMain);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 1.4;
}
.about-section .intro__conts {
    padding-top: 24px;
    letter-spacing: -1px;
    line-height: 1.6;
    color: var(--wpDark03);
}
/* ==============================
    ABOUT
    page: /company/about.html,
============================== */
.guide-auction-section {
    width: 100%;
    max-width: 852px;
    margin: 0 auto;
}
.guide-auction-section .section__title {
    text-align: center;
}
.guide-auction-section .section__conts {
    margin-top: 40px;
}
.guide-section .type-guide {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 40px;
}
.guide-section .type-guide .type__name {
    position: relative;
    display: block;
    width: 100%;
    height: 56px;
    line-height: 56px;
    padding: 0 20px;
    border: 1px solid var(--wpBd);
    color: var(--wpMain);
    background: #fff;
    cursor: pointer;
    font-weight: 500;
}
.guide-section .type-guide .type__name::before,
.guide-section .type-guide .type__name::after {
    position: absolute;
    top: 27px;
    right: 20px;
    content: '';
    width: 18px;
    height: 2px;
    background-color: var(--wpMain);
}
.guide-section .type-guide .type__name::after {
    transform: rotate(-90deg);
}
.guide-section .type-guide .type .type__cont {
    display: none;
}
.guide-section .type-guide .type.activate .type__cont {
    display: block;
}
.guide-section .type-guide .type.activate .type__name::after {
    transform: rotate(0);
}
.guide-section .auc-guide-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.guide-section .auc-guide {
    padding: 40px 60px 40px 220px;
    letter-spacing: -1px;
}
.guide-section .auc-guide:nth-child(1){ background: url(../images/ico-guide-ac01.svg) 60px center no-repeat #fff; }
.guide-section .auc-guide:nth-child(2){ background: url(../images/ico-guide-ac02.svg) 60px center no-repeat #fff; }
.guide-section .auc-guide:nth-child(3){ background: url(../images/ico-guide-ac03.svg) 60px center no-repeat #fff; }
.guide-section .auc-guide:nth-child(4){ background: url(../images/ico-guide-ac04.svg) 60px center no-repeat #fff; }
.guide-section .auc-guide:nth-child(5){ background: url(../images/ico-guide-ac05.svg) 60px center no-repeat #fff; }
.guide-section .auc-guide__title {
    font-size: 20px;
    font-weight: 700;
    color: var(--wpDark01);
}
.guide-section .auc-guide__conts {
    margin-top: 16px;
}
.guide-section .auc-guide__conts p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    color: var(--wpDrak02);
}
.guide-section .auc-guide__conts .warn {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    color: var(--wpMain);
}
.guide-section .more {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 40px;
    font-size: 14px;
    letter-spacing: -0.5px;
}
.guide-section .more span {
    color: var(--wpDark03);
}
.guide-section .more a {
    display: inline-table;
    padding-right: 8px;
    background: url(../images/ico-guide-more.svg) right center no-repeat;
    font-weight: 500;
    color: var(--wpMain);
}
.guide-section .user-guide {
    width: 100%;
    max-width: 890px;
    margin: 0 auto;
}
.guide-section .user-guide__navs {
    display: flex;
}
.guide-section .user-guide__nav {
    position: relative;
    display: inline-block;
    width: 160px;
    height: 60px;
    background-color: #eee;
    line-height: 60px;
    font-size: 18px;
    letter-spacing: -1px;
    font-weight: 500;
    color: #aaa;
    text-align: center;
    overflow: visible;
}
.guide-section .user-guide__nav::before {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 4px;
    content: '';
    background-color: #fff;
}
.guide-section .user-guide__nav.activate {
    background-color: #fff;
    color: var(--wpMain);
    border: 1px solid var(--wpMain);
    border-bottom: 0;
}
.guide-section .user-guide__nav.activate::before {
    display: block;
}
.guide-section .user-guide__cont {
    display: none;
}
.guide-section .user-guide__cont.activate {
    display: block;
}
.guide-section .user-guide__cont .policy {
    padding: 30px 40px;
    border: 1px solid var(--wpMain);
}
.guide-section .user-guide__cont .policy  ol {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.guide-section .user-guide__cont .policy ol li {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--wpDark02);
    letter-spacing: -1px;
    line-height: 1.6;
}
.guide-section .user-guide__cont .policy ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.guide-section .user-guide__cont .policy ul li {
    position: relative;
    padding-left: 10px;
    font-weight: 500;
    color: var(--wpMain);
}
.guide-section .user-guide__cont .policy ul li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '·';
    width: 2px;
    height: 100%;
    text-align: center;
    color: #000;
}
.guide-section .user-guide__cont .policy .inform {
    font-size: 14px;
    font-weight: 400;
    color: var(--wpMain);
}
.guide-section .user-guide__cont .type-guide {
    margin-top: 100px;
    gap: 40px;
}
.guide-section .user-guide__cont .type__cont {
    padding: 40px;
    background-color: #fafafa;
}
.guide-section .user-guide__cont .type__cont ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 20px 40px;
}
.guide-section .user-guide__cont .type__cont ol li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(25% - 30px);
    height: 104px;
    padding: 0 14px;
    border: 1px solid var(--wpBd);
    background-color: #fff;
}
.guide-section .user-guide__cont .type__cont ol li::after {
    position: absolute;
    top: 41px;
    right: -28px;
    content: '';
    width: 12px;
    height: 22px;
    background: url(../images/ico-guide-next.svg) center no-repeat;

}
.guide-section .user-guide__cont .type__cont ol li:last-child:after,
.guide-section .user-guide__cont .type__cont ol li:nth-child(4n):after {
    display: none;
}
.guide-section .user-guide__cont .type__cont ol li span {
    font-size: 15px;
    letter-spacing: -1px;
    word-break: keep-all;
    line-height: 1.4;
    text-align: center;
}

.guide-section .mb-guide {
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
}
.guide-section .mb-guide__title {
    margin-bottom: 70px;
    font-size: 28px;
    font-weight: 700;
    color: var(--wpDark02);
    text-align: center;
}
.guide-section .mb-guide__level {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    height: 518px;
}
.guide-section .mb-guide__level .level {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 156px 14px 0;
    color: #fff;
}
.guide-section .mb-guide__level .level:nth-child(1) { height: 318px; background: url(../images/ico-trophy03.svg) center 60px no-repeat #ff7b58; }
.guide-section .mb-guide__level .level:nth-child(2) { height: 418px; background: url(../images/ico-trophy02.svg) center 60px no-repeat #7C92FF; }
.guide-section .mb-guide__level .level:nth-child(3) { height: 518px; background: url(../images/ico-trophy01.svg) center 60px no-repeat #FFD370; color: #000; }
.guide-section .mb-guide__level .level__name {
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
}
.guide-section .mb-guide__level .level__benefits {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.guide-section .mb-guide__level .level__benefits li {
    text-align: center;
    font-size: 14px;
    letter-spacing: -1px;
}
.guide-section .mb-guide .type-guide .type__cont .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: auto;
    padding: 40px 14px;
    background-color: #fafafa;
    color: var(--wpDark02);
}
.guide-section .mb-guide .type-guide .type__cont .text strong {
    font-size: 18px;
    letter-spacing: -1px;
    font-weight: 500;
}
.guide-section .mb-guide .type-guide .type__cont .text .inform {
    font-size: 14px;
    letter-spacing: -1px;
}
/* ==============================
    ENTER
    page: /user/enter.html,
============================== */
.enter-section {
    min-height: 100vh;
    padding-top: 220px;
    text-align: center;
    background-color: #f8f8fa;
}
.enter {
    display: inline-block;
    padding: 50px;
    background-color: #fff;
    border: 1px solid var(--wpBd);
}
.enter__title {
    font-weight: 500;
    margin-bottom: 12px;
    color: var(--wpMain);
}
.enter__desc {
    font-weight: 300;
    letter-spacing: -1px;
    color: #686868;
}
.enter__form {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 44px;
    margin-top: 32px;
}
.enter__form input {
    width: calc(100% - 108px);
    height: 100%;
    padding: 10px;
    border: 1px solid var(--wpBd);
}
.enter__form button[type="submit"] {
    width: 96px;
    height: 100%;
    background-color: var(--wpMain);
    color: #fff;
    font-weight: 600;
}
/* ==============================
    MY CARS, MY TRADES,
    MY BID, MY LIKES
    page: /user/my*.html
============================== */
.user-car-section {
    width: 100%;
    max-width: 1055px;
    margin: 0 auto;
}
.user-car-section .section__title {
    text-align: center;
}
.user-car-section .section__desc {
    text-align: center;
}
.user-car-section .section__conts {
    margin-top: 40px;
}
/* ----- [user] dropdown ----- */
.user-car-section .dropdown__cont {
    display: block;
}
/* ----- [user] car list ----- */
.user-car-section .car-list {
    width: 100%;
}
.user-car-section .car-list__head {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    background-color: #f4f4f4;
}
.user-car-section .car-list__head span {
    display: inline-block;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    letter-spacing: -1px;
    color: var(--wpDark02);
}
.user-car-section .car-list__head .wrap {
    display: flex;
    justify-content: center;
    width: calc(100% - 605px);
}
.user-car-section .car-list__head .wrap--full { width: calc(100% - 460px); }
.user-car-section .car-list__head .wrap span { flex: 1; }
.user-car-section .car-list__head .info { width: 460px; }
.user-car-section .car-list__head .utils { width: 145px; }
.user-car-section .car-list__head .likes { width: calc(100% - 145px); }
.user-car-section .car-list__body hr {
    border: 0;
    border-top: 1px solid #eee;
    margin: 0;
}
.user-car-section .car-list--bid .car-list__head .price { width: 280px; }
.user-car-section .car-list--trade .car-list__head .price,
.user-car-section .car-list--trade .car-list__head .nation,
.user-car-section .car-list--trade .car-list__head .download,
.user-car-section .car-list--trade .car-list__head .state {
    width: 105px;
}
/* ----- [user] search box ----- */
.user-section .car-search {
    width: 100%;
    border: 1px solid var(--wpBd);
    margin-bottom: 50px;
    background-color: #fff;
}
.user-section .car-search__navs {
    display: flex;
    justify-content: space-between;
    padding: 20px 40px;
    height: 56px;
}
.user-section .car-search__navs--likes {
    justify-content: end;
}
.user-section .car-search__navs ul {
    display: flex;
    gap: 48px;
}
.user-section .car-search__navs ul li a {
    letter-spacing: -1px;
    color: var(--wpDark04);
}
.user-section .car-search__navs ul li.on a {
    font-weight: 500;
    color: var(--wpMain);
}
.user-section .car-search__navs .more {
    display: inline-block;
    height: 14px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: -1px;
    color: var(--wpDark03);
    padding-right: 22px;
    background: url(../images/ico-search-more.svg) right center no-repeat;
}
.user-section .car-search--likes .car-search__navs {
    justify-content: end;
}
.user-section .car-search .car-search__navs + .car-search__form {
    border-top: 1px solid var(--wpBd);
}
.user-section .car-search__form {
    width: 100%;
}
.user-section .car-search__form .form {
    position: relative;
    width: 100%;
}
.user-section .car-search__form .form__fields {
    display: flex;
    justify-content: space-between;
    padding: 24px 40px;
    border-bottom: 1px solid var(--wpBd);
}
.user-section .car-search__form .form__fields .fieldset {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 32px;
}
.user-section .car-search__form .form__fields .fieldset .label {
    font-weight: 500;
    letter-spacing: -1px;
    color: var(--wpDark02);
}
.user-section .car-search__form .form__fields .fieldset .options {
    display: flex;
    gap: 24px;
}
.user-section .car-search__form .form__fields .fieldset .options--boxes {
    gap: 8px;
}
.user-section .car-search__form .form__fields .fieldset .options .option {
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 2px;
}
.user-section .car-search__form .form__fields .fieldset .options .option input {
    width: 12px;
    height: 12px;
}
.user-section .car-search__form .form__fields .fieldset .options .option label {
    font-size: 14px;
    letter-spacing: -0.5px;
    color: var(--wpDark03);
    cursor: pointer;
}
.user-section .car-search__form .form__fields .fieldset .options .option--box input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}
.user-section .car-search__form .form__fields .fieldset .options .option--box label {
    display: inline-block;
    padding: 6px 12px;
    height: 30px;
    border: 1px solid var(--wpBd);
    font-size: 14px;
    color: var(--wpDark03);
}
.user-section .car-search__form .form__fields .fieldset .options .option--box input:checked + label {
    border-color: var(--wpMain);
    background-color: var(--wpMain);
    color: #fff;
}
.user-section .car-search__form .form__fields .fieldset input {
    flex: 1;
    height: 36px;
    border: 1px solid var(--wpBd);
    padding: 10px;
}
.user-section .car-search__form .form__actions {
    display: flex;
    gap: 12px;
    padding: 20px 40px 30px;
}
.user-section .car-search__form .form__actions .btn {
    width: 160px;
    height: 44px;
    border: 1px solid var(--wpBd);
    line-height: 44px;
    text-align: center;
    letter-spacing: -1px;
    color: var(--wpDark04);
}
.user-section .car-search__form .form__actions .submit-btn {
    background-color: var(--wpMain);
    color: #fff;
    border-color: var(--wpMain);
}
.user-section .car-search .dropdown__cont { display: none; }
.user-section .car-search.dropdown.activate .dropdown__cont { display: block; }
/* ----- [user] toolbar ----- */
.user-section .car-toolbar {
    z-index: 29;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}
.user-section .car-toolbar__count {
    font-weight: 300;
    color: var(--wpDark03);
}
.user-section .car-toolbar__count .value {
    font-weight: 700;
    color: var(--wpMain);
}
.user-section .car-toolbar__utils {
    display: flex;
    gap: 21px;
}
.user-section .car-toolbar__utils .order.category {
    display: none;
}
.user-section .car-toolbar__utils .order.align {
    display: block;
}
.user-section .car-toolbar__utils .order__selected {
    position: relative;
    display: none;
    width: 100%;
    height: 24px;
    line-height: 24px;
    padding-left: 14px;
    background-color: #fff;
    font-size: 11px;
    letter-spacing: -1px;
    color: var(--wpDark02);
}
.user-section .car-toolbar__utils .order__selected::after {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 10px;
    height: 8px;
    content: '';
    background: url(../images/ico-select.svg) center no-repeat;
}
.user-section .car-toolbar__utils .order__options {
    position: relative;
    top: 0;
}
.user-section .car-toolbar__utils .order__wrap {
    position: relative;
    width: auto;
    display: flex;
    flex-direction: row;
    gap: 22px;
}
.user-section .car-toolbar__utils .order__option {
    position: relative;
}
.user-section .car-toolbar__utils .order__option:nth-child(n  + 2)::before {
    position: absolute;
    top: 1px;
    left: -11px;
    width: 1px;
    height: 14px;
    content: '';
    background-color: var(--wpDark03);
}
.user-section .car-toolbar__utils .order__option label {
    white-space: nowrap;
    font-size: 14px;
    letter-spacing: -1px;
    color: var(--wpDark04);
}
.user-section .car-toolbar__utils .order__option input:checked + label {
    color: var(--wpDark02);
}
/* ----- [user] trade process ----- */
.user-section .trade-process {
    display: flex;
    gap: 60px;
    margin: 12px 0 50px;
}
.user-section .trade-process .option {
    position: relative;
    width: calc(20% - 48px);
    height: 163px;
    border: 1px solid var(--wpBd);
    color: var(--wpDark02);
}
.user-section .trade-process .option:nth-child(n + 2)::before {
    position: absolute;
    top: calc(50% - 8px);
    left: -34px;
    width: 8px;
    height: 16px;
    content: '';
    background: url(../images/ico-trade-next.svg) center no-repeat;
}
.user-section .trade-process .option input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
}
.user-section .trade-process .option label {
    display: block;
    width: 100%;
    height: 100%;
    padding: 120px 0 30px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -1px;
    cursor: pointer;
}
.user-section .trade-process .option:nth-child(1) label { background: url(../images/ico-trade01.svg) center 30px no-repeat #fff; }
.user-section .trade-process .option:nth-child(2) label { background: url(../images/ico-trade02.svg) center 30px no-repeat #fff; }
.user-section .trade-process .option:nth-child(3) label { background: url(../images/ico-trade03.svg) center 30px no-repeat #fff; }
.user-section .trade-process .option:nth-child(4) label { background: url(../images/ico-trade04.svg) center 30px no-repeat #fff; }
.user-section .trade-process .option:nth-child(5) label { background: url(../images/ico-trade05.svg) center 30px no-repeat #fff; }
.user-section .trade-process .option:nth-child(1) input:checked + label { background: url(../images/ico-trade01_wh.svg) center 30px no-repeat var(--wpMain); }
.user-section .trade-process .option:nth-child(2) input:checked + label { background: url(../images/ico-trade02_wh.svg) center 30px no-repeat var(--wpMain); }
.user-section .trade-process .option:nth-child(3) input:checked + label { background: url(../images/ico-trade03_wh.svg) center 30px no-repeat var(--wpMain); }
.user-section .trade-process .option:nth-child(4) input:checked + label { background: url(../images/ico-trade04_wh.svg) center 30px no-repeat var(--wpMain); }
.user-section .trade-process .option:nth-child(5) input:checked + label { background: url(../images/ico-trade05_wh.svg) center 30px no-repeat var(--wpMain); }
.user-section .trade-process .option input:checked + label {
    background-color: var(--wpMain);
    border-color: var(--wpMain);
    color: #fff;
}
/* ----- [user] trade state ----- */
.user-section .trade-state {
    width: 100%;
}
.user-section .trade-state ul {
    display: flex;
    gap: 10px;
}
.user-section .trade-state ul li {
    width: calc(20% - 4px);
    height: 55px;
    line-height: 55px;
    letter-spacing: -1px;
    color: var(--wpDark04);
    background-color: #fafafa;
    text-align: center;
}
.user-section .trade-state ul li.on {
    background-color: var(--wpMain);
    color: #fff;
}

/* ----- [user] bid guide ----- */
.user-section .bid-guide {
    display: flex;
    padding: 40px 0;
    border: 1px solid var(--wpBd);
    background-color: #f4f4f4;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -1px;
}
.bid-guide__btn {
    display: none;
    z-index: 39;
    position: fixed;
    top: 20px;
    right: 50px;
    font-weight: 14;
    letter-spacing: -1px;
    color: var(--wpBlue);
    text-decoration: underline;
}
.user-section .bid-guide strong {
    font-weight: 700;
}
.user-section .bid-guide__inform {
    flex: 1;
    padding: 0 40px;
    border-right: 1px solid var(--wpBd);
}
.user-section .bid-guide__inform p {
    line-height: 1.7;
    letter-spacing: -1px;
}
.user-section .bid-guide__conts {
    flex: 1;
    padding: 0 40px;
}
.user-section .bid-guide__conts ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.user-section .bid-guide__conts ul li {
    position: relative;
    padding-left: 8px;
    line-height: 1.5;
    letter-spacing: -1px;
}
.user-section .bid-guide__conts ul li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '·';
    font-size: 16px;
}
.user-section .bid-guide__conts .warn {
    display: block;
    margin-top: 16px;
    color: var(--wpRed);
    font-size: 12px;
    letter-spacing: -1px;
}
/* ----- [user] trade list ----- */
.user-section .car-list {
    margin-top: 50px;
}
.user-section .car-toolbar + .car-list {
    margin-top: 16px;
}
/* ----- [user] docs ----- */
.user-section .docs {
    margin-top: 50px;
    font-size: 14px;
    letter-spacing: -1px;
    color: var(--wpDark02);
}
.user-section .docs table {
    width: 100%;
    border: 1px solid var(--wpBd);
}
.user-section .docs table thead tr {
    height: 30px;
}
.user-section .docs table thead tr th {
    line-height: 28px;
    background-color: #f4f4f4;
}
.user-section .docs table thead tr th:nth-child(odd) {
    width: 200px;
}
.user-section .docs table thead tr th:nth-child(2) {
    border: 1px solid var(--wpBd);
    border-width: 0 1px 0;
}
.user-section .docs table tbody tr {
    height: 60px;
}
.user-section .docs table tbody tr td {
    vertical-align: middle;
    text-align: center;
}
.user-section .docs table tbody tr td:nth-child(2) {
    border: 1px solid var(--wpBd);
    border-width: 0 1px 0;
}
.user-section .docs table tbody tr td .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 40px;
}
.user-section .docs table tbody tr td .wrap .name {
    display: inline-block;
    width: calc(100% - 200px);
    line-height: 20px;
    text-align: left;
    color: #777;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.user-section .docs table tbody tr td .wrap .utils {
    display: flex;
    gap: 8px;
}
.user-section .docs table tbody tr td .wrap .utils__item {
    display: inline-block;
    width: 80px;
    height: 30px;
    border: 1px solid var(--wpBd);
    line-height: 28px;
}
.user-section .docs__inform {
    margin-top: 22px;
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 1.25;
    color: var(--wpDark03);
    text-align: center;
}
.user-section .docs__register {
    display: block;
    width: 104px;
    height: 40px;
    margin: 40px auto 0;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
    background-color: var(--wpDark01);
    color: #fff;
}
/* ==============================
    POLICY, TERMS
    page: /service/terms.html,
        /service/privacy.html
============================== */
.policy-section {
    max-width: 960px;
}
.policy-section .section__title {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--wpMain);
    text-align: center;
}
.policy-section .policy {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.policy-section .policy__date {
    display: block;
    text-align: right;
    font-size: 14px;
    color: var(--wpDark04);
}
.policy-section .policy__conts {
    font-size: 15px;
    line-height: 1.4;
}
.policy-text {
    width: 100%;
    height: 12506px;
    margin-top: 60px;
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.5px;
    line-height: 1.5;
    overflow: hidden;
    display: inline-block;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    background: #fff;
    padding: 16px;
    color: #333;
    resize: none;
}
textarea.read-only {
    height: auto;
    min-height: auto;
    border: 0;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 300;
}
.board-contents {
    width: 100%;
    resize: none;
    overflow: hidden;
}
.recruit-contents {
    width: 100%;
    height: auto;
    min-height: auto;
    resize: none;
    overflow: hidden;
    border: 0;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    background-color: #f4f4f4;
    line-height: 170%;
}
.pics-row {
    display: flex;
    flex-wrap: wrap;
}
.pic-row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 14px 8px;
    width: calc(100% - 140px);
}
.pics-row .pic-row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 14px 8px;
    width: 100%;
}
.pic-row .main-uploader, .pic-row .option-uploader {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: calc(16.6666% - 8.3333px);
    height: auto;
}
.pic-row .main-uploader .uploader__add, .pic-row .option-uploader .uploader__add {
    z-index: 91;
    position: relative;
    width: 100%;
    height: auto;
}
.pic-row .main-uploader .uploader__add .img-wrap, .pic-row .option-uploader .uploader__add .img-wrap {
    z-index: 92;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: url(../images/ico-camera_xl.svg) center no-repeat #eee;
    overflow: hidden;
}
.pic-row .main-uploader .uploader__add .img-wrap img, .pic-row .option-uploader .uploader__add .img-wrap img {
    width: 100%;
}
.img-wrap img, .pic-row .option-uploader .uploader__add .img-wrap video {
    width: 100%;
    background-color: #000;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}
.pic-row .main-uploader .uploader__add label, .pic-row .option-uploader .uploader__add label {
    z-index: 94;
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 75%;
    cursor: pointer;
}
.pic-row .main-uploader .uploader__title, .pic-row .option-uploader .uploader__title {
    text-align: center;
    font-size: 12px;
    letter-spacing: -0.5px;
    color: var(--wpDark03);
    height: 14px;
}
.pics .uploader__del__default {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    background: url(../images/ico-del.svg) 100%;;
}
.pic-row .video-uploader {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: calc(16.6666% - 8.3333px);
    height: auto;
}
.pic-row .video-uploader .uploader__add {
    z-index: 91;
    position: relative;
    width: 100%;
    height: auto;
}
.pic-row .video-uploader .uploader__add .img-wrap {
    z-index: 92;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: url(../images/ico-camera_xl.svg) center no-repeat #eee;
    overflow: hidden;
}
.pic-row .video-uploader .uploader__add .img-wrap video {
    width: 100%;
    background: #000;
}
.pic-row .video-uploader .uploader__add label {
    z-index: 94;
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 75%;
    cursor: pointer;
}
.pic-row .video-uploader .uploader__title {
    text-align: center;
    font-size: 12px;
    letter-spacing: -0.5px;
    color: var(--wpDark03);
    height: 14px;
}

/* spinner */
.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
.spinner {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -2em;
    margin-left: -2em;
    z-index: 99;
}
.lds-ellipsis div {
    background: #AB2131;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}
header, main, footer, aside {
    opacity: 0;
}
.apiFrame {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    height: 700px;
    width: 700px;
    border: 1px solid #999;
    z-index: 99 !important;
}
.total-line {
    border-top: 1px solid #dbdbdb;
    padding-top: 20px;
}
.msg-warn {
    font-size: 14px;
    letter-spacing: -0.5px;
    line-height: 1.5;
    color: var(--wpRed);
}