/* BASIC css start */ .section { overflow:hidden; position:relative; } /* 문의버튼 */ #topButton { z-index:9997; position:fixed; bottom:10px; right:10px; } #topButton li { width:40px; 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; } /* section0 동영상 메인 배너 */ /*#section0 .video_wrap { overflow:hidden; width:237%; height:318%; position:absolute; top:-105%; left:-65%; } 수정본*/ #section0 .video_wrap { overflow:hidden; width:337%; height:321%; position:absolute; top:-110%; left:-120%;} #section0 .video_wrap iframe { width:100%; height:100%; } /* section0 이미지 메인 배너 */ #section0 .main_slide_wrap { width:100%; } #section0 .main_slide_wrap .main_slide_img { width:100%; height:100vh; position:relative; } #section0 .main_slide_wrap .main_slide_img .main_bg { width:100%; height:100vh; background:no-repeat center/cover; } #section0 .main_slide_wrap .slick-dots { position:absolute; bottom:15px; left:50%; transform:translateX(-50%); } #section0 .main_slide_wrap .slick-dots li { float:left; margin:0 2px; width:8vw; height:2px; background:#fff; opacity:0.4; -webkit-opacity:0.4; transition:all 0.5s; } #section0 .main_slide_wrap .slick-dots li.slick-active { opacity:1; -webkit-opacity:1; } #section0 .main_slide_wrap .slick-dots li button { display:none; } /* section0 공통 텍스트 스타일 */ #section0 .main_slide_text { margin:0 10px; color:#fff; position:absolute; left:0; bottom:10vh; z-index:1; transition:all 1.8s ease; transform:translate(0,80px); opacity:0; } #section0 .slick-active .main_slide_text { transform:translate(0,0); opacity:1; } #section0 .main_slide_text h1 { font-size:26px; font-weight:bold; word-break:keep-all; line-height:1.25; } #section0 .main_slide_text p { font-size:18px; line-height:1.2; margin:2vh 0 5vh; } #section0 .main_slide_text a { text-align:center; display:block; width:130px; font-size:14px; padding:10px 0; color:#fff; border:1px solid; } /* section0 태블릿 (가로) 사이즈일때 이미지 메인 배너 영역 */ @media all and (min-width:1024px){ #section0 .main_slide_wrap .main_slide_img .main_bg.main_01 { background-image:url(/design/rtx22/re_2022/pc_main/main-bg_01-1.png) !important; } #section0 .main_slide_wrap .main_slide_img .main_bg.main_02 { background-image:url(/design/rtx22/re_2022/pc_main/bg_01-2.jpg) !important; } } /* 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:100%; height:37%; position:relative; } #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.foamWomen { background-position:0 66%; } #section1 .new_img_wrap .new_bg .new_wrap.new_bgImg.organix { background-position:0 46%; } #section1 .new_img_wrap .new_bg .new_wrap.new_bgImg.cooling { background-position:0 34%; } #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:15px auto 0; 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 { display:inline-block; font-weight:bold; font-size:20px; background:#000; color:#fff; padding:3px; } #section1 .new_img_wrap .new_bg .new_wrap.new_item h2 { margin-top:10px; font-size:14px; font-weight:normal; } #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 a { position:relative; } #section1 .new_img_wrap .new_bg .new_wrap.new_item a img { width:24vh; display:inline-block; margin:0; } #section1 .new_img_wrap .new_bg .new_wrap.new_item h3 { font-size:20px; font-weight:bold; } #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:25px; left:100%; width:50px; } #section1 .new_img_wrap .new_bg .new_wrap.new_item .certi_logo img { width:100%; margin:2px 0; } #section1 .new_img_wrap .new_bg:first-child .new_wrap.new_item .highlight { background:#007f53; } #section1 .new_img_wrap .new_bg:nth-child(3) .new_wrap.new_item .highlight { background:#11529E; } #section1 .new_img_wrap .new_bg .new_wrap.new_item .highlight:hover { opacity:0.65; } #section1 .arrow { position:absolute; transform:translateY(50%); bottom:25%; width:15px; height:25px; background:no-repeat 0 0 /contain; cursor:pointer; } #section1 .arrow#new_prev { left:10px; background-image:url(/design/rtx22/re_2022/prev_b.png); } #section1 .arrow#new_next { right:10px; background-image:url(/design/rtx22/re_2022/next_b.png); } /* section1 신제품 태블릿 (가로) 사이즈일때 신제품 영역 */ @media all and (min-width:1024px){ #section1 .new_img_wrap .new_bg { display:flex; } #section1 .new_img_wrap .new_bg .new_wrap { width:50%; height:100vh; } #section1 .new_img_wrap .new_bg .new_wrap.new_item { margin:15vh 0; } #section1 .new_img_wrap .new_bg .new_wrap.new_item a img { width:45vh; } #section1 .new_img_wrap .new_bg .new_wrap.new_item .certi_logo { top:40px; left:100%;; width:65px; } #section1 .arrow { bottom:50%; } } /* 아이패드 프로 세로 모드 일때 */ @media all and (min-width:1024px) and (min-height:1366px){ #section1 .new_img_wrap .new_bg { display:flex; flex-direction:column; } #section1 .new_img_wrap .new_bg .new_wrap { width:100%; height:50%; } #section1 .new_img_wrap .new_bg .new_wrap.new_item { margin:30px auto 0; padding-top:65px; } #section1 .new_img_wrap .new_bg .new_wrap.new_item a img { width:20vh; } #section1 .new_img_wrap .new_bg .new_wrap.new_item .certi_logo { top:40px; left:100%; width:50px; } #section1 .arrow { bottom:25%; } } /* section2 브랜드 배너 */ #section2 .brand_wrap { width:100%; height:100%; } #section2 .brand_wrap .slick-list, #section2 .brand_wrap .slick-list .slick-track { height:100%; } #section2 .brand_wrap .brand_img { width:100%; height:100%; background:no-repeat center top /cover; } #section2 .brand_textWrap { width:90%; position:absolute; top:50%; left:50%; transition:all 1.8s ease; transform:translate(-50%,0); opacity:0; word-break:keep-all; text-align:center; } #section2.active .brand_textWrap { transform:translate(-50%,-140%); opacity:1; } #section2 .brand_textWrap h3 { display:inline-block; font-weight:bold; font-size:20px; background:#007f53; color:#fff; padding:3px; } #section2 .brand_textWrap p { font-size:16px; line-height:1.25; margin:15px 0 25px; } #section2 .brand_textWrap a { font-size:14px; color:#fff; display:inline-block; padding:3px; border-bottom:1px solid; } /* section2_3 아로마 슬라이드 */ #section2_3 { } #section2_3 .newProduct_bg { height:30%; width:100%; } #section2_3 .newProduct_bg .slick-list, #section2_3 .newProduct_bg .slick-list .slick-track { height:100%; } #section2_3 .newProduct_bg .bg_img { width:100%; height:100%; background:no-repeat center/cover; } #section2_3 .newProduct_wrap { width:100%; height:70%; position:relative; word-break:keep-all; margin-top:30px; } #section2_3 .newProduct_wrap .newProduct_text { margin-bottom:25px; text-align:center; } #section2_3 .newProduct_wrap .newProduct_text .new_title { display:inline-block; font-weight:bold; font-size:20px; background:#000; color:#fff; padding:3px; } #section2_3 .newProduct_wrap .newProduct_text p { font-size:16px; color:#888; padding:10px 50px 0; } #section2_3 .newProduct_wrap .newProduct_items { margin:0 30px; transform:translateY(100px); opacity:0; transition:all 1.8s ease; } #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:100%; margin-bottom:30px; padding:0 20px; display:inline; } #section2_3 .newProduct_wrap .newProduct_items .new_item h2 { font-size:18px; font-weight:bold; word-break:keep-all; } #section2_3 .newProduct_wrap .newProduct_items .new_item p { font-size:14px; color:#888; margin-top:15px; } #section2_3 .newProduct_wrap .arrow { width:15px; height:25px; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); background:no-repeat 0 0 /contain; } #section2_3 .newProduct_wrap .arrow.new_prev { left:10px; background-image:url(/design/rtx22/re_2022/prev_b.png); display:none !important; } #section2_3 .newProduct_wrap .arrow.new_next { right:10px; background-image:url(/design/rtx22/re_2022/next_b.png); } /* section1 태블릿 (가로) 사이즈일때 아로마 영역 */ @media all and (min-width:1024px){ #section2_3 { display:flex; } #section2_3 .newProduct_bg { width:30%; height:100%; } #section2_3 .newProduct_wrap { width:70%; height:100%; padding-top:10vh; } } /* 아이패드 프로 세로 모드 일때 */ @media all and (min-width:1024px) and (min-height:1366px){ #section2_3 { display:flex; flex-direction:column; } #section2_3 .newProduct_bg { width:100%; height:30%; } #section2_3 .newProduct_wrap { width:100%; height:70%; padding-top:0; } } /* section3 비디오(동영상) 영역 */ #section3 .video_inner { width:100%; position:absolute; top:50%; transform:translateY(-50%); } #section3 .video_content { width:100%; height:45vh; } #section3 .video_content.video_textWrap { height:auto; padding:0 10px; padding-bottom:25px; } #section3 .video_content.video_textWrap .video_textSlide h3 { display:inline-block; font-weight:bold; font-size:20px; background:#007f53; color:#fff; padding:3px; transition:all 1.8s ease; transform:translateY(60px); opacity:0; } #section3 .video_content.video_textWrap .video_textSlide p.v_title { font-size:18px; margin-top:10px; color:#282828; } #section3 .video_content.video_textWrap .video_textSlide p { font-size:16px; margin-top:5px; color:#888; transition:all 1.6s ease; transform:translateY(60px); opacity:0; } #section3 .video_content.video_textWrap .video_textSlide.slick-active h3 { transform:translateY(0); opacity:1; } #section3 .video_content.video_textWrap .video_textSlide.slick-active p { transform:translateY(0); opacity:1; } #section3 .video_content.video_thumnWrap .slick-list, #section3 .video_content.video_thumnWrap .slick-list .slick-track { height:97%; } #section3 .video_content.video_thumnWrap .slick-dots { position:absolute; bottom:0; left:50%; transform:translateX(-50%); } #section3 .video_content.video_thumnWrap .slick-dots li { float:left; width:8vw; height:1px; background:#dbdbdb; margin:0 2px; transition:all 0.5s; } #section3 .video_content.video_thumnWrap .slick-dots li.slick-active { background:#282828; } #section3 .video_content.video_thumnWrap .slick-dots li button { display:none; } #section3 .video_content.video_thumnWrap .video_Slide { margin:0 6px; width:100%; height:100%; } #section3 .video_content.video_thumnWrap .video_Slide a { display:block; width:100%; height:100%; } #section3 .video_content.video_thumnWrap .video_Slide .video_thumb { position:relative; width:100%; height:100%; background:no-repeat center /cover; } #section3 .video_content.video_thumnWrap .video_Slide .video_thumb:after { display:block; content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:13vh; height:13vh; background:url(/design/rtx22/re_2022/play.png) no-repeat 0 0 / contain; } #section3 .video_content.video_thumnWrap .video_Slide .video_thumb img { width:100%; display:block; } /* section4 공지/이벤트 */ #section4 .noticeBG_wrap { width:100%; height:100%; position:relative; } #section4 .noticeBG_wrap .notice_wrap { } #section4 .noticeBG_wrap .notice_wrap .notice_inner_wrap .notice_slider { width:100%; height:100vh; background:url(/design/rtx22/re_2022/brand_banner_01.jpg) no-repeat center / cover; position:relative; } #section4 .noticeBG_wrap .notice_wrap .notice_inner_wrap .notice_slider .story_text { color:#fff; text-align:center; transition:all 1.8s ease; position:absolute; top:50%; left:50%; transform:translate(-50%,10%); opacity:0; word-break:keep-all; } #section4.active .noticeBG_wrap .notice_wrap .notice_inner_wrap .notice_slider .story_text { transform:translate(-50%,-50%); opacity:1;width:80%; } #section4 .noticeBG_wrap .notice_wrap .notice_inner_wrap .notice_slider .story_text h3 { display:inline-block; font-size:22px; font-weight:bold; text-align:center; padding:3px; margin-bottom:10px; background:#007f53; color:#fff; } #section4 .noticeBG_wrap .notice_wrap .notice_inner_wrap .notice_slider .story_text p { font-size:18px; } #section4 .noticeBG_wrap .notice_wrap .notice_inner_wrap .notice_slider .story_text p:last-child { border-bottom:1px solid; display:inline-block; font-size:14px; padding:3px; margin-top:25px; } #section4 .noticeBG_wrap .notice_wrap .notice_inner_wrap .notice_slider .story_text p a { display:block; color:#fff; width:100%; } #section4 .noticeBG_wrap .notice_wrap .notice_inner_wrap .notice_slider .n_bg_wrap { display:flex; flex-direction:column; } #section4 .noticeBG_wrap .notice_wrap .notice_inner_wrap .notice_slider .n_bg_wrap .img_bg { width:100%; height:33.33vh; background:no-repeat center/cover; position:relative; } #section4 .noticeBG_wrap .notice_wrap .notice_inner_wrap .notice_slider .n_bg_wrap .img_bg .bg_text { width:max-content; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; font-size:16px; font-weight:600; line-height:1.25; } /* section1 베스트 태블릿 (가로) 사이즈일때 베스트 영역 */ @media all and (min-width:1024px){ #section4 .noticeBG_wrap .notice_wrap .notice_inner_wrap .notice_slider .n_bg_wrap { flex-direction:row; } #section4 .noticeBG_wrap .notice_wrap .notice_inner_wrap .notice_slider .n_bg_wrap .img_bg { width:33.33%; height:100vh; } #section4 .noticeBG_wrap .notice_wrap .notice_inner_wrap .notice_slider .n_bg_wrap .img_bg .bg_text { text-align:left; } } /* 아이패드 프로 세로 모드 일때 */ @media all and (min-width:1024px) and (min-height:1366px){ #section4 .noticeBG_wrap .notice_wrap .notice_inner_wrap .notice_slider .n_bg_wrap { flex-direction:column; } #section4 .noticeBG_wrap .notice_wrap .notice_inner_wrap .notice_slider .n_bg_wrap .img_bg { width:100%; height:33.33vh; } #section4 .noticeBG_wrap .notice_wrap .notice_inner_wrap .notice_slider .n_bg_wrap .img_bg .bg_text { text-align:center; } } /* best_section 베스트 제품 */ .best_section .best-slide-wrap { } .best_section .best-slide { display:flex; flex-direction:column; position:relative; } .best_section .best-slide .slide-image { width:100%; transition:all 1.8s ease; transform:translateX(100px); opacity:0; } .best_section .best-slide .slide-image:last-child { transition-delay:0.6s; transform:translateX(-100px); } .best_section.active .best-slide .slide-image { transform:translateX(0); opacity:1; } .best_section .best-slide .slide-image .best-bg { width:100%; height:50vh; background:no-repeat center/cover; position:relative; } .best_section .best-slide .slide-image .best-bg .best_product { background:rgba(255, 255, 255, 0.7); position:absolute; width:100%; height:100%; top:0; left:0; } .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; width:70%; word-break:keep-all; } .best_section .best-slide .slide-image .best-bg .best_product .best_text_wrap h2 { display:inline-block; font-size:20px; padding:3px; background:#000; color:#fff; } .best_section .best-slide .slide-image .best-bg .best_product .best_text_wrap .best_ex { font-size:16px; line-height:1.25; margin:15px 0 25px; } .best_section .best-slide .slide-image .best-bg .best_product .best_text_wrap .best_price { font-size:18px; font-weight:bold; color:#007f53; margin-bottom:25px; } .best_section .best-slide .slide-image .best-bg .best_product .best_text_wrap .best_price .del { margin:; font-size:14px; 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:14px; border-bottom:1px solid; } /* section1 베스트 태블릿 (가로) 사이즈일때 베스트 영역 */ @media all and (min-width:1024px){ .best_section .best-slide { flex-direction:row; } .best_section .best-slide .slide-image { width:50%; } .best_section .best-slide .slide-image .best-bg { height:100vh; } .best_section .best-slide .slide-image:last-child { transform:translateX(100px); } .best_section.active .best-slide .slide-image { transform:translateX(0); } } /* 아이패드 프로 세로 모드 일때 */ @media all and (min-width:1024px) and (min-height:1366px){ .best_section .best-slide { flex-direction:column; } .best_section .best-slide .slide-image { width:100%; } .best_section .best-slide .slide-image .best-bg { height:50vh; } .best_section .best-slide .slide-image:last-child { transform:translateX(-100px); } .best_section.active .best-slide .slide-image { transform:translateX(0); } } /* section6 리뷰 */ #section6 .review_section { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; } #section6 .review_section .review_wrap h4 { padding:0 10px; margin-bottom:20px; font-size:20px; font-weight:bold; text-align:center; color:#007f53; } #section6 .review_section .review_wrap .review_cont { width:100%; display:flex; flex-direction:column; padding-left:10px; overflow:hidden; transition:all 1.8s ease; transform:translateX(100px); opacity:0; } #section6.active .review_section .review_wrap .review_cont { transform:translateX(0); opacity:1; } #section6 .review_section .review_wrap .review_cont li { width:50%; margin-right:10px; background:#fff; border-radius:15px; } #section6 .review_section .review_wrap .review_cont li:last-child { margin-bottom:0; } #section6 .review_section .review_wrap .review_cont .re_img { width:100%; } #section6 .review_section .review_wrap .review_cont .re_img a { display:block; overflow:hidden; } #section6 .review_section .review_wrap .review_cont .re_img a img { width:100%; border-radius:15px 15px 0 0; } #section6 .review_section .review_wrap .review_cont .re_text_wrap { width:100%; padding:10px 15px 18px; } #section6 .review_section .review_wrap .review_cont .re_text_wrap .t_inner_wrap .text_review { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e1e1e1; } #section6 .review_section .review_wrap .review_cont .re_text_wrap .t_inner_wrap .text_review .writer_t { color:#888; font-size:10px; } #section6 .review_section .review_wrap .review_cont .re_text_wrap .t_inner_wrap .text_review .title_t { color:#007f53; font-size:15px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #section6 .review_section .review_wrap .review_cont .re_text_wrap .t_inner_wrap .text_review .content_t { color:#888; font-size:13px; margin-top:7px; word-break:break-all; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; } #section6 .review_section .review_wrap .review_cont .re_text_wrap .t_inner_wrap .text_product a p.product_name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:4px; color:#282828; } #section6 .review_section .review_wrap .review_cont .re_text_wrap .t_inner_wrap .text_product a p { color:#888; font-size:12px; } #section6 .review_section .review_wrap .review_cont .slick-dots { margin:25px auto 0; } #section6 .review_section .review_wrap .review_cont .slick-dots li { float:left; width:5px; height:5px; background:#888; border-radius:5px; margin:0 1.5px; transition:all 0.5s; } #section6 .review_section .review_wrap .review_cont .slick-dots li.slick-active { width:10px; background:#333; } #section6 .review_section .review_wrap .review_cont .slick-dots li button { display:none; } #section6 .review_section .more_view { text-align:center; margin:40px 0 0; } #section6 .review_section .more_view a { display:inline-block; color:#fff; background:#007f53; padding:10px 35px; } /* section8 인스타 */ #section8 .insta_widget { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; overflow:hidden; backface-visibility:hidden; padding:0 10px; text-align:center; } #section8 .insta_widget > a { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; max-width:500px; z-index:1; } #section8 .insta_widget iframe { max-width:500px; } #section8 .insta_widget .insta_text { text-align:center; margin-bottom:20px; } #section8 .insta_widget .insta_text h4 { font-size:20px; font-weight:bold; padding-bottom:5px; color:#007f53; } #section8 .insta_widget .insta_text p { font-size:13px; color:#888; } #section8 .insta_widget .insta_text p span { text-decoration:underline; } /*인스타 스냅샷 위젯*/ #section7 .media-grid .media-list-item {width:33% !important;} #footer { background:#064635; color:#fff; } #footer .footer_wrap { padding:30px 10px 20px; } #footer .footer_wrap .logo { height:30px; margin-bottom:20px; } #footer .footer_wrap .logo img { height:100%; } #footer .footer_wrap .f_notice h4 { font-size:14px; font-weight:bold; color:#fbfbec; } #footer .footer_wrap .f_notice a { padding-left:5px; color:#fbfbec; } #footer .footer_wrap .f_notice a i { color:#f0bb62; padding-right:3px; } #footer .footer_wrap .f_notice a span { padding-right:3px; } #footer .footer_wrap .f_notice p { font-size:12px; color:#fbfbec; } #footer .footer_wrap .f_click { margin:10px 0; } #footer .footer_wrap .f_click li { float:left; margin-right:8px; } #footer .footer_wrap .f_click li:last-child { margin-right:0; } #footer .footer_wrap .f_click li a { color:#fff; font-size:12px; } #footer .footer_wrap .f_bank { margin-bottom:10px; line-height:1.25; color:#fbfbec; } #footer .footer_wrap .f_bank h4 { font-size:14px; font-weight:bold; } #footer .footer_wrap .f_bank p { font-size:14px; } #footer .footer_wrap .f_company { font-size:14px; line-height:1.5; word-break:keep-all; max-width:370px; } #footer .footer_wrap .f_company .crn { font-size:10px; padding:1px 3px; margin-left:3px; color:#064635; border:1px solid #fff; background:#fff; } #footer .footer_wrap .f_company a { color:#F4EEA9; } #footer .footer_wrap .f_copy { color:#519259; margin:20px 0; } #footer .footer_wrap .f_sns { display:flex; } #footer .footer_wrap .f_sns li a { font-size:16px; color:#fff; border:1px solid #fff; border-radius:8px; width:30px; height:30px; display:inline-block; text-align:center; line-height:30px; margin-right:10px; } #footer .footer_wrap .f_sns li a:hover { background:#fff; color:#064635; } #footer .footer_wrap .f_right .f_icon { display:flex; justify-content:flex-end; margin:10px 0 0; } #footer .footer_wrap .f_right .f_icon li { height:25px; } #footer .footer_wrap .f_right .f_icon li img { height:100%; } /*메인 슬라이드 new product 버튼 숨기기*/ #section2_3 > div.newProduct_wrap > div.arrow.new_next.slick-arrow {display:none !important;} /*WH-01 버튼 색 추가 230215*/ #section1 .new_img_wrap .new_bg .highlight.gray {background:#3f4140} #section1 .new_img_wrap .new_bg .vegan_img.mainImg a img {width:200px;} #section1 .soupHeight {line-height:1.5} /*vimeo 영상 화면 비율 맞추기*/ #vimeoWrap{ position: relative; padding-bottom: 56.25%; /* 16/9 ratio */ padding-top: 30px; /* IE6 workaround*/ height: 0; overflow: hidden; margin: 0; } #vimeoWrap iframe, #vimeoWrap object, #vimeoWrap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* BASIC css end */