@charset "utf-8";


.container{overflow:hidden;z-index:10;}

/*비주얼 영역*/
.container .visual_area{overflow:hidden;}
.container .visual_area>div{position:relative}
.container .visual_area>div img{display:block;width:100%;}

.pc_only{display:block;}
.pad_only{display:none;}
.pad2_only{display:none;}
.mobile_only{display:none;}

@media screen and (max-width:1024px) {

    .pc_only{display:none;}
    .pad_only{display:block;}
    .pad2_only{display:none;}
    .mobile_only{display:none;}
}


@media screen and (max-width:768px) {

    .pc_only{display:none;}
    .pad_only{display:none;}
    .pad2_only{display:block;}
    .mobile_only{display:none;}
}


@media screen and (max-width:414px) {

    .pc_only{display:none;}
    .pad_only{display:none;}
    .pad2_only{display:none;}
    .mobile_only{display:block;}
}

/*메인 배너 부분*/
.container .section_1 .layer_1 .img_list_area{width:100%;height:400px;position:relative;overflow:hidden;}
.container .section_1 .layer_1 .img_list_area .img_wrap{position:relative;display:block;width:100%;}
.container .section_1 .layer_1 .img_list_area .background_box{display:block;width:100%;height:400px}
.container .section_1 .layer_1 .img_list_area .slick-active .background_box{opacity:1;}
.container .section_1 .layer_1 .img_list_area .banner_control{position:absolute;left:50%;margin-left:-50px;border-radius:13px;bottom:82px;padding-left:5px;z-index:1000;background-color:rgba(0,0,0,.5)}
.container .section_1 .layer_1 .img_list_area .banner_control button{display:inline-block;vertical-align:top}
.container .section_1 .layer_1 .img_list_area .banner_control .append_dots{display:inline-block;vertical-align:top}
.container .section_1 .layer_1 .img_list_area .banner_control .append_dots li{display:inline-block;vertical-align:top}
.container .section_1 .layer_1 .img_list_area .banner_control .banner_control_box{display:inline-block;vertical-align:top;height:20px;padding-right:14px}
.container .section_1 .layer_1 .img_list_area .banner_control .btn_prev{display:none}
.container .section_1 .layer_1 .img_list_area .banner_control .btn_next{display:none}
.container .section_1 .layer_1 .img_list_area .banner_control .btn_pause{width:11px;height:11px;overflow:hidden;text-indent:-9999px;background:url(../images/main/sp_main.png) no-repeat -40px -220px;margin:10px 0 10px 9px}
.container .section_1 .layer_1 .img_list_area .banner_control .btn_play{width:11px;height:11px;overflow:hidden;text-indent:-9999px;background:url(../images/main/sp_main.png) no-repeat -61px -220px;margin:10px 0 10px 9px}
.container .section_1 .layer_1 .img_list_area .banner_control .slick-dots button{width:11px;height:11px;overflow:hidden;text-indent:-9999px;background:url(../images/main/sp_main.png) no-repeat -20px -220px;margin-right:9px;margin:10px 0 10px 9px}
.container .section_1 .layer_1 .img_list_area .banner_control .slick-dots .slick-active button{width:11px;height:11px;overflow:hidden;text-indent:-9999px;background:url(../images/main/sp_main.png) no-repeat 0 -220px}


