@charset "UTF-8";

.img_wrap img{border-radius:5px;border:1px solid #ececec;box-sizing:border-box;}
/* 怨듯넻 end */

.swiper-pagination.banner{background-color: rgba(0,0,0,0.3);width: auto;color: rgba(255,255,255,0.6);padding: 1.5% 2.5% 1% 2.5%;/*top:0.5*/letter-spacing: -0.5px;left: auto;right: 5%;bottom:5%;border-radius: 50px;}
.swiper-pagination.banner span{vertical-align: middle;}
.swiper-pagination.sub-banner{background-color: rgba(0,0,0,0.3);width: auto;color: rgba(255,255,255,0.6);padding: 1.5% 2.5% 1% 2.5%;/*top:0.5*/letter-spacing: -0.5px;left: auto;right: 5%;bottom:5%;border-radius: 50px;}
.swiper-pagination.sub-banner span{vertical-align: middle;}

/*정보 버튼 start */
.btn_info_wrap{background: #fff;padding:14px 0;margin: 2% 0;border-bottom: solid 1px #c6c6c6;height: 56px;}
.btn_info_wrap ul {height:100%;}
.btn_info_wrap ul li{width: 25%;height:100%;display: inline-block;float: left;text-align:center;}
.btn_info_wrap ul li a {height:100%;display:block;border-right: 1px solid #f0f0f0;/*padding: 0 1.5%;*/}
.btn_info_wrap ul li:nth-last-of-type(1) a { border-right:0px solid #f0f0f0; }
.btn_info_wrap ul li img{height:90%;width:auto;}
/*정보 버튼 end */


/*이벤트 start */
.tab_menu_scrall{/* padding-top:3%;padding-left: 5%;overflow-x: auto; */}
.tab_menu_scrall ul li{width: auto !important;display: inline-block;font-size: 14px;letter-spacing: -0.5px;float: left;padding: 3.5% 5.5% 3%;/* margin-right: 1%; */font-weight: 400;border-radius: 50px;border: solid 1px #e7e7e7;}
.tab_menu_scrall ul li a{color: #33383f;}
.tab_menu_scrall .tabs li,
.category .tab_menu_scrall ul li{box-shadow:0px 1px 3px rgba(113,113,113,0.16);}
.tab_menu_scrall .cate-tabs li.active{font-weight: 700;background-color: #74b84b;border-color: #74b84b;}
.tab_menu_scrall .cate-tabs li.active a{color: #fff !important;}

.tab_menu_scrall .cate-tabs li,
.category .tab_menu_scrall ul li{box-shadow:0px 1px 3px rgba(113,113,113,0.16);}
.tab_menu_scrall .cate-tabs li.active{font-weight: 700;background-color: #74b84b;border-color: #74b84b;}
.tab_menu_scrall .tabs li.active{font-weight: 700;background-color: #74b84b;border-color: #74b84b;}
.tab_menu_scrall .tabs li.active a{color: #fff !important;}

.tab_content {/* padding: 5px;font-size: 12px; */display: none;}
.event_list_wrap{padding: 5% 4% 0px 4%;overflow: hidden;}
.event_list_wrap::after{clear: both;}
.tab_menu_scrall ul.event_list_wrap li{width: 48.45% !important;display: inline-block;float: left;padding: 0;border: 0;margin-bottom:3%;}

body.subMain282 .tab_menu_scrall ul.event_list_wrap li{ width:calc((100% - 20px) /3) !important; display: inline-block; float: left; padding: 0; border: 0; margin-bottom:3%; margin-left:10px; }
body.subMain282 .tab_menu_scrall ul.event_list_wrap li:nth-child(2n+1) { margin-right:0px; margin-bottom:3% !important; }
body.subMain282 .tab_menu_scrall ul.event_list_wrap li:nth-child(3n+1) { margin-left:0px; }
body.subMain282 .tab_menu_scrall ul.event_list_wrap li .product_info_wrap { padding:4px 0px !important; }
body.subMain282 .tab_menu_scrall ul.event_list_wrap li .product_price { font-size:14px; letter-spacing:-1px; font-weight:500; }
body.subMain282 .tab_menu_scrall ul.event_list_wrap li .product_price del { font-weight:300; }
.tab_menu_scrall ul.event_list_wrap li .img_wrap img { box-sizing:border-box; border-radius:5px !important; border:1px solid #ececec;  }    .tab_menu_scrall ul.event_list_wrap li:nth-last-of-type(2),
.tab_menu_scrall ul.event_list_wrap li:last-child { margin-bottom:0px !important; }
.tab_menu_scrall ul.event_list_wrap li:nth-child(2n+1){margin-right: 10px;}
.last_btn_all,
.tab_menu_scrall ul.event_list_wrap li.last_btn_all{width:100% !important;}
.last_btn_all a,
.tab_menu_scrall ul.event_list_wrap li.last_btn_all a{width: 100%;background:#f5f5f5;text-align: center;padding: 4% 0;display: inline-block;font-size: 13px;color: #33383f;}

/*이벤트 end */

/* 카테고리별 start */
.tab_menu_scrall .bg_category{width:7.5%;position: absolute;top: 0;right:0;padding-top:5%;z-index: 10;}
.tab_menu_scrall .bg_category .bg_shadow.shadow_after{background: url("../img/newmain/btn_tab_shadow_after.png")  repeat-y 100% 0;background-size: contain;width: 100%;padding-top: 50px;display: inline-block;}
/* 카테고리별 end */

/* 반찬 코너 start */
.product_info_wrap{line-height: 1.5;font-size: 14px;font-weight: 700;letter-spacing: -0.5px;padding: 4% 2%;}

.product_info_wrap .product_name{overflow-x: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top:5px;}

.goodNpercent>img{width: 18px;vertical-align: -1px;margin-right:2%;margin-top:3%;}
.goodNpercent>span{color: #777777;font-size: 11.5px;}
.product_price{font-size:17px;color: #bd261c;}
.product_price del{color: #b4b4b4;font-size: 12px;margin-left: 3px;}
/* 반찬 코너 end */

/* 서비스 팁 start */
.servicetip_info_wrap{line-height: 1.3;font-size: 16px;font-weight: 600;letter-spacing: -0.5px;padding: 6% 0 0;}
/* 서비스 팁 end */

/* 베스트 샵 start */
.bestshop_list{padding: 5% 4% 0%;}
.bestshop_list ul{overflow: hidden;}
.bestshop_list ul li{width: 35%;margin:0 5% 3% 0;padding: 0%;float: left;}
.bestshop_list ul li:nth-child(2n+1){position: relative;padding-left: 0;}
.bestshop_list ul li:nth-child(2n+1) img{vertical-align: top;margin: 1px 0 0 1px;}
.bestshop_list ul li:nth-child(2n){width: 60%;margin-right:0%;}
.bestshop_list ul li .best{position: absolute;top: -1px;left: 0;background-color: #e74d4d;color: #fff;border-radius: 10px 0;font-size: 15px;font-weight: 700;padding:3% 9% 3% 7%;text-align: center;}
.bestshop_list ul li .best span{font-weight: 400;font-size: 10px;}
.bestshop_list ul li .btn_cart{position: absolute;bottom: 7%;right: 7%;width: 27%;background: rgba(75, 134, 43, 0.6);border-radius: 50px;}
.bestshop_list ul li.product_info_wrap .goodNpercent{padding-top:3%;}
.bestshop_list ul li.product_info_wrap p.product_name{font-size: 14px;letter-spacing: -1px;}
.bestshop_list ul li.product_info_wrap p.product_price{font-size: 16px;/* font-weight: 400; */line-height: 3;}
/* 베스트 샵 end */

/* 맛있는 요리 간편 주문 start */
.movie_wrap{width:100%;background: url("../img/newmain/thumb_movie_recipe_01.png") center 0% no-repeat;background-size: cover;padding: 74% 0 0;border-radius:5px;border:1px solid #ececec;box-sizing:border-box;}
.movie_title{color:#fff;background: rgba(0,0,0,0.3);Padding:6%;font-size: 14px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.movie_title span{float: right;text-align: right;font-size: 13px;}
.movie_title span img{width: 25%;margin-right: 2px;}
/* 맛있는 요리 간편 주문 end */

.ship_img_list ul{padding:5% 4% 0;overflow: hidden;}
.ship_img_list ul li{width: 31.5%;float: left;padding: 0 2.7% 2.7% 0;}
.ship_img_list ul li:nth-child(3n){padding-right:0;}
/* 오아시스 산지직송 end */
