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

	Respond.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Setting Device Width
**************************************************/
#_device_pc{display: block;} #_device_ta{display: none;} #_device_mo{display: none;} .__pc{display: block !important;} .__ta{display: none !important;} .__mo{display: none;}
@media screen and (min-width: 750px) and (max-width: 1300px){#_device_pc{display: none;} #_device_ta{display: block;} #_device_mo{display: none;} .__pc{display: none !important;} .__ta{display: block !important;} .__mo{display: none;}}
@media screen and (max-width: 750px){#_device_pc{display: none;} #_device_ta{display: none;} #_device_mo{display: block;} .__pc{display: none !important;} .__ta{display: none;} .__mo{display: block !important;} }

/**************************************************
	Layout
**************************************************/
@media screen and (max-width: 1300px){

	html{min-width: 320px;overflow-x: hidden;}
	body{overflow: hidden;}

	#header{position: fixed;top: 0;left: 0;width: 100%;height: 55px;background: #fff;}
	#header .inner{width: auto;height: 55px;}
    #header .logo{position: absolute;top: 0;left: 50%;transform: translateX(-50%);height: 55px;width: 202px;background: url('/images/main/logo.png') no-repeat center center / contain;text-indent: -999em;display: block;}
    #header .logo a { display: block; height: 100%; }

    #header.fixed { background: #fff;}

	#gnb{display: none;}
    #tnb{display: none;}

    #aside{display: none;}

    #hd-lan{display: none;}
    #hd-sch{display: none;}

    #footer{padding: 20px 0 50px 0;}
    #footer .inner{width: auto;}
    #footer address{margin-top: 10px;font-size: 11px;text-align: center;}
    #footer address hr{display: block;margin: 0;}
    #footer address .copyright{font-size: 11px;text-align: center;}
    #footer #sns{position: static;text-align: center;margin-top: 20px;justify-content: center;}
    #footer #sns li{display: inline-block;margin-left: 8px;}
    #footer #sns li img { max-width: 32px;}
    #footer #sns li:first-child{margin-left: 0;}

    #ft-fam{display: none;}

    #gotop{display: none;}

    #fnb{text-align: center;}
    #fnb > li{display: inline-block;padding: 0 5px;}
    #fnb > li:first-child{padding-left: 0;background: none;}
    #fnb > li a{font-size: 11px;color: #b3b3b3;letter-spacing: -1px;line-height: 35px;}

    #slide-btn{top: 17px;right: 10px;display: block;width: 25px;height: 16px;}

    #slide-bg{position: fixed;z-index: 200;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);display: none;}
    #slide-close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;background: url('../images/layout/slide-close.png') no-repeat center center;background-size: 20px auto;}

    #slide-menu{position: fixed;top: 0;right: -300px;width: 200px;height: 100%;display: block;background: #fff;z-index: 201;overflow-y: auto;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
    #slide-menu .tit{height: 50px;position: relative;background: #e60013;}
    #slide-menu.on{right: 0;}

    #tnb-mo{text-align: center;line-height: 40px;background: #f7f7f7;}
    #tnb-mo > li{display: inline-block;margin: 0 10px;}
    #tnb-mo > li a{font-size: 12px;color: #333;}

    #gnb-mo > li{border-bottom: 1px solid #e1e1e1;}
    #gnb-mo > li > a{display: block;line-height: 40px;padding: 0 15px;font-size: 14px;letter-spacing: -1px;color: #333;text-decoration: none;}
    #gnb-mo > li > ul{padding: 10px 15px;border-top: 1px solid #e1e1e1;background: #f7f7f7;display: none;}
    #gnb-mo > li > ul li a{line-height: 30px;font-size: 14px;color: #666;text-decoration: none;}
    #gnb-mo > li.hidden-gnb{display: none;}

    #hd-lan-mo{position: absolute;top: 0;left: 15px;z-index: 92;}
    #hd-lan-mo > a{display: block;line-height: 50px;padding: 0 10px 0 20px;font-size: 12px;color: #fff;text-decoration: none;text-transform: uppercase;background: url('../images/layout/hd-lan-ico-mo.png') no-repeat 0 center / 15px auto, url('../images/layout/hd-lan-spr-mo.png') no-repeat right center / 6px auto;}
    #hd-lan-mo > ul{position: absolute;top: 40px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;}
    #hd-lan-mo > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('../images/layout/hd-lanbox-spr-mo.png');}
    #hd-lan-mo > ul li a{display: block;font-size: 12px;line-height: 20px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
    #hd-lan-mo.on > ul{display: block;}

    #hd-sch-mo{position: absolute;top: 14px;left: 85px;z-index: 91;}
    #hd-sch-mo .btn{display: block;width: 21px;height: 21px;background: url('../images/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 16px auto;text-indent: -999em;border: none;}
    #hd-sch-mo form{position: fixed;display: none;top: 50px;right: 0;width: 80%;padding-right: 45px;border: 1px solid #333;border-width: 1px 0 1px 0;overflow: hidden;background: #fff;box-sizing: border-box;}
    #hd-sch-mo legend{display: none;}
    #hd-sch-mo .inp{width: 100%;height: 38px;line-height: 38px;text-indent: 10px;background: none;border: none;font-size: 12px;}
    #hd-sch-mo .sbm{position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: #333 url('../images/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 18px auto;border: none;text-indent: -999em;}
    #hd-sch-mo.on form{display: block;}

    #ftbn .inner{width: auto;padding-left: 0;height: auto;line-height: auto;line-height: 18px;}
    #ftbn .inner h5{position: static;text-align: center;height: auto;}
    #ftbn .inner h5 img{width: auto;height: 40px;}
    #ftbn .in > *{width: 50%;height: 35px;line-height: 35px;}
    #ftbn .in .inp{padding-left: 10px;font-size: 13px;}
    #ftbn .in label{font-size: 13px;line-height: 35px;padding-top: 0;padding-left: 0;text-align: center;}
    #ftbn .in label .chk{position: static;vertical-align: middle;margin-right: 5px;}
    #ftbn .close{top: 10px;right: 10px;}

    .asd { right: 15px; }
    .asd ul { padding: 5px 10px; }
    .asd li a { padding: 10px 0; }
    .asd li img { max-width: 25px; }
    .asd li span { padding-top: 5px; font-size: 13px; }

    .table1 tr > *{font-size: 11px;line-height: 15px;}

}

/**************************************************
	Ajax Popup
**************************************************/
@media screen and (max-width: 1300px){

    #popup{top: 5%;left: 5%;width: 90%;height: 90%;margin-top: 0;margin-left: 0;padding-top: 41px;}
    #popup .pop-tit{height: 40px;padding: 0 10px;}
    #popup .pop-tit h3{font-size: 13px;line-height: 40px;}
    #popup .pop-tit .close{width: 39px;height: 39px;line-height: 39px;font-size: 13px;}
    #popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
    #popup.on{opacity: 1;}
    #popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
    #popupBG.on{opacity: 1;}

    /* sitemap */
    #popup .sitemap > li{width: 49%;}
    #popup .sitemap > li > a{font-size: 12px;line-height: 35px;}
    #popup .sitemap > li ul li a{font-size: 12px;padding: 7px 0;}

    .spPop { top: 5% !important;left: 5% !important;width: 90% !important;height: auto !important;margin-top: 0 !important;margin-left: 0 !important;}
    .spPop * { height: auto;}
    /* .spPop td { height: auto !important;} */
    .spPop img { width: 100% !important; max-width: 100%; height: auto !important; object-fit: contain;}

    .spPop table { width: 100%;}

}


/**************************************************
	Main
**************************************************/
@media screen and (max-width: 1300px){
    #franchiseWrap section { padding: 50px 0; }
    #franchiseWrap .inner { padding: 0 15px; }

    /* fullsizing wrapper */
    .full_wrapper{width: auto;left: auto;transform: none;box-sizing: border-box;margin: 0 -15px;}
    .full_wrapper.bg_gray{padding: 40px 15px;}
    .full_wrapper .inner{width: auto;}


    .fran_tit1 { font-size: 36px; }
    .fran_tit2 { font-size: 32px; }

    .fran_tit_box { padding-bottom: 35px; }
    .fran_tit_box em { font-size: 20px; }

    .btm_txt_box { display: block; padding-top: 20px; }
    .btm_txt_box p { font-size: 13px; }
    .btm_txt_box p + p { padding-top: 5px; }

    #franchiseWrap .fran_visual .inner { margin: 0 -15px; }
    #franchiseWrap .fran_visual img { width: 100%; margin: 0 auto;}

    .fran_review { }
    .fran_review .fried_img_box.__mo .img_txt_wrap { display: flex; justify-content: center; align-items: center; }
    .fran_review .fried_img_box.__mo .star { display: block; margin: 0 auto; max-width: 260px; }
    .fran_review .fried_img_box.__mo .fran_tit1 { padding-top: 20px; text-align: center; }
    .fran_review .fried_img_box.__mo .food { display: inline-block; margin-left: 7%; padding-top: 20px; max-width: 90%; }
    .fran_review .fried_img_box.__mo .txt_img { width: 300px; }
    .fran_review .fried_img_box.__mo p { padding-top: 15px; font-size: 22px; }

    .fran_review .list_box { padding-top: 30px; }
    .fran_review .list_box ul { margin: 10px 0; }
    .fran_review .list_box li { width: 100%; margin: 10px 0; border-width: 4px; }

    .fran_menu .roll { margin: 0 -5px; }
    .fran_menu .item { margin: 0 5px; }
    .fran_menu .item p { font-size: 16px; }
    .fran_menu a { width: 70%; font-size: 20px; border-radius: 10px; }


    .fran_sales { }
    .fran_sales .roll { margin: 0 -12px; padding: 20px 0; }
    .fran_sales .item { margin: 0 12px; padding: 12px 10px; }
    .fran_sales .item_tit_box img { width: 150px;}
    .fran_sales .item_tit_box .name { padding: 8px 4px; font-size: 19px; }
    .fran_sales .item_txt_box { padding-top: 15px; }
    .fran_sales .item_txt_box dt { font-size: 16px; }
    .fran_sales .item_txt_box dd { font-size: 22px;}
    .fran_sales .item_txt_box dd strong { font-size: 24px; }
    .fran_sales .item_txt_box span { padding: 5px 12px; font-size: 14px; }
    .fran_sales .item.slick-center { background-color: rgba(255,96,0,0.1); transform: none;}
    .fran_sales .item:has(+ .slick-center) { background-color: #ff6000; transform: scale(1.1); }
    .fran_sales .btm_txt { padding-top: 20px; font-size: 14px; }


    .fran_sales_top .cont_box { padding: 30px 15px;}
    .fran_sales_top .top_box { padding: 0 10px; }
    .fran_sales_top .top_box li { padding: 10px 5px; font-size: 16px; }

    .fran_sales_top .rank_box { padding: 10px 10px 0; }
    .fran_sales_top .rank_box li { padding: 10px 5px; }
    .fran_sales_top .rank_box li span { font-size: 14px; }
    .fran_sales_top .rank_box .last::before { left: -35px; right: -35px; border-width: 6px; }
    .fran_sales_top .rank_box .last .rank_num { font-size: 19px; }
    .fran_sales_top .rank_box .last .brand { }
    .fran_sales_top .rank_box .last .sales_num { font-size: 22px; }


    .fran_revenue { }
    .fran_revenue .fran_tit_box sup { font-size: 12px; transform: translateY(5px); }
    .fran_revenue .graph_box { height: 370px; margin: 0 -8px; }
    .fran_revenue .graph_wrap { padding: 0 8px; }
    .fran_revenue .graph_wrap .num { font-size: 15px; }
    .fran_revenue .graph_wrap .bar { margin-top: 10px; padding: 15px 5px; border-radius: 15px; }
    .fran_revenue .graph_wrap .bar_txt { font-size: 17px; }

    .fran_revenue .graph_wrap.orange .num { font-size: 20px; }
    .fran_revenue .graph_wrap.orange .bar_txt img { max-width: 90%; }

    .fran_revenue .quote_box { margin-top: 30px; padding: 20px 10px; }
    .fran_revenue .quote_box::before { border-width: 0px 9px 15px 9px; }
    .fran_revenue .quote_box img { max-width: 67%; }
    .fran_revenue .quote_box p { padding-top: 15px; font-size: 17px; line-height: 1.4; }

    .fran_reason .list_box ul { margin: -10px 0; }
    .fran_reason .list_box li { width: 100%; margin: 10px 0;}
    .fran_reason .list_box li > div { position: relative; display: block;  padding: 20px 15px; padding-left: 80px; border-radius: 25px; text-align: left; }
    .fran_reason .list_box li img { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); max-width: 50px; }
    .fran_reason .list_box li:nth-child(even) { transform: none; }
    .fran_reason .list_box h4 { padding-top: 0; font-size: 18px; text-align: left;}
    .fran_reason .list_box p { padding-top: 7px; font-size: 15px; }

    .fran_interior .tab_box ul { margin: 0 -7px;}
    .fran_interior .tab_box li { padding: 0 7px;}
    .fran_interior .tab_box li button { height: 45px; font-size: 18px;  border-radius: 12px;}

    .fran_interior .cont_box { padding: 15px; border-radius: 15px; }
    .fran_interior .cont_box .txt_box { display: block; padding-top: 20px; }
    .fran_interior .cont_box .left_txt li { padding-left: 10px; font-size: 14px;}
    .fran_interior .cont_box .left_txt li + li { margin-top: 5px; }
    .fran_interior .cont_box .right_txt { margin-top: 15px; padding: 12px 15px; border-radius: 7px; }
    .fran_interior .cont_box .right_txt strong { font-size: 17px; }
    .fran_interior .cont_box .right_txt p { padding-top: 6; font-size: 14px; }

    .fran_interior .cont_box .img_box.type1 ul { margin: -5px; }
    .fran_interior .cont_box .img_box.type1 li { padding: 5px; }

    .fran_interior .cont_box .img_box.type2 > div { padding-right: 10px; }
    .fran_interior .cont_box .img_box.type2 li + li { margin-top: 10px; }


    .fran_sns .cont_box { margin: 0 -10px; }
    .fran_sns .cont_box + .cont_box { margin-top: 50px; }
    .fran_sns .cont_box > div { width: calc(50% - 20px); margin: 0 10px;}
    .fran_sns .cont_box .tit_box { height: 50px; padding-bottom: 20px; }
    .fran_sns .cont_box .tit_box img { max-width: 40px; max-height: 35px; }
    .fran_sns .cont_box .tit_box h4 { padding-left: 10px; font-size: 19px; }

    .fran_sns .cont_box .list_box { height: calc(100% - 50px); padding: 0; border-radius: 7px; }

    .fran_sns .cont_box .list_box li { display: block; }
    .fran_sns .cont_box .list_box li .img_box { width: 100%; }
    .fran_sns .cont_box .list_box li .txt_box { width: 100%; padding: 15px 0 0; }
    .fran_sns .cont_box .list_box li .txt_box .badge { padding: 3px 12px; font-size: 14px; }
    .fran_sns .cont_box .list_box li .txt_box strong { font-size: 18px; }
    .fran_sns .cont_box .list_box li .txt_box p { font-size: 15px; }

    .fran_sns .cont_box .instagram_box li { padding: 10px 0; }

    .fran_sns .cont_box .youtube_box li { padding: 10px 0; }
    .fran_sns .cont_box .youtube_box li .img_box::before { top: 8px; left: 7px; width: 55px;}


    .fran_preference .cont_box { }
    .fran_preference .cont_box .emblem { max-width: 70%; }
    .fran_preference .cont_box .certificate { margin-top: -8vw; max-width: 100%;}


    .fran_expense .inner::before { height: 30px; bottom: 14px; }
    .fran_expense .fran_tit_box { padding: 50px 0; }
    .fran_expense .cont_box { margin-top: 40px; }
    .fran_expense .cont_wrap { padding: 40px 0; }
    .fran_expense .plus::before { font-size: 60px; } 
    .fran_expense .sum::before { font-size: 60px; } 

    .fran_expense .bg_box:has(.table_box) { padding: 25px 15px 60px; border-radius: 30px; }
    .fran_expense .bg_box .tit_box { padding-bottom: 15px; margin-bottom: 7px; }
    .fran_expense .bg_box .tit_box h4 { font-size: 22px; }
    .fran_expense .bg_box .tit_box p { position: static; padding-top: 5px; font-size: 14px; transform: none;} 
    .fran_expense .table_box table tr > * { padding: 8px 5px; }
    .fran_expense .table_box table th { font-size: 14px; }
    .fran_expense .table_box table td { font-size: 13px; }
    .fran_expense .table_box table td:last-child { padding-left: 20px; font-size: 14px; }
    .fran_expense .table_box table .dash { width: 90px; }
    .fran_expense .table_box table .dash::before { width: 90px; }
    .fran_expense .table_box table .badge { display: block; width: 90px; height: 30px; line-height: 30px; margin: 5px auto 0; font-size: 13px; }
    .fran_expense .table_box table .dash_cost { padding-left: 20px; }

    .fran_expense .arrow_box { margin-top: -50px; }
    .fran_expense .arrow_box img { width: 80%; margin: 0 auto; }

    .fran_expense .txt_box1 { padding-top: 30px; }
    .fran_expense .txt_box1 strong { font-size: 24px; }
    .fran_expense .txt_box1 strong em { font-size: 30px; }

    .fran_expense .bg_box { padding: 25px 15px;}
    .fran_expense .bg_box img { max-width: 90%; }
    .fran_expense .bg_box.orange { padding-bottom: 40px; margin-bottom: -15px; }
    .fran_expense .bg_box > span { font-size: 24px; }
    .fran_expense .bg_box + .btm_txt_box { padding-top: 15px; }

    .fran_expense .cont_wrap.open strong { font-size: 38px; }
    .fran_expense .cont_wrap.open strong .line img { width: 290px; max-width: 100%; }
    .fran_expense .cont_wrap.open strong span { font-size: 30px; margin-left: -70px; }
    .fran_expense .cont_wrap.open > span { padding-top: 10px; font-size: 14px; }
    .fran_expense .cont_wrap.open p { padding-top: 50px; font-size: 24px; }


    .fran_inquiry .inquiry_box { padding: 20px 25px; }
    .fran_inquiry .inquiry_box ul { margin: -10px 0; }
    .fran_inquiry .inquiry_box li { width: 100%; margin: 10px 0; }
    .fran_inquiry .inquiry_box li.half { width: 100%;}
    .fran_inquiry .inquiry_box p { width: 70px; font-size: 16px; }
    .fran_inquiry .inquiry_box .inp { width: calc(100% - 70px); height: 40px; padding: 0 10px; font-size: 13px; border-radius: 7px; }
    .fran_inquiry .inquiry_box select { max-width: none;width: calc(100% - 70px); height: 40px; padding: 0 10px; font-size: 13px; border-radius: 7px; }
    .fran_inquiry .inquiry_box .radio_box { width: calc(100% - 70px); margin: -5px;}
    .fran_inquiry .inquiry_box .radio_wrap { margin: 5px; }
    .fran_inquiry .inquiry_box .radio_wrap + .radio_wrap { margin-left: 5px; }
    .fran_inquiry .inquiry_box input[type="radio"] + label { padding-left: 22px; font-size: 14px; }
    .fran_inquiry .inquiry_box input[type="radio"] + label::before { top: 0px; width: 18px; }
    .fran_inquiry .inquiry_box input[type="radio"] + label::after { top: 0; width: 18px; line-height: 18px; font-size: 11px;}
    .fran_inquiry .inquiry_box .privacy input[type="checkbox"] + label { padding-left: 22px; font-size: 14px; }
    .fran_inquiry .inquiry_box .privacy input[type="checkbox"] + label::before { top: 0px; width: 18px; }
    .fran_inquiry .inquiry_box .privacy input[type="checkbox"] + label::after { width: 18px; line-height: 18px; }

    .fran_inquiry .inquiry_box button { margin-top: 25px; font-size: 16px; border-radius: 7px; }


}

/**************************************************
	Sub
**************************************************/
@media screen and (max-width: 1300px){

    #sub #content{ width: auto;padding: 20px 10px; }

    #sub .sub-vis{height: 150px;}
    #sub .sub-vis:before{height: 105px;vertical-align: top;}
    #sub .sub-vis h2{font-size: 18px;}
    #sub .sub-vis h2 em{margin-top: 5px;font-size: 11px;}

    #sub .sub-tit{margin-bottom: 20px;}
    #sub .sub-tit em{font-size: 11px;margin-bottom: 5px;}
    #sub .sub-tit h3{font-size: 16px;letter-spacing: -1px;}
    #sub .sub-tit p{font-size: 13px;line-height: 18px;}

    .lnbWrap{display: none;}

    #status{display: none;}

    #navigator{border-width: 1px 0 0 0;margin-top: -41px;}
    #navigator > ul{width: auto;border-left: none;padding-left: 0;}
    #navigator > ul > li{width: 50%;box-sizing: border-box;}
    #navigator > ul > li > a{min-width: 0;font-size: 13px;padding: 0 20px 0 10px;line-height: 40px;background-size: 8px auto;background-position: 95% center;}
    #navigator > ul > li:first-child{display: none;}
    #navigator > ul > li:first-child a{width: 40px;background: none;}
    #navigator > ul > li:last-child{border: none;}
    #navigator > ul > li > ul{top: 40px;left: -1px;}
    #navigator > ul > li:last-child > ul{border-right: none;}
    #navigator > ul > li > ul li a{padding: 10px;font-size: 13px;}

	/* 연혁 */
	.his-wrap .top{margin-bottom:20px;}
	.his-wrap .top > div{float:inherit;width:auto;height:auto;}
	.his-wrap .top .left{padding:20px;}
	.his-wrap .top .left h3{font-size:20px;}
	.his-wrap .top .left h4{font-size:13px;}
	.his-wrap dl{padding-left:65px;min-height:auto;padding-bottom:20px;}
	.his-wrap dl:before{left:72px;}
	.his-wrap dl:after{left:77px;}
	.his-wrap dt{font-size:20px;top:5px;}
	.his-wrap dd{font-size:13px;padding-left:80px;}
	.his-wrap dd strong{font-size:13px}
	.his-wrap .tab{margin-bottom: 20px;}
	.his-wrap .tab li{margin-right: 2px;}
	.his-wrap .tab li a{line-height: 35px;height: 35px;text-align: center;width: auto;padding: 0 20px;font-size: 14px;}

    #sub .fulldiv{width: auto;left: auto;margin: 0 -10px;}
    #sub img{max-width: auto;height: auto;}

    /*  */

    .menutab{margin-bottom: 20px;}
    .menutab li{margin-left: 20px;}
    .menutab li:first-child{margin-left: 0;}
    .menutab li a{font-size: 14px;}
    .menutab li .ico{width: 80px;height: 80px;line-height: 80px;background-size: 40px auto;}
    .menutab li:hover .ico,
    .menutab li.active .ico{background-color: #e61d25;border-color: #e61d25;box-shadow: 0 0 10px rgba(0,0,0,0.4);}
    .menutab li:hover .ico1,
    .menutab li.active .ico1{background-image: url('/images/sub/menu-tab1-on.jpg');}
    .menutab li:hover .ico2,
    .menutab li.active .ico2{background-image: url('/images/sub/menu-tab2-on.jpg');}
    .menutab li:hover .ico3,
    .menutab li.active .ico3{background-image: url('/images/sub/menu-tab3-on.jpg');}

    .menuwrap .big .in{width: auto;}
    .menuwrap .big .roll li{padding-left: 0;height: auto;}
    .menuwrap .big .box{padding: 10px;padding-top: 0;height: auto;}
    .menuwrap .big .box .img{position: static;width: 300px;height: auto;display: block;margin: 0 auto;margin-bottom: -10px;}
    .menuwrap .big .box em{font-size: 13px;}
    .menuwrap .big .box h5{font-size: 17px;letter-spacing: -1px;}
    .menuwrap .big .box p{margin-top: 10px;padding-top: 10px;font-size: 14px;line-height: 18px;}
    .menuwrap .owl-prev{width: 40px;height: 40px;left: 20px;margin-top: -80px;margin-left: 0;}
    .menuwrap .owl-next{width: 40px;height: 40px;right: 20px;margin-top: -80px;margin-right: 0;}
    .menuwrap .tmbwrap{padding: 20px 10px;width: auto;}
    .menuwrap .tmbwrap li{width: auto;text-align: center;}
    .menuwrap .tmbwrap li .tmb{text-align: center;}
    .menuwrap .tmbwrap li .tmb img{width: 100px;height: 100px;position: static;}
    .menuwrap .tmbwrap li .tit{font-size: 12px;letter-spacing: -1px;}
    .menuwrap .tmbwrap li:hover .tit:after{display: none;}

    .st-bg1{height: auto;padding: 20px 10px;}
    .st-bg1 dl{width: auto;}
    .st-bg1 dl:after{display: block;content: '';clear: both;}
    .st-bg1 dl > *{float: none;}
    .st-bg1 dl dt{width: 300px;margin: 0 auto;padding-top: 0;margin-top: 0;opacity: 1;}
    .st-bg1 dl dt img{width: 100%;height: auto;}
    .st-bg1 dl dd{width: auto;padding-left: 0;padding-top: 20px;margin-top: 0;opacity: 1;transition-delay: 0.2s;}
    .st-bg1 dl dd h5{font-size: 18px;text-align: center;}
    .st-bg1 dl dd p{margin-top: 10px;font-size: 14px;line-height: 20px;text-align: center;}

    .st-bg2{height: auto;padding: 20px 10px;}
    .st-bg2 dl{width: auto;}
    .st-bg2 dl > *{float: none;}
    .st-bg2 dl dt{width: 300px;margin: 0 auto;padding-top: 0;margin-bottom: 15px;margin-top: 0;opacity: 1;}
    .st-bg2 dl dt img{width: 100%;height: auto;}
    .st-bg2 dl dd{width: auto;margin: 0;padding: 0;margin-top: 0;opacity: 1;transition-delay: 0.2s;}
    .st-bg2 dl dd h5{font-size: 18px;line-height: 25px;letter-spacing: -1px;text-align: center;}
    .st-bg2 dl dd h5 .red{font-size: 22px;}
    .st-bg2 dl dd p{font-size: 14px;line-height: 20px;margin-bottom: 10px;text-align: center;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
    .st-bg2 dl dd p br{display: none;}
    .st-bg2 dl dd p br.mo{display: block;}

    .st-bg3{padding: 20px 10px;margin-bottom: -30px;}
    .st-bg3 h5{font-size: 18px;line-height: 25px;margin-bottom: 10px;}
    .st-bg3 h5 strong{color: #e61d25;}
    .st-bg3 ul{text-align: center;}
    .st-bg3 ul li{width: 300px;margin: 10px auto;opacity: 1;margin-left: 0;}
    .st-bg3 ul li img{width: 100%;height: auto;}
    .st-bg3 ul li:nth-child(2){margin-top: 10px;}
    .st-bg3 ul li .inf{margin-top: 10px;padding-left: 40px;}
    .st-bg3 ul li .inf strong{font-size: 25px;}
    .st-bg3 ul li .inf p{font-size: 14px;line-height: 20px;}

    .abubox{margin-bottom: -30px;padding: 20px 10px;}
    .abubox .tit{width: 100%;text-align: center;margin: 0;margin-bottom: 15px;}
    .abubox .tit img{margin: 0 auto;margin-bottom: 10px;width: 150px;height: auto;}
    .abubox .tit h5{font-size: 20px;line-height: 30px;letter-spacing: -1px;text-align: center;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;l}
    .abubox .tit h5 br{display: none;}
    .abubox .tit p{margin-top: 5px;font-size: 14px;line-height: 20px;text-align: center;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;l}
    .abubox .tit p br{display: none;}
    .abubox .box{width: 100%;min-height: 150px;height: auto;margin-bottom: 10px;padding: 0;}
    .abubox .box .in{position: relative;width: 100%;min-height: 150px;height: auto;padding: 20px;text-align: center;}
    .abubox .box .in img{width: 30px;height: auto;position: relative;bottom: auto;right: auto;margin: 0 auto;}
    .abubox .box .in .c_tit{font-size: 14px;}
    .abubox .box .in .c_txt{font-size: 12px;line-height: 18px;margin-right: 0;letter-spacing: -1px;}
    .abubox .box .in .ico{width: 60px;height: 60px;margin: 0 auto;margin-bottom: 10px;background-size: contain;}
    .abubox .box.on .in{background: rgba(256,256,256,0.75)}
    .abubox .box.on .in:after{border: none;transform: scale(1);}
    .abubox .box:hover .in:after{border: none;transform: scale(1);}

    .location{padding: 0 0;margin-bottom: 0;}
    .location .inner{width: auto;}

    .loc-info{padding: 20px 10px;margin-bottom: -30px;}
    .loc-info li{display: block;margin-left: 0;margin-bottom: 10px;}
    .loc-info li img{margin-right: 10px;width: 30px;height: 30px;}
    .loc-info li p{font-size: 14px;}

    .orderbox{width: auto;margin: 10px auto;padding: 20px;padding-bottom: 0;height: auto;}
    .orderbox .tit{position: relative;top: auto;left: auto;}
    .orderbox .tit .no{margin-bottom: 0;}
    .orderbox .tit .no:after{width: 100px;height: 2px;}
    .orderbox .tit .no strong{font-size: 30px;}
    .orderbox .tit h5{font-size: 20px;line-height: 25px;}
    .orderbox .tit h5 br{display: none;}
    .orderbox .tit p{font-size: 13px;line-height: 18px;margin-top: 0;}
    .orderbox .tit p br{display: none;}
    .orderbox ul{margin-top: 20px;}
    .orderbox ul li{width: 31.33%;margin: 0 1%;height: auto;vertical-align: top;}
    .orderbox ul li .step-no{font-size: 13px;margin-bottom: 0;}
    .orderbox ul li p{font-size: 13px;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;min-height: 55px;}
    .orderbox ul li p br{display: none;}
    .orderbox ul li > img{position: static;display: block;margin: 0 auto;margin-top: 15px;width: 100%;height: auto;}

    .fran-bn{width: auto;height: auto;}
    .fran-bn img{width: 200px;height: auto;}
    .fran-bn p{margin-top: 10px;font-size: 14px;padding-left: 5px;}
    .fran-inbox{padding: 30px 10px;margin: 0;margin-bottom: -30px;}
    .fran-inbox .inner{width: auto;}
    .fran-inbox ul{margin: -2% -5%;}
    .fran-inbox ul li{margin: 2% 5%;width: 40%;height: 150px;padding-top: 20px;opacity: 1;}
    .fran-inbox ul li:after{right: calc(-15% - 9px);width: 27px;height: 33px;}
    .fran-inbox ul li:nth-child(even):after{display: none;}
    .fran-inbox ul li .no{left: 15px;width: 35px;height: 35px;line-height: 35px;font-size: 14px;}
    .fran-inbox ul li p{font-size: 13px;}
    .fran-inbox._ani.on ul li{margin-left: 5% !important;opacity: 1;}

    .prc_tbl tr > *{padding: 10px 5px;}
    .prc_tbl thead tr th{font-size: 13px;}
    .prc_tbl tbody tr > *{font-size: 13px;}
    .prc_tbl tbody tr td.prc{font-size: 13px;}
    .prc_tbl tfoot tr th{padding: 15px;font-size: 13px;}
    .prc_tbl tfoot tr td{padding: 15px;font-size: 13px;}
    .prc_tbl .tt_price{font-size: 13px;}

    .prc_sment{padding: 20px;font-size: 13px;line-height: 20px;letter-spacing: -1px;}
    .prc_sment .mo-hidden{display: none;}



    /* 250827 sys S - 문의페이지 추가 */
    .inquiry_box1 { padding: 30px 0;}
    .inquiry_box1 .top_img img { max-width: 70%;}
    .inquiry_box1 .flex_box { display: block;}
    .inquiry_box1 .flex_box > div { width: 100%;}

    .inquiry_box1 .inquiry_box1_cont1 .left_box img { max-width: 70%; }
    .inquiry_box1 .inquiry_box1_cont1 .right_box { padding-top: 20px; }
    .inquiry_box1 .inquiry_box1_cont1 .right_box h4 { font-size: 24px;}
    .inquiry_box1 .inquiry_box1_cont1 p { padding-top: 15px; font-size: 20px;}

    .inquiry_box1 .inquiry_box1_cont2 { padding-bottom: 90px;}
    .inquiry_box1 .inquiry_box1_cont2::before { clip-path: polygon(0% 15%, 100% 5%, 100% 100%, 0 95%);}
    .inquiry_box1 .inquiry_box1_cont2 ul { display: block;}
    .inquiry_box1 .inquiry_box1_cont2 li { width: 100%; }
    .inquiry_box1 .inquiry_box1_cont2 li + li { margin-top: 20px;}
    .inquiry_box1 .inquiry_box1_cont2 li .cir_box { max-width: 300px; }
    .inquiry_box1 .inquiry_box1_cont2 li .cir_box img { max-width: 60%;}
    .inquiry_box1 .inquiry_box1_cont2 li dl { padding-top: 0;}
    .inquiry_box1 .inquiry_box1_cont2 li dt { font-size: 24px;}
    .inquiry_box1 .inquiry_box1_cont2 li dd { padding-left: 15px; font-size: 16px;}

    .inquiry_box1 .inquiry_box1_cont3 { padding: 20px 0; margin-top: 0px;}
    .inquiry_box1 .inquiry_box1_cont3 .light { top: auto; bottom: -2%; left: auto; right: 64vw; transform: none; }
    .inquiry_box1 .inquiry_box1_cont3 .light img { max-width: none; width: 540px; }
    .inquiry_box1 .inquiry_box1_cont3 .flex_box > div { width: 100%;}
    .inquiry_box1 .inquiry_box1_cont3 .left_box img { max-width: 60%; }
    .inquiry_box1 .inquiry_box1_cont3 .left_box p { font-size: 24px;}
    .inquiry_box1 .inquiry_box1_cont3 .flex_box .right_box { padding-top: 20px; text-align: center;}
    .inquiry_box1 .inquiry_box1_cont3 .flex_box .right_box img { max-width: 70%;}


    .inquiry_box2 { padding: 50px 0;}
    .inquiry_box2 .inner { padding: 0 15px ;}
    .inquiry_box2 .top_box p { font-size: 20px; word-break: keep-all;}
    .inquiry_box2 .top_box .bg_box { margin-top: 30px; padding: 30px 10px;}
    .inquiry_box2 .top_box .bg_box li { font-size: 15px;}

    .inquiry_box2 .inquiry_box2_wrap { display: flex; flex-direction: column-reverse;}
    .inquiry_box2 .inquiry_cont_box { padding-top: 15px;}
    .inquiry_box2 .inquiry_cont_box table colgroup { display: none;}
    .inquiry_box2 .inquiry_cont_box table tr > * { padding: 5px; font-size: 14px; word-break: keep-all;}
    .inquiry_box2 .inquiry_cont_box table td { line-height: 35px;}
    .inquiry_box2 .inquiry_cont_box table td p { font-size: 12px;}
    .inquiry_box2 .inquiry_cont_box table td input,
    .inquiry_box2 .inquiry_cont_box table td select,
    .inquiry_box2 .inquiry_cont_box table td textarea { }
    .inquiry_box2 .inquiry_cont_box table td input { height: 35px;}
    .inquiry_box2 .inquiry_cont_box table td select { height: 35px;}

    .inquiry_box2 .sb-agreebox { padding-top: 15px;}
    .inquiry_box2 .sb-agreebox h4 { font-size: 18px;}
    .inquiry_box2 .sb-agreebox > p { font-size: 13px;}
    .inquiry_box2 .sb-agreebox .privacy p { font-size: 13px;}
    .inquiry_box2 .agree label { padding-left: 20px; font-size: 13px;}
    .inquiry_box2 .agree label:before { width: 16px; height: 16px;}
    .inquiry_box2 .agree label:after { width: 16px; line-height: 16px;}
    .inquiry_box2 .btn_box { margin-top: 15px;}
    .inquiry_box2 .submit_btn { height: 40px; font-size: 15px;}


}

@media screen and (max-width: 750px){
    #main .visual .roll li { max-height: none; }
    #main .visual .roll li:has(.youtube) { height: 100%; background-color: #000; align-content: center; }

    /* 250827 sys S - 문의페이지 추가 */
    .inquiry_box1 .inquiry_box1_cont3 .light { bottom: 4vw; right: 70%;}
    .inquiry_box1 .inquiry_box1_cont3 .light img {width: 350px;}
    .inquiry_box2 .top_box p { font-size: 18px;}

    .inquiry_box2 .top_box .bg_box li { font-size: 13px;}

    .inquiry_box2 .inquiry_cont_box table tr > * { display: block; width: 100%; box-sizing: border-box;}
    .inquiry_box2 .inquiry_cont_box table th { padding: 8px 0; border-bottom: 0;}
    .inquiry_box2 .inquiry_cont_box table td { padding: 0 0 8px;}
    .inquiry_box2 .inquiry_cont_box table td .w200 { width: 150px;}
    .inquiry_box2 .inquiry_cont_box table td .w240 { width: 160px;}

    .inquiry_box2 .inquiry_cont_box table .tel_inquiry input { width: calc((100% / 3) - 8px);}
    .inquiry_box2 .inquiry_cont_box table .address_inquiry .sb-btn { width: 90px; font-size: 13px;}

    .inquiry_box2 .sb-agreebox h4 { font-size: 16px;}


}

@media screen and (max-width: 500px){
    .inquiry_box1 .inquiry_box1_cont3 .light { bottom: -2vw;}
}