/* 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;background-position:top; }
#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:420px; margin:20px auto 20px; display:inline-block; }
#section1 .new_img_wrap .new_bg .new_wrap.new_item .vegan_img.cleansingTissue > a > img {width:490px;}
#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 .new_wrap.new_item .highlight.moisture { background:#11529E; }
#section1 .new_img_wrap .new_bg .new_wrap.new_item .highlight.green { background:#007f53; }
#section1 .new_img_wrap .new_bg .new_wrap.new_item .highlight.pink { background:#F5367A; }
#section1 .new_img_wrap .new_bg .new_wrap.new_item .highlight.yellow { background:#d0c086; }
#section1 .new_img_wrap .new_bg .new_wrap.new_item .highlight.blue { background:#4aa8a9; }
#section1 .new_img_wrap .new_bg .new_wrap.new_item .highlight.gray { background:#3f4140; }

#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%,-170%); 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; }
#section2_3 .newProduct_wrap .newProduct_text p { font-size:16px; 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 .title { 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*/


/*¶óÀÌÆ®¾÷Å©¸² ¿©¹é*/
.vegan_img.light {margin : 20px 0;}

#section2_3 > div.newProduct_wrap > div.newProduct_text > h5 {font-size:20px; line-height:2;}

/* MD's Pick */
#section2_3 .new_item .vegan_img { position:relative; display:inline-block; }
#section2_3 .new_item .vegan_img .certi_logo { position:absolute; top:40px; left:100%; width:65px; }
#section2_3 .new_item .vegan_img .certi_logo img { width:100%; margin:8px 0; }



/*qrÄÚµå »ðÀÔ*/
.f_center .f_qr {display:flex;margin-top:70px;}
.f_center .f_qr > li:nth-child(2) {margin-left:1rem;}
.f_center .f_qr img {width:75px;display:block;margin-bottom:0.3rem;}
#footer .f_center .f_qr > li > a{width:70px;font-size:0;height:100%;display:block;}
#footer .f_center .f_qr a.btn-googleplay {background:url('/design/rtx22/EVENT/googleplay.png') no-repeat top; background-size:70px auto; }
#footer .f_center .f_qr a.btn-appstore {background:url('/design/rtx22/EVENT/appstore.png') no-repeat top; background-size:70px auto; }

/* BASIC css end */