.container .section_1 .layer_1 .text_list_area{position:absolute;width:320px;top:108px;left:50%;margin-left:-160px;text-align:center;letter-spacing:-1px}
.container .section_1 .layer_1 .text_list_area .title{position:relative;display:inline-block;font-weight:normal;margin-bottom:31px;font-size:40px;line-height:42px;color:#fff;text-shadow:0px 2px 8px #000}
.container .section_1 .layer_1 .text_list_area .title:after{position:absolute;left:0;right:0;bottom:-10px;height:3px;background-color:#fff;content:'';}
.container .section_1 .layer_1 .text_list_area p{font-size:16px;line-height:22px;color:#fff;text-shadow:0px 0px 6px #000}


/* 서브메뉴 */
.container .submain_menu_area{border-bottom:1px solid #cdcdcd;}
.container .submain_menu{position:relative;overflow:hidden;max-width:1024px;height:50px;margin:-50px auto 0;background-color:#fff;}
.container .submain_menu ul{text-align:right}
.container .submain_menu li{position:relative;display:inline-block;padding:0 23px;font-size:19px;color:#1d1d1d;line-height:50px;letter-spacing:-1px}
.container .submain_menu li:after{position:absolute;top:0;right:0;content:'|';color:#acacac;vertical-align:top}
.container .submain_menu li:last-child:after{display:none}

@media screen and (max-width:1024px) {
    .container .submain_menu{padding:0 20px;}
    .container .submain_menu_area{margin:0 20px;}
}

@media screen and (max-width:768px) {
    .container .submain_menu{display:none}
    .container .section_1 .layer_1 .img_list_area{height:300px;}
    .container .section_1 .layer_1 .img_list_area .banner_control{bottom:33px;}
    .container .section_1 .layer_1 .text_list_area{top:94px;}
}



/*알림창 공지사항*/
.container .info_area{position:relative;background-color:#fff;}
.container .info_wrap{max-width:1025px;margin:0 auto;padding:30px 0 28px;overflow:hidden;}
.container .info_area .rowgroup_1{overflow:hidden;}
.container .info_area .rowgroup_1 .pop_list_area{position:relative;width:250px;height:265px;float:left;}

.container .info_area .rowgroup_1 .pop_control{height:40px;line-height:40px;background:#fff;border:1px solid #d2d2d2;border-width:0 1px 1px;margin-top:-5px;position:relative;text-align:right;padding-right:10px;}
.container .info_area .rowgroup_1 .pop_control .count{display:inline-block;font-size:16px;color:#3c3c3c;font-weight:300;vertical-align:1px;margin-right:8px;}
.container .info_area .rowgroup_1 .pop_control .count .cnt{color:#d90000;}
.container .info_area .rowgroup_1 .pop_control button{background:url(../images/main/sp_main.png) no-repeat 0 0;width:9px;height:17px;overflow:hidden;text-indent:-9999px;}
.container .info_area .rowgroup_1 .pop_control button.btn_prev{background-position:0 -62px;}
.container .info_area .rowgroup_1 .pop_control button.btn_next{background-position:-37px -62px}
.container .info_area .rowgroup_1 .pop_control button.btn_pause{background-position:-19px -62px;margin:0 5px;}
.container .info_area .rowgroup_1 .pop_control button.btn_play{background-position:-55px -62px;margin:0 5px;}


.container .info_area .rowgroup_1 .notice_area{float:left;padding:0 20px;width:calc(100% - 500px);}
.container .info_area .rowgroup_1 .notice_area .tab_commnct{width:100%;height:263px;border:1px solid #d2d2d2;}
.container .info_area .rowgroup_1 .notice_area .tab_commnct .commnct{position: relative;}
.container .info_area .rowgroup_1 .notice_area .tab_commnct .commnct>li{float:left;width: calc((100% - 57px) / 4);}
.container .info_area .rowgroup_1 .notice_area .tab_commnct .tab .tit a{position:relative;width:100%;height:58px;line-height:58px;font-size:18px;color:#3c3c3c;text-align:center;background:#f5f5f5;border:1px solid #d2d2d2;border-width:0 1px 1px 0;}
.container .info_area .rowgroup_1 .notice_area .tab_commnct .tab .tit.tit_active a{background:#ffff;border-bottom:none;}
.container .info_area .rowgroup_1 .notice_area .tab_commnct .tab .tit.tit_active a:after{content:'';height:3px;position:absolute;top:0;left:0;right:0;width:100%;background:#be1717}
.container .info_area .rowgroup_1 .notice_area .tab_commnct .commnct .conts{position:absolute;top:58px;width:100%;left:0;padding:26px 20px;}
.container .info_area .rowgroup_1 .notice_area .tab_commnct .commnct .conts .conts_list li{position:relative;overflow:hidden;white-space:nowrap;}
.container .info_area .rowgroup_1 .notice_area .tab_commnct .commnct .conts .conts_list li + li{margin-top:12px;}
.container .info_area .rowgroup_1 .notice_area .tab_commnct .commnct .conts .conts_list li a{font-size:16px;color:#3c3c3c;display:block;}
.container .info_area .rowgroup_1 .notice_area .tab_commnct .commnct .conts .conts_list li a .title{font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding-right:104px;}
.container .info_area .rowgroup_1 .notice_area .tab_commnct .commnct .conts .conts_list li a .title:before{content:'';display:inline-block;width:3px;height:3px;background:#3c3c3c;margin-right:7px;vertical-align:5px;}
.container .info_area .rowgroup_1 .notice_area .tab_commnct .commnct .conts .conts_list li a .date{font-weight:300;position:absolute;top:0px;right:0px;}
.container .info_area .rowgroup_1 .notice_area .tab_commnct .btn_more{width:57px;height:58px;position:absolute;top:0;right:0;border-bottom:1px solid #d2d2d2;}
.container .info_area .rowgroup_1 .notice_area .tab_commnct .btn_more:before{content:'';width:2px;height:14px;background:#7f7f7f;position:absolute;top:21px;left:28px;}
.container .info_area .rowgroup_1 .notice_area .tab_commnct .btn_more:after{content:'';width:14px;height:2px;background:#7f7f7f;position:absolute;top:27px;left:22px;}

.container .info_area .rowgroup_1 .link_area{float:left;width:250px;}
.container .info_area .rowgroup_1 .link_area ul{overflow:hidden;padding:0 23px;border:1px solid #d2d2d2;}
.container .info_area .rowgroup_1 .link_area ul li{position:relative;height:87px;line-height:87px;}
.container .info_area .rowgroup_1 .link_area ul li + li{border-top:1px solid #d2d2d2;}
.container .info_area .rowgroup_1 .link_area ul li:before{content:'';display:none;height:3px;background:#be1717;position:absolute;top:0;left:-23px;right:-23px;}
.container .info_area .rowgroup_1 .link_area ul li:first-child:before{display:block;}
.container .info_area .rowgroup_1 .link_area ul li:after{content:'';width:28px;height:22px;background:url(../images/main/sp_main.png) no-repeat 0px -246px;position:absolute;top:35px;right:0px;}
.container .info_area .rowgroup_1 .link_area ul li .thumb{display:block;float:left;padding:22px 0 0 0;}
.container .info_area .rowgroup_1 .link_area ul li .thumb img{display:block;}
.container .info_area .rowgroup_1 .link_area ul li .text{display:block;font-size:16px;color:#3c3c3c;margin-left:65px;}


@media screen and (max-width:900px) {
   .container .info_area .rowgroup_1 .notice_area{width:calc(100% - 250px);padding-right:0;} 
   .container .info_area .rowgroup_1 .link_area{clear:both;float:none;padding-top:20px;width:100%;}
   .container .info_area .rowgroup_1 .link_area ul{overflow:hidden;border:none;padding:0;}
   .container .info_area .rowgroup_1 .link_area ul li{width:33.33333333%;float:left;padding:0 9px;border:1px solid #d2d2d2;border-width:1px 0 1px 0;}
   .container .info_area .rowgroup_1 .link_area ul li:first-child{border-width:1px 0 1px 1px}
   .container .info_area .rowgroup_1 .link_area ul li:last-child{border-width:1px 1px 1px 0}
   .container .info_area .rowgroup_1 .link_area ul li:before{display:block;left:0;right:0;}
   .container .info_area .rowgroup_1 .link_area ul li .thumb:after{content:'';width:1px;height:56px;background:#d2d2d2;position:absolute;left:0px;top: 17px;}
   .container .info_area .rowgroup_1 .link_area ul li:first-child .thumb:after{display:none;}
   .container .info_area .rowgroup_1 .link_area ul li:after{right:9px;}
}    

@media screen and (max-width:710px) {
    .container .info_area .rowgroup_1 .link_area ul{border:1px solid #d2d2d2;padding:0 10px;}
    .container .info_area .rowgroup_1 .link_area ul li{float:none;width:100%;border:none;}
    .container .info_area .rowgroup_1 .link_area ul li:nth-child(n+2):before{display:none;}
    .container .info_area .rowgroup_1 .link_area ul li .thumb:after{display:none;}
    .container .info_area .rowgroup_1 .link_area ul li:before{right:-10px;left:-10px;}
}    

@media screen and (max-width:640px) {
    .container .info_area .rowgroup_1 .pop_list_area{float:none;width:100%;height:auto;}
    .container .info_area .rowgroup_1 .pop_list_area a{display:block;}
    .container .info_area .rowgroup_1 .pop_list_area .img_wrap img{display:block;width:100%;max-width:100%;max-height:100%;}
    .container .info_area .rowgroup_1 .notice_area{float:none;width:100%;padding:0;margin-top:20px;}
}    


/*자주찾는 서비스*/
.container .info_area .rowgroup_2{margin-top:20px;position:relative;}
.container .info_area .rowgroup_2 .service_area{background:url(../images/main/bg_service.jpg) no-repeat 0 0;background-size:cover;}
.container .info_area .rowgroup_2 .service_area h3{font-size:24px;font-weight:500;color:#1d1d1d;text-align:center;padding-top:45px;}
.container .info_area .rowgroup_2 .service_area h3 span{color:#d33d2c;}
.container .info_area .rowgroup_2 .service_area .service_list{padding:38px 27px 174px;overflow:hidden;}
.container .info_area .rowgroup_2 .service_area .service_list li{float:left;width:16.66666666666667%;}
.container .info_area .rowgroup_2 .service_area .service_list li a{display:block;text-align:center;}
.container .info_area .rowgroup_2 .service_area .service_list li .text{display:inline-block;font-size:18px;color:#1d1d1d;padding-top:8px;}

@media screen and (max-width:1024px) {
    .container .info_area .rowgroup_2{padding:0 20px;}
    .container .info_area .rowgroup_2 .service_area .service_list{padding:38px 7px 174px;}
}

@media screen and (max-width:840px) {
    .container .info_area .rowgroup_2 .service_area .service_list li .thumb{width:100px;margin:0 auto;}
    .container .info_area .rowgroup_2 .service_area .service_list li .thumb img{width:100%;}
}

@media screen and (max-width:747px) {
    .container .info_area .rowgroup_2 .service_area .service_list li{width:33.33333333333%;margin-bottom:20px;}
    .container .info_area .rowgroup_2 .service_area .service_list li .thumb{width:90px;}
    .container .info_area .rowgroup_2 .service_area .service_list li .text{font-size:16px;white-space:nowrap;}
    .container .info_area .rowgroup_2 .service_area .service_list{padding:38px 7px 42px;}
}

@media screen and (max-width:1041px) {
    .container .info_wrap{padding:30px 0px 28px;}
    .container .info_area .rowgroup_1{padding:0 20px;}
}

/*농특산물 소개*/
.container .info_area .rowgroup_3{position:relative;}
.container .info_area .rowgroup_3 h3{font-size:24px;font-weight:500;color:#1d1d1d;text-align:center;padding:35px 0;}
.container .info_area .rowgroup_3 .row_inner{margin:-120px 32px 0;background:#fff;}
.container .info_area .rowgroup_3 .product_list_area{padding:0 25px;}
.container .info_area .rowgroup_3 .product_list_area .product_slide{height:285px;}
.container .info_area .rowgroup_3 .product_list_area .product_slide a{display:block;width:200px;height:269px;background:url(../images/main/bg_product.jpg) no-repeat 0 0;margin: 0 auto;box-shadow:5px 5px 8px rgba(0,0,0,.3) }
.container .info_area .rowgroup_3 .product_list_area .product_slide a .inner_1 .thumb{padding-top:13px;}
.container .info_area .rowgroup_3 .product_list_area .product_slide a .inner_1 .thumb img{display:block;margin:0 auto;width:auto;}
.container .info_area .rowgroup_3 .product_list_area .product_slide a .inner_1 .text_box{margin-top:17px;}
.container .info_area .rowgroup_3 .product_list_area .product_slide a .inner_1 .text_box strong{font-weight:500;font-size:20px;color:#454545;display:block;text-align:center;position:relative;padding-bottom:12px;}
.container .info_area .rowgroup_3 .product_list_area .product_slide a .inner_1 .text_box strong:after{content:'';display:block;position:absolute;bottom:0px;left:50%;margin-left:-16px;width:32px;height:1px;background:#6c6656}
.container .info_area .rowgroup_3 .product_list_area .product_slide a .inner_1 .text_box span{font-weight:300;font-size:16px;color:#454545;display:block;text-align:center;padding-top:10px;}
.container .info_area .rowgroup_3 .product_list_area .product_slide a .inner_2{display:none;position:relative;}
.container .info_area .rowgroup_3 .product_list_area .product_slide a:hover .inner_1{display:none;}
.container .info_area .rowgroup_3 .product_list_area .product_slide a:hover .inner_2{display:block;}

.container .info_area .rowgroup_3 .product_list_area .product_slide a .inner_2 .thumb{padding-top:14px;}
.container .info_area .rowgroup_3 .product_list_area .product_slide a .inner_2 .thumb img{display:block;margin:0 auto;width:auto;}
.container .info_area .rowgroup_3 .product_list_area .product_slide a .inner_2 .plus{display:block;width:48px;height:48px;background:url(../images/main/ico_product_more.jpg) no-repeat 0 0;position:absolute;bottom:0px;right:12px;overflow:hidden;text-indent:-9999px }

.container .info_area .rowgroup_3 .product_list_area .product_control button{width:52px;height:52px;background:url(../images/main/sp_main.png) no-repeat 0px 0px;overflow:hidden;text-indent:-9999px;}
.container .info_area .rowgroup_3 .product_list_area .product_control button.btn_prev{background-position:-131px -55px;position:absolute;left:0px;top:195px;}
.container .info_area .rowgroup_3 .product_list_area .product_control button.btn_next{background-position:-193px -55px;position:absolute;right:0px;top:195px;}
.container .info_area .rowgroup_3 .product_list_area .more{display:block;font-size:14px;font-weight:300;width:70px;height:23px;line-height:23px;text-align:center;border:1px solid #bbb;color:#8a8a8a;position:absolute;top:40px;right:70px;}

@media screen and (max-width:1024px) {
    .container .info_area .rowgroup_3{padding:0 20px;}
    .container .info_area .rowgroup_3 .product_list_area .more{right:90px;}
    .container .info_area .rowgroup_3 .product_list_area .product_control button.btn_prev{left:20px;}
    .container .info_area .rowgroup_3 .product_list_area .product_control button.btn_next{right:20px;}
    .container .info_area .rowgroup_3 .product_list_area .product_slide a{box-shadow:3px 3px 5px rgba(0,0,0,.3)}   
}

@media screen and (max-width:768px) {
 .container .info_area .rowgroup_3 .row_inner{margin: -120px 12px 0;}
}

@media screen and (max-width:747px) {
.container .info_area .rowgroup_3 .row_inner{margin-top:0;}
.container .info_area .rowgroup_3 .product_list_area .more{right:20px;}
}

@media screen and (max-width:509px) {
    .container .info_area .rowgroup_3{padding:0;}
    .container .info_area .rowgroup_3 .row_inner{margin:0;}
    .container .info_area .rowgroup_3 .product_list_area{padding:0;}
    .container .info_area .rowgroup_3 .product_list_area .product_slide a{transform: scale(0.9);transition:all 300ms ease;}
    .container .info_area .rowgroup_3 .product_list_area .product_slide.slick-center a{transform: scale(1);transition:all 300ms ease;}

}