.blind {display: none;}

/* Top */
#top { height: 40px; background: #eee }
.top_inner { height: 40px; width: 1080px; margin: 0 auto }
.top_inner .top_home { float: left; background: #fff }
.top_inner .top_home a { display: block; height: 40px; line-height: 40px; padding: 0 20px; font-size: 12px; color: #666 }
.top_inner .top_home a:hover { color: #000; font-weight: 700; }
.top_inner .top_home a i { position: relative; top: 3px; font-size: 16px; margin-right: 4px }
.top_inner .top_nh { float: right; margin-right: 10px }
.top_inner .top_nh li { float: left; background: url("../img/line_top.png") 0 14px no-repeat; padding: 0 6px }
.top_inner .top_nh li:first-child { background: none }
.top_inner .top_nh a { display: block; height: 40px; line-height: 40px; padding: 0 10px; font-size: 12px; color: #333; }
.top_inner .top_nh a:hover { font-weight: bold; color: #000; }

/* 3단 아이템 */
.sec1 { border-bottom: 1px solid #ddd; overflow: hidden; }
.sec1_inner { width: 1080px; margin: 0 auto; display: flex; }
.sec1_inner li { flex: 1; padding: 20px 30px; margin: 20px 0; box-sizing: border-box; display: flex; }
.sec1_inner li:nth-child(1) { color: #2966cb }
.sec1_inner li:nth-child(2) { color: #f68a0e }
.sec1_inner li:nth-child(3) { color: #eb0086 }
.sec1_inner li i { font-size: 50px; margin-right: 20px; display: block; float: left; }
.sec1_inner li h1 { font-size: 22px; margin-bottom: 6px; letter-spacing: 1px; color: #333 }
.sec1_inner li h1:hover { text-decoration: underline; }
.sec1_inner li p { color: #666 }

/* 메인 컨텐츠 */
.sec2 { padding: 40px 0 30px; overflow: hidden; background: #eee }
.full { width: 1080px; margin: 0 auto; }

/*공지사항*/
.item1 { width: 440px; height: 418px; margin-right: 20px; float: left; background: #fff; box-sizing: border-box; }
.item1 .notice_title { position: relative; height: 60px; background: #004499; color: #fff; box-sizing: border-box; }
.item1 .notice_title h2 { font-size: 20px; line-height: 60px; padding-left: 20px; box-sizing: border-box; }
.item1 .notice_title i { position: absolute; top: 0; right: 20px; display: block; line-height: 60px; font-size: 20px; color: #ccc }
.item1 .notice_title a:hover i { color: #fff }
.item1 .notice_title a:hover h2 { text-decoration: underline; }
.item1 .notice_cont { padding: 10px 20px; border-bottom: 1px solid #ddd; }
.item1 .bx { padding: 20px 0; box-sizing: border-box; margin: 0 20px }
.item1 .bx ul { margin: 0 auto; text-align: center; width: 90% }
.item1 .bx ul li { float: left; height: 130px; width: 50%; }
.item1 .bx a { display: block; font-size: 36px; color: #fff; }
.item1 .bx a i { line-height: 80px }
.item1 .bx span { display: inline-block; width: 80px; height: 80px; border-radius: 80px }
.item1 .bx h2 { font-size: 18px; color: #333; margin-top: 10px; }
.item1 .bx a:hover span { background-color: #555 }
.item1 .bx a:hover h2 { text-decoration: underline; }
.item1 .bx1 span { background-color: #36ac36; }
.item1 .bx2 span { background-color: #fab900; }

/*농산물 유통정보*/
.item2 { width: 288px; height: 418px; margin-right: 20px; float: left; }
.item2 .bx1 { position: relative; height: 256px; padding: 20px; box-sizing: border-box; margin-bottom: 20px; background-color: #fff; }
.item2 .bx1 a { display: block; width: 100%; height: 100%; }
.item2 .bx1 h2 { font-size: 20px; }
.item2 .bx1 span { position: absolute; top: 15px; right: 20px; width: 30px; height: 30px; border-radius: 30px; background-color: #ff7300; text-align: center; }
.item2 .bx1 span i { font-size: 16px; color: #fff; line-height: 30px }
.item2 .bx1 img { width: 240px; height: 137px; margin-top: 20px; }
.item2 .bx1 p { clear: both; position: relative; font-size: 14px; margin-top: 12px; }
.item2 a:hover h2 { text-decoration: underline; }
.item2 a:hover span { background: #666 }
.item2 .bx2 { position: relative; height: 141px; background-color: #00cc96; color: #fff; padding: 20px; box-sizing: border-box; }
.item2 .bx2 a { display: block; width: 100%; height: 100%; }
.item2 .bx2 h2 { font-size: 20px; }
.item2 .bx2 span { position: absolute; top: 15px; right: 20px; width: 30px; height: 30px; border-radius: 30px; background-color: #fff; text-align: center; }
.item2 .bx2 span i { font-size: 16px; color: #00cc96; line-height: 30px }
.item2 .bx2 p { color: #eaf5f2; font-size: 14px; line-height: 20px; margin-top: 20px }

/*농산물 가격정보*/
.item3 { width: 312px; height: 418px; margin-right: 0px; float: right; color: #fff }
.item3 > div { box-sizing: border-box; position: relative; }
.item3 h2 { font-size: 20px }
.item3 span { position: absolute; top: 15px; right: 20px; width: 30px; height: 30px; border-radius: 30px; background-color: #6f85cd; text-align: center; }
.item3 span i { font-size: 16px; color: #fff; line-height: 30px }
.item3 p { color: #fff; font-size: 13px; line-height: 20px; margin-top: 26px }
.item3 .bx1 { height: 140px; background: #4767ce; margin-bottom: 10px; padding: 20px; }
.item3 .bx2 { height: 106px; background: #ff7660; margin-bottom: 20px; padding: 20px; }
.item3 .bx2 span { background-color: #fff; text-align: center; }
.item3 .bx2 span i { font-size: 16px; color: #ff7660; line-height: 30px }
.item3 .bx2 p { color: #fff; font-size: 14px; line-height: 20px; margin-top: 12px }
.item3 .bx1 a:hover h2 { text-decoration: underline; }
.item3 .bx1 a:hover span, .item3 .bx2 a:hover span { background: #555 }
.item3 .bx2 a:hover h2 { text-decoration: underline; }
.item3 .bx3 a { display: inline-block; width: 146px; height: 142px; float: left; box-sizing: border-box; margin-right: 20px; background: #f79c0c; text-align: center; }
.item3 .bx3 .btn2 { margin-right: 0; background: #fff; color: #4767ce }
.item3 .bx3 i { font-size: 50px; margin: 30px 0 10px }
.item3 .bx3 .btn1:hover { color: #000 }
.item3 .bx3 .btn2:hover { color: #f79c0c }

/*배너*/
.sec3 { background-color: #eee; padding-bottom: 40px; overflow: hidden; clear: both; }
.sec3_inner { width: 1080px; margin: 0 auto; }
.sec3_inner li { width: 200px; height: 70px; float: left; }
.sec3_inner li a { display: block; width: 100%; height: 100% }
.sec3_inner .ba1 { background: url(../img/banner1.png) no-repeat; margin-right: 20px; }
.sec3_inner .ba2 { background: url(../img/banner2.png) no-repeat; margin-right: 20px; }
.sec3_inner .ba3 { background: url(../img/banner3.png) no-repeat; margin-right: 20px; }
.sec3_inner .ba4 { background: url(../img/banner4.png) no-repeat; margin-right: 20px; }
.sec3_inner .ba5 { background: url(../img/banner5.png) no-repeat; margin-right: 0 }

/* footer */
.footer .inner { width: 1080px; margin: 0 auto; position: relative;  letter-spacing:0.5px;}
.footer_menu { background-color: #fff; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; font-size: 14px; }
.footer_menu { line-height: 60px; }
.footer_menu li { display: inline-block; margin-right: 26px }

/*농업관련사이트*/
.select_box { position: absolute; top: 0; right: 0; width: 200px; height: 60px; line-height: 60px; border-right: 1px solid #ddd; border-left: 1px solid #ddd }
.select_box:hover { background-color: #e8e8e8; }
.select_box label { position: absolute; font-size: 16px; font-weight: bold; color: #111; letter-spacing: 1px; left: 30px }
.select_box label i { font-size: 20px; font-weight: bold; position: relative; top: 2px; margin-left: 6px; }
.select_box select#color { cursor: pointer; width: 100%; height: 40px; min-height: 40px; line-height: 40px; padding: 5px 8px; opacity: 0; filter: alpha(opacity=0);  /* IE 8 */ }

/*copyright*/
.copyright { padding: 20px 0 40px; font-size: 14px }
.copyright .info > div { padding: 4px 0 }
.copyright .info .add b { font-size: 18px; padding-right: 16px }
.copyright .info .copy { color: #666; font-size: 12px }
.copyright .info .alert { color: #666; font-size: 11px; position: relative; margin-top: 10px }
.copyright .info .alert i { font-size: 16px; position: relative; top: 2px }
.copyright .info .alert .nis { font-size: 11px; color: #999 }
.copyright .info .alert .nis:hover { text-decoration: underline; }

/*gotop*/
.btn_top{display:none;position:absolute;right:0px;bottom:5px;width:46px;height:46px;background-color:#fff;border:1px solid #999; font-size:20px;color:#666;text-align:center;}
.btn_top:hover{background-color:#111; color: #fff}
.btn_top i{line-height:48px}

/* Page */
.page_title { height: 60px; border-bottom: 1px solid #ddd; line-height: 60px; margin-bottom: 40px}
.page_title h1 { font-size: 28px; font-weight: normal; }

/*선거*/
.election { background: #0181b2 }
.election .inner { color: #fff; width: 1000px; height: 72px; margin: 0 auto; background: url("http://nong21.co.kr/xe/layouts/xedition/img/election_bg.png") no-repeat; }
.election .inner .title { width: 282px; float: left; }
.election .inner .title p { font-size: 15px; margin: 14px 0 0 70px }
.election .inner .title h1 { margin-left: 68px }
.election .inner .menu { width: 420px; display: block; float: left; font-size: 13px; overflow: hidden; }
.election .inner .menu a { width: 140px; height: 72px; color: #fff; display: block; float: left; padding: 18px 0 0 66px; box-sizing: border-box }
.election .inner .menu a:hover { text-decoration: underline; }
.election .inner .menu a b { font-size: 16px; color: #c2ff40; margin-top: 4px; display: block; }
.election .inner .alert { width: 296px; float: right; padding-left: 23px; box-sizing: border-box }
.election .inner .alert .one { width: 194px; color: #111; display: inline-block; float: left; padding: 12px 0 0 14px; font-size: 13px; line-height: 1.3; box-sizing: border-box }
.election .inner .alert a.two { color: #111; text-align: center; display: inline-block; width: 62px; height: 58px; margin: 10px 0 0 8px; }
.election .inner .alert a.two b { display: block; color: red }