@font-face { font-family: 'NanumBarunGothic';
  src: url('/fonts/NanumBarunGothic.eot');
  src: url('/fonts/NanumBarunGothic.eot') format('embedded-opentype'),
  url('/fonts/NanumBarunGothic.woff') format('woff');}
  
  
	/***** RESET *****/


  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
    margin:0; 
    padding:0; 
    border:0; 
    font-size:100%; 
    font:inherit; 
    font-family:'Noto Sans KR', 고딕, san-serif, IcoMoon,dashicons, FontAwesome!important;
    word-break:normal;
    letter-spacing:-1px;
    }
    sup {
    margin:0; 
    padding:0; 
    border:0; 
    font-size:100%; 
    font:inherit; 
    
    word-break:normal;
    }
    
    
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
    /*html, body {height:100%;}*/
    body {line-height:1; word-break:break-all; -ms-word-break:break-all; -webkit-text-size-adjust:none; height:100%; }
    ol, ul, dl, li, menu {list-style:none; padding:0; margin:0;}
    blockquote, q {quotes:none;}
    blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}
    table {border-collapse:collapse; border-spacing:0; }
    textarea {overflow:auto}
    input, select, textarea, button, optgroup {font-size:100%; vertical-align:middle;  color:#444444; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin:0; }
    em, address{font-style:normal;}
    button {border:none 0; cursor:pointer;}
    select option{font-size:14px;}
    .disabled{background: #eeeeee; border:0!important;}
    input:disabled{background: #eeeeee; border:0!important;}
    input:read-only{background: #eeeeee; border:0!important;}
    /* Hyper Link */
    
    a, a:link, a:active, a:hover, a:visited{text-decoration:none; }
    
    .menu_box{width:914px;  height:69px; text-align:center;  font-size:0; box-sizing:border-box; overflow:hidden;    border-radius:5px; font-family: 'Noto Sans KR';}
    .menu_box > ul{height:100%; width:100%;}
    .menu_box > ul > li{display:inline-block;  width:14.28%; height:40px; background:#0b335a; box-sizing:border-box;}
    .menu_box > ul > li > .btn_m{display:block; font-size:14px; color:#ffffff;  position:relative; z-index:0; box-sizing:border-box; height:100%; line-height:38px; }
    .menu_box > ul > li > .btn_m.on, .menu_box > ul > li > .btn_m:hover{color:#000000; margin-top:0; background:#97c0ec; font-weight:bold;}
    .menu_box > ul > li > .btn_m:last-child{margin-right:0;}
    .menu_box > ul > li > .btn_m:first-child{margin-left:0;}
    
    /*** GNB ***/
    .menu_box > ul > li > .gnb_box{display:none;  width:914px;  height:auto; position:absolute; box-sizing:border-box;  z-index:999999; top:85px;  box-shadow:0px 10px 9px -6px #d2d2d2; left:50%; transform:translateX(-50%); }
    .menu_box > ul > li > .gnb_box.active{display:block;}
    .menu_box > ul > li > .gnb_box > .gb_in{margin:0 auto; position:relative; box-sizing:border-box; }
    .menu_box > ul > li > .gnb_box > .gb_in .menu_list{box-sizing:border-box; font-size:0; border:1px solid #dcdcdc; border-radius:5px; margin-top:5px;}
    .menu_box > ul > li > .gnb_box > .gb_in .menu_list > ul{height:auto;     overflow: hidden;}
    .menu_box > ul > li > .gnb_box > .gb_in .menu_list > ul > li{ width:100%; box-sizing:border-box;   background:#ffffff;}
    .menu_box > ul > li > .gnb_box > .gb_in .menu_list > ul > li a{display:inline-block; font-size:14px; color:#777777; box-sizing:border-box; margin-bottom:30px;  text-align:center; margin:0 15px; position:relative; height:40px; line-height:38px; }
    .menu_box > ul > li > .gnb_box > .gb_in .menu_list > ul > li a::before{display:inline-block; content:""; width:2px; height:15px; margin-right:10px; background:#dcdcdc; position:absolute; left:-15px; top:50%; transform:translateY(-50%);}
    .menu_box > ul > li > .gnb_box > .gb_in .menu_list > ul > li a:first-child::before{display:none;}
    .menu_box > ul > li > .gnb_box > .gb_in .menu_list > ul > li a:hover{text-decoration:underline; font-weight:bold;}
    
    .main_img{font-size:0; width:393px; height:502px; overflow:hidden;}
    .main_img img{width:100%;}
    
  
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  /* background: #fff; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}


/* .swiper_wrap .swiper-container .swiper-wrapper .swiper-slide{float:left; width:33.33%; border:2px solid red; overflow:hidden;}  */
/* .swiper_wrap .swiper-container .swiper-wrapper .swiper-slide {display:flex; flex-wrap:wrap;}
.swiper_wrap .swiper-container .swiper-wrapper .swiper-slide a {flex:0 0 30%}*/ 
.swiper_wrap .swiper-container .swiper-wrapper .swiper-slide a{display:block; width:180px; }
.swiper_wrap .swiper-container .swiper-wrapper .swiper-slide a img{width:100%;}

/* .slick-counter{border:2px solid red; position:absolute; z-index:999999; top:0; left:0; width:100px; height:100px;} */

.swiper_wrap{width:500px; height:auto; position:relative;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:-10px!important; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:-10px!important; }
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{bottom:-3px;}

.m0a{margin:0 auto!important;}



/*** 도소매가격정보 ***/

  /* 신규 - 사업정보 */
  .tab_table_box{ width:100%; height:auto;}
  .tab_btn{ width:100%; overflow:hidden;  overflow:hidden; display:flex; border:1px solid #cccccc!important;  border-bottom:0;}
  .tab_btn li{ flex:1; display:inline-block; text-align:center; font-size:20px; border-right:1px solid #ccc;}
  .tab_btn li:last-child{border-right:0;}
  .tab_btn li.on, .tab_btn li:hover{background:#0e5a54; }
  .tab_btn li.on a, .tab_btn li:hover a{color:#ffffff;}
  .tab_btn li a{display:block; font-size:16px!important; height:35px; line-height:35px!important;} 
  .tab_table{margin-top:30px; border-top:0!important; border-bottom:0!important;}
  .tab_table > li{padding:10px 0!important; border-bottom:0!important;}

  .title_box{overflow:hidden; width:100%;}
  .title_box .fl{float:left;}
  .title_box .fl h4{font-size:18px; line-height:28px;} 
  .title_box .fr{float:right; font-size:14px; line-height:28px;}

  .tab_sample{margin-top:10px; width:100%;}
  .tab_sample ul{display:flex; width:100%; border:1px solid #cccccc; border-bottom:0; box-sizing:border-box;}
  .tab_sample ul li{flex:1; text-align:center; font-size:14px; padding:14px!important; border-right:1px solid #cccccc;  }
  .tab_sample ul li:last-child{border-right:0;}
  .tab_sample ul li.active{background:#0e5a54; color:#ffffff;}

  .table_type_tab{border:1px solid #cccccc; border-top:0; font-size:0; border-top:2px solid #2d6719!important;}
  .table_type_tab table{width:100%; border-collapse:collapse; box-sizing:border-box;}
  .table_type_tab table thead{border-bottom:1px solid #cccccc;}
  .table_type_tab table thead tr th{border-right:1px solid #cccccc; background:#dddddd; text-align:center; height:40px; padding:0 10px;  vertical-align:middle; font-size:14px; font-weight:Bold;}
  .table_type_tab table thead tr th:last-child{border-right:0;}
  .table_type_tab tr{border-bottom:1px solid #cccccc;}
  .table_type_tab tr:last-child{border-bottom:0;}
  .table_type_tab tbody tr{}
  .table_type_tab tbody tr:nth-child(2n){background:#f0fffe;}
  .table_type_tab tbody tr td{height:38px; box-sizing:border-box; text-align:center; padding:10px 5px;  vertical-align:middle; font-size:14px; }
  .arrow_up::before{display:inline-block; content:'\25B2'; color:#e32e13; margin-right:5px;}
  .arrow_down::before{display:inline-block; content:'\25BC'; color:#00367c; margin-right:5px; }
  .comment_box{ padding:10px; border:1px solid #cccccc; text-align:left;}
  .comment_box a{display:block; color:#2d6719!important; font-size:18px!important; }


@media screen and (max-width: 790px) {
  .swiper_wrap{width:90%;}
  .s_btn_box{text-align:center; width:100%;}
  .s_btn_box input[type="checkbox"] + label{font-size:14px;}
  .s_btn_box a.btn_close{font-size:14px;}
}

@media screen and (max-width: 320px) {
  .main_popup{min-width:320px;}
}