/**** franchise page css ****/

/* main visual */
.b_fran_mv{display:flex; align-items:flex-start; height:950px; flex-wrap:wrap; background-color:#000; position:relative; overflow:hidden; }
.b_fran_mv > div{width:50%; height: 100%;}
.b_fran_mv .b_video_box {}
.b_fran_mv .b_video_box video{display:block; width:100%; height:100%; object-fit:cover; opacity:.4; }
.b_fran_mv .b_mv_slide{height:100%; overflow:hidden; position:relative; }
.b_fran_mv .b_mv_slide li{height:100%; width:100%; }
.b_fran_mv .b_mv_slide .b_bg_img{position:absolute; width:100%; height:100%; left:0; top:0; z-index:-1; }
.b_fran_mv .b_mv_slide .b_mv01 .b_bg_img{background:url(/img/fran/mv_01.jpg) no-repeat center / cover; }
.b_fran_mv .b_mv_slide .b_mv02 .b_bg_img{background:url(/img/fran/mv_02.jpg) no-repeat center / cover; }
.b_fran_mv .b_mv_slide .b_mv03 .b_bg_img{background:url(/img/fran/mv_03.jpg) no-repeat center / cover; }
.b_fran_mv .b_mv_slide .b_mv04 .b_bg_img{background:url(/img/fran/mv_04.jpg) no-repeat center / cover; }
.b_fran_mv .b_mv_slide .b_txt_box{color:#fff; height:100%; display: flex; align-items: flex-start; justify-content: center; width: 100%; flex-direction:column; padding-left:5%; }
.b_fran_mv .b_mv_slide .b_txt_box p{transform:translateY(50px); opacity:0; line-height:1.3; }
.b_fran_mv .b_mv_slide .b_txt_box h2 {font-style:italic; line-height: 1; margin: 15px 0 40px; transform:translateY(50px); opacity:0; word-break:keep-all; line-height: 1.3;}
.b_fran_mv .b_mv_slide .b_txt_box h2 b{background:linear-gradient(to right, #ddf7f7, #ffffff, #b9f4f3); -webkit-background-clip: text; color:transparent; padding-right: 30px; letter-spacing:-4px; margin-right: -20px;}
.b_fran_mv .b_mv_slide .b_txt_box span{display: flex; align-items: center; transform:translateY(50px); opacity:0; }
.b_fran_mv .b_mv_slide .b_txt_box span img{margin-right:10px; }
.b_fran_mv .b_mv_slide .b_mv04 .b_txt_box h2 b{letter-spacing: -17px;}
.b_fran_mv .b_mv_slide .swiper-slide-active .b_txt_box p{transform:translateY(0); opacity:1; transition: transform .8s, opacity .8s; transition-delay:.4s;}
.b_fran_mv .b_mv_slide .swiper-slide-active .b_txt_box h2{transform:translateY(0); opacity:1; transition: transform .8s, opacity .8s; transition-delay:.5s;}
.b_fran_mv .b_mv_slide .swiper-slide-active .b_txt_box span{transform:translateY(0); opacity:1; transition: transform .8s, opacity .8s; transition-delay:.6s;}
.b_fran_mv .b_navi_box{position:absolute; left:50%; bottom:0; display: flex; align-items: center; z-index:5; transform:translateX(-50%); width:fit-content; height: unset;}
.b_fran_mv .b_navi_box > div{width:60px; height:60px; display: flex; align-items: center; justify-content: center; background-color:#045949; margin:0; position:unset; opacity:1; }
.b_fran_mv .swiper-button-next:after, .b_fran_mv .swiper-button-prev:after{display:none;}
.b_fran_mv .b_navi_box .b_prev img{transform:rotate(180deg); }
.b_fran_mv .b_navi_box > div img{opacity:.6; transition:opacity .2s;}
.b_fran_mv .b_navi_box > div:hover img{opacity:1; transition:opacity .2s;}
.b_fran_mv .b_pagi{position:absolute; left: 5%; top: 70%; height: 11px; width: fit-content; display: flex; align-items: center; column-gap: 18px;}
.b_fran_mv .b_pagi .swiper-pagination-bullet{border:1px solid #fff; height:11px; width: 11px; opacity:1; background-color: transparent;}
.b_fran_mv .b_pagi .swiper-pagination-bullet-active{background-color:#fff; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: auto; cursor:pointer;}

@media screen and (max-width: 1280px){ 
	.b_fran_mv{height: 700px;}
	.b_fran_mv .b_mv_slide .b_txt_box p{font-size:25px; }
	.b_fran_mv .b_mv_slide .b_txt_box h2{font-size:35px; margin: 15px 0 30px;}
	.b_fran_mv .b_mv_slide .b_txt_box h2 b{font-size:90px; }
	.b_fran_mv .b_mv_slide .b_mv04 .b_txt_box h2 b{letter-spacing: -4px;}
}
@media screen and (max-width: 1080px){ 
	.b_fran_mv{height: 600px;}
	.b_fran_mv .b_mv_slide .b_txt_box p{font-size:22px; }
	.b_fran_mv .b_mv_slide .b_txt_box h2{font-size:30px; }
	.b_fran_mv .b_mv_slide .b_txt_box h2 b{font-size:60px; }
	.b_fran_mv .b_navi_box > div {width: 40px; height: 40px;}
	.b_fran_mv .b_navi_box > div img{width: 7px;}
	.b_fran_mv .b_pagi{column-gap: 11px; top: 75%;}
}
@media screen and (max-width: 720px){ 
	.b_fran_mv{height: unset;}
	.b_fran_mv > div {width: 100%;height: unset;}
	.b_fran_mv .b_video_box{aspect-ratio:16/10; }
	.b_fran_mv .b_mv_slide {height: 400px;}
	.b_fran_mv .b_mv_slide .b_txt_box{padding-left: 0; width: 94%; margin: 0 auto;}
	.b_fran_mv .b_mv_slide .b_txt_box span img{width:20px; }
	.b_fran_mv .b_mv_slide .b_txt_box h2{margin: 10px 0 20px;}
	.b_fran_mv .b_pagi{top: 85%;}
	.b_fran_mv .b_pagi .swiper-pagination-bullet{width:8px; height:8px;}
}


/* section 01 */
.b_fran01{background:url(/img/fran/sec01_bg.jpg) no-repeat center / cover; }
.b_fran01 .b_img_box{position: relative;}
.b_fran01 .b_absol_img{position:absolute; left:50%; top:0; z-index:3; animation: move_blink .6s ease-in-out infinite; animation-direction:alternate; transform: translateX(-50%);}
.b_fran01 .b_rolling_box{background-color:unset;}

@media screen and (max-width: 720px){ 
	.b_fran01{background:url(/img/fran_m/sec01_bg.jpg) no-repeat center / cover; }
}


/* section 02 */
.b_fran02{background:url(/img/fran/sec02_bg.jpg) no-repeat center / cover; }
.b_fran02 .b_hover_box{position: relative;}
.b_fran02 .b_hover_box > a{display: block; width:50%; height:100%; position: absolute; top: 0; z-index: 8;}
.b_fran02 .b_hover_box > .left_hover{left: 0;}
.b_fran02 .b_hover_box > .right_hover{right: 0;}
.b_fran02 .b_hover_box .b_img_wrap{aspect-ratio: 9/5; max-width: 1920px; margin: 0 auto; position: relative; z-index: 5;} 
.b_fran02 .b_hover_box img{position: absolute; left: 0; top:0; width: 100%; display: none; }
.b_fran02 .b_hover_box img.on{display: block;}

@media screen and (max-width: 720px){ 
	.b_fran02{background:url(/img/fran_m/sec02_bg.jpg) no-repeat center / cover; }
	.b_fran02 .b_hover_box .b_img_wrap {aspect-ratio: 9 / 24;}
	.b_fran02 .b_hover_box > a{width:100%; height: 50%;}
	.b_fran02 .b_hover_box > .left_hover{top:0; }
	.b_fran02 .b_hover_box > .right_hover{left:0; top:50%;}
}


/* section 03 */
.b_fran03{background:url(/img/fran/sec03_bg.jpg) no-repeat center / cover; margin-top:-2px;}

@media screen and (max-width: 720px){ 
	.b_fran03{background:url(/img/fran_m/sec03_bg.jpg) no-repeat center / cover; margin-top:-2px;}
}


/* section 04 */
.b_fran04{background:url(/img/fran/sec04_bg.jpg) no-repeat center / cover; overflow: visible;}
.b_banner_box{background:url(/img/fran/sec04_banner.jpg) no-repeat center / cover; position:absolute; bottom:-225px; left:0; height:450px; width:88%; z-index:5; border-radius:0 230px 230px 0;}
.b_banner_box .b_food_box{position:absolute; top:50%; right:.5%; transform:translateY(-50%); width:417px; aspect-ratio:1/1; }
.b_banner_box .b_food_box figure{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; }
.b_banner_box .b_food_box .b_txt{animation: move_rotate_r 20s linear infinite; }
.b_banner_box .b_food_box .b_food{animation: move_rotate 20s linear infinite; }
.b_banner_box.b_motion.b_item{opacity: 1 !important; transform: translateZ(0) !important; left:-100%; transition: left .8s;}
.b_banner_box.b_motion.b_item.b_move{left:0;}

@media screen and (max-width: 720px){ 
	.b_fran04{background:url(/img/fran_m/sec04_bg.jpg) no-repeat center / cover; overflow: visible;}
	.b_banner_box{width:100%; background:url(/img/fran_m/sec04_banner.jpg) no-repeat center / cover; height:auto; bottom:-8%; }
	.b_banner_box .b_food_box{width: 28%; top: -10%; right: 0; transform:unset;}
	.b_banner_box .b_food_box .b_food{width: 100%;}
}


/* section 05 */
.b_fran05{background:url(/img/fran/sec05_bg.jpg) no-repeat center / cover; }
.b_fran05 .b_cont_box {display:flex; align-items:flex-start; flex-wrap:wrap; }
.b_fran05 .b_cont_box figure{width:50%; }

@media screen and (max-width: 720px){ 
	.b_fran05{background:url(/img/fran_m/sec05_bg.jpg) no-repeat center / cover; }
	.b_fran05 .b_cont_box figure{width:100%; }
}


/* section 07 */
.b_fran07{background:url(/img/fran/sec07_bg.jpg) no-repeat center / cover; padding-bottom:150px; }
.b_fran07 .b_cont_box{margin-top:50px;}
.b_fran07 .b_list_box{display:flex; align-items:center; width:85%; margin:0 auto; justify-content: center; max-width: 1480px;}
.b_fran07 .b_list_box li{position:relative; width:34%; border:1px solid #01a287; }
.b_fran07 .b_list_box li:nth-child(2){z-index:3; margin: -40px -35px 0 -35px; box-shadow:0 12px 20px rgba(0,0,0,.38); }
.b_fran07 .b_list_box li .b_img_box{position:relative; z-index:3; }
.b_fran07 .b_list_box li .b_bg_img{position:absolute; left:0; top:0; width:100%; height:100%; }
.b_fran07 .b_list_box li .b_bg_img:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; transition:opacity .3s; }
.b_fran07 .b_list_box li:nth-child(1) .b_bg_img:after{background:url(/img/fran/sec07_img02_hover.jpg) no-repeat center ;}
.b_fran07 .b_list_box li:nth-child(2) .b_bg_img:after{background:url(/img/fran/sec07_img03_hover.jpg) no-repeat center ;}
.b_fran07 .b_list_box li:nth-child(3) .b_bg_img:after{background:url(/img/fran/sec07_img04_hover.jpg) no-repeat center ;}
.b_fran07 .b_list_box li:hover .b_bg_img:after{opacity:1; transition:opacity .3s; }

@media screen and (max-width: 720px){ 
	.b_fran07{background:url(/img/fran_m/sec07_bg.jpg) no-repeat center / cover; padding-bottom:150px; }
	.b_fran07 .b_list_box{max-width: 800px; width: 94%; flex-direction: column; row-gap: 20px;}
	.b_fran07 .b_list_box li{width: fit-content;}
	.b_fran07 .b_list_box li:nth-child(2){margin: 0; box-shadow:0; }
}


/* section 08 */
.b_fran08{background:url(/img/fran/sec08_bg.jpg) no-repeat center / cover; padding-bottom:90px; }
.b_fran08 .b_bot_box{background:url(/img/fran/sec08_img04_bg.jpg) no-repeat center / cover; max-width:1730px; margin:0 auto; background-attachment: fixed; width: 92%;}

@media screen and (max-width: 720px){ 
	.b_fran08{background:url(/img/fran_m/sec08_bg.jpg) no-repeat center / cover; padding-bottom:45px; margin-top:-50px; }
	.b_fran08 .b_bot_box{}
}


/* section 09 */
.b_fran09{background-color:#000; }
.b_fran09 .b_cont_box{display:flex; align-items:flex-start; flex-wrap:wrap; }
.b_fran09 .b_box{width:50%; position:relative;}
.b_fran09 .b_box .b_img_box{position:relative; z-index:5;}
.b_fran09 .b_box .b_tit_img{position:absolute; left:50%; top:-70px; transform:translateX(-50%); z-index:3; }
.b_fran09 .b_before_box{background:url(/img/fran/sec09_img02_bg.jpg) no-repeat center / cover;}
.b_fran09 .b_after_box{background:url(/img/fran/sec09_img03_bg.jpg) no-repeat center / cover; }
.b_fran09 .b_bot_box{position:absolute; left:50%; bottom:0; transform:translateX(-50%); width: 100%;}
.b_fran09 .b_bot_box .b_graph{position:relative; z-index:1; }
.b_fran09 .b_bot_box .b_store{position:absolute; left:50%; bottom:0; transform:translateX(-50%); z-index:3; }
.b_fran09 .b_bot_box .b_graph.b_motion.b_item{opacity: 1 !important; transform: translate3d(0px, 500px, 0);}

@media screen and (max-width: 720px){ 
	.b_fran09 .b_box{width:100%; }
	.b_fran09 .b_before_box{background:none;}
	.b_fran09 .b_after_box{background:url(/img/fran_m/sec09_img_bg.jpg) no-repeat center / cover; }
}


/* section 10 */
.b_fran10{background:url(/img/fran/sec10_bg.jpg) no-repeat center / cover;}
.b_fran10 .b_cont_box .b_img_box{position:relative; aspect-ratio:9/4; max-width: 1920px; margin: 0 auto;}
.b_fran10 .b_cont_box .b_img_box img{position:absolute; left:0; top:0; transition: transform .6s; opacity: 1 !important;}
.b_fran10 .b_cont_box .b_img_box .b_img_01.b_motion.b_item{transform: translate3d(-1000px, 0, 0); }
.b_fran10 .b_cont_box .b_img_box .b_img_02.b_motion.b_item{transform: translate3d(1000px, 0, 0);}

@media screen and (max-width: 720px){ 
	.b_fran10{background:url(/img/fran_m/sec10_bg.jpg) no-repeat center / cover;}
	.b_fran10 .b_cont_box .b_img_box{aspect-ratio:9/13; }
}


/* section 11 */
.b_fran11{background:url(/img/fran/sec11_bg.jpg) no-repeat center / cover; aspect-ratio:9/4; }
.b_fran11 .b_inner{display:flex; align-items:flex-start; max-width:1650px; width:96%; height: 100%; flex-wrap: wrap;}
.b_fran11 .b_tit_box{width:47%; height: 100%;}
.b_fran11 .b_cont_box{width:53%; height: 100%; display:flex; align-items:center; justify-content:space-between; position:relative; }
.b_fran11 .b_cont_box .b_icon{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3; }
.b_fran11 .b_review_img {animation: move_rolling_v 60s linear infinite; display:flex; flex-direction:column; row-gap:20px; align-items:flex-start; width:30%; }
.b_fran11 .b_review_02 {animation-direction: reverse;}
.b_fran11 .b_review_img img{width:100%; display:block; box-shadow:0 4px 35px rgba(0,0,0,.16); }

@media screen and (max-width: 720px){ 
	.b_fran11{background:url(/img/fran_m/sec11_bg.jpg) no-repeat center / cover; aspect-ratio:unset; }
	.b_fran11 .b_inner{width: 100%; }
	.b_fran11 .b_tit_box {width: 100%; height: auto;}
	.b_fran11 .b_cont_box{width:88%; height: auto; aspect-ratio:9/10; overflow:hidden; margin: 0 auto; position:relative; }
	.b_fran11 .b_cont_box:after{content:''; width:100%; height:50%; position:absolute; left:0; top:0; background:linear-gradient(to bottom, #01a287, rgba(255,255,255,0)); z-index:1;}
	.b_fran11 .b_review_img{width: 31%;}
	.b_fran11 .b_cont_box .b_icon{width: 100%; }
}


/* section 12 */
.b_fran12{background:url(/img/fran/sec12_bg.jpg) no-repeat center / cover; aspect-ratio:9/4; display: flex; align-items: center; flex-wrap: wrap;}
.b_fran12 .b_img_box{position:absolute; width:100%; max-width:1920px; margin:0 auto; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.b_fran12 .b_cont_box{max-width:1520px; width:90%; margin:0 auto; display:flex; align-items:flex-end; flex-wrap: wrap;}
.b_fran12 .b_cont_box > div{width:50%; }
.b_fran12 .b_slide_wrap{position:relative; }
.b_fran12 .b_navi_box{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width: 115%; display:flex; justify-content:space-between; align-items:center; }
.b_fran12 .b_navi_box > div{position:unset; margin:0; width:45px; height:45px; border-radius:50%; border:1px solid #fff; }
.b_fran12 .swiper-button-next:after, .b_fran12 .swiper-button-prev:after{display:none;}
.b_fran12 .b_navi_box .b_prev img{transform:rotate(180deg); }
.b_fran12 .b_ytb_slide {overflow:hidden; }
.b_fran12 .b_thum_slide {padding-left: 9.5%; overflow:hidden; }
.b_fran12 .b_thum_slide li{border-radius:10px; overflow:hidden; background-color:#000; border:2px solid #04957d; aspect-ratio: 16 / 10; }
.b_fran12 .b_thum_slide li img{display:block; opacity:.3; transition:opacity .3s; width:100%; height:100%; object-fit:cover; }
.b_fran12 .b_thum_slide li.swiper-slide-thumb-active img{opacity:1; transition:opacity .3s; }
.b_fran12 .b_ytb_slide iframe{aspect-ratio: 9 / 6; width: 100%; border:8px solid #003329; border-radius:10px; overflow:hidden; }

@media screen and (max-width: 720px){ 
	.b_fran12{background:url(/img/fran_m/sec12_bg.jpg) no-repeat center bottom / cover; aspect-ratio:unset; padding-bottom:50px; }
	.b_fran12 .b_img_box{position:unset; transform: none;}
	.b_fran12 .b_cont_box > div {width: 100%;}
	.b_fran12 .b_thum_slide {padding-left: 0; margin-top:10px; }
	.b_fran12 .b_navi_box{display:none; }
}


/* section 13 */
.b_fran13{background:url(/img/fran/sec13_bg.jpg) no-repeat center / cover;}
.b_fran13 .b_cont_box .b_img_box{position:relative; aspect-ratio:9/4.5; max-width: 1920px; margin: 0 auto;}
.b_fran13 .b_cont_box .b_img_box img{position:absolute; left:0; top:0;}

@media screen and (max-width: 720px){ 
	.b_fran13{background:url(/img/fran_m/sec13_bg.jpg) no-repeat center / cover;}
	.b_fran13 .b_cont_box .b_img_box{aspect-ratio:9/18; }
}


/* section 14 */
.b_fran14{background:url(/img/fran/sec14_bg.jpg) no-repeat center / cover;}


/* section 15 */
.b_fran15{background-color:#045949; padding-bottom:10% ;}
.b_fran15 .b_cont_box{margin:0 auto; width:60%; display:flex; align-items:center; justify-content:center; border-radius:30px; overflow:hidden; background-color:#002a22; }
.b_fran15 .b_form_box{max-width:930px; width:100%; padding:5%; }
.b_fran15 .b_form_box .b_form_list li{display:flex; align-items:center; flex-wrap:wrap; margin-bottom:25px; }
.b_fran15 .b_form_box .b_form_list li:last-child{margin-bottom:0; }
.b_fran15 .b_form_box .b_tit_txt{width:17.5%; color:#fff; word-break:keep-all; }
.b_fran15 .b_form_box .b_tit_txt b{color:#ffc600; vertical-align: super;}
.b_fran15 .b_form_box .b_form_cont{width:82.5%; display: flex; align-items: center; flex-wrap: wrap;}
.b_fran15 .b_form_box .b_input{background-color:transparent; border:0; border-bottom:2px solid #fff; width:100%; outline:0; color:#fff; padding:12px 0; font-size:1.063rem; }
.b_fran15 .b_form_box .b_input::placeholder{color:#fff; opacity:.6; }
.b_fran15 .b_form_box .b_chk_list label{width:15%; display: flex; align-items: center;}
.b_fran15 .b_form_box .b_chk_list span{color:#fff; margin-left:5px; }
.b_fran15 .b_form_box .b_chk{appearance: none; width:19px; height:19px; background:url(/img/fran/form_chk.png) no-repeat center; opacity:.3; padding-right:5px;}
.b_fran15 .b_form_box .b_chk:checked{opacity:1; transition:opacity .2s; }
.b_fran15 .b_form_box textarea{background-color:#264a43; height:150px; border-radius:10px; padding:15px; resize:none; border:0; outline:0; color:#fff; width:100%; font-size:1.063rem; }
.b_fran15 .b_form_box textarea::placeholder{color:#fff; opacity:.6; }
.b_fran15 .b_form_box .b_chk_box {width:82.5%; margin:15px 0; margin-left:auto; }
.b_fran15 .b_form_box .b_chk_box label{color:#fff; }
.b_fran15 .b_form_box .b_chk_box a{display:inline-block; }
.b_fran15 .b_form_box .b_submit_btn{width:82.5%; margin-left:auto; background-color:#fff; color:#045949; display:flex; align-items:center; justify-content:center; height:65px; border-radius:8px; column-gap:15px; letter-spacing:-1px; }

@media screen and (max-width: 1280px){ 
	.b_fran15 .b_cont_box{max-width: 800px; width: 94%;}
	.b_fran15 .b_form_box .b_chk_list label {width: 22%;}
}
@media screen and (max-width: 720px){ 
	.b_fran15 .b_cont_box{border-radius: 15px;}
	.b_fran15 .b_form_box{padding: 50px 30px;}
	.b_fran15 .b_form_box .b_tit_txt {width: 100%;}
	.b_fran15 .b_form_box .b_form_cont{width: 100%;}
	.b_fran15 .b_form_box .b_chk_list {margin-top:15px; gap: 10px 15px; }
	.b_fran15 .b_form_box .b_chk_list label {width: auto;}
	.b_fran15 .b_form_box .b_chk_list span{font-size: 15px;}
	.b_fran15 .b_form_box textarea {margin-top:15px; border-radius: 5px;}
	.b_fran15 .b_form_box .b_chk_box{margin-left:0; }
	.b_fran15 .b_form_box .b_submit_btn{width: 100%; margin-left:0; height: 50px; border-radius: 4px; column-gap: 10px;}
	.b_fran15 .b_form_box .b_submit_btn span{font-size: 20px;}
}