@charset "utf-8";

/*** 기본 시작 ***/
body {

}
/*** 기본 종료 ***/

/*** SLIDER 시작 ***/
/* 메인 슬라이더 */
.main-menu .swiper-slide {
    width: 40px;
}
.main-menu .swiper-slide:nth-child(2n) {
    width: 80px;
}
.main-menu .swiper-slide:nth-child(3n) {
    width: 80px;
}
.main-menu .swiper-slide:nth-child(4n) {
    width: 70px;
}
.main-menu .swiper-slide:nth-child(5n) {
    width: 80px;
}
.main-menu .swiper-slide:nth-child(6n) {
    width: 90px;
}
.main-menu .swiper-slide:nth-child(7n) {
    width: 90px;
}
.main-menu .swiper-slide:nth-child(8n) {
    width: 90px;
}
/*
.main-menu .swiper-slide:nth-child(8n) {
    width: 80px;
}
*/
.swiper-pagination {
    position: absolute;
    bottom: -100px;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination-bullet {
    width: 30px;
    height: 11px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: rgba(173, 173, 173, 0.7);
    border-radius: 20px;
}
.swiper-pagination-bullet-active {
    color: #fff;
    background: #0046FF;
}

.slide_main_1,
.slide_main_2,
.slide_main_3,
.slide_main_4,
.slide_main_5 {
    max-width: 100%;
    height: 120px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.slide_main_1 .inner_main_1,
.slide_main_2 .inner_main_2,
.slide_main_3 .inner_main_3,
.slide_main_4 .inner_main_4,
.slide_main_5 .inner_main_5 {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}
.slide_list_main_1 > li,
.slide_list_main_2 > li,
.slide_list_main_3 > li,
.slide_list_main_4 > li,
.slide_list_main_5 > li {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: center;
    z-index: 1;
    transform: scale(1);
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* 영역별 크기 설정 */
.slide_list_main_1 > li.swiper-slide-next,
.slide_list_main_1 > li.swiper-slide-prev,
.slide_list_main_1 > li.swiper-slide-duplicate-next,
.slide_list_main_1 > li.swiper-slide-duplicate-prev,
.slide_list_main_2 > li.swiper-slide-next,
.slide_list_main_2 > li.swiper-slide-prev,
.slide_list_main_2 > li.swiper-slide-duplicate-next,
.slide_list_main_2 > li.swiper-slide-duplicate-prev,
.slide_list_main_3 > li.swiper-slide-next,
.slide_list_main_3 > li.swiper-slide-prev,
.slide_list_main_3 > li.swiper-slide-duplicate-next,
.slide_list_main_3 > li.swiper-slide-duplicate-prev,
.slide_list_main_4 > li.swiper-slide-next,
.slide_list_main_4 > li.swiper-slide-prev,
.slide_list_main_4 > li.swiper-slide-duplicate-next,
.slide_list_main_4 > li.swiper-slide-duplicate-prev,
.slide_list_main_5 > li.swiper-slide-next,
.slide_list_main_5 > li.swiper-slide-prev,
.slide_list_main_5 > li.swiper-slide-duplicate-next,
.slide_list_main_5 > li.swiper-slide-duplicate-prev {
    z-index: 50;
    transform: scale(1.3);
}
.slide_list_main_1 > li.swiper-slide-active,
.slide_list_main_1 > li.swiper-slide-duplicate-active,
.slide_list_main_2 > li.swiper-slide-active,
.slide_list_main_2 > li.swiper-slide-duplicate-active,
.slide_list_main_3 > li.swiper-slide-active,
.slide_list_main_3 > li.swiper-slide-duplicate-active,
.slide_list_main_4 > li.swiper-slide-active,
.slide_list_main_4 > li.swiper-slide-duplicate-active,
.slide_list_main_5 > li.swiper-slide-active,
.slide_list_main_5 > li.swiper-slide-duplicate-active {
    z-index: 100;
    transform: scale(1.7);
}

/* 영역별 밝기 설정 */
.slide_list_main_1 > li:after,
.slide_list_main_2 > li:after,
.slide_list_main_3 > li:after,
.slide_list_main_4 > li:after,
.slide_list_main_5 > li:after {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    opacity: 1;
}
.slide_list_main_1 > li.swiper-slide-next:after,
.slide_list_main_1 > li.swiper-slide-prev:after,
.slide_list_main_1 > li.swiper-slide-duplicate-next:after,
.slide_list_main_1 > li.swiper-slide-duplicate-prev:after,
.slide_list_main_2 > li.swiper-slide-next:after,
.slide_list_main_2 > li.swiper-slide-prev:after,
.slide_list_main_2 > li.swiper-slide-duplicate-next:after,
.slide_list_main_2 > li.swiper-slide-duplicate-prev:after,
.slide_list_main_3 > li.swiper-slide-next:after,
.slide_list_main_3 > li.swiper-slide-prev:after,
.slide_list_main_3 > li.swiper-slide-duplicate-next:after,
.slide_list_main_3 > li.swiper-slide-duplicate-prev:after,
.slide_list_main_4 > li.swiper-slide-next:after,
.slide_list_main_4 > li.swiper-slide-prev:after,
.slide_list_main_4 > li.swiper-slide-duplicate-next:after,
.slide_list_main_4 > li.swiper-slide-duplicate-prev:after,
.slide_list_main_5 > li.swiper-slide-next:after,
.slide_list_main_5 > li.swiper-slide-prev:after,
.slide_list_main_5 > li.swiper-slide-duplicate-next:after,
.slide_list_main_5 > li.swiper-slide-duplicate-prev:after {

}
.slide_list_main_1 > li.swiper-slide-active:after,
.slide_list_main_1 > li.swiper-slide-duplicate-active:after,
.slide_list_main_2 > li.swiper-slide-active:after,
.slide_list_main_2 > li.swiper-slide-duplicate-active:after,
.slide_list_main_3 > li.swiper-slide-active:after,
.slide_list_main_3 > li.swiper-slide-duplicate-active:after,
.slide_list_main_4 > li.swiper-slide-active:after,
.slide_list_main_4 > li.swiper-slide-duplicate-active:after,
.slide_list_main_5 > li.swiper-slide-active:after,
.slide_list_main_5 > li.swiper-slide-duplicate-active:after {
    opacity: 1;
}
/*** SLIDER 종료 ***/

/*** 지역 시작 ***/
.location-sido-item.on {
    background: #ffffff;
    color: #0046FF;
}
.location-sido-item.off {
    background: #ffffff;
    color: #000000;
}
.location-sido-arrow-item.on {
    display: block;
}
.location-sido-arrow-item.off {
    display: none;
}
.location-gugun-item .select-text-on {
    color: #0046FF;
}
.location-gugun-item .select-text-off {
    color: #000000;
}
.location-gugun-item .select-icon-on {
    color: #0046FF;
}
.location-gugun-item .select-icon-off {
    color: #878C97;
}
/*** 지역 종료 ***/

/*** 분야 검색 시작 ***/
.search-field-item.on {
    width: 100%;
    background: #ffffff;
    color: #000000;
    border: 1px solid #000000;
    border-radius: 30px;
    cursor: pointer;
}
.search-field-item.off {
    width: 100%;
    background: #ffffff;
    color: #000000;
    border: 1px solid #B0B8C1;
    border-radius: 30px;
    cursor: pointer;
}
.write-field-item.on {
    width: 100%;
    background: #ffffff;
    color: #0046FF;
    border: 1px solid #0046FF;
    border-radius: 30px;
    cursor: pointer;
}
.write-field-item.off {
    width: 100%;
    background: #ffffff;
    color: #B0B8C1;
    border: 1px solid #B0B8C1;
    border-radius: 30px;
    cursor: pointer;
}
/*** 분야 검색 종료 ***/

/*** 구매 요청하기 시작 ***/
.rs-service-item.on {
    background: #0046FF;
    color: #ffffff;
    border: 1px solid #0046FF;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.rs-service-item.off {
    background: #ffffff;
    color: #575C6E;
    border: 1px solid #878C97;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.rs-receive-method-item.on {
    background: #0046FF;
    color: #ffffff;
    border: 1px solid #0046FF;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.rs-receive-method-item.off {
    background: #ffffff;
    color: #575C6E;
    border: 1px solid #878C97;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.rs-pickup-site-item.on {
    background: #0046FF;
    color: #ffffff;
    border: 1px solid #0046FF;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.rs-pickup-site-item.off {
    background: #ffffff;
    color: #575C6E;
    border: 1px solid #878C97;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.rs-manufacturer-item.on {
    background: #0046FF;
    color: #ffffff;
    border: 1px solid #0046FF;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.rs-manufacturer-item.off {
    background: #ffffff;
    color: #575C6E;
    border: 1px solid #878C97;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.rs-model-item.on {
    background: #0046FF;
    color: #ffffff;
    border: 1px solid #0046FF;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.rs-model-item.off {
    background: #ffffff;
    color: #575C6E;
    border: 1px solid #878C97;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.rs-carrier-item.on {
    background: #0046FF;
    color: #ffffff;
    border: 1px solid #0046FF;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.rs-carrier-item.off {
    background: #ffffff;
    color: #575C6E;
    border: 1px solid #878C97;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.rs-support-item.on {
    background: #0046FF;
    color: #ffffff;
    border: 1px solid #0046FF;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.rs-support-item.off {
    background: #ffffff;
    color: #575C6E;
    border: 1px solid #878C97;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.rs-support1-item.on {
    background: #0046FF;
    color: #ffffff;
    border: 1px solid #0046FF;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.rs-support1-item.off {
    background: #ffffff;
    color: #575C6E;
    border: 1px solid #878C97;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.rs-color-item.on {
    color: #ffffff;
    border: 1px solid #0046FF;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.rs-color-item.off {
    color: #575C6E;
    border: 1px solid #878C97;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.rs-volume-item.on {
    background: #0046FF;
    color: #ffffff;
    border: 1px solid #0046FF;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.rs-volume-item.off {
    background: #ffffff;
    color: #575C6E;
    border: 1px solid #878C97;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.rs-additional-discounts-item.on {
    background: #0046FF;
    color: #ffffff;
    border: 1px solid #0046FF;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.rs-additional-discounts-item.off {
    background: #ffffff;
    color: #575C6E;
    border: 1px solid #878C97;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
/*** 구매 요청하기 종료 ***/

/*** 정렬 시작 ***/
.sort-item .select-text-on,
.sort-item .select-icon-on {
    color: #0046FF;
}
.sort-item .select-text-off {
    color: #000000;
}
.sort-item .select-icon-off {
    color: #ffffff;
}
/*** 정렬 종료 ***/

/*** 검색 시작 ***/
.search-display-item.on {
    background: #0046FF;
    color: #ffffff;
    border: 1px solid #0046FF;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.search-display-item.off {
    background: #ffffff;
    color: #575C6E;
    border: 1px solid #878C97;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.search-item .select-text-on,
.search-item .select-icon-on {
    color: #0046FF;
}
.search-item .select-text-off {
    color: #000000;
}
.search-item .select-icon-off {
    color: #ffffff;
}
.search-field-item.on {
    width: 100%;
    background: #ffffff;
    color: #000000;
    border: 1px solid #000000;
    border-radius: 30px;
    cursor: pointer;
}
.search-field-item.off {
    width: 100%;
    background: #ffffff;
    color: #000000;
    border: 1px solid #B0B8C1;
    border-radius: 30px;
    cursor: pointer;
}

.wo-additional-discounts-item.on {
    background: #0046FF;
    color: #ffffff;
    border: 1px solid #0046FF;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
.wo-additional-discounts-item.off {
    background: #ffffff;
    color: #575C6E;
    border: 1px solid #878C97;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
}
/*** 검색 종료 ***/

/*** BOTTOM SHEET 시작 ***/
/* 구매 요청하기 */
.modal.purchase-request-modal {
    /*
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 90% !important;
    min-height: 90vh !important;
    margin: 0 auto !important;
    */
    min-height: 80vh !important;
    overflow: hidden !important;
    z-index: 1004 !important;
}
/* 검색 */
.modal.search-modal {
    max-height: 80vh !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}
.modal.search-modal .modal-header {
    flex: 0 0 56px;
}
.modal.search-modal .modal-content {
    height: auto !important;
    max-height: calc(80vh - 56px - 56px);
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    flex: 1 1 auto !important;
    min-height: 0 !important;
}
.modal.search-modal .modal-footer {
    flex: 0 0 auto !important;
    position: sticky !important;
    bottom: 0 !important;
    z-index: 1 !important;
    padding-bottom: env(safe-area-inset-bottom, 0) !important;
    height: 56px !important;
    line-height: 56px !important;
    overflow: hidden !important;
    background: transparent !important;
    background-clip: content-box !important;

    /* 혹시 모를 잘림 방지 */
    box-sizing: content-box !important;
}
/* 필터 */
.modal.sort-modal {
    max-height: 80vh !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}
.modal.sort-modal .modal-header {
    flex: 0 0 56px;
}
.modal.sort-modal .modal-content {
    height: auto !important;
    max-height: calc(80vh - 56px - 56px);
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    flex: 1 1 auto !important;
    min-height: 0 !important;
}
.modal.sort-modal .modal-footer {
    flex: 0 0 auto !important;
    position: sticky !important;
    bottom: 0 !important;
    z-index: 1 !important;
    padding-bottom: env(safe-area-inset-bottom, 0) !important;
    height: 56px !important;
    line-height: 56px !important;
    overflow: hidden !important;
    background: transparent !important;
    background-clip: content-box !important;

    /* 혹시 모를 잘림 방지 */
    box-sizing: content-box !important;
}
/* 입찰 작성 */
.modal.bid-write-modal {
    min-height: 100vh !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}
.modal.bid-write-modal .modal-header {
    flex: 0 0 56px;
}
.modal.bid-write-modal .modal-content {
    height: auto !important;
    max-height: calc(100vh - 56px - 56px);
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    flex: 1 1 auto !important;
    min-height: 0 !important;
}
.modal.bid-write-modal .modal-footer {
    flex: 0 0 auto !important;
    position: sticky !important;
    bottom: 0 !important;
    z-index: 1 !important;
    padding-bottom: env(safe-area-inset-bottom, 0) !important;
    height: 56px !important;
    line-height: 56px !important;
    overflow: hidden !important;
    background: transparent !important;
    background-clip: content-box !important;

    /* 혹시 모를 잘림 방지 */
    box-sizing: content-box !important;
}
/*** BOTTOM SHEET 종료 ***/