/* BASIC css start */
#container{overflow:hidden;}


/* 롤링배너 */
#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%; top:-2em }
#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%; }
/* //롤링배너 */
.main { position: relative; overflow: hidden; }
.main h3 {font-size:1.250em; margin: 40px 15% 10px 15%; line-height: 0.1em; }
.main h3 span { background-color: #fff; padding: 0 10px; }
.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;}


.img2banner{width:100%; border-bottom: 7px solid #fff6d5;}
.categorys { position: relative;  border-top: 1px solid #e6e6e6; }
.categorys li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;float: left; width: 25%; text-align: center; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
.categorys li a { font-size: 1em; color: #444; display:block; padding:1em 0;}
.categorys li.no-line { border-right: 0 none; }
.categorys li.in-color a { color: #ff6e7d; }

#event-rolling-container .swiper-slide { position: relative; width: 100%; }
#event-rolling-container .swiper-slide a { display: block; }
#event-rolling-container .swiper-slide img { width: 100%; height: auto; }
#event-rolling-container .swiper-pagination { position: absolute; width: 100%; left: 0; bottom: 0; text-align: center; }
#event-rolling-container .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; background-color: #e0e0e0; margin: 0 5px; border-radius: 50%; }
#event-rolling-container .swiper-pagination .swiper-pagination-bullet-active { background-color: #6bcbba; }

.custom-link { position: relative; margin: 20px 0; }
.custom-link a { display: block; /*width: 25%; float: left; */padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.custom-link a img { width: 100%; height: auto; }

.link-area { position: relative; margin-top: 35px; }
.list_shopping2x .m_titlebar img {width: 70%;padding: 10px 0;}
.link-area a { display: block; margin-bottom: 10px; }
.link-area a img { width: 100%; height: auto; }


/* 베스트리뷰 모음 */ 
#reviewBoard .review-wrap .tiny a img {width: 45%;} 
.best_review {float:left; width: 48%; box-sizing: border-box; border:0.7em solid #fff;margin-left: 1%; margin-right: 1%; margin-bottom: 2%; background: #fff;} 
.best_review_tit {font-size: 20px; margin-top: 20px;} 
.best_power_review_list {margin-top:20px;} 
.best_review .review {padding:3px; border-bottom: 1px solid rgb(200, 200, 200);} 
.best_review .review .review_text {height:100px; padding-top:5px; padding-bottom:5px;} 
.click {width:100%;} 
.count {float:right;} 
.write {padding-top:5px;} 
.date {float:right;} 
.product {width:98%; margin:0} 
.product_img {width: 50px; margin: 0.5em 0 0; float:none;} 
.product .product_name {padding-top:5px;}

/*올바른끼니&베스트상품*/
.all_3goods{width:100%; padding: 2em 0}
.all_3goods ul{display: flex; width:93%;margin:0 auto;}
.all_3goods li{float:left; width: 31.7%;padding: 0.4em 0.2em; }
.all_3goods img{width:100%}
.p_info{padding: 0.5em 0;}
.p_info .p_name{font-size:15px; color:#000;line-height: 1.4; font-weight: 600;padding-right: 5%; }
.p_info .p_name_review{font-size:14px; color:#fff;line-height: 1.4; font-weight: 600;padding-right: 5%; letter-spacing:-0.08em}
.p_info .p_desc{font-size: 11px;    color: #aaa;    line-height: 1;    padding-top: 4px;   font-weight: 300;    padding-right: 5%;}
.p_info .p_desc_review{font-size: 12px; letter-spacing:-0.05em; color: #ccc;    line-height: 1;    padding-top: 4px;   font-weight: 300;    padding-right: 5%;}
.p_info .icon img{width:4em}
.p_info .p_price{margin: 0.5em 0;}
.p_info .p_price strike{font-size: 0.9em; color:#ccc}
.p_info .p_price01{display:block; font-size: 15px;  color: #000;   font-weight: 600;  line-height: 1;    font-family: 'Montserrat', sans-serif;    }
.p_info .p_price01_review{font-size: 15px;  color: #fff;   font-weight: 600;  line-height: 1;     font-family: 'Montserrat', sans-serif;   display:block }
.all_3goods .p_info img, .best_g .p_img img{margin-top:0.5em; } /*이미지배너*/
.all_3goods .p_img a{margin-top: 1em; border: 1px solid #000;display: block; font-size: 1em;font-weight: 500;text-align: center; height: 3em;line-height: 3em;}
    
.best_goods{width: 100%;
    padding: 5em 0 0.2em 0;
    background: url(https://coreadog.hgodo.com/site/m/img/best_bg.png) 55% 0%;}
.best_g ul{width: 90%;margin: 0 auto; display: flex}
.best_g ul li{float:left;width:33.33%;padding: 0.3em; }
.best_goods_none{width: 100%;
    padding: 20em 0 0.2em 0;
    background: none}
.best_goods_menu .menu{margin:3em 0}
.best_goods_menu .best_g ul{width:68%}
.best_g ul li a img{width:100%; border-radius:2em}
.best_g .p_img a{color:#fff; margin-top: 1em; border: 1px solid #fff; display: block; font-size: 1em;font-weight: 500;text-align: center; height: 3em;line-height: 3em;}


/*베스트리뷰*/
.best_review_box{width: 100%;padding: 5em 0 2em 0; background: url(https://coreadog.hgodo.com/site/m/img/review_bg_b.png) 53% 0%;  background-size: 100% auto;}
.best_re_bu{width: 100%; display:block; padding-bottom: 3em; text-align:center; }
.best_re_bu span{margin: 0 auto; display: inline-block;    margin-top: 34px;}
.best_re_bu a{border: 1px solid #fff; color: #fff !important;    font-size: 1.3em;    padding: 1.3em 5em;    margin: 0 auto; background: rgba(0,0,0,0.2);}


/*기능별메뉴 슬라이드*/
.slider{
    width: 374px;
    height: 210px;
    position: relative;
    margin: 0 auto;
}
.slider input[type=radio]{
    display: none;
}
ul.imgs{
    padding: 0;
    margin: 0;
}
ul.imgs li{
    position: absolute;
    opacity: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    transition-delay: 0.9s;
}
.bullets{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    z-index: 2;
}
.bullets label{
    display: inline-block;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.55);
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.slider input[type=radio]:nth-child(1):checked~.bullets>label:nth-child(1){
    background-color: #fff;
}
.slider input[type=radio]:nth-child(2):checked~.bullets>label:nth-child(2){
    background-color: #fff;
}
.slider input[type=radio]:nth-child(3):checked~.bullets>label:nth-child(3){
    background-color: #fff;
}
.slider input[type=radio]:nth-child(4):checked~.bullets>label:nth-child(4){
    background-color: #fff;
}
.slider input[type=radio]:nth-child(5):checked~.bullets>label:nth-child(5){
    background-color: #fff;
}
.slider input[type=radio]:nth-child(6):checked~.bullets>label:nth-child(6){
    background-color: #fff;
}
.slider input[type=radio]:nth-child(7):checked~.bullets>label:nth-child(7){
    background-color: #fff;
}

.slider input[type=radio]:nth-child(1):checked~ul.imgs>li:nth-child(1){
    opacity: 1;
    transition: 1s;
    z-index: 1;
}
.slider input[type=radio]:nth-child(2):checked~ul.imgs>li:nth-child(2){
    opacity: 1;
    transition: 1s;
    z-index: 1;
}
.slider input[type=radio]:nth-child(3):checked~ul.imgs>li:nth-child(3){
    opacity: 1;
    transition: 1s;
    z-index: 1;
}
.slider input[type=radio]:nth-child(4):checked~ul.imgs>li:nth-child(4){
    opacity: 1;
    transition: 1s;
    z-index: 1;
}
.slider input[type=radio]:nth-child(5):checked~ul.imgs>li:nth-child(5){
    opacity: 1;
    transition: 1s;
    z-index: 1;
}
.slider input[type=radio]:nth-child(6):checked~ul.imgs>li:nth-child(6){
    opacity: 1;
    transition: 1s;
    z-index: 1;
}
.slider input[type=radio]:nth-child(7):checked~ul.imgs>li:nth-child(7){
    opacity: 1;
    transition: 1s;
    z-index: 1;
}


/* BASIC css end */