/* BASIC css start */
/*counter*/
.main_visual{margin-bottom:90px;position: relative;}
#slideshow {overflow: hidden;width: 100%;height: 330px;	padding: 0;	margin: 0 ;	list-style-type: none;}
#slideshow li {list-style-type: none;margin: 0;padding: 0;left: 0;right: 0;top: 0;bottom: 0;position: absolute;width: auto !important;}
#slideshow li  a{display: block;height: 330px;text-indent: -999em;background-repeat: no-repeat;background-position: center 0;}
.main_visual .bx-pager { text-align: center; }
.main_visual .bx-pager-item { display: inline-block; margin: 0 10px; }
.main_visual .bx-pager-item .active { color: #F08A22; }
.slide-counter-wrap {text-align: right;	margin: 0;position: absolute;width: 1200px;margin-left: -600px;left: 50%;top:280px;z-index: 1;}
#slide-counter {font-size: 15px;margin-right: 84px;line-height: 34px;width: 90px;text-align: center;border-radius:17px;display: inline-block;background-color: rgba(0,0,0,0.4);color: rgba(255,255,255,.5);font-weight: 400;letter-spacing: 1px;}
#slide-counter .current-index{font-weight: bold;color: #fff;}.main_visual .bx-controls{position: relative;width: 1200px;margin-left: -600px;left: 50%;overflow: hidden;z-index: 1;margin-top: -50px;}

.main_visual .bx-controls{position: relative;width: 1200px;margin-left: -600px;left: 50%;overflow: visible;z-index: 100;margin-top: -50px;height: 0;}
.main_visual .bx-controls::after{display: block;content: '';clear: both;}
.main_visual .bx-controls>div{float: right;width: 76px;overflow: hidden;}
.main_visual .bx-controls a{display: block;width: 34px;height: 34px;background-color: rgba(0,0,0,0.4);border-radius:50% ;text-indent: -999em;position: relative;top: auto;margin-top: 0;background-image: none;right: auto;left: auto;}
.main_visual .bx-controls a::before{content:'';display:block;position:absolute;border-style:solid;border-color:#fff;border-width:2px 0 0 2px;padding:3px;transform:rotate(-45deg);top:50%;left:14px;margin-top: -4px;transition:all .1s ease-out}
.main_visual .bx-controls a.bx-prev { float: left; }
.main_visual .bx-controls a.bx-next { float: right; }
.main_visual .bx-controls a.bx-next::before{border-width:0 2px  2px 0;left: auto;right: 14px;}

/**tab*/

.mainVisual{background-color: #f4f7f9;height: 330px;z-index: 1;position: relative;}
.mainSlider {overflow: hidden;height: 330px;}
.mainSlider li{z-index: 1;position: absolute;text-align: center;    width: 100% !important;height: 330px;}
.mainSlider li a{display: block;height: 330px;background-repeat: no-repeat;background-position: center 0;text-indent: -999em;background-size:auto cover ;    width: 100%;}

#mainSliderTab {margin: -26px auto 30px;max-width: 1200px;z-index: 20;position: relative;}
#mainSliderTab ul {text-align: center;font-size: 0;border: 1px solid #e0e1e2;border-radius:25px;background-color: #fff;}
#mainSliderTab ul::after{display: block;content: '';clear: both;}
#mainSliderTab ul li{display: inline-block;font-size: 0;position: relative;}
#mainSliderTab ul li::before{display: block;content: '';width: 1px;background-color: #ddd;position: absolute;left: 0;height: 13px;top: 18px;}
#mainSliderTab ul li:first-child::before{display: none;}
#mainSliderTab ul li a{display: block;font-size: 15px;line-height: 48px;padding: 0 10px;letter-spacing: -1px;color: #333;transition: all 0.25s ease-out;}
#mainSliderTab ul li a span{display: inline-block;position: relative;padding-right: 10px;padding-left: 10px;}
#mainSliderTab ul li a span::after{display: block;content: '';position: absolute;left:-25px ;right: 100%;opacity: 0;bottom: -1px;height: 2px;background-color: #dc2d4e;transition: all 0.2s ease-out;}
#mainSliderTab ul li a.active{color: #dc2d4e;font-weight: 400;}
#mainSliderTab ul li a:hover {color: #000;}
#mainSliderTab ul li a.active span::after,
#mainSliderTab ul li a:hover span::after{right: 0;opacity: 1;left: 0;}
#main-slide-counter{position: absolute;top: 55px;left: calc(50% - 560px);z-index: 55;height: 0;font-size: 17px;color: #444;font-family: 'Lato';}
#main-slide-counter b{color: #000;}

.mainHappy{margin-bottom: 80px;}
.mainHappy .happyWrap{overflow: hidden;margin-left: -22px;}
.mainHappy .happyWrap p{float: left;width: 384px;margin-left: 23px;margin-bottom: 24px;}
.mainHappy .happyWrap p a{border-radius:10px ;background-color: #ccc;display: block;text-align: center;height: 210px;position: relative;color: #fff;overflow: hidden;}
.mainHappy .happyWrap p a img{display: block;font-size: 0;position: relative;}
.mainHappy .happyWrap p a .happyTit{display: block;position: absolute;left: 0;right: 0;top: 70px;font-size: 20px;font-weight: 400;letter-spacing: -1px;z-index: 2;}
.mainHappy .happyWrap p a .happyTit b{display: block;width: 300px;margin: 9px auto 0;font-size: 30px;border-top: 1px solid rgba(255,255,255,0.5);padding-top: 9px;}
.mainHappy .happyWrap p a .happySaveNum{display: block;position: absolute;bottom: 0;width: 90px;height: 30px;line-height: 30px;font-size: 14px;background-color: #333;border-radius:10px 10px 0 0 ;letter-spacing: 0px;font-family: 'Lato';font-weight: bold;left: 50%;margin-left: -45px;z-index: 2;transition: all 0.25s ease-out;}
.mainHappy .happyWrap p.happy_over_1 a .happySaveNum{background-color: #d62e4c;}
.mainHappy .happyWrap p.happy_over_2 a .happySaveNum{background-color: #2d7f30;}
.mainHappy .happyWrap p.happy_over_3 a .happySaveNum{background-color: #705d5d;}
.mainHappy .happyWrap p a::after{display: block;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #d62e4c;z-index: 1;opacity: 0.0;transition: all 0.25s ease-out;}
.mainHappy .happyWrap p.happy_over_1 a::after{background-color: #d62e4c;}
.mainHappy .happyWrap p.happy_over_2 a::after{background-color: #2d7f30;}
.mainHappy .happyWrap p.happy_over_3 a::after{background-color: #705d5d;}
.mainHappy .happyWrap p a:hover::after,
.mainHappy .happyWrap p a:focus::after{opacity: 0.88;}
.mainHappy .happyWrap p a:hover .happySaveNum{background-color: rgba(0,0,0,0.45);}
.mainHappy .happyWrap p.wide{float: none;clear: both;width: auto;}
.mainHappy .happyWrap p.wide a::after{display: none;}
.happySlider{height: 260px;overflow: hidden;}
.mainHappy .bx-wrapper{margin-bottom:0 !important;position: relative;overflow: hidden;}
.mainHappy .bx-wrapper .bx-pager {    text-align: center;    font-size: 0;text-indent: -999em;    padding-top: 0;position: absolute;bottom: 20px;left: 0;right: 0;}
.mainHappy .bx-wrapper .bx-pager.bx-default-pager a{width: 8px;height: 8px;background-color: #fff;opacity: 0.5;font-size: 0;}
.mainHappy .bx-wrapper .bx-pager.bx-default-pager a.active{opacity: 1;}

/* hotDeal */

.hotDeal.wrapper{margin-bottom:50px;padding-top:15px}
.hotDeal .item-wrap .item-cont .item-list .thumb > a{border-radius:20px ;}
/* frugalshopping */
.frugalshopping .item-wrap .item-cont{margin-left: -48px;}
.frugalshopping .item-wrap .item-cont .item-list { margin:0 0 30px 48px;  width:264px ;}
.frugalshopping .item-wrap .item-cont .item-list .thumb {margin-bottom: 10px;margin-left:2px}
.frugalshopping .item-wrap .item-cont .item-list .thumb > a{border-radius:50% ;}
.mainBg.frugalshopping{margin-bottom: 80px;padding: 75px 0 30px;}

/* mainByPrice */
.mainByPrice .item-wrap{width:auto;}
.mainByPrice.wrapper{margin-bottom: 80px;}
.mainByPrice .mainPrdTab{padding-top:55px;padding-bottom: 0;position: relative;margin: 0 auto ;border: 1px solid #ddd;}
.mainByPrice .mainPrdTab h3{width: 120px;text-align: center;position: absolute;top: 0;font-weight: normal;}
.mainByPrice .mainPrdTab h3#priceTle_1{left: 0}
.mainByPrice .mainPrdTab h3#priceTle_2{left: 120px}
.mainByPrice .mainPrdTab h3#priceTle_3{left: 240px}
.mainByPrice .mainPrdTab h3#priceTle_4{left: 360px}
.mainByPrice .mainPrdTab h3#priceTle_5{left: 480px}
.mainByPrice .mainPrdTab h3#priceTle_6{left: 600px}
.mainByPrice .mainPrdTab h3#priceTle_7{left: 720px}
.mainByPrice .mainPrdTab h3#priceTle_8{left: 840px}
.mainByPrice .mainPrdTab h3#priceTle_9{left: 960px}
.mainByPrice .mainPrdTab h3#priceTle_10{right: 0;}

.mainByPrice .mainPrdTab h3 a{display: block;line-height: 48px;height: 49px;font-size: 15px;transition: 0.25s ease-out;color: #666;background-color: #f1f2f3;border-left: 1px solid #ddd;position: relative;}
.mainByPrice .mainPrdTab h3 a::after{display: block;content: '';position: absolute;bottom: 0;left: 0;right: 0;border-bottom: 1px solid #ddd;}
.mainByPrice .mainPrdTab h3:first-child a{border-left: 0;}
.mainByPrice .mainPrdTab h3.on a,
.mainByPrice .mainPrdTab h3 a:focus,
.mainByPrice .mainPrdTab h3 a:hover{color: #000;background-color: #fff;}
.mainByPrice .mainPrdTab h3.on a:after{display: none;}
.mainByPrice .mainPrdTab .mainPrdLst{display: none;position: relative;padding: 15px 20px 0;height: 400px;}
.mainByPrice .mainPrdTab .mainPrdLst.first{display: block;}

.mainByPrice a.mainPrdBtn{display: block;margin: 0;line-height: 40px;height: 40px;color: #000;font-size: 15px;text-align:right;position: absolute;top: -120px;right: 0;width: 80px;padding-right:15px;}
.mainByPrice a.mainPrdBtn::after{border-style: solid;border-color: #545556; border-width: 1px 1px 0 0;    display: block;    padding: 3px;transform: rotate(-315deg);position: absolute;top: 16px;right:3px;content: '';transition: all 0.35s ease-in-out;}

/* mainByPick */


.mainByPick.wrapper{margin-bottom: 80px;}
.mainByPick .mainPrdTab{padding-top:160px;position: relative;margin: 0 auto ;}
.mainByPick .mainPrdTab h3{width: 100px;text-align: center;position: absolute;top: 0;font-weight: normal;}
.mainByPick .mainPrdTab h3#tle_1{left: calc(50% - 400px)}
.mainByPick .mainPrdTab h3#tle_2{left: calc(50% - 300px)}
.mainByPick .mainPrdTab h3#tle_3{left: calc(50% - 200px)}
.mainByPick .mainPrdTab h3#tle_4{left: calc(50% - 100px)}
.mainByPick .mainPrdTab h3#tle_5{left: calc(50% + 0px)}
.mainByPick .mainPrdTab h3#tle_6{left: calc(50% + 100px)}
.mainByPick .mainPrdTab h3#tle_7{left: calc(50% + 200px)}
.mainByPick .mainPrdTab h3#tle_8{left: calc(50% + 300px)}
.mainByPick .mainPrdTab h3 a{display: block;line-height: 1.2;border-radius: 0;background:none ;font-size: 16px;transition: 0.25s ease-out;margin: 0;width:84px;position: relative;padding-top: 94px;}
.mainByPick .mainPrdTab h3.on a,
.mainByPick .mainPrdTab h3 a:focus,
.mainByPick .mainPrdTab h3 a:hover{background: none;color: #DC2D4E;font-weight: 500;}
.mainByPick .mainPrdTab h3 a::before{display: block;content: '';position: absolute;border-radius: 34px;background-repeat: no-repeat;background-image: url(//cepa5678.img15.kr/_sm/ctgs_off.png);background-position: 0 0;background-color: #f1f2f3;width:84px;top: 0;left: 0;height: 84px;transition: 0.25s ease-out;}
.mainByPick .mainPrdTab h3#tle_1 a::before{background-position: 0 0;}
.mainByPick .mainPrdTab h3#tle_2 a::before{background-position: -114px 0;}
.mainByPick .mainPrdTab h3#tle_3 a::before{background-position: -228px 0;}
.mainByPick .mainPrdTab h3#tle_4 a::before{background-position: -342px 0;}
.mainByPick .mainPrdTab h3#tle_5 a::before{background-position: -456px 0;}
.mainByPick .mainPrdTab h3#tle_6 a::before{background-position: -570px 0;}
.mainByPick .mainPrdTab h3#tle_7 a::before{background-position: -684px 0;}
.mainByPick .mainPrdTab h3#tle_8 a::before{background-position: -798px 0;}
.mainByPick .mainPrdTab h3.on a::before,
.mainByPick .mainPrdTab h3 a:focus::before,
.mainByPick .mainPrdTab h3 a:hover::before{background-color: #DC2D4E;background-image: url(//cepa5678.img15.kr/_sm/ctgs_ov.png)}
.mainByPick .mainPrdTab .mainPrdLst{display: none;position: relative;/*height: 720px;*/padding-bottom: 60px;}
.mainByPick .mainPrdTab .mainPrdLst.first{display: block;}
.mainByPick a.mainPrdBtn{background-color: #fff;border: 1px solid #e0e0e0;display: block;margin: 0 auto;line-height: 60px;height: 60px;color: #000;font-size: 16px;text-align: center;position: absolute;bottom: 0;left: 0;right: 0;}
.mainByPick a.mainPrdBtn span{display: inline-block;position: relative;padding-right: 30px;}
.mainByPick a.mainPrdBtn span::after{border-style: solid;border-color: #545556; border-width: 1px 1px 0 0;    display: block;    padding: 4px;transform: rotate(-315deg);position: absolute;top: 26px;right:3px;content: '';transition: all 0.35s ease-in-out;}

.mainPrdLst .item-wrap .item-cont { margin-left: -1.74%;}
.mainPrdLst .item-wrap .item-cont .item-list { margin-left:1.74%;width:18.26% ;margin-bottom: 0;}
.mainPrdLst .item-wrap .item-cont .item-list dd ul .prd-brand a{/*font-size:14px*/}

a.lnk{display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;text-indent: -999em;}
.mainTle{position: relative;margin-bottom: 30px;clear: both;text-align: center;}
.mainTle p{font-size: 18px;padding-top: 10px;opacity: .8;}
.mainTle h3{font-size: 30px;text-align: center;letter-spacing: -2px;}
.mainTle h3 span{font-weight: 400;}
.mainTle a.more{display: block;position: absolute;top: 6px;right: 0;padding-right: 10px;font-size: 14px;}
.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: 4px;right: 2px;}
.mainTle h3 .hot{color: #DC2D4E;font-style: normal;font-weight: normal;padding-left:10px}
.mainTle h3 .hot b{font-weight: normal;font-size: 30px;}
.mainBg{background-color: #f3f3f2;padding: 80px 0;}
.mainTle #digit span{font-weight: 500;font-size: 30px;font-family: 'Lato';display: inline-block;}
.mainTle #digit span.col{font-size: 26px;vertical-align: top;padding:0 4px 3px;}
.mainTle h3.timesale{position: relative;display: inline-block;padding-top: 30px;}
.timesale_flag{position: absolute;left: 144px;top: 6px;background-color: #de2d4e;color: #fff;border: 0px solid #de2d4e;display: block;width: 55px;font-size: 12px;height: 20px;border-radius:10px 10px 10px 0 ;transform: rotate(-20deg);line-height:20px;height: 21px;letter-spacing: -1px;font-weight: 400;}

.mainSnsLst{overflow: hidden;padding-bottom: 80px;}
.mainSnsLst span{display: block;float: left;width: 220px;height: 220px;margin-left: 25px;}
.mainSnsLst span:first-child{margin-left: 0;}
.mainSnsLst span a{display: block;position: relative;height: 220px;overflow: hidden;border-radius:50% ;background-color: #ccc;}
.mainSnsLst span img{display: block;width: 100%;}
.mainSnsLst span i{display: block;position: absolute;top: -1px;left: -1px;right: -1px;bottom: -1px;border-radius:50% ;z-index: 1;border: 10px solid #fff;opacity: 0;transition: all 0.25s ease-out;}
.mainSnsLst span a:hover i{opacity: 0.6;}
.mainSnsLst p{clear: both;padding-top: 60px;text-align: center;font-weight: 400;font-size: 19px;color: #666;}
.mainSnsLst p a{display: block;font-weight: bold;padding-top: 14px;color: #000;}

.mainNewsLst{overflow: hidden;}
.mainNewsLst p{float: left;width: 380px;margin-bottom: 30px;margin-left: 30px;position: relative;}
.mainNewsLst p:nth-child(3n+1){margin-left: 0;}
.mainNewsLst p a{display: block;border: 1px solid #d9d9d8;padding: 27px 29px;background-color: #fff;font-size: 20px;line-height: 1.2;height: 77px;border-radius:6px ;transition: all 0.25s ease-out;}
.mainNewsLst p em{font-style: normal;font-weight: 400;font-size: 14px;position: absolute;display: block;bottom: 27px;left: 30px;color: #666;}
.mainNewsLst p a:hover{border-color: #000;}


#mainBx{padding-top:75px;}
#mainBx .flt,
#mainBx .frt{width:595px;}
#mainBx .apl_bx{border: 1px solid #DDD;border-radius:6px ;position: relative;font-weight: 400;margin-bottom: 10px;padding: 40px 45px;height: 60px;}
#mainBx .frt .apl_bx{height: 212px;background: #fff url(//cepa5678.img15.kr/__ns/main/mb_farmer.png) right bottom no-repeat;}
#mainBx .apl_bx h3{font-size: 31px;padding-bottom: 10px;letter-spacing: -1.5px;font-weight: 700;}
#mainBx .apl_bx h3 span{font-weight: 400;color: #444;}
#mainBx .apl_bx p{font-size: 18px;color: #555;}
#mainBx .apl_bx i{display: block;position: absolute;right: 55px;bottom: 14px;width: 110px;font-size: 0;}
#mainBx .apl_bx i img{font-size: 0;display: block;}
#mainBx .apl_bx ul{font-size: 15px;padding-top: 60px;}
#mainBx .apl_bx ul li{margin-bottom: 15px;line-height: 1.1;position: relative;padding-left: 7px;}
#mainBx .apl_bx ul li::before{display: block;content: '';width: 2px;height: 2px;border-radius:0 ;background-color: #666;position: absolute;left: 0;top: 7px;}

#subsc-slider,#hotDeal-slider,#sense-slider,#sense-slider2{height:405px;visibility:hidden;opacity:0;overflow: hidden;}
#subsc-slider.slider-load-success,
#hotDeal-slider.slider-load-success,
#sense-slider.slider-load-success,
#sense-slider2.slider-load-success{visibility:visible;overflow: visible !important}
.item-wrap.byslider .bx-wrapper{height: 405px;width: 100%;max-width: 100% !important;}
#subsc-slider .item-list,
#hotDeal-slider .item-list{height: 405px;margin: 0 0 0 24px;width: 282px;z-index: 1;position: relative;}
#sense-slider .item-list,#sense-slider2 .item-list{height: 405px;margin: 0 0 0 47px;width: 266px;z-index: 1;position: relative;}
.item-wrap.byslider .bx-controls {position: absolute;top:34%;display: inline;width: 100%;z-index: 1;}
.item-wrap.byslider .bx-controls a{text-indent: -999em;display: block;position: absolute;top:0;z-index: 10; height: 48px;width: 48px;bottom: auto;z-index: 2;transition:.25s ease-out;border-radius:50%;background: #fff;border: 1px solid #e0e0e0;}
.item-wrap.byslider .bx-controls a::after{display: block;content: '';background-repeat: no-repeat;background-position: 0 0;width: 12px;height: 20px;top: 14px;position: absolute;opacity: 0.55;transition:.25s ease-out;}
.item-wrap.byslider .bx-controls a.bx-prev{left: -85px; }
.item-wrap.byslider .bx-controls a.bx-next{right: -85px;}
.item-wrap.byslider .bx-controls a.bx-prev::after{left: 16px;background-image: url(//cepa5678.img15.kr/__ns/common/arrow-left.png);}
.item-wrap.byslider .bx-controls a.bx-next::after{left: 20px;background-image: url(//cepa5678.img15.kr/__ns/common/arrow-right.png);}
.item-wrap.byslider .bx-controls a:hover{border-color: #666;box-shadow: 1px 1px  10px 1px #ccc}
.item-wrap.byslider .bx-controls a:hover::after{opacity: 1;}

.mainband { margin: 40px 0 75px 0;}
.malls .bx-controls { position: absolute; top: 50%; display: inline; width: 100%; margin-top: -10px; z-index: 1; }
.malls .bx-controls a { text-indent: -999em; display: block; position: absolute; top: 0; z-index: 10; height: 48px; width: 48px; bottom: auto; z-index: 2; transition: .25s ease-out; border-radius: 50%; background: #fff; border: 1px solid #e0e0e0; }
.malls .bx-controls a::after { display: block; content: ''; background-repeat: no-repeat; background-position: 0 0; width: 12px; height: 20px; top: 14px; position: absolute; opacity: 0.55; transition: .25s ease-out; }
.malls .bx-controls a.bx-prev { left: -85px; }
.malls .bx-controls a.bx-next { right: -85px; }
.malls .bx-controls a.bx-prev::after { left: 16px; background-image: url(//cepa5678.img15.kr/__ns/common/arrow-left.png); }
.malls .bx-controls a.bx-next::after { left: 20px; background-image: url(//cepa5678.img15.kr/__ns/common/arrow-right.png); }
.malls .bx-controls a:hover { border-color: #666; box-shadow: 1px 1px 10px 1px #ccc }
.malls .bx-controls a:hover::after { opacity: 1; }
.malls { padding: 10px 0 70px; }
.malls .wrapper { }
.malls .mainTle h3 { font-size: 30px; color: #000; margin-bottom: 20px; }
.malls .mainTle h3 span { display: block; padding-bottom: 5px; }
#mallslider { height: 70px; visibility: hidden; opacity: 0; overflow: hidden; background: none; }
#mallslider.slider-load-success { visibility: visible; overflow: visible !important }
#mallslider a { display: block; text-align: center; padding: 10px; }
#mallslider a em { display: none; font-style: normal; font-size: 20px; color: #000; letter-spacing: -1.2px; font-weight: 500; }
#mallslider a .mall-i { display: flex; align-items: center; justify-content: center; height: 70px; width: 220px; border-radius: 0; background-color: #fff; overflow: hidden; margin-bottom: 0; transition: .25s ease-out }

/* BASIC css end */