@charset "UTF-8";

.content_point{padding:0;}
/*임시*/
.main_popupzone_farm01_cover{position:relative;}
#section01 .slide_cover {border-radius: 0px 0px 200px 0px; overflow: hidden;}
#section01 .slide_cover img{width:100%; height: 650px; object-fit: cover; border-radius: 0px 0px 200px 0px;}
#section01 .slide_cover .slick-list{max-width:100%; width:100%;}
#section01 .slide_cover .slider{max-width:100%;}
#section01 .slide_cover .slick_box{position:relative;}
#section01 .slide_cover .popupzone_txt_box{position: absolute; top: 180px; left:0; z-index:5; color:#fff; width:100%;}
#section01 .slide_cover .popupzone_txt_box p{font-size:30px; line-height:42px; margin:0 auto; margin-bottom:54px; max-width:1400px;}
#section01 .slide_cover .popupzone_txt_box h3{font-size:45px; line-height:57px; margin:0 auto; max-width:1400px;}
#section01 .slide_cover button[type='button'].slick-next{width: 50px; height: 50px; top: unset; right: unset; bottom: 90px; left: 8%; z-index: 5; background: url(/resources/images/fnc_images/farm/main/next_btn01.png) no-repeat center;}
#section01 .slide_cover button[type='button'].slick-prev{width: 50px; height: 50px; top: unset; right: unset; bottom: 90px; left: 5%; z-index: 5; background: url(/resources/images/fnc_images/farm/main/pre_btn01.png) no-repeat center;}

