/* BASIC css start */
/* 이동버튼 */    
.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%;height: 100vh; }
section .sec_inner{width: 90%; margin: 0 auto; height: 100%;}
section .shop_now{ 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{letter-spacing: -.2px; }
.start{transition: all 1s; opacity: 0;}
.end{opacity: 1 !important;transition: all 1s;margin-top:-30px}        


/* sec1 */
#sec1 .swiper-slide{position:relative; width: 100%;height: 100vh;}
#sec1 .swiper-slide a{position:absolute; width: 100%;height: 100%; top:0; left:0;}
#sec1 .sec1_1{background: url(//newcomfort.img11.kr/comfortlab_S/IMG/M_1_7.jpg) no-repeat center center ;background-size: cover;}

#sec1 .swiper-horizontal>.swiper-pagination-bullets, #sec1 .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:70px;}
#sec1 .swiper-pagination-bullet {width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,12px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,12px)); }
#sec1 .swiper-pagination-bullet-active{background:#000;}
        
 /* sec2 */
#sec2{overflow:hidden}
#sec2 .thumb{width:100%;height:50%;position:relative; padding-top:20px; }
#sec2 .thumb img{width:80%;display:inline-block; position:absolute; bottom:-6vh; left:50%; transform:translateX(-50%)}
#sec2 .txt_cont{width: 100%;height: 50%; background-color: #f5f5f5; text-align:center; padding:50px 0;display:flex; flex-direction:column; align-items:center; justify-content:center}
#sec2 .txt_cont h2{ font-size: 31px; font-weight: 500;letter-spacing: 4px; color:#000;margin-top:10px}
#sec2 .txt_cont p.tit{color: #666; font-size: 14.5px;line-height:1.5; font-weight: 400; margin:23px 0; letter-spacing:-.6px; word-spacing:1.3px}
#sec2 .txt_cont .shop_now{}


/* sec3 */
#sec3{}
#sec3>div{width: 100%;height: 50%;}
#sec3 .sec3_left{background: url(//ftp.newcomfort.img11.kr/comfortlab_S/IMG/M_4.jpg) no-repeat top center; background-size: cover;position: relative;}
#sec3 .sec3_left a{position:absolute; width: 100%;height: 100%; top:0; left:0;}
#sec3 .sec3_right{background-color: #f5f5f5;position: relative;}
#sec3 .sec3_right .sec3R_cont{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; }
#sec3 .sec3_right .sec3R_cont .swiper{width: 90%;padding-bottom:50px}
#sec3 .sec3_right .sec3R_cont .swiper ul{}
#sec3 .sec3_right .sec3R_cont .swiper ul li{width: 49%;}
#sec3 .sec3_right .sec3R_cont .swiper ul li a{display:block; width:100%; }
#sec3 .sec3_right .sec3R_cont .swiper ul li a img{width:100%;}
#sec3 .swiper-pagination-bullet-active{width: 20px;border-radius: 10px;background-color: #000;}


/* sec5 */
#sec5 { position:relative; height: auto; background: url(//ftp.newcomfort.img11.kr/comfortlab_S/IMG/bgMain05_m.jpg) no-repeat center center; background-size: cover; }
#sec5 .sec_inner { padding: 160px 0 60px; } 
#sec5 .txt_cont { text-align: center; } 
#sec5 .txt_cont h2 { font-size: 32px; font-weight: 500; line-height: 1.3; }
#sec5 .txt_cont p.tit { color: #999; font-size: 14px; margin: 20px 0 40px; line-height:1.7; font-weight: normal; }
#sec5 .video-wrap { display: block; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
#sec5 .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* sec4 */
#sec4{position:relative; background: url(//ftp.newcomfort.img11.kr/comfortlab_S/IMG/bgImg_m.jpg) no-repeat center center; background-size: cover;}
#sec4:before{content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:#000; opacity:0.7; z-index:1;}
#sec4 .sec_inner{position:relative; display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center;width:100%;padding:13% 15%; z-index:2;}
#sec4 .sec_inner h2{margin-bottom: 35px; font-size: 31px; color: white; text-align: center; font-weight: 600;}
#sec4 .sec_inner .swiper{width:100%; padding-bottom:40px}
#sec4 .sec_inner ul{width:100%; }
#sec4 .sec_inner ul li{width:100%; height:100%}
#sec4 .sec_inner ul li>a{display: block;width: 100%;overflow:hidden; height:70%}
#sec4 .sec_inner ul li .thumb{width: 100%;height:100%}
#sec4 .sec_inner ul li .thumb img{width: 100%;height:100%; object-fit:cover}
#sec4 .sec_inner ul li .text_area{width: 100%; background-color: #fff;  padding:13px; position: relative;height:30%}
#sec4 .sec_inner ul li .text_area h3{padding-top: 2px; text-align: center; color: #000; font-size: 18px; margin-bottom: 10px; font-weight: 500;}
#sec4 .sec_inner ul li .text_area p{ font-size: 14px; color: #7f7f7f; font-weight: 500; width:95%; margin:0 auto;letter-spacing:-.5px; text-align:center;}
#sec4 .sec_inner ul li .text_area .plus{position: absolute; bottom: 10px; right: 15px;}
#sec4 .sec_inner ul li .text_area .plus img{display: inline-block; transform:scale(.6)}
#sec4 .sec_inner .swiper .swiper_btn_prev{position:absolute; left:0; bottom:0; z-index:9}
#sec4 .sec_inner .swiper .swiper_btn_prev a{display:block}
#sec4 .sec_inner .swiper .swiper_btn_next{position:absolute; right:0; bottom:0; z-index:9}
#sec4 .sec_inner .swiper .swiper_btn_next a{display:block}
#sec4 .swiper-pagination-fraction{bottom:0 !important}
#sec4 .swiper-pagination{color:rgba(255,255,255,.7); z-index:6 !important}
#sec4 .swiper-pagination-current{color:#fff}


/* BASIC css end */