/* BASIC css start */
body{ margin: 0; overflow-x: hidden;}
.flex{display: flex;}

/* 이미지 공통구역 */
.hf_img{width: 100%; position: relative;}
.hf_img img{ width: 100%; object-fit: cover;}




/* 이동버튼 */    
.move{position: fixed; right: 5%; top: 40%;z-index:25}
.move ul{}
.move ul li{margin: 10px 0;}
.move ul li a{display: block;  border-radius: 50%; width: 16px; height: 16px;position: relative;border:1px solid rgba(0,0,0,0);transition:all .4s;}
.move ul li a span{width: 6px; height: 6px; border-radius: 50%; background-color: #7d7d7d;text-indent: -9999px;  position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); transition:all .4s;}
.move ul li a.on{border: 1px solid #000;transition:all .4s;}
.move ul li a.on span{background-color: #000;transition:all .4s;}
        
#contents{padding-top:0}


        
/* 섹션공통 */        
section{width: 100%; overflow-x: hidden; }
section .sec_inner{width: 100%; margin: 0 auto; height: 100%; position: relative;}
section .shop_now{font-family: 'Lato' , sans-serif; font-size: 12px; color: #000;padding-bottom: 5px; border-bottom: 1px solid #000;font-weight: 600;letter-spacing: 1px; display: inline-block;}
section .shop_now span{display: inline-block;margin-left: 25px;}
section .shop_now span img{transform:scale(.66);display:inline-block; margin-top:3px}
section p.tit{font-family: 'Noto Sans KR', sans-serif;letter-spacing: -.2px; }
.start{transition: all 1s; opacity: 0;}
.end{opacity: 1 !important;transition: all 1s;margin-top:-30px}        


/* sec1 */
#sec1:first-child {background-color: #cfcfcf;}
#sec1:last-child {background-color: #f5f5f5;}
.video_wrap {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.video_wrap iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120vw;
  height: 120vh;
}





/* sec2 */
#sec2{ width:90%; margin: 100px auto 30px; position: relative; height:auto;}
#sec2 h2{ font-family: "Montserrat", sans-serif; font-size: 28px; text-align: center; margin-bottom: 30px; font-weight: 600; color: #000; }
#sec2 p.subTit{ font-size:13px; line-height: 1.6em; color: #828282; font-weight: 300; text-align: center; margin: 0 0px 60px 0;}
#sec2 .product_item .thumb img{width:100%; margin-bottom:10px;}
#sec2 .product_item p { color: #565656; font-size: .792rem; line-height: 1rem; padding: 2px 0; }
#sec2 .product_item .pname{font-size: .871rem; line-height: 1rem; font-weight: 300; padding:2px 0; margin-top: -3px; margin-bottom: 8px; color: #222; font-weight: 700;}
#sec2 .swiper-button-next{ top: 70px; right: 0; color: #828282;}
#sec2 .swiper-button-prev{ top: 70px; left: 0; color: #828282;}
#sec2 .swiper-button-next:after,
#sec2 .swiper-button-prev:after{font-size:15px; font-weight:bold;}
        
 /* sec3 */
#sec3{width: 100%; background: url(//marsmark.img4.kr/main/bn_1080.jpg) no-repeat top center ;background-size: cover; }
#sec3 img{width: 100%;}
#sec3 .txt_cont{ position: absolute; bottom: 50px; left: calc(50% - 160px); width:320px; text-align: center;}
#sec3 .txt_cont h2{font-family: "Montserrat", sans-serif; font-size: 2em; font-weight: 500;letter-spacing: 4px;  color: #fff;}
#sec3 .txt_cont p.tit{ font-size: 1.2em; margin: 20px 0 20px;line-height:1.7; font-weight: 500;  color: #fff;}
#sec3 .txt_cont .shop_now{ color: #fff; border-bottom: 1px solid #fff;}


/* sec4 */
#sec4{ width: 100%; flex-wrap: wrap;}
#sec4 .txt_cont { position: absolute; text-align: center; bottom: 50px; width: 400px; left: calc(50% - 200px);}
#sec4 .txt_cont h2 {font-family: "Montserrat", sans-serif; font-size: 1.8em; font-weight: 500;letter-spacing: 4px;  color: #fff; margin-bottom: 20px; line-height: 30px;}
#sec4 .txt_cont .shop_now { color: #fff; border-bottom: 1px solid #fff;}

/* BASIC css end */