@charset "utf-8";
@font-face {
	font-family: 'InkLipquid';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.skip_snb_menu {display:none;}

#fs_container_wrap {padding-bottom:60px;}
	@media only screen and (max-width:1199px){
		#fs_container_wrap {}
	}

/* 비주얼 */
.fs_main_visual {}

/* *********************************************************************************
  * main CSS(기존사이트 메인 지도 그대로 적용)
  * *********************************************************************************/
.mainContents {position: relative;width: 100%;min-height: 640px;background: url('./../images/main/vis_img1.jpg') center top no-repeat;border-radius: 0 0 40px 40px;}
.mainContents:after {content:"";display:block;position: absolute;left:0;top:0;z-index:0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);border-radius: 0 0 40px 40px;}
.mainContents .right {position: relative;margin-right:100px;}
.mainContents_m {display:none;}
.mainContents .visual_contents {display: flex;justify-content: flex-end;position: relative;z-index:1;width: clamp(0px,100%,1400px);height: 100%;margin: 0 auto;}
.mainContents .visual_contents .text {flex-grow:1;margin-top:70px;color:#fff;}
.mainContents .visual_contents .text h2 {line-height:1.3;font-weight: 500;font-size: 3.2rem;}
.mainContents .visual_contents .text h2 em {display: block;font-size: 5.2rem;}
.mainContents .visual_contents .text p {margin-top:10px;font-size: 3.2rem;font-family: 'InkLipquid';font-weight: 300;}
.mainContents .visual_contents .mapCon {flex-shrink:0;overflow:hidden;position: relative;width:631px;height:600px;background:url('./../images/main/img_map.png') right bottom no-repeat;}
.mainContents .visual_contents .mapCon>span {position: absolute;}
.mainContents .visual_contents .mapCon>span>a {display:block;cursor: pointer;}
.mainContents .visual_contents .mapCon>.on>a, .mainContents .visual_contents .mapCon>span>a:hover {transform:scale(1.05) rotate(0.1deg); opacity:1;}
.mainContents .visual_contents .mapCon .incheon_Map {top: 22px;left: 25px;}
.mainContents .visual_contents .mapCon .incheon_Map>a {width:211px;height:75px;}
.mainContents .visual_contents .mapCon .incheon_Map.on>a {background:url('./../images/main/img_map_incheon_on.png') right top no-repeat;}
.mainContents .visual_contents .mapCon .incheon_Map>a:hover {background:url('./../images/main/img_map_incheon_on.png') right top no-repeat;}
.mainContents .visual_contents .mapCon .gg_Map {top:-15px;left:195px;}
.mainContents .visual_contents .mapCon .gg_Map>a {width:149px;height:171px;}
.mainContents .visual_contents .mapCon .gg_Map.on>a {background:url('./../images/main/img_map_gg_on.png') right top no-repeat;}
.mainContents .visual_contents .mapCon .gg_Map>a:hover {background:url('./../images/main/img_map_gg_on.png') right top no-repeat;}
.mainContents .visual_contents .mapCon .chungnam_Map {top:123px;left:126px;}
.mainContents .visual_contents .mapCon .chungnam_Map>a {width:191px;height:141px;}
.mainContents .visual_contents .mapCon .chungnam_Map.on>a {background:url('./../images/main/img_map_chungnam_on.png') right top no-repeat;}
.mainContents .visual_contents .mapCon .chungnam_Map>a:hover {background:url('./../images/main/img_map_chungnam_on.png') right top no-repeat;}
.mainContents .visual_contents .mapCon .jeonbuk_Map {bottom: 250px;left: 165px;}
.mainContents .visual_contents .mapCon .jeonbuk_Map>a {width:176px;height:110px;}
.mainContents .visual_contents .mapCon .jeonbuk_Map.on>a {background:url('./../images/main/img_map_jeonbuk_on.png') right top no-repeat;}
.mainContents .visual_contents .mapCon .jeonbuk_Map>a:hover {background:url('./../images/main/img_map_jeonbuk_on.png') right top no-repeat;}
.mainContents .visual_contents .mapCon .jeonnam_Map {bottom: 97px;left:60px;}
.mainContents .visual_contents .mapCon .jeonnam_Map>a {width:272px;height:180px;}
.mainContents .visual_contents .mapCon .jeonnam_Map.on>a {background:url('./../images/main/img_map_jeonnam_on.png') right top no-repeat;}
.mainContents .visual_contents .mapCon .jeonnam_Map>a:hover {background:url('./../images/main/img_map_jeonnam_on.png') right top no-repeat;}
.mainContents .visual_contents .mapCon .busan_Map {bottom: 220px;right: 150px;}
.mainContents .visual_contents .mapCon .busan_Map>a {width:65px;height:51px;}
.mainContents .visual_contents .mapCon .busan_Map.on>a {background:url('./../images/main/img_map_busan_on.png') right top no-repeat;}
.mainContents .visual_contents .mapCon .busan_Map>a:hover {background:url('./../images/main/img_map_busan_on.png') right top no-repeat;}
.mainContents .visual_contents .mapCon .gyeongnam_Map {bottom:165px;right:160px;}
.mainContents .visual_contents .mapCon .gyeongnam_Map>a {width:170px;height:163px;}
.mainContents .visual_contents .mapCon .gyeongnam_Map.on>a {background:url('./../images/main/img_map_gyeongnam_on.png') right top no-repeat;}
.mainContents .visual_contents .mapCon .gyeongnam_Map>a:hover {background:url('./../images/main/img_map_gyeongnam_on.png') right top no-repeat;}
.mainContents .visual_contents .mapCon .jeju_Map {bottom:-1px;left:105px;}
.mainContents .visual_contents .mapCon .jeju_Map>a {width:80px;height:49px;}
.mainContents .visual_contents .mapCon .jeju_Map.on>a {background:url('./../images/main/img_map_jeju_on.png') right top no-repeat;}
.mainContents .visual_contents .mapCon .jeju_Map>a:hover {background:url('./../images/main/img_map_jeju_on.png') right top no-repeat;}

[class^="plolderland"] {position: absolute;width: 390px;}
[class^="plolderland"]>dl {background:#FFF;border-radius:.7em;padding:1em;	position: relative;}
[class^="plolderland"]>dl:before {content:'';  position: absolute; left:0; top:0; background:#FFF;}
[class^="plolderland"]>dl:after {content:'';  position: absolute; left:0; top:0; background:#FFF;}
[class^="plolderland"]>dl>dt>span {display:block;height:40px;text-indent:-9999999px;}
[class^="plolderland"]>dl>.listCon {background:#f3f3f3;border-radius:.5em;padding:.5em 0 .2em 0;clear: both;overflow: scroll; max-height: 280px;}
[class^="plolderland"]>dl>.listCon>ul>li {height: 30px;line-height: 18px;float: left;width: 50%;}
[class^="plolderland"]>dl>.listCon>ul>li>a {text-align:center;display: block;font-weight: 400;color:#000;}
[class^="plolderland"]>dl>.listCon>ul>li>a>span {position: relative;padding:0 1%;font-size:1.8rem;}
[class^="plolderland"]>dl>.listCon>ul>li>a:is(:hover,:focus,:active) {text-decoration: none;}
[class^="plolderland"]>dl>.listCon>ul>li>a:is(:hover,:focus,:active)>span:before {content:'';  position: absolute; left: 0; bottom:2px; background: rgb(138 203 255 / 50%);height:7px;width:100%;}

.plolderland>dl:before{height:1px;width:260px;}
.plolderland>dl:after{height:30px;width:1px;}
.plolderland>dl>dt>span{width:152px;}
/* 충남 css */
.plolderland2>dl:before{height:1px;width:280px;}
.plolderland2>dl:after{height:120px;width:1px;}
.plolderland2>dl>dt>span{width:160px;}

/* 전남 css */
.plolderland1>dl:before{height:1px;width:280px;}
.plolderland1>dl:after{height:120px;width:1px;}
.plolderland1>dl>dt>span{width:160px;}

/*인천  */
.plolderland3>dl:before{height:1px;width:260px;}
.plolderland3>dl>dt>span{width:152px;}

/*경기도  */
.plolderland4>dl:before{height:1px;width:260px;}
.plolderland4>dl>dt>span{width:152px;}

/*인천*/
.plolderland3.incheon{right:482px;top:63px;}
.incheon>dl>dt>span{background:url('./../images/main/img_logo_incheon.png') center -10px  no-repeat;}
.incheon>dl:before{ left:100%; top:17px; width:73px;}
/*경기*/
.plolderland4.gg{right:-85px;top:97px;}
.gg>dl>dt>span{background:url('./../images/main/img_logo_gg.png') center -10px  no-repeat;}
.gg>dl:before{ left:-75px; top:20px; width:110px;}
/*충남*/
.plolderland2.chungnam{right:470px;top:190px;}
.chungnam>dl>dt>span{background:url('./../images/main/img_logo_chungnam.png') center -10px  no-repeat;}
.chungnam>dl:before{ left:195px; top:-20px;width:220px; }
.chungnam>dl:after{ left:50%; top:-20px;height:30px; }
/*전북*/
.plolderland.jeonbuk{right:490px;top:250px;}
.jeonbuk>dl>dt>span{background:url('./../images/main/img_logo_jeonbuk.png') center -10px  no-repeat;}
.jeonbuk>dl:before{ left:386px; top:30px;width:80px; }
.jeonbuk>dl:after{ left:50%; top:-20px;height:30px;display:none; }
/*전남*/
.plolderland1.jeonnam{right:475px;bottom:15px;}
.jeonnam>dl>dt>span{background:url('./../images/main/img_logo_jeonnam.png') center -10px  no-repeat;}
.jeonnam>dl:before{ left:385px; top:80%;width:88px; }
.jeonnam>dl:after{ left:121%; top:211px;height:71px; }
/*부산*/
.plolderland.busan{right:-85px;bottom:45px;}
.busan>dl>dt>span{background:url('./../images/main/img_logo_busan.png') center -10px  no-repeat;}
.busan>dl:before{ left:125px; top:-70px;width:71px;}
.busan>dl:after{ left:50%; top:-70px;height:75px; }
/*경남*/
.plolderland.gyeongnam{right:-85px;bottom:290px;}
.gyeongnam>dl>dt>span{background:url('./../images/main/img_logo_gyeongnam.png') center -10px  no-repeat;}
.gyeongnam>dl:before{ left:50px; top:330px;width:145px;}
.gyeongnam>dl:after{ left:50%; top:260px;height:71px; }
/*제주*/
.plolderland.jeju{right:550px;bottom:50px;}
.jeju>dl>dt>span{background:url('./../images/main/img_logo_jeju.png') center -10px  no-repeat;}
.jeju>dl:before{ left: -90px; top:30px;width: 90px;}
.jeju>dl:after{ left: -90px; top: 30px;height: 110px; }
	@media only screen and (max-width:1429px){
		.mainContents .visual_contents {padding-left:30px;}
	}
	@media only screen and (max-width:1199px){
		.mainContents .visual_contents .text h2 {line-height:1.3;font-size: 2.2rem;}
		.mainContents .visual_contents .text h2 em {font-size: 4.2rem;}
		.mainContents .visual_contents .text p {font-size: 2.2rem;}
	}
	@media only screen and (max-width:1023px){
		[class^="plolderland"] {width: 300px;}
		.mainContents .visual_contents .text {position: absolute;left:15px;width: 250px;}
		.mainContents .right {margin-right:0;}

		.plolderland3.incheon {right:10px;}

		.plolderland4.gg {right:10px;}

		.plolderland2.chungnam {right:422px;}
		.chungnam>dl:before {left:150px;width:155px;}

		.plolderland1.jeonnam{right:422px;}
		.plolderland1>dl:after {display: none;}
		.jeonnam>dl:before {left:290px;top:50%;width: 45px;}

		.plolderland.jeonbuk {right:422px;}
		.jeonbuk>dl:before{ left:270px;}

		.plolderland.busan{right:10px;}
		.busan>dl:before {width:25px;}

		.plolderland.gyeongnam{right:10px;}
		.gyeongnam>dl:before{width:100px;}
	}
	@media only screen and (max-width:767px){
		.mainContents {display: none;}
		.mainContents_m {display:block;}
	}

.cropService {padding:30px 20px;background: #f2f5ff;border-radius: 0 0 20px 20px;}
.cropService .cropSTitle {font-size: 2.8rem;font-weight: 300;color:#000;}
.cropService .cropSTitle em {font-weight: 500;}
.cropService .cropSerCon {}
.cropService .cropSerCon .selectGroup {margin-top:15px;}
.cropService .cropSerCon .selectGroup .optionBox {margin-bottom:20px;}
.cropService .cropSerCon .selectGroup .optionBox label {display: block;margin:0 0 5px 0;font-size: 2rem;}
.cropService .cropSerCon .selectGroup .optionList {}
.cropService .cropSerCon .selectGroup .optionList select {width:100%;}
.cropService .cropSerCon .btn-sec {width:100%;text-align: center;}
.cropService .cropSerCon .btn-sec button {display:inline-block;width:150px;padding:10px;background: #0a1431;color: #fff;}


/* 컨텐츠 시작 */
.fs_main_contents {}

/* 농약등록현황 조회, 품종 정보조회 */
.con_box1 {display: flex;justify-content: flex-start;position:relative;z-index:1;margin-top:40px;background: #0a1431;border-radius: 20px;overflow: hidden;}
.con_box1 .cropSTitle {font-size: 2.8rem;font-weight: 300;color:#fff;}
.con_box1 .cropSTitle em {font-weight: 500;}
.con_box1 .left {width: 50%;padding:45px 50px;}
.con_box1 .left .cropSerCon {}
.con_box1 .left .cropSerCon .respondenceCrop {display: flex;margin:30px 0 20px 0;}
.con_box1 .left .cropSerCon .respondenceCrop .optionList {flex-grow: 1;margin-right:10px;}
.con_box1 .left .cropSerCon .respondenceCrop .optionList label {}
.con_box1 .left .cropSerCon .respondenceCrop .optionList input {width: 100%;padding:0;border:0;border-bottom:1px solid #fff;background: transparent;color:#fff;font-family: 'TheJamsil';font-weight:300;font-size:1.6rem;}
.con_box1 .left .cropSerCon .respondenceCrop .optionList input::-ms-input-placeholder,textarea::-ms-input-placeholder {color:#8993af;}
.con_box1 .left .cropSerCon .respondenceCrop .optionList input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#8993af;}
.con_box1 .left .cropSerCon .respondenceCrop .optionList input::-moz-placeholder,textarea::-moz-placeholder {color:#8993af;}
.con_box1 .left .cropSerCon .respondenceCrop .btn-sec {flex-shrink: 0;width:100px;}
.con_box1 .left .cropSerCon .respondenceCrop .btn-sec button {width:100%;height: 40px;padding-left:25px;background: url('./../images/main/icon_search.png') left 25px center no-repeat #396afc;font-family: 'TheJamsil';font-weight:400;font-size:1.6rem;color:#fff;}
.con_box1 .left .cropSerCon .cropBnr {}
.con_box1 .left .cropSerCon .cropBnr button {background:transparent;padding:10px 20px;border:1px solid rgba(255,255,255,0.5);font-size:1.5rem;font-weight:300;font-family: 'TheJamsil';color:#fff;}
.con_box1 .left .cropSerCon .cropBnr button img {vertical-align:middle;margin-left: 4px;}
.con_box1 .right {position:relative;width: 50%;padding:45px 50px;background: url('./../images/main/bg.png') right -25px bottom -40px no-repeat;}
.con_box1 .right:after {content: "";position:absolute;left:0;top:50px;display: block;width: 1px;height: calc(100% - 90px);background: #fff;opacity: 0.3;}
.con_box1 .right form {display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.con_box1 .right .cropSerCon {position: relative;display: flex;justify-content: flex-end;flex-direction: column;height: 100%;}
.con_box1 .right .cropSerCon .selectGroup {display: flex;gap:20px;}
.con_box1 .right .cropSerCon .selectGroup .optionBox {width:calc((100% - 40px) / 3);}
.con_box1 .right .cropSerCon .selectGroup .optionBox label {display:block;font-size:1.7rem;font-weight:400;color:#fff;}
.con_box1 .right .cropSerCon .selectGroup .optionBox .optionList {display:block;margin-top:10px;}
.con_box1 .right .cropSerCon .selectGroup .optionBox .optionList select {width: 100%;border:0;}
.con_box1 .right .cropSerCon .btn-sec {position:absolute;right:0;top:-30px;width:100px;}
.con_box1 .right .cropSerCon .btn-sec button {width:100%;height: 40px;padding-left:25px;background: url('./../images/main/icon_search.png') left 25px center no-repeat #396afc;font-family: 'TheJamsil';font-weight:400;font-size:1.6rem;color:#fff;}
	@media only screen and (max-width:1299px){
		.con_box1 .left {padding:45px 30px;}
		.con_box1 .right {padding:45px 30px;}
	}
	@media only screen and (max-width:1199px){
		.con_box1 .left .cropSerCon .cropBnr {display: flex;gap:5px;}
		.con_box1 .left .cropSerCon .cropBnr button {flex-grow: 1;}
	}
	@media only screen and (max-width:1023px){
		.con_box1 {margin:30px 15px 0 15px;}
		.con_box1.wrap {width: auto;padding:0;}
		.con_box1 .left {}
		.con_box1 .left .cropSerCon .cropBnr {display: flex;gap:5px;flex-wrap: wrap;}
		.con_box1 .left .cropSerCon .cropBnr button {width:calc((100% - 10px) / 2);}
		.con_box1 .right {}
		.con_box1 .right:after {}
		.con_box1 .right .cropSerCon {}
		.con_box1 .right .cropSerCon .selectGroup {gap:0;flex-direction: column;}
		.con_box1 .right .cropSerCon .selectGroup .optionBox {width:100%;margin-top:20px;}
	}
	@media only screen and (max-width:767px){
		.con_box1 {flex-direction: column;margin:20px 15px 0 15px;}
		.con_box1 .left {width: 100%;padding:35px 20px 30px 20px;}
		.con_box1 .left .cropSerCon .respondenceCrop {margin:15px 0 20px 0;}
		.con_box1 .right {width: 100%;padding:35px 20px 35px 20px;}
		.con_box1 .right:after {content: "";position:absolute;left:20px;top:0;display: block;width: calc(100% - 40px);height: 1px;background: #fff;}
	}
	@media only screen and (max-width:639px){

	}
	@media only screen and (max-width:479px){
		.con_box1 .left .cropSerCon .respondenceCrop .btn-sec {width:70px;}
		.con_box1 .left .cropSerCon .respondenceCrop .btn-sec button {padding-left:20px;background: url('./../images/main/icon_search.png') left 15px center no-repeat #396afc;}
		.con_box1 .left .cropSerCon .cropBnr button {padding:10px 10px;}
		.con_box1 .right .cropSerCon .btn-sec {width:70px;}
		.con_box1 .right .cropSerCon .btn-sec button {padding-left:20px;background: url('./../images/main/icon_search.png') left 15px center no-repeat #396afc;}
	}