/* main */
.main_wrap{max-width:1920px; position:relative; margin:0 auto; overflow:hidden; transition:all 0.5s ease-in-out 0s;}
/*영상*/
.visual_wrap_video {
  position: relative;
  width: 100%;
  overflow:hidden;
  padding-bottom: 56.25%;
  margin-top:-20px;
}
.visual_wrap_video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

@media all and (max-width:1400px) {
	.visual_wrap_video { margin-top:80px; }
	}
/*공통*/
.page_style{transition:all 0.5s ease-in-out 0s;}
.page_style .title_0{font-size:3rem; line-height:1.75; letter-spacing:-1.1px;}
.page_style .title_1{font-size:2.2rem; line-height:1.75; letter-spacing:-1.1px;}
.page_style .title_2{font-size:1.4rem; line-height:1.75; letter-spacing:-1.1px;}
.page_style .title_1_hanna{font-size:2.2rem; line-height:1.75;  font-family: 'BMHANNAAir';}
.page_style .title_2_hanna{font-size:1.7rem;line-height:1.75; font-family: 'BMHANNAAir'; }
.page_style .title_3_hanna{font-size:1.5rem;line-height:2.2rem; font-family: 'BMHANNAAir'; }
.page_style .sub_text_1{ font-size:1.1rem; font-family:'NotoSansL';}
.page_style .sub_text_2{ font-size:1rem; font-family:'NotoSansL';}
.page_style .sub_text em{}
.mBtnMore{display:inline-block;text-align:left; margin-top:30px;}
.mBtnMore a{display:block; color: #000; padding-left:24px;width:150px;height:45px;font-size:0.9rem;line-height:2.7rem;  border-radius:50px; background:rgba(255,255,255,0) url('../images/common/icon_arrow1.png') no-repeat right 25px center;border:1px solid #999; -webkit-transition: all .2s;transition: all .2s;}
.mBtnMore a:hover{color:#139c42; border:1px solid #139c42; background:rgba(255,255,255,0) url('../images/common/icon_arrow1_green.png') no-repeat right 20px center; }

@media all and (max-width:1400px) {
	}
@media all and (max-width:1024px) {
	.page_style .title_0{font-size:1.5rem; line-height:1.7rem}
	.page_style .title_1{font-size:1.5rem; line-height:1.7rem;}
	.page_style .title_2{font-size:1.1rem; }
	.page_style .title_1_hanna{font-size:1.5em; letter-spacing:-1.1px;}
	.page_style .title_2_hanna{font-size:1.1rem; line-height:1.2rem; }
	.page_style .title_3_hanna{font-size:1.1rem;line-height:1.2rem; font-family: 'BMHANNAAir'; }
	.page_style .sub_text_1{ font-size:1rem; }
	.page_style .sub_text_2{ font-size:0.8rem; }
	}




/*방역*/
.main_con1{position:relative; margin-top:0; background: linear-gradient(90deg, #139c42 50%, #fff 50%); padding:6rem 0 4rem 0; overflow:hidden; }
.main_con1 section{max-width:1400px; margin:0 auto;}
.main_con1 section:before {
  content: attr(data-split);
  width: 50%;
  color: #fff;
	}

.main_con1 .left_area{width:50%; float:left;}
.main_con1 .left_area ul {width:90%; display:table; table-layout: fixed; padding:20px 0; }
.main_con1 .left_area ul li {display:table-cell; text-align:center;padding:0 15px;}
.main_con1 .left_area ul li a {position:relative; display:block;  color:#fff;letter-spacing:1px}
.main_con1 .left_area ul li a:after {position:absolute; top:0; left:0; display:block; clear:both; width:1px; height:100%; background:#18a849; content:"";}
.main_con1 .left_area ul li:first-of-type a:after {display:none;}
.main_con1 .left_area ul li a img {display:block; margin:0 auto 15px; max-width:50%;}
.main_con1 .right_area{width:50%; float:left;font-family:'NotoSansL';  position:relative;}
.main_con1 .right_area .title_1{color:#139c42; margin-bottom:1rem;}
.main_con1 .right_area .title_1 .sub_text{ text-align:left}
.main_con1 .right_area .title_1 span em{font-family:'NotoSansB'; display:inline-block; position:relative;}
.main_con1 .right_area .title_1 .line{background:url('../images/main/line.png') 90px 0px no-repeat; background-size:130%;  overflow:hidden}
.main_con1 .right_area .inner{width:85%; margin:0 auto; }
.main_con1 .right_area .sub_text{color:#139c42; }
@media all and (max-width:1400px) {
	
	}
@media all and (max-width:1024px) {
	.main_con1{margin-top:0; background:none; padding:0 0 0 0;}
	.main_con1 .left_area{width:100%; float:none; background:#139c42; padding:2rem 0}
	.main_con1 .left_area ul {width:90%; padding:0 0; margin:0 auto; }
	.main_con1 .left_area ul li a img {width:50px;}
	.main_con1 .left_area ul li {display:inline-block; width:48%; padding:20px 10px;}
	.main_con1 .left_area ul li:nth-child(3) a:after {display:none;}
	.main_con1 .right_area{width:90%; margin:0 auto;  width:100%; float:none;padding:2rem 0}
	.main_con1 .right_area .title_1 .line{background:url('../images/main/line.png') 60px 0px no-repeat; background-size:110%;  overflow:hidden}
	}


/*메인문구*/
.main_con2 {
	 background-image: url("../images/main/con2_bg.png"); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
	height:auto;
	color:#fff;
	transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	padding:13rem 0 18rem 0;
}
.main_con2 section{max-width:1400px; margin:0 auto; position:relative;}
.main_con2 section .text_box{ text-align:center; }
.main_con2 section .text_box strong{font-family:'NotoSansb';}

@media screen and (max-width:1024px) {
	.main_con2{padding:3rem 0;}
	.main_con2 br{display:none}
	.main_con2 section{width:90%; margin:0 auto;}

	}
@media screen and (max-width:760px) {
	.main_con2{ background-size:150%; background-attachment:initial;}
	.main_con2 section .text_box{padding:0 0; font-size:1.5rem; line-height:2rem;}
	}


/* 체험프로그램 */
.main_con3{ background: url("http://jinifarm.co.kr/theme/basic/images/main/con3_bg.png") 90% bottom no-repeat , url("http://jinifarm.co.kr/theme/basic/images/common/bg_cloud_3.png") right 60% no-repeat, url("http://jinifarm.co.kr/theme/basic/images/common/bg_cloud_4.png") 25% bottom no-repeat; }
.main_con3 section{position:relative; clear:both; max-width:1400px; margin:0 auto 100px;  font-size:0; vertical-align:top; }
.main_con3 .green_box{max-width:1920px;  margin:0 auto;height:360px; position:relative; margin-top:-100px; margin-bottom:7rem; background: url("http://jinifarm.co.kr/theme/basic/images/common/bg_triangle.png") right bottom no-repeat}
.main_con3 .green_box h2{background:#139c42; width:1920px; height:320px; position:absolute; left:40%; top:0; z-index:10; padding:4rem 0 0 6rem; color:#fff; font-size:3rem; line-height:4rem; font-family:'hanna'; letter-spacing:3px; font-weight:100}
.main_con3 .title_1_hanna{margin-bottom:1rem}
.type_list{overflow: hidden; }
.type_list li{width:50%; float:left; margin-bottom:2rem; padding-right:20px}
.type_list a{display: block;}
.type_list .img_box{overflow: hidden; position: relative; padding-bottom: 55%; margin-bottom: 30px; background-color: #000;}
.type_list .img_box .img{position: absolute; left: 0; top: 50%; width: 101%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.type_list .img_box .img img{display: block; width: 100%; transition: transform .5s cubic-bezier(.25,.46,.45,.94); -webkit-transition: transform .5s cubic-bezier(.25,.46,.45,.94);}
.type_list li:hover .img_box .img img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.type_list .txt_box{padding:0 20px 30px 0;}
.type_list .txt_box h4{overflow: hidden; margin-bottom:0px;color: #1c1c1c; font-family: 'BMHANNAAir';}
.type_list .txt_box .sub_text_2{color: #999;  }
@media screen and (max-width:1400px) {
	.type_list{width:90%; margin:0 auto;}
	}
@media screen and (max-width:1024px) {
	.main_con3{background:none}
	.main_con3 section{margin:0 auto 0;}
	.main_con3 .title_1_hanna{display:none}
	.main_con3 .green_box{width:100%; height:140px;  position:inherit; margin-top:0; margin-bottom:0; background-position:right}
	.main_con3 .green_box h2{ width:100%; height:100%;  position:inherit; left:0; top:0; z-index:20; padding:3rem 0 0 0; font-size:1.7rem; line-height:1.75rem; letter-spacing:3px; text-align:center}
	.type_list{width:90%; margin:0 auto; margin-top:50px; }
	.type_list li{width:100%; float:none; margin-bottom:2rem; padding-right:0}
	.type_list .txt_box{padding:0 0;}
	}

.mo_bg{display:none; background: url("http://jinifarm.co.kr/theme/basic/images/common/bg_jini.png") no-repeat left top; background-size:100%; width:100%; height:100px; margin-bottom:3rem; overflow:hidden}

/*농장일기*/
.main_con4{ clear:both; max-width:1920px; height:500px;margin:0 auto 0;  font-size:0; vertical-align:top; background: url("http://jinifarm.co.kr/theme/basic/images/common/bg_jini.png") no-repeat;}
.main_con4 section{max-width:1400px; height:200px; margin:  auto; position:relative; }
.main_con4 section .inner{max-width:1920px; height:200px; position:absolute; left:0; top:0; z-index:10; }
.main_con4 section .inner .titbox{}
.main_con4 section .inner .titbox h2{font-size:3rem; line-height:3rem; font-family:'hanna'; letter-spacing:1px; font-weight:100}
.main_con4 section .inner .titbox p{font-size:1.2rem; font-weight:100}
.main_con4 section .inner .gall_box{width:1920px; height:200px;  position:absolute; left:300px; top:20px; z-index:10; }
.main_con4 section .mo_mBtnMore{display:none;text-align:left; }
.main_con4 section .mo_mBtnMore a{display:block; color:#139c42; border:1px solid #139c42;   margin:2rem auto 0; padding-left:24px;width:170px;height:50px;font-size:0.9rem; border-radius:50px; line-height:2.9rem; background:rgba(255,255,255,0) url('../images/common/icon_arrow1_gray.png') no-repeat right 25px center;-webkit-transition: all .2s;transition: all .2s;}
.main_con4 section .mo_mBtnMore a:hover{color:#139c42; border:1px solid #139c42;  }

@media screen and (max-width:1400px) {
	.main_con4 section{width:90%;}
	}
@media screen and (max-width:1024px) {
	.mo_bg{display:block;}
	.main_con4 section .inner .titbox .mBtnMore{display:none}
	.main_con4 section .mo_mBtnMore{display:block}
	.main_con4{width:100%; height:100%; margin:0 auto 0;overflow:hidden;  background: none}
	.main_con4 section .inner .titbox{width:90%; margin:0 auto;}
	.main_con4 section{width:100%; height:auto;  position:inherit;}
	.main_con4 section .inner{width:100%; height:auto; position:inherit; }
	.main_con4 section .inner .gall_box{width:100%; height:auto; position:inherit; left:0} 
	.main_con4 section .inner .titbox h2{font-size:1.7rem; line-height:1.75rem;}
	.main_con4 section .inner .titbox p{font-size:0.9rem; font-weight:100}
	}

/*게시판*/
.board_box{clear:both; width:100%;padding:6rem 0; overflow:hidden; background:#fff}
.board_box section{max-width:1400px; margin:0 auto 0; }
.board_box section > div{float:left; width:48%; margin-right:3%; padding:0; position:relative;}
.board_box section > div:nth-child(2){margin-right:0}
.board_box .bo_box{position:relative }
.board_box .bo_box .titbox{float:left; width:40%; }
.board_box .bo_box .titbox h2{font-size:3rem; line-height:3.7rem; font-family:'hanna'; letter-spacing:1px; font-weight:100}
.board_box .bo_box .titbox p{font-size:1.2rem; font-weight:100}
.board_box .bo_box .list_text{float:left; width:60%;}

@media all and (max-width:1400px) {
	.board_box section{width:90%;}	
	}

@media all and (max-width:1300px) {
	.board_box .bo_box .titbox{width:100%; float:none; margin-bottom:1rem; border-bottom:solid 3px #000; padding-bottom:20px;}
	.board_box .bo_box  .list_text{float:none; width:100%;  padding-bottom:2rem}
	.board_box .bo_box .titbox h2 br{display:none}
	}

@media all and (max-width:1024px) {
	.board_box{padding:3rem 0 0; background:#fffdf1; margin-top:3rem}
	.board_box section{width:90%;  }
	.board_box .bo_icon img{height:50px;}
	.board_box .bo_box{padding:0.5rem 0}
	.board_box .bo_box .titbox h2{font-size:1.7rem; line-height:1.75rem; }
	.board_box .bo_box .titbox p{font-size:0.9rem;}
	.board_box .bo_box .titbox .mBtnMore{display:none}
	}

@media all and (max-width:630px) {
	.board_box section > div{float:none; width:100%; margin-right:0; margin-bottom:1rem; padding:0; }
	}

/*위치*/
.jini_info {
	width:100%;
	height:390px;
	margin:0 auto;
	color:#fff;
	overflow:hidden;
	}
.jini_info .left_map{float:left; width:50%; text-align:left; background:#f61717;}
.jini_info .left_map .root_daum_roughmap {width:100% !important; }
.jini_info .right_info{
	float:left; 
	width:50%; 
	height:100vh;
	padding:4rem 0 0 0;
	background: -webkit-linear-gradient(90deg, rgb(255, 42, 111), rgb(255, 68, 15));
	background: linear-gradient(90deg, rgb(255, 42, 111), rgb(255, 68, 15));

	}
.jini_info .right_info .right_wrap{width:700px;color:#fff;  float:right}
.jini_info .right_info .right_wrap .tt{font-size:2rem; font-weight:100; }		
.jini_info .right_info .right_wrap .telnum span{font-size:1.3rem; display:block; font-family:'hanna'; font-weight:100; letter-spacing:1px}
.jini_info .right_info .right_wrap .telnum strong{font-size:3rem; display:inline-block; font-family:Roboto, NotoSansB;  margin-bottom:0; }
.jini_info .right_info .right_wrap .telnum strong a{display:block; color:#86ffa0; padding-right:50px; background:rgba(255,255,255,0) url("../images/common/btn_arrow_lightgreen.png") no-repeat right 10px center; -webkit-transition: all .2s;transition: all .2s;}
.jini_info .right_info .right_wrap .telnum strong a:hover{background:rgba(255,255,255,0) url("http://jinifarm.co.kr/theme/basic/images/common/btn_arrow_lightgreen.png") no-repeat right 0 center; }

@media screen and (max-width:1400px) {
	.jini_info .right_info .right_wrap{width:90%; margin:0 auto;}
	}

@media screen and (max-width:760px) {
	.jini_info {width:100%; height:auto;}
	.jini_info .left_map{float:none; width:100%;  }
	.jini_info .right_info{float:none; width:100%; height:auto; padding:2rem 0 1rem 0;}
	.jini_info .right_info .right_wrap{float:none; width:90%; margin:0 auto;}
	.jini_info .right_info .right_wrap .tt{font-size:1.5rem; line-height:2rem; margin-bottom:15px;}
	.jini_info .right_info .right_wrap .telnum span{font-size:15px;padding-top:10px; display:block; margin-right:0;}
	.jini_info .right_info .right_wrap .telnum strong{font-size:2rem; display:block; }
	.jini_info .right_info .right_wrap .telnum strong a{background-size:10px;}
	}