/* BASIC css start */
.main {overflow:hidden;}

/* pc 메인 배너 */
#main_bnr_swiper_pc { margin-bottom:100px; } 
#main_bnr_swiper_pc .swiper-slide { position:relative; } 
#main_bnr_swiper_pc .swiper-slide a { display:block; } 
#main_bnr_swiper_pc .swiper-slide a img { width: 100%; min-height:500px; object-fit:none; } 
#main_bnr_swiper_pc .swiper-slide a .txt_wrap {position: absolute;top: 17%;left: 19%;} 
#main_bnr_swiper_pc .swiper-slide a .txt_wrap p { color:#fff; } 
#main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_01 { font-size: 1.25vw; font-weight: 600; line-height: 29.95px; margin-bottom: 40px; } 
#main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_02 { font-size: 3.3vw; font-weight: 800; line-height: 4.1vw; margin-bottom: 20px; } 
#main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_03 { font-size: 1.25vw; font-weight: 600; line-height: 29.95px; } 
#main_bnr_swiper_pc .swiper-button-prev { left:30px; } 
#main_bnr_swiper_pc .swiper-button-next { right:30px; } 
#main_bnr_swiper_pc .swiper-pagination { position: absolute; bottom: 23% !important; left: 19%; width: 24%; height: 4px; background: rgb(129 129 129 / 50%); z-index: 2; } 
#main_bnr_swiper_pc .swiper-pagination .swiper-pagination-progressbar-fill { background: #000; } 
#main_bnr_swiper_pc .btn_wrap { position: absolute; bottom: 25%; left: 44%; z-index: 2; } 
.control_btn { position:relative; } 
.control_btn .control { position:absolute; left:0; top:0; display:none; } 
.control_btn .control.on { display:block; } 
.control_btn .control a { cursor: pointer; display: flex; transition: all .1s; align-items: center; justify-content: center; width: 24px; height: 24px; background-color: #757575; } 
.control_btn .control a img { width:10px; } 
.control_btn .pause_btn.control a img { width:8px; } 

/* mo 메인 배너 */
#main_bnr_swiper_mo { position: relative; margin: 0; overflow: hidden; } 
#main_bnr_swiper_mo .swiper-slide a { display: block; position:relative; height:460px; overflow:hidden; } 
#main_bnr_swiper_mo .swiper-slide a img { width: 100%; height:100%; object-fit:cover; } 
#main_bnr_swiper_mo .swiper-slide a .txt_wrap {position: absolute;bottom: 28px;left: 50%;transform: translateX(-50%);text-align: center;} 
#main_bnr_swiper_mo .swiper-slide a .txt_wrap p { color:#fff; } 
#main_bnr_swiper_mo .swiper-slide a .txt_wrap .txt_01 {font-size: 16px;font-weight: 600;line-height: 19.97px;margin-bottom: 10px;} 
#main_bnr_swiper_mo .swiper-slide a .txt_wrap .txt_02 {font-size: 32px;font-weight: 800;line-height: 39.94px;margin-bottom: 20px;white-space: pre;} 
#main_bnr_swiper_mo .swiper-slide a .txt_wrap .txt_03 {font-size: 16px;font-weight: 600;line-height: 19.97px;} 
#main_bnr_swiper_mo .swiper-button-prev { left: 0; } 
#main_bnr_swiper_mo .swiper-button-next { right: 0; } 


/* 아이콘 */
.ico_wrap { position: relative; padding: 32px 25px; overflow: hidden; } 
.ico_wrap ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px 0; } 
.ico_wrap ul li { width: 20%; text-align: center; } 
.ico_wrap ul li a { display: inline-block; } 
.ico_wrap ul li a img { max-width: 100%; margin-bottom: 6px; } 
.ico_wrap ul li a p { text-align: center; font-size: 12px; font-weight: 400; color: #494949; } 


/* 상품 롤링 */
#pd_swiper{padding: 0;}
#pd_swiper .swiper-slide {font-size:0;}
#pd_swiper .pd_bnr {position: relative;width: 49.5% !important;display:inline-block;vertical-align:top;margin-right:1.5%;}
#pd_swiper .pd_bnr img { width:100%; } 
#pd_swiper .txt_wrap {position: absolute;bottom: 25px;left: 15px;} 
#pd_swiper .txt_wrap p { color:#fff; } 
#pd_swiper .txt_wrap .txt_01 { font-size: 16px; font-weight: 400; line-height: 20px; text-align: left; margin-bottom: 10px; } 
#pd_swiper .txt_wrap .txt_02 { font-size: 22px; font-weight: 700; line-height: 20px; margin-bottom: 8px; } 
#pd_swiper .txt_wrap .txt_03 { font-size: 16px; font-weight: 400; line-height: 20px; } 
#pd_swiper .item-list { width: 24% !important; margin-right:1%; display:inline-block; position:relative; vertical-align:top;} 
#pd_swiper .item-list:last-child {margin-right:0;}}
#pd_swiper .item-list.flexed { display: inline-block; align-items: center; gap: 8px; } 
#pd_swiper .item-list.flexed .thumb {}
#pd_swiper .item-list.flexed .thumb img{}
#pd_swiper .item-list.flexed .prd-info {padding: 16px 8px 0;width: 100%;box-sizing:border-box;}
#pd_swiper .item-list.flexed .prd-info .prd-wish .my-wish-list{position:absolute; top:0; right:0;}
#pd_swiper .item-list.flexed .prd-info .prd-brand a {font-size: 16px;font-weight: bolder;margin-bottom: 8px;} 
#pd_swiper .item-list.flexed .prd-info .prd-name { margin-bottom: 10px; } 
#pd_swiper .item-list.flexed .prd-info .prd-name a { font-size: 14px; } 
#pd_swiper .item-list.flexed .prd-info .dc_per { font-size: 14px; margin-right: 9px; } 
#pd_swiper .item-list.flexed .prd-info .consumer { font-size: 14px; margin-right: 9px; } 
#pd_swiper .item-list.flexed .prd-info .normal { font-size: 14px; } 
#pd_swiper .item-list.flexed .prd-info .prd-color { display:none; } 
#pd_swiper .item-list.flexed .prd-info .prd-ico { display:none; } 
#pd_swiper .swiper-pagination { background: rgba(0, 0, 0, .3); width: 49%; top: auto; right:0; bottom:37px !important; height:4px;}
#pd_swiper .swiper-pagination .swiper-pagination-progressbar-fill { background: #000; } 
#pd_swiper .item-list.flexed .thumb a.soldout { font-size: 12px;}

/* 탭 롤링 */
#tab_swiper { margin: 0 0 25px; } 
#tab_swiper .swiper-slide { width: auto !important; } 
#tab_swiper .swiper-slide a {display: inline-block;font-size: 15px;font-weight: 400;color: #000;padding: 12px 13.5px;white-space: pre;border: 1px solid #ddd;border-radius: 30px;line-height: 1;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} 
#tab_swiper .swiper-slide.swiper-slide-thumb-active a { color: #fff; background: var(--point-color2); } 
.tab_cont .item-wrap { width: 100%; }

/* 서브 배너 롤링 */
.sub_bnr_wrap {position:relative;padding-bottom: 40px; margin-bottom:100px;} 
.sub_bnr_wrap .cont_tit {max-width:1416px; margin:0 auto;}
.sub_bnr_wrap #sub_bnr_swiper{padding:0 6px; position:static;}
.sub_bnr_wrap #sub_bnr_swiper .swiper-slide a { display: block; position:relative; height:360px; overflow:hidden; } 
.sub_bnr_wrap #sub_bnr_swiper .swiper-slide a img { width:100%; height:100%; object-fit:cover; } 
.sub_bnr_wrap #sub_bnr_swiper .swiper-slide a .bnr_txt { margin: 21px 0 0 0; font-size: 14px; font-weight: 400; color: #000; } 
.sub_bnr_wrap #sub_bnr_swiper .swiper-slide a .bnr_txt p { font-size: 16px; font-weight: 700; margin-bottom: 8px; line-height: 20px; } 
body .sub_bnr_wrap #sub_bnr_swiper .swiper-pagination { background: rgba(0, 0, 0, .3); width: 88%; top: auto; left: 50%; transform: translateX(-50%); height:4px; display:none;} 
body .sub_bnr_wrap #sub_bnr_swiper .swiper-pagination .swiper-pagination-progressbar-fill { background:#000; } 
.sub_bnr_wrap .arrow_wrap { width: 1416px; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; } 
.sub_bnr_wrap .arrow_wrap div { width: 56px; } 
.sub_bnr_wrap .arrow_wrap .swiper-button-prev { left: 0; } 
.sub_bnr_wrap .arrow_wrap .swiper-button-next { right: 0; }



@media (max-width: 1024px) {
    #main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_01 { font-size: 24px; } 
    #main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_02 { font-size: 30px; line-height:1.5; } 
    #main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_03 { font-size: 24px; }
}

/* 태블릿 모바일 */
@media (max-width: 768px) {
    /* 헤더 */
    body #header {position: fixed; width: 100%; top: 0; z-index: 10; background:#fff;}
    #header .headerBottomRight a img {display:none;}
    #header .headerBottomRight a img.main-icon {display:inline-block;}

    /* 상품 롤링 */
    #pd_swiper {padding: 0 6px 13px;}
    #pd_swiper .pd_bnr {width: 100% !important; display:block; margin-bottom:25px;}
    #pd_swiper .item-list { width: 100% !important; margin-bottom: 12px; display:block; }
    #pd_swiper .item-list.flexed { display:flex; align-items: center; gap: 8px; }
    #pd_swiper .item-list.flexed .thumb {width:80px;flex-shrink: 1;} 
    #pd_swiper .item-list.flexed .thumb img{height:100px;}
    #pd_swiper .item-list.flexed .prd-info {position: relative;padding: 0;width: calc(100% - 80px);}
    #pd_swiper .item-list.flexed .prd-info .prd-brand a {font-size:14px;}
    #pd_swiper .swiper-pagination { background: rgba(0, 0, 0, .3); width: 88%; top: auto; left: 50%; right:auto; bottom:0 !important; transform: translateX(-50%); height:4px;}
    #pd_swiper .swiper-button-prev, 
    #pd_swiper .swiper-button-next {display:none;}
    
    /* 탭 롤링 */
    #tab_swiper { margin: 0 15px 25px; } 
    #tab_swiper .swiper-slide a {font-size:14px;}
    #tab_swiper .swiper-slide.swiper-slide-thumb-active a { font-weight: 800;}
    
    /* 서브 배너 롤링 */
    .sub_bnr_wrap {margin-bottom:62px;}
    .sub_bnr_wrap .cont_tit {margin:0 24px 10px;}
    .sub_bnr_wrap #sub_bnr_swiper .swiper-slide a {height:220px;}
    body .sub_bnr_wrap #sub_bnr_swiper .swiper-pagination {display:block;}
    
    /* 메인 배너 */
    #main_bnr_swiper_mo .swiper-slide a {height:320px;}
}
/* force product image size */
.prd-img img,.thumbnail img,.item-img img{width:305px!important;height:305px!important;object-fit:cover!important;}

/* ORDN 신상품 자동 롤링 */
.ordn-new-arrivals { margin-top: 72px; overflow: hidden; }
.ordn-new-arrivals .cont_tit { margin-bottom: 28px; }
.ordn-new-arrivals #ordn_new_swiper { padding: 0; overflow: visible; }
.ordn-new-arrivals .item-list { position: relative; width: auto !important; margin: 0 !important; }
.ordn-new-arrivals .thumb { position: relative; overflow: hidden; }
.ordn-new-arrivals .thumb > a:first-child { display: block; }
.ordn-new-arrivals .thumb img { display: block; width: 100%; height: auto; }
.ordn-new-arrivals .prd-wish { position: absolute; top: 12px; right: 12px; z-index: 3; }
.ordn-new-arrivals .prd-info { padding: 16px 0 0; }
.ordn-new-arrivals .prd-brand { margin-bottom: 6px; }
.ordn-new-arrivals .prd-name { margin-bottom: 10px; }
.ordn-new-arrivals .prd-color,
.ordn-new-arrivals .prd-ico { display: none; }

@media (max-width: 767px) {
    .ordn-new-arrivals { margin-top: 48px; }
    .ordn-new-arrivals .cont_tit { margin-bottom: 20px; }
    .ordn-new-arrivals #ordn_new_swiper { padding: 0 6px; }
}

/* ORDN 신상품 이미지 500x500 고정 */
@media (min-width: 1024px) {
    .ordn-new-arrivals.cont_wrap { max-width: 1672px; }
    .ordn-new-arrivals .thumb,
    .ordn-new-arrivals .thumb > a:first-child,
    .ordn-new-arrivals .thumb img {
        width: 500px !important;
        height: 500px !important;
    }
}

.ordn-new-arrivals .thumb,
.ordn-new-arrivals .thumb > a:first-child {
    aspect-ratio: 1 / 1;
}

.ordn-new-arrivals .thumb img {
    object-fit: cover !important;
}

@media (max-width: 1023px) {
    .ordn-new-arrivals .thumb,
    .ordn-new-arrivals .thumb > a:first-child,
    .ordn-new-arrivals .thumb img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1;
    }
}

