@charset "utf-8";


@media screen and (max-width:490px){
   
   /* 서브공통 */
.sub_visual{ width:100%; }
.sub_visual h2 { height:277px; font-size:30px; color:#fff; line-height: 277px; text-align:center; }
.sub_visual ol { float:right; padding-right:10px; }
.sub_visual li { float:left; }
.sub_visual a{ color:#fff; height:27px; line-height:40px; padding-left:10px; }

.sub_content { width:100% }
.sub_content h3 { font-size:35px; height:55px; text-align:center; margin:100px 0 30px 0; }
.sub_content>p { font-size:20px; text-align:center; margin-bottom:120px; }

/* brand */

.mark{width:100%; height:316px; background:url(../images/brand.jpg) no-repeat center top/cover;}


.brand { width:100%; }  
.brand li{ width:100%; height:500px; margin-bottom:70px; text-align:center; }

.brand li:nth-of-type(1){ background:url(../images/brand_1.jpg) no-repeat center top; }
.brand li:nth-of-type(2){ background:url(../images/brand_2.jpg) no-repeat center top; }
.brand li:nth-of-type(3){ background:url(../images/brand_3.jpg) no-repeat center top; }
.brand li:nth-of-type(4){ background:url(../images/brand_4.jpg) no-repeat center top; }
.brand li:nth-of-type(5){ background:url(../images/brand_5.jpg) no-repeat center top; margin-bottom:100px; }

.brand li p:nth-child(1){ padding-top:330px; }
.brand li p:nth-child(2){ font-size:20px; padding:10px 0; }
.brand li p:nth-child(3){ line-height:25px; }

/* newmenu */

.menu{ width:100%; height:316px; background:url(../images/newmenu.jpg) no-repeat left 65% top/cover; }


.newmenu { width:100%; text-align:center; }
.newmenu h4{ font-size:25px; }
   
.newmenu li>p:nth-of-type(1) { font-size:18px; line-height:25px; padding-top:15px; }
.newmenu li>p:nth-of-type(2) img{ width:100%; padding:30px 0 0 25px; }
.newmenu li:nth-of-type(2) p:nth-of-type(2) img{ padding-left:4px; }

.newmenu table { border-collapse:collapse; width:70%; height:100px; margin:30px auto 0 auto; }
.newmenu tr { padding:15px 0; }

.newmenu thead th{ font-weight:normal; }
.newmenu thead tr:nth-child(1) th{ font-size:20px; padding:0 0 10px 50px; }

.newmenu thead tr:nth-child(2) { border-top:1px solid black; border-bottom:1px solid black; }

.newmenu tbody td { text-align:center; border-bottom:1px solid black; padding:15px 0; }
.newmenu tfoot td{ padding:20px 0 0 55px; font-size:18px; color:#ec0e16; font-weight:bold; }


.buy_btn { margin:90px 0; padding-top:20px; border-top:1px solid black; text-align:center; }

.buy_btn div:nth-child(1) p{ line-height:20px; }
.buy_btn div:nth-child(1) p:nth-child(1){ line-height:35px; color:#ec0e16; }
 
.buy_btn div:nth-child(2) p:nth-child(1){ font-size:35px; font-weight:bold; padding-top:30px; }
.buy_btn div:nth-child(2) p:nth-child(2){ width:250px; height:60px; border-radius:50px; background:#ec0e16; margin:30px auto 0 auto; }
.buy_btn a{ text-align:left; line-height:60px; display:block; color:#fff; background:url(../images/newmenu_more.gif) no-repeat center right 30px; margin-left:30px; }

/* hamburger */

.burger { width:100%; height:316px; background:url(../images/hamburger.jpg) no-repeat center top; }

.hamburger { width:100%; }
.hamburger li{ text-align:center; margin-bottom:100px; }

.hamburger li>p:nth-child(2), .hamburger li p:nth-child(4) {font-size:20px; font-weight:bold; }
.hamburger li p:nth-child(3) { padding:10px 0 20px 0; }
.hamburger li p:nth-child(4) { padding-bottom:20px; }


.hamburger a { display:block; }

.p_buy{ width:280px; margin:0 auto;}
.p_buy p:nth-child(1), .p_buy p:nth-child(2) { width:135px; height:35px; text-align:left; line-height:35px; }
.p_buy p:nth-child(1) { float:left; border:2px solid #000; border-radius:50px 0 0 50px; background:#fff;}
.p_buy p:nth-child(2) { float:left; border-top:2px solid #000; border-right:2px solid #000; border-bottom:2px solid #000; border-radius:0 50px 50px 0; background: #ec0e16;  }
.p_buy p:nth-child(1) a{ margin-left:15px; color:#000; background:url(../images/hamburger_more_1.png) no-repeat center right 10px; }
.p_buy p:nth-child(2) a{ margin-left:15px; color:#fff; background:url(../images/hamburger_more_2.png) no-repeat center right 10px; }

.hamburger li:nth-child(5) { height:55px; text-align:center; border:0; background:none; }
.hamburger li:nth-child(5) img { width:30px; height:30px; }


/* coupon */

.product { width:100%; height:316px; background:url(../images/product.jpg) no-repeat center top; }

.coupon { width:100%; text-align:center; }
.coupon li{ margin:-50px 0 100px 0; }
.coupon>p:nth-of-type(2) img{ width:95% }
.coupon li p:nth-child(2) { font-size:20px; font-weight:bold; margin:10px 0; }
.coupon li p:nth-child(3) { margin-top: 20px; line-height: 23px; }
.coupon>p:nth-of-type(3){ font-size:16px; color: #ec0e16; border-top:1px solid #000; padding-top:80px; }
.coupon>p:nth-of-type(4){ font-size:16px; line-height: 23px; margin-top:-70px;} 

.eatz { width:100%; text-align:center; }
.eatz h4 { font-size:25px; text-indent:5px; }
.eatz ul { margin:80px 0 30px 0; }
.eatz p:nth-child(1) img{ width:95%; }
.eatz li p:nth-child(2){ margin:80px 0 30px 0; }
.eatz li p:nth-child(3){ line-height:30px; margin-bottom:20px; }

.burger_coupon { width:100%; text-align:center; padding-top:100px; }
.burger_coupon h4{ font-size:25px; text-indent:5px; }
.burger_coupon ul{ margin-top:80px; }
.burger_coupon li{ margin-bottom:80px; }
.burger_coupon li:nth-child(1) p:nth-child(1) img,.burger_coupon li:nth-child(2) p:nth-child(1) img,.burger_coupon li:nth-child(3) p:nth-child(1) img{ width:95%; }
.burger_coupon li p:nth-child(2){ font-size:20px; margin-top:20px; font-weight:bold; }
.burger_coupon li p:nth-child(3){ font-size:20px; font-weight:bold; margin:10px 0 20px 0; }
.burger_coupon li p:nth-child(4){ width:280px; height:55px; border-radius:50px; line-height:55px; background: #fff; border:1px solid #000; margin:0 auto; }
.burger_coupon li p:nth-child(4) a{ display:block; margin-left:-70px; color:#000; background:url(../images/product_more.png) no-repeat center right 40px; }
.burger_coupon li:nth-child(3){ padding-bottom:50px; }

.burger_coupon li:nth-child(4) img{ width:40px; height:40px; }

/* notice */

.news { width:100%; height:316px; background:url(../images/notice.jpg) no-repeat center top/cover; }

.notice form{ text-align:center; margin-bottom: 50px; }
.notice input{ width:300px; height:50px; text-indent:20px; border:1px solid #999; }
.notice form button{ border:0; background:none; position:absolute; margin:15px 0 0 -50px; cursor:pointer; }
.notice a{ color:#000; }

.notice table{ width:100%; height:880px; font-size:14px; border-top:3px solid #ec0e16; border-bottom:3px solid #000; border-collapse:collapse; }

.notice td{ display:block; height:40px; line-height:40px; text-indent: 20px;}
.notice td:nth-child(1){ display: none; }

.notice tr:nth-child(1){ font-weight:bold; }
.notice tr:not(:last-child){ border-bottom:1px solid #000; }

.notice ul{ width:320px; height:30px; text-align:center; margin:30px auto 130px auto; }
.notice li{ float:left; width:11px; height:16px; padding:0 12px; }
.notice li:nth-child(7)~li{display:none; }
.notice li:nth-child(12)~li{ display:block;}


/* event */


.evn { width:100%; height:316px; background:url(../images/event.jpg) no-repeat center top; }
.event{ width:100%; }

.event_btn{ width:270px; height:40px; margin:100px auto 50px auto;}
.event_btn li{ width:90px; height:40px; float:left; text-align:center; line-height:60px; border-top:3px solid #ec0e16; box-sizing:border-box; }
.event_btn li a{ display:block; font-size:20px; font-weight:bold; height:40px; color:#ec0e16; }


.event_list li{ width:100%; height:400px; text-align:center; }
.event_list p:first-child{ margin-bottom:20px;}
.event_list p:first-child img { width:95%; }
.event_list p:nth-child(2){ margin-bottom:40px; font-size:20px; font-weight:bold; } 
.event_list a{ color:#000; }


/* shop */


.shop { width:100%; height:316px; background:url(../images/store.jpg) no-repeat center top; }

.store { width:100%; text-align:center; }
.store ul{ margin-bottom:50px; }
.store li { height:230px; }
.store li p:nth-child(1) button{ border:0; background:none; width:177px; height:117px; }
.store li p:nth-child(2){ font-size:20px; }
.store li p:nth-child(3){ line-height:23px; }

.search { width:225px; margin:0 auto; }
.search p a{ float:left; color:#000; font-size:20px; line-height:45px; font-weight:bold; }
.search p:nth-child(2) a{ padding-left:30px; }

.store form { text-align:center; margin:20px 0; }
.store input{ width:90%; height:50px; text-indent:20px; border:1px solid #000; }
.store form button{ border:0; background:none; position:absolute; margin:10px 0 0 -50px; }
.store iframe{ margin:0 0 80px 0; border:0; width:100%; height:500px; }

.layer_popup{ position:absolute; width:100%;  background:#fff; display:none; }
.layer_popup table{ width:90%;  font-size:14px; border-collapse:collapse; margin:0 auto; }
.layer_popup thead{  line-height:25px; border-bottom:3px solid #ec0e16; }
.layer_popup td{ height:80px; border-bottom:1px solid #000; }



.layer_popup td:nth-child(1) a{ color:#000; }
.layer_popup td:nth-child(4) a{ color:#fff; display:block; margin:0 auto; width:90px; height:25px; line-height:25px; border-radius:50px; background:#ec0e16; }

.layer_popup ul{ width:210px; height:30px; margin:20px auto; }
.layer_popup li{ float:left; width:7px; height:10px; padding-left:30px; }
.layer_popup li a{ color:#000; }

   
}

@media screen and (min-width:491px) and (max-width:1199px){
   
       /* 서브공통 */
   .sub_visual{ width:100%; }
   .sub_visual h2 { height:277px; font-size:30px; color:#fff; line-height: 277px; text-align:center; }
   .sub_visual ol { float:right; padding-right:10px; }
   .sub_visual li { float:left; }
   .sub_visual a{ color:#fff; height:27px; line-height:40px; padding-left:10px; }

   .sub_content { width:100% }
   .sub_content h3 { font-size:35px; height:55px; text-align:center; margin:100px 0 30px 0; }
   .sub_content>p { font-size:20px; text-align:center; margin-bottom:120px; }

   /* brand */

   .mark{width:100%; height:316px; background:url(../images/brand.jpg) no-repeat center top/cover;}


   .brand { width:90%; margin:0 auto; }

   .brand li{ width:100%; height:500px; margin-bottom:70px; text-align:center; }

   .brand li:nth-of-type(1){ background:url(../images/brand_1.jpg) no-repeat center top; }
   .brand li:nth-of-type(2){ background:url(../images/brand_2.jpg) no-repeat center top; }
   .brand li:nth-of-type(3){ background:url(../images/brand_3.jpg) no-repeat center top; }
   .brand li:nth-of-type(4){ background:url(../images/brand_4.jpg) no-repeat center top; }
   .brand li:nth-of-type(5){ background:url(../images/brand_5.jpg) no-repeat center top; margin-bottom:100px; }

   .brand li p:nth-child(1){ padding-top:330px; }
   .brand li p:nth-child(2){ font-size:20px; padding:10px 0; }
   .brand li p:nth-child(3){ line-height:26px; }

   /* newmenu */

   .menu{ width:100%; height:316px; background:url(../images/newmenu.jpg) no-repeat left 65% top/cover; }


   .newmenu { width:100%; text-align:center; }
   .newmenu h4{ font-size:25px; }
   .newmenu li>p:nth-of-type(1) { font-size:18px; line-height:25px; padding-top:15px; }
      .newmenu li>p:nth-of-type(2) img{ width:50%; padding:30px 0 0 25px; }
   .newmenu li:nth-of-type(2) p:nth-of-type(2) img{ padding-left:4px; }

      .newmenu table { border-collapse:collapse; width:70%; height:100px; margin:30px auto 0 auto; }
   .newmenu tr { padding:15px 0; }

   .newmenu thead th{ font-weight:normal; }
   .newmenu thead tr:nth-child(1) th{ font-size:20px; padding:0 0 10px 80px; }

   .newmenu thead tr:nth-child(2) { border-top:1px solid black; border-bottom:1px solid black; }

   .newmenu tbody td { text-align:center; border-bottom:1px solid black; padding:15px 0; }
   .newmenu tfoot td{ padding:20px 0 0 55px; font-size:18px; color:#ec0e16; font-weight:bold; }


   .buy_btn { margin:90px 0; padding-top:20px; border-top:1px solid black; text-align:center; }

   .buy_btn div:nth-child(1) p{ line-height:20px; }
   .buy_btn div:nth-child(1) p:nth-child(1){ line-height:35px; color:#ec0e16; }

   .buy_btn div:nth-child(2) p:nth-child(1){ font-size:35px; font-weight:bold; padding-top:30px; }
   .buy_btn div:nth-child(2) p:nth-child(2){ width:250px; height:60px; border-radius:50px; background:#ec0e16; margin:30px auto 0 auto; }
   .buy_btn a{ text-align:left; line-height:60px; display:block; color:#fff; background:url(../images/newmenu_more.gif) no-repeat center right 30px; margin-left:30px; }


   /* coupon */

   .product { height:316px; background:url(../images/product.jpg) no-repeat center top; }

      .coupon { width:70%; text-align:center; margin:0 auto; }
      .coupon ul{ overflow:hidden; }
      .coupon li{ width:50%; float:left; margin-bottom:100px; }
   .coupon>p:nth-of-type(2) img{ width:95% }
   .coupon li p:nth-child(2) { font-size:20px; font-weight:bold; margin:10px 0; }
   .coupon li p:nth-child(3) { margin-top: 20px; line-height: 23px; }
   .coupon>p:nth-of-type(3){ font-size:16px; color: #ec0e16; border-top:1px solid #000; padding-top:80px; }
   .coupon>p:nth-of-type(4){ font-size:16px; line-height: 23px; margin-top:-70px;} 

      .eatz { text-align:center; margin:0 auto; }
   .eatz h4 { font-size:25px; text-indent:5px; }
      .eatz ul { margin:80px 0 30px 0; }
   .eatz p:nth-child(1) img{ width:70%; }
   .eatz li p:nth-child(2){ margin:80px 0 30px 0; }
   .eatz li p:nth-child(3){ line-height:30px; margin-bottom:20px; }


   /* notice */

   .news { width:100%; height:316px; background:url(../images/notice.jpg) no-repeat center top/cover; }

   .notice form{ text-align:center; margin-bottom: 50px; }
   .notice input{ width:300px; height:50px; text-indent:20px; border:1px solid #999; }
   .notice form button{ border:0; background:none; position:absolute; margin:15px 0 0 -50px; cursor:pointer; }
   .notice a{ color:#000; }

      .notice table{ width:80%; height:880px; margin:0 auto; font-size:14px; border-top:3px solid #ec0e16; border-bottom:3px solid #000; border-collapse:collapse; }

      .notice td{ display:block; height:40px; line-height:40px; text-indent: 40px;}
   .notice td:nth-child(1){ display: none; }

   .notice tr:nth-child(1){ font-weight:bold; }
   .notice tr:not(:last-child){ border-bottom:1px solid #000; }

   .notice ul{ width:320px; height:30px; text-align:center; margin:30px auto 130px auto; }
   .notice li{ float:left; width:11px; height:16px; padding:0 12px; }
   .notice li:nth-child(7)~li{display:none; }
   .notice li:nth-child(12)~li{ display:block;}


   /* event */


   .evn { width:100%; height:316px; background:url(../images/event.jpg) no-repeat center top; }
   .event{ width:100%; }

   .event_btn{ width:270px; height:40px; margin:100px auto 50px auto;}
   .event_btn li{ width:90px; height:40px; float:left; text-align:center; line-height:60px; border-top:3px solid #ec0e16; box-sizing:border-box; }
   .event_btn li a{ display:block; font-size:20px; font-weight:bold; height:40px; color:#ec0e16; }

      .event_list{ margin:0 auto; }
      .event_list ul{ overflow:hidden; }
      .event_list li{ width:50%; float:left; height:400px; text-align:center; }
   .event_list p:first-child{ margin-bottom:20px;}
   .event_list p:first-child img { width:95%; }
      .event_list p:nth-child(2){ margin-bottom:40px; font-weight:bold; } 
   .event_list a{ color:#000; }


   /* shop */


   .shop { width:100%; height:316px; background:url(../images/store.jpg) no-repeat center top; }

      .store { width:100%; text-align:center; margin:0 auto; }
      .store ul{ margin-bottom:50px; overflow:hidden; }
      .store li { width:50%; float:left; height:230px; }
   .store li p:nth-child(1) button{ border:0; background:none; width:177px; height:117px; }
   .store li p:nth-child(2){ font-size:20px; }
   .store li p:nth-child(3){ line-height:23px; }

   .search { width:225px; margin:0 auto; }
   .search p a{ float:left; color:#000; font-size:20px; line-height:45px; font-weight:bold; }
   .search p:nth-child(2) a{ padding-left:30px; }

   .store form { text-align:center; margin:20px 0; }
   .store input{ width:90%; height:50px; text-indent:20px; border:1px solid #000; }
   .store form button{ border:0; background:none; position:absolute; margin:10px 0 0 -50px; cursor:pointer; }
   .store iframe{ margin:0 0 80px 0; border:0; width:100%; height:500px; }

   .layer_popup{ position:absolute; width:100%;  background:#fff; display:none; }
   .layer_popup table{ width:90%;  font-size:14px; border-collapse:collapse; margin:0 auto; }
   .layer_popup thead{  line-height:25px; border-bottom:3px solid #ec0e16; }
   .layer_popup td{ height:80px; border-bottom:1px solid #000; }



   .layer_popup td:nth-child(1) a{ color:#000; }
   .layer_popup td:nth-child(4) a{ color:#fff; display:block; margin:0 auto; width:90px; height:25px; line-height:25px; border-radius:50px; background:#ec0e16; }

   .layer_popup ul{ width:210px; height:30px; margin:20px auto; }
   .layer_popup li{ float:left; width:7px; height:10px; padding-left:30px; }
   .layer_popup li a{ color:#000; }  
   
}

@media screen and (min-width:491px) and (max-width:600px){
      /* hamburger */
 
      .burger { width:100%; height:316px; background:url(../images/hamburger.jpg) no-repeat center top; }

      .hamburger { width:100%; }
      .hamburger li{ text-align:center; margin-bottom:100px; }

      .hamburger li>p:nth-child(2), .hamburger li p:nth-child(4) {font-size:20px; font-weight:bold; }
      .hamburger li p:nth-child(3) { padding:10px 0 20px 0; }
      .hamburger li p:nth-child(4) { padding-bottom:20px; }


      .hamburger a { display:block; }

      .p_buy{ width:280px; margin:0 auto;}
      .p_buy p:nth-child(1), .p_buy p:nth-child(2) { width:135px; height:35px; text-align:left; line-height:35px; }
      .p_buy p:nth-child(1) { float:left; border:2px solid #000; border-radius:50px 0 0 50px; background:#fff;}
      .p_buy p:nth-child(2) { float:left; border-top:2px solid #000; border-right:2px solid #000; border-bottom:2px solid #000; border-radius:0 50px 50px 0; background: #ec0e16;  }
      .p_buy p:nth-child(1) a{ margin-left:15px; color:#000; background:url(../images/hamburger_more_1.png) no-repeat center right 10px; }
      .p_buy p:nth-child(2) a{ margin-left:15px; color:#fff; background:url(../images/hamburger_more_2.png) no-repeat center right 10px; }

      .hamburger li:nth-child(5) { height:55px; text-align:center; border:0; background:none; }
      .hamburger li:nth-child(5) img { width:30px; height:30px; }
   
   
   
      .burger_coupon { width:100%; text-align:center; padding-top:100px; }
      .burger_coupon h4{ font-size:25px; text-indent:5px; }
      .burger_coupon ul{ margin-top:80px; }
      .burger_coupon li{ margin-bottom:80px; }
      .burger_coupon li:nth-child(1) p:nth-child(1) img,.burger_coupon li:nth-child(2) p:nth-child(1) img,.burger_coupon li:nth-child(3) p:nth-child(1) img{ width:95%; }
      .burger_coupon li p:nth-child(2){ font-size:20px; margin-top:20px; font-weight:bold; }
      .burger_coupon li p:nth-child(3){ font-size:20px; font-weight:bold; margin:10px 0 20px 0; }
      .burger_coupon li p:nth-child(4){ width:280px; height:55px; border-radius:50px; line-height:55px; background: #fff; border:1px solid #000; margin:0 auto; }
      .burger_coupon li p:nth-child(4) a{ display:block; margin-left:-70px; color:#000; background:url(../images/product_more.png) no-repeat center right 40px; }
      .burger_coupon li:nth-child(3){ padding-bottom:50px; }

      .burger_coupon li:nth-child(4) img{ width:40px; height:40px; }

}

@media screen and (min-width:601px) and (max-width:1199px){
   
      /* hamburger */

      .burger { width:100%; height:316px; background:url(../images/hamburger.jpg) no-repeat center top; }

      .hamburger { width:100%; }
      .hamburger ul{ overflow:hidden; }
      .hamburger li{  width:50%; float:left; text-align:center; margin-bottom:100px; }

      .hamburger li>p:nth-child(2), .hamburger li p:nth-child(4) { font-size:20px; font-weight:bold; }
      .hamburger li p:nth-child(3) { padding:10px 0 20px 0; }
      .hamburger li p:nth-child(4) { padding-bottom:20px; }


      .hamburger a { display:block; }

      .p_buy{ width:280px; margin:0 auto;}
      .p_buy p:nth-child(1), .p_buy p:nth-child(2) { width:135px; height:35px; text-align:left; line-height:35px; }
      .p_buy p:nth-child(1) { float:left; border:2px solid #000; border-radius:50px 0 0 50px; background:#fff;}
      .p_buy p:nth-child(2) { float:left; border-top:2px solid #000; border-right:2px solid #000; border-bottom:2px solid #000; border-radius:0 50px 50px 0; background: #ec0e16;  }
      .p_buy p:nth-child(1) a{ margin-left:15px; color:#000; background:url(../images/hamburger_more_1.png) no-repeat center right 10px; }
      .p_buy p:nth-child(2) a{ margin-left:15px; color:#fff; background:url(../images/hamburger_more_2.png) no-repeat center right 10px; }

      .hamburger li:nth-child(5) { height:55px; text-align:center; border:0; background:none; }
      .hamburger li:nth-child(5) img { width:30px; height:30px; }
   
   
   
      .burger_coupon { width:100%; text-align:center; padding-top:100px; margin:0 auto; }
      .burger_coupon h4{ font-size:25px; }
      .burger_coupon ul{ margin-top:80px; overflow:hidden; }
      .burger_coupon li{ margin-bottom:80px; width:50%; float:left; }
      .burger_coupon li:nth-child(1) p:nth-child(1) img,.burger_coupon li:nth-child(2) p:nth-child(1) img,.burger_coupon li:nth-child(3) p:nth-child(1) img{ width:95%; }
      .burger_coupon li p:nth-child(2){ font-size:20px; margin-top:20px; font-weight:bold; }
      .burger_coupon li p:nth-child(3){ font-size:20px; font-weight:bold; margin:10px 0 20px 0; }
      .burger_coupon li p:nth-child(4){ width:280px; height:45px; border-radius:50px; line-height:45px; background: #fff; border:1px solid #000; margin:0 auto; }
      .burger_coupon li p:nth-child(4) a{ display:block; margin-left:-70px; color:#000; background:url(../images/product_more.png) no-repeat center right 40px; }
      .burger_coupon li:nth-child(3){ padding-bottom:50px; }

      .burger_coupon li:nth-child(4) img{ padding-top:100px; width:40px; height:40px; }   
   
   
} 
   
@media screen and (min-width:1200px){
   
   /* 서브공통 */
   
.sub_visual{ clear:both; width:1200px; margin:90px auto 0 auto; }
.sub_visual h2 { height:277px; font-size:48px; color:#fff; line-height: 277px; text-align:center; }
.sub_visual ol { float:right; }
.sub_visual li { float:left; }
.sub_visual a{ color:#fff; height:40px; line-height:40px; margin-left:10px; }

.sub_content { width:1200px; margin:0 auto; }
.sub_content h3 { font-size:55px; height:55px; text-align:center; margin:100px 0 30px 0; }
.sub_content>p { font-size:20px; text-align:center; margin-bottom:120px; }


/* brand */

.mark{width:100%; height:316px; background:url(../images/brand.jpg) no-repeat center top;}


.brand { width:1200px; margin:0 auto; }
.brand li{ width:1200px; height:287px; margin-bottom:70px; }

.brand li:nth-child(1){ background:url(../images/brand_1.jpg) no-repeat left; }
.brand li:nth-child(2){ background:url(../images/brand_2.jpg) no-repeat right; }
.brand li:nth-child(3){ background:url(../images/brand_3.jpg) no-repeat left; }
.brand li:nth-child(4){ background:url(../images/brand_4.jpg) no-repeat right; }
.brand li:nth-child(5){ background:url(../images/brand_5.jpg) no-repeat left; margin-bottom:120px; }

.brand li:nth-child(1) p,.brand li:nth-child(3) p,.brand li:nth-child(5) p{ margin: 0 0 0 650px; }
.brand li:nth-child(2) p,.brand li:nth-child(4) p{ margin: 0 0 0 50px; }

.brand li p:nth-child(1){ padding-top:70px; }
.brand li p:nth-child(2){ font-size:20px; padding:20px 0; }
.brand li p:nth-child(3){ line-height:26px; }

.brand li:nth-child(1) p:nth-child(2){ width:190px; border-top:1px solid #ec0e16; }
.brand li:nth-child(2) p:nth-child(2),.brand li:nth-child(3) p:nth-child(2),.brand li:nth-child(4) p:nth-child(2) { width:145px; border-top:1px solid #ec0e16; }
.brand li:nth-child(5) p:nth-child(2){ width:275px; border-top:1px solid #ec0e16; }


/* newmenu */

.menu{ width:100%; height:316px; background:url(../images/newmenu.jpg) no-repeat center top; }


.newmenu { width:1200px; margin:0 auto; }
.newmenu h4{ font-size:35px; text-indent:15px; border-left:9px solid #ec0e16; }
.newmenu li>p:nth-of-type(1) { font-size:20px; margin:20px 0 0 25px; line-height:30px; }

.newmenu li>p:nth-of-type(2) { float:left; width:460px; height:290px; margin:40px 0 30px 0; }
.newmenu h4 { clear:both; }
.newmenu table { float:right; border-collapse:collapse; width:600px; height:150px; margin-top:110px; }
.newmenu thead { font-weight:normal; }
.newmenu tr { padding:15px 0; }

.newmenu thead th{ font-weight:normal; line-height:50px; }
.newmenu thead tr:nth-child(1) { font-size:20px; }
.newmenu thead tr:nth-child(2) { text-align:center; border-top:1px solid black; border-bottom:1px solid black; }

.newmenu tbody td { text-align:center; border-bottom:1px solid black; padding:15px 0; }
.newmenu tfoot td{ padding-top:20px; font-size:20px; color:#ec0e16; font-weight:bold; }

.buy_btn { clear:both; margin:120px 0; padding-top:20px; border-top:1px solid black; }

.buy_btn div:nth-child(1) { float:right; }
.buy_btn div:nth-child(1) p{ text-align:right; line-height:20px; }
.buy_btn div:nth-child(1) p:nth-child(1){ line-height:35px; color:#ec0e16; }
 
.buy_btn div:nth-child(2) p:nth-child(1){ font-size:35px; font-weight:bold; margin:20px 0 0 85px; }
.buy_btn div:nth-child(2) p:nth-child(2){ width:250px; height:60px; border-radius:50px; background:#ec0e16; margin: 35px 0 0 35px; }
.buy_btn a{ margin-left:30px; text-align:left; line-height:60px; display:block; color:#fff; background:url(../images/newmenu_more.gif) no-repeat center right 30px; }


/* hamburger */

.burger { width:100%; height:316px; background:url(../images/hamburger.jpg) no-repeat center top; }

.hamburger { width:1200px; margin:0 auto; }
.hamburger li{ box-sizing:border-box; width:310px; height:370px; float:left; margin:0 0 60px 67px; text-align:center; }
.hamburger li>p:nth-child(2), .hamburger li p:nth-child(4) {font-size:20px; font-weight:bold; }
.hamburger li p:nth-child(3) { padding:10px 0 20px 0; }
.hamburger li p:nth-child(4) { padding-bottom:20px; }
.hamburger li:nth-child(4) { margin-bottom: 150px; }

.hamburger a { display:block; }
.p_buy{ width:280px; margin:0 auto;}
.p_buy p:nth-child(1), .p_buy p:nth-child(2) { width:135px; height:35px; text-align:left; line-height:35px; }
.p_buy p:nth-child(1) { float:left; border:2px solid #000; border-radius:50px 0 0 50px; background:#fff;}
.p_buy p:nth-child(2) { float:left; border-top:2px solid #000; border-right:2px solid #000; border-bottom:2px solid #000; border-radius:0 50px 50px 0; background: #ec0e16;  }
.p_buy p:nth-child(1) a{ margin-left:15px; color:#000; background:url(../images/hamburger_more_1.png) no-repeat center right 10px; }
.p_buy p:nth-child(2) a{ margin-left:15px; color:#fff; background:url(../images/hamburger_more_2.png) no-repeat center right 10px; }

.hamburger li:nth-child(5) { height:55px; text-align:center; border:0; background:none; }
.hamburger li:nth-child(5) img { width:30px; height:30px; margin-top:150px; }


/* coupon */

.product { width:100%; height:316px; background:url(../images/product.jpg) no-repeat center top; }

.coupon { width:1200px; margin:0 auto; }
.coupon li{ float:left; width:300px; height:250px; text-align:center; margin:-50px 0 100px 0; }
.coupon li p:nth-child(2) { font-size:20px; font-weight:bold; margin:10px 0; }
.coupon li p:nth-child(3) { margin-top: 20px; line-height: 23px; }
.coupon>p:nth-of-type(3){ clear:both; font-size:16px; color: #ec0e16; border-top:1px solid #000; padding-top:80px; }
.coupon>p:nth-of-type(4){ font-size:16px; line-height: 23px; margin-top:-70px;} 

.eatz { width:1200px; margin:0 auto; }
.eatz h4 { font-size:35px; text-indent:15px; border-left:9px solid #ec0e16; }
.eatz ul { text-align:center; margin:80px 0 130px 0; }
.eatz li p:nth-child(2){ margin:80px 0 30px 0; }
.eatz li p:nth-child(3){ line-height:30px; margin-bottom:100px; }

.burger_coupon { width:1200px; margin:100px auto 0 auto; }
.burger_coupon h4{ font-size:35px; text-indent:15px; border-left:9px solid #ec0e16; }
.burger_coupon ul{ margin-top:120px; }
.burger_coupon li{ float:left; width:570px; text-align:center; margin-bottom:80px; }
.burger_coupon li p:nth-child(2){ font-size:20px; margin-top:20px; font-weight:bold; }
.burger_coupon li p:nth-child(3){ margin:10px 0 20px 0; font-size:20px; font-weight:bold; }
.burger_coupon li p:nth-child(4){ width:350px; height:55px; border-radius:50px; text-align:center; line-height:55px; background: #fff; border:1px solid #000; margin-left:100px;}
.burger_coupon li p:nth-child(4) a{ display:block; margin-left:-70px; color:#000; background:url(../images/product_more.png) no-repeat center right 40px; }
.burger_coupon li:nth-child(3){ padding-bottom:50px; }
.burger_coupon li:nth-child(4){ margin:150px 0 0 30px; }


/* notice */

.news { width:100%; height:316px; background:url(../images/notice.jpg) no-repeat center top; }

.notice form{ text-align:right; margin-bottom: 50px; }
.notice input{ width:330px; height:60px; text-indent:20px; border:1px solid #999; }
.notice form button{ border:0; background:none; position:absolute; margin:15px 0 0 -50px; cursor:pointer; }
.notice a{ color:#000; }

.notice table{ width:1200px; height:880px; border-top:3px solid #ec0e16; border-bottom:3px solid #000; border-collapse:collapse; }
.notice td:nth-child(1), .notice td:nth-child(3){ text-align:center; }
.notice td:nth-child(1){ padding-left:30px; }
.notice td:nth-child(2){ text-indent:80px; }
.notice td:nth-child(3){ padding-right:30px; }
.notice tr:nth-child(1){ font-weight:bold; }
.notice tr:not(:last-child){ border-bottom:1px solid #000; }

.notice ul{ width:320px; height:30px; text-align:center; margin:30px auto 130px auto; }
.notice li{ float:left; width:11px; height:16px; padding:0 12px; }
.notice li:nth-child(7)~li{display:none; }
.notice li:nth-child(12)~li{ display:block;}


/* event */


.evn { width:100%; height:316px; background:url(../images/event.jpg) no-repeat center top; }
.event{ width:1200px; margin:0 auto; }

.event_btn{ width:300px; height:40px; margin:100px auto 50px auto;}
.event_btn li{ width:100px; height:40px; float:left; text-align:center; line-height:40px; }
.event_btn li a{ display:block; font-size:20px; font-weight:bold; height:40px; color:#000; }
.event_btn li a:hover{ background: #ec0e16; color:#fff; }

.event_list li{ width:561px; height: 390px; float:left; margin:0 11px; }
.event_list p:first-child{ margin-bottom:20px;} 
.event_list p:nth-child(2){ margin-bottom:40px; font-size:20px; font-weight:bold; } 
.event_list a{ color:#000; }


/* shop */


.shop { width:100%; height:316px; background:url(../images/store.jpg) no-repeat center top; }

.store { width:1200px; margin:0 auto; }
.store ul{ margin-bottom:50px; margin-left:70px; }
.store li { float:left; width:180px; height:230px; text-align:center; margin:0 0 80px 65px; }
.store li p:nth-child(1) button{ border:0; background:none; width:177px; height:117px; cursor:pointer; }
.store li p:nth-child(1) button:hover{ border:0; background:#f99b1a; border-radius:50px; width:185px; height:117px; cursor:pointer; }
.store li p:nth-child(2){ font-size:20px; margin-left:10px; }
.store li p:nth-child(3){ margin:15px 0 0 10px; line-height:23px; }

.search { clear:both; margin-left:80px; }
.search p a{ float:left; color:#000; font-size:20px; line-height:45px; text-align:center; font-weight:bold; }
.search p a:hover{ color:#000; font-size:20px; line-height:45px; text-align:center; font-weight:bold; border-top:3px solid #ec0e16; box-sizing:border-box;}
.search p:nth-child(2) a{ margin-left:20px; }

.store form { clear:both; margin:80px 0 80px 80px; }
.store input{ width:1060px; height:65px; text-indent:20px; border:1px solid #000; }
.store form button{ border:0; background:none; position:absolute; margin:15px 0 0 -60px; cursor:pointer; }
.store iframe{ margin:0 0 80px 0; border:0; width:1200px; height:720px; }

.layer_popup{ position:absolute; margin:-80px 0 0 80px; width:1060px; height:530px; background:#fff; border:1px solid #000; display:none; }
.layer_popup table{ margin:30px 0 0 80px; width:900px; height:415px; text-align:center; border-collapse:collapse; }
.layer_popup thead{ height:80px; line-height:80px; border-bottom:3px solid #ec0e16; }
.layer_popup td{ border-bottom:1px solid #000; }
.layer_popup td:nth-child(1) a{ color:#000; }
.layer_popup td:nth-child(4) a{ color:#fff; display:block; margin:0 auto; width:123px; height:35px; line-height:35px; border-radius:50px; background:#ec0e16; }

.layer_popup ul{ margin: 20px 0 0 100px; }
.layer_popup li{ width:7px; height:10px; margin-left:20px; }
.layer_popup li a{ color:#000; }
   
}