#menu_ingredients .table_wrap table th:nth-child(2), #menu_ingredients .table_wrap table tr td:nth-child(2){text-align:left; padding-left:15px;}
.btn_detail{display: inline-block; width: auto; max-width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;}
.mobile_view{display:none;}
.pc_view{display:block}

@media(max-width:1630px){
  .date label {width: 46%;}
}

@media(max-width:1450px){
  .date label {width: 45%;}
  #add_ingredient .selected_list { max-height: 62.5vh;}
  #add_ingredient .search_box .control-label{width:100px;}

  /* menu_semi_mf_new */
  .menu_ #add_ingredient .search_box li:nth-child(3) .select-wrap2{padding-left:0;}
  .menu_ #add_ingredient .search_box li:nth-child(3) .select-wrap label{width:50px;}
  .menu_ #add_ingredient .search_box li:nth-child(3) .select-wrap select{width:calc(100% - 50px)}


}

@media (max-width:1400px) {

  /** index **/
  #login:after {width: 75%; height: 100vh;background-size: 75%}
  #login .login_div{top:20%}

  /** main **/
  #main .main_slider{height:428px}
  .swiper-pagination-fraction,
  .swiper-pagination-custom,
  .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 15px}
  #hd_logo {width: 180px;}

  .menu_right .btn_logout { line-height: 28px; height: 30px; width: 80px;font-size: 12px; margin-top: 2px}
  #main .menu_right .btn_chgImg{margin-left:10px;}
  .menu_right .login_type {padding: 3px 0 10px 10px;font-size: 13px}
  .user { margin-top: 5px; width: 27px; margin-right: 0}
  .menu_center ul li {line-height: 48px}

  #menu_list_new #menu_info .img_box img{width:auto; height:100%;}

}

/* tablet */
@media (max-width:1370px) {
  #main .main_slider {height: auto}
  /** popup **/
  .popup.ingredient_{height:auto; max-height:90vh}

}
@media (max-width:1280px) {
  html, .cont_inner {min-width: 0}
  .date label {width: 45%;}
  .nav_wrap {width: 180px;}

  .cont_inner section.sec01,
  .cont_inner section.sec03,
  .sec02_wrap{max-width:1000px;}

  #menu_semi_mf_new #add_ingredient .search_box .control-label{font-size:14px;}
  #menu_semi_mf_new #add_ingredient .search_box .input_box .control-label {width: 50px}
  #menu_semi_mf_new #add_ingredient .search_box .col-md-6 .select-wrap{width: calc(100% - 115px);}
  #menu_semi_mf_new #add_ingredient .search_box li:nth-child(3) .select-wrap label{width:45px}
  #menu_semi_mf_new #add_ingredient .search_box li:nth-child(3) .select-wrap select{width:calc(100% - 45px);padding-left: 5px;margin:0}




}
@media (max-width:1155px) {
  #add_ingredient,
  #add_ingredient2{
    width: 90% !important; max-height:90vh; overflow:auto;}
  #add_ingredient .search_box li:nth-child(3) .select-wrap select{    margin: 0;  padding-left: 5px;}
  #add_ingredient .input_box.col-md-10{padding-right:0;     width: calc(100% - 100px); max-width:none}
  #menu_list_new #add_ingredient2 .table_wrap table{min-width:400px}

}

