/* BASIC css start */
#wrap, .fixed_top { min-width:1400px; }
.section { overflow:hidden; }

.section .max-1560 { width:100%; max-width:1560px; margin:0 auto;}
#fp-nav ul li a span, .fp-slidesNav ul li a span { background:#bbb !important; }
#fp-nav ul li:last-child { display:none; }

span.t_arrow { margin-left:15px; transition:all 0.5s; display:inline-block; }
a:hover .t_arrow { transform:rotate(-180deg); }


/* 문의버튼 */
#topButton { z-index:9997; position:fixed; bottom:50px; right:30px; }
#topButton li { width:50px; margin:4px 0; }
#topButton li img { width:100%; height:auto; display:block; filter:drop-shadow(3px 5px 5px rgba(0,0,0,0.3)); -webkit-filter:drop-shadow(3px 5px 5px rgba(0,0,0,0.3)); transition:all 0.5s; -webkit-transition:all 0.5s; }
#topButton li:hover img { filter:drop-shadow(3px 5px 8px rgba(0,0,0,0.5)); -webkit-filter:drop-shadow(3px 5px 8px rgba(0,0,0,0.5)); opacity:0.7; }

/* section0 메인 */
#section0 .video_wrap { 
	width: 100%;
    height: 100%;
    overflow: hidden;
    position:relative;
	overflow:hidden;
}
/* iframe 영상 배너 */
#section0 .video_wrap iframe {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:auto;
	height:auto;
	min-width:100%;
	min-height:100%;
}
/* 이미지 배너 */
#section0 .main_img_wrap { 
	width:100%;
	height:100%;
}
#section0 .main_img_wrap .slick-list, #section0 .main_img_wrap .slick-track { height:100%; }
#section0 .main_img_wrap .main_bg_img { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; }
#section0 .main_img_wrap .slick-dots { position:absolute; bottom:50px; left:50%; transform:translateX(-50%); }
#section0 .main_img_wrap .slick-dots li { float:left; width:50px; height:3px; border-radius:5px; background:rgba(255,255,255,0.5); margin:0 2.5px; cursor:pointer; transition:all 0.3s; }
#section0 .main_img_wrap .slick-dots li.slick-active { background:rgba(255,255,255,1); }
#section0 .main_img_wrap .slick-dots li button { display:none; }

/* 메인 공통 텍스트 */
#section0 .intro .main_text { position:absolute; bottom:15%; left:70px; color:#fff; z-index:1; transition:all 1.8s ease; transform:translate(-50px,0); opacity:0; }
#section0 .intro .slick-active .main_text { transform:translate(0,0); opacity:1; }
#section0 .intro .main_text h1 { margin-bottom:20px; font-size:34px; font-weight:bold; color:#fff; }
#section0 .intro .main_text p { font-size:20px; margin-bottom:65px; }
#section0 .intro .main_text a { position:relative; display:inline-block; font-size:16px; border:1px solid #fff; color:#fff; padding:10px 30px; transition:all 0.5s; z-index:1; }
#section0 .intro .main_text a:hover { opacity:0.65; }

#section0 .video_wrap .main_text { transform:translate(0,0); opacity:1; }


/* section1 신제품 */
#section1 .new_img_wrap .new_bg.wh01_bg { width:100%; height:100vh; background:no-repeat center/cover; }

#section1 .new_img_wrap .new_bg { width:100%; height:100vh; }
#section1 .new_img_wrap .new_bg .new_wrap { width:50%; height:100%; float:left; position:relative; overflow:hidden; }
#section1 .new_img_wrap .new_bg .new_wrap.new_bgImg { background:no-repeat center/cover; }
#section1 .new_img_wrap .new_bg .new_wrap.new_bgImg a { width:100%; height:100%; display:block; }

#section1 .new_img_wrap .new_bg .new_wrap.new_item { text-align:center; margin:95px auto; transition:all 1.5s ease; transform:translateY(50px); opacity:0; }
#section1 .new_img_wrap .new_bg.slick-active .new_wrap.new_item { transform:translateY(0); opacity:1; }
#section1 .new_img_wrap .new_bg .new_wrap.new_item .new_title { position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:99; font-weight:bold; font-size:24px; background:#000; color:#fff; padding:0 5px; }

