@charset "utf-8";
/* CSS Document */
body {
    min-width: 1280px;
    font-family: noto sans kr;
    background-color: #f3efe6;
    color: #212529;
}

body p {
    cursor: default;
}

.bLogo {
    font-family: lobster;
    color: #ff4c24;
}

.topBanner {
    background-color: #212529;
    padding: 6px 10px 8px 10px;
    text-align: center;
}

.topBanner a {
    color: #f3efe6;
    text-decoration: none;
}

.headerWrapperWide {
    border-radius: 50px;
}

.signBtns {
    background-color: #ff4c24;
    border-radius: 30px;
    color: #f3efe6;
}

.signBtns a {
    text-decoration: none;
    color: #f3efe6;
}

.signBtns a:first-child {
    padding-right: 12px;
}

.mainCopy p:first-child {
    font-size: 24px;
    font-weight: 700;
}

.infoWideTitle {
    margin-right: 16px;
}

.infoItem {
    padding: 8px 16px;
}

.infoItem:first-child, .infoItem:last-child {
    margin-right: 0;
}

.infoItem p {
    margin-bottom: 0;
}

.infoItem p:first-child {
    font-size: 14px;
    font-weight: 400;
    margin-top: 1px;
}

.infoItem p:last-child {
    font-size: 16px;
    font-weight: 700;
}

.infoDivid {
    height: 43px;
    width: 5px;
    background-color: #212529;
    border-radius: 99px;
    margin: 10px 20px;
}

.infoPer {
    font-size: 12px;
}

.infoSign {
    font-size: 14px;
    margin-left: 6px;
}

.mobileInfoSize {
    width: 172px;
}

.upSign {
    color: #ff4c24;
}

.infoMobile {
    background-color: #ff4c24;
    border-radius: 30px;
    color:#f3efe6;
    text-decoration: none;
}

.newWide {
    background-color: #ff4c24;
    border-radius: 50px;
    border: solid 2px #ff4c24;
}

.newTitle {
    margin-right: 2.5rem;
    position: relative;
}

.newTitle h2 {
    font-family: lobster;
    margin-top: 10px;
    color: #ff4c24;
    padding: 2px 20px 6px 20px;
    background-color: #f3efe6;
    border-radius: 30px;
    text-align: center;
    height: 54px;
}

.newTitle .auctionItemNavigateButton {
    border-radius: 30px;
    margin-bottom: 10px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    font-family: "Noto Sans KR";
    cursor: pointer;
    position:absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.newTitle.nextNavigateButton {
    margin-right: unset;
}

.newTitle #auctionItemNextButton {
    position: absolute;
    right: 0;
}

.newTitle .auctionItemNavigateButton.active > img {
    /* filter: invert(92%) sepia(5%) saturate(374%) hue-rotate(349deg) brightness(106%) contrast(91%); */
}

.newTitle .auctionItemNavigateButton.inactive > img{
    filter: brightness(0) saturate(100%) invert(83%) sepia(27%) saturate(4879%) hue-rotate(310deg) brightness(103%) contrast(104%);
}


.newItem {
    background-color: #f3efe6;
    border-radius: 20px;
    margin-right: 20px;
    padding: 10px 16px;
    width: 240px;
    min-width: 240px;
    height: 160px;
    text-decoration: none;
    cursor: pointer;
}

.newItem a {
    cursor: pointer;
}

.newItem p {
    cursor: pointer;
}

.newItem:first-child {
    margin-top: 10px;
}

.newItem + .newItem {
    margin-bottom: 10px;
    margin-top: 10px;
}



.newItemsWrapper {
    flex-wrap: wrap;
    width: 100%;
}

.newInfo {
    margin-bottom: 0;
    color: #212529;
    cursor: pointer;
}

.newCat {
    font-size: 12px;
}

.newCat span {
    font-size: 12px;
    word-break: keep-all;
}

.newBrand {
    font-size: 26px;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;  
}

.newEst, .newOri {
    font-size: 14px;
}

.newEst {
    font-weight: 700;
    min-height: 21px;
}

.newOri, .newEst {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;  
}

.newBtn {
    background-color: #ff4c24; 
    width:42px; 
    height: 42px;
    border-radius: 50px;
    margin-right:6px;
}

.wantBtn {
    font-size: 14px;
    font-weight: 700;
    padding: 12px 20px;
    border: solid 2px #212529;
    border-radius: 50px;
    color:#212529;
    text-decoration: none;
    cursor: pointer;
}

.wantMo a {
    text-decoration: none;
    color: #212529;
}

.imMore {
    padding: 4px 8px;
    background-color: #f3efe6;
    border-radius: 20px;
    color: #212529;
    text-decoration: none;
}

