@charset "UTF-8";

/* html, body, #wrap{height:100%} */

.header_wrap{border-bottom:0}

/* main_visual */
.main_visual{position:relative;height:100vh;padding-top:100px;box-sizing:border-box;z-index:50}
.main_visual .swiper-container{height:100%}
.main_visual .swiper-slide{overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover}
.mv_full_video{position:absolute;width:100%;height:100%;object-fit:contain;pointer-events:none;background-color: #272727;}

.main_btns{position:absolute;top:50%;margin-top:-25px;width:28px;height:50px;background-repeat:no-repeat;background-position:center;font-size:0}
.main_btns.btn_prev{left:40px;background-image:url('../img/main/main_prev_260325.png');}
.main_btns.btn_next{right:40px;background-image:url('../img/main/main_next_260325.png');}

.video_area{position:relative}
.video_area video{width:100%}
.img_title{padding-bottom:18px}
.text{font-size:18px;letter-spacing:-0.05em;color:#666}
.text em{font-family:'NanumGothicBold';color:#333}

/* first */
.first{height:550px;padding-top:86px;box-sizing:border-box}
.first_ul{margin-top:100px;font-size:0}
.first_ul li{display:inline-block;position:relative;width:33.3333%;vertical-align:bottom}
.first_ul li:nth-child(2):before, .first_ul li:nth-child(2):after{content:'';position:absolute;top:20px;width:1px;height:80px;background:rgba(0,0,0,0.12)}
.first_ul li:nth-child(2):before{right:0}
.first_ul li:nth-child(2):after{left:0}
.first_ul .num_txt{padding-bottom:24px;font-family:'NanumGothicBold';font-size:25px;letter-spacing:-0.05em;color:#333}
.first_ul .num_txt em{font-family:'NanumGothicExtraBold';font-size:70px}
.first_ul li:nth-child(2) .num_txt{position:relative;margin-left:-18px;font-size:30px;letter-spacing:-0.1em;color:#c6171f}
.first_ul li:nth-child(2) .num_txt:before{content:'';position:absolute;left:50%;top:50%;width:203px;height:95px;margin-left:-92px;margin-top:-65px;background:url('../img/main/ver2/first_wreath.png') no-repeat center}
.first_ul li:nth-child(2) .num_txt em{font-size:120px}
.first_ul li:nth-child(3) .num_txt em{font-size:55px;letter-spacing:-0.075em}

/* franchise */
.franchise{height:700px}
.fran_vid_bg{height:100%;/*background:url('../img/main/ver2/fran_vid_bg.jpg') no-repeat center;background-size:cover*/}
/* .fran_vid_bg:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url('../img/main/ver2/fran_bg_overlay.png') no-repeat center;background-size:cover} */
.fran_vid_bg .video_wrap{position:absolute;left:50%;top:0;width:2000px;height:700px;margin-left:-1000px}
.fran_vid_bg iframe{width:100%;height:100%}
.no-video .fran_vid_bg{background:url('../img/main/ver2/fran_vid_bg.jpg') no-repeat center;background-size:cover}
.fran_cont .text{padding-bottom:40px;color:#eee}
.fran_ul li{overflow:hidden;float:left;width:280px;height:380px;margin-right:20px}
.fran_ul li:last-child{margin-right:0}
.fran_ul .box-image{height:300px;background-repeat:no-repeat;background-position:center;background-size:cover;
transition:transform 1s;
}
.fran_ul .box-image1{background-image:url('../img/main/ver2/fran_img01.jpg')}
.fran_ul .box-image2{background-image:url('../img/main/ver2/fran_img02.jpg')}
.fran_ul .box-image3{background-image:url('../img/main/ver2/fran_img03.jpg')}
.fran_ul .box-image4{background-image:url('../img/main/ver2/fran_img04.jpg')}
.fran_ul li:hover .box-image{
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);
}
.fran_ul .img_txt{position:relative;z-index:1;height:80px;padding-top:27px;box-sizing:border-box;background:#fff;text-align:center}
.fran_link{display:block;width:180px;height:50px;margin:40px auto 0;background:#c6171f;font-family:'NanumGothicBold';font-size:16px;letter-spacing:-0.05em;line-height:50px;color:#fff}

/* story */
.story{height:250px;background:url('../img/main/ver2/story_bg.jpg') no-repeat center}
.story .img_title{padding:56px 0 13px}
.story .text{padding-bottom:20px;color:#ffff}
.story_link{display:block;width:140px;height:40px;border-radius:40px;background:#fff;font-family:'NanumGothicBold';font-size:15px;letter-spacing:-0.05em;line-height:40px;color:#c6171f;text-align:center}
.story_slide{width:670px;height:160px;padding-top:45px}
.story_slide a{font-size:0}
.story_slide a > div{display:inline-block;vertical-align:middle}
.story_img{width:160px;height:160px;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:cover;margin-right:56px}
.story_img.img01{background-image:url('../img/main/story_img01.png')}
.story_img.img02{background-image:url('../img/main/story_img02.png')}
.story_img.img03{background-image:url('../img/main/story_img03.png')}
.story_img.img04{background-image:url('../img/main/story_img04.png')}
.story_img.img05{background-image:url('../img/main/story_img05.png')}
.story_img.img06{background-image:url('../img/main/story_img06.png')}
.story_title{font-family:'NanumGothicBold';font-size:18px;letter-spacing:-0.05em;color:#333}
.story_text{width:330px;padding-top:18px;font-size:16px;letter-spacing:-0.05em;line-height:175%;color:#666}
.story_text em{display:block;padding-top:22px;font-family:'NanumBarunGothic-Bold';font-size:15px}
.story_paging{position:absolute;right:0;bottom:0}
.story_paging li{float:left;margin-left:13px}
.story_paging a{display:block;width:7px;height:7px;border-radius:50%;background:rgba(198,23,31,0.45)}
.story_paging li.swiper-pagination-bullet-active a{background:#c6171f}

/* store */
.store{height:600px}
.store .img_title{padding-top:88px}
.store_slide{height:300px;margin:40px auto 0}
.store_slide .swiper-container{height:100%}
.store_slide .swiper-slide{float:left;width:400px}
.store_slide a{display:block;width:380px;height:100%;margin:0 auto}
.store_img{height:240px;background-repeat:no-repeat;background-position:center;background-size:cover}
.store_name{height:60px;padding:0 10px;background:#f8f8f8;font-family:'NanumGothicBold';font-size:18px;letter-spacing:-0.05em;line-height:60px;color:#333;box-sizing:border-box}
.store_info{height:100%;background:rgba(17,17,17,0.7);opacity:0;transition:all 0.4s}
.store_info .mid{left:5%;width:90%}
.store_info p{font-size:16px;letter-spacing:-0.05em;line-height:175%;color:#fff}
.store_slide li.swiper-slide-active .store_info, .store_slide a:hover .store_info{opacity:1}
.store_btns{position:absolute;top:-120px}
.store_btns.store_prev{left:0}
.store_btns.store_next{right:0}