@charset "utf-8";

/*.main_bg {background: url(../images/main/bg_img.jpg) no-repeat center top; width: 100%; height: 1410px;}*/
.main_bg {width: 100%; height: 1410px; margin: 0 auto ; position: absolute; z-index: -1;}
.main_bg ul.bxslider {width: 100%; position: absolute; top: 0;}
.main_bg ul.bxslider li {position: absolute; top: 0; left: 0; width: 100%; height: 1410px;}
.main_bg.bx-wrapper .bx-pager .bx-pager-item,
.main_bg.bx-wrapper .bx-controls-auto .bx-controls-auto-item { 	padding-top:0px; 	display: inline-block; 	*zoom: 1; 	*display: inline; }
.main_bg.bx-wrapper .bx-pager.bx-default-pager a {	background: url(/pub/site/default/images/info/img_off.png) no-repeat left top; text-indent: -9999px; 	display: block; 	width: 23px; 	height: 23px; 	margin: 0 5px; }
.main_bg.bx-wrapper .bx-pager.bx-default-pager a:hover,.main_bg.bx-wrapper .bx-pager.bx-default-pager a.active { 	background: url(/pub/site/default/images/info/img_on.png) no-repeat left top; }
.main_bg .bx-controls { position:absolute; bottom:0px; left:0px; width:100%;   text-align:center;   }
.main_bg .bx-controls-direction { position:absolute; top:-3000px; left:-3000px;  }
.bx-default-pager , .bx-controls-auto { display:inline-block; }
.bx-pager-item a {display: none;}

.main-bg1 {position: relative; background-image: url(/pub/site/agri/images/main/bg_img01.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
#main {position: relative;}
#main .main_tit {float: left; width: 50%; text-align: center; padding: 30px 0 40px; position: relative;}

#main .main_weather {width: 50%; float: right; position: relative; z-index: 99; padding: 40px 115px 0;}
#main .main_weather .weather_wrap {width: 285px; float: left; }
#main .main_weather p {float: left; margin: 0;}
#main .main_weather .weather_icon {font-size: 66px; color: #fff;}
#main .main_weather .weather_txt {font-size: 24px; color: #000; padding: 10px 0 0 20px; line-height: 130%;}
#main .main_weather .weather_txt strong {font-size: 36px;}
#main .main_weather .weather_txt2 {font-size: 12px;}
#main .main_weather .weather_btn {position: absolute; top: 30%; right: 20%; padding-top: 25px; font-size: 30px; color: #fff; opacity: .7; cursor: pointer;}
#main .main_weather .weather_box {display: none; position: absolute; top: 182px; left: 0; width: 100%; background: #fff; padding: 30px;}
#main .main_weather .weather_box .tit {font-size: 18px; font-weight: bold; color: #000; border-bottom: 2px solid #0189ec; padding-bottom: 10px;}
#main .main_weather .weather_box ul {width: 100%; float: left;}
#main .main_weather .weather_box ul li {width: 25%; float: left; text-align: center; font-size: 16px; letter-spacing: -1px;}
#main .main_weather .weather_box ul li i {font-size: 55px; color: #555;}
#main .main_weather .weather_box .weather_close {position: absolute; top: 20px; right: 20px;}
#main .main_weather .weather_box .weather_close a {font-size: 24px; color: #888;}

/* 2020-02-07 신종코로나 바이러스 감염증 현황 섹션 추가 : 정수정 */
#main .ncov-section {clear:both; width:100%; height:auto; padding:40px 0;}
#main .ncov-section .ncov-inner {width:100%; height:200px; background:rgba(0,0,0,0.7);}
#main .ncov-section .ncov-inner::after {content:''; display: block; clear:both;}
#main .ncov-section .ncov-inner .ncov-title {display:block; position:relative; float:left; width:490px; height:100%;}
#main .ncov-section .ncov-inner .ncov-title img { position:relative; z-index: 1; width:100%;}
#main .ncov-section .ncov-inner .ncov-title::after {content: ''; display: block; position:absolute; top:0; left:0; width:390px; height:100%; background:#373737; z-index: 0;}
#main .ncov-section .ncov-inner .ncov-btn-group {display:block; position:relative; float:left; width:510px; height:100%; padding:30px 40px 30px 0; box-sizing: border-box;}
#main .ncov-section .ncov-inner .ncov-btn-group a {float:left; display:block; width:215px; height:60px; margin:5px 10px; border:2px solid #fff; border-radius: 30px; line-height:60px; color:#fff; font-size:18px; font-weight:bold; text-align: center; box-sizing: border-box;}
#main .ncov-section .ncov-inner .ncov-btn-group a:first-child {border:0; background:#0090ff;}

#main .main_board {clear: both; background:rgba(255, 255, 255, .6); height: 300px; padding: 15px 30px; position: relative; margin-bottom: 30px; width: 490px; float: left;}
#main .main_board h3 {float: left; font-size: 18px; color: #555; font-weight: bold; cursor: pointer; margin-right: 20px;}
#main .main_board h3:hover, #main .main_board h3.active {color: #000; border-bottom: 3px solid #39f; text-decoration: none; padding-bottom: 20px;}
#main .main_board ul {position: absolute; top: 75px; left: 0px; padding: 30px 30px 0 30px; width: 100%;}
#main .main_board ul li {float: left; padding-bottom: 18px; line-height: 130%; width: 100%;}
#main .main_board ul li a {color: #000;font-size:16px;}
#main .main_board ul li span {float: right; color: #666;}
#main .main_board ul li label {margin-bottom: 0;}
#main .main_board .more {position: absolute; top: 24px; right: 15px;}
#main .main_board .more a {font-size: 30px; color: #39f;}

#main .main_hot {height: 300px; position: relative; margin-bottom: 30px; width: 50%; float: right; overflow: hidden;}
#main .main_hot ul li {position: absolute; top: 0; right: 0; width: 100%;}
#main .main_hot ul li a {display: block; width: 100%; height: 300px;}
#main .main_hot ul li video {display: block; max-height: 300px; width: 100%;}
#main .main_hot ul li .hot-btns {
	display: flex;
	justify-content: center;
	position: absolute;
	bottom: 12px;
	left: 0;
	width: 100%;
	padding: 0 20px;
}
#main .main_hot ul li .hot-btns a {
	display: inline-block;
	height: auto;
	color: #fff;
	font-size: 16px;
	padding: 5px 15px;
	margin: 0 10px;
	border: 1px solid #fff;
	border-radius: 10px;
}
#main .main_hot ul li .hot-btns a:after {
	content: '\e824';
	font-family: fontello;
	float: right;
	font-size: 18px;
	font-weight: 300;
}
#main .main_hot .hotBtn { position:absolute; top:0px; right:0px;  }
#main .main_hot .hotBtn p { float:left; margin-left:1px; }
#main .main_hot .hotBtn p i {display: inline-block; width: 33px; height: 33px; text-align: center; background: rgba(0, 0, 0, .5); font-size: 24px; color: #fff; }
#main .main_hot .hotBtn .startHot i {font-size: 20px; padding-top: 2px;}