@media (max-width:1050px) {
    #add_ingredient .search_box li:nth-child(3) .select-wrap select{padding-left:0}
    .board_box .board_top{float:none}

    .cont_inner section.sec01,
    .cont_inner section.sec03,
    .sec02_wrap,
    body.sub #container .cont_inner{width:92%}
    #header{height:auto;}
    #header{height:auto;}
    .header_inner{padding:10px 30px; padding-top:45px;}
    .header_inner:after{display:block; content:''; clear:both}
    .menu_right{padding:0 15px; height:35px; line-height:35px;
      width: 100%;
      display: inline-block;
      text-align: right;
      background-color: #FFB33F;
      right: 0;}
    .user {margin-top: 8px;width: 20px}
    .menu_right .btn_chgImg{vertical-align: top;margin-top:-2px; margin-left:5px; font-size:12px; height:28px; border-bottom:1px solid #464646}
    .menu_right .login_type{font-size:12px; padding: 0; vertical-align: top; margin-top: 3px;}
    .menu_right .btn_logout {
        line-height: 23px;
        height: 25px;
        font-size: 12px;
        margin-top: 5px;
        background-color:#fff !important;
        color:#FFB33F !important
    }
    .menu_center{float:right}


}
@media (max-width:1024px) {

  /** popup **/
  .popup.ingredient_ .tab .form-group{width:100%}
  .popup.ingredient_ .tab02 table td:nth-child(2),
  .popup.ingredient_ .tab02 table thead th:nth-child(2){width:40px;}
  .popup.ingredient_ .tab02 table td:nth-child(2) .select-control{width:40px !important; background-size:10px 12px;border: 1px solid #e5e5e5;height:35px;}
  .popup.ingredient_ .tab02 table td:nth-child(2) .input_box-wrap{width:40px !important; display:inline-block;}
  .popup.ingredient_ .tab02 table thead th,
  .popup.ingredient_ .tab02 table thead td,
  .popup.ingredient_ .tab02 table thead th:last-child,
  .popup.ingredient_ .tab02 table thead tr:last-child td{width:22%}

  /** main **/

  #chgImg{width:550px;}
  #chgImg .logo_ .img_box{height:55px;}
  body #chgImg .logoimg{height:auto !important}
  #chgImg .mainImg .img_box {width: 100%; height: 170px}
  #chgImg .ImgMainCustom{max-height:170px;}
  #chgImg .form-group {float:none}

  /** menu_ingredients **/
  body.sub .menu_center ul li{color:#333}
  body.sub .menu_center ul li.active{background-color:transparent; color:#4FA078}
  .menu_ table label.checkbox_wrap{margin-left:10px}

  .search_box .control-label{float:left}
  .col-md-6, .col-md-4{display:inline-block; float:left}
  .menu_ .search_box .select-wrap{width: calc(100% - 115px); max-width:none; float:right}
  .menu_ .search_box .select-wrap.col-md-4{width:33.333%}
  .input_box.col-md-10{padding-right:0}
  .form-group{float:left;}
  .menu_ .search_box .select-wrap select,
  .menu_ .search_box .input_box input{width:100%; max-width:100%}
  #menu_ingredients .search_box .select-wrap.select-wrap2 select {width: 126px}

  #menu_semi_mf_new .input_box.col-md-10, #menu_semi_mf_new .col-md-8.select-wrap:nth-child(2), #menu_list .input_box.col-md-10{padding-right:10px;}
  #menu_semi_mf_new #add_ingredient .search_box .col-md-6 .select-wrap{width:calc(100% - 100px)}
  .selected_list ul li h6{font-size:14px}

  #menu_list_new .info_top.search_box .input_box{    width: calc(100% - 150px);}
  #menu_list_new .info_top.search_box .col-md-4.select-wrap{width:calc(100% - 140px)}

  #add_ingredient .search_box .col-md-6 .select-wrap,
  #add_ingredient .search_box .col-md-6 .input_box{width:calc(100% - 100px); max-width:100%;padding:0 10px}

  .store_list_ .info_top .input_box.col-md-10{padding-right:10px;}
  .store_list_ section{max-width:80%}

  #notice_new .board_box .board_top,
  #notice_new .board_box .text_box{width:100%; max-width:100%; float:left}
  #notice_new .board_box .board_top label,
  #notice_new .board_box .text_box label{float:left; width:90px; max-width:none}
  #notice_new .board_box .board_top .input_box,
  #notice_new .board_box .text_box .input_box{width:calc(100% - 95px); float:right;}
  #notice_new .board_box .board_top:nth-child(1){border:0}
  #notice_new .board_box .board_top:nth-child(1) .input_box{border:0}
  #mypage #container{display:block;}
}
/* mobile */
@media (max-width:812px){

  /** index **/
  #login:before {width: 300px; height: 300px}
  #login .login_div {top: 25%; left: 0; right: 0; width:300px}
  #login .login_div .login_hd p {font-size: 28px;}
  #login .login_div .form-group label{float:left; width:50%}
  #login .login_div input[type="radio"]{height:18px;}
  .menu_slider .swiper-slide img{height:130px}
  #footer .ft-logo{width:150px; height:36px}
  .ft-info{width:calc(100% - 340px)}
  #main .menu_right .btn_chgImg{position:absolute; left:0}
  .cont_inner section h3 {font-size: 20px}
  .cont_inner section.sec01, .cont_inner section.sec03, .sec02_wrap{width:88%; padding:15px 0;}
  .search_box .select-wrap.select-wrap2 select{margin-top:3px;}

  /** menu_ingredients **/
  #menu_ingredients .search_box .select-wrap.select-wrap2 select {width: calc(100% - 70px)}

  /** menu_semi_mf_new **/
  .menu_new_ section .txt_box{display:inline-block;}
  .menu_new_ .search_box ul.dev4 li{width:50%; margin-right:0}

  /*** add_ingredient ***/
  #add_ingredient .float-left,
  #add_ingredient .float-right.col-md-8{max-width:100%; width:100%; padding:0}
  #menu_semi_mf_new #add_ingredient .search_box li:nth-child(3) .select-wrap select{width:calc(100% - 45px)}

  .selected_list ul li{width:49%; margin-right:2%; float:left; display:inline-block;}
  .selected_list ul li:nth-child(2n){margin-right:0}
  #add_ingredient .float-left .table_wrap {max-height: calc(100vh - 200px)}
  #add_ingredient .float-right{width:100%; max-width:100%}

  /* menu_semi_mf_lookup */
  #menu_semi_mf_lookup #menu_info .txt_box{width:100%; max-width:100%; padding-left:0; margin-top:40px}

  /* menu_list_new */
  #menu_list_new #menu_info .txt_box.table_wrap{width:100%; max-width:100%; padding-left:0; margin-top:40px;}
  #menu_list_new #menu_info .txt_box table strong.text-right{float:right}
  #menu_list_new #menu_info_pic .table_bottom > div strong{float:left;}

  #add_ingredient2 .search_box .col-md-6{width:100%; max-width:100%}
  #add_ingredient2 .popup_content > .float-left{width:60%; max-width:none}
  #add_ingredient2 .popup_content > .float-right{width:40%; max-width:none}
  #add_ingredient2 .search_box .col-md-6 .input_box{padding-right:10px}
  #add_ingredient2 td .img_box{padding:5px !important}
  #add_ingredient2 .img_box img{height:auto !important}
  #add_ingredient2 .selected_list ul li{width:100%; margin-right:0}
  #add_ingredient2 .del-select{margin-top:3px;}

  #menu_list_lookup #menu_info .txt_box{width:100%; max-width:100%}

  .store_brand_list{max-width:90%}
  #store_brand_new .add_store{width:100%}
  #store_brand_new .store_brand_list.search_box li.form-group label,
  #store_brand_new .store_brand_list.search_box li.form-group .input_box{width:100% !important}
  .store_brand_list li .input_box input{margin-bottom:5px;}
  #store_brand_new .store_brand_list li:last-child{height:auto;}
  #store_brand_new .store_brand_list li:last-child > label{height:auto;}
  #store_brand_new .store_brand_list li:last-child .img_txt{display:inline-block; width:auto; margin-left:10px;}
  #store_brand_new .store_brand_list.search_box li.form-group .input_box.img_box{    width: auto !important; margin: 5px 10px;}

  .menu_infos li .img_wrap { height: 160px }

  .store_list .table_wrap{width:100%; overflow-x: auto;}
  .store_list .table_wrap table{min-width:950px; }
  .store_list .table_wrap table th,
  .store_list .table_wrap table td{padding:0 10px; box-sizing: border-box;}


}

@media (max-width:768px){
  .search_box .control-label {height: 40px; line-height: 40px; font-size: 13px}
  body.menu_ .search_box .select-wrap{margin-top:0}
  body.menu_ .search_box .form-group.text-center .btn {
      border-radius: 3px;
      line-height: 27px;
      height: 30px;
      width: 80px;
      font-size: 12px;
      margin-top:0
  }
  .btn_wrap .btn {  width: 90px; line-height: 26px; height: 30px; font-size: 12px}
  .sch_top h4{font-size:16px; margin-top: 10px;}
  .form-group .input_box.mt5{margin-top:3px;}
  .search_box .select-wrap.select-wrap2 select{vertical-align: top}


  /** menu_ingredients **/
  body.sub .search_box .form-group select,
  body.sub .search_box .form-group input{height:35px; line-height:35px;}
  #menu_semi_mf_new .info_top.search_box .select-wrap.input_box{height:35px; line-height:35px; margin-top:3px;}
  .form-group.col-md-6 select,
  .form-group.col-md-6 input{width:96% !important;}
  .popup.ingredient_ .img_box{background-color:#fff}
  .popup.ingredient_ .img_box img{width:auto; margin:0 auto}

  /** menu_semi_mf_new **/
  #menu_semi_mf_new .info_top.search_box .input_box{width:calc(100% - 120px); height:35px; line-height:35px; margin-top:}
  #menu_semi_mf_new .info_top.search_box .select-wrap select{height:35px; line-height:35px; margin-top:0}
  #menu_semi_mf_new .info_top.search_box .input_box{margin-top:2px;}
  #menu_semi_mf_new .info_top.search_box label{width:120px;}

  #menu_list_new #add_ingredient .search_box li:nth-child(3) .select-wrap select{margin-top:2px}
  #menu_semi_mf_new #add_ingredient .search_box li:nth-child(3) .select-wrap select{margin-top:2px}


  /* menu_semi_mf_lookup */
  #food_list ul li{margin-right:2%; float:left; width:49%}
  #food_list ul li:nth-child(2n),
  #food_list ul li:nth-child(4n){margin-right:0}
  #food_list ul li .img_box img{height:235px;}

  .store_list_ .info_top .input_box.col-md-10.select-wrap{margin-top:0}
  #menu_ingredients .input_box.col-md-10{padding-right:10px;}

}

@media (max-width:500px){

  /** index **/
  .mobile_view{display:block;}
  .pc_view{display:none}
  .header_inner{text-align:center; padding:15px 10px 10px}

  /** side_menu **/
    #side_menu{left:100%; right:auto;
    top:0; height:100vh;}
    #side_menu.open{left:auto; right:0;}
    #btn_side_menu{width:20px; height:15px; display:inline-block; position:absolute; right:15px; top:0; bottom:0; margin:auto;}
    #side_menu .menu_right{height:auto; padding:20px; text-align:left; position:static}
    #side_menu .user{width:40px; height:40px}
    #side_menu .menu_right .login_type{display:block; width:100%; text-align:left; font-size:14px;}
    #side_menu .menu_right .btn_logout{margin:10px 0 0 0; display:inline-block;}
    #side_menu .menu_right .btn_chgImg{    position: static;
    border-radius: 30px;
    border: 0;
    background-color: #fff;
    width: 80px;
    margin-top: 10px;
    line-height: 23px;
    height: 25px;
    font-size: 12px;}
    #side_menu .close{width:14px; height:14px;}
    #side_menu .menu_center{padding:15px;}

    #side_menu .menu_center ul li{height:auto; background-color:transparent; border:0; width:100%; text-align:left}
    #side_menu .menu_center > ul > li{margin-bottom:15px;}
    #side_menu .menu_center ul li > a{display: block;border-bottom: 1px solid;margin-bottom: 10px;}
    #side_menu .menu_center ul li ul li{    font-size: 14px;    color: #666;    padding-left: 10px; line-height:35px;}

  /** popup **/
  .popup.ingredient_{width:92%}
  .popup.ingredient_ .img_box{height:220px}
  .popup.ingredient_ .tab02 .select-wrap{padding:0}


  #login:before {width: 250px; height: 250px}
  #login .login_div .form-group label{float:left; width:50%}
  #login:after {width: 76%}

  #logo {width: 180px; height: 40px; float:none}
  .menu_center{width:100%; padding-top:5px}
  .menu_center ul li {line-height: 35px; font-size: 15px; width: 33.333%; background-color: #f8f8f8; border:1px solid #eee; border-width:1px 0;}
  .menu_slider .swiper-slide img{height:170px}
  .cont_inner section.sec02{padding:0}
  .chain_list ul li{width:49%; margin-right:2%; float:left;font-size: 15px; line-height: 48px;}
  .chain_list ul li:nth-child(4n){margin-right:2%;}
  .chain_list ul li:nth-child(2n){margin-right:0}
  .footer_box{padding-top:13px;}
  .ft-rights{margin-top:14px;}
  .ft-info{width:100%; margin-top:5px;}
  .ft-info ul li{padding-right:0}
  #chgImg .popup_contents > div{float:left}
  #chgImg .logo_{width:60%}
  body #chgImg {width: 90%}
  body #chgImg .mainImg .img_box{height: 130px}
  body #chgImg .ImgMainCustom{height: 265px; max-height: none;}
  .ft-info{padding:0}
  body #chgImg .form-group:lasg-child{width:100%}
  #chgImg .mainImg .img_box .no-img {margin-top: 34px}

  /** common **/
  body.sub .menu_center ul li.active{background-color:#f8f8f8; border-radius:0}
  body.sub #depth02{height:40px; }
  body.sub #depth02 ul{width:80%}
  body.sub #depth02 ul li{font-size:14px; line-height:40px; height:40px; color:#333}
  body.sub #depth02 ul li.active{color:#fff}
  body.sub #depth02 ul.depth02_1 li{width:33.333%}
  body.sub #depth02 ul.depth02_2 li{width:50%}
  body.sub #depth02 ul.depth02_3{width:50%}


  body.sub #container{padding-top:10px;}
  #container #title {height: 40px; line-height: 40px;}
  #container #title h2{font-size:18px}
  .table_wrap {overflow-x:auto}
  .table_wrap table{table-layout:fixed; width:100%; text-align:center;min-width:900px;}
  .table_wrap table th {background:#ccc}
  .table_wrap table td, .table_wrap table th {padding:0 10px; border-top:1px solid #ccc; word-break:break-all; font-size:13px}


  /** menu_ingredients **/
  .menu_ .search_box .select-wrap{padding-right:10px;}
  .menu_ .search_box .select-wrap.col-md-4{width:100%}
  #menu_ingredients .search_box ul .form-group.col-md-12 .control-label{height:122px;}
  #menu_ingredients .table_wrap table th:nth-child(2), #menu_ingredients .table_wrap table tr td:nth-child(2){width:300px; text-align:left; padding-left:15px;}
  #menu_ingredients .table_wrap table th:nth-child(3), #menu_ingredients .table_wrap table tr td:nth-child(3){width:90px;}
  #menu_ingredients .table_wrap table th:nth-child(4){ min-width:140px; width:140px;}
  #menu_ingredients .table_wrap table th:nth-child(5), #menu_ingredients .table_wrap table tr td:nth-child(5),
  #menu_ingredients .table_wrap table th:nth-child(6), #menu_ingredients .table_wrap table tr td:nth-child(6),
  #menu_ingredients .table_wrap table th:nth-child(7), #menu_ingredients .table_wrap table tr td:nth-child(7),
  #menu_ingredients .table_wrap table th:nth-child(8), #menu_ingredients .table_wrap table tr td:nth-child(8){width:80px}
  #menu_ingredients .search_box .select-wrap.col-md-4{padding-right:0}
  #menu_ingredients .search_box .select-wrap.select-wrap2 select {width: calc(100% - 60px)}

  /** menu_cate_list **/
  #menu_cate_list .search_box .form-group .select-wrap select{max-width:100%}
  #menu_cate_list .search_box .form-group .select-wrap2 select{    width: calc(100% - 60px);    margin: 0; }
  #menu_cate_list .search_box .form-group .select-wrap2:nth-child(1) select{margin-top:2px;}
  #menu_cate_list .tab03 .search_box .form-group.col-md-12 .control-label{height:85px;}
  #menu_cate_list .search_box .select-wrap.col-md-4{padding-right:0}
  .tabmenus.cate_tab ul{width:90%;}
  .tabmenus.cate_tab ul.dev3 li{width:33.333%}
  #menu_cate_list .table_wrap table{min-width:700px}
  #menu_cate_list .tab01 .table_wrap table{min-width:500px}

    #menu_cate_list .table_wrap table th:nth-child(1),
    #menu_cate_list .table_wrap table tr td:nth-child(1){width:50px; }
    #menu_cate_list .table_wrap table tr th,
    #menu_cate_list .table_wrap table tr td .checkbox_wrap{margin-left:0;}
    #menu_cate_list .table_wrap table th:nth-child(2),
    #menu_cate_list .table_wrap table tr td:nth-child(2){width:50px}

  #menu_semi_manufactures #container #title,
  #menu_list #container #title{height:auto; line-height:20px;}
  #menu_semi_manufactures #container #title p,
  #menu_list #container #title p{font-size:13px; color:#666; margin-top:5px;}
  .input_box.col-md-10{padding-right:10px;}
  .menu_ .form-group.col-md-6 select, .menu_ .form-group.col-md-6 input{max-width:100%; width:100% !important}

  /** menu_semi_mf_new **/

  body.sub #container .img_box{max-width:100%}
  .menu_new_ .search_box ul.dev4 li,
  .menu_new_ section .img_box{width:100%}
  .menu_new_ section .img_box{height:245px;}
  .menu_new_ section .txt_box {
      display: inline-block;
      width: 100%;
      margin-top: 10px;
  }
  #menu_info .img_box #no-img{max-width:100%; max-height:280px}
  #menu_semi_mf_new .table_wrap table{min-width:500px;}
  #menu_semi_mf_new .table_wrap table th,
  #menu_semi_mf_new .table_wrap table td{width:20%}
  #menu_semi_mf_new .table_wrap table th:nth-child(1),
  #menu_semi_mf_new .table_wrap table tr:nth-child(1) td:nth-child(1){width:50%}
  #menu_semi_mf_new .table_wrap table th:last-child,
  #menu_semi_mf_new .table_wrap table tr td:last-child{width:10%}
  #menu_semi_mf_new #menu_info_pic table td input{height:35px; line-height:35px}
  #menu_semi_mf_new .table_wrap table td span{padding:0}

  #menu_semi_mf_new #add_ingredient .search_box .form-group.col-md-12 .control-label{height:125px;}
  #menu_semi_mf_new #add_ingredient .table_wrap table th,
  #menu_semi_mf_new #add_ingredient .table_wrap table td{padding:0}
  #menu_semi_mf_new #add_ingredient .search_box .select-wrap.col-md-4:nth-child(1){margin-top:2px; padding-right:0}
  #menu_semi_mf_new #add_ingredient .table_wrap table tr td:nth-child(1){width:50px; padding:0}
  #menu_semi_mf_new #add_ingredient .img_box img.no-img {width: 100px; height: 52px}
  #menu_semi_mf_new #add_ingredient .table_wrap table td h6{font-size:13px}
  #add_ingredient .float-left .table_wrap td.text-left span {font-size: 12px; color: #888}
  #menu_semi_mf_new #add_ingredient .table_wrap table {min-width: 460px}

  /* menu_semi_mf_lookup */
  #menu_info .txt_box table td,
  #menu_info .txt_box table th{font-size:13px;}
  #menu_info .txt_box table td .btn_detail{max-width:80%}
  #food_list ul li .img_box img{height:154px}
  #menu_semi_mf_lookup .tabmenus.cate_tab{padding-bottom:10px}

  #menu_semi_mf_lookup #menu_info .img_box{height:230px; text-align:center;}
  #menu_semi_mf_lookup .table_wrap table{min-width:500px}
  #menu_semi_mf_lookup .table_wrap table th,
  #menu_semi_mf_lookup .table_wrap table td{width:25%}
  #menu_semi_mf_lookup .table_wrap table th:nth-child(1),
  #menu_semi_mf_lookup .table_wrap table td:nth-child(1){width:50%}
  #menu_semi_mf_lookup .table_wrap .table_bottom table th,
  #menu_semi_mf_lookup .table_wrap .table_bottom table td{width:25%}


  #menu_semi_mf_lookup #menu_info > h4{text-align:center;}
  .sub section > h4{text-align:center}

  #menu_list .menu_infos li{width:49%; margin-right:2%; float:left}
  #menu_list .menu_infos li:nth-child(3n){margin-right:2%}
  #menu_list .menu_infos li:nth-child(2n){margin-right:0}

  #menu_list_lookup .tabmenus.cate_tab{padding-bottom:10px}
  #menu_list_lookup #menu_info > h4{text-align:center;}
  #menu_info{text-align:center}
  #menu_info .btn_wrap{position:static; margin-bottom:10px; width:100% ; text-align:center !important}
#menu_info .btn_wrap .btn{max-width:23%}
  .popup.ingredient_ .popup_header p{ width: 90%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    text-overflow: ellipsis;
    padding-left: 20px;}

    #menu_list_new .info_top.search_box .input_box{width:calc(100% - 140px)}
    #menu_list_new .table_wrap table{min-width:0; width:100%; max-width:100%; table-layout:initial}
    #menu_list_new #menu_info_pic .table_wrap table{min-width:500px}
    #menu_list_new #menu_info .txt_box table strong.text-right{padding:0}
    #menu_list_new #menu_info_pic .total_cost{position:relative}
    #menu_list_new #menu_info_pic .table_bottom > div strong{position:absolute; right:0; font-size:15px;padding:0 10px}
    #menu_list_new #add_ingredient .search_box ul li.col-md-12 .control-label{height:120px;}
    #menu_list_new #add_ingredient td:nth-child(1){width:40px;}
    #menu_list_new #add_ingredient td:nth-child(1) .checkbox_wrap{margin-left:0}
    #menu_list_new #add_ingredient td:nth-child(2){width:30%}

    #menu_list_new #add_ingredient2 td:nth-child(1){width:40px;}
    #menu_list_new #add_ingredient2 td:nth-child(1) .checkbox_wrap{margin-left:0}
    #menu_list_new #add_ingredient2 td:nth-child(2){width:30%}

    #menu_list_new #add_ingredient .img_box img{width: 100px; height: 52px;}
    /* #menu_list_new #add_ingredient2 .table_wrap table th{width:20%} */
    #menu_list_new .table_wrap .cost_info tr td{width:calc(100% - 105px)}
    #menu_list_new .table_wrap .cost_info tr td:nth-child(1){width:100px}

    #add_ingredient2 .popup_content > .float-left,
    #add_ingredient2 .popup_content > .float-right{width:100%}
    #menu_list_new #menu_info_pic .table_bottom{width:100%; overflow-x:auto}
    #menu_list_new #menu_info_pic .total_cost{min-width:400px;}

    #menu_list_lookup #menu_info .txt_box{width:100%; overflow-x:auto}
    #menu_list_lookup #menu_info .txt_box table{min-width:500px; }
    .video_box iframe {height: 250px}

    #store_brand .store_brand_list{max-width:90%}
    #store_brand .store_brand_list li .img_box{width:100%; height:150px; text-align:center; margin:0}
    #store_brand .store_brand_list li .img_box img {width: auto; margin: 0 auto; display: block}
    #store_brand .store_brand_list li .brand_txt{width:100%; height:auto; top:20px; text-align:center}
    #store_brand .store_brand_list li .brand_txt .btn_wrap{position:static; margin-top:10px; text-align:center}
    #store_brand .store_brand_list li .brand_txt .btn_wrap .btn{float:none}
    .store_brand_list > .btn_wrap{width:100%}
    .store_brand_list > .btn_wrap .btn.bg-orange{width:100%; height:40px; line-height:40px; font-size:14px;}

    .store_list .table_wrap table{min-width:780px; }
    .store_list .table_wrap table th,
    .store_list .table_wrap table td{padding:0 10px; box-sizing: border-box; width:20%}
    .store_list .table_wrap table th:nth-child(1),
    .store_list .table_wrap table tr td:nth-child(1){width:5%}
    .store_list .table_wrap table th:nth-child(1) .checkbox_wrap,
    .store_list .table_wrap table tr td:nth-child(1) .checkbox_wrap{margin-left:0}
    .store_list .table_wrap table th:last-child,
    .store_list .table_wrap table tr td:last-child{width:10%; padding:0}
    .store_list .table_wrap table th:nth-child(4),
    .store_list .table_wrap table td:nth-child(4){width:45%}
    .store_list_ section { max-width: 90%; width:90%;}

    .store_list_ .info_top.search_box label{width:100%;}
    .store_list_ .info_top .input_box.col-md-10{width:100%; padding:5px; height:auto;}
    .store_list_ .info_top .input_box.col-md-10 select,
    .store_list_ .info_top .input_box.col-md-10 input{width:100%}
    .search_box .select-wrap{margin-top:3px}

    .store_list_ .info_top .input_box.toggle_div{padding-bottom:15px}
    .store_list_ .info_top .toggle_ .input_box.col-md-10 input{width:auto}
    .store_list_ .form-group .toggle_div .toggle_wrap{width:auto !important}

    #notice .table_wrap .btn_wrap .btn.bg-orange{margin-top:5px;}
    #notice .table_wrap table{min-width:500px; }
    #notice .table_wrap table th:nth-child(2),
    #notice .table_wrap table td:nth-child(2){width:70%}

    body.sub #depth02 ul.depth02_3{width:auto;}

    .popup.rights{width:90%}
    .rights p{font-size:13px;    padding-left: 5px;    margin-bottom: 5px;}
    .rights h5 { margin: 15px auto 10px}
    .rights li{font-size:14px}
    .rights ul {margin: 5px 0 20px 5px; width:100%}
    .rights ul li{ font-size:13px;}

    #mypage .table_wrap table{min-width:0;}
    #mypage .table_wrap table tr th{width:20%;}

    #recipe_video .txt_box{width:100%; padding-left:0}
    #recipe h4,
    #recipe .btn_wrap,
    #recipe_video h4,
    #recipe_video .btn_wrap{float:none !important;     text-align: center !important; margin-bottom: 10px;}
    #container section .btn_wrap .btn,
    #recipe section .btn_wrap .btn { padding: 0; width:80px}

    body.sub .recipe_list{width:100%}
    body.sub .recipe_list .img_box{min-width:0; width:100%}
    body.sub .recipe_list dl{padding-right:0}
    body.sub .recipe_list dl dd{width:100%; margin-top:260px}

    #menu_list_lookup .recipe_list{width:100%}
    #menu_list_lookup .recipe_list .img_box{min-width:0; width:100%}
    #menu_list_lookup .recipe_list dl{padding-right:0}
    #menu_list_lookup .recipe_list dl dd{width:100%; margin-top:260px}

}

@media (max-width:414px){


  /** index **/
  #login:after{display:none}
  .img_icons {
    background-image: url(../img/index_line.png);
    background-size: 80%;
    background-position: center;
    background-repeat: repeat-x;
  }
  body #chgImg .logo_{width:80%}
  body #chgImg .logo_ .img_box {height: 58px}
  body #chgImg .mainImg .img_box, #chgImg .ImgMainCustom{height:120px}
  body #chgImg .mainImg .img_box .no-img {height: 40px; margin-top: 40px}
  .menu_slider .swiper-slide img{height:130px;}

  /** popup **/
  .popup.ingredient_ .img_box{height:180px}
  .popup.ingredient_ .tab .txt_box{padding:0}

  .selected_list ul li{width:100%; margin-right:0}
  .menu_infos li .img_wrap{height:126px; width:auto;}
  .menu_txt p{font-size:14px;}

  #notice_new .board_top, #notice_new .board_top .input_box{padding-right:0}
  #notice_new .board_box .board_top label, #notice_new .board_box .text_box label{width:100%; height:40px}
  #notice_new .board_top input{width:100%; margin-bottom:5px;}
  #notice_new .text_box textarea{width:100%; min-height:36vh}
  #notice_new .board_box .board_top .input_box, #notice_new .board_box .text_box .input_box{width:100%; height:auto;}
  #notice_new .board_box .board_top, #notice_new .board_box .text_box{height:auto;}
  #notice_new .board_top .input_box{padding:5px 10px}


}

@media (max-width:375px){

  /** index **/
  #login:before {width: 250px; height: 250px}
  #login .login_div .form-group label{float:left; width:50%}
  body #chgImg .logo_ .img_box {height: 52px}
  body #chgImg .mainImg .img_box, #chgImg .ImgMainCustom{height:110px}
  body #chgImg .mainImg .img_box .no-img {height: 40px; margin-top: 35px}

  #food_list ul li {width:100%; margin-right:0 !important}
  #food_list ul li .img_box img{height:auto; width:100%}

  #menu_list_new .table_wrap table{min-width:500px}


}

@media (max-width:360px){
  #login:before { width: 200px; height: 200px}
  #mypage .table_wrap table tr th{width:25%;}
}


/* mobile vertical */

@media (max-height:812px){
  #chgImg{top:5%; max-height:90vh; overflow:hidden}
  #chgImg .popup_contents {max-height: calc(100% - 40px); overflow: auto}
}
@media (min-height:768px){}
@media (min-height:375px){}