/* ORDN 신상품 이미지 전용 무한 슬라이더 */
.ordn-new-arrivals {
    margin-top: 72px;
    overflow: visible;
}
.ordn-new-arrivals.cont_wrap {
    width: 100%;
    max-width: 1672px;
}
.ordn-new-arrivals .cont_tit {
    margin-bottom: 28px;
}
.ordn-new-viewport {
    width: 100%;
    overflow: hidden;
}
.ordn-new-track {
    display: flex;
    align-items: stretch;
    will-change: transform;
}
.ordn-new-slide {
    display: block;
    flex: 0 0 auto;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}
.ordn-new-slide img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
@media (min-width: 1024px) {
    .ordn-new-slide {
        width: 380px;
        max-width: 380px;
        height: 380px;
    }
}
@media (max-width: 767px) {
    .ordn-new-arrivals {
        margin-top: 48px;
    }
    .ordn-new-arrivals .cont_tit {
        margin-bottom: 20px;
    }
}

/* ORDN 신상품 좌우 호버 이동 버튼 */
.ordn-new-slider-shell {
    position: relative;
}
.ordn-new-hover-btn {
    position: absolute;
    top: 50%;
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    color: #111;
    cursor: default;
    transform: translateY(-50%);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.ordn-new-hover-btn svg {
    display: block;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    overflow: visible;
}
.ordn-new-hover-btn svg path {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.ordn-new-hover-prev {
    left: -62px;
}
.ordn-new-hover-next {
    right: -62px;
}
.ordn-new-hover-btn:hover,
.ordn-new-hover-btn:focus-visible {
    transform: translateY(-50%) scale(1.05);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    outline: none;
}
@media (max-width: 1679px) {
    .ordn-new-arrivals.cont_wrap {
        max-width: calc(100% - 124px);
    }
}
@media (max-width: 767px) {
    .ordn-new-arrivals.cont_wrap {
        max-width: 100%;
    }
    .ordn-new-hover-btn {
        width: 42px;
        height: 42px;
    }
    .ordn-new-hover-btn svg {
        width: 14px;
        height: 14px;
        flex-basis: 14px;
    }
    .ordn-new-hover-prev { left: 8px; }
    .ordn-new-hover-next { right: 8px; }
}


/* BEST SELLING static grid */
.cont_wrap .item-cont.flexed{
 display:flex;
 flex-wrap:wrap;
 gap:24px;
}
.cont_wrap .item-cont.flexed .item-list{
 width:330px;
 flex:0 0 330px;
}
.cont_wrap .item-cont.flexed .thumb img{
 width:330px;
 height:330px;
 object-fit:cover;
}


/* BEST SELLING: four fixed 380px cards in one desktop row */
.good-choice-wrap {
    width: 100%;
    max-width: 1672px !important;
    overflow: visible !important;
}
.good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed {
    width: 100%;
    gap: 32px 24px;
}

/* BEST SELLING: fixed 400x400 product images, preserve wish icon */
#list4_wrap.item-wrap {
    overflow: visible;
}
#list4_wrap.item-wrap .item-cont.flexed {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 32px 24px;
}
#list4_wrap.item-wrap .item-cont.flexed > .item-list {
    width: 380px !important;
    flex: 0 0 380px !important;
    max-width: 380px !important;
    margin-right: 0 !important;
}
#list4_wrap.item-wrap .item-cont.flexed > .item-list > .thumb {
    width: 380px !important;
    height: 380px !important;
    overflow: hidden;
}
#list4_wrap.item-wrap .item-cont.flexed > .item-list > .thumb > a:first-child {
    display: block;
    width: 380px !important;
    height: 380px !important;
    overflow: hidden;
}
#list4_wrap.item-wrap .item-cont.flexed > .item-list > .thumb > a:first-child > img {
    display: block;
    width: 380px !important;
    height: 380px !important;
    max-width: none !important;
    object-fit: cover !important;
}
#list4_wrap.item-wrap .item-cont.flexed > .item-list > .thumb .prd-wish {
    right: 20px;
    top: 20px;
    width: auto !important;
    height: auto !important;
    overflow: visible;
}
#list4_wrap.item-wrap .item-cont.flexed > .item-list > .thumb .prd-wish a,
#list4_wrap.item-wrap .item-cont.flexed > .item-list > .thumb .prd-wish .my-wish-list {
    width: auto !important;
    height: auto !important;
    overflow: visible;
}
#list4_wrap.item-wrap .item-cont.flexed > .item-list > .thumb .prd-wish img,
#list4_wrap.item-wrap .item-cont.flexed > .item-list > .thumb .prd-wish img.wish_off,
#list4_wrap.item-wrap .item-cont.flexed > .item-list > .thumb .prd-wish img.wish_on {
    width: 23px !important;
    height: 23px !important;
    max-width: 23px !important;
    object-fit: contain !important;
    transform: none !important;
}