#section1 .new_img_wrap .new_bg .new_wrap.new_item h2 { margin-top:60px; font-size:18px; }
#section1 .new_img_wrap .new_bg .new_wrap.new_item p { margin-top:30px; font-size:16px; color:#888; }
#section1 .new_img_wrap .new_bg .new_wrap.new_item .vegan_img { position:relative; display:inline-block; }
#section1 .new_img_wrap .new_bg .new_wrap.new_item .vegan_img img { width:370px; margin:20px auto 20px; display:inline-block; }
#section1 .new_img_wrap .new_bg .new_wrap.new_item h3 { margin-bottom:20px; font-size:24px; font-weight:bold; }
#section1 .new_img_wrap .new_bg .new_wrap.new_item a { border:1px solid; padding:10px 30px; font-size:16px; color:#fff; }
#section1 .new_img_wrap .new_bg .new_wrap.new_item a span { padding-left:5px; }

#section1 .new_img_wrap .new_bg .new_wrap.new_item .certi_logo { position:absolute; top:40px; left:100%; width:65px; }
#section1 .new_img_wrap .new_bg .new_wrap.new_item .certi_logo img { width:100%; margin:8px 0; }

#section1 .new_img_wrap .new_bg:first-child .new_wrap.new_item .highlight { background:#11529E; }
#section1 .new_img_wrap .new_bg:nth-child(3) .new_wrap.new_item .highlight { background:#007f53; }
#section1 .new_img_wrap .new_bg .new_wrap.new_item .highlight:hover { opacity:0.65; }

#section1 .arrow { position:absolute; top:50%; transform:translateY(-50%); width:50px; height:45px; background:no-repeat 0 0 /contain; cursor:pointer; }
#section1 .arrow#new_prev { left:50px; background-image:url(/design/rtx22/re_2022/prev_b.png); }
#section1 .arrow#new_next { right:50px; background-image:url(/design/rtx22/re_2022/next_b.png); }





/* section2_2 맴버쉽 배너 영역 */
#section2_2 .brand_slideWrap { width:100%; height:100%; position:relative; }
#section2_2 .brand_slideWrap .slick-list , #section2_2 .brand_slideWrap .slick-list .slick-track { height:100%; }
#section2_2 .brand_slideWrap .brand_img { width:100%; height:100%; background:no-repeat center/cover fixed; }

#section2_2 .brand_text_wrap { text-align:center; position:absolute; top:50%; left:50%; transition:all 1.5s ease; transform:translate(-50%,0%); opacity:0; }
#section2_2 .brand_text_wrap.b_text_02 { left:24%; top:auto; bottom:15%; }
#section2_2 .brand_text_wrap.b_text_03 { left:auto; right:0; }
#section2_2.active .brand_text_wrap { transform:translate(-50%,-50%); opacity:1; }

#section2_2 .brand_text_wrap h3 { display:inline-block; font-weight:bold; font-size:24px; background:#007f53; color:#fff; padding:0 5px; margin-bottom:25px; }
#section2_2 .brand_text_wrap p { font-size:20px; color:#fff; }
#section2_2 .brand_text_wrap > a { display:inline-block; padding:3px; font-size:16px; color:#fff; border-bottom:1px solid; margin:40px auto 0; transition:all 0.5s; }
#section2_2 .brand_text_wrap a:hover { opacity:0.65; }

#section2_2 .brand_slideWrap .slick-dots { position:absolute; bottom:50px; left:50%; transform:translateX(-50%); }
#section2_2 .brand_slideWrap .slick-dots li { float:left; width:50px; height:3px; border-radius:5px; background:rgba(255,255,255,0.5); margin:0 2.5px; cursor:pointer; transition:all 0.3s; }
#section2_2 .brand_slideWrap .slick-dots li.slick-active { background:rgba(255,255,255,1); }
#section2_2 .brand_slideWrap .slick-dots li button { display:none; }





/* section2_3 아로마 슬라이드 */
#section2_3 { display:flex; }
#section2_3 .newProduct_bg { width:25%; }
#section2_3 .newProduct_bg .bg_img { width:100%; height:100vh; background:no-repeat center/cover; }

#section2_3 .newProduct_wrap { width:75%; padding:100px 75px 0; position:relative; } 
#section2_3 .newProduct_wrap .newProduct_text { margin-bottom:20px; }
#section2_3 .newProduct_wrap .newProduct_text .new_title { display:inline-block; font-weight:bold; font-size:24px; background:#000; color:#fff; padding:0 5px; margin-bottom:20px; }
#section2_3 .newProduct_wrap .newProduct_text p { font-size:18px; color:#888; }