.newMobile {
    margin-left: -18px;
    margin-right: -18px;
}

.newWrapperMo {
    overflow-x: scroll;
    overflow-y: hidden;
    /* white-space: nowrap; */
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    padding-right: 30px;
}

.newWrapperMo::-webkit-scrollbar {
    display: none;
}

.newMoBo {
    border: solid 2px #212529;
}

.ps-wrapper {
    padding-top: 4rem;
}

.partList {
    border: 2px solid #212529;
    border-radius: 20px;
    max-width: 500px;
    padding: 0.5rem;
    background-color: #f3efe6;
}


.ksBack {
    background-color: #f3efe6;
    border: 1px solid #212529;
    border-radius: 30px;
}

.kindSelector a {
    height: 48px;
    border-radius: 30px;
    width: 100px;
    text-decoration: none;
    font-weight: 700;
}

.selectedKind {
    background-color: #212529;
    border: 3px solid #f3efe6;
    color: #f3efe6;
}

.typeKind {
    padding: 2.5px 12px 4px 12px;
    text-decoration: none;
    color:#212529;
}

.selectedType {
    border: 1px solid #212529;
    border-radius: 30px;
    background-color: #212529;
    color: #f3efe6;
    font-weight: 700;
}

.typesLeft {
    margin-right: 1.79px;
}

.typesRight {
    margin-left: 1.79px;
}

.eachPartList {
    padding: 2.5px 24px 4px 24px;
    border: 2px solid #212529;
    border-radius: 30px;
    display: inline-block;
}

.eachPartList-zero {
    border: 2px solid #aaa7a1;
}


.eachPartList a {
    color: #212529;
}

.eachPartList-zero a {
    color: #aaa7a1;
}

.eachPartList:hover {
    background-color: #212529;
}

.eachPartList-zero:hover {
    background-color: #aaa7a1;
}

.eachPartList:hover a {
    color: #f3efe6;
}

.firstPart {
    margin-left: 10px;
    margin-bottom: 0.5rem;
}

.eachPartList + .eachPartList {
    margin-left: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.partSearch-area {
    border: 1px solid #212529;
    background-color: #212529;
    border-radius: 50px;
    max-width: 500px;
    padding: 0.5rem;
}

.partSearch-area div input::placeholder {
    color: #e9e5de;
}

#partSearch {
    width: 100%;
    background-color: #212529;
    border: none;
    color: #f3efe6;
}

#partSearch:focus {
    outline: none;
}

.listTitle { 
    padding: 0.5rem 1rem;
    display: inline-block;
    margin-left: calc(var(--bs-gutter-x) * .5);
}

.interested {
    border: 2px solid #212529;
    border-radius: 20px;
    background-color: #e9e5de;
}

.interested a {
    text-decoration: none;
}

.testtest {
    /* border-top: 1px solid #212529; */
    border-bottom: 1px solid #212529;
    /* border-radius: 10px; */
    padding: 0.5rem;
    /* background-color: #f3efe6; */
}

.searchPart {
    margin-right: calc(var(--bs-gutter-x) * .5);
    margin-left: calc(var(--bs-gutter-x) * .5);
}

.main-footer {
    position: relative;
    width: 100%;
    height: 570px;
    margin-top: 240px;
    padding: 100px;
}

.footer-link a {
    text-decoration: none;
}

.typeNavi-m {
    width: 200px;
    border: 1px solid #212529;
    border-radius: 30px;
    background-color: #f3efe665;
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    color: #212529;
}

.typeNavi-m:focus {
    border: 1px solid #212529;
    border-radius: 30px;
    background-color: #f3efe665;
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    color: #212529;
    box-shadow: unset;
}

.typeNavi-list {
    width: 200px;
    background-color: #f3efe665;
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border: 1px solid #212529;
    border-radius: 10px;
}

.naviWrapper {
    margin-bottom: 30px;
}

#hwrapper {position: relative;}
.hfade {position:absolute; display:none;}
.hcurrent {display:block;}

.moreBtnTiny {
    font-size: 12px;
    padding: 4px 8px;
    border: 2px solid;
    border-radius: 20px;
    margin-left: 6px;
    text-decoration: none;
}

.bttmNavi {
    max-width: fit-content;
    background-color: #ff4c24;
    border-radius: 20px;
    padding: 8px 8px;
    box-shadow: 0px -4px 11px 5px rgb(31 38 135 / 7%);
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    display: flex
}

.naviItem {
    color: #f3efe6;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    margin-right: 8px;
    padding: 12px 20px;
    border: 2px solid #ff4c24;
    border-radius: 14px;
    text-align: center;
}

