﻿
/* PC용 CSS */
@media all and (max-width:1100px){


/*아이폰 버튼 스타일 초기화 st */
input[type=text], input[type=password], input[type=submit], input[type=search], input[type=button], textarea, select {-webkit-appearance: none;}
/*아이폰 버튼 스타일 초기화 ed */

.wrap {width:100%;height:auto;position:relative;}


.header{position: fixed;top: 0;z-index: 20000; width:100%;height:70px;background-color:#191113; background-color:rgba(25, 17, 19, .7);}

.mainmenu {display:none;  }
.menu_sbox {display:none;  }
.iph_banner{display:none;}


/*mobile 메뉴*/

.menubox{display:none;}
.mobile_header_box { width:100%; margin:0px; height:70px;position:relative;z-index:10000;background-color:#289420;  }
.header_m_menu {width:98%; margin:0px auto;height:60px; padding:0px 0px;position:relative;z-index:10000;}
.header_m_menu_img{position:absolute;top:4px;left:0px;}
.header_m_menu_img img{max-width:180px; padding-left:10px;}
.header_m_menu_bu{width:24px;height:18px;position:absolute;top:25px;right:2px; z-index:10000}


nav {display:none;width:100%;height:auto;position: absolute;z-index:3500; top:70px;background-color:#fff; }
nav .memu{height:auto;padding:10px 20px 10px 20px;background-color:#323232;border-bottom:1px solid #d5d4cf;font-size:0.813em;font-weight:600; background:url("/images/mobile/me_btn.png"); background-repeat: no-repeat; background-position:95% 13px; color:#000;}
nav .memu:hover {background-color: #ed1c24;color:#fff;}
nav .memu a:hover {color:#655c57;}
nav .memu_a{width:100%;height: auto; padding: 10px 0px 10px 0px;background-color: #ebebeb; border-bottom: 1px solid #fff; font-size:0.750em;color:#626262}
nav .memu_a a{color:#626262;padding-left:20px;font-weight:bold}
nav .memu_a a:hover {color:#655c57;font-weight:bold}
/*mobile 메뉴*/


/*main_visual*/
.mainVisual {position:relative;z-index:800; width:100%; height:392px; margin: 0 auto; overflow: hidden;}
.mainVisual .visualBg {margin: 0 auto;position: absolute;top: 0px;left: 0px;width: 100%;height: 392px;z-index: 500;cursor:pointer}
.mainVisual .visualBg1 {background: url("/images/main/m_visualbg_1_11.png") no-repeat center 0; background-size:cover}
.mainVisual .visualBg2 {background: url("/images/main/m_visualbg_2.png") no-repeat center 0; background-size:cover}
.mainVisual .visualBg3 {background: url("/images/main/m_visualbg_3_11.png") no-repeat center 0; background-size:cover}
.mainVisual .visualBg4 {background: url("/images/main/m_20210929_12.png") no-repeat center 0; background-size:cover}
.mainVisual .visualBg5 {background: url("/images/main/20240129_m11.png") no-repeat center 0; background-size:cover}
.mainVisual .visualBg6 {background: url("/images/main/20240129_m12.png") no-repeat center 0; background-size:cover}
.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 {width:100%; position: relative;margin: 0 auto;height:73px;}
.main_arrow_left {float: left;position: relative;left:0px;top: 323px;width:28px; height:73px;}
.main_arrow_box img {width:28px;}
.main_arrow_right {float: right;position: relative;right:-20px;top:323px;width:28px; height:73px;}
.main_arrow_right img {width:28px;}
.mainVisual .controller2 { width:100px;position: relative;z-index: 600;margin: 0 auto;}
.mainVisual .controller2 .rollBtnD {position: absolute;top:745px;left:0px;border:0px solid red;z-index: 600;}
.mainVisual .controller2 .rollBtnD li{display:inline-block}



/*인사말*/
.greeting{width:100%; height:auto; background:#fff;}
.greeting_wrap { margin:0 auto; text-align:center;}
.greeting_wrap img{max-width:100%;}

/*브랜드소개*/
.introduce{width:100%; height:auto; background:#fff;}
.introduce_wrap { margin:0 auto; text-align:center;}
.introduce_wrap img{max-width:100%;}

/*메뉴소개*/
.menu{width:100%; height:auto; background:#fff;}
.menu_wrap { margin:0 auto; text-align:center;}
.menu_wrap img{max-width:100%;}


/*인테리어*/
.interior{width:100%; height:auto; background:#fff;}
.interior_wrap { margin:0 auto; text-align:center;}
.interior_wrap img{max-width:100%;}

/*창업시스템*/
.system{width:100%; height:auto; background:#fff;}
.system_wrap { margin:0 auto; text-align:center;}
.system_wrap img{max-width:100%;}


/*창업시스템*/
.system_gr{width:100%; height:auto; background:#fff;}
.system_wrap_gr { margin:0 auto; text-align:center;}
.system_wrap_gr img{max-width:100%;}


/*창업절차*/
.process{width:100%; height:auto; background:#fff;}
.process_wrap { margin:0 auto; text-align:center;}
.process_wrap img{max-width:100%;}

 /*매장찾기*/
.imap_box{width:100%;height:1010px;border:0px}

.news_titlebox{clear:both; width:100%;height:100%;margin:0 auto;text-align:center;background:#479461}
.sub_news_title {font-size:30px;padding-top:30px;font-weight:bold;color:#fff;padding-bottom:20px;}
.news_box{width:100%;margin:20px auto;}
.news_box li{width:100%;float:none;}
.news_box li img{max-width:100%}

.news_title1box{clear:both; width:100%;height:100%;margin:0 auto;text-align:center;background:#fff}

    .news_title1box img {
        max-width: 100%
    }


/*상담문의 st*/

.consult_bigbox{margin:0 auto;position:relative;width:100%;height:auto;padding-bottom:50px; background:#499265;}
.consultpan{margin:0 auto;position:relative;width:100%;height:auto;text-align:center; }

.consult_box{width:100%;height:auto;padding-top:20px; position:relative}
.consult_abox{width:95%;margin:0 auto; border-radius:20px;background-color:#fff;height:auto;padding:30px 10px;}
.consult_p{width:100%;height:auto;border:0px solid blue;margin:0 auto;text-align:center;}
.phone{position:relative;margin-top:-75px;margin-right:20px;float:right;}
.phone img{width:52px;}

.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;font-size:9px;font-weight:bold;padding-left:3px}      
      .join_trb {padding: 12px 0px;font-size:9px;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:11px;}
      .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:85%;resize:none;border:1px solid #c7c7c7;padding:8px;}
      .rep_abox {width: 28%;height: 35px;border: 1px solid #c7c7c7;font-size:9px;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: 80%;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;height:100px;border: 1px solid #c7c7c7;background: #fff;color: #908e8e;font-size:10px;padding: 10px 10px;line-height: 120%;}
      .join_check {color: #5d0805;font-size:11px;font-weight:300;height:19px;text-align: left;padding-top:10px;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: 110px;background:#fff;border: 1px solid #fff;color: #000;height: 41px;cursor: pointer;font-size:11px;font-family: 'nanum-square-b';}
      .rep_bu_a:hover{background:#fff;color:#000;border: 1px solid #fff;} 

      .rep_bu_b {width: 110px;background-color:transparent ;border: 1px solid #fff;color: #fff;height: 41px;cursor: pointer;font-size:11px;font-family: 'nanum-square-b';} 
      .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:9px;}
      .pink {font-size:9px;}
/*개설문의 end*/





/*상담문의 end*/

/* 푸터영역 st */
.footer{width:100%;margin:0 auto;height:auto; padding-bottom:150px; background:#2a2828;clear:both;position:relative;}
.footer_box{max-width:100%;margin:0 auto;padding-top:12px;height:auto;position:relative;}
.footer_box h1{width:100%;padding:20px 0px 0px 0px;margin:0 auto;text-align:center;}
.footer_box h1 img{width:100px;}
.footer_box h2{width:100%;padding:10px 0px 0px 0px;margin:0 auto;text-align:center;}
.footer_box h2 img{width:45px;}
.footer_text{color:#838383;font-size:9px;width:100%;margin-top:13px;line-height:18px;padding-bottom:20px;text-align:center;}
.footer_text t1{font-size:9px;font-weight:600;height:auto;}

/*top_button*/
.top_btn{position:fixed;bottom:10px;right:10px;cursor:pointer;z-index:50000}
/*top_button*/


.popup_wrap_box{position: relative; width: 100%; margin: 0 auto;}

.popup_wrap {display: none;position: absolute;top:0px; z-index: 99999;}
.popup_wrap img{max-width:90%}

.popup_aa_1{position: relative; top: 20px;margin-left:0px;  left: 35px;}
.popup_aa_1 img{max-width:280px;}
.popup_aa_2{position: relative; top: 20px;margin-left:0px;  left: 35px;}

.popup_aa_3{position: relative; top: 20px;margin-left:0px;  left: 35px;}
.popup_aa_3 img{max-width:280px;}
.popup_aa_4{position: relative; top: 20px;margin-left:0px;  left: 35px;}


.popup_aa_5{position: relative; top: 20px;margin-left:0px;  left: 35px;}
.popup_aa_5 img{max-width:280px;}
.popup_aa_6{position: relative; top: 20px;margin-left:0px;  left: 35px;}


.popup_aa_7{position: relative; top: 20px;margin-left:0px;  left: 35px;}
.popup_aa_7 img{max-width:280px;}
.popup_aa_8{position: relative; top: 20px;margin-left:0px;  left: 35px;}



.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 */

}

