@charset "UTF-8";

@media all and (max-width: 1428px) {
    /* ========== HOME : carousel ========== */
    .home-top .carousel__item a .text {
        left: 11%;
    }
    .home-top .carousel__item a .text h3 {
        font-size: 2.5vw;
    }
    .home-top .carousel__item a .text p {
        font-size: 1.3vw;
    }
    /* ========== HOME : slide ========== */
    .home-cars--slide .slider__btn {
        top: calc(50% - 112px);
    }
    .home-cars--slide div[class*="slider__btn--prev"] { 
        left: 8px;
     }
    .home-cars--slide div[class*="slider__btn--next"] {
        right: 8px;
    }
   /* ========== HOME : category ========== */
    .home-category {
        gap: 120px 60px;
    }
    .home-category .section {
        width: calc(50% - 30px);
    }
    /* ========== HOME : cars ========== */
    .car-section .car-list { gap: 60px 20px; }
    .car-section .car-list .cCard {
        width: calc(33.3333% - 13.3333px);
    }
    /* ========== USER: car search ========== */
    .user-section .car-search__form .form__fields {
        gap: 20px;
    }
    .user-section .car-search--trade .car-search__form .form__fields .fieldset .label {
        width: 60px;
    }
}
@media all and (max-width: 1240px) {
    /* ========== HOME ========== */
    .car-section .car-list { gap: 50px 20px; }
    .car-section .car-list .cCard {
        width: calc(50% - 10px);
    }
    /* ========== USER : car-list ========== */
    .user-car-section .car-list__head .info { width: 445px; }
    .user-car-section .car-list__head .utils { width: 100px; }
    .user-car-section .car-list__head .wrap { width: calc(100% - 545px); }
    .user-car-section .car-list__head .likes { width: calc(100% - 100px); }
    /* ========== USER : car-search ========== */
    .user-section .car-search__navs {
        padding: 20px;
    }
    .user-section .car-search__navs.pc {
        display: none;
    }
    .user-section .car-search__form .form__fields {
        flex-direction: column;
        padding: 20px;
    }
    /* ========== USER : car-guide ========== */
    .user-section .bid-guide {
        padding: 24px 0;
    }
    .user-section .bid-guide__inform,
    .user-section .bid-guide__conts {
        padding: 0 20px;
    }
    /* ========== CAR DETAILS ========== */
    .cDetails__photo{
        width: calc(100% - 370px);
    }
    .cDetails__infos {
        width: 330px;
    }
    .cDetails__spec,
    .cDetails__auction {
        flex: auto;
        width: 100%;
    }
    /* ========== REVIEW ========== */
    .review-section .review-list {
        gap: 40px 30px;
    }
    .review-section .review-list .rvCard {
        width: calc(33.3333% - 20px);
    }
}
@media all and (max-width: 992px) {
    /* ========== SECITON : title, desc, conts ========== */
    .section__title {
        font-size: 24px;
    }
    .section__desc {
        margin-top: 8px;
        font-size: 14px;
    }
    .acc-section__title,
    .section__title--pc,
    .section__desc--pc {
        display: none;
    }
    .acc-section__conts,
    .guide-auction-section .section__conts,
    .section__title--pc + .section__conts {
        margin-top: 0;
    }
    .review-write-section .section__conts {
        padding-bottom: 0;
    }
    /* ========== HOME ========== */
    .home .section__title,
    .home .section__desc {
        text-align: left;
    }
    .home .section__title .link {
        padding-right: 24px;
    }
    .home .section__title .link::after {
        top: 8px;
        width: 20px;
        height: 20px;
    }
    .home-top .carousel__item a .text {
        left: 0;
        width: 100%;
        text-align: center;
    }
    .home-top .carousel__nav { right: 14px; }
    /* ========== HOME : car slide ========== */
    .home-cars--slide { width: calc(100% + 14px); }
    .home-cars--slide .slider__item { width: 200px; }
    .home-cars--slide .slider__btn { display: none; }
    .home-cars--slide div[class*="slider__pagination"] { display: none; }
    /* ========== HOME : category ========== */
    .home-category {
        gap: 100px;
        flex-direction: column;
    }
    .home-category .section { width: 100%; }
    .home-cars--list .car-list {
        display: flex;
        flex-wrap: wrap;
        gap: 40px 20px;
    }   
    .home-category .section:nth-child(2) .car-list { 
        gap: 40px 20px; 
    }
    .home-cars--list .car-list__item { 
        width: calc(50% - 10px); 
    }
    .home-cars--slide .slider__item .cCard__thumb {
        padding-top: 100%;
    }
    /* ========== HOME : review ========== */
    .home-reviews .rvCard { width: 300px; }
    /* ========== HOME : notice, cs ========== */
    .home-btm { display: none; }

    /* ========== DETAILS ========== */ 
    .cDetails { gap: 32px; }
    .cDetails .section__title { margin-top: 16px; }
    .cDetails__photo {
        width: 100vw;
        transform: translateX(-14px);
    } 
    .cDetails__photo .picSlider { width: 100vw; }
    .cDetails__photo .picNavs { display: none; }
    .cDetails__infos {
        width: 100%;
        gap: 40px;
    }
    .cDetails__auction,
    .cDetails__spec {
        flex: 1;
        width: calc(50% - 20px);
    }
    .cDetails__auction .sCard,
    .cDetails__auction .specCard { padding: 20px 24px; }
    .cDetails__spec .specCard__list { gap: 24px; }
    .cDetails__auction .aucForm__agreement { margin-bottom: 32px; }
    .cDetails__auction .like-btn {
        width: 48px;
        height: 48px;
    }
    .cDetails__auction .action-btn {
        width: calc(100% - 56px);
        height: 48px;
        line-height: 48px;
    }
    /* ========== CAR FILTER ========== */ 
    .car-filter {
        z-index: 90;
        position: fixed;
        top: 101%;
        left: 0;
        width: 100%;
        height: calc(100% - 30px);
        border-radius: 30px 30px 0 0;
        overflow: hidden;
        transition: .3s ease-in-out;
    }
    .car-filter.activate { top: 30px; }
    .car-filter::-webkit-scrollbar { display: none; }
    .car-filter-inner {
        height: 100%;
        padding: 0;
        overflow: hidden;
    }
    .car-filter__top {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 55px;
        border-bottom: 1px solid #eee;
    }
    .car-filter__top .title {
        width: 100%;
        height: 100%;
        font-size: 16px;
        line-height: 55px;
        text-align: center;
    }
    .car-filter__top .reset-btn {
        display: none;
    }
    .car-filter__top .close-btn {
        display: block;
    }
    .car-filter__btm {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 44px;
        margin-top: 0;
    }
    .car-filter__body {
        position: absolute;
        top: 55px;
        height: calc(100% - 99px);
        padding: 0 20px;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .car-filter__body::-webkit-scrollbar { 
        display: none; 
    }
    .car-filter__body .filter-form__item:first-child { 
        border-top: 0; 
    }
    .car-filter-btn { 
        display: block; 
    }
    /* ========== CAR REGSITER ========== */ 
    .cRegister-form { max-width: 100%; }
    /* ========== REVIEW ========== */ 
    .review-section .review-list { 
        gap: 40px 16px; 
    }
    .review-section .review-list .rvCard { 
        width: calc(50% - 8px); 
    }
    .review-section .review-article__top {
        padding: 20px 30px;
    }
    .review-section .review-article__title {
        padding: 0 40px;
    }
    .review-section .review-form .star-score {
        justify-content: center;
    }
    /* ========== FAQ ========== */ 
    .faq-section .faq-item .question {
        padding: 20px 40px 20px 0;
    }
    .faq-section .faq-item .question::after {
        right: 10px;
    }
    .faq-section .faq-item .answer {
        padding: 16px 10px; 
    }
    /* ========== ABOUT ========== */ 
    .about-section .history__img {
        position: relative;
        width: calc(100% + 28px);
        transform: translateX(-14px);
        height: auto;
        margin-bottom: 80px;
    }
    .about-section .history__img img {
        width: 100%;
    }
    .about-section .history__title h2 {
        font-size: 30px;
    }
    .about-section .history__title h2 br {
        display: none;
    }
    .about-section .history__conts {
        padding: 0;
    }
    .about-section .history__conts h2 {
        font-size: 22px;
    }
    .about-section .history__conts p {
        font-size: 16px;
    }
    .about-section .history__conts p br {
        margin-top: 24px;
    }
    .about-section .intro-wrap {
        flex-direction: column;
        gap: 60px;
    }
    .about-section .intro {
        width: 100%;
    }
    .about-section .intro:nth-child(2) {
        order: 2;
    }
    .about-section .intro:nth-child(3) {
        order: 3;
    }
    .about-section .intro__title {
        padding-bottom: 16px;
    }
    .about-section .intro__conts {
        padding-top: 16px;
    }
    /* ========== GUIDE ========== */ 
    .guide-section .section__title {
        display: none;
    }
    .guide-section .auc-guide__title {
        font-size: 16px;
    }
    .guide-section .user-guide__navs { 
        width: calc(100% + 28px);
        transform: translateX(-14px);
    }
    .guide-section .user-guide__nav {
        width: 50%;
        height: 56px;
        height: 56px;
        background-color: #fff;
        border-bottom: 1px solid #e5e5e5;
        font-size: 14px;
        text-align: center;
    }
    .guide-section .user-guide__nav.activate {
        border: 0;
        border-bottom: 4px solid var(--wpMain);
    }
    .guide-section .user-guide__nav.activate::before {
        display: none;
    }
    .guide-section .auc-guide__conts p {
        font-size: 14px;
    }
    .guide-section .user-guide__conts {
        margin-top: 50px;
    }
    .guide-section .user-guide__cont {
        padding: 30px 20px;
    }
    .guide-section .user-guide__cont .policy ol {
        gap: 40px;
    }
    .guide-section .user-guide__cont .policy ol li {
        gap: 0;
    }
    .guide-section .user-guide__cont .policy ol li ol {
        margin-top: 40px;
    }
    .guide-section .user-guide__cont .policy ul {
        margin-top: 24px;
    }
    .guide-section .user-guide__cont .policy .inform {
        display: block;
        margin-top: 10px;
    }
    .guide-section .user-guide__cont .type__cont ol li span {
        font-size: 15px;
    }
    /* ========== USER: ENTER ========== */ 
    .enter-section {
        min-height: 100%;
        background-color: #fff;
        padding-top: 0;
    }
    .enter {
        height: 100%;
        padding: 30px;
        border: 0;
    }
    .enter__desc {
        font-size: 14px;
    }
    .enter__form input {
        width: calc(100% - 88px);
    }
    .enter__form button[type="submit"] {
        width: 80px;
    }
    /* ========== USER: CAR SECTION ========== */ 
    .user-car-section .dropdown__cont { 
        display: none;
    }
    .user-car-section .dropdown.activate .dropdown__cont { 
        display: block;
    }
    .user-car-section .car-list {
        width: 100%;
        margin-top: 0;
    }
    .user-car-section .car-list__head { display: none;}
    .user-car-section .car-list__body {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 30px 20px;
        margin-top: 24px;
    }
    .user-car-section .car-list__body--center {
        justify-content: center;
    }
    .user-car-section .car-list__body .sCard {
        width: calc(50% - 10px);
        padding: 0 14px;
        border: 1px solid #eee;
        border-radius: 6px;
    }
    .user-car-section .car-list__body .sCard--none {
        width: calc(100% - 10px);
        padding: 0 14px;
        border: 1px solid #eee;
        border-radius: 6px;
    }
    .user-car-section .car-list hr {
        display: none;
    }
    .user-section .car-search {
        width: calc(100% + 28px);
        margin-bottom: 0;
        border: 0;
        transform: translateX(-14px);
    }
    .user-section .car-search__navs {
        height: 44px;
        padding: 0;
        bottom: 0;
    }
    .user-section .car-search__navs--likes {
        height: 0;
    }
    .user-section .car-search__navs ul {
        width: 100%;
        gap: 0;
    }
    .user-section .car-search__navs ul li {
        flex: 1;
        padding-top: 14px;
        text-align: center;
        border-bottom: 1px solid #eee;
    }
    .user-section .car-search__navs li.on {
        border-bottom: 4px solid var(--wpMain);
    }
    .user-section .car-search__navs .more {
        display: none;
    }
    .user-section .car-search__form .form__fields {
        padding: 0;
        border-bottom: 0;
    }
    .user-section .car-search__form .form__fields .fieldset--category {
        display: none;
    }
    .user-section .car-search__form .form__fields .fieldset--keywords .label {
        display: none;
    }
    .user-section .car-search__form .form__fields .fieldset--keywords input {
        height: 40px;
        padding-right: 56px;
        border: 0;
    }
    .user-section .car-search__form .form__actions {
        padding: 0;
        height: 0;
    }
    .user-section .car-search__form .form__actions .reset-btn {
        display: none;
    }
    .user-section .car-search__form .form__actions .submit-btn {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 0;
        width: 56px;
        height: 40px;
        border: 0;
        background: url(../images/ico-menu_search.svg) center no-repeat transparent;
    }
    .user-section .car-toolbar {
        align-items: start;
        justify-content: space-between;
        width: calc(100% + 28px);
        height: 36px;
        padding: 0 14px;
        background-color: #f4f4f4;
        transform: translateX(-14px);
    }
    .user-section .car-toolbar--end {
        justify-content: end;
    }
    .user-section .car-toolbar__count {
        line-height: 36px;
        font-size: 14px;
    }
    .user-section .car-toolbar__utils {
        display: flex;
        gap: 6px;
    }
    .user-section .car-toolbar__utils .order {
        display: flex;
        flex-direction: column;
        gap: 1px;
        margin-top: 6px;
    }
    .user-section .car-toolbar__utils .order.category {
        display: flex;
        width: 110px;
    }
    .user-section .car-toolbar__utils .order.align {
        width: 100px;
    }
    .user-section .car-toolbar__utils .order__selected {
        display: block;
    }
    .user-section .car-toolbar__utils .order__options {
        position: absolute;
        top: 100%;
        width: 100%;
        flex-direction: column;
        gap: 0;
        border: 1px solid #eee;
        background-color: #fff;
    }
    .user-section .car-toolbar__utils .order__wrap {
        flex-direction: column;
        gap: 0px;
    }
    .user-section .car-toolbar__utils .order__option {
        display: inline-block;
        width: 100%;
        height: 24px;

    }
    .user-section .car-toolbar__utils .order__option:nth-child(n  + 2)::before {
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #eee;
    }
    .user-section .car-toolbar__utils .order__option label {
        font-size: 11px;
        height: 24px;
        padding-left: 14px;
        line-height: 24px;
    }
    /* ========== USER : BID ========== */ 
    .user-section .bid-guide {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        flex-direction: column;
        width: calc(100% - 28px);
        max-width: 332px;
        height: auto;
        padding: 48px 14px;
        transform: translate(-50%, -50%);
        background-color: #fff;
        border: 0;
    }
    .user-section .bid-guide__inform {
        border-radius: 0;
        padding:0 0 24px;
        border-right: 0;
        border-bottom: 1px solid #eee;
    }
    .user-section .bid-guide__conts { 
        padding: 24px 0 0; 
    }
    .user-section .bid-guide__conts ul { 
        gap: 8px; 
    }
    /* ========== USER : TRADES ========== */ 
    .user-section .car-search--trade {
        width: 100%;
        padding: 14px;
        margin-top: 20px;
        transform: translateX(0);
        border: 1px solid var(--wpBd);
    }
    .user-section .car-search--trade .car-search__form .form__fields .fieldset .label {
        font-size: 14px;
    }
    .user-section .car-search--trade .car-search__form .form__fields .fieldset input {
        border: 1px solid var(--wpBd);
    }
    .user-section .car-search--trade .car-search__form .form__fields .fieldset--keywords { 
        margin-top: 20px; 
    }
    .user-section .car-search--trade .car-search__form .form__actions .submit-btn {
        top: calc(100% - 40px);
    }
    .user-section .trade-process { 
        gap: 20px; 
        margin: 12px 0 30px;
    }
    .user-section .trade-process .option { 
        width: auto;
        flex: 1;
        height: 50px; 
    }
    .user-section .trade-process .option:nth-child(n + 2)::before { 
        left: -14px;
        background-size: 6px;
    }
    .user-section .trade-process .option label { 
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 8px 12px; 
        background: #fff !important;
    }
    .user-section .trade-process .option input:checked + label { 
        background: var(--wpMain) !important; 
    }
    .bid-guide__btn {
        display: inline-block;
    }
    /* ----- [user] trade state ----- */
    .user-section .trade-state ul li {
        font-size: 14px;
    }
}
@media all and (max-width: 768px) {
    .displacement__write {
        width: 100% !important;
    }
    /* ========== SECTION ========== */ 
    .section__conts {
        margin-top: 24px;
    }
    .section__more {
        top: calc(100% - 45px);
        left: 0;
        width: 100%;
        height: 45px;
        border-radius: 4px;
        background-color: #f4f4f4;
        color: var(--wpDark02);
        font-size: 13px;
        line-height: 45px;
        text-align: center;
    }
    .section__more .pc {
        display: none;
    }
    .section__more .mobile {
        display: inline-block;
    }
    /* ========== HOME ========== */ 
    .home .section {
        margin: 100px 0;
    }
    .home .section__title {
        text-align: left;
        font-size: 20px;
    }
    .home .section__desc {
        font-size: 14px;;
    }
    .home .section__title .link {
        padding-right: 20px;
    }
    .home .section__title .link::after {
        top: 6px;
        width: 16px;
        height: 16px;
    }
    .home-top {
        flex-direction: column;
        width: calc(100% + 32px);
        height: auto;
        transform: translateX(-16px);
    }
    .home-top .carousel {
        width: 100%;
        height: 320px;
    }
    .home-top .carousel__item a .text h3 {
        font-size: 20px;
    }
    .home-top .carousel__item a .text p {
        font-size: 14px;
    }
    .home-top .register {
        width: 100%;
        padding: 32px 14px;
        border-width: 0 0 2px;
    }
    .home-top .register__form .form__actions {
        margin-top: 40px;
    }
    /* ----- [home] car-list slide ----- */
    .home-cars--list .car-list {
        gap: 40px 12px;
    }   
    .home-cars--list .car-list__item {
        width: calc(50% - 6px);
    }
    .home-category .section:nth-child(2) .car-list {
        gap: 40px 12px;
    }
    /* ----- [home] car category section ----- */
    .home-category .section {
        margin: 0;
        padding-bottom: 77px;
    }
    .home-category .section__title,
    .home-category .section__desc {
        text-align: center;
    }
    .home-category .section__desc a {
        display: block;
        margin-top: 3px;
    }
    .home .section.home-reviews {
        margin-bottom: 0;
    }
    /* ========== ACCOUNT ========== */ 
    .accRegister {
        max-width: 100%;
        padding: 32px 20px;
    }
    .accRegister-form .form-row {
        gap: 12px;
    }
    .accRegister-form .form-row .label {
        line-height: 1;
    }
    .accRegister-form .form-row .input-wrap {
        width: 100%;
    }
    .accRegister-form .agreement {
        margin-top: 8px;
    }
    .accRegister-form .agreement__item:not(.agreement__item--all) {
        padding-right: 24px;
        font-size: 12px;
    }
    .accRegister-form .agreement__more {
        width: 22px;
        font-size: 0;
    }
    /* ========== ACCOUNT : NEW-PASSWORD ========== */ 
    .new-pwd {
        padding: 56px 18px;
    }
    .new-pwd .new-pwd-inform {
        font-size: 14px;
    }
    /* ========== ACCOUNT : /user/info.html ========== */ 
    .accRegister-form .ad-agree {
        justify-content: space-between;
    }
    /* ========== DETAILS ========== */ 
    .cDetails__photo .picSlider__top .info__num {
        margin-bottom: 8px;
    }
    .cDetails__photo .picSlider__top .info__name {
        font-size: 16px;
    }
    .cDetails__photo .picSlider__top .info__specs li {
        font-size: 12px;
    }
    .cDetails__photo .picSlider__btn {
        width: 28px;
        height: 28px;
        background-size: 28px auto;
    }
    .cDetails__photo .picSlider__btn--next { right: 14px; }
    .cDetails__photo .picSlider__btn--prev { left: 14px; }
    .cDetails__infos {
        gap: 32px;
    }
    .cDetails__photo .picSlider__count {
        height: 24px;
        padding: 0 10px;
        line-height: 24px;
        font-size: 12px;
        display: flex;
        gap: 3px;
    }
    .cDetails__auction,
    .cDetails__spec {
        flex: auto;
        width: 100%;
    }
    .cDetails__auction .aucForm__actions {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 14px 8px;
    }
    .cDetails__auction .aucForm__agreement {
        margin-bottom: 0;
    }
    /* ========== REGISTER ========== */ 
    .cRegister-section .types {
        flex-direction: column;
    }
    .cRegister-section .types a[class^="type"] {
        width: 100%;
    }
    .cRegister-form .form {
        gap: 20px;
        padding: 32px 20px;
    }
    .cRegister-form .form .form-row {
        flex-direction: column;
        gap: 20px;
    }
    .cRegister-form .form .form-row .wrap  {
        flex-direction: column;
        align-items: start;
        gap: 12px;
        width: 100%;
        height: auto;
    }
    .select-car-area-wrap {
        width: 100% !important;
    }
    .cRegister-form .form .form-row .wrap .label {
        display: block;
    }
    .cRegister-form .form .form-row .wrap .select,
    .cRegister-form .form .form-row .wrap .input {
        width: 100%;
        height: 44px;
    }
    .cRegister-form .form .form-row .wrap .checks {
        justify-content: space-between;
        width: 100%;
        margin: 10px 0 12px;
    }
    .cRegister-form .form .form-row .wrap .checks .check {
        flex: 1;
    }
    .cRegister-form__actions {
        gap: 12px;
    }
    .cRegister-form__actions .btn {
        width: calc(50% - 6px);
    }
    .cRegister-form .info-form .mileage {
        width: 100%;
    }
    .cRegister-form .form-row .wrap .input-wrap--unit {
        width: 100%;
    }
    .cRegister-form .attach-form .form-row .wrap .file-uploader {
        width: 100%;
    }
    .cRegister-form .pics-form .informs ul {
        gap: 3px;
    }
    .cRegister-form .pics-form .pics .pics__wrap {
        gap: 12px;
        padding: 28px 0;
        border-width: 2px 0;
        border-color: #eee;
    }
    .cRegister-form .pics-form .pics__wrap--bd {
        border-top: 2px solid #eee;
    }
    .cRegister-form .pics-form .pics__wrap--empty {
        border-style: solid;
    }
    .cRegister-form .pics-form .pics .pic {
        width: calc(33.3333% - 8px);
    }
    .cRegister-form .agree-form {
        gap: 16px;
        padding: 0;
    }
    .cRegister-form .agree-form .form-row {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 8px;
    }
    .cRegister-form .agree-form .form-row label  {
        font-size: 12px;
    }
    .cRegister-form .agree-form .form-warn  {
        font-size: 12px;
    }
    .cRegister-form .info-form .form-row:last-child {
        margin-top: 0;
    }
    /* ========== USER : TRADE ========== */ 
    .user-section .trade-process { 
        max-width: 240px;
        margin: 20px auto 0;
        flex-direction: column;
        gap: 20px; 
    }
    .user-section .trade-process .option { 
        width: auto;
        height: auto;
    }
    .user-section .trade-process .option:nth-child(n + 2)::before { 
        left: 50%;
        top: -18px;
        transform: translateX(-50%) rotate(90deg);
    }
    /* ========== REVIEW : WRITE ========== */ 
    .review-section .form {
        gap: 20px;
    }
    .review-section .form-row {
        flex-direction: column;
        gap: 12px;
    }
    .review-section .review-form .form-row {
        align-items: stretch;
    }
    .review-section .review-form .form-row .input {
        height: 40px;
    }
    .review-section .review-form .form-row .select {
        width: 100%;
        height: 40px;
    }
    .review-section .review-form .form-row .score-select {
        width: 100%;
        height: 40px;
    }
    .review-section .review-form .form-row .score-select__selected {
        background-position: 12px 7px;
    }
    .review-section .review-form .file-uploader {
        flex:  inherit;
        height: 34px;
    }
    .review-section .review-form .file-uploader__add label {
        line-height: 34px;
        font-size: 12px;
    }
    .review-section .review-form .form__actions {
        margin-top: 30px;
    }
    /* ========== REVIEW : DETAILS ========== */ 
    .review-section .review-article__top {
        display: block;
        padding: 16px 120px 16px 0;
        text-align: left;
    }
    .review-section .review-article__title {
        width: 100%;
        padding: 0;
        margin-bottom: 12px;
        font-size: 16px;
    }
    .review-section .review-article__score {
        position: absolute;
        top: calc(50% - 26px);
        right: 0;
    }
    .review-section .review-article__writer {
        position: relative;
        width: auto;
        margin-right: 21px;
        font-size: 12px;
    }
    .review-section .review-article__nation {
        font-size: 12px;
    }
    .review-section .review-article__writer::after {
        position: absolute;
        top: 1px;
        right: -12px;
        content: '';
        width: 1px;
        height: 12px;
        background-color: #c4c4c4;
    }
    .review-section .review-article__body {
        padding: 0 0 32px 0;
    }
    .review-article__btm .list-btn {
        width: 100px;
        height: 38px;
        line-height: 38px;
    }
    /* ========== NOTICE ========== */ 
    .notice-section .notice-table thead tr th {
        height: 46px;
        line-height: 46px;
    }
    .notice-section .notice-table .num {
        width: 80px;
    }
    .notice-section .notice-table .date {
        width: 100px;
    }
    .notice-section .notice-table .title {
        width: calc(100% - 180px);
    }
    .notice-section .notice-table tr td.num,
    .notice-section .notice-table tr td.date {
        font-size: 12px;
    }
    /* ========== NOTICE : DETAILS ========== */ 
    .notice-section .notice-article__top  {
        padding: 16px 0;
    }
    .notice-section .notice-article__body {
        padding: 32px 10px;
    }
    .notice-section .notice-article__btm .list-btn {
        width: 100px;
        height: 38px;
        line-height: 38px;
    }
    /* ========== RECRUIT ========== */ 
    .notice-recruit-section .notice-article__body {
        padding: 32px 20px;
    }
    .notice-recruit-section .notice-article__btm {
        padding-top: 60px;
    }
    /* ========== FAQ ========== */ 
    .faq-section .faq-item .question {
        font-size: 14px;
    }
    .faq-section .faq-item .answer {
        font-size: 14px;
    }
    /* ========== ABOUT ========== */ 
    .about-section .history__title {
        justify-content: start;
        margin-bottom: 32px;
    }
    .about-section .history__title h2 {
        font-size: 28px;
    }
    .about-section .history__conts {
        font-size: 14px;
    }
    .about-section .intro__title {
        font-size: 18px;
    }
    .about-section .intro__conts {
        font-size: 14px;
    }
    /* ========== GUIDE ========== */ 
    .guide-section .type-guide {
        margin-top: 60px;
    }
    .guide-section .auc-guide {
        padding: 140px 20px 30px 20px;
        background-position: center 30px !important;
        background-size: 80px 80px !important;
    }
    .guide-section .user-guide__cont .type__cont {
        padding: 40px 30px;
    }
    .guide-section .user-guide__cont .type__cont ol {
        display: flex;
        flex-direction: column;
        gap: 44px;
    }
    .guide-section .user-guide__cont .type__cont ol li {
        width: 100%;
        height: 56px;
    }
    .guide-section .user-guide__cont .type__cont ol li::after {
        top: calc(100% + 12px);
        left: calc(50% - 11px);
        transform: rotate(90deg);
    }
    .guide-section .user-guide__cont .type__cont ol li:nth-child(4n):after {
        display: block;
    }
    .guide-section .user-guide__cont .type__cont ol li:last-child:after{
        display: none;
    }
    .guide-section .mb-guide__title {
        margin-bottom: 50px;
        font-size: 20px;
    }
    .guide-section .mb-guide__level {
        flex-direction: column;
        align-items: center;
        gap: 30px;
        height: auto;
    }
    .guide-section .mb-guide__level .level {
        flex: inherit;
        height: 254px !important;
        padding: 126px 14px 0;
        background-position: center 30px !important;
    }
    .guide-section .mb-guide__level .level__name {
        font-size: 20px;
    }
    .guide-section .mb-guide .type-guide .type__cont p {
        font-size: 14px;
    }
    .guide-section .mb-guide .type-guide .type__cont p strong {
        font-size: 16px;
    }
    .guide-section .mb-guide .type-guide .type.activate .type__cont {
        height: 98px;
    }
    /* ----- [user] trade state ----- */
    .user-section .trade-state ul {
        flex-direction: column;
    }
    .user-section .trade-state ul li {
        width: 100%;
        height: 34px;
        line-height: 34px;
    }
    .number-wrap {
        width: 100%;
    }
    .number-wrap input {
        width: 100%;
    }
    .number-wrap button {
        height: 44px;
    }
}
@media all and (max-width: 640px) {
    /* ========== USER : CARS ========== */ 
    .user-car-section .car-list__body {
        flex-direction: column;
        margin-top: 0;
        gap: 0px;
    }
    .user-car-section .car-list__body .sCard {
        width: 100%;
        padding: 0;
        border: 0;
        border-radius: 0;
    }
    .user-car-section .car-list hr {
        display: block;
        width: calc(100% + 28px);
        transform: translateX(-14px);
        border-width: 8px 0 0;
    }
    .pic-row .main-uploader, .pic-row .option-uploader {
        width: calc(24.6666% - 8.3333px);
    }
}
@media all and (max-width: 425px) {
    /* ========== LOGIN ========== */ 
    .login .login-form .find a {
        font-size: 12px;
    }
    /* ========== REGISTER ========== */ 
    .cRegister-form .pics-form .btns {
        flex-direction: column;
        gap: 20px;
    }
    .cRegister-form .pics-form .btns a[class^="btn"] {
        width: 100%;
    }
    .cRegister-form .pics-form .btns a.btn--photo {
        padding-left: calc(50% - 36px);
        background-position: calc(50% - 60px);
    }
    /* ========== LIST ========== */ 
    .car-list-section .car-list {
        flex-direction: column;
        gap: 40px;
    }
    .car-list-section .car-list .cCard {
        width: 100%;
    }
    .car-list-section .car-list .cCard__thumb {
        padding-top: 232px;
    }
    .car-list-section .car-list .cCard.sold-out .cCard__thumb .img-wrap::after {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100vw;
        height: 100vw;
    }
    .car-list-section .car-list .cCard__info {
        justify-content: center;
        align-items: center;
    }
    .car-list-section .car-list .cCard__info .performs {
        font-size: 14px;
        text-align: center;
    }
    .car-list-section .car-list .cCard__info .performs .dot {
        width: 2px;
        height: 2px;
        margin: 0 5px;
        border-radius: 1px;
        transform: translateY(7px);
    }
    .car-list-section .car-list .cCard__info .location {
        margin-top: 4px;
        font-size: 14px;
    }
    .car-list-section .car-list .cCard__price .current {
        justify-content: center;
        align-items: center;
        font-size: 15px;
    }
    .car-list-section .car-list .cCard__price .origin {
        text-align: center;
        font-size: 16px;
    }
    .cRegister-form .pics-form .pics .pic {
        width: calc(50% - 6px);
    }
    /* ========== REVIEW ========== */ 
    .review-section .review-list {
        gap: 40px;
    }
    .review-section .review-list .rvCard {
        width: 100%;
    }
    .review-section .review-list .rvCard__thumb {
        padding-top: 232px;
    }
    .review-section .review-list .rvCard__thumb .img-wrap img {
        min-height: 232px;
        min-width: auto;
    }
    .rvCard__info .score {
        width: 100px;
    }
    .pic-row .main-uploader, .pic-row .option-uploader {
        width: calc(33.6666% - 8.3333px);
    }
}