.naviItem:last-child {
    margin-right: 0px;
}

.naviNow {
    border: 2px solid #f3efe6;
    border-radius: 14px;
}

.hiddenNavMenuWrapper {
    justify-items: center;
    transition: ease-in-out 0.3s;
}

.hiddenNaviMenu {
    gap: 10px;
    width: 360px;
    max-width: unset;
    padding: 25px;
    justify-items: center;
    color: #F3EFE6;
    border-radius: 14px 14px 0 0;
}

.hiddenNaviMenuCloseButton {
    width: 360px;
    display: grid;
    justify-items: end;
    cursor: pointer;
}

.hiddenNaviMenuCloseButton > img {
    margin-bottom: 10px;
    filter: invert(39%) sepia(55%) saturate(3658%) hue-rotate(346deg) brightness(101%) contrast(101%);
}

.productBulkBtnClose {
    position: absolute;
    top: 32px;
    right: 32px;
    cursor: pointer;
}

.productBulkWrapper {
    padding: 24px 56px 30px 56px;
    font-family: "Noto Sans KR";
    position: relative;
}

.productBulkTitle {
    font-weight: 700;
    font-size: 32px;
    line-height: 46.34px;
}

.productBulkGuide {
    margin-top: 16px;
    padding: 12px 20px;
    background-color: #212529;
    color: #F3EFE6;
    font-weight: 700;
    font-size: 14px;
    width: 335px;
    height: 44px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.firstStepWrapper {
    margin-top: 47px;
}

.firstStepTitleContainer {
    margin: 12px 0 12px 0;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
}

.stepTitle {
    display: flex;
}

.stepBold {
    color: #FF4C24;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.fileUploadLabel {
    width: 100%;
    height: 144px;
}

.firstStepFileAddSection {
    border-radius: 20px;
    border: 2px dashed #212529;
    height: 144px;
    display: grid;
    align-content: center;
    justify-items: center;
}

.submittedProductListContainer {
    display: flex;
    gap: 16px;
    margin-top: 8px;
    width: fit-content;
}

.submittedProductList {
    width: 283px;
    height: 106px;
    border-radius: 14px;
    border: 2px solid #212529;
    padding: 12px 20px;
    position: relative;
}

.productBulkSubTitle {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #212529;
}

.orangeRoundButton {
    border-radius: 40px;
    border: 2px solid #FF4C24;
    color: #FF4C24;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    display: inline-flex;
    padding: 2px 14px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.blackRoundButton {
    border-radius: 40px;
    border: 2px solid #212529;
    color: #212529;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    display: inline-flex;
    padding: 2px 14px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.productListLabel {
    color: #212529;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.productListContent {
    color: #212529;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.bulkOrgFile {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; 
}

.registeredProdTableHeader th {
    border-bottom: 1px solid #212529;
    padding: 12px 0;
}

.mobileOnly {
    display: none;
}

.registeredProdTableContent td {
    padding: 12px 10px 12px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px #CBCBCB solid
}

.disabledTableRow {
    color: #CBCBCB
}

.registeredProdPaging {
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 16px;
    display: inline-flex;
    gap: 8px;
    justify-content: center;
    width: 100%;
}

.inactiveNavigate {
    color: #CBCBCB;
    cursor: default !important;
}

.activeNavigate {
    color: #212529;
}

.registeredProdPageNum {
    cursor: pointer;
}

.btnSellNow {
    border-radius: 40px;
    border: 2px solid #212529;
    display: flex;
    width: 253px;
    height: 70px;
    padding: 13px 0px 13px 20px;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    margin: auto;
}

.btnSellNowInner {
    border-radius: 40px;
    border: 2px solid #212529;
    background: #212529;
    color: #F3EFE6;
    display: inline-flex;
    padding: 13px 20px 13px 20px;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 700;
}

.detailModal {
    width: 320px;
    height: 518px;
    background: #F3EFE6;
    border: 2px solid #212529;
    padding: 24px 19px 28px 19px;
    visibility: hidden;
    position:absolute;
    z-index: 20;
    /*위치 고정하고싶으면 여기서 맞춰서 고정*/
    /*top: 50%;*/
    /*left: 50%;*/
}
.modalTitle {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
}

.modalEssentialColor {
    color: #FF4C24;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.modalProductInfo {
    color: #212529;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.pageWrapperD {
    max-width: 1920px;
}

.closeTF {
    margin-top:32px;
    margin-right: 32px;
    cursor: pointer;
}

.contentWrapperD {
    max-width: 1680px;
}

.corpinfoBox {
    border: 2px #212529 solid;
    border-radius: 20px;
}

.corpLogoArea {
    width: 230px;
    height: 90px;
    background-color: #212529;
}

.corpinfoTitle {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 0px;
}

.corpinfoMain {
    font-size: 16px;
    margin-bottom: 0px;
    word-break: break-word;
}

.corpAreaTitle {
    font-size: 28px;
    font-weight: 700;
}

.listFilter {
    padding: 4px 12px;
    background-color: #212529;
    border-radius: 20px;
    color: #e9e5de;
}

.prodList-base {
    color: #212529;
    text-decoration: none;
}

.prodList-base p {
    cursor: pointer;
}

.prodList {
    border: 2px solid #212529;
    border-radius: 20px;
    padding: 12px 16px;
}

.prodListP {
    width: 80px;
    min-width: 80px;
    height: 80px;
    background-color: #212529;
}

.prodListT {
    margin-left: 12px;
}

.dotdotdot {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mainWrapper, .categoryList-area, .promoWrapper {
    max-width: 1680px;
}

.promoWrapper {
    padding-top: 64px;
}

.promoTitle {
    padding-top: 48px;
}

.promoItem {
    border: 2px solid #212529;
    padding: 16px 20px;
    border-radius: 20px;
}

.promoItem-empty{
    border: 2px solid #aaa7a1;
    padding: 16px 20px;
    border-radius: 20px;
}

.promoItem div {
    background-color: #212529;
    height: 160px;
}

.promoItem-empty div {
    height: 160px;
}

.promoBadge {
    font-size: 16px;
    text-align: center;
    background-color: #FF4C24;
    color: #f3efe6;
    padding: 4px 12px;
    border-radius: 20px;
    position: relative;
    top:40px;
    left: 10px;
}

.promoBadge-empty {
    font-size: 16px;
    text-align: center;
    background-color: #aaa7a1;
    color: #f3efe6;
    padding: 4px 12px;
    border-radius: 20px;
    position: relative;
    top: 40px;
    left: 10px;
}

.promo-inactivate p {
    color: #aaa7a1;
    cursor: pointer;
}

.promo-activate p {
    cursor: pointer;
}

@media (max-width:1199px) {
    .typesLeft {
    margin-right: 0px;
    }

    .typesRight {
        margin-left: 0px;
    }
}

@media screen and (max-width:767px) {
    html, body {
        overscroll-behavior: none;
    }
    
    body {
        min-width: 360px;
    }

    .mainCopyMobile p:first-child {
        font-size: 16px;
        font-weight: 700;
    }

    .main-footer {
        padding: 100px 30px;
        margin-top:130px;
        height: 720px;
    }

    .newTitle h2 {
        text-align: start;
    }

    .scrolling-wrapper {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .ttypeNavi-m-area-fixed {
    position: fixed;
    z-index: 1000;
    top: 0px;
    }

    .ksBack {
        background-color: #f3efe665;
        backdrop-filter: blur( 4px );-webkit-backdrop-filter: blur( 4px );
    }

    .ps-wrapper {
        margin-left: calc(var(--bs-gutter-x) * .5);
        margin-right: calc(var(--bs-gutter-x) * .5);
        padding-top: 0.5rem;
    }

    .typeNavi {
        display: none;
    }

    .kindSelector-fixed {
    position: fixed;
    z-index: 1000;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    }

    .productBulkWrapper {
        padding: 24px 16px;
        position: relative;
    }

    .onlyDesktop {
        display: none;
    }

    .mobileOnly {
        display: initial;
    }

    .productBulkGuide {
        margin-top: 4px;
        padding: unset;
        background-color: transparent;
        color: #212529;
        font-weight: 400;
        font-size: 14px;
        width: 100%;
        height: fit-content;
        border-radius: 40px;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .stepTitle {
        display: block
    }

    .fileUploadLabel {
        width: 200px;
        height: 144px;
        text-align: center;
        line-height: normal;
    }

    .mobileRegisteredProdInfo {
        display: grid;
        grid-template-columns: auto auto;
        justify-content: space-between;
    }

    .corpinfoBox {
        margin-top: 100px;
    }

    .modal-content {
        max-width: 362px;
        margin-right: auto !important;
        margin-left: auto !important;
        margin-top: 20px;
    }

    .modal-body img {
        width: 360px;
    }

    .askModalMob {
        width: 80% !important;
    }
    
}

@media (min-width:768px) {
    .part-selector {
        padding-right:0;
        padding-left:2rem;
    }

    .right-partArea {
        padding-right:1rem;
    }
}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
  .newBtn img {
    margin-left: -3px;
  }
}