@charset "utf-8";

/* mainSlideWrap */
.mainSlideWrap {width: 100%;height: 740px;overflow: hidden;}
.mainSlide {height:100%;width:100%;}
.mainSlide .swiper-slide{position:relative;background:#fff;}
.mainSlide .slideTxt{width:440px;background:#fff;height:100%;position:absolute;top:0;left:50%;margin-left:-700px;display:flex;flex-direction: column;justify-content: center;margin-top:-50px;}
.mainSlide .slideTxt h2{font-weight:700;font-size:60px;color:#000;}
.mainSlide .slideTxt p{color:#666;font-size:18px;margin:30px 0 50px;}
.mainSlide .slideTxt a{color:#aaa;font-size:16px;}
.mainSlide .slideImg{width:calc(50% + 260px);height:100%;position:absolute;top:0;left:50%;margin-left:-260px;}
.mainSlideWrap .control {position: absolute;top: calc(50% + 180px);z-index: 1;width: 100%;}
.mainSlideWrap .contain {position: relative;text-align: right;}
.mainSlideWrap .swiper-pagination {display: inline-block;left: 50px;width: unset;text-align:left;width:90% !important;}
.mainSlideWrap .swiper-pagination span {width: 4px;height: 4px;background: rgba(0, 0, 0, 0.15);opacity: 1;margin:0 12px !important;position:relative;}
.mainSlideWrap .swiper-pagination span:after{content:"";width:24px;height:24px;display:block;border-radius:50%;position:absolute;left:0;top:0;margin-left:-11px;margin-top:-11px;} 
.mainSlideWrap .swiper-pagination .swiper-pagination-bullet-active {background-color: #095740;}
.mainSlideWrap .swiper-pagination .swiper-pagination-bullet-active:after{content:"";width:24px;height:24px;display:block;border-radius:50%;border:1px solid #ddd;position:absolute;left:0;top:0;margin-left:-11px;margin-top:-11px;}

.mainTit{text-align:center;margin:150px 0 50px;}
.mainTit h2{color:#000;font-size:42px;font-weight:700;margin-bottom:20px;}
.mainTit p{color:#666;font-size:18px;font-weight:300;}

/* our story */
.mainStory ul{display:flex;gap:25px;height:450px;}
.mainStory li{flex:1;}
.mainStory li > span {position:relative;display:block;height:100%;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;transform-style:preserve-3d;}
.mainStory li > span > span {display:block;position:absolute;left:0;top:0;opacity:1;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;/*backface-visibility:hidden;*/}
.mainStory li > span > span + span {transform:rotateY(180deg);background:#095740;opacity:0;height:100%;display:flex;flex-direction: column;align-items: center;padding:0 30px;}
.mainStory li > span > span + span img{margin-top:100px;}
.mainStory li > span > span + span h2{margin:30px 0;font-weight:600;font-size:20px;color:#fff;}
.mainStory li > span > span + span p{color:rgba(255,255,255,0.7);font-size:16px;word-break:keep-all;}

.mainStory li:hover > span, .mainStory  li a:focus > span {transform:rotateY(180deg);}
.mainStory li:hover > span > span, .mainStory li a:focus > span > span {opacity:0;}
.mainStory li:hover > span > span + span, .mainStory li a:focus > span > span + span {opacity:1;}
.mainStory li:hover > span > span + span:after, .mainStory > li a:focus > span > span + span:after {content:'';position:absolute;right:20px;top:26px;width:28px;height:28px;display:block;}

/* video */
.mainVideo{position:relative;height:900px;margin:150px 0;overflow:hidden;}
.video-background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;scale:1.6;}
.mainVideo .content{background:rgba(0,0,0,0.6);position: relative;z-index: 1;color: white;text-align: center;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;padding-bottom: 100px;box-sizing: border-box;}
.mainVideo .content p{font-size:60px;font-weight:100;}
.mainVideo .content img{position:absolute;bottom:100px;}

.mainCastle{position:relative;}
.triangle-border {margin:0 auto;width: 0;height: 0;border-left: 151px solid transparent;border-right: 151px solid transparent;border-bottom: 151px solid transparent;border-bottom-color: #aaa;}
.triangle {width: 0;height: 0;border-left: 150px solid transparent;border-right: 150px solid transparent;border-bottom: 150px solid white;position: relative;margin-left:-150px;}
.mainCastle img{margin:0 auto;display:block;position:absolute;top:30px;left:50%;margin-left:-85px;}
.mainCastle p{width:100%;text-align:center;position:absolute;bottom:25px;left:0;font-size:18px;color:#aaa;}

/* instagram */
.b-tit p{font-size:20px;font-weight:400;}
.mainInsta{margin:150px 5px;}
.mainInsta ul{display:flex;}
.mainInsta li{flex:1;margin:0 5px;overflow:hidden;position:relative; aspect-ratio: 1 / 1;}
.mainInsta li img{width:100%;height:100%;object-fit:cover;}
.mainInsta li a{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.3);text-align:center;transition:all 0.3s;}
.mainInsta li a i{color:#fff;font-size:24px;display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
.mainInsta li:hover a{opacity:1;}



/* mainBestProd */
.mainBestProd {margin-top: 100px;height: max-content;}
.mainBestProd .swiper-wrapper {counter-reset: numbering;}
.mainBestProd .swiper {padding-bottom: 50px;}
.mainBestProd .swiper .swiper-pagination-bullet-active {background-color: #f69f99;}
.mainBestProd .swiper-slide {display: inline-block;position: relative;}
.mainBestProd .swiper-slide:hover .prodHover {bottom: 15px;}
.mainBestProd .swiper-slide:hover .prodImg img {transform: scale(1.03);}
.mainBestProd .swiper-slide:after {display: block;width: 40px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 18px;font-weight: 500;background: #f69f99;position: absolute;top: 0;left: 0;border-top-left-radius: 6px;border-bottom-right-radius: 6px;counter-increment: numbering;content: counter(numbering);}
.mainBestProd .prodImg {position: relative;width: 100%;height:281px;border-radius: 6px;border: 1px solid #eee;box-sizing: border-box;margin-bottom: 25px;overflow: hidden;}
.mainBestProd .prodImg img {transition: all 0.3s;width: 100%;height:100%;object-fit:cover;}
.mainBestProd .prodImg .prodHover {position: absolute;bottom: -55px;left: 0;width: 100%;text-align: center;font-size: 0;transition: all 0.3s;}
.mainBestProd .prodImg .prodHover a {display: inline-block;width: 50px;height: 50px;border-radius: 50%;background: rgba(0, 0, 0, 0.5);text-align: center;margin: 0 10px;transition: all 0.3s;color:#fff;}
.mainBestProd .prodImg .prodHover a svg {vertical-align: middle;margin-top: 14px;width: 25px;}
.mainBestProd .prodImg .prodHover a svg .cls-1 {stroke: #fff;}
.mainBestProd .prodImg .prodHover a svg .cls-t {fill: #fff;}
.mainBestProd .prodImg .prodHover a:hover {background: rgba(0, 0, 0, 0.7);}
.mainBestProd .prodTit {text-align: left;}
.mainBestProd .prodTit p {color: #555;font-size: 13px;margin-top: 5px;}
.mainBestProd .prodTit h3 {color: #000;font-size: 18px;line-height: 1.2;}
.mainBestProd .prodTit span {display: inline-block;color: #555;font-size: 16px;margin-top: 10px;line-height: 1.2;}
.mainBestProd .prodInfo{margin-top: 10px;}
.mainBestProd .prodInfo span.price {color: #000;font-size: 18px;letter-spacing: -0.5px;}
.mainBestProd .prodInfo .cusPri {color: #aaa;font-size: 14px;letter-spacing: -0.5px;display: block;}
.mainBestProd .prodInfo .price {color: #000;font-size: 18px;letter-spacing: -0.5px;margin: 5px 0;padding-right:5px;}
.mainBestProd .prodInfo .pv1 {color: #095740;}
.mainBestProd .prodInfo .pv2 {color: #095740;}

.shopTabs{text-align:center;margin-bottom:30px;}
.shopTabs li{display:inline-block;margin:0 12.5px;}
.shopTabs li a{display:block;line-height:50px;padding:0 30px;border-radius:25px;background:#f2f2f2;font-size:16px;}
.shopTabs li a.On{background:#f69f99;color:#fff;}

.mainProdList{margin-top: 100px;}
.prodList{display:flex;flex-wrap: wrap;width:100%;}
.prodList li {margin-bottom: 80px;width:25%;padding:0 12.5px;box-sizing:border-box;}
.prodList li:hover .prodHover {bottom: 15px;}
.prodList li:hover .prodImg img {transform: scale(1.03);}
.prodList .prodImg {position: relative;width: 100%;height: 0;padding-top:100%;border-radius: 6px;border: 1px solid #eee;box-sizing: border-box;margin-bottom: 25px;overflow: hidden;}
.prodList .prodImg a{display:block;width:100%;height:100%;}
.prodList .prodImg > a{position: absolute;top: 0;left: 0;}
.prodList .prodImg img {transition: all 0.3s;width: 100%;width:100%;height:100%;object-fit:cover;}
.prodList .prodImg .prodHover {position: absolute;bottom: -55px;left: 0;width: 100%;text-align: center;font-size: 0;transition: all 0.3s;}
.prodList .prodImg .prodHover a {display: inline-block;width: 50px;height: 50px;border-radius: 50%;background: rgba(0, 0, 0, 0.5);text-align: center;margin: 0 10px;transition: all 0.3s;color:#fff;}
.prodList .prodImg .prodHover a svg {vertical-align: middle;margin-top: 14px;width: 25px;}
.prodList .prodImg .prodHover a svg .cls-1 {stroke: #fff;}
.prodList .prodImg .prodHover a svg .cls-t {fill: #fff;}
.prodList .prodImg .prodHover a:hover {background: rgba(0, 0, 0, 0.7);}
.prodList .prodImg .tag {position: absolute;top: 15px;left: 15px;display: inline-block;padding: 5px 10px;border-radius: 3px;font-size: 13px;color: #fff;}
.prodList .prodImg .tag.new{background:#095740;}
.prodList .prodImg .tag.soldout{background:red;}
.prodList .prodImg .tag.out{background:red;}
.prodList .prodTit {text-align: left;}
.prodList .prodTit p {color: #acacac;font-size: 13px;margin-top: 5px;}
.prodList .prodTit h3 {color: #000;font-size: 18px;line-height: 1.2;}
.prodList .prodTit span {display: inline-block;color: #555;font-size: 16px;margin-top: 10px;line-height: 1.2;}
.prodList .prodInfo {margin-top: 10px;}
.prodList .prodInfo .cusPri {color: #aaa;font-size: 14px;letter-spacing: -0.5px;display:block;}
.prodList .prodInfo .price {color: #000;font-size: 18px;letter-spacing: -0.5px;margin:5px 0;padding-right:5px;}
.prodList .prodInfo .us-price{color:#888;font-size: 18px;}
.prodList .prodInfo .pv1 {color: #095740;}
.prodList .prodInfo .pv2 {color: #095740;}

/* mainBrand */
.mainBrand {margin-top: 100px;width: 100%;height: 700px;background: url('../../images/os/new_img1/main/brandBg.jpg')no-repeat top center;}
.mainBrand .contain {display:flex;height:100%;}
.brandLeft{width:50%;}
.brandRight{width:50%;align-self: center!important;}
.mainBrand .brandCate {display: inline-block;line-height: 50px;background: #f69f99;color: #fff;font-size: 14px;font-weight: 500;padding: 0 30px;border-radius: 25px;margin-top: 90px;}
.mainBrand .brandTit {color: #fff;font-size: 28px;font-weight: 600;line-height: 38px;margin-top: 50px;padding-right: 100px;}
.mainBrand .brandTxt {display: inline-block;margin-top: 30px;color: #fff;font-size: 18px;line-height: 28px;font-weight: 300;}
.mainBrand .brandProd {background: #fff;border-radius: 6px;overflow: hidden;padding: 20px;position: relative;margin-bottom: 20px;border: 1px solid #fff;box-sizing: border-box;transition: all 0.3s;}
.mainBrand .brandProd:hover {border: 1px solid #f69f99;}
.mainBrand .brandProd:hover img {transform: scale(1.05);}
.mainBrand .brandProd:last-child {margin-bottom: 0;}
.mainBrand .brandProd > a {display: flex;height: 120px;}
.mainBrand .brandProd .imgWrap {display: inline-block;width: 120px;height: 120px;border-radius: 3px;overflow: hidden;border: 1px solid #eee;box-sizing: border-box;}
.mainBrand .brandProd .imgWrap img {width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.mainBrand .brandProd .prodInfo {display: inline-block;vertical-align: top;width: calc(100% - 130px);padding-left: 20px;box-sizing:border-box;align-self: center;}
.mainBrand .brandProd .prodInfo p {color: #555;font-size: 13px;}
.mainBrand .brandProd .prodInfo h3 {color: #000;font-size: 18px;margin: 7px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1;}
.mainBrand .brandProd .prodInfo span {display: block;color: #000;font-size: 18px;letter-spacing: -0.5px;}


/* mainRecomm */
.mainRecomm {margin-top: 100px;margin-bottom: 100px;}
.mainRecomm .recomSlide2 .swiper-wrapper {height: auto;padding-bottom: 80px;}
.mainRecomm .recomSlide2 .contain{display:flex;}
.disF{display:flex;}
.mainRecomm .pagerWrap {position: relative;}
.mainRecomm .pagerWrap:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 1px;background: #ddd;}
.mainRecomm .swiper-pagination {position: relative;display: flex;justify-content: space-around;}
.mainRecomm .swiper-pagination span {width: initial;height: initial;background: transparent;opacity: 1;position: relative;padding-top: 30px;max-width: 100px;}
.mainRecomm .swiper-pagination span:hover {color: #f69f99;}
.mainRecomm .swiper-pagination span:after {content: "";display: block;width: 10px;height: 10px;border-radius: 50%;background: #ddd;position: absolute;top: 4px;left: 50%;margin-left: -5px;}
.mainRecomm .swiper-pagination span.swiper-pagination-bullet-active {color: #f69f99;}
.mainRecomm .swiper-pagination span.swiper-pagination-bullet-active:after {content: "";display: block;width: 10px;height: 10px;border-radius: 50%;background: #f69f99;position: absolute;top: 3px;left: 50%;margin-left: -5px;z-index: 9;}
.mainRecomm .swiper-pagination span.swiper-pagination-bullet-active:before {content: "";width: 30px;height: 30px;border-radius: 50%;background-color: #fff;border: 1px solid #f69f99;position: absolute;top: -8px;left: 50%;margin-left: -16px;z-index: 8;}
.mainRecomm .imgWrap {width: 100%;max-width: 430px;height: auto;margin: 0 auto;border-radius: 6px;border: 1px solid #eee;box-sizing: border-box;overflow:hidden;}
.mainRecomm .imgWrap img { width: 100%;}
.mainRecomm .recomInfo{align-self: center;width:50%;}
.mainRecomm .recomInfo .cateTit {color: #f69f99;font-size: 18px;font-weight: 800;}
.mainRecomm .recomInfo h2 {color: #000;font-size: 28px;font-weight: 700;margin-top: 20px;}
.mainRecomm .recomInfo p {color: #888;font-size: 16px;line-height: 26px;margin-top: 30px;word-break: keep-all;}
.mainRecomm .recomInfo a {display: inline-block;margin-top: 50px;font-size: 16px;color: #666;}
.mainRecomm .recomInfo a svg {margin-bottom: -2px;}

/* =================================================
 * 쇼핑몰 제품 리스트
 * =================================================*/
/* 제품 가격 표출 */
.prod_content{width: 1200px;height:auto;border:none;margin: 0 auto;}
.shop_cont{width:270px;float:left;border:1px solid #efefef;box-sizing:border-box;margin: 0 15px 30px 15px;}
.prod-box{display:inline-block;height:380px;width:100%;margin:0 auto;position:relative;}
.prod-box dl{text-align:center;margin:0 auto;}
.prod-box dl dt{width:230px;height:230px;margin:0 auto;}
.prod-box dl dt img{width:230px;height:230px;background:#fff;}
.prod-box dl dd{margin: 0 20px !important;line-height:20px;}
.prod-box .t-title{font-size:16px;color:#212121;margin-bottom:10px !important;}
.prod-box .t-title:before{content:"";display:block;width:100%;height:1px;background:#efefef;margin-bottom:20px;}
.prod-box .t-s-eng{font-size:12px;color:#acacac;}
.prod-box .t-price{font-size:16px;color:#d30318;vertical-align:baseline;margin-top:15px;}
.prod-box .t-price strong{color:#333;font-size:16px;font-weight:500;}
.prod-box .t-price2{font-size:14px;color:#888;}
.prod-box .t-pv{font-size:14px;color:#005ac92017-12-27;}
.prod-box .t-amt{font-size:14px;color:#f53e3c;}
.prod-box .t-amt2{font-size:14px;color:#222;}
.prod-box .PIcon{position:absolute;right:30px;top:30px;}
.prod-box .pdlist-bottom{width:170px;display:inline-block;margin:15px auto 0 auto;}

/* 제품 가격미표출 */
.prod-box-none{display:inline-block;height:380px;width:100%;margin:0 auto;position:relative;}
.prod-box-none dl{text-align:center;}
.prod-box-none dl dt{width:230px;height:230px;margin:10px auto;}
.prod-box-none dl dt img{width:230px;height:230px;background:#fff;}
.prod-box-none dl dd{padding:0 30px;line-height:22px;}
.prod-box-none .t-title{font-size:16px;color:#212121;height:40px;line-height:22px;word-wrap: break-word;margin-bottom:10px;}
.prod-box-none .t-no{font-size:14px;color:#9e9e9e;line-height:1.4;}
.prod-box-none .t-no:before{content:"";display:block;width:60px;height:1px;background:#bdbdbd;margin:20px auto;}
.prod-box-none .t-s-eng{font-size:12px;color:#acacac;}
.prod-box-none .t-price{font-size:16px;color:#d30318;vertical-align:baseline;margin:5px 0;}
.prod-box-none .t-price strong{color:#333;font-size:16px;font-weight:500;}
.prod-box-none .t-price2{font-size:14px;color:#888;}
.prod-box-none .t-pv{font-size:14px;color:#005ac9;}
.prod-box-none .t-amt{font-size:14px;color:#f53e3c;}
.prod-box-none .t-amt2{font-size:14px;color:#222;}
.prod-box-none .PIcon{position:absolute;right:15px;top:15px;width:45px;font-size:12px;color:#fff;padding:3px 0;border-radius:3px;}
.prod-box-none .pdlist-bottom{width:170px;display:inline-block;margin:15px auto 0 auto;}

.pdlist-bottom span{float:left;display:inline-block;margin-left:2px;}
.pdlist-bottom span:first-child{margin-left:0px;}
.pdlist-bottom span input{width:50px;height:30px;line-height:30px;border:1px solid #ddd;padding:0 5px;background:#fff;text-align:right;}
.pd-btn{display:inline-block;height:30px;font-size:14px;padding:0 10px;text-align:center;line-height:30px;-webkit-transition-duration:0.3s;transition-duration:0.3s;}
.pd-btn i{line-height:30px;color:#fff;}
.pdlist-bottom .bx-controls-direction{width:1200px;margin:0 auto;}

/* 제품리스트 호버시  */
.shop_cont:hover .PdsMu .social{-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;-webkit-transition: all 0.25s linear;transition: all 0.25s linear;}
.shop_cont .PdsMu {position: absolute;top: 0; left: 0; width: 100%; height: 100%; z-index: 30; display: block;transition-duration: 0.5s;}
.shop_cont .PdsMu:hover{background:rgba(0,0,0,0.12);width: 100%;height: 100%; z-index: 30;display: block;/*cursor:pointer;*/}
.shop_cont .PdsMu ul{display:table;margin: 0 auto 0;height: 100%;position: relative;}
.shop_cont .PdsMu ul li{/* float:left; */margin:0 5px;display: table-cell;vertical-align: middle;}
.shop_cont .PdsMu ul li:last-child{/* position:absolute; *//* top:30px; *//* left:50%; *//* margin-left:-30px; */}
.shop_cont .PdsMu i{font-size: 25px;}
.shop_cont .PdsMu .social {width: 60px;height: 60px;display: inline-flex; justify-content: center; align-items: center; color: #fff; border-radius: 50%;font-size: 14px; line-height: 1;margin-bottom: 8px;opacity: 0;-moz-transform-origin: center 50%;-ms-transform-origin: center 50%;-webkit-transform-origin: center 50%;transform-origin: center 50%;-moz-transform: scale(0, 0);-ms-transform: scale(0, 0);-webkit-transform: scale(0, 0);transform: scale(0, 0);-moz-transition: none;-o-transition: none;-webkit-transition: none;transition: none;}
.shop_cont .PdsMu .social2{width: 110px;height: 35px; color: #fff; border-radius: 5px;line-height: 1;}
.shop_cont .PdsMu .PdMuBtn {background: #18b0bc;} .shop_cont .PdsMu .PdMuBtn:hover {background: #12a3ae;transition:0.3s all;}
.shop_cont .PdsMu .PdMuBtn2 {background: #333;} .shop_cont .PdsMu .PdMuBtn2:hover {background: #111;transition:0.3s all;}
.shop_cont:hover .PdsMu .social{opacity: 1;-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.shop_cont:hover .PdsMu .social:nth-child(1){-moz-transition-delay: 0s;-o-transition-delay: 0s;-webkit-transition-delay: 0s;transition-delay: 0s;}
.shop_cont:hover .PdsMu .social:nth-child(2){-moz-transition-delay: 0.05s;-o-transition-delay: 0.05s;-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}
.shop_cont:hover .PdsMu .social2:nth-child(1){-moz-transition-delay: 0.15s;-o-transition-delay: 0.15s;-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}

/* 다이어트챌린지 배너 */
.dietBn{width:1200px;margin:30px auto 0;}