@media (max-width: 899px) {
    #list4_wrap.item-wrap .item-cont.flexed > .item-list {
        width: calc(50% - 8px) !important;
        flex: 0 0 calc(50% - 8px) !important;
        max-width: calc(50% - 8px) !important;
    }
    #list4_wrap.item-wrap .item-cont.flexed > .item-list > .thumb,
    #list4_wrap.item-wrap .item-cont.flexed > .item-list > .thumb > a:first-child {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1;
    }
    #list4_wrap.item-wrap .item-cont.flexed > .item-list > .thumb > a:first-child > img {
        width: 100% !important;
        height: 100% !important;
    }
}


/* NEW ARRIVALS: align width and 4-column rhythm with BEST SELLING */
@media (min-width: 1024px) {
    .ordn-new-arrivals.cont_wrap {
        width: 100%;
        max-width: 1672px !important;
    }
    .ordn-new-arrivals .ordn-new-track {
        gap: 24px;
    }
    .ordn-new-arrivals .ordn-new-slide {
        width: 380px !important;
        min-width: 380px !important;
        max-width: 380px !important;
        height: 380px !important;
        flex-basis: 380px !important;
    }
}

/* ORDN BEST SELLING product info: match category product-card styling */
.good-choice-wrap #list4_wrap .item-list .prd-name {
    margin-bottom: 0 !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #ededed !important;
    font-family: "Pretendard Variable", Pretendard, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    color: #000000 !important;
}
.good-choice-wrap #list4_wrap .item-list .prd-name a,
.good-choice-wrap #list4_wrap .item-list .prd-name a:link,
.good-choice-wrap #list4_wrap .item-list .prd-name a:visited,
.good-choice-wrap #list4_wrap .item-list .prd-name a:hover,
.good-choice-wrap #list4_wrap .item-list .prd-name a:active,
.good-choice-wrap #list4_wrap .item-list .prd-name span,
.good-choice-wrap #list4_wrap .item-list .prd-name strong,
.good-choice-wrap #list4_wrap .item-list .prd-name b {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    color: #000000 !important;
}
.good-choice-wrap #list4_wrap .item-list .prd-price {
    margin-top: 9px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}
