@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;}


.color-b {color:#222 !important;}
.color-g {color:#666 !important;}
.color-1 {color:var(--color-main) !important;}
.color-2 {color:#2865b5 !important;}





.body-main .section {overflow: hidden;}

/*Title*/
.sec-header {text-align: center;}
.sec-header .tit{font-size:6rem; font-weight: 900; color:var(--color-main); display: inline-block; margin-top:1rem;}

.sec-header .tit em {font-weight: 300;}
.sec-header .txt{font-size:2rem; font-weight: 600; color:#99bc9b;}




@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
	.sec-header .tit img {max-height:51px;}
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}

/*화살표*/
.more-arrow {position: relative; height:3.2rem; --morebg:#6d7ee7; font-size:0; text-indent: -9999px; line-height:1; transition: all 0.5s ease-in-out;}
.more-arrow span::before,
.more-arrow span::after {content:''; display: block;  background-color: var(--morebg); position: absolute; transition: all 0.3s ease-in-out;}
.more-arrow span::before {width:2.4rem; height:100%; mask: url('../images/main/ico_arrow01.svg') no-repeat right center / contain; -webkit-mask: url('../images/main/ico_arrow01.svg') no-repeat right center / contain;right:0rem; top:0; transform: translate(0, 0%);}
.more-arrow span::after {width:100%; height:calc(100% / 8); right:0.1rem; top:50%; border-radius: 2rem; margin-top:-0.35rem;}

/* MAIN-COMMON */
/* ===================================================== */







/* ===================================================== */
/* MAIN-VISUAL : S */

.mainvisual {position: relative; --vc-height:8.8rem;}
.mainvisual-wrap {overflow: hidden; transition:all 0.5s linear 0.5s; position: relative;}

.mainvisual-slide {height:100vh; height: calc(var(--vh, 1vh) * 100 ); min-height: 70rem; max-height:96rem; background-color: #000; position: relative;transition: height 0.3s ease-in-out;}

.mainvisual-slide .slide-list {height: 100%;}
.mainvisual-slide .item {position: relative; height:100%; overflow: hidden; display: flex; align-items: center;}
.mainvisual-slide .item .bg {height:100%; width:100%; position: absolute; z-index: -1;}
.mainvisual-slide .item .bg::after {content:''; display: block; width:100%; height:100%; position: absolute; top:0; left:0; background-color: rgba(0, 0, 0, 0); z-index: 2;}
.mainvisual-slide .item .bg span{display: block; width: 100%;height: 100%; background:no-repeat 60% center / cover; transform: scale(1); transition: all 10s linear;}
.mainvisual-slide .item.is-active .bg span {transform: scale(1.2);}


.mainvisual-slide .item.nth-1 .bg span {background-image: url('../images/main/visual_bg01.jpg');}
.mainvisual-slide .item.nth-2 .bg span {background-image: url('../images/main/visual_bg02.jpg');}
.mainvisual-slide .item.nth-3 .bg span {background-image: url('../images/main/visual_bg03.jpg');}

.main__visual-video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

.mainvisual-slide .swiper-slide .bg.vod {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
	transition: all 10s ease-in-out;
	
}


.mainvisual-slide .copy-box {margin:0 var(--inner-padding); padding:var(--vc-height) 0; flex-grow: 1; position: relative;}
.mainvisual-slide .copy-box h3 {font-size:11rem; color:#fff; font-weight: 700; display: inline-block; text-shadow: 0 0 4rem var(--color-black-a5);}
.mainvisual-slide .copy-box p {font-size:max(2.5rem, 18px); color:#fff; font-weight: 500; margin-top:1.5rem; text-shadow: 0 0 4rem var(--color-black-a5);}


.mainvisual-slide .item.is-active .copy-box h3 {animation: clip-right 1s ease-in-out 1s both ;}
.mainvisual-slide .item.is-active .copy-box p {animation: fade-up 1s ease-in-out 1.2s both ;}







.mainvisual-slide .slide-control {position: absolute; z-index: 1; left:50%; bottom:0%; transform: translate(-50%, 0%);  opacity: 0;}
.mainvisual-wrap.is-active .mainvisual-slide .slide-control {opacity: 1; transition: opacity 0.5s ease-in-out 1s;}

.mainvisual-slide .slide-control-wrap .paging {display: flex; gap:0rem;}

.mainvisual-slide .slide-control-wrap .paging .swiper-pagination-bullet { width:5.5rem; height:var(--vc-height); margin:0;  border-radius: 0;  opacity: 1; background-color:transparent; transition: all 0.5s ease-in-out; position: relative;}
.mainvisual-slide .slide-control-wrap .paging .swiper-pagination-bullet::before {content:''; display: block; width:6px; height:6px; border-radius: 50%; background-color: #fff; position: absolute; bottom:2.5rem; left: 50%; transform: translate(-50%, 0); transition: all 0.3s linear;}
.mainvisual-slide .slide-control-wrap .paging .swiper-pagination-bullet::after {content:''; display: block; width:100%; height:100%; background-color: #fff; mask: url('../images/main/visual_dot01.svg') no-repeat center bottom / contain; -webkit-mask: url('../images/main/visual_dot01.svg') no-repeat center bottom / contain; position: absolute; bottom:0; left: 50%; transform: translate(-50%, 100%); opacity: 0; transition: all 0.3s linear;}

.mainvisual-slide .slide-control-wrap .paging .swiper-pagination-bullet-active::before {opacity: 0;}
.mainvisual-slide .slide-control-wrap .paging .swiper-pagination-bullet:hover::before {background-color: var(--color-main);}


.mainvisual-slide .slide-control-wrap .paging .swiper-pagination-bullet-active::after {opacity: 1;  transform: translate(-50%, 0);}



@media (max-width: 1440px){
}


@media (max-width: 1280px){
	.mainvisual-slide .copy-box h3 {font-size:9rem;}
}


@media (max-width: 1024px){
	.mainvisual-slide .copy-box h3 {font-size:8rem;}

}

@media (max-width: 768px){
	.mainvisual-slide .copy-box {text-align: center;}
	.mainvisual-slide .copy-box h3 {font-size:7rem;}
	.mainvisual-slide .item.is-active .copy-box h3 {animation-name: clip-center;}
}



@media (max-width: 576px){
	.mainvisual-slide .copy-box h3 {font-size:6rem;}
}




/* 스크롤 다운 */
.visual-scroll { position: absolute; left:50%; bottom: 2.5rem; transform: translate(-50%, 0); transition: .3s; z-index: 1;}

.scroll-btn {position: absolute; top:0; left:0; width:100%; height:100%; z-index: 1; opacity: 0;}
.scroll-btn a {display: block; height:100%; font-size:0; text-indent: -8888px; }


.visual-scroll-line {display: flex; position: relative; width: 2rem; height:6.5rem; font-size:0; line-height: 1; flex-direction: column; gap:1rem; align-items: center;}
.visual-scroll-line em {display: flex; flex-direction: column; gap:1rem; align-items: center; }
.visual-scroll-line em::before,
.visual-scroll-line em::after {content:''; display: block; width:2px; height:2px; border-radius: 50%; background-color: #fff;}
.visual-scroll-line::after {content: ''; display: block; width:2rem; height:2rem; border:solid #fff; border-width: 2px 2px 0 0; transform:rotate(135deg); bottom:1rem; left:0; position: absolute;animation: scroll-arrow 1.5s infinite linear;}
@keyframes scroll-arrow {
	33% { transform: translateY(6px) rotate(135deg); } 
	66% { transform: translateY(-3px) rotate(135deg); } 
}


@media (max-width: 1440px){

}
/*.is-fix .mainvisual-wrap.is-active {margin:0; border-radius: 0;}*/


/* MAIN-VISUAL : E */
/* ===================================================== */








/* ===================================================== */
/* SECTION 2 : S */
/*Info*/
.main__info {padding:12rem 0 18rem; background:url('../images/main/section02_bg01.png') no-repeat center bottom / cover; --minfo-padding : 3rem;}
.main__info-wrap {margin:0 var(--inner-padding);}

.main__info-top {font-size:2.5rem; font-weight: 600; color:var(--color-main); letter-spacing: 0.25em; text-align: center; margin-bottom: 5rem;}


.info__box {padding:var(--minfo-padding); background:url('../images/main/section02_bg02.png') no-repeat center / cover; border-radius: 8rem; position: relative;}
.info__box::after {content: ''; display: block; width:calc(var(--minfo-padding) + 2rem); height:var(--minfo-padding); background-color: #fff; position: absolute; bottom:0; left:calc(12% + var(--minfo-padding));}

.info__box-bg {position: absolute;}

.info__box-bg.nth-1 {bottom: calc(0px - 1rem); left:8%;  width:22rem; height:100%;}
.info__box-bg.nth-1::before {content: ''; display: block; width:100%; height:100%; position: absolute; top:0; left:0;  background: url('../images/main/section02_bg02.png') no-repeat center / cover;  mask: url('../images/main/symbol01.svg') no-repeat center bottom / contain; -webkit-mask: url('../images/main/symbol01.svg') no-repeat center bottom / contain;}

.info__box-bg.nth-1.aos-animate {animation: wobble 8s ease-in-out infinite;}


.info__box-bg.nth-2 {padding: var(--minfo-padding);  width:13rem; height:13rem; border-radius: 50%; right:0%; top:50%; transform: translate(calc(50% - var(--minfo-padding) / 2), -50%); background: url('../images/main/section02_bg02.png') no-repeat center / cover; }
.info__box-bg.nth-2::before {content:''; display: block; background-color: #fff; height: 100%; border-radius: 50%;}


.info__box-wrap {border-radius: 6rem; background-color: #fff; padding: 8rem 8rem 8rem 37%; min-height: 50rem; display: flex; align-items: center; position: relative; overflow: hidden;}
.info__box-wrap .tit {display: flex; align-items: center; gap:2rem; font-size: 7.5rem; color:var(--color-main); font-weight: 700;}
.info__box-wrap .tit span {font-weight: 200;}

.info__box-wrap .tit strong:first-child.aos-animate {animation: fade-right 0.8s linear 0.0s both;}
.info__box-wrap .tit strong:last-child.aos-animate {animation: fade-left 0.8s linear 0.0s both;}
.info__box-wrap .tit span.aos-animate {animation: rotateIn 0.5s linear 1s both;}


.info__box-wrap .txt {font-size:2rem; color:#222; font-weight: 600; margin-top:3rem; opacity: 0;}
.info__box-wrap .txt.nth-1 strong {color:var(--color-main); font-weight: 700;}
.info__box-wrap .txt.nth-3 {font-size:2.5rem;}


.info__box-wrap .txt.nth-1.aos-animate {animation: fade-up 0.5s linear 1s both;}
.info__box-wrap .txt.nth-2.aos-animate {animation: fade-up 0.5s linear 1.2s both;}
.info__box-wrap .txt.nth-3.aos-animate {animation: fade-up 0.5s linear 1.3s both;}


@media (max-width: 1440px){
	
}
@media (max-width: 1280px){
	.main__info {padding:12rem 0 16rem; --minfo-padding : 2.5rem;}
	.main__info-wrap {margin:0 var(--inner-padding);}

	.main__info-top {letter-spacing: 0.15em;}


	.info__box-bg.nth-2 {width:11rem; height:11rem; }

	.info__box-wrap {border-radius: 6rem; padding: 6rem 6rem 6rem 37%;}

}
@media (max-width: 1024px){
	.main__info { --minfo-padding : 2rem;}
	.info__box::after {bottom:0; left:calc(10% + var(--minfo-padding));}

	.info__box-bg.nth-1 {left:5%;  width:15%; height:100%;}
	.info__box-bg.nth-2 {width:10rem; height:10rem;}


	.info__box-wrap {padding: 6rem 6rem 6rem 25%; }
	.info__box-wrap .desc {flex-grow: 1;}
	.info__box-wrap .tit {font-size: 6rem;}

}

@media (max-width: 960px){
	.main__info-top {letter-spacing: 0.1em;}
	.info__box-wrap .txt br {display: none;}
}
@media (max-width: 768px){

	.main__info { --minfo-padding : 1.5rem;}
	.main__info-top {letter-spacing: 0em;}
	.info__box {border-radius: 6rem;}
	.info__box::after {bottom:0; left:calc(10% + var(--minfo-padding));}

	.info__box-bg.nth-1 {left:4%;  width:12%;}
	.info__box-bg.nth-2 {width:8rem; height:8rem;}


	.info__box-wrap {padding: 4rem 4rem 5rem 20%; border-radius: 4rem; }
	.info__box-wrap .tit {font-size: 5rem;}

}
@media (max-width: 576px){
	.main__info { --minfo-padding : 1.5rem;}
	.info__box {border-radius: 5rem;}

	.info__box-bg.nth-1 {left:4%;  width:9%; height:20%;}
	.info__box-bg.nth-2 {width:8rem; height:8rem;}


	.info__box-wrap {padding: 4rem 4rem 20% 4rem; border-radius: 3rem; }
	.info__box-wrap .tit {font-size: 4rem; justify-content: center;}
}
@media (max-width: 480px){
	.info__box-bg.nth-2 {width:6rem; height:6rem;}


	.info__box-wrap {padding: 4rem 3rem 20% 3rem;}
	.info__box-wrap .desc {text-align: center;}
	.info__box-wrap .tit {gap:1rem;}
}
/* SECTION 2 : E */
/* ===================================================== */








/* ===================================================== */
/* SECTION 3 : S*/
/*Farmtory*/
.main__story {padding:18rem 0 9rem; background: url('../images/main/section03_bg01.png') no-repeat right bottom / cover;}
.main__story-wrap {display: flex; justify-content: center; margin:0 var(--inner-padding); margin-top:8rem;}

.main__story-wrap .item { width:30%; position: relative;}
.main__story-wrap .item + .item {margin-left:-5%;}
.main__story-wrap .item.nth-1 {z-index: 3;}
.main__story-wrap .item.nth-2 {z-index: 2;}
.main__story-wrap .item.nth-3 {z-index: 1;}
.main__story-wrap .item .link{display: block; position: relative; height:100%;}
.main__story-wrap .item .bg {position: relative; transition: all 0.3s ease-in-out; width:100%;}
.main__story-wrap .item .bg img {transition: all 0.3s ease-in-out;}
.main__story-wrap .item .bg-img {border-radius: 50%; overflow: hidden;}
.main__story-wrap .item.nth-1 .bg-img {border-radius: 0;}


.main__story-wrap .item .desc {position: absolute; width:100%; top:25%; padding:0 8rem; text-align: center; z-index: 1; }
.main__story-wrap .item .desc .tit {font-size:3rem; font-weight: 600; color:#fff; transition: all 0.5s ease-in-out;}
.main__story-wrap .item .desc .txt {font-size:max(1.8rem, 14px); font-weight: 600; color:#fff; margin-top:2rem; transition: all 0.5s ease-in-out;}


.main__story-wrap .item:hover {z-index: 4; }




.main__story-wrap .item .arrow { display: inline-block; width:8rem; height: 8rem; background-color: var(--color-main); border-radius: 50%; font-size:0; text-indent:-99999px; transition: all 0.5s ease-in-out; transform:translate(0%, 0);z-index: 1; opacity: 0;}

.main__story-wrap .item .arrow::before {content:''; display: block; width:4.4rem; height:1.6rem; background-color: #fff;  mask: url('../images/main/ico_arrow02.svg') no-repeat center / contain; -webkit-mask: url('../images/main/ico_arrow02.svg') no-repeat center / contain; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); transition: all 0.5s ease-in-out;}


.main__story-wrap .item .link:hover .bg img{transform: scale(1.1); transition-duration: 1s;}
.main__story-wrap .item.nth-1 .link:hover .bg img{transform: scale(1); transition-duration: 1s;}
.main__story-wrap .item .link:hover .bg-cover {background-image: url('../images/main/section05_bg02.png'); opacity: 1;}


.main__story-wrap .item .link:hover .arrow {opacity: 1; transform: translate(0%, 25%);}
.main__story-wrap .item.nth-1 .link:hover .arrow {background-color: #000;}




.main__story-dot {position: absolute; bottom:1rem; left:50%; transform: translate(-50%, 0); display: flex; flex-direction: column; gap:2rem;}
.main__story-dot span {display: block; width:2.2rem; height:3rem; background-color: var(--color-main);  mask: url('../images/main/section03_dot01.svg') no-repeat center / contain; -webkit-mask: url('../images/main/section03_dot01.svg') no-repeat center / contain; animation:dot-ani 3s linear 1s infinite;}
.main__story-dot::before,
.main__story-dot::after {content:''; display: block; width:2.2rem; height:3rem; background-color: var(--color-main);  mask: url('../images/main/section03_dot01.svg') no-repeat center / contain; -webkit-mask: url('../images/main/section03_dot01.svg') no-repeat center / contain;}
.main__story-dot::before {animation:dot-ani 3s linear infinite;}
.main__story-dot::after{animation:dot-ani 3s linear 2s infinite;}

@keyframes dot-ani {
	0% { opacity:0;}
	25% { opacity:0.33 } 
	50% { opacity:0.66;} 
	75% { opacity:1;} 
	100% { opacity:0;}
}


@media (max-width: 1380px){
	.main__story-wrap .item { width:33%;}
}
@media (max-width: 1280px){
	.main__story-wrap .item { width:33.3%;}

	/*.main__story-wrap .item .desc {top:13rem;}*/
}
@media (max-width: 1100px){
	.main__story-wrap .item { width:36%;}
}
@media (max-width: 1024px){
	.main__story-wrap .item .desc { padding:0 6rem;}
	.main__story-wrap .item .desc .txt {margin-top:1rem;}
	.main__story-wrap .item .arrow {width:6rem; height:6rem;}
	.main__story-wrap .item .arrow::before {height:1.2rem;}
}
@media (max-width: 960px){
	.main__story-wrap .item .desc { padding:0 5rem;}
	.main__story-wrap .item .desc .txt {margin-top:1rem; line-height: 1.3;}
	
}

@media (max-width: 768px){
	
}
@media (max-width: 768px){
	.main__story {padding:15rem 0 15rem; background-size: 300% auto;}
	.main__story-wrap {flex-wrap: wrap;row-gap: 4rem;}
	.main__story-wrap .item { width:100%; max-width: 380px; }
	.main__story-wrap .item + .item {margin-left:0%;}

	.main__story-wrap .item:not(.nth-1) .desc {top:50%; transform: translateY(-30%);}
	
}
@media (max-width: 480px){
}
/* SECTION 3 : E */
/* ===================================================== */








/* ===================================================== */
/* SECTION 4 : S */
/*Product*/
.main__product {padding:9rem 0 15rem; background: url('../images/main/section04_bg01.png') no-repeat center bottom / cover;}

.main__product-wrap {margin-top:6rem;}
.main__product-wrap .item {max-width: 108rem; padding:0 5rem; height:auto;}

.main__product-wrap .item .link {display: flex; position: relative; height:100%; }
.main__product-wrap .item .image {width:65%; flex-shrink: 0; border-radius: 2.5rem 0 0 2.5rem; overflow: hidden; border:1px solid var(--color-main);}
.main__product-wrap .item .image img {object-fit: cover; object-position: 50% 50%; width:100%; height:100%; transition: all 0.5s ease-in-out;}
.main__product-wrap .item .desc { position: relative; padding:4rem 4rem;}
.main__product-wrap .item .desc::before {content:''; display: block; width:100%; height:100%; background-color: var(--color-main); position: absolute; top:0; left:0;  border-radius: 0 2.5rem 2.5rem 0; z-index: -1;}


.main__product-wrap .item .tit {display: flex; flex-direction: column; gap:0.5rem;}
.main__product-wrap .item .tit span {font-size:4.5rem; color:#fff; font-weight: 500;}
.main__product-wrap .item .tit em {font-size:max(1.6rem, 13px); color:#000; font-weight: 500;}

.main__product-wrap .item .arrow {width:100%; height:1px; background-color: #45934b; margin:4rem 0; font-size:0; text-indent: -999999px; position: relative;}

.main__product-wrap .item .arrow span {display: block; width:8rem; height:8rem; border-radius: 50%; border:1rem solid var(--color-main); box-shadow: 1rem 1rem 2rem var(--color-black-a2); background-color: #fff; position: absolute; top:0%; left:100%; transform: translate(-50%, -50%); transition: all 0.5s ease-in-out; opacity: 0;}
.main__product-wrap .item .arrow span::before,
.main__product-wrap .item .arrow span::after {content:''; display: block; position: absolute;}
.main__product-wrap .item .arrow span::before {width:1.4rem; height:2.5rem; background-color:var(--color-main); mask: url('../images/main/ico_arrow01.svg') no-repeat center / contain; -webkit-mask: url('../images/main/ico_arrow01.svg') no-repeat center / contain; top:50%; left:50%; transform: translate(-50%, -50%);}
.main__product-wrap .item .arrow span::after {width:4.5rem; height:1px; background-color: #45934b; top:calc(50% - 1px); right:calc(50% - 0.5rem);}

.main__product-wrap .item .txt {font-size:max(1.8rem, 14px); color:#90d696;}

.main__product-wrap .item .link:hover .image img {transform: scale(1.1);}
.main__product-wrap .item .link:hover .arrow span {transform: translate(0%, -50%); opacity: 1;}







.main__product-wrap .slide-control {margin: 6rem var(--inner-padding) 0;}
.main__product-wrap .slide-control-wrap {display: flex; gap:5rem; justify-content: center; align-items: center;}
.main__product-wrap .slide-control-wrap .paging {width:auto; display: flex; gap:1rem; align-items: center;}
.main__product-wrap .slide-control-wrap .paging span {margin:0; width:1rem; height:1rem; background-color: #dfe1de; opacity: 1;}
.main__product-wrap .slide-control-wrap .paging span.swiper-pagination-bullet-active {background-color: var(--color-main);}

.main__product-wrap .slide-control-wrap .btn-wrap {display: flex; gap:3rem;}
.main__product-wrap .slide-control-wrap .slide-btn {width:5.8rem; height:2rem; font-size:0; text-indent: -9999px; cursor:pointer; flex-shrink: 0;}
.main__product-wrap .slide-control-wrap .slide-btn span {display: block; width:100%; height:100%; background-color:#000; mask: url('../images/main/ico_arrow02.svg') no-repeat center / contain; -webkit-mask: url('../images/main/ico_arrow02.svg') no-repeat center / contain; transition: all 0.5s ease-in-out;}

.main__product-wrap .slide-control-wrap .slide-btn.prev {transform: rotate(180deg);}
.main__product-wrap .slide-control-wrap .slide-btn:hover span {transform: translateX(3px); background-color: var(--color-main);}


@media (max-width: 1440px){
}
@media (max-width: 1280px){
	.main__product-wrap .item {max-width: 100rem; padding:0 3rem;}
}
@media (max-width: 1024px){
	.main__product-wrap .item .image {width:60%;}
}
@media (max-width: 768px){
}
@media (max-width: 640px){
	.main__product-wrap .item {padding:0 2rem;}
	.main__product-wrap .item .link {flex-wrap: wrap;}
	.main__product-wrap .item .image {width:100%; border-radius: 2.5rem 2.5rem 0 0;}
	.main__product-wrap .item .desc { padding:3rem 3rem; width:100%;}
	.main__product-wrap .item .desc::before {border-radius: 0 0 2.5rem 2.5rem;}

	.main__product-wrap .item .tit span {font-size:3.6rem;}
	.main__product-wrap .item .arrow {margin:3rem 0;}

	.main__product-wrap .item .arrow span {width:6rem; height:6rem; border-width:0.6rem;}

	.main__product-wrap .item .link:hover .arrow span {transform: translate(-25%, -50%);}
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}
/* SECTION 4 : E */
/* ===================================================== */








/* ===================================================== */
/* SECTION 5 : S */

/*R&D*/
.main__rnd {padding:3rem 0 15rem; background: url('../images/main/section05_bg01.png') no-repeat center top / cover;}
.main__rnd-wrap {margin:7rem var(--inner-padding) 0; display: flex; justify-content: space-between; gap:8%;}

.main__rnd-wrap .item {flex:1;}
.main__rnd-wrap .item .link{display: block; position: relative;}

.main__rnd-wrap .item .bg {border-radius: 20rem; overflow: hidden; position: relative; box-shadow: 0 0 0 var(--color-black-a5); transition: all 0.3s ease-in-out;}
.main__rnd-wrap .item .bg-img img {object-fit: cover; object-position: 50% 50%; transition: all 0.3s ease-in-out;}
.main__rnd-wrap .item .bg-cover {width:100%; height:100%; background: url('../images/main/section05_bg02.png') no-repeat center top / cover; position: absolute; top:0; left:0; transition: all 0.5s ease-in-out; z-index: 1;}

.main__rnd-wrap .item.nth-1 .bg-cover {background-image: url('../images/main/section05_bg0201.png'); opacity: 0.5;}
.main__rnd-wrap .item.nth-2 .bg-cover {background-image: url('../images/main/section05_bg02.png'); opacity: 0.5;}
.main__rnd-wrap .item.nth-3 .bg-cover {background-image: url('../images/main/section05_bg0203.png'); opacity: 0.5;}



.main__rnd-wrap .item .desc {position: absolute; top:25%; padding:0 5rem; text-align: center; z-index: 1;}
.main__rnd-wrap .item .desc .tit {font-size:3rem; font-weight: 600; color:#fff; transition: all 0.5s ease-in-out;}
.main__rnd-wrap .item .desc .txt {font-size:max(1.6rem, 13px); font-weight: 600; color:#fff; margin-top:3rem; opacity: 0.5; transition: all 0.5s ease-in-out;}


.main__rnd-wrap .item .arrow { width:8rem; height: 8rem; background-color: var(--color-main); border-radius: 50%; font-size:0; text-indent:-99999px; position: absolute; transition: all 0.5s ease-in-out; bottom:12rem; right:0; transform:translate(0, 0);z-index: 1; opacity: 0;}

.main__rnd-wrap .item .arrow::before {content:''; display: block; width:4.4rem; height:1.6rem; background-color: #fff;  mask: url('../images/main/ico_arrow02.svg') no-repeat center / contain; -webkit-mask: url('../images/main/ico_arrow02.svg') no-repeat center / contain; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); transition: all 0.5s ease-in-out;}


.main__rnd-wrap .item .link:hover .bg {box-shadow: 0 0 5rem var(--color-black-a5);}
.main__rnd-wrap .item .link:hover .bg img{transform: scale(1.1); transition-duration: 1s;}
.main__rnd-wrap .item .link:hover .bg-cover {background-image: url('../images/main/section05_bg02.png'); opacity: 1;}

.main__rnd-wrap .item .link:hover .desc .tit {color:var(--color-main);}
.main__rnd-wrap .item .link:hover .desc .txt {opacity: 1;}
.main__rnd-wrap .item .link:hover .arrow {opacity: 1; transform: translate(50%, 0);}


@media (max-width: 1440px){
}
@media (max-width: 1280px){
	.main__rnd-wrap { gap:5%;}
	.main__rnd-wrap .item .desc {top:25%; padding:0 4rem;}
	.main__rnd-wrap .item .desc .txt {margin-top:2rem;}
}
@media (max-width: 1024px){
	.main__rnd-wrap { gap:4rem;}
}
@media (max-width: 768px){
	.main__rnd-wrap { flex-wrap: wrap; gap:4rem 10rem; justify-content: center;}
	.main__rnd-wrap .item {flex-basis: 100%; width:100%; max-width: 43rem;}

	.main__rnd-wrap .item .link .bg-cover {opacity: 0.7;}

	.main__rnd-wrap .item .arrow {width:6rem; height:6rem;}
	.main__rnd-wrap .item .arrow::before {height:1.2rem;}
	.main__rnd-wrap .item .link:hover .arrow {transform: translate(25%, 0);}
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}
/* SECTION 5 : E */
/* ===================================================== */








/* ===================================================== */
/* SECTION 6 : S*/
/*스마트스토어*/
.main__store {padding:18rem 0 18rem; background: url('../images/main/section06_bg01.png') no-repeat center / cover;}
.main__store-wrap {margin:0 var(--inner-padding); display: flex; gap:8rem;}

.main__store .store-txt {color:#fff; font-weight: 500; flex-grow: 1;}
.main__store .store-txt .tit {font-size:7.5rem; }
.main__store .store-txt .txt {font-size:4rem; }


.main__store .store-link {width:26rem;}
.main__store .store-link .link {display: block; height:100%; position: relative; font-size: 0; text-indent:-99999px; background: #fff; border-radius: 1rem; transition: all 0.5s ease-in-out;  box-shadow: 0 0 0rem var(--color-black-a5);}
.main__store .store-link .link::before{content:''; display: block; width:9.4rem; height:8.5rem; background-color: var(--color-main);  mask: url('../images/main/section06_ico02.svg') no-repeat center / contain; -webkit-mask: url('../images/main/section06_ico02.svg') no-repeat center / contain; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); transition: all 0.5s ease-in-out;}

.main__store .store-link .link .arrow {display: block; width:6.6rem; height: 6.6rem; border-radius: 50%; background-color: var(--color-main); position: absolute; right:0; top:4rem; transform: translate(50%, 0); transition: all 0.5s ease-in-out; box-shadow: 0 0 3rem var(--color-black-a5);}
.main__store .store-link .link .arrow::before {content:''; display: block; width:1.4rem; height:2.5rem; background-color: #fff;  mask: url('../images/main/ico_arrow01.svg') no-repeat center / contain; -webkit-mask: url('../images/main/ico_arrow01.svg') no-repeat center / contain;  position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); transition: all 0.5s ease-in-out;}

.main__store .store-link .link:hover {background-color: var(--color-main); box-shadow: 0 0 3rem var(--color-black-a5);}
.main__store .store-link .link:hover::before {background-color: #fff;}
.main__store .store-link .link:hover .arrow {background-color: #222;}


@media (max-width: 1480px){
	.main__store-wrap {padding-right:2rem;}
}
@media (max-width: 1280px){
	.main__store-wrap {gap:4rem;}

	.main__store .store-ico {flex-shrink: 0; width:20%;}

	.main__store .store-txt .tit {font-size:6rem; }
	.main__store .store-txt .txt {font-size:3rem; }
	.main__store .store-link {flex-shrink: 0; width:20rem; height:20rem;}
}
@media (max-width: 1024px){
	.main__store-wrap {gap:4rem; align-items: center;}
}
@media (max-width: 768px){
	.main__store {padding:12rem 0 12rem;}
	.main__store-wrap {flex-wrap: wrap; padding-right:0; gap:4rem;}

	.main__store .store-txt {width:calc(80% - 4rem);}
	.main__store .store-txt br{display: none;}
	
	.main__store .store-link {flex-shrink: 0; width:calc(100% - 2rem); height:12rem;}
	.main__store .store-link .link::before {height:6rem;}
	.main__store .store-link .link .arrow {width:6rem; height:6rem; top:50%; transform: translate(50%, -50%);}
}
@media (max-width: 576px){
	.main__store-wrap {justify-content: center;}
	.main__store .store-ico {width:auto; max-width: 40%; margin-left:5rem;}
	.main__store .store-txt {width:100%; text-align: center;}
	.main__store .store-txt .tit {font-size:4.5rem; }
}
@media (max-width: 480px){
}
/* SECTION 6 : E */
/* ===================================================== */