@charset "UTF-8";
[class*='element'] { position:absolute; z-index:1; /*opacity: 0.6; filter: brightness(0.8); */ }
[class*='section'] { position:relative; overflow:hidden; }

/*메인 */
/*메인>영상 */
.video-wrap { background-color: #000; }
/*메인>*/
.sec1 .sec1_t1 { width: 53%; top: 12.1%; left: 24%; }
.sec1 .sec1_t2 { width: 30%; top: 37%; left: 66%; }

.sec2 .sec2_t1 { width: 16%; top: 11.5%; left: 74.6%; }
.sec2 .sec2_t2 { width: 19.4%; top: 33.5%; left: 72.6%; }
.sec2 .sec2_t3 { width: 40%; top: 52%; left: 59%; }

.sec3 { background: url('../img/info3_bg.jpg') no-repeat top right; background-size: 100% auto; text-align: center; padding: 5% 5%; }
.sec3 .sec3_t1 { width: 88%; }
.sec3 .sec3_t2 { display: flex; margin-top: 5%; gap: 5%; flex-wrap: wrap; }
.sec3 .sec3_t2 li { width: calc((100% - 15% ) / 4); margin-bottom: 5%; }
.sec3 .sec3_t6 { width: 100%; color: #222; text-align: right; font-size: 21px; font-weight: 600; }

.sec4 { background: url('../img/info_img13.png') no-repeat 100% 5%; background-size: 50%; background-color:#A41C20; padding: 6% 5%; }

.sec4 .sec4_t1 { width: 59%; }
.sec4 .sec4_t2 { width: 41.5%; margin-top: 7%; }
.sec4 .sec4_t3 { padding-left: 5%; }
.sec4 .sec4_box { border-radius: 150px; border: #F05F26 5px solid; background-color: rgba(240, 95, 38, 0.5); color:#fff; font-size: 3.7rem; margin-bottom: 3rem; padding: 2.3% 8%; line-height: 1.4; }
.sec4 .sec4_box dt { color: #F8A86A; font-size: 5rem; font-weight: 700; margin-bottom: 1%; }

/*왜 불탄왕뼈구이를 창업해야할까?*/
 .sec5_t1 { width: 100%; text-align: center; background-color: #231815; padding: 3rem 2rem 2rem; }
 .sec5_t1 img { max-width: 100%; width: auto; margin-bottom: 1rem; }
.sec5 .sec5_t2 { width: 38.5%; top: 12%; left: 5.6%; }
.sec5 .sec5_t3 { width: 45.1%; top: 12%; left: 47.9%; }

.sec5a { }
.sec5a .sec5_t4 { width: AUTO; top: 5%; left: 5.4%; HEIGHT: 90%; }
.sec5a .sec5_t5 { width: AUTO; top: 5%; right: 0%; height: 90%; }

.sec6 .sec6_t1 { width: 49.5%; top: 14.1%; left: 2.4%; }
.sec6 .sec6_t2 { width: 40%; top: 4.7%; left: 54.5%; }

.se_bg { background: url('../img/info7_bg.jpg ') repeat-y; background-size: 100%; }


/*하단 가맹문의*/
.quick_bottom { position: fixed; bottom: 0; width: 100%; z-index: 999; color:#fff; background-color: var(--primary); padding: 1rem 1rem; }
.quick_bottom .conwrap { margin: 0 auto; max-width: 1140px; background-color: var(--primary); z-index: 100; display: flex; justify-content: center; align-items: center; align-items: center; }
.quick_bottom .form-row { /* max-width: 1000px; */flex: 1 1 auto; }
.quick_bottom .quick_btn { text-decoration: underline; }
.quick_bottom .q_num { display: flex; align-items: center; font-size: 2.4rem; font-weight: 200; width: 280px; flex-shrink: 0; }
.quick_bottom .q_num img { width: 30px; }
.quick_bottom .q_term { font-size: 1.4rem; flex-shrink: 0; }
.sub_tit h2 { font-size: 7rem; font-weight: 700; margin-bottom: 1rem; }
.sub_tit { font-size: 2.4rem; }


/*메인>컨설팅폼*/
.consulting_wrp { padding: 13rem 0rem; }
.consulting_form.row { margin-top:7.6rem; border-top: #000 1px solid; }
.consulting_form.row .col-12 { padding-top: 2.3rem; padding-bottom: 2rem; }
.gray_box { background-color: #f5f5f5; padding: 3rem; border-radius: 0.8rem; display: flex; align-items: center; margin-top: 2rem; }


.quick_bottom input:checked ~ .chk_p { color:#Fff }
.quick_bottom input:checked + .ic_box { background-color: #222; border-color: #222; }

/*메뉴*/
.menu1 { display: flex; background: url('../img/menu1_bg.jpg') no-repeat; background-size: 100% 100%; }
.menu1 .m_l { width: 75%; display: flex; padding: 2rem 5%; align-items: center; }
.menu1 .m_r { width: 25%; display: flex; padding: 3rem 2%; align-items: center; background-color:#414042; }

.menu2 { background-color:#A41C20; color: #fff; padding: 5% 4%; }
.menu2 .d-flex { gap:5%; margin-top: 5%; }

.menu3 { background: url('../img/menu3_bg.png') no-repeat right top #660D0B; background-size: 100%; display: flex; padding: 5% 4%; align-items: center; }
.menu3 .menu3_t1 { width: 25%; margin-right: 5%; }
.menu3 .menu3_t2 { display: flex; margin-left: auto; gap: 8%; }
.menu3 .menu3_t2 li { flex:1 }

.menu4 {
 padding: 2% 4%;
 display: flex;
 align-items: center;
 font-size: 2.8rem;
 gap: 5%;
 color: #414042;
 }
.menu4 .menu4_t1 {
 display: flex;
 /* width: 40%; */
 max-width: 40%;
 flex: 0 0 40%;
 }
.menu4 .menu4_t2 .tit1 { color:#fff; background-color: #A51C20; font-size: 1.3em; font-weight: 600; padding: 0.5rem 1rem; margin-bottom: 2rem; display: inline-block; }

.menu5 { padding: 0rem; margin: 0rem; }

.menu6 { padding: 5% 4%; text-align: center; /* font-size: 2.8em; */ }
.menu6 .txt1 { font-size: 2.5vw; }
.menu6 .txt2 { font-size: 3.5vw; font-weight: 600; }
.menu6 .txt2 span { color:#A51C20 }
.menu6 .menu6_t1 { margin-top: 6%; }

.menu8 { padding: 8rem 4%; }
.menu8_t1 span { font-size: 5.2rem; color:#fff; /* padding: 0rem 4rem; */background-color:#231F20; display: inline-block; line-height: 120%; width: 250px; text-align: center; }
.menu8_t1 { text-align: center; margin-bottom: 5.5rem; display: block; }
.menu8_t2 { max-width: 1600px; gap:8px; margin: 0 auto; display: flex; flex-wrap: wrap; }
.menu8_t2 li { width: calc((100% - 16px) / 3); }

.menu9 { background: url('../img/mm_img20.jpg') no-repeat right top; background-size: 100% 100%; color: #fff; text-align: center; padding: 5% 4%; }
.menu9 .menu9_t1 span { font-size: 5.2rem; color:#fff; padding: 0rem 4rem; background-color:#231F20; }
.menu9 .menu9_t1 { text-align: center; margin-bottom: 5.5rem; }
.menu9 .menu9_t2 { color: #EC1C24; font-style: oblique; }
.menu9 .menu9_t3 { font-size: 3rem; font-weight: 600; margin: 2rem 0rem 7rem; }
.menu9 .menu8_t1 span { background-color: #A41C20; }

.menu10 {
 padding: 5% 4%;
 text-align: center;
 }
.menu10 .menu10_t1 {
 color: #A41C20;
 font-size: 4.2vw;
 font-weight: 700;
 }
.menu10 .menu10_t2 {
 margin: 2rem 0rem 5rem;
 font-size: 3vw;
 font-weight: 500;
 color: #231F20;
 }
.menu10_box {
 display: flex;
 width: 100%;
 max-width: 1600px;
 margin: 0 auto;
 }

.menu10_box img { width:65% }
.menu10_box li { background-color: #f5f5f5; flex: 1; text-align: left; padding: 3% 2%; font-size: 2rem; }
.menu10_box .beige { background-color: #D0C6AA; }
.menu10_t3 {
 font-size: 3.2vw;
 font-weight: 600;
 margin: 3rem 0rem;
 }
.menu10_t4 { }

.menu11 { padding: 5% 4%; background-color: #231F20; text-align: center; color: #fff; }
.menu11 .sub_tit { margin-bottom: 3rem; }


.menu12 { background: url('../img/mm_img30.jpg') no-repeat right top; background-size: 100% 100%; color: #fff; text-align: center; padding: 5% 0rem; }
.menu12_t1 { font-size: 4.5vw; margin-bottom: 5rem; font-weight: 700; }
.menu12_t1 span { color:#C93B1C }
.menu12_box { display: flex; align-items: center; }
.menu12_box .t1 { padding-left: 4%; }
.menu12_box .t2 { margin-left:auto}


/*서브*/
.sub_head { text-align: center; font-size: 1.8rem; padding: 15rem 2rem 10rem; }
.sub_head h2 { font-size: 4.5rem; font-weight: 700; }

/*매장안내*/
.map_wr { width: 100%; display: flex; height: 600px; margin-top: 5rem; }
.map_l { background: url('../img/mapimg.jpg') no-repeat top #e3e3e3; position: relative; }
.map_r { width: 350px; }
.map_nav { width: 100%; }
.map_nav .nav-item { flex:1 }
.map_nav .nav-link {
 width: 100%;
 background-color: #222;
 border: 0px;
 color: #fff;
 padding: 2rem 0rem;
 }
 .map_ico { position: absolute; width:40px; top:20%; left:25% }
.map_nav .nav-link.active { background-color: #B41E1D; }
/*검색*/
.sch_ip_wrap { background-color: #B41E1D; padding:1.2rem 2rem; }
.sch_ip { display: flex; background: #fff; padding: 0 0rem 0 1.5rem; border-radius: 0.8rem; }
.sch_ip .form-control { height:4.8rem; padding: 0.5rem 0; color:#222; }
.sch_ip .form-control:focus { background-color: transparent; }
.sch_ip .form-control::placeholder { color: #222; opacity: 1; }
.sch_ip button { /* width:2.0rem; *//* height:2.0rem; */border:0; background: transparent; }
.store_list { padding: 3rem; font-size: 1.6rem; height: 470px; overflow-y: scroll; }
.store_list li { padding-bottom:2rem; border-bottom: #e3e3e3 1px solid; margin-bottom:2rem; }
.store_box .t1 { font-size: 1.8rem; font-weight: 600; }
.store_box .t1:hover { color: #B41E1D; }
.store_box .t2 { margin: 0.3rem 0px 0.5rem; }
.store_box .t3 { background: url('../img/ic_call.png') no-repeat 0px 3px; background-size: 17px; padding-left: 2.1rem; }

.store_detail { display: flex; gap: 6rem; }
.store_detail .s_l { width: 50%; }
.store_detail_tit { font-size: 2.4rem; font-weight: 700; margin-bottom: 2rem; }
.store_detail_tbl { width: 100%; font-size: 16px; line-height: 1.4; }
.store_detail_tbl th { background-color: #f5f5f5; border: 1px solid #e3e3e3; padding: 10px 15px; }
.store_detail_tbl td { border: 1px solid #e3e3e3; padding:10px 5px; }

/*팝업*/
.popup_wrap {
width: 100%;
height: 100%;
position: fixed; padding: 2rem;
/*background-color: rgba(0, 0, 0, 0.7); */
z-index: 9999; 
 }

.popup {
width: 100%;
max-width: 1620px;
margin: 5rem auto 0rem;
 }

.popbox .c_box { padding: 1rem; background-color: #000; color: #fff; display: flex; justify-content: space-between; font-size: 14px; }
.popup_wrap .swiper-pagination-bullet-active { background-color: #fff; }
.popup_wrap .swiper-horizontal>.swiper-pagination-bullets, .popup_wrap .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 5rem; }
.popswiper .swiper-button-prev, .popswiper .swiper-button-next { width:4rem; height:auto; }
/* 공통적으로 들어가는 부분, 꼭 기본 navigation을 숨겨 줘야 한다. */
.popswiper .swiper-button-prev::after, .popswiper .swiper-button-next::after { display:none; }
.popswiper .swiper-button-next{right: 1%;}
.popswiper .swiper-button-prev{left:1%}



#quickInquiryForm{display: flex; align-items: center;}




/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) {


 }
/*반응형 max 992px lg*/
@media (max-width: 991.98px) {
 .sec4 .sec4_box dt { font-size: 4rem; }
 .sec4 .sec4_box { font-size: 2.5rem; }
 .consulting_wrp { padding: 8rem 0rem; }
 .sub_tit h2 { font-size: 5rem; }

 .sec4 .sec4_box dt { font-size: 4rem; }
 .sec4 .sec4_box { font-size: 2.2rem; }

 .quick_bottom .q_num { font-size: 1.8rem; width:200px }
 .popup{        max-width: 400px;         margin-top: 0rem;}
.popup_wrap{    overflow-y: scroll;}

 }




/*반응형 max 767px md*/
@media (max-width: 767.98px) {
.t_btn { font-size: 1.4rem; padding-left: 1.4rem; padding-right: 1.4rem; height: 27px; }
.sec3 .sec3_t2 li { width: calc((100% - 5% ) / 2); }
.sec3 .sec3_t6 { font-size: 16px; text-align: left; }

.sec4 { padding: 10% 4%; }
.sec4 .sec4_t1 { width:69%; }
.sec4 .sec4_box dt { font-size: 2rem; margin-bottom: 0.2rem; }
.sec4 .sec4_box { font-size: 1.6rem; padding: 2.3% 6%; margin-bottom: 1rem; border-radius: 1rem; }
.sec4 .sec4_t2 { width: 70%; }

.consulting_wrp { padding: 5rem 0rem; }
.sub_tit { font-size: 1.7rem; }
.sub_tit h2 { font-size: 2.2rem; }

.sec5a { padding: 5% 0%; }
.sec5a .sec5_t4 { width: 100%; position: relative; top:0px; left:0px; height: auto; margin-bottom: 5%; max-width: 500px; padding-left: 4%; padding-right: 4rem; }
.sec5a .sec5_t5 { width: 100%; position: relative; top:0px; right:0px; height: auto; margin-left: 4%; }


.sec6 { padding: 5% 4% 0rem 4%; }
.sec6 .sec6_t1 { width: 100%; position: relative; top:0px; left:0px; height: auto; margin-bottom: 5%; }
.sec6 .sec6_t2 { width: 100%; position: relative; top:0px; left:0px; height: auto; }

/*메뉴페이지*/
.menu1 { flex-direction: column; background-size: 100% 60%; }
.menu1 .m_l { width: 100%; }
.menu1 .m_r { width: 100%; padding: 3rem 6%; }

.menu2 { padding: 10% 4%; }
.menu2 .d-flex { flex-direction: column; }
.menu2_t1 { margin-bottom:4rem }
.menu3 { flex-direction: column; padding: 8% 4%; }
.menu3 .menu3_t1 { width: 50%; margin-right: auto; margin-bottom: 3%; }
.menu4 { flex-direction: column; font-size: 2rem; padding: 10% 4%; }
.menu4 .menu4_t1 { max-width: 100%; }
.menu4 .menu4_t2 .tit1 { text-align: center; }

.menu6 .txt1 { font-size: 4.5vw; }
.menu6 .txt2 { font-size: 6vw; }

.menu8_t1 { margin-bottom: 2.5rem; }
.menu8_t1 span { font-size: 2.8rem; width: 180px; }
.menu8_t2 li { width: calc((100% - 8px) / 2); }

.menu9 { padding: 10% 4%; }
.menu9 .menu9_t3 { font-size: 2.2rem; margin: 2rem 0rem 3rem; }

.menu10 { padding: 10% 4%; }
.menu10 .menu10_t1 { font-size: 5vw; }
.menu10 .menu10_t2 { font-size: 2rem; }
.menu10_box { flex-direction: column; }
.menu10_box img { width: 25%; }
.menu10_t3 { font-size: 2.8rem; margin: 1rem 0rem; }
.menu10_box li { padding: 2rem 2rem; }

.menu12 { padding: 10% 0rem; }
.menu12_box { flex-direction: column-reverse; }
.menu12_t1 { font-size: 5vw; padding: 0rem 10%; }
.menu12_box .t1 { padding: 0rem 10%; }

/*창업상담 퀵메뉴*/
.quick_bottom .conwrap { flex-direction: column; align-items: start; }
.quick_bottom .conwrap > div { margin-bottom: 1rem; }
.quick_bottom .q_num img { width: 20px; }

.consulting_form.row .col-12 { padding-top: 2rem; padding-bottom: 1rem; }
.consulting_form.row { margin-top: 3rem; }

.sub_tit h2 { font-size: 2.6rem; }
.sub_tit { font-size: 1.7rem; }
.gray_box { padding: 2rem 1.5rem; font-size: 1.4rem; }
.quick_bottom { padding: 1.5rem 1rem 1rem; }
#quickInquiryForm{flex-direction: column; align-items: start;}
.quick_bottom .q_term{margin-top: 1rem;}
.quick_bottom .form-row > [class*=col-]{padding-left: 2px; padding-right: 2px;}
.quick_bottom .form-control{    padding: 0.5rem 0.5rem;}

/*매장안내*/
.sub_pg { padding-top: 10rem; }
.map_wr { height: auto; flex-direction: column; margin-top: 2rem; }
.map_l { height: 400px; width: 100%; }
.map_r { width: 100%; }
.store_detail { flex-direction: column; gap: 2rem; }
.store_list { padding: 2rem; height: auto; overflow-y: visible; }
.store_detail .s_l { width: 100%; }
.store_detail_tit { font-size: 2rem; margin-bottom: 1rem; }

/*팝업*/

 }


/*반응형 max 576px sm*/
@media (max-width: 575.98px) {


 }

@media (max-width:380px) {

 }