﻿@charset "utf-8";

.skip_snb_menu {display:none;}

#fs_container_wrap {margin-top:20px;padding-top: 205px;}
	@media only screen and (max-width:1199px){
		#fs_container_wrap {margin-top:15px;}
	}

/* 비주얼 */
.fs_main_visual {display:flex;height:500px;}
.fs_main_visual .vis_slide_box {flex-shrink:0;width:1020px;padding: 20px;border:1px solid #ddd;}
.fs_main_visual .vis_slide_box .slides01 {}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide {}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide .bgdiv {display:flex;justify-content: center;width: 100%;height: 395px;}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide.swiper-slide-prev,
.fs_main_visual .vis_slide_box .slides01 .swiper-slide.swiper-slide-next {}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide.swiper-slide-active {}
/* 컨트롤 */
.fs_main_visual .pop_controll_box {}
.fs_main_visual .pop_controll_box a {display:inline-block;vertical-align:middle;}
.fs_main_visual .pop_controll_box a:is(:hover, :focus, :active) {color:#4e6cb4;}
.fs_main_visual .pop_controll_box a:is(:hover, :focus, :active) img {filter: invert(43%) sepia(100%) saturate(120%) hue-rotate(175deg);}
.fs_main_visual .pop_controll_box .prev1 {position:absolute;left:15px;bottom:10px;z-index:2;background:none;}
.fs_main_visual .pop_controll_box .prev1 img {width: 22px;}
.fs_main_visual .pop_controll_box .next1 {position:absolute;right:15px;bottom:10px;z-index:2;background:none;}
.fs_main_visual .pop_controll_box .next1 img {width: 22px;}
.fs_main_visual .pop_controll_box .swiper-pagination {position:absolute;right: 0;left: 0;bottom:0;z-index:1;display:flex;justify-content:center;align-items:center;height:65px;background: #f1f1f1;}/*슬라이드바*/
/*
.fs_main_visual .pop_controll_box .swiper-pagination .swiper-pagination-bullet {display: block;width: 15px;height: 15px;background: #959595;border-radius: 50px;transform: rotate(0deg);transition: 0.3s;}
.fs_main_visual .pop_controll_box .swiper-pagination .swiper-pagination-bullet:is(:focus) {background: #fff;border-radius: 3px;transform: rotate(360deg);outline: 2px dotted #000;}
*/
.fs_main_visual .pop_controll_box .swiper-pagination .swiper-pagination-bullet {display: block;width: 15px;height: 15px;background: #004d4d;border-radius: 50px;transform: rotate(0deg);transition: 0.3s;opacity: 1 !important;}/*선택안된 원 왜 흐릿하게 적용되는지 모르겠음*/
.fs_main_visual .pop_controll_box .swiper-pagination .swiper-pagination-bullet:is(:focus) {background: #fff;border-radius: 3px;transform: rotate(360deg);outline: 2px dotted #000;opacity: 1;}
.fs_main_visual .pop_controll_box .swiper-pagination .swiper-pagination-bullet:is(.swiper-pagination-bullet-active) {background: #ff5722;border-radius: 3px;transform: rotate(360deg);}/*현재보여주고있는페이지 네모*/
.fs_main_visual .pop_controll_box .playStopButton1 {position:absolute;right: 70px;left:auto;bottom: 16px;z-index:1;width:30px;height: 30px;border-radius: 100%;font-size:0;}
.fs_main_visual .pop_controll_box .playStopButton1.play {background:url("./../images/layout/arr_black_stop.png") no-repeat center center #fff;}
.fs_main_visual .pop_controll_box .playStopButton1.stop {background:url("./../images/layout/arr_black_play.png") no-repeat center center #fff;}

/* 링크버튼 */
.fs_main_visual .con_box1 {flex-grow: 1;padding-left:70px;height:500px;}
.fs_main_visual .con_box1 .btn {display:flex;justify-content: flex-start;align-items:center;flex-wrap:wrap;height:100%;background: #f5f6f7;}
.fs_main_visual .con_box1 .btn li {width:33.3%;}
.fs_main_visual .con_box1 .btn li a {display:block;text-align: center;font-size:1.8rem;font-weight: 300;color:#000;}
.fs_main_visual .con_box1 .btn li a .icon {display:grid;place-items:center;width:86px;height:86px;margin:0 auto 18px auto;background: #fff;border-width:1px;border-style:solid;border-color:#fff;border-radius: 100%;transition: border-width 0.1s, border-color 0.2s;}
.fs_main_visual .con_box1 .btn li a:is(:hover,:focus,:active) .icon {background: #f1f7fc;border-width:5px;border-color:#808d97;}
	@media only screen and (max-width:1599px){
		.fs_main_visual .vis_slide_box {flex-shrink:1;width:100%;}

		.fs_main_visual .con_box1 {padding-left:35px;}
	}
	@media only screen and (max-width:1199px){
		.fs_main_visual {flex-direction: column;height:auto;}
		.fs_main_visual .vis_slide_box {padding:20px 20px 85px 20px;}
		.fs_main_visual .vis_slide_box .slides01 .swiper-slide {}
		.fs_main_visual .pop_controll_box .prev1 {left:10px;bottom: 10px;}
		.fs_main_visual .pop_controll_box .prev1 img {width:20px;}
		.fs_main_visual .pop_controll_box .next1 {right:10px;bottom: 10px;}
		.fs_main_visual .pop_controll_box .next1 img {width:20px;}

		.fs_main_visual .con_box1 {padding-left:0;height:auto;margin-top:20px;}
		.fs_main_visual .con_box1 .btn {padding:10px 0;}
		.fs_main_visual .con_box1 .btn li {width:20%;margin: 10px 0;}
		.fs_main_visual .con_box1 .btn li a .icon {margin:0 auto 10px auto;}
	}
	@media only screen and (max-width:1023px){
		.fs_main_visual {margin-top:-80px;}
		.fs_main_visual .vis_slide_box .slides01 .swiper-slide .bgdiv {height: 300px;}

		.fs_main_visual .con_box1 .btn {padding:0;}
		.fs_main_visual .con_box1 .btn li {width:33.3%;padding:10px 20px;margin:0;border:1px solid #d7d7d7;}
		.fs_main_visual .con_box1 .btn li a {display:flex;justify-content: flex-start;align-items: center;text-align:left;}
		.fs_main_visual .con_box1 .btn li a .icon {width:66px;height:66px;margin:0 10px 0 0;}
		.fs_main_visual .con_box1 .btn li a .icon img {width:50%;}
	}
	@media only screen and (max-width:767px){
		.fs_main_visual .vis_slide_box {padding:20px 20px 65px 20px;}
		.fs_main_visual .vis_slide_box .slides01 .swiper-slide .bgdiv {height: 250px;}
		.fs_main_visual .pop_controll_box .swiper-pagination {height:45px;}
		.fs_main_visual .pop_controll_box .prev1 {left:10px;bottom:6px;}
		.fs_main_visual .pop_controll_box .prev1 img {width:15px;}
		.fs_main_visual .pop_controll_box .next1 {right:10px;bottom:6px;}
		.fs_main_visual .pop_controll_box .next1 img {width:15px;}
		.fs_main_visual .pop_controll_box .playStopButton1 {right: 50px;bottom: 7px;}

		.fs_main_visual .con_box1 .btn li {width:50%;padding:5px 10px;}
		.fs_main_visual .con_box1 .btn li a .icon {width:40px;height:40px;}
	}
	@media only screen and (max-width:499px){
		.fs_main_visual .vis_slide_box .slides01 .swiper-slide .bgdiv {height: 200px;}
		.fs_main_visual .pop_controll_box .swiper-pagination .swiper-pagination-bullet {width: 10px;height: 10px;}
		.fs_main_visual .pop_controll_box .playStopButton1 {right: 40px;bottom: 7px;}
	}
	@media only screen and (max-width:379px){
		.fs_main_visual .vis_slide_box .slides01 .swiper-slide .bgdiv {height: 160px;}
	}


/* 컨텐츠 시작 */
.fs_main_contents {}

/* 농약등록현황 조회, 품종 정보조회 */
.con_box2 {display:flex;flex-wrap: wrap;margin:20px auto 20px auto;padding:13px 0;background: #001b2f;}
.con_box2 .box {flex-grow:1;display:flex;justify-content: flex-start;align-items:center;position:relative;width:50%;padding:0 40px;color:#fff;}
.con_box2 .box:first-child:after {content:"";position:absolute;right:-3px;top:0;bottom:0;display:inline-block;width:5px;height: 5px;margin:auto 0;background:#808d97;border-radius: 100%;margin-left:auto;}
.con_box2 .box h3 {flex-shrink:0;min-width:198px;font-weight:300;font-size:2.2rem;}
.con_box2 .box h3:after {content:"";display:inline-block;width:1px;height:19px;margin:0 0 0 14px;background:#808d97;vertical-align: middle;}
.con_box2 .box h3 em {}
.con_box2 .box select {border:0;background:url("./../images/layout/arr_white_down.png") no-repeat right 15px center transparent;font-size:2.0rem;font-weight:300;font-family: 'TheJamsil';color:#fff;}
.con_box2 .box select option {color:#000;}
.con_box2 .box input {flex-grow:1;border:0;background: transparent;font-size:2.2rem;font-weight:300;font-family: 'TheJamsil';color:#fff;}
.con_box2 .box button {background: transparent;}
.con_box2 .box select:focus,
.con_box2 .box input:focus,
.con_box2 .box button:focus {outline: 2px dotted #fff;}
.con_box2 .left {}
.con_box2 .box.left h3 {min-width:157px;}
.con_box2 .right {}
.con_box2 .box form{flex-grow:1; display:flex;}
.con_box2 .box form{flex-wrap:wrap;}
	@media only screen and (max-width:1499px){
		.con_box2 .box {padding:0 35px;}
		.con_box2 .box input {font-size:2rem;}
		.con_box2 .box.left {width:42%;}
		.con_box2 .box.right {width:58%;}
	}
	@media only screen and (max-width:1199px){
		.con_box2 {flex-direction: column;margin:20px auto 20px auto;padding:0;}
		.con_box2 .box {justify-content: flex-start;width:100%;padding:10px 20px;}
		.con_box2 .box:first-child {border-bottom:2px solid #808d97;}
		.con_box2 .box:first-child:after {display:none;}
		.con_box2 .box h3 {position:relative;min-width:176px;}
		.con_box2 .box h3:after {position: absolute;right:0;top:3px;}
		.con_box2 .box select {width: 20%;}
		.con_box2 .box input {width: 80%;}
		.con_box2 .box button {margin-left:auto;}

		.con_box2 .box.left {width:100%;}
		.con_box2 .box.left h3 {min-width:143px;}
		.con_box2 .box.right {width:100%;}
	}
	@media only screen and (max-width:1023px){
		.con_box2.wrap {width: clamp(0px,calc(100% - 30px),1600px);}
		.con_box2 .box {padding:5px 20px;}
		.con_box2 .box h3 {min-width:160px;}
		.con_box2 .box select {width: 30%;}
		.con_box2 .box input {width: 70%;}
	}
	@media only screen and (max-width:767px){
		.con_box2 .box h3 {min-width:140px;}
	}
	@media only screen and (max-width:639px){
		.con_box2 .box {flex-wrap: wrap;}
		.con_box2 .box h3 {min-width:100%;padding:10px 0;}
		.con_box2 .box h3:after {position: absolute;right:auto;left:0;top:auto;bottom:0;width: 100%;height: 1px;margin:0;}
		.con_box2 .box select {width: 30%;}
		.con_box2 .box input {width: 60%;}
		.con_box2 .box button {width: 10%;margin-left:auto;}

		.con_box2 .box.left h3 {min-width:100%;}
	}
	@media only screen and (max-width:479px){
		.con_box2 .box select {width: 100%;border-bottom:1px solid #808d97;}
		.con_box2 .box input {width: 90%;}
		.con_box2 .box button {width: 10%;margin-left:auto;}
	}
.con_box2 .box .search-container{
	position: relative; /*자식 요소인 X 버튼의 absolute 위치 기준*/
    display: inline-flex; /*input과 버튼이 나란히 정렬되도록*/
    align-items: center;
    padding-right: 30px; /*X 버튼 공간 확보*/
}
.con_box2 .box #spciesNm{
	border: none;
    padding: 8px 22px 8px 0px;
    flex-grow: 1;
}
.con_box2 .box .clear-btn {
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #fff;
    font-size: 25px;
    cursor: pointer;
    padding: 0 5px;
    line-height: 1;
}
.con_box2 .box .clear-btn:hover {
    color: #666;
}

/* 게시판, 알림판, 이달의 농업기술 */
.con_box3 {display: flex;margin-bottom:60px;}
/* 게시판 */
.box1 {width:50%;}
.box1 .box_line {display:flex;flex-direction:column;min-height: 386px;border:1px solid #d7d7d7;}
.box1 .tab_menu_box {display:flex;justify-content: flex-start;align-items:center;background: #edf6fc;padding-left:20px;}
.box1 .tab_menu_box li {}
.box1 .tab_menu_box li a {position:relative;display:grid;place-items:center;margin:6px 20px 0 20px;height:64px;font-size:2.4rem;font-weight:500;color:#808d97;}
.box1 .tab_menu_box li a:after {content:"";display:block;position:absolute;left:50%;bottom:0;width:0;height:3px;background:#001b2f;transition: 0.4s;}
.box1 .tab_menu_box li.on a {color:#001b2f;}
.box1 .tab_menu_box li.on a:after {left:0;width:100%;}
.box1 .tab_content1 {position:relative;display:none;margin-bottom:-1px;}
.box1 .tab_content1.on {display:block;flex-grow: 1;}
.box1 .tab_content1 ul {display:flex;justify-content: flex-start;align-items: stretch;flex-wrap: wrap;height: 100%;}
.box1 .tab_content1 ul li {width:50%;}
.box1 .tab_content1 ul li a {display:flex;flex-direction: column;justify-content: space-evenly;height:100%;max-height:105px;min-height:105px;padding:15px 30px;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
.box1 .tab_content1 ul li a:is(:hover,:focus,:active) {background: #f9f9f9 !important;}
.box1 .tab_content1 ul li:nth-child(2n) a {border-right:0;}
.box1 .tab_content1 ul li a strong.ellipsis1 {width:100%;font-weight:400;font-size:1.8rem;color:#000;}
.box1 .tab_content1 ul li a span.ellipsis1 {width:100%;font-weight:300;font-size:1.5rem;color:#808d97;}
.box1 .tab_content1 ul li a .data {display:block;text-align:right;font-weight:300;font-size:1.4rem;color:#808d97;}
.box1 .tab_content1 .more_btn {position: absolute;right:28px;top:0;display:flex;justify-content:center;align-items:center;width:101px;height:30px;padding-top:1px;background:#fff;color:#808d97;border-width:1px;border-style:solid;border-color:#d7d7d7;transform: translateY(-50px);transition: border-width 0.1s, border-color 0.2s;}
.box1 .tab_content1 .more_btn img {display:inline-block;margin-right:5px;}
.box1 .tab_content1 .more_btn:is(:hover,:focus,:active) {border-width:3px;border-color:#808d97;}
	@media only screen and (max-width:1399px){
		.box1 .tab_menu_box li h4 a {margin:6px 15px 0 15px;font-size:2.0rem;}
	}
	@media only screen and (max-width:1199px){
		.box1 .tab_menu_box li h4 a {position:relative;display:grid;place-items:center;margin:6px 10px 0 10px;}
	}
	@media only screen and (max-width:1023px){
		.con_box3 {flex-direction: column;margin-bottom:40px;}

		.box1 {width:100%;}
		.box1 .box_line {min-height: auto;}
		.box1 .tab_menu_box {padding-left:10px;}
		.box1 .tab_menu_box li a {margin:0 10px 0 10px;height:54px;}
		.box1 .tab_content1 ul li a {padding:10px 20px;}
		.box1 .tab_content1 .more_btn {right:15px;transform: translateY(-42px);}
	}
	@media only screen and (max-width:767px){
		.con_box3 {margin-bottom:30px;}

		.box1 .tab_content1 ul li a strong.ellipsis1 img {width:16px;}
	}
	@media only screen and (max-width:479px){
		.box1 .tab_menu_box {padding-left:0;}
		.box1 .tab_menu_box {flex-wrap: wrap;}
		.box1 .tab_menu_box li {width: 50%;}
		.box1 .tab_menu_box li a {margin:0;height:auto;padding:10px;border-bottom:1px solid #d7d7d7;border-left:1px solid #d7d7d7;}
		.box1 .tab_menu_box li:nth-child(1) a {border-left:0;}
		.box1 .tab_menu_box li:nth-child(3) a {border-left:0;}
		.box1 .tab_content1 ul li a {height:auto;max-height: none;min-height: auto;padding:10px 15px;}
		.box1 .tab_content1 ul li a strong.ellipsis1 {margin-bottom:10px;}
		.box1 .tab_content1 ul li a span.ellipsis1 {margin-bottom:10px;}
		.box1 .tab_content1 .more_btn {position:static;width:auto;padding:10px 10px;height:auto;transform: translateY(0);}
	}

/* 알림판,이달의 농업기술 */
.box2_wrap {width:50%;display: flex;}
.box2_wrap [class^="box"] {width:50%;padding-left:32px;}
.box2_wrap [class^="box"] .div {}
.box2_wrap [class^="box"] .div .control {display:flex;justify-content:space-between;align-items:center;height:70px;}
.box2_wrap [class^="box"] .div .control .tit {font-size:2.4rem;font-weight:500;color:#000;}
.box2_wrap [class^="box"] .div .control .pop_controll_box {display:flex;margin-left:8px;}
.box2_wrap [class^="box"] .div .control .pop_controll_box a {display:flex;justify-content:center;align-items:center;width:30px;height:30px;background: #fff;border:1px solid #d7d7d7;margin-left:8px;}
.box2_wrap [class^="box"] .div .control .pop_controll_box a img {}
.box2_wrap [class^="box"] .div .control .pop_controll_box a.prev2 {}
.box2_wrap [class^="box"] .div .control .pop_controll_box a.next2 {}
.box2_wrap [class^="box"] .div .control .pop_controll_box a.playStopButton2 {background-repeat: no-repeat;background-position: center center;font-size:0;}
.box2_wrap [class^="box"] .div .control .pop_controll_box a.playStopButton2.play {background-image:url("./../images/layout/arr_black_stop.png");}
.box2_wrap [class^="box"] .div .control .pop_controll_box a.playStopButton2.stop {background-image:url("./../images/layout/arr_black_play.png");}
/*웹접근성 버튼시작*/
.box2_wrap [class^="box"] .div .control .pop_controll_box button {display:flex;justify-content:center;align-items:center;width:30px;height:30px;background: #fff;border:1px solid #d7d7d7;margin-left:8px;}
.box2_wrap [class^="box"] .div .control .pop_controll_box button img {}
.box2_wrap [class^="box"] .div .control .pop_controll_box button.prev2 {}
.box2_wrap [class^="box"] .div .control .pop_controll_box button.next2 {}
.box2_wrap [class^="box"] .div .control .pop_controll_box button.playStopButton2 {background-repeat: no-repeat;background-position: center center;font-size:0;}
.box2_wrap [class^="box"] .div .control .pop_controll_box button.playStopButton2.play {background-image:url("./../images/layout/arr_black_stop.png");}
.box2_wrap [class^="box"] .div .control .pop_controll_box button.playStopButton2.stop {background-image:url("./../images/layout/arr_black_play.png");}
/*웹접근성 버튼끝*/
.box2_wrap [class^="box"] .div .swiper {}
.box2_wrap [class^="box"] .div .swiper .slide_pop {}
.box2_wrap [class^="box"] .div .swiper .slide_pop .swiper-slide {}
.box2_wrap [class^="box"] .div .swiper .slide_pop .swiper-slide a {display:block;border:1px solid #d7d7d7;}
.box2_wrap [class^="box"] .div .swiper .slide_pop .swiper-slide a img {transition: 0.3s;object-fit: cover;width: 100%;}
.box2_wrap [class^="box"] .div .swiper .slide_pop .swiper-slide a:is(:hover,:focus,:active) img {transform: scale(0.99,0.99);outline: 2px dotted #000;}
.box2_wrap [class^="box"] .div .swiper .pop_pager {position: absolute;right:15px;left:auto;bottom: 15px;z-index:1;display:flex;justify-content:center;align-items:center;width:90px;height: 35px;background: rgba(233,239,244,0.7);border-radius: 50px;font-weight:300;font-size:1.8rem;color:#000;}
.box2_wrap [class^="box"] .div .swiper .pop_pager .swiper-pagination-current {font-weight:500;}
.box2_wrap [class^="box"] .div .swiper .pop_pager .swiper-pagination-total {}
.box2_wrap .box3 {}
.box2_wrap .box3 .div .control .pop_controll_box {display:flex;margin-left:8px;}
.box2_wrap .box3 .div .control .pop_controll_box a {display:flex;justify-content:center;align-items:center;width:30px;height:30px;background: #fff;border:1px solid #d7d7d7;margin-left:8px;}
.box2_wrap .box3 .div .control .pop_controll_box a img {}
.box2_wrap .box3 .div .control .pop_controll_box a.prev3 {}
.box2_wrap .box3 .div .control .pop_controll_box a.next3 {}
.box2_wrap .box3 .div .control .pop_controll_box a.playStopButton3 {background-repeat: no-repeat;background-position: center center;font-size:0;}
.box2_wrap .box3 .div .control .pop_controll_box a.playStopButton3.play {background-image:url("./../images/layout/arr_black_stop.png");}
.box2_wrap .box3 .div .control .pop_controll_box a.playStopButton3.stop {background-image:url("./../images/layout/arr_black_play.png");}
/*웹접근성 버튼시작*/
.box2_wrap .box3 .div .control .pop_controll_box button {display:flex;justify-content:center;align-items:center;width:30px;height:30px;background: #fff;border:1px solid #d7d7d7;margin-left:8px;}
.box2_wrap .box3 .div .control .pop_controll_box button img {}
.box2_wrap .box3 .div .control .pop_controll_box button.prev3 {}
.box2_wrap .box3 .div .control .pop_controll_box button.next3 {}
.box2_wrap .box3 .div .control .pop_controll_box button.playStopButton3 {background-repeat: no-repeat;background-position: center center;font-size:0;}
.box2_wrap .box3 .div .control .pop_controll_box button.playStopButton3.play {background-image:url("./../images/layout/arr_black_stop.png");}
.box2_wrap .box3 .div .control .pop_controll_box button.playStopButton3.stop {background-image:url("./../images/layout/arr_black_play.png");}
/*웹접근성 버튼끝*/

	@media only screen and (max-width:1399px){
		.box2_wrap [class^="box"] {padding-left:20px;}
	}
	@media only screen and (max-width:1023px){
		.box2_wrap {width:100%;margin-top:20px;}
		.box2_wrap.wrap {padding:0;}
		.box2_wrap [class^="box"] {padding-left:16px;}
		.box2_wrap [class^="box"] .div .control {height: 50px;}

		.box2_wrap .box2 {padding-left:0;padding-right:16px;}
	}
	@media only screen and (max-width:767px){
		.box2_wrap [class^="box"] {padding-left:10px;}

		.box2_wrap .box2 {padding-left:0;padding-right:10px;}
	}
	@media only screen and (max-width:479px){
		.box2_wrap {flex-wrap: wrap;margin-top:20px;}
		.box2_wrap [class^="box"] {width:100%;padding-left:0;}
		.box2_wrap .box2 {padding-left:0;padding-right:0;}
		.box2_wrap .box3 {margin-top:20px;}
	}

/* 공통(카드뉴스, 농업기술길잡이, 홍보영상, 간척지 영농정보 서비스) */
.con_box4 {display: flex;justify-content: flex-start;flex-wrap: wrap;margin-bottom:60px;}
.con_box4 [class^="box"] {position:relative;width:25%;}
.con_box4 [class^="box"] .tit {font-size:2.4rem;font-weight:500;color:#000;}

.con_box4 [class^="box"] .div .control {display:flex;justify-content:space-between;align-items:center;}
.con_box4 [class^="box"] .div .control .tit {font-size:2.4rem;font-weight:500;color:#000;}
.con_box4 [class^="box"] .div .control .pop_controll_box {display:flex;margin-left:8px;}
.con_box4 [class^="box"] .div .control .pop_controll_box a {display:flex;justify-content:center;align-items:center;width:30px;height:30px;background: #fff;border:1px solid #d7d7d7;margin-left:8px;}
.con_box4 [class^="box"] .div .control .pop_controll_box a img {}
.con_box4 [class^="box"] .div .control .pop_controll_box a.prev4 {}
.con_box4 [class^="box"] .div .control .pop_controll_box a.next4 {}
.con_box4 [class^="box"] .div .control .pop_controll_box a.playStopButton4 {background-repeat: no-repeat;background-position: center center;font-size:0;}
.con_box4 [class^="box"] .div .control .pop_controll_box a.playStopButton4.play {background-image:url("./../images/layout/arr_black_stop.png");}
.con_box4 [class^="box"] .div .control .pop_controll_box a.playStopButton4.stop {background-image:url("./../images/layout/arr_black_play.png");}
.con_box4 [class^="box"] .div .control .pop_controll_box .more_btn {display:flex;justify-content:center;align-items:center;width:101px;height:30px;padding-top:1px;background:#fff;color:#808d97;border-width:1px;border-style:solid;border-color:#d7d7d7;transition: border-width 0.1s, border-color 0.2s;}
.con_box4 [class^="box"] .div .control .pop_controll_box .more_btn img {display:inline-block;margin-right:5px;}
.con_box4 [class^="box"] .div .control .pop_controll_box .more_btn:is(:hover,:focus,:active) {border-width:3px;border-color:#808d97;}

.con_box4 [class^="box"] .ul_box {margin-top:30px;text-align: center;}
.con_box4 [class^="box"] .ul_box:after {content:"";position:absolute;left:0;bottom:0;z-index:-1;display:block;width: calc(100% - 15px);height: 110px;background: #edf6fc;}
.con_box4 [class^="box"] .ul_box li a.cont {display:block;padding: 0 46px 20px 46px;}
.con_box4 [class^="box"] .ul_box li a.cont img {width:100%;box-shadow: 0 0 20px rgba(0,0,0,0.1);transition: 0.3s;}
.con_box4 [class^="box"] .ul_box li a.cont em {margin-top:10px;font-size:1.8rem;font-weight: 300;color:#000;}
.con_box4 [class^="box"] .ul_box li a.cont:is(:hover,:focus,:active) img {transform: scale(0.99,0.99);outline: 2px dotted #000;}
.con_box4 [class^="box"] .ul_box li a.go_btn {position: absolute;right:46px;top:0;display:flex;justify-content:center;align-items:center;width:101px;height:30px;background: #001b2f;color:#808d97;}
.con_box4 [class^="box"] .ul_box li a.go_btn img {margin-left:5px;}
.con_box4 [class^="box"] .ul_box li .more_btn {position:absolute;right:20px;top:0;display:flex;justify-content:center;align-items:center;width:101px;height:30px;padding-top:1px;background:#fff;color:#808d97;border-width:1px;border-style:solid;border-color:#d7d7d7;transition: border-width 0.1s, border-color 0.2s;}
.con_box4 [class^="box"] .ul_box li .more_btn img {display:inline-block;margin-right:5px;}
.con_box4 [class^="box"] .ul_box li .more_btn:is(:hover,:focus,:active) {border-width:3px;border-color:#808d97;}
/* 카드뉴스, 농업기술길잡이 */
.con_box4 .box4 {padding-right:15px;}
.con_box4 .box5 {padding-left:15px;}
.con_box4 .box5 .slide_box3:after {content:"";position:absolute;left:0;bottom:0;z-index:-1;display:block;width: 100%;height: 110px;background: #edf6fc;}
/* 홍보영상 */
.con_box4 .box6 {padding-left:32px;}
.con_box4 .box6 > div {display:flex;height:100%;padding:40px 40px 30px 40px;background:url("./../images/main/icon_bg.png") no-repeat left 40px bottom 50px #003964;color:#fff;}
.con_box4 .box6 .tit_text {padding-right:10px;}
.con_box4 .box6 .tit {margin-bottom:15px;color:#fff;}
.con_box4 .box6 p {margin-bottom:35px;font-size:1.8rem;line-height:1.4;font-weight:300;color: rgba(255,255,255,0.7);}
.con_box4 .box6 .youtube {margin-left:auto;height: 185px;}
.con_box4 .box6 .youtube img {width: 100%;height: auto;}
.con_box4 .box6 .youtube iframe {width: 100%;height: 100%;}
.con_box4 .box6 > div a:is(:hover,:focus,:active) {outline: 2px dotted #ddd;}
/* 간척지 영농정보 서비스 */
.con_box4 .box7 {padding-left:32px;}
.con_box4 .box7 > div {height:100%;background:url("./../images/main/bg_img1.jpg") no-repeat center center / cover;background-size: auto 100%;color:#fff;transition: background-size 0.3s ease-in-out;}
.con_box4 .box7 > div a {display:block;height:100%;padding:40px 40px 30px 40px;transition: 0.3s;}
.con_box4 .box7 > div:hover {background-size: auto 120%;}
.con_box4 .box7 .tit {margin-bottom:15px;display: block;color:#fff;}
.con_box4 .box7 span {font-size:1.8rem;line-height:1.4;font-weight:300;color: rgba(255,255,255,0.7);}
	@media only screen and (max-width:1599px){
		.con_box4 [class^="box"] .div .control .pop_controll_box .more_btn {position:absolute;right:50%;bottom:-10px;z-index: 10;transform: translateX(55%);}
		.con_box4 [class^="box"] .div .control .pop_controll_box [data-btn="nongsaro_ebook_btn"] {top:8% !important;}
		.con_box4 [class^="box"] .ul_box:after {width: calc(100% - 5px);}
		.con_box4 [class^="box"] .ul_box li a.cont {padding: 0 20px 20px 20px;}
		.con_box4 [class^="box"] .ul_box li a.cont img.more_img {margin-top:20px;}
		.con_box4 [class^="box"] .ul_box li a.go_btn {right:20px;}
		.con_box4 [class^="box"] .ul_box li .more_btn {right:10px;top:-2px;width:auto;padding:1px 10px 0 10px;}
	}
	@media only screen and (max-width:1399px){
		.con_box4 .box4 {padding-right:5px;}
		.con_box4 .box5 {padding-left:5px;}
		.con_box4 .box5 .ul_box:after {left:5px;}

		.con_box4 .box6 {padding-left:20px;}
		.con_box4 .box6 > div {padding:30px 30px 30px 30px;}

		.con_box4 .box7 {padding-left:20px;}
		.con_box4 .box7 > div a {padding:30px 30px 30px 30px;}
	}
	@media only screen and (max-width:1023px){
		.con_box4 {margin-bottom:40px;}
		.con_box4 [class^="box"] {width: 50%;}

		.con_box4 [class^="box"] .ul_box:after {width: calc(100% - 16px);}
		.con_box4 [class^="box"] .ul_box li a.cont {padding:0 0 20px 0;}
		.con_box4 [class^="box"] .ul_box li a.cont em {margin-top:30px;}
		.con_box4 [class^="box"] .ul_box li a.go_btn {right:0;top:0;}
		.con_box4 [class^="box"] .ul_box li .more_btn {right:16px;}
		.con_box4 [class^="box"] .ul_box li a.cont:is(:hover,:focus,:active) img {transform: none;}

		.con_box4 .box4 {padding-right:16px;}
		.con_box4 .box5 {padding-left:16px;}
		.con_box4 .box5 .ul_box:after {left:16px;}
		.con_box4 .box5 .ul_box li .more_btn {right:0;}
		.con_box4 .box6 {padding-left:0;padding-right:16px;margin-top:40px;}
		.con_box4 .box6 .youtube {height: 100%;}
		.con_box4 .box7 {padding-left:16px;margin-top:40px;}
		.con_box4 .box7 > div {background-size: cover;aspect-ratio: 1/1;}
	}
	@media only screen and (max-width:767px){
		.con_box4 {margin-bottom:20px;}
		.con_box4 [class^="box"] .ul_box {margin-top:20px;}
		.con_box4 [class^="box"] .ul_box:after {width: calc(100% - 10px);}
		.con_box4 [class^="box"] .ul_box li a.go_btn {top:40px;}

		.con_box4 .box4 {padding-right:10px;}
		.con_box4 .box5 {padding-left:10px;}
		.con_box4 .box5 .ul_box:after {left:10px;}
		.con_box4 .box6 {padding-right:10px;margin-top:20px;}
		.con_box4 .box7 {padding-left:10px;margin-top:20px;}
		.con_box4 .box7 > div {background-size: cover;aspect-ratio: 0;}
	}
	@media only screen and (max-width:479px){
		.con_box4 [class^="box"] {width: 100%;}
		.con_box4 [class^="box"] .ul_box:after {width: 100%;}
		.con_box4 [class^="box"] .ul_box li a.go_btn {top:40px;}
		.con_box4 [class^="box"] .ul_box li .more_btn {right:0;}

		.con_box4 .box4 {padding-right:0;}
		.con_box4 .box5 {padding-left:0;margin-top:40px;}
		.con_box4 .box5 .ul_box:after {left:0;}
		.con_box4 .box6 {padding-right:0;}
		.con_box4 .box7 {height:250px;padding-left:0;}
	}

/* 식량정보마당 */
.con_box5 {padding:45px 0;background:url("./../images/main/bg_obj.png") no-repeat left bottom -159px #f5f6f7;animation: moveBackground 10s cubic-bezier(0.5, 0, 0.5, 1) infinite;}
.con_box5 .wrap {display: flex;}
.con_box5 .wrap .tit {flex-shrink:0;width:380px;margin-top:30px;font-size:4.8rem;color:#000;}
.con_box5 .wrap .ul_box {flex-grow:1;display: flex;justify-content: flex-start;gap:30px;}
.con_box5 .wrap .ul_box li {width:25%;}
.con_box5 .wrap .ul_box li a {display:flex;flex-direction:column;justify-content: space-evenly;align-items: flex-start;height:320px;padding:40px;background:url("./../images/main/icon_s1_off.png") no-repeat right 25px bottom 30px #fff;border-width:0;border-style:solid;border-color:#fff;transition: border-width 0.1s, border-color 0.2s;}
.con_box5 .wrap .ul_box li a strong {font-weight:500;font-size:2.4rem;color:#000;}
.con_box5 .wrap .ul_box li a span {margin-top:15px;line-height:1.5;font-weight:300;font-size:1.8rem;color:#000;}
.con_box5 .wrap .ul_box li a img {margin-top:auto;}
.con_box5 .wrap .ul_box li a:is(:hover,:focus,:active) {border-width:5px;border-color:#808d97;}
.con_box5 .wrap .ul_box li:nth-child(2) a {background-image:url("./../images/main/icon_s2_off.png");}
.con_box5 .wrap .ul_box li:nth-child(3) a {background-image:url("./../images/main/icon_s3_off.png");}
.con_box5 .wrap .ul_box li:nth-child(4) a {background-image:url("./../images/main/icon_s4_off.png");}
	@keyframes moveBackground {
		0% {background-position: left 0 bottom -159px;}
		50% {background-position: left -40px bottom -139px;}
		100% {background-position: left 0 bottom -159px;}
	}
	@media only screen and (max-width:1599px){
		.con_box5 .wrap .tit {width:250px;}
		.con_box5 .wrap .ul_box li a span br {display: none;}
	}
	@media only screen and (max-width:1199px){
		.con_box5 .wrap .tit {width:200px;}
		.con_box5 .wrap .ul_box {gap:20px;}
		.con_box5 .wrap .ul_box li a {padding:25px;}
	}
	@media only screen and (max-width:1023px){
		.con_box5 {padding:30px 0;}
		.con_box5 .wrap {flex-direction: column;}
		.con_box5 .wrap .tit {margin-top:0;margin-bottom: 10px;}
		.con_box5 .wrap .tit br {display:none;}
		.con_box5 .wrap .ul_box li a {height: 220px;background-size: 60px auto;}
		.con_box5 .wrap .ul_box li:nth-child(2) a {background-size: 70px auto;}
		.con_box5 .wrap .ul_box li:nth-child(3) a {background-size: 60px auto;}
		.con_box5 .wrap .ul_box li:nth-child(4) a {background-size: 50px auto;background-position: right 40px bottom 30px;}
	}
	@media only screen and (max-width:767px){
		.con_box5 {padding:20px 0 60px 0;}
		.con_box5 .wrap .tit {font-size:3.8rem;}
		.con_box5 .wrap .ul_box {flex-wrap:wrap;gap:0;}
		.con_box5 .wrap .ul_box li {width:50%;}
		.con_box5 .wrap .ul_box li a {height: 190px;padding:20px;}
		.con_box5 .wrap .ul_box li:nth-child(1) {padding:0 10px 10px 0;}
		.con_box5 .wrap .ul_box li:nth-child(2) {padding:0 0 10px 10px;}
		.con_box5 .wrap .ul_box li:nth-child(3) {padding:10px 10px 0 0;}
		.con_box5 .wrap .ul_box li:nth-child(4) {padding:10px 0 0 10px;}
	}
	@media only screen and (max-width:479px){
		.con_box5 .wrap .ul_box li {width:100%;}
		.con_box5 .wrap .ul_box li a {height: 150px;}
		.con_box5 .wrap .ul_box li a {background-size: 50px auto;background-position: right 25px bottom 20px;}
		.con_box5 .wrap .ul_box li:nth-child(2) a {background-size: 60px auto;background-position: right 20px bottom 20px;}
		.con_box5 .wrap .ul_box li:nth-child(3) a {background-size: 50px auto;background-position: right 26px bottom 20px;}
		.con_box5 .wrap .ul_box li:nth-child(4) a {background-size: 40px auto;background-position: right 30px bottom 20px;}
		.con_box5 .wrap .ul_box li:nth-child(1) {padding:0 0 10px 0;}
		.con_box5 .wrap .ul_box li:nth-child(2) {padding:0 0 10px 0;}
		.con_box5 .wrap .ul_box li:nth-child(3) {padding:0;}
		.con_box5 .wrap .ul_box li:nth-child(4) {padding:10px 0 0 0;}
	}

/* 푸터영역 */
#fs_footer {border-top:0;}
	@media only screen and (max-width:1439px){

	}

