html,body{height:100%}
body{background-color:#faf9f5}

/* header */
.header_wrap{position:absolute;left:0;top:0;width:100%}
.header{background:transparent}
.header .logo a{background:url('../img/common/bi_fr.png')no-repeat center;font-size:0}
.header .depth1_li .depth1_a:before{background-color:rgba(255,255,255,0.25)}
.header .depth1_li.on .depth1_a:before, .header .depth1_li .depth1_a:hover:before{background-color:#fff}
.header .depth1_li .depth1_a{color:#fff}
.header .depth1_li.on .depth1_a, .header .depth1_li .depth1_a:hover{color:#fff}
.header .other_link{padding-left:45px;width:170px;background:url('../img/common/header_link_fr.png')no-repeat center}
.header .btn_stm{background:url('../img/common/btn_stm_fr.png')no-repeat center;font-size:0}
/* .header .depth1_li .depth1_a:before{display:none} */

/* main_visual */
.main_visual{overflow:hidden;height:100%;background:#222}
.main_visual .dimension-fix{height:100%}
.main_visual .mv_img{left:0;top:0;width:100%;opacity:0;z-index:1}
.main_visual .mv_video{position:absolute;left:0;top:0;width:100%;height:100%}
.main_visual .mv_video iframe, .main_visual .mv_video video{position:absolute;left:0;top:0;width:100%;height:100%}
/* .main_visual .mv_img{left:0;top:0;width:100%;height:100%;background:url('../img/main/21/mv_video.jpg') no-repeat center;background-size:cover} */
.main_visual .mv_logo{overflow:hidden;left:50%;top:120px;width:71px;margin-left:-35px}
.main_visual .text_area{left:50%;top:50%;width:1130px;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%,-50%);
}
.mv_ttl_wrap{overflow:hidden;top:0;height:50px;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
.mv_ttl_mid{top:0;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
.main_visual .text_area ul{position:relative;margin-top:50px;width:100%;height:390px;box-sizing:border-box}
.main_visual .text_area ul li{position:absolute}
.mv_num_wrap{overflow:hidden;top:0;height:100px;white-space:nowrap;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
.mv_num_wrap .num_wrap{top:0;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
.main_visual .text_area ul li.num_l1{left:83px;top:0}
.main_visual .text_area ul li.num_l2{left:69px;top:150px}
.main_visual .text_area ul li.num_l3{left:120px;top:300px}
.main_visual .text_area ul li.num_r1{right:103px;top:0;text-align:right}
.main_visual .text_area ul li.num_r2{right:78px;top:150px;text-align:right}
.main_visual .text_area ul li.num_r3{right:57px;top:300px;text-align:right}
.main_visual .text_area .num_txt{font-family:'NanumMyeongjo-Bold';font-size:55px;letter-spacing:-0.025em;color:#fff}
.main_visual .text_area .num_txt .num{font-size:60px}
.main_visual .text_area .mv_txt{padding-top:5px;color:#888}

.red_overlay{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#720218;z-index:5}
.back_overlay{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url('../img/common/body_bg.jpg') 0 0;z-index:4}

/* story */
.story{height:517px;padding:88px 0 0 0;box-sizing:border-box}
.story .dvl_ttl{margin-top:45px}
.story .story_ttl{padding-bottom:38px;font-family:'NanumMyeongjoExtraBold';font-size:45px;letter-spacing:-0.025em;color:#000}
.story .story_btns{position:absolute;top:0;width:70px;height:70px;background-repeat:no-repeat;background-position:center;font-size:0}
.story .story_btns.story_prev{right:69px;background-image:url('../img/main/21/story_prev.png')}
.story .story_btns.story_next{right:0;background-image:url('../img/main/21/story_next.png')}
/* .story .inner_dvr{padding-bottom:366px} */
.story .story_slide{height:493px}
.story .story_slide .swiper-slide{width:583px;height:493px}
.story .story_slide .swiper-slide a{display:block;width:100%;height:100%;position:relative}
.story .story_slide .swiper-slide a img{position:relative;z-index:1}
.story .story_slide .swiper-slide.sl1{background-color:#eae7e2}
.story .story_slide .swiper-slide.sl2{background-color:#d9d2ca}
.story .story_slide .swiper-slide.sl3{background-color:#bab4a8}
.story .story_slide .swiper-slide .border{position:absolute;left:50%;top:50%;display:block;width:563px;height:473px;border:1px solid rgba(0,0,0,0.2);box-sizing:border-box;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.story .story_slide .story_torso{position:absolute;left:0;top:0;width:100%}
.story .story_slide .text_area{padding:76px 56px 0 0;text-align:right}
.story .story_slide .sl_ttl{padding-bottom:18px;font-family:'NanumMyeongjo';font-size:35px;line-height:129%;letter-spacing:-0.025em;color:#333}
.story .story_slide .sl_sales .year_avrg{margin-right:5px;padding-top:9px;font-family:'NanumMyeongjo';font-size:18px;line-height:110%;letter-spacing:0.1em;color:#333}
.story .story_slide .sl_sales .num{font-family:'NanumMyeongjoExtraBold';font-size:60px;letter-spacing:-0.025em;color:#333}
.story .story_slide .sl_sales .num em{vertical-align:-2px;font-size:70px}
.story .story_slide .sl_store{position:absolute;right:56px;bottom:70px;font-size:17px;line-height:153%;color:#666}

/* success */
.success{height:984px;background-color:#720218;box-sizing:border-box}
.success .inner_dvl{height:828px}
.success .dvl_ttl{color:#fff;margin-top:715px}
.success .inner_dvr{padding-top:120px;padding-left:120px;height:828px;box-sizing:border-box}
.success .img_slide{left:0;top:0;width:100%;height:100%}
.success .img_slide .swiper-container{height:100%}
.success .img_slide .swiper-slide{position:relative;height:100%}
.success .video_area{position:absolute;left:750px;top:135px;width:750px;height:420px}
.success .text_slide{width:500px}
.success .sc_ttl{position:relative;margin-bottom:56px;margin-right:110px;font-family:'NanumMyeongjo';letter-spacing:0.05em;color:#fff}
.success .sc_ttl:before{content:'';position:absolute;right:-80px;top:50%;margin-top:-1px;width:60px;height:1px;background-color:rgba(255,255,255,0.2)}
.success .sl_ttl{font-family:'NanumMyeongjo-Bold';font-size:45px;letter-spacing:-0.025em;line-height:127%;color:#fff}
.success .sl_txt{padding:32px 0 40px;font-size:17px;line-height:182%;color:#c1a4a8}
.success .sl_link{display:block;width:180px;height:50px;border:1px solid rgba(255,255,255,0.2);font-size:17px;line-height:48px;color:#fff;text-align:center}
.success .sl_link span{display:inline-block;vertical-align:middle}
.success .sl_link span img{margin-left:20px;vertical-align:1px}
.success .swiper-pagination{font-family:'NotoSansKR-Medium';color:#fff}
.success .swiper-pagination span.swiper-pagination-total,
.success .swiper-pagination span.swiper-pagination-bridge{font-size:17px;color:#c1a4a8}
.success .sc_btns{position:absolute;right:80px;width:70px;height:70px;background-repeat:no-repeat;background-position:center;font-size:0;z-index:2}
.success .sc_btns.sc_prev{top:343px;background-image:url('../img/main/21/sc_prev.png')}
.success .sc_btns.sc_next{top:273px;background-image:url('../img/main/21/sc_next.png')}

/* store */
.store{height:662px;box-sizing:border-box}
.store .dvl_ttl{margin-top:430px;color:#666}
.store .video_slide{position:relative;margin-top:-150px;width:100%;height:494px}
.store .video_slide .swiper-slide{width:438px}
.store .video_slide .swiper-slide a{position:relative;display:block;width:100%;height:100%}
.store .video_slide .swiper-slide a:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);
-webkit-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s;
}
.store .video_slide .swiper-slide a:hover:before{opacity:0}
.store .video_slide .swiper-slide .video_area{background-repeat:no-repeat;background-position:center;background-size:cover}
.store .video_slide .swiper-slide .text_area{position:absolute;left:40px;bottom:35px}
.store .video_slide .sl_sttl{padding-bottom:12px;font-size:17px;color:rgba(255,255,255,0.3)}
.store .video_slide .sl_ttl{font-family:'NanumMyeongjo';font-size:30px;letter-spacing:-0.025em;color:#fff}
.store .swiper-scrollbar{position:relative;margin-top:41px;width:100%;height:3px;background:rgba(0,0,0,0.2)}
.store .swiper-scrollbar-drag{position:absolute;left:0;top:0;width:100%;height:100%;background:#8a0822;
/* -webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
-webkit-transform-origin:left top;
-ms-transform-origin:left top;
transform-origin:left top */
}
.store .new_store{overflow:hidden;padding-top:90px}
.store .new_store li{width:auto;margin-right:200px;box-sizing:border-box}
.store .new_store li a{display:block;width:100%;height:100%}
.store .new_store .store_name_wrap{display:inline-block}
.store .new_store .store_name{position:relative;font-family:'NanumMyeongjo-Bold';font-size:40px;letter-spacing:-0.025em;color:#000}
.store .new_store .new{position:absolute;right:-63px;top:10px;display:inline-block;width:52px;height:25px;border:1px solid #800019;font-family:'NotoSansKR-DemiLight';font-size:15px;line-height:23px;letter-spacing:0;color:#800019;text-align:center;box-sizing:border-box}
.store .new_store .store_addr{padding-top:17px;font-size:17px;color:#666}

.footer_wrap{clear:both}

@media screen and (max-width: 1750px) {
    .success .video_area{left:600px}
    .success .sc_btns{right:30px}
}