.good-choice-wrap #list4_wrap .item-list .prd-price .price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 7px !important;
}
.good-choice-wrap #list4_wrap .item-list .prd-price .dc_per {
    display: none !important;
}
.good-choice-wrap #list4_wrap .item-list .prd-price .consumer,
.good-choice-wrap #list4_wrap .item-list .prd-price .consumer b,
.good-choice-wrap #list4_wrap .item-list .prd-price .consumer strong,
.good-choice-wrap #list4_wrap .item-list .prd-price .consumer span {
    order: 1;
    display: block;
    margin-right: 0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    color: #AAAAAA !important;
    text-decoration: line-through !important;
}
.good-choice-wrap #list4_wrap .item-list .prd-price .normal,
.good-choice-wrap #list4_wrap .item-list .prd-price .normal b,
.good-choice-wrap #list4_wrap .item-list .prd-price .normal strong,
.good-choice-wrap #list4_wrap .item-list .prd-price .normal span,
.good-choice-wrap #list4_wrap .item-list .prd-price .normal a {
    order: 2;
    display: block;
    font-family: "Montserrat", sans-serif !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    color: #000000 !important;
}
.good-choice-wrap #list4_wrap .item-list .prd-price .consumer b,
.good-choice-wrap #list4_wrap .item-list .prd-price .normal b {
    display: inline !important;
    font-weight: inherit !important;
}

/* BEST SELLING: 45px spacing between product image and product information */
.good-choice-wrap #list4_wrap .item-list > .prd-info {
    margin-top: 25px !important;
    padding-left: 7px !important;
}

/* ORDN: 245px gap only between NEW ARRIVALS and BEST SELLING */
#ordn_new_arrivals + .good-choice-wrap {
    margin-top: 245px !important;
}

