/* BASIC css start */
.main{max-width: 900px;margin: 0 auto;}

/* 롤링배너 */
/* #event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; } */
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
#event .MS_img-wrap {    position: relative;    width: 100%;    overflow: hidden;}
#event .MS_img-area{display: inline;}
#event .MS_img-area img{width: 100%;display: block;font-size: 0;}
.swiper-pagination-bullet-active{background-color: #dc2d4e;}


#event{position: relative;}
#event .MS_img-wrap {    position: relative;    width: 100%;    overflow: hidden;z-index: 1;}
#event .MS_img-area{display: inline;}
#event .MS_img-area img{width: 100%;display: block;font-size: 0;}
#event .swiper-pagination-bullet-active{background-color: #dc2d4e;}
#event .swiper-pagination{z-index: 3;text-align: center;bottom: 0;right: 30px;width: 30px;left: auto;height: 40px;line-height: 40px;}
.MS_img_tab_back{position: absolute;bottom: 0;left: 0;right: 0;height: 40px;background:rgba(0,0,0,0.5);z-index: 2;padding: 0 0 0 10px;color: #fff;}
.MS_img_tab a{color: #fff;line-height: 40px;text-align: left;display: block;}
.MS_img_tab_ctrl{position: relative;float: right;width: 30px;padding-right: 30px;padding-left: 30px;height: 40px;text-align: center;margin-top: -40px;right:0;left: auto;bottom: auto;z-index: 5;}
.MS_img_tab_ctrl .swiper-button-prev,.MS_img_tab_ctrl .swiper-button-next{font-size: 0;top:0;margin: 0;background: none;transition:.2s ease-out;width: 30px;height: 40px;outline:none}
.MS_img_tab_ctrl .swiper-button-prev::after,
.MS_img_tab_ctrl .swiper-button-next::after{text-indent: -999em;font-size: 0;border-style:solid;border-color:#fff;border-width:0 0 1px 1px;display:block;line-height: 0;content:'';padding:4px;transform:rotate(45deg);position:absolute;top:15px;left:12px}
.MS_img_tab_ctrl .swiper-button-next::after{border-width: 1px 1px 0 0;left: 8px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {/* ie10*/
.MS_img_tab_ctrl .swiper-button-prev::after,.MS_img_tab_ctrl .swiper-button-next::after{top: 14px;}
}
.MS_img_tab_ctrl .swiper-button-prev{left: 0;right: auto;}
.MS_img_tab_ctrl .swiper-button-next{left: auto;right: 0;}

.MS_img_tab_back,.MS_img_tab_ctrl{display: none;}

.prodicons{display: flex;align-items: center;gap:5px}
#event {position: relative;height: 0;padding-top: 55%;}
#event .MS_img-wrap{height: auto;position: absolute !important;top: 0;left: 0;bottom: 0;}
#event .swiper-pagination{z-index: 3;text-align: center;bottom: 15px;right: 15px;width: 85px;left: auto;height: 34px;line-height: 32px;background-color: rgba(0,0,0,.7);color: #fff;font-size: 15px;border-radius:2.5em ;}
/* //롤링배너 */
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4); text-align:center; color:#fff; position:absolute; bottom:0; left:0;}
.mainHappy{padding-bottom: 40px;}
.happyThumbSlider{margin-bottom: 5px;padding:0 4%;}
.happyThumbSlider .happyWrap{overflow: hidden;margin-bottom: 15px;}
.happyThumbSlider .happyWrap p{float: left;width: 100%;margin-left: 0; margin-bottom: 10px;}
.happyThumbSlider .happyWrap p:last-child{margin-bottom: 0;}
.happyThumbSlider .happyWrap p a{display:block; border-radius:10px ;background-color: #ccc;display: block;border: none;font-size: 0;line-height: 0 !important;overflow: hidden;}
.happyThumbSlider .happyWrap p a img{display: block;font-size: 0;width:100%;font-size: 0;line-height: 0;}
.happyWideSlider{position: relative;height: 230px;overflow: hidden;}
.happyWideSlider .swiper-slide a{display:block; width: 100%; height: 230px; background-size:cover; background-position:center;}
/*.happySlider{position: absolute;top:0;left: 0;right: 0;}*/
.happySlider div{text-align: center;}
.happySlider img{display: block;max-width: 100%;margin: 0 auto;}
.happySlider .swiper-slide{position: relative;}
.happySlider .slick-dots{bottom: 5%;}
.happySlider .slick-dots li{margin: 0;}
.happySlider{position: relative;top: auto;left: auto;bottom: auto;right: auto;border-radius:10px ;height: auto;overflow: hidden;text-align: center;}
.happySlider .swiper-slide{overflow: hidden;text-align: left;}

a.lnk{display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;text-indent: -999em;}
.mainTle{position: relative;clear: both;margin:0 4% 20px;overflow: visible;}
.mainTle::After{display: block;clear: both;content: '';}
.mainTle h3{font-size: 22px;text-align: left;letter-spacing: -2px;font-weight: bold;line-height: 24px}
.mainTle h3 span{font-weight: 400;}
.mainTle h3 em{display: block;font-size: 13px;background-color:#50B5D1;color: #fff;font-weight: normal;width: 42px;padding:2px 5px 4px;line-height: 1;position: absolute;left: 0;top: -20px;}
.mainTle a.more{display: block;position: absolute;top: 0;right: 2px;padding:0 10px 0 0;font-size: 14px;text-align: right;width: auto;margin: 0;bottom: 0;line-height: 24px;opacity: 0.7;}
.mainTle a.more::before{border-style: solid;border-color: #000; border-width:0 0 1px 1px ;    display: block;content: '';padding: 3px;transform: rotate(225deg);position: absolute;top: 9px;right: 0;}
.mainTle h3 .hot{color: #DC2D4E;font-style: normal;font-weight: normal;padding-left:10px}
.mainTle h3 .hot b{font-weight: normal;font-size: 30px;}
.mainTle p{font-size: 14px;padding-top: 7px;letter-spacing:-1px}
.hotdeal{border-radius:6px ;border: 1px solid #ddd;text-align: center;font-size: 18px;padding: 15px 0 ;margin-top: 20px;line-height: 20px;}
.hotdeal span.txt{vertical-align: middle;color: #666;font-size: 14px;}
.hotdeal .hot{display: inline-block;font-style: normal;font-weight: bold;color: #dc2d4e;vertical-align: middle;}
.hotdeal .hot b{font-size: 24px;vertical-align: middle;display: inline-block;padding: 0 5px 2px;}
/* .hotdeal span{display: inline-block;vertical-align: middle;} */
.line2{height: 20px;margin-bottom: 30px;border-bottom: 6px solid #eee;}


.itemslider {padding: 0 4%;}
.itemslider .items { box-sizing: border-box; padding:0;  text-align:left; font-size:0;margin-left: -2%;overflow: hidden;display: table;}
.itemslider .items li{width: 48%;margin-left:2% ;display: inline-block;vertical-align: top;margin-bottom: 10px;}
.itemslider .items li a {display: block; }
.itemslider .items li .list_shoppingInfo {margin-top:10px; text-align:left; font-size:12px;line-height: 1.3;}

.main .listName {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:calc(1em * 1.25 * 2);font-size: 13px;}
.main .listPrice{font-size: 15px;margin-bottom: 5px;}
.main .list_shopping2x .MK-product-icons img,
.main .MK-product-icons img{display: inline;}
.main .listPicBg em{position: absolute;color: #fff;font-size: 11px;letter-spacing: 0;font-family: 'Lato';font-weight: bold;font-style: normal;top:5%;left: 5%;width: 36px;height: 36px;line-height: 36px;text-align: center;z-index: 3;}
.main .listPicBg em::after{display: block;content: '';width: 36px;height: 36px;border-radius:50%;position: absolute;top: 0;left: 0;background-color: #dc2d4e;z-index: -1;opacity: 0.89;}

.sync_tab{position:relative;padding:0 ;margin:0;}
.sync_tab::before,.sync_tab::after{clear:both;content:'';display:block}
.price_tab_nav,
.sync_tab_nav{height:45px;border-bottom: 1px solid #eee;border-top: 1px solid #eee;margin-bottom: 20px;}

.sync_tab_nav .swiper-container,
.price_tab_nav .swiper-container {  height: 45px; width: 100%;}


.price_tab_nav .swiper-slide,
.sync_tab_nav .swiper-slide{height:45px;width: auto;position: relative;font-size: 0;}
.price_tab_nav .swiper-slide button,
.sync_tab_nav .swiper-slide button{display:block;position:relative;height:45px;z-index:1;border: none;background: none;}

.price_tab_nav .swiper-slide button span,
.sync_tab_nav .swiper-slide button span{display:block;padding: 0 20px;line-height: 45px;font-size: 14px;position: relative;height: 45px;}
.price_tab_nav .swiper-slide button span::after,
.sync_tab_nav .swiper-slide button span::after{display: block;content: '';height: 1px;position: absolute;left: 50%;right: 50%;bottom: 0;background-color: #dc2d4e;opacity: 0;transition: .25s ease-out}
.price_tab_nav .swiper-slide.swiper-slide-active  button span::after,
.sync_tab_nav .swiper-slide.swiper-slide-thumb-active button span::after{left: 20px;right: 20px;opacity: 1;}
/*  icon style end 2022-10-13 */
.sync_tab_nav{height: 109px;border-top: 0;padding-left: 4%;}
.sync_tab_nav .swiper-container{height: 90px;}
.sync_tab_nav .swiper-slide{height:90px;width: 74px;position: relative;font-size: 0;}
.sync_tab_nav .swiper-slide button{display:block;position:relative;height:auto;z-index:1;border: none;background: none;padding-top: 64px;width: 64px;}
.sync_tab_nav .swiper-slide button span{display:block;padding: 0;line-height: 26px;font-size: 14px;position: relative;height: 26px;text-align: center;}
.sync_tab_nav .swiper-slide button::before{display: block;content: '';position: absolute;border-radius: 24px;background-repeat: no-repeat;background-image: url(https://cepa5678.img15.kr/_sm/ctgs_off.png);background-position: 0 0;background-color: #f1f2f3;width:64px;top: 0;left: 0;height: 64px;transition: 0.25s ease-out;background-size: auto 100%; }
.sync_tab_nav .swiper-slide:nth-child(1) button::before{background-position: 0 0;}
.sync_tab_nav .swiper-slide:nth-child(2) button::before{background-position:14.25% 0;}
.sync_tab_nav .swiper-slide:nth-child(3) button::before{background-position:28.5% 0;}
.sync_tab_nav .swiper-slide:nth-child(4) button::before{background-position:42.75% 0;}
.sync_tab_nav .swiper-slide:nth-child(5) button::before{background-position:57% 0;}
.sync_tab_nav .swiper-slide:nth-child(6) button::before{background-position:71.25% 0;}
.sync_tab_nav .swiper-slide:nth-child(7) button::before{background-position:85.5% 0;}
.sync_tab_nav .swiper-slide:nth-child(8) button::before{background-position:99.85% 0;}
.sync_tab_nav .swiper-slide.swiper-slide-thumb-active button:focus::before,
.sync_tab_nav .swiper-slide.swiper-slide-thumb-active button::before{background-color: #DC2D4E;background-image: url(https://cepa5678.img15.kr/_sm/ctgs_ov.png)}
.sync_tab_nav .swiper-slide button span::after {display: none;}
.sync_tab_nav .swiper-slide.swiper-slide-thumb-active button span::after{left: 20px;right: 20px;opacity: 1;}
/* icon style end */
.sync_tab_target{/* overflow:visible; */position:relative;line-height:1;z-index: 4;text-align: left;}
.sync_tab_slider{padding: 0 4%;}
.sync_tab_slider .items { box-sizing: border-box; padding:0;  text-align:left; font-size:0;margin-left: -2%;overflow: hidden;display: table;}
.sync_tab_slider .items li{width: 48%;margin-left:2% ;display: inline-block;vertical-align: top;margin-bottom: 10px;}
.sync_tab_slider .items li a {display: block; outline:0}
.sync_tab_slider .items li .list_shoppingInfo {margin-top:10px; text-align:left; font-size:12px;line-height: 1.3;}
.sync_tab_target a.more{display: block;padding-right: 0;font-size: 14px;text-align: center;margin: 0;bottom: 0;line-height: 39px;height: 40px;border: solid 1px #ddd;border-radius:6px ;background-color: #fff;
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 150%);padding:0 }
/*.sync_tab_target a.more::before{border-style: solid;border-color: #000; border-width:0 0 1px 1px ;    display: block;content: '';padding: 3px;transform: rotate(225deg);position: absolute;top: 9px;right: 0;}*/
.mainSnsLst{overflow: hidden;padding-bottom: 35px;}
.mainSnsLstSlider{overflow: hidden;height: 135px;margin-left: -1px;}
.mainSnsLstSlider div{float: left;width: 135px !important;margin-left: 1px }
.mainSnsLstSlider div a{border-radius:0  ;background-color: #ccc;display: block;height: 0;position: relative;padding-bottom:100%;border: none;font-size: 0;line-height: 0 !important;overflow: hidden;}
.mainSnsLstSlider div a img{display: block;font-size: 0;position: absolute;top: 0;left: 0;width:100%;font-size: 0;line-height: 0;bottom: 0;height: 100%;}
.mainSnsLst p{padding: 20px 4% 0;font-weight: 300;font-size: 16px;color: #666;text-align: center;}
.mainSnsLst p a{display: block;font-weight: bold;padding: 5px 0 15px ;color: #000;font-family: 'Lato';font-size: 18px;}
.mainSnsLst p a em{color: #dc2d4e;}
.mainSnsLst a.linebtn{border: 1px solid #ddd;border-radius:0 ;text-align: center;padding: 14px 0;font-size: 15px;display: block;}


.mainBg{background-color: #f3f3f2;padding: 40px 0;}
.mainNewsLst{overflow: hidden;padding:0 4%;}
.mainNewsLst p{margin-bottom: 14px;position: relative;}

.mainNewsLst p a{display: block;border: 1px solid #d9d9d8;background-color: #fff;font-size: 17px;line-height: 1.2;}
.mainNewsLst p a{padding:3% 4% 4% 5%;height:auto;min-height:40px}
.mainNewsLst p em{font-style: normal;font-weight: 300;font-size: 13px;display:block;color: #666;padding-top:10px}
.mainNewsLst p a:hover{border-color: #000;}

#mainBx{padding:20px 4%;overflow: hidden;}
#mainBx .apl_bx{border: 1px solid #DDD;position: relative;font-weight: 300;margin-bottom: 10px;padding:25px 3.4% 0;height: 100px;box-sizing:border-box;border-radius:5px }
#mainBx .apl_bx.flt{width: 48.6%;background:url(/design/cepa5678/__ns/img/m/mb_1.png) 90% center no-repeat;}
#mainBx .apl_bx.flt.event{background:url(/design/cepa5678/__ns/img/m/mb_3.png) 90% 10% no-repeat;}
#mainBx .apl_bx.frt{width: 48.6%;background:url(/design/cepa5678/__ns/img/m/mb_2.png) 90% center no-repeat;}
#mainBx .apl_bx.frt.coupon{background:url(http://cepa5678.img15.kr/__ns/m/map.jpg) 80% center no-repeat;}
/* #mainBx .apl_bx.frt.coupon{background:url(/design/cepa5678/__ns/img/m/mb_4.png) 90% center no-repeat;} */
#mainBx .apl_bx.wide{background: #faf3e5 url(/design/cepa5678/__ns/img/m/mb_farmer.png) 97% bottom no-repeat;border: none;}
#mainBx .apl_bx h3{font-size: 20px;padding-bottom: 10px;letter-spacing: -1.5px;font-weight: 700;}
#mainBx .apl_bx h3 span{font-weight: 300;color: #444;font-size: 16px;display: block;padding-top: 5px;}
#mainBx .apl_bx p{color: #555;font-size: 14px;}

/* BASIC css end */

@media screen and (min-width:451px) {
.mainNewsLst p{float: left;width: 50%;}
.mainNewsLst p a{margin-left: 7px;}
.mainNewsLst p a span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.mainNewsLst p:nth-child(2n+1) a{margin-right: 7px;margin-left: 0;}
.mainTle{margin-left: 20px;margin-right: 20px;}
.mainNewsLst,
.itemslider,
.sync_tab_slider{padding-left: 20px;padding-right: 20px;}
.sync_tab_slider .items li,
.itemslider .items li{width: 23%;}
.happyWideSlider{margin-right: 20px;margin-left: 20px; }
.happyWideSlider .happySlider{background-color: #eee;border-radius:10px ;}


}

@media screen and (max-width:451px) {
.happyWideSlider{height: 210px;}
.happyWideSlider .swiper-slide a{height: 210px; background-size:170%;}


}
@media screen and (min-width:621px) {
.happyThumbSlider{padding:0 20px;}
.happyThumbSlider .happyWrap{margin-left:0;/*background-color: #eee;border-radius:10px ;*/text-align: center;}
.happyThumbSlider .happyWrap p{float: none;width: 32%;margin-left: 1.333%;display: inline-block;text-align: center;font-size: 0;}
.happyThumbSlider .happyWrap p:first-child{margin-left: 0;}
}
@media screen and (max-width:360px) {
.mainTle h3{font-size:19px}
.mainNewsLst p a{font-size:15px}
.happyWideSlider{height: 0; padding-bottom: 50%;}
.happyWideSlider .swiper-slide a{background-size:180%; height: 200px; padding-bottom: 50%; background-position:center top -18px;}

}
.mainband{text-align: center;/*background-color: #eee;padding: 10px 0;*/margin: 20px 0 30px 0;}
.mainband a{display: block;}
.mainband a img{max-width: 100%;font-size: 0;display: block;margin: 0 auto;}
.malls {padding: 0 3.5% 30px;}
.malls .wrapper{text-align: center;}
.malls .mainTle h3{font-size: 30px;color: #000;margin-bottom: 10px;}
.malls .mainTle h3 span{display: block;padding-bottom: 5px;font-weight: 300;}
#mallslider{display: flex;flex-wrap: wrap;}
#mallslider>div{width: 33.33%;}
#mallslider a{display: block;padding: 5px;}
#mallslider em{display: none;}
#mallslider .mall-i{display: block;background-color: #fff;position: relative;padding-top: 80px;border: 1px solid #eee;}
#mallslider .mall-i img{display: block;position: absolute;top: 50%;left: 50%;max-width: 100%;transform:translate(-50%,-50%)}

@media screen and (max-width:650px) {
#mallslider .mall-i img{max-width: 80%;}
}
@media screen and (max-width:420px) {
.malls {padding: 0 1.5% 20px}
.malls .mainTle h3{font-size: 20px;}
#mallslider>div{width: 50%;}

}
/* BASIC css end */