@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard.woff') format('woff');
  font-style: normal;
}
/******** 공통 ********/
#wrap{font-family: 'Pretendard'; font-style: normal;}
.mainSection{margin-bottom: 130px;}
.mainSection .secTit{text-align: center; margin-bottom: 70px;}
.mainSection .secTit p{font-family: "Pretendard"; font-size: 40px; font-weight: 600;}
.mainSection .secTit span{font-family: "Pretendard"; font-weight: 600; color: #00a036;}


/******** section01 ********/
/*** 메인배너 슬라이드 ***/
.sec01{position: relative; width: 100%; height: 700px; margin-bottom: 195px;}
.sec01 .mainSwiper{width: 100%; height: 100%;}
.sec01 .swiper-slide{width: 100%; height: 100%;}
.sec01 .swiper-slide img{width: 100%; height: 100%;}
.sec01 .swiper-slide img.moBanner{display: none;}
.sec01 .mainPagination{position: absolute; z-index: 200; bottom: 14%; text-align: center;}
.sec01 .swiper-pagination-bullet{cursor: pointer; width: 10px; height: 10px; background-color: #f8f8f8; margin: 0 3px;} 
.sec01 .swiper-pagination-bullet-active{opacity: 1;}
.sec01 .btnWrap{position: absolute; width: 1300px; max-width: 100%; height: 600px; top: 0; left: 50%; transform: translateX(-50%); z-index: 10; display: flex; align-items: center; justify-content: space-between; padding: 0 20px;}
.sec01 .swiper-btn{width: 27px; height: 50px; background: center / 100% no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162351820825253.png); cursor: pointer;}
.sec01 .next-btn{transform: rotate(180deg);}
/*** 메인배너 ***/
/* .sec01{position: relative; width: 100%; height: 600px; margin-bottom: 195px;}
.sec01 .mainBanner{width: 100%; height: 100%; background: center / cover no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162740046545378.jpg);}
.sec01 .bannerWrap{max-width: 1200px; width: 100%; height: 100%; margin: 0 auto; position: relative;}
.sec01 .bannerWrap i{position: absolute;}
.sec01 .bannerWrap i.banImg{right: 70px; top: 50%; transform: translateY(-55%);}
.sec01 .bannerWrap i.banTxt{left: 70px; top: 30%;} */
/*** VIEW MORE ***/
/* .sec01 .vm_section{position: absolute; z-index: 200; left: 70px; bottom: 35%; width: 145px; height: 45px; border-radius: 23px; border: 1px solid #fff; transition: 0.2s;}
.sec01 .vm_section a{display: flex;  width: 100%; height: 100%; align-items: center; justify-content: center;}
.sec01 .vm_wrap span{font-family: "Pretendard"; font-size: 14px; color: #fff; line-height: 1em; font-weight: 500;}
.sec01 .vm_wrap span.arr{display: none; margin-left: 5px;} */
/*** 퀵카테고리 ***/
.sec01 .quick_category{position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); z-index: 200; max-width: 1200px; width: 100%; padding: 15px 20px; background-color: #fff; border-radius: 65px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);}
.sec01 .qc_wrap{display: flex; align-items: center; justify-content: center;}
.sec01 .quickTit{font-family: "Pretendard"; font-size: 30px; font-weight: 800; margin-right: 70px;}
.sec01 .quickTit b{font-family: "Pretendard"; font-weight: 800; color: #00a036;}
.sec01 .quNav_wrap{display: flex; flex-wrap: wrap;}
:lang(en) .sec01 .quNav_wrap > li{margin: 0 10px;}
.sec01 .quNav_wrap > li a{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 110px; height: 110px; border-radius: 100%; background-color: #fff; text-align: center;}
.sec01 .quIcon{width: 50px; height: 40px; background: center / auto 100% no-repeat; margin-bottom: 5px;}
.sec01 .icon_dry{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162352506979506.png);}
.sec01 .icon_ferm{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/16235250375880.png);}
.sec01 .icon_cus{background-size: auto 38px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162353375115178.png);}
.sec01 .icon_noti{background-size: auto 38px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162352639820093.png);}
.sec01 .icon_as{background-size: 38px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162352504426403.png);}
.sec01 .icon_ag{background-size: auto 38px; background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162352503357640.png);}
.sec01 .quName{font-size: 15px; font-family: "Pretendard"; text-align: center; line-height: 1.2;}
:lang(en).sec01 .quName{font-size: 14px; text-align: center; line-height: 1.2;}
/* hover */
@media (hover: hover) {
  .sec01 .quNav_wrap > li a:hover{background-color: #00a036;}
  .sec01 .quNav_wrap > li a:hover .quName{color: #fff;}
  .sec01 .quNav_wrap > li a:hover .icon_dry{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/16235288358176.png);}
  .sec01 .quNav_wrap > li a:hover .icon_ferm{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162352882785263.png);}
  .sec01 .quNav_wrap > li a:hover .icon_cus{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162353378957992.png);}
  .sec01 .quNav_wrap > li a:hover .icon_noti{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162352881912240.png);}
  .sec01 .quNav_wrap > li a:hover .icon_as{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162352883175208.png);}
  .sec01 .quNav_wrap > li a:hover .icon_ag{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162352882368115.png);}
  .sec01 .vm_section:hover{background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
  .sec01 .vm_section:hover .vm_wrap span{color: #00a036; font-weight: 600;}
  .sec01 .vm_section:hover .vm_wrap span.arr{display: inline;}	
}


/******** section01 / section04 - 제품 리스트 ********/
/* .sec01 .mainSection .goods_box{width: 100%;}
.sec01 .mainSection .goods_wrap{margin: 0 auto;} */
.sec02 .goods_sec{margin-bottom: 20px;}
.mainSection .goods_sec:last-child{margin-right: 0;}
.mainSection .goods_img{position: relative; width: 100%; overflow: hidden; padding-bottom: 100%; border: 1px solid #ddd; border-radius: 20px;}
.mainSection .mypage_btn{position: absolute; left: -95px; top: 10px; z-index: 200; padding: 7px 20px 7px 10px; border-radius: 0 20px 20px 0; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); transition: all 0.4s;}
.mainSection .btn_heart{width: 25px; height: 20px; background: center / auto 100% no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162353789628244.png); margin-right: 4px;}
.mainSection .on_heart{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162353790144257.png);}
.mainSection .btn_cart{width: 27px; height: 22px; background: center / auto 100% no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162353833188991.png);}
.mainSection .dis_rate{position: absolute; top: 10px; right: 10px; text-align: center; width: 50px; height: 25px; border-radius: 13px; background-color: #333;}
.mainSection .dis_rate span{color: #fff; font-family: "Pretendard"; font-size: 14px; font-weight: 500;}
/* 상품 이미지 박스 css */
.mainSection .goods_img{margin-bottom: 15px;}
.mainSection .goods_img .img_wrap{width: 100%; height: 100%; transition: all 0.2s;}
.mainSection .goods_img .img_wrap a{display: block; width: 100%; height: 100%;}
.mainSection .goods_img .img_wrap img{width: auto; max-width: 60%; max-height: 60%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: all 0.3s;}
/* hover */
.mainSection .goods_img:hover .img_wrap{background-color: #f8f8f8;}
.mainSection .goods_img:hover .mypage_btn{left: 0;}
.mainSection .goods_img:hover .img_wrap img{max-width: 70%; max-height: 70%;}
/* 상품정보 박스 css */
.mainSection .goods_name{text-align: center; line-height: 1em;}
.mainSection .goods_name a{font-family: "Pretendard"; font-size: 17px; font-weight: 600; color: #000;}
.mainSection .goods_price{text-align: center; padding: 15px 0;}
.mainSection .goods_price span{font-size: 15px; font-family: "Pretendard"; color: #333; font-weight: 500;}
.mainSection .goods_price .pre_discount{font-family: "Pretendard"; text-decoration: line-through; padding: 0 2px; font-size: 14px; font-weight: 400; color: #999;}
.mainSection .goods_price .pre_discount b{margin-left: 2px;}
.mainSection .goods_detail{width: 100%; border-bottom: 1px solid #555; border-top: 2px solid #555;}
.mainSection .goods_detail ul{width: 100%;}
.mainSection .goods_detail li{display: flex; color: #555; font-family: "Pretendard"; font-size: 13px; border-bottom: 1px solid #555; line-height: 1em; padding: 9px 0;}
.mainSection .goods_detail li:last-child{border-bottom: 0;}
.mainSection .goods_detail li p{padding-left: 6px;}
/* section04 */
.sec04 .goods_box .goods_wrap{max-width: 1200px; width: 95%;}
.sec04 .gd-pagination{text-align: center; margin-top: 40px;}
.sec04 .swiper-pagination-bullet{cursor: pointer; width: 10px; height: 10px; background-color: #333; opacity: 0.4; margin: 0 3px;} /* 기본값 */
.sec04 .swiper-pagination-bullet-active{background-color: #333; width: 24px; height: 10px; border-radius: 5px; opacity: 1;} /* 활성화된 상태 */


/******** section03 - 비디오 ********/
.sec03{padding: 80px 0; background-color: #f8f8f8;}
/* .sec03 .video_sec{max-width: 1300px; margin: 0 auto;} */
.sec03 .video_wrap{margin-bottom: 40px; text-align: center;}
.sec03 .video_wrap video{width: 960px; max-width: 95%; height: auto; cursor: pointer;}
.sec03 .vm_section{margin: 0 auto; width: 160px; line-height: 50px; text-align: center; border: 1px solid #ccc;}
.sec03 .vm_section span{font-family: "Pretendard"; font-size: 15px; font-weight: 500; color: #333;}
.sec03 .vm_section span.arr{transform: rotate(180deg); width: 10px; height: 10px; display: inline-block; background: center / 100% no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/16235442128595.png); margin-left: 4px;}
/* hover */
.sec03 .vm_section:hover{background-color: #fff; border-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.sec03 .vm_section:hover .vm_wrap span{color: #00a036; font-weight: 600;}


/******** section05 - 이벤트 배너 ********/
.sec05 .banContainer{max-width: 1200px; margin: 0 auto; position: relative; width: 95%;}
.sec05 .banWrapper{width: 100%;}
.sec05 .banImg{width: 630px; height: 250px;}
.sec05 .banImg a{display: block; width: 100%; height: 100%;}
.sec05 .banImg a img{width: 100%; height: 100%;}
.sec05 .ban-btn{width: 40px; height: 40px; border-radius: 100%; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; z-index: 200; transform: translateY(-50%); cursor: pointer;}
.sec05 .ban-btn span{display: block; width: 13px; height: 20px; background: center / 100% no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162361281749337.png);}
.sec05 .ban-prev-btn{left: 14px;}
.sec05 .ban-next-btn{right: 14px;}
.sec05 .ban-prev-btn span{margin-right: 4px;}
.sec05 .ban-next-btn span{margin-left: 6px; transform: rotate(180deg);}


/***** section06 - 리뷰리스트 *****/
.sec06 .review_box{max-width: 1200px; margin: 0 auto;}
.sec06 .review_wrap{width: 100%; margin-bottom: 60px;}
.sec06 .rebox{max-width: 1200px; margin: 0 auto; display: flex; width: 95%;}
.sec06 .review_sec{width: 300px; border: 1px solid #ddd; border-radius: 20px; overflow: hidden; margin-right: 33px; transition: 0.3s ease-in-out;}
.sec06 .review_sec:last-child{margin-right: 0;}
.sec06 .review_img{width: 100%; height: 220px;}
.sec06 .review_img a{display: block; width: 100%; height: 100%; background-color: #000;}
.sec06 .review_img a img{width: 100%; height: 100%; object-fit: cover;}
.sec06 .review_txt{padding: 30px 20px;}
.sec06 .review_tit{margin-bottom: 20px; height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.sec06 .review_tit a{font-family: "Pretendard"; font-size: 20px; font-weight: 700; color: #333;}
.sec06 .review_cont{font-family: "Pretendard"; font-size: 16px; color: #666; margin-bottom: 20px; height: 48px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sec06 .review_info{display: flex; align-items: center; justify-content: space-between;}
.sec06 .review_star{line-height: 1em;}
.sec06 .review_name{font-size: 16px; font-weight: 600; color: #333; font-family: "Pretendard"; line-height: 1em;}
.sec06 .user_nickname{font-size: 16px; font-weight: 600; color: #333; font-family: "Pretendard";}
.sec06 .vm_section{margin: 0 auto; width: 160px; line-height: 50px; text-align: center; border: 1px solid #ccc;}
.sec06 .vm_section span{font-family: "Pretendard"; font-size: 15px; font-weight: 500; color: #333;}
.sec06 .vm_section span.arr{transform: rotate(180deg); width: 10px; height: 10px; display: inline-block; background: center / 100% no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/16235442128595.png); margin-left: 4px;}
/* hover */
.sec06 .review_sec:hover{transform: translateY(-30px);}
.sec06 .vm_section:hover{background-color: #fff; border-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.sec06 .vm_section:hover .vm_wrap span{color: #00a036; font-weight: 600;}


/***** section07 - 하단 회사정보 *****/
.sec07 .company_info{max-width: 1300px; margin: 0 auto; width: 95%;}
.sec07 .info_wrap{display: flex; justify-content: center;}
.sec07 .info_wrap > li{width: 600px; height: 150px; border: 1px solid #ddd; border-radius: 15px; display: flex; justify-content: center; align-items: center;}
.sec07 .info_wrap .call_wrap{margin-right: 30px;}
.sec07 .wrapTit{font-family: "Pretendard"; font-size: 20px; font-weight: 700; margin-bottom: 5px;}
.sec07 .wrapTxt{display: flex;}
.sec07 .left_cont{display: flex; align-items: center; margin-right: 30px;}
.sec07 .left_cont .conIcon{margin-right: 17px;}
.sec07 .call_wrap .conIcon{display: block; width: 26px; height: 30px; background: center / 100% no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162362759263356.png);}
.sec07 .account_wrap .conIcon{display: block; width: 32px; height: 32px; background: center / 100% no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162362760214282.png);}
.sec07 .conNum{font-family: "Pretendard"; font-size: 25px; font-weight: 700;}
.sec07 .right_cont{display: flex; flex-direction: column; align-items: flex-start;}
.sec07 .right_cont span{font-family: "Pretendard"; font-size: 15px; color: #666; line-height: 1em; margin-bottom: 8px;} 
.sec07 .right_cont span:last-child{margin-bottom: 0;}











/* ********************************************* *
 * 1800px
 * ********************************************* */
 @media screen and (max-width: 1660px){
   
    
}

/* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1660px){
   
    
}

/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1400px){

 
}

/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){
  .sec01 .qc_wrap{display: block;}
  .sec01 .quick_category{max-width: 800px; width: 90%; border-radius: 20px;}
  .sec01 .quickTit{text-align: center; margin-right: 0; margin-bottom: 15px;}
  .sec01 .quNav_wrap{justify-content: center;}

  .sec06 .review_sec{margin-right: 15px;}

  .sec07 .info_wrap{flex-direction: column; align-items: center;}
  .sec07 .info_wrap .call_wrap{margin-right: 0; margin-bottom: 20px;}
  .sec07 .info_wrap > li{max-width: 600px; width: 100%; padding: 0 20px; justify-content: flex-start}
  
}

/* ********************************************* *
* 1024px
* ********************************************* */
@media screen and (max-width: 1024px){

  .sec06 .rebox{flex-wrap: wrap;}
  .sec06 .review_sec{width: calc((100% - 30px)/2); margin-right: 30px; margin-bottom: 20px;}
  .sec06 .review_sec:nth-child(even){margin-right: 0;}
  .sec01 .swiper-slide img.moBanner{display: block;}
  .sec01 .swiper-slide img.pcBanner{display: none;}

  
}

/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){
  /* .mainSection .mypage_btn{left: 0; top: 10px;} */
  /* .mainSection .goods_img .img_wrap{background-color: #f8f8f8;} */

  .mainSection .mypage_btn{left: 0; box-shadow: none;}


}

/* ********************************************* *
* 768px
* ********************************************* */
@media screen and (min-width: 769px){
 

}

@media screen and (max-width: 768px){
  /* 섹션01 */
  .sec01{height: 480px;}
  .sec01 .quickTit{font-size: 25px;}
  .sec01 .quIcon{margin-bottom: 5px;}
  .sec01 .quName{font-size: 14px;}
  .sec01 .bannerWrap i.banImg{max-width: 300px; width: 90%; height: auto; right: 50%; transform: translate(50%, 0); top: 10%;}
  .sec01 .bannerWrap i.banTxt{max-width: 300px; width: 90%; height: auto; left: 50%; transform: translate(-50%, 90px);}
  .sec01 .vm_section{left: 50%; bottom: 21%; transform: translateX(-50%); width: 130px; height: 35px;}
  .sec01 .vm_wrap span{font-size: 13px;}
  .sec01 .quick_category{transform: translate(-50%, 75%);}
  .sec01 .swiper-btn{margin-bottom: 10%;}

  /* 섹션02 */
  .sec02{padding-top: 50px;}
  .mainSection .secTit p{font-size: 35px;}

  .sec06 .review_sec{width: calc((100% - 10px)/2); margin-right: 10px;}

  /* 섹션03 */
  .sec03 .secTit{margin-bottom: 40px;}

  


}

/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){
  .sec07 .left_cont .conIcon{display: none;}
  .mainSection .goods_detail li{justify-content: center;}
	.mainSection .goods_detail li span{display: none;}

}

/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){
  .mainSection .goods_img{height: 200px;}
  .mainSection .goods_img .img_wrap img{max-width: 65%; max-height: 65%;}
  .mainSection .dis_rate{width: 42px; height: 22px;}
  .mainSection .dis_rate span{font-size: 12px; font-weight: 300;}

  .sec06 .review_img{height: 200px;}
  .sec07 .wrapTxt{flex-direction: column;}

  
}

/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 400px){
  .mainSection .goods_detail li{font-size: 12px;}

}