.consumer,.consumer_price,.price_consumer,.custom,.strike,.price .consumer{
color:#AAAAAA !important;
}


/* ORDN final consumer price color override */
.good-choice-wrap #list4_wrap .item-list .prd-price .price > .consumer,
.good-choice-wrap #list4_wrap .item-list .prd-price .price > .consumer *,
.good-choice-wrap #list4_wrap .item-list .prd-price span.consumer,
.good-choice-wrap #list4_wrap .item-list .prd-price span.consumer * {
    color: #AAAAAA !important;
    -webkit-text-fill-color: #AAAAAA !important;
    opacity: 1 !important;
}

#header .sub-category,
#header .subcate,
#header .depth2,
#header .gnb-sub,
#header .category-sub{
min-width:auto!important;
width:max-content!important;
padding:10px 12px!important;
}
#header .sub-category li a,
#header .subcate li a,
#header .depth2 li a,
#header .gnb-sub li a,
#header .category-sub li a{
white-space:nowrap;
padding:8px 10px!important;
}


/* ORDN: center BEST SELLING section */
.good-choice-wrap {
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

.good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed {
    justify-content: center !important;
}

/* ORDN final sizing/alignment: BEST SELLING 380, NEW ARRIVALS 475 */
@media (min-width: 1024px) {
    /* BEST SELLING: four 380px cards + three 24px gaps = 1592px */
    .good-choice-wrap {
        width: 1592px !important;
        max-width: calc(100% - 48px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    .good-choice-wrap > .cont_tit {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        text-align: left !important;
    }

    .good-choice-wrap > .cont_tit h1,
    .good-choice-wrap > .cont_tit h1 b {
        text-align: left !important;
    }

    .good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed {
        justify-content: flex-start !important;
        gap: 32px 24px !important;
    }

    .good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed > .item-list,
    .good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed > .item-list > .thumb,
    .good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed > .item-list > .thumb > a:first-child,
    .good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed > .item-list > .thumb > a:first-child > img {
        width: 380px !important;
        min-width: 380px !important;
        max-width: 380px !important;
        height: 380px !important;
    }

    /* NEW ARRIVALS: fixed 475x475 images */
    .ordn-new-arrivals .ordn-new-slide {
        width: 475px !important;
        min-width: 475px !important;
        max-width: 475px !important;
        height: 475px !important;
        flex: 0 0 475px !important;
    }

    .ordn-new-arrivals .ordn-new-slide img {
        width: 475px !important;
        height: 475px !important;
        object-fit: cover !important;
    }
}

/* ORDN FIX: BEST SELLING cards must grow with product information */
@media (min-width: 1024px) {
    .good-choice-wrap,
    .good-choice-wrap #list4_wrap.item-wrap,
    .good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed {
        align-items: flex-start !important;
        row-gap: 48px !important;
        padding-bottom: 24px !important;
    }

    /* The previous combined rule incorrectly fixed the whole card to 380px. */
    .good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed > .item-list {
        width: 380px !important;
        min-width: 380px !important;
        max-width: 380px !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        align-self: flex-start !important;
    }

    .good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed > .item-list > .thumb,
    .good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed > .item-list > .thumb > a:first-child,
    .good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed > .item-list > .thumb > a:first-child > img {
        width: 380px !important;
        min-width: 380px !important;
        max-width: 380px !important;
        height: 380px !important;
        min-height: 380px !important;
        max-height: 380px !important;
    }

    .good-choice-wrap #list4_wrap .item-list > .prd-info,
    .good-choice-wrap #list4_wrap .item-list > .prd-info > ul,
    .good-choice-wrap #list4_wrap .item-list .prd-name,
    .good-choice-wrap #list4_wrap .item-list .prd-price,
    .good-choice-wrap #list4_wrap .item-list .prd-price .price {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .good-choice-wrap #list4_wrap .item-list > .prd-info {
        box-sizing: border-box !important;
        padding-right: 7px !important;
        padding-bottom: 12px !important;
    }
}

/* ORDN mobile redesign: desktop-like main page */
@media screen and (max-width: 768px) {
    #main, #container, #contents { width:100% !important; max-width:none !important; overflow-x:hidden !important; }
    .cont_wrap { width:100% !important; margin:0 auto 86px !important; padding:0 16px !important; overflow:visible !important; box-sizing:border-box !important; }
    .cont_tit, .ordn-new-arrivals .cont_tit, .good-choice-wrap .cont_tit {
        margin:0 0 18px !important;
        padding:0 !important;
        justify-content:flex-start !important;
        text-align:left !important;
    }
    .cont_tit h1, .cont_tit h1 b { font-size:22px !important; line-height:1.2 !important; font-weight:800 !important; color:#000 !important; }

    #ordn_new_arrivals, .ordn-new-arrivals {
        width:100% !important;
        max-width:none !important;
        margin-top:54px !important;
        padding:0 16px !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }
    .ordn-new-viewport { overflow:visible !important; }
    .ordn-new-track { gap:12px !important; }
    .ordn-new-slide {
        width:calc(86vw - 32px) !important;
        max-width:475px !important;
        flex:0 0 calc(86vw - 32px) !important;
    }
    .ordn-new-arrivals .thumb,
    .ordn-new-arrivals .thumb > a:first-child,
    .ordn-new-arrivals .thumb img {
        width:100% !important;
        height:auto !important;
        aspect-ratio:1/1 !important;
        object-fit:cover !important;
    }

    #ordn_new_arrivals + .good-choice-wrap,
    .good-choice-wrap {
        width:100% !important;
        max-width:none !important;
        margin:96px auto 0 !important;
        padding:0 16px !important;
        box-sizing:border-box !important;
    }
    .good-choice-wrap #list4_wrap.item-wrap { padding:0 !important; }
    .good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed {
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:34px 12px !important;
        justify-content:stretch !important;
    }
    .good-choice-wrap #list4_wrap .item-list {
        width:100% !important;
        min-width:0 !important;
        height:auto !important;
        margin:0 !important;
        overflow:visible !important;
    }
    .good-choice-wrap #list4_wrap .item-list .thumb,
    .good-choice-wrap #list4_wrap .item-list .thumb > a:first-child,
    .good-choice-wrap #list4_wrap .item-list .thumb img {
        width:100% !important;
        height:auto !important;
        aspect-ratio:1/1 !important;
        object-fit:cover !important;
    }
    .good-choice-wrap #list4_wrap .item-list > .prd-info {
        display:block !important;
        height:auto !important;
        min-height:92px !important;
        margin-top:12px !important;
        padding:0 2px !important;
        overflow:visible !important;
    }
    .good-choice-wrap #list4_wrap .prd-name {
        height:auto !important;
        margin:0 0 8px !important;
        padding:0 0 8px !important;
        border-bottom:1px solid #ededed !important;
    }
    .good-choice-wrap #list4_wrap .prd-name a {
        display:block !important;
        font-size:12px !important;
        line-height:1.45 !important;
        -webkit-line-clamp:2 !important;
    }
    .good-choice-wrap #list4_wrap .prd-price,
    .good-choice-wrap #list4_wrap .prd-price .price { display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:5px !important; overflow:visible !important; }
    .good-choice-wrap #list4_wrap .prd-price .consumer,
    .good-choice-wrap #list4_wrap .prd-price .normal,
    .good-choice-wrap #list4_wrap .prd-price .consumer *,
    .good-choice-wrap #list4_wrap .prd-price .normal * { display:inline !important; visibility:visible !important; opacity:1 !important; }

    /* remove oversized desktop-only spacing overrides on mobile */
    #main .main-title, #main .main_title, .main-title, .main_title { margin:86px 0 !important; }
    #main .main-section, .main-section { margin-top:86px !important; margin-bottom:86px !important; }
}

