@charset "utf-8";

/*===== main =====*/
.main #container {position: relative;top:0px; left:0px; padding:50px;}
.main_container h2{font-size:1.7em;letter-spacing:-2px;font-weight:500;line-height:45px;}
.main_container p{font-size:0.938em !important; font-weight:300; line-height:17px;}
.main_container .btn_go, .main_container .btn_go3{line-height:40px; padding:20px;}
.main_container .btn_go2{line-height:40px; padding:15px;}
.main_container h2, .main_container p, .main_container span, .main_container .btn_go{text-align:center;}
.main_container {position:relative;}
.main_container .ma_visual,
.main_container .banner01,
.main_container .banner03,
.main_container .banner02,
.main_container .banner04,
.main_container .notices {position: absolute;box-sizing: border-box;}
.main_container .banner01,
.main_container .banner03,
.main_container .banner02,
.main_container .banner04 {padding: 19px 0px;}
.main_container .banner01 {
    top:0;
    left:50.33445%;
    width:23.8%;
    height:170px;
    background:#76b93f;
    overflow:hidden;
    text-align:center;
    padding-top:26px;
}
.main_container .banner01 a {color: #fff;}
.main_container .banner03 {
    top: 0;
    left: 75.6689%;
    width: 24.3%;
    height: 354px;
    overflow: hidden;
    text-align:center;
    background: url('/localfood/images/main/banner03.jpg')center 0px no-repeat;
    padding:0px 0 0px 0;
    word-breka:keep-all;
}

.main_container .banner03 img {
    margin-bottom:25px;
}

.main_container .banner03 a {
    color:#333333;
}

.main_container .banner02 {
    top: 186px;
    left: 50.33445%;
    width: 23.8%;
    height:354px;
    background:url('/localfood/images/main/banner02_1.png') center no-repeat;
    overflow: hidden;
    color:#333333;
}

.main_container .banner04 {
    top: 370px;
    left: 75.6689%;
    width: 24.3%;
    height: 170px;
    background: #9abf3e;
    text-align:center;
}
  .main_container .banner04 a{color: #fff;}

  .main_container .notices {
    position:absolute;
    top: 558px;
    left: 0%;
    width: 100%;
    height: 300px;
    padding: 20px 25px;
    background:url('/localfood/images/main/banner05_bg.jpg')136px 122px no-repeat; background-size:13%;
    background-color: #fff;
  }
  .main_container .notices h2 {
    font-size: 1.375em;
    line-height: 1em;
    padding-bottom: 18px;
    text-align:left;
  }
  .main_container .notices p {
    text-align:left;
    max-width:226px;
  }
   .main_container .notices .ico_more03 {
    position:absolute;
    top:25px;
    left:195px;
  }

  .main_container .notices .notice_list {
    position:relative;
    bottom:75px;
    right:-14px;
    float:right;
    width:78%;
    font-family: inherit;
    font-size: 1.08333em;
    line-height: 1.08333em;
  }
  .main_container .notices span{display:block;line-height:22px;letter-spacing: -0.5px;}
  .main_container .txt_item {padding-top:20px; white-space:nowrap;overflow:hidden; text-overflow:ellipsis; width:80%; margin:0 auto; font-weight:500;}
  .main_container .ico_more01 {padding-top:0px;}
  .main_container .txt_shop {font-size: 0.7em;width:80%; margin:0 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

   .main_container .notices .notice_list li {
       width:25%; float:left;padding:0 8px 0 0;
    }

    .main_container .notices .notice_list li p img {
       width:100%;
       height:140px;
       border:1px solid #fafafa;
    }

  .main_container .notices .notice_list li a {
    display: block;
    position: relative;
    padding-bottom:13px;
    overflow:hidden;
    text-align:center;
    background-color:#f9f9f9;
  }

/*main content*/
.main #container {position:relative; width: 100%;clear: both;background: url(/localfood/images/main/bg_main.jpg) no-repeat 50% 0;  background-size: cover;-ms-behavior:url('../js/backgroundsize.min.htc'); -webkit-background-size: cover; 
  -moz-background-size: cover;
  -o-background-size: cover; 
 }
.main #content{min-height: 860px;}

/* main visual */
.ma_visual {height:540px; width: 48.8%; overflow:hidden;top: 0;
    left: 0%;}
.main .visual_box {position:absolute;  width: 100%; height:100%; top:0; }
.main .visual_box .bx-viewport,
.main .visual_box .bx-wrapper,
.main .visual_box .bx-wrapper .slider,
.main .visual_box .bx-wrapper .slider li{height:100% !important;}
.main .visual_box .bx-wrapper {position:relative; width:100%;  top:0; left:0; margin-bottom:0;}
.main .visual_box .bx-wrapper .slider li {background-repeat: no-repeat; background-position:top center; background-size: cover;}
.main .visual_box .bx-wrapper .slider li span{width:100%; display:block;}
.main .visual_box .bx-wrapper .slider li span a {padding:7% 0 0 8%; width:100%; height:600px; display:block;}
.main .visual_box .bx-wrapper .slider li .slider_area a {position:absolute; top:28%;left:0; padding:0 16.4634%;  padding-left:-165px; height:600px;display:block; width:100%;}
.main .visual_box .bx-wrapper .slider li .slider_area img {margin:0; min-width:100%;}
.main .visual_box .bx-wrapper .slider li span img {margin:0; min-width:60%;}
.main .visual_box .bx-wrapper .slider li.sl01 {background-image:url('/localfood/images/main/bg_main_visual01.jpg');}
.main .visual_box .bx-wrapper .slider li.sl02 {background-image:url('/localfood/images/main/bg_main_visual02.jpg');}
.main .visual_box .bx-wrapper .slider li.sl03 {background-image:url('/localfood/images/main/bg_main_visual03.jpg');}
.main .visual_box .bx-wrapper .slider li.sl04 {background-image:url('/localfood/images/main/bg_main_visual04.jpg');}
.main .visual_box .bx-wrapper {margin-left:auto; margin-right:auto; margin-bottom:0;}

/*이전 다음*/
/*.main .visual_box .bx-wrapper .bx-controls-direction a {width:84px; height:84px;}
.main .visual_box .bx-wrapper .bx-prev {background:url('/localfood/images/main/controls1.png') no-repeat 0 0;}
.main .visual_box .bx-wrapper .bx-prev:hover,
.main .visual_box .bx-wrapper .bx-prev:focus {background-position:0 -88px;}
.main .visual_box .bx-wrapper .bx-next {background:url('/localfood/images/main/controls1.png') no-repeat -104px 0;}
.main .visual_box .bx-wrapper .bx-next:hover,
.main .visual_box .bx-wrapper .bx-next:focus {background-position:-104px -88px;}*/

.main .bx-wrapper .bx-pager, .main .bx-wrapper .bx-controls-auto {bottom:-27px;}
.main .bx-wrapper .bx-pager.bx-default-pager {padding:0 2px 3px 0;}
.main .bx-wrapper .bx-pager.bx-default-pager a {width:16px; height:16px; background:rgba(0,66,56,0.7); border:2px solid #fff; border-radius:16px;}
.main .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main .bx-wrapper .bx-pager.bx-default-pager a.active,
.main .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#fff; border:2px solid rgba(0,66,56,0.8);}
.main .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {width:88%; text-align:right;}
.main .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {width:12%;}
.main .bx-wrapper .bx-controls-auto {text-align:left;}
.main .visual_box .bx-wrapper .bx-controls-auto .bx-start {width:15px; height:21px; background:url('/localfood/images/main/controls1.png') -208px -20px no-repeat;}
.main .bx-wrapper .bx-controls-auto .bx-start:hover,
.main .bx-wrapper .bx-controls-auto .bx-start.active,
.main .bx-wrapper .bx-controls-auto .bx-start:focus {background-position:-208px 1px;}
.main .bx-wrapper .bx-controls-auto .bx-stop {width:15px; height:20px; background:url('/localfood/images/main/controls1.png') -208px -90px no-repeat; }
.main .bx-wrapper .bx-controls-auto .bx-stop:hover,
.main .bx-wrapper .bx-controls-auto .bx-stop.active,
.main .bx-wrapper .bx-controls-auto .bx-stop:focus {background-position:-208px -65px;}

/*pc*/
@media all and (max-width:1200px) {
   .main_container .notices p {
    text-align:left;
    max-width: 215px}

   .main_container .notices {
    background:url('/localfood/images/main/banner05_bg.jpg')135px 151px no-repeat;
    background-color: #fff;
  }

   .notices_txt{width:30%; word-break:keep-all;}  
    }

@media all and (max-width:960px) {
    .main #content {
        min-height: 1756px;
    }

    .main_container h2 {
        font-size: 1.25em;
    }

    .main_container p {
        font-size: 0.813em;
    }

    .main_container .btn_go {
        line-height: 40px;
        padding: 35px 0 0 0;
    }

    .main_container .btn_go2 {
        line-height: 40px;
        padding: 18px 0 0 0;
    }

    .main_container .btn_go3 {
        line-height: 20px;
        padding: 15px 0 0 0;
    }

    .main_container .banner01 {
        top: 556px;
        left: 0%;
        width: 25%;
        height: 250px;
        padding-top: 55px;
    }

    .main_container .banner03 {
        top: 556px;
        left: 50%;
        width: 25%;
        height: 250px;
        background: url('/localfood/images/main/banner03.jpg')center no-repeat;
        background-size: 160%;
        background:#f4f0ca;
        padding: 10px;
    }
    .main_container .banner03 img{
      margin:0px;
      margin-bottom:5px;
      padding:10px;
    }
    .main_container .banner03 p{
      word-break:keep-all;
    }

   .main_container .banner02 {
    top: 186px;
    left: 50.33445%;
    width: 23.8%;
    height:354px;
    background: url('/localfood/images/main/banner02_1.png') center no-repeat;
    overflow: hidden;
    color:#333333;
}

    .main_container .banner04 {
        top: 556px;
        left: 25%;
        width: 25%;
        height: 250px;
        padding-top: 55px;
    }

    .main_container .notices {
        top: 823px;
        left: 0%;
        width: 100%;
        height: auto;
        padding: 20px 25px 40px 25px;
        background-image: none;
    }

        .main_container .notices p {
            max-width: 100%;
        }

        .main_container .notices .notice_list li p img {
            height: 260px;
        }

        .main_container .notices .notice_list {
            top: 20px;
            right: 0;
            width: 100%;
        }

        .main_container .notices .notice_list li {
            width: 50%;
            margin-top: 10px;
        }

        .main_container .notices .notice_list li a {
            width: 99%;
            margin: 0px 6px;
        }

    /*visual*/
    .ma_visual {
        height: 540px;
        width: 100%;
        overflow: hidden;
        top: 0;
        left: 0%;
    }

    .main .visual_box .bx-wrapper .slider li .slider_area a {
        position: absolute;
        top: 20%;
        left: 0;
        padding: 0 16.4634%;
        padding-left: -165px;
        height: 600px;
    }
.main_container .banner02 {
    top: 556px;
    left: 75%;
    width: 24.3%;
    height:250px;
    background: url('/localfood/images/main/banner02.png')center 0px; no-repeat; background-size:125%;
    overflow: hidden;
    color:#333333;
}
.notices_txt{width:100%; word-break:normal;}  
}
@media all and (max-width:768px) {
  .main #content{min-height:1864px;}
  .main #container {background: url(/localfood/images/main/bg_main.jpg) no-repeat 50% 0;  background-size: cover;-ms-behavior:url('/localfood/images/main/backgroundsize.min.htc'); -webkit-background-size: cover; 
  -moz-background-size: cover;
  -o-background-size: cover; }
  .main_container h2{font-size:1.75em !important;}
  .main_container p{font-size:1em !important;} 
    .main_container .banner01 {
    top: 556px;
    left:0%;
    width: 50%;
    height: 250px;
    padding-top:55px;
  }

  .main_container .banner03 {
    top: 556px;
    left: 50%;
    width: 50%;
    height: 250px;
    text-align:center;
    background:url('/localfood/images/main/banner03.jpg')center no-repeat;
    background:#f4f0ca;
    padding:0;
  }
  .main_container .banner03 img{
    margin:0px;
    padding:10px 0 5px 0px;
      }

  .main_container .banner02 {
    top: 806px;
    left: 0%;
    width: 50%;
    height: 250px;
    background:url('/localfood/images/main/banner02_ico01.png')center 115px no-repeat;
    background-size:42%;
    background-color:rgba(255,255,255,0.6);
  }

   .main_container .banner04 {
    top: 806px;
    left: 50%;
    width: 50%;
    height: 250px;
  }

   .main_container .notices {
    top: 1073px;
  }
  .main_container .notices .ico_more03 {
    position:absolute;
    top:29px;
    left:242px;
  }
  .main_container .notices .notice_list li p img{
    height:190px;
  }

   .main .visual_box .bx-wrapper .slider li .slider_area a {top:28%;}
}



@media all and (max-width:600px){
  .main #container {padding:0 0 50px 0;}
  .main #content{min-height:2873px;}
  .main #container {background:none;}

  .main_container .banner01 {
    top: 556px;
    left:0%;
    width: 100%;
    height: 130px;
    padding-top:10px;
  }

  .main_container .banner03 {
    top: 946px;
    left: 0%;
    width: 100%;
    height: 130px;
    background:none;
    background-size:30%;
    padding-top:30px;
    background:#f4f0ca;
  }
  .main_container .banner03 img{display:none;}
  .main_container .banner03 mov{display:block;}

  .main_container .banner02 {
    top:816px;
    left: 0%;
    width: 100%;
    height: 130px;
    background:none;
    background-color:rgba(255,255,255,0.6);
    padding-top:20px;
  }

   .main_container .banner04 {
    top: 686px;
    left: 0%;
    width: 100%;
    height: 130px;
    padding-top:5px;
  }

   .main_container .notices {
    top: 1090px;
    padding: 20px 10px 40px 20px;
  }
  .main_container .notices .notice_list li {
       width:100%;
    }
  .main_container .notices .notice_list li p img{
    height:270px;
  }
   /*.main_container h2{line-height:45px;}
.main_container .btn_go, .main_container .btn_go3{line-height:40px; padding:20px;}
.main_container .btn_go2{line-height:40px; padding:15px;}

.main_container h2, .main_container p, .main_container span, .main_container .btn_go{text-align:center;}*/

   .main_container .btn_go, .main_container .btn_go3{line-height:0px; padding:10px;}
   .main_container .btn_go2{line-height:0px; padding:4px;}
}

@media all and (max-width:480px){
.main .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {width:85%; text-align:right;}
.main .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {width:15%;}
}