#main .main_banner {width: 100%; float: left; padding: 0 30px; margin-bottom: 30px; position: relative;}
#main .main_banner ul li {float: left; width: 16.6666666667%; text-align: center;}
#main .main_banner ul li a {font-size: 18px; color: #000; font-weight: bold; display: block; width: 100%; margin: 0 auto;}
#main .main_banner ul li a span {display: block; margin: 0 auto; margin-bottom: 15px;background: rgba(255, 255, 255, .7); width: 82px; height: 82px; border-radius: 41px;}
#main .main_banner ul li a span img {padding-top: 10px;}
#main .main_banner ul li:last-child a {color: #555;}
/*
#main .main_banner2 {width: 100%; float: left; padding: 40px; height: 300px;background:rgba(255, 255, 255, .9); position: relative;}
#main .main_banner2 ul li {color: #555; padding: 0 0 27px 100px; line-height: 180%; width: 50%; float: left; height: 110px;}
#main .main_banner2 ul li strong {font-size: 18px; color: #000;}
#main .main_banner2 ul li a {display: block; color: #000; text-decoration: none;}
#main .main_banner2 ul li a span {display: block; color: #06c; margin-top: 5px;}
#main .main_banner2 ul li:nth-of-type(1) {background: url(../images/main/b_icon_01.png) no-repeat left top; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
#main .main_banner2 ul li:nth-of-type(2) {background: url(../images/main/b_icon_02.png) no-repeat 40px top; border-bottom: 1px solid #e5e5e5; padding-left: 140px;}
#main .main_banner2 ul li:nth-of-type(3) {background: url(../images/main/b_icon_03.png) no-repeat left 35px; border-right: 1px solid #e5e5e5; padding: 25px 0 0px 100px;}
#main .main_banner2 ul li:nth-of-type(4) {background: url(../images/main/b_icon_04.png) no-repeat 40px 35px; padding: 25px 0 0px 140px;}
*/

