@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_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: 1300px; margin: 0 auto;}

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

/* 메인 공통 */
.section{}
.section.sec_inner{width: 100%; margin: 0 auto;}

.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{color: #447D59;}
.main_title p{font-size: 19px; font-weight: 500;}


/* 메인 sec1 */
.section.sec1{width: 100%; margin: 0 auto;}

.main_swiper_01 .text_area{position: absolute; left: 50%; top: 50%; transform: translate(-700px, calc(-50% - 30px)); z-index: 1;}
.main_swiper_01 .text_area p{color: #fff; overflow: hidden;}
.main_swiper_01 .text_area p span{display: block; transform: translateY(100%);}
.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;}
/* 메인 sec1 swiper pagination */
.main_swiper_01 .swiper-slide.swiper-slide-active p span{transform: translateY(0);}
.main_swiper_01 .swiper-pagination{position: absolute; bottom: 30px; display: flex; width: auto; height: 12px; left: 50%; transform: translateX(-700px); 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: 30px; display: inline-block; width: 12px; height: 12px; left: 50%; transform: translateX(-636px); background: url("../img/icon/icon_stop.svg") no-repeat center; background-size: cover; z-index: 2;}
.main_swiper_01 .btn_pause.on{background-image: url("../img/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; top: inherit; bottom: 23px; margin-top: 0; left: 50%; right: inherit; color: transparent;}
.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("../img/icon/arrow_prev.svg"); transform: translateX(-604px);}
.main_swiper_01 .swiper-button-next{background-image: url("../img/icon/arrow_next.svg"); transform: translateX(-570px);}

.main_swiper_01 .autoplay-progress {position: absolute; right: 3%; bottom: 12px; 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_swiper_01 .img_bg{height: 100vh; background-repeat: no-repeat; background-position: center; background-size: cover;}
.main_swiper_01 .img_bg.img_bg_01{background-image: url("../img/main/visual_01.jpg");}
.main_swiper_01 .img_bg.img_bg_02{background-image: url("../img/main/visual_02.jpg");}
.main_swiper_01 .img_bg.img_bg_03{background-image: url("../img/main/visual_03.jpg");}


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

@media (max-width:1420px){	
	/* 메인 공통 */
	.main_inner{padding: 0 3%;}
	.section.sec_inner{padding-left: 3%; padding-right: 3%;}
	
	/* 메인 sec1 */
	.main_swiper_01 .text_area{left: 3%; top: 50%; transform: translateY(calc(-50% - 20px));}
	.main_swiper_01 .img_bg{height: 600px;}
	.main_swiper_01 .swiper-pagination{left: 3%; transform: translateX(0);}
	.main_swiper_01 .btn_pause{left: 3%; transform: translateX(64px);}
	.main_swiper_01 .swiper-button-next, .main_swiper_01 .swiper-button-prev{left: 3%;}
	.main_swiper_01 .swiper-button-prev{transform: translateX(96px);}
	.main_swiper_01 .swiper-button-next{transform: translateX(130px);}
}

@media (max-width:1023px){	
	/* 메인 */
    .main_wrap{width: 100%; padding-top: 50px;}
}

@media (max-width:767px){
	/* 메인 공통 */
	.main_title{margin-bottom: 30px;}
	.main_title h3{font-size: 55px;}
	.main_title p{font-size: 17px;}
	
	
	/* 메인 sec1 */
	.main_swiper_01 .text_area .t0{font-size: 8vw;}
	.main_swiper_01 .text_area .t3{font-size: 4vw; margin-top: 2.5vw;}
	.main_swiper_01 .img_bg{height: 100vh;}
	.main_swiper_01 .img_bg.img_bg_01{background-image: url("../img/main/visual_m_01.jpg");}
	.main_swiper_01 .img_bg.img_bg_02{background-image: url("../img/main/visual_m_02.jpg");}
	.main_swiper_01 .img_bg.img_bg_03{background-image: url("../img/main/visual_m_03.jpg");}
	.main_pc_only_img{display: none !important;}
	.main_mobile_only_img{display: inline-block !important;}
}


@media (max-width:480px){
	/* 메인 공통 */
	.main_title h3{font-size: 35px;}
	.main_title p{font-size: 15px;}
}