/* ORDN mobile refinement: remove legacy icon menu and rebuild BEST SELLING */
@media screen and (max-width: 768px) {
    /* Remove the legacy black circular category icons below the main banner. */
    .ico_wrap.mo,
    .ico_wrap.mo ul,
    .ico_wrap.mo li { display:none !important; }

    /* Mobile NEW ARRIVALS keeps the automatic flow, but has no direction controls. */
    .ordn-new-hover-btn,
    .ordn-new-hover-prev,
    .ordn-new-hover-next { display:none !important; visibility:hidden !important; pointer-events:none !important; }

    /* Large two-column mobile layout similar to the supplied reference. */
    #ordn_new_arrivals + .good-choice-wrap,
    .good-choice-wrap {
        margin-top:72px !important;
        margin-bottom:72px !important;
        padding-left:8px !important;
        padding-right:8px !important;
    }
    .good-choice-wrap > .cont_tit {
        margin:0 0 24px !important;
        padding:0 !important;
        text-align:center !important;
        justify-content:center !important;
    }
    .good-choice-wrap > .cont_tit h1,
    .good-choice-wrap > .cont_tit h1 b {
        width:100% !important;
        text-align:center !important;
        font-size:21px !important;
        line-height:1.2 !important;
        letter-spacing:2px !important;
        font-weight:700 !important;
    }
    .good-choice-wrap #list4_wrap.item-wrap,
    .good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed {
        width:100% !important;
        max-width:none !important;
        height:auto !important;
        overflow:visible !important;
    }
    .good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed {
        display:grid !important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
        column-gap:8px !important;
        row-gap:42px !important;
        align-items:start !important;
        justify-content:stretch !important;
        padding:0 !important;
    }
    .good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed > .item-list {
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        margin:0 !important;
        padding:0 !important;
        overflow:visible !important;
    }
    .good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed > .item-list > .thumb,
    .good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed > .item-list > .thumb > a:first-child,
    .good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed > .item-list > .thumb > a:first-child > img {
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        aspect-ratio:1 / 1 !important;
        object-fit:cover !important;
        margin:0 !important;
    }
    .good-choice-wrap #list4_wrap .item-list > .prd-info {
        display:block !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        margin:14px 0 0 !important;
        padding:0 6px 8px !important;
        box-sizing:border-box !important;
        overflow:visible !important;
        text-align:center !important;
    }
    .good-choice-wrap #list4_wrap .item-list > .prd-info > ul {
        height:auto !important;
        overflow:visible !important;
    }
    .good-choice-wrap #list4_wrap .prd-name {
        height:auto !important;
        min-height:46px !important;
        margin:0 !important;
        padding:0 0 12px !important;
        border-bottom:1px solid #ededed !important;
        text-align:center !important;
    }
    .good-choice-wrap #list4_wrap .prd-name a {
        display:-webkit-box !important;
        overflow:hidden !important;
        -webkit-box-orient:vertical !important;
        -webkit-line-clamp:2 !important;
        font-size:14px !important;
        line-height:1.45 !important;
        font-weight:700 !important;
        text-align:center !important;
        word-break:keep-all !important;
    }
    .good-choice-wrap #list4_wrap .prd-price,
    .good-choice-wrap #list4_wrap .prd-price .price {
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        width:100% !important;
        height:auto !important;
        max-height:none !important;
        margin-top:10px !important;
        gap:6px !important;
        overflow:visible !important;
        text-align:center !important;
    }
    .good-choice-wrap #list4_wrap .prd-price .consumer,
    .good-choice-wrap #list4_wrap .prd-price .consumer * {
        display:inline !important;
        font-size:13px !important;
        line-height:1.35 !important;
        text-align:center !important;
    }
    .good-choice-wrap #list4_wrap .prd-price .normal,
    .good-choice-wrap #list4_wrap .prd-price .normal * {
        display:inline !important;
        font-size:15px !important;
        line-height:1.35 !important;
        font-weight:700 !important;
        text-align:center !important;
    }
    .good-choice-wrap #list4_wrap .thumb .prd-wish {
        right:8px !important;
        bottom:8px !important;
        top:auto !important;
    }
}