#section2_3 .newProduct_wrap .newProduct_items { transition:all 1.5s ease; transform:translateY(50px); opacity:0; }
#section2_3.active .newProduct_wrap .newProduct_items { transform:translateY(0); opacity:1; }
#section2_3 .newProduct_wrap .newProduct_items .new_item { width:50%; float:left; text-align:center; }
#section2_3 .newProduct_wrap .newProduct_items .new_item img { width:370px; margin-bottom:30px; display:inline; }
#section2_3 .newProduct_wrap .newProduct_items .new_item h2 a { font-size:24px; font-weight:bold; }
#section2_3 .newProduct_wrap .newProduct_items .new_item .sub_tit { margin:20px 0 15px; font-size:18px; color:#282828; }
#section2_3 .newProduct_wrap .newProduct_items .new_item p { font-size:16px; color:#888; }

#section2_3 .newProduct_wrap .arrow { width:25px; height:44px; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); background:no-repeat 0 0 /contain; }
#section2_3 .newProduct_wrap .arrow.new_prev { left:75px; background-image:url(/design/rtx22/re_2022/prev_b.png); display:none !important; }
#section2_3 .newProduct_wrap .arrow.new_next { right:75px; background-image:url(/design/rtx22/re_2022/next_b.png); }




/* best_section 베스트 제품 */
.best_section .best-slide-wrap {  }
.best_section .best-slide { display:flex; position:relative; }
.best_section .best-slide .slide-image { width:50%; transition:all 1.8s ease; transform:translateY(100px); opacity:0; }
.best_section .best-slide .slide-image:last-child { transition-delay:0.6s; }
.best_section.active .best-slide .slide-image { transform:translateY(0); opacity:1; }
.best_section .best-slide .slide-image .best-bg { width:100%; height:100vh; background:no-repeat center/cover; position:relative; }

.best_section .best-slide .slide-image .best-bg:hover .best_product { opacity:1; }

