@charset "utf-8";

table:not([role=presentation])>:first-child:not(caption), table:not([role=presentation])>caption:not(:first-child) {border: none !important; display: contents !important;}
table:not([role="presentation"]) > caption:not(:first-child):after,
table:not([role="presentation"]) > *:first-child:not(caption):after { color: none !important; content: none !important;}
.datepicker-switch {text-align: center !important;}

a[href^=javascript]:not([role=button]) {border: none;}
a[href^=javascript]:not([role=button]):after {content: none;}

span.label {font-weight: normal;}
span.label-red {background: #f32d3c; color: #fff !important;}
span.label-blue {background: #0071da; color: #fff !important;}
span.label-gray {background: #737373; color: #fff !important;}
span.label-green {background: #059978; color: #fff !important;}
span.label-white {background: #f3f3f3; color: #000;  border: 1px solid #e5e5e5;}
span.label-sky {background: #c3e2ff; color: #000;}
span.label-black {background: #000; color: #fff;}
span.date {color: #06c;}

.board {width: 100%; position: relative; clear: both;}
.table-responsive {clear: both;}
.btn.btn-default {background: #cfcfcf !important;}

#contactUs {float:left; width:100%; padding-bottom:10px;  border:1px solid #CCC;  font-size:14px;}
#contactUs dl {float:left; width:100%; margin-top:10px; margin-bottom: 0;}
#contactUs dl dt {float:left;  line-height:30px; padding:0 20px; border-left:1px solid #CCC;}
#contactUs dl dt:nth-of-type(1) {border-left:0 none;}
#contactUs dl dd:nth-of-type(1) {width:30%;}
#contactUs dl dd:nth-of-type(2) {width:15%;}
#contactUs dl dd {float:left; line-height:30px; word-break: break-all;}

.agree-container h2 {clear: both; font-size: 24px; font-weight: bold; color: #000; padding-bottom: 20px; margin: 0;}
.agree-container h2 a {color: #000;}
.agree-container h2 a:hover {color: #06c;}
.agree-container h3 {font-size: 20px; color: #000; font-weight: bold; padding-bottom: 15px; margin: 0;}
.agree-container ul {list-style: none; padding: 0; margin: 0;}
.agree-container ul li {font-size: 16px; color: #555; padding-bottom: 5px;}
.agree-container ul li {background: url(/pub/site/agri/images/sub/b_icon.jpg) no-repeat left 8px; padding: 0 0 10px 18px;}
.agree-container ul li a {color: #555; font-weight: bold;}
.agree-container ul li a:hover {color: #06c;}
.agree-container p {font-size: 16px; color: #555; margin: 0; padding-bottom: 12px;}
.agree-container table td {background: #fff;}

.reply-body th {background: #f5f5f5;}

.board-message {clear: both; background: url(/pub/site/agri/images/sub/icon_info_1.png) no-repeat 20px 15px #f1f7ff; border: 1px solid #cfe4ff; padding: 15px 20px 20px 85px; font-size: 14px; line-height: 160%; margin-bottom: 30px;}
.board-messageBg2 {background: url(/pub/site/agri/images/sub/icon_info_2.png) no-repeat 20px 15px #f1f7ff;}

.board-message.search-box { padding: 25px 20px 30px 85px; background-position: 20px center; margin-bottom: 5px;}
.contents .search-righttxt {text-align: right; font-size: 13px; padding-bottom: 7px;}


/*일반게시판*/
.board .board_form {width: 100%; background: #f3f3f3; height: 80px; margin-bottom: 20px; float: left;}
.board .board_form form {float: left; margin: 20px 0 0 200px;}
.board .board_form form select {float: left; width: 110px; height: 40px; background: #fff; border: 1px solid #ddd; padding: 5px 10px;}
.board .board_form form input[type=text] {float: left; width: 340px; height: 40px; background: #fff; border: 1px solid #ddd; padding: 5px 10px; margin-left: 7px;}
.board .board_form form input[type=submit] {display: block; float: left; width: 100px; height: 40px;  background: #737373; color: #fff; border: none; text-align: center; font-size: 16px; margin-left: 7px;}
.board .board_form form input[type=button] {display: block; float: left; width: 100px; height: 40px;  background: #737373; color: #fff; border: none; text-align: center; font-size: 16px; margin-left: 7px;}
.board .board_form form input[type=radio] {margin: 0 5px 0 10px; vertical-align: sub;}
.board .board_form form label {margin-top: 7px;}

.board .table-line {float: left; width: 100%; border-top: 1px solid #777; margin-bottom: 20px;}
.board .table-hover { width: 100%;}
.board .table-hover thead th {text-align: center; padding: 15px; font-size: 18px; color: #000; font-weight: bold; border-bottom: none;}
.board .table-hover tbody td {text-align: center; padding: 15px; font-size: 18px; color: #000;}
.board .table-hover tbody td a {color: #000;}
.board .table-hover tbody td i {font-size: 16px; vertical-align: middle;}
.board .table-hover tbody td:nth-of-type(1) span {color: #06c;}
.board .table-hover tbody td:nth-of-type(1) {font-weight: bold; color: #888;}
.board .table-default tbody td:nth-of-type(2) {text-align: left; width: 100%;}
.board .table-hover tbody tr:last-child td { border-bottom: 1px solid #ddd;}

.board_btn-bottom {clear: both; width: 100%; text-align: center; margin-top: 20px;}
.board_btn-bottom a {font-size: 18px; color: #666; padding: 0 8px;}
.board_btn-bottom a i {font-size: 20px; color: #888; vertical-align: middle;}
.board_btn-bottom a:hover, .board_btn-bottom a.active {color: #000; font-weight: bold; font-size: 18px; text-decoration: underline;}

.board .board_box {display: none; width: 100%; border: 1px solid #e5e5e5; color: #666; padding: 20px 30px; margin-top: 50px; float: left;}
.board .board_box i {float: left; display: inline-block; width: 40px; height: 40px; margin-right: 10px;  border-radius: 20px; color: #fff; background: #a4a4a4;font-size: 24px; text-align: center;}
.board .board_box p {float: left; padding-top: 8px;}
.board .board_box .date {float: right; color: #000;}

.btn-write {float: right; margin-bottom: 30px !important;}
.btn-write a {float: left; margin-left: 10px; display: block; width: 140px; height: 40px; padding-top: 10px; background: #498bdf; color: #fff; text-align: center;}

/*게시판 form*/
.table_write tbody th {font-size: 18px;}
.table_write tbody td input[type=text] {background: #f5f5f5; border: 1px solid #e5e5e5;}
.table_write tbody td input[type=file] {background: #f5f5f5; border: 1px solid #e5e5e5;}
.table_write tbody td textarea {background: #f5f5f5; border: 1px solid #e5e5e5;}
.table_write tbody tr:last-child th, .table_write tbody tr:last-child td { border-bottom: 1px solid #ddd;}

/*게시판 view*/
.table_view {margin-bottom: 45px;}
.table_view thead tr th { color: #000; font-weight: normal; padding: 14px 20px; line-height: 180%; border-top: 1px solid #777 !important; border-bottom: none;}
.table_view thead th span {font-size: 18px; font-weight: bold; padding-left: 20px;}
.table_view thead th strong {padding-left: 20px;}
.table_view tbody tr th {border-bottom: 1px solid #ddd; font-size: 16px; padding: 18px; font-weight: bold; vertical-align: middle;}
.table_view tbody tr td {padding: 18px 40px;}
.table_view tbody tr td a {color: #555; font-size: 14px; text-decoration: underline;}
.table_view tbody tr td img {max-width: 100% !important;}
.table_view tbody tr:last-child td { border-bottom: 1px solid #ddd;}
.number-table span {width: 50%; float: left;}
.number-table span strong {padding-right: 20px;}

.table_view table {width: 100%; /*border-top: 1px solid #000; border-right: 1px solid #000;*/}
.table_view table tr th {border-bottom: 1px solid #000; border-left: 1px solid #000; font-weight: bold;}
.table_view table tr td {border-bottom: 1px solid #000 !important; border-left: 1px solid #000;}

.table_btn {float: right; clear: both; margin-bottom: 40px;}
.table_btn .btn {width: 140px; height: 40px; text-align: center; font-size: 16px; background: #fff; color: #6b6b6b; border: 1px solid #777;}
.table_btn .btn-primary { border: none; background: #498bdf; color: #fff;}



table td img {/*width: auto !important;*/ border: none !important; box-shadow: none !important;}
table:not([role=presentation])>caption+tbody, table:not([role=presentation])>tbody:first-child {border: none;}
table:not([role=presentation])>caption+tbody:after, table:not([role=presentation])>tbody:first-child:after {content: none;}

/*포토갤러리*/
.board .table-photo { width: 100%;}
.board .table-photo tbody td {text-align: center; padding: 15px; font-size: 18px; color: #000; vertical-align: middle;}
.board .table-photo tbody td a {color: #000;}
.board .table-photo tbody td span {display: block; color: #000; width: 100%;}
.board .table-photo tbody td .img {display: block; width: 200px; height: 200px; float: left;}
.board .table-photo tbody td div {float: left; width: 70%; color: #000; padding-left: 20px; text-align: left;}
.board .table-photo tbody td div .date {padding: 15px 0;  text-align: left;}
.board .table-photo tbody td div .txt {font-size: 14px; padding-top: 5px; line-height: 160%;  text-align: left;}

a[target="_blank"]:not([title]), a[target="_blank"][title=""], form[target="_blank"]:not([title]), form[target="_blank"][title=""], iframe:not([title=""]), iframe:not([title=" "]), iframe:not([title]) {border: none !important;}
a[target="_blank"]:not([title]):after, a[target="_blank"][title=""]:after, form[target="_blank"]:not([title]):after, form[target="_blank"][title=""]:after {content: none;}
/*.board-responsive {width:100%;overflow:auto;-webkit-overflow-scrolling: touch; }*/

/*농업기술원에 바란다*/
.pull-right {padding-bottom: 10px;}
table.table-list {
	margin-bottom: 0;
}

table.table-list thead th {
	border-top: 1px solid #444;
	text-align: center;
	background-color: #eee;
}

table.table-list tbody td {
	text-align: center;
}

table.table-list tbody td.title {
	text-align: left;
}

table.table-list tbody td.no {
	font-size: .95em;
}

table.table-list tbody td .no-reply {font-size: .9em;}

.bottomFormBox .alert {text-align: right;}
.alert-default { background:#eee;color:#333;}
.table-responsive {border-left: none !important; border-right: none !important; border-bottom: none !important;}


table.table-form {table-layout: fixed;}
table.table-form th {background-color: #eee; font-weight: bold; text-align: center; width: 15%;}
table.table-form td {width: 35%;} 
table.table-form td table {border: none;}
table.table-form td table tr th {border: 1px solid #000;}
table.table-form td table tr td {border: 1px solid #000;}



/*검색*/
.searchPage fieldset {width: 100%; padding:30px; margin-bottom:15px; background: #f3f3f3; text-align:center; line-height:30px; font-size:18px;}
.searchPage fieldset label {font-weight:normal; margin-right:50px;}
.searchPage fieldset div {display:inline-block; width: 50%;}
.searchPage fieldset input[type="checkbox"] {width:20px; height:20px; margin-top:-3px; vertical-align:middle;}
.searchPage fieldset select {display:inline-block; width:115px; height:44px; padding-left:5px; border:0;}
.searchPage fieldset input[type="text"] {display:inline-block; width: 100%; height:40px; padding-left:20px; border: 1px solid #e5e5e5; background: #fff;}
.searchPage fieldset input[type="submit"] {display:inline-block; height:38px; width: 15%; border:0; font-size: 16px; color: #fff; background: #498bdf;}
.searchBox {margin-bottom:40px;}

.search-all {width: 100%; text-align: center; margin: 10px 0;}
.search-all .tit {font-size: 24px; color: #000; text-align: center;}
.search-all .txt {font-size: 18px; color: #000;}
.search-all .txt span {display: inline-block; padding: 0 10px;}
.search-all .txt span i {color: #999; font-size: 30px; vertical-align: sub;}
.search-all .txt span span {color: #498bdf;}

.searchPage p.txt {font-weight:bold; color:#000;}
.searchBox p b, .searchBox p strong {color:#006ad3;}
.searchBox h2 {width: 100%; padding: 12px 15px; background: #f1fcfe; border-top: 1px solid #6c6c6c; font-size: 20px; font-weight: bold;}
.searchBox h2 i {color: #999; font-size: 30px; vertical-align: sub;}
.searchBox h2 span {color: #498bdf; margin-left: 15px;}
.searchBox h3 {float: left; font-size: 18px; color: #000; margin-bottom: 10px; padding-bottom: 0; padding-top: 15px; width: 100%; clear: both;}
.searchBox h3 a {color:#000; display: block; padding-top: 3px; float: left; width: 88%;}
.searchBox h3 .left-box {float: left; width: 10%; margin-right: 2%;}
.searchBox .left-box {float: left; font-size:16px; font-weight: bold; padding-top: 8px; height: 34px; background: #498bdf; text-align: center; color: #fff; display: inline-block;}
.search-txt {float: left; width: 10%; margin-right: 2% !important;}
.search-txt span {width: 100%;}
.searchBox ul {float: left; width: 88%; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px;}
.searchBox ul li {width: 100%; }
.searchBox ul a {color:#555; float: left;}
.searchBox ul a p {display: inline-block;}
.searchBox ul li a span.search-text {color: #fe0000;}
.searchBox p.moreBtn {padding:30px 0; clear: both; text-align:center;}
.searchBox p.moreBtn a {display:inline-block; height:40px; line-height:38px; padding:0 20px; background:#737373; color:#FFF;}



/*농업용어사전*/
.farmdic-search .search-box {background: #f3f3f3; padding: 30px; text-align: center; width: 100%; float: left; clear: both; margin-bottom: 35px;}
.farmdic-search .search-box input[type=text] {width: 50%; padding: 8px; background: #fff; border: 1px solid #e5e5e5; font-size: 16px;}
.farmdic-search .search-box input[type=submit] {width: 12%; padding: 8px; background: #498bdf; color: #fff; border: none; font-size: 16px;}
.farmdic-search h3 {background: #f1fcfe; clear: both; width: 100%; padding: 20px 30px; border-top: 1px solid #767676; border-bottom: 1px solid #e2e2e2; font-size: 18px; color: #000; font-weight: normal;}
.farmdic-search .search-list {font-size: 16px; width: 100%;}
.farmdic-search .search-list .list {width: 100%; float: left; padding: 10px 0 0 30px;}
.farmdic-search .search-list a {color: #06c;  border-bottom: 1px solid #06c;}
.farmdic-search .search-list button {background: none; border: none; margin-left: 10px; border-bottom: 1px solid #06c; color: #06c; font-size: 16px; padding: 0;} 
.farmdic-search .search-list .line {border-bottom: 1px solid #e2e2e2;  padding: 15px 0 5px 30px;}
.farmdic-search .search-detail {float: left; width: 100%; margin-top: 10px;}
.farmdic-search .search-detail table {border-left: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.farmdic-search .search-detail .table-responsive table tbody td {text-align: left;}

.disease-form select:first-child {margin-right: 5px;}
.contents .disease-table table {border-right: 0;}
.contents .disease-table table thead th {border-left: 0;}
.contents .disease-table table tbody td {border-left: 0;}


/*역대원장*/
.contents .successor {border-top: 1px solid #777; margin-top: 40px; width: 100%; float: left;}
.contents .successor ul {margin-top: 40px; float: left; width: 100%;}
.contents .successor ul li {float: left; padding-bottom: 40px; width: 50%; padding: 0 35px;}
.contents .successor ul li p.sucImg {float: left; width: 180px; height: 240px; border: 1px solid #e5e5e5; padding: 10px; margin: 0 10px 20px 0;}
.contents .successor ul li p.sucImg img {width: 160px; height: 220px;}
.contents .successor ul li p.sucTxt {padding-bottom: 0; font-size: 18px; padding-bottom: 10px;}
.contents .successor ul li p.sucTxt span {color: #000; display: inline-block; padding: 5px 0;}
.contents .successor ul li p.sucTxt2 {font-size: 14px;}

/*탭*/
.contents .tab-menu {width: 100%; height: auto; list-style: none; margin-bottom: 45px; padding: 0; float: left; clear: both;}
.contents .tab-menu:after {content: ' '; display: table; clear: both;}
.contents .tab-menu li {float: left; width: 20%; height: 50px; background: url(/pub/site/agri/images/sub/line_tab.png) no-repeat right center #f8f8f8; }
.contents .tab-menu li a {display: block; width: 100%; height: 50px; text-align: center; line-height: 46px; font-size: 16px; color: #000;}
.contents .tab-menu li a:hover, .contents .tab-menu li.active a {background: url(/pub/site/agri/images/sub/btn_tab.png) no-repeat 95% center #498bdf; color: #fff; text-decoration: none; height: 49px;}
.contents .tab-menu li:last-child {background-image: none;}

.contents .tab-menu-select {width: 100%; background: #eef7ff; text-align: center; padding: 25px; margin-bottom: 40px;}
.contents .tab-menu-select select {border: none; border-bottom: 2px solid #06c; padding: 0 60px 5px 5px; background: url(/pub/site/agri/images/sub/btn_selecter.png) no-repeat 95% center; font-size: 24px; color: #06c; font-weight: bold; -webkit-appearance: none;  -moz-appearance: none;  appearance: none; }
select::-ms-expand { display: none;  }



/*api*/

.api_box {background: #fff; position: relative; margin-bottom: 30px;}
.api_box .tab {float: left; width: 100%; margin-bottom: 25px;}
.api_box .tab li {float: left; width: 50%; height: 50px; padding-top: 10px;  border: 1px solid #777; text-align: center; font-size: 18px; color: #000; cursor: pointer;}
.api_box .tab li:last-child  {border-left: none;}
.api_box .tab li:hover, .api_box .tab li.active {background: #000; color: #fff; text-decoration: none;}

.api_box div {width: 100%; clear: both;}

.contents .api_box .tab-menu {width: 100%; height: auto; list-style: none; padding: 0; float: left; clear: both; margin-bottom: 0px !important;}
.contents .api_box .tab-menu:after {content: ' '; display: table; clear: both;}
.contents .api_box .tab-menu li {display: block; text-align: center; cursor: pointer; line-height: 46px; font-size: 16px; color: #000; float: left; width: 16.666%; height: 50px; background: url(/pub/site/agri/images/sub/line_tab.png) no-repeat right center #f8f8f8; }
.contents .api_box .tab-menu li:hover, .contents .tab-menu li.active {background: url(/pub/site/agri/images/sub/btn_tab.png) no-repeat 95% center #498bdf; color: #fff; text-decoration: none; height: 50px;}
.contents .api_box .tab-menu li:last-child {background-image: none;}

.contents .api_box .table-responsive {border-top: 2px solid #558ce2;}

.tab-type01 li{ min-width: 96px}
.select-box{ color: #333; font-weight: bold}
.tbl-type01{ margin-top: 80px}

@media (max-width: 999px) { 

	.contents .api_box .tab-menu li {width: 33.333%;}
	
}




/*주간행사*/
.module-wrapper p.tit-month {position:relative; font-size:30px; line-height:50px; text-align:center;}
.module-wrapper p.tit-month a.prev {position:absolute; top:-3px; left:50%; margin-left:-100px;}
.module-wrapper p.tit-month a.next {position:absolute; top:-3px; right:50%; margin-right:-100px;}
.module-wrapper table.calendar {clear:both; width:100%; table-layout:fixed; margin:30px 0;}
.module-wrapper table.calendar thead th {height:55px; border:1px solid #E0E0E0; border-top:2px solid #000; background:#F5F5F5; text-align:center; color:#000;}
.module-wrapper table.calendar tbody tr td {word-break: break-all; vertical-align: top; position:relative; height:100px; padding:35px 10px 10px 10px; text-align:left; border:1px solid #E0E0E0; color:#555; font-size:14px; line-height:18px;}
.module-wrapper table.calendar tbody tr td i {position:absolute; top:12px; left:15px; font-style:normal; color:#000;}
.module-wrapper table.calendar tbody tr td a {color:#555; margin-bottom: 5px; float: left; width: 100%; display: block;}
.module-wrapper table.calendar thead tr th:first-child, table.calendar tbody tr td:first-child i {color:#FD3333;}
.module-wrapper table.calendar tbody tr td.today {background:#E3F7FE;}
.module-wrapper table.calendar tbody tr:last-child td {border-bottom:2px solid #E0E0E0;}

/*이북 게시판*/

.contents .ebook2 {width: 100%; float: left; position: relative; border-top: 1px solid #000;}
.contents .ebook2 ul {width: 100%; float: left; padding: 25px 0 10px; border-bottom: 1px solid #ddd; margin-bottom: 40px;}
.contents .ebook2 ul li {float: left; position: relative; width: 100%; margin-bottom: 25px; border-bottom: 1px solid #ddd;}
.contents .ebook2 ul li:last-child {border-bottom: none;}
.contents .ebook2 ul li .number {float: left; width: 8%; font-size: 18px; padding-top: 130px; font-weight: bold; color: #888; text-align: center; }
.contents .ebook2 ul li .ebook-wrap {float: left; width: 22%;}
.contents .ebook2 ul li .ebook-img {float: left; width: 100%; position: relative;}
.contents .ebook2 ul li .ebook-img a {display: block; color: #000;}
.contents .ebook2 ul li .ebook-img img {width: 210px; height: 280px; border: 1px solid #dadada; margin-bottom: 15px;}
/*.contents .ebook2 ul li .ebook-img p {position: absolute; top: 0; left: 0; display: none; text-align: center; width: 210px; height: 280px; padding-top: 125px; background: rgba(0, 102, 153, .9);}
.contents .ebook2 ul li .ebook-img p span {display: inline-block; width: 100px; height: 34px; padding-top: 5px; border: 1px solid #fff; color: #fff; text-align: center;}*/
.contents .ebook2 ul li .ebook-txt-wrap {float: left; width: 70%; padding-left: 30px;}
.contents .ebook2 ul li dl {float: left; width: 100%;}
.contents .ebook2 ul li dl dt {clear: both; float: left; width: 12%; font-size: 16px; color: #000; font-weight: bold; padding-bottom: 13px;}
.contents .ebook2 ul li dl dd {float: left; width: 88%; font-size: 16px; color: #555; padding-bottom: 13px;}
.contents .ebook2 ul li .ebook-txt-wrap .download-btn {clear: both; padding-top: 50px;}
.contents .ebook2 ul li .ebook-txt-wrap .download-btn a {display: inline-block; font-size: 14px; padding: 5px 20px; background: #498bdf; color: #fff; text-align: center;}

.contents .ebook2 .btn {position: absolute; top: -10px; right: 0px;}
.contents .ebook2 .btn a {display: inline-block; padding: 5px 20px; text-align: center; font-size: 16px; background: #6b6b6b; color: #fff; border: 1px solid #777;}




/*농약정보서비스*/
.board .cropdust-form form {width: 100%; margin: 20px;}
.board .cropdust-form form input[type=text] {width: 27.5%; margin-bottom: 10px;}
.board .cropdust-form form input[type=submit] {position: absolute; top: 20px; right: 20px; height: 90px;}


/*병해충 검색*/
.board .pest-form form {margin: 20px 0 0 40px;}
.board .pest-form p {float: left; margin: 7px 5px 0 15px;}
.board .pest-style {width: 100%; float: left; margin: 10px 0 30px ; padding-top: 30px; border-top: 2px solid #000; border-bottom: 1px solid #ddd;}
.board .pest-style li {float: left; width: 18%; margin: 0 1%; border: 1px solid #ddd; background: #e8e8e8; text-align: center;  margin-bottom: 30px;}
.board .pest-style li a {color: #000;}
.board .pest-style li img {margin-bottom: 5px; height: 150px; width: 100% !important;}
.board .pest-style li:nth-of-type(6) {clear: both;}

.board .pest-style.pest-main li {width: 31.33333%; padding: 0 0 10px 0; margin: 0 1% 2% 1%; border: 1px solid #ddd; background: #e8e8e8; font-size: 18px; font-weight: bold;}
.board .pest-style.pest-main li img {height: 250px; border: none; padding-bottom: 5px; }
.board .pest-style.pest-main li a {display: inline-block; width: 100%;}
.board .pest-style.pest-main li:nth-of-type(6) {clear: none;}


/*영농교육신청*/
.contents .board-edu .board_form {width: 100%; background: #f3f3f3; height: 80px; margin-bottom: 20px; float: left;}
.contents .board-edu .board_form form {float: left; padding: 20px 0 0 40px; width: 100%; margin: 0;}
.contents .board-edu .board_form form p {float: left; padding-top: 10px; width: 5%;}
.contents .board-edu .board_form form input[type=text] {float: left; width: 75%; height: 40px; background: #fff; border: 1px solid #ddd; padding: 5px 10px; margin-left: 5%;}
.contents .board-edu .board_form form input[type=submit] {display: block; float: left; width: 10%; height: 40px;  background: #737373; color: #fff; border: none; text-align: center; font-size: 16px; margin-left: 7px;}

.board-edu .board_txt-left {float: left; font-size: 12px; color: #000; padding-top: 20px; margin: 0;}
.board-edu .board_form-right {float: right;}
.board-edu .board_form-right select {width: 200px; height: 40px; background: #f5f5f5; border: 1px solid #e5e5e5; padding: 5px 10px;}
.board-edu .table-line {float: left; width: 100%; border-top: 1px solid #777; margin: 15px 0 20px;}
.board-edu .table-hover { width: 100%;}
.board-edu .table-hover thead th {text-align: center; padding: 15px; font-size: 18px; color: #000; font-weight: bold;}
.board-edu .table-hover tbody td {text-align: center; padding: 15px; font-size: 18px; color: #000; vertical-align: middle;}
.board-edu .table-hover tbody td a {color: #000;}
.board-edu .table-hover tbody td span.date {color: #06c;}
.board-edu .table-hover tbody td span.txt {font-size: 14px;}
.board-edu .table-hover tbody td:nth-of-type(1) {font-weight: bold; color: #888;}
.board-edu .table-hover tbody td:nth-of-type(2) {text-align: left;}
.board-edu .table-hover tbody td:nth-of-type(5) {font-size: 14px;}
.board-edu .table-hover tbody tr:last-child td { border-bottom: 1px solid #ddd;}

.edu-view .edu-topbox {border-top: 1px solid #777; width: 100%; float: left;}
.edu-view .edu-topbox .label {margin-right: 20px;}
.edu-view .edu-topbox .tit { font-size: 20px; font-weight: bold; color: #000; padding: 20px 40px; border-bottom: 1px solid #e5e5e5; width: 100%;}
.edu-view .tabmenu table {float: left; width: 100% !important; border: 1px solid #e2e2e2 !important; border-top: 2px solid #767676 !important;}
.edu-view .tabmenu table tr td {font-size: 16px; color: #555; text-align: center; padding: 10px; border: 1px solid #e2e2e2;}
.edu-view dl {display: flex; flex-wrap: wrap; border-bottom: 1px solid #555; width: 90%; margin: 0 5% 25px 5%; padding: 30px 0 0; }
.edu-view dt {width: 15%; height: 40px; padding-bottom: 15px; clear: both; font-size: 18px; font-weight: bold; color: #000; border-bottom: 1px solid #555; padding-right: 30px;}
/* 2020-01-29 .edu-view dd 변경 : 오션스솔루션 정수정 */
.edu-view dd {width: 85%; height:auto; min-height: 40px; font-size: 18px; color: #555; margin-bottom: 15px; border-bottom: 1px solid #555;}
.edu-view dd span {color: #0071da;}
.edu-view dd a {display: block; color: #0071da; background: url(/pub/site/agri/images/sub/b_icon.jpg) no-repeat left 8px; padding: 0 0 0 18px;}
.edu-view dd a:last-child {display: none;}
.edu-view dl dt.files,
.edu-view dl dd.files {border: none;}
.edu-view .edu-topbox .txtBox {font-size: 18px; line-height: 200%;}
.edu-view .edu-topbox .txtBox strong {color: #0071da;}
.edu-view .edu-topbox .txtBox a {float: right; display: block; line-height: 150%; width: 140px; height: 40px; padding-top: 5px; background: #498cdf; color: #fff; text-align: center;}

.edu-view .tab {width: 100%; clear: both; position: relative;}
.edu-view .tab .tab-tit {float: left; width: 100%; border-left: 1px solid #777; margin-top: 40px;}
.edu-view .tab .tab-tit li {width: 25%; float: left; padding-bottom: 0; border-right: 1px solid #777; border-top: 1px solid #777; border-bottom: 1px solid #777; text-align: center; font-size: 16px;}
.edu-view .tab .tab-tit li a {display: block; width: 100%; padding: 15px; color: #000; }
.edu-view .tab .tab-tit li a:hover, .tab .tab-tit li a.active {background: #498cdf; color: #fff; text-decoration: none;}
.edu-view .tab .tabmenu {width: 100%; float: left; margin-top: 15px;}
.edu-view .tab .tabmenu .table-hover tbody td {text-align: center !important;}
.edu-view .tab #tab1 .tabLine {float: left; width: 100%; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding: 30px 40px;}
.edu-view .tab .tabmenu h4 {font-size: 14px;}
.edu-view .tab .tabmenu h4:before {content: '\f10c'; font-family: "fontello"; padding-right: 5px;}
.edu-view .tab .tabmenu ul li {font-size: 14px;}
.edu-view .tab .tabmenu ul li:before  {content: '\e80f'; font-family: "fontello"; padding-right: 5px;}


.edu-form {width: 100%; float: left;}
.edu-form .tit { font-size: 20px; font-weight: bold; color: #000; padding: 20px 40px; border-top: 1px solid #777; border-bottom: 1px solid #e5e5e5; width: 100%;}
.edu-form .tit span {color: #498cdf;}
.edu-form h3 {font-size: 20px; font-weight: bold; color: #000; padding: 10px 0 10px 40px;}
.edu-form table tbody td {padding: 15px; font-size: 18px; color: #000; vertical-align: middle;}
.edu-form label {font-weight: normal;}
.edu-form table tbody td input[type=text] {background: #f5f5f5; width: 350px; border: 1px solid #e5e5e5; padding: 5px 10px; }
.edu-form table tbody .number input[type=text] {width: 150px;}
.edu-form table tbody td span {color: #ff4b4b; font-size: 14px; letter-spacing: -1px;}
.edu-form table tbody tr:last-child td { border-bottom: 1px solid #ddd;}
.edu-form table tbody tr:nth-of-type(4) td {padding-top: 5px;}
.edu-form table tbody tr:nth-of-type(4) td input[type=text] {margin-top: 10px;}
.edu-form input[type=checkbox] {background: #f5f5f5; width: 30px; height: 30px; border: 1px solid #e5e5e5; vertical-align: middle; margin-left: 10px;}
.edu-form .agree-box {width: 100%;}
.edu-form .agree-box textarea {width: 100%; height: 360px; background: #f5f5f5; border: 1px solid #e5e5e5; padding: 25px 40px; line-height: 160%; margin-bottom: 20px;}
.edu-form .agree-box p {width: 100%; border-top: 1px solid #e5e5e5; padding-top: 10px; font-size: 18px;}
.edu-form .table_btn {float: none; text-align: center; margin-top: 30px;}



/*수강이력조회*/
.career {margin: 40px 0;}
.careerBox {width: 640px; height: 500px; margin: 0 auto; background: #f1f7ff; border: 1px solid #cfe4ff; padding: 45px 55px;}
.careerBox p.tit {font-size: 24px; color: #000; font-weight: bold; text-align: center; padding-bottom: 15px;}
.careerBox p.txt {font-size: 16px; color: #000; background: url(/pub/site/info/images/sub/icon_search.png) no-repeat left center; padding-left: 120px;}
.careerBox form {border-top: 1px solid #000; margin-top: 30px; padding-top: 40px;}
.careerBox form span {width: 20%; float: left; font-size: 18px;}
.careerBox form input {width: 80%; font-size: 18px; color: #737373; padding: 5px 10px; margin-bottom: 20px; border: 1px solid #e5e5e5;}
.careerBox form p {text-align: center; padding-top: 10px;}
.careerBox form p a {display: inline-block; background: #498bdf; color: #fff; text-align: center; padding: 10px 25px;}


/*카드뉴스*/
.cardnews-list {display: flex; flex-wrap: wrap; width: 100%; border-top: 1px solid #777; border-bottom: 1px solid #ddd; padding-top: 30px !important;}
.cardnews-list li {float: left; width: 25%; padding: 0 10px; margin-bottom: 30px;}
.cardnews-list li a {display: block; width: 100%; height: 100%; color: #000; font-weight: bold;}
.cardnews-list li a span {display: block; background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; padding-bottom: 100%; margin-bottom: 10px;}
.cardnews-list li a img {width: 100%; padding-bottom: 10px;}

.cardnews {width: 100%; position: relative;}
.cardnews .bxslider li {text-align: center; background: #000; padding: 50px;}
.cardnews .bxslider li img {height: 500px;}
.cardnews .bx-controls-direction i {position: absolute; top: 50%; margin-top: -25px; z-index: 200;}
.cardnews .bx-controls-direction i {color: #fff; font-size: 50px;}
.cardnews .bx-controls-direction i.icon-left-open {left: 0;}
.cardnews .bx-controls-direction i.icon-right-open {right: 0;}
.cardnews .bx-pager {width: 100%; float: left;background: #000; padding: 20px 17px; border-top: 1px solid #ddd;}
.cardnews .bx-pager a {display: inline-block; float: left; width: 14.28%; padding: 3px;}
.cardnews .bx-pager a img {width: 100%;}
.cardnews .bx-pager a:first-child {display: none !important;}

/*동영상게시판*/
.movie-board {float: left; width: 100%; padding: 30px 0 0; border-top: 1px solid #777; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px;}
.movie-board .mb-list {float: left; width: 25%; padding: 0 1%; margin-bottom: 30px;}
.movie-board .mb-list:nth-of-type(5),
.movie-board .mb-list:nth-of-type(9) {clear: both;}
.movie-board .mb-list .mb-img {width: 100%; height: 200px;}
.movie-board .mb-list .mb-img a {display: block; width: 100%; height: 100%;}
.movie-board .mb-list .mb-img a:hover {text-decoration: none;}
.movie-board .mb-list p {font-size: 16px; color: #666; padding: 0;}
.movie-board .mb-list p.mb-tit a {font-size: 16px; color: #000; margin: 10px 0 5px; display: block;}


/*유투브게시판*/
.youtube-board .movie-board .mb-list .mb-img {width: 100%; height: 130px; border: 1px solid #e5e5e5;}
@media (max-width: 991px) {
	.youtube-board .movie-board .mb-list .mb-img {height: 100px;}
}


@media (max-width: 999px) {

	.board-responsive {width:100%;overflow:auto;-webkit-overflow-scrolling: touch; }
	
	.board-message {background: #f1f7ff; padding: 10px !important;}

	.contents .search-righttxt {font-size: 12px;}

	.board .board_form {height: auto;}
	.board .board_form form {margin: 0px; padding: 20px; width: 100%;}
	.board .board_form form select {width: 100%; margin-bottom: 10px;}
	.board .board_form form input[type=text] {width: 80%; margin: 0;}
	.board .board_form form input[type=submit] {width: 15%; margin: 0; float: right;}

	.table_btn .btn {width: 100px;}

	.board .table-default tr td.t-num, .board .table-default tr td.t-date {display: none;}
	.board .table-default thead {display: none;}
	.table_view thead tr th {padding: 15px;}
	.table_view thead th span {padding: 0;}
	.table_view thead th strong {padding: 0;}
	.table_view tbody tr td {padding: 15px;}
	.number-table span {width: auto; padding-right: 20px;}
	.number-table span strong {padding-right: 0;}

	.board .table-photo tr td:first-child {display: none;}
	.board .table-photo tbody td .img {width: 40%; height: 200px;}
	.board .table-photo tbody td div {width: 60%;}
	.board .table-photo tbody td div .txt {display: none;}

	.searchPage fieldset {padding: 30px 10px;}
	.searchPage fieldset div {width: 80%;}

	
	.contents .successor {margin-top: 0; width: 100%;}
	.contents .successor ul {margin-left: 0;}
	.contents .successor ul li {width: 50%; height: auto; padding: 0; margin-bottom: 20px;}
	.contents .successor ul li p.sucImg {width: 40%; height: auto;}
	.contents .successor ul li p.sucImg img {width: 100%; height: auto;}
	.contents .successor ul li p.sucTxt2 {float: left; width: 55%;}

	.contents .tab-menu li {width: 50%; }
	.contents .tab-menu li a:hover, .contents .tab-menu li.active a {background-image: none;}
	.contents .tab-menu li:nth-of-type(2), .contents .tab-menu li:nth-of-type(4) {background-image: none;}

	#contactUs dl {margin-top:10px;}
	#contactUs dl dt {float:left;  width: 100px; border: none;}
	#contactUs dl dd:nth-of-type(1) {float:left; width: calc(100% - 100px);}
	#contactUs dl dd:nth-of-type(2) {float:left; width: calc(100% - 100px);}
	#contactUs dl dd {float:left; width: calc(100% - 100px);}

	.contents .ebook2 {width: 100%; float: left; position: relative; border-top: 1px solid #000;}
	.contents .ebook2 ul {width: 100%; float: left; padding: 25px 0 10px; border-bottom: 1px solid #ddd; margin-bottom: 40px;}
	.contents .ebook2 ul li {float: left; position: relative; width: 100%; margin-bottom: 25px; border-bottom: 1px solid #ddd;}
	.contents .ebook2 ul li:last-child {border-bottom: none;}
	.contents .ebook2 ul li .number {display: none;}
	.contents .ebook2 ul li .ebook-wrap {float: left; width: 35%; position: relative;}
	.contents .ebook2 ul li .ebook-wrap a {display: block; color: #000;}
	.contents .ebook2 ul li .ebook-wrap img { width: 100%; height: auto !important; border: 1px solid #dadada; margin-bottom: 15px;}
	.contents .ebook2 ul li .ebook-txt-wrap {float: left; width: 65%; padding-left: 10px;}
	.contents .ebook2 ul li dl {float: left; width: 100%; margin: 0;}
	.contents .ebook2 ul li dl {float: left; width: 70%; padding-left: 15px;}
	.contents .ebook2 ul li dl dt {clear: both; float: left; width: 40%; font-size: 14px; color: #000; font-weight: bold; padding-bottom: 7px;}
	.contents .ebook2 ul li dl dd {float: left; width: 60%; font-size: 14px; color: #555; padding-bottom: 7px;}
	.contents .ebook2 ul li .ebook-txt-wrap .download-btn {padding-top: 0;}
	.contents .ebook2 ul li .ebook-txt-wrap .download-btn a {margin-bottom: 5px;}
	.contents .ebook2 .btn {position: relative; float: right;}


	
	/*농업용어사전*/
	.farmdic-search .search-box {}
	.farmdic-search .search-box input[type=text] {width: 75%;}
	.farmdic-search .search-box input[type=submit] {width: 20%;}
	.farmdic-search h3 {padding-left: 10px;}
	.farmdic-search .search-list .list {padding-left: 10px;}

	.disease-form select:first-child {margin: 0;}


	/*농약정보서비스*/
	.board .cropdust-form form {width: 100%; margin: 0;}
	.board .cropdust-form form input[type=text] {width: 32%; margin-right: 1%; margin-bottom: 10px;}
	.board .cropdust-form form input[type=submit] {float: left; position: relative; width: 98%; height: 40px; top: 0; right: 0;}

	/*통합검색*/
	.searchBox h3 {float: left; font-size: 18px; color: #000; margin-bottom: 5px; padding-top: 15px; width: 100%; clear: both;}
	.searchBox h3 a {color:#000; display: block; padding-top: 3px; float: left; width: 78%;}
	.searchBox h3 .left-box {float: left; width: 20%; margin-right: 2%;}
	.searchBox .left-box {float: left; font-size:16px; font-weight: bold; padding-top: 8px; height: 34px; background: #498bdf; text-align: center; color: #fff; display: inline-block;}
	.search-txt {float: left; width: 20%; margin-right: 2% !important;}
	.search-txt span {width: 100%;}
	.searchBox ul {float: left; width: 78%; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px;}
	.searchBox ul li {width: 100%; }
	.search-all {width: 100%; text-align: center; margin: 10px 0;}
	.search-all .tit {font-size: 20px; color: #000; text-align: center;}
	.search-all .txt {font-size: 16px; color: #000;}
	.search-all .txt span {display: inline-block; padding: 0 5px;}
	.search-all .txt span i {color: #999; font-size: 20px; vertical-align: sub;}
	.search-all .txt span span {color: #498bdf;}


	/*병해충 검색*/
	.board .pest-form form {margin: 0;}
	.board .pest-form p {float: left; width: 100%; margin: 0; padding: 5px 0 2px;}
	.board .pest-form input {margin-bottom: 10px;}
	.board .board_form form input[type=button] {width: 100%; margin: 0;}
	.board .pest-style {width: 100%; float: left; margin: 10px 0 30px ; padding-top: 10px; border-top: 2px solid #000; border-bottom: 1px solid #ddd;}
	.board .pest-style li {float: left; width: 31.333333%; margin: 0 1%; border: 1px solid #ddd; background: #e8e8e8; text-align: center;  margin-bottom: 10px; font-size: 14px;}
	.board .pest-style li a {color: #000;}
	.board .pest-style li img {margin-bottom: 5px; height: 100px; width: 100%;}
	.board .pest-style li:nth-of-type(6) {clear: none;}


	.board .pest-style.pest-main {padding-top: 10px;}
	.board .pest-style.pest-main li {width: 31.33333%; padding: 0 0 5px 0; margin: 0 1% 2% 1%; border: 1px solid #ddd; background: #e8e8e8; font-size: 16px; font-weight: bold;}
	.board .pest-style.pest-main li img {height: 100px; border: none; padding-bottom: 3px; }
	.board .pest-style.pest-main li:nth-of-type(6) {clear: none;}

	/*영농교육신청*/
	.contents .board-edu .board_form {height: auto;}
	.contents .board-edu .board_form form {padding: 10px;}
	.contents .board-edu .board_form form p {width: 15%;}
	.contents .board-edu .board_form form input[type=text] {width: 55%;}
	.contents .board-edu .board_form form input[type=submit] {width: 20%;}


	/*수강이력조회*/
	.career {margin: 40px 0; clear: both;}
	.careerBox {width: 100%; height: auto; margin: 0 auto; background: #f1f7ff; border: 1px solid #cfe4ff; padding: 20px;}
	.careerBox p.tit {font-size: 20px; color: #000; font-weight: bold; text-align: center; padding-bottom: 15px;}
	.careerBox p.txt {font-size: 16px; color: #000; background: none; padding-left: 0px;}
	.careerBox form {border-top: 1px solid #000; margin-top: 30px; padding-top: 40px;}
	.careerBox form span {width: 25%; float: left; font-size: 16px;}
	.careerBox form input {width: 75%; font-size: 18px; color: #737373; padding: 5px 10px; margin-bottom: 20px; border: 1px solid #e5e5e5;}
	.careerBox form p {text-align: center; padding-top: 10px;}
	.careerBox form p a {display: inline-block; background: #498bdf; color: #fff; text-align: center; padding: 10px 25px;}



	.edu-view .edu-topbox .tit {padding: 15px;}
	.edu-view dl {padding: 15px 0; border: none;}
	.edu-view dt {width: 100%; border: none; padding-bottom: 0; height: auto;}
	.edu-view dd {width: 100%; border: none; padding-bottom: 0; height: auto;}
	.edu-view .tab #tab1 .tabLine {padding: 15px;}
	.edu-view .tab .tab-tit li {width: 33.33333%; padding: 0;}
	.edu-view .tab .tab-tit li a {padding: 15px 5px;}

	
	/*카드뉴스*/
	.cardnews-list {float: left; width: 100%; border-top: 1px solid #777; border-bottom: 1px solid #ddd; padding-top: 30px !important;}
	.cardnews-list li {float: left; width: 50%; padding: 0 10px; margin-bottom: 30px;}
	.cardnews-list li a {display: block; width: 100%; height: 100%; color: #000; font-weight: bold;}
	.cardnews-list li a img {width: 100%; padding-bottom: 10px;}

	.cardnews {width: 100%; position: relative;}
	.cardnews .bxslider li {text-align: center; background: #000; padding: 20px;}
	.cardnews .bxslider li img {height: 250px; }
	.cardnews .bx-controls-direction i {position: absolute; top: 50%; margin-top: -25px; z-index: 200;}
	.cardnews .bx-controls-direction i {color: #fff; font-size: 50px;}
	.cardnews .bx-controls-direction i.icon-left-open {left: 0;}
	.cardnews .bx-controls-direction i.icon-right-open {right: 0;}
	.cardnews .bx-pager {width: 100%; float: left;background: #000; padding: 20px 17px; border-top: 1px solid #ddd;}
	.cardnews .bx-pager a {display: inline-block; float: left; width: 20%; padding: 3px;}
	.cardnews .bx-pager a img {width: 100%;}
	.cardnews .bx-pager a:first-child {display: none !important;}

	/*동영상게시판*/
	.movie-board {word-break: break-all; padding: 20px 0;}
	.movie-board .mb-list {width: 50%; margin-bottom: 20px;}
	.movie-board .mb-list:nth-child(odd) {clear: both;}
	.movie-board .mb-list .mb-img {height: 150px;}
	.movie-board .mb-list p.mb-tit a {font-size: 16px; }




}

@media (max-width: 450px) {

	.board .table-photo tbody td .img {width: 40%; height: 100px;}

	
	.contents .successor ul li {width: 100%; height: auto; padding: 0; margin-bottom: 20px;}

	.module-wrapper table.calendar tbody tr td {font-size: 13px;}

}