/* BASIC css start */
/* swiper*/

#slider {position:relative;width: 100%; margin:0 auto; }
.swiper-container {position:relative;overflow:hidden;list-style:none;padding:0;z-index:1 ; background:none ; margin-bottom:30px;}
.swiper-container2{position:relative;overflow:hidden;list-style:none;padding:0;z-index:1 ; background:none ; margin-bottom:30px;}

.swiper-slide {position:relative; text-align: center; font-size: 18px; overflow:hidden; }
.swiper-slide img {}  
#slider .swiper-slide img {}  

.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box; padding-bottom:50px}   
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}       
.swiper-slide img {width:100% !important}
.swiper-button-next, 
.swiper-button-prev{position:absolute;top:50%;z-index:10;cursor:pointer; width:40px; height:40px; margin-top:-20px; 
					text-align:center; border-radius:100%; overflow:hidden;}    
.swiper-button-next img { height:100%; }
.swiper-button-prev img { height:100%;}
.swiper-button-next{right:2.5%;}                
.swiper-button-prev{left:2.5%;}                
.swiper-pagination {position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}     
.swiper-pagination.swiper-pagination-hidden{opacity:0}             
.swiper-pagination-bullets {bottom:60px;left:0;width:100%}   
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%; opacity:1; background-color: rgba(120,120,120,.7);}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}           
 
.swiper-pagination-bullet-active{opacity:1;    background-color: rgba(0,0,0,.7); }            
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}               
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}                   
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}                     

.swiper-prd-button-next, 
.swiper-prd-button-prev{display:none; position:absolute;top:50%;z-index:10;cursor:pointer; width:60px; height:60px; margin-top:-30px;
					text-align:center; border-radius:100%; overflow:hidden;}    
.swiper-prd-button-next img {height:100% }
.swiper-prd-button-prev img {height:100%}
.swiper-prd-button-next{right:10px;}                
.swiper-prd-button-prev{left:10px;}    

.swiper-prd-pagination {position:absolute; bottom:30px; text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}     
.swiper-prd-pagination.swiper-pagination-hidden{opacity:0}             


/* 리얼 리뷰 */
.realReview{
    width:100%;
    position:relative;
    margin: 30px auto 0px;
    background-color: #f7f7f7;
    padding: 50px 0px 50px;
    text-align: center;
    box-sizing:border-box;
}
.main_power_review_list{width:100%; min-height:630px;}

.main_power_review_list .title{
    font-size: 25px;
    color: #000;
    font-weight: bold;
    letter-spacing: 3px;
    padding-bottom:50px;
    text-align:center;
}
.main_power_review_list li{width:calc( 50% - 20px ); float:left; margin:10px; box-sizing:border-box; border: 1px solid #e5e5e5; box-shadow: 0 3px 3px #fafafa;}
.main_power_review_list li img{width:100%;}
.main_power_review_list .cont{height: 32px;
    padding: 8px 2px 8px 2px;
    margin: 0 10px;
    border-bottom: 1px solid #f3f3f3;
    text-align:left;
}
.main_power_review_list .cont p{ white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;  
  height:17px;
} 
.main_power_review_list .pt{
    padding: 3px 11px;
    min-height: 40px;
    cursor: pointer;
}
.main_power_review_list .ptThum{float: left;}
.main_power_review_list .ptThum img{width: 33px; height: 33px;}
.main_power_review_list .ptCont{margin-left: 45px; font-size: 11px; line-height: 15px; padding-top: 2px;}
.main_power_review_list .ptCont div:nth-child(1){
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: black;
    text-align:left;
    padding-bottom: 4px;
}
.main_power_review_list .ptCont div:nth-child(2){color: #767676; text-align:left; }
.main_power_review_list .ptCont div:nth-child(2) span{display:inline-block; width:45%; float:left; }



.list_shopping2x .list_shoppingInfo strike{font-size:14px; color:#acacac;}
.listSubname,.listName{margin-bottom:5px;}

/* 롤링배너 */
#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%; }
/* //롤링배너 */

.main h3 {overflow: hidden;
    font-size: 15px;
    line-height: 1.4em;
    padding: 30px 0 20px;
    text-align: center;
    letter-spacing: 3px;
    font-weight:bold; }
.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;}

/*쿠폰 혜택 버튼*/
.main .coupon-benefit {position:relative; margin:-25px 0 10px 0} 
.main .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.main .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.main .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }
/* BASIC css end */