@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_inner{max-width: 1300px; margin: 0 auto;}

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

/* 메인 공통 */
.section{}
.section.sec_inner{width: 100%; max-width: 1824px; 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%; max-width: 1824px; 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(-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{}

.roller_wrap{position: relative; width: 100%; padding-top: 50px;}
.ezkorry-roller{overflow: hidden; white-space: nowrap;}
.ezkorry-roller span{position:relative; color: rgba(21, 48, 68, 0.18); line-height: 1.4; font-size: 85px; font-weight: 800;}


/* 메인 sec3 */
.section.sec3{padding-top: 140px; padding-bottom: 60px;}

.intro_text{text-align: center;}
.intro_text h3{font-family: "Nanum Myeongjo", serif; font-size: 180px; line-height: 1.1; font-weight: 700;}
.intro_text .intro_en{font-family: "Cormorant Garamond", serif; font-size: 27px; line-height: 1.2; font-weight: 700;}
.intro_text .intro_ko{font-size: 21px; font-weight: 400; line-height: 1.4; margin-top: 90px;}

/* 메인 sec4 */
.section.sec4{width: 100%; padding: 70px 0; background: #F4F5F8;}

.main_about ul{display: flex;}
.main_about ul li{width: 30%; margin-left: 5%;}
.main_about ul li:nth-child(1){margin-left: 0;}
.main_about ul li p:nth-child(1){font-family: "Cormorant Garamond", serif; font-size: 47px; line-height: 1.2; font-weight: 700;}
.main_about ul li p:nth-child(2){font-size: 19px; font-weight: 400; line-height: 1.4; margin-top: 10px;}


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

/* 메인 sec5 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);
}


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

.staff_bg{background: url("../imgs/main/staff_bg.jpg") no-repeat center; background-size: cover; padding: 150px 0;}
.staff_bg .main_title{color: #fff;}
.staff_bg ul{display: flex; margin: 0 auto; width: 100%; max-width: 1260px;}
.staff_bg ul li{width: 48%; margin-left: 4%;}
.staff_bg ul li:first-child{margin-left: 0;}
.staff_bg ul li img{width: 100%; border-radius: 20px; max-width: 600px;}
.staff_bg ul li a{display: block;}
.staff_bg ul li a img:hover{box-shadow: 10px 10px 10px rgba(255, 255, 255, 0.4); transform: translate(-15px, -15px);}


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

.main_map_wrap > ul{display: flex; align-items: center;}
.main_map_wrap > ul > li{width: 50%;}
.main_map_wrap > ul > li:nth-child(2){margin-left: 60px;}
.main_map_box{width: 100% !important;}
.main_map_box .wrap_map{min-height: 800px;}
.main_map_box .wrap_controllers{display: none;}
.main_map_wrap > ul li li{margin-top: 50px;}
.main_map_wrap > ul li li:first-child{margin-top: 0;}
.main_map_wrap .p1{font-size: 25px; font-weight: 800; line-height: 1.3;}
.main_map_wrap .p2{font-size: 15px; line-height: 1.6;}
.main_map_wrap .p3{font-size: 21px; font-weight: 700; line-height: 1.4; margin-bottom: 5px;}
.main_map_wrap .p4{font-size: 23px; font-weight: 800; line-height: 1.4;}
.main_map_wrap .p5{font-size: 19px; line-height: 1.4;}
.main_map_wrap img{width: 100%; max-width: 540px;}


.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(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%; padding-top: 50px;}
}

@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;}
	
	/* 메인 sec3 */
	.section.sec3{padding-top: 70px; padding-bottom: 50px;}
	.intro_text h3{font-size: 90px;}
	.intro_text .intro_en{font-size: 21px;}
	.intro_text .intro_ko{font-size: 17px; margin-top: 35px; text-align: left;}
	
	/* 메인 sec4 */
	.main_about ul{flex-wrap: wrap; text-align: center; justify-content: center;}
	.main_about ul li{width: 45%; margin-left: 10%;}
	.main_about ul li:nth-child(2n+1){margin-left: 0;}
	.main_about ul li:nth-child(n+3){margin-top: 40px;}
	.main_about ul li p:nth-child(1){font-size: 27px;}
	.main_about ul li p:nth-child(2){font-size: 14px; margin-top: 5px; word-break: keep-all;}
	
	/* 메인 sec5 */
	.section.sec5{padding-top: 100px;}
	
	/* 메인 sec5 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;}


	/* 메인 sec6 */
	.section.sec6{padding-top: 100px;}
	.staff_bg ul li a img:hover{box-shadow: none; transform: translate(0, 0);}
	
	/* 메인 sec7 */
	.section.sec7{padding-top: 100px; padding-bottom: 100px;}
	.main_map_wrap > ul{flex-wrap: wrap;}
	.main_map_wrap > ul > li{width: 100%;}
	.main_map_wrap > ul > li:nth-child(2){margin-left: 0; margin-top: 40px;}
	.main_map_box {height: 300px !important;}
	.main_map_box .wrap_map{min-height: 300px;}
	.main_map_wrap > ul li li{margin-top: 30px;}
	.main_map_wrap > ul li li:first-child{margin-top: 0;}
	.main_map_wrap .p1{font-size: 21px;}
	.main_map_wrap .p2{font-size: 14px;}
	.main_map_wrap .p3{font-size: 19px;}
	.main_map_wrap .p4{font-size: 20px;}
	.main_map_wrap .p5{font-size: 17px;}
	.main_map_wrap img{width: 100%; max-width: 540px;}
}


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

}