/* BASIC css start */
@media all and (max-width:480px){
    .ec-base-product .prdList.grid1 > li{width:100%;}
    .ec-base-product .prdList.grid2 > li{width:50%;}
    .ec-base-product .prdList.grid3 > li{width:33.333%;}
    .ec-base-product .prdList.grid4 > li{width:25%;}
    .ec-base-product .prdList.grid5 > li{width:20%;}
    .ec-base-product .grid1 li .name{font-size:15px;}
    .ec-base-product .grid2 li .name,.ec-base-product .grid3 li .name{font-size:13px;}
    .ec-base-product .grid4 li .name{font-size:11px;}
}

@media all and (min-width:481px) and (max-width:767px){
    .ec-base-product .prdList.grid2 > li{width:33.333%;}
    .ec-base-product .prdList.grid3 > li,.ec-base-product .prdList.grid4 > li,.ec-base-product .prdList.grid5 > li{width:25%;}
    .ec-base-product [class*="grid"] li .name{font-size:13px;}
}

@media all and (min-width:768px){
    .ec-base-product .prdList.grid2 > li{width:25%;}

    .ec-base-product .prdList.grid3 > li,.ec-base-product .prdList.grid4 > li,.ec-base-product .prdList.grid5 > li{width:20%;}

    .ec-base-product [class*="grid"] li .name{font-size:15px;}
}

@media all (max-width:280px){
  .ec-base-product .grid2 .prd_list_03{width:25%;}

}

@media all and (max-width:3500px) and (min-width:281px){
    .ec-base-product .grid2 .prd_list_03{width:33.3%;}
}


.btnNormal,.btnStrong,.btnBasic,.btnSubmit,.btnEm{display:inline-block;letter-spacing:0;text-align:center;font-family:Verdana,"맑은 고딕",Malgun Gothic,"돋움",Dotum;border-radius:2px;-moz-box-sizing:border-box;box-sizing:border-box;}

.btnNormal,.btnStrong,.btnBasic{height:29px;line-height:27px;padding:0 10px;vertical-align:middle;font-size:13px;}

