/* BASIC css start */
* {  text-align: center;  }

div { text-align: inherit; box-sizing: border-box; }
section {  padding: 100px 0 0;  }
:root {  --swiper-theme-color: #ccc;  }
#container { margin: 0;  background: #fff;}


.vp-controls {display:none !important;}

.main_bigB {
  width: 100%;
  background: #dbd8d3;
  height: calc(100vh-143px);
  position: relative;
  overflow: hidden;
  z-index: 9996;
}

 .item .sliding {
    overflow: hidden;
    /* height: 100%; */
    min-height: 700px;
    position: absolute;
    background: url(https://gi.esmplus.com/phdrop/shopskinmed/siteB/202107/MO_main_bigB_210715_cutemN6.jpg) repeat-x;
    width: 2100px;
    animation: slide 30s linear infinite;
    background-position: 0% 75%;
    left: -500px;
  }

  #slideitem1 {
    position: absolute;
    z-index: 999;
    min-width: revert;
    left: 50%;
    transform: translate(-50%,40%);
}


@keyframes slide {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-700px, 0, 0); /* The image width */
  }
}
.swiper-slide.moving {z-index:0}
.swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  z-index: 99;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main_bigB .swiper-slide a { width:100%; height:100%;}

.main_bestReview { display: inline-block; }
.main_bestReview_wrap {
  width: 50%;
  display: inline-block;
  box-sizing: border-box;
  padding: 10px;
float: left;
  overflow: hidden;
  margin-bottom: 80px;
}

.main_bestReview img {
  max-width: 100%;
}

.main_bestReview li {
  margin-top: 5px;
  font-size: 12px;
  text-align: left;
}