#main .main_banner2 {width: 100%; float: left; position: relative;}
#main .main_banner2 ul li {color: #555; height: 130px; margin-bottom: 10px; padding: 25px 0 27px 130px; line-height: 180%; width: 495px;  float: left;}
#main .main_banner2 ul li strong {font-size: 18px; color: #000;}
#main .main_banner2 ul li a {display: inline-block; color: #000;}
#main .main_banner2 ul li a span {display: block; color: #06c; margin-top: 5px;}
#main .main_banner2 ul li:nth-of-type(1) {background: url(../images/main/b_icon_01.png) no-repeat 40px 25px rgba(255, 255, 255, .9); margin-right: 5px;}
#main .main_banner2 ul li:nth-of-type(2) {background: url(../images/main/b_icon_02.png) no-repeat 40px 25px rgba(255, 255, 255, .9); margin-left: 5px;}
#main .main_banner2 ul li:nth-of-type(3) {background: url(../images/main/b_icon_03.png) no-repeat 40px 25px rgba(255, 255, 255, .9); margin-right: 5px;}
#main .main_banner2 ul li:nth-of-type(4) {background: url(../images/main/b_icon_04.png) no-repeat 40px 25px rgba(255, 255, 255, .9); margin-left: 5px; padding-top: 20px;}
#main .main_banner2 ul li:nth-of-type(4) span {margin-top: 0;}

#main .main_tab {width: 100%; float: left; height: 390px; margin-top: 10px; padding: 30px 40px; background: #21426d; position: relative;}
#main .main_tab h3 {float: left; font-size: 18px; color: #fff; font-weight: bold; cursor: pointer; margin-top: 0; background: url(../images/main/f_s_line.png) no-repeat left 5px; padding: 0 15px;}
#main .main_tab div:last-child h3 {padding-right: 0;}
#main .main_tab div h3 span {background: url(../images/main/f_s_line.png) no-repeat right 7px; padding-right: 15px;}
#main .main_tab h3:hover, #main .main_tab h3.active {border-bottom: 3px solid #fff; text-decoration: none; padding-bottom: 10px;}
#main .main_tab div .slider {position: absolute; top: -3000px; left: 0; width: 100%;}
#main .main_tab div:first-child .slider { top: 85px; }
#main .main_tab .sliderWrap {padding: 0 40px; width: 100%;}
#main .main_tab div div.owl-carousel {width: 100%;}
#main .main_tab div div.owl-carousel .item { width: 100%; height: 285px;}
#main .main_tab div div.owl-carousel .item  span {float: left; display: block; width: 100%; height: 215px;}
#main .main_tab div div.owl-carousel .item span a {display: block; height: 215px;}
#main .main_tab div div.owl-carousel .item a {float: left; display: block; width: 100%; height: 70px; padding: 10px; background: #fff; color: #000;}
#main .main_tab .owl-carousel .owl-nav.disabled {display: block;}
#main .main_tab .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {font-family: 'fontello'; position: absolute; top: 120px; font-size: 24px; color: #69c;}
#main .main_tab .owl-carousel .owl-nav .owl-prev:after { content: '\e812';}
#main .main_tab .owl-carousel .owl-nav .owl-next:after { content: '\e810';}
#main .main_tab .owl-carousel .owl-nav .owl-prev { left:-27px; }
#main .main_tab .owl-carousel .owl-nav .owl-next { right:-27px; }
#main .main_tab div .more {position: absolute; top:20px; right: 30px;}
#main .main_tab div .more a {color: #fff; font-size: 30px;}



/* 모바일*/

