/* ===== MAIN - VISUAL ===== */


.main-visual {position:relative; margin:0 auto; height:100vh;}
.main-visual .visual-slider { overflow:hidden;position:absolute;left:50%;top:50%;width:100%;height:100%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.main-visual .visual-slider .swiper-slide {overflow:hidden; position:relative; height:100%;}
.main-visual .visual-slider .swiper-slide .vs-bg { position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);   transition-duration:3s;}
.main-visual .visual-slider .swiper-slide .vs-bg1{ background:url(../img/main/Visual01.jpg) no-repeat 50% 0%; background-size:cover;}
.main-visual .visual-slider .swiper-slide .vs-bg2{ background:url(../img/main/Visual02.jpg) no-repeat 50% 0%; background-size:cover;}
.main-visual .visual-slider .swiper-slide .vs-bg3{ background:url(../img/main/Visual03.jpg) no-repeat 50% 0%; background-size:cover;}
.main-visual .visual-slider .swiper-slide .vs-bg4{ background:url(../img/main/Visual04.jpg) no-repeat 50% 0%; background-size:cover;}
.main-visual .vs-txt{ position:absolute; margin:0 10%; margin-top:-50px; top:50%; transform: translateY(-50%);left:0; color:#fff; z-index:2; ;}

.main-visual .en{ font-size:40px;font-family:'Pretendard'; margin-bottom:30px;}

.main-visual .vs-txt h2 { font-size:60px; letter-spacing:-3px; }
.main-visual .vs-txt h1 { font-size:130px; letter-spacing:-3px;  font-weight:700; }
.main-visual .vs-txt .txt{ font-size:30px; margin:50px 0 70px 0;}

.main-visual .vs-txt2 h1{ font-size:90px; margin-bottom:20px; }
.main-visual .vs-txt2 h1 span{ font-size:120px;}
.main-visual .vs-txt2 p{ font-size:30px; line-height:40px;}
.main-visual .vs-txt2 p span{ color:#FC0}
.main-visual .visual-slider .swiper-button-prev i, .main-visual .visual-slider .swiper-button-next i{ font-size:30px;color:#fff;}
.main-visual .visual-slider .swiper-button-prev {  left:330px; }
.main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next{position:absolute;  background:none; display:flex;align-items: center;justify-content: center;width:70px; height:70px; top:auto;  border-radius:50%; border:1px solid #fff; bottom:300px; z-index:10; }
.main-visual .visual-slider .swiper-button-prev:after { display:none;}
.main-visual .visual-slider .swiper-button-next { left:420px;}
.main-visual .visual-slider .swiper-button-next:after { display:none;}
.main-visual .visual-slider .swiper-pagination { position:absolute; right:auto; top:auto; bottom:300px;left:490px;display:flex;align-items: center;justify-content: center;height:70px; z-index:10; width:100px;  color:#ffffff; letter-spacing:0.333em; font-style:italic;}
.main-visual .visual-slider .swiper-pagination span { font-style:normal;}
.main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-bg {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:transform 1.4s;-moz-transition:transform 1.4s;-ms-transition:transform 1.4s;-o-transition:transform 1.4s;transition:transform 1.4s;}
.main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt h2 {opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 1s, transform 1.4s;-moz-transition:opacity 1s, transform 1.4s;-ms-transition:opacity 1s, transform 1.4s;-o-transition:opacity 1s, transform 1.4s;transition:opacity 1s, transform 1.4s;	}
.main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt p {opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 1s, transform 1.4s;-moz-transition:opacity 1s, transform 1.4s;-ms-transition:opacity 1s, transform 1.4s;-o-transition:opacity 1s, transform 1.4s;transition:opacity 1s, transform 1.4s;	-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-ms-transition-delay:0.1s;-o-transition-delay:0.1s;transition-delay:0.1s;}

.d-fw{display: flex; flex-wrap: wrap;}
.dl{}
.dl dt{flex-shrink: 0;}
.dl dd{flex-grow: 1;}

.root_daum_roughmap{ width:100% !important; }
.root_daum_roughmap .wrap_map{height:741px !important;}

#main_right{ position:absolute; right:0; top:141px; height:calc(100% - 141px); border-left:1px solid rgb(255,255,255,0.3); background:rgb(0,0,0,0.15); color:#fff;} 
.conArea{ padding:100px; width:470px;}
.sec01 h1{ font-weight:500; margin-bottom:30px; font-size:35px;}
.sec01 p{ display:flex;}
.sec01 a{ color:#fff; border:1px solid rgb(255,255,255,0.3); display:inline-block; padding:15px 29px;}
.sec01 a i{ margin-left:37px;}
.sec01 a+a{ margin-left:20px;}

.sec02 { margin:30px 0 50px 0;}
.sec02 ul{gap:0 20px;}
.sec02 ul li{ width:calc((100% / 2) - 10px); border-radius:20px;}
.sec02 ul li:nth-child(1){ background:#3cb878}
.sec02 ul li:nth-child(2){ background:#0076a3}
.sec02 ul li a{ display:block; color:#fff; padding:35px; font-size:23px;}
.sec02 ul li:nth-child(1) a:before{ background-image:url(../img/main/sec02-icon01.png); }
.sec02 ul li:nth-child(2) a:before{ background-image:url(../img/main/sec02-icon02.png); }
.sec02 ul li a:before{ content:''; background-size: auto 100%; background-repeat:no-repeat; width:50px; height:50px; display:block; margin-bottom:20px; }
.sec02 ul li a i{ margin-left:15px; font-size:20px;}

.sec03 h1{ font-size:33px; font-weight:600; border-bottom:3px solid #fff; padding-bottom:10px; margin-bottom:20px;}

@media all and ( max-width: 1920px ){
	
	.pd150{ padding:100px 0;}
	.pt150{ padding-top:100px;}
	.mt150{ margin-top:100px;}
	

	.main-visual .vs-txt h2 { font-size:45px; }
	.main-visual .vs-txt h1 { font-size:100px;}
	.main-visual .vs-txt .txt{ font-size:23px; margin:30px 0 0 0;}
	.main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next{width:60px; height:60px;}
	.main-visual .visual-slider .swiper-button-prev i, .main-visual .visual-slider .swiper-button-next i{ font-size:25px;}
	.main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next, .main-visual .visual-slider .swiper-pagination{ bottom:17%;}
	.main-visual .visual-slider .swiper-button-prev {  left:10% }
	.main-visual .visual-slider .swiper-button-next { left:calc(10% + 75px);}
	.main-visual .visual-slider .swiper-pagination{ left:calc(10% + 125px);}
	
	
	#main_right{  top:111px; height:calc(100% - 111px); } 
	
	.conArea{ padding:50px 70px; width:370px;}
	.sec01 h1{font-size:27px; margin-bottom:20px;}
	.sec01 a{padding:15px 17px;}
	
	.sec02 {margin:20px 0 35px 0;}
	.sec02 ul li a{ display:block; color:#fff; padding:25px; font-size:18px;}
	.sec02 ul li a:before{width:40px; height:40px; margin-bottom:10px;}
	
	.sec03 h1{ font-size:25px;}

	
}



@media all and ( max-width: 1680px ){
	
	
	
	
	
}

@media all and ( max-width: 1400px ){
	
	#sec_03 dt .area {padding: 100px;}
	
	#main_right {top: 71px;height: calc(100% - 71px);}
	

	
}

@media all and ( max-width: 1280px ){
	
	.main-visual {height:700px;}
	
	
	#main_right{ position:relative; width:100%; top:0; height:auto; border:none; background:none; color:#2f2f2f}
	.conArea{ padding:0; width:100%;}
	.sec03{ padding:50px;}
	.section{ display:flex;}
	.section > div{ width:calc(100% / 2);}
	
	.section .sec01{ padding:50px; background:#3a4658}
	.sec01 h1{ color:#fff;}
	.sec02{ margin:0;}
	.sec02 ul{ height:100%;gap:0;}
	.sec02 ul li{ border-radius:0;width: calc(100% / 2); }
	.sec02 ul li a{ }
	


	.sec03 h1{ border-color:#555;}
	
	
	
	
}

@media all and ( max-width: 1024px ){

	
	.main-visual .vs-txt h2{ font-size:35px;}
	.main-visual .vs-txt h1{ font-size:80px;}
	.main-visual .vs-txt .txt{ font-size:20px;}
	
	.root_daum_roughmap .wrap_map{height:500px !important;}
	
	
	
}


@media all and ( max-width: 800px ){
	
	.main-visual .vs-txt .txt br{ display:none;}
	
	
	

	
	
	
	
	
}

@media all and ( max-width: 640px ){
	.main-visual {height:600px;}
	.main-visual .vs-txt h2{ font-size:27px;}
	.main-visual .vs-txt h1{ font-size:70px;}

	.main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next{ width:50px; height:50px;}
	.main-visual .visual-slider .swiper-button-prev i, .main-visual .visual-slider .swiper-button-next i{ font-size:20px;}
	.main-visual .visual-slider .swiper-pagination{ height:50px;left:calc(10% + 100px)}
	.main-visual .visual-slider .swiper-button-next{left:calc(10% + 65px)}

	.root_daum_roughmap .wrap_map{height:400px !important;}
	
	.section{ display:block;}
	.section > div{ width:100%;}
	.section .sec01{ width:calc(100% - 50px); padding:50px 25px;}
	
	.sec03{ padding:50px 20px;}

	
}

@media all and ( max-width: 480px ){
	
	.main-visual .vs-txt h2{ font-size:25px;}
	.main-visual .vs-txt h1{ font-size:60px;}
	

	
	
	
}

@media all and ( max-width: 400px ){

}