@charset "utf-8";
/**************************************************

	Global.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 1300px;letter-spacing: -1px;}
#_device_pc{display: block;} #_device_ta{display: none;} #_device_mo{display: none;} .__pc{display: block !important;} .__ta{display: none !important;} .__mo{display: none;}

@font-face {
    font-family: 'pre';
    src: url('/font/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'pre';
    src: url('/font/Pretendard-Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'pre';
    src: url('/font/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'pre';
    src: url('/font/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'pre';
    src: url('/font/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'pre';
    src: url('/font/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'pre';
    src: url('/font/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

body,td,form,select,input,button,textarea,div,option,pre,p,span,blockquote,li,dt,dd,legend,label,h1,h2,h3,h4,h5,h6 { font-family: 'pre', 'noto', sans-serif;}

/* Table */
.table1{ width: 100%; }
.table1 tr > *{padding: 10px;border: 1px solid #ddd;}
.table1 thead th{background: #f7f7f7;}
.table1 tbody th{background: #f7f7f7;}
.table1 tbody td{  }

/* Tab */
.tab1{ margin-bottom: 40px; }
.tab1 > li{display: inline-block;background: #f7f7f7;}
.tab1 > li a{display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 40px;border: 1px solid #f7f7f7;}
.tab1 > li.active a{background: #fff;color: #000;border-color: #333;}

/* Button */
.btnWrap{ margin-top: 40px; }
.btnWrap > *{margin: 0 2px;}
.btnWrap .btn1{ display: inline-block;background: #333;border: 1px solid #333;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px; }
.btnWrap .btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 35px;padding: 0 20px; }

/* Paging */
.paging{text-align: center;white-space: nowrap;margin-top: 30px;}
.paging > a{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;width: 30px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #dddddd;margin: 0 2px;font-size: 12px;text-decoration: none;}
.paging > a.first{}
.paging > a.prev{}
.paging > a.next{}
.paging > a.last{}
.paging > a.active{border-color: #ddd;background: #ddd;}
.paging > a:hover{border-color: #ddd;background: #ddd;}

/* Etc */
.ff-bg{font-family: bg;}

/**************************************************
	Layout
**************************************************/
html{overflow-x: hidden;}

#header{position: fixed;width: 100%;z-index: 90;height: 90px;transition: background 0.1s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
#header .inner{position: relative;width: 1300px;height: 90px;margin: 0 auto;}
/* #header:after{position: absolute;bottom: -1px;left: 0;content: '';display: block;width: 100%;height: 1px;background: rgba(0,0,0,0.1);} */
#header .logo { display: none; }

#header.fixed { background: rgba(0,0,0,0.4);}

/* #header.on{background: #fff;}
#header.on #gnb > li > a{color: #222222;}
#header:hover{background: #fff;}
#header:hover #gnb > li > a{color: #222222;} */

#gnb{position: absolute;top: 0;left: 0;right: 0; text-align: center;z-index: 2;}
#gnb > li{position: relative;display: inline-block;vertical-align: top;z-index: 91;}
#gnb > li > a{display: block;padding: 0 60px;line-height: 95px;font-size: 19px;color: #fff;text-decoration: none;font-family: sd;}
#gnb > li.hidden-gnb{display: none;}
#gnb > li > ul{position: absolute;top: 90px;left: 0;width: 100%;padding: 35px 0;height: 190px;border-right: 1px solid #ddd;box-sizing: border-box;transition: all 0.1s cubic-bezier(0.930, 0.635, 0.650, 0.970);visibility: hidden;opacity: 0;}
#gnb > li > ul li a{font-size: 16px;line-height: 32px;color: #333333;text-decoration: none;text-align: center;display: block;}
#gnb > li:hover > ul{background: #e61d25;}
#gnb > li:hover > ul li a{color: #fff;}
#gnb > li:first-child > ul{border-left: 1px solid #ddd;}

#drdw{position: fixed;top: 85px;width: 3000px;left: 50%;margin-left: -1500px;background: rgba(256,256,256,0.95);height: 190px;z-index: 89;visibility: hidden;opacity: 0;transition: all 0.1s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
#drdw .inner{width: 1300px;margin: 0 auto;position: relative;margin: 0 auto;height: 190px;background: url('/images/main/drdw-tit.png') no-repeat 0 center;}

/* #gnb:hover > li > ul{visibility: visible;opacity: 1;}
#gnb:hover #drdw{visibility: visible;opacity: 1;} */

#aside{position: fixed;top: 0;right: 30px;z-index: 89;height: 100%;white-space: nowrap;}
#aside:before{content: '';display: inline-block;width: 0;height: 100%;vertical-align: middle;}
#aside ul{display: inline-block;vertical-align: middle;}
#aside ul li{margin-bottom: 25px;}
#aside ul li a{position: relative;display: block;text-align: center;line-height: 15px;height: 15px;width: 15px;text-indent: -999em;border-radius: 50%;text-decoration: none;border: 2px solid #aaaaaa;box-sizing: border-box;}
#aside ul li.on a,
#aside ul li:hover a{background: #e61d25;border-color: #e61d25;}

#footer{background: #eee;padding: 50px 0 150px 0;}
#footer .inner{width: 1400px;position: relative;margin: 0 auto;}
#footer address{margin-top: 20px;font-size: 16px;color: #1c0f0f;font-style: normal;line-height: 1.7;}
#footer address strong { }
#footer address hr{border: none;display: inline-block;vertical-align: middle;width: 15px;background: none;}
#footer address .copyright{display: block;font-size: 12px;color: #999999;margin-top: 5px;letter-spacing: 0;}
#footer #sns{position: absolute;top: 40px;right: 0;display: flex;}
#footer #sns li{margin-left: 20px;}
#footer #sns li a { display: block;}

#gotop{position: absolute;top: 0;right: 0;display: block;font-size: 14px;color: #cccccc;font-weight: 600;text-decoration: none;padding-right: 20px;background: url('/images/main/ft-gotop.jpg') no-repeat right center;display: none;}

#fnb > li{position: relative;display: inline-block;padding: 0 12px;}
#fnb > li:first-child{padding-left: 0;background: none;position: relative;}
#fnb > li:before{content: '';display: block;position: absolute;top: 50%;left: 0;margin-top: -6px;width: 1px;height: 12px;background: #666666;}
#fnb > li:first-child:before{display: none;}
#fnb > li a{font-size: 16px;color: #cccccc;letter-spacing: -1px;line-height: 16px;text-decoration: none;transition: all 0.1s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
#fnb > li:hover a{color: #fff;}

#slide-btn{text-indent: -999em;width: 30px;height: 20px;position: absolute;top: 50px;right: 0;display: none;}
#slide-btn button{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;background: none;cursor: pointer;outline: none;}
#slide-btn button span,
#slide-btn button:before,
#slide-btn button:after{border-radius: 2px;overflow: hidden;position: absolute;left: 0;width: 100%;height: 2px;background: #a2150b;}
#slide-btn button span{display: block;top: 50%;margin-top: -1px;opacity: 1;transition: all 0.3s;}
#slide-btn button:before{content: '';display: block;top: 0;transition: all 0.3s;}
#slide-btn button:after{content: '';display: block;bottom: 0;transition: all 0.3s;}
#slide-btn button.on span{opacity: 0;}
#slide-btn button.on:before{top: 50%;margin-top: -1px;transform: rotate(45deg);}
#slide-btn button.on:after{bottom: 50%;margin-bottom: -1px;transform: rotate(-45deg);}

#slide-bg{display: none;}

#slide-menu{display: none;}

#ftbn{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 100;background: #222222;display: none;}
#ftbn .inner{position: relative;width: 1185px;margin: 0 auto;position: relative;box-sizing: border-box;padding-left: 320px;height: 65px;line-height: 65px;}
#ftbn .inner h5{position: absolute;top: 0;left: 0;}
#ftbn .in{font-family: empty;font-size: 0;}
#ftbn .in > *{display: inline-block;vertical-align: top;width: 25%;box-sizing: border-box;height: 65px;line-height: 65px;}
#ftbn .in .inp{background: #2e2e2e;padding-left: 15px;border: none;border-left: 1px solid #555555;font-size: 15px;color: #aaaaaa;}
#ftbn .in label{position: relative;font-size: 14px;line-height: 19px;color: #bbbbbb;padding-top: 15px;padding-left: 35px;}
#ftbn .in label .chk{position: absolute;top: 15px;left: 10px;}
#ftbn .in label a{display: block;font-weight: 600;color: #bbbbbb;}
#ftbn .in .sbm{border: none;background: #e61d25;font-size: 18px;color: #fff;text-align: center;}
#ftbn .in .sbm img{display: inline-block;vertical-align: middle;margin-left: 10px;}
#ftbn .close{display: block;position: absolute;top: 0;right: -60px;}




.asd { position: fixed; bottom: 10%; right: 30px; z-index: 99;}
.asd, #asd {
  transition: transform 0.3s ease;
}
.asd:hover, #asd:hover {
  transform: scale(1.08); /* 8% 확대 */
}
.asd ul { padding: 10px 20px; background-color: #fff; border-radius: 99px; }
.asd li { text-align: center; }
.asd li + li { border-top: 1px solid #c0c0c0; }
.asd li a { display: block; padding: 20px 0; text-decoration: none; }
.asd li img { }
.asd li span { display: block; padding-top: 10px; color: #000; font-size: 15px; font-weight: 800; }

/**************************************************
	Ajax Popup
**************************************************/
#popup{position: fixed;top: 50%;left: 50%;width: 600px;height: 500px;margin-top: -250px;margin-left: -300px;padding-top: 46px;z-index: 301;background: #fff;border-radius: 5px;overflow: hidden;box-sizing: border-box;opacity: 0;transition: all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#popup .pop-tit{position: absolute;top: 0;left: 0;width: 100%;height: 45px;background: #f7f7f7;padding: 0 15px;border-bottom: 1px solid #ddd;box-sizing: border-box;}
#popup .pop-tit h3{font-size: 15px;color: #000;font-weight: 300;line-height: 45px;}
#popup .pop-tit .close{display: block;position: absolute;top: 0;right: 0;width: 44px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #666;background: #eee;border-left: 1px solid #ddd;}
#popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
#popup.on{opacity: 1;}
#popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
#popupBG.on{opacity: 1;}

/* sitemap */
#popup .sitemap{ text-align: center; }
#popup .sitemap > li{display: inline-block;width: 32%;vertical-align: top;margin-bottom: 10px;}
#popup .sitemap > li > a{display: block;text-align: center;font-size: 14px;letter-spacing: -1px;background: #f7f7f7;font-weight: 300;line-height: 40px;border-radius: 3px;}
#popup .sitemap > li ul li{border-top: 1px solid #f7f7f7;text-align: left;}
#popup .sitemap > li ul li:first-child{border-top: none;}
#popup .sitemap > li ul li a{display: block;font-size: 13px;color: #333;line-height: 18px;padding: 10px 0;text-align: center;}

.spPop img { vertical-align: middle; }
.spPop td { border: 0 !important; }

/**************************************************
	Main
**************************************************/
#main{  }
#main #content{  }
#franchiseWrap{position: relative;margin: 0 auto;}
#franchiseWrap section { padding: 120px 0; }
#franchiseWrap .inner { max-width: 1300px;margin: 0 auto; }
#franchiseWrap .w1200 { max-width: 1200px;margin: 0 auto; }

/* fullsizing wrapper */
.full_wrapper{width: 100vw;position: relative;left: 50%;transform: translate(-50%, 0);}
.full_wrapper.bg_gray{padding: 100px 0;background: #f7f7f7;}
.full_wrapper .inner{max-width: 1300px;margin: 0 auto;}

#franchiseWrap .fran_visual { position: relative; padding: 0; z-index: 1; text-align: center; background-color: #f4f4f4; }
#franchiseWrap .fran_visual .inner { max-width: none; }
#franchiseWrap .fran_visual img { width: 100%; margin: 0 auto;}

.col_red { color: #d80a00 !important; font-size: inherit; font-weight: inherit; }
.col_orange { color: #ff6000 !important; font-size: inherit; font-weight: inherit; }
.col_yellow { color: #ffb400 !important; font-size: inherit; font-weight: inherit; }

.fran_tit1 { font-size: 100px; font-weight: bold; line-height: 1.1;}
.fran_tit2 { font-size: 90px; font-weight: 800; line-height: 1.2; }

.fran_tit_box { padding-bottom: 80px; text-align: center; }
.fran_tit_box em { display: inline-block; color: #222; font-size: 50px; font-weight: bold; font-style: normal; }
.fran_tit_box em + .fran_tit2 { padding-top: 5px; }
.fran_tit_box .fran_tit1 + em { padding-top: 5px; }
.fran_tit_box h3 { color: #222; text-align: center; }

.fran_tit_box.white * { color: #fff; }

.btm_txt_box { display: flex; justify-content: space-between; align-items: center; padding-top: 70px; }
.btm_txt_box p { color: #fff; font-size: 20px; font-weight: 100; opacity: 0.5; }

.fran_review { background-color: #f4f4f4; }
.fran_review .fried_img_box { position: relative; text-align: center; }
.fran_review .fried_img_box .fran_tit1 { font-weight: 800; }
.fran_review .fried_img_box p { padding-top: 15px; color: #000; font-size: 70px; font-weight: bold;}

.fran_review .fried_img_box.__pc .img_txt_wrap { display: flex; justify-content: center; align-items: center; }
.fran_review .fried_img_box.__pc .star { display: block; margin: 0 auto 30px; }
.fran_review .fried_img_box.__pc .fran_tit1 { padding-top: 50px; margin-left: -250px; text-align: right; }
.fran_review .fried_img_box.__pc .food { }
.fran_review .fried_img_box.__pc .txt_img { }

.fran_review .list_box { padding-top: 70px; }
.fran_review .list_box ul { display: flex; flex-wrap: wrap; margin: -20px; }
.fran_review .list_box li { display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc(50% - 40px); margin: 20px; background-color: #fff; border-radius: 40px; overflow: hidden; border: 8px solid #ff0c00;  border-radius: 40px; box-sizing: border-box; box-shadow: 0 0 10px 2px rgba(0,0,0,0.2); }
.fran_review .list_box li img { max-width: 100%; }


.fran_menu { background-color: #2b1312; }
.fran_menu .list_box { position: relative; }
.fran_menu .roll { margin: 0 -10px; }
.fran_menu .item { margin: 0 10px; box-sizing: border-box; text-align: center; }
.fran_menu .item img { margin: 0 auto; max-width: 100%; }
.fran_menu .item p { padding-top: 10px; color: #fff; font-size: 30px; font-weight: 300; }
.fran_menu a { display: block; max-width: 450px; margin: 30px auto 0; padding: 12px 10px; background: linear-gradient(130deg,#ff7e00,#fc1515); color: #fff; font-size: 38px; font-weight: bold; text-align: center; text-decoration: none; border-radius: 20px;}


.fran_success { text-align: center;}
.fran_success .fran_tit2 { display: inline-block; }
.fran_success .fran_tit2.on { animation: titBounceAni .7s cubic-bezier(0.22, 1, 0.36, 1) both; }

@keyframes titBounceAni { 
	0% { opacity: 0; transform: scale(1.6);}
	30% { opacity: 1; transform: scale(2.6);}
	70% { opacity: 1; transform: scale(0.9);}
	/* 85% { opacity: 1; transform: scale(1.6);} */
	100% { opacity: 1; transform: scale(1);}
}

.fran_sales { background-color: #2b1312;  }
.fran_sales .roll { margin: 0 -20px; padding: 30px 0; overflow: hidden;}
.fran_sales .slick-list { overflow: visible;}
.fran_sales .item { margin: 0 20px; padding: 25px 20px; background-color: rgba(255,96,0,0.1); border-radius: 15px; box-sizing: border-box; text-align: center; transition: all .3s; }
.fran_sales .item_tit_box { }
.fran_sales .item_tit_box img { margin: 0 auto;}
.fran_sales .item_tit_box .name { position: relative; margin-top: -10px; padding: 12px 4px; background-color: #fff; color: #602400; font-size: 37px; font-weight: 800; border-radius: 15px; z-index: 1; box-sizing: border-box; }
.fran_sales .item_txt_box { padding-top: 30px; }
.fran_sales .item_txt_box dl { }
.fran_sales .item_txt_box dt { color: #fff; font-size: 20px; font-weight: 100; }
.fran_sales .item_txt_box dd { color: #fff; font-size: 44px; font-weight: 100;}
.fran_sales .item_txt_box dd strong { font-size: 54px; font-weight: 800; }
.fran_sales .item_txt_box span { display: inline-block; margin-top: 10px; padding: 7px 20px; background-color: #310a08; color: #fff; font-size: 19px; font-weight: 800; border-radius: 15px; }
.fran_sales .item.slick-center { background-color: #ff6000; transform: scale(1.15);} 
.fran_sales .btm_txt { padding-top: 50px; color: #fff; font-size: 20px; font-weight: 100; opacity: 0.5; }


#franchiseWrap .fran_sales_top { padding-top: 20px; background-color: #2b1312; }
.fran_sales_top .cont_box { max-width: 1300px; padding: 50px 95px; background-color: #fff; border-radius: 25px; box-sizing: border-box; text-align: center; }
.fran_sales_top .rank_num { width: 23%; box-sizing: border-box; }
.fran_sales_top .brand { width: 45%; box-sizing: border-box; }
.fran_sales_top .sales_num { width: 32%; box-sizing: border-box; }

.fran_sales_top .top_box { display: flex; padding: 0 70px; background-color: #2b1312; border-radius: 999px; }
.fran_sales_top .top_box li { padding: 15px 10px; color: #fff; font-size: 35px; font-weight: bold; }

.fran_sales_top .rank_box { padding: 10px 70px 0; }
.fran_sales_top .rank_box li { position: relative; display: flex; align-items: center; padding: 15px 10px; border-bottom: 1px solid #c9c9c9; z-index: 0; }
.fran_sales_top .rank_box li span { color: #2b1312; font-size: 25px; font-weight: 500; }
.fran_sales_top .rank_box .last::before { content: ''; position: absolute; top: -4px; left: -220px; right: -220px; bottom: -4px; z-index: -1; background-color: #fff; border: 11px solid #ff6000; border-radius: 99px; }
.fran_sales_top .rank_box .last span { color: #ff6000; font-weight: bold;}
.fran_sales_top .rank_box .last .rank_num { font-size: 40px; }
.fran_sales_top .rank_box .last .brand { font-size: 0; }
.fran_sales_top .rank_box .last .brand img { max-width: 85%;}
.fran_sales_top .rank_box .last .sales_num { font-size: 60px; }


.fran_revenue { background-color: #2b1312}
.fran_revenue .fran_tit_box sup { display: inline-block; padding: 0 5px; transform: translateY(10px); font-size: 15px; font-weight: 400; vertical-align: text-top;}
.fran_revenue .graph_cont_box { max-width: 930px; margin: 0 auto; }
.fran_revenue .graph_box { display: flex; height: 500px; margin: 0 -25px; }
.fran_revenue .graph_wrap { position: relative; display: flex; flex-direction: column; justify-content: flex-end; width: 21%; padding: 0 25px; box-sizing: border-box; text-align: center; }
.fran_revenue .graph_wrap .num { color: #fff; font-size: 25px; font-weight: 500; }
.fran_revenue .graph_wrap .bar { width: 100%; margin-top: 15px; padding: 30px 10px; align-content: flex-end; border-radius: 30px; background-color: #fff; box-sizing: border-box; }
.fran_revenue .graph_wrap .bar_txt { color: #2b1312; font-size: 45px; font-weight: 500; }

.fran_revenue .graph_wrap.orange { width: 37%; }
.fran_revenue .graph_wrap.orange .num { color: #ff6000; font-size: 65px; font-weight: 800; }
.fran_revenue .graph_wrap.orange .bar { background-color: #ff6000; align-content: center; }
.fran_revenue .graph_wrap.orange .bar_txt { }

.fran_revenue .quote_box { position: relative; max-width: 930px; margin: 50px auto 0; padding: 30px 15px; background-color: #000; border-radius: 30px; box-sizing: border-box; text-align: center; } 
.fran_revenue .quote_box::before { content: ''; position: absolute; top: 0; right: 15.5%; transform: translateY(-100%); width: 0; height: 0; border-style: solid; border-width: 0px 13px 22px 13px; border-color: transparent transparent #000 transparent;} 
.fran_revenue .quote_box img { margin: 0 auto; } 
.fran_revenue .quote_box p { padding-top: 20px; color: #fff; font-size: 20px; } 

.fran_reason { }
.fran_reason .list_box { }
.fran_reason .list_box ul { display: flex; flex-wrap: wrap; margin: -30px -25px; }
.fran_reason .list_box li { width: calc(50% - 50px); margin: 30px 25px; }
.fran_reason .list_box li > div { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; padding: 25px 10px; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; border-radius: 50px; box-shadow: 5px 5px 15px rgba(0,0,0,0.1); text-align: center;  }
.fran_reason .list_box li:nth-child(even) { transform: translateY(10%); }
.fran_reason .list_box h4 { padding-top: 25px; color: #000; font-size: 45px; font-weight: 500; text-align: center; }
.fran_reason .list_box h4 strong { font-weight: 800; }
.fran_reason .list_box p { padding-top: 15px; color: #000; font-size: 25px; font-weight: 500; }


.fran_interior { background: url(/images/franchise/bg_fran_interior.jpg) no-repeat 50% / cover; }
.fran_interior .tab_box { }
.fran_interior .tab_box ul { display: flex; justify-content: center; margin: 0 -10px; }
.fran_interior .tab_box li { flex: 1; padding: 0 10px;}
.fran_interior .tab_box li button { width: 100%; height: 90px; background: #22100f; color: #fff; font-size: 40px; font-weight: 500; border-radius: 25px; border: 0; }
.fran_interior .tab_box li.active button { background: #d80a00; font-weight: bold; }

.fran_interior .cont_box { margin-top: 20px; padding: 60px; background-color: #fff; box-sizing: border-box; border-radius: 30px; }
.fran_interior .cont_box .img_box { }
.fran_interior .cont_box .img_box li img { max-width: 100%; }
.fran_interior .cont_box .txt_box { display: flex; justify-content: space-between; align-items: center; padding-top: 40px; }
.fran_interior .cont_box .left_txt { }
.fran_interior .cont_box .left_txt ul { }
.fran_interior .cont_box .left_txt li { position: relative; padding-left: 15px; color: #222; font-size: 23px; }
.fran_interior .cont_box .left_txt li::before { content: '-'; position: absolute; top: 0; left: 0; }
.fran_interior .cont_box .left_txt li + li { margin-top: 8px; }
.fran_interior .cont_box .right_txt { padding: 20px 25px; background-color: #f4eee9; border-radius: 15px; box-sizing: border-box; }
.fran_interior .cont_box .right_txt strong { color: #222; font-size: 23px; font-weight: bold; }
.fran_interior .cont_box .right_txt p { padding-top: 10px; color: #222; font-size: 23px; }

.fran_interior .cont_box .img_box.type1 { }
.fran_interior .cont_box .img_box.type1 ul { display: flex; flex-wrap: wrap; margin: -10px; }
.fran_interior .cont_box .img_box.type1 li { width: calc(100%/3); padding: 10px; box-sizing: border-box;}

.fran_interior .cont_box .img_box.type2 { display: flex; }
.fran_interior .cont_box .img_box.type2 > div { width: 70%; padding-right: 25px; box-sizing: border-box; }
.fran_interior .cont_box .img_box.type2 > div img { height: 100%; object-fit: cover; }
.fran_interior .cont_box .img_box.type2 ul { width: 30%; }
.fran_interior .cont_box .img_box.type2 li { }
.fran_interior .cont_box .img_box.type2 li + li { margin-top: 25px; }
.fran_interior .cont_box .img_box.type2 img { width: 100%; }
/* .fran_interior .cont_box .img_box.type2 li img { width: ; } */



.fran_model { text-align: center; }
.fran_model .roll { }
.fran_model .item img { width: 100%; margin: 0 auto; }

.fran_model .fran_tit_box.on { animation: titBounceAni .7s cubic-bezier(0.22, 1, 0.36, 1) both; }


.fran_sns { }
.fran_sns .cont_box { display: flex; margin: 0 -30px; perspective: 1000px; -webkit-perspective: 1000px; }
.fran_sns .cont_box + .cont_box { margin-top: 100px; }
.fran_sns .cont_box > div { width: calc(50% - 60px); margin: 0 30px;}
.fran_sns .cont_box .flip_box { position: relative; animation: flipAni 10s cubic-bezier(0.68, -0.6, 0.32, 1.6) infinite; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; will-change: transform; }
.fran_sns .cont_box .flip_box > div { backface-visibility: hidden; background: #fff; -webkit-backface-visibility: hidden; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }
.fran_sns .cont_box .flip_box .front { position: relative; transform: rotateY(0deg); }
.fran_sns .cont_box .flip_box .back { position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: rotateY(180deg); }

.fran_sns .cont_box .tit_box { display: flex; justify-content: center; align-items: center; height: 120px; padding-bottom: 40px; box-sizing: border-box;}
.fran_sns .cont_box .tit_box img { }
.fran_sns .cont_box .tit_box h4 { padding-left: 20px; color: #000; font-size: 48px; font-weight: bold; }
.fran_sns .cont_box .list_box { height: calc(100% - 120px); padding: 30px; box-sizing: border-box; border-radius: 15px; overflow: hidden; }
.fran_sns .cont_box .list_box img { width: 100%; max-width: 100%; }
.fran_sns .cont_box .list_box img:nth-child(2) { display: none;}
.fran_sns .cont_box .list_box.banner_full { padding: 0; }
.fran_sns .cont_box .list_box .item img { width: 100%; max-width: 100%; }
.fran_sns .cont_box .list_box ul { }
.fran_sns .cont_box .list_box li { display: flex; align-items: center; }
.fran_sns .cont_box .list_box li:first-child { padding-top: 0; }
.fran_sns .cont_box .list_box li:last-child { padding-bottom: 0; }
.fran_sns .cont_box .list_box li .img_box { width: 58%; }
.fran_sns .cont_box .list_box li .txt_box { width: 42%; padding-left: 20px; box-sizing: border-box;}
.fran_sns .cont_box .list_box li .txt_box .badge { display: inline-block; margin-bottom: 3px; padding: 5px 15px; background: radial-gradient(circle at 38% 50%, #ff7ea5 0, #ff7ea500 28%), linear-gradient(47deg, #ffb54a 18%, #ff6a7d 38%, #d93ac7 62%, #5a4fd8 100%); color: #fff; font-size: 18px; font-weight: bold; border-radius: 99px; }
.fran_sns .cont_box .list_box li .txt_box strong { display: block; font-size: 40px; font-weight: bold; }
.fran_sns .cont_box .list_box li .txt_box p { padding-top: 4px; color: #222; font-size: 20px; font-weight: bold; }

@keyframes flipAni {
    0% {
        transform: rotateY(0deg);
    }
    20% {
        transform: rotateY(180deg);
    }

    50% {
        transform: rotateY(180deg);
    }

    70% {
        transform: rotateY(0deg);
    }

    100% {
        transform: rotateY(0deg);
    }
}

.fran_sns .cont_box .instagram_box { }
.fran_sns .cont_box .instagram_box .list_box { border: 1px solid #cecece; box-shadow: 5px 5px 15px rgba(0,0,0,0.1);}
.fran_sns .cont_box .instagram_box li { padding: 20px 0; }
.fran_sns .cont_box .instagram_box li + li { border-top: 1px solid #cecece; }
.fran_sns .cont_box .instagram_box li .txt_box strong { color: #f43f42; }
.fran_sns .cont_box .instagram_box li .txt_box p { }

.fran_sns .cont_box .youtube_box .list_box { background-color: #c82611; }
.fran_sns .cont_box .youtube_box li { padding: 23px 0; }
.fran_sns .cont_box .youtube_box li .img_box { position: relative; border: 3px solid #fff; border-radius: 3px; box-sizing: border-box; }
.fran_sns .cont_box .youtube_box li .img_box::before { content: ''; position: absolute; top: 15px; left: 10px; width: 77px; aspect-ratio: 1/0.234; background: url(/images/franchise/fran_youtube_badge.png) no-repeat 50% / contain;}
.fran_sns .cont_box .youtube_box li .img_box img { width: 100%; }
.fran_sns .cont_box .youtube_box li .txt_box strong { color: #fff; }
.fran_sns .cont_box .youtube_box li .txt_box p { color: #fff; }

.fran_preference { background-color: #2b1312; }
.fran_preference .cont_box { text-align: center; }
.fran_preference .cont_box .emblem { mix-blend-mode: screen;}
.fran_preference .cont_box .certificate { position: relative; display: inline-block; margin-top: -80px; z-index: 1; }


.fran_expense { background-color: #2b1312; overflow: hidden; }
.fran_expense .inner { position: relative; }
.fran_expense .inner::before { content: ''; position: absolute; bottom: 25px; left: 0; right: 0; height: 34px; background: linear-gradient(rgb(43,19,18,0) 14%,rgb(43,19,18)); z-index: 1; }
.fran_expense .fran_tit_box { padding: 100px 0; background-color: #fff; }
.fran_expense .fran_tit_box.on {  }
.fran_expense .fran_tit_box.on .tit_wrap { animation: titBounceAni .7s cubic-bezier(0.22, 1, 0.36, 1) both; }


.fran_expense .cont_box { margin-top: 90px; }
.fran_expense .cont_wrap { position: relative; padding: 65px 0; }
/* .fran_expense .cont_wrap + .cont_wrap { margin-top: 200px; } */
.fran_expense .plus::before { content: '+'; position: absolute; top: 0; left: 50%; transform: translate(-50%,-60%); color: #d80a00; font-size: 110px; font-weight: bold; line-height: 1; }
.fran_expense .sum::before { content: '='; position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%) rotate(90deg); color: #d80a00; font-size: 110px; font-weight: bold; line-height: 1; }

.fran_expense .bg_box:has(.table_box) { padding: 40px 45px 100px; background-color: #fff; border-radius: 30px; box-sizing: border-box; }
.fran_expense .bg_box .tit_box { position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #c9c9c9; }
.fran_expense .bg_box .tit_box h4 { font-size: 45px; font-weight: bold; text-align: center; }
.fran_expense .bg_box .tit_box p { position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: #000; opacity: 0.5; font-size: 16px; font-weight: 500; }

.fran_expense .table_box { }
.fran_expense .table_box table { width: 100%; }
.fran_expense .table_box table tr > * { padding: 18px 15px; color: #1c0f0f; }
.fran_expense .table_box tbody tr > * { border-bottom: 1px solid #e5e5e5; }
.fran_expense .table_box tfoot > * { background-color: #efefef; }
.fran_expense .table_box table tr:last-child > * { border-bottom: 0; } 
.fran_expense .table_box table th { font-size: 26px; font-weight: bold;  }
.fran_expense .table_box table td { font-size: 18px; font-weight: 500; }
.fran_expense .table_box table td:last-child { padding-left: 40px; font-size: 26px; font-weight: bold; }
.fran_expense .table_box table .dash { position: relative; display: inline-block; width: 120px; color: #c0c0c0; font-size: inherit; font-weight: inherit; }
.fran_expense .table_box table .dash::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 190px; aspect-ratio: 1/0.1; background: url(/images/franchise/fran_expense_dash.png) no-repeat 50% / contain; }
.fran_expense .table_box table .dash.arrow_n::before { display: none; }
.fran_expense .table_box table .badge { display: inline-block; width: 155px; height: 40px; line-height: 40px; margin-left: 80px; background-color: #d80000; color: #fff; font-size: 20px; font-weight: bold; text-align: center;}
.fran_expense .table_box table .dash_cost { display: inline-block; padding-left: 80px; color: inherit; font-size: inherit; font-weight: inherit; }

.fran_expense .arrow_box { margin-top: -100px; text-align: center;}

.fran_expense .txt_box1 { padding-top: 60px; text-align: center;}
.fran_expense .txt_box1 strong { color: #fff; font-size: 50px; font-weight: bold; }
.fran_expense .txt_box1 strong em { font-size: 70px; font-style: normal; }

.fran_expense .bg_box { padding: 50px 35px; border-radius: 30px; text-align: center; }
.fran_expense .bg_box.red { background-color: #d80000; }
.fran_expense .bg_box.orange { padding-bottom: 80px; margin-bottom: -30px; background-color: #ff6000; }
.fran_expense .bg_box > span { display: inline-block; padding-bottom: 5px; color: #fff; font-size: 50px; font-weight: 800; }
.fran_expense .bg_box + .btm_txt_box { padding-top: 30px; justify-content: center; }
.fran_expense .bg_box + .btm_txt_box p { font-weight: bold; }

.fran_expense .cont_wrap.open { text-align: center; }
.fran_expense .cont_wrap.open strong { font-size: 90px; font-weight: bold; }
.fran_expense .cont_wrap.open strong .line { display: inline-block; color: #fff; opacity: 0; }
.fran_expense .cont_wrap.open strong span { display: inline-block; font-size: 60px; margin-left: -185px; }
.fran_expense .cont_wrap.open > span { display: block; padding-top: 20px; color: #fff; font-size: 20px; font-weight: bold; opacity: 0.5; }
.fran_expense .cont_wrap.open p { padding-top: 110px; color: #fff; font-size: 50px; font-weight: bold; }

.fran_expense .cont_wrap.open strong .line.on { animation: titBounceAni .7s cubic-bezier(0.22, 1, 0.36, 1) both; animation-delay: 0.1s; }

.fran_inquiry { background-color: #eee; }
.fran_inquiry .inquiry_box { padding: 60px 90px; background-color: #ffb400; border-radius: 30px; box-sizing: border-box; }
.fran_inquiry .inquiry_box ul { display: flex; flex-wrap: wrap; margin: -20px;}
.fran_inquiry .inquiry_box li { display: flex; align-items: center; width: calc(100% - 40px); margin: 20px; }
.fran_inquiry .inquiry_box li.half { width: calc(50% - 40px);}
.fran_inquiry .inquiry_box p { width: 110px; color: #fff; font-size: 24px; font-weight: 600; }
.fran_inquiry .inquiry_box .inp { width: calc(100% - 110px); height: 80px; padding: 0 20px; background-color: #fff; color: #222; font-size: 18px; border: 0; border-radius: 15px; box-sizing: border-box; }
.fran_inquiry .inquiry_box select { max-width: 200px;width: calc(100% - 110px); height: 80px; padding: 0 20px; background-color: #fff; color: #222; font-size: 18px; border: 0; border-radius: 15px; box-sizing: border-box; }
.fran_inquiry .inquiry_box .radio_box { display: flex; flex-wrap: wrap; }
.fran_inquiry .inquiry_box .radio_wrap + .radio_wrap { margin-left: 20px; }
.fran_inquiry .inquiry_box input[type="radio"] { display: none; }
.fran_inquiry .inquiry_box input[type="radio"] + label { position: relative; padding-left: 35px; color: #fff; font-size: 24px; font-weight: bold; }
.fran_inquiry .inquiry_box input[type="radio"] + label::before { content: ''; position: absolute; top: 2px; left: 0; width: 25px; aspect-ratio: 1/1; background-color: #fff; border-radius: 50%; border: 1px solid #ddd; box-sizing: border-box; }
.fran_inquiry .inquiry_box input[type="radio"] + label::after { content: '\f1ad';display: block;position: absolute;top: 2px;left: 0;width: 25px;line-height: 25px;text-align: center;font-family: 'axicon';font-size: 12px;color: #fff;display: none; }
.fran_inquiry .inquiry_box input[type="radio"]:checked + label::before { background-color: #ff6000; border-color: #ff6000; }
.fran_inquiry .inquiry_box input[type="radio"]:checked + label::after { display: block; }

.fran_inquiry .inquiry_box .privacy input[type="checkbox"] { display: none; }
.fran_inquiry .inquiry_box .privacy input[type="checkbox"] + label { position: relative; padding-left: 35px; color: #fff; font-size: 24px; font-weight: bold; }
.fran_inquiry .inquiry_box .privacy input[type="checkbox"] + label::before { content: ''; position: absolute; top: 5px; left: 0; width: 25px; aspect-ratio: 1/1; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; }
.fran_inquiry .inquiry_box .privacy input[type="checkbox"] + label::after { content: '\f1ad';display: block;position: absolute;top: 50%;transform: translate(0, -50%);left: 0;width: 25px;line-height: 25px;text-align: center;font-family: 'axicon';font-size: 12px;color: #fff;display: none; }
.fran_inquiry .inquiry_box .privacy input[type="checkbox"]:checked + label::before { background-color: #ff6000; border-color: #ff6000; }
.fran_inquiry .inquiry_box .privacy input[type="checkbox"]:checked + label::after { display: block; }

.fran_inquiry .inquiry_box button { width: 100%; margin-top: 50px; padding: 10px 5px; background-color: #1c0f0f; color: #ffc80a; border: 0; font-size: 35px; font-weight: bold; border-radius: 15px; letter-spacing: -1px; }


/**************************************************
	Sub
**************************************************/
#sub{  }
#sub #content{ position: relative;padding: 80px 0;width: 1300px;margin: 0 auto; }

#sub #content > *{}

#sub .fulldiv{width: 2000px;position: relative;left: 50%;margin-left: -1000px;}

#sub .sub-vis{position: relative;height: 400px;box-sizing: border-box;padding-top: 30px;overflow: hidden;text-align: center;background-position: center center;background-size: cover;background: url('/images/sub/sub-visual.jpg') no-repeat center center;background-size: cover;}
#sub .sub-vis:before{position: relative;content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
#sub .sub-vis h2{display: inline-block;vertical-align: middle;text-align: center;font-size: 45px;color: #fff;letter-spacing: -1px;z-index: 2;font-weight: normal;position: relative;visibility: hidden;opacity: 0;top: 20px;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
#sub .sub-vis h2 em{display: block;margin-top: 10px;font-style: normal;font-size: 18px;font-weight: normal;position: relative;visibility: hidden;opacity: 0;top: -20px;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);transition-delay: 0.5s;}
#sub .sub-vis._ani.on h2{visibility: visible;opacity: 1;top: 0;}
#sub .sub-vis._ani.on h2 em{visibility: visible;opacity: 1;top: 0;}

#sub .sub-tit{margin-bottom: 40px;text-align: center;}
#sub .sub-tit em{font-style: normal;display: inline-block;padding-bottom: 1px;margin-bottom: 10px;font-size: 17px;color: #e61d25;position: relative;font-family: osbold;letter-spacing: 1.5px;}
#sub .sub-tit em:after{content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #e61d25;}
#sub .sub-tit h3{text-align: center;font-size: 48px;color: #333333;font-weight: 300;letter-spacing: -3px;margin-bottom: 10px;}
#sub .sub-tit p{display: block;font-size: 20px;line-height: 30px;color: #333333;letter-spacing: -1px;}
#sub .sub-tit p strong{font-weight: 300;}
#sub .sub-tit p strong strong{font-family: bg;}

.lnbWrap{background: #666666;}
#lnb{width: 1200px;margin: 0 auto;}
#lnb > li{display: inline-block;vertical-align: top;border-right: 1px solid #999999;box-sizing: border-box;}
#lnb > li:first-child{border-left: 1px solid #999999;}
#lnb > li a{display: block;line-height: 50px;font-size: 15px;text-decoration: none;text-align: center;color: #fff;}
#lnb > li.active a{background: #fff;color: #000;}

#navigator{border: 1px solid #aaaaaa;border-width: 1px 0 0 0;position: relative;margin-top: -51px;}
#navigator > ul{width: 1200px;position: relative;margin: 0 auto;border-left: 1px solid #aaaaaa;box-sizing: border-box;}
#navigator > ul > li{position: relative;display: inline-block;border-right: 1px solid #ddd;vertical-align: top;z-index: 89;}
#navigator > ul > li > a{display: block;min-width: 200px;font-size: 16px;color: #fff;text-decoration: none;padding: 0 60px 0 30px;line-height: 50px;background: url('/images/sub/stat-spr.png') no-repeat 90% center;}
#navigator > ul > li:first-child a{min-width: 0;width: 50px;text-align: center;padding: 0;color: #fff;background: none;}
#navigator > ul > li > ul{background: #e61d25;position: absolute;top: 49px;left: -1px;width: 100%;border: 1px solid #e61d25;border-top: 1px solid #f1575d;visibility: hidden;opacity: 0;transition: all 0.2s;}
#navigator > ul > li > ul li a{display: block;padding: 12px 0 12px 30px;font-size: 16px;border-top: 1px solid #f1575d;text-decoration: none;transition: all 0.3s;color: #fff;}
#navigator > ul > li > ul li:first-child a{border-top: none;}
#navigator > ul > li.on{background-color: #e61d25;}
#navigator > ul > li.on > a{background-image: none;}
#navigator > ul > li.on > ul{background-color: rgba(230,29,37,0.7);visibility: visible;opacity: 1;}
#navigator > ul > li > ul li{border-top: 1px solid rgba(256,256,256,0.4);}
#navigator > ul > li > ul li.hidden-gnb{display: none;}

/* 약관 내용 출력 박스 */
.policybox{white-space: pre-wrap;}

/* 연혁 */
.his-wrap .top{margin-bottom:60px;}
.his-wrap .top:after{content:'';display:block;clear:both;}
.his-wrap .top > div{float:left;width:50%;height:250px;box-sizing:border-box;}
.his-wrap .top .left{padding:75px 60px 75px 60px;background:url(/images/sub/history-bg1.jpg);}
.his-wrap .top .left h3{margin-bottom:10px;font-size:26px;color:#ffffff;}
.his-wrap .top .left h4{font-weight:normal;font-size:16px;color:#ffffff;}
.his-wrap .top .right{background:url(/images/sub/history-bg2.jpg);}
.his-wrap dl{position:relative;padding-left:170px;padding-bottom:40px;min-height:50px;}
.his-wrap dl.last{padding-bottom:0px;}
.his-wrap dt{position:absolute;left:0;top:-10px;font-weight:bold;font-size:38px;color:#222222;}
.his-wrap dd{position:relative;padding-left:118px;font-size:16px;line-height:37px;}
.his-wrap dd strong{position:absolute;left:0;top:0;padding-left:35px;font-size:18px;color:#000;}
.his-wrap dl:before{content:'';position:absolute;left:165px;top:13px;width:10px;height:10px;background:#999;z-index:1;border-radius: 50%;}
.his-wrap dl:after{content:'';position:absolute;left:170px;top:10px;width:1px;height:100%;background:#ddd;}
.his-wrap dl.last:after{display:none;}
.his-wrap .tab{margin-bottom: 40px;text-align: center;}
.his-wrap .tab li{display: inline-block;margin-right: 5px;}
.his-wrap .tab li a{display: block;line-height: 45px;height: 45px;text-align: center;width: 120px;font-size: 16px;background: #f7f7f7;border: 1px solid #f7f7f7;}
.his-wrap .tab li.active a{background: #fff;border: 1px solid #333;}

.menutab{text-align: center;margin-bottom: 40px;}
.menutab li{display: inline-block;margin-left: 70px;}
.menutab li:first-child{margin-left: 0;}
.menutab li a{display: block;font-size: 18px;color: #333333;text-decoration: none;font-weight: 300;}
.menutab li .ico{display: block;margin: 0 auto;width: 105px;height: 105px;border-radius: 50%;text-align: center;line-height: 105px;border: 1px solid #ddd;margin-bottom: 10px;background-color: #f3f3f3;background-position: center center;background-repeat: no-repeat;}
.menutab li:hover .ico,
.menutab li.active .ico{background-color: #e61d25;border-color: #e61d25;box-shadow: 0 0 10px rgba(0,0,0,0.4);}
.menutab li .ico1{background-image: url('/images/sub/menu-tab1.jpg');}
.menutab li .ico2{background-image: url('/images/sub/menu-tab2.jpg');}
.menutab li .ico3{background-image: url('/images/sub/menu-tab3.jpg');}
.menutab li:hover .ico1,
.menutab li.active .ico1{background-image: url('/images/sub/menu-tab1-on.jpg');}
.menutab li:hover .ico2,
.menutab li.active .ico2{background-image: url('/images/sub/menu-tab2-on.jpg');}
.menutab li:hover .ico3,
.menutab li.active .ico3{background-image: url('/images/sub/menu-tab3-on.jpg');}

.menuwrap .big{background: #fcf4ea;}
.menuwrap .big .in{width: 1100px;position: relative;margin: 0 auto;}
.menuwrap .big .roll li{padding-left: 625px;box-sizing: border-box;height: 470px;}
.menuwrap .big .box{padding-top: 50px;}
.menuwrap .big .box .img{position: absolute;top: 0;left: 0;width: 580px;height: 470px;}
.menuwrap .big .box em{font-style: normal;font-size: 17px;color: #e61d25;font-weight: 600;display: block;margin-bottom: 5px;}
.menuwrap .big .box h5{display: block;font-size: 40px;color: #333333;letter-spacing: -2px;font-weight: normal;}
.menuwrap .big .box p{display: block;margin-top: 20px;padding-top: 20px;font-size: 18px;line-height: 28px;color: #333333;letter-spacing: -1px;border-top: 1px solid #eadbc9;}
.menuwrap .owl-prev{display: block;text-indent: -999em;width: 70px;height: 71px;background: url('/images/main/vis-prev2.png') no-repeat center center / contain !important;position: absolute;left: 50%;top: 50%;margin-top: -35px;margin-left: -680px;z-index: 81;}
.menuwrap .owl-next{display: block;text-indent: -999em;width: 70px;height: 71px;background: url('/images/main/vis-next2.png') no-repeat center center / contain !important;position: absolute;right: 50%;top: 50%;margin-top: -35px;margin-right: -680px;z-index: 81;}
.menuwrap .tmbwrap{text-align: center;padding: 0 0 40px;width: 1300px;position: relative;margin: 0 auto;}
.menuwrap .tmbwrap li{position: relative;display: inline-block;vertical-align: top;width: 200px;text-align: center;}
.menuwrap .tmbwrap li .link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.menuwrap .tmbwrap li .tmb{position: relative;margin-bottom: 10px;}
.menuwrap .tmbwrap li .tmb img{width: 100%;height: 100%;}
.menuwrap .tmbwrap li .tit{position: relative;display: inline-block;padding-bottom: 1px;font-size: 18px;color: #333333;font-weight: 300;letter-spacing: -1px;}
.menuwrap .tmbwrap li:hover .tit{color: #e61d25;}
.menuwrap .tmbwrap li:hover .tit:after{content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #e61d25;}
.menuwrap .owl-item .tmb{transition: transform 0.3s;}
.menuwrap .owl-item.center .tmb{transform: scale(1.3);}
.menuinfo { position: relative;padding: 3% 3% 3% 3%; max-width: 1300px;margin: 0 auto; background: #f8f0e7; transition: all 0.2s ease ; }
.menuinfo img{display: block; margin: 0 auto; width:100%; transition: all 0.2s ease ; }
 


.st-bg1{background: url('/images/sub/story-bg1.jpg') no-repeat center center;background-size: cover;height: 500px;}
.st-bg1 dl{width: 1200px;position: relative;margin: 0 auto;zoom: 1;}
.st-bg1 dl:after{display: block;content: '';clear: both;}
.st-bg1 dl > *{float: left;transition: all 1s cubic-bezier(0.930, 0.635, 0.650, 0.970);margin-top: 50px;opacity: 0;}
.st-bg1 dl dt{width: 600px;padding-top: 75px;}
.st-bg1 dl dd{width: 600px;padding-left: 100px;padding-top: 160px;box-sizing: border-box}
.st-bg1 dl dd h5{font-size: 40px;color: #fff;font-weight: 100;letter-spacing: -1.5px;white-space: nowrap;}
.st-bg1 dl dd h5 strong{color: #e61d25;}
.st-bg1 dl dd p{display: block;margin-top: 20px;font-size: 20px;line-height: 30px;color: #fff;letter-spacing: -1px;}
.st-bg1 dl._ani.on dt{margin-top: 0;opacity: 1;}
.st-bg1 dl._ani.on dd{margin-top: 0;opacity: 1;transition-delay: 0.2s;}

.st-bg2{background: url('/images/sub/story-bg2.jpg') no-repeat center center;background-size: cover;height: 500px;}
.st-bg2 dl{width: 1200px;position: relative;margin: 0 auto;zoom: 1;}
.st-bg2 dl:after{display: block;content: '';clear: both;}
.st-bg2 dl > *{float: right;transition: all 1s cubic-bezier(0.930, 0.635, 0.650, 0.970);margin-top: 50px;opacity: 0;}
.st-bg2 dl dt{width: 600px;padding-top: 75px;}
.st-bg2 dl dd{width: 600px;padding-top: 140px;box-sizing: border-box}
.st-bg2 dl dd h5{font-size: 45px;line-height: 55px;color: #333333;font-weight: 600;letter-spacing: -1.5px;white-space: nowrap;font-family: bg;}
.st-bg2 dl dd h5 .red{font-size: 45px;color: #e61d25;font-family: bg;}
.st-bg2 dl dd p{display: block;margin-bottom: 20px;font-size: 20px;line-height: 30px;color: #333333;letter-spacing: -1px;}
.st-bg2 dl._ani.on dt{margin-top: 0;opacity: 1;}
.st-bg2 dl._ani.on dd{margin-top: 0;opacity: 1;transition-delay: 0.2s;}

.st-bg3{background: url('/images/sub/story-bg3.jpg') no-repeat center center;background-size: cover;padding: 80px 0;margin-bottom: -80px;}
.st-bg3 h5{text-align: center;font-size: 40px;line-height: 55px;letter-spacing: -1.5px;color: #fff;font-weight: 100;margin-bottom: 50px;font-family: bg;}
.st-bg3 h5 strong{color: #e61d25;}
.st-bg3 ul{text-align: center;}
.st-bg3 ul li{display: inline-block;vertical-align: top;margin: 0 10px;transition: all 1s cubic-bezier(0.930, 0.635, 0.650, 0.970);margin-left: 50px;opacity: 0;}
.st-bg3 ul li:nth-child(2){margin-top: 40px;}
.st-bg3 ul li .inf{margin-top: 20px;position: relative;padding-left: 75px;text-align: left;}
.st-bg3 ul li .inf strong{position: absolute;top: 0;left: 05px;font-size: 40px;font-weight: 600;color: #e61d25;font-family: os;}
.st-bg3 ul li .inf p{display: block;font-size: 18px;line-height: 28px;color: #fff;letter-spacing: -1px;}
.st-bg3._ani.on ul li{opacity: 1;margin-left: 0;}

.abubox{background: url('/images/sub/aboutus-bg1.jpg') no-repeat center center;background-size: cover;margin-bottom: -80px;padding: 80px 0;}
.abubox .inner{text-align: center;position: relative;margin: 0 auto;font-family: empty;font-size: 0;}
.abubox .inner > *{display: inline-block;vertical-align: top;text-align: left;font-family: noto;}
.abubox .tit{width: 370px;margin: 10px;}
.abubox .tit img{display: block;margin-bottom: 20px;margin-left: -10px;}
.abubox .tit h5{font-size: 40px;line-height: 48px;color: #e61d25;font-weight: 100;letter-spacing: -2px;font-family: bg;}
.abubox .tit p{display: block;margin-top: 15px;font-size: 17px;line-height: 27px;color: #fff;letter-spacing: -1px;}
.abubox .box{position: relative;width: 390px;height: 390px;padding: 10px;box-sizing: border-box;}
.abubox .box .in{position: relative;background: rgba(256,256,256,0.75);width: 370px;height: 370px;padding: 40px;box-sizing: border-box;transition: background 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
.abubox .box .in:after{content: '';display: block;border: 4px solid rgba(0,0,0,0);position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;transform: scale(1);transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
.abubox .box .in img{margin-bottom: 15px;}
.abubox .box .in .c_tit{display: block;font-size: 22px;font-weight: 600;color: #d40006;letter-spacing: -1px;margin-bottom: 10px;font-family: bg;}
.abubox .box .in .c_txt{display: block;font-size: 15px;line-height: 23px;color: #444444;letter-spacing: -1px;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;
margin-right: -40px;letter-spacing: -0.1em;}
.abubox .box .in .ico{display: block;width: 95px;height: 95px;margin-bottom: 10px;background-position: left 0;background-repeat: no-repeat;}
.abubox .box .in .ico1{background-image: url('/images/sub/abu-ico1.png');}
.abubox .box .in .ico2{background-image: url('/images/sub/abu-ico2.png');}
.abubox .box .in .ico3{background-image: url('/images/sub/abu-ico3.png');}
.abubox .box .in .ico4{background-image: url('/images/sub/abu-ico4.png');}
.abubox .box .in .ico5{background-image: url('/images/sub/abu-ico5.png');}

.abubox .box:hover .in{background: #e36069;}
.abubox .box:hover .in:after{border-color: #d40006;transform: scale(1.05);}
.abubox .box:hover .in .c_tit{color: #000000;}
.abubox .box:hover .in .c_txt{color: #fff;}
.abubox .box:hover .in .ico1{background-image: url('/images/sub/abu-ico1-on.png');}
.abubox .box:hover .in .ico2{background-image: url('/images/sub/abu-ico2-on.png');}
.abubox .box:hover .in .ico3{background-image: url('/images/sub/abu-ico3-on.png');}
.abubox .box:hover .in .ico4{background-image: url('/images/sub/abu-ico4-on.png');}
.abubox .box:hover .in .ico5{background-image: url('/images/sub/abu-ico5-on.png');}

.abubox .box.on .in{background: #fff;}
.abubox .box.on .in:after{border-color: #d40006;transform: scale(1.05);}

.location{background: url('/images/sub/loc-bg.jpg') no-repeat left 80px bottom;padding-bottom: 100px;margin-bottom: -80px;}
.location .inner{width: 1200px;position: relative;margin: 0 auto;}
.location #map{background: #ddd;min-height: 100px;}

.loc-info{text-align: center;background: #333333;padding: 20px 0;}
.loc-info li{display: inline-block;margin-left: 30px;}
.loc-info li:first-child{margin-left: 0;}
.loc-info li img{display: inline-block;vertical-align: middle;margin-right: 15px;}
.loc-info li p{display: inline-block;vertical-align: middle;font-size: 17px;color: #fff;}

.orderbox{width: 1200px;position: relative;margin: 40px auto;background: #f8f0e7;padding: 40px 0 40px 380px;box-sizing: border-box;height: 440px;}
.orderbox .tit{position: absolute;top: 100px;left: 60px;}
.orderbox .tit .no{display: block;position: relative;margin-bottom: 5px;font-style: normal;}
.orderbox .tit .no:after{content: '';display: block;width: 250px;height: 2px;background: #e61d25;position: absolute;top: 50%;left: 0;}
.orderbox .tit .no strong{padding-right: 10px;background: #f8f0e7;font-size: 60px;color: #e61d25;font-weight: bold;font-family: arial;font-style: normal;position: relative;z-index: 2;}
.orderbox .tit h5{font-size: 30px;line-height: 40px;letter-spacing: -1px;color: #333333;letter-spacing: -1px;font-weight: 600;}
.orderbox .tit p{display: block;margin-top: 10px;font-size: 17px;line-height: 27px;color: #666666;letter-spacing: -1px;}
.orderbox ul{text-align: center;width: 100%;}
.orderbox ul li{text-align: center;display: inline-block;width: 230px;vertical-align: top;margin: 0 20px;position: relative;height: 400px;vertical-align: top;}
.orderbox ul li .step-no{position: relative;display: block;font-style: normal;display: inline-block;font-size: 19px;font-family: arial;font-weight: bold;margin-bottom: 10px;color: #444444;}
.orderbox ul li .step-no:after{content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #444;}
.orderbox ul li p{display: block;font-size: 15px;color: #666666;}
.orderbox ul li > img{position: absolute;bottom: 0;left: 0;}

.fran-bn{width: 1200px;margin: 0 auto;position: relative;z-index: 2;background: url('/images/sub/fran-tit-bg.jpg') no-repeat center center;background-size: cover;height: 323px;text-align: center;box-sizing: border-box;}
.fran-bn p{display: block;text-align: center;margin-top: 15px;font-size: 20px;color: #fff;letter-spacing: -1px;padding-left: 20px;}
.fran-inbox{background: url('/images/sub/fran-bg1.jpg') no-repeat center center;background-size: cover;padding: 170px 0 80px 0;margin-top: -110px;margin-bottom: -80px;}
.fran-inbox .inner{width: 1200px;position: relative;margin: 0 auto;}
.fran-inbox ul{margin: -22px -33px;}
.fran-inbox ul li{position: relative;display: inline-block;vertical-align: top;margin: 22px 34.5px;width: 247px;height: 220px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.05);box-sizing: border-box;padding-top: 50px;transition: all 0.5s cubic-bezier(0.930, 0.635, 0.650, 0.970);margin-left: 20px;opacity: 0;}
.fran-inbox ul li:after{content: '';display: block;position: absolute;top: 50%;right: -45px;width: 27px;height: 33px;background: url('/images/sub/fran-step.png') no-repeat center center;background-size: contain;margin-top: -17px;}
.fran-inbox ul li:nth-child(4n):after{display: none;}
.fran-inbox ul li .no{position: absolute;top: -4px;left: 25px;background: #e61d25;text-align: center;width: 45px;height: 45px;line-height: 45px;font-size: 20px;color: #fff;font-style: normal;font-weight: bold;font-family: os;box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
.fran-inbox ul li img{display: block;margin: 0 auto;}
.fran-inbox ul li p{display: block;text-align: center;margin-top: 10px;font-size: 17px;color: #333333;letter-spacing: -1px;font-weight: 600;}
.fran-inbox._ani.on ul li{margin-left: 34.5px;opacity: 1;}
.fran-inbox._ani.on ul li:nth-child(2){transition-delay: 0.2s;}
.fran-inbox._ani.on ul li:nth-child(3){transition-delay: 0.4s;}
.fran-inbox._ani.on ul li:nth-child(4){transition-delay: 0.6s;}
.fran-inbox._ani.on ul li:nth-child(5){transition-delay: 0.8s;}
.fran-inbox._ani.on ul li:nth-child(6){transition-delay: 1s;}
.fran-inbox._ani.on ul li:nth-child(7){transition-delay: 1.2s;}
.fran-inbox._ani.on ul li:nth-child(8){transition-delay: 1.4s;}
.fran-inbox2 {width: auto;margin: 0 auto; margin-top: 3%; position: relative; transition-delay: 1.4s;}
.fran-inbox2 img { width: 100%;height: auto; display: block; 
  opacity: 1;
  transform: translateY(0);
  transition: all 0.6s ease;
}

.prc_tbl{width: 100%;border-top: 2px solid #444444;}
.prc_tbl tr > *{border: 1px solid #ddd;padding: 15px 40px;}
.prc_tbl tr > *:first-child{border-left: none;}
.prc_tbl tr > *:last-child{border-right: none;}
.prc_tbl thead tr th{border-bottom: 1px solid #444444;font-size: 19px;color: #222222;background: #fff9f1;letter-spacing: -1px;font-weight: 300;}
.prc_tbl tbody tr > *{font-size: 17px;color: #333333;letter-spacing: -0.5px;}
.prc_tbl tbody tr th{font-weight: normal;text-align: center;}
.prc_tbl tbody tr td.prc{text-align: center;font-size: 18px;color: #444444;font-weight: 300;background: #fff;font-family: os;}
.prc_tbl tfoot tr th{border: none;padding: 30px;background: #333333;color: #fff;font-size: 19px;font-weight: normal;}
.prc_tbl tfoot tr td{border: none;padding: 30px;background: #e61d25;color: #fff;font-size: 19px;font-weight: normal;text-align: right;}
.prc_tbl .tt_price{font-weight: normal;color: #fff;font-family: osreg;font-size: 22px;margin-top: -3px;display: inline-block;vertical-align: middle;}

.prc_sment{padding: 40px 50px;border: 5px solid #eaeaea;margin-top: 30px;font-size: 16px;line-height: 26px;color: #666666;}








/* 250827 sys S - 문의페이지 추가 */
.inquiry_box1 { padding: 70px 0 40px; background: url(/images/sub/bg_inquiry.jpg) no-repeat 50% / cover; overflow: hidden;}
.inquiry_box1 .inner { max-width: 1300px; margin: 0 auto;}
.inquiry_box1 .flex_box { display: flex; justify-content: center; align-items: center;}
.inquiry_box1 .flex_box > div { width: 40%; box-sizing: border-box; text-align: center;}

.inquiry_box1 .top_img { text-align: center; }
.inquiry_box1 .inquiry_box1_cont1 { padding: 50px 0;}
.inquiry_box1 .inquiry_box1_cont1 .right_box { }
.inquiry_box1 .inquiry_box1_cont1 .right_box h4{ color: #fff; font-family: bg; font-size: 42px; text-align: center;}
.inquiry_box1 .inquiry_box1_cont1 p { padding-top: 30px; color: #fff; font-size: 25px; text-align: center;}


.inquiry_box1 .inquiry_box1_cont2 { position: relative; padding-bottom: 160px; z-index: 0; }
.inquiry_box1 .inquiry_box1_cont2::before { content: ''; position: absolute; top: 2%; left: -16vw; right: -16vw; bottom: 0; background-color: #fff; z-index: -1; clip-path: polygon(0% 21%, 100% 5%, 100% 100%, 0 85%);}
.inquiry_box1 .inquiry_box1_cont2 ul { display: flex; max-width: 90%; margin: 0 auto;}
.inquiry_box1 .inquiry_box1_cont2 li { width: 50%; }
.inquiry_box1 .inquiry_box1_cont2 li .cir_box { width: 90%; max-width: 370px; margin: 0 auto; aspect-ratio: 1/1; align-content: center; background-color: #fff; text-align: center; border-radius: 50%;}
.inquiry_box1 .inquiry_box1_cont2 li dl { display: flex; justify-content: center; align-items: center; padding-top: 20px;}
.inquiry_box1 .inquiry_box1_cont2 li dt { color: #333; font-size: 45px; font-weight: bold;}
.inquiry_box1 .inquiry_box1_cont2 li dd { padding-left: 20px; color: #888; font-size: 20px; }

.inquiry_box1 .inquiry_box1_cont3 { position: relative; margin-top: -80px;}
.inquiry_box1 .inquiry_box1_cont3 .light { position: absolute; top: 50%; left: 10%; transform: translateY(-40%); mix-blend-mode: screen;}
.inquiry_box1 .inquiry_box1_cont3 .light img { }
.inquiry_box1 .inquiry_box1_cont3 .flex_box > div { position: relative; width: 45%; z-index: 1;}
.inquiry_box1 .inquiry_box1_cont3 .left_box { margin-top: 50px;}
.inquiry_box1 .inquiry_box1_cont3 .left_box img { }
.inquiry_box1 .inquiry_box1_cont3 .left_box p { padding-top: 20px; color: #fff; font-family: bg; font-size: 42px; letter-spacing: -1px;}
.inquiry_box1 .inquiry_box1_cont3 .flex_box .right_box { width: auto; text-align: left;}


.inquiry_box2 { padding: 100px 0;}
.inquiry_box2 .inner { max-width: 1200px; margin: 0 auto;}
.inquiry_box2 .top_box {}
.inquiry_box2 .top_box p { color: #333; font-size: 25px; text-align: center;}
.inquiry_box2 .top_box .bg_box { display: flex; justify-content: center; margin-top: 70px         ; padding: 50px 10px; background-color: #f2f2f2; border-radius: 10px; box-sizing: border-box; }
.inquiry_box2 .top_box .bg_box ul {}
.inquiry_box2 .top_box .bg_box li { color: #333; font-size: 20px;}
.inquiry_box2 .top_box .bg_box li + li { padding-top: 5px;}
.inquiry_box2 form {}
.inquiry_box2 .inquiry_cont_box { padding-top: 70px; }
.inquiry_box2 .inquiry_cont_box table { width: 100%;}
.inquiry_box2 .inquiry_cont_box table tr > * { padding: 10px; color: #333; font-size: 16px; border-bottom: 1px solid #ddd;}
.inquiry_box2 .inquiry_cont_box .ess { color: #d43a38; font-size: inherit;}
.inquiry_box2 .inquiry_cont_box table th { text-align: left;}
.inquiry_box2 .inquiry_cont_box table td { line-height: 50px;}
.inquiry_box2 .inquiry_cont_box table td p { color: #333; font-size: 14px; }
.inquiry_box2 .inquiry_cont_box table td input,
.inquiry_box2 .inquiry_cont_box table td select,
.inquiry_box2 .inquiry_cont_box table td textarea { padding: 0 10px; border: 1px solid #ddd; background: none; outline: none; box-sizing: border-box;}
.inquiry_box2 .inquiry_cont_box table td input { height: 50px;}
.inquiry_box2 .inquiry_cont_box table td select { height: 50px;}
.inquiry_box2 .inquiry_cont_box table td textarea { width: 100%; height: 150px; padding: 10px}

.inquiry_box2 .inquiry_cont_box table .address_inquiry { margin: -3px;}
.inquiry_box2 .inquiry_cont_box table .address_inquiry input { margin: 3px;}
.inquiry_box2 .inquiry_cont_box table .address_inquiry .sb-btn { width: 150px; background-color: #999; color: #fff; }
.inquiry_box2 .inquiry_cont_box table td .w200 { width: 200px;}
.inquiry_box2 .inquiry_cont_box table td .w240 { width: 240px;}

.inquiry_box2 .sb-agreebox { padding-top: 30px;}
.inquiry_box2 .sb-agreebox h4 { color: #333; font-size: 20px; }
.inquiry_box2 .sb-agreebox > p { padding-top: 10px; color: #555; font-size: 15px;}
.inquiry_box2 .sb-agreebox .privacy { height: 150px; margin-top: 10px; padding: 10px; overflow-y: auto; border: 1px solid #ddd; }
.inquiry_box2 .sb-agreebox .privacy p { font-size: 14px;}

.inquiry_box2 .agree { margin-top: 10px;}
.inquiry_box2 .agree input{display: none;}
.inquiry_box2 .agree label{font-size: 16px;color: #333;letter-spacing: -1px;position: relative;padding-left: 25px;}
.inquiry_box2 .agree label:before{content: '';display: block;position: absolute;top: 50%;transform: translate(0, -50%);left: 0;width: 20px;height: 20px;border-radius: 5px;border: 1px solid #ddd;box-sizing: border-box;}
.inquiry_box2 .agree label:after{content: '\f1ad';display: block;position: absolute;top: 50%;transform: translate(0, -50%);left: 0;width: 20px;line-height: 20px;text-align: center;font-family: axicon;font-size: 12px;color: #333;display: none;}
.inquiry_box2 .agree input:checked + label:after{display: block;}

.inquiry_box2 .btn_box { margin-top: 30px; text-align: center;}
.inquiry_box2 .submit_btn { width: 100%; max-width: 480px; height: 60px; background-color: #d43a38; border-radius: 10px; color: #fff; font-size: 25px; font-weight: bold; border: 0;}

/* 랜딩페이지 하단 */

.extra_list {margin-top: 60px;}
.extra_list  li{position: relative;display: inline-block;margin-right: 30px;vertical-align: top;text-align: center;transition: all 0.1s;}
.extra_list  li:last-child{margin-right: 0;}
.extra_list  li p{display: block;text-align: center;margin-top: 15px;font-size: 17px;line-height: 20px;color: #fff;}
.extra_list  li .link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.extra_list  li:hover{transform: scale(1.05);}