@charset "utf-8";

/* mainSlideWrap */
.mainSlideWrap {width: 100%;height: 500px;overflow: hidden;}
.mainSlide {height:100%;}
.mainSlideWrap .vis01 {background: url('../../images/os/new_img1/main/mainVis.jpg')no-repeat center;}
.mainSlideWrap .vis02 {background: url('../../images/os/new_img1/main/mainVis.jpg')no-repeat center;}
.mainSlideWrap .control {position: absolute;bottom: 5px;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: 70% !important;}
.mainSlideWrap .swiper-pagination span {width: 12px;height: 12px;background: rgba(255, 255, 255, 0.5);opacity: 1;}
.mainSlideWrap .swiper-pagination .swiper-pagination-bullet-active {background-color: #000;}
.mainSlideWrap .swiper-button-next, .mainSlideWrap .swiper-button-prev {position: unset;}
.mainSlideWrap .swiper-button-next, .mainSlideWrap .swiper-button-prev {text-align: center;color: #000;vertical-align: bottom;transition: all 0.3s;width: 20px;height: 20px;border-radius: 3px;background: rgba(255, 255, 255, 0.5);margin: 0;position: unset;font-size: 12px;line-height: 1;display: inline-block;vertical-align: super;}
.mainSlideWrap .swiper-button-next:after, .mainSlideWrap .swiper-button-prev:after {font-size: 16px;background-image: none;content: none;}
.mainSlideWrap svg {margin-top: 2px;}

.mainVis{width:100%;height:500px;background: url('../../images/os/new_img1/main/mainVis01.jpg')no-repeat center;position:relative;background-size: 1500px;}
.mainVis .visTxt{position:absolute;top:0;left:50%;margin-left:-650px;width:1300px;height:100%;display:flex;flex-direction: column;justify-content: center;}
.mainVis .visTxt h2{font-family: DM Serif Display;font-size:20px;letter-spacing:2px;color:#000;margin-bottom:10px;}
.mainVis .visTxt p{color:#000;font-size:46px;letter-spacing:-1px;font-weight:300;line-height:1.3;}

/* mainBestProd */
.mainBestProd {margin-top: 150px;height: max-content;}
.mainBestProd .swiper-wrapper {counter-reset: numbering;}
.mainBestProd .swiper {padding-bottom: 50px;}
.mainBestProd .swiper .swiper-pagination-bullet-active {background-color: #000;}
.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: #000;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 #9f9f9f;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: center;}
.mainBestProd .prodTit p {color: #555;font-size: 13px;margin-top: 5px;}
.mainBestProd .prodTit h3 {color: #000;font-size: 18px;line-height: 1.2;font-weight:600;}
.mainBestProd .prodTit span {display: inline-block;color: #555;font-size: 16px;margin-top: 10px;line-height: 1.2;}
.mainBestProd .memPrice{display: flex;align-items: center;justify-content: center;}
.mainBestProd .memPrice .cartBtn{display:inline-block;margin-left:10px;}
.mainBestProd .prodInfo{margin-top: 10px;}
.mainBestProd .prodInfo span.price {color: #000;font-size: 18px;letter-spacing: -0.5px;font-weight:600;}
.mainBestProd .prodInfo .cusPri {color: #aaa;font-size: 14px;letter-spacing: -0.5px;display: block;font-weight:600;}
.mainBestProd .prodInfo .price {color: #000;font-size: 18px;letter-spacing: -0.5px;margin: 5px 0;padding-right:5px;font-weight:600;}
.mainBestProd .prodInfo .pv1 {color: #000;font-weight:600;}
.mainBestProd .prodInfo .pv2 {color: #000;font-weight:600;}

.shopTabs{text-align:center;margin-bottom:30px;}
.shopTabs li{display:inline-block;margin:0 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:#000;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: 300px;border-radius: 10px;border: 1px solid #9f9f9f;box-sizing: border-box;margin-bottom: 25px;overflow: hidden;}
.prodList .prodImg a{display:block;width:100%;height:100%;}
.prodList .prodImg img {transition: all 0.3s;width: 100%;}
.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:#000;}
.prodList .prodImg .tag.soldout{background:#000;}
.prodList .prodImg .tag.out{background:red;}
.prodList .prodTit {text-align: center;}
.prodList .prodTit p {color: #acacac;font-size: 13px;margin-top: 5px;}
.prodList .prodTit h3 {color: #000;font-size: 18px;line-height: 1.2;font-weight: 600;}
.prodList .prodTit span {display: inline-block;color: #555;font-size: 16px;margin-top: 10px;line-height: 1.2;}
.prodList .prodInfo {margin-top: 10px;font-weight: 600;}
.prodList .memPrice{display: flex;align-items: center;justify-content: center;}
.prodList .memPrice .cartBtn{display:inline-block;margin-left: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 .pv1 {color: #888;}
.prodList .prodInfo .pv2 {color: #888;}

.mainNews{margin-top:150px;height:500px;background: url('../../images/os/new_img1/main/mainNews.jpg')no-repeat center;}
.mainNews .contain{display: flex;height: 100%;align-items: center;}
.mainNews .b-tit{color:#fff;width:50%;margin-bottom:0;text-align:left;text-shadow: 2px 2px 2px rgba(0,0,0,0.7);}
.newsList{width:50%;position:relative;border-top:1px solid #fff;}
.newsList li{border-bottom:1px solid #fff;padding:20px 0;}
.newsList li a{color:#fff;font-size:20px;display:block;font-weight:600;line-height:1.4;transition:all 0.3s;}
.newsList li a:hover{opacity:0.8;}




/* instagram */
.mainInsta .b-tit{color:#000;}
.mainInsta .b-tit p{font-weight:100;text-transform: lowercase;}
.mainInsta{padding:150px 0;background: rgb(128,217,89);background: linear-gradient(0deg, rgba(128,217,89,1) 0%, rgba(255,255,255,1) 100%);}
.mainInsta ul{display:flex;}
.mainInsta li{width:240px;height:240px;margin:0 10px;border-radius:10px;overflow:hidden;position:relative;}
.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{line-height:220px;color:#fff;font-size:24px;}
.mainInsta li:hover a{opacity:1;}

/* =================================================
 * 쇼핑몰 제품 리스트
 * =================================================*/
/* 제품 가격 표출 */
.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;}