/* BASIC css start */
html{
  scroll-behavior:smooth;
}

.review_contain,
.review_contain a,
.review_contain h1, 
.review_contain h2, 
.review_contain h3,
.review_contain h4,
.queen_sec,
.queen_sec a,
.queen_sec h1, 
.queen_sec h2, 
.queen_sec h3{font-family: 'Noto Sans KR', sans-serif;}

/*--- reset ---*/
img:focus {
  outline:0;
}
#contentWrap {
  width:100% !important;
  padding:0 !important;
}

#contentWrapper{
  padding:0 0 !important;
}


#prdBrand {
  width:1332px;
  margin:0 auto;
}

html {
  scroll-behavior:smooth;
}

.flxwrap img{
  width:100%;
}

.modal_bg .close{
      width:40px;
      height:40px;
      background: url(//jstyle07.jpg3.kr/SITE/EVENT/2023/review/button_3.png) no-repeat center center / cover;
      position: absolute;
      top:-60px;
      right:0;
      content:'';
}


/*sec6 */
.sec6{width:1340px;margin:122px auto 122px;overflow:hidden;}
.sec6 h3{color: #1B1B1B;letter-spacing: -0.02em;font-weight: 600;font-size: 27px;line-height: 27px;}
.sec6 p{color: #1B1B1B;letter-spacing: -0.02em;font-weight: 600;font-size: 18px;line-height: 27px; padding: 20px 0 10px;}
.sec6 .swiper{margin-top:81px;overflow:visible;}
html .sec6 .swiper-pagination{bottom:auto;top:-63px; height:50px; text-align:left;}
.sec6 .tab_cont{height:auto;}
.sec6 .tab_cont>div { display: none; text-align: center;font-size:0;}
.sec6 .tab_cont>div.on {display: block;}
.sec6 .tab_cont .normal_item {width:calc(25% - 15px);margin-right:20px !important;}
.sec6 .tab_cont .normal_item:nth-child(4n){margin-right:0 !important;}
.sec6 .tab_title{margin-bottom:20px;}
.sec6 .swiper-pagination-bullet{cursor:pointer;opacity:1 !important; display:inline-block;background:#fff; width:auto;height:36px;padding:0 22px;box-sizing:border-box; line-height:36px;text-align:center; border: 1px solid #9C9C9C;border-radius: 500px;color: #9C9C9C;letter-spacing: -0.02em;font-weight: 400;font-size: 15px;letter-spacing: -0.02em;}
.sec6 .swiper-pagination-bullet-active{border: 1px solid #512772;color: #512772;}
.sec6 .swiper .swiper-wrapper .swiper-slide .viewmore{
  border: 1px solid #5f0080;
   border-radius: 5px;
   background: #5f0080;
   color: #fff;
   width: 250px;
   height: 60px;
   display: block;
   text-align: center;
   line-height: 60px;
   font-size: 18px;
   font-weight: 400;
   margin-left:40%
}
.sec6 .swiper .swiper-wrapper .swiper-slide .viewmore img{margin-left:15px; margin-top:22.5px;}

.snapreview_1002{margin-top: 122px;}

/*--- stylelog ---*/
.stylelog{width:100%;min-width:1330px;max-width:1920px;margin:0 auto;text-align:center;overflow:hidden;}
.stylelog .img{vertical-align:top;width:100%;/*min-width:1330px;max-width:1920px;*/border:0;display:block}
.stylelog .img:focus{outline:none !important;}

.stylelog .tit_wrapper{position:relative;}
.stylelog section{/*padding-top:50px;*/clear:both}
.stylelog section:first-child{margin-top:0px;}



/* ms start */

.inner{
   width:1260px;
   margin:0 auto;
}

.swiper-pagination-bullet-active{
  --swiper-theme-color: #2d2d2d !important;
}

.review_contain .swiper {
  width: 100%;
  height: 100%;
}


.review_contain .mySwiper {
  width: 65.625%;
  height: 100%;
  padding-bottom: 38px;
}

.review_contain .swiper-slide {
  width: 100%;
  text-align: left;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius:25px;
}

.review_contain .review_slide{
  width: 100%;
  display:flex;
}

.review_contain .swiper-backface-hidden .swiper-slide{overflow: hidden;}

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

.queen_sec{
  background:#f4f4f4;
  text-align: center;
  /* padding-top:110px; */
}

.queen_sec h2{
  font-size:48px;
  font-weight:700;
  color: #000;
}

.queen_sec > p{
  font-size:24px;
  font-weight:500;
  margin:21px 0 53px;
  color: #000;
}

.cupon_img{
  margin-bottom:60px;
}


.cupon_img img{
  width: 21.875%;
}

.queen_icon_box{
  display:flex;
  align-items: center;
  justify-content: center;
}

.queen_icon{
  margin-bottom:20px;
}

.queen_cont{
  margin:0 20px;
  width:350px;
}

.queen_cont h3{
  font-size:28px;
  font-weight:700;
  color: #000;
}

.queen_cont p{
  font-size:18px;
  font-weight:400;
  color: #000;
}

.queen_cont p:nth-child(3){
  margin:20px 0 13px;
}

.queen_cont p b{
  color:#ff3904;
}

.queen_btn{
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  width:340px;
  height:60px;
  background:#000;
  color:#fff;
  font-size:21px;
  font-weight:500;
  margin-top:70px;
}

.card_title {
  font-size: 28px;
  font-weight:400;
  margin-bottom:30px;
}

.card_title span {
  font-size:28px;
  font-weight:700;
  display:block;
}

.review_contain{
   padding:100px 0;
   background: #f4efe9;
   text-align:center;
   position: relative;
}

.swiper-pagination-bullets.swiper-pagination-horizontal{
  bottom: 0 !important;
}

.review_contain h2{
  font-size:48px;
  font-weight:700;
  margin-bottom:20px;
  color: #000;
}

.review_contain > p{
  font-size:24px;
  font-weight:400;
  color: #000;
}

.review_contain .tip_btn, .tip2_btn, .tip3_btn {
  display:flex;
  align-items:center;
  justify-content:center;
  width:170px;
  height:45px;
  color:#fff;
  background:#000;
  margin-right:17.5%;
  margin-left:auto;
  margin-bottom:50px;
  margin-top:-30px;
  border-radius:50px;
}

.insta_section .review_contain{
   padding:0 0 100px;
   background-color: #f4efe9;
   text-align:center;
}

.tip_btn p{
  font-size:16px;
  font-weight:600;
  margin-right:10px;
}

.sticky_tab{
  position: sticky;
  top: 86px;
  display:flex;
  align-items: center;
  justify-content: center;
  height:75px;
  margin:0 auto;
  background:#fff;
  z-index: 15;
}

.sticky_tab a{
  display:flex;
  font-size:16px;
  font-weight:600;
  width:220px;
  height:100%;
  align-items:center;
  justify-content:center;
}

.sticky_tab a:hover{
  color:#512772;
}

.sticky_tab a.active{
  font-weight:700;
  color:#512772;
  border-bottom:2px solid #512772;
}

.sticky_tab li{
  margin:0 20px;
  height:100%;

}

.sticky_tab li:first-child{
  margin-left:0 !important;
}

.sticky_tab li:last-child{
  margin-right:0 !important;
}


/* ms */

.card_img{
  width: 48.5%;
  margin-right: 5.2%;
  border-radius:25px;
}

.card_cont{
  width: 50%;
  padding: 55px 85px 60px 0;
}

.card_cont .card_top{
  display:flex;
  align-items: flex-start;
}

.card_cont .card_top .top_img{
  width: 150px;
  height: 150px;
  border-radius:20px;
  margin-right:20px;
}

.card_cont .card_top .top_img img{
  border-radius: 20px;
}

.card_cont .card_top h4{
  font-size:28px;
  font-weight:700;
  padding: 10px 0 15px;
  color: #000;
}

.card_cont .card_top p{
  font-size:18px;
  font-weight:400;
  color:#000;
}

.card_cont .card_mid{
  margin-bottom: 34px;
}

.card_cont .card_mid p{
  font-size:16px;
  font-weight:300;
  height: 155px;
  overflow-y: auto;
  margin: 35px 0 30px;
  color: #525252;
}

.card_cont .card_mid p::-webkit-scrollbar-thumb {
  height: 30%; 
  background: #2d2d2d;
  border-radius: 10px;
}

.card_cont .card_mid p::-webkit-scrollbar {
  width: 8px;
}

.card_cont .card_mid p::-webkit-scrollbar-track {
  background: #e5e5e5; 
}

.card_cont .card_mid strong{
  display: block;
  width: 100%;
  max-width: 542px;
}

.card_btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:180px;
  height:45px;
  background:#000;
  color:#fff;
  font-size:18px;
  font-weight:500;
}

.review_contain .swiper-button-next{
  right:15%;
  background:url(//jstyle07.jpg3.kr/SITE/EVENT/2023/review/button_2.png) no-repeat center center;
  width:87px !important;
  height:87px !important;
  top: 55%;
}

.review_contain .swiper-button-prev{
  left:15%;
  background:url(//jstyle07.jpg3.kr/SITE/EVENT/2023/review/button_1.png) no-repeat center center;
  width:87px !important;
  height:87px !important;
  top: 55%;
}

.swiper-button-next:after, .swiper-button-prev:after{
  content:'' !important;
}

.insta_section{
  background: #f4efe9;
}

.insta_section .review_contain > p{
  font-size:24px;
  font-weight:400;
  line-height:1.6;
}

.insta_section .review_contain > p b{
  font-weight:700;
}

.insta_section .review_contain .effect{
  background:#ffcdfc
}

/* ¸ð´Þâ-----------------------------*/
.modal_bg{
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 1001;
  overflow-y:scroll;
}

.modal_bg .big_modal{
  width: 600px;
  height: 100%;
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translate(-50%,0);
  border-radius: 30px;
  padding-bottom:100px;
}

.modal_bg .big_modal .title{
  width: 100%;
  height: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal_bg .big_modal .title span{
  font-size: 18px;
  color: #CC1219;
}

.modal_bg .big_modal .text_box{
  width: 100%;
  max-height: 82%;
  overflow: auto;
  padding: 0 20px 25px;
  font-size: 16px;
  line-height: 160%;
  color: #444444;
}

.modal_bg .big_modal .close_btn{
  width: 100%;
  height: 8%;
  font-size: 16px;
  background: #CC1219;
  border-radius: 0 0 10px 10px;
  font-weight: 700;
  color: #fff;
}

.modal_bg .message_modal{
  background: #fff;
  width: 400px;
  height: auto;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.modal_bg .message_modal .text_area{
  height: 140px;
  display: flex;
  align-items: center;
  text-align: center;
}

.modal_bg .message_modal .align_text{
  width: 100%;
}

.modal_bg .message_modal .big_text{
  font-size: 18px;
  font-weight: 500;
}

.modal_bg .message_modal .small_text{
  font-size: 15px;
  font-weight: 500;
}

.modal_bg .message_modal .button_wrap{
  display: flex;
}

.modal_bg .message_modal button{
  height: 55px;
  width: 50%;
  font-size: 16px;
  font-weight: 700;
}

.modal_bg .message_modal .cancel_btn{
  background: #e6e6e6;
  border-radius: 0 0 0 10px;
}

.modal_bg .message_modal .apply_btn{
  background:#5F0080;
  color: #fff;
  border-radius: 0 0 10px 0;
}

.modal_bg .message_modal .apply_btn.full{
  width: 100%;
  border-radius: 0 0 10px 10px;
}

.scrollOff {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  touch-action: none !important;
  overflow: hidden !important;
}

.review_notice {
  margin-top: 75px;
}

.review_notice p {
  line-height: 22px;
}

/* BASIC css end */