/* BASIC css start */
.promotion_box{}
.promotion_box img{ width: 100%}

.eventBanner{ width: 100%; margin:-20px 0 20px;}

.shopbrand h2 {text-align:center; font-size: 1.25em; font-weight:bold; padding-top:10px;}
.shopbrand .MK_product_list {background-color:#f9f9f9; border-bottom:1px solid #4a4a4a; border-top: 1px solid #4a4a4a;}
.shopbrand .MK_product_list .items {padding: 10px 0;}
.shopbrand .MK_product_list .items #MK_best_product li {width:33.33%;}
.shopbrand .MK_product_list .items .paging-num {text-align: center; clear: both; margin:20px 0;}
.shopbrand .MK_product_list .items .paging-num a {background-color:#fff; border:1px solid #393939; padding:5px 10px; margin:0 10px;}
.shopbrand .list_group {padding: 10px 1%;text-align:center;}
.shopbrand .list_group select {width:49%; height:28px;}
.shopbrand .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle p{ padding: 0 1.3rem 30px; font-size: 14px; line-height: 1.5;}
.shopbrand .shopbrandTitle .shopbrandCont{}
.shopbrand .shopbrandTitle .shopbrandImg{ display: none;}
.shopbrand .shopbrandTitle img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img {width: 23px; height: auto;}


.depth_wrap{ margin: 20px 0;}
.depth_wrap .page_location{ padding: 0 1.3rem;}
.depth_wrap .page_location .SMScategoryName{ display: flex;}
.depth_wrap .page_location .SMScategoryName li.lastChild::after{display:none;}
.depth_wrap .page_location .SMScategoryName li a{ font-size: 20px; font-weight: 500;}

.depth_wrap .SMS_Category_list{ }
.depth_wrap .SMS_Category_list .CateInBody{ padding: 0 1.3rem; border-bottom: 1px solid #E2E2E2; }
.depth_wrap .SMS_Category_list .CateInBody ul{ display: flex; align-items: baseline;}
.depth_wrap .SMS_Category_list .CateInBody li{width: auto; }
.depth_wrap .SMS_Category_list .CateInBody li a{padding: 20px 0 15px ; margin: 0 10px;font-size: 15px; display: inline-block;text-align:center;}
.depth_wrap .SMS_Category_list .CateInBody li:first-child a{ margin-left: 0;}
.depth_wrap .SMS_Category_list .CateInBody li a.sel{ font-weight: 600; position: relative; border-bottom: 1px solid #000;}
/*.depth_wrap .SMS_Category_list .CateInBody li a.sel::after{ position: absolute; content: ""; display: block; width: 100%; height: 1px; left: 0; bottom: -1px; background: #000;}*/
.depth_wrap .SMS_Category_list .CateInBody li a > span{ display: block; font-size: 15px; width:60px; height: 60px; margin-bottom: 16px;border-radius: 200px; }
.depth_wrap .SMS_Category_list .CateInBody li a > span span{  font-size: 15px; color:#000; background:#f6f6f6; display: block; width:60px; height: 60px; line-height: 1; line-height: 60px; border-radius: 200px;  }
.depth_wrap .SMS_Category_list .CateInBody li a img{width: 70px; display: block; margin-bottom: 22px;}


.sort_area{ display: flex; padding: 0 1.3rem; margin-bottom: 20px;}
.sort_area li{margin-right: 5px; }
.sort_area li:last-child{ margin-right: 0;}
.sort_area li a{ padding: 8px 16px; display: inline-block; border-radius: 30px; background: #EFEFEF; font-size: 12px;}
.sort_area li a.active{ background: #000; color: #fff;}


/*.alertPop{ display:none; position: fixed; bottom: 3%; left: 50%; transform: translateX(-50%); width: calc(100% - 2.6rem); background: #393939; padding: 13px 20px; color:#fff; font-size: 15px; border-radius: 5px; z-index: 10;
    transition: transform 0.3s ease-in-out;
}*/
.shopbrandTitle .bf_popup { display:none; position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); z-index:15; width:90%; border: 1px solid rgba(0, 0, 0, 0.1);}
.shopbrandTitle .bf_popup .bf_popup_close { position: absolute; right:0; top:0; width:60px; height: 60px; z-index:1;}

.promotion_wrap{width:100%; margin:0 auto; font-size:0; line-height:0;}
.promotion_wrap a{display:inline-block; width:100%;}
.promotion_wrap img{width:100%; display:inline-block;}
.promotion_wrap .wd50{width:50%;}
.promotion_wrap .wd33{width:33.33%;}

.promotion_wrap .menu{background:#fff; width:100%;}
.promotion_wrap .menu ul{display:flex;}
.promotion_wrap .menu ul li{font-size:15px; border:solid 1px #d8d8d8; padding:6px 11px; display:inline-block; margin-right:6px; margin-bottom:6px; border-radius:20px;}
.promotion_wrap .menu ul li.active{border:solid 1px #000;}
.promotion_wrap .menu ul li span{color:#BF214B; font-size:11px;  vertical-align: text-top; margin-left: 4px;}

.promotion_wrap .tab_con{display:none; font-size:0;}
.promotion_wrap .tab_con.on{display:block;}
.promotion_wrap .tab_con .img_viewer{position:relative;}
.promotion_wrap .tab_con .img_viewer .imgBox{position:absolute; top:3vw; left:50%; transform:translateX(-50%); display:flex; justify-content:space-between; flex-direction:row; flex-wrap:wrap; width: 90%;}
.promotion_wrap .tab_con .img_viewer .imgBox > img{width:79%;}
.promotion_wrap .tab_con .img_viewer .imgBox > ul{display:flex; flex-direction:column; justify-content:space-between; width:18%;}

.collection .prd_info p{font-size:14px;}

.prd_info > a > img{width: 6px; vertical-align: 0px; margin: 0 0 0 6px;}


/* xcode=014 */

.promotion_wrap .popup{position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.3); z-index:99;}
.promotion_wrap .popup_con{width:85%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.promotion_wrap .popup_con .close{position:absolute; top:18px; right:18px; width:16px;}

.promotion_wrap .swiper_container {position:relative;}
.promotion_wrap .swiper_container .promo_swiper {position: absolute; top: 38%; width: 44%; left: 6%;}
.promotion_wrap .swiper_container .promo_swiper2 {position: absolute; top: 10.5%; width: 44%; left: 6%;}
.promotion_wrap .swiper_container .promo_swiper3 {position: absolute; top: 11.9%; width: 44%; left: 6%;}
.promotion_wrap .swiper_container .promo_swiper4 {position: absolute; top: 36%; width: 44%; left: 6%;}

.coupon-benefit{text-align: left;}
.list_shopping2x .list_shoppingInfo {padding: 0 6px; margin: -12px 0 0 0;}
.list_shopping2x .list_shoppingInfo a img{width: 35%;}

.list_shopping2x .collection p{font-size:15px;}
.list_shopping2x .collection a{margin-top:12px; padding:5px 14px; border:solid 1px #000; display:inline-block; border-radius:14px;}
.list_shopping2x .collection a img{width: 6px; margin-top: 3px; margin-left: 3px;}


/* ÇÊÅÍ */
.filter_box{position:relative;}
.filter-wrap{border-bottom:solid 6px #F9F9F9; margin-bottom:20px;}
.filter-wrap > p{font-size:21px; font-weight:500; color:#000; line-height:30px; padding:0 1.3rem; margin-bottom:38px;}
.filter-wrap .layer-filter-wrap .opt-box > li {padding:14px 1.3rem; border-bottom:1px solid #E2E2E2; font-size:15px; font-weight:bold; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.filter-wrap .layer-filter-wrap .opt-box > li:first-child{padding-top:0; background-position:right 1.3rem top 5px !important;}
.filter-wrap .layer-filter-wrap .opt-box > li.acco{background-image:url(/design/jmomall/ECHO/uiux/icon/arrow_bottom.svg); background-repeat: no-repeat; background-position:right 1.3rem  top 21px; background-size:auto 7px; }
.filter-wrap .layer-filter-wrap .opt-box > li.acco.active {background-image:url(/design/jmomall/ECHO/uiux/icon/arrow_top.svg);}
.filter-wrap .layer-filter-wrap .opt-box > li.acco.active > .chk-box, .filter-wrap .layer-filter-wrap .opt-box > li.acco.active > .chk-color-code{display:flex; flex-wrap:wrap; column-gap:8px; row-gap:6px;}
.filter-wrap .layer-filter-wrap .opt-box > li > span{font-size:15px; font-weight:500; color:#000;}

.filter-wrap .layer-filter-wrap .layer-filter .opt-box li > div {margin-top:15px;}
.filter-wrap .layer-filter-wrap .layer-filter .opt-box li.acco > div{display:none;}
.filter-wrap .layer-filter-wrap .layer-filter .opt-box li input[type="checkbox"]{display:none;}
.filter-wrap .layer-filter-wrap .layer-filter .opt-box li .chk-box input[type="checkbox"] + label{display:none;}
.filter-wrap .layer-filter-wrap .layer-filter .opt-box li .chk-box p{padding:7px 14px; display:inline-block; cursor:pointer;  border-radius:17px; border:solid 1px #E2E2E2; font-size:15px; font-weight:normal; color:#000;}
.filter-wrap .layer-filter-wrap .layer-filter .opt-box li .chk-box p > span{display:none;}
.filter-wrap .layer-filter-wrap .layer-filter .opt-box li .chk-box input[type="checkbox"]:checked + label + p{background:#000; border:solid 1px #000; color:#fff;}
.filter-wrap .layer-filter-wrap .layer-filter .opt-box li .chk-color-code div{padding:7px 12px; display:inline-block; cursor:pointer;  border-radius:17px; border:solid 1px #E2E2E2; display:flex; height:fit-content; align-items: center;}
.filter-wrap .layer-filter-wrap .layer-filter .opt-box li .chk-color-code div label{box-shadow:none; width:16px; height:16px; margin-right:10px; display:inline-block; border-radius:50%;}
.filter-wrap .layer-filter-wrap .layer-filter .opt-box li .chk-color-code div label[style="background-color:#ffffff;"]{border:solid 1.5px #e2e2e2; }
.filter-wrap .layer-filter-wrap .layer-filter .opt-box li .chk-color-code div p{ font-size:15px; font-weight:normal; color:#000; height:fit-content;}
.filter-wrap .layer-filter-wrap .layer-filter .opt-box li .chk-color-code div p > span{display:none;}
.filter-wrap .layer-filter-wrap .layer-filter .opt-box li .chk-color-code div:has(input[type="checkbox"]:checked){background:#000;}
.filter-wrap .layer-filter-wrap .layer-filter .opt-box li .chk-color-code div:has(input[type="checkbox"]:checked) label{border:solid 1.5px #e2e2e2; }
.filter-wrap .layer-filter-wrap .layer-filter .opt-box li .chk-color-code div:has(input[type="checkbox"]:checked) p{color:#fff;}

.filter-wrap .layer-filter-wrap .layer-filter .select-filter {display:flex; flex-wrap:wrap; column-gap:8px; row-gap:6px; margin:20px 0 20px; padding:0 1.3rem;}
.filter-wrap .layer-filter-wrap .layer-filter .select-filter li {display:flex; align-items:center; padding:7px 10px; background:#f8f8f8; border-radius:5px; font-size:13px;}
.filter-wrap .layer-filter-wrap .layer-filter .select-filter li .btn-del {width:14px; height:10px; margin-left:13px; background:url(/design/jmomall/ECHO/uiux/icon/icon_close.svg) no-repeat right center; font-size:0px; border:0;}
.filter-wrap .layer-filter-wrap .layer-filter .select-filter li .color-code[style*="background-color:#"] {width:16px; height:16px; border:solid 2px #e2e2e2; margin-right:10px; display:inline-block; border-radius:50%; margin-right:7px;}
.filter-wrap .layer-filter-wrap .layer-filter .select-filter li .filter-text {font-size:14px; font-weight:400; color:#000;}

.filter-wrap .layer-filter-wrap .layer-filter .btn-wrap {display:flex; padding:0 1.3rem; padding-bottom:20px; }
.filter-wrap .layer-filter-wrap .layer-filter .btn-wrap button {width:auto; padding:14px 0; text-align:center; background:#fff;}
.filter-wrap .layer-filter-wrap .layer-filter .btn-wrap button.btn-reset {width:130px; border:solid 1px #DEDEDE; border-radius:4px 0 0 4px;}
.filter-wrap .layer-filter-wrap .layer-filter .btn-wrap button.btn-search {width:calc(100% - 130px); background:#000000; border:solid 1px #000; border-radius:0 4px 4px 0;}
.filter-wrap .layer-filter-wrap .layer-filter .btn-wrap button span {color:#000; font-size:14px; font-weight:400;}
.filter-wrap .layer-filter-wrap .layer-filter .btn-wrap button span.fc-fff {color:#fff;}

.filter-wrap .layer-filter-wrap .opt-box > li.bra > .chk-box{display:none;}
.filter-wrap .layer-filter-wrap .opt-box > li.bra > .bra_opt_clone{}
.filter-wrap .layer-filter-wrap .opt-box > li.bra > .bra_opt_clone > ul{display:flex; justify-content: space-between;}
.filter-wrap .layer-filter-wrap .opt-box > li.bra > .bra_opt_clone > ul > li{width:calc(50% - 3px); position:relative; z-index:99}
.filter-wrap .layer-filter-wrap .opt-box > li.bra > .bra_opt_clone > ul > li > span{display:block; color:#a2a2a2; font-size:14px; font-weight:400; border-radius:5px; border:solid 1px #dedede; padding:12px 40px 12px 20px; background-image:url(/design/jmomall/ECHO/uiux/icon/arrow_bottom.svg); background-repeat: no-repeat; background-position:right 1.3rem  top 17px; background-size:auto 7px; }
.filter-wrap .layer-filter-wrap .opt-box > li.bra > .bra_opt_clone > ul > li > span.active{color:#000; border:solid 1px #000;}
.filter-wrap .layer-filter-wrap .opt-box > li.bra > .bra_opt_clone > ul > li > ul{display:none; position:absolute; top:100%; left:0; background:#fff;width:100%; border:solid 1px #dedede; border-top:0; max-height:210px; overflow-y:auto;}
.filter-wrap .layer-filter-wrap .opt-box > li.bra > .bra_opt_clone > ul > li > ul.active{display:block;}
.filter-wrap .layer-filter-wrap .opt-box > li.bra > .bra_opt_clone > ul > li > ul > li{padding:14px 40px 10px 14px; }
.filter-wrap .layer-filter-wrap .opt-box > li.bra > .bra_opt_clone > ul > li > ul > li:last-child{border-bottom:0;}

.filter-wrap .layer-filter-wrap .opt-box > li.bra > .bra_opt_clone .sist{padding-top:25px; display:none;}
.filter-wrap .layer-filter-wrap .opt-box > li.bra > .bra_opt_clone .sist > p{color:#3182F7; font-size:15px; padding-bottom:16px;}
.filter-wrap .layer-filter-wrap .opt-box > li.bra > .bra_opt_clone .sist > p > img{width:18px;}
.filter-wrap .layer-filter-wrap .opt-box > li.bra > .bra_opt_clone .sist ul li{display:flex; margin-bottom:8px; padding:14px 16px; justify-content: space-between; border:solid 1px #DEDEDE; border-radius:6px; margin-left:32px; position:relative;}
.filter-wrap .layer-filter-wrap .opt-box > li.bra > .bra_opt_clone .sist ul li:last-child{margin-bottom:0;}
.filter-wrap .layer-filter-wrap .opt-box > li.bra > .bra_opt_clone .sist ul li::before{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); left:-33px; width:22px; height:22px; background-image:url(/design/jmomall/ECHO/uiux/icon/filter_plus.svg); background-position:center center; background-repeat:no-repeat; background-size:contain;}
.filter-wrap .layer-filter-wrap .opt-box > li.bra > .bra_opt_clone .sist ul li.active{border:solid 1px #000;}
.filter-wrap .layer-filter-wrap .opt-box > li.bra > .bra_opt_clone .sist ul li.active::before{background-image:url(/design/jmomall/ECHO/uiux/icon/filter_plus_on.svg)}
.filter-wrap .layer-filter-wrap .opt-box > li.bra > .bra_opt_clone .sist ul li span:first-child{color:#000; font-size:14px;}
.filter-wrap .layer-filter-wrap .opt-box > li.bra > .bra_opt_clone .sist ul li span:last-child{color:#3182F7; font-size:14px; text-decoration: underline; text-decoration-color: #DEDEDE; text-underline-offset: 4px;}


/* Æ˾÷ ÇÊÅÍ */
.filter_box{position:relative;}
.filter_box .btn-filter-wrap{position:absolute; right:1.3rem; top:50%; transform:translateY(-50%);}
.filter_box .btn-filter-wrap .btn-filter{ display:flex; width:50px; justify-content: space-between; align-items: center;}
.filter_box .btn-filter-wrap .btn-filter img{width:24px;}
.filter_box .btn-filter-wrap .btn-filter span{font-size:14px; font-weight:400; color:#000;}

.filter-wrap.popup_filter{display:none; position:fixed; left:0; bottom:0; width:100%; height:auto; background:#fff; z-index:99999; overflow:auto; border-radius:15px 15px 0 0; margin-bottom:0; max-height:80%;}
.filter-wrap.popup_filter > p{display:none;}
.filter-wrap.popup_filter .layer-filter-wrap{}

.filter-wrap.popup_filter .layer-filter-wrap .layer-filter .tit{position:absolute; top:20px; right:1.3rem;}
.filter-wrap.popup_filter .layer-filter-wrap .layer-filter .tit a{width:15px; height:15px; background:none; border:0; display:block;}
.filter-wrap.popup_filter .layer-filter-wrap .layer-filter .tit a img{width:100%}
.filter-wrap.popup_filter .layer-filter-wrap .layer-filter .opt-box{padding-top:55px;}

/* BASIC css end */