@media (max-width: 999px) {

	.container {padding: 0; height: auto;}
	.main_bg {height: auto; background: url(../images/main/m_bg_img.jpg) no-repeat center top #e6f7fe;}
	.main_bg ul.bxslider li {height: 1600px !important;}

	#main .main_tit {padding: 20px 15px 10px; width: 60%;}	
	#main .main_weather {position: absolute; top: 10px; right: 0px; padding: 0 20px 0 0; width: 100%; font-variant: normal;}
	#main .main_weather .weather_wrap {width: auto; float: right; margin: 0 auto;}
	#main .main_weather .weather_icon {font-size: 33px; color: #fff;}
	#main .main_weather .weather_txt {font-size: 14px; color: #000; padding: 5px 5px 0 0;}
	#main .main_weather .weather_txt strong {font-size: 14px;}
	#main .main_weather .weather_txt2 {font-size: 12px; float: none;}
	#main .main_weather .weather_btn {position: absolute; top: 0; right: 10px; padding-top: 12px; font-size: 20px;}
	#main .main_weather .weather_box {top: 70px; padding: 15px;}
	#main .main_weather .weather_box ul li {font-size: 14px;}
    
    /* 2020-02-07 신종코로나 바이러스 감염증 현황 섹션 추가 : 정수정 */
    #main .ncov-section {padding:20px 15px;}
    #main .ncov-section .ncov-inner {height:150px; overflow:hidden;}
    #main .ncov-section .ncov-inner .ncov-title {width:52%;}
    #main .ncov-section .ncov-inner .ncov-title::after {width:80%;}
    #main .ncov-section .ncov-inner .ncov-btn-group {width:48%; padding:10px 2%;}
    #main .ncov-section .ncov-inner .ncov-btn-group a {width:46%; height:55px; margin:5px 2%; line-height:55px; font-size:14px; font-weight:bold;}
    
	#main .main_board_m {width: 100%; padding: 0 15px;}
	#main .main_board {width: 100%; padding: 15px; height: 215px; margin-bottom: 15px;}
	#main .main_board h3 {margin-top: 5px; margin-right: 10px; font-size: 15px; letter-spacing: -1px;}
	#main .main_board h3:hover, #main .main_board h3.active {padding-bottom: 10px;}
	#main .main_board ul {position: absolute; top: 50px; left: 0px; padding: 15px 15px 0 15px; width: 100%;}
	#main .main_board ul li {padding-bottom: 10px;}
	#main .main_board ul li a {font-size: 14px;}
	#main .main_board ul li span {display: none;}
	#main .main_banner ul li a {font-size: 16px;}
	#main .main_board .more {top: 5px; right: 5px;}
	#main .main_hot {width: 100%; height: auto; padding: 0 15px;}
	#main .main_hot ul li a {height: auto;}
	#main .main_hot ul li img {width: 100%;}
	#main .main_hot ul li .hot-btns {
		bottom: 5px;
		padding: 0 10px;
	}
	#main .main_hot ul li .hot-btns a {
		font-size: 14px;
		padding: 3px 10px;
		margin: 0 5px;
		border-radius: 5px;
	}
	#main .main_hot ul li .hot-btns a:after {
		font-size: 14px;
	}
	#main .main_hot .hotBtn {right: 15px;}
	#main .main_banner ul li {width: 33.3333333333%; margin-bottom: 15px;}
	#main .main_banner ul li a img {padding-bottom: 10px;}
	#main .main_banner2 {height: auto; padding: 0;}
	#main .main_banner2 ul li {border-bottom: 1px solid #e5e5e5; padding: 35px 0 10px 130px !important; height: auto; width: 100%;}
	#main .main_banner2 ul li strong {font-size: 16px;}
	#main .main_banner2 ul li a span {}
	#main .main_banner2 ul li:nth-of-type(1) {margin: 0;}
	#main .main_banner2 ul li:nth-of-type(2) {margin: 0;}
	#main .main_banner2 ul li:nth-of-type(3) {margin: 0;}
	#main .main_banner2 ul li:nth-of-type(4) {margin: 0;}

	#main .main_tab {padding: 30px 20px; margin-top: 0;}	
	#main .main_tab h3 {padding: 0 10px; font-size: 15px;}
	#main .main_tab .sliderWrap {padding: 0 20px;}	
	#main .main_tab .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {display: none;}
	#main .main_tab div .more {top: 18px; right: 10px;}
}

@media (max-width: 758px) {
    #main .ncov-section .ncov-inner {height:300px; overflow:hidden;}
    #main .ncov-section .ncov-inner .ncov-title {float:none; width:100%; height:150px; text-align: center;}
    #main .ncov-section .ncov-inner .ncov-title img {width:auto; height:100%;}
    #main .ncov-section .ncov-inner .ncov-title::after {width:100%;}
    #main .ncov-section .ncov-inner .ncov-btn-group {float:none; width:100%; height:150px;}
}


@media (max-width: 450px) {

	#main .main_tab {height: 350px;}
	#main .main_tab div div.owl-carousel .item  span {height: 160px;}
	#main .main_tab div div.owl-carousel .item span a {height: 160px;}

}