@charset "utf-8";
/* ******************************************************
   main_top_banner
*******************************************************/
.main_top_banner{position: fixed;top: 0; left: 0;width: 100%;height:0;opacity: 0;z-index: 9;}
.main_top_banner .pc{display:block;}
.main_top_banner .mb{display:none;}
.main_top_banner.active{opacity:1;height:65px;}
.main_top_banner .inner{position:relative; margin:0 auto;width:100%;height:100%;text-align: center;}
.main_top_banner .inner .slick-list{margin:0 auto;width:100%;overflow: hidden;}
.main_top_banner .inner .slick-slide{position:relative; margin:0 auto;height:65px;}
.main_top_banner .inner .slick-slide img{margin:0 auto;}
.main_top_banner .inner .pc{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:1920px;max-height:65px;}
.main_top_banner .inner .mb{max-height:65px;}
.main_top_banner .inner .btn_close{position: absolute;padding:10px;top:22px;right:100px;border-radius:4px; width:15px;height:15px;color: #fff; font-size: 13px;text-indent:-9999px;background: url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_close_white.svg) no-repeat center rgba(0,0,0,0.7);background-size:12px;}
.main_top_banner .inner .btn_close_today{position: absolute;top:20px;right:150px;width:130px;height:20px;background:rgba(0,0,0,0.7);border-radius:20px; color: #fff; font-size: 13px;}
#container.mainArea{padding-top:0;}
@media all and (max-width:1200px){
	.main_top_banner .inner{width:100%;}
	.main_top_banner .inner .btn_close_today{right:50px;}
	.main_top_banner .inner .btn_close{right:20px;}
}
@media all and (max-width:1024px){	
	.main_top_banner .pc{display:none;}
	.main_top_banner .mb{display:block;}
}

@media all and (max-width:640px){
	.main_top_banner .inner .btn_close_today{top:10px;right:10px;width: auto;}
	.main_top_banner .inner .btn_close{top:40px;right:10px;}
}
@media all and (max-width:540px){
	.main_top_banner .inner .btn_close_today{top:69px;right:69px;}
	.main_top_banner .inner .btn_close{position: absolute;right:12px;top:inherit;bottom:7px;transform:translateY(0);}
	.main_top_banner.active{height:95px;background:#111;}
}
/* ******************************************************
    main_modal_pop > 메인 일반 팝업
*******************************************************/
.momal_area.hidden{display:none;}
.modal_pop_normal{display:none;position: fixed;z-index: 11;}
.modal_pop_normal.show{display:block;}
.modal_pop_normal img{width:100%;min-width:240px;/*min-width:29.66vw*최소 6분의1 사이즈*/}
.modal_pop_normal .modal_footer{display:flex;padding:8px 10px;/*min-width:300px;*/}
.modal_pop_normal .modal_footer a{flex-grow: 1; width: 50%; text-align: center;font-size:13px;}
.modal_pop_normal .modal_footer .btn_close_today{position:relative; text-decoration: none;}
.modal_pop_normal .modal_footer .btn_close_today input{padding:0;border:0;}
.modal_pop_normal .modal_footer .btn_close_today:after{content:"";position: absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:20px;background:rgba(255,255,255,.2);}

/* ******************************************************
    main_slider_modal_pop > 메인 슬라이더 팝업
*******************************************************/
.main_slider_modal_pop{position: fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index: 10;}
.main_slider_modal_pop.hidden{display:none;}
.main_slider_modal_pop .modal_popup{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.main_slider_modal_pop .modal_pop_slider {margin:auto;width:600px;max-height:calc(100vh - 200px);}
.main_slider_modal_pop .modal_pop_slider .no_link,
.main_slider_modal_pop .modal_pop_slider a{display:block;width:600px;}
.main_slider_modal_pop .modal_pop_slider a img,
.main_slider_modal_pop .modal_pop_slider .no_link img{display:block;margin:auto;max-width:420px;}
.main_slider_modal_pop .pop_banner_arrow button{position: absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;background:none;border:0;z-index: 11;text-indent:-9999px;}
.main_slider_modal_pop .pop_banner_arrow button:before,
.main_slider_modal_pop .pop_banner_arrow button:after{content:"";position: absolute;left: 50%; top: 50%;width:2px;height:15px;background:#999;transition:all .3s;}
.main_slider_modal_pop .pop_banner_arrow .prev{left:0;}
.main_slider_modal_pop .pop_banner_arrow .prev:before{transform:rotate(30deg);top:3px;}
.main_slider_modal_pop .pop_banner_arrow .prev:after{transform:rotate(-30deg);}
.main_slider_modal_pop .pop_banner_arrow .next{right:0;}
.main_slider_modal_pop .pop_banner_arrow .next:before{transform:rotate(-30deg);top:3px;}
.main_slider_modal_pop .pop_banner_arrow .next:after{transform:rotate(30deg);}
.main_slider_modal_pop .pop_banner_arrow button:hover:before,
.main_slider_modal_pop .pop_banner_arrow button:hover:after{background:#fff;}
.main_slider_modal_pop .modal_footer {height:25px;text-align: center;}
.main_slider_modal_pop .modal_footer .btn_close_today{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;color: #fff;font-size: 13px;text-decoration: underline;}
.main_slider_modal_pop .modal_footer .btn_close{ display:block;position: absolute;right:-36px;top:-36px;width:36px;height:36px; background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/main/btn_close_main_pop.webp);text-indent:-9999px; }
.main_slider_modal_pop .pop_banner_nav{display: flex;justify-content: center; align-items: center;margin:15px 0;}
.main_slider_modal_pop .pop_banner_nav span{display: block;padding:0;background: #666;margin: 0 5px;width: 6px;height: 6px; background: none;border-radius: 5px;outline: 0; border: 1px solid #fff; transition:all .3s;text-indent: -9999px;}
.main_slider_modal_pop .pop_banner_nav span.swiper-pagination-bullet-active{width:25px;background:#fff;}


@media all and (max-width:768px){
    .momal_area{position: fixed;top:0;left:0;padding:10px;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index: 10;overflow-y:auto;}
    .main_slider_modal_pop{position: relative;background:none;width:500px;margin:30px auto;}
    .main_slider_modal_pop{height:auto;top:inherit ;left:inherit;}
    .main_slider_modal_pop .modal_popup{position:relative; top:inherit ;left:inherit;transform: translate(0,0);margin:30px auto;width:500px;}
    .modal_pop_normal{position: relative !important;top:inherit !important;left:inherit !important;margin:30px auto; width:100% !important;/*max-width:400px;*/}
    /* .modal_pop_normal .modal_footer a,
    .modal_pop_normal .modal_footer a label{color:#fff !important;} */
    .main_slider_modal_pop .modal_pop_slider .no_link,
    .main_slider_modal_pop .modal_pop_slider a,
    .main_slider_modal_pop .modal_pop_slider{width:500px;}
}

@media all and (max-width:640px){

    .main_slider_modal_pop,
    .main_slider_modal_pop .modal_popup,
    .main_slider_modal_pop .modal_pop_slider,
    .main_slider_modal_pop .modal_pop_slider .no_link,
    .main_slider_modal_pop .modal_pop_slider a{width:400px;}
    .main_slider_modal_pop .modal_pop_slider .slick-arrow{display:none !important;}
    .main_slider_modal_pop .modal_footer{position: relative;display: flex; justify-content: center;margin: 0 auto;width: calc(500px - 100px);height:auto;background: rgba(0,0,0,0.8);}
    .main_slider_modal_pop .modal_footer .btn_close_today,
    .main_slider_modal_pop .modal_footer .btn_close{display:block;flex-grow: 1;position: relative;top:inherit;left:inherit;right:inherit;transform:translate(0,0);text-indent:0;color:#fff;line-height: 1.6;font-size: 14px;width: 50%;line-height: 40px;height: 40px;}
    .main_slider_modal_pop .modal_footer .btn_close_today{text-decoration: none;}
    .main_slider_modal_pop .modal_footer .btn_close_today:after{content:"";position: absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:20px;background:rgba(255,255,255,.2);}
    .main_slider_modal_pop .modal_footer .btn_close{background:none;}
}
@media all and (max-width:540px){
	
    .main_slider_modal_pop,
    .main_slider_modal_pop .modal_popup,
    .main_slider_modal_pop .modal_footer,
    .main_slider_modal_pop .modal_pop_slider,
    .main_slider_modal_pop .modal_pop_slider a,
    .main_slider_modal_pop .modal_pop_slider .no_link,
    .main_slider_modal_pop .modal_pop_slider a img,
    .main_slider_modal_pop .modal_pop_slider .no_link img{width:320px;max-width:inherit;}
}

@media all and (max-width:360px){
    .main_slider_modal_pop,
    .main_slider_modal_pop .modal_popup,
    .main_slider_modal_pop .modal_footer,
    .main_slider_modal_pop .modal_pop_slider,
    .main_slider_modal_pop .modal_pop_slider a,
    .main_slider_modal_pop .modal_pop_slider a img,
    .main_slider_modal_pop .modal_pop_slider .no_link,
    .main_slider_modal_pop .modal_pop_slider .no_link img{width:300px;}
}

/* ******************************************************
    marketing_event_pop > 메인 마케팅 이벤트 팝업
*******************************************************/
.marketing_event_pop {top:48%;left:20%;background:transparent;width:375px;}
.marketing_event_pop * {color:#fff;}
.marketing_event_pop .modal__inner{background:transparent;}
.marketing_event_pop .modal__footer{border-top:none;margin:10px 0;}
.marketing_event_pop .modal__top__close {background: url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_close_white.svg) no-repeat center; background-size: 78%;}
.marketing_event_pop .marketing_event_pop__inner {background: #200065;padding: 30px;}

.marketing_event_pop .modal__con img{width:100%;object-fit:contain;}
.marketing_event__input_cont {margin-bottom:20px;}
.marketing_event__input_cont:last-child{margin-bottom:0;}
.marketing_event__input_cont label.marketing_event_radio{padding-left:35px;display:flex;align-items:center;position: relative; cursor: pointer; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.marketing_event__input_cont label.marketing_event_radio span {font-size:16px;}
.marketing_event__input_cont label.marketing_event_radio input[type="radio"],
.marketing_event__input_cont label.marketing_event_radio input[type="checkbox"] {display: none;}
.marketing_event__input_cont label.marketing_event_radio input[type="radio"]:checked + .input_on::after,
.marketing_event__input_cont label.marketing_event_radio input[type="checkbox"]:checked + .input_on::after {display:block;}
.marketing_event__input_cont label.marketing_event_radio .input_on{border:1px solid #AAAAAA; width: 24px;height: 24px;background: transparent;position: absolute;display:inline-block;border-radius: 50%;top: 55%;transform:translateY(-50%);left: 0;}
.marketing_event__input_cont label.marketing_event_radio .input_on::after{content: "";position: absolute;display: none;top:-1px;left:-1px;border:6px solid #A7F282;border-radius:50%;width:12px;height:12px;}

.marketing_event__input_cont label.marketing_event_checkbox_border {}
.marketing_event__input_cont label.marketing_event_checkbox_border{padding-left:30px;display:flex;align-items:center;position: relative; cursor: pointer; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.marketing_event__input_cont label.marketing_event_checkbox_border span {font-size:16px;}
.marketing_event__input_cont label.marketing_event_checkbox_border input[type="checkbox"] {display: none;}
.marketing_event__input_cont label.marketing_event_checkbox_border input[type="checkbox"]:checked + .input_on::after {display:block;}
.marketing_event__input_cont label.marketing_event_checkbox_border .input_on{border:1px solid #fff; width: 20px;height: 20px;background: transparent;position: absolute;display:inline-block;border-radius: 5px;top: 55%;transform:translateY(-50%);left: 0;}
.marketing_event__input_cont label.marketing_event_checkbox_border .input_on::after{content: "";width: 6px; height: 10px;position: absolute;display: none;border: solid #fff;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);left: 5px;top: 1px;}


@media all and (max-width:768px){
	.marketing_event_pop {top:50%;left:50%;width:375px;max-width:calc(100vw - 20px);}
	.marketing_event_pop .marketing_event_pop__inner {padding: 15px;}
}




/*******************************************************
	@main |	intro video
*******************************************************/
.intro_loading_video_wrap{width:100%;position: relative;background:#000;}
.intro_loading_video_wrap video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:100%;}
.intro_loading_video_wrap .button_group{position:absolute;bottom:10%;left:50%;transform:translate(-50%,0);}
/*******************************************************
	@main |	container_main
*******************************************************/
.main_content_wrap{margin:0 auto;width:100%;}

.main_con .mb{display:none;}

.main-swiper-navigation button{position:absolute;top:50%;z-index:1;width:40px;height:40px;border:0;background-repeat:no-repeat;background-position:center;background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_arrow_round_next_prev.svg);background-color:rgba(0, 0, 0, 0.20);border-radius:50%;}
.main-swiper-navigation button:hover{background-color:rgba(0, 0, 0, 0.5);}
.main-swiper-navigation .next{right:25px;transform:translateY(-50%);}
.main-swiper-navigation .prev{left:25px;transform:translateY(-50%) rotate(180deg);}
.main-swiper-navigation .swiper-button-disabled{display:none;}
.swiper-pagination-style span{padding:0;margin-right:5px;width:6px;height:6px;text-indent: -9999px;border:0;transition:all .3s;}
.swiper-pagination-style span.swiper-pagination-bullet-active {}
.event_banner_nav{position:absolute;display:flex;left:50% !important;bottom:20px;transform:translate(-50%);width:auto !important; padding: 5px ;background: rgba(0, 0, 0, 0.2);border-radius: 20px;text-align: center;z-index:1;}
.event_banner_nav span{margin-right:2px !important;width:7px;height:7px;background:rgba(255,255,255,0.8);}
.event_banner_nav span.swiper-pagination-bullet-active{background:#fff;}

.main_con.con1{width:100%;}
.main_con.con1 .con1_inner{overflow:hidden;max-height:440px;}
.main_con.con1 .main_slider_item > a{display:block;position:relative;margin:0 auto;width:1400px;height:440px;overflow:hidden;}
.main_con.con1 .main_slider_item .img{width:100%;}
.main_con.con1 .main_slider_item .img > img{}
.main_con.con1 .main_slider_item .video:after{content:""; position: absolute;z-index:-1; left:0;width:100%;height:100%;background:linear-gradient(100deg, #f5f5f5 30%, #fff 50%, #f5f5f5 65%); animation: loadingAni 1.2s ease-in-out infinite;background-size: 400%;}
.main_con.con1 .main_slider_item .video.on:after{display:none;}
.main_con.con1 .main_slider_item .video > video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); width:100% !important;}
.main_con.con1 .main_slider_item .video .bg{position:absolute;top:0;height:100%;z-index:1;}
.main_con.con1 .main_slider_item .video .bg1{left:0;width:5%;background: linear-gradient(90deg, var(--bg-color) 0%, rgba(255, 255, 255, 0) 100%);}
.main_con.con1 .main_slider_item .video .bg2{right:0;width:5%;background: linear-gradient(-90deg, var(--bg-color) 0%, rgba(255, 255, 255, 0) 100%);}
.main_con.con1 .main_slider_item .info{position:absolute;top:50%;left:15%;z-index:1;transform:translateY(-50%);text-shadow:0px 5px 10px rgba(0, 0, 0, 0.20);}
.main_con.con1 .main_slider_item .slider_title{display:block;font-size:36px;line-height:1.2em;transition:all .3s;transform:translateX(-100%);opacity:0;}
.main_con.con1 .main_slider_item .slider_sub_title{margin-top:15px;font-size:18px;line-height:1.4em;font-weight:500;transition:all .2s 0s;transform:translateX(-100%);opacity:0;}
.main_con.con1 .main_slider_item .logo{transition:all .2s .1s;transform:translateX(-100%);opacity:0;}
.main_con.con1 .main_slider_item .logo img{height:20px;margin:0 0 10px 0;}
.main_con.con1 .main_slider_item.on .slider_title{transform:translateX(0%);opacity:1;}
.main_con.con1 .main_slider_item.on .slider_sub_title{transform:translateX(0%);opacity:1;}
.main_con.con1 .main_slider_item.on .logo{transform:translateX(0%);opacity:1;}

.swiper-navigation-con1.on{opacity:1;}
.swiper-navigation-con1 {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
.swiper-navigation-con1 .inner{position:relative; margin:0 auto;width:1400px;height:100%;}
.swiper-navigation-con1 .duration-bar{position:absolute;z-index:1;bottom:0; width:100%;height:2px;background:rgba(255,255,255,0.5);}
.swiper-navigation-con1 .duration-bar > span{display:block;width:0;height:2px;background:#fff;}

.swiper-pagination-con1{display:flex;justify-content: center;position: absolute;z-index:1;left: 50%;bottom: 20px;padding:5px 8px;transform:translateX(-50%);background:rgba(0,0,0,0.8);border-radius:20px;}
.swiper-pagination-con1 .player,
.swiper-pagination-con1 .paging{display:flex;align-items:center;}
.swiper-pagination-con1 .player{border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,0.3);margin-left:5px;}
.swiper-pagination-con1 .player button{display:inline-block;position:relative;z-index:1;width:10px;height:10px;background-color:inherit;background-repeat:no-repeat;background-position:center;border:0;}
.swiper-pagination-con1 .player .play{display:none;background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/ico_main_play.svg);}
.swiper-pagination-con1 .player .stop{background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/ico_main_pause.svg);}
.swiper-pagination-con1 span{background:rgba(255,255,255,0.8);}
.swiper-pagination-con1 span.swiper-pagination-bullet-active{background:#fff;width:8px;height:8px;}

.main_tab{display:flex;justify-content: center;margin-top:40px;border-bottom:1px solid #e6e6e6;text-align:center;}
.main_tab > a{display:block;position:relative;margin:0 20px;padding:10px;font-size:16px;font-weight:500;color:#999;transition:all .3s;}
.main_tab > a:after{content:"";position:absolute;left:50%;bottom:0;width:0%;transform:translateX(-50%); height:1px;background:#000;transition:all .3s;}
.main_tab > a.on{color:#000;font-size:18px;font-weight:700;}
.main_tab > a.on:after{width:100%;}

.main_con.con2{margin:60px auto;display:flex;justify-content: center;flex-wrap: wrap;}
.main_con.con2 > a{display:block;margin:0 20px;text-align:center;}
.main_con.con2 > a > i{display:flex;justify-content: center; align-items: center;width:100px;height:100px;border-radius:10px;background:#F7F7F7;overflow:hidden;transition:all .3s;}
.main_con.con2 > a > i > img{width:100%;height:100%;max-width:75px;max-height:75px;transition:all .3s;}
.main_con.con2 > a:hover > i {box-shadow:5px 5px 10px rgba(0,0,0,0.1)}
.main_con.con2 > a:hover img{transform:scale(1.1);}
.main_con.con2 > a > p{margin-top:10px;font-weight:700;}

.main_con.con3{position:relative; margin:80px auto;width:1080px;max-height:100px;overflow:hidden;}
.main_con.con6{margin:80px auto 0 auto;width:1080px}
.main_con.con3 .main_event_banner_item,
.main_con.con6 > a{display:block;position:relative;margin:0 auto;width:100%;overflow:hidden;}


.main_live_wrap,
.main_con.con5,
.main_con.con4 {margin:0px auto 0 auto;width:1080px;}
.main_con > h2{display:block;font-size:28px;font-weight:700;text-align:center;}
.main_con > .sub_title{display:block;margin-top:5px;font-size:14px;text-align:center;color:#666;}

.main_con.con4 .main_best_lists{min-height:350px;margin-bottom:60px;}
.main_con.con4 .main_best_lists > div{display:none;padding:10px 0 20px 0;}
.main_con.con4 .main_best_lists > div.on{display:block;width:100%;}
.main_con.con4 .main_best_lists .swiper-wrapper{padding-bottom:0px}
.main_con.con4 .main_best_lists .product_box_wrap .product_box,
.main_con.con4 .main_best_lists .product_box_wrap{margin-bottom:0;}
.main_con.con4 .main_best_lists .swiper-pagination{}
.main_con.con4 .main_best_lists .swiper-pagination-bullet{margin:0; padding: 0;width: 50%;height: 2px;text-indent: -9999px;  background: #e6e6e6; border: 0;border-radius:0;opacity:1;}
.main_con.con4 .main_best_lists .swiper-pagination-bullet-active{background:#000;}
.main_best_lists.on .product_box .product_name em{word-break:normal; overflow:inherit; white-space:normal;}

.main_live_wrap{margin-top:60px;margin-bottom:60px;}
.main_live_lists{position:relative;margin-top:40px;}
.main_live_lists > div{display:none;}
.main_live_lists > div.on{display:block;}
.live_box {width:228px;max-width:228px;margin-right:10px;}
.live_box.waiting .video_card{background-color:rgba(255,255,255,0.5);}
.live_box .video_box{position:relative; width:228px;height:405px;}
.live_box .video_card{position:absolute;top:0;left:0;z-index:2;cursor:pointer}
.live_box .video{border-radius:10px;overflow:hidden;}
.live_box .video_card,
.live_box .video,
.live_box video{width:100%;height:100%;}
.live_box .video_title{display:block;margin:10px 0 0 0;font-size:14px;font-weight:700; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.live_box .info{width:228px;}
.live_box .product_live_info{position:relative}
.live_box .product_info_box{display:flex;margin:10px 0;}
.live_box .product_info_box .img{margin-right:10px;width:48px;height:48px;border-radius:5px;overflow:hidden;}
.live_box .product_info_box .img img{width:100%;height:100%;}
.live_box .product_info_box .txt{margin:5px 0;width:calc(100% - 58px);height: 40px; overflow: hidden;font-size:12px;color:#999;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;word-wrap:break-word;}
.main_live_lists .swiper-navigation{position:absolute;top:0;left:0;width:100%;height:100%;}
.main_live_lists .swiper-navigation .prev{left:0;}
.main_live_lists .swiper-navigation .next{right:0;}

.video_big_clip{position:fixed;bottom:-100%;right:10px;width:228px;height:405px;background:#000;border-radius:10px;overflow:hidden; z-index:10;transition:all .3s;}
.video_big_clip.active{bottom:10px;}
.video_big_clip video{width:100%;height:100%;}
.btn_close_video_big{display:none;position:absolute;top:10px;left:10px;width:30px;height:30px;z-index:3;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_close_round.svg)no-repeat center;}
.video_big_clip:hover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.video_big_clip:hover .btn_close_video_big{display:block;}

#shoplive-shortform,
#shoplive-overall-area {width:100%;}
.list-header-title.svelte-ncaro2.svelte-ncaro2{display:none;}
#shoplive-shortform,
#shoplive-overall-area{min-height:348px;}
#shoplive-overall-area{padding:20px 0;overflow-y:hidden;}

#shoplive-overall-area li{margin:0 5px;padding:0;}
/*숏폼 */
#shoplive-shortform > ul{padding:40px 0 20px 0;overflow-y:hidden;}
#shoplive-shortform .template-item{margin: 0 5px;padding:0;max-width:21%;}
#shoplive-shortform .row-writer{display:none;}
#shoplive-shortform .shorts-title{display:block;font-size:14px;font-weight:700;white-space: nowrap;text-overflow: ellipsis;}
#shoplive-shortform .template-aspect-resource{overflow:inherit;}
#shoplive-shortform .cloud-shoplive,
#shoplive-shortform video,
#shoplive-shortform .template-thumbnail{border-radius:10px;overflow:hidden;}
#shoplive-shortform .thumbnail-dimmed.bottom{display:none;}
#shoplive-shortform .wrap-template-inner.bottom{bottom:-95px}
#shoplive-shortform .wrap-displaying-product{margin:5px 0;}
#shoplive-shortform .csl-sf.csl-TemplateShorts.grid-2.horizontal{overflow-y:hidden;}
#shoplive-shortform .csl-sf.csl-TemplateShorts.grid-2.horizontal .wrap-template-info{min-height:75px;}
#cloud-shoplive-shorts-modal,
#shoplive-shortform .product-title,
#shoplive-shortform .wrap-price-info{font-size:12px;}
#cloud-shoplive-shorts-modal .wrap-price-info > span,
#shoplive-shortform .wrap-price-info > span{padding:2px 0;font-size:inherit;}
#shoplive-shortform .prefix-price-type{display:inline-block;}
#cloud-shoplive-shorts-modal .record{display:none;}



.main_best_review_list{margin:30px auto 0 auto;width:74%;}
.main_best_review_list a{position:relative; display:flex;flex-wrap:wrap;padding:30px 0;border-bottom:1px solid #E6E6E6;}
.main_best_review_list a:after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:20px;height:20px;background:url('https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_arrow_right_b.svg')no-repeat right/100%;}
.main_best_review_list li:last-child a{border:0;}
.main_best_review_list .review_imgs{display:block;position: relative;width:100px;height:100px;margin-right:20px;overflow:hidden;border-radius:10px;transition:all .3s;}
.main_best_review_list .review_imgs img{position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);transition:all .3s;}
.main_best_review_list a:hover .review_imgs{box-shadow:0 5px 10px rgba(0,0,0,0.3);}
.main_best_review_list a:hover .review_imgs img{transform:scale(1.1) translate(-50%, -50%);}
.main_best_review_list .info{width:calc(100% - 120px);}
.main_best_review_list .radio_str_score em,
.main_best_review_list .radio_str_score em.on{width:15px;height:15px;}
.main_best_review_list .product_name{display:block;margin:5px 0;font-size:13px;color:#666;font-weight:500;}
.main_best_review_list .txt{font-size:16px;font-weight:700;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;width:calc(100% - 30px);}
.main_best_review_list .txt br{display:none;}

.main_con.con7{display:block;margin:100px auto 150px auto; width:1080px;}
.main_con.con7 .inner{display:flex;justify-content: space-between;align-items: center;}
.main_con.con7 .txt{width:30%;font-size:28px;color:#999;font-weight:700;}
.main_con.con7 .txt strong{color:#000;}
.main_con.con7 .info{display: flex; justify-content: end;width:calc(100% - 30%)}
.main_con.con7 .info > a{display:flex;justify-content: center;align-items: center;margin-right:50px;}
.main_con.con7 .info > a > i{display:block;margin-right:10px;width:60px;height:60px;border-radius:50%;background:#f1f1f1;}
.main_con.con7 .info > a > span{width:calc(100% - 60px);}
.main_con.con7 .info > a > span strong{display:block;}
.main_con.con7 .info > a > span > span{color:#9a1e23;position:relative;}
.main_con.con7 .info > a > span > span:after{content:"";display: inline-block;width:14px;height:14px; background:url('https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_arrow_right_red.svg')no-repeat center/100%;}
.main_con.con7 .info > a > i{background-repeat:no-repeat;background-size:42px;background-position: center;}
.main_con.con7 .info .icon_cs{background-blend-mode: multiply;background-image:url('https://bodyfriend.speedgabia.com/img/bodyfriend/main/2024/home/con7_icon_cs.png')}
.main_con.con7 .info .icon_showroom{background-image:url('https://bodyfriend.speedgabia.com/img/bodyfriend/main/2024/home/con7_icon_showroom.png')}

.main_promotion_banner{margin:0 auto 0 auto;width:1080px;}
.main_promotion_banner.live_banner{margin-top:60px;}
.main_promotion_banner_normal,
.main_promotion_banner_slider{margin-top:35px;position:relative;max-height:440px;overflow:hidden;}
.main_promotion_banner a{position:relative;display:block;overflow:hidden;}
.main_promotion_banner .img{z-index:-1;}
.main_promotion_banner .img > img{width:100%;}
.main_promotion_banner .info{display: block;position:absolute;left:5%;bottom:10%;max-width:50%;max-height:80%;}
.main_promotion_banner .info strong{display:block;line-height:1.2;font-size:36px;font-weight:700;}
.main_promotion_banner .info p{font-size:18px;font-weight:500;}
.main_promotion_banner_slider .main_promotion_nav{display:flex;position:absolute;bottom:15px !important;left:inherit !important;right:15px;padding:5px 8px;background:rgba(0,0,0,0.2);border-radius:20px;z-index: 1;width: auto !important;}
.main_promotion_banner_slider .main_promotion_nav span{text-indent:-9999px;margin-right:5px;padding:0;display:block;width:7px;height:7px;text-indent: -9999px;background:rgba(255,255,255,0.5);border:0;border-radius:50%;transition:all .3s;}
.main_promotion_banner_slider .main_promotion_nav span:last-child button{margin:0;}
.main_promotion_banner_slider .main_promotion_nav span.swiper-pagination-bullet-active{background:#fff;}


@media all and (max-width:1400px){
    .swiper-navigation-con1 .inner,
    .main_con.con1 .main_slider_item > a{width:1080px;}

}
@media all and (max-width:1080px){
    .swiper-navigation-con1 .inner,
    .main_con.con1 .main_slider_item > a{width:768px;}
    .main_con.con1 .main_slider_item .img{position:relative;width:768px;height:440px;}
    .main_con.con1 .main_slider_item .img > img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100%;}
    .main_con.con1 .main_slider_item .video .bg{display:none;}

    .main_con.con2{margin:30px auto;padding:0 15px;}
    .main_con.con2 > a{margin:20px;}

    .main_live_wrap,
    .main_con.con3,
    .main_con.con4,
    .main_con.con5,
    .main_con.con6,
    .main_con.con7,
    .main_promotion_banner{
        width:100%;
    }
    .main_best_review_list,
    .main_con.con3 img,
    .main_con.con6 img{
        width:100%;
    }
    .main_con.con4{
        padding:20px 20px 50px 20px;
    }
    .main_con.con5,
    .main_con.con7{
        padding:20px;
    }

    .main_con.con4 .main_best_lists .swiper-pagination-bullet{width:25px;}
    .main_con.con7 .inner{display:block;}
    .main_con.con7 .txt,
    .main_con.con7 .info{display:block;width:100%;}
    .main_con.con7 .info{margin-top:35px;}
    .main_con.con7 .info > a{margin:0 0 25px 0;}
    .main_best_review_list a:after{display:none;}

    .main_live_lists{padding:0 10px;}
}
@media all and (max-width:1024px){
    #shoplive-shortform, #shoplive-overall-area{min-height:inherit;}
    #shoplive-overall-area li{width:21%;}
    .main_promotion_banner_slider{max-height:417px;}

    .main_con.con4 .main_best_lists{margin-bottom:0px;}
    .main_con.con3{margin:40px auto;}
}
@media all and (max-width:860px){
    .main_con.con2 > a{margin:12px;}
    .main_promotion_banner_slider{max-height:350px;}
}
@media all and (max-width:768px){
    .swiper-navigation-con1 .inner,
    .main_con.con1 .con1_inner{width:100%;}
    .main_con.con1 .main_slider_item > a{width:100%;}
    .main_con.con1 .main_slider_item .img{position:relative;width:640px;height:440px;}

    .main_con.con2 > a > i{width:96px;height:96px;}

    .main_promotion_banner_slider{max-height:312px;}
}
@media all and (max-width:640px){
    .main_con .pc{display:none;}
    .main_con .mb{display:block;}

    .main_tab{justify-content: left;margin-top:20px;}
    .main_tab > a{margin:0px;padding:5px 10px;font-weight:500;}
    .main_tab > a.on{font-weight:700;font-size:15px;}

    .main_con.con1 .con1_inner{height:auto;max-height:670px;}
    .main_con.con1 .main_slider_item > a{width:auto;height:auto;}
    .main_con.con1 .main_slider_item .img{overflow:hidden;width:100%;height:auto;}
    .main_con.con1 .main_slider_item .img > img{position:relative;top:inherit;left:inherit;transform:translate(0,0); width:100%;height:auto;}
    .main_con.con1 .main_slider_item .video{width:100%;height:90vh}
    .main_con.con1 .main_slider_item .video > video{width:auto !important;height:100% !important;}
    .main_con.con1 .main_slider_item .info{left:40px;top:inherit;bottom:15%;transform:translate(0,0);text-shadow:0px 0px 5px rgba(0, 0, 0, 0.10);}
    .main_con.con1 .main_slider_item .video .bg{display:none;}
    .main_con.con1 .main_slider_item .slider_title{font-size:28px;}
    .main_con.con1 .main_slider_item .slider_sub_title{font-size:14px;}
    .swiper-navigation-con1 button{display:none;}

    .main_con.con2 > a{margin:10px 5px;}
    .main_con.con2 > a > p{font-size:12px;}

    .main_con.con3{margin:40px 0 20px 0;max-height:inherit;}
    .main_con.con3 .event_banner_nav{bottom:10px !important; left:inherit !important; right:0 !important;}

    .main_con.con4{padding:20px 20px 30px 20px;}
    .main_con.con4 .main_best_tab{margin-top:30px;}
    .main_con.con4 .main_best_lists{margin-bottom:0;}
    .main_con.con4 .main_best_lists .product_box_wrap{padding:0 5px;min-width:200px;}

    /*비디오 영역*/
    .main_live_wrap{margin-top:40px;margin-bottom:20px;padding:0 20px;}
    .main_live_wrap:nth-of-type(1){margin-top:30px;}
    #shoplive-shortform, #shoplive-overall-area{min-height:inherit;}
    #shoplive-overall-area ul{margin-bottom:0;}
    #shoplive-shortform .template-item,
    #shoplive-overall-area li{width:33.33%;max-width:33.33%;}
    #shoplive-shortform > ul{padding:20px 0;}

    .main_promotion_banner{margin-top:0;}
    .main_promotion_banner.live_banner{margin-top:40px;}
    .main_promotion_banner > h2{display: block;padding:0 20px;}
    .main_promotion_banner > .sub_title{padding:0 20px;}
    .main_promotion_banner a{min-height:auto;}
    .main_promotion_banner a:first-child{margin-top:0;}
    .main_promotion_banner_normal,
    .main_promotion_banner_slider{margin:20px 0 0 0;max-height:inherit;}
    .main_promotion_banner_slider .swiper-wrapper{display:block;}
    .main_promotion_banner_slider .main_promotion_nav{display:none;}
    .main_promotion_banner .info strong{font-size:28px;}
    .main_promotion_banner .info p{font-size:14px;}

    .main_con > h2{text-align:left;}
    .main_con > .sub_title{text-align:left;}

    .main_best_review_list{margin-top:10px;}
    .main_best_review_list a{padding:15px 0;border:0;}
    .main_best_review_list .review_imgs{margin-right:10px;width:72px;height:72px;}
    .main_best_review_list .info{width:calc(100% - 82px);}
    .main_best_review_list .product_name{margin:0;font-size:12px;}
    .main_best_review_list .txt{font-size:14px;}

    .main_con.con6{margin-top:30px;}

    .main_con.con7{margin:20px auto 20px auto;}
    .main_con.con7 .txt{font-size:24px;}

    .main_live_lists{margin-top:20px;}
    .live_box {width:200px;max-width:200px;}
    .live_box .video_box{width:200px;height:358px;}
    .live_box .info{width:190px;}
    .video_big_clip{width:150px;height:265px;}
    .btn_close_video_big{display:block;background-color:rgba(0,0,0,0.3);width:20px;height:20px;}


}

@media all and (max-width:540px){
    .main_con.con1 .con1_inner{max-height:580px;}
    .main_con.con1 .main_slider_item .video,
    .main_con.con1 .main_slider_item .img{height:75vh}
    .main_con.con2 > a{margin:10px;}
    .main_con.con4 .main_best_tab > a{font-size:13px;}
    .main_con.con4 .main_best_lists > div{padding-bottom:30px;}

}

@media all and (max-width:450px){
    .main_con.con1 .con1_inner{max-height:528px;}
    .main_con.con1 .main_slider_item .info{left:30px;}
    .main_con.con1 .main_slider_item .video,
    .main_con.con1 .main_slider_item .img{height:528px;}
    .main_con.con2 > a{margin:10px 5px;}

    #shoplive-shortform ,
    #shoplive-overall-area {min-height:360px;}
    #shoplive-overall-area .cloud-shoplive{padding:0;}
    #shoplive-shortform .template-item,
    #shoplive-overall-area li{width:50%;max-width:50%;}

}

@media all and (max-width:414px){
    .main_con.con1 .con1_inner{max-height:486px;}
    .main_con.con1 .main_slider_item .video,
    .main_con.con1 .main_slider_item .img{height:486px;}

    .live_box {width:186px;max-width:186px;}
    .live_box .video_box{width:186px;height:320px;}
    .live_box .info{width:170px;}
}

@media all and (max-width:375px){
    .main_con.con1 .con1_inner{max-height:440px;}
    .main_con.con1 .main_slider_item .video,
    .main_con.con1 .main_slider_item .img{height:440px;}
    .main_con.con4 .main_best_tab > a{padding:5px 8px;}
    .main_con.con1 .main_slider_item .info{bottom:15%;}
}
@media all and (max-width:350px){
   .main_con.con2{padding:0;}
}
@media all and (max-width:320px){
   .main_con.con1 .con1_inner{max-height:375px;}
   .main_con.con1 .main_slider_item .video
   .main_con.con1 .main_slider_item .img{height:375px;}
   .main_con.con4 .main_best_tab > a{font-size:11px;}
}

/*******************************************************
	.products_main_content 각 상품 메인
*******************************************************/
.products_main_content{margin:0 auto 0 auto;padding-bottom:150px;}
.products_main_content .inner{display:flex;flex-wrap:wrap;margin:100px auto;width:1440px;}
.products_main_content .inner > div{margin:10px;width:calc(50% - 20px);text-align: center;}
.products_main_content .area_level1{margin-bottom:10px;padding:50px;text-align: center;}
.products_main_content .area .tt{display:block;font-size:26px;font-weight:400;letter-spacing: -.5px;opacity:0; transition:all 1s .4s;}
.products_main_content .area:nth-child(2n){background:#f2f2f2;}
.products_main_content .area .tt span{font-size:36px;font-family: 'NotoSansKR-Bold';}
.products_main_content .area .price strong{font-size:26px;font-family: 'NotoSansKR-Bold';}
.products_main_content .area .price p{font-size:14px;font-weight:400;}
.products_main_content .area a{display:inline-block;position:relative; margin:20px 0 0 0;padding:0 10px;font-size:18px;font-weight:500;color:#2f80ed;}
.products_main_content .area a:after{content:"";position: absolute;top:50%;right:0;width:8px;height:8px;border-top:1px solid #2f80ed;border-right:1px solid #2f80ed;transform:rotate(45deg) translateY(-50%);}
.products_main_content .area .product{overflow:hidden;}
.products_main_content .area .product img{display:block;margin:0 auto; max-width:100%; opacity:0; transition:all .3s .3s;}
.products_main_content .area .product .name{margin:15px auto;}

.products_main_content .offset{opacity: 0;transition:all .3s;}
.products_main_content .offset.active .product img{opacity: 1; mix-blend-mode: multiply;}
.products_main_content .offset.active {opacity: 1;}
.products_main_content .offset.active .tt{opacity: 1;}

.products_main_content .areas .slick-dots{display:flex;flex-wrap:wrap;justify-content:center; position: absolute;bottom:20px;left:50%;transform:translateX(-50%);}
.products_main_content .areas .slick-dots button{margin:0 7px;width:6px;height:6px;border-radius:50%;border:1px solid #bdbdbd; text-indent:-9999px;transition:width .3s;}
.products_main_content .areas .slick-dots .slick-active button{width:38px;background:#bdbdbd;border-radius: 10px;}
.products_main_content .areas .slick-arrow{position: absolute;top:50%;transform:translateY(-50%);width:74px;height:74px;background-color:transparent;background-position: center;background-repeat:no-repeat;text-indent:-9999px;}
.products_main_content .areas .slick-prev{left:30px;background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_arrow_left_grey.svg);}
.products_main_content .areas .slick-next{right:30px;background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_arrow_right_grey.svg);}


/*바디프랜드 메인*/
.product_main_bf .area_eri .product .name{height:62px;}
.product_main_bf .area_eri .product .img{margin-top:-120px;}
.product_main_bf .area01 .product .img{margin-top:-100px}
.product_main_bf .area02 .product .img{margin:40px auto 0 auto;mix-blend-mode: multiply;width:450px;}
.product_main_bf .area03 .product .img{margin:40px auto;}
.product_main_bf .area04 .area{padding:30px 30px 75px;background:#f2f2f2;text-align: center;}
.product_main_bf .area04 .slick-list{z-index:0;}
.product_main_bf .area04 .product .img{margin:20px auto;height:350px;mix-blend-mode: multiply;}
.product_main_bf .area04 #area_level2_2 .name{height:37px;}
.product_main_bf .area04 #area_level2_3 .tt span{font-size:36px;font-family: 'NotoSansKR-Bold';}
.product_main_bf .area04 #area_level2_3 .product{position: relative;}
.product_main_bf .area04 #area_level2_4 .tt span{font-size:36px;font-family: 'NotoSansKR-Bold';}
.product_main_bf .area04 #area_level2_4 .product{position: relative;}
.product_main_bf .area04 #area_level2_4 .img{margin:45px auto 0 -30px;}
.product_main_bf .area04 .img.mb{display:none;}
.product_main_bf .area05{background:#fff;}
.product_main_bf .area06 .tt1{display:block;font-size:50px;font-family: 'NotoSansKR-Bold';line-height:1.4;}
.product_main_bf .area06 .txt{margin:45px auto;font-size:26px;word-break:keep-all;}
.product_main_bf .area06 .txt span{font-family: 'NotoSansKR-Bold';}
.product_main_bf .area06 .txt .point{color:#2f80ed;}
.product_main_bf .area06 .txt .underline{text-decoration: underline;}
.product_main_bf .area06 .product .img{display:block;margin:30px auto; }
.product_main_bf .area05 .tt{display:block;font-size:50px;font-family: 'NotoSansKR-Bold';line-height:1.4;word-break:keep-all;}


/*라클라우드 메인*/
.product_main_lacloud .area01 .product .img{margin:70px auto 40px auto;height:600px;}
.product_main_lacloud .area02 .areas{margin:0 auto;width:1440px;}
.product_main_lacloud .area02 .area{display:flex;flex-wrap:wrap;position: relative;}
.product_main_lacloud .area02 .area > div{display: flex;flex-direction: column; justify-content: center; width:50%;min-height:500px;}
.product_main_lacloud .area02 .slick-slide .txt{opacity: 0;transition:all 1s .3s;}
.product_main_lacloud .area02 .product{padding:30px;}
.product_main_lacloud .area02 .slick-current .txt{opacity: 1;}
.product_main_lacloud .area02 .tt span{display:block;font-size:50px;font-family: 'NotoSansKR-Bold';line-height:1.4;}
.product_main_lacloud .area02 .price{margin-top:20px;}
.product_main_lacloud .area02 .slick-prev{left:50%;margin-left:-50px;}
.product_main_lacloud .area02 .slick-next{right:0;margin-right:-50px;}
.product_main_lacloud .area02 .slick-dots{left:75%;}
.product_main_lacloud .area04{margin:50px auto;background:#fff;}
.product_main_lacloud .area04 .tt{display:block;font-size:50px;font-family: 'NotoSansKR-Bold';line-height:1.4;}
.product_main_lacloud .area06{margin:50px auto;background:#fff;}
.product_main_lacloud .area06 .tt{display:block;font-size:36px;font-weight:400;line-height:1.4;}
.product_main_lacloud .area06 .tt span{font-size:50px; font-family: 'NotoSansKR-Bold';}

.product_main_lacloud .area07{margin:0 auto 100px auto;}
.product_main_lacloud .area07 .area{padding:30px 30px;background:#f2f2f2;text-align: center;}
.product_main_lacloud .area07 .tt span{font-size:36px;font-family: 'NotoSansKR-Bold';}
.product_main_lacloud .area07 .product{margin:20px auto 0 auto;}

/*라클라우드 서브페이지1 : latex_history*/
/* #c7b37f; */

.lacloud_sub_origin .lacloud_sub_cont .lacloud_sub_area{margin-bottom: 60px; display: flex; justify-content: space-between;}
.lacloud_sub_origin .lacloud_sub_cont .lacloud_sub_area:last-child{margin-bottom: 0;}
.lacloud_sub_origin .lacloud_sub_cont .lacloud_sub_area > img { width: 100%; object-fit: contain;}
.lacloud_sub_origin .lacloud_sub_cont .lacloud_sub_area .lacloud_sub_item {width: 48%; }
.lacloud_sub_origin .lacloud_sub_cont .lacloud_sub_area .lacloud_sub_item > img { width: 100%; object-fit: contain;}
.lacloud_sub_origin .lacloud_sub_cont .lacloud_sub_area .lacloud_sub_item.lacloud_img_exist { display: flex; flex-wrap: wrap; justify-content: space-evenly;}
.lacloud_sub_origin .lacloud_sub_cont .lacloud_sub_area .lacloud_sub_item.lacloud_img_exist .lacloud_img_cont{ margin: 10px;}
.lacloud_sub_origin .lacloud_sub_cont .lacloud_sub_area .lacloud_sub_item .lacloud_img_cont img { width : 100%; object-fit: contain; }
.lacloud_sub_origin .lacloud_sub_cont .lacloud_sub_area .lacloud_sub_item dl dt {padding-bottom: 5px; margin-bottom: 10px; display: inline-block; position: relative; font-size: 22px; font-family: 'NotoSansKR-Bold';color: #c7b37f; }
.lacloud_sub_origin .lacloud_sub_cont .lacloud_sub_area .lacloud_sub_item dl dt::after {position: absolute; content: ""; width: 100%;  height: 5%; bottom: -1%; left: 0; background-color: #c7b37f;}
.lacloud_sub_origin .lacloud_sub_cont .lacloud_sub_area .lacloud_sub_item dl dd  {font-size: 15px; line-height: 25px;}
.lacloud_sub_origin .lacloud_sub_cont .lacloud_sub_area .lacloud_sub_item dl dd .lacloud_highlight_text {display: inline-block; position: relative;}
.lacloud_sub_origin .lacloud_sub_cont .lacloud_sub_area .lacloud_sub_item dl dd .lacloud_highlight_text::before {position: absolute; content: ""; opacity: 0.3;width: 100%; height: 50%; bottom: 0; left: 0; background-color: #c7b37f;}
@media all and (max-width:768px){
	.lacloud_sub_origin .lacloud_sub_cont .lacloud_sub_area{display: block;}
	.lacloud_sub_origin .lacloud_sub_cont .lacloud_sub_area .lacloud_sub_item { margin-bottom: 20px; width: 100%;}
	.lacloud_sub_origin .lacloud_sub_cont .lacloud_sub_area {margin-bottom: 40px; display: block; }
	.lacloud_sub_origin .lacloud_sub_cont .lacloud_sub_area .lacloud_sub_item {width: 100%; }
}
@media all and (max-width:640px){
	.products_main_content{margin:10px auto 0 auto;}
}
@media all and (max-width:414px){
	.product_main_bf .area_eri .product .name{height:50px;}
	.product_main_bf .area_eri .product .img{margin-top:-100px;}
	.lacloud_sub_origin .lacloud_sub_cont .lacloud_sub_area .lacloud_sub_item.lacloud_img_exist .lacloud_img_cont{ margin: 6px; width: calc(100% / 3);}
	.lacloud_sub_origin .lacloud_sub_cont .lacloud_sub_area .lacloud_sub_item dl dd .lacloud_highlight_text {font-size: 12px;}

}

/*라클라우드 서브페이지2 : why_lacloud*/
.lacloud_sub_why {}
.lacloud_tab_area ul{display: flex; align-items: center; border:1px solid #737373; }
.lacloud_tab_area ul li {width: calc(100% / 3); text-align: center;}
.lacloud_tab_area ul li:nth-child(1), .lacloud_tab_area ul li:nth-child(2) {border-right:1px solid #737373;}
.lacloud_tab_area ul li a {font-size: 16px; color: #737373; display: block; padding: 20px 15px; transition: background-color, .8s;}
.lacloud_tab_area ul li a.on {background-color: #252525; color: #ffffff;}

.lacloud_tab_cont{ text-align: center; }
.lacloud_tab_cont .lacloud_tab_content{}
.lacloud_tab_cont .lacloud_tab_content .lacloud_img_cont { width: 100%; }
.lacloud_tab_cont .lacloud_tab_content .lacloud_img_cont > img { width: 100%; object-fit: contain; }
.lacloud_tab_cont .lacloud_tab_content .latex_spec table {}
.lacloud_tab_cont .lacloud_tab_content .latex_spec table th,
.lacloud_tab_cont .lacloud_tab_content .latex_spec table td {padding: 25px 5px;}
.lacloud_tab_cont .lacloud_tab_content .latex_spec table th {font-size: 20px; }
.lacloud_tab_cont .lacloud_tab_content .latex_spec table tr {font-size: 16px; border-top: 1px solid #eee;}
.lacloud_tab_cont .lacloud_tab_content .latex_spec table tr:last-child { border-bottom: 1px solid #eee;}
.lacloud_tab_cont .lacloud_tab_content .latex_spec table td {font-size: 16px; }
.lacloud_tab_cont .lacloud_tab_content .latex_spec table td:nth-child(2) {background-color:#f5f5f5; }
.lacloud_tab_cont .lacloud_tab_content .latex_spec table td:nth-child(1),
.lacloud_tab_cont .lacloud_tab_content .latex_spec table td:nth-child(2){border-right: 1px solid #eee;}



@media all and (max-width:640px){
	.lacloud_tab_area ul{flex-direction: column;}
	.lacloud_tab_area ul li {width: 100%;}
	.lacloud_tab_area ul li:nth-child(1), .lacloud_tab_area ul li:nth-child(2) {border-bottom:1px solid #737373; border-right: none;}
    .lacloud_tab_area ul li a{padding:10px ;}
	.lacloud_tab_cont .lacloud_tab_content .latex_spec table th {font-size: 17px;}
	.lacloud_tab_area ul li a ,
	.lacloud_tab_cont .lacloud_tab_content .latex_spec table tr,
	.lacloud_tab_cont .lacloud_tab_content .latex_spec table td {font-size: 14px;}
	
	.lacloud_tab_cont .lacloud_tab_content .latex_spec table tr br {display: none;}
}
@media all and (max-width:375px){
	.lacloud_tab_cont .lacloud_tab_content .latex_spec table th {font-size: 15px;}
	.lacloud_tab_cont .lacloud_tab_content .latex_spec table tr,
    .lacloud_tab_cont .lacloud_tab_content .latex_spec table td {font-size: 13px;}

}


/*W정수기 메인*/
.product_main_w .area02 .product,
.product_main_w .area03 .product{position: relative;display:flex;justify-content: center;margin:50px auto 20px auto;}
.product_main_w .area02 .img,
.product_main_w .area03 .img{mix-blend-mode: multiply;}
.product_main_w .area04 .area{padding:30px 30px;background:#f2f2f2;text-align: center;}
.product_main_w .area04 .product{position:relative; margin:20px auto;height:350px;}
.product_main_w .area04 #area_level4_1 .img{max-height:320px;}
.product_main_w .area04 #area_level4_2 .img{max-height:360px;}

.products_main_content .call_center{background:#fff !important;}
.products_main_content .call_center .tt{display:block;font-size:36px;font-weight:400;line-height:1.4;}
.products_main_content .call_center .tt span{font-size:inherit; font-family: 'NotoSansKR-Bold';}

@media all and (max-width:1440px){
.products_main_content .inner{width:100%;}	
.product_main_bf .area04 #area_level2_3,
.product_main_bf .area04 #area_level2_4{padding:30px;}
.product_main_lacloud .area02 .areas{width:100%;}
.product_main_lacloud .area02 .product .img{max-height:450px;}
}

@media all and (max-width:1024px){
.products_main_content .inner{margin:60px auto;}
.products_main_content .inner > div{margin:5px;width:calc(50% - 10px);}
.product_main_bf .area01 .product .name,
.product_main_bf .area02 .product .name,
.product_main_bf .area03 .product .name{height:35px;}
.product_main_bf .area01 .product .img,
.product_main_bf .area02 .product .img,
.product_main_bf .area03 .product .img{height:450px;}
.product_main_bf .area04 .product .name,
.product_main_bf .area04 #area_level2_2 .name{height:30px;}
.product_main_bf .area04 #area_level2_3 .tt span,
.product_main_bf .area04 #area_level2_4 .tt span{font-size:30px;}
.product_main_bf .area04 #area_level2_3 .product, 
.product_main_bf .area04 #area_level2_4 .product{height:360px;}
.product_main_bf .area04 #area_level2_4 .img{margin:30px auto 0 -30px;}
.product_main_bf .area04 #area_level2_3 .product .img,
.product_main_bf .area04 #area_level2_4 .product .img{height:auto;}
.product_main_bf .area05 .tt{font-size:40px;}
.product_main_bf .area06 .product .img{margin:20px auto;}

.product_main_lacloud .area02 .area > div{min-height:400px;}
.product_main_lacloud .area01 .product .name{height:35px;}
.product_main_lacloud .area01 .product .img{height:400px;}

.products_main_content .area .tt{font-size:20px;}
.product_main_lacloud .area02 .tt span{font-size:36px;}
.product_main_w .area .tt span,
.product_main_lacloud .area04 .tt,
.product_main_lacloud .area06 .tt span{font-size:30px;}
.product_main_lacloud .area07 .tt span{font-size:25px;}
.product_main_lacloud .area04{margin:20px auto;}
.product_main_lacloud .area06{margin:0px auto;padding:10px;}
.product_main_lacloud .area06 .tt{font-size:20px;}

.product_main_w .area01 .product{margin:20px auto;}
.products_main_content .call_center .tt{font-size:30px;}
}

@media all and (max-width:830px){
.products_main_content .inner{display:block;margin:0 auto;}
.products_main_content .inner > div{margin:0 0 10px;width:100%;}
.product_main_bf .area04 .img.mb{display:block;margin:0 auto;}
.product_main_bf .area04 .img.pc{display:none;}
.product_main_bf .area04 #area_level2_3 .product, 
.product_main_bf .area04 #area_level2_4 .product{height:auto;}
.product_main_bf .area04 #area_level2_3 .img{margin:20px auto 0 auto;}
.product_main_bf .area04 #area_level2_4 .img{margin:0 auto;}

.product_main_lacloud .area01 .product .img{height:auto;}
.product_main_lacloud .area02 .area{display:block;}
.product_main_lacloud .area02 .area > div{width:100%;min-height:auto;justify-content:inherit;}
.product_main_lacloud .area02 .slick-dots{left:50%;bottom:-20px;transform:translateX(-50%);}
.product_main_lacloud .slick-prev,
.product_main_lacloud .slick-next{display:none !important;}

.product_main_w .area04 #area_level4_1 .img, .product_main_w .area04 #area_level4_2 .img{max-height:inherit;}
}

@media all and (max-width:768px){
.product_main_bf .area05 .tt{font-size:30px;}
.product_main_bf .area06 .txt{font-size:22px;}

}

@media all and (max-width:640px){
.products_main_content .area .price strong{font-size:21px;}
.products_main_content .area a{font-size:16px;}
.product_main_bf .area01 .product .name, 
.product_main_bf .area02 .product .name, 
.product_main_bf .area03 .product .name{height:30px;}
.product_main_bf .area01 .product .img, 
.product_main_bf .area02 .product .img, 
.product_main_bf .area03 .product .img{width:auto;height:400px;}
.product_main_bf .area01 .product .img{margin-top:-50px;}

.product_main_lacloud .area02 .product{padding:20px 0;}
.product_main_lacloud .area02 .product .img{max-height:inherit;}
.product_main_lacloud .area06{margin:10px auto;padding:50px 0 20px 0;}
}

@media all and (max-width:540px){
.products_main_content{padding-bottom:40px;}
.products_main_content .area_level1{padding:50px 20px;}
.products_main_content .area .tt{font-size:17px;}
.products_main_content .areas .slick-prev,
.products_main_content .areas .slick-next{display:none !important;}
.products_main_content .call_center .tt{font-size:18px;}
.products_main_content .call_center .tt span{font-size:inherit !important;}

.product_main_bf .area04 #area_level2_3, 
.product_main_bf .area04 #area_level2_4{padding:30px 20px;}
.product_main_bf .area01 .product .img{height:auto;}
.product_main_bf .area02 .product .img, 
.product_main_bf .area03 .product .img{max-width:90%;height:auto;}
.product_main_bf .area02 .product .name{height:auto;}
.product_main_bf .area04 .slick-list{z-index: 0;}
.product_main_bf .area06 .tt1{font-size:30px !important;}
.product_main_bf .area06 .txt{margin:20px auto;font-size:18px;line-height:1.6;}
.product_main_bf .area06 .product .img{margin: 0 auto;}

.product_main_lacloud .area06 .tt{font-size:17px;}
.product_main_lacloud .area07 .area{padding:30px 10px;}

.product_main_w .area02 .product .img{height:330px;}
.product_main_w .area03 .product .img{height:400px;}
.product_main_w .area04 .area{padding:30px 0;}
.product_main_w .area04 .product{height:auto;}

}

@media all and (max-width:320px){
.product_main_lacloud .area01 .product .name,
.product_main_bf .area01 .product .name, 
.product_main_bf .area02 .product .name, 
.product_main_bf .area03 .product .name,
.product_main_bf .area04 .product .name, 
.product_main_bf .area04 #area_level2_2 .name{height:auto;max-height:25px;}
.product_main_w .area .tt span,
.product_main_lacloud .area02 .tt span,
.product_main_lacloud .area04 .tt,
.product_main_lacloud .area06 .tt span,
.product_main_bf .area05 .tt,
.product_main_bf .area06 .tt1,
.product_main_bf .area04 #area_level2_3 .tt span, 
.product_main_bf .area04 #area_level2_4 .tt span{font-size:22px !important;}
.product_main_lacloud .area07 .tt span{font-size:20px;}
.product_main_w .area04 .tt{font-size:18px;}

.products_main_content .call_center .tt{font-size:18px;}
.products_main_content .call_center .tt span{font-size:inherit !important;}
}