.best_section .best-slide .slide-image .best-bg .best_product { background:rgba(255, 255, 255, 0.85); position:absolute; width:100%; height:100%; top:0; left:0; opacity:0; transition:opacity 0.65s; }
.best_section .best-slide .slide-image .best-bg .best_product .best_text_wrap { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; }
.best_section .best-slide .slide-image .best-bg .best_product .best_text_wrap h2 { display:inline-block; font-size:24px; padding:0 5px; background:#000; color:#fff; }
.best_section .best-slide .slide-image .best-bg .best_product .best_text_wrap .best_ex { font-size:20px; margin:25px 0 40px; }
.best_section .best-slide .slide-image .best-bg .best_product .best_text_wrap .best_price { font-size:24px; font-weight:bold; color:#007f53; }
.best_section .best-slide .slide-image .best-bg .best_product .best_text_wrap .best_price .del {  margin:; font-size:18px; font-weight:normal; text-decoration:line-through; color:#888; }
.best_section .best-slide .slide-image .best-bg .best_product .best_text_wrap a { display:inline-block; padding:3px; font-size:16px; border-bottom:1px solid; margin:40px auto 0; transition:all 0.5s; }
.best_section .best-slide .slide-image .best-bg .best_product .best_text_wrap a:hover { opacity:0.65; }




/* section3 비디오 영역 */
#section3 .inner_wrap { position:relative; margin-left:200px; top:50%; transform:translateY(-50%); display:flex; align-items:flex-end; }

#section3 .v_con { position:relative; width:75%; min-width:400px; }
#section3 .v_con.video_box_wrap { min-width:1400px; }
#section3 .video_slide { margin-right:20px; }
#section3 .video_slide:last-child { margin-right:0; }
#section3 .video_slide .video_thumb { width:100%; position:relative; filter: blur(2px);-webkit-filter: blur(2px); transform:scale(0.90); transition:all .5s ease-in; cursor:pointer; }
#section3 .video_slide.slick-active .video_thumb { filter: blur(0px);-webkit-filter: blur(0px); transform:scale(1); }
#section3 .video_slide .video_thumb:after { content:''; display:block; width:130px; height:130px; background:url(/design/rtx22/re_2022/play.png) no-repeat 0 0 / cover; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all 0.3s; }
#section3 .video_slide .video_thumb:hover:after { transform:translate(-50%,-50%) scale(1.1); }
#section3 .video_slide .video_thumb img { width:100%; }

#section3 .arrow { position:absolute; top:50%; transform:translateY(-50%); width:60px; height:60px; background:no-repeat 0 0 /contain; cursor:pointer; transition:all 0.5s; opacity:0; -webkit-opacity:0; }
#section3 .arrow#video_prev { left:15px; background-image:url(/design/rtx22/re_2022/prev.png); }
#section3 .arrow#video_next { right:100px; background-image:url(/design/rtx22/re_2022/next.png); }
#section3 .video_box_wrap:hover .arrow { opacity:1; -webkit-opacity:1; }

#section3 .popUp_content .popUp_close { cursor:pointer; width:40px; height:40px; background:url(../img/close-icon.png) no-repeat 0 0 / cover; position:absolute; top:13%; right:23%; }
#section3 .popUp_content .pop_up { display:none; position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.7); left:0; top:0; z-index:999; }
#section3 .popUp_content .pop_up iframe { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }

#section3 .v_con.video_text_wrap { width:25%; padding-right:15px; word-break:keep-all; }
#section3 .v_con.video_text_wrap .text_slide { margin-bottom:45px; transition:all 1.8s ease; transform:translateX(-80px); }
#section3.active .v_con.video_text_wrap .text_slide { transform:translateX(0); }
#section3 .v_con.video_text_wrap .text_slide h2 { display:inline-block; font-weight:bold; font-size:24px; background:#007f53; color:#fff; padding:0 5px; }
#section3 .v_con.video_text_wrap .text_slide p.v_title { font-size:20px; margin-top:20px; color:#282828; }
#section3 .v_con.video_text_wrap .text_slide p { font-size:16px; margin-top:10px; color:#888; }

#section3 .v_con.video_text_wrap .slick-dots { display:flex; margin-top:40px; }
#section3 .v_con.video_text_wrap .slick-dots li { width:50px; height:3px; border-radius:5px; background-color:#cccccc; margin-right:5px; cursor:pointer; transition:all 0.5s; }
#section3 .v_con.video_text_wrap .slick-dots li:last-child { margin-right:0; }
#section3 .v_con.video_text_wrap .slick-dots li.slick-active { background-color:#282828; }
#section3 .v_con.video_text_wrap .slick-dots li button { display:none; }





/* section4 공지/이벤트 영역 */
#section4 .bg_wrap { width:100%; height:100%; }

#section4 .bg_wrap .slick-dots { position:absolute; bottom:50px; left:50%; transform:translateX(-50%); }
#section4 .bg_wrap .slick-dots li { float:left; width:50px; height:3px; border-radius:5px; background:rgba(255,255,255,0.5); margin:0 2.5px; cursor:pointer; transition:all 0.3s; }
#section4 .bg_wrap .slick-dots li.slick-active { background:rgba(255,255,255,1); }
#section4 .bg_wrap .slick-dots li button { display:none; }

#section4 .notice_wrap { width:100%; height:100vh; background:no-repeat center / cover fixed; }
#section4 .notice_wrap .brand_text_wrap { position:relative; text-align:center; top:50%; transform:translateY(70%); opacity:0; transition:all 1.8s ease; }
#section4.active .notice_wrap .brand_text_wrap { transform:translateY(-50%); opacity:1; }
#section4 .notice_wrap .brand_text_wrap h1 { display:inline-block; font-weight:bold; font-size:24px; background:#007f53; color:#fff; padding:0 5px; margin-bottom:25px; }
#section4 .notice_wrap .brand_text_wrap p { font-size:20px; color:#fff; }
#section4 .notice_wrap .brand_text_wrap a { display:inline-block; padding:3px; font-size:16px; color:#fff; border-bottom:1px solid; margin:40px auto 0; transition:all 0.5s; }
#section4 .notice_wrap .brand_text_wrap a:hover { opacity:0.65; }

#section4 .notice_wrap .n_bg_wrap { display:flex; height:100vh; }
#section4 .notice_wrap .n_bg_wrap .img_bg { background:no-repeat center / cover; width:33.33%; height:100%; position:relative; }
#section4 .notice_wrap .n_bg_wrap .img_bg .bg_text { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:20px; font-weight:500; color:#fff; line-height:1.4; width:max-content;  }





/* section5 리뷰 영역 */
#section5 { background:#F6F6F6; }
#section5 .review_section { position:relative; margin-left:200px; top:50%; transform:translateY(-50%); display:flex; align-items:center; }
#section5 .review_section .r_con { position:relative; width:75%; float:left; min-width:400px; }

#section5 .review_section .review_text { width:25%; } 
#section5 .review_section .review_text .tit { font-size:24px; font-weight:bold; margin-bottom:10px; }
#section5 .review_section .review_text .sub_tit { font-size:20px; margin-bottom:40px; }
#section5 .review_section .review_text .review_more { display:inline-block; }
#section5 .review_section .review_text .review_more p { font-size:16px; color:#007f53; transition:all 0.5s; }
#section5 .review_section .review_text .review_more:hover p { opacity:0.65; }

#section5 .review_section .review_inner { min-width:1400px; transition:all 1.8s ease; transform:translateX(100px); opacity:0; }
#section5.active .review_section .review_inner { transform:translateX(0); opacity:1; }
#section5 .review_section .review_inner li { background:#fff; margin-left:20px; border-radius:20px; }
#section5 .review_section .review_inner li .img_wrap { width:100%; height:265px; overflow:hidden; border-radius:20px 20px 0 0; }
#section5 .review_section .review_inner li .img_wrap img { width:100%; transition:all 0.5s; }
#section5 .review_section .review_inner li:hover .img_wrap img { transform:scale(1.1); }
#section5 .review_section .review_inner li .text_wrap { margin:20px 25px; }
#section5 .review_section .review_inner li .text_wrap .title_t { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px; font-weight:normal; }
#section5 .review_section .review_inner li .text_wrap .writer_t { margin:15px 0 25px; padding-bottom:25px; color:#888; font-size:14px; border-bottom:1px solid #e3e3e3; }
#section5 .review_section .review_inner li .text_wrap .writer_t span { float:right; }
#section5 .review_section .review_inner li .text_wrap .product_t { padding-bottom:10px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#282828; transition:all 0.5s; }
#section5 .review_section .review_inner li .text_wrap .product_t.baro { display:inline-block; font-size:14px; padding-bottom:0; color:#888; }
#section5 .review_section .review_inner li .text_wrap .product_t.baro:after { content:''; display:block; border-bottom:1px solid #888; padding-top:5px; transform:scaleX(0); transform-origin:0% 50%; transition:all 0.5s; }
#section5 .review_section .review_inner li .text_wrap a:last-child:hover .product_t { color:#282828; }
#section5 .review_section .review_inner li .text_wrap a:last-child:hover .product_t.baro:after { transform: scaleX(1); }





/* section7 인스타그램 */
#section7 .insta_wrap { position:relative; top:50%; transform:translateY(-50%); }
#section7 .insta_wrap .insta_inner { text-align:center; }
#section7 .insta_wrap .insta_widget { max-width:1200px; margin:0 auto; }

#section7 .insta_wrap .insta_text .tit { font-size:24px; font-weight:bold; margin-bottom:10px; }
#section7 .insta_wrap .insta_text .insta_more { display:inline-block; }
#section7 .insta_wrap .insta_text .insta_more p { font-size:20px; margin-bottom:40px; opacity:0.65; transition:all 0.5s; }
#section7 .insta_wrap .insta_text .insta_more p:hover { opacity:1; }
#section7 .insta_wrap .insta_text .insta_more p span { font-weight:bold; }





.f_call {font-size:13px !important;}



/*WH-01 버튼 색 추가 230215*/
#section1 .new_img_wrap .new_bg .highlight.gray {background:#3f4140}

/*라이트업크림 여백*/
.vegan_img.light {margin : 20px 0;}


/*미리보기 아이콘 비활성화*/
.prd-preview {display: none; }

/*메인 진열 간격 */
.item-wrap .item-cont .item-list {padding: 0 60px; }

.main_text h1{text-align:center;margin-top:5rem;font-size:30px;font-weight:bold}
.banner {float:right; margin-left:20px;}
.banner ul li{width:460px;}
.banner ul li:first-child,.banner ul li:nth-child(2) { margin-bottom:20px;}
.slideb2b{float:left;}
.main_inner{display:block;width:1280px;margin:0 auto;}
.main_bnr{width:100%;height:640px;}

/*메인 슬라이드 css */
  .swiper {
      width: 800px;
      height: 640px;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
 .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{display:none !important;}
 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled,.swiper-button-next, .swiper-button-prev{display:none !important;}
 
 
 /* 상단 메뉴 바 수정*/
 
 
 #fullpage {margin-bottom:2.5rem; margin-top:2rem;}
 
 .prd-info .font_green {font-size:18px;}
/* BASIC css end */