@charset "utf-8";

.main_swiper_01 .swiper-slide p.t1 span{
	-webkit-transition: all 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.main_swiper_01 .swiper-slide p.t2 span{
	-webkit-transition: all 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.main_swiper_01 .swiper-slide p.t3 span{
	-webkit-transition: all 1s 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 1s 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 1s 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 1s 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 1s 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.main_bannery ul li div a:after, .main_bannery ul li div a:before, .main_bannery ul li p{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.main_bannery ul li div a img{
	-webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.main_banner_pro, .main_banner_pro h3, .main_banner_pro p, .main_banner_btn a, .main_banner_btn a p, .main_banner_btn a b, .main_notice_list img{
	-webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}


.main_inner{max-width: 1400px; margin: 0 auto;}

/* 메인 */
.main_wrap{width: 100%; padding-top: 80px;}

/* 메인 공통 */
.section{}
.main_inner{width: 100%; max-width: 1400px; margin: 0 auto;}

.main_title{text-align: center; margin-bottom: 70px;}
.main_title h3{font-size: 70px; font-weight: 700; line-height: 1.4;}
.main_title h3 span{background: var(--one-gratext); background-clip: text; -webkit-background-clip: text; color: transparent;}
.main_title p{font-size: 19px; font-weight: 500;}


/* 메인 sec1 */
.section.sec1{position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: calc(100vh - 80px); background: url("../imgs/main/visual_bg.jpg") no-repeat center; background-size: cover; overflow: hidden;}
.section.sec1 .sec1_wrap{position: relative; width: 90%; max-width: 1920px; margin: 0 auto; border-radius: 50px; overflow: hidden; box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3); z-index: 5;}

.main_swiper_01 .text_area{position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, calc(-50% - 30px)); z-index: 1;}
.main_swiper_01 .text_area p{color: #fff; overflow: hidden; text-align: center;}
.main_swiper_01 .text_area p span{display: block; transform: translateY(100%); text-shadow: 5px 10px 10px rgba(0, 0, 0, 0.5);}
.main_swiper_01 .text_area .t0{font-size: 57px; font-weight: 800; line-height: 1.3;}
.main_swiper_01 .text_area .t3{font-size: 19px; font-weight: 400; margin-top: 20px; line-height: 1.5;}
.main_swiper_01 img{width: 100%; height: 100%; object-fit: cover; vertical-align: bottom;}
/* 메인 sec1 swiper pagination */
.main_swiper_01 .swiper-slide.swiper-slide-active p span{transform: translateY(0);}
.main_swiper_01 .swiper-pagination{position: absolute; bottom: 40px; display: flex; width: auto; height: 12px; left: 50%; transform: translateX(-50%); z-index: 2;}
.main_swiper_01 .swiper-pagination span:nth-child(1){margin-left: 0;}
.main_swiper_01 .swiper-pagination .swiper-pagination-bullet{display: block; width: 12px; height: 12px; background-color: transparent; border: 1px solid #fff; opacity: 1; margin: 0 5px;}
.main_swiper_01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;}
/* 메인 sec1 swiper play & stop */
.main_swiper_01 .btn_pause{position: absolute; bottom: 40px; display: inline-block; width: 12px; height: 12px; left: 50%; transform: translateX(calc(-50% + 40px)); background: url("../imgs/icon/icon_stop.svg") no-repeat center; background-size: cover; z-index: 2;}
.main_swiper_01 .btn_pause.on{background-image: url("../imgs/icon/icon_play.svg");}
/* 메인 sec1 swiper button */
.main_swiper_01 .swiper-button-next, .main_swiper_01 .swiper-button-prev{width: 14px; height: 26px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.main_swiper_01 .swiper-button-next:after, .main_swiper_01 .swiper-button-prev:after{content: ''; display: none;}
.main_swiper_01 .swiper-button-prev{background-image: url("../imgs/icon/arrow_prev.svg"); left: 3%;}
.main_swiper_01 .swiper-button-next{background-image: url("../imgs/icon/arrow_next.svg"); right: 3%;}
.main_swiper_01 .autoplay-progress {position: absolute; right: 3%; bottom: 22px; z-index: 2; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; font-weight: 300; color: #fff;}
.main_swiper_01 .autoplay-progress svg {--progress: 0; position: absolute; left: 0; top: 0px; z-index: 2; width: 100%; height: 100%; stroke-width: 2px; stroke: #fff; fill: none; stroke-dashoffset: calc(125.6px * (1 - var(--progress))); stroke-dasharray: 125.6; transform: rotate(-90deg);}

.main_deco{position: absolute; bottom: 0; z-index: 1;}
.main_deco img{width: 100%;}
.deco_apple_up{left: 150px; width: 50px; bottom: 80px;  z-index: 1; animation: move1 1.5s infinite alternate;}
.deco_weed_left{left: 0; width: 234px;  z-index: 3;}
.deco_apple_down{left: 160px; width: 90px; bottom: 20px;  z-index: 2; animation: move2 1.5s infinite alternate;}
.deco_weed_right{right: 0; width: 227px;}

@keyframes move1{0% {transform:translate(0, -10px);} 100% {transform:translate(0,10px);}}
@keyframes move2{0% {transform:translate(0, -10px);} 100% {transform:translate(0,10px);}}



/* 메인 sec2 */
.section.sec2{}

.roller_wrap{position: relative; width: 100%; padding: 20px 0; background: #000;}
.ezkorry-roller{overflow: hidden; white-space: nowrap;}
.ezkorry-roller span{position:relative; color: #12DF49; line-height: 1.4; font-size: 65px; font-weight: 800;}



/* 메인 sec3 */
.section.sec3{width: 100%; padding-top: 200px;}

/* 메인 sec3 swiper button */
.main_swiper_02 .swiper-button-next, .main_swiper_02 .swiper-button-prev{width: 24px; height: 46px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-top: 0; transform: translateY(calc(-50% - 25px));}
.main_swiper_02 .swiper-button-next:after, .main_swiper_02 .swiper-button-prev:after{content: ''; display: none;}
.main_swiper_02 .swiper-button-prev{background-image: url("../imgs/icon/arrow_black_prev.svg"); left: 3%;}
.main_swiper_02 .swiper-button-next{background-image: url("../imgs/icon/arrow_black_next.svg"); right: 3%;}
.main_swiper_02 a{display: block;}
.main_swiper_02 img{width: 100%;}
.main_swiper_02 b{display: block; text-align: center; font-size: 23px; line-height: 1.4;}
.main_swiper_02 .swiper-slide{padding-bottom: 25px;}
.main_swiper_02 .swiper-slide.swiper-slide-active b{transform: translateY(25px);}
.main_swiper_02 .swiper-slide{position: relative;}
.main_swiper_02 .swiper-slide img{opacity: 0.3; border-radius: 30px; transform: scale(0.85);}
.main_swiper_02 .swiper-slide.swiper-slide-active img{opacity: 1; transform: scale(1); border-radius: 0;}
.main_swiper_02 .swiper-slide span{display: block;}

.main_swiper_02 .swiper-slide img, .main_swiper_02 b, .staff_bg ul li a img{
	-webkit-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

/* 메인 sec4 */
.section.sec4{width: 100%; height: 100vh; background: url("../imgs/main/sec3_bg.jpg") no-repeat center; background-size: cover; margin-top: 200px;}

.main_banner_flex{width: 100%; height: 100%; display: flex; align-items: center;}
.main_banner{width: 100%; display: flex; justify-content: space-between;}
.main_banner > li{width: calc(50% - 5px)}
.main_banner > li a{width: 100%; height: 100%; background: #fff; padding: 70px;}
.main_banner > li:nth-child(1) a{border-radius: 20px 0 0 20px;}
.main_banner > li:nth-child(2) a{padding: 40px 70px 40px 40px;}

.main_banner_btn li{display: block; margin-top: 10px;}
.main_banner_btn li a{position: relative; display: block;}
.main_banner_btn a:after{content: ''; position:absolute; width: 18px; height: 32px; right: 50px; top: 50%; transform: translateY(-50%); background: url("../imgs/main/main_arrow.svg") no-repeat center; background-size: contain;}
.main_banner_btn li:nth-child(1){margin-top: 0;}
.main_banner_btn li:nth-child(1) a{border-radius: 0 20px 0 0;}
.main_banner_btn li:nth-child(4) a{border-radius: 0 0 20px 0;}
.main_banner_btn li p{font-size: 19px; margin-bottom: 10px;}
.main_banner_btn li b{font-size: 25px; font-weight: 700;}
.main_banner_btn a:hover{background-color: #6F9300; border-radius: 0 0 50px 0 !important;}
.main_banner_btn a:hover:after{content: ''; background-image: url("../imgs/main/main_arrow_w.svg");}
.main_banner_btn a:hover p, .main_banner_btn a:hover b{color: #fff;}

.main_banner_pro{display: flex; flex-wrap: wrap; align-content: space-between;}
.main_banner_pro h3{width: 100%; font-size: 75px; line-height: 1; font-weight: 700;}
.main_banner_pro h3 span{background: var(--one-gratext); background-clip: text; -webkit-background-clip: text; color: transparent;}
.main_banner_pro p{width: 100%; font-size: 19px; line-height: 1.2; word-break: keep-all;}
.main_banner_pro p span{display: block; width: 143px; height: 54px; margin-bottom: 20px; background: url("../imgs/main/banner_logo.svg") no-repeat center; background-size: cover;}
.main_banner > li:nth-child(1):hover a{background: #6F9300; border-radius: 0 0 100% 0 !important; align-content: flex-start;}
.main_banner > li:nth-child(1):hover a p{margin-top: 40px; color: #fff;}
.main_banner > li:nth-child(1):hover a h3 span{color: #fff;}
.main_banner > li:nth-child(1):hover p span{background-image: url("../imgs/main/banner_logo_w.svg");}


/* 메인 sec5 */
.section.sec5{padding: 200px 0;}
.main_notice{display: flex;}
.main_notice .main_title{text-align: left;}
.main_notice > li:nth-child(1){width: 420px;}
.main_notice > li:nth-child(2){width: calc(100% - 420px);}
.main_notice_list a{display: block; border-top: 1px solid #ccc; padding: 30px 0;}
.main_notice_list:last-child a{border-bottom: 1px solid #ccc;}
.main_notice_list a:hover img{transform: scale(1.3);}
.main_notice_list a:hover h4{text-decoration: underline;}
.main_notice_list ul{display: flex; align-items: center;}
.main_notice_list ul li:nth-child(1){width: 240px; margin-right: 70px; overflow: hidden; border-radius: 18px;}
.main_notice_list ul li:nth-child(2){width: calc(100% - 310px);}
.main_notice_list h4{font-size: 21px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main_notice_list p{font-size: 17px; color: #999; margin-top: 10px;}
.main_notice_list img{width: 100%;}



.main_pc_only_img{display: inline-block !important;}
.main_mobile_only_img{display: none !important;}


@media (max-width:2000px){	
	/* 메인 sec1 */
	.section.sec1 .sec1_wrap{max-width: 1420px;}
}

@media (max-width:1420px){	
	/* 메인 공통 */
	.main_inner{padding: 0 3%;}
	.section.sec_inner{padding-left: 3%; padding-right: 3%;}
	
	/* 메인 sec1 */
	.main_swiper_01 .text_area .t0{font-size: 47px;}
	.main_swiper_01 .text_area .t3{font-size: 17px; margin-top: 20px;}
	
	/* 메인 sec2 */
	.roller_wrap{padding: 15px 0;}
	.ezkorry-roller span{font-size: 40px;}
	
	
	/* 메인 sec5 */
	.main_notice > li:nth-child(1){width: 320px;}
	.main_notice > li:nth-child(2){width: calc(100% - 320px);}
}

@media (max-width:1023px){	
	/* 메인 */
    .main_wrap{width: 100%; padding-top: 50px;}
	
	/* 메인 sec1 */
	.section.sec1{height: 70vh;}
	.main_swiper_01 .text_area .t0{font-size: 40px;}
	.main_swiper_01 .text_area .t3{font-size: 16px;}
	
	/* 메인 sec4 */
	.section.sec4{height: auto; padding: 80px 0;}
	.main_banner{display: flex;flex-wrap: wrap;}
	.main_banner > li{width: 100%;}
	.main_banner > li a{padding: 40px; border-radius: 0 !important;}
	.main_banner > li:nth-child(2) a{padding: 30px; margin-top: 10px;}
	
	.main_banner_pro h3{margin-bottom: 30px;}
	
	.main_banner_btn a:hover{background-color: #fff; border-radius: 0 !important;}
	.main_banner_btn a:hover:after{content: ''; background-image: url("../imgs/main/main_arrow.svg");}
	.main_banner_btn a:hover p, .main_banner_btn a:hover b{color: #000;}
	.main_banner > li:nth-child(1):hover a{background: #fff; border-radius: 0 !important; align-content: inherit;}
	.main_banner > li:nth-child(1):hover a p{margin-top: inherit; color: #000;}
	.main_banner > li:nth-child(1):hover a h3 span{color: transparent;}
	.main_banner > li:nth-child(1):hover p span{background-image: url("../imgs/main/banner_logo.svg");}
	
	/* 메인 sec5 */
	.main_notice{flex-wrap: wrap;}
	.main_notice .main_title{text-align: center;}
	.main_notice > li{width: 100% !important;}
}

@media (max-width:767px){
	.main_pc_only_img{display: none !important;}
	.main_mobile_only_img{display: inline-block !important;}
	
	/* 메인 공통 */
	.main_title{margin-bottom: 30px;}
	.main_title h3{font-size: 55px;}
	.main_title p{font-size: 17px;}
	
	/* 메인 sec1 */
	.section.sec1{height: 70vh;}
	.section.sec1 .sec1_wrap{width: 70%; border-radius: 30px;}
	.main_swiper_01 .text_area .t0{font-size: 30px;}
	.main_swiper_01 .text_area .t3{font-size: 15px;}
	
	.deco_apple_up{left: 80px; width: 35px; bottom: 50px; }
	.deco_weed_left{left: -20px; width: 155px;  z-index: 2;}
	.deco_apple_down{left: 90px; width: 60px; bottom: 15px;}
	.deco_weed_right{right: -30px; width: 150px;}
	
	
	/* 메인 sec3 */
	.section.sec3{padding-top: 100px;}
	
	/* 메인 sec3 swiper button */
	.main_swiper_02 .swiper-button-next, .main_swiper_02 .swiper-button-prev{display: none;}
	
	.main_swiper_02 b{font-size: 17px;}
	.main_swiper_02 .swiper-slide{padding-bottom: 15px;}
	.main_swiper_02 .swiper-slide.swiper-slide-active b{transform: translateY(15px);}
	.main_swiper_02 .swiper-slide img{border-radius: 20px;}
	
	/* 메인 sec4 */
	.section.sec4{margin-top: 100px;}
	.main_banner > li a{padding: 30px;}
	.main_banner > li:nth-child(2) a{padding: 30px;}
	
	.main_banner_btn li:after{content: ''; left: 15px;  width: 70px; height: 70px;}
	
	.main_banner_btn li p{font-size: 17px; margin-bottom: 5px;}
	.main_banner_btn li b{font-size: 19px;}
	.main_banner_btn a:after{content: ''; width: 13px; height: 23px; right: 30px;}
	
	.main_banner_pro h3{font-size: 55px;}
	.main_banner_pro p{font-size: 17px;}
	.main_banner_pro p span{width: 72px; height: 27px; margin-bottom: 10px;}
	
	
	/* 메인 sec5 */
	.section.sec5{padding: 100px 0;}
	.main_notice_list a{padding: 25px 0;}
	.main_notice_list ul li:nth-child(1){width: 160px; margin-right: 30px; border-radius: 10px;}
	.main_notice_list ul li:nth-child(2){width: calc(100% - 190px);}
	.main_notice_list h4{font-size: 17px;}
	.main_notice_list p{font-size: 15px;}
	
}


@media (max-width:480px){
	/* 메인 공통 */
	.main_title h3{font-size: 35px;}
	.main_title p{font-size: 15px;}
	
	/* 메인 sec1 */
	.section.sec1{height: 70vh;}
	.section.sec1 .sec1_wrap{border-radius: 20px;}
	.main_swiper_01 .text_area .t0{font-size: 25px;}
	.main_swiper_01 .text_area .t3{font-size: 15px; margin-top: 10px;}	
	
	.section.sec1 .sec1_wrap{width: 85%;}
	
	/* 메인 sec2 */
	.roller_wrap{padding: 10px 0;}
	.ezkorry-roller span{font-size: 30px;}
	
	
	/* 메인 sec3 */
	.section.sec3{padding-top: 70px;}
	
	/* 메인 sec4 */
	.section.sec4{margin-top: 70px;}
	.main_banner > li a{padding: 25px;}
	.main_banner > li:nth-child(2) a{padding: 25px;}
	
	.main_banner_btn li p{font-size: 15px;}
	.main_banner_btn li b{font-size: 17px;}
	.main_banner_btn a:after{content: ''; right: 25px;}
	
	.main_banner_pro h3{font-size: 35px;}
	.main_banner_pro p{font-size: 15px;}
	
	/* 메인 sec5 */
	.section.sec5{padding: 70px 0 0;}
	.main_notice_list a{padding: 25px 0;}
	.main_notice_list ul{flex-wrap: wrap;}
	.main_notice_list ul li{width: 100% !important;}
	.main_notice_list ul li:nth-child(1){margin-right: 0; margin-bottom: 15px;}
	.main_notice_list h4{font-size: 16px;}
	.main_notice_list p{font-size: 14px; margin-top: 5px;}

}


@media (max-width:400px){

	/* 메인 sec1 */
	.section.sec1{height: 70vh;}

}