.main_bestReview .br_name {  font-weight: 700;  }
.main_bestReview .br_content {  color: #999;  }
.main_bestReview .br_score {  color: #c30d23;  }

.main_prdContent {padding: 0 28px;}
.main_prdContent img { max-width: 100%; }
.main_prdContent:last-child {margin: 0px 0 40px;}
.prdContent_img { 
  background: #eee;
  margin: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.prdContent_img img { width: 100%; }
.prdContent_box { 
    text-align: left;
    margin: 10px 0 0;
 }
.prdContent_box .title {  font-size: 24px; text-align: left; font-weight: bold; line-height: 1.25; }
.prdContent_box .content {
    text-align: left;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    color: #999;
    font-size: 15px;
    margin-top: 15px;
    line-height: 20px;
}
.prdContent_list { 
display: inline-block; 
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    width: 100%;
}
.prdContent_box ul:first-child {
    border-top: 1px solid #eee;
}

.prdContent_list .img {
    width: 20%;
    float: left;
}
.prdContent_list .text {
    width: 80%;
    float: left;
    padding: 5px 10px;
    text-align: left;
}
.prdContent_list .brand_name {
    font-size: 12px;
    color: #ccc;
    margin-bottom: 5px;
}
.prdContent_list .img img {
  width: 100%;
}
.main_eventB {
  width: 100%;
  height: auto;
  background: #f4f4f4;
  padding: 40px 0;
}
strong {font-family: 'proxima-nova'; }
.main_eventB_title strong{  font-size: 24px; margin-bottom: 20px; display: block;  }
.eventBox {   }

.items {  display: inline-block; padding: 16px;max-width: 100%;  }
.items li {  float: left;
    width: 47%;
    padding-bottom: 5px;
    margin-bottom: 0px;
    margin-right: 4%;
  }
.main_list_title {  margin: 40px 24px 10px 24px; text-align: left;  }
.main_list_title strong {  font-size: 24px; margin-bottom: 10px;  }
.main_list_link {
    float: right;
    margin: 5px 0 0;
    color: #bbb; }
.main_list_link i {  font-size: 24px;  }

.main_weekly .info {margin-top: 16px;min-height: 110px;}
.main_weekly .name,
.main_weekly .main_prd_price { text-align: left;}
.main_weekly .brand_name {
    text-align: left;
    font-size: 12px;
    margin-bottom: 5px;
    color: #ccc;
}
.main_prd_price {font-weight: bold;}


/*review*/
.main_review {
  width: 100%;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}
.main_review ul { padding: 20px; }
.rev_m_wrap{margin-top:70px;}
.rev_m_wrap .main_list_title .main_title{font-size: 1.6em; font-weight:400;}
.rev_m_wrap .main_list_title p{font-size:1em; margin-bottom:8px; font-weight:300!important;}

.rev_m {width:100%; box-sizing:/*border-box;border:1px solid #ddd;*/}
.rev_m .s-item { display:block; height:auto; padding:0px; position:relative; text-align:center; background-position:top center;background-size:cover; }
.rev_m .s-item .item-thumb { position:relative;  }
.rev_m .s-item > img {  width: 100%; /* height:px; */  }

.reList .item-wrap .item-thumb a img { width: auto; transition:opacity 0.25s ease-in-out;  }

.rev_m .slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent;}
.rev_m .slick-prev, .rev_m .slick-next{ position:absolute;display:block !important;cursor: pointer;width:32px;height:60px;font-size:0;top:28%; outline: none;padding:0;border:0; opacity:0.3; filter:alpha(opacity=30);background:transparent; z-index:2;}   /* 화살표 처음위치 */
.rev_m .slick-prev { left:4%;background:url(/design/aincos/wizdesign/slide_prev6.png) 50% 50% no-repeat; }   /* 이전화살표 이미지경로 */
.rev_m .slick-next{right:4%;background:url(/design/aincos/wizdesign/slide_next6.png) 50% 50% no-repeat; }  /* 다음화살표 이미지경로 */
.rev_m:hover .slick-prev{ left:10px; opacity:1;filter:alpha(opacity=100);} /* 이전마우스오버시 위치 */
.rev_m:hover .slick-next{ right:10px;opacity:1;filter:alpha(opacity=100);}  /* 다음마우스오버시 위치 */
.rev_m .slick-prev:hover{background:url(/design/aincos/wizdesign/slide_prev6.png) 50% 50% no-repeat; opacity:1; filter:alpha(opacity=100);}  /* 이전화살표 마우스오버시 효과 */
.rev_m .slick-next:hover{background:url(/design/aincos/wizdesign/slide_next6.png) 50% 50% no-repeat; opacity:1; filter:alpha(opacity=100);}  /* 다음화살표 마우스오버시 효과 */
.rev_m .slick-prev, .rev_m .slick-next{-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
.rev_m .slick-slider{margin-bottom:0;}

.rev_m .slick-dots { position:absolute;bottom:20px;left:-0px;padding:0;display:block;list-style: none;display:block;text-align:center;width:100%; border:0px solid #000; }
.rev_m .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
.rev_m .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
.rev_m .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.rev_m .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.rev_m .slick-dots li button:before{display:block;width:10px;height:10px;content: "";;background:#bfbfbf; border-radius:100px;border:0px solid #888;font-size:0;text-align:center;color: white;opacity:1;-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
.rev_m .slick-dots li.slick-active button:before {   background:#fff; width:10px;  /* 도트사이즈 */ opacity: 1; }  /* 현재도트사이즈 */


 .review_list{padding:0 4%;}
 .review_list>li{box-sizing:border-box; border-bottom:1px solid #dddddd;}
 .review_list>li:first-of-type{border-top:1px solid #ddd;}
 .review_list>li .img_area{/*float:left;*/ max-width:25%;margin-top:10px;display: inline-block;}
 .review_list>li .img_area img{width:80%; vertical-align: middle!important;margin-top: -25px;}
 .review_list>li .txt_area{/*padding-left:25%;*/ padding-top:7%; padding-bottom:7%;display: inline-block;width:70%;}
 .review_list>li .txt_area .item-name{margin-bottom:13px; line-height:1;font-size:15px; color:black; white-space:nowrap; text-overflow:ellipsis; width:100%; overflow:hidden;}
 .review_list>li .txt_area .item-name a{font-weight:normal; color:black; font-size:0.9em;}
 .review_list>li .txt_area .info li{display: inline; font-size: 0.7em; color: #999999; padding: 0 4px; position: relative;}
 .review_list>li .txt_area .info li:first-of-type{padding-left:0;}
 .review_list>li .txt_area .info li::after{content:"";display:inline-block;width:1px;height:9px;border-right:1px solid #ddd;position: absolute;right: -1px;top: 2px;}
 .review_list>li .txt_area .info li:last-of-type::after{display:none;}
 .go_review{width: 150px; height: 35px; line-height: 35px; background-color: #fff; border: 1px solid #fff; display: block; margin: 0 auto; font-size: 13px; margin-top: 30px;text-align: center;color:#000;}

.rev_m {}
.rev_m .s-item ul{padding:0 4%;margin-top:4%}
.rev_icon {float:left; width:20%; }
.rev_icon img{width:100%}
.rev_text{float:right; width:100%; text-align:left;}
.rev_text h3 { 
    font-size: 22px;
    font-weight: 500;
    margin-top: 13px;
    line-height: 28px;
    text-align: left;
    letter-spacing: -0.3px;
 }
.rev_text .rev_more_txt{ font-size: 15px; color:#999999; margin-top:15px; margin-right:30px;   text-align: left; line-height: 20px; }


.rev_text .rev_best_title{color:#ffb129;font-size: 0.9em; }
.rev_name {font-size:0.8em; color:#999;margin-top: 16px; text-align: left;}
.rev_name a { color: #999; }
.rev_text .rev_name span {margin-left: 11px; color: #999; }
.rev_text .rev_name .rev_point a{color:#49bdcd;     text-align: left;}


/* BASIC css end */