/* BASIC css start */
/* .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 ---*/
html { scroll-behavior: smooth; }
img:focus { outline: 0; }
#contentWrapper { padding: 0 0 !important; background-color: #fff; }
#contentWrap { width: 100% !important; padding: 0 !important; }
#prdBrand { width: 1332px; margin: 0 auto; }
.flxwrap img { width: 100%; }
.modal_bg .close {
	content: ''; position: absolute; top: -60px; right: 0; width: 40px; height: 40px;
    background: url(//jstyle07.jpg3.kr/SITE/EVENT/2023/review/button_3.png) no-repeat center center / cover; 
}

/* 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 { 
	display: inline-block; width: auto; height: 36px; background: #fff; padding: 0 22px; 
	border: 1px solid #9C9C9C; border-radius: 500px;box-sizing: border-box; 
	color: #9C9C9C; font-weight: 400; font-size: 15px; letter-spacing: -0.02em; line-height: 36px; text-align: center;  
	cursor: pointer; opacity: 1 !important; 
}
.sec6 .swiper-pagination-bullet-active { border: 1px solid #512772; color: #512772; }
.sec6 .swiper .swiper-wrapper .swiper-slide .viewmore { 
	display: block; width: 250px; height: 60px; background: #5f0080; margin-left:40%;
	border: 1px solid #5f0080; border-radius: 5px; 
	color: #fff; font-size: 18px; font-weight: 400; line-height: 60px; text-align: center; 
}
.sec6 .swiper .swiper-wrapper .swiper-slide .viewmore img { margin-left: 15px; margin-top: 22.5px; }

.snapreview_1002 { margin-top: 122px; }

/* ms start */
.inner { width: 1260px; margin: 0 auto; }
.swiper-pagination-bullet-active { --swiper-theme-color: #2d2d2d !important; }
.swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 0 !important; }

.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 { width: 350px; margin: 0 20px; }
.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 {
	display: flex; align-items: center; justify-content: center;
	width: 340px; height: 60px; background: #000; margin: 0 auto; margin-top: 70px;
	color: #fff; font-size: 21px; font-weight: 500;
}
.card_title { font-size: 28px; font-weight: 400; margin-bottom: 30px; }
.card_title span { display: block; font-size: 28px; font-weight: 700; }

.review_contain { position: relative; background-color: #f7f8fa; padding-bottom: 100px; }
.review_contain_inner { position: relative; max-width: 1340px; width: 100%; margin: 0 auto; }
.review_contain .top_title { position: relative; }
.review_contain .top_title .tip2_btn { position: absolute; top: 37.31%; right: 19.27%; cursor: pointer; width: 4.06%; height: 30%; }
.review_contain .tip_btn, .tip3_btn { 
	display: flex; align-items: center; justify-content: center;
	width: 170px; height: 45px; background: #000; border-radius: 50px;
	color:#fff;
	margin-top: -30px; margin-right: 17.5%; margin-bottom: 50px; margin-left: auto;   
}
.review_contain .swiper { width: 100%; height: 100%; }
.review_contain .mySwiper { width: 65.625%; height: 100%; padding-bottom: 38px; }
.review_contain .mySwiper.mySwiper2 { width: 90%; height: 100%; padding-bottom: 38px; }
.review_contain .swiper-slide {
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: -webkit-flex; 
	display: flex; width: 100%; background: #fff; border-radius: 25px;
	font-size: 18px; text-align: left; 
	/* Center slide text vertically */
	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;
}
.review_contain .review_slide { display: flex; flex-direction: column; }
.review_contain .swiper-backface-hidden .swiper-slide { overflow: hidden; }
.review_contain .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.insta_section .review_contain { background-color: #f4efe9; padding: 0 0 100px; text-align: center; }
.insta_section .review_contain h2 { color: #000; font-size: 48px; font-weight: 700; margin-bottom: 20px; }
.insta_section .review_contain > p { color: #000; font-size: 24px; font-weight:400; }
.tip_btn p { font-size: 16px; font-weight: 600; margin-right: 10px; }

/* sticky tab menu */
.sticky_tab { position: sticky; top: 86px; left: 0; background: #232323; z-index: 15; }
.sticky_tab ul { max-width: 1335px; width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; }
.sticky_tab li { width: calc(100% / 4); position: relative; height: 64px; }
.sticky_tab li::before { 
	content: ''; 
	position: absolute; top: 50%; right: 0; transform: translateY(-50%);
	width: 1px; height: 50%; background-color: #6e6e6f; 
}
.sticky_tab li:last-child::before { display: none; }
.sticky_tab a { 
	display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;
	font-size: 15px; font-weight: 600; color: #fff; line-height: 1.5; text-align: center;
}
/* .sticky_tab a:hover { color: #512772; }
.sticky_tab a.active { font-weight: 700; color: #512772; border-bottom: 2px solid #512772; } */

/* ms */
.card_img { position: relative; width: 100%; }
.card_cont { position: relative; z-index: 2; background-color: #000; text-align: left; padding: 0 25px; }
.card_cont::before { 
	content: ''; position: absolute; top: -50px; left: 0; width: 100%; height: 50px;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 70%, #000 100%); pointer-events: none;
}
.card_cont .line_top,
.card_cont .line_btm { height: 1px; width: 100%; }
.card_cont .line_top { background-color: #878888; margin-bottom: 25px; }
.card_cont .line_btm { background-color: #636364; margin-top: 25px; }
.card_cont p {
	position: relative; height: 110px; padding: 5px; overflow: auto;
	color: #fff; font-size: 14px; font-weight: normal; line-height: 1.6;
	
}
.card_cont p::-webkit-scrollbar { width: 5px; }
.card_cont p::-webkit-scrollbar-thumb { height: 40px; background: #dedede; border-radius: 8px;}
.card_cont p::-webkit-scrollbar-track { background: #2d2d2d; border-radius: 10px; }
.card_btn { 
	display: flex; flex-direction: row; align-items: center; justify-content: space-between; 
	background: #553c72; padding: 20px 25px;
}
.card_btn .card_top { line-height: 2.5; width: 80%; }
.card_btn .card_top h4 { font-size: clamp(14px, 3.4vw, 16px); color: #fff; height: 40px; }
.card_btn .card_top p { font-size: clamp(12px, 3.4vw, 14px); color: #fff; }
.card_btn span.arrow {
	width: 40px; height: 40px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;
	border-radius: 100%; background-color: #fff; 
	font-size: 24px; font-weight: bold; color: #553c72; 
}

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

/* insta */
.insta_section { background: #f4efe9; display: none !important; }
.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; z-index: 9999; overflow-y: scroll;
	display: none;
}
.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; font-weight: 700; color: #fff;
	background: #CC1219; border-radius: 0 0 10px 10px;  
}
.modal_bg .message_modal {
	width: 400px; height: auto; background: #fff; 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 { width: 50%; height: 55px; 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; border-radius: 0 0 10px 0; color: #fff; }
.modal_bg .message_modal .apply_btn.full { width: 100%; border-radius: 0 0 10px 10px; }
.scrollOff {
	min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); height: 100vh; height: calc(var(--vh, 1vh) * 100);
	touch-action: none !important; overflow: hidden !important;
}
.review_notice { margin-top: 75px; }
.review_notice p { line-height: 22px; }

/* 250826 add 리뷰 info 코드화 */
.review_slide .card_btm { 
	display: flex; flex-direction: row; align-items: center; justify-content: space-between; 
	padding: 25px 30px; background-color: #000; 
	/* 안보이게 처리함 260528 -> 이후에 다시 노출할 수 있음 */ display: none;
}
.review_slide .card_btm ul li { font-size: 12px; line-height: 1.8; }
.review_slide .card_btm ul li.strong { font-weight: normal; color: #f7f8fa; }
.review_slide .card_btm ul li.normal { color: #929292; }
.review_slide .card_btm ul li.normal:last-child { text-transform: uppercase; }
.review_slide .card_btm ul li.normal span { margin-left: 60px; }

/* 250912 add */
.swiper-button-next svg, 
.swiper-button-prev svg { display: none; }

/* intro */
.top_banner { width: 100%; background-color: #f7f8fa; margin: 0 auto; }
.top_banner .btn_group { 
	display: flex; flex-direction: row; justify-content: center; align-items: center; 
	background-color: #232323; color: #fff; height: 64px;
}
.left_btn {
	margin: 0 auto; 
	display: flex; align-items: center; justify-content: center;
	width: 50%; height: 64px;
	font-size: 18px; font-weight: 500; color: #fff; background-color: #232323;
}
.top_banner .btn_group > div { position: relative; width: 1px; height: 64px; }
.top_banner .btn_group > div > span {
	display: block; width: 1px; height: 32px; background-color: #c5c6c7;
	position: absolute; left: 0; top: 50%; transform: translate(0, -50%);
}
button.snap_item_review_write_btn {
	display: flex; align-items: center; justify-content: center; width: 50%; height: 64px;
	margin: 0 auto; background-color: #232323;
	font-size: 18px; font-weight: 500; color: #fff;
}
/* BASIC css end */