@charset "utf-8";
/* ===================================================== */
/* MAIN-COMMON */
.body-main #skip-nav::before {content: ''; position: fixed; inset: 0; pointer-events: none; background-color: #000; z-index: 9999; animation: fade-out .8s ease-in .2s both;}
#wrap {overflow: hidden;}
.section {background: transparent no-repeat center/cover;}
.sec-header {position: relative; display: flex; align-items: center;}
.sec-tit {font-family: var(--font-soyo); font-weight: 800; font-size: 7rem; letter-spacing: -0.025em; color:#222; margin-right:4rem;}
.sec-desc {font-size: 2.4rem; font-weight:500; color:#6f6f6f; line-height: 1.3; letter-spacing: 0;}

@media (max-width: 1280px) {
	.sec-tit {font-size: 6rem;}
}
@media (max-width: 1024px) {
	.sec-tit {font-size: 5rem;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
	.sec-tit {font-size: 4.5rem;}
}
@media (max-width: 480px) {
	.sec-tit {font-size: 28px;}
}
/* MAIN-COMMON */
/* ===================================================== */


/* ===================================================== */
/* MAIN-VISUAL */
.visual {position: relative; overflow: hidden;}
.visual-slide {height: 100vh; height: 100svh; min-height: 60rem; }
.visual-slide-img { display: block; height: 100%; background: #222 no-repeat center/cover; transform: scale(1.3); transition: 11s linear;} 
.visual-slide-img.vod {transform: scale(1.01);}

.visual-slide-img::before {content: ''; inset: 0; position: absolute; background-color: var(--color-black-a3);}
.visual-slide-img.vod::before {background-color: var(--color-black-a3);}

.visual-01 {background-image: url(../images/main/main_visual01.jpg);}
.visual-02 {background-image: url(../images/main/main_visual01.jpg);}
.visual-03 {background-image: url(../images/main/main_visual02.jpg);}
.visual-on .visual-slide-img { transform: scale(1.01); } 

.visual-txt { position: absolute; inset: 50% 0 auto; z-index: 10; transform: translateY(-50%); color:#fff; letter-spacing: 0;}
.visual-tit {font-family: var(--font-soyo); font-size: 7.5rem; font-weight:700; line-height: 1.2; display: inline-block; z-index: 1;}
.visual-tit em {position: relative;}
.visual-tit em::before {content:''; display: block; width: 9rem; height: 6.2rem; position:absolute; top:0; left:50%; transform: translate(-65%, -100%); background: url('../images/main/visual-tit.png') 50% 50% no-repeat; background-size:contain; transition: all 0.3s ease-in-out; z-index: -1;animation: fade-in 1s ease-out 2s both;}
.visual-desc {font-size:26px; font-weight:800; margin-top:2.5rem; margin-left: 1rem;}
.visual-on .visual-tit .char{
	--vdd: 1s; /* visual-desc 애니메이션 시간 */
	animation: fade-down .5s ease-out calc(.8s + (var(--vdd) / var(--char-total) * var(--char-index))) both; }
.visual-on .visual-desc .char {
	--vdd: 2s; /* visual-desc 애니메이션 시간 */
	animation: fade-in .5s ease-out calc(2s + (var(--vdd) / var(--char-total) * var(--char-index))) both;} 

.visual-cotrol{animation: fade-in 2s linear 1s both; display: flex; align-items: center; gap:60px; padding:30px 10px; transition: all 0.3s ease-in-out;}

.visual-dot .slick-dots { display: flex; column-gap: 20px; } 
.visual-dot button { display: flex; width: 13px; height:13px; font-size: 0; position: relative; border-radius: 50%; border: 1px solid var(--color-white-a5); transition: all 0.3s ease-in-out;} 
.visual-dot button::before { content:''; display: block; width:0; height:0; border-radius: 50%; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); background-color: #fff; transition: all 0.3s ease-in-out;} 

.visual-dot li:not(.slick-active) button:hover::before,
.visual-dot li.slick-active button::before { background-color: #fff; width: 13px; height: 13px;}


/* 스크롤 다운 */
.visual-scroll { display: flex; flex-direction: column; align-items: start; position: absolute; left: 50%; bottom: 3.4rem; transition: .3s; z-index: 1001; transform: translate(-50%, 0);} 
.is-fix .visual-scroll,
.is-menu .visual-scroll {display: none;}

.visual-scroll-btn {font-size: 0; width: 40px; height: 56px; background: url(../images/main/ico_scroll.png) no-repeat center;} 


.main__visual video {
	object-fit: cover;
	object-position: 50% 50%;
	width:100%;
	height:100%;

	min-height:100%;

}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
	.visual-slide {height: 700px;}

	.visual-txt {top: 55%;}
	.visual-tit {font-size: 6.5rem;}
	.visual-tit em::before {width: 7rem; height: 5rem;}
	.visual-desc {font-size: 22px;}
}
@media (max-width: 768px) {
	.visual-scroll-btn {width: 35px; background-size: contain;}
}
@media (max-width: 640px) {
	.visual-tit {font-size: 5rem;}
	.visual-tit em::before {width: 6rem; height: 4.5rem;}
	.visual-desc {font-size: 18px;}
}
@media (max-width: 480px) {
	.visual-scroll-btn {width: 25px;}

	.visual-slide {height: 500px;}
	.visual-tit {font-size: 4rem;}
	.visual-desc {font-size: 16px;}
}
/* MAIN-VISUAL */
/* ===================================================== */





/* ===================================================== */
/* SECTION 2 Business*/
.main__business .sec-top {background: #fff; padding: 13rem 0 19rem; text-align: center; position: relative;}
.main__business .sec-top::after {display: block; content: ''; width: 112px; height: 205px; background: url(../images/main/ico_business.png) no-repeat center bottom; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%);}
.main__business .sub-tit {font-size: 3.5rem; font-weight: 800; letter-spacing: -0.025em; color: #222;}
.main__business .tit {margin-top: 2rem; font-family: var(--font-soyo); font-size: 5.5rem; font-weight: 700; color: var(--color-sub);}
.main__business .tit span:first-child {color: var(--color-sub2);}
.main__business .tit span:last-child {color: var(--color-main);}

.fixed_bg {background: url(../images/main/business_fixed_bg.png) no-repeat center / cover; background-attachment: fixed; padding: 15rem 0 36rem; text-align: center;}
.fixed_bg p {font-size: 4rem; font-weight: 800; color: #fff;}

@media (max-width: 1280px) {
	.main__business .sub-tit {font-size: 2.5rem;}
	.main__business .tit {font-size: 4.5rem;}

	.fixed_bg {padding: 20rem 0 25rem;}
	.fixed_bg p {font-size: 3rem;}
}
@media (max-width: 1024px) {
	.fixed_bg p br {display: none;}
}
@media (max-width: 768px) {
	.fixed_bg {padding: 20rem 0;}
}
@media (max-width: 640px) {
	.main__business .sec-top::after {background-size: contain; width: 100px; height: 182px;}

	.fixed_bg p {font-size: 20px;}
}
@media (max-width: 480px) {
	.main__business .tit {font-size: 3rem;}
	.main__business .sub-tit {font-size: 16px;}

	.fixed_bg p {font-size: 18px;}
}
/* ===================================================== */







/* ===================================================== */
/* SECTION 3 Products*/
.main__product {background: url(../images/main/product_bg.png) no-repeat center bottom / 100% 50%; padding: 12rem 0; position: relative; overflow: hidden;}
.main__product::before {display: block; content: ''; width: 100%; height: 100%; background: url(../images/main/product_bg-deco.png) no-repeat left top / 100% auto; position: absolute; top: 0; left: 0;}

.main__product .sec-header {display: flex; align-items: flex-end; position: relative; z-index: 1;}
.main__product .sec-desc {font-size: 20px; font-weight: 600; margin-bottom: 5px;}

.slick-list-wrap {display: flex; align-items: center; padding-left: calc(var(--inner-padding) - 110px); }
.slick-list-wrap .slick-box {width: 45%; position: relative;}
.slick-list-wrap .slick-box+.slick-box {width: 55%;}
.slick-list-wrap .slick-box figure {position: relative;}
.slick-list-wrap .slick-box .nav {display: flex; margin-top: 3rem;}
.slick-list-wrap  .nav button {position: relative;}
.slick-list-wrap  .nav button::before {display: block; content: ''; width: 43px; height: 43px; border-radius: 50%; background: var(--color-sub4); position: absolute; top: 50%; right: 30%; transform: translateY(-50%); opacity: 0; transition: all 0.3s ease-in-out;}
.slick-list-wrap  .nav span {display: block; width: 60px; height: 27px; background: url(../images/main/ico_arrow04.png) no-repeat right center; position: relative; z-index: 1;}
.slick-list-wrap  .nav .prev {transform: rotate(180deg); margin-right: 3rem;}
.slick-list-wrap  .nav button.prev::before {background: var(--color-sub2);}

.slick-list-wrap .slick-box button:hover::before {right: -1.5rem; opacity: 1;}

.slick-list-wrap .slick-box.nth-1 .slick-list {padding: 6rem 0 3rem;}
.slick-list-wrap .slick-box.nth-1 .item a {display: flex; align-items: center;}
.slick-list-wrap .slick-box.nth-1 figure::after {display: block; content: ''; width: 50%; height: 5rem; border-radius: 50%; background: rgba(66, 54, 26, 0.6); position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); filter: blur(20px);}
.slick-list-wrap .slick-box.nth-1 figure::before {display: block; content: ''; width: 100%; height: 120%; background: url(../images/main/product-list1-bg.png) no-repeat center bottom / contain; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%);}
.slick-list-wrap .slick-box.nth-1 img {max-height: 570px; position: relative; z-index: 1;}
.slick-list-wrap .slick-box.nth-1 .desc {position: absolute; top: 45%; right: 0; z-index: 1; width: calc(100% - 470px); padding-left: 50px; padding-bottom: 50px;}
.slick-list-wrap .slick-box.nth-1 p {font-size: 18px; font-weight: 800; color: #6f6f6f; line-height: 1.8;}
.slick-list-wrap .slick-box.nth-1 span {display: block; font-family: var(--font-soyo); font-size: 5rem; font-weight: 700; letter-spacing: -0.025em; color: #222;}

.slick-list-wrap .slick-box.nth-2 .slick-current {opacity: 0; max-width: 0; overflow: hidden;}
.slick-list-wrap .slick-box.nth-2 .item {text-align: center; margin: 0 -60px;}
.slick-list-wrap .slick-box.nth-2 figure::after {display: block; content: ''; width: 40%; height: 5rem; border-radius: 50%; background: rgba(66, 54, 26, 0.6); position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); filter: blur(20px);}
.slick-list-wrap .slick-box.nth-2 img {position: relative; z-index: 1;}
.slick-list-wrap .slick-box.nth-2 p {font-family: var(--font-soyo); font-size: 25px; font-weight: 700; letter-spacing: -0.025em; color: #222; margin-top: 50px;}

@media (max-width: 1620px) {
	.slick-list-wrap .slick-box {transform: translateX(-10%); width: 55%;}
}
@media (max-width: 1440px) {
	.slick-list-wrap .slick-box.nth-1 figure {width: 80%;}
	.slick-list-wrap .slick-box.nth-1 .desc {padding-left: 0; width: calc(100% - 450px);}
	.slick-list-wrap .slick-box.nth-1 span {font-size: 4rem;}
	.slick-list-wrap .slick-box+.slick-box figure {width: 80%; margin: 0 auto;}
}
@media (max-width: 1280px) {
	.slick-list-wrap .slick-box {width: 65%;}
	.slick-list-wrap .slick-box+.slick-box {width: 45%;}
	.slick-list-wrap .slick-box.nth-2 p {font-size: 20px; margin-top: 30px;}
}
@media (max-width: 1024px) {
	.main__product {padding-bottom: 8rem;}
	.slick-list-wrap .slick-box.nth-1 {width: 70%;}
	.slick-list-wrap .slick-box.nth-1 .desc {width: 40%;}
	.slick-list-wrap .slick-box.nth-1 span {font-size: 3rem;}
	.slick-list-wrap .slick-box.nth-1 p {font-size: 16px;}
	.slick-list-wrap .slick-box.nth-2 {width: 30%;}
}
@media (max-width: 768px) {
	.main__product .sec-desc {font-size: 18px;}
}
@media (max-width: 640px) {
	.main__product .sec-tit {margin-right: 2rem;}
	.slick-list-wrap .slick-box.nth-1 {width: 110%;}
	.slick-list-wrap .slick-box.nth-1 .desc {padding-right: 10px;}
	.slick-list-wrap .slick-box.nth-2 {display: none;}
}
@media (max-width: 480px) {
	.main__product .sec-header {display: block;}
	.main__product .sec-desc {font-size: 16px; margin-top: 5px;}
	.slick-list-wrap .slick-box.nth-1 {width: 100%; transform: translateX(0);}
	.slick-list-wrap .slick-box.nth-1 figure {width: 100%;}
	.slick-list-wrap .slick-box.nth-1 .desc {position: static; width: 100%; padding: 0 20px; text-align: center;}
	.slick-list-wrap .slick-box .nav {justify-content: center;}
}
/* ===================================================== */











/* ===================================================== */
/* SECTION 4 farm-info */
.main__farming-info {background: var(--color-main) url(../images/main/farm-info_bg.png) no-repeat center bottom; padding: 6.5rem 0 10rem;}
.main__farming-info .inner {display: flex; justify-content: space-between;}
.main__farming-info .sec-tit {color: #fff; font-size: 5rem;}

.main__farming-info .farming-list {width: 75%; margin-top: 3.5rem; padding-left: 9rem; position: relative;}
.farming-list .nav {cursor: pointer; width: 42px; height: 42px; background: url(../images/main/ico_arrow03.png) no-repeat center; position: absolute; top: 52px; left: 6rem; transform: translate(-50%, -50%); transition: all 0.3s ease-in-out;}
.farming-list .nav.next {left: auto; right: -3rem; transform: translate(50%, -50%) rotate(180deg);}
.farming-list .nav:hover {transform: translate(-80%, -50%);}
.farming-list .nav.next:hover {transform: translate(80%, -50%) rotate(180deg);}

.farming-list .item {margin: 0 3.2rem; text-align: center;}
.farming-list .item .ico {display: inline-block; margin: 0 auto; border-radius: 50%; width: 104px; height: 104px; background-color: #097383; position: relative; transition: all 0.3s ease-in-out;}
.farming-list .item .ico img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.farming-list .item .tit {display: block; width: 100%; text-align: center; font-size: 25px; font-weight: 800; color: #fff; margin-top: 3.5rem; transition: all 0.3s ease-in-out;}

.farming-list .item a:hover .ico {background-color: var(--color-sub2);}
.farming-list .item a:hover .tit {color: var(--color-sub2);}

@media (max-width: 1620px) {
	.main__farming-info {padding: 6.5rem 0; background-size: auto 70%; background-position: left bottom;}
	.main__farming-info .sec-header {align-items: flex-start;}
	.main__farming-info .farming-list {padding: 0 40px; margin-right: 20px;}
	.farming-list .nav {left: 0;}
	.farming-list .nav.next {right: 0;}
}
@media (max-width: 1440px) {
	.main__farming-info {background-position-x: -60%;}
	.farming-list .item {margin: 0 2rem;}
}
@media (max-width: 1280px) {
	.main__farming-info {background-position-x: -100px;}
	.farming-list .item .ico {width: 80px; height: 80px; background-size: contain;}
	.farming-list .item .tit {font-size: 20px;}
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
	.main__farming-info .sec-tit {font-size: 4rem;}
}
@media (max-width: 640px) {
	.main__farming-info {background-position-x: -150px;}
}
@media (max-width: 480px) {
	.main__farming-info {padding-bottom: 10rem; background-size: auto 40%; background-position-x: -100px;}
	.main__farming-info .inner {display: block;}
	.main__farming-info .sec-tit br {display: none;}
	.main__farming-info .farming-list {width: 100%; margin-right: 0;}
	.farming-list .item .tit {margin-top: 2rem;}
	.farming-list .nav {left: 20px;}
	.farming-list .nav.next {right: 20px;}
}
/* ===================================================== */




/* ===================================================== */
/* SECTION 5 map */
.main__map {text-align: right; padding: 23rem 0 24rem; position: relative;}
#daumRoughmapContainer1723102398303 {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; z-index: 0;}
.root_daum_roughmap .wrap_map {height: 100% !important; position: relative;}
.root_daum_roughmap .wrap_map::after {display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}

.map-info {display: inline-block; background-color: #000; position: relative; z-index: 1; padding: 3rem 3rem 4rem; border-radius: 10px; box-shadow: 0 0 90px var(--color-black-a3); margin-right: var(--inner-padding); text-align: left;}
.map-info .sec-tit {font-size: 3.5rem; font-weight: 700; color: var(--color-main);}
.map-info .desc {background-color: var(--color-main); margin-top: 2rem;}
.map-info .desc .item {display: flex; align-items: center; padding: 1rem 2rem; color: #fff; background: url(../images/main/ico_map.png) no-repeat 2rem center; min-height: 60px;}
.map-info .desc .item.tel {background-image: url(../images/main/ico_tel.png); border-top: 1px solid #107988;}
.map-info .desc .item p {font-size: 17px; font-weight: 800; padding-left: 5rem; vertical-align: middle;}
.map-info .desc .item a {padding-left: 5rem; font-family: var(--font-soyo); font-size: 25px; font-weight: 700; letter-spacing: -0.04em;}

.map-info .info-item {display: flex; align-items: center; margin-top: 2rem; color: #fff; font-size: 16px; font-weight: 800;}
.map-info .info-item dd {font-family: var(--font-soyo); font-size: 17px; padding-left: 2rem; margin-left: 2rem; position: relative;}
.map-info .info-item dd::after {display: block; content: ''; width: 1px; height: 12px; background: var(--color-main); position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.map-info .info-item span {display: inline-block; color: var(--color-main); margin-right: 5px;}

@media (max-width: 1440px) {
}
@media (max-width: 1280px) {
	.map-info .sec-tit {font-size: 28px;}

	.map-info .desc .item a {font-size: 20px;}
}
@media (max-width: 1024px) {
	.main__map {padding: 60rem 0 2rem;}
	
	.map-info {width: 100%;}
	.map-info .desc {display: flex;}
	.map-info .info-item {display: inline-flex;}
	.map-info .info-item+.info-item {margin-left: 20px;}
	.map-info .desc .item p {font-size: 16px;}
}
@media (max-width: 768px) {
	.main__map {padding: 70rem 0 2rem;}
}
@media (max-width: 640px) {
	.main__map {padding: 60rem 0 0;}
	#daumRoughmapContainer1723102398303 {height: 60rem !important;}
	.map-info {text-align: center; margin: 0; order: 2;}
	.map-info .sec-tit {font-size: 24px;}
	.map-info .desc .item p,
	.map-info .desc .item a {font-size: 16px; padding-left: 4rem;}
	.map-info .info-item {font-size: 14px;}
	.map-info .info-item dd {margin-left: 1rem; padding-left: 1rem; font-size: 14px;}
}
@media (max-width: 480px) {
	.main__map {padding: 50rem 0 0;}
	#daumRoughmapContainer1723102398303 {height: 50rem !important;}
	.main__map .sec-header {justify-content: center;}
	.map-info .sec-tit {margin-right: 0;}
	.map-info .desc {display: block;}
	.map-info .desc .item {justify-content: center;}
}
@media (max-width: 460px) {
	.map-info .info-item+.info-item {margin-left: 0; width: 100%; justify-content: center;}
}
/* ===================================================== */



/* ===================================================== */
/* SECTION 6 inquiry */
.main__inquiry {background: url(../images/main/inquiry_bg.png) no-repeat center / cover; padding: 9.5rem 0 13rem;}
.main__inquiry .sec-tit {color: #fff;}

.inquiry-wrap {display: flex; align-items: center;}
.inquiry-wrap .desc {flex: 1; padding: 2rem 0 2rem 33rem; margin-top: 5rem; background: url(../images/main/ico_inquiry.png) no-repeat 11rem center;}
.inquiry-wrap .desc p {font-size: 25px; font-weight: 800; color: #fff;}
.inquiry-wrap .desc span {display: inline-block; position: relative; padding: 0 10px; margin: 0 5px;}
.inquiry-wrap .desc span::before {display: block; content: ''; width: 100%; height: 24px; background-color: var(--color-main); position: absolute; top: 15px; left: 0;}
.inquiry-wrap .desc em {color: #ffc000; position: relative; z-index: 1;}

.btn-wrap {min-width: 31.5rem; margin-left: 10rem;}
.btn-wrap .btn+.btn {margin-top: 1.5rem;}
.btn-wrap a {display: block; padding: 2rem 4rem 2rem 5rem; border-radius: 70px; background-color: var(--color-main); position: relative;}
.btn-wrap a::after {display: block; content: ''; width: 38px; height: 17px; background: url(../images/main/ico_arrow02.png) no-repeat; position: absolute; top: 50%; right: 3.5rem; transform: translateY(-50%); transition: all 0.3s ease-in-out;}
.btn-wrap .btn+.btn a {background-color: var(--color-sub);}
.btn-wrap span {font-family: var(--font-soyo); font-size: 23px; font-weight: 700; color: #fff; letter-spacing: -0.025em;}

.btn-wrap a:hover::after {animation: btn_arrow 1.5s infinite linear;}

@keyframes btn_arrow {
	33% { transform: translate(3px, -50%); } 
	66% { transform: translate(-6px, -50%); } 
}

@media (max-width: 1440px) {
	.inquiry-wrap .desc {padding-left: 20rem; background-position-x: 5rem;}
}
@media (max-width: 1280px) {
	.inquiry-wrap .desc {padding-left: 16rem; background-position-x: 2rem;}
	.inquiry-wrap .desc p {font-size: 20px;}
	.inquiry-wrap .desc span {padding: 0 5px; margin: 0;}
	.inquiry-wrap .desc span::before {height: 15px;}

	.btn-wrap {margin-left: 5rem;}
	.btn-wrap span {font-size: 20px;}
}
@media (max-width: 1024px) {
	.inquiry-wrap {flex-wrap: wrap; justify-content: flex-end;}
	.inquiry-wrap .desc {width: 100%; flex: auto; margin-bottom: 20px;}

	.btn-wrap {display: flex; margin: 0;}
	.btn-wrap .btn+.btn {margin: 0 0 0 10px;}
	.btn-wrap a {padding: 1.5rem 10rem 1.5rem 3rem;}
	.btn-wrap span {font-size: 18px;}
}
@media (max-width: 768px) {
	.inquiry-wrap .desc {background-size: 8rem auto; padding-left: 13rem; margin-top: 3rem;}
	.inquiry-wrap .desc p {font-size: 18px;}
}
@media (max-width: 640px) {
	.inquiry-wrap .desc {background-image: none; padding-left: 0; margin-top: 10px;}

	.btn-wrap span {font-size: 16px;}
}
@media (max-width: 480px) {
	.inquiry-wrap .desc p {font-size: 16px;}
	.inquiry-wrap .desc span::before {top: 10px; height: 12px;}

	.btn-wrap {display: block;}
	.btn-wrap .btn+.btn {margin: 10px 0 0 0;}
}
/* ===================================================== */







/* ===================================================== */
/* */

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px) {
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
/* */
/* ===================================================== */