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

/* 메인 공통 */
.section{}

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

.sec1_lays{display: flex; flex-wrap: wrap;}
.sec1_lays > li:nth-child(1){position: relative; width: 83%;}
.sec1_lays > li:nth-child(2){width: calc(17% - 10px); margin-left: 10px;}
.sec1_lays img{width: 100%; height: 100%;}

.main_swiper_01 .img_bg{display: block;}
.main_swiper_01 .autoplay-progress {position: absolute; left: 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_banner{height: 100%;}
.main_banner > li{position: relative;}
.main_banner .main_about{height: 70%;}
.main_banner .main_about a.about_bg{display: block; height: 100%; background: url("../imgs/main/main_about.jpg") no-repeat center; background-size: cover;}
.main_banner .main_project{height: calc(30% - 10px); margin-top: 10px;}
.main_banner .main_project > div{height: 100%;}
.main_banner .main_project .swiper{height: 100%;}
.main_banner .main_project .swiper-slide a{display: block; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;}

.section.sec1 a.title_main{display: block; position: absolute; z-index: 9; font-size: 21px; font-weight: 400; color: #fff;}
.section.sec1 a.title_main.title_works{right: 50px; bottom: 30px;}
.section.sec1 a.title_main.title_abouts{left: 20px; bottom: 20px;}
.section.sec1 a.title_main.title_projects{left: 20px; top: 20px;}


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

@media (max-width:1023px){	
	.section.sec1{padding: 50px 3% 0;}
	
	.sec1_lays > li:nth-child(1){width: 100%;}
	.sec1_lays > li:nth-child(2){width: 100%; margin-left: 0; margin-top: 10px;}
	
	.main_banner{display: flex; height: 50vh;}
	.main_banner > li{width: calc(50% - 5px); height: 100% !important;}
	.main_banner .main_project{margin-left: 10px; margin-top: 0; height: auto;}
	
	.section.sec1 a.title_main{font-size: 17px; left: inherit !important; right: 20px !important; top: inherit !important; bottom: 20px !important;}
	
}

@media (max-width:767px){
	.main_pc_only_img{display: none !important;}
	.main_mobile_only_img{display: inline-block !important;}

	.main_banner{display: flex; height: 30vh;}
}


@media (max-width:480px){
	.section.sec1 a.title_main{font-size: 14px; right: 10px !important; bottom: 10px !important;}
}



/* 메인 해더
.jheader_inner{width: calc(100% - 120px); max-width: inherit; margin: 0 60px;}
@media (max-width: 1023px) {
	.jheader_inner{width: 94%; margin: 0 3%;}
}
 */