/* BASIC css start */
.displaynone {display:none !important;}

#MS_product {font-size:0; padding:0 3px; text-align:left;}
.item-list .item_img img {max-width:100%}
.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:12px 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 img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img {width:16px; height: auto;}

.shopbrand .coupon-benefit {position:relative; margin:-12px 0 10px 0;} 
.shopbrand .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.shopbrand .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.shopbrand .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }


/*
.class-list {display: table;width: 100%;background: #f9f9f9;}
.class-list ul {text-align: center;margin: 6px 10px;overflow: hidden;}
.class-list ul li {width: 25%;float: left;}
.class-list ul li:nth-last-child(1) { margin-right: 0px; }
.class-list ul li a {display: block;font-size: 13px;color: #464646;height: 35px;line-height: 35px;text-align: center;border-radius: 3px;}
.class-list ul li a:hover { background: #d7d7d7 }
.class-list ul li a.active {color: #000;font-weight: bold;}
*/


.class-list {width: 100%;  box-sizing:border-box; }
.class-list ul {margin: 6px 10px;}
.class-list ul:after {content:""; display:block; clear:both}
.class-list ul li {width: calc(33.33% - 5px);float: left;border:1px solid #ccc;margin-right:4px;margin-bottom:4px;} 
.class-list ul li:nth-child(3n) {margin-right:0}
.class-list ul li a {display: block;font-size: 13px;color: #464646;height: 35px; text-align: center; line-height:36px}
.class-list ul li a.active {background:rgb(43,51,69 ); color:#fff}



.class-list.main {width: 100%; margin-bottom: 32px; background:#fff; }
.class-list.main ul li {border:1px solid #ccc; margin-right:4px; margin-bottom:4px; width:calc(50% - 4px)}
.class-list.main ul li:nth-child(2n) {margin-right:0}
.class-list.main ul li a {line-height:36px}

/*.class-list.main ul li:last-child { background:rgb(43,51,69 );}
.class-list.main ul li:last-child a {color:#fff;}*/


.cateTit {padding: 20px 0px 20px;font-weight: 600;  font-size: 17px; text-align: center;}

.cateTopSlide { width: 100%; height: 100%; }
.cateTopSlide .swiper-slide {width: 50%;/* padding: 0 2px; */}
.cateTopSlide .swiper-slide .PHPS_pick_prdLink img {width:100%}
.cateTopSlide .swiper-slide .MK-product-icons img {}
.cateTopSlide .swiper-slide .list_shoppingInfo {padding: 6px 5px 0;text-align: left;}
.cateTopSlide .swiper-slide:nth-last-child(1) { margin:0; }

.cateTopSlide .cate_pagination { margin: 20px 0; height: 8px; text-align: center; }
.cateTopSlide .cate_pagination .swiper-pagination-bullet { margin: 0 5px; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #959595; }
.cateTopSlide .cate_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000; }
.cateTopSlide_wrap {margin-top: 0px;padding: 8px 3px 40px;position:relative;}
.cateTopSlide_wrap .item-list {margin-bottom:0}

.cateTopSlide .list_shoppingInfo { position: relative;  }
.cateTopSlide .list_shoppingInfo .listReview { position: absolute; top:0px ; right:5px; }
.cateTopSlide .list_shoppingInfo strong { font-size: 14px; color:#000; }
.cateTopSlide .list_shoppingInfo .listTag { margin-top: 7px; font-size: 11px; color: #999; }
.cateTopSlide .list_shoppingInfo .listDiscount { display:none; font-size: 12px; color: #999; }
.cateTopSlide li{padding: 0 2px;text-align: right;}
.list_arrayRight a {display:inline-block;width: 30px;height: 30px;line-height: 30px;/* border: 1px solid #ddd; */}


.cateTopSlide .listInfoTop .best{position: absolute;text-align: center;line-height: 11px;bottom: 4px;left: 5px;z-index: 2;color: #fff;}
.cateTopSlide .listInfoTop .bglist::after {
    z-index:1;
    content: '';
    width: 3rem;
    height: 3rem;
    background-color: #aa957e;
    clip-path: polygon(0% 0%, 100% 100%, 100% 0%);
    position: absolute;
    transform: rotate(180deg);
    bottom: 0;
    left: 0;
}


.cateTopSlide .listInfoTop .best em{ font-size: 10px;  display: block;color: #fff;}
.cateTopSlide .listInfoTop .best number{    font-size: 11px;  font-weight: bold;}
.cateTopSlide .listInfoTop .likeIt {position:absolute;top: 13px;right: 10px;z-index:10;}
.cateTopSlide .listInfoTop .likeIt .likeIcon {display:block;width: 20px;height: 17px;background:url(//roompacker.cdn.smart-img.com/html/phps/m/common/sp_likeit.png) 0 0 no-repeat;background-size: 20px auto;}
.cateTopSlide .listInfoTop .likeIt .on .likeIcon { background-position:0 -17px }
.cateTopSlide .listInfoTop .likeIt img{width:20px}
.cateTopSlide .cate-scrollbar {margin: 30px 10px 0;height:2px !important;background:#ececed !important;}
.cateTopSlide .cate-scrollbar .swiper-scrollbar-drag{background: #000000;}

#header.slideDown .animated {animation-name:none!important;}
#header.slideUp .animated {animation-name:none!important;}

.item-list .item_img a {padding-bottom: 128.7%;}
.list_array .list_arrayRight select {font-size:12px; }


.chgViewTypeLink{opacity:0.35;}
.chgViewTypeLink.on{opacity:1;}

.moreArea .moreLink {width: 135px;border-radius: 100px;height:35px;line-height: 36px;border:0px none;font-weight:normal;display: block;margin: 0 auto;border: 1px solid #2b3244;color:#2b3244;}






.visual_swiper {margin-bottom:24px;}
.visual_swiper .swiper-slide { width:100%; margin-right:10px}
.visual_swiper .swiper-slide .txt {color: #000;transition:2s;opacity:0;margin-top: 24px;margin-left: 15px; word-wrap:break-word; word-break:keep-all;}
.visual_swiper .swiper-slide .txt .tit {font-size:28px;font-weight:bold;line-height:1.3;margin-bottom: 10px;letter-spacing:-1px; }
.visual_swiper .swiper-slide .txt .des {font-size: 14px;word-wrap: break-word;word-break:keep-all;line-height: 1.5;}
.visual_swiper .swiper-slide.swiper-slide-active .txt { opacity:1; animation:fadeIn2 1.5s; }
.visual_swiper .swiper-pagination {bottom:auto; top: 420px; left:auto; right:16px;  background: rgba(255, 255, 255, 0.6);  border-radius: 50px; width: 60px; font-size: 11px; padding: 5px 0; z-index: 10; text-align: center;}

@keyframes fadeIn2 {
    0% { left: 140px; }
    100% { left:95px; }
}

.keyword_box {display:block;box-sizing:border-box;padding: 0px 15px;margin-bottom: 24px;}
.keyword_tt {padding-bottom: 5px;  font-size: 16px; font-weight: 600; color: #182038;}
.keyword_list li {display:inline-block;width:auto;vertical-align:top;margin-right: 5px;margin-top: 8px;}
.keyword_list li a {display: inline-block;padding: 6px 14px 4px;border: 1px solid #e0e0e0;border-radius: 30px;color: #707070;font-weight: 500;font-size: 12px;}
.sub_banner {display:block;box-sizing:border-box; margin-bottom:16px;  }
.sub_banner .swiper-slide {position:relative; }
.sub_banner a, .sub_banner a span {display:inline-block}
.sub_banner a img {width:100%;}
.sub_banner a span.txt_top  {position: absolute;top: 6%;left: 11%;font-weight: 500;font-size: 13px;color:#fff}
.sub_banner a span.txt_btm {text-align:left;position: absolute;bottom: 5%;left:0;font-size: 12px;color:#fff; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; padding:0 15px; width:100%; }
.sub_banner .swiper-pagination-progressbar {position:static; margin-top:16px; }
.sub_banner .swiper-pagination-progressbar {height: 2px !important;background: rgba(0, 0, 0, 0.15);}
.sub_banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#000}



.look_video_box {position: relative;padding-bottom: 80%;background: url(//xexymix.jpg3.kr/kids/main/kids_mv_bg.jpg) no-repeat center;background-size: cover;margin: 42px 0;}
.look_video_box a { display: block; width:100%; padding-bottom: 80%; }
.look_video_box iframe, .look_video_box video { position: absolute; top: 22%; left: 8%; width: 84%; }
.look_video_box .tit { position: absolute; top: 10%; width:100%; text-align: center; color: #fff; color: #fff; font-size: 15px; font-weight: 500; }
.look_video_box .txt { position: absolute; top: 83%; right: 8%; color: #aaa; font-size: 11px; }


.look_img_box { position:relative;  }
.look_img_box a, .look_img_box span {display:inline-block; width:100%; height:100%; ; }
.look_img_box span img {width:100%; }
.look_img_box .look_tt {position:absolute; bottom:0; right:0; padding:10px; background:#000;color:#fff; }



/* BASIC css end */