.btnNormal{color:#1b1b1b;border:1px solid #cfcfcf;border-bottom-color:#b5b5b5;background:#fff;}

.btnStrong{color:#fff;border:1px solid #4a5164;border-bottom-color:#373d4b;background:#4a5164;}

.btnSubmit{height:36px;line-height:36px;padding:0 10px;font-size:13px;color:#fff;border:1px solid #4a5164;background:#4a5164;}

.btnEm{height:36px;line-height:34px;padding:0 10px;font-size:13px;border:1px solid #d5d5d5;background:#fff;}

.btnBasic{color:#1b1b1b;border:1px solid #bcbcbc;background:#f0f0f0;}

[class*="btn"].mini{height:26px;line-height:24px;font-size:11px;}

.ec-base-button .soldout{cursor:default;}


@media all (max-width:280px){
    .ec-base-product .prdList.grid2 > .prd_list_03{width:25%;}
}

@media all and (max-width:3500px) and (min-width:281px){
    .ec-base-product .prdList.grid2 > .prd_list_03{width:33.3%;}
    .btnNormal,.btnStrong,.btnBasic,.btnSubmit,.btnEm{display:inline-block;letter-spacing:0;text-align:center;font-family:Verdana,"맑은 고딕",Malgun Gothic,"돋움",Dotum;border-radius:2px;-moz-box-sizing:border-box;box-sizing:border-box;}.xans-product-menupackage .titleArea { margin:0; 
    }
}
.xans-product-menupackage > ul { margin:-1px 0 0; padding:0 25px; border-bottom:1px solid #d5d5d5; background:#fff; }
.xans-product-menupackage > ul .icoOpen { width:13px; cursor:pointer; vertical-align:top; }
.xans-product-menupackage > ul > li { padding:11px 0 10px; border-top:1px solid #ececec;}
.xans-product-menupackage > ul > li:first-child { border-top:0; }
.xans-product-menupackage > ul > li > a { display:inline-block; margin:0 14px 0 0; color:#2e2e2e; font-weight:500; font-size:13px; vertical-align:top;background-color: #efefef;  color: #666; }
.xans-product-menupackage > ul > li > ul { display:inline; }
.xans-product-menupackage > ul > li > ul > li { position:relative; display:inline-block; padding:0 7px 0 8px; }
.xans-product-menupackage > ul > li > ul > li:before { display:block; content:""; position:absolute; top:0; left:0; width:1px; height:13px; background:#d6d6d6; }
.xans-product-menupackage > ul > li > ul > li:first-child:before { display:none; }
.xans-product-menupackage > ul li.selected > a { color:#508bed; }
.xans-product-menupackage > ul > li > ul > li > .button { display:inline-block; position:relative; width:13px; height:12px; }
.xans-product-menupackage .subCategory { display:none; position:absolute; right:0; top:13px; z-index:11; min-width:120px; padding:12px 12px 0; border:1px solid #9b9b9b; background:#fff; border-radius:4px; box-shadow: 3px 3px 15px #a8a8a8;}
.xans-product-menupackage .subCategory li { padding:7px 0 0; }
.xans-product-menupackage .subCategory li:first-child { padding:0 13px 0 0; }
.xans-product-menupackage .subCategory li a { color:#575a63; }
.xans-product-menupackage .subCategory li a:hover,
.xans-product-menupackage .subCategory li.selected a { color:#008bcc; }
.xans-product-menupackage .subCategory .icoClose { position:absolute; right:12px; top:12px; width:13px; cursor:pointer; }
.xans-product-menupackage .menuCategory .button.selected { z-index:11; }
.xans-product-menupackage .menuCategory .button.selected .subCategory { display:block; }
.xans-product-menupackage .menuCategory li.xans-product-displaysubcategory { display:inline-block; border:0; }
.xans-product-menupackage .banner.html{padding-top:0px !important}
.xans-product-menupackage .banner.html .titleimg { padding-top: 20px; }
.xans-product-menupackage .titleimg img { width: 100%; }

/* 기능버튼 */
.xans-product-menupackage #titleArea .funcArea { position:absolute; top:6px; right:14px; }
.xans-product-menupackage #titleArea .likeButton { position:static; top:auto; left:auto; display:inline-block; margin:4px 0 0; vertical-align:middle; }
.xans-product-menupackage .likeButton button { border:0; background:none; }
.xans-product-menupackage .likeButton button strong { margin:0 0 0 3px; font-size:11px; line-height:20px; color:#757575; }
.xans-product-menupackage .likeButton.selected button strong { line-height:20px; color:#2e2e2e; vertical-align:middle; }
.xans-product-menupackage #titleArea .likeButton span { position:static; }

#promotion{display:flex !important;}

/* 추가 */
.xans-product-listrecommend.ec-base-product { border-bottom: 1px solid #cccccc; }
.xans-product-listrecommend .ec-base-paginate { margin-top: -15px; margin-bottom: 25px; }
.ec-base-paginate.typeSwipe button.circle { width: 7px !important; height: 7px !important; }


.xans-product-listrecommend.ec-base-product { margin:0; background-color:#f5f5f5; border-bottom:1px solid #d5d5d5; }
.xans-product-listrecommend:first-child h2 { border-top:0; }
.xans-product-listrecommend.ec-base-product h2 { margin:0; padding:14px 14px 0; font-size:14px; line-height:15px; color:#4a5164; background:none; }
.xans-product-listrecommend.ec-base-product > .prdList { padding-top:14px; }
.xans-product-listrecommend .ec-base-paginate { margin:0 0 14px; }
.xans-product-listrecommend.swiper-container .paginate{background: none;}#contents .xans-product-listrecommend.ec-base-product{background:#f9f9f9;}

.xans-product-normalmenu { overflow:hidden; padding:14px; background:#fff; }
.xans-product-normalmenu .sort { float:left; }
.xans-product-normalmenu .sort select { max-width:150px; }

.xans-product-normalmenu .viewType { width:129px; float:right; font-size:0; }
.xans-product-normalmenu .viewType { border-radius:4px; -webkit-border-radius:4px; }
.xans-product-normalmenu .viewType li { display:inline-block; width:31px; height:27px; border:1px solid #d5d5d5; border-right:0; background-size:50%; background-repeat:no-repeat; background-position:center; }
.xans-product-normalmenu .viewType li:first-child { border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; }
.xans-product-normalmenu .viewType li:last-child { border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-right:1px solid #d5d5d5; }
.xans-product-normalmenu .viewType li.selected { background-color:#4a5164; border-color:#404757; }
.xans-product-normalmenu .viewType li a { display:block; height:100%; }

.xans-product-normalmenu .viewType li.list { background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_list.png"); }
.xans-product-normalmenu .viewType li.thumb { background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_thumb.png"); }
.xans-product-normalmenu .viewType li.gallery { background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_gallery.png"); }
.xans-product-normalmenu .viewType li.slide { background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_slide.png"); }
.xans-product-normalmenu .viewType li.selected.list { background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_list_on.png"); }
.xans-product-normalmenu .viewType li.selected.thumb { background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_thumb_on.png"); }
.xans-product-normalmenu .viewType li.selected.gallery { background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_gallery_on.png"); }
.xans-product-normalmenu .viewType li.selected.slide { background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_slide_on.png"); }

.xans-product-listrecommend.ec-base-product{border-bottom:1px solid #cccccc;}.xans-product-listrecommend .ec-base-paginate{margin-top: -15px;margin-bottom:25px;}.ec-base-paginate.typeSwipe button.circle{width:7px !important;height:7px !important;}#contents .xans-product-menupackage .menuCategory{padding:20px 5px;border-bottom:1px solid #eeeeee;overflow: hidden;}#contents .xans-product-menupackage > ul > li > a{background: none;padding-bottom:2px;letter-spacing: -1px;}#contents .xans-product-menupackage > ul li.selected > a{background: none;font-weight:bold;color:#000000;border-bottom:2px solid #ebccca;padding-bottom:0px;}#contents .xans-product-menupackage .menuCategory li{width:33.3%;float: left;}#contents .menuCategory li.selected a,.menuCategory li a:hover{color:#000000 !important;}#contents .xans-product-listrecommend.ec-base-product{border-bottom:1px solid #eeeeee;}#contents .menuCategory li:first-child{margin-top:0px !important;}.xans-product-listrecommend.ec-base-product{margin:0;background-color:#f5f5f5;border-bottom:1px solid #d5d5d5;}.xans-product-listrecommend:first-child h2{border-top:0;}.xans-product-listrecommend.ec-base-product h2{margin:0;padding:14px 14px 0;font-size:14px;line-height:15px;color:#4a5164;background:none;}.xans-product-listrecommend.ec-base-product > .prdList{padding-top:14px;}.xans-product-listrecommend .ec-base-paginate{margin:0 0 14px;}.xans-product-normalmenu{overflow:hidden;padding:14px;background:#fff;}.xans-product-normalmenu .sort{float:left;}.xans-product-normalmenu .sort select{max-width:150px;}


#best-slide .swiper-pagination-bullet{
    background-color: #bbb;
    width: 7px !important;
    height: 7px !important;
    margin: 0 3px 0 4px;
}
    
#best-slide .swiper-pagination-bullet-active{    

    background-color: #4a5164;}
    

/*기간할인*/
.hj_sale_time { font-size: 11px; color: #ff0000; font-weight: 600; margin-top: 5px; text-align: left; line-height: 15px; }


.ec-base-product .grid2 .prd_list_02:nth-child(2n) { padding-right: 0px; padding-left: 3px; }
#promotion .goods_list_s .goods_price .goods_price_02 { display: block; padding-left: 0px;  }

/*상품정보 브랜드*/
.goods_xmrdl .hj_brand_tag { padding: 5px 0px 0px 2px; font-weight: 600; }


.m_top_br_menu .selecteds { color: #ffffff; font-weight: 200; font-family: 'twcenmt', 'Noto Sans KR',sans-serif !important; }
/*.m_top_br_menu .selecteds:after { content: ''; position: absolute; width: 100%; height: 3px; background: #ffffff; bottom: -1px; left: 0px;  }*/

@media screen and (max-width: 350px) {
.m_top_br_menu .selecteds { font-size: 16px; }
}


/*상품진열 아이콘*/
#contents .xans-product-normalmenu .viewType li.thumb { background-image: url(/design/shehjcom/img/etc/ico_thumb.png); }
#contents .xans-product-normalmenu .viewType li.gallery { background-image: url(/design/shehjcom/img/etc/ico_gallery.png); }

#contents .xans-product-normalmenu .viewType li.selected { background-color: #a36d6a; border-color: #a36d6a; }
#contents .xans-product-normalmenu .viewType li.selected.thumb { background-image: url(/design/shehjcom/img/etc/ico_thumb_on.png); }
#contents .xans-product-normalmenu .viewType li.selected.gallery { background-image: url(/design/shehjcom/img/etc/ico_gallery_on.png); }


/*상품 분류 리스트*/
#contents .xans-product-menupackage .menuCategory { padding: 20px 5px; border-bottom: 1px solid #eeeeee; overflow: hidden;}
#contents .xans-product-menupackage > ul > li > a { background: none; padding-bottom: 2px; letter-spacing: -1px; font-family: 'Noto Sans KR',sans-serif !important; font-weight: 300; }
#contents .xans-product-menupackage > ul li.selected > a { background: none; font-weight: 600; color: #a36d6a !important; border-bottom: 0px solid #ebccca; padding-bottom: 0px; }
#contents .xans-product-menupackage .menuCategory li { width: auto; float: none; padding: 5px 10px; }
#contents .menuCategory li.selected a, .menuCategory li a:hover { color: #000000 !important; }
#contents .xans-product-listrecommend.ec-base-product { border-bottom: 1px solid #eeeeee;  }
#contents .menuCategory li:first-child { margin-top: 0px !important; }


#container #titleArea { border: 0px; padding-top: 25px; }
#container #titleArea h2 { font-family: 'MONBAITI', 'noto sans kr', sans-serif; font-size: 19px; color: #a36d6a; font-weight: 500; letter-spacing: 4px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0px 10px; }


.m_goods_reco_title { color: #ac7c7a; }
/* BASIC css end */