/* Index */
.full {display: inline-block;width: 100%; padding-top: 20px; background: url(../img/bbs_bg22.png) repeat-x; }
.boxes {display: block;width: 1000px; margin: 0 auto}

.bx1 {width: 250px; display: inline-block;}
.bx1 table {width: 100%; font-size: 12px; color: #333; padding: 4px }
.bx1 th,td {padding: 6px; border-bottom: 0px solid #ccc}
.bx1 .tit { border-bottom: 2px solid #555; padding: 8px; font-size: 20px; margin-right: 20px}
.bx1 .tit i  { font-size: 20px; margin-right:10px}
.bx1 .map { background: url(../img/map.png) no-repeat ; background-size: 92%; height: 90px; margin-top: 8px}
.bx1 h2 { font-size: 24px; color: #fff; text-shadow: 2px 2px #000; padding: 30px 0 0 50px}
.bx1 .ba1 {background: url(../img/banner1.png) no-repeat ; height: 97px; margin: 10px auto 10px}
.bx1 .ba2 {background: url(../img/banner2.png) no-repeat ; height: 97px}

.bx2 {width: 750px; float: right }
.box2{display:inline-block; width: 100%; margin-top: 10px}
.box2 li{float: left; width: 250px; color: #465b2d; text-align: center;padding: 0 20px;border-right: 0px solid #e0e0e0; margin: 20px 0;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.box2 h2{display: block;font-size: 18px; padding-bottom: 20px; color: #09767a}
.box2 li:last-child, .box2 li:first-child {border-right: none}
.box2 .download { display:inline-block;margin-top:20px;padding:8px 20px;background-color:#5b4c64;letter-spacing:1px;font-size:12px;color:#fff;.}
.box_line{display: block; width: 750px ; margin: 10px auto;  border-bottom: 1px solid #e0e0e0 }

.box1{display: block; width: 1000px; margin: 0 auto}
.box1 li { width: 25%; float: left}
.box1 li  i {font-size: 30px; margin: 50px 0 10px}
.box1 li h2 {margin-bottom: 20px}
.box1 li > span {display: block; margin-bottom: 30px}
.box1 .sq1 {padding-right: 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.box1 .sq2 {background-color:#0257ad; color: #fff; text-align: center;}
.box1 .sq3 {background-color:#0469b7; color: #fff; text-align: center;}
.box1 .sq4 {background-color:#0c7eb9; color: #fff; text-align: center;}
.box1 li:hover { background-color: #243c43 }

.box3{width: 750px; margin: 10px auto 10px; }
.box3 .bbs {width: 750px; display: inline-block; }
.box3 .bbs li{ width: 250px; float: left;}

.box3 .bbs .notice{display:inline-block; width: 100%; padding: 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.box3 .bbs .notice .tit {display: block; border-bottom: 1px solid #ccc; padding: 0 0 12px 6px; margin-bottom: 6px; font-size: 15px;font-weight: 700; color: #555}
.box3 .bbs .notice .tit span {display: inline-block;margin-left: 6px; color: #ff9000 }
.box3 .bbs .notice .tit p {display: inline-block; color: #999; float: right; font-size: 11px; font-weight: normal; margin-top: 2px}

.box3 .bbs .news{display:inline-block; width: 100%; padding: 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.box3 .bbs .news .tit {display: block; border-bottom: 1px solid #ccc; padding: 0 0 12px 6px; margin-bottom: 6px; font-size: 15px;font-weight: 700; color: #555}
.box3 .bbs .news .tit span {display: inline-block;margin-left: 6px; color: #ff9000 }
.box3 .bbs .news .tit p {display: inline-block; color: #999; float: right; font-size: 11px; font-weight: normal; margin-top: 2px}
 
.box3 .bbs .photo{display: inline-block; width: 100%; padding: 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.box3 .bbs .photo .tit {display: block; border-bottom: 1px solid #ccc; padding: 0 0 12px 6px; margin-bottom: 6px; font-size: 15px;font-weight: 700; color: #555}
.box3 .bbs .photo .tit span {display: inline-block;margin-left: 6px; color: #ff9000 }
.box3 .bbs .photo .tit p {display: inline-block; color: #999; float: right; font-size: 11px; font-weight: normal; margin-top: 2px}

.box4{clear: left; padding: 20px; width: 1000px;margin: 0 auto ; border-top: 1px solid #e0e0e0;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

/* Page */
.page_title{display:block;height: 70px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.page_title i {display: inline-block; float: left; width:12px;height:22px;border-radius:2px; background-color: #4682b4; margin: 22px 8px 0 16px}
.page_title h1{display: inline-block;font-size:16px; color:#555; padding: 22px 0 0 0 }

.alert { font-size: 11px; letter-spacing: 1px; padding-top: 10px; color: #777 }
.alert i { font-size: 16px; position: relative; top:3px; padding-right: 2px; }

@media all and (max-width: 479px) {
    /* Index */
.full {display: inline-block;width: 100%; padding-top: 0px; background: url(../img/bbs_bg2.png) repeat-x; }
.boxes {display: block;width: 100%; margin: 0 auto}

.bx1 {width: 100%; display: inline-block;}
.bx1 table {width: 100%; font-size: 12px; color: #333; padding: 4px }
.bx1 th,td {padding: 8px; border-bottom: 0px solid #ccc}
.bx1 .tit { border-bottom: 2px solid #555; padding: 8px; font-size: 20px; margin-right: 0px}
.bx1 .tit i  { font-size: 20px; margin-right:10px}
.bx1 .map { display: none; background: url(../img/map.png) no-repeat ; background-size: 92%; height: 90px; margin-top: 8px}
.bx1 h2 { font-size: 24px; color: #fff; text-shadow: 2px 2px #000; padding: 30px 0 0 50px}
.bx1 .ba1 {display: none; background: url(../img/banner1.png) no-repeat ; height: 97px; margin: 10px auto 10px}
.bx1 .ba2 {display: none; background: url(../img/banner2.png) no-repeat ; height: 97px}

.bx2 {width: 100%; }
.box2{display:inline-block; width: 100%; margin-top: 10px}
.box2 li{float: left; width: 100%; color: #465b2d; text-align: center;padding: 0 20px;border-right: 0px solid #e0e0e0; margin: 20px 0;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.box2 h2{display: block;font-size: 18px; padding-bottom: 20px; color: #09767a}
.box2 li:last-child, .box2 li:first-child {border-right: none}
.box2 .download { display:none; margin-top:20px;padding:8px 20px;background-color:#5b4c64;letter-spacing:1px;font-size:12px;color:#fff;.}
.box_line{display: block; width: 100% ; margin: 10px auto;  border-bottom: 1px solid #e0e0e0 }

.box1{display: block; width: 100%; margin: 0 auto}
.box1 li { width: 100%; float: left}
.box1 li  i {font-size: 30px; margin: 20px 0 10px}
.box1 li h2 {margin-bottom: 10px}
.box1 li > span {display: block; margin-bottom: 30px}
.box1 .sq1 {padding-right: 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.box1 .sq2 {background-color:#0257ad; color: #fff; text-align: center;}
.box1 .sq3 {background-color:#0469b7; color: #fff; text-align: center;}
.box1 .sq4 {background-color:#0c7eb9; color: #fff; text-align: center;}
.box1 li:hover { background-color: #243c43 }

.box3{width: 100%; margin: 10px auto 10px; }
.box3 .bann { display: none;}
.box3 .bann .ba1 {background: url(../img/banner1.png) no-repeat ; height: 97px; margin: 10px auto 20px}
.box3 .bann .ba2 {background: url(../img/banner2.png) no-repeat ; height: 97px}
.box3 .bbs {width: 100%;}
.box3 .bbs li{ width: 100%;}

.box3 .bbs .notice{display:inline-block; width: 100%; padding: 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.box3 .bbs .notice .tit {display: block; border-bottom: 1px solid #ccc; padding: 0 0 12px 6px; margin-bottom: 6px; font-size: 15px;font-weight: 700; color: #555}
.box3 .bbs .notice .tit span {display: inline-block;margin-left: 6px; color: #ff9000 }
.box3 .bbs .notice .tit p {display: inline-block; color: #999; float: right; font-size: 11px; font-weight: normal; margin-top: 2px}

.box3 .bbs .news{display:inline-block; width: 100%; padding: 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.box3 .bbs .news .tit {display: block; border-bottom: 1px solid #ccc; padding: 0 0 12px 6px; margin-bottom: 6px; font-size: 15px;font-weight: 700; color: #555}
.box3 .bbs .news .tit span {display: inline-block;margin-left: 6px; color: #ff9000 }
.box3 .bbs .news .tit p {display: inline-block; color: #999; float: right; font-size: 11px; font-weight: normal; margin-top: 2px}
 
.box3 .bbs .photo{display: inline-block; width: 100%; padding: 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.box3 .bbs .photo .tit {display: block; border-bottom: 1px solid #ccc; padding: 0 0 12px 6px; margin-bottom: 6px; font-size: 15px;font-weight: 700; color: #555}
.box3 .bbs .photo .tit span {display: inline-block;margin-left: 6px; color: #ff9000 }
.box3 .bbs .photo .tit p {display: inline-block; color: #999; float: right; font-size: 11px; font-weight: normal; margin-top: 2px}

.box4{display: none; }
    
    /* Page */
    .page_title{display:block;height: 50px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
    .page_title i {display: inline-block; float: left; width:12px;height:22px;border-radius:2px; background-color: #4682b4; margin: 6px 8px 0 16px}
    .page_title h1{display: inline-block;font-size:16px; color:#555; padding: 6px 0 0 0 }
    }
	
	/*¼±°Å*/
.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 }