/* BASIC css start */
/* BASIC css start */
.ico_free_cart{margin-bottom:7px;}


/* 하단 띠배너 & 하단 탑배너 */
#bottom_bnr{position:relative;display:block;text-align:center; width:100%; height:100%; margin-top:0px; margin-bottom:0}
#container{padding-bottom:0 !important;}


/* 배너 공통 */
.sliderWrap{}
.sliderArea{position:relative;max-width:100%;}
.sliderArea a{display:block;}
.sliderArea .prdImg{width:100%;vertical-align:top;}
.sliderArea .bx-pager{position:absolute;bottom:5px;left:0;right:0;z-index:60;text-align:center;}
.sliderArea .bx-pager-item{display:inline-block;position:relative;}
.sliderArea .bx-pager-link{transition:all 0.3s ease;display:inline-block;width:11px;height:11px;background-color:transparent;font-size:0;margin:4px;border:1px solid #000;border-radius:50%;}
.sliderArea .bx-pager-link:hover, .sliderArea .bx-pager-link.active{background-color:#222;border-color:#222;}
.sliderArea .pagerWrap{position:absolute;bottom:35px;left:50%;margin-left:-320px;text-align:center;}
.sliderArea .bx-controls{}
.sliderArea .bx-controls-direction{position:absolute;top:50%;left:50%;z-index:60;text-align:center;}
.sliderArea .bx-controls-direction i{vertical-align:top;}
.sliderArea .bx-prev, .sliderArea .bx-next{position:absolute;top:0;margin-top:-30px;font-size:60px;text-align:center;display:inline-block;width:60px;height:60px;color:#8f8f8f;vertical-align:middle;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;overflow:hidden;visibility:hidden;opacity:0;}
.sliderArea:hover .bx-prev, .sliderArea:hover .bx-next{opacity:1;visibility:visible;}
.sliderArea .bx-prev i, .sliderArea .bx-next i{}
.sliderArea .bx-prev{left:0;margin-left:-600px;}
.sliderArea .bx-next{right:0;margin-right:-600px;}

/* 상품 분류용 */
.bestPrdArea{padding-bottom:0;background-color:#f8f8f8;border-bottom:1px solid #dedede;}
#MS_product .noData{display:none;}
#MS_product .noData:first-child{display:block;}
.sliderWrap.shopbrandSliderWrap .sliderArea{padding:0 6px 25px;}

.shopbrand h2 {font-weight:bold;padding: 40px 13px 25px;font-size: 21px;color: #000;text-align: left;font-family: 'Noto Sans KR', sans-serif;}
.shopbrand .MK_product_list {background-color:#f9f9f9;border-bottom: 1px solid #ddd;}
.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: 5px 0 10px;}
.shopbrand .MK_product_list .items .paging-num a {background-color:#fff;border: 1px solid #ddd;padding: 4px 10px;margin:0 10px;}
.shopbrand .list_group {padding: 10px;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 img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img {width: 23px; height: auto;}
.class-list{font-size:0;line-height:1;}
.class-list li{position: relative;display: inline-block;width:33.3%;height:32px;line-height:32px;font-size:12px;text-align:center;}
.class-list li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;padding:0 5px;}
.class-list .on{color:#222;font-weight:700;}
.class-list li:after {content:"";position:absolute; right:0; top:50%;height:12px;width:1px;margin-top:-6px;background-color:#ddd;display:block;}
.class-list li:nth-child(3n):after {opacity:0;}


#content{min-height:auto !important;}

.cateTitleArea{display:block;position:relative}
.cateTitleArea img{width:100%}

/* 분류리스트 영역*/
#cate_swiper ul{white-space:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;width:100%;padding-bottom:10px;-ms-overflow-style:none}
#cate_swiper ul::-webkit-scrollbar{display:none}

.prdListArea .cate-wrap #cate_swiper {margin-left: 13px;margin-bottom: 15px;}
.prdListArea .cate-wrap #cate_swiper ul li {display: inline; margin-right: 30px;}
.prdListArea .cate-wrap #cate_swiper ul li a {font-size: 14px;color: #000;font-family: 'Noto Sans KR', sans-serif;position: relative;}
.prdListArea{position:relative;}
.prdListArea .cate-wrap .link.on{font-weight:bold;}
.prdListArea .cate-wrap .link.on:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:2px;background-color:#000}
.prdListArea .cate-wrap .link:hover:after{left:0;right:0}

/* 추천상품 영역 */

#promotion_swiper .item-cont .item-list{margin-right:0; margin-left:0;}
#promotion_swiper .item-cont .item-list:nth-child(2n){margin-right:0; margin-left:0;}
#promotion_swiper .item-cont.bestPrdList .item-list{height:auto !important; margin-bottom:0 !important;}
#promotion_swiper{margin-bottom: 70px !important;padding-bottom: 45px;}
#promotion_swiper .swiper-button-next,
#promotion_swiper .swiper-button-prev{top: 26%;}
#promotion_swiper .swiper-button-next{right:100px !important;}
#promotion_swiper .swiper-button-prev{left:98px !important;}
#promotion_swiper .swiper-button-next:after, #promotion_swiper .swiper-button-prev:after{content:unset !important;}
#promotion_swiper .swiper-pagination-progressbar {bottom: 0 !important;top: auto !important;width: 80% !important;right: 0 !important;margin: 0 auto !important;height: 2px !important;}
#promotion_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #000;}

.new_menu_wrap ul li a.on{
    background: #000;
    color: #fff;}

/* 상품리스트&정렬 */
.cate3_wrap{position:relative}
.cate3_wrap ul{display:table;border-spacing:5px;margin:10px auto}
.cate3_wrap ul li{display:table-cell;text-align:center}
.cate3_wrap ul li a{display:block;font-size: 13px;color:#000;border:1px solid #707070;padding:5px 8px;box-sizing:border-box;font-weight: 300;}
.cate3_wrap ul li a.on{background: #0c284c;border-color: #0c284c;color: #fff;}
.item-wrap .item-info .item-order select{width:94px}
.item-cont {padding: 0;}
.item-cont:after { content: ""; display: block; clear: both; }
.item-cont .item-list dd{min-height: auto;}
.item-cont .item-list .thumb{width: 100%;position:relative;display: inline-block;line-height: normal;margin-bottom: 10px;}
.item-cont .item-list .thumbWrap{overflow:hidden;position:relative;}
.item-cont .item-list .thumb .imgWrap{display:block;overflow:hidden;}
.item-cont .item-list .thumb .imgWrap a{display:inline-block; position: relative;}
.item-cont .item-list .thumb img{width:100%; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.item-cont .item-list .thumb .prdInfo{display:none;position:absolute;top:0;left:0;right:0;bottom:0;}
.item-cont .item-list .thumb .prdInfo:after{content:"";display:inline-block;vertical-align:middle;height:100%;}
.item-cont .item-list .rankInfo{position:absolute;top:0;left:0;display:block;color:#fff;background-color:#a1a1a1;width:36px;height:36px;text-align:center;font-size:18px;font-weight:600;}
.item-cont .item-list .rankInfo .txt{line-height:1;display:inline-block;padding:2px 0;border-bottom:1px solid #fff;vertical-align:top;margin-top:5px;}
.item-cont .item-list .thumb .defaultLink{position:absolute;top:0;left:0;right:0;bottom:0;display:block;z-index:1;background-color:rgba(255,255,255,0.01);}
.item-cont .item-list .thumb .link{color:#232323;font-size:24px;width:46px;height:46px;text-align:center;display:inline-block;margin:0 2px;vertical-align:middle;border:1px solid #ccc;border-radius:50%;background-color:#fff;opacity:0.7;position:relative;z-index:1;}
.item-cont .item-list .thumb .link i{vertical-align:top;line-height:46px;}
.item-cont .item-list .thumb .etcInfo{position:absolute;bottom:0;left:0;right:0;font-size:14px;color:#232323;font-weight:400;height:50px;line-height:50px;text-align:center;background-color:rgba(255,255,255,0.7);display:block;}
.item-cont .item-list .thumb .etcInfo .val{margin-left:5px;}
.item-cont .item-list .thumb:hover .imgWrap img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.item-cont .item-list .thumb:hover .prdInfo{display:block;}
.item-cont .item-list .my-wish-list {position: absolute; top: 10px; right: 10px; z-index:99;}
.item-cont .colorArea{ text-align:left; font-size:0; display: inline-block; float: left; padding: 1px 0 0 0; }
.item-cont .colorArea .colorList{display:inline-block;vertical-align:top;margin: 0 4px 0 0;width: 26px;height: 6px;border: 1px solid #e0e0e0;}
.item-cont .item-list .line { color: #8f8f8f; border-top: 1px solid #ddd; padding-top: 4px; }
.item-cont .item-list .prd-name {position:relative;line-height: unset;padding: 0 0 10px;text-align:left;font-family: 'Montserrat', sans-serif;}
.item-cont .item-list .prd-name .brandName {font-size: 12px;margin-bottom: 10px;color: #A8A8A8;line-height: 1;}
.item-cont .item-list .prd-name .prdLink{font-size: 14px;color: #000;line-height:20px;display:block;}
.item-cont .item-list .prdLink .brandName, .item-cont .item-list .prdLink .name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.item-cont .item-list .prdLink .name{font-size: 12px;letter-spacing: -0.04em;line-height: 1.25;}
.item-cont .item-list .prd-name .preview { position: absolute; right: 2px; top: 2px; }
.item-cont .item-list .prd-price{display: flex;text-align:left;margin-bottom: 10px;line-height: 1;}
.item-cont .item-list .price{display: flex;margin-top: 0;font-size: 14px;color: #111;font-family: 'Montserrat', sans-serif;font-weight: bold;line-height: 1;}
.item-cont .prd-price .strike{text-decoration:line-through;margin-left: 3px;display: flex;margin-top: 0;font-size: 13px;color: #A8A8A8;font-family: 'Montserrat', sans-serif;font-weight: 300;line-height: 1;}
.item-cont .prd-price .unit{font-size: 13px;font-weight: normal;}
.item-cont .prd-price .salePercent{font-size:24px;color:#8c8eb2;margin-right: 5px;}
.item-cont .prd-price .salePercent .unit{font-size:16px;font-weight:600;}
.item-cont .item-list .MK-product-icons img {vertical-align: middle;height: 11px;float: left;}
.item-cont .item-list .prd-info {display: inline-block;float: right;margin-bottom: 0;line-height: 1;}
.item-cont .item-list .prd-info:after {content: ''; display: block; clear: both;}
.item-cont .item-list .prd-info .prd-icon{float:left;height: 18px;}
.item-cont .item-list .prd-info .snap_review_count{float:right;color: #ed4c59;font-size: 11px;height: auto;line-height: 1;}
.item-cont .item-list .prd-subname {clear: both;text-align: left;border-top: 1px solid #e6e6e6;padding-top: 9px;font-family: 'Noto Sans KR', sans-serif;color: #979797;font-size: 11px;font-weight: 200;}
.item-cont .nomg { padding-right: 0px }
.list_st1 .item-cont .item-list{float:unset;width:100%;margin: 0 0 58px;}
.list_st1 .item-cont .item-list:nth-child(2n){margin:0;}
.list_st2 .item-cont .item-list{}
.list_st2 .item-cont .item-list:nth-child(2n){margin-right: 0;margin-left: 0;}
.list_st3 .item-cont .item-list{float:left;width: 32.6%; margin-left: 0;margin-right: 1%;}
.list_st3 .item-cont .item-list:nth-child(3n){margin-left: 0; margin-right: 0;}

.list_st3 .item-cont dd{min-height: 130px;}
.list_st3 .item-cont .colorArea{height:30px;}
.list_st3 .item-cont .prd-price .strike{margin-left:0; margin-top:4px;}

.new_menu_wrap ul li.btn_veiw a:after{content: '더보기 >'; }
.new_menu_wrap ul li.btn_veiw.on a:after{content: '접기 <'; }
.disnone{display:none !important;}
.disnone.on{display:inline-block !important;}
.btn_veiw{margin-right:0 !important; background: #3D3D3D !important;}
.btn_veiw a{color:#fff !important;}

.headerWrap .searchArea.on{top:106px !important;}


/* 할인율 */
.dc_per {color: #f12f22;font-weight: bold;font-size: 16px;margin-left: 10px;} 



/* BASIC css end */

/* 아이콘 해상도 수정 */
img.MK-product-label {width:40px !important; height:40px !important; }



/* 필터 */
.list_array {margin-bottom:0;}
.btn-filter-wrap {position:relative; padding:10px 8px; margin-bottom:20px; border-bottom:1px solid #4a4a4a;}
.btn-filter-wrap strong {display:inline-block; font-size:12px; color:#3b3b3b;}
.btn-filter-wrap a {position:absolute; top:10px; right:8px; width:18px; height:18px; background:url(/images/common/icon_filter.png) no-repeat left center; vertical-align:middle; font-size:0; text-indent:-9999px;}
.filter-wrap * {font-family:'Malgun Gothic'; color:#202020; word-break:break-all;}
.filter-wrap button {border:0;}
.layer-filter-wrap {display:none;}
.layer-filter-wrap .layer-filter {position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:200; overflow:auto;}
.layer-filter-wrap .layer-filter .tit {position:sticky; top:0; padding:30px; background:#fff; border-bottom:1px solid #f0f0f0; z-index:100;}
.layer-filter-wrap .layer-filter .tit h3 {display:inline-block; font-size:17px; font-weight:bold; margin:0; padding:0;}
.layer-filter-wrap .layer-filter .tit .total-count {display:inline-block; margin-left:15px; color:#b17efe; font-size:13px; font-weight:bold;}
.layer-filter-wrap .layer-filter .tit .btn-close {position:absolute; right:30px; top:30px; width:18px; height:18px; font-size:0px; text-indent:-9999px; background:url(/images/common/icon_close.png) no-repeat left center;}
.layer-filter-wrap .layer-filter .opt-box li {padding:20px 30px; border-bottom:1px solid #f0f0f0; background:url(/images/common/icon_arr_down.png) no-repeat 92% 25px; font-size:15px; font-weight:bold; cursor:pointer;}
.layer-filter-wrap .layer-filter .opt-box li.active {background:url(/images/common/icon_arr_up.png) no-repeat 92% 25px;}
.layer-filter-wrap .layer-filter .opt-box li > div {margin-top:15px;}
.layer-filter-wrap .layer-filter .opt-box li input[type="checkbox"]{display:none;}
.layer-filter-wrap .layer-filter .opt-box li .chk-box label {position:relative; height:21px; line-height:19px; margin-top:10px; padding-left:26px; display:block; font-size:13px; font-weight:normal; cursor:pointer;}
.layer-filter-wrap .layer-filter .opt-box li .chk-box label:before {position:absolute; left:0; top:0; width:21px; height:21px; background:url(/images/common/chkbox_off.png) no-repeat center center; content:'';}
.layer-filter-wrap .layer-filter .opt-box li .chk-box input[type="checkbox"]:checked + label:before {background:url(/images/common/chkbox_on.png) no-repeat center center;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code {display:flex; flex-wrap:wrap; column-gap:20px; row-gap:5px; margin-top:18px; justify-content:flex-start;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code label {display:block; width:36px; height:36px; border:3px solid #fff; border-radius:50%; font-size:13px; font-weight:normal; box-shadow:0px 0px 1px 1px #dfdfdf; cursor:pointer;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code input[type="checkbox"]:checked + label {box-shadow:0px 0px 1px 1px #000;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code input[type="checkbox"]:checked + label + p {color:#202020;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code p {margin:8px 0; color:#a6a6a6; font-size:12px; text-align:center; font-weight:normal;}
.layer-filter-wrap .layer-filter .select-filter {display:flex; flex-wrap:wrap; gap:5px; margin:20px 0 30px; padding:0 30px;}
.layer-filter-wrap .layer-filter .select-filter li {display:flex; align-items:center; padding:8px 10px; background:#f8f8f8; border-radius:5px; font-size:13px;}
.layer-filter-wrap .layer-filter .select-filter li .btn-del {width:10px; height:10px; margin-left:5px; background:url(/images/common/icon_txt_delete.png) no-repeat right center; font-size:0px; text-indent:-9999px;}
.layer-filter-wrap .layer-filter .select-filter li .color-code {display:inline-block; width:18px; height:18px; margin-right:5px; border-radius:50%;}
.layer-filter-wrap .layer-filter .select-filter li .filter-text {max-width:200px;}
.layer-filter-wrap .layer-filter .btn-wrap {display:flex; margin:30px; border:1px solid #202020; box-sizing:border-box;}
.layer-filter-wrap .layer-filter .btn-wrap button {width:auto; padding:16px 0; text-align:center; background:#fff; font-size:14px; font-weight:bold;}
.layer-filter-wrap .layer-filter .btn-wrap button.btn-reset {width:100%; min-width:120px;}
.layer-filter-wrap .layer-filter .btn-wrap button.btn-search {min-width:60%; background:#202020;}
.layer-filter-wrap .layer-filter .btn-wrap button span {display:inline-block; visibility:visible;}
.layer-filter-wrap .layer-filter .btn-wrap button span.fc-fff {color:#fff;}
/* BASIC css end */