/*서브비쥬얼*/
#sub_visual_wrap{width:100%; max-width:1920px; margin:0 auto; overflow:hidden; position:relative;  height:400px; margin-top:90px;}
#sub_visual_wrap .sub_visual_zoom {position:relative; width:100%; height:100%; overflow:hidden;}
.sub_visual_zoom .back_mov_frm {position:relative; width:100%; height:100%; }
.sub_visual_zoom .back_mov_frm .sub_slide {overflow:hidden; position:relative; width:100%; height:400px;}
.sub_visual_zoom .back_mov_frm .sub_slide li {opacity:0; position:absolute; left:0; right:0; top:0; bottom:0; background:#000;}
.sub_visual_zoom .back_mov_frm .sub_slide li:first-child {opacity:1;}
.sub_visual_zoom .back_mov_frm .sub_slide li .img{
	opacity:0.8;
	position:absolute;
	transition:transform 3.3s ease-in-out;
	-webkit-transition:transform 3.3s ease-in-out;
	transform:scale(1.15);
	width: 100%;
	height: 100%;

	}
.sub_visual_zoom .back_mov_frm .sub_slide li.on .img{transform: scale(1);-webkit-transform: scale(1);}
.sub_visual_zoom .back_mov_frm .sub_slide li .img img{height:650px; margin-top:-100px;}
.sub_visual_zoom .back_mov_frm .cover {display:none; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:url(../img/main/mov_cover.png) 0 0 repeat}
.sub_visual_zoom .title_area_main {max-width:1400px; margin:0 auto; }
.sub_visual_zoom .title_area_main .pc_wrap{}
.sub_visual_zoom .title_area_main .pc_wrap p{font-size:1.4rem;color:#fff;text-transform:uppercase;line-height:1.75;position:relative;top:130px;  font-family:'NotoSansL';}
.sub_visual_zoom .title_area_main .pc_wrap p strong{ font-family:'NotoSansM'; color:#fff;}
.sub_visual_zoom .title_area_main .pc_wrap span{display: block; font-size:4rem; line-height:1.75; color:#fff;letter-spacing:-1px;line-height:1;position:relative;top:155px;word-break:keep-all; font-family:'NotoSansB'; }
.sub_visual_zoom .title_area_main .pc_wrap span > strong{font-weight:bold; color:#fff;}
.sub_visual_zoom .title_area_main .pc_wrap em{display: block;font-size:18px;line-height:26px;letter-spacing:-0.02em;font-weight:400;;color:#fff;position:relative;top:180px;word-break:keep-all;}
.sub_visual_zoom .title_area_main .pc_wrap a{display:inline-block;vertical-align:top;width:200px;height:50px;box-sizing:border-box;border-radius:30px;border:1px solid #e1e1e1;font-size:22px;font-weight:400;color:#fff;text-align:center;line-height:50px;position:relative;top:120px;transition:all 0.3s;}
.sub_visual_zoom .title_area_main .pc_wrap a:hover{color:#fff;background-color:#ff3800;border-color:#ff3800;}
.sub_visual_zoom .title_area_main .pc_wrap p{animation-name:mv_p;-webkit-animation-name:mv_p; animation-duration:0.7s; -webkit-animation-duration:0.7s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;}
.sub_visual_zoom .title_area_main .pc_wrap span{animation-name:mv_span;-webkit-animation-name:mv_span; animation-duration:1.3s; -webkit-animation-duration:1.3s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;}
.sub_visual_zoom .title_area_main .pc_wrap em{animation-name:mv_em;-webkit-animation-name:mv_em; animation-duration:1.9s; -webkit-animation-duration:1.9s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;}
.sub_visual_zoom .title_area_main .pc_wrap a{animation-name:mv_a;-webkit-animation-name:mv_a; animation-duration:2.5s; -webkit-animation-duration:2.5s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;}
/*visual text motion*/
@keyframes mv_p{
	0%{top:110px;opacity:0;}
	100%{top:130px;opacity:1;}
}
@keyframes mv_bar{
	0%{width:0;opacity:0;}
	20%{width:0;opacity:0;}
	100%{width:100%;opacity:1;}
}
@keyframes mv_span{
	0%{top:185px;opacity:0;}
	50%{top:185px;opacity:0;}
	100%{top:155px;opacity:1;}
}
@keyframes mv_em{
	0%{top:210px;opacity:0;}
	70%{top:210px;opacity:0;}
	100%{top:180px;opacity:1;}
}
@keyframes mv_a{
	0%{top:150px;opacity:0;}
	70%{top:150px;opacity:0;}
	100%{top:120px;opacity:1;}
}

@media screen and (max-width:1500px) {
	.sub_visual_zoom .title_area_main {width:90%; margin:0 auto; }

	}
@media screen and (max-width:1024px) {
	#sub_visual_wrap{height:300px; }
	.sub_visual_zoom .back_mov_frm .sub_slide {height:300px;}
	.sub_visual_zoom .back_mov_frm .sub_slide li .img img{height:100%; position:absolute; right:-500px; margin-top:0}
	.sub_visual_zoom .title_area_main {text-align:center; margin-top:-25px}
	.sub_visual_zoom .title_area_main .pc_wrap p{font-size:1rem;}
	.sub_visual_zoom .title_area_main .pc_wrap span{display: block; font-size:2rem; line-height:2rem; margin-top:-20px;}

	}

/*sub lnb*/
.lnb_wrap_s{display:none;}
.lnb_pc{ max-width:1400px; width:100%; margin:0 auto; font-size:1.1rem; position: relative; bottom:75px; color:#fff}
.lnb_pc .s-tit{font-size:1.3rem}
.lnb_pc > #mysubmenu {
	position: absolute;
	color:#000;
	margin:0 auto 0;
	width:1920px;
}
.lnb_pc > #mysubmenu ul {
	margin-bottom: 0;
	margin: 0 auto;
}
.lnb_pc > #mysubmenu .tit{display:block; font-size:3.5rem; color:#fff; font-family:'NotoSansB'; letter-spacing:-1.1px; margin:0 0 10px 0;}
.lnb_pc > #mysubmenu li ul {background:#139c42; height:75px; padding-left:40px;}
.lnb_pc > #mysubmenu li ul li{display:inline-block;padding:20px 30px 0 30px; color:#fff}

@media screen and (max-width:1500px) {
	.lnb_pc{ bottom:75px; color:#fff}
	.lnb_pc .s-tit{width:100%; margin:0 auto ; font-size:1rem}
	.lnb_pc > #mysubmenu .tit{width:100%; margin:0 auto 20px; font-size:2.5rem}
	.lnb_pc > #mysubmenu {width:100%;}
	.lnb_pc > #mysubmenu li ul{width:100%;}
	}
@media screen and (max-width:1024px) {
	.lnb_pc{ bottom:70px; color:#fff}
	.lnb_pc .s-tit{width:90%; margin:0 auto ; font-size:0.9rem; text-align:center}
	.lnb_pc > #mysubmenu .tit{width:90%; margin:0 auto 60px;font-size:2rem; text-align:center}
	.lnb_pc > #mysubmenu li ul {height:70px; padding-left:0;}
	.lnb_pc > #mysubmenu li ul li{padding:20px 10px 0 10px; color:#fff}

	}
@media screen and (max-width:760px) {
	.lnb_pc {display:none}
	/*모바일*/
	.lnb_wrap_s{display:block;position:absolute; top:0;}
	.lnb_wrap_s .fa-angle-down{display:block; float:none; margin-top:25px; position:absolute; right:5%; top:0px}
	.lnb_wrap_s .lnb_select ul > .icon{display:none; width:0; margin-top:20px;}
	.lnb_wrap_s {width:95%; margin: auto; position:relative; z-index:10;}
	.lnb_wrap_s .lnb_select {position: absolute;  top:-30px;   width:100%; height:60px; background: #fff; border-bottom: 1px solid #ddd; }
	.lnb_wrap_s .lnb_select > ul {}
	.lnb_wrap_s .lnb_select > ul > li {
	  width:49.6%;
	  float:left;
	  position: relative;
	  height: 60px;
	  border-right: 1px solid #ddd;
	  line-height: 60px;
	}
	.lnb_wrap_s .lnb_select > ul > li:last-child{border-right:none}
	.lnb_wrap_s .lnb_select ul > li{
	  color: #0b0b0b;
	  font-size: 14px;
	  padding:0 20px;
	}
	.lnb_wrap_s .lnb_select ul > li > a.home{width:60px; margin-top:20px;}
	.lnb_wrap_s .lnb_select ul > li a:hover{}
	.lnb_wrap_s .lnb_select ul li ul {
	  overflow:hidden;
	  /*display: none;*/
	  position: absolute;
	  width:100%;
	  box-shadow: 2px 5px 13px rgba(0,0,0,0.1);
	  margin-left:-20px; background:#fff;

	}
	.lnb_wrap_s .lnb_select ul > li > ul > li {
	  display: block;
	  line-height: 40px;
	  margin-left:-10px;
	}

	.lnb_wrap_s .lnb_select ul > li > ul > li > a {
	  background: #fff;
	  display: block;
	  padding: 10px 14px;
	}
	.lnb_wrap_s .lnb_select ul > li > ul > li > a:hover {color: #1eb9ee;}
	.lnb_wrap_s .fa-angle-down{display:block; float:right; margin-top:25px;}
	}


/**/
#wrapper{width:100%; position:relative; }
#container{position:relative; background: url("http://jinifarm.co.kr/theme/basic/images/common/bg_leaf_2.png") right top no-repeat ;}
#container_title{ width:100%; text-align:center; font-size:2.3rem; position:relative; letter-spacing:-0.2rem; }
#sub_contents{width:100%; margin:100px auto; font-family:'NotoSans'; }
@media screen and (max-width:1500px) {
	#sub_contents{margin:100px auto; }
	#container{background:none}
	}


/*공통페이지스타일*/
.sub_page_style{transition:all 0.5s ease-in-out 0s;}
.sub_page_style .title_0{font-size:3rem; line-height:3.7rem; letter-spacing:-1.1px;}
.sub_page_style .title_1{font-size:2.5rem; line-height:3.2rem; letter-spacing:-1.1px;}
.sub_page_style .title_2{font-size:2rem; line-height:2.7rem; letter-spacing:-1.1px;}
.sub_page_style .title_2{font-size:1.5rem; line-height:2.2rem; letter-spacing:-1.1px;}
.sub_page_style .title_1_hanna{font-size:2.2rem; line-height:1.75; font-family:'hanna'; }
.sub_page_style .title_2_hanna{font-size:1.3rem;line-height:1.75; font-family:'hanna'; }
.sub_page_style .sub_text_1{ font-size:1.5rem; line-height:1.75; font-family:'NotoSansL'; COLOR:#333}
.sub_page_style .sub_text_2{ font-size:1.2rem; line-height:1.75; font-family:'NotoSansL'; COLOR:#333}
.sub_page_style .sub_text_3{ font-size:1rem; line-height:1.75; font-family:'NotoSansL'; COLOR:#333}
.sub_page_style .sub_text_4{ font-size:0.9rem; line-height:1.75; font-family:'NotoSansL'; COLOR:#333}
.sub_page_style .sub_text_5{ font-size:0.8rem; line-height:1.75; font-family:'NotoSansL'; COLOR:#333}
.sub_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) {
	.sub_page_style .title_0{font-size:1.6rem; line-height:2.2rem;}
	.sub_page_style .title_1{font-size:1.3rem; line-height:2rem;}
	.sub_page_style .title_2{font-size:1.1rem; line-height:1.8rem;}
	.sub_page_style .title_1_hanna{font-size:1.7rem; }
	.sub_page_style .title_2_hanna{font-size:1.3rem; }
	.sub_page_style .sub_text_1{ font-size:1.1rem; }
	.sub_page_style .sub_text_2{ font-size:1rem; }
	.sub_page_style .sub_text_3{ font-size:0.9rem;}
	.sub_page_style .sub_text_4{ font-size:0.8rem;}
	.sub_page_style .sub_text_5{ font-size:0.7rem;}
	}


/*인사말*/
.ceo{ 
	background: url("/theme/basic/images/sub/sub1_1_bg.png") no-repeat 75% 50%;
	background-attachment: fixed;
	-webkit-background-size: 17%;
	background-size:17%;
	overflow:hidden;
	width:100%;
	margin:0 auto;

	}
.ceo .intro{max-width:1400px; margin:0 auto;font-family:'NotoSansLL'; margin-bottom:6rem; color:#139c42}
.ceo .textarea{max-width:1400px; margin:0 auto 5rem; }
.ceo .co_left_text{float:left ;width:40%; margin-top:-50px; padding-bottom:6rem}
.ceo .co_left_text img{max-width:100%;}
.ceo .co_right_text{float:right; width:50%; }
.ceo .co_right_text P{MARGIN-BOTTOM:2REM}
.ceo .co_right_text .title_2{margin-bottom:2rem; font-family:'NotoSansL';}
.co_bottom_text{ max-width:1400px; margin:0 auto; padding:5rem 0; overflow:hidden; background: url("/theme/basic/images/sub/sub1_1_img_4.png") no-repeat right 50px; background-size:230px; }
.co_bottom_text P{width:60%;}
.ceo .name{display:block; padding-top:70px; font-size:0.9rem; }
.ceo .name strong{font-size:1.3rem; }
.back_bg {
clear:both;
width:100%;
	 background-image: url("../images/sub/sub1_1_img_3.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:7rem 0 7rem 0;
}
.back_bg > div{max-width:1400px; margin:0 auto; position:relative;}
.back_bg > div .text_box{ text-align:left; }
.back_bg > div .text_box strong{font-family:'NotoSansL';}


@media screen and (max-width:1400px) {
	.ceo{background:none; width:100%; margin:0 auto;}
	.ceo .intro{width:90%}
	.ceo .textarea{width:90%; margin:0 auto 3rem;}
	.co_bottom_text{width:90%; }
	.back_bg br{display:none}
	.back_bg section{width:90%; margin:0 auto;}
	.ceo .co_left_text{float:none; width:100%; margin-bottom:0; margin-top:0; padding-bottom:3rem}
	.ceo .co_left_text img{max-width:100%;display:block; margin:0 auto;}
	.ceo .co_right_text{float:none ; width:100%;}

	}
@media screen and (max-width:1024px) {
	.ceo .intro{ margin-bottom:3rem}
	.ceo .intro br{display:none}
	.ceo .co_right_text p{height:100%;}
	.back_bg{padding:3rem 0;}
	.co_bottom_text{  padding:3rem 0 7rem; background: url("/theme/basic/images/sub/sub1_1_img_4.png") no-repeat right bottom; background-size:130px; }
	.co_bottom_text P{width:100%;}
	}
@media screen and (max-width:730px) {
	.back_bg{ background-size:150%; background-attachment:initial;}
	.back_bg section .text_box{padding:0 0; font-size:1.5rem; line-height:2rem;}
	}


/*오시는길*/
.location {max-width:1400px; margin:0 auto;}
.location .info{background:#f5f5f5; width:100%;  overflow:hidden; padding:40px 50px; font-size:1rem; margin-bottom:100px; }
.info dl{padding:10px 5px;  clear:both; overflow:hidden; box-sizing:border-box;}
.info dl dt{float:left; width:80px; color:#0b0b0b; font-family:'NotoSansB';}
.info dl dd{float:left; }

@media screen and (max-width:1200px) {
	.location {max-width:90%; margin:0 auto;}
	}
@media screen and (max-width:1024px) {

	}
@media screen and (max-width:730px) {
	.location .info{padding:20px 0 15px 0; font-size:0.9rem;}
	.info dl{width:90%; margin:0 auto}
	.info dl dt{float:none}
	.info dl dd{float:none}
	}




.experience{max-width:1000px; margin:0 auto;}
.experience img{max-width:100%; margin-bottom:2px;}