@charset "utf-8";

.cont01 { width: 1160px; float: none;}
.cont01:after{ display:block; content: ""; clear: both;}
.cont01 .link01, .cont01 .link02, .cont01 .link03, .cont01 .link04{ width: 258px;  background-position:90% 0; }

.cont01 .link01 {background:#fff url(../../../images/specific/farm/main/cont01_bg01.png) no-repeat ; background-position:90% 0;  }
.cont01 .link02 {background:#fff url(../../../images/specific/farm/main/cont01_bg02.png) no-repeat ;  background-position:90% 0; }
.cont01 .link03 {background:#fff url(../../../images/specific/farm/main/cont01_bg03.png) no-repeat ;  background-position:90% 0; }
.cont01 .link04 {background:#fff url(../../../images/specific/farm/main/cont01_bg04.png) no-repeat ; background-position:90% 0;  }

.mainVisual .controll {position:absolute;bottom:35px;left:50%;width:309px;height:260px;line-height:20px;z-index:4;margin-left:158px;text-align:center;background:url(../../../images/specific/farm/main/controll_bg_modify.png) no-repeat;}
.mainVisual .pagination { position:absolute; top:227px; left:168px; display:inline-block;width:100px; height:12px;line-height:12px;vertical-align:middle;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	js_slide Tag
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.js_slide{position:relative; width:100%; height:80px; padding:10px 10px 10px 130px; box-sizing:border-box;}
.js_slide .title{display:block; position:absolute; left:0; top:12px; z-index:1; width:120px; font-size:18px; text-align:center;}
.js_slide .control{position:absolute !important;  right:auto !important; top:auto  !important; bottom:0px !important; z-index:1; width:120px; padding:0 !important; text-align:center;}
.js_slide .control .count{display:none;}
.js_slide .control a[class*="btn_"]{overflow:hidden; display:inline-block; width:30px; height:28px; text-indent:-1000px; border:1px solid #eee;}
.js_slide .control a[class*="btn_"]:hover,
.js_slide .control a[class*="btn_"]:focus{background-position:center -73px;}
.js_slide .control a.btn_left{background:url(../../images/core/btn_icon_04.png) no-repeat center -38px;}
.js_slide .control a.btn_play{background:url(../../images/core/btn_icon_06.png) no-repeat center -38px;}
.js_slide .control a.btn_stop{display:none; background:url(../../images/core/btn_icon_07.png) no-repeat center -38px;}
.js_slide .control a.btn_right{background:url(../../images/core/btn_icon_05.png) no-repeat center -38px;}
.js_slide .control ul{display:none;}
.js_slide .move{overflow:hidden; position:relative; z-index:0; width:100%; height:100%;}
.js_slide .move ul{overflow:hidden; position:absolute; left:0; top:0; width:200000px; height:100%;}
.js_slide .move ul li{float:left; width:170px; height:100%; padding:0px 5px;}
.js_slide .move ul li a{overflow:hidden; display:block; position:relative; height:100%; text-align:center; background-color:#eee; box-sizing:border-box;}
.js_slide .move ul li a:hover,
.js_slide .move ul li a:focus{border:1px solid #ff6600;}
.js_slide .move ul li a span{display:block; position:absolute; left:50%; top:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
.js_slide .move ul li a img{height:100%;}


.js_slide.type_02{width:100%; height:100%; border:1px solid #eee;}
.js_slide.type_02 .title{left:10px;}
.js_slide.type_02 .control{left:auto; right:10px; top:5px; width:auto; height:30px;}
.js_slide.type_02 .control .count{display:inline-block; letter-spacing:2px; vertical-align:middle;}
.js_slide.type_02 .control .count span{font-weight:600;}
.js_slide.type_02 .control a[class*="btn_"]{border:none; width:20px; vertical-align:middle;}
.js_slide.type_02 .move{position:absolute; left:0; top:40px; }
.js_slide.type_02 .move ul{width:100%;}
.js_slide.type_02 .move ul li{float:none; position:absolute; left:100%; top:0; width:100%; padding:0;}
.js_slide.type_02 .move ul li:first-child{left:0;}
.js_slide.type_02 .move ul li a{overflow:hidden;}
.js_slide.type_02 .move ul li a:hover{border:none;}
.js_slide.type_02 .move ul li a:focus{border:1px solid #ff6600;}


.js_slide.type_03{width:100%; height:800px; padding:0;}
.js_slide.type_03 .title{
	left:10%; top:20%; width:auto; font-size:40px; text-align:left; color:#fff;
	text-shadow:1px 1px 2px #000;
	-moz-text-shadow:1px 1px 2px #000;
    -webkit-text-shadow:1px 1px 2px #000;
    -ms-text-shadow:1px 1px 2px #000;
    -khtml-text-shadow:1px 1px 2px #000;
    -o-text-shadow:1px 1px 2px #000;
}
.js_slide.type_03 .title span{display:block; line-height:22px; margin-top:10px; font-weight:normal; font-size:16px;}
.js_slide.type_03 .control{left:0; bottom:auto; top:0; width:100%; height:100%;}
.js_slide.type_03 .control a[class*="btn_"]{position:absolute;}
.js_slide.type_03 .control a.btn_left,
.js_slide.type_03 .control a.btn_right{z-index:9; width:100px; height:100%; border:none; background:none !important;}
.js_slide.type_03 .control a.btn_play,
.js_slide.type_03 .control a.btn_stop{right:20px; bottom:20px; z-index:10;}

.js_slide.type_03 .control a.btn_left{left:0; top:0;}
.js_slide.type_03 .control a.btn_right{right:0; top:0;}

.js_slide.type_03 .control a.btn_left span,
.js_slide.type_03 .control a.btn_right span{display:block; position:absolute; left:0; top:50%; width:100px; height:100px; margin-top:-50px;}
.js_slide.type_03 .control a.btn_play span,
.js_slide.type_03 .control a.btn_stop span{display:block; width:100%; height:100%;}

.js_slide.type_03 .control a.btn_left span{background:url(../../images/core/btn_icon_08.png) no-repeat center 0px;}
.js_slide.type_03 .control a.btn_play{background:url(../../images/core/btn_icon_06.png) no-repeat center -38px;}
.js_slide.type_03 .control a.btn_stop{display:none; background:url(../../images/core/btn_icon_07.png) no-repeat center -38px;}
.js_slide.type_03 .control a.btn_right span{background:url(../../images/core/btn_icon_09.png) no-repeat center 0px;}
.js_slide.type_03 .control a.btn_play:hover,
.js_slide.type_03 .control a.btn_stop:hover{background-position:center -3px;}
.js_slide.type_03 .control a[class*="btn_"]:hover span{background-position:center -93px;}
.js_slide.type_03 .control ul{display:block; position:absolute; left:0; bottom:20px; z-index:9; width:100%; text-align:left;}
.js_slide.type_03 .control ul li{display:inline-block;margin-right: 13px;}
.js_slide.type_03 .control ul li:first-child{/* margin-left:20px; */}
.js_slide.type_03 .control ul li a{
	overflow:hidden;
	display:block;
	width: 12px;
	height: 12px;
	text-indent:-10000px;
	background-color:rgba(255,255,255,0.5);
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;
	-khtml-border-radius:10px;
	-o-border-radius:10px;
}
.js_slide.type_03 .control ul li a.on{width: 57px;background-color: #fff;}
.js_slide.type_03 .move{position:absolute; left:0; top:0; height:100%;}
.js_slide.type_03 .move ul{width:100%;}
.js_slide.type_03 .move ul li{float:none; position:absolute; left:100%; top:0; width:100%; padding:0;}
.js_slide.type_03 .move ul li:first-child{left:0;}
.js_slide.type_03 .move ul li a{overflow:hidden; cursor:default;}
.js_slide.type_03 .move ul li a:hover,
.js_slide.type_03 .move ul li a:focus{border:none;}


.visual-wrap{height: 415px;position:relative;}
.visual-wrap .visual {height:100%; width:100%; position:absolute; top:0; left:0}
.visual-wrap .visual .js_slide {height:100%; padding:0;}
.visual-wrap .visual .js_slide .control{left: 50%;width: 462px;height:56px;box-sizing:border-box;text-align:center;bottom: 58px !important;margin-left: -693px;}
.visual-wrap .visual .js_slide .control a[class*="btn_"] {border:none;display:inline-block;vertical-align:top;position:relative;right:auto;width:auto;bottom: 2px;width: 20px;height: 20px;}
.visual-wrap .visual .js_slide .control a[class*="btn_"] span {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
.visual-wrap .visual .js_slide .control a.btn_stop {background:url(/images/specific/farm/main/visual_stop.png) no-repeat center 50%;}
.visual-wrap .visual .js_slide .control a.btn_play {background:url(/images/specific/farm/main/visual_play.png) no-repeat center 50%;}
.visual-wrap .visual .js_slide .control ul {display:inline-block; vertical-align:top; height:56px; position:relative; left:auto; right:auto; width:auto; bottom:0;}

.visual-wrap .visual .js_slide .move{position:absolute; left:0; top:0; height:100%;}
.visual-wrap .visual .js_slide .move ul{width:100%;}
.visual-wrap .visual .js_slide .move ul li {float:none; position:absolute; left:100%; top:0; width:100%; padding:0;}
.visual-wrap .visual .js_slide .move ul li:first-child {left:0;}
.visual-wrap .visual .slogan{text-align:center;position: absolute;z-index:10;width: 470px;top:56px;left: 50%;margin-left: -571px;}
.visual-wrap .visual .slogan span{ display:block; margin:30px 0}
.visual-wrap .visual .js_slide .link{position:absolute;top:201px;z-index: 9;width: 500px;left: 50%;margin-left: -547px;}
.visual-wrap .visual .js_slide .link a{ display: inline-block; color:#fff; background-color: rgba(0,0,0,0.2); border-radius: 30px; transition: all ease-in 0.3s; 
    border: 1px solid rgba(255,255,255,0.6); font-size: 18px; font-weight: 600; padding: 13px 55px 13px 25px; background-image:url(/images/specific/farm/main/link-bg.png) ; background-position: 92% center; background-repeat: no-repeat;} 
.visual-wrap .visual .js_slide .link a:hover{ border: 1px solid rgba(255,255,255,1); }
.visual-wrap .popupzone{width: 470px;height: 243px;left:auto;top: 40px;/*margin-left: 111px;*/ right: 2%;}
.visual-wrap .popupzone ul{ width: 100%; height: 100%; background-color: aqua; border-radius: 10px; opacity: 0.93;}
.visual-wrap .popupzone .control{ top: 35px;}
.visual-wrap .popupzone ul li{width: 100% !important; height: 100% !important; }
.visual-wrap .popupzone ul li img{width: 100% !important; height: 100% !important; }


.visual-wrap .popupzone .control .btn {position:absolute;top:5px;right:0px;display:block;height:46px;width:108px;}
.visual-wrap .popupzone .control .btn button {display:block; overflow:hidden; float:left; width:35px; height:35px; border:0; margin-left:1px; text-indent:-9999px; cursor:pointer;}
.visual-wrap .popupzone .control .btn button.btn_play_stop { 
	position:absolute; top:0px; right:0px; background:url(/images/specific/farm/main/popup_play2.png) no-repeat -35px top !important; border-top-right-radius: 10px;}
	.visual-wrap .popupzone.cycle-paused .control .btn button.btn_play_stop{ background:url(/images/specific/farm/main/popup_play2.png) no-repeat 0 0 !important; }
	.visual-wrap .popupzone .control .btn button.prev {background:url(/images/specific/farm/main/popup_prev2.png) no-repeat;}
.visual-wrap .popupzone .control .btn button.next {background:url(/images/specific/farm/main/popup_next2.png) no-repeat;}
.visual-wrap .popupzone .control .pagenum { display: none;}


.popupzone .control .btn button.btn_play_stop { position:absolute; top:0px; right:0px; background:url(../../../images/specific/farm/main/popup_play.gif) no-repeat -16px top !important;}
.popupzone.cycle-paused .control .btn button.btn_play_stop { position:absolute; top:0px; right:0px; background:url(../../../images/specific/farm/main/popup_play.gif) no-repeat 0 top !important;}


.main_container #contents{height: 713px;}
.cont-wrap{
    padding: 40px 0 30px;
}
.cont-wrap:after{ display:block; content:""; clear: both;}
.m_left{width: 355px;height: 445px;padding: 0;}
.m_center{width: 329px;height: 445px;border-right: 1px solid #e8e8e8;padding: 0 25px 0 32px;}
.m_right{background: none;width: 386px;height: 445px;padding: 0 0 0 30px;}
.cont02{ width: 319px; height: 247px;}
.cont03{ background:url(/images/specific/farm/main/cont03_bg_modify.jpg) right bottom no-repeat; width: 319px;}
.cont04 {height: 239px;}
.cont05 h4 {margin: 0 0 25px 0;}
.cont05 ul li a{padding:91px 0 0}
.cont07{ float: none; width: 319px; height: 247px; position: relative; border-top: none;}
.cont08{}
.cont08 ul { margin:20px 0 0 0;}
.cont08 ul li{ float: left; width: 25%;  box-sizing: border-box; padding: 0 10px; border-left:1px solid rgba(0,0,0,0.1)}
.cont08 ul li:first-child{ border-left: none;}
.cont08 ul li:first-child a{background:url(/images/specific/farm/main/bnr-ico04.gif) center 10px no-repeat;}
.cont08 ul li:nth-child(2) a{background:url(/images/specific/farm/main/bnr-ico08.gif) center 10px no-repeat;}
.cont08 ul li:nth-child(3) a{background:url(/images/specific/farm/main/bnr-ico06.gif) center 10px no-repeat;}
.cont08 ul li:nth-child(4) a{background:url(/images/specific/farm/main/bnr-ico07.gif) center 10px no-repeat;}
.cont08 ul li a{display: block;font-size: 13px;padding: 68px 0 0 0;text-align: center;}

.cont09 {border-top:1px solid #e8e4e3;background: #f6f6f6;}
.cont09 .cont09_in {margin:0 auto;width:1160px;height:55px;}
.cont09 .site_select {position:relative;float:left;width:235px;}
.cont09 .slide_area{ width: 910px;}
.slide_area .bottom_banner_roll{ width: 908px;}
.slide_area .bottom_banner_roll .link_site_wrap{ width: 735px;}
.site_select select { font-size: 13px;}


.main_tab dd ul{top:42px}

.cont-wrap .popupzone ul{ width: 319px; height: 197px; border-radius: 10px;}
.cont-wrap .popupzone ul li img{ width: 319px !important; height: 197px !important;}

.main-api{ max-width: 1160px; margin:0 auto; height: 325px;}
.main-api table{ width: 100%;border-collapse:collapse;table-layout:fixed; }
.main-api:after{ display:block; clear: both;content: "";}
.main-api h4 a{ color: #000;}
.main-api .agricultural{ width: 60%; float: left; }
.agricultural-list{ position: relative; top:-45px}
.agricultural-list > li{ text-align: right;}
.agricultural-list > li, .agricultural-list > li > ul > li {float: left;}
.agricultural-list > li > a{display: inline-block; text-align: center; background-color: #ababab; padding: 13px 0; width: 120px; color: #fff; font-weight: 600; font-size: 17px;}
.agricultural-list > li > a.on{ background-color: #0968bb;}
.agricultural-list > li > ul{position:absolute;left: 0;top: 56px;width: 100%;}
.agricultural-list > li > ul > li{ width: 16.6666% ; border-top:1px solid #dedede; border-bottom:1px solid #dedede}
.agricultural-list li li a{ display:block; text-align: center; padding: 8px 0 10px; font-size: 15px; font-weight: 600;}
.agricultural-list li li a.on{ position: relative; color: #0968bb;}
.agricultural-list li li a.on:after{ display: block; content: ""; clear: both; width: 100%; background-color: #0968bb; height: 3px; position: absolute; left: 0; bottom: 0;}
.api-tab01{ position: absolute; right: 125px;}
.api-tab02{ position: absolute; right: 0px;}
.api-data{position: absolute;left: 0;top: 39px;width: 100%; height: 152px; overflow: auto;}
.api-data table th, .api-data table td{ text-align: center; padding: 9px 0;}
.api-data table th {background-color: #dae8f5;}
.api-data table td{ border-bottom: 1px solid rgba(0,0,0,0.1);}

.main-api .weather{ width: 35.5%; float: right; position: relative;}
.main-api .weather p{position: absolute; top:35px; right: 0;}
.main-api .weather table{border-left: 1px solid rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.1); margin: 25px 0 0 0; }
.main-api .weather table th,.main-api .weather table td{ border-bottom: 1px solid rgba(0,0,0,0.1); padding:8px 0; text-align: center;border-right: 1px solid rgba(0,0,0,0.1); }
.main-api .weather table th{ background-color:#f9f9f9 ;}
.main-api .weather table td{ color: #eb6100; font-weight: 600; text-align: right; padding-right: 7px; letter-spacing: -0.5px;}
a.weather-more{ display: block; text-align: center; padding: 11px 0; color: #fff !important; background-color:#24a99d;font-weight: 600; font-size: 14px;}