@charset "utf-8";

	body.Main .sub_visual {display:none !important;}
	body.Main .lnb {display:none !important;}
	body.Main>header nav.pc .gnb>ul>li>a:before {background:transparent;}
	body.Main>header nav.pc .gnb>ul>li:hover>a:before {background:#ed1e2a;}
	body.Main>header nav.pc .gnb>ul>li .dep2_bx .dep2_bx_wrap>ul>li.on>a {color:#333;}
	
	
/* ************************ 데스크탑 (992~) ************************ */
@media screen and (min-width: 992px), print {
	
	/*공통*/
	h3.main_title {
		font-size:40px; font-weight:700; color:#000; letter-spacing:-1px; font-family:"GmarketSans";
		background:url(../images/main/i_h3.png)no-repeat top left; padding-top:38px;
	}
	h3.main_title.iconNone {background:none; padding-top:0;}
	h3.main_title.center {text-align:center; background:none; padding-top:0;}
	h3.main_title.center span {display:inline-block; background:url(../images/main/i_h3.png)no-repeat top left; padding-top:38px;}
	

	/* 메인-영상 */
	.main .mov100 {z-index:0; position:fixed; width:100%; height:100%; left:0; top:0; background:url(../images/main/video_bg.jpg) no-repeat 50%; background-size:cover;}
	.main .mov100 video {position:fixed; width:100%; height:100%; left:0; top:0; background-size:cover; background-position:50%; opacity:.9;}
	
	.main .visual {z-index:1; position:relative; height:100vh; background:transparent; text-align:center;}
	.main .visual .text {width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.5); color:#fff;}
	.main .visual .text .slogan_wrap {display:table; width:100%; height:100%;}
	.main .visual .text .slogan_wrap article .fix {font-size:24px; font-weight:700; margin-bottom:50px; display:block;}
	.main .visual .text .slogan_wrap article {display:table-cell; vertical-align:middle; height:100vh; border-top:100px solid transparent; font-family:"GmarketSans";}
	.main .visual .text .slogan_wrap article .slogan {height:160px; font-weight:700;}
	.main .visual .text .slogan_wrap article .slogan ul li {opacity:0;}
	.main .visual .text .slogan_wrap article .slogan ul li:first-child {opacity:1;}
	.main .visual .text .slogan_wrap article .slogan h2 {font-size:68px; line-height:1.2;}
	.main .visual .text .slogan_wrap article .slogan h2 span {display:block;}
	.main .visual .text .slogan_wrap article .search_wrap_main {margin-top:100px;}
	
	.search_wrap_main {margin-top:100px;}
	.search_wrap_main .inputWrap {width:500px; height:70px; margin:0 auto; position:relative;}
	.search_wrap_main .inputWrap input {width:100%; height:100%; border-radius:100px; padding:30px 130px 25px 40px; font-size:20px !important; font-weight:400 !important; color:#000 !important;}
	
	.search_wrap_main .inputWrap input::-webkit-input-placeholder {font-size:20px !important; font-weight:400 !important; color:#000 !important;} /*크롬,사파리*/
	.search_wrap_main .inputWrap input::-moz-placeholder {font-size:20px !important; font-weight:400 !important; color:#000 !important;} /*파폭*/
	.search_wrap_main .inputWrap input::-ms-input-placeholder {font-size:20px !important; font-weight:400 !important; color:#000 !important;} /*ie*/
	.search_wrap_main .inputWrap input:focus {}
	.search_wrap_main .inputWrap .search_btn {
		position:absolute; top:0; right:0; border-radius:0 100px 100px 0; z-index:5;
		width:90px; height:100%; display:inline-block; background:#00a2ff url(../images/main/i-search.png)no-repeat 27px center;
	}
	
	.scrolldown_box {
	  position:absolute; bottom:60px; left:50%;
	  width: 38px;
	  height: 70px;
	  margin-left:-19px;
	}

	.chevron {
	  position: absolute;
	  width: 35px;
	  height: 4px;
	  opacity: 0;
	  transform: scale3d(0.5, 0.5, 0.5);
	  animation: move 3s ease-out infinite;
	}

	.chevron:first-child {
	  animation: move 3s ease-out 1s infinite;
	}

	.chevron:nth-child(2) {
	  animation: move 3s ease-out 2s infinite;
	}

	.chevron:before,
	.chevron:after {
	  content: ' ';
	  position: absolute;
	  top: 0;
	  height: 100%;
	  width: 51%;
	  background: #fff;
	}

	.chevron:before {
	  left: 0;
	  transform: skew(0deg, 30deg);
	}

	.chevron:after {
	  right: 0;
	  width: 50%;
	  transform: skew(0deg, -30deg);
	}

	@keyframes move {
	  25% {
		opacity: 1;

	  }
	  33% {
		opacity: 1;
		transform: translateY(30px);
	  }
	  67% {
		opacity: 1;
		transform: translateY(40px);
	  }
	  100% {
		opacity: 0;
		transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
	  }
	}

	.scrolldown {
	  display: block;
	  margin-top: 70px;
	  margin-left: -35px;
	  font-size: 12px;
	  font-weight:700;
	  color: #fff;
	  text-transform: uppercase;
	  white-space: nowrap;
	  opacity: .25;
	  letter-spacing:0;
	  animation: pulse 2s linear alternate infinite;
	}

	@keyframes pulse {
	  to {
		opacity: 1;
	  }
	}

	 
	 .main>div[class*="_wrap"] {z-index:10; width:100%; background-color:#fff; position:relative;}
	  
	 /*메인 - 제품정보*/
	.main .product_wrap {}
	.main .product_wrap .inner_product {padding:5%; background:url(../images/main/bg_product_wrap.jpg)no-repeat right bottom; background-size:contain;}
	.main .product_wrap .tit {position:relative;}
	.main .product_wrap .tit h3 {padding-right:200px;}
	.main .product_wrap .tit a {
		position:absolute; bottom:-10px; right:0;
	}
		.BTN_detail {
			display:inline-block;
			font-size:24px; font-family:"GmarketSans"; color:#fff !important; padding:15px 70px 15px 0;
			background:url(../images/main/arrow_right.png)no-repeat right center;
			line-height:1;
		}
	
	.main .product_wrap .inner_product .list {margin-top:60px; margin-left:-10px; overflow:hidden;}
	.main .product_wrap .inner_product .list li {float:left; width:calc(100%/5 - 10px); margin-left:10px; display:inline-block; padding-top:10px;}
	.main .product_wrap .inner_product .list li a {display:inline-block; width:100%; height:100%; border:1px solid #ddd; border-radius:30px; background:#fff; position:relative; overflow:hidden;}
	.main .product_wrap .inner_product .list li a .img {background-size:60% !important;}
	.main .product_wrap .inner_product .list li a .con {position:absolute; bottom:0; left:0; width:100%; height:20%; background:rgba(255,255,255,.95); padding:40px 50px; transition:.3s;}
	.main .product_wrap .inner_product .list li a .con>*+* {margin-top:25px;}
	.main .product_wrap .inner_product .list li a .con h4 {font-family:"GmarketSans"; font-weight:700; color:#000; font-size:1.3em; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.main .product_wrap .inner_product .list li a .con>p,
	.main .product_wrap .inner_product .list li a .con>div {display:none;}
	
	
	.main .product_wrap .inner_product .list li a:hover {box-shadow:5px 5px 10px rgba(0,0,0,.1); margin-top:-10px;}
	.main .product_wrap .inner_product .list li a:hover .con {height:50%;}
	.main .product_wrap .inner_product .list li a:hover .con h4 {text-align:left;}
	.main .product_wrap .inner_product .list li a:hover .con p {display:block; font-size:20px; color:#000; font-weight:500;}
	.main .product_wrap .inner_product .list li a:hover .con div {display:block; font-size:18px; color:#666; font-weight:400;}
	
		/*position1~*/
		nav .list {position:relative;}
		/* nav .list ul li[class*="position"] {position:absolute; top:-30px; left:calc(730px/2);} */
		nav .list ul li[class*="position"] {position:absolute; top:-30px; left:465px;}
		nav .list ul li.position2 {top:calc(-30px + 62px);}
		nav .list ul li.position3 {top:calc(-30px + 62px*2);}
		nav .list ul li.position4 {top:calc(-30px + 62px*3);}
		nav .list ul li.position5 {top:calc(-30px + 62px*4);}
		nav .list ul li.position6 {top:calc(-30px + 62px*5);}
		
		.position_wrap .position_inner>ul>li:nth-child(3)~li  {position:absolute; top:-30px; left:465px;}
		.position_wrap .position_inner>ul>li:nth-child(5) {top:130px !important;}
	
	.main .product_wrap .inner_btn {display:block; background:url(../images/main/bg_inner_btn.jpg)no-repeat center; background-size:cover; padding:90px 5%;}
	
		/*hover 효과 : 공통*/
		.effect-stroke {position:relative;}
		.effect-stroke>span {display:block; position:absolute; background:rgba(255,255,255,1); z-index:2;}
		.effect-stroke>span:nth-child(1) {top:20px; left:20px; height:1px; width:0;}
		.effect-stroke>span:nth-child(2) {top:20px; right:20px; width:1px; height:0;}
		.effect-stroke>span:nth-child(3) {bottom:20px; right:20px; height:1px; width:0;}
		.effect-stroke>span:nth-child(4) {bottom:20px; left:20px; width:1px; height:0;}
		
		.effect-stroke:hover>span {transition:all .5s;}
		.effect-stroke:hover>span:nth-child(1) {width:calc(100% - 20px*2);}
		.effect-stroke:hover>span:nth-child(2) {height:calc(100% - 20px*2); transition-delay:.5s;}
		.effect-stroke:hover>span:nth-child(3) {width:calc(100% - 20px*2); /* transition-delay:1s; */}
		.effect-stroke:hover>span:nth-child(4) {height:calc(100% - 20px*2); transition-delay:.5s;}
	
	
	.main .product_wrap .inner_btn>* {color:#fff; text-align:center;}
	.main .product_wrap .inner_btn>p {margin-top:20px; font-size:20px;}
	
	
		
	
	
	
	
	
	/*메인 - 회사 소개 및 해외 파트너社 소개*/
	.main .company_wrap {
		padding:100px 5% 270px;
		background:url(../images/main/bg_company_wrap.jpg)no-repeat center; background-size:cover; min-height:940px;
	}
	
	.main .company_wrap>div {float:left; display:inline-block;}
	.main .company_wrap>div.inner_con {width:40%; padding-right:5%;}
	.main .company_wrap>div.inner_con .tab {margin-top:50px;}
	.main .company_wrap>div.inner_con .tab ul li+li {padding-top:30px; margin-top:30px; border-top:1px solid rgba(0,0,0,.1);}
	.main .company_wrap>div.inner_con .tab ul li a {display:inline-block; width:100%; line-height:1; position:relative; padding:0 90px 0 50px; background:url(../images/main/arrow_before.png)no-repeat 95% 0;}
	.main .company_wrap>div.inner_con .tab ul li.on a,
	.main .company_wrap>div.inner_con .tab ul li.on a {background:url(../images/main/arrow_after.png)no-repeat 95% 0;}
	.main .company_wrap>div.inner_con .tab ul li a:hover {background:url(../images/main/arrow_after.png)no-repeat 99% 0;}
	.main .company_wrap>div.inner_con .tab ul li a span {
		position:absolute; top:10px; left:0;
		font-size:24px; color:#b4d333; font-weight:700; font-family:"GmarketSans";
	}
	.main .company_wrap>div.inner_con .tab ul li a h4 {font-size:28px; font-weight:300; color:#000; letter-spacing:-1.2px; line-height:1.4;}
	.main .company_wrap>div.inner_con .tab ul li a p {font-size:18px; color:#555; margin-top:20px; line-height:1.6;}
	.main .company_wrap>div.inner_video {width:60%;}
	.main .company_wrap>div.inner_video ul li a {position:relative; display:block;}
	.main .company_wrap>div.inner_video ul li a .img {border-radius:30px; position:relative;}
	.main .company_wrap>div.inner_video ul li a .img:before {
		display:block; content:""; background:rgba(0,0,0,.4); width:100%; height:100%;
		position:absolute; top:0; left:0; z-index:1; transition:.3s;
	}
	.main .company_wrap>div.inner_video ul li a:hover .img:before {background:rgba(0,0,0,.5);}
	.main .company_wrap>div.inner_video ul li a i {
		position:absolute; z-index:2; top:50%; left:50%; width:135px; height:135px; margin-top:-67.5px; margin-left:-67.5px;
		background:url(../images/main/i_play.png)no-repeat center;
		opacity:.7; transition:.3s;
	}
	.main .company_wrap>div.inner_video ul li a:hover i {opacity:1;}
	.main .company_wrap>div.inner_video ul li a .ms {
		position:absolute; z-index:2; right:50px; bottom:50px;
		font-size:30px; font-family:"GmarketSans"; color:#fff; line-height:1;
	}
	
	
	
	
	/*작물 재배 기술*/
	.main .skill_wrap {width:100%;}
	.main .skill_wrap>article {position:relative; width:calc(100% - 5%*2) !important; margin:0 5% !important; border-left:1px solid #eee; border-right:1px solid #eee; padding:80px 0 120px;}
	.main .skill_wrap>article>span:nth-child(1) {z-index:0; position:absolute; top:0; left:50%; width:1px; height:100%; display:block; content:""; background:#eee;} /*center*/
	.main .skill_wrap>article:before {z-index:0; position:absolute; top:0; left:calc(100%/4); width:calc(100% - 50%); height:100%; display:block; content:""; border-left:1px solid #eee; border-right:1px solid #eee;} /*center-2*/
	
	.main .skill_wrap .list {z-index:1; position:relative; margin-top:80px;}
	.main .skill_wrap .list ul {overflow:hidden;}
	.main .skill_wrap .list ul li {float:left; display:inline-block; width:calc(100%/4 - 40px); margin:0 20px; text-align:center;}
	.main .skill_wrap .list ul li:nth-child(4)~li {margin-top:30px;}
	.main .skill_wrap .list ul li a {display:inline-block; width:100%; padding:50px 30px 30px; border-radius:30px; border:1px solid transparent;}
	.main .skill_wrap .list ul li a:hover {background:rgba(180,211,51,.15);}
	.main .skill_wrap .list ul li a i {display:block;}
	.main .skill_wrap .list ul li a span {display:block; font-family:"GmarketSans"; font-size:22px; color:#009f3b; font-weight:700; margin-top:30px;}
	.main .skill_wrap .list ul li a h4 {margin-top:10px; font-family:"GmarketSans"; font-size:20px; color:#000; font-weight:500; line-height:1.6;}
	.main .skill_wrap .list ul li a h4 b {font-size:26px; font-weight:700; display:block; margin-top:10px;}
	
	/*블로그*/
	.main .blog_wrap {background:url(../images/main/bg_blog_wrap.jpg)no-repeat center; background-size:cover; padding:5%;}
	.main .blog_wrap .list ul {margin-left:-10px; overflow:hidden; padding-top:20px; padding-bottom:20px;}
	.main .blog_wrap .list ul li {float:left; display:inline-block; width:calc(100%/3 - 10px); margin-left:10px;}
	.main .blog_wrap .list ul li a {
		display:inline-block; width:100%; border-radius:30px; padding:30px 40px 50px 50px;
		background-color:#fff;
	}
	.main .blog_wrap .list ul li a:hover {box-shadow:0 3px 3px rgba(0,0,0,.2); margin-top:-20px;}
	.main .blog_wrap .list ul li a h4 {
		background-position:99% 0;
		background-repeat:no-repeat;
		background-size:80px;
		transition:.3s;
	}
	.main .blog_wrap .list ul li a h4.sns_yout {background-image:url(../images/main/sns_yout.png);}
	.main .blog_wrap .list ul li a h4.sns_blog {background-image:url(../images/main/sns_blog.png);)}
	.main .blog_wrap .list ul li a h4.sns_band {background-image:url(../images/main/sns_band.png);)}
	.main .blog_wrap .list ul li a h4 {font-size:30px; font-weight:700; font-family:"GmarketSans"; color:#000; padding-top:15px; padding-bottom:5px;}
	.main .blog_wrap .list ul li a h4 span {font-size:22px; font-weight:500; display:block; margin-top:20px;}
	.main .blog_wrap .list ul li a p {margin-top:30px; font-size:19px; color:#666; height:68px; line-height:1.8; overflow:hidden;}
	
	/*link_wrap*/
	.main .link_wrap {overflow:hidden;}
	.main .link_wrap>div {float:left; display:inline-block; width:50%; text-align:center; height:300px;}
	.main .link_wrap>div * {color:#fff;}
	.main .link_wrap>div>a {display:table; width:100%; height:100%;}
	.main .link_wrap>div>a>article {display:table-cell; vertical-align:middle;}
	.main .link_wrap>div>a>article p {font-size:19px; margin-top:20px;}
	
	/*link_wrap : 자주묻는질문*/
	.main .link_wrap>div.inner_faq {background:url(../images/main/bg_inner_faq.jpg)no-repeat center; background-size:130%; transition:.3s;}
	.main .link_wrap>div.inner_faq:hover {background-size:145%;}
	/*link_wrap : 고객문의*/
	.main .link_wrap>div.inner_inquiry {background-color:#00a2ff;}
	.main .link_wrap>div.inner_inquiry .tel {line-height:1;}
	.main .link_wrap>div.inner_inquiry .tel span {display:inline-block; font-size:42px; font-weight:700; margin-top:5px; padding:10px 0 5px 60px; background:url(../images/main/i_tel.png)no-repeat left center;}
	

	
	
	
	/* ******************** 레이어팝업:: ******************** */
	.layer-popup-wrap {
		display:none;
		position:fixed; z-index:999999;
		top:0; left:0; width:100vw; height:100vh;
		padding:10vh 20vw;
		background-color:rgba(0,0,0,.85);
	}	
	.layer-popup-wrap>.wrap {
		position:relative;
		display:table;
		width:100%; height:100%;
		background:transparent;
		overflow:hidden;
	}
	.layer-popup-wrap>.wrap>article {display:table-cell; vertical-align:middle; position:relative;}
	.layer-popup-wrap>.wrap iframe {width:100% !important; height:calc(100% - 80px*2) !important; box-shadow:10px 10px 10px rgba(0,0,0,.3);}
	.layer-popup-wrap>.wrap .title {text-align:center; position:absolute; bottom:0; left:50%; width:800px; margin-left:-400px;}
	.layer-popup-wrap>.wrap .title span {
		display:inline-block;
		padding:20px 70px 15px; background:#009f3b; border-radius:100px; color:#fff;
		font-family:"GmarketSans"; font-weight:500; font-size:24px;
		line-height:1;
	}
	.layer-popup-wrap>.wrap .close-btn {text-align:center; position:absolute; top:0; left:50%; margin-left:-30px;}
	.layer-popup-wrap>.wrap .close-btn a {
		display:inline-block; border-radius:50%; border:3px solid #fff;
		height:60px; width:60px; background:url(../images/common/icon_x.png)no-repeat center; background-size:30px;
	}
	.layer-popup-wrap>.wrap .close-btn a:hover {
		border:3px solid #009f3b; background:#009f3b url(../images/common/icon_x.png)no-repeat center; background-size:30px;
	}

	
	
	

		
			
			
	
	
	
	
	
	
	
	
	
	

	
	
	
}

/* ************************ 노트북 (992~1460) ************************ */
@media screen and (min-width:992px) and (max-width:1460px) {
	
	/* .main .visual .text .slogan_wrap article {border-top:50px solid transparent;} */
	/* .main .visual .text .slogan_wrap article .slogan {height:120px;} */
	/* .main .visual .text .slogan_wrap article .slogan h2 {font-size:52px;} */
	/* .main .visual .text .slogan_wrap article .search_wrap_main {margin-top:50px;} */
	
	/* .search_wrap_main .inputWrap {height:65px;} */
	/* .search_wrap_main .inputWrap input {font-size:18px !important; padding:23px 130px 20px 40px;} */
	/* .search_wrap_main .inputWrap .search_btn {width:80px; background-position:22px center;} */
	
	/* .main .product_wrap .inner_product .list li a .con {padding:2vh 2vw;} */
	/* .main .product_wrap .inner_product .list li a .con h4 {font-size:1em;} */
	/* .main .product_wrap .inner_product .list li a .con>p {font-size:.8em;} */
	
	
	.main .company_wrap>div.inner_con {width:100%; padding-right:0;}
	.main .company_wrap>div.inner_video {width:100%; margin-top:50px;}
	
	.main .blog_wrap.dofStyle {overflow:hidden; height:100%;}
	.main .blog_wrap.dofStyle>div.tit,
	.main .blog_wrap.dofStyle>div.list {width:100%;}
	.main .blog_wrap.dofStyle>div.tit p br {display:none !important;}
	.main .link_wrap>div.inner_faq {background-size:190%;}
	.main .link_wrap>div.inner_faq:hover {background-size:205%;}
	
	
	.main .visual .text .slogan_wrap article .slogan h2 {font-size:46px;}
	
	
}


/* ************************ 테블릿 (~991) ************************ */
@media screen and (max-width: 991px) {
	
	
	
	/*공통*/
	h3.main_title {
		font-size:32px; font-weight:700; color:#000; letter-spacing:-1px; font-family:"GmarketSans";
		background:url(../images/main/i_h3.png)no-repeat top left; padding-top:30px !important;
		background-size:45px !important;
	}
	h3.main_title.iconNone {background:none; padding-top:0 !important;}
	h3.main_title.center {text-align:center; background:none; padding-top:0;}
	h3.main_title.center span {display:inline-block; background:url(../images/main/i_h3.png)no-repeat top left; background-size:45px !important; padding-top:30px;}
	

	/* 메인-영상 */
	.main .mov100 {z-index:0; position:fixed; width:100%; height:100%; left:0; top:0; background:url(../images/main/video_bg.jpg) no-repeat 50%; background-size:cover;}
	.main .mov100 video {position:fixed; width:100%; left:0; top:0; background-size:cover; background-position:50%; opacity:.9;}
	
	.main .visual {z-index:1; position:relative; height:calc(100vh - 60px); background:transparent; text-align:center; min-height:500px;}
	.main .visual .text {width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.5); color:#fff;}
	.main .visual .text .slogan_wrap {padding:20vh 50px;}
	.main .visual .text .slogan_wrap article .fix {font-size:20px; font-weight:700; margin-bottom:50px; display:block;}
	.main .visual .text .slogan_wrap article {height:100vh; font-family:"GmarketSans";}
	.main .visual .text .slogan_wrap article .slogan {height:90px; font-weight:700;}
	.main .visual .text .slogan_wrap article .slogan ul li {opacity:0;}
	.main .visual .text .slogan_wrap article .slogan ul li span {display:block;}
	.main .visual .text .slogan_wrap article .slogan ul li:first-child {opacity:1;}
	.main .visual .text .slogan_wrap article .slogan h2 {font-size:38px; line-height:1.2;}
	.main .visual .text .slogan_wrap article .search_wrap_main {margin-top:50px;}
	
		
	.search_wrap_main {margin-top:50px;}
	.search_wrap_main .inputWrap {width:60%; height:60px; margin:0 auto; position:relative;}
	.search_wrap_main .inputWrap input {width:100%; height:100%; border-radius:100px; padding:25px 130px 20px 40px; font-size:18px !important; font-weight:400 !important; color:#000 !important;}
	
	.search_wrap_main .inputWrap input::-webkit-input-placeholder {font-size:18px !important; font-weight:400 !important; color:#000 !important;} /*크롬,사파리*/
	.search_wrap_main .inputWrap input::-moz-placeholder {font-size:18px !important; font-weight:400 !important; color:#000 !important;} /*파폭*/
	.search_wrap_main .inputWrap input::-ms-input-placeholder {font-size:18px !important; font-weight:400 !important; color:#000 !important;} /*ie*/
	.search_wrap_main .inputWrap input:focus {}
	.search_wrap_main .inputWrap .search_btn {
		position:absolute; top:0; right:0; border-radius:0 100px 100px 0; z-index:5;
		width:75px; height:100%; display:inline-block; background:#00a2ff url(../images/main/i-search.png)no-repeat 22px center;
	}
	
	.scrolldown_box {
	  position:absolute; bottom:10vh; left:50%;
	  width: 38px;
	  height: 70px;
	  margin-left:-19px;
	}

	.chevron {
	  position: absolute;
	  width: 35px;
	  height: 4px;
	  opacity: 0;
	  transform: scale3d(0.5, 0.5, 0.5);
	  animation: move 3s ease-out infinite;
	}

	.chevron:first-child {
	  animation: move 3s ease-out 1s infinite;
	}

	.chevron:nth-child(2) {
	  animation: move 3s ease-out 2s infinite;
	}

	.chevron:before,
	.chevron:after {
	  content: ' ';
	  position: absolute;
	  top: 0;
	  height: 100%;
	  width: 51%;
	  background: #fff;
	}

	.chevron:before {
	  left: 0;
	  transform: skew(0deg, 30deg);
	}

	.chevron:after {
	  right: 0;
	  width: 50%;
	  transform: skew(0deg, -30deg);
	}

	@keyframes move {
	  25% {
		opacity: 1;

	  }
	  33% {
		opacity: 1;
		transform: translateY(30px);
	  }
	  67% {
		opacity: 1;
		transform: translateY(40px);
	  }
	  100% {
		opacity: 0;
		transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
	  }
	}

	.scrolldown {
	  display: block;
	  margin-top: 70px;
	  margin-left: -35px;
	  font-size: 12px;
	  font-weight:700;
	  color: #fff;
	  text-transform: uppercase;
	  white-space: nowrap;
	  opacity: .25;
	  letter-spacing:0;
	  animation: pulse 2s linear alternate infinite;
	}

	@keyframes pulse {
	  to {
		opacity: 1;
	  }
	}

	 
	 .main>div[class*="_wrap"] {z-index:10; width:100%; background-color:#fff; position:relative;}
	  
	 /*메인 - 제품정보*/
	.main .product_wrap {}
	/* .main .product_wrap .inner_product {padding:5%; background:url(../images/main/bg_product_wrap.jpg)no-repeat right bottom; background-size:contain;} */
	.main .product_wrap .inner_product {padding:5%; background:#1d387b; background-size:contain;}
	.main .product_wrap .tit {position:relative;}
	.main .product_wrap .tit h3 {padding-right:200px; color:#fff;}
	.main .product_wrap .tit a {
		position:absolute; bottom:0; right:0;
	}
		.BTN_detail {
			display:inline-block;
			font-size:20px; font-family:"GmarketSans"; color:#fff !important; padding:10px 55px 10px 0;
			background:url(../images/main/arrow_right.png)no-repeat right center;
			background-size:40px;
			line-height:1;
		}
	
	.main .product_wrap .inner_product .list {margin-top:30px; margin-left:-30px; overflow:hidden;}
	.main .product_wrap .inner_product .list li {float:left; width:calc(100%/2 - 30px); margin-left:30px; display:inline-block;}
	.main .product_wrap .inner_product .list li:nth-child(2)~li {margin-top:30px;}
	.main .product_wrap .inner_product .list li a {display:block; width:100%; height:100%; border:1px solid #ddd; border-radius:30px; background:#fff; position:relative; overflow:hidden;}
	.main .product_wrap .inner_product .list li a .img {background-size:60% !important;}
	.main .product_wrap .inner_product .list li a .con {position:absolute; bottom:0; left:0; width:100%; height:80px; background:rgba(255,255,255,.95); padding:30px 50px; transition:.3s;}
	.main .product_wrap .inner_product .list li a .con>*+* {margin-top:25px;}
	.main .product_wrap .inner_product .list li a .con h4 {font-family:"GmarketSans"; font-weight:700; color:#000; font-size:20px;}
	.main .product_wrap .inner_product .list li a .con>p,
	.main .product_wrap .inner_product .list li a .con>div {display:none;}
	
	
	.main .product_wrap .inner_product .list li a:hover {box-shadow:5px 5px 10px rgba(0,0,0,.1);}
	.main .product_wrap .inner_product .list li a:hover .con {height:50%;}
	.main .product_wrap .inner_product .list li a:hover .con p {display:block; font-size:19px; color:#000; font-weight:500;}
	.main .product_wrap .inner_product .list li a:hover .con div {display:block; font-size:17px; color:#666; font-weight:400;}
	
	
	
	.main .product_wrap .inner_btn {display:block; background:url(../images/main/bg_inner_btn.jpg)no-repeat center; background-size:cover; padding:5%;}
	
		/*hover 효과 : 공통*/
		.effect-stroke {position:relative;}
		.effect-stroke>span {display:block; position:absolute; background:rgba(255,255,255,1); z-index:2;}
		.effect-stroke>span:nth-child(1) {top:10px; left:10px; height:1px; width:0;}
		.effect-stroke>span:nth-child(2) {top:10px; right:10px; width:1px; height:0;}
		.effect-stroke>span:nth-child(3) {bottom:10px; right:10px; height:1px; width:0;}
		.effect-stroke>span:nth-child(4) {bottom:10px; left:10px; width:1px; height:0;}
		
		.effect-stroke:hover>span {transition:all .5s;}
		.effect-stroke:hover>span:nth-child(1) {width:calc(100% - 10px*2);}
		.effect-stroke:hover>span:nth-child(2) {height:calc(100% - 10px*2); transition-delay:.5s;}
		.effect-stroke:hover>span:nth-child(3) {width:calc(100% - 10px*2); /* transition-delay:1s; */}
		.effect-stroke:hover>span:nth-child(4) {height:calc(100% - 10px*2); transition-delay:.5s;}
	
	
	.main .product_wrap .inner_btn>* {color:#fff; text-align:center;}
	.main .product_wrap .inner_btn>p {margin-top:20px; font-size:18px;}
	
	
	
	
	
	/*메인 - 회사 소개 및 해외 파트너社 소개*/
	.main .company_wrap {
		padding:5% 5% 270px;
		background:url(../images/main/bg_company_wrap.jpg)no-repeat center; background-size:cover; min-height:940px;
	}
	
	/* .main .company_wrap>div {float:left; display:inline-block;} */
	/* .main .company_wrap>div.inner_con {width:calc(100% - 960px); padding-right:100px;} */
	.main .company_wrap>div.inner_con .tab {margin-top:30px;}
	.main .company_wrap>div.inner_con .tab ul li+li {padding-top:15px; margin-top:15px; border-top:1px solid rgba(0,0,0,.1);}
	.main .company_wrap>div.inner_con .tab ul li a {
		display:inline-block; width:100%; line-height:1; position:relative; padding:0 90px 0 50px; background:url(../images/main/arrow_before.png)no-repeat 100% 0;
		background-size:40px;
	}
	.main .company_wrap>div.inner_con .tab ul li.on a,
	.main .company_wrap>div.inner_con .tab ul li.on a {background:url(../images/main/arrow_after.png)no-repeat 100% 0; background-size:40px;}
	/* .main .company_wrap>div.inner_con .tab ul li a:hover {background:url(../images/main/arrow_after.png)no-repeat 100% 0;} */
	.main .company_wrap>div.inner_con .tab ul li a span {
		position:absolute; top:5px; left:0;
		font-size:20px; color:#b4d333; font-weight:700; font-family:"GmarketSans";
	}
	.main .company_wrap>div.inner_con .tab ul li a h4 {font-size:20px; font-weight:300; color:#000; letter-spacing:-1.2px; line-height:1.4;}
	.main .company_wrap>div.inner_con .tab ul li a p {font-size:16px; color:#555; margin-top:10px; line-height:1.6;}
	/* .main .company_wrap>div.inner_video {width:960px;} */
	 .main .company_wrap>div.inner_video {margin-top:30px;}
	.main .company_wrap>div.inner_video ul li a {position:relative; display:block;}
	.main .company_wrap>div.inner_video ul li a .img {border-radius:30px; position:relative;}
	.main .company_wrap>div.inner_video ul li a .img:before {
		display:block; content:""; background:rgba(0,0,0,.4); width:100%; height:100%;
		position:absolute; top:0; left:0; z-index:1; transition:.3s;
	}
	.main .company_wrap>div.inner_video ul li a:hover .img:before {background:rgba(0,0,0,.5);}
	.main .company_wrap>div.inner_video ul li a i {
		position:absolute; z-index:2; top:50%; left:50%; width:105px; height:105px; margin-top:-52.5px; margin-left:-52.5px;
		background:url(../images/main/i_play.png)no-repeat center;
		background-size:105px;
		opacity:.7; transition:.3s;
	}
	.main .company_wrap>div.inner_video ul li a:hover i {opacity:1;}
	.main .company_wrap>div.inner_video ul li a .ms {
		position:absolute; z-index:2; right:40px; bottom:40px;
		font-size:24px; font-family:"GmarketSans"; color:#fff; line-height:1;
	}
	
	
	
	
	/*작물 재배 기술*/
	/* .main .skill_wrap {width:100%;} */
	/* .main .skill_wrap>article {position:relative; width:calc(100% - 5%*2) !important; margin:0 5% !important; border-left:1px solid #eee; border-right:1px solid #eee; padding:80px 0 120px;} */
	/* .main .skill_wrap>article>span:nth-child(1) {z-index:0; position:absolute; top:0; left:50%; width:1px; height:100%; display:block; content:""; background:#eee;} /*center*/ */
	/* .main .skill_wrap>article:before {z-index:0; position:absolute; top:0; left:calc(100%/6); width:calc(100% - 33.3333%); height:100%; display:block; content:""; border-left:1px solid #eee; border-right:1px solid #eee;} /*center-2*/ */
	/* .main .skill_wrap>article:after {z-index:0; position:absolute; top:0; left:calc((100%/6)*2); width:calc(100% - 66.6666%); height:100%; display:block; content:""; border-left:1px solid #eee; border-right:1px solid #eee;} /*center-1*/ */
	
	
	.main .skill_wrap {width:100%;}
	.main .skill_wrap>article {position:relative; width:calc(100% - 5%*2) !important; margin:0 5% !important; border-left:1px solid #eee; border-right:1px solid #eee; padding:5% 0;}
	.main .skill_wrap>article>span:nth-child(1) {z-index:0; position:absolute; top:0; left:50%; width:1px; height:100%; display:block; content:""; background:#eee;} /*center*/
	.main .skill_wrap>article:before {z-index:0; position:absolute; top:0; left:calc(100%/4); width:calc(100% - 50%); height:100%; display:block; content:""; border-left:1px solid #eee; border-right:1px solid #eee;} /*center-2*/
	
	
	.main .skill_wrap .list {z-index:1; position:relative; margin-top:30px;}
	.main .skill_wrap .list ul {overflow:hidden;}
	.main .skill_wrap .list ul li {float:left; display:inline-block; width:calc(100%/2 - 40px); margin:0 20px; text-align:center;}
	.main .skill_wrap .list ul li:nth-child(2)~li {margin-top:30px;}
	.main .skill_wrap .list ul li a {display:inline-block; width:100%; padding:50px 30px 30px; border-radius:30px; border:1px solid transparent;}
	.main .skill_wrap .list ul li a:hover {background:rgba(180,211,51,.15);}
	.main .skill_wrap .list ul li a i {display:block;}
	.main .skill_wrap .list ul li a span {display:block; font-family:"GmarketSans"; font-size:20px; color:#009f3b; font-weight:700; margin-top:30px;}
	.main .skill_wrap .list ul li a h4 {margin-top:10px; font-family:"GmarketSans"; font-size:18px; color:#000; font-weight:500; line-height:1.8;}
	.main .skill_wrap .list ul li a h4 b {font-size:22px; font-weight:700; display:block;}
	
	/*블로그*/
	.main .blog_wrap {background:url(../images/main/bg_blog_wrap.jpg)no-repeat center; background-size:cover; padding:5%;}
	/* .main .blog_wrap .list ul {margin-left:-10px; overflow:hidden;} */
	/* .main .blog_wrap .list ul li {float:left; display:inline-block; width:calc(100%/1 - 10px); margin-left:10px;} */
	.main .blog_wrap .list ul li+li {margin-top:30px;}
	.main .blog_wrap .list ul li a {
		/* display:inline-block; width:100%; */
		display:block;
		border-radius:30px; padding:30px 40px;
		background-color:#fff;
	}
	.main .blog_wrap .list ul li a:hover {box-shadow:0 3px 3px rgba(0,0,0,.2);}
	.main .blog_wrap .list ul li a h4 {
		background-position:99% 0;
		background-repeat:no-repeat;
		background-size:80px;
		transition:.3s;
	}
	.main .blog_wrap .list ul li a h4.sns_yout {background-image:url(../images/main/sns_yout.png);}
	.main .blog_wrap .list ul li a h4.sns_blog {background-image:url(../images/main/sns_blog.png);)}
	.main .blog_wrap .list ul li a h4.sns_band {background-image:url(../images/main/sns_band.png);)}
	.main .blog_wrap .list ul li a h4 {font-size:30px; font-weight:700; font-family:"GmarketSans"; color:#000; padding-top:15px; padding-bottom:5px; background-size:60px;}
	/* .main .blog_wrap .list ul li a:hover h4 span {color:#000;} */
	/* .main .blog_wrap .list ul li a:hover h4.sns_yout {color:#ed2024;} */
	/* .main .blog_wrap .list ul li a:hover h4.sns_blog {color:#2db400;} */
	/* .main .blog_wrap .list ul li a:hover h4.sns_band {color:#21c531;} */
	.main .blog_wrap .list ul li a h4 span {font-size:22px; font-weight:500; display:block; margin-top:20px;}
	.main .blog_wrap .list ul li a p {margin-top:30px; font-size:16px; color:#666;}
	
	/*link_wrap*/
	.main .link_wrap {overflow:hidden;}
	/* .main .link_wrap>div {float:left; display:inline-block; width:50%; text-align:center; height:300px;} */
	.main .link_wrap>div {padding:5%; text-align:center;}
	.main .link_wrap>div * {color:#fff;}
	.main .link_wrap>div>a {display:table; width:100%; height:100%;}
	.main .link_wrap>div>a>article {display:table-cell; vertical-align:middle;}
	.main .link_wrap>div>a>article p {opacity:.8; font-size:17px; margin-top:20px;}
	
	/*link_wrap : 자주묻는질문*/
	.main .link_wrap>div.inner_faq {background:url(../images/main/bg_inner_faq.jpg)no-repeat center; background-size:130%; transition:.3s;}
	.main .link_wrap>div.inner_faq:hover {background-size:145%;}
	/*link_wrap : 고객문의*/
	.main .link_wrap>div.inner_inquiry {background-color:#00a2ff;}
	.main .link_wrap>div.inner_inquiry .tel {line-height:1;}
	.main .link_wrap>div.inner_inquiry .tel span {display:inline-block; font-size:32px; font-weight:700; margin-top:5px; padding:10px 0 5px 50px; background:url(../images/main/i_tel.png)no-repeat left center; background-size:40px;}
	

	
	
	
	/* ******************** 레이어팝업:: ******************** */
	.layer-popup-wrap {
		display:none;
		position:fixed; z-index:999999;
		top:0; left:0; width:100vw; height:100vh;
		padding:10vh 20vw;
		background-color:rgba(0,0,0,.85);
	}	
	.layer-popup-wrap>.wrap {
		position:relative;
		display:table;
		width:100%; height:100%;
		background:transparent;
		overflow:hidden;
	}
	.layer-popup-wrap>.wrap>article {display:table-cell; vertical-align:middle; position:relative;}
	.layer-popup-wrap>.wrap iframe {width:100% !important; height:calc(100% - 80px*2) !important; box-shadow:10px 10px 10px rgba(0,0,0,.3);}
	.layer-popup-wrap>.wrap .title {text-align:center; position:absolute; bottom:0; left:50%; width:800px; margin-left:-400px;}
	.layer-popup-wrap>.wrap .title span {
		display:inline-block;
		padding:20px 70px 15px; background:#009f3b; border-radius:100px; color:#fff;
		font-family:"GmarketSans"; font-weight:500; font-size:24px;
		line-height:1;
	}
	.layer-popup-wrap>.wrap .close-btn {text-align:center; position:absolute; top:0; left:50%; margin-left:-30px;}
	.layer-popup-wrap>.wrap .close-btn a {
		display:inline-block; border-radius:50%; border:3px solid #fff;
		height:60px; width:60px; background:url(../images/common/icon_x.png)no-repeat center; background-size:30px;
	}
	.layer-popup-wrap>.wrap .close-btn a:hover {
		border:3px solid #009f3b; background:#009f3b url(../images/common/icon_x.png)no-repeat center; background-size:30px;
	}



	

	
}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	
	/* html {border:10px solid red;} */
	
	
	.main .visual .text .slogan_wrap {padding:10vh 5%;}
	.main .visual .text .slogan_wrap article {height:auto;}
	
	
	.search_wrap_main .inputWrap {width:100%;}
	
	h3.main_title {font-size:28px;}
	
	/*제품정보*/
	.main .product_wrap .inner_product .list li {width:calc(100%/1 - 30px);}
	.main .product_wrap .inner_product .list li:nth-child(1)~li {margin-top:30px;}
	/*회사소개*/
	.main .company_wrap {padding:10% 5% 150px; min-height:auto;}
	.main .company_wrap>div.inner_video {margin-top:10px;}
	
	/*농업기술정보*/
	.main .skill_wrap>article:before {display:none;}
	.main .skill_wrap .list ul li {width:calc(100%/1 - 40px);}
	.main .skill_wrap .list ul li a span {margin-top:10px;}
	.main .skill_wrap .list ul li a h4 {line-height:1.4; margin-top:0;}
	
	/*도프SNS*/
	.main .blog_wrap {padding:10% 5%;}
	.main .blog_wrap.dofStyle>div.tit p {font-size:16px}
	.main .blog_wrap .list ul li a h4 {font-size:24px;}
	.main .blog_wrap .list ul li a h4 span {margin-top:10px;}
	.main .blog_wrap .list ul li a p {margin-top:20px;}
	
	/*도프소식~*/
	.main .link_wrap>div {padding:10% 5%;}


	
	
	
	

}