/*임시*/
.section_cover{display: flex; width: 100%; max-width: 1420px; margin:0 auto; padding: 0 10px;}
.notice_btn{display:flex; width: 18px !important; height: 18px !important; background: url(/resources/images/fnc_images/main/plus.png) no-repeat center;}
.notice_btn:hover{ background: url(/resources/images/fnc_images/main/plus_on.png) no-repeat center;}
.main_title{margin-bottom:40px; text-align:center;}
.main_title h3{color: #000; font-size: 40px; line-height: 46px; position: relative; font-family: 'GmarketB', sans-serif !important; font-weight:bold; margin-bottom:15px; position:relative;}
.main_title h3 span{font-family: 'GmarketB', sans-serif !important; font-weight:bold; color:#F54A50;}
.main_title p{color:#000; font-size:18px; line-height:20px;}
p{word-break: keep-all;}
h3{ font-family: 'yg-jalnan', sans-serif !important; }

/*section01*/
#section01{position:relative;}
#section01 .popupzone_cover{position: absolute; width: 100%; top:170px;}
#section01 .popupzone01{width: 100%; max-width: 1400px; margin:0 auto; position:relative;}
#section01 .popupzone_stop{    position: absolute; display: flex; width: 13px; height: 16px;  background: url(/resources/images/fnc_images/farm/main/popup_stop.png) no-repeat center; right: 172px; bottom: -8px;}
#section01 .variable_popupzone01{display: flex; justify-content: flex-end; max-width: 1400px;}
#section01 .main_popupzone_farm01 .slick-list{border-radius:0;}
#section01 .slick-list{width:470px; border-radius:10px;}
#section01 .custom_paging01{width:200px; height:50px; background:#fff; position:absolute; bottom:-25px; display:flex; border-radius:23px; box-shadow: 0px 0px 15px #00000029; align-items: center; right: 132.5px; padding-left:20px;}
#section01 .custom_paging01 li{display:flex; align-items: center; display:none;}
#section01 .custom_paging01 li.slick-active{display:flex;}
#section01 .custom_paging01 li span{font-size:16px; color:#7E7E7E; line-height:23px; margin-left:10px;}
#section01 .custom_paging01 li span.page_number01{color:#007858;}
#section01 .custom_paging01 li span.page_number02{width:25px; height:1px; background:#707070; display:flex;}
#section01 button[type='button'].slick-prev{display: block; width: 10px; height: 18px; bottom: -18px; top: unset; right: 193px; z-index: 5;  background: url(/resources/images/fnc_images/farm/main/popupzone_pre.png) no-repeat center;}
#section01 button[type='button'].slick-next{display: block; width: 10px; height: 18px; bottom: -18px; top: unset; right: 153px; z-index: 5;  background: url(/resources/images/fnc_images/farm/main/popupzone_next.png) no-repeat center;}

/*section02*/
#section02{padding:60px 0px;}
#section02 ul{display: flex; width: 100%; justify-content: space-between;}
#section02 li{position:relative;}
#section02 li a{display:flex; justify-content: center; align-items: center; text-align: center; flex-direction: column;}
#section02 li a .img_box{width:100px; height:100px; border-radius:50%; border:1px solid #C4C4C4; margin-bottom:20px;}
#section02 li a .img_box p{color:#000; font-size:18px; line-height:27px;}
#section02 li a:after{display:block; content:""; clear:both; border-right:1px dashed #CBCBCB; height:106px; position:absolute; right: -70px; top: 22px;}
#section02 li:last-child a:after{display:none;}
#section02 li:nth-child(1) .img_box{ background: url(/resources/images/fnc_images/farm/main/sec2_icon1.png) no-repeat center;}
#section02 li:nth-child(2) .img_box{ background: url(/resources/images/fnc_images/farm/main/sec2_icon2.png) no-repeat center;}
#section02 li:nth-child(3) .img_box{ background: url(/resources/images/fnc_images/farm/main/sec2_icon3.png) no-repeat center;}
#section02 li:nth-child(4) .img_box{ background: url(/resources/images/fnc_images/farm/main/sec2_icon4.png) no-repeat center;}
#section02 li:nth-child(5) .img_box{ background: url(/resources/images/fnc_images/farm/main/sec2_icon5.png) no-repeat center;}
#section02 li:nth-child(6) .img_box{ background: url(/resources/images/fnc_images/farm/main/sec2_icon6.png) no-repeat center;}
#section02 li:nth-child(1) a:hover .img_box{ background: url(/resources/images/fnc_images/farm/main/sec2_icon1_on.png) #4BA859 no-repeat center; border-color:#4BA859; box-shadow: 0px 0px 20px #4BA85980;}
#section02 li:nth-child(2) a:hover .img_box{ background: url(/resources/images/fnc_images/farm/main/sec2_icon2_on.png) #4BA859 no-repeat center; border-color:#4BA859; box-shadow: 0px 0px 20px #4BA85980;}
#section02 li:nth-child(3) a:hover .img_box{ background: url(/resources/images/fnc_images/farm/main/sec2_icon3_on.png) #4BA859 no-repeat center; border-color:#4BA859; box-shadow: 0px 0px 20px #4BA85980;}
#section02 li:nth-child(4) a:hover .img_box{ background: url(/resources/images/fnc_images/farm/main/sec2_icon4_on.png) #4BA859 no-repeat center; border-color:#4BA859; box-shadow: 0px 0px 20px #4BA85980;}
#section02 li:nth-child(5) a:hover .img_box{ background: url(/resources/images/fnc_images/farm/main/sec2_icon5_on.png) #4BA859 no-repeat center; border-color:#4BA859; box-shadow: 0px 0px 20px #4BA85980;}
#section02 li:nth-child(6) a:hover .img_box{ background: url(/resources/images/fnc_images/farm/main/sec2_icon6_on.png) #4BA859 no-repeat center; border-color:#4BA859; box-shadow: 0px 0px 20px #4BA85980;}


/*section03*/
#section03 .cont02{height: 400px; position:relative; overflow: hidden; display:flex;}
#section03 .cont02 .content01_bg{height: 400px; background: #EFFBF1; width: 580px; border-radius: 0px 200px 0px 0px;}
#section03 .cont02 .cover{padding-top:70px; position:relative; display: flex; width: 100%; margin-bottom: 30px; align-items: flex-end; justify-content: space-between; position: absolute; width: 100%; top: 0;}
#section03 .cont02 .cont01_cover{width: 100%; max-width: 1400px; margin: 0 auto; z-index: 5;}
#section03 .cont02 h3{font-size: 30px;    line-height: 38px; margin-bottom: 25px; font-weight: bold; position:relative; width:fit-content;}
#section03 .cont02 h3:after{clear:both; display:block; content:""; position:absolute; height:16px; background:#FFD154; width: 100%; top: 23px; z-index: -1;}
#section03 .cont02 .cont01_cover p{font-size:16px; line-height:24px; margin-bottom:18px;}
#section03 .cont02 .cover a{font-size: 15px; font-weight: 500; line-height: 22px; color: #000; display: flex; align-items: center;}
#section03 .cont02 .cover a img{margin-right: 7.5px; position: relative; top: 1px;}
#section03 .variable01_cover{max-width: 1240px; margin: 0 auto; display: flex; align-items: center; position:relative; z-index:10;}
#section03 .variable01.slider{width: 1600px; max-width:unset;}
#section03 .variable01 .slick-slide{ margin-right: 30px;}
#section03 .variable01 .slick_box{height: 260px;position: relative; border:none; box-shadow:unset;}
#section03 .on_content{display: flex; width: 100%; height: 100%; text-align: center;  align-items: center;  justify-content: center; flex-direction: column;}
#section03 .variable01 .on_content h4{font-size:18px; line-height:27px; color:#172B5D; height:54px; margin-bottom:22px; background:none; overflow:hidden;}
#section03 .on_content div{font-size:16px; line-height:24px; color:#000000;margin-bottom: 22px; height: 72px; overflow: hidden; word-break: break-all; width:100%;}
#section03 .on_content div p{word-break: break-all;}
#section03 .on_content div p img{display:none;}
#section03 .on_content p.date{height:auto; font-size:14px; line-height:20px; color:#707070; margin-bottom:0px;}
#section03 .on_content>a{display:flex; border:1px solid #C4C4C4; border-radius: 20px; font-size:14px; line-height:20px;  align-items: center; justify-content: center; flex-direction: column; align-items: flex-start; width: 100%; padding: 35px; text-align:left;}
#section03 .on_content>a:hover{box-shadow: 10px 10px 15px #B9C8EF;}
#section03 .on_content>a:hover h4{text-decoration:underline;}
#section03 .variable01 .slick_box_on>h4{display:none;}
#section03 .variable01 .slick_box_on .on_content{display:flex;}
#section03 .variable01 button[type='button'].slick-prev{background: url(/resources/images/fnc_images/farm/main/pre_btn02.png) 0 0 no-repeat; background-size: 100%; width: 50px; height: 50px; top:unset; left: -375px; bottom: 30px;  background-color: #fff; border-radius: 50%;}
#section03 .variable01 button[type='button'].slick-next{background: url(/resources/images/fnc_images/farm/main/next_btn02.png) 0 0 no-repeat; background-size: 100%; width: 50px; height: 50px; top:unset; right: unset; left: -315px; bottom: 30px; background-color: #fff; border-radius: 50%;}
#section03 .slick-list{padding: 20px 0px; min-height:auto;}

/*section04*/
#section04{padding:70px 0px; background:#F5F5F5;}
#section04 h3{color:#fff; font-size:25px; line-height:32px; }
#section04 .section_cover>div{width:33.3%; position:relative;}
#section04 .section_cover>div>img{position:absolute; bottom:0px; right:0px;}
#section04 .section_cover>div.cont02{margin:0 40px;}
#section04 .cont00{border-radius:20px; box-shadow: 10px 10px 20px #00000029; padding:40px;}
#section04 .cont00 h3{border-bottom:1px solid #FFFFFF; padding-bottom:18px;}
#section04 .cont00 ul{padding-top:26px;}
#section04 .cont00 li{margin-bottom:20px;}
#section04 .cont00 li:last-child{margin-bottom:0px;}
#section04 .cont00 li a{font-size:18px; color:#FFFFFF; line-height:27px; position:relative; display: flex; align-items: center;}
#section04 .cont00 li a:before{clear:both; display:block; content:""; width:10px; height:10px; background:#fff; margin-right:11px;}
#section04 .cont00 li a:after{clear:both; display:block; content:""; background: url(/resources/images/fnc_images/farm/main/link_icon.png) 0 0 no-repeat; width:10px; height:16px; margin-left:10px;}
#section04 .cont00 li a:hover{text-decoration:underline;}
#section04 .cont01{background:#5AB969;}
#section04 .cont02{background:#34A5CF;}
#section04 .cont03 h3{margin-bottom:20px; position:relative; z-index:5;}
#section04 .cont03>div{border-radius:20px; box-shadow: 10px 10px 20px #00000029; padding:40px; position:relative;}
#section04 .cont03 a{display: flex; width: 110px; height: 40px; border-radius: 100px; color: #fff; background: #000; align-items: center; justify-content: center; position:relative;  z-index:5;}
#section04 .cont03 img{position:absolute; right:40px; bottom:40px;}
#section04 .cont03 .content01{ background:#7556DC; margin-bottom:28px;}
#section04 .cont03 .content02{ background:#F1B922;}

/*section05*/
.slick_box{border:none !important; box-shadow:unset !important;}
#section05{border-top: 1px solid #D4D4D4;}
#section05 .variable.slider{min-height:0px; padding: 20px 0px;}
#section05 .slick-list{min-height:0px;}
#section05 .slick-slide{margin-right:14px;}
#section05 button[type='button'].slick-prev{background: url(/resources/images/fnc_images/farm/main/pre_btn02.png) 0 0 no-repeat; background-size: 100%; width: 50px; height: 50px; top:unset; left: -80px; bottom: -5px;}
#section05 button[type='button'].slick-next{background: url(/resources/images/fnc_images/farm/main/next_btn02.png) 0 0 no-repeat; background-size: 100%; width: 50px; height: 50px; top:unset; right: -75px; left: unset; bottom: -5px;}

@media(max-width:1700px){
	#section03 .cont02 .content01_bg{width:350px;}
	#section03 .cont02 .cover{padding-left:10px;}	
	#section03 .variable01 button[type='button'].slick-prev{left:-16%;}
	#section03 .variable01 button[type='button'].slick-next{left:-12%;}
	
	#section01 .slide_cover .popupzone_txt_box{padding-left:10px;}
	#section01 .slide_cover button[type='button'].slick-next{left: 70px;}
	#section01 .slide_cover button[type='button'].slick-prev{left: 10px;}
	
}
@media(max-width:1450px){
	#section02 li{width:100%;}
	#section02 li a:after{right:0;}	
	#section04 .cont03 img{height:60px;}
	#section05 button[type='button'].slick-prev{position:relative; left:0; bottom:unset; top:25px; margin-right:5px;}
	#section05 button[type='button'].slick-next{right:0; position:relative; bottom:unset; top:25px; margin-left:5px;}
	#section05 .variable.slider{display:flex; align-items: center;}
	#section05 .slick-list{width:calc(100% - 110px);}
}
@media(max-width:1100px){
	#section01{padding-bottom:70px;}
	#section01 .popupzone_cover{top: 325px; right: 10px;}
	#section01 .slide_cover .popupzone_txt_box p{font-size: 24px; line-height: 32px;}
	#section01 .slide_cover .popupzone_txt_box{top:125px;}
}	
@media(max-width:850px){
	#section02 li a .img_box{width:80px; height:80px; background-size: 35px !important;}
	#section02 li p{font-size: 14px; letter-spacing: -1px;}
	#section02 li a:after{top:8px;}
	#section03 .cont02{height:auto;flex-direction: column;}
	#section03 .cont02 .content01_bg{height:150px; width:100%;}
	#section03 .cont02 .cover{padding-top:20px;}
	#section03 .cont02 .cont01_cover{position:relative;}
	#section03 .cont02 .cover a{position: absolute; top: 90px; right:40px;}
	#section03 .variable01_cover{padding-bottom:20px;}
	#section03 .variable01 button[type='button'].slick-prev{left: 10px; bottom: -40px;}
	#section03 .variable01 button[type='button'].slick-next{left: 70px; bottom: -40px;}
	.section_cover{flex-direction: column;}
	#section04 .section_cover>div{width:100%; margin: 0 !IMPORTANT; margin-bottom: 20px !IMPORTANT;}
}
@media(max-width:650px){
	#section01 .slide_cover .popupzone_txt_box p{font-size: 17px; line-height: 25px;  letter-spacing: -1px; margin-bottom: 15px;}
	#section01 .slide_cover .popupzone_txt_box h3{font-size: 27px; line-height: 39px;}
	#section01 .slide_cover button[type='button'].slick-next{bottom: unset; top: 260px;}
	#section01 .slide_cover button[type='button'].slick-prev{bottom: unset; top: 260px;}
	#section01 .popupzone_cover{right:0px; top:300px;}
	#section03 .cont02 h3{font-size: 25px; line-height: 33px;}
	#section03{padding-bottom:0px;}
	#section02{padding:30px 0px;}
	#section02 ul{flex-wrap: wrap;}
	#section02 ul li{width: 33.3%;}
	#section02 li a:after{display:none;}
	#section02 li a{padding:15px 0px; border-left: 1px dashed #CBCBCB; border-bottom: 1px dashed #CBCBCB;}
	#section02 li:nth-child(-n + 3){border-top:1px dashed #CBCBCB;}
	#section02 li:nth-child(3n){border-right:1px dashed #CBCBCB;}
	#section03 .cont02{background: #EFFBF1; padding-bottom:30px; border-radius: 0px 200px 0px 0px;}
	#section03 .slick_box{background:transparent;}
	#section03 .on_content a{padding:20px; background:#fff;}
	#section03 .variable01 .on_content h4{font-size:16px; line-height: 25px;}
	#section03 .on_content p{font-size:15px;}
	#section03 .variable01 .slick-slide{margin-right:0px;}
	#section03 .variable01.slider{max-width:370px;}
	section04 {padding:35px 0px;}
	#section04 h3{font-size: 20px; line-height: 27px;}
	#section04 .section_cover>div{padding:20px;}
	#section04 .cont00 li a{font-size:16px;}
	#section04 .cont00 li{margin-bottom:15px;}
	#section04 .section_cover>div.cont03{padding:0;}
	#section04 .cont03>div{padding:20px;}
	#section04 .cont03 img{right:20px; bottom:20px;}
}