

/* init */
.main_content {padding: 15px 13px;background-color: #fff;max-width: 720px;}
.main_content>div {margin-bottom: 30px;}
.main_content>div:after {content: "";display: block;clear: both;}
.shadow-box { border-radius: 10px;  box-shadow:0 0 14px 0 rgba(0,0,0,0.1); }
.tit {padding: 15px;font-size: 23px;color: #222;letter-spacing: -2.5px;}

/* 카테고리 박스 < 실사이미지 */
.main_content div.category_box ul li {width: calc(100% / 5);float: left;text-align: center;}
.main_content div.category_box ul li a{display: block;position: relative;width: 72px;height: 96px;max-width: 100%;min-height: 100%;background-size: cover!important;background-repeat: no-repeat!important;line-height: 0;vertical-align: top;margin: 0 auto;border: 1px solid #dfdfdf;border-radius: 7px;}
.main_content div.category_box ul li a.cate_fashion{background-image: url(https://img.yellowshopping.co.kr/images/category/cate_fashion.png); }
.main_content div.category_box ul li a.cate_beauty{background-image: url(https://img.yellowshopping.co.kr/images/category/cate_beauty.png); }
.main_content div.category_box ul li a.cate_living{background-image: url(https://img.yellowshopping.co.kr/images/category/cate_living.png); }
.main_content div.category_box ul li a.cate_health{background-image: url(https://img.yellowshopping.co.kr/images/category/cate_health.png); }
.main_content div.category_box ul li a.cate_food{background-image: url(https://img.yellowshopping.co.kr/images/category/cate_food.png); }

/*카테고리 박스 영역 < 아이콘*/
.main_content div.category_icon_box{width: 100%;background: #fff;border-radius: 10px;box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1);padding: 5px 0px;display: inline-block;}
.main_content div.category_icon_box ul li a{height: 90px;}
.main_content div.category_icon_box ul li a{background-size: 50%!important; background-position: center 28%!important; border: none;}

.main_content div.category_icon_box ul li a.cate_fashion{background-image: url(https://img.yellowshopping.co.kr/images/category/icon/cate_icon_polo.png); }
.main_content div.category_icon_box ul li a.cate_beauty{background-image: url(https://img.yellowshopping.co.kr/images/category/icon/cate_icon_lotion.png); }
.main_content div.category_icon_box ul li a.cate_living{background-image: url(https://img.yellowshopping.co.kr/images/category/icon/cate_icon_kettle.png); }
.main_content div.category_icon_box ul li a.cate_health{background-image: url(https://img.yellowshopping.co.kr/images/category/icon/cate_icon_medicine.png); }
.main_content div.category_icon_box ul li a.cate_food{background-image: url(https://img.yellowshopping.co.kr/images/category/icon/cate_icon_banana.png); }

.main_content div.category_icon_box ul li a .cate_label{display: block;width: 100%;height: 28px;font-size: 12px;line-height: 15px;background-size: 100%;background-repeat: no-repeat;background-position: center; margin-top: 0px; color: #222222;}


.main_content div.category_icon_box ul li a .cate_label{display: block;width: 100%;line-height: 15px;margin-top: 0px; position: absolute; bottom: 11px; letter-spacing: -1px;font-size: 12px; height: auto;}
.main_content div.category_icon_box ul li a.cate_health .cate_label{font-size: 11.5px; letter-spacing: -2.3px;}

.main_content div.category_box ul:after{content: "";display: block;clear: both;}
@media only screen and (min-width:619px) { .main_content div.category_box ul li a{width: 106px; height: 136px;}  }
@media only screen and (max-width: 400px) { .main_content div.category_box ul li a{width: 63px;height: 87px;} }

/* 메인배너 */
.home-banner-swiper-container{height: 100%;overflow: hidden;padding: 0 15px;}
.home-banner-swiper-container .swiper-slide {text-align: center;background: #fff;width: 93%; border-radius: 5px; overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;  box-shadow: 0px 1px 3px -1px rgba(0,0,0,0.4)}
.home-banner-swiper-container .swiper-slide:first-child{margin-left: -20px}
.home-banner-swiper-container .home-banner-swiper-pagination{width: 100%;bottom: 0px !important; }
.home-banner-swiper-container .home-banner-swiper-pagination .swiper-pagination-bullet{width: 6px; height: 6px;}
.home-banner-swiper-pagination .swiper-pagination-bullet-active{background: #222;}

/*실시간 베스트*/
.realTime_best{width: 100%; background: #fff; padding: 15px 0 0; display: inline-block; overflow: hidden}
.realTime_best .bestFilter-swiper-container{height: 100%;overflow: hidden; border-bottom: 1px solid #ddd; margin: 0 15px;}
.realTime_best .bestFilter-swiper-container .swiper-slide { width: auto;text-align: center;height: 35px;margin-right: 30px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;  }
.realTime_best .bestFilter-swiper-container .swiper-slide  > span{color: #aaa;height: 35px; line-height:35px; display: inline-block; font-size: 16px; letter-spacing: -1px}
.realTime_best .bestFilter-swiper-container .swiper-slide  > span.on{color: #222;border-bottom: 4px solid #FFC423;font-weight: 900;}
.realTime_best .realTime_best_pdt{width: 100%; display: inline-block; padding: 15px;}
.realTime_best .realTime_best_pdt ul li{width: 100%; display: inline-block; margin-bottom: 15px; }
.realTime_best .realTime_best_pdt ul li a{width: 100%; height:100%; display: block; }
.realTime_best .realTime_best_pdt ul li .rank{font-size: 21px; font-weight: 800; width: 25px; letter-spacing: -3px; height: 50px; color: #222; line-height: 1; display: block;}
.realTime_best .realTime_best_pdt ul li .info{width: calc(100% - 110px);}
.realTime_best .realTime_best_pdt ul li .thumb{width: 80px; height:auto; display: inline-block; }
.realTime_best .realTime_best_pdt ul li .info .pdt_name{width: 100%; height: 25px; font-size: 17px; color: #222; font-weight: 600; letter-spacing: -1px;  }
.realTime_best .realTime_best_pdt ul li .info .num_info{color: #aaa; width: 100%; font-size: 15px; letter-spacing: -0.7px;}
.realTime_best .realTime_best_pdt ul li .info .num_info .price{color: #222; letter-spacing: -0.5px;font-family: 'Montserrat', sans-serif;}
.realTime_best .realTime_best_pdt ul li .info .num_info .pdt_counting{color: #222; letter-spacing: -0.5px;}
.realTime_best .realTime_best_pdt ul li .info .num_info .pdt_counting > em{color: #1190FF; letter-spacing: -0.5px; font-family: 'Montserrat', sans-serif;}
.realTime_best-swiper-container  .realTime_best-swiper-pagination{width: 100%;bottom: 19px !important;}
.realTime_best-swiper-pagination .swiper-pagination-bullet-active{background: #222;}
.realTime_best-swiper-container .realTime_best-swiper-pagination .swiper-pagination-bullet{width: 6px; height: 6px;}

/*잠깐만요 해시태크*/
.hashTag_area{ padding: 15px }
.hashTag_wrap{width: 100%; background: #fff; display: inline-block; overflow: hidden}
.hashTag_wrap > h2{text-align: center;color: #111;letter-spacing: -1.2px;font-weight: 900; font-size: 22px;width: 91px;position:relative;margin: 0 auto;z-index: 10;}
.hashTag_wrap > h2:after{width: 100%;height: 13px;display: block;background-color: rgba(255,216,107,0.7);position: absolute;bottom: 5px;content: '';z-index: -1;}
.hashTag_wrap > p.sub_tit{text-align: center;color: #222;font-size: 17px;letter-spacing: -1px;}
.hashTag_wrap .tag_list{margin-top: 15px;overflow: hidden;text-align: center;}
.hashTag_wrap .tag_list a{display: inline-block;position: relative;max-width: 100%;padding: 10px 20px;text-align: center;word-break: break-all;overflow: hidden; font-size: 16px; color: #111;  margin-bottom: 3px;}
.hashTag_wrap .tag_list a:before{display: block; content: ""; position: absolute; left: 1px;top: 1px; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #9f9f9f; border-radius: 50px;}
.hashTag_wrap .tag_list a.highlight{color:  #1190FF;font-weight: 600;}
.hashTag_wrap .tag_list a.highlight:before{border: 1px solid #1190FF;}

/*카테고리 인기상품*/
.categoryIngi-swiper-container{height: 52px; overflow: hidden; border-bottom: 1px solid #ddd; line-height: 52px;}
.categoryIngi-swiper-container.header-fix{height: 52px; overflow: hidden; border-bottom: 1px solid #ddd; padding: 0px 14px; max-height: 55px; box-shadow:0 4px 11px -5px rgba(0,0,0,0.2);}
.categoryIngi-swiper-container .swiper-slide{width: auto;text-align: center;height: 52px; line-height:52px; margin-right: 5px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.categoryIngi-swiper-container .swiper-slide  > span{color: #aaa;height: 52px; line-height:52px; display: inline-block; font-size: 16px; letter-spacing: -1px; position: relative; padding: 0 15px;}
.categoryIngi-swiper-container .swiper-slide  > span.on:after{width: 6px;height:6px;display: block;content: ''; z-index: -1; background: #ffce43; border-radius: 100%;position: absolute;bottom: 19px; left: 5px;}
.categoryIngi-swiper-container .swiper-slide  > span.on{color: #000;font-weight: 900;border-bottom: 4px solid #ffcf44;height: 100%;}

.categoryIngi-swiper-container .swiper-slide  > span.on.cate_tab2{border-bottom: 4px solid #ff859e;}
.categoryIngi-swiper-container .swiper-slide  > span.on.cate_tab2:after{ background: #ff859e; }
.categoryIngi-swiper-container .swiper-slide  > span.on.cate_tab3{border-bottom: 4px solid #4AAFFF;}
.categoryIngi-swiper-container .swiper-slide  > span.on.cate_tab3:after{ background: #4AAFFF; }
.categoryIngi-swiper-container .swiper-slide  > span.on.cate_tab4{border-bottom: 4px solid #4fca84;}
.categoryIngi-swiper-container .swiper-slide  > span.on.cate_tab4:after{ background: #4fca84; }
.categoryIngi-swiper-container .swiper-slide  > span.on.cate_tab5{border-bottom: 4px solid #ff4a4a;}
.categoryIngi-swiper-container .swiper-slide  > span.on.cate_tab5:after{ background: #ff4a4a; }

/*상품리스트*/
.categoryIngi_wrap .categoryIngi_pdt_list{display: inline-block; padding: 15px; background: #FFFFFF;margin: 0 -13px!important;}
.categoryIngi_wrap .categoryIngi_pdt_list .cate_tit{padding: 40px 0 16px;font-size: 18px;color: #111;font-weight: bold;letter-spacing: -1px;}
.categoryIngi_wrap .categoryIngi_pdt_list .cate_tit.cate_area_5 > i{background: url(https://img.yellowshopping.co.kr/images/category/cate_ingy/ingycate_beauty.png) no-repeat; background-size: 100%;}
.categoryIngi_wrap .categoryIngi_pdt_list .cate_tit.cate_area_6 > i{background: url(https://img.yellowshopping.co.kr/images/category/cate_ingy/ingycate_living.png) no-repeat; background-size: 100%;}
.categoryIngi_wrap .categoryIngi_pdt_list .cate_tit.cate_area_7 > i{background: url(https://img.yellowshopping.co.kr/images/category/cate_ingy/ingycate_health.png) no-repeat; background-size: 100%;}
.categoryIngi_wrap .categoryIngi_pdt_list .cate_tit.cate_area_10 > i{background: url(https://img.yellowshopping.co.kr/images/category/cate_ingy/ingycate_food.png) no-repeat;background-size: 100%;}
.categoryIngi_wrap .categoryIngi_pdt_list .cate_tit > i{width: 25px;height: 25px;display: inline-block; background: url(https://img.yellowshopping.co.kr/images/category/cate_ingy/ingycate_beauty.png) no-repeat; background-size: 100%;position: relative;top: 7px;margin-right: 6px;}
.categoryIngi_wrap .categoryIngi_pdt_list li.pdt_unit{width: calc(100%/2 - 8px); display: inline-block; overflow: hidden; margin-bottom: 15px;  position: relative;padding-bottom: 65px;}
.categoryIngi_wrap .categoryIngi_pdt_list li.pdt_unit >a{text-align: left; width: 100%; height: 100%; display: inline-block;}
.categoryIngi_wrap .categoryIngi_pdt_list li.pdt_unit >a >img{border-radius: 5px; border: 1px solid #f4f4f4; width: 100%;}
.categoryIngi_wrap .categoryIngi_pdt_list li.pdt_unit:nth-child(odd){margin-right: 15px;}
.categoryIngi_wrap .categoryIngi_pdt_list li.pdt_unit .price{width: 100%;display: inline-block; margin: 0px 0 4px;height: 23px;line-height: 23px; font-family: 'Montserrat', sans-serif;}
.categoryIngi_wrap .categoryIngi_pdt_list li.pdt_unit .price > .ori{font-size: 13px; text-decoration: line-through; color: #999;letter-spacing: -0.6px;}
.categoryIngi_wrap .categoryIngi_pdt_list li.pdt_unit .price > .dc_pri{font-size: 15px; color: #222; letter-spacing: -0.6px;  font-weight: 400;}
.categoryIngi_wrap .categoryIngi_pdt_list li.pdt_unit .price > .dc_pri > em{font-size: 20px; font-weight: 600;}
.categoryIngi_wrap .categoryIngi_pdt_list li.pdt_unit .pdt_name{font-size: 16px;color: #222;letter-spacing: -1px;line-height: 18px;text-align: left;box-sizing: border-box;display: inline-block;min-height: 36px;margin-top: 10px; white-space: normal; line-height: 1.2;   word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.categoryIngi_wrap .categoryIngi_pdt_list li.pdt_unit .badge_wrap{margin: 0 0 17px; position: absolute; bottom: 12px;}
.categoryIngi_wrap .categoryIngi_pdt_list li.pdt_unit .badge_wrap > .dc{font-size: 12px;letter-spacing: -1px;background:#ffdc58; color:#2b3743;border-radius: 5px;padding: 3px 5px;font-weight: 700; font-family: 'Montserrat', sans-serif;}
.categoryIngi_wrap .categoryIngi_pdt_list li.pdt_unit .badge_wrap > .del{font-size: 12px;letter-spacing: -1px; color:#2b3743;background: #e8e8e8;border-radius: 5px;padding: 3px 5px;font-weight: 700;}
.categoryIngi_wrap .categoryIngi_pdt_list li.pdt_unit .buyReview_counting{padding: 5px 0px; position: absolute; bottom: 0px; left: 0px; width: 100%;     height: auto;text-align: inherit;margin: 0;}
.categoryIngi_wrap .categoryIngi_pdt_list li.pdt_unit .buyReview_counting > .cnt{font-size: 13px;letter-spacing: -0.7px;color: #222;}
.categoryIngi_wrap .categoryIngi_pdt_list li.pdt_unit .buyReview_counting > .cnt > em{color: #1190FF;font-weight: 400;  font-family: 'Montserrat', sans-serif;}
.categoryIngi_wrap .categoryIngi_pdt_list .more_pdtlist{width: 100%;height: 55px;border: 1px solid #8ac9ff;border-radius: 7px;color: #1190ff;font-size: 16px;font-weight: 900; background: #FFFFFF; box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1)}


/*철원추가*/
.ex2020_wrap{padding: 15px 0 15px 5px; }
.ex2020_wrap .swiper1{overflow: hidden;}
.ex2020_wrap .swiper1 .swiper-wrapper{}
.ex2020_wrap .swiper1 .swiper-wrapper .swiper-slide{}
.ex2020_wrap .swiper1 .swiper-wrapper .swiper-slide p{text-align: center; margin-top: 7px; font-size: 14px; letter-spacing: -0.5px; color:#282828; font-weight: 400;}
.ex_img{background: #fff center center; display: block; border-radius: 50%; width: 60px !important; height: 60px; margin: 0 auto;}


/*핫딜 신상품*/
.new_wrap, .my_item_wrap{padding: 10px 0 10px 10px;}
.new_wrap .tit, .my_item_wrap .tit{padding: 0; margin: 10px 0px 15px 0; font-weight: bold;}
.new_tit{position: relative;}
.new_tit>a{position: absolute; top:0; right:20px; font-size: 16px; font-weight: 400; color:#777; letter-spacing: -0.5px;}

/* -------------- */


.swiper5{overflow: hidden;}
.swiper5 .swiper-wrapper .swiper-slide .example{
    /*background: #EE5655;*/
    position: relative; overflow: visible; border: 1px solid #eee;}
.swiper5 .swiper-wrapper .swiper-slide .example .delivery{
    background: rgba(255,60,99,0.8);
    color:#fff; padding: 2px 3px;
    position: absolute; top:3%; left: 3%; font-size: 12px;
}


.swiper6{overflow: hidden;}
.swiper6 .swiper-wrapper .swiper-slide .example{
    /*background: #EE5655;*/
    position: relative; overflow: visible; border: 1px solid #eee;}

.swiper6 .swiper-wrapper .swiper-slide .example .delivery{
    background: rgba(255,60,99,0.8);
    color:#fff; padding: 2px 3px;
    position: absolute; top:3%; left: 3%; font-size: 12px;
}

.swiper6 .swiper-wrapper .swiper-slide .example .date_area{
    background: rgba(255,0,0,0.8);
    color:#fff; padding: 2px 8px;
    position: absolute; bottom:3%; right: 3%; font-size: 12px;
}
.swiper6 .swiper-wrapper .swiper-slide .example .date_area b{
    font-weight: bold;
}

.new_item_tit{font-size: 13px; letter-spacing: -0.5px; word-break: keep-all; line-height: 1.2; padding-top: 5px;}
.new_item_price{font-size: 16px; font-weight: bold; color:#282828;}


/*핫딜 신상품 end*/

/*카테고리 버튼 변경 start*/
.all_more{width: 100%; text-align: center; margin:10px 0 0 0;}
.all_more .more_btn2{padding: 15px 60px; box-sizing: border-box; border-radius: 30px;
    display: inline-block; background-color: #fff; border: 1px solid #1190ff;
    box-shadow: 2px 3px 3px rgba(0,0,0,0.2);}
.all_more .more_btn2 span{
    /*background: url(https://img.mysdis.co.kr/images/more_plus.svg) no-repeat;*/
    /*background-position: left 5px; padding-left: 20px;*/
    background-size: 13px; color:#1190ff; font-weight: bold; }
.all_more .more_btn2 span i{font-style: normal;}
.fa-angle-right{font-size: 22px; vertical-align: -2px;}
/*카테고리 버튼 변경 end*/

/*철원추가 end*/




