@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_card .card_image img, .main_sns_wrap ul li img, .main_banners a{
	-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: 19px; font-weight: 700; line-height: 1.4;}
.main_title p{font-family: "Cormorant Garamond", serif; font-size: 47px; line-height: 1.2; font-weight: 700; margin-top: 10px;}


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

.main_swiper_01 .text_area{position: absolute; left: 43%; 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: 70px; 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: 43%; 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(-634px); 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; top: inherit; bottom: 23px; margin-top: 0; left: 50%; right: inherit;}
.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"); transform: translateX(-602px);}
.main_swiper_01 .swiper-button-next{background-image: url("../imgs/icon/arrow_next.svg"); transform: translateX(-568px);}

.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);}


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


.banner_vertical{display: flex; align-items: stretch;}
.banner_vertical li{overflow: hidden;}
.banner_vertical > li{width: 50%;}
.banner_vertical ul{display: flex; flex-wrap: wrap; height: 100%;}
.banner_vertical ul li{width: 100%;}
.banner_vertical li a{ display: block; width: 100%; height: 100%; padding: 150px;}
.banner_vertical li b{display: block; font-size: 36px; color: #fff; margin-bottom: 25px; font-weight: 800;}
.banner_vertical li span{display: block; font-size: 15px; color: #fff;}
.banner_vertical li img{width: 250px; margin-bottom: 20px;}
.banner_vertical .main_banner3 a{padding-top: 320px;}
.main_banner1 a{background: url("../imgs/main/banner_01.jpg") no-repeat center; background-size: cover;}
.main_banner2 a{background: url("../imgs/main/banner_02.jpg") no-repeat center; background-size: cover;}
.main_banner3 a{background: url("../imgs/main/banner_03.jpg") no-repeat center; background-size: cover;}
.main_banners a{-webkit-transform: scale(1); transform: scale(1);}
.main_banners:hover a{-webkit-transform: scale(1.1); transform: scale(1.1);}



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



.scroll_arrow{left: inherit; right: 3%; transform: none;}


/* 메인 sec4 */

.section.sec4{width: 100%; padding: 30px 0; background: #F4F5F8;}
.main_about ul{display: flex;align-items: center;}
.main_about ul li{width: 25%; }




@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(66px);}
	.main_swiper_01 .swiper-button-next, .main_swiper_01 .swiper-button-prev{left: 3%;}
	.main_swiper_01 .swiper-button-prev{transform: translateX(98px);}
	.main_swiper_01 .swiper-button-next{transform: translateX(132px);}
	
	/* 메인 sec2 */
	.roller_wrap{padding-top: 30px;}
	.ezkorry-roller span{font-size: 39px;}
	
	/* 메인 sec6 */
    .staff_bg{padding: 100px 3%;}
}

@media (max-width:1023px){	
	/* 메인 */
    .main_wrap{width: 100%;}
	.banner_vertical{flex-wrap: wrap;}
	.banner_vertical > li{width: 100%;}
}

@media (max-width:767px){
	/* 메인 공통 */
	.main_title{margin-bottom: 30px;}
	.main_title h3{font-size: 17px;}
	.main_title p{font-size: 27px; margin-top: 5px;}
	
	/* 메인 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: auto;}
	.main_pc_only_img{display: none !important;}
	.main_mobile_only_img{display: inline-block !important;}
	
	/* 메인 sec2 */	
	.banner_vertical li a{padding: 80px 50px;}
	.banner_vertical li b{font-size: 27px; margin-bottom: 10px;}
	.banner_vertical li span{font-size: 14px;}
	.banner_vertical li img{width: 200px; margin-bottom: 20px;}
	.banner_vertical .main_banner3 a{padding-top: 150px;padding-bottom: 150px;}
	
	/* 메인 sec4 */
	.section sec4 {display: none;}
	.main_about ul{flex-wrap: wrap;text-align: center;}
	.main_about ul li{width: 100%; }
	

	
}


@media (max-width:480px){
	/* 메인 sec6 */
	.staff_bg{padding: 80px 3%;}
	.staff_bg ul{flex-wrap: wrap;}
	.staff_bg ul li{width: 90%; margin-left: auto !important; margin-right: auto; margin-top: 30px;}
	.staff_bg ul li:first-child{margin-top: 0;}
	.staff_bg ul li a img:hover{box-shadow: none; transform: translate(0, 0);}
	
	/* 메인 sec7 */
	.main_map_box {height: 250px !important;}
	.main_map_box .wrap_map{min-height: 250px;}

}