/*ALL CSS-----------------------------------------------------*/
@font-face {
    font-family: 'ChungjuKimSaengTTF';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2312-1@1.1/ChungjuKimSaengTTF.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
body {font-family: 'SUIT Variable', sans-serif; letter-spacing: -1.2px;}
.b_font{font-family: 'ChungjuKimSaengTTF';}

/*font size*/
.fs_13{font-size: 0.813rem;}
.fs_15{font-size: 0.938rem;}
.fs_17{font-size: 1.063rem;}
.fs_18{font-size: 1.125rem;}
.fs_20{font-size: 1.25rem;}
.fs_22{font-size: 1.375rem;}
.fs_25{font-size: 1.563rem;}
.fs_28{font-size: 1.75rem;}
.fs_30{font-size: 1.875rem;}
.fs_34{font-size: 2.125rem;}
.fs_35{font-size: 2.188rem;}
.fs_40{font-size: 2.5rem;}
.fs_45{font-size: 2.813rem;}
.fs_50{font-size: 3.125rem;}
.fs_70{font-size: 4.375rem;}
.fs_140{font-size: 8.75rem;}

@media screen and (max-width: 1080px){ 
	.fs_22{font-size: 16px;} 
	.fs_25{font-size: 20px;}
	.fs_30{font-size: 22px;}
	.fs_35{font-size: 22px;}
	.fs_40{font-size: 32px;}
	.fs_45{font-size: 35px;}
	.fs_50{font-size: 40px;}
}
@media screen and (max-width: 720px){ 
	.fs_17{font-size: 15px;}
	.fs_22{font-size: 15px;}
	.fs_25{font-size: 16px;}
	.fs_30{font-size: 17px;}
	.fs_35{font-size: 17px;}
	.fs_40{font-size: 26px;}
	.fs_50{font-size: 30px;}
}


/* font weight */
.fw_r{font-weight: 400;}
.fw_m{font-weight: 500;}
.fw_sb{font-weight: 600;}
.fw_b{font-weight: 700;}
.fw_eb{font-weight: 800;}
.fw_h{font-weight: 900;}


/* inner */
.b_inner{max-width: 1400px; width: 96%; margin: 0 auto;}


/* color */
.bg_mint{background-color: #01a287;}
.font_mint{color: #01a287;}


/* header */
#b_header{position: absolute; height: 100px; width: 100%; transition: background-color .3s; z-index: 20;}
#b_header .b_inner{max-width: 1920px; display: flex; justify-content: space-between; align-items: center; height: 100%; position: relative;}
#b_header .b_logo a{display: block; width: fit-content; }
#b_header .b_logo .logo_b{display:none;}
#b_header nav{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#b_header #b_gnb {display: flex; align-items: center; column-gap: 60px;}
#b_header #b_gnb li a{color:#fff; font-size: 1.125rem; font-weight: 600; padding: 5px;}
#b_header .b_hd_right{display: flex; align-items: center; column-gap: 20px; }
#b_header .b_call_box a{display: flex; align-items: center; }
#b_header .b_call_box p{color:#fff; display: flex; align-items: center; }
#b_header .b_call_box img{filter: brightness(0) invert(1); margin-right: 5px; width: 23px;}
#b_header .b_call_box span{color:#00c4a3; margin-left: 12px;}
#b_header .b_toggle_btn{width: 27px; height: 20px; flex-direction: column; justify-content: space-between; display: none;}
#b_header .b_toggle_btn span{display: block; width: 100%; height: 2px; background-color: #fff;}


/* scroll navi */
#b_menu_box{position: fixed; left: 0; top: -80px; width: 100%; height: 75px; z-index: 20; background-color: rgba(0,0,0,.15); backdrop-filter: blur(20px); transition: top .2s;}
#b_menu_box.scr{top: 0px; transition: top .4s;}
#b_menu_box .b_inner{max-width: 1920px; display: flex; align-items: center; height: 100%; column-gap: 20%; }
#b_menu_box .b_logo {position:relative; z-index:5;}
#b_menu_box .b_logo img{display: block; height: 60px;}
#b_menu_box #menu_list{display: flex; align-items: center; column-gap: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 1000px; width: 100%; justify-content: center}
#b_menu_box #menu_list li a{color: #fff; font-weight: 500; font-size: 1.063rem; display: flex; align-items: center; position: relative; padding-bottom: 5px; }
#b_menu_box #menu_list li a:hover{}
#b_menu_box #menu_list li a::after{content:''; width:0; height:1px; background-color: #00c4a3; position:absolute; right: 0; bottom: 0; transition: .3s;}
#b_menu_box #menu_list li.on a{color: #00c4a3; transition: color .3s; }
#b_menu_box #menu_list li.on a::after{width:100%; right: unset; left: 0; transition: .3s;}

@media screen and (max-width: 1280px){
    #b_header #b_gnb {column-gap: 40px;}
		#b_menu_box .b_logo img{height: 50px;}
		#b_menu_box #menu_list{column-gap: 25px;}
}
@media screen and (max-width: 1080px){
    #b_header{height: 80px;}
    #b_header .b_toggle_btn{display: flex;}
    #b_header nav{display: none;}
		#b_header .b_call_box img{margin-right: 3px; width: 18px;}
		#b_header .b_call_box span{margin-left: 6px;}
		#b_header .b_logo img{display: block; width: 180px;}
		#b_menu_box{display:none;}
}
@media screen and (max-width: 720px){
    #b_header{height: 60px;}
    #b_header .b_logo img{width: 110px;}
    #b_header .b_hd_right{column-gap: 12px;}
    #b_header .b_toggle_btn{height: 16px;}
}


/* 하단 고정폼 */
#b_quick_form{position: fixed; width: 100%;left: 0; bottom: 0; background-color: #003f33; z-index: 20;}
#b_quick_form.b_unset{position:relative;}
#b_quick_form .b_top_box{ background-color: #003f33; height: 80px;}
#b_quick_form .b_inner{display: flex; justify-content: space-between; align-items: center; height: 100%; max-width: 1920px;}
#b_quick_form .b_logo {margin-right: 15px;}
#b_quick_form .b_logo a{display: block; width: fit-content;}
#b_quick_form .b_quick_left{display: flex; align-items: center;}
#b_quick_form .b_num_box{display: flex; align-items: center; color:#fff; column-gap: 15px;}
#b_quick_form .b_num_box p{word-break:keep-all; }
#b_quick_form .b_num_box span{display: flex; align-items: center; }
#b_quick_form .b_quick_right .b_form_box{display: flex; align-items: center;}
#b_quick_form .b_chk_box {margin-right: 10px; display: flex; align-items: center; }
#b_quick_form .b_chk_area{width: 16px; height: 16px; appearance: none; position: relative; margin-right: 4px; border-radius: 3px; background-color: #b7b7b7;}
#b_quick_form .b_chk_area:checked{background-color: #00c4a3; transition:background-color .2s;}
#b_quick_form .b_chk_area::before{content:''; width: 100%; height: 100%; position:absolute; left: 0; top: 0; box-sizing: border-box; background: url(/img/icon/quick_chk.png) no-repeat center;}
#b_quick_form .b_chk_box span{color: #fff;max-width: 1480px;}
#b_quick_form .b_form_box ul{display: flex; align-items: center; max-width: 466px; justify-content: space-between; margin-right: 9px;}
#b_quick_form .b_form_box ul li{width: 32%;}
#b_quick_form .b_form_box .b_input_box{width: 100%; }
#b_quick_form .b_form_box .b_input_box .b_input{width: 100%; border:0; border-radius: 3px; height: 50px; display: block; padding: 0 12px; outline:0; font-weight: 400; font-size: 0.938rem;}
#b_quick_form .b_form_box .b_submit_btn{height: 50px; display: flex; align-items: center; justify-content: center ; width: 180px; background-color: #00c4a3; color:#fff; border-radius: 3px; transition: .3s;}
#b_quick_form .b_form_box .b_submit_btn:hover{background-color: #00a78b; transition: .3s; }
#b_quick_form .b_bot_box{background-color: #000000; height: 45px; cursor: default; overflow: hidden; position: relative; }
#b_quick_form .b_bot_box span{color: #fff; display: flex; align-items: center; column-gap: 60px; height: 100%; position: absolute; white-space: nowrap; will-change: transform; animation: move_rolling 40s linear infinite;}
#b_quick_menu{position:absolute; right:3%; bottom:150px; z-index:10; width:120px; }
#b_quick_menu ul{display:flex; align-items:center; justify-content:center; flex-direction:column; row-gap:10px; }
#b_quick_menu ul li{width:100%; aspect-ratio:1/1; border-radius:50%; }
#b_quick_menu ul li:nth-child(1){background-color:#01a287; box-shadow:0 -8px 30px rgba(0,0,0,.16); }
#b_quick_menu ul li:nth-child(2){background-color:#ffffff; box-shadow:0 -8px 30px rgba(0,0,0,.16); }
#b_quick_menu ul li:nth-child(3){background-color:#222222; height:30px; aspect-ratio:unset; border-radius:15px; }
#b_quick_menu ul li:nth-child(1) .b_link_box{text-align:center; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; color:#fff; }
#b_quick_menu ul li button{text-align:center; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; }
#b_quick_menu ul li:nth-child(3) button{flex-direction:row; color:#fff; }
#b_quick_menu ul li:nth-child(3) button img{margin-left:6px; }
#b_quick_menu ul li b{line-height: 0.9;}

@media screen and (max-width: 1480px){
	#b_quick_form .b_logo img{height:40px; }
	#b_quick_form .b_num_box img{width:20px; }
	#b_quick_form .b_form_box .b_submit_btn{width: 150px;}
	#b_quick_form .b_form_box ul{max-width: 400px;}
}
@media screen and (max-width: 1280px){
    #b_quick_form .b_logo {margin-right: 10px;}
    #b_quick_form .b_logo img{width: 130px;}
		#b_quick_form .b_form_box ul{max-width: 360px; margin-right: 7px;}
		#b_quick_form .b_form_box .b_submit_btn{width: 120px;}
		#b_quick_form .b_num_box p{font-size:26px;}
		#b_quick_form .b_num_box span{font-size:26px;}
}
@media screen and (max-width: 1080px){
    #b_quick_form{height: auto; padding: 0;}
		#b_quick_form .b_top_box{display:none;}
    #b_quick_form .b_logo {display: none;}
    #b_quick_form .b_quick_right {width: 100%;}
    #b_quick_form .b_chk_box{margin-right: 0; margin-bottom:6px; display: flex ; align-items: center;}
    #b_quick_form .b_chk_box .b_pop_btn{display: inline-block; margin-top: 0px; margin-left: 5px;}
    #b_quick_form .b_quick_right .b_form_box{flex-direction: column;}
    #b_quick_form .b_form_box ul {width: 100%; margin-right:0; max-width: unset; margin-bottom: 8px; flex-wrap: wrap;}
    #b_quick_form .b_form_box ul li {width: 24.2%;}
    #b_quick_form .b_form_box .b_input_box .b_input{border-radius: 3px; height: 40px;}
    #b_quick_form .b_form_box .b_submit_btn{width: 100%; height: 40px;}
		#b_quick_menu{width: 80px; bottom: 70px; right: 13px; }
}
@media screen and (max-width: 720px){
    #b_quick_form .b_form_box ul {margin-bottom: 0; }
    #b_quick_form .b_form_box ul li {width: 49.2%; margin-bottom: 8px;}
		#b_quick_form .b_bot_box span{column-gap: 40px;}
		#b_quick_form .b_bot_box span i{font-size:14px;}
		#b_quick_menu{width: 60px; bottom: 60px; }
		#b_quick_menu ul{row-gap: 8px;}
		#b_quick_menu ul li b{margin-top: -5px; line-height: 1;}
		#b_quick_menu ul li:nth-child(3) button img {margin-left: 3px; width: 8px;}
}


/* site map */
#b_site_map{position: fixed; right: -105%; top: 0;  width: 100%; height: 100%; background-color: #003f33; z-index: 30; padding-top:200px; opacity:.2; transition:right .4s, opacity .3s;}
#b_site_map.open{right: 0; opacity:1; transition:right .6s, opacity .5s;}
#b_site_map .b_close_btn{width:28px; height:28px; position:absolute; right:20px; top:20px ; transform:rotate(45deg); }
#b_site_map .b_close_btn span{display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-color:#fff;}
#b_site_map .b_close_btn span:first-child{width:100%; height:2px;  }
#b_site_map .b_close_btn span:last-child{width:2px; height:100%;}
#b_site_map .b_logo_img{display:block; margin:0 auto; }
#b_site_map nav{margin-top:20px; }
#b_site_map #b_gnb {display:flex; flex-direction:column; align-items:center; row-gap:20px; }
#b_site_map #b_gnb li a{color:#fff; font-size:2rem; font-weight:bold; }


/* 가맹문의 팝업 form */
#b_pop_form{position:fixed; left: 0; top: 0; height: 100%; width: 100%; background-color:rgba(0,0,0,.8); z-index:20; display:none; }
#b_pop_form .b_form_wrap{max-width:490px; width:92%; border-radius:30px; background-color:#045949; position:relative; padding:40px 50px 30px 50px; margin:0 auto; margin-top:7%;}
#b_pop_form .b_close_btn{background-color:#004034; width:60px; aspect-ratio:1/1; border-radius:50%; display:flex; align-items: center; justify-content: center; z-index: 3; position: absolute; right: -20px; top: -20px; }
#b_pop_form h1 img{width:195px; display:block; margin:0 auto; }
#b_pop_form .b_tit_box{color:#fff; text-align:center; }
#b_pop_form .b_tit_box p{margin:10px 0 15px;}
#b_pop_form .b_form_box{width:100%; }
#b_pop_form .b_form_box ul{width:100%; display:flex; flex-direction:column; row-gap:7px;}
#b_pop_form .b_form_box .b_input{width:100%; border-radius:7px; outline:0; height:40px; border:0; padding:0 20px; color:#797979; font-size:0.938rem; }
#b_pop_form .b_chk_box {margin-right: 10px; display: flex; align-items: center; margin:7px 0; }
#b_pop_form .b_chk_area{width: 16px; height: 16px; appearance: none; position: relative; margin-right: 4px; border-radius: 3px; background-color: #b7b7b7;}
#b_pop_form .b_chk_area:checked{background-color: #00c4a3; transition:background-color .2s;}
#b_pop_form .b_chk_area::before{content:''; width: 100%; height: 100%; position:absolute; left: 0; top: 0; box-sizing: border-box; background: url(/img/icon/quick_chk.png) no-repeat center;}
#b_pop_form .b_chk_box span{color: #fff;}
#b_pop_form .b_submit_btn{background-color:#00c4a3; color: #fff; text-align:center; width: 100%; height: 50px; border-radius:7px; }
#b_pop_form .b_form_box .b_chk_list {display: flex; align-items: center; flex-wrap: wrap; gap: 5px 12px;}
#b_pop_form .b_form_box .b_chk_list label{display: flex; align-items: center;}
#b_pop_form .b_form_box .b_chk_list span{color:#fff; margin-left:5px; }
#b_pop_form .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_pop_form .b_form_box .b_chk:checked{opacity:1; transition:opacity .2s; }
#b_pop_form .b_form_box .b_tit_txt{color:#fff; margin-bottom:5px; }
#b_pop_form .b_form_box textarea.b_input{padding: 9px 20px; resize:none; }

@media screen and (max-width: 1080px){
	#b_pop_form .b_form_wrap{margin-top: 15%; border-radius: 15px; padding: 40px 30px 30px 30px; max-width: 360px;}
	#b_pop_form .b_close_btn{width: 40px; right: -8px;}
	#b_pop_form .b_close_btn img{width: 14px;}
	#b_pop_form .b_form_box .b_input{height: 35px; border-radius: 3px; padding: 0 15px;}
	#b_pop_form .b_submit_btn{height: 45px; border-radius: 3px;}
	#b_pop_form .b_form_box .b_chk_list span{font-size: 14px;}
}


/* intro page */
#intro_page{position: fixed; left: 0; top: 0; height: 100%; width: 100%; display: flex; align-items: center; z-index:50; flex-wrap: wrap;}
#intro_page .b_logo_box{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; background-color: #045949; width: 200px; height: 200px; display: flex; align-items: center; justify-content: center; z-index: 5;}
#intro_page .b_box{width: 50%; height: 100%; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; }
#intro_page .b_box > .b_link_box{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3;}
#intro_page .b_box .b_bg_box{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: transform .5s;}
#intro_page .b_box_01 .b_bg_box{background: url(/img/intro/bg_brand.jpg) no-repeat center / cover;}
#intro_page .b_box_02 .b_bg_box{background: url(/img/intro/bg_fran.jpg) no-repeat center / cover;}
#intro_page .b_box .b_txt_box{text-align: center; margin-top: -21%;}
#intro_page .b_box .b_tit_txt{width: fit-content; padding:5px 12px; line-height: 1; margin: 0 auto;}
#intro_page .b_box_01 .b_tit_txt{width: fit-content; background-color: #fff; }
#intro_page .b_box_02 .b_tit_txt{color: #fff; }
#intro_page .b_box p{margin-top: 60px; line-height: 1.5;}
#intro_page .b_box_01 p{color: #fff; }
#intro_page .b_box .b_bg_box::after{content:''; width:100%; height:100%; background-color: #000; opacity: 0; transition: opacity 1s; position: absolute; left: 0; top: 0;}
#intro_page .b_box:hover .b_bg_box::after{opacity: .4; transition: opacity 1s; }
#intro_page .b_box:hover .b_bg_box{transform: scale(1.05); transition: transform 1s; }
#intro_page .b_box_02:hover p{color: #fff; transition: color .5s; }

@media screen and (max-width: 1480px){
	#intro_page .b_box .b_txt_box{margin-top: -30%;}
	#intro_page .b_logo_box{width: 150px; height: 150px;}
	#intro_page .b_logo_box img{width: 90px;}
}
@media screen and (max-width: 1080px){
	#intro_page .b_box .b_txt_box{margin-top: -50%;}
	#intro_page .b_box .b_tit_txt{font-size: 50px;}
	#intro_page .b_box p {margin-top: 30px;}
}
@media screen and (max-width: 800px){
	#intro_page .b_box {width: 100%; height: 50%;align-items: flex-start;}
	#intro_page .b_box .b_txt_box{margin-top: 70px;}
	#intro_page .b_logo_box{width: 80px; height: 80px;}
	#intro_page .b_logo_box img{width: 40px;}
	#intro_page .b_box .b_tit_txt{font-size: 40px;}
}	


/* section common */
.b_section{position: relative; overflow: hidden; }
.b_section figure {display: flex; flex-direction: column; justify-content: center;}
.b_section figure img{display: block; max-width: 100%; margin: 0 auto;}
.b_section .b_mo_ver{display: none; }

@media screen and (max-width: 720px){
	.b_section .b_pc_ver{display: none; }
	.b_section .b_mo_ver{display: block; }
}


/* scroll motion */
.b_motion.b_item {transition: transform .8s, opacity 0.6s ease; opacity: 0; transform: translate3d(0px, 50px, 0);}
.b_motion.b_item.b_tr {transform: translate3d(-50px, 0, 0);}
.b_motion.b_item.b_tl {transform: translate3d(50px, 0, 0);}
.b_motion.b_item.b_tb {transform: translate3d(0, -50px, 0);}
.b_motion.b_item.b_move {opacity: 1 !important; transform: translateZ(0) !important;}


/* motion delay */
.b_item.b_delay_01{transition-delay: .3s;}
.b_item.b_delay_02{transition-delay: .6s;}
.b_item.b_delay_03{transition-delay: .9s;}
.b_item.b_delay_04{transition-delay: 1.2s;}
.b_item.b_delay_05{transition-delay: 1.4s;}
.b_item.b_delay_06{transition-delay: 1.6s;}
.b_item.b_delay_07{transition-delay: 1.9s;}
.b_item.b_delay_08{transition-delay: 2.1s;}
.b_item.b_delay_09{transition-delay: 2.4s;}
.b_item.b_delay_10{transition-delay: 2.7s;}


/* keyframe 모음 */
@keyframes move_rolling{
    0%{
        transform: translateX(0);
    }
    100%{
        transform: translateX(-20%);
    }
}
@keyframes move_rolling_v{
    0%{
        transform: translateY(0);
    }
    100%{
        transform: translateY(-50%);
    }
}
@keyframes move_rotate{
    0%{
        transform: rotate(0);
    }
    100%{
        transform: rotate(360deg);
    }
}
@keyframes move_rotate_r{
    0%{
        transform: rotate(0);
    }
    100%{
        transform: rotate(-360deg);
    }
}
@keyframes move_blink{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@keyframes move_scale{
    0%{
        opacity: .2;
				scale:.7;
    }
    100%{
        opacity: 1;
				scale:1;
    }
}


/* 개인정보처리방침, 이용약관 팝업 */
.add_pop_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);z-index: 9999;display: none;}
.add_pop_inner{position: absolute;top: 50%;left: 50%;width: 94%;max-width: 800px;height: 600px;border-radius: 15px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;}
#add_wrap_02 .add_pop_inner{height: 250px;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}
.add_pop_tit{background: #003f33;color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;}
.add_pop_close{width: 20px;height: 60px;position: relative;}
.add_pop_close span{position: absolute;top: 29px;left: 0;width: 20px;height: 2px;background: #FFF;z-index: 1;transition: transform .3s ease;}
.add_pop_close span:nth-child(1){transform: rotate(45deg);}
.add_pop_close span:nth-child(2){transform: rotate(-45deg);}
.add_pop_close:hover span{transform: rotate(0);}
.add_pop_con{background: #FFF;padding: 22px 25px;overflow-y: scroll;height: calc( 100% - 60px );}
.add_pop_con h5{font-size: 1rem;font-weight: bold;margin-bottom: 10px;}
.add_pop_con p{font-size: 14px;line-height: 160%;margin-bottom: 25px;}

@media (max-width: 768px){ 
	.add_pop_con p{font-size: 12px;}
}


/* main visual */
.b_mv_box{height: 950px; width: 100%; overflow: hidden; position: relative;}
.b_mv_box .b_bg_img{width: 100%; height: 100%; background:url(/img/brand/mv_bg.jpg) no-repeat center / cover; position: absolute; left: 0; top: 0;}
.b_mv_box figure img{display:block; max-width:100%; }
.b_mv_box .b_img_box{height: 100%; max-width: 1920px; width: 100%; position: relative; margin: 0 auto;}
.b_mv_box .b_img_box .b_absol{position: absolute; display: block; left: 0; top: 0; }
.b_mv_box .b_img_box .b_tit_txt{position: relative; z-index: 5;}
.b_mv_box .b_img_box .b_txt{z-index: 5;}
.b_mv_box .b_img_box .b_food{z-index: 1;}
.b_mv_box .b_img_box .b_smoke{z-index: 3;}
.b_rolling_box {background-color: #000; overflow: hidden; position: relative; height: 360px;}
.b_rolling_box .b_track{position: absolute; white-space: nowrap; will-change: transform; animation: move_rolling 20s linear infinite; display: flex; align-items: center; column-gap: 45px;}
.b_rolling_box .b_track li img{display: block; }
.b_mv_box .b_mo_ver{display:none;}

@media screen and (max-width: 1920px){
	.b_mv_box{aspect-ratio:10/5; height:unset; }
}
@media screen and (max-width: 1280px){ 
	.b_rolling_box{height:175px; }
	.b_rolling_box .b_track{column-gap: 25px;} 
	.b_rolling_box .b_track li img{height:175px;}
}
@media screen and (max-width: 720px){
	.b_rolling_box{height:150px; }
	.b_rolling_box .b_track li img{height:150px;}
	.b_mv_box .b_pc_ver{display:none;}
	.b_mv_box .b_mo_ver{display:block;}
	.b_mv_box{aspect-ratio:unset; height:unset;}
	.b_mv_box .b_bg_img{background:url(/img/brand_m/mv_bg.jpg) no-repeat center top / cover; }
}


/* section 01 */
.b_sec01{background:url(/img/brand/sec01_bg.jpg) no-repeat center / cover; }
.b_sec01::after{content:''; width:100%; height: 100%; background-color: #000; opacity: .5; position: absolute; left: 0; top: 0; z-index: 3;}
.b_sec01 .b_img_box{position: relative ; z-index: 5;}
.b_sec01 .b_food_box{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; z-index: 1;}
.b_sec01 .b_food_box .b_food{animation: move_rotate 20s linear infinite; }

@media screen and (max-width: 720px){
	.b_sec01{background:url(/img/brand_m/sec01_bg.jpg) no-repeat center / cover; }
	.b_sec01 .b_food_box{top: 54%;}
}


/* section 02 */
.b_sec02{background:url(/img/brand/sec02_bg.jpg) no-repeat center / cover; }
.b_sec02 .b_hover_box{position: relative;}
.b_sec02 .b_hover_box::after{content:''; width: 100%; height:80%; background-color: #045949; opacity: .5; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.b_sec02 .b_hover_box > a{display: block; width:50%; height:100%; position: absolute; top: 0; z-index: 8;}
.b_sec02 .b_hover_box > .left_hover{left: 0;}
.b_sec02 .b_hover_box > .right_hover{right: 0;}
.b_sec02 .b_hover_box .b_img_wrap{aspect-ratio: 9/3.3; max-width: 1920px; margin: 0 auto; position: relative; z-index: 5;} 
.b_sec02 .b_hover_box img{position: absolute; left: 0; top:0; width: 100%; display: none; }
.b_sec02 .b_hover_box img.on{display: block;}

@media screen and (max-width: 720px){
	.b_sec02{background:url(/img/brand_m/sec02_bg.jpg) no-repeat center / cover; }
	.b_sec02 .b_hover_box .b_img_wrap{aspect-ratio: 9 / 20;}
	.b_sec02 .b_hover_box::after{height: 100%;}
}


/* section 03 */
.b_sec03{background:url(/img/brand/sec03_bg.jpg) no-repeat center / cover;}
.b_sec03 .b_box_wrap {overflow: hidden; position: relative; height: 360px;}
.b_sec03 .b_box_wrap .b_track{position: absolute; white-space: nowrap; will-change: transform; animation: move_rolling 10s linear infinite; display: flex; align-items: center; column-gap: 45px;}
.b_sec03 .b_box_wrap .b_track li img{display: block; }

@media screen and (max-width: 1080px){ 
	.b_sec03 .b_box_wrap{height: 240px;}
	.b_sec03 .b_box_wrap .b_track{column-gap: 25px;} 
	.b_sec03 .b_box_wrap .b_track li img{height: 240px;}
}
@media screen and (max-width: 720px){ 
	.b_sec03{padding-bottom:70px;} 
}


/* section 04 */
.b_sec04{background-color: #045949;}
.b_sec04 .b_bg_img{position: absolute; left: 50%; top:0; width: 100%; background:url(/img/brand/sec04_bg.jpg) no-repeat center / cover; width: 100%; transform: translateX(-50%); max-width: 1920px;}
.b_sec04 .b_bg_img img{width: 100%; opacity: 0; animation: move_blink 1s ease-in-out infinite; animation-direction:alternate; }

@media screen and (max-width: 720px){
	.b_sec04 .b_bg_img{background:url(/img/brand_m/sec04_bg.jpg) no-repeat center / cover; }
}


/* section 05 */
.b_sec05{background:url(/img/brand/sec05_bg.jpg) no-repeat center / cover; overflow: visible;}
.b_sec05 .b_circle_box{position: absolute; left: 50%; top:-22%; transform: translateX(-50%); }
.b_sec05 .b_circle_box img{display: block; }
.b_sec05 .b_circle_box .b_bg_img{animation: move_rotate 5s linear infinite;}
.b_sec05 .b_circle_box .b_logo_img{position: absolute; left: 50%; top:0; transform: translateX(-50%); }

@media screen and (max-width: 1480px){
	.b_sec05 .b_circle_box img{width:150px;}
}
@media screen and (max-width: 1080px){ 
	.b_sec05 .b_circle_box{top: -19%;}
	.b_sec05 .b_circle_box img{width:100px;}
}
@media screen and (max-width: 720px){ 
	.b_sec05{background:url(/img/brand_m/sec05_bg.jpg) no-repeat center / cover; }
  .b_sec05 .b_circle_box {top: -50px;}
}


/* section 06 */
.b_sec06 .b_img_wrap {position: relative;}
.b_sec06 .b_img_wrap .b_img{opacity: 0; position: absolute; left: 0; top:0; width: 100%; }
.b_sec06 .b_img_wrap .b_img01{z-index: 1; opacity: 1}
.b_sec06 .b_img_wrap .b_img02{z-index: 2;}
.b_sec06 .b_img_wrap .b_img03{z-index: 3;}
.b_sec06 .b_img_wrap .b_img04{z-index: 4;}
.b_sec06 .b_mo_ver .b_txt{position: absolute; left: 0; top:40%; width: 100%; } 


/* section 07 */
.b_sec07{background:url(/img/brand/sec07_bg.jpg) no-repeat center / cover; }

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


/* section 08 */
.b_sec08{background:url(/img/brand/sec08_bg.jpg) no-repeat center / cover; padding-bottom:170px;}
.b_sec08 .b_cont_box{max-width: 1400px; width:100%; margin:0 auto; position: relative; /*height:735px;*/ margin-top:30px;}
.b_sec08 .b_phone_slide{position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 5; width:340px; height:706px; }
.b_sec08 .b_phone_slide ul{padding-top: 13px; }
.b_sec08 .b_phone_slide ul li{border-radius: 43px; overflow: hidden;}
.b_sec08 .b_phone_frame{position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.b_sec08 .b_back_slide{padding-top: 30px; overflow: hidden; position: relative; z-index: 3;}
.b_sec08 .b_back_slide ul li{max-width: 350px; width:100%; margin:0 auto; box-shadow: 0 -8px 35px rgba(0,0,0,.18); background-color: #fff; }
.b_sec08 .b_back_slide ul li img{width: 100%;}

@media screen and (max-width: 1280px){ 
	.b_sec08 .b_phone_slide{width: 300px;height: 650px;} 
	.b_sec08 .b_phone_frame{width: 333px;}
	.b_sec08 .b_phone_slide ul li img{width:300px; }
	.b_sec08 .b_back_slide ul li {max-width: 300px;}
}
@media screen and (max-width: 1080px){ 
	.b_sec08{padding-bottom: 100px;}
	.b_sec08 .b_phone_slide{width: 250px;height: 550px;} 
	.b_sec08 .b_phone_frame{width: 277px;}
	.b_sec08 .b_phone_slide ul li img{width:250px; }
	.b_sec08 .b_back_slide ul li {max-width: 250px;}
}
@media screen and (max-width: 720px){
	.b_sec08{background:url(/img/brand_m/sec08_bg.jpg) no-repeat center / cover; padding-bottom:100px;}
}


/* section 09 */
.b_sec09{background:url(/img/brand/sec09_bg.jpg) no-repeat center / cover; padding-bottom:5%;}
.b_sec09 .b_cont_box > div{display: flex; align-items: flex-start; justify-content: center;}
.b_sec09 .b_chart_box {position: relative; }
.b_sec09 .b_chart_box .b_chart_img{margin: 0 0 0 auto; }
.b_sec09 .b_chart_box .b_deco_img{position: absolute; left: 11%; top: 24%; animation: move_scale .6s ease-in-out infinite; animation-direction:alternate; }
.b_sec09 .b_table_img{margin: 0 auto 0 0 ;}

@media screen and (max-width: 720px){
	.b_sec09{background:url(/img/brand_m/sec09_bg.jpg) no-repeat center / cover; padding-bottom:5%;}
	.b_sec09 .b_cont_box > div{flex-direction:column; }
	.b_sec09 .b_chart_box .b_deco_img{width: 200px; left: 6%; top: 7%;}
}


/* footer */
#b_footer{background-color: #111111; padding:80px 0; }
#b_footer address{color: #8b8b8b;}
#b_footer address span{line-height: 2;}
#b_footer > .b_inner {max-width: 1920px;}
#b_footer > .b_inner > div{display: flex; justify-content: space-between; }
#b_footer .b_top_box{align-items: flex-start; }
#b_footer .b_bot_box{margin-top: 15px; align-items: flex-end; }
#b_footer .b_pop_list{display: flex; column-gap: 25px;}
#b_footer .b_pop_list a{color: #fff;}
#b_footer .b_copyright{color: #8b8b8b;}
#b_footer .b_ft_logo a{display: block; width: fit-content;}

@media screen and (max-width: 1080px){
	#b_footer{padding:40px 0; }
	#b_footer .b_ft_logo img{height:40px;}
}
@media screen and (max-width: 720px){
	#b_footer .b_top_box{flex-direction: column-reverse; align-items: center; justify-content: center;}
	#b_footer .b_bot_box{align-items: center; flex-direction: column;}
	#b_footer address{text-align:center; }
	#b_footer .b_pop_list{margin-bottom: 15px; column-gap: 15px;}
	#b_footer .b_copyright{margin-bottom: 15px; }
}


/* responsive br */
.br_1280o{display: none;}
@media screen and (max-width: 1280px){
  .br_1280o{display: block;}
}

.br_840o{display: none;}
@media screen and (max-width: 840px){
  .br_840o{display: block;}
}

.br_720o{display: none;}
@media screen and (max-width: 720px){
  .br_720o{display: block;}
}