/* PC용 CSS */
@media (min-width:1100px) {
.wrap {width:100%;height:auto;position:relative;}


/*header*/
header {width: 100%;margin: 0px;height:140px;top: 0;z-index: 3000;position: fixed;background-color:transparent}

.menubox {width:100%;height:120px;background-color:#fff;box-shadow:0px 0px 4px #000;}

.menu_sbox {width:1200px;margin:0 auto;height:80px;position:relative;}

.menu_sox{height:40px;position:absolute;top:26px;left:200px;}
.menu_sox li{float:left;color:#fff;font-size:16px; font-family: 'nanum-square-b';padding-left:50px;letter-spacing:0px;padding-top:25px;cursor:pointer}
.menu_sox li:first-child{padding-left:70px;}
.menu_sox li a{color:#000;}
.menu_sox li a:hover{color:#fabe00;cursor:pointer}

.menu_rox{width:400px;height:40px;position:absolute;top:16px;right:0px;}
.menu_rox li{float:left;color:#fff;font-size:16px; font-family: 'nanum-square-b';padding-left:50px;letter-spacing:0px;padding-top:15px;cursor:pointer}
.menu_rox li:first-child{padding-left:60px;}
.menu_rox li a{color:#000;}
.menu_rox li a:hover{color:#fabe00;cursor:pointer}

.fl_logo {position:relative;float:left;padding-top:0px;cursor:pointer;z-index:8888;}
.fl_box{width:1150px;height:auto;margin:0 auto;border:0px solid blue;}

.mobile_header_box{display:none;}

.iph_banner {position: fixed;right: 85px;top: 60px; z-index: 20000;}



/*main_visual*/
.mainVisual {position:relative;z-index:800; width:100%; height:780px; margin: 0 auto; overflow: hidden;top:80px;}
.mainVisual .visualBg {margin: 0 auto;position: absolute;top: 0px;left: 0px;width: 100%;height: 780px;z-index: 500;cursor:pointer}
.mainVisual .visualBg1 {background: url("/images/main/visualbg_1_11.png") no-repeat center 0;}
.mainVisual .visualBg2 {background: url("/images/main/visualbg_2.png") no-repeat center 0;}
.mainVisual .visualBg3 {background: url("/images/main/visualbg_3_11.png") no-repeat center 0;}
.mainVisual .visualBg4 {background: url("/images/main/20210929_14.png") no-repeat center 0;}
.mainVisual .visualBg5 {background: url("/images/main/20240129_11.png") no-repeat center 0;}
.mainVisual .visualBg6 {background: url("/images/main/20240129_12.png") no-repeat center 0;}
.mainVisual .controller {width: 100%;position: relative;z-index: 600;margin: 0 auto;}
.mainVisual .controller {position: absolute;top: 0px;width: 94%;}
.mainVisual .controller {float: left;}
.main_arrow_box {position: relative;margin: 0 auto;}
.main_arrow_left {float: left;position: relative;right:-150px;top: 350px;width:57px; height:146px;}
.main_arrow_right {float: right;position: relative;left:-50px;top: 350px;width:57px; height:146px;}
.mainVisual .controller2 { width:110px;position: relative;z-index: 600;margin: 0 auto;}
.mainVisual .controller2 .rollBtnD {position: absolute;top:730px;left:0px;}
.mainVisual .controller2 .rollBtnD li{display:inline-block}


/*인사말*/
.greeting{width:100%; height:auto; background:#fff;}
.greeting_wrap { margin:0 auto; text-align:center;}

/*브랜드소개*/
.introduce{width:100%; height:auto; background:#fff;}
.introduce_wrap { margin:0 auto; text-align:center;}

/*메뉴소개*/
.menu{width:100%; height:auto; background:#fff;}
.menu_wrap { margin:0 auto; text-align:center;}

/*인테리어*/
.interior{width:100%; height:auto; background:#fff;}
.interior_wrap { margin:0 auto; text-align:center;}

/*창업시스템*/
.system{width:100%; height:auto; background:#fff;}
.system_wrap { margin:0 auto; text-align:center;}

/*창업시스템*/
.system_gr{width:100%; height:auto; background:#fff;}
.system_wrap_gr { margin:0 auto; text-align:center;}


/*창업절차*/
.process{width:100%; height:auto; background:#fff;}
.process_wrap { margin:0 auto; text-align:center;}

   /*매장찾기*/
.imap_box{width:100%;height:1350px;border:0px}


.news_titlebox{clear:both; width:100%;height:3800px;margin:0 auto;text-align:center;background:#479461}
.sub_news_title {font-size:40px;padding-top:60px;font-weight:bold;color:#fff;padding-bottom:20px;text-align:center}
.news_box{width:1220px;margin:20px auto;}
.news_box li{width:48%;margin:12px; float:left;padding-bottom:0px;}

.news_title1box{clear:both; width:100%;height:800px;margin:0 auto;text-align:center;background:#fff}
.news_title1box li{display:inline-block}


/*상담문의 st*/
.consult_bigbox{margin:0 auto;position:relative;width:100%;height:auto;padding-bottom:50px; background:#499265;}
.consultpan{margin:0 auto;position:relative;width:1000px;height:auto;text-align:center; }

.consult_box{width:100%;height:auto;padding-top:50px; position:relative}
.consult_abox{width:95%;margin:0 auto; border-radius:20px;background-color:#fff;height:auto;padding:30px 10px;}
.consult_p{width:1000px;height:auto;border:0px solid blue;margin:0 auto;text-align:center;}
.phone{position:relative;margin-top:-130px;margin-right:40px;float:right;}

.sub_title2{width:100%;height:auto;margin:0 auto;text-align:center;border:0px solid red;padding-top:64px;}
.sub_title2 li:first-child{color:#fff;font-size:18px; font-family: 'nanum-square-b';letter-spacing:0px;}
.sub_title2 li:nth-child(2){color:#fff;font-size:30px;padding-top:15px;font-family: 'nanum-square-r'}
.sub_title2 li:nth-child(3){color:#fff;font-size:16px;line-height:25px;padding-top:15px;font-family: 'nanum-square-r'}


/*개설문의 st*/          
      .iq_table_area {width: 100%;}
      .iq_table_title{font-size:36px;color:#c20d26;letter-spacing:-3px;padding-bottom:20px;border-bottom:2px solid #5d0805;text-align:center}
      .iq_table_colgroup{}
      .iq_table {width: 100%;font-size:15px;text-align: left;letter-spacing:-0.5px;}
      .iq_table tr{border-bottom:1px dashed #c7c7c7;}
      .join_tra {color: #323232;font-weight: normal;vertical-align: middle;text-indent:17px;font-size:16px;font-weight:bold;}      
      .join_trb {padding: 12px 0px;font-size:1em;font-weight:normal;color:#564d44;letter-spacing:-0.5px;}
      .join_trb .trb_ex {color: #564d44;vertical-align:middle;padding:33px 0 0 5px;font-weight:100;font-size:1em;}
      .join_trd {padding: 12px 0px;color:#564d44;}
      .join_trd_red {color: #f75153;vertical-align:middle;padding-top:33px;font-weight:100;font-size:0.917em;}

      .rep_box {width: 60%;height: 33px;border: 1px solid #c7c7c7;text-indent: 8px;}
      .rep_ainbox {width: 26%;height: 33px;border: 1px solid #c7c7c7;text-indent: 8px;}
      .rep_textare_box{width:95%;resize:none;border:1px solid #c7c7c7;padding:8px;}
      .rep_abox {width: 28%;height: 35px;border: 1px solid #c7c7c7;font-size: 1em;color: #c7c7c7;background: url("/images/common/slt_arrow.png") no-repeat scroll 100% 50% #FFF;border-radius: 0px;text-indent: 0.01px;padding: 3px 2px 3px 5px;margin: 0px 5px 0px 0px;-moz-appearance: none;-webkit-appearance: none;overflow: hidden;white-space: nowrap;cursor: pointer;}
      .rep_box_file {width: 90%;height: 33px;border: 1px solid #c7c7c7;vertical-align:top;}

      .join_textbox {width: 100%;margin: 0 auto;border-radius:8px; background-color:#fff;margin-bottom:0px }
      .join_textbox1{height:40px;background-color:#c20c27;border-radius:8px 8px 0px 0px}
      .join_textbox1 li{font-size:20px;color:#fff; padding-top:12px;text-indent:28px;}
      .join_text_box {width:94%;margin:0 auto;margin-top:20px;margin-left:20px;margin-right:20px;height:100px;border: 1px solid #c7c7c7;background: #fff;color: #908e8e;font-size:12px;padding: 10px 10px;line-height: 120%;}
      .join_check {color: #5d0805;font-size:13px;font-weight:300;height:19px;text-align: left;padding-bottom:0px;text-indent:20px}
      .join_check .che_box{vertical-align:middle;margin-left:3px;width:19px;height:19px;font-size:13px;border:1px solid #c7c7c7;}

      .repbr_box {width: 100%;text-align: center;margin-top: 10px;padding-bottom:30px;}
      .rep_bu_box {width: 100%;text-align: center;margin-top:20px;}
      .rep_bu_a {width: 150px;background:#fff;border: 1px solid #fff;color: #000;height: 41px;cursor: pointer;}
      .rep_bu_a:hover{background:#fff;color:#000;border: 1px solid #fff;} 

      .rep_bu_b {width: 150px;background-color:transparent ;border: 1px solid #fff;color: #fff;height: 41px;cursor: pointer;} 
      .rep_bu_b:hover{color:#fff;background-color:transparent;border: 1px solid #fff;}
      .rep_bu_c {width: 150px;background:#f75153;border: 2px solid #f75153;color: #fff;height: 41px;cursor: pointer;}
      .rep_bu_c:hover{background:#fff;color:#f75153} 
      .rep_bu_d {width: 150px;background:#fff;border: 2px solid #a09c97;color: #a09c97;height: 41px;cursor: pointer;} 
      .rep_bu_d:hover{color:#fff;background:#a09c97}
      .trd_etc{font-size:12px;}
      .pink {font-size:12px;}
/*개설문의 end*/




/*상담문의 end*/

/* 푸터영역 st */
.footer{width:100%;margin:0 auto;height:163px;padding-bottom:150px;  background:#2a2828;clear:both;position:relative;}
.footer_box{max-width:1000px;margin:0 auto;padding-top:12px;height:60px;position:relative;}
.footer_box h1{float:left;width:195px;padding:25px 0px 0px 68px;}
.footer_box h2{float:left;width:70px;padding:25px 0px 0px 25px;}
.footer_text{float:left;color:#838383;font-size:15px;width:600px;margin-top:20px;line-height:160%;}

/* 푸터영역 end */

 /*팝업 st*/
.popup_wrap_box {position: relative;width: 100%;margin: 0 auto;}
.popup_wrap {display: none; position: relative;z-index: 9999; }
.popup_aa_1 {position: absolute; top: 135px; left:257px; }
.popup_aa_2 {position: absolute; top: 605px;left: 257px; }

.popup_aa_3 {position: absolute; top: 135px; left: 605px; }
.popup_aa_4 {position: absolute; top: 605px;left: 605px; }


.popup_aa_5 {position: absolute; top: 135px; left:980px; }
.popup_aa_6 {position: absolute; top: 605px;left: 980px; }

.popup_aa_7 {position: absolute; top: 135px; left: 1330px; }
.popup_aa_8 {position: absolute; top: 605px;left: 1330px; }


.popup_wrap .popup_footer {background-color: #000; text-align: right;padding: 5px 10px;}
 .popup_wrap .popup_footer .popup_close_cookie_btn,
 .popup_wrap .popup_footer .popup_close_btn {color: #FFF; font-weight: bold;font-size: 14px;margin-left: 20px;}
 /*팝업 end*/


/*top_button*/
.top_btn{position:fixed;bottom:10px;right:10px;cursor:pointer;z-index:50000}
/*top_button*/


 /*------팝업st-----*/
    .pop_wrap{position:fixed;left:0px;right:0px;top:25%; z-index: 10000; border: 0px solid red;text-align:center;display:none;}
    .pop_table{margin:0 auto;border: 0px solid blue;}
    .pop_img{}
    .pop_img img{}
    .pop_foot{background:url(/images/common/dim_bg.png);}
    .pop_foot div{width:120px;border:1px solid #fff;border-radius:3px;color:#fff;font-size: 1em; font-weight: normal; background: none; cursor: pointer; padding: 3px 0;text-align:center;letter-spacing:-0.5px;margin:5px 5px 5px 0;float:right;cursor:pointer;}
    .pop_foot div:hover{background:#fff;color:#564d44}
/*------팝업ed-----*/

}

.quotation{ position: fixed; bottom: 0px;background-color:#2f8f4f;z-index: 10002;width: 100%; height:125px;}
.foo_counbox { width: 100%;padding-top:20px;}
.foo_coun {width:1200px;margin: 0 auto;position: relative;height: 186px;}
.foo_sonbox {position: relative;height: 90px; border: 0px solid red;padding-top:3px;}
.footer_str_count {display: block;margin: 0 auto;text-align: left;font-size:40px;color: #fff; padding-top:10px;padding-bottom:18px;letter-spacing:-1px;font-weight:bold}
.footer_str_count a{color:#fff} 
.footer_count {font-weight: 600;color: #fff;}
.is1 {border: none;font-size:19px;color: #332c39;width:140px;color: #e65d5d;letter-spacing:-1px;}
.is2 {border: none;font-size:19px;color: #332c39;width:140px;color: #e65d5d;letter-spacing:-1px;}
.is3 {border: none;font-size:19px;color: #332c39;width:165px}
.pt_1{padding-top:1px}
.f_a {width: 190px;height: 40px;padding-top: 10px;padding-left: 10px;color: #444;background-color: #fff;border: 1px solid #C60911;float: left;}
.f_a img {max-width: 20px}
.f_b {width: 190px;height: 40px;padding-top: 10px;margin-top: 0px;padding-left: 10px;color: #444;background-color: #fff; border: 1px solid #C60911;margin-left: 5px;float: left;}
.f_b img {max-width: 20px}
.f_c {float: left;width: 190px;height: 40px;padding-top: 10px;padding-left: 8px;color: #444;background-color: #fff;margin-left: 5px;}
.f_c img {max-width: 20px}
.f_d {float: left;width: 190px;height: 44px;margin-left: 4px;padding-top: 6px;padding-left: 8px;color: #444;background-color: #fff;border-radius:0px;}
.f_a1 {position:absolute;right:5px;top:18px; color:#fff;letter-spacing:-1px;font-size:14px;}
.f_a2 {width:18px;height:18px; vertical-align: middle;border: 5px solid #3a3a3a;background-color: transparent;}
.f_bu {position: relative;float: right;border: 0px solid blue;}
.f_bus {width: 176px;height:50px;font-size:22px;font-weight:700; letter-spacing: -1px;background: #000;border: none;color: #fff;cursor: pointer;}



@media screen and (max-width:1100px) {
.quotation{position: fixed; bottom: 0px;z-index: 10002;height:265px; }
.foo_counbox { width: 100%;padding-top:10px;}
.foo_coun {width:100%;height:auto;}
.footer_str_count {text-align: center;font-size:35px;padding-top:22px;padding-bottom:4px;letter-spacing:-0.5px;}
.f_a1 {position:relative;right:0px;top:0px;width:100%;font-size:10px; text-align:center; color:#fff;letter-spacing:-1px}
.foo_sonbox {position: relative;height: auto;width:96%;margin:0 auto; text-align:center;  border: 0px solid red;padding-top:6px;}
.is1 {border: none;width:80%;margin:0 auto;text-align:left; color: #e65d5d;letter-spacing:-1px;}
.is2 {border: none;width:80%;margin:0 auto;text-align:left; color: #e65d5d;letter-spacing:-1px;}
.is3 {border: none;width:70%;float:none;}

.f_a {width:550px;margin:0 auto;text-align:center;height:35px;padding-top: 10px;float:none;}
.f_a img {max-width:15px}
.f_b {width:550px;margin:0 auto;text-align:center;height:35px;padding-top: 10px;float: none;}
.f_b img {max-width:15px}
.pt_1{clear:both; width:560px;margin:0 auto;height:40px;}
.f_c {float: left;width:150px;height:40px;padding-top:6px;padding-left:0px;color: #444;background-color: #fff;margin-left:0px;}
.f_c img {max-width: 15px}
.f_d {float: left;width:203px;height:40px;margin-left:2px;padding-top: 6px;padding-left:0px;}
.f_a2 {width:10px;height:10px;border:2px solid #3a3a3a; }
.f_bu {position: relative;float: none;width: 100%;margin:0px auto;text-align:center;margin-left:0px;}
.f_bus {width:560px;height:35px;font-size:15px;letter-spacing: -1px;margin:13px auto }
}

@media all and (max-width:600px) {
.quotation{position: fixed; bottom: 0px;z-index: 10002;height:140px; }
.footer_str_count {font-size:26px;padding-top:5px;padding-bottom:8px;}
 .foo_sonbox {position: relative;height: auto;width:96%;margin:0 auto; text-align:center;  padding-top:6px;}
.f_a {width: 34%;float:left;padding-left:0px;height:31px;padding-top: 4px;}
.f_b {width: 34%;float:left;height:31px;padding-top: 4px;}
.pt_1{width:99.5%;}
.f_c {width:23.45%;height:31px;padding-left:1px;}
.f_d {width:23.45%;height:31px;}
.f_bu {position: absolute;right:0px;top:0px;float: none;width:27%;text-align:center;margin-left:0px;border:0px solid red}
.f_bus {width:100%;margin:7px auto;word-break:keep-all;height:74px;text-align:center;font-size:15px;}
.is1 {font-size:14px; border: none;width:80%;float:none; color:#000}
.is2 {font-size:14px; border: none;width:66%;float:none;padding:6px 0 3px 3px}
.is2 select{vertical-align:bottom}
.is3 {font-size:14px;border: none;width:80%;float:none;}
}

@media all and (max-width:360px) {
.quotation{position: fixed; bottom: 0px;z-index: 10002;height:135px; }
.footer_str_count {font-size:20px;padding-top:16px;}
 .foo_sonbox {position: relative;height: auto;width:96%;margin:0 auto; text-align:center;  padding-top:6px;}
.f_a {width: 33%;float:left;padding-left:0px;height:31px;padding-top: 4px;border:0px;margin-left:1px;}
.f_b {width: 33%;float:left;height:31px;padding-top: 4px;border:0px;margin-left:3px;}
.pt_1{width:99%;}
.f_c {width:23.8%;height:31px;padding-left:0px;}
.f_d {width:23%;height:31px;}
.f_bu {position: absolute;right:0px;top:0px;float: none;width:25%;text-align:center;margin-left:0px;border:0px solid red}
.f_bus {width:100%;margin:7px auto;word-break:keep-all;height:72px;text-align:center;font-size:12px;}
.is1 {font-size:14px; border: none;width:80%;float:none;}
.is2 {font-size:14px; border: none;width:66%;float:none;padding:6px 0 3px 0px}
.is2 select{vertical-align:bottom}
.is3 {font-size:14px;border: none;width:80%;float:none;}
}