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

	Global.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 1260px;}
#wrap .inner{position: relative;width: 1200px;margin: 0 auto;}
#wrap .motion{position: relative;top:-50px;}

/* 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: 30px; }
.btnWrap > *{margin: 0 2px;}
.btn1{ display: inline-block;background: #333;border: 1px solid #333;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn1.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }
.btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn2.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }

/**************************
	Paging
**************************/
.paging{text-align: center;margin-top: 30px;font-family: empty;font-size: 0;}
.paging a{display: inline-block;vertical-align: top;margin: 0;margin-right: -1px;position: relative;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #f9f9f9;border: 1px solid #ddd;color: #999999;font-size: 12px;text-decoration: none;box-sizing: border-box;font-family: tahoma, arial, axicon;}
.paging a:first-child{border-radius: 5px 0 0 5px !important;}
.paging a:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 35px;text-align: center;font-size: 15px;text-indent: 0;}
.paging a:last-child{border-radius: 0 5px 5px 0 !important;}
.paging a.active{background: #ffffff;color: #333333;font-weight: 600;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last{background: none;font-size: 15px;color: #666666;text-indent: -999em;}
.paging a.first:after{content: '\f100';text-indent: 0;}
.paging a.prev:after{content: '\f104';}
.paging a.next:after{content: '\f105';}
.paging a.last:after{content: '\f101';}

/**************************************************
	Layout
**************************************************/
#wrap{overflow: hidden;position: relative;max-width: 100%;padding: 0 0px;margin: 0 auto;}
#header{position: relative;z-index: 200;background: #fff;border-bottom:1px solid #ddd;}
#header .inner{position: relative;width: 1200px;height: 99px;margin: 0 auto;text-align: center;}
#header .logo{line-height: 90px;text-align: left;font-size: 0;padding-top: 5px;}
#header .logo a{display: inline-block;vertical-align: middle;}
#header .tel{position: absolute;top:0;left:0;height: 90px;font-size: 0;}
#header .tel:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#header .tel .vam{display: inline-block;vertical-align: middle;font-size: 0;}
#header .tel .vam >*{display: inline-block;vertical-align: middle;}
#header .tel span{font-size: 18px;letter-spacing: -0.075em;color: #444;}
#header .tel strong{font-size: 20px;letter-spacing: 0;color: #f1b500;font-weight: 600;margin-left: 5px;}
#header .tel .telLink{position: absolute;top:0;left:0;width: 100%;height: 100%;}
#header .sns-ico{position: absolute;top:50%;right:0;margin-top: -16px;z-index:200;}
#wrap .sns-ico{font-size: 0;}
#wrap .sns-ico li{display: inline-block;vertical-align: middle;margin-left: 7px;}
#wrap .sns-ico li:first-child{margin-left: 0;}

.gnbWrap{border-top:1px solid #e3e3e3;}
#gnb{z-index: 2;text-align: center;}
#gnb > li{position: relative;display: inline-block;vertical-align: top;padding: 0 10px;}
#gnb > li > a{position: relative;display: block;padding: 0 25px;width: 150px;height: 65px;text-decoration: none;font-size: 0;}
#gnb > li > a:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#gnb > li > a span{display: inline-block;vertical-align: middle;font-size: 17px;color: #333;font-family: 'ROKAFSansMedium';letter-spacing: 0.025em;}
#gnb > li.franchise > a span{width: 100%;height: 35px;line-height: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;background: #f1b500;color: #fff;}
#gnb > li > a:after{display:block;content:'';width:0;height: 2px;position: absolute;bottom:-1px;left:50%;background: #f1b500;transition:all 0.25s;}
#gnb > li:hover > a:after,
#gnb > li.active > a:after{width: 100%;left:0;}
#gnb > li > ul{position: absolute;top: 65px;left: 50%;width: 200px;margin-left: -100px;padding: 15px;border: 1px solid #ddd;border-top: 2px solid #f1b500;background: #fff;box-sizing: border-box;visibility: hidden;opacity: 0;transition: all 0.2s;}
#gnb > li > ul li a{display: block;font-weight: 300;font-size: 15px;color: #000;line-height: 32px;text-align: center;}
#gnb > li > ul li.active a{font-weight: bold;}
#gnb > li:hover > ul{visibility: visible;opacity: 1;}
#gnb > li.hidden-gnb{display: none;}

#drdw{position: absolute;top: 90px;left: 0;width: 100%;background: #fff;border-top: 1px solid #ddd;border-bottom: 3px solid #00afe5;z-index: 91;display: none;}
#drdw .inner{position: relative;width: 1200px;margin: 0 auto;border-right: 1px solid #e8e8e8;}
#drdw .inner > li{display: inline-block;padding: 25px 0;vertical-align: top;}
#drdw .inner > li:before{content: '';display: block;position: absolute;top: 0;height: 100%;width: 1px;background: #e8e8e8;}
#drdw .inner > li:first-child{border-left-width: 1px;}
#drdw .inner > li > a{display: block;margin-bottom: 15px;font-size: 18px;color: #0859a2;text-align: center;font-weight: bold;}
#drdw .inner > li ul li a{display: block;font-size: 15px;line-height: 25px;color: #555555;text-align: center;}
#drdw .inner > li ul li.active a{font-weight: bold;}
#drdw .inner > li.hidden-gnb{display: none;}

#quickmenu{position: fixed;top:0;right:70px;height: 100%;font-size: 0;z-index:100;transition: all 0.3s;}
#quickmenu:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#quickmenu .list{display: inline-block;vertical-align: middle;}
#quickmenu .list li{margin-top: 20px;}
#quickmenu .list li:first-child{margin-top: 0;}
#quickmenu li a{transition: all 0.3s;}
#quickMo{display: none;}

@media all and (max-width:1650px){
	#quickmenu{right: 20px;}
	#quickmenu li a{display: block;width: 90px;}
	#quickmenu li a img{width: 100%;height: auto;}
}

@media all and (max-width:1300px){
	#quickmenu{right: 10px;}
	#quickmenu li a{display: block;width: 70px;}
}

@media all and (max-width: 750px){
	#quickmenu{display: none;}
	#quickMo{font-size: 0;padding: 0 10px;background: #0a0e35;display: block;position: fixed;width: 100%;box-sizing:border-box;bottom:0;left:0;z-index:200;}
	#quickMo a{display: inline-block;vertical-align: top;width: 33.33%;}
}

#footer{position: relative;background: #333;}
#footer .ftWrap{padding: 80px 0;}
#footer .ftWrap:after{display: block;content: '';clear: both;}
#footer .ftWrap .lef{position: relative;float: left;padding-left: 160px;}
#footer .ftWrap .lef .footerLogo{position: absolute;top:0;left:0;}
#footer .ftWrap .rig{float: right;text-align: right;}
#footer address{font-size: 13px;line-height: 20px;color: #b3b3b3;font-style: normal;}
#footer address hr{width: 20px;border: none;display: inline-block;vertical-align: middle;}
#footer address .copyright{display: block;margin-top: 10px;font-size: 12px;color: #777777;}
#footer .copyright{display: block;background: #222;color: #999;height: 70px;line-height: 70px;text-align: center;}

#ft-fam{position: relative;display: inline-block;width: 230px;height: 40px;text-align: left;margin-top: 10px;}
#ft-fam > a{display: block;line-height: 40px;padding: 0 15px;border: 1px solid #444444;font-size: 15px;color: #aaaaaa;text-decoration: none;background: url('../../img/layout/ft-family-spr.png') no-repeat 92% center;}
#ft-fam ul{position: absolute;bottom: 40px;left: 0;display: none;width: 100%;padding: 5px 15px;background: #444444;box-sizing: border-box;}
#ft-fam ul li{border-top: 1px solid #575757;}
#ft-fam ul li:first-child{border-top: none;}
#ft-fam ul li a{display: block;line-height: 35px;color: #f7f7f7;text-align: center;}
#ft-fam:hover ul{display: block;}

#sns-ico{margin-top: 20px;}
#sns-ico li{display: inline-block;margin-right: 5px;}

#gotop{position: absolute;top: -35px;right: 100px;display: block;}

#fnb{margin-top: 15px;}
#fnb > li{position: relative;display: inline-block;padding: 0 10px;}
#fnb > li:before{display: block;content: '';width: 1px;height: 12px;position: absolute;top:50%;left:0;margin-top: -6px;background: #666;}
#fnb > li:first-child{padding-left: 0;background: none;}
#fnb > li:first-child:before{display: none;}
#fnb > li a{font-size: 14px;color: #ddd;}

#ft-fam{display: inline-block;width: 230px;height: 40px;}
#ft-fam > a{display: block;line-height: 40px;padding: 0 15px;border: 1px solid #444444;font-size: 15px;color: #aaaaaa;text-decoration: none;background: url('../../img/layout/ft-family-spr.png') no-repeat 92% center;}
#ft-fam ul{position: absolute;bottom: 40px;left: 0;display: none;width: 100%;padding: 5px 15px;background: #444444;box-sizing: border-box;}
#ft-fam ul li{border-top: 1px solid #575757;}
#ft-fam ul li:first-child{border-top: none;}
#ft-fam ul li a{display: block;line-height: 35px;color: #f7f7f7;text-align: center;}
#ft-fam:hover ul{display: block;}

#slide-btn{text-indent: -999em;width: 30px;height: 20px;position: absolute;top: 50px;right: 0;display: none;}
/* #slide-btn{text-indent: -999em;width: 30px;height: 20px;position: absolute;top: 50%;margin-top: -10px;right: 0;} */
#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: #282828;}
#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;}
#slide-menu .sns-ico{padding: 10px;background: #fff;text-align: left;border-bottom:1px solid #ddd;}
#slide-menu .sns-ico li{display: inline-block;vertical-align: top;}

/**************************************************
	Ajax Popup
**************************************************/
#popup{position: fixed;top: 50%;left: 50%;width: 800px;height: 800px;margin-top: -400px;margin-left: -400px;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: 0;box-sizing: border-box;}
#popup .pop-wrap img{max-width:100%;height: auto;}
#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;}


/**************************************************
	Public
**************************************************/
.rollType1{position: relative;}
.rollType1 .bx-controls-direction a{display: block;width: 70px;height: 70px;position: absolute;top:50%;margin-top: -35px;text-indent: -9999px;}
.rollType1 .bx-controls-direction a.bx-prev{background: url(/images/bx-type1-prev.png);left:-150px;}
.rollType1 .bx-controls-direction a.bx-next{background: url(/images/bx-type1-next.png);right:-150px;}

.listType1{font-size: 0;margin: -10px;}
.listType1.roll{margin: 0;}
.listType1 li{display: inline-block;vertical-align: top;padding: 10px;width: 25%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.listType1 li .link{position: relative;display: block;box-shadow:1px 2px 6px 2px rgba(0,0,0,0.1);background: #fff;-webkit-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px;}
.listType1 li .iconBox{position: absolute;top:0;left:0;}
.listType1 li .iconBox .limit{margin-top: -1px;margin-left: -1px;}
.listType1 li .imgBox{padding-top: 13px;}
.listType1 li .imgBox img{width: 100%;}
.listType1 li .textBox{padding-bottom: 35px;}
.listType1 li .textBox .ko{font-size: 22px;color: #333;font-weight: 300;text-align: center;}
.listType1 li .textBox .en{font-size: 12px;color: #aaa;text-align: center;}
.listType1.roll li{padding: 5px;}
.listType1 li .overBox{position: absolute;top:0;left:0;width: 100%;height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px;border:2px solid #d4261f;border-bottom:14px solid #d4261f;text-align: center;opacity: 0;filter: alpha(opacity=0);transition: all 0.25s;}
.listType1 li .overBox:hover{opacity: 1;filter: alpha(opacity=100);}
.listType1 li .overBox:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
.listType1 li .overBox .more{display: inline-block;vertical-align: middle;}

.imsilNowRoll li{padding: 5px;box-sizing:border-box;}
.imsilNowRoll li .link{display: block;box-shadow:1px 2px 6px 2px rgba(0,0,0,0.1);}
.imsilNowRoll .imgBox{border-radius: 5px 5px 0 0;overflow: hidden;}
.imsilNowRoll .textBox{background: #fff;padding: 30px 20px;border-radius:0 0 5px 5px;position: relative;z-index: 90;}
.imsilNowRoll .textBox dt{font-size: 20px;font-weight: 300;color: #333;margin-bottom: 10px;}
.imsilNowRoll .textBox dd{font-size: 14px;line-height: 21px;letter-spacing: -0.05em;color: #888;}

.asymmetricType1 .list{font-size:0;}
.asymmetricType1 li .box{position:relative;font-size:0;}
.asymmetricType1 li.odd .box{padding-right:50%;}
.asymmetricType1 li.even .box{padding-left:50%;}
.asymmetricType1 li .box .imgBox img{width:100%;}
.asymmetricType1 li .box .textBox{position:absolute;top:0;width:50%;height:100%;font-size:0;text-align:center;}
.asymmetricType1 li .box .textBox:before{display:inline-block;vertical-align:middle;content:'';width:0;height:100%;}
.asymmetricType1 li .box .textBox .vam{display:inline-block;vertical-align:middle;}
.asymmetricType1 li .box .textBox dt >*{display: block;}
.asymmetricType1 li .box .textBox dt .en{font-family: gms;font-size: 20px;color: #0a0e35;margin-bottom: 10px;}
.asymmetricType1 li .box .textBox dt strong{font-size: 38px;font-family: gms;letter-spacing: -0.05em;font-weight: normal;color: #444;}
.asymmetricType1 li .box .textBox dd{font-size:14px;font-family: gms;margin-top: 15px;font-size: 23px;color: #666;font-weight: 200;}
.asymmetricType1 li.odd .box .textBox{right:0;}
.asymmetricType1 li.even .box .textBox{left:0;}


/**************************************************
	Main
**************************************************/
#main #mainWrap{position: relative;}
#main .visual{position: relative;}
#main .visual .roll li{position: relative;overflow: hidden;}
#main .visual .roll li img{position: relative;width: 100%;}
#main .visual .bx-pager{position: absolute;bottom: 50px;left: 0;width: 100%;z-index: 81;text-align: center;}
#main .visual .bx-pager-item{display: inline-block;vertical-align: bottom;margin: 0 4px;}
#main .visual .bx-pager-item a{display: block;width: 40px;height: 4px;background: #fff;text-indent: -999em;transition: all 0.22s;}
#main .visual .bx-pager-item a.active{height: 10px;}
#mainNews{overflow: hidden;position: relative;height: 100px;position: relative;z-index:1;}
#mainNews:before,
#mainNews:after{display: block;content: '';width: 100%;height: 100%;position: absolute;top:0;z-index:-1;}
#mainNews:before{left:0;background: #007537;}
#mainNews:after{left:50%;margin-left: -390px;background: #0a0e35;}
#mainNews .inner{position: relative;font-size: 0;padding-left: 210px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#mainNews .tit{position: absolute;top:0;left:0;width: 210px;height: 100px;font-size: 0;padding-left: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: url(/images/main-news-tit.gif) no-repeat 0 50%;}
#mainNews .tit:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#mainNews .tit strong{display: inline-block;vertical-align: middle;font-size: 24px;font-family: gms;font-weight: 600;color: #fff;}
#mainNews .rollWrap{width: 590px;padding-left: 55px;}
#mainNews .roll li{height: 100px;}
#mainNews .roll li a{position: relative;display: block;font-size: 0;}
#mainNews .roll li p{width: 475px;height: 100px;line-height: 100px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;font-size: 18px;color: #fff;}
#mainNews .roll li .date{position: absolute;top:0;right:0;height: 100px;line-height: 100px;font-size: 16px;color: #fff;}
#mainNews .bx-viewport{height: 100px !important;overflow: hidden;}
#mainNews .bx-controls-direction a{position: absolute;top:50%;display: block;width: 48px;height: 45px;margin-top: -22px;text-indent: -9999px;}
#mainNews .bx-controls-direction a.bx-prev{right:50px;background: url(/images/mnews-prev.gif) no-repeat 50% 50%;}
#mainNews .bx-controls-direction a.bx-next{right:0;background: url(/images/mnews-next.gif) no-repeat 50% 50%;}
#main .section .title{height: 53px;line-height: 53px;font-family: gsm;font-size: 36px;color: #333;letter-spacing: -0.03em;padding-left: 50px;}
#main .section .title strong{font-weight: 600;}
#main .section1{padding: 80px 0;}
#main .section .title.gr{background: url(/images/main-title-front-gr.png) no-repeat 0 50%;margin-bottom: 25px;}
#main .section .title.wt{background: url(/images/main-title-front-wt.png) no-repeat 0 50%;}
#main .section2{background: url(/images/main-sec2-bg.jpg) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;padding: 80px 0;}
#main .section2 .top{overflow: hidden;margin-bottom: 15px;}
#main .section2 .top .title{float: left;}
#main .section2 .imsilMenuTab{font-size: 0;float: right;}
#main .section2 .imsilMenuTab a{position: relative;display: inline-block;vertical-align: middle;padding: 0 22px;height: 35px;line-height: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;font-size: 17px;font-weight: 300;color: #666;}
#main .section2 .imsilMenuTab a.active{background: #e60013;color: #fff;}
#main .section2 .imsilMenuTab a:before{display: block;content: '';width: 3px;height: 3px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #666;position: absolute;top:50%;left:0;margin-top: -1px;}
#main .section2 .imsilMenuTab a.active:before,
#main .section2 .imsilMenuTab a.active + a:before,
#main .section2 .imsilMenuTab a:first-child:before{display: none;}
#main .section3{height: 500px;height: 350px;/* background: url(/images/main-section3-bg.jpg) no-repeat 50% 50%; */background: #007537;-webkit-background-size: cover;background-size: cover;font-size: 0;text-align: center;}
#main .section3:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#main .section3 .vam{display: inline-block;vertical-align: middle;}
#main .section3 dt span{display: block;font-size: 20px;line-height: 1.1em;text-align: center;font-family: gms;color: #fff;}
#main .section3 dt strong{display: block;font-size: 38px;color: #fff;text-align: center;font-family: gms;margin: 10px 0 15px;}
#main .section3 dd{font-size: 23px;font-weight: 100;color: #fff;}
#main .section3 .btn{display: block;width: 238px;height: 43px;line-height: 43px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:1px solid #ccc;margin: 35px auto 0;font-size: 16px;color: #fff;}
#main .section4{padding: 100px 0;}
#main .section4 .title2{margin-bottom: 50px;}
#main .section4 .title2 dt{text-align: center;margin-bottom: 25px;}
#main .section4 .title2 dd{text-align: center;}
#main .section4 .title2 dd img{display: inline-block;margin-bottom: 5px;}
#main .section4 .title2 dd p{font-size: 20px;font-weight: 200;color: #333;}
#main .section5 .list{font-size: 0;}
#main .section5 .list li{display: inline-block;vertical-align: top;padding: 10px;width: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 0;}
#main .section5 .list li .link{display: block;position: relative;height: 400px;}
#main .section5 .list li.li01 .link{background: url(/images/main-sec5-list-img1.jpg) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;}
#main .section5 .list li.li02 .link{background: url(/images/main-sec5-list-img2.jpg) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;}
#main .section5 .list li .text{position: absolute;bottom:70px;left:0;width: 100%;text-align: center;}
#main .section5 .list li .text dt,
#main .section5 .list li .text dd{color: #fff;}
#main .section5 .list li .text dt{font-size: 16px;font-family: gms;margin-bottom: 10px;}
#main .section5 .list li .text dd{font-size: 34px;font-family: gms;font-weight: 600;letter-spacing: -0.05em;}
#main .section5 .banner{padding-top: 10px;overflow: hidden;}
#main .section5 .banner img{display: block;position: relative;left:50%;margin-left: -900px;max-width: inherit;}
#main .section6{padding: 80px 0;}
#main .section6 .tit{position: absolute;top:0;left:0;}
#main .section6 .tit dt{font-size: 30px;font-family: gms;font-weight: 600;color: #444;}
#main .section6 .tit dd{font-size: 19px;line-height: 28px;color: #666;letter-spacing: -0.05em;font-weight: normal;margin-top: 15px;}
#main .section6 .inputList{font-size: 0;}
#main .section6 .inputList li{display: inline-block;vertical-align: top;width: 33.33%;padding: 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#main .section6 .typeText{width: 100%;height: 50px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #eee;border:0;text-indent: 15px;}
#main .section6 .ta{padding: 5px;}
#main .section6 .typeArea{width: 100%;height: 100px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 15px;border:0;background: #eee;-webkit-border-radius: 5px;
-moz-border-radius: 5px;border-radius: 5px;}
#main .section6 .formWrap{position: relative;padding-left: 270px;}
#main .section6 .btm{overflow: hidden;padding: 5px;}
#main .section6 .btm label{float: left;color: #888;}
#main .section6 .btm label a{font-weight: 300;}
#main .section6 .btm .btnSubmit{float: right;width: 320px;height: 50px;border:0;text-align: center;background: #0b573e;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;color: #fff;font-size: 17px;}

/**************************************************
	Sub
**************************************************/
#sub{  }
#sub #content{position: relative;width: 1200px;margin: 0 auto;padding: 40px 0;}
#sub #content.full{width: auto;}

#sub #content > *{}

#sub .sub-vis{position: relative;height: 350px;overflow: hidden;text-align: center;background-position: center center;background-size: cover;font-size: 0;background-image: url(/img/sub_3.jpg);}
#sub .sub-vis:before{position: relative;content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
#sub .sub-vis .vam{display: inline-block;vertical-align: middle;}
#sub .sub-vis .vam dt{font-size: 45px;letter-spacing: -0.075em;color: #fff;}
#sub .sub-vis .vam dd{font-size: 20px;color: #fff;margin-top: 15px;}
#sub .sub-vis .text{font-size: 36px;line-height: 48px;color: #fff;letter-spacing: -0.05em;}
#sub .sub-vis .time{padding: 0 25px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;height: 30px;background: #0a0e35;font-size: 0;margin-top: 15px;}
#sub .sub-vis .time:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#sub .sub-vis .time span{display: inline-block;vertical-align: middle;color: #fff;font-size: 15px;}

#sub .sub-vis2{position: relative;height: 350px;overflow: hidden;text-align: center;background-position: center center;background-size: cover;font-size: 0;background-image: url(/img/sub_1.jpg);}
#sub .sub-vis2:before{position: relative;content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}

#sub .sub-vis3{position: relative;height: 350px;overflow: hidden;text-align: center;background-position: center center;background-size: cover;font-size: 0;background-image: url(/img/sub_2.jpg);}
#sub .sub-vis3:before{position: relative;content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}

.lnbWrap{position: relative;text-align: center;margin-top: -35px;z-index:10;}
#lnb{display: inline-block;vertical-align: top;width: 1200px;text-align:center;background: #fff;border-bottom:1px solid #ddd;box-shadow:3px 3px 3px rgba(0,0,0,0.2);border-radius: 50px;}
#lnb > li{position: relative;display: inline-block;vertical-align: top;box-sizing: border-box;padding: 0 20px;}
#lnb > li:before{display: block;content: '';position: absolute;top:50%;left:-1px;margin-top: -1px;width: 3px;height: 3px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #444;}
#lnb > li:first-child:before{display: none;}
#lnb > li a{position:relative;display: block;line-height: 65px;font-weight: 300;font-size: 17px;text-decoration: none;text-align: center;color: #666;padding:0 10px;}
#lnb > li.active a{color:#313f64;}
#lnb > li > a:after{display:block;content:'';width:0;height: 3px;position: absolute;bottom:-1px;left:50%;background: #313f64;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;}
#lnb > li.active > a:after,
#lnb > li:hover > a:after{width: 100%;transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;left:0;}
#lnb > li a span{font-size:17px;color:#777;}
#lnb > li.active a{background: #fff;color: #313f64;}

#navigator{border: 1px solid #ddd;border-width: 1px 0 1px 0;display: none;}
#navigator > ul{width: 1200px;position: relative;margin: 0 auto;border-left: 1px solid #ddd;box-sizing: border-box;background: #fff;}
#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: 15px;font-weight: 300;color: #333;text-decoration: none;padding: 0 60px 0 15px;line-height: 50px;background: url('/images/layout/ft-family-spr.png') no-repeat 95% center;}
#navigator > ul > li:first-child a{min-width: 0;width: 50px;text-align: center;padding: 0;background: #f7f7f7;color: #000;}
#navigator > ul > li > ul{position: absolute;top: 50px;left: -1px;width: 100%;border: 1px solid #ddd;visibility: hidden;opacity: 0;transition: all 0.2s;}
#navigator > ul > li > ul li a{display: block;padding: 12px 15px;font-size: 15px;border-top: 1px solid #ddd;text-decoration: none;transition: all 0.3s;}
#navigator > ul > li > ul li:first-child a{border-top: none;}
#navigator > ul > li > ul li:hover a{background: #f7f7f7;}
#navigator > ul > li.on > ul{background: #fff;visibility: visible;opacity: 1;}
#navigator > ul > li > ul li.hidden-gnb{display: none;}


#partner_a {z-index: 0;overflow: hidden;grid-template-columns: auto 100rem auto;/* display: grid; */position: relative;align-items: center;min-height: 760px;background-position: center center;background-size: cover;background-image: url(/img/fran10.jpg);}
#partner_b {z-index: 0;overflow: hidden;grid-template-columns: auto 100rem auto;/* display: grid; */position: relative;align-items: center;min-height: 676px;background-position: center center;background-size: cover;font-size: 0;background-image: url(/img/fran06.jpg);}
#partner_c {z-index: 0;overflow: hidden;grid-template-columns: auto 100rem auto;/* display: grid; */position: relative;align-items: center;min-height: 760px;background-position: center center;background-size: cover;font-size: 0;background-image: url(/img/fran03.jpg);}
#partner_d {z-index: 0;overflow: hidden;grid-template-columns: auto 100rem auto;/* display: grid; */position: relative;align-items: center;min-height: 760px;background-position: center center;background-size: cover;font-size: 0;/*background-image: url(/img/fran11.jpg);*/}
#partner_e {z-index: 0;overflow: hidden;grid-template-columns: auto 100rem auto;/* display: grid; */position: relative;align-items: center;min-height: 760px;background-position: center center;background-size: cover;font-size: 0;/*background-image: url(/img/fran12.jpg);*/}
/* 약관 내용 출력 박스 */
.policybox{color: #666;font-size: 13px;line-height: 20px;}

/* 서브 컨탠츠 */
#sub .titType1{text-align: center;margin-bottom: 50px;}
.gab{
    margin-top: 36px;
}
#sub .titType1 strong{display: block;font-size: 40px;font-weight: 600;color: #222;font-family: 'ROKAFSansMedium';}
#sub .titType1 strong.grtop{margin-bottom: 30px;}
#sub .titType1 strong.gr{font-size: 34px;color: #0a0e35;}
#sub .titType1 span{font-size: inherit;font-family: inherit;font-weight: normal;color: inherit;}
#sub .titType1 p{font-size: 17px;line-height: 27px;color: #666;font-weight: 200;margin-top: 10px;}
#sub .titType1 p.large{font-size: 23px;font-weight: 200;color: #666;}
#sub .titType2{margin-bottom: 40px;}
#sub .titType2 strong{display: block;font-size: 32px;font-family: gms;font-weight: 600;color: #222;}
#sub .titType2 + .tableWrap .txtRig {margin-top: -30px !important;}
#companyinfo .section2{background: url(/images/mos-sec2-bg.gif) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;padding: 85px 0;text-align: center;margin-top: 80px;}
#companyinfo .section2 .text{font-size: 17px;line-height: 25px;color: #666;margin-top: 40px;}
#companyinfo .section3{margin-top: 80px;}
#sub .imgContent{text-align: center;}
#sub .mosList{font-size: 0;text-align: center;}
#sub .mosList li{display: inline-block;vertical-align: top;margin: 0 -15px;}


/* 뷰페이지 */
#menuView .section1 .inner{position: relative;padding: 50px 30px 60px;border:1px solid #ddd;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#menuView .section1 .imgBox{position: relative;display: inline-block;vertical-align: middle;text-align: center;padding: 0 30px;}
#menuView .section1 .imgBox .icon{position: absolute;top:0;left:0;}
#menuView .section1 .textBox dt strong{display: block;font-size: 35px;font-weight: 300;color: #333;text-align: center;}
#menuView .section1 .textBox dt span{display: block;font-size: 16px;font-weight: 200;color: #aaa;}
#menuView .section1 .textBox dd{margin-top: 25px;}
#menuView .section1 .textBox dd p {font-size: 18px;line-height: 28px;letter-spacing: -0.05em;color: #888;}
#menuView .section1 .arrow{display: block;width: 37px;height: 73px;position: absolute;top:50%;margin-top: -36px;}
#menuView .section1 .arrow.prev{left:50px;}
#menuView .section1 .arrow.next{right:50px;}
#menuView .section2{padding: 80px 0;background: #f7f7f7;margin-top: 80px;}
#menuView .section2 .tit{font-family: gms;font-size: 26px;color: #333;font-weight: normal;margin-bottom: 15px;}
#menuView .section2 .btnType1{display: block;width: 170px;height: 45px;line-height: 45px;-webkit-border-radius: 45px;-moz-border-radius: 45px;border-radius: 45px;background: #e60013;color: #fff;text-align: center;margin: 30px auto 0;}

/* 매장안내 */
#franchiseType{}
#franchiseType .titType2{text-align: center;margin-bottom: 50px;}
#franchiseType .titType2 dt{font-size: 40px;color: #222;font-family: gms;font-weight: 600;letter-spacing: -0.05em;margin-bottom: 10px;}
#franchiseType .titType2 dd{font-size: 19px;line-height: 29px;font-weight: 200;color: #666;}
#franchiseType .section1 .tit{position: relative;padding-top: 95px;text-align: center;margin-bottom: 70px;}
#franchiseType .section1 .tit:after{display: block;content: '';width: 14px;height: 75px;position: absolute;top:0;left:50%;background: url(/images/store-sec1-tit-bar.gif) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;}
#franchiseType .section1 .tit dt{font-size: 34px;color: #222;font-family: gms;font-weight: normal;margin-bottom: 10px;}
#franchiseType .section1 .tit dd{font-size: 28px;font-family: gms;color: #0a0e35;font-weight: normal;}
#franchiseType .sectionWrap{text-align: center;}
#franchiseType .section1 .imgBox{height: 400px;font-size: 0;}
#franchiseType .section1 .imgBox.img1{background: url(/images/store-imgbox1.jpg) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;}
#franchiseType .section1 .imgBox.img2{background: url(/images/store-imgbox2.jpg) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;}
#franchiseType .section1 .imgBox:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#franchiseType .section1 .imgBox dl{display: inline-block;vertical-align: middle;}
#franchiseType .section1 .imgBox dt{font-size: 34px;color: #fff;font-family: gms;margin-bottom: 20px;}
#franchiseType .section1 .imgBox dd{font-size: 19px;line-height: 29px;color: #fff;}
#franchiseType .section2{position: relative;overflow: hidden;z-index:1;padding-top: 70px;}
#franchiseType .section2 .tit{font-size: 34px;color: #222;margin-bottom: 35px;text-align: center;font-family: gms;font-weight: normal;}
#franchiseType .section2:after{display: block;content: '';width: 100%;height: 244px;background: url(/images/store-sec2-img.gif) no-repeat 50% 50%;position: absolute;top:0;left:0;z-index:-1;}
#franchiseType .section2 .list{font-size: 0;margin: -30px;}
#franchiseType .section2 .list li{display: inline-block;vertical-align: top;padding: 30px;width: 25%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#franchiseType .section2 .list li .imgBox{margin-bottom: 10px;}
#franchiseType .section2 .list li .textBox dt{font-size: 22px;line-height: 30px;color: #222;padding-bottom: 20px;margin-bottom: 20px;border-bottom:1px solid #ddd;font-family: gms;}
#franchiseType .section2 .list li .textBox dd p{font-size: 17px;font-weight: 200;color: #888;margin-top: 10px;}
#franchiseType .section2 .list li .textBox dd p:first-child{margin-top: 0;}

/* 개설비용 */
#cost .group{margin-top: 90px;}
#cost .group:first-child{margin-top: 0;}

.competitveTop{margin-bottom: 95px;}
.compeText .box{display: table;width: 100%;padding: 40px 75px 0;}
.compeText .box:first-child >*{padding-top: 0;}
.compeText .box >*{display: table-cell;}
.compeText .box .tit{position: relative;width: 310px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 42px;}
.compeText .box .tit:before{display: block;content: '';width: 28px;height: 24px;position: absolute;top:5px;left:0;background: url(/images/comp-txt-front1.gif) no-repeat 0 50%;-webkit-background-size: cover;background-size: cover;}
.compeText .box .tit strong{font-size: 22px;font-weight: 300;color: #222;}
.compeText .box:nth-child(even) .tit:before{background: url(/images/comp-txt-front2.gif) no-repeat 0 50%;-webkit-background-size: cover;background-size: cover;}
.compeText .box .list li{position: relative;font-size: 17px;color: #888;padding-left: 11px;margin-top: 8px;}
.compeText .box .list li:first-child{margin-top: 0;}
.compeText .box .list li:before{display: block;content: '';width: 4px;height: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background: #01a729;position: absolute;top:9px;left:0;}

.tableWrap .txtRig{text-align: right;margin-bottom: 10px;font-size: 17px;color: #666;}
.tableType1{width: 100%;}
.tableType1 th,
.tableType1 td{border:1px solid #ddd;padding: 15px 10px;text-align: center;font-size: 17px;color: #666;}
.tableType1 thead th{width: 25%;padding: 15px 10px;background: #333;border:1px solid #5c5c5c;border-top:0;border-bottom:0;text-align: center;font-family: noto;font-weight: 600;color: #fff;font-size: 18px;}
.tableType1 tbody th{background: #f0f0f0;font-weight: 300;}
.tableType1 tfoot th,
.tableType1 tfoot td{background: #f0f0f0;color: #222;}
.txtlist{margin-top: 30px;}
.txtlist li{font-size: 16px;line-height: 24px;color: #888;}
.txtlist li span{font-size: inherit;color: #0b573e;font-weight: 300;}
.btnBtm{text-align: center;margin-top: 50px;}
.btnBtm .btn{display: inline-block;width: 320px;height: 50px;line-height: 50px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #0b573e;color: #fff;font-size: 17px;}

@media all and (max-width: 1300px) {
	.tableWrap .txtRig{font-size: 14px;}
	.tableType1 thead th{padding: 10px 5px;font-size: 13px;}
	.tableType1 th, .tableType1 td{font-size: 13px;padding: 10px 5px;}
	.txtlist li{font-size: 13px;line-height: 22px;}
}

.ctbBtm{text-align: right;margin-top: 40px;}
.ctbBtm .compTelBox{display: inline-block;text-align: left;}
.compTelBox.top{position: absolute;top:80px;right:0;}
.compTelBox{padding: 20px 25px;border:5px solid #eee;font-size: 0;}

.compTelBox dl{margin-top: 5px;}
.compTelBox dl:first-child{margin-top: 0;}
.compTelBox dt,
.compTelBox dd{display: inline-block;vertical-align: middle;}
.compTelBox dt{width: 110px;font-size: 16px;line-height: 22px;font-weight: 300;color: #222;}
.compTelBox dd{font-size: 20px;line-height: 22px;color: #0a0e35;font-family: gms;font-weight: 600;}
.compTelBox dd.w{letter-spacing: 0.035em;}

@media all and (max-width: 1300px){
	.compTelBox.top{position: static;}
	.compTelBox{width: 280px;margin: 20px auto;}
}




/* 헬프라인 (추가건) */
#helpline .ftext{text-align: center;}
#helpline .ftext dt{font-size: 38px;line-height: 50px;font-weight: normal;font-family: gms;color: #222;text-align: center;}
#helpline .ftext dt strong{color: #0a0e35;font-weight: 600;}
#helpline .ftext dd{font-size: 17px;font-weight: 200;color: #666;margin-top: 30px;}
#helpline .gray{margin-top: 70px;}
#helpline .gray{background: url(/images/mos-sec2-bg.gif) no-repeat 50% 50%;padding: 70px 0;}
#helpline .gray .title1{text-align: center;margin-bottom: 40px;}
#helpline .gray .title1 strong{display: block;font-family: gms;font-size: 40px;font-weight: 600;color: #222;}
#helpline .gray .title1 p{text-align: center;font-size: 20px;letter-spacing: -0.015em;font-weight: normal;margin-top: 10px;}
#helpline .gray .text{margin-top: 40px;font-size: 17px;line-height: 25px;text-align: center;}
#helpline .section{margin-top: 70px;}
#helpline .numTit{text-align: center;margin-bottom: 35px;}
#helpline .numTit strong{display: block;font-size: 34px;font-weight: 600;color: #0a0e35;letter-spacing: -0.05em;}
#helpline .numTitTxt{text-align: center;}
#helpline .numTitTxt dt{font-size: 26px;font-weight: 600;color: #222;margin-bottom: 20px;}
#helpline .numTitTxt dd .text{font-size: 17px;line-height: 25px;margin-top: 15px;}
#helpline .numTitTxt dd .text:first-child{margin-top: 0;}
#helpline .numList{font-size: 0;margin: -5px;}
#helpline .numList li{display: inline-block;vertical-align: top;width: 20%;padding: 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#helpline .numList li .box{position: relative;height: 223px;background: #f7f7f7;border:1px solid #ddd;font-size: 0;text-align: center;}
#helpline .numList li .box:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#helpline .numList li .box .vam{display: inline-block;vertical-align: middle;}
#helpline .numList li .box .num{width: 35px;height: 35px;line-height: 35px;position: absolute;top:-3px;right:10px;background: #0a0e35;color: #fff;font-size: 17px;}
#helpline .numList li .box .text{font-size: 17px;line-height: 25px;font-weight: 200;color: #222;margin-top: 15px;}
#helpline .section1 .img{margin-top: 50px;text-align: center;}
#helpline .section1 .img + p{font-size: 17px;color: #ed1c24;margin-top: 15px;text-align: center;}
#helpline .section3 .list{font-size: 0;}
#helpline .section3 .list li{position: relative;padding-left: 10px;}
#helpline .section3 .list li:before{display: block;content: '';width: 4px;height: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background: #0a0e35;position: absolute;top:50%;left:0;margin-top: -2px;}
#helpline .section3 .box1 .list li{margin-top: 12px;}
#helpline .section3 .box1 .list li:first-child{margin-top: 0;}
#helpline .section3 .box1 .list li .front{display: block;position: absolute;top:0;left:10px;font-size: 17px;line-height: 24px;color: #222;font-weight: 300;}
#helpline .section3 .box1 .list li p{padding-left: 100px;font-size: 17px;line-height: 24px;}
#helpline .section3 .box2{margin-top: 45px;}
#helpline .section3 .box2 .list li{display: inline-block;vertical-align: top;font-size: 17px;line-height: 24px;margin-left: 40px;}
#helpline .section3 .box2 .list li:first-child{margin-left: 0;}
#helpline .section3 .box2 .list li a,
#helpline .section3 .box2 .list li .lstyle{font-size: inherit;color: #999;margin-left: 5px;}

#helpline .section3 .box2 .list li a:hover{color: #111;}
#helpline .section3 .box2 .list.type2 li{font-size: inherit;line-height: inherit;padding-left: 0;}
#helpline .section3 .box2 .list.type2 li:before{display: none;}
#helpline .section3 .box2 .list.type2 li p{position: relative;font-size: 17px;line-height: 24px;padding-left: 10px;}
#helpline .section3 .box2 .list.type2 li p:before{display: block;content: '';width: 4px;height: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background: #0a0e35;position: absolute;top:50%;left:0;margin-top: -2px;}
#helpline .section3 .box2 .list.type2 .gbox{display: inline-block;background: #f7f7f7;padding: 15px;margin-top: 15px;font-size: 15px;line-height: 25px;}
#helpline .section3 .box2 .list.type2 .gbox.txt{padding: 25px;}
#helpline .section3 .box2 .list.type2 .gbox span{display: block;font-size: 15px;color: #999;margin-top: 10px;}
#helpline .borderBox{border:5px solid #eee;padding: 60px 80px;}
#helpline .borderBox .title{font-size: 26px;font-family: gms;font-weight: 600;margin-bottom: 20px;color: #222;}
#helpline .borderBox .softText{font-size: 17px;color: #999;margin-bottom: 20px;}
#helpline .borderBox .softText a{font-size: inherit;color: inherit;}
#helpline .borderBox .softText a:hover{color: #333;}
#helpline .borderBox dl{margin-top: 25px;}
#helpline .borderBox dl:first-child{margin-top: 0;}
#helpline .borderBox dt{font-size: 20px;font-weight: 300;color: #0a0e35;margin-bottom: 15px;}
#helpline .section4{text-align: center;}
#helpline .section4 .list{display: inline-block;}
#helpline .section4 .list li{text-align: left;font-size: 17px;line-height: 25px;padding-left: 35px;background: url(/images/hl-check-icon.gif) no-repeat 0 0;margin-top: 15px;}
#helpline .section4 .list li:first-child{margin-top: 0;}

/*스타일추가*/
.promiseList{font-size:0;}
.promiseList li .box{position:relative;font-size:0;}
.promiseList li.odd .box{padding-right:50%;}
.promiseList li.even .box{padding-left:50%;}
.promiseList li .box .imgBox img{width:100%;}
.promiseList li .box .textBox{position:absolute;top:0;width:50%;height:100%;font-size:0;text-align: left;background:#f7f7f7;}
.promiseList li.li01 .textBox{background: url(/img/j_back.gif) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;}
.promiseList li.li02 .textBox{background: url(/img/j_back.gif) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;}
.promiseList li.li03 .textBox{background: url(/img/j_back.gif) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;}
.promiseList li .box .textBox:before{display:inline-block;vertical-align:middle;content:'';width:0;height:100%;}
.promiseList li .box .textBox .vam{display:inline-block;vertical-align: top;padding: 42px;text-align: left;}
.promiseList li .box .textBox .vam p {
    line-height: 24px;
}
.promiseList li .box .textBox dt span{display: block;font-size: 17px;color: #00a728;/* font-family: gms; */text-align: left;margin-bottom: 12px;}
.promiseList li .box .textBox dt strong{display: block;text-align: left;font-size: 30px;font-weight: normal;/* font-family: gms; */color: #222;line-height: 40px;}
.promiseList li .box .textBox dd{margin-top: 20px;}
.promiseList li .box .textBox dd strong{font-size: 17px;line-height: 25px;font-weight: 300;color: #222;margin-bottom: 20px;}
.promiseList li .box .textBox dd p{font-size: 17px;line-height: 28px;color: #666;}
.promiseList li .box .textBox dd p:first-child{margin-top: 0;}

.promiseList li.odd .box .textBox{right:0;}
.promiseList li.even .box .textBox{left:0;}

@media all and (max-width: 1300px){
	.promiseList li .box .textBox dt span{font-size: 15px;margin-bottom: 10px;}
	.promiseList li .box .textBox dt strong{font-size: 20px;}
	.promiseList li .box .textBox dd{margin-top: 10px;}
	.promiseList li .box .textBox dd strong{font-size: 14px;line-height: 22px;}
	.promiseList li .box .textBox dd p{font-size: 14px;line-height: 22px;}
}

@media all and (max-width: 750px){
	.promiseList li{margin-top:30px;}
	.promiseList li:first-child{margin-top:0;}
	.promiseList li .box .textBox{position:static;width:100%;padding:30px 10px;box-sizing:border-box;}
	.promiseList li.odd .box,
	.promiseList li.even .box{padding:0;}
	.promiseList li .box .textBox dt strong{font-size: 24px;}
}
.btnn {
    background: #e4e7ea;
    outline: none!important;
    font-size: 16px;
    line-height: 26px;
    padding: 8px 25px;
    border: none;
    font-weight: 500;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
}
.btnn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-info {
    background: #00aeff;
    color: #fff !important;
}
.gab25 {margin-top: 25px !important;}
.scroll_box {overflow:scroll;width:100%;height: 84px;padding:10px;font-size: 13px !important;border: 1px solid #b4b4b4;margin-top: -10px !important;}
.scroll_box2 {overflow:scroll;width:100%;height: 156px;padding:10px;font-size: 13px !important;border: 1px solid #b4b4b4;margin-top: -10px !important;}
.scroll_box3 {overflow:scroll;width:100%;height: 204px;padding:10px;font-size: 13px !important;border: 1px solid #b4b4b4;margin-top: -10px !important;}
.bi {
    width: 100%;
    margin: 0 auto;
}
.bi1 {
    width: 100%;
    margin: 0 auto;
}
.bi .logo_area {
    position: relative;
    width: 1280px;
    height: 400px;
    margin: 0 auto;
    border: 1px solid #9c9ea3;
    background-position: center center;
    /* background-size: cover; */
    font-size: 0;
    background-image: url(/img/back_logo.jpg);
}
.bi .logo_area img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.bi .text_area {
    position: relative;
    /* width: 1280px; */
    height: 250px;
    margin: 0 auto;
}
.bi1 .text_area {
    position: relative;
    /* width: 1280px; */
    min-height: 120px;
    margin: 0 auto;
}
.bi .text_cont {
    position: absolute;
    width: 930px;
    left: 700px;
    top: 50%;
    transform: translate(-50%, -50%);
}
.bi1 .text_cont {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.bi .text_cont {
    position: absolute;
    width: 100%;
    left: 677px;
    top: 50%;
    transform: translate(-50%, -50%);
}
.bi .title {
    /* font-family: 'GmarketSans'; */
    font-size: 25px;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -1px;
    color: #333;
}
.bi .text {
    /* font-family: 'GmarketSans'; */
    font-size: 25px;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -2px;
    color: #666;
}
.bi1 .text {
    /* font-family: 'GmarketSans'; */
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -2px;
    color: #666;
}
.bi .text span {
    font-size: 12px;
    letter-spacing: -1px;
    color: #9f9f9f;
}
.bi .img_area {
    position: relative;
    width: 1280px;
    height: 356px;
    margin: 0 auto;
    background: #f4f4f4;
}
.bi .img_area img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
}
.bi .text_cont:before {
    content: '';
    position: absolute;
    left: -55px;
    top: 10px;
    width: 41px;
    height: 2px;
    background: #0a0e35;
}
.menu_detail {
  padding-bottom: 120px;
}

.menu_tab {
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 5px;
}

.menu_tab .tab {
  font-size: 1.0625em;
  padding: 7px 0;
  width: 150px;
  color: #aaa;
  border: 1px solid #e6e6e6;
  margin: 0 3px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 5px;
  transition: 0.3s;
  cursor: pointer;
  transform: rotate(-0.03deg);
}

.menu_tab .tab.active {
  font-weight: 500;
  color: #fff;
  border: 2px solid #111;
  background-color: #111;
}

.menu_tab .tab:hover {
  color: #fff;
  border: 2px solid #111;
  background-color: #111;
}

.menu_tabcont{
  padding-bottom: 120px;
}

.menu_list {
  display: flex;
  flex-wrap: wrap;
}

.menu_box {
  width: 25%;
  padding: 25px 0px 40px 0px;
  transition: all 0.3s;
  text-align: center;
  border-radius: 30px;
  background: #fff;
  margin-bottom: 15px;
}

.menu_box:hover {
  position: relative;
  z-index: 1;
  /* border: 1px solid #000; */
  box-shadow: 0px 1px 3px rgb(0 0 0 / 30%);
}

.menu_box .menu_img {
  height: 0;
  padding-bottom: 66%;
  position: relative;
}

.menu_box .menu_img img {
  position: absolute;
  width: 90%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.menu_box .menu_txt {
  transform: rotate(-0.03deg);
}

.menu_box .menu_txt .menu_title {
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0 10px 0;
}

.menu_box .menu_txt .menu_title .badge {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.75em;
  font-weight: bold;
  margin-right: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.menu_box .menu_txt .menu_title .badge.new {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #9dc427;
  color: #fff;
  font-size: 0.625em;
}

.menu_box .menu_txt .menu_title .badge.best {
  color: #313f64;
  border-bottom: 1px solid #313f64;
}

.menu_box .menu_txt .menu_title .menu_name {
  font-size: 1.0625rem;
}

.menu_box .menu_txt .menu_desc {
  height: 75px;
  font-size: .9375rem;
  color: #888;
  margin-bottom: 5px;
  line-height: 20px;
}

.menu_box .menu_txt .menu_price {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  column-gap: 16px;
  margin-bottom: 5px;
}

.menu_box .menu_txt .menu_price li {
  width: auto;
  display: flex;
  align-items: center;
}

.menu_box .menu_txt .menu_price li span {
  width: 88px;
  text-align:right
}
.menu_box .menu_txt .menu_price .size {
  font-size: 0.8125em;
  background: #0a0e35;
  color: #fff;
  /* clip-path: circle(50%); */
  margin-right: 5px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
}

.menu_box .menu_txt .menu_price .size.set{
  font-size: 0.8125em;
  background: #111;
  color: #fff;
  margin-right: 5px;
  width: 46px;
  height: 24px;
  line-height: 20px;
  clip-path: none;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu_box .menu_txt .menu_price .size.won{
  width: 26px;
  height: 26px;
}

.menu_box .menu_txt .menu_price .price {
  font-size: 0.9375em;
}


/************************************************* detail */

.detail_top {
  width: 100%;
  display: grid;
  grid-template-columns: 1.5fr 2fr;
  column-gap: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
}

.detail_view {
  width: 100%;
  overflow: hidden;
}

.detail_slide .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.detail_thum .swiper-wrapper {
  width: 100%;
  justify-content: space-between;
  margin-top: 10px !important;
}

.detail_thum .swiper-wrapper .swiper-slide {
  max-width: 162px;
  width: 100%;
  height: 118;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.3;
}

.detail_thum .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

.detail_slide .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 456px;
  overflow: hidden;
}

.detail_slide .swiper-wrapper .swiper-slide img {
  width: 100%;
}

.detail_info {
  width: 100%;
}

.info_title {
  margin-bottom: 40px;
  padding: 40px 30px 0;
}

.info_title > p:nth-child(1) {
  font-size: 2.188em;
  font-weight: 700;
  margin-bottom: 20px;
}

.info_sub_title p {
  font-size: 1.063em;
  color: #888888;
}

.info_price {
  display: flex;
  gap: 20px;
  padding: 0 30px;
  margin-bottom: 10px;
}

.info_price li {
  display: flex;
  align-items: center;
  gap: 10px;
}

.info_price .size {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #313f64;
  border-radius: 0;
  /* font-size: 1.250em; */
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.info_price .size.set{
  width: auto;
  height: auto;
  padding: 4px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #111;
  border-radius: 10px;
  font-size: 1.250em;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.price {
  /* font-family: 'Montserrat', sans-serif; */
  font-size: 1.375em;
  font-weight: 700;
}

.info_opt {
  width: 100%;
  padding: 40px 30px;
  background-color: #f6f6f6;
}

.opt_title_wrap{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  cursor: pointer;
}

.opt_title_wrap.set{
  margin-bottom: 0;
}

.opt_title {
  font-size: 1.375em;
  font-weight: 700;
}

.opt_title_wrap i{
  font-weight: bold;
  font-size: 30px;
}

.opt_slide{
  display: flex;
  align-items: center;
  gap: 10px;
}

.opt_value_wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.opt_value_wrap.wrap1{
  display: block;
}

.info_opt.topping .opt_title{
  margin-bottom: 20px;
  padding-top: 30px;
  border-top: 1px solid #e6e6e6;
}

.opt_value {
  width: 100%;
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 10px;
}
.opt_value span{
    padding: 5px 7px;
    background-color: #ff9800;
    color: #fff;
    border-radius: 100%;
    font-size: 11px;
}

.opt_value>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin-bottom: 10px;
}

.opt_value>div p {
  font-size: 1.125em;
}

.opt_value>div p:nth-child(1) {
  font-weight: 500;
}

.opt_value>div p:nth-child(2) {
  font-weight: 700;
  color: #313f64;
}

.info_opt.topping {
  padding-top: 0;
}

.info_opt.topping .opt_value p {
  font-size: 1.125em;
  font-weight: 500;
}

.detail_sec2 {
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  padding: 30px 55px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.detail_sec2_box {
  width: 100%;
}

.detail_sec2_box>div {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

.detail_sec2_box>div p {
  font-size: 1.125em;
  font-weight: 700;
}

.detail_btn {
  padding: 4px 16px;
  border: 1px solid #313f64;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.938em;
  color: #313f64;
  transition: 0.2s;
  cursor: pointer;
}

.detail_btn:hover {
  background-color: #313f64;
  color: #fff;
}

.detail_sec3 {
  width: 100%;
  padding: 30px 55px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* .sec3_table{
  overflow-x: scroll;
} */

.sec3_table table {
  width: 1090px;
  text-align: center;
}

.sec3_table table th,
.sec3_table table td {
  font-size: 1.063em;
  font-weight: 400;
  border: 1px solid #e6e6e6;
}

.sec3_table table thead th {
  padding: 10px 0;
  background-color: #f6f6f6;
  border-top: 2px solid #111;
}

.sec3_table table tbody td {
  padding: 4px 0;
}

.sec3_table table .first_title {
  border-left: 0;
}

.sec3_table table .last_title {
  border-right: 0;
}

.nutr_title {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

.nutr_title p {
  font-size: 1.375em;
  font-weight: 700;
}

.detail_sec4 {
  width: 100%;
  padding: 30px 55px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid #e6e6e6;
}

.detail_sec4_title {
  width: 100%;
  font-size: 1.375em;
  font-weight: 700;
  margin-bottom: 20px;
  /* padding: 20px 55px 0; */
}

.info_opt_cap{
  font-size: 0.9375rem;
  font-weight: 500;
  margin-top: 20px;
}

.price_cap{
  padding: 0 30px 40px 96px;
}

.price_cap p{
  font-size: 0.875rem;
  color: #888888;
}

/************************************************* detail */

/* modal */

.modal_container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}

.modal_wrap {
  max-width: 1240px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 34px 70px 68px;
  z-index: 1;
}

.modal_title {
  width: 100%;
  text-align: center;
  font-size: 2.188em;
  font-weight: 500;
  padding-bottom: 25px;
  border-bottom: 1px solid #ccc;
  position: relative;
}

.modal_title i {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.modal_cap {
  padding: 20px 0;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  font-size: 1.250em;
}

.modal_cap img {
  margin-right: 16px;
}

.modal_con {
  width: 100%;
  height: 400px;
  overflow-y: scroll;
  display: none;
}

.modal_con.active {
  display: block;
}

.modal_con iframe {
  width: 100%;
  height: 512px;
}

.modal_back {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.modal_title {
  margin-bottom: 30px;
}

.modal_tab {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 30px;
}

.modal_tab li {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.250em;
  color: #aaaaaa;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  cursor: pointer;
  transition: 0.2s;
}

.modal_tab li:hover {
  background-color: #111;
  color: #fff;
}

.modal_tab li.active_tab {
  background-color: #111;
  color: #fff;
}

.modal_common:not(:last-child) {
  margin-bottom: 30px;
}

.modal_common p {
  font-size: 1.250em;
  font-weight: 700;
  margin-bottom: 10px;
}

.modal_common ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 0.875em;
  color: #6c6c6c;
}

/* .modal_table{
  overflow-x: scroll;
} */

.modal_table p {
  font-size: 1.063em;
  font-weight: 500;
  margin: 16px 0;
}

.modal_table table {
  border-top: 2px solid #111;
  border-right: 0;
  border-left: 0;
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}

.modal_table table th,
.modal_table table td {
  font-size: 0.875em;
  -webkit-line-clamp: 2;
  border: 1px solid #e6e6e6;
}

.modal_table table td {
  padding: 10px;
}

.modal_table table .org {
  font-size: 0.750em;
}

.modal_table table .table_title {
  padding: 10px 20px;
  background-color: #f6f6f6;
  font-weight: 400;
}
.modal_table.set_table table .table_title {padding: 10px 0;}

.modal_table table .table_title.first_title {
  border-left: 0;
}

.modal_table table .table_title.last_title {
  border-right: 0;
}

.modal_table table thead th {
  width: 20%;
}

.modal_table.pizza table tbody th {
  width: 10%;
}

.modal_table table thead th:nth-child(2) {
  width: 50%;
}

.modal_table table thead th:nth-child(3) {
  width: 30%;
}

.modal_con.nut .modal_table table thead th {
  width: 12.5%;
}

.modal_table table .first_title{
  border-left: 0;
}

.modal_table table .last_title{
  border-right: 0;
}

.modal_con.nut .modal_table.set_table table thead th.title1 {width: 10%;}
.modal_con.nut .modal_table.set_table table thead th.title2 {width: 7%;}
.modal_con.nut .modal_table.set_table table thead th.title3 {width: 7%;}
.modal_con.nut .modal_table.set_table table thead th.title4 {width: 10%;}
.modal_con.nut .modal_table.set_table table thead th.title5 {width: 15%;}
.modal_con.nut .modal_table.set_table table thead th.title6 {width: 12%;}
.modal_con.nut .modal_table.set_table table thead th.title7 {width: 31%;}
.modal_con.nut .modal_table.set_table table thead th.title8 {width: 8%;}
.set_table table tr td.title1 {width: 10%;}
.set_table table tr td.title2 {width: 7%;}
.set_table table tr td.title3 {width: 7%;}
.set_table table tr td.title4 {width: 10%;}
.set_table table tr td.title5 {width: 15%;}
.set_table table tr td.title6 {width: 12%;}
.set_table table tr td.title7 {width: 31%;}
.set_table table tr td.title8 {width: 8%;}


/************************************* org_modal */


@media screen and (max-width: 1240px){

  .modal_wrap {
    max-width: 1024px;
  }
  
  .sec3_table{
  overflow-x: scroll;
}
  
  .modal_table{
    overflow-x: scroll;
  }
  
  .modal_table table{
   width: 1240px;
  }

}


@media screen and (max-width: 1024px) {

  /* 메뉴 */

  .menu_tab {
    margin-bottom: 20px;
    row-gap: 0;
  }

  .menu_tab .tab {
    width: 110px;
  }

  .menu_box {
    width: 33.3333%;
  }

  /* 메뉴 상세 */

  .modal_wrap{
    width: 80%;
    padding: 34px 20px 68px;
  }

  .modal_tab li{
    font-size: 1.125em;
  }

}


@media screen and (max-width: 768px) {

  /* 메뉴 */

  .menu_tabcont{
    padding-bottom: 80px;
  }

  .menu_tab .tab {
    width: 25%;
    margin: 0 1% 1.5% 1%;
  }

  .menu_box {
    width: 50%;
  }

  /* 메뉴 상세 */

  .menu_detail{
    padding-bottom: 80px;
  }

  .detail_top{
    grid-template-columns: 1fr;
  }

  .detail_sec3{
    padding: 30px 0;
  }

  .detail_sec2{
    padding: 30px 0;
  }

  .detail_sec4{
    padding: 30px 0 30px;
  }

  .info_title{
    padding: 40px 0 0;
  }
  
  .info_price{
    padding: 0;
    margin-bottom: 10px;
  }

  .detail_sec2{
    flex-direction: column;
    gap: 0px;
  }

  .detail_org.detail_sec2_box{
    padding-bottom: 30px;
  }

  .detail_alle.detail_sec2_box{
    padding-top: 30px;
    border-top: 1px solid #e6e6e6;
  }

  .detail_sec2_box>div{
    justify-content: space-between;
  }

  .detail_sec2_box>div p{
    font-size: 1.375em;
  }

  .nutr_title{
    justify-content: space-between;
  }

  .price_cap{
    padding: 0 0 0 62px;
    margin-bottom: 40px;
  }

}

@media screen and (max-width: 540px) {

  /* 메뉴 */

  .menu_list{
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .menu_tab {
    justify-content: flex-start;
  }

  .menu_tab .tab {
    width: 31.3333%;
  }

  .menu_box {
    width: 100%;
    padding: 25px 20px 40px 20px;
    text-align: start;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 16%);
  }

  .menu_box a {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .menu_box .menu_img {
    height: auto;
    padding-bottom: 0;
    position: relative;
    display: flex;
    align-items: center;
  }

  .menu_box .menu_img img {
    position: static;
    width: 100%;
    height: auto;
    top: auto;
    left: auto;
    transform: translate(0, 0);
  }

  .menu_txt{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }

  .menu_box .menu_txt .menu_price {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 10px;
    margin-top: 16px;
  }

  .menu_box .menu_txt .menu_price .size{
    width: 30px;
    height: 30px;
    font-size: 1.125em;
    margin-right: 10px;
  }

  .menu_box .menu_txt .menu_price .price{
    font-size: 1.125em;
  }

  .menu_box .menu_txt .menu_title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    height: auto;
  }

  .menu_box .menu_txt .menu_desc{
    font-size: 1.125em;
    margin-bottom: 0px;
    text-align: center;
    height: auto;
  }

  .menu_box .menu_txt .menu_title .menu_name{
    font-size: 1.750em;
  }

  .menu_box .menu_txt .menu_title .badge.new{
    width: 36px;
    height: 36px;
  }

  /* 메뉴 상세 */

  .detail_slide .swiper-wrapper .swiper-slide{
    height: 280px;
  }

  .price_cap{
    padding: 0 0 0 54px;
  }

  /* 모달 */

  .modal_wrap{
    width: 90%;
    padding: 30px;
  }

  .modal_con{
    height: 260px;
  }

  .modal_title{
    font-size: 1.500em;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .modal_tab li{
    text-align: center;
    height: 45px;
    font-size: 1em;
  }


}

@media screen and (max-width: 414px) {

  /* 메뉴 */

  .menu_box{
    padding: 25px 16px 30px 16px;
  }

  .menu_box .menu_txt .menu_title .menu_name{
    font-size: 1.500em;
  }

  .menu_box .menu_txt .menu_desc{
    font-size: 1em;
  }

  .menu_box .menu_txt .menu_title .badge{
    margin-right: 8px;
  }

  .menu_box .menu_txt .menu_desc br{
    display: none;
  }
  
  .menu_box .menu_txt .menu_price .size{
    width: 26px;
    height: 26px;
    font-size: 1em;
    margin-right: 6px;
  }

  /* 메뉴 상세 */

  .info_opt{
    padding: 30px 20px;
  }

  .info_title > p:nth-child(1){
    margin-bottom: 16px;
  }

  .info_title{
    margin-bottom: 30px;
  }

  .info_price .size{
    width: 28px;
    height: 28px;
    font-size: 1em;
  }

  .info_price{
    gap: 16px;
  }

  .info_price li{
    gap: 6px;
  }

  .info_title > p:nth-child(1){
    font-size: 1.750em;
  }

  /* 모달 */

  
  .modal_tab li .br_mo{
    display: block;
  }

  .modal_title .br_mo{
    display: block;
  }

  .modal_wrap{
    padding: 30px 20px;
  }

}

@media screen and (max-width: 370px){

  .menu_box .menu_txt .menu_price{
    row-gap: 10px;
  }

}
/* pagination */
button {border: 0; background: none; outline: 0; font-family: inherit;}
button:focus {outline: 0;}
.pager {text-align: center; width: 100%; display: inline-flex; justify-content: center; align-items: center; margin-top: 40px;}
.pager button {cursor: pointer; font-size: 1.25em; transition: all 0.2s; color: #aaa; font-family: 'Montserrat', sans-serif;}
.pager button.page {margin: 0 5px; width: 35px; height: 35px; line-height: 37px; border-radius: 50%;}
.pager button.page:hover {color: #111; /* font-weight: bold; */}
.pager button.page.active {color: #fff; background: #111; border-radius: 50%; /* font-weight: bold; */}
.pager button.pager-btn {color: #ccc; padding: 0; border: 1px solid #ccc; border-radius: 50%;}
.pager button.pager-btn i {font-size: 36px;}
.pager button.pager-prev {margin-right: 25px;}
.pager button.pager-next {margin-left: 25px;}
.pager button.pager-btn.active {color: #111; border: 1px solid #111;}
.pager button.pager-btn.active i {/* font-weight: bold; */}
.pager button.pager-btn:hover {color: #111;}

/************************************************* detail */

.detail_top {
  width: 100%;
  display: grid;
  grid-template-columns: 1.5fr 2fr;
  column-gap: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
}

.detail_view {
  width: 100%;
  overflow: hidden;
}

.detail_slide .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.detail_thum .swiper-wrapper {
  width: 100%;
  justify-content: space-between;
  margin-top: 10px !important;
}

.detail_thum .swiper-wrapper .swiper-slide {
  max-width: 162px;
  width: 100%;
  height: 118;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.3;
}

.detail_thum .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

.detail_slide .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 456px;
  overflow: hidden;
}

.detail_slide .swiper-wrapper .swiper-slide img {
  width: 100%;
}

.detail_info {
  width: 100%;
}

.info_title {
  margin-bottom: 40px;
  padding: 0px 30px 0;
}

.info_title > p:nth-child(1) {
  font-size: 2.188em;
  font-weight: 700;
  margin-bottom: 20px;
}

.info_sub_title p {
  font-size: 1.063em;
  color: #888888;
}

.info_price {
  display: flex;
  gap: 20px;
  padding: 0 30px 0 0;
  margin-bottom: 10px;
}
.info_price span {
	width:100px;
    font-size: 18px;
    color: #ff9800;
    font-weight: 600;
}

.info_price li {
  display: flex;
  align-items: center;
  gap: 10px;
}

.info_price .size {
  width: 30px;
  height: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #505050;
  border-radius: 100%;
  /* font-size: 1.250em; */
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  padding-bottom: 3px;
}

.info_price .size.set{
  width: auto;
  height: auto;
  padding: 4px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #111;
  border-radius: 10px;
  font-size: 1.250em;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.price {
  /* font-family: 'Montserrat', sans-serif; */
  font-size: 1.175em;
  font-weight: 700;
}

.info_opt {
  width: 100%;
  padding: 20px 20px;
  background-color: #e7e3d8;
  border-radius: 14px;
}

.opt_title_wrap{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  cursor: pointer;
}

.opt_title_wrap.set{
  margin-bottom: 0;
}

.opt_title {
  font-size: 1.375em;
  font-weight: 700;
}

.opt_title_wrap i{
  font-weight: bold;
  font-size: 30px;
}

.opt_slide{
  display: flex;
  align-items: center;
  gap: 10px;
}

.opt_value_wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.opt_value_wrap.wrap1{
  display: block;
}

.info_opt.topping .opt_title{
  margin-bottom: 20px;
  padding-top: 30px;
  border-top: 1px solid #e6e6e6;
}

.opt_value {
  width: 100%;
  background-color: #fff;
  padding: 20px 0 5px 0;
  border-radius: 0;
}

.opt_value>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin-bottom: 30px;
  margin-left: 20px;
}

.opt_value>div p {
  font-size: 1.125em;
  width: 50%;
}

.opt_value>div p:nth-child(1) {
  font-weight: 500;
}

.opt_value>div p:nth-child(2) {
  font-weight: 700;
  color: #313f64;
}

.info_opt.topping {
  padding-top: 0;
}

.info_opt.topping .opt_value p {
  font-size: 1.125em;
  font-weight: 500;
}

.detail_sec2 {
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  padding: 30px 55px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.detail_sec2_box {
  width: 100%;
}

.detail_sec2_box>div {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

.detail_sec2_box>div p {
  font-size: 1.125em;
  font-weight: 700;
}

.detail_btn {
  padding: 4px 16px;
  border: 1px solid #313f64;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.938em;
  color: #313f64;
  transition: 0.2s;
  cursor: pointer;
}

.detail_btn:hover {
  background-color: #313f64;
  color: #fff;
}

.detail_sec3 {
  width: 100%;
  padding: 30px 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* .sec3_table{
  overflow-x: scroll;
} */

.sec3_table table {
  width: 100%;
  text-align: center;
}

.sec3_table table th,
.sec3_table table td {
  font-size: 1.063em;
  font-weight: 400;
  border: 1px solid #e6e6e6;
}

.sec3_table table thead th {
  padding: 10px 0;
  background-color: #f6f6f6;
  border-top: 2px solid #111;
}

.sec3_table table tbody td {
  padding: 4px 0;
}

.sec3_table table .first_title {
  border-left: 0;
}

.sec3_table table .last_title {
  border-right: 0;
}

.nutr_title {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

.nutr_title p {
  font-size: 1.375em;
  font-weight: 700;
}

.detail_sec4 {
  width: 100%;
  padding: 30px 55px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid #e6e6e6;
}

.detail_sec4_title {
  width: 100%;
  font-size: 1.375em;
  font-weight: 700;
  margin-bottom: 20px;
  /* padding: 20px 55px 0; */
}

.info_opt_cap{
  font-size: 0.9375rem;
  font-weight: 500;
  margin-top: 20px;
}

.price_cap{
  padding: 0 30px 40px 96px;
}

.price_cap p{
  font-size: 0.875rem;
  color: #888888;
}

/************************************************* detail */

/* modal */

.modal_container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}

.modal_wrap {
  max-width: 1240px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 34px 70px 68px;
  z-index: 1;
}

.modal_title {
  width: 100%;
  text-align: center;
  font-size: 2.188em;
  font-weight: 500;
  padding-bottom: 25px;
  border-bottom: 1px solid #ccc;
  position: relative;
}

.modal_title i {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.modal_cap {
  padding: 20px 0;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  font-size: 1.250em;
}

.modal_cap img {
  margin-right: 16px;
}

.modal_con {
  width: 100%;
  height: 400px;
  overflow-y: scroll;
  display: none;
}

.modal_con.active {
  display: block;
}

.modal_con iframe {
  width: 100%;
  height: 512px;
}

.modal_back {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.modal_title {
  margin-bottom: 30px;
}

.modal_tab {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 30px;
}

.modal_tab li {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.250em;
  color: #aaaaaa;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  cursor: pointer;
  transition: 0.2s;
}

.modal_tab li:hover {
  background-color: #111;
  color: #fff;
}

.modal_tab li.active_tab {
  background-color: #111;
  color: #fff;
}

.modal_common:not(:last-child) {
  margin-bottom: 30px;
}

.modal_common p {
  font-size: 1.250em;
  font-weight: 700;
  margin-bottom: 10px;
}

.modal_common ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 0.875em;
  color: #6c6c6c;
}

/* .modal_table{
  overflow-x: scroll;
} */

.modal_table p {
  font-size: 1.063em;
  font-weight: 500;
  margin: 16px 0;
}

.modal_table table {
  border-top: 2px solid #111;
  border-right: 0;
  border-left: 0;
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}

.modal_table table th,
.modal_table table td {
  font-size: 0.875em;
  -webkit-line-clamp: 2;
  border: 1px solid #e6e6e6;
}

.modal_table table td {
  padding: 10px;
}

.modal_table table .org {
  font-size: 0.750em;
}

.modal_table table .table_title {
  padding: 10px 20px;
  background-color: #f6f6f6;
  font-weight: 400;
}
.modal_table.set_table table .table_title {padding: 10px 0;}

.modal_table table .table_title.first_title {
  border-left: 0;
}

.modal_table table .table_title.last_title {
  border-right: 0;
}

.modal_table table thead th {
  width: 20%;
}

.modal_table.pizza table tbody th {
  width: 10%;
}

.modal_table table thead th:nth-child(2) {
  width: 50%;
}

.modal_table table thead th:nth-child(3) {
  width: 30%;
}

.modal_con.nut .modal_table table thead th {
  width: 12.5%;
}

.modal_table table .first_title{
  border-left: 0;
}

.modal_table table .last_title{
  border-right: 0;
}

.modal_con.nut .modal_table.set_table table thead th.title1 {width: 10%;}
.modal_con.nut .modal_table.set_table table thead th.title2 {width: 7%;}
.modal_con.nut .modal_table.set_table table thead th.title3 {width: 7%;}
.modal_con.nut .modal_table.set_table table thead th.title4 {width: 10%;}
.modal_con.nut .modal_table.set_table table thead th.title5 {width: 15%;}
.modal_con.nut .modal_table.set_table table thead th.title6 {width: 12%;}
.modal_con.nut .modal_table.set_table table thead th.title7 {width: 31%;}
.modal_con.nut .modal_table.set_table table thead th.title8 {width: 8%;}
.set_table table tr td.title1 {width: 10%;}
.set_table table tr td.title2 {width: 7%;}
.set_table table tr td.title3 {width: 7%;}
.set_table table tr td.title4 {width: 10%;}
.set_table table tr td.title5 {width: 15%;}
.set_table table tr td.title6 {width: 12%;}
.set_table table tr td.title7 {width: 31%;}
.set_table table tr td.title8 {width: 8%;}


/************************************* org_modal */


@media screen and (max-width: 1240px){

  .modal_wrap {
    max-width: 1024px;
  }
  
  .sec3_table{
  overflow-x: scroll;
}
  
  .modal_table{
    overflow-x: scroll;
  }
  
  .modal_table table{
   width: 1240px;
  }

}


@media screen and (max-width: 1024px) {

  /* 메뉴 */

  .menu_tab {
    margin-bottom: 20px;
    row-gap: 0;
  }

  .menu_tab .tab {
    width: 110px;
  }

  .menu_box {
    width: 33.3333%;
  }

  /* 메뉴 상세 */

  .modal_wrap{
    width: 80%;
    padding: 34px 20px 68px;
  }

  .modal_tab li{
    font-size: 1.125em;
  }

}


@media screen and (max-width: 768px) {

  /* 메뉴 */

  .menu_tabcont{
    padding-bottom: 80px;
  }

  .menu_tab .tab {
    width: 25%;
    margin: 0 1% 1.5% 1%;
  }

  .menu_box {
    width: 50%;
  }

  /* 메뉴 상세 */

  .menu_detail{
    padding-bottom: 80px;
  }

  .detail_top{
    grid-template-columns: 1fr;
  }

  .detail_sec3{
    padding: 30px 0;
  }

  .detail_sec2{
    padding: 30px 0;
  }

  .detail_sec4{
    padding: 30px 0 30px;
  }

  .info_title{
    padding: 40px 0 0;
  }
  
  .info_price{
    padding: 0;
    margin-bottom: 10px;
  }

  .detail_sec2{
    flex-direction: column;
    gap: 0px;
  }

  .detail_org.detail_sec2_box{
    padding-bottom: 30px;
  }

  .detail_alle.detail_sec2_box{
    padding-top: 30px;
    border-top: 1px solid #e6e6e6;
  }

  .detail_sec2_box>div{
    justify-content: space-between;
  }

  .detail_sec2_box>div p{
    font-size: 1.375em;
  }

  .nutr_title{
    justify-content: space-between;
  }

  .price_cap{
    padding: 0 0 0 62px;
    margin-bottom: 40px;
  }

}

@media screen and (max-width: 540px) {

  /* 메뉴 */

  .menu_list{
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .menu_tab {
    justify-content: flex-start;
  }

  .menu_tab .tab {
    width: 31.3333%;
  }

  .menu_box {
    width: 100%;
    padding: 25px 20px 40px 20px;
    text-align: start;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 16%);
  }

  .menu_box a {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .menu_box .menu_img {
    height: auto;
    padding-bottom: 0;
    position: relative;
    display: flex;
    align-items: center;
  }

  .menu_box .menu_img img {
    position: static;
    width: 100%;
    height: auto;
    top: auto;
    left: auto;
    transform: translate(0, 0);
  }

  .menu_txt{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }

  .menu_box .menu_txt .menu_price {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 10px;
    margin-top: 16px;
  }

  .menu_box .menu_txt .menu_price .size{
    width: 30px;
    height: 30px;
    font-size: 1.125em;
    margin-right: 10px;
  }

  .menu_box .menu_txt .menu_price .price{
    font-size: 1.125em;
  }

  .menu_box .menu_txt .menu_title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    height: auto;
  }

  .menu_box .menu_txt .menu_desc{
    font-size: 1.125em;
    margin-bottom: 0px;
    text-align: center;
    height: auto;
  }

  .menu_box .menu_txt .menu_title .menu_name{
    font-size: 1.750em;
  }

  .menu_box .menu_txt .menu_title .badge.new{
    width: 36px;
    height: 36px;
  }

  /* 메뉴 상세 */

  .detail_slide .swiper-wrapper .swiper-slide{
    height: 280px;
  }

  .price_cap{
    padding: 0 0 0 54px;
  }

  /* 모달 */

  .modal_wrap{
    width: 90%;
    padding: 30px;
  }

  .modal_con{
    height: 260px;
  }

  .modal_title{
    font-size: 1.500em;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .modal_tab li{
    text-align: center;
    height: 45px;
    font-size: 1em;
  }


}

@media screen and (max-width: 414px) {

  /* 메뉴 */

  .menu_box{
    padding: 15px 0px;
  }

  .menu_box .menu_txt .menu_title .menu_name{
    font-size: 1.500em;
  }

  .menu_box .menu_txt .menu_desc{
    font-size: 1em;
  }

  .menu_box .menu_txt .menu_title .badge{
    margin-right: 8px;
  }

  .menu_box .menu_txt .menu_desc br{
    display: none;
  }
  
  .menu_box .menu_txt .menu_price .size{
    width: 26px;
    height: 26px;
    font-size: 1em;
    margin-right: 6px;
  }

  /* 메뉴 상세 */

  .info_opt{
    padding: 30px 20px;
  }

  .info_title > p:nth-child(1){
    margin-bottom: 16px;
  }

  .info_title{
    margin-bottom: 30px;
  }

  .info_price .size{
    width: 28px;
    height: 28px;
    font-size: 1em;
  }

  .info_price{
    gap: 16px;
  }

  .info_price li{
    gap: 6px;
  }

  .info_title > p:nth-child(1){
    font-size: 1.750em;
  }

  /* 모달 */

  
  .modal_tab li .br_mo{
    display: block;
  }

  .modal_title .br_mo{
    display: block;
  }

  .modal_wrap{
    padding: 30px 20px;
  }

}

@media screen and (max-width: 370px){

  .menu_box .menu_txt .menu_price{
    row-gap: 10px;
  }

}


#pop-menu-detail .menu-detail-area {
  padding: 0;
}

#pop-menu-detail .menu-detail-area .menu-info {
  overflow: hidden;
  margin-bottom: 70px;
  padding: 0;
  max-height: 455px;
}

#pop-menu-detail .menu-detail-area .menu-info .img-wrap {
  float: left;
  width: 428px;
  position: inherit;
}

#pop-menu-detail .menu-detail-area .menu-info .img-wrap.fixed {
  margin-left: 0;
}

#pop-menu-detail .menu-detail-area .menu-info .detail-wrap {
  position: relative;
  float: left;
  width: calc(100% - 468px);
  /* height: calc(100% - 36px); */
  margin: 0 0 0 40px;
  padding: 0;
}

#pop-menu-detail .menu-detail-area .menu-info .detail-wrap .select-box {
  /* min-height: 344px; */
  background-color: #f6f6f6;
  padding: 30px;
  border-radius: 30px;
}

#pop-menu-detail .menu-detail-area .menu-info .detail-wrap .select-box .step-wrap {
  border: 0;
}

#pop-menu-detail .menu-detail-area .menu-info .detail-wrap .select-box .step-wrap .title-wrap {
  margin: 0;
  padding: 0;
}

#pop-menu-detail .menu-detail-area .menu-info .detail-wrap .select-box .step-wrap .title-wrap .title-type {
  padding: 0 0 10px;
}

#pop-menu-detail .menu-detail-area .menu-info .detail-wrap .select-box .step-wrap .js_toggle_box {
  margin: 0 0 20px;
  padding: 15px 10px 0 0;
  font-size: 15px;
  line-height: 27px;
  font-weight: 400;
  color: #888888;
}

#pop-menu-detail .menu-detail-area .menu-info .detail-wrap .select-box .step-wrap .js_toggle_box:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 1px;
  background: #000;
}

#pop-menu-detail .menu-detail-area .menu-info .detail-wrap .btn-wrap .btn-type2-brd, #pop-menu-detail .menu-detail-area .menu-info .detail-wrap .btn-wrap2 .btn-type2-brd {
  width: 174px;
}

#pop-menu-detail .menu-detail-area .menu-info .detail-wrap .btn-wrap .btn-type2-brd:first-child, #pop-menu-detail .menu-detail-area .menu-info .detail-wrap .btn-wrap2 .btn-type2-brd:first-child {
  width: 247px;
}

#pop-menu-detail .menu-detail-area .select-box .step-wrap {
  border-top: 2px solid #000;
  margin-left: 0;
  padding: 0;
}

#pop-menu-detail .menu-detail-area .select-box .step-wrap:nth-of-type(n+2) {
  margin-top: 0;
}

#pop-menu-detail .menu-detail-area .select-box .step-wrap.step-cont .js_toggle_box {
  padding: 30px 50px 0 10px;
}

#pop-menu-detail .menu-detail-area .select-box .step-wrap.step-detail .js_toggle_box {
  margin: 0 0 50px;
text-align: center;
}
.img_center {text-align: center;}
.js_toggle_box img {
    text-align: center;
    /* margin: auto; */
}

#pop-menu-detail .menu-detail-area .select-box .step-wrap .title-wrap {
  border: 0;
  padding-bottom: 18px;
}

#pop-menu-detail .menu-detail-area .select-box .step-wrap .title-wrap .title-type {
  padding: 12px 0 0 10px;
  font-size: 20px;
  font-weight: 800;
}

#pop-menu-detail .menu-detail-area .select-box .step-wrap .title-wrap .btn-toggle-close {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#pop-menu-detail .menu-detail-area .select-box .step-wrap .js_toggle_box {
  overflow: hidden;
  position: relative;
  margin-top: 0;
  padding: 15px 0 0;
  font-size: 14px;
  line-height: 24px;
  color: #888888;
}

#pop-menu-detail .menu-detail-area .select-box .step-wrap .js_toggle_box.close {
  margin-bottom: 40px;
}

#pop-menu-detail .menu-detail-area .select-box .step-wrap .js_toggle_box strong {
  padding-bottom: 10px;
  display: block;
  font-size: 16px;
  color: #111;
  font-weight: 700;
}

#pop-menu-detail .menu-detail-area .select-box .step-wrap .js_toggle_box:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 1px;
  background: #dddddd;
}

#pop-menu-detail .menu-detail-area .select-box .step-wrap .title-box {
  padding: 0 50px 0 10px;
  margin-bottom: 40px;
}

#pop-menu-detail .menu-detail-area .select-box .step-wrap .title-box .title {
  margin: 0 0 15px;
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
  color: #111;
}

#pop-story .pop-content {
  padding: 40px 56px 0;
}

@media all and (max-width: 750px){
#pop-menu-detail .menu-detail-area .menu-info .img-wrap {
    float: left;
    width: 100%;
    position: inherit;
}
#pop-menu-detail .menu-detail-area .menu-info .detail-wrap {
    position: relative;
    float: left;
    width: 100%;
    /* height: calc(100% - 36px); */
    margin: 0px;
    padding: 0;
}
#pop-menu-detail .menu-detail-area .menu-info {
    overflow: hidden;
    margin-bottom: 36px;
    padding: 0;
    max-height: 646px;
}
}

/*스타일추가*/
.imsil_ch {
    width: 1300px;
    margin: auto;
}
.imsil_ch p {
    text-align: center;
    margin-top: 60px;
}
.imsil_ch img {
    width: 715px;
}
.imsil_ch h3 {}
.txt_imsil {}
.txt_imsil p {
    margin-top: 21px;
    font-size: 21px;
    color: #d69e00;
}
.w_t {
    color: #fff !important;
    font-size: 25px !important;
    margin-top: 11px !important;
}
.ch_box {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: -29px;
}
.ch_001 {
    width: calc(33.3333% - 20px);
    float: left;
}
.ch_001 img{
    width: 295px;
}
.ch_001 h2{}
.ch_001 p{}
.whybox {
    width: 1143px;
    margin: auto;
}
.txt {
    width: 428px;
    float: left;
    margin-top: 160px;
}
.imggg {
    width: calc(100% - 470px);
    float: left;
    margin-left: 42px;
    margin-top: 95px;
}
.step_box{
    width: 1190px;
    margin: auto;
}
.step_box h3{
    text-align: center;
    margin-top: 93px;
    margin-bottom: 15px;
}
.step001{
    width: 33.3333%;
    float: left;
    padding-top: 53px;
}
.step001 img{}
.money_box{
    width: 1212px;
    margin: auto;
}
.money_box h3{
    text-align: center;
    padding: 86px 0 0 0;
}
.money_box p{
    text-align: center;
    color: #795548;
    font-size: 20px;
    margin-top: 28px;
}
.money_box img {}
.table_m {
    margin-top: 41px;
}
.table_m p{
    color: #000;
    text-align: right;
    padding-bottom: 10px;
    font-size: 15px;
}





table.fran_monry {
  border: 1px solid #1C6EA4;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
table.fran_monry td, table.fran_monry th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.fran_monry tbody td {
  background-color: #fff;
  padding: 10px;
}
table.fran_monry thead {
  background: #343434;
  border-bottom: 1px solid #444444;
  height: 46px;
}
table.fran_monry thead th {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 1px solid #D0E4F5;
}
table.fran_monry thead th:first-child {
  border-left: none;
}

table.fran_monry tfoot td {
  font-size: 14px;
}
table.fran_monry tfoot .links {
  text-align: right;
}
table.fran_monry tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
.table_white {background-color: #656565 !important;color: #fff;font-size: 17px;}
.fran_more {
    padding-top: 24px;
    line-height: 24px;
    color: #000;
}
.qna_box{
    width: 1212px;
    margin: auto;
    margin-top: 63px;
}
.qna_box h3{
    text-align: center;
    margin-bottom: 38px;
}
.qna_f{
    background-color: #fff;
    /* padding: 8px; */
}
.qna_f button{}


table.qna_table {
  border-top: 2px solid #2e2e2e;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
table.qna_table td, table.qna_table th {
  border-bottom: 1px solid #d3d3d3;
  padding: 3px 2px;
}
table.qna_table tbody td {
  padding: 14px;
  text-align: left;
}
table.qna_table tfoot td {
  font-size: 14px;
}
table.qna_table tfoot .links {
  text-align: right;
}
table.qna_table tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
table.qna_table input {
    border: 1px solid #cfcfcf;
    height: 38px;
    width: 100%;
    border-radius: 6px;
}
.wm {
    width: auto !important;
    height: 12px !important;
}
table.qna_table textarea {width: 100%;height: 189px;border: 1px solid #cfcfcf;padding: 10px;border-radius: 8px;}
table.qna_table select {width: 100%;height: 38px;border: 1px solid #cfcfcf;border-radius: 8px;}
.td_back {
    background-color: #f3f4f7;
    width: 150px;
}
.bttjk {
    background-color: #000;
    padding: 20px 40px;
    color: #fff;
    margin: auto;
}
.linem {
    margin: 30px 0 15px;
    text-align: center;
}

@media (max-width: 750px){
#partner_a {
    z-index: 0;
    overflow: hidden;
    grid-template-columns: auto 100rem auto;
    /* display: grid; */
    position: relative;
    align-items: center;
    min-height: 760px;
    background-position: center center;
    background-size: cover;
    background-image: url(/img/m_bg23.png);
}
.imsil_ch {
    width: 90%;
    margin: auto;
}
.txt_imsil p {
    margin-top: 8px;
    font-size: 14px;
    color: #d69e00;
}
.w_t {
    color: #fff !important;
    font-size: 17px !important;
    margin-top: 11px !important;
    line-height: 24px;
}
.ch_box {
    width: 100%;
    display: block;
    justify-content: center;
    margin-top: -29px;
}
.ch_001 {
    width: 100%;
    float: left;
}
.ch_001 p {
    width: 67%;
    margin: auto;
    padding: 20px 0;
}
.txt_imsil {
    margin-bottom: 20px;
}
#partner_b {
    z-index: 0;
    overflow: hidden;
    grid-template-columns: auto 100rem auto;
    /* display: grid; */
    position: relative;
    align-items: center;
    min-height: auto;
    background-position: center center;
    background-size: cover;
    font-size: 0;
    background-image: url(/img/m_jiback.jpg);
    margin-bottom: 41px;
}
.imggg {
    width: 100%;
    float: left;
    margin-left: 0px;
    margin-top: 25px;
}
.whybox {
    width: 90%;
    margin: auto;
}
.txt {
    width: 100%;
    float: left;
    margin-top: 50px;
}
#partner_c {
    z-index: 0;
    overflow: hidden;
    grid-template-columns: auto 100rem auto;
    /* display: grid; */
    position: relative;
    align-items: center;
    min-height: 760px;
    background-position: center center;
    background-size: cover;
    font-size: 0;
    background-image: url(/img/fran03.jpg);
    padding-bottom: 43px;
}
.step_box {
    width: 90%;
    margin: auto;
}
.step_box h3 {
    text-align: center;
    margin-top: 56px;
    margin-bottom: 15px;
}
.step001 {
    width: 100%;
    float: left;
    padding-top: 31px;
}
#partner_d {
    z-index: 0;
    overflow: hidden;
    grid-template-columns: auto 100rem auto;
    /* display: grid; */
    position: relative;
    align-items: center;
    min-height: auto;
    background-position: center center;
    background-size: cover;
    font-size: 0;
    background-image: url(/img/fran11.jpg);
    padding-bottom: 45px;
}
.money_box {
    width: 90%;
    margin: auto;
}
.money_box h3 {
    text-align: center;
    padding: 48px 0 0 0;
}
.money_box p {
    text-align: center;
    color: #795548;
    font-size: 16px;
    margin-top: 11px;
}
#partner_e {
    z-index: 0;
    overflow: hidden;
    grid-template-columns: auto 100rem auto;
    /* display: grid; */
    position: relative;
    align-items: center;
    min-height: auto;
    background-position: center center;
    background-size: cover;
    font-size: 0;
    background-image: url(/img/fran12.jpg);
    padding-bottom: 45px;
}
.qna_box {
    width: 90%;
    margin: auto;
    margin-top: 51px;
}
.td_back {
    background-color: #e7e7e7;
    width: 69px;
}
}
@media screen and (max-width: 768px) {
.bi .logo_area {
    position: relative;
    width: 100%;
    height: 150px;
    margin: 0 auto;
    border: 1px solid #9c9ea3;
    background-position: center center;
    /* background-size: cover; */
    font-size: 0;
    background-image: url(/img/back_logo.jpg);
}
.bi .img_area {
    position: relative;
    width: 100%;
    height: 106px;
    margin: 0 auto;
    background: #f4f4f4;
}
.bi .text_cont {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 15%;
    transform: inherit;
}
.bi .text {
    /* font-family: 'GmarketSans'; */
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: 0px;
    color: #666;
}
}
.im_bt {
    margin: auto;
    width: 68px;
    padding-top: 50px;
}
.im_bt a{
    width: 170px;
    height: 45px;
    background: #e60013;
    color: #fff;
    text-align: center;
    padding: 11px 20px;
    }

.layer_new {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
		.layer_new .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
		.layer_new .pop-layer_new {display:block;}

	.pop-layer_new {display:none;position: absolute;top: 500px;left: calc(50% - 0%);width: 70%;height: 500px;min-height: 607px;background-color:#fff;border: 5px solid #ff9d1f;z-index: 10;overflow-y: scroll;}	
	.pop-layer_new .pop-container {padding: 20px 25px;}
	.pop-layer_new p.ctxt {color: #666; line-height: 25px;}
	.pop-layer_new .btn-r {width: 100%;margin: 10px 0 20px;padding-top: 10px;/* border-top: 1px solid #DDD; */text-align:right;position: absolute;top: -15px;right: 9px;}

	.pop-layer_new2 {position: absolute;/* top: 500px; *//* left: calc(50% - 0%); */width: 99%;height: 100%;min-height: 607px;background-color:#fff;border: 5px solid #ff9d1f;z-index: 10;overflow-y: scroll;}	
	.pop-layer_new2 .pop-container {padding: 20px 25px;}
	.pop-layer_new2 p.ctxt {color: #666; line-height: 25px;}
	.pop-layer_new2 .btn-r {width: 100%;margin: 10px 0 20px;padding-top: 10px;/* border-top: 1px solid #DDD; */text-align:right;position: absolute;top: -15px;right: 9px;}



.layer_new2 {position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
		.layer_new2 .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
		.layer_new2 .pop-layer_new {display:block;}
	a.cbtn2 {display:inline-block;height:25px;padding:0 14px 0;border: 1px solid #353535;background-color: #696969;font-size:13px;color:#fff;line-height:25px;border-radius: 100px;}	
	a.cbtn2:hover {border: 1px solid #2e2e2e;background-color: #4d4d4d;color:#fff;border-radius: 100px;}
.new_ingri {}
.new_ingri a{
    background-color: #6b4f32;
    padding: 10px 25px;
    color: #fff;
}
.terms_list {
    font-weight: 400;
    font-size: 18px;
    color: #000;
    line-height: 1.5;
}
.terms_list .s_tit {
    font-weight: 800;
    font-size: 20px;
    color: #8b5d3b;
    margin: 13px 0;
}
.terms_list strong {
    display: block;
    font-weight: 800;
    font-size: 20px;
    margin-top: 50px;
    margin-bottom: 13px;
}
.terms_list strong.no_mt {
    margin-top: 0;
}