/* ORDN FINAL MOBILE ONLY: product typography and centered prices */
@media screen and (max-width: 768px) {
    .good-choice-wrap #list4_wrap .prd-name,
    .good-choice-wrap #list4_wrap .prd-name a,
    .good-choice-wrap #list4_wrap .prd-name a * {
        font-size:13px !important;
        color:#1A1A1A !important;
        -webkit-text-fill-color:#1A1A1A !important;
    }
    .good-choice-wrap #list4_wrap .prd-price,
    .good-choice-wrap #list4_wrap .prd-price .price {
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
        width:100% !important;
    }
    .good-choice-wrap #list4_wrap .prd-price .consumer,
    .good-choice-wrap #list4_wrap .prd-price .consumer * {
        font-size:12px !important;
        color:#575757 !important;
        -webkit-text-fill-color:#575757 !important;
        text-align:center !important;
    }
    .good-choice-wrap #list4_wrap .prd-price .normal,
    .good-choice-wrap #list4_wrap .prd-price .normal * {
        font-size:14px !important;
        color:#1A1A1A !important;
        -webkit-text-fill-color:#1A1A1A !important;
        text-align:center !important;
    }
}

/* ORDN MOBILE HARD OVERRIDE: BEST SELLING typography/alignment (desktop untouched) */
@media screen and (max-width: 1023px) {
  .good-choice-wrap #list4_wrap .item-list .prd-info,
  .good-choice-wrap #list4_wrap .item-list .prd-info > ul,
  .good-choice-wrap #list4_wrap .item-list .prd-name,
  .good-choice-wrap #list4_wrap .item-list .prd-name a,
  .good-choice-wrap #list4_wrap .item-list .prd-price,
  .good-choice-wrap #list4_wrap .item-list .prd-price > .price {
    width:100% !important;
    box-sizing:border-box !important;
    text-align:center !important;
  }

  .good-choice-wrap #list4_wrap .item-list .prd-name {
    display:block !important;
    margin:0 0 9px !important;
    padding:0 2px 9px !important;
    border-bottom:1px solid #ededed !important;
  }
  .good-choice-wrap #list4_wrap .item-list .prd-name,
  .good-choice-wrap #list4_wrap .item-list .prd-name a,
  .good-choice-wrap #list4_wrap .item-list .prd-name a * {
    font-size:13px !important;
    line-height:1.45 !important;
    color:#1A1A1A !important;
    -webkit-text-fill-color:#1A1A1A !important;
    text-align:center !important;
  }

  .good-choice-wrap #list4_wrap .item-list .prd-price,
  .good-choice-wrap #list4_wrap .item-list .prd-price > .price {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }
  .good-choice-wrap #list4_wrap .item-list .prd-price .consumer,
  .good-choice-wrap #list4_wrap .item-list .prd-price .consumer * {
    font-size:12px !important;
    line-height:1.4 !important;
    color:#575757 !important;
    -webkit-text-fill-color:#575757 !important;
    text-align:center !important;
  }
  .good-choice-wrap #list4_wrap .item-list .prd-price .normal,
  .good-choice-wrap #list4_wrap .item-list .prd-price .normal * {
    font-size:14px !important;
    line-height:1.4 !important;
    color:#1A1A1A !important;
    -webkit-text-fill-color:#1A1A1A !important;
    text-align:center !important;
  }
}

/* ORDN MOBILE ONLY: final BEST SELLING font weights */
@media screen and (max-width: 1023px) {
  .good-choice-wrap #list4_wrap .item-list .prd-name,
  .good-choice-wrap #list4_wrap .item-list .prd-name a,
  .good-choice-wrap #list4_wrap .item-list .prd-name a * {
    font-weight:700 !important;
  }
  .good-choice-wrap #list4_wrap .item-list .prd-price .consumer,
  .good-choice-wrap #list4_wrap .item-list .prd-price .consumer * {
    font-weight:500 !important;
  }
  .good-choice-wrap #list4_wrap .item-list .prd-price .normal,
  .good-choice-wrap #list4_wrap .item-list .prd-price .normal * {
    font-weight:700 !important;
  }
}

/* ORDN MOBILE ONLY: equal spacing around product divider */
@media screen and (max-width: 1023px) {
  .good-choice-wrap #list4_wrap .item-list .prd-name {
    margin:0 0 9px !important;
    padding:0 2px 9px !important;
  }
  .good-choice-wrap #list4_wrap .item-list .prd-name a,
  .good-choice-wrap #list4_wrap .item-list .prd-name a * {
    display:block !important;
    margin:0 !important;
    padding:0 !important;
  }
  .good-choice-wrap #list4_wrap .item-list .prd-price .consumer,
  .good-choice-wrap #list4_wrap .item-list .prd-price .consumer * {
    margin:0 !important;
    padding:0 !important;
  }
}

