@charset "utf-8";

@font-face {
	font-family:'NanumSquare';
	src:url('../font/NanumSquareR.eot');
	src:url('../font/NanumSquareR.eot?#iefix') format('embedded-opentype'),
	url('../font/NanumSquareR.woff') format('woff'),
	url('../font/NanumSquareR.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

.bottom_bg {margin-top: 100px;}
.well {clear: both;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.clear {clear: both;}

.sub_bg-top {width: 100%; background: url(../images/sub/sub_img1.jpg) no-repeat center top; margin: 0 auto; height: 240px; border-bottom: 1px solid #e5e5e5; z-index: 95; position: relative;}
.sub_bg-top div h1 {text-align: center; font-size: 58px; color: #fff; font-family:'NanumSquare'; width: 100%; height: 190px; padding-top: 65px; margin: 0;}
.sub_bg-top div .sub_menu {height: 50px; float: left; width: 100%; z-index: 100;}
.sub_bg-top div .sub_menu p {float: left; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.sub_bg-top div .sub_menu p a {display: block; width: 80px; height: 50px; padding-top: 10px; font-size: 20px; color: #888; text-align: center;}
.sub_bg-top div .sub_menu ul {list-style: none; padding-left: 0px;}
.sub_bg-top div .sub_menu ul li {cursor: pointer; position:relative; float:left; height: 50px; padding: 15px 0 0 15px; width: 200px; color: #555;  border-right: 1px solid #e5e5e5;  font-size:16px; }
.sub_bg-top div.sub_menu ul li:before { content: '\f004'; font-family: "fontello"; position: absolute; top: 7px; right: 20px; font-size: 24px; color: #888;}
.sub_bg-top div.sub_menu ul li.active:before { content: '\f005';}
.sub_bg-top div.sub_menu ul li ul {display:none; padding-bottom: 20px;  position:absolute; top:49px; left:-1px; border:1px solid #e5e5e5; background:#fff; width:201px;  }
.sub_bg-top div.sub_menu ul li ul li {border-right:0px; float:none;   display:inline-block;  width:200px; height:auto; background:none; padding: 0;   }
.sub_bg-top div.sub_menu ul li ul li:before {content: none;}
.sub_bg-top div.sub_menu ul li ul li a {font-size: 16px; color: #555; display:inline-block; padding: 15px 0 0 15px;}


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


.contents .table-responsive {width: 100%; border-top: 2px solid #767676; margin-top: 10px;}
.contents .table-responsive table {width: 100%; border-right: 1px solid #e2e2e2; margin-bottom: 15px;}
.contents .table-responsive table thead th {font-size: 16px; color: #000; padding: 10px; font-weight: bold; background: #f8f8f8; height: 50px; text-align: center; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2;}
.contents .table-responsive table tbody th {font-size: 16px; color: #000; padding: 10px; font-weight: bold; background: #f8f8f8; height: 50px; text-align: center; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2;}
.contents .table-responsive table tbody td {font-size: 16px; color: #555; text-align: center; padding: 15px; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; height: 50px;}
table caption {display: none;}

/*통계연보*/
.contents .tab-content .statistical-table td {padding: 10px 20px; text-align: left; vertical-align: middle;}
.contents .tab-content .statistical-table td a {background: url(/pub/site/agri/images/sub/b_icon.jpg) no-repeat left center; font-size: 15px; letter-spacing: -0.5px; padding-left: 15px; color: #555; vertical-align: middle;}

.contents .greeting {width: 100%; float: left;}
.contents .greeting .greeting_box {float: left; width: 100%; margin-bottom: 40px;}
.contents .greeting .greeting_box p {padding: 0; margin: 0; float: left; width: 250px;}
.contents .greeting .greeting_box div {float: left;width: 700px;font-size: 16px;line-height: 150%;color: #555;padding-left: 50px;}
.contents .greeting .greeting_box div span {display: block; font-size: 26px; color: #3f3f3f; letter-spacing: -1px; padding-bottom: 20px; line-height: 160%;}
.contents .greeting .greeting_box div span.color {display: block; font-size: 26px; color: #06c; letter-spacing: -1px; padding-bottom: 20px; line-height: 160%;}
.contents .greeting .txt {clear:both; font-size: 16px;color: #555;text-align:right; }
.contents .greeting .txt strong {font-size: 20px; color: #000;}

.contents .root_daum_roughmap {width: 100% !important; }
.contents .root_daum_roughmap a {border: none !important;}
.contents .root_daum_roughmap a:after { content: none !important;}

.contents .history {margin-top: 10px; border-bottom: 1px solid #ddd;}
.contents .history tr:first-child th, .contents .history tr:first-child td {border-top: 1px solid #777;}
.contents .history tbody th {font-size: 16px; color: #06c; font-weight: bold; text-align: center; padding: 17px; vertical-align: middle;}
.contents .history tbody td {font-size: 16px; color: #555; padding: 17px; line-height: 160%;}

/*조직*/
.contents ul.memberList {width: 100%; display: flex; flex-wrap: wrap;}
.contents ul.memberList > li {display: flex; width: 49%;  border: 1px solid #e2e2e2; border-radius: 5px; background: #f7f7f7;  margin-bottom: 20px; padding: 20px;}
.contents ul.memberList > li:nth-of-type(2n) {margin-left: 2%;}
.contents ul.memberList > li .img {width: 30%; height: 100%; float: left; margin-right: 5%; padding-bottom:0;}
.contents ul.memberList > li .img img {width: 100%; height: 100%;}
.contents ul.memberList > li .memberInfo {width:65%; text-align: left; float: left;}
.contents ul.memberList > li .memberInfo h3 {font-size: 18px; font-weight: bold; padding-bottom: 5px;}
.contents ul.memberList > li .memberInfo p {color: #000; padding-bottom: 5px;}
.contents ul.memberList > li .memberInfo ul {padding-left:0; margin-left:20px; margin-top:0;}
.contents ul.memberList > li .memberInfo ul li {padding-bottom:0; list-style:disc; list-style-position:outside; font-size:15px;}

.contents .organChart2017 {width: 100%; padding: 0 10%;}
.contents .organChart2017 ul {margin:0;}
.contents .organChart2017 ul li {background:none; padding-left:0;}
.contents .organChart2017 ul li.boss { text-align:center; background:url(/pub/site/agri/images/sub/org_line.gif) repeat-y center 0; }
.contents .organChart2017 ul li.boss>span {display:inline-block; width:30%; line-height:50px; margin-bottom: 70px; background:#30559b; color:#fff; border-radius:10px; font-size:16px;}
.contents .organChart2017 ul li.boss>span a {color: #fff;}
.contents .organChart2017 .org-line-center {float:left; width:100%;}
.contents .organChart2017 .org2 {position: relative;float:left;width: 33.333%;background:url(/pub/site/agri/images/sub/org_line.gif) repeat-x 0 17px;}
.contents .organChart2017 .org2>span {display:inline-block; width:66%; background: #fff;}
.contents .organChart2017 .org2 span>span {display:inline-block; width: 100%; padding-bottom:20px; background:url(/pub/site/agri/images/sub/org_line.gif) repeat-y center 0;}
.contents .organChart2017 .org2 span>span>span {width:100%; line-height:35px; padding-bottom:0; background:#333; color:#fff; border-radius:10px; text-align:center;}
.contents .organChart2017 .org2 span>span>span a {color: #fff;}
.contents .organChart2017 .org-left, .contents .organChart2017 .org-right>span {text-align:left;}
.contents .organChart2017 .org-left>span, .contents .organChart2017 .org-right {text-align:right;}
.contents .organChart2017 .org2.org-left {padding-right:1%;}
.contents .organChart2017 .org2.org-right {padding-left:1%;}
.contents .organChart2017 .org3 {float:left; width:100%; margin-bottom:20px; background:#fff; text-align:center; letter-spacing:-1.6px;}
.contents .organChart2017 .org3>li {position:relative; float:left; width:66%; padding-top:20px; padding-bottom: 0px; background:url(/pub/site/agri/images/sub/org_line.gif) repeat-y center 0;}
/*
.contents .organChart2017 .line-left:after {border-top:1px solid #ccc; position:absolute; top:0; left:50%; width:50%; display:block; content:"";}
.contents .organChart2017 .line-center:after {border-top:1px solid #ccc; position:absolute; top:0; left:0; width:100%; display:block; content:"";}
.contents .organChart2017 .line-right:after {border-top:1px solid #ccc; position:absolute; top:0; right:50%; width:50%; display:block; content:"";}
*/
.contents .organChart2017 .org3>li>span {display:block; width:90%; height: 175px; line-height:33px; margin:0 auto; border:1px solid #e2e2e2; background:#fff; color:#333;}
.contents .organChart2017 .org3>li>span a {color: #555; display: block; width: 100%;}
.contents .organChart2017 .org3 .line-left {float: left;}
.contents .organChart2017 .org3 .line-center {float: none; margin: 0 auto;}
.contents .organChart2017 .org3 .line-right {float: right;}

/* 조직도 수정 2020 */
.contents .agri-org2020 {position:relative; width:100%; height:auto; text-align: center;}
.contents .agri-org2020 ul {padding:0; margin:0;}
.contents .agri-org2020 ul::after {content:""; display: block; clear:both;}
.contents .agri-org2020 .org1 ul li { font-size:14px;}
.contents .agri-org2020 ul li.agri-boss {padding-bottom:40px;}
.contents .agri-org2020 ul li a {color:inherit; font-size:inherit; text-decoration: none;}
.contents .agri-org2020 ul li.agri-boss > span {display:inline-block; min-width:280px; width:30%; line-height:60px; background:#498bdf; border-radius:30px; color:#fff; font-weight: bold;}
.contents .agri-org2020 ul li.org2 ul li ul {margin-top: 5px;}
.contents .agri-org2020 ul li.org2 ul li ul li { font-size: 12px; margin-bottom: 2px; padding-bottom: 0; }
.contents .agri-org2020 .boss-padding {position:relative; height:40px;}
.contents .agri-org2020 .boss-padding::after {content: ""; position:absolute; top:0; left:50%; width:1px; height:40px; background:#e2e2e2;}

.contents .agri-org2020 .org1 {float:left; position:relative; padding:30px 10px 0;}
.contents .agri-org2020 .org1::before {content: ""; position:absolute; top:0; left:0; width:100%; height:1px; background:#e2e2e2;}
.contents .agri-org2020 .org1::after {content: ""; position:absolute; top:0; left:50%; width:1px; height:30px; background:#e2e2e2;}
.contents .agri-org2020 .org1.part1::after {height:100px;}
.contents .agri-org2020 .org1.part1 {width:20%; padding-top:100px;}
.contents .agri-org2020 .org1.part1::before {left:50%;}    
.contents .agri-org2020 .org1.part1 .org2 {width:100%;}
.contents .agri-org2020 .org1.part2 {width:40%;}
.contents .agri-org2020 .org1.part2 .org2 {width:50%;}
.contents .agri-org2020 .org1.part3 {width:40%;}
.contents .agri-org2020 .org1.part3::before {width:50%}        
.contents .agri-org2020 .org1.part3 .org2 {width:50%;}
.contents .agri-org2020 .org1.part4::after {height:30px;}
.contents .agri-org2020 .org1.part4,.contents .agri-org2020 .org1.part5 {width:50%;}
.contents .agri-org2020 .org1.part4 .org2,.contents .agri-org2020 .org1.part5 .org2 {width:50%; padding-top:20px;}  
.contents .agri-org2020 .org1.part4 .org2 > span, .contents .agri-org2020 .org1.part5 .org2 > span {line-height:50px; border:1px solid #26b365; background:#fff; color:#000; border-radius: 10px;}
.contents .agri-org2020 .org1.part4::before {left:50%;}
.contents .agri-org2020 .org1.part5::before {width:50%}        
.contents .agri-org2020 .org1.part4 .org2::before,.contents .agri-org2020 .org1.part5 .org2::before  {content: ""; position:absolute; top:0; background:#e2e2e2; }
.contents .agri-org2020 .org1.part4 .org2:first-of-type::before  {left:50%; width:100%; height:1px;}
.contents .agri-org2020 .org1.part4 .org2:last-of-type::before  {left:0; width:50%; height:1px;}
.contents .agri-org2020 .org1.part5 .org2:first-of-type::before  {left:50%; width:100%; height:1px;}
.contents .agri-org2020 .org1.part5 .org2:last-of-type::before  {left:0; width:50%; height:1px;}
.contents .agri-org2020 .org1.part4 .org2::after, .contents .agri-org2020 .org1.part5 .org2::after {content: ""; position:absolute; top:0; left:50%; width:1px; height:20px; background:#e2e2e2;}
.contents .agri-org2020 .org1 > span {display:inline-block; max-width:100%; padding:0 60px; margin-bottom: 20px; line-height:50px; background:#323436; border-radius:10px; color:#fff; font-weight: bold;}

.contents .agri-org2020 .org2 {float:left; position:relative; padding:0 10px 20px;}
.contents .agri-org2020 .org2 > span {display:inline-block; width:100%; line-height:40px; background:#26b365; border-radius:10px 10px 0 0 ; color:#fff;}
.contents .agri-org2020 .org2 > ul {display:inline-block; width:100%; min-height:170px; padding:10px; background:#f1f1f1; border:1px solid #e2e2e2; border-radius:0 0 10px 10px; border-top:0;}

.contents .agri-org2020 .popup-open {position: relative; cursor: pointer;}
.contents .agri-org2020 .popup-org {display: none; position: absolute; top: 60px; left: 50%; margin-left: -160px; width: 320px; height: 200px; text-align: left; background: #fff; border: none; z-index: 100;}
.contents .agri-org2020 .popup-org .popup-tit {width: 100%; background: #115A9E; height: 40px; line-height: 40px; padding-left: 20px; color: #fff; font-weight: bold; font-size: 16px;}
.contents .agri-org2020 .popup-org .popup-img {width: 96px; float: left; margin: 20px;}
.contents .agri-org2020 .popup-org .popup-img img {width: 100%;}
.contents .agri-org2020 .popup-org .popup-txt {float: left; padding-top: 20px; color: #555; font-size: 16px; font-weight: normal; line-height: 160%;}
.contents .agri-org2020 .popup-org .popup-close {position: absolute; top: 12px; right: 10px; line-height: 12px; cursor: pointer;}
abbr div:after, b div:after, cite div:after, code div:after, em div:after, i div:after, label div:after, q div:after, small div:after, span div:after, strong div:after {content: none !important;}

@media all and (max-width: 999px) {
    .contents .agri-org2020 .boss-padding {display: none;}
    .contents .agri-org2020 .org1 {float:none; width:100% !important;}
    .contents .agri-org2020 .org1::before  {display: none;}
    .contents .agri-org2020 .org1.part1::after {height:30px; z-index: -1;}
    .contents .agri-org2020 .org1.part2::after, .contents .agri-org2020 .org1.part3::after  {display: none;;}
    .contents .agri-org2020 .org1.part1 {padding-top:30px;}
    .contents .agri-org2020 .org1.part1 .org2 {width:100%; margin-bottom: 10px;}
    .contents .agri-org2020 .org1.part1 .org2 > ul {height:auto; min-height:auto;}
    .contents .agri-org2020 .org1.part2 .org2, .contents .agri-org2020 .org1.part3 .org2 {width:33.333%;}
    .contents .agri-org2020 .org1.part4 .org2,.contents .agri-org2020 .org1.part5 .org2 { padding-top:0;} 
    .contents .agri-org2020 .org1.part4 .org2::before,.contents .agri-org2020 .org1.part5 .org2::before  {display:none;}
    .contents .agri-org2020 .org1.part4 .org2::after,.contents .agri-org2020 .org1.part5 .org2::after  {display:none;}
	.contents .agri-org2020 .popup-org {margin-left: -155px; top: 60px;}
}

@media all and (max-width: 768px) {
    .contents .agri-org2020 .org2 {padding:0; border:1px solid #e2e2e2;}
    .contents .agri-org2020 .org2 > span, .contents .agri-org2020 .org2 > ul  {border-radius:0;}
    .contents .agri-org2020 .org2 > ul  { border:0;}
    .contents .agri-org2020 .org1.part2 .org2, .contents .agri-org2020 .org1.part3 .org2 {width:50%;}
    .contents .agri-org2020 .org1.part4 .org2, .contents .agri-org2020 .org1.part5 .org2 {border:0px solid #e2e2e2;}
	.contents .agri-org2020 .popup-org {margin-left: -155px; top: 60px;}
}

.agri-org2020-table + h3 {margin-top:50px;}
.agri-org2020-table {position:relative; width:100%; height:auto;}
.agri-org2020-table > ul {display: table; table-layout:fixed; width:100%;	border-collapse:collapse; border-spacing:0; border-top:2px solid #767676;}
.agri-org2020-table > ul > li {display:table-row;}
.agri-org2020-table > ul > li.bhead > div {background:#f8f8f8; color:#000; font-weight:bold;}
.agri-org2020-table > ul > li.bhead > div span {display:block;}
.agri-org2020-table > ul > li > div {display: table-cell; min-height:50px; padding:15px; vertical-align: middle; text-align: center; border:1px solid #e2e2e2;}
.agri-org2020-table > ul > li > div span {display: block;}
.agri-org2020-table > ul > li > div span.tel a {color:#498bdf;}        
.agri-org2020-table > ul > li > div span.tel a::before {content:"☎"; font-size:14px;}

.agri-org2020-table div.position {width:24%;}
.agri-org2020-table div.name {width:18%;}
.agri-org2020-table div.division li {padding-bottom:0; margin-left:20px; text-align: left; list-style: disc; list-style-position: outside;}
.agri-org2020-table div.division strong {display:block; text-align: left; margin-top:10px;}

@media all and (max-width: 670px) {
    .agri-org2020-table > ul > li.bhead {display:none;}
    .agri-org2020-table > ul > li {display:block; padding:20px; border-bottom:1px solid #e2e2e2;}
    .agri-org2020-table > ul > li > div {display: block; min-height: auto; padding:0; border:0; text-align: left;}
    .agri-org2020-table > ul > li > div span {display: inline-block;}
    .agri-org2020-table > ul > li > div span.tel {margin-left:5px;}
    .agri-org2020-table div.position {float:left; width:auto; color:#000;}
    .agri-org2020-table div.name {float:left; width:auto; margin-left:10px; color:#000; font-weight:bold;}
    .agri-org2020-table div.division {clear:both; padding-top:5px;}
}
@media all and (max-width: 450px) {
    .agri-org2020-table div.position {float:none;}
    .agri-org2020-table div.name {float:none; margin-left:0;}
}


/*방문신청안내*/
.contents .visitGuide {width: 100%; padding-bottom: 50px;}
.contents .visitGuide01 {background: url(../images/sub/c_icon01.png) no-repeat left top;}
.contents .visitGuide02 {background: url(../images/sub/c_icon02.png) no-repeat left top;}
.contents .visitGuide03 {background: url(../images/sub/c_icon03.png) no-repeat left top;}
.contents .visitGuide .txt {padding: 20px 0 0 175px;}
.contents p.visitBtn {margin-top: 10px; display: block; width: 100%; text-align: center;}
.contents p.visitBtn a {display: inline-block; text-align: center; width: 170px; height: 40px; padding-top: 8px; color: #fff; background: #498bdf; border: none;  vertical-align: top;}

/*ebook*/
.contents .ebook {width: 100%; float: left; position: relative; border-top: 1px solid #000;}
.contents .ebook ul {width: 100%; float: left; padding: 40px 0 10px; border-bottom: 1px solid #ddd; margin-bottom: 40px;}
.contents .ebook ul li {float: left; text-align: center; position: relative; width: 21%; margin: 0 2%; margin-bottom: 30px;}
.contents .ebook ul li a {display: block; color: #000;}
.contents .ebook ul li img {width: 100%; height: 280px; border: 1px solid #dadada; margin-bottom: 15px;}
.contents .ebook ul li p {position: absolute; top: 0; left: 0; display: none; width: 100%; height: 280px; padding-top: 125px; background: rgba(0, 102, 153, .9);}
.contents .ebook ul li p span {display: inline-block; width: 100px; height: 34px; padding-top: 5px; border: 1px solid #fff; color: #fff; text-align: center;}


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

/*농업소득*/
.income-form {float: left; width: 100%;}
.income-form label {float: left; font-size: 18px; padding-top: 3px; margin-bottom: 30px; font-weight: normal;}
.income-form select {float: left; width: 200px; margin-left: 10px;}
.income-form p {float: left; margin-left: 50px; color: #000; font-size: 18px;}
.contents .tab-menu {margin-bottom: 30px !important;}
.income-box {float: left; width: 100%; padding: 15px 15px 5px 15px;}
.income-box ul {float: left; width: 100%;}
.income-box ul li {float: left; width: 25%; background: url(/pub/site/agri/images/sub/b_icon.jpg) no-repeat left 8px; padding: 0 0 10px 18px;}
.income-box ul li a {color: #555;}
.income-box ul li a:hover {color: #06c; font-weight: bold; text-decoration: none;}
.income-btn {text-align: right;}
.income-btn a {display: inline-block; height: 40px; padding: 10px 20px 0; background: #498bdf; color: #fff; text-align: center;}

/*링크 박스*/
.link-box { padding:20px 20px 10px 20px; background:#f4fdff; border:1px solid #e2e2e2;  }
.link-box ul li  { float:left; width:20%; margin-bottom:5px;  }
.link-box ul li.active  a { color:#06c;text-decoration:underline;  }
#yearCombo {     width: 110px;    height: 40px;    background: #fff;    border: 1px solid #ddd;    padding: 5px 10px; }

/*통계연보*/
.statistical-top {float: left; width: 100%; background: #f8f8f8; padding: 40px 0 15px; margin-bottom: 20px;}
.statistical-top p {float: left; width: 20%; text-align: center; padding-bottom: 25px;}
.statistical-top p a {color: #555; font-size: 16px;}
.statistical-top p a img {padding-bottom: 5px;}
.statistical-bottom {float: left; width: 100%; border: 1px solid #cfe4ff; background: #f0f7ff; padding: 30px 40px 10px; margin-bottom: 60px;}
.statistical-bottom h3 {float: left; width: 18%;}
.statistical-bottom div {float: left; width: 82%;}
.statistical-bottom p {float: left; width: 50%; padding-bottom: 20px;}
.statistical-bottom p a {color: #555; font-size: 16px;}

@media (max-width: 999px) {

	#gnb.container {padding: 0;}
	.contents {padding-top: 30px;}

	.sub_bg-top {height: 96px; background-size: 100rem;}
	.sub_bg-top div {padding: 0;}
	.sub_bg-top div h1 {font-size: 27px; padding-top: 3.5rem; height: auto;}
	.sub_bg-top div .sub_menu {margin: 32px 0; height: auto;}
	.sub_bg-top div .sub_menu p {display: none;}
	.sub_bg-top div .sub_menu ul li {font-size: 18px; color: #666; padding: 10px 0 0 15px; width: 100%; float: left; border-bottom: 1px solid #e5e5e5; background: #f5f5f5;}
	.sub_bg-top div.sub_menu ul li:before {font-size: 20px; top: 12px;}
	.sub_bg-top div.sub_menu ul li ul {width: 100%; z-index: 100;}
	.sub_bg-top div.sub_menu ul li ul li {width: 100%; float: left; padding: 0 0 10px 0; border: none;}
	.sub_bg-top div.sub_menu ul li ul li a {display: block; width: 100%;}

	.contents h2 {font-size: 20px;}
	.contents h3 {font-size: 18px;}
	.contents .greeting .greeting_box {height: auto;}

	.contents .root_daum_roughmap {height: 250px !important;}

	.contents ul.memberList > li {width: 100%; height: auto;}
	.contents ul.memberList > li .img {float: left; width: 40%;}
	.contents ul.memberList > li .memberInfo {float: left; width: 50%;}
	.contents ul.memberList > li .memberInfo h3 {font-size:18px;}
	.contents ul.memberList > li .memberInfo p:last-child {padding-bottom: 0;}


	.contents .visitGuide {background: none; padding-bottom: 20px;}
	.contents .visitGuide .txt {padding: 0;}
	.contents p.visitBtn a {margin-bottom: 10px;}

	.contents .history tr {border-bottom: 1px solid #ddd;}
	.contents .history tr:first-child th {border-top: 1px solid #777;}
	.contents .history tr:first-child td {border-top: none;}
	.contents .history tbody th {float: left; width: 100%; border-top: none; padding-bottom: 0; text-align: left;}
	.contents .history tbody td {float: left; width: 100%; border-top: none; padding-top: 10px;}

	.bottom_bg .container {padding: 0;}

	.board {padding-top: 0 !important;}

	.contents .tab-menu li a {font-size: 16px;}

	table.calendar thead th {height: 35px;}
	table.calendar tbody tr td {height: 70px;}
	table.calendar tbody tr td i {top: 5px; left: 5px;}



		/*인사말*/
	.greeting_box {  }
	.contents .greeting .greeting_box p { width:100%; margin-right:0%; float:left;    }
	.contents .greeting .greeting_box p  img  { width: 50%;  }
	.contents .greeting .greeting_box div  {float:none; width:auto; padding-left:0px; font-size:14px;  }
	.contents .greeting .greeting_box div span.color { font-size:20px; padding-bottom:0px;  }
	.contents .greeting .greeting_box div span { font-size:16px;  }
	.contents .greeting .greeting_box div span:after {clear:both; content:''; display:table; }
	.contents .greeting .greeting_box div span.color:after {clear:none; content:''; display:table; }
	.contents .greeting .greeting_box div span:nth-of-type(2):after {clear:both; content:''; display:table; }

	.link-box ul li  {  width:33.333%;  }

	.contents .ebook {width: 100%; float: left; position: relative; border-top: 1px solid #000;}
	.contents .ebook ul {width: 100%; float: left; padding: 40px 0 10px; border-bottom: 1px solid #ddd; margin-bottom: 40px;}
	.contents .ebook ul li {float: left; text-align: center; position: relative; width: 48%; margin: 0 1%; margin-bottom: 30px;}
	.contents .ebook ul li a {display: block; color: #000;}
	.contents .ebook ul li img {width: 100%; height: 280px; border: 1px solid #dadada; margin-bottom: 15px;}
	.contents .ebook ul li p {position: absolute; top: 0; left: 0; display: none; width: 100%; height: 280px; padding-top: 125px; background: rgba(0, 102, 153, .9);}
	.contents .ebook ul li p span {display: inline-block; width: 100px; height: 34px; padding-top: 5px; border: 1px solid #fff; color: #fff; text-align: center;}


	.contents .organChart2017 ul li.boss {background: none;}
	.contents .organChart2017 ul li.boss>span {width: 50%; margin-bottom: 30px;}
	.contents .organChart2017 .org2 {width: 100%; background: none;}
	.contents .organChart2017 .org2>span {width: 100%;}
	.contents .organChart2017 .org3>li>span {height: auto;}
	.contents .organChart2017 .org3>li {width: 100%;}

	
	/*농업소득*/

	.income-box ul li {width: 50%;}
	.income-btn a {margin-bottom: 10px;}
	.income-form {float: left; width: 100%;}
	.income-form label {width: 10%; margin: 0;}
	.income-form select {width: 80%; float: right;}
	.income-form p {clear: both; margin: 10px 0;}

	/*통계연보*/
	.statistical-top {float: left; width: 100%; background: #f8f8f8; padding: 40px 0 15px; margin-bottom: 20px;}
	.statistical-top p {float: left; width: 33.3333333%; height: 175px; text-align: center; padding-bottom: 25px;}
	.statistical-top p a {color: #555; font-size: 16px;}
	.statistical-top p a img {padding-bottom: 5px;}
	.statistical-bottom {float: left; width: 100%; border: 1px solid #cfe4ff; background: #f0f7ff; padding: 20px 20px 10px; margin-bottom: 60px;}
	.statistical-bottom h3 {float: left; width: 100%; padding-bottom: 10px;}
	.statistical-bottom div {float: left; width: 100%;}
	.statistical-bottom p {float: left; width: 100%; padding-bottom: 10px;}
	.statistical-bottom p a {color: #555; font-size: 16px;}


}

@media (max-width: 450px) {

	.link-box ul li  {  width:50%;  }

}

/*제주농업전망*/
.prospect-wrap .table-responsive {overflow-x: inherit;}
.prospect-wrap .pdf-btn {color: #a94442; font-size: 20px;}
.prospect-wrap .play-btn {color: #fff; font-size: 18px; background: #06c; border-radius: 50%; padding: 1px 1px 2px 3px; display: inline-block; width: 30px; height: 30px; text-align: center;}
.prospect-wrap td.link-table {}
.prospect-wrap .youtube-pop {z-index: 100; display: none; position: absolute; top: 0; left: 0; border: 1px solid #000; width: 800px; height: 500px; padding: 40px 20px 20px 20px; background: #fff;}
.prospect-wrap .youtube-pop iframe {width: 100%; height: 100%;}
.prospect-wrap .youtube-pop a {position: absolute; top: 0; right: 0; color: #06c; font-size: 25px;}
.back-bg {display: none; position: fixed; top: 0; width: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); z-index: 99;}

@media (max-width: 999px) {
	.prospect-wrap .table-responsive {overflow-y: inherit;}
	.prospect-wrap .youtube-pop {width: 90%; height: 250px; padding: 40px 10px 10px 10px;}
}





table:not([role="presentation"]) > caption:not(:first-child),
table:not([role="presentation"]) > *:first-child:not(caption) {
  display: table-caption;
  border: none;
}
table:not([role="presentation"]) > caption:not(:first-child):after,
table:not([role="presentation"]) > *:first-child:not(caption):after {
  color: none;
  content: none;
}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {text-align: center;}



/* 조직도 2023 */
.org-table {
	width: 100%;
	margin-bottom: 30px;
	border-top: 2px solid #767676;
	border-right: 1px solid #e2e2e2;
}
.org-table thead tr th {
	padding: 10px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	background-color: #f8f8f8;
}
.org-table tbody tr td {
	padding: 15px;
	text-align: center;
	font-size: 16px;
	color: #555;
	line-height: 150%;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
}
.org-table tbody tr td:nth-of-type(1) {
	width: 20%;
}
.org-table tbody tr td:nth-of-type(2) {
	width: 20%;
}
.org-table tbody tr td:last-child {
	width: 60%;
	text-align: left;
}
.org-table tbody tr td p {
	padding: 0;
}
.org-table tbody tr td:last-child p {
	position: relative;
	padding: 0 0 0 15px;
}
.org-table tbody tr td:last-child p:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 5px;
	height: 5px;
	margin-right: 10px;
	margin-bottom: 4px;
	border-radius: 50%;
	background-color: #555;
}
.org-table tbody tr td a {
	color: #498bdf;
}

@media (max-width: 999px) {	
	.org-table {
		 border-right: none;
	}
	.org-table thead {
		display: none;
	}
	.org-table tbody tr {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding: 15px;
		border-bottom: 1px solid #e2e2e2;
	}
	.org-table tbody tr td {
		width: 100% !important;
		padding: 2px 0;
		text-align: left;
		border: none;
	}	
	.org-table tbody tr td:nth-of-type(2) {
		font-weight: bold;
	}
	.org-table tbody tr td:nth-of-type(1) p,
	.org-table tbody tr td:nth-of-type(2) p {
		display: inline-block;
	}
	.org-table tbody tr td:nth-of-type(1) br,
	.org-table tbody tr td:nth-of-type(2) br {
		display: none;
	}

}



/*수료증 스타일*/
.edu_responsive *{color:#000 !important;}
.edu_responsive{overflow-x: auto;position: relative;}
.edu_confirm{min-width: 720px;}
.contents .double_line {text-align: center;}
.contents .double_line span {border : 3px double #000;box-sizing: border-box;width:150px;text-align: center;display: inline-block;height: 40px;line-height: 40px;vertical-align: middle;font-size:17px;}
.contents .edu_confirm .title {font-size:40px;padding-top:10px;font-weight: bold;text-align: center;letter-spacing: 20px;}
.contents .edu_confirm .num {padding:0; text-align: right;font-size:20px;}
.contents .edu_confirm table {margin:0;border:4px double #000;}
.contents .edu_confirm .table-responsive table *{background: none;font-size: 23px;color:#000;border-color: #000;}
.contents .edu_confirm .table-responsive table th{letter-spacing: 10px;}
.contents .edu_confirm .txt {text-align: center;font-size:25px;letter-spacing: 5px;padding-top:15px;}
.contents .edu_confirm .date {padding-top:50px;font-size:23px;text-align: right;}
.contents .edu_confirm .checker {padding-top:50px;font-size:20px;text-align: right;}
.contents .edu_confirm .sign {font-size:50px;font-weight: bold;text-align: center;padding-top:50px;font-family: 'Noto Serif', serif;}
.edu_responsive button{position: absolute;right:30px;top:30px;border:1px solid #222 !important;color:#555 !important;}