/* ORDN MOBILE FINAL: equal divider spacing + centered 180px NEW ARRIVALS */
@media screen and (max-width: 768px) {
  /* NEW ARRIVALS title centered on mobile only */
  #ordn_new_arrivals > .cont_tit,
  .ordn-new-arrivals > .cont_tit {
    display:flex !important;
    width:100% !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
  }
  #ordn_new_arrivals > .cont_tit h1,
  #ordn_new_arrivals > .cont_tit h1 b,
  .ordn-new-arrivals > .cont_tit h1,
  .ordn-new-arrivals > .cont_tit h1 b {
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  /* Fixed 180 x 180 mobile slides. Inline JS flex-basis is also set to 180px. */
  #ordn_new_arrivals .ordn-new-slide,
  .ordn-new-arrivals .ordn-new-slide {
    width:180px !important;
    min-width:180px !important;
    max-width:180px !important;
    flex:0 0 180px !important;
  }
  #ordn_new_arrivals .ordn-new-slide .thumb,
  #ordn_new_arrivals .ordn-new-slide .thumb > a:first-child,
  #ordn_new_arrivals .ordn-new-slide .thumb img,
  .ordn-new-arrivals .ordn-new-slide .thumb,
  .ordn-new-arrivals .ordn-new-slide .thumb > a:first-child,
  .ordn-new-arrivals .ordn-new-slide .thumb img {
    display:block !important;
    width:180px !important;
    min-width:180px !important;
    max-width:180px !important;
    height:180px !important;
    min-height:180px !important;
    max-height:180px !important;
    aspect-ratio:auto !important;
    object-fit:cover !important;
  }

  /* BEST SELLING: same space above and below the divider. */
  .good-choice-wrap #list4_wrap .item-list .prd-name {
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 2px 9px !important;
    border-bottom:1px solid #ededed !important;
  }
  .good-choice-wrap #list4_wrap .item-list .prd-name a,
  .good-choice-wrap #list4_wrap .item-list .prd-name a * {
    margin:0 !important;
    padding:0 !important;
  }
  .good-choice-wrap #list4_wrap .item-list .prd-price,
  .good-choice-wrap #list4_wrap .item-list .prd-price > .price {
    margin:9px 0 0 !important;
    padding:0 !important;
  }
  .good-choice-wrap #list4_wrap .item-list .prd-price .consumer,
  .good-choice-wrap #list4_wrap .item-list .prd-price .consumer * {
    margin:0 !important;
    padding:0 !important;
  }
}

/* ORDN MOBILE FINAL TUNING: section spacing, divider-to-price spacing, tighter rows */
@media screen and (max-width: 768px) {
  /* Slightly more breathing room between NEW ARRIVALS and BEST SELLING. */
  #ordn_new_arrivals + .good-choice-wrap,
  .good-choice-wrap {
    margin-top:82px !important;
  }

  /* Keep product rows a little closer together. */
  .good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed {
    row-gap:34px !important;
  }

  /* Divider to consumer price: exactly 7px. */
  .good-choice-wrap #list4_wrap .item-list .prd-price,
  .good-choice-wrap #list4_wrap .item-list .prd-price > .price {
    margin-top:7px !important;
  }
}

/* ORDN MOBILE FINAL V2: requested spacing values */
@media screen and (max-width: 768px) {
  /* Add another 10px between NEW ARRIVALS and BEST SELLING. */
  #ordn_new_arrivals + .good-choice-wrap,
  .good-choice-wrap {
    margin-top:92px !important;
  }

  /* Vertical gap between product rows. */
  .good-choice-wrap #list4_wrap.item-wrap .item-cont.flexed,
  .good-choice-wrap #list4_wrap .item-cont.flexed {
    row-gap:10px !important;
  }

  /* Divider to consumer price. */
  .good-choice-wrap #list4_wrap .item-list .prd-price,
  .good-choice-wrap #list4_wrap .item-list .prd-price > .price {
    margin-top:5px !important;
  }
}

@media (max-width:1023px){
.prdList,.ec-base-product ul.prdList{row-gap:5px!important;}
.prdList>li,.ec-base-product .prdList>li{margin-bottom:5px!important;padding-bottom:0!important;}
}


/* ORDN MOBILE: show discount rate beside the final purchase price */
@media screen and (max-width:1023px) {
  .good-choice-wrap #list4_wrap .item-list .prd-price > .price {
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:baseline !important;
    justify-content:center !important;
    column-gap:5px !important;
    row-gap:5px !important;
  }

  .good-choice-wrap #list4_wrap .item-list .prd-price .consumer {
    flex:0 0 100% !important;
    width:100% !important;
    text-align:center !important;
    order:1 !important;
  }

  .good-choice-wrap #list4_wrap .item-list .prd-price .dc_per {
    display:inline-block !important;
    flex:0 0 auto !important;
    order:2 !important;
    margin:0 !important;
    padding:0 !important;
    color:#DE2D14 !important;
    font-family:"Montserrat", sans-serif !important;
    font-size:14px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    text-decoration:none !important;
  }

  .good-choice-wrap #list4_wrap .item-list .prd-price .dc_per:empty {
    display:none !important;
  }

  .good-choice-wrap #list4_wrap .item-list .prd-price .normal,
  .good-choice-wrap #list4_wrap .item-list .prd-price .normal * {
    flex:0 0 auto !important;
    order:3 !important;
    width:auto !important;
    margin:0 !important;
    font-size:14px !important;
  }
}

/* BASIC css end */