@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

  @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400;500;600;700&display=swap');

@font-face {
font-family: 'UhBeeSe_hyun';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_five@.2.0/UhBeeSe_hyun.woff') format('woff');
font-weight: normal;
font-style: normal;
}


.m_show{display:none}

    html,
    body {
      position: relative;
      height: 100%;
    }

    .swiper-container {
      width: 100%;
      height: 100%;
    }
	.swiper-wrapper{position:relative;}

    .swiper-slide {
      text-align: center;
       background: #fff;
   transform: translate3d(0,0,0);
      }

	.swiper-slide1 {
	background:url('/common/img/main/final_vi1.png') no-repeat center; background-size:cover
	}
	.swiper-slide2 {
	background:url('/common/img/main/final_vi22.png') no-repeat center; background-size:cover
	}
	.swiper-slide3 {
	background:url('/common/img/main/final_vi33.png') no-repeat center; background-size:cover
	}
#section2 .swiper-slide1{background:url('/common/img/main/banner5.jpg') no-repeat center; background-size:cover; height:30vh}
#section2 .swiper-slide2{background:url('/common/img/main/banner6.jpg') no-repeat center; background-size:cover; height:30vh}




.swiper-pagination-bullet:nth-child(2){margin:0 0.5em; }
.swiper-pagination{bottom:30%; right:10%;}

.swiper-pagination-bullet {
    width: 90px !important;
    height: 8px !important;
	border-radius:0 !important 
	}
	.swiper-pagination-bullet-active{
	background:#185192 !important
	}

.text_box_wrap{/* background:rgba(0,0,0,0.4);  */width:100%; height:100%; position: absolute; top:0; left:0; z-index:99999999;}
.text_box{position: absolute; top:50%; right:10%; width:100%; z-index:9999; transform:translate(0, -50%); text-align:right;}
.text_box p{display:inline-block; font-size:3.4em; line-height:1.2;font-weight:700;letter-spacing:-2.5px;color:#000;width:100%;}
.text_box p:first-of-type{font-size:2em;font-weight:500;font-family: 'Chakra Petch', sans-serif !important;letter-spacing:0}
.text_box p:nth-of-type(2){color:#185192;margin-top:0}
.text_box p:nth-of-type(2) span{font-family: 'UhBeeSe_hyun' !important;color:#1386bd}
.text_box p:last-of-type{font-size:2.1em;font-weight:500;margin-top:20px; }
.text_box p:last-of-type span{color:#185192;font-weight:600}
.text_box a.btn{font-size:1em !important; border:1px solid #000; padding:12px 60px; margin-top:30px; color:#000; display:inline-block; transition:all 0.3s ease-out; border-radius:5px;font-weight:500 !important}
.text_box a.btn:hover{border:1px solid #185192;color:#185192;}



.vi_wrap{width:100%;height:100%}

@media all and (max-width:1600px){
.text_box{ right:3%}
.swiper-pagination{right:3%;}
}

@media all and (max-width:1000px){
.swiper-pagination{left:0 !important;   /* transform: translate(-50%, 0) !important; */width:100% !important;}
#section2 .swiper-slide1{height:16vh}
#section2 .swiper-slide2{height:16vh}

  
.swiper-slide1 {
	background:url('/common/img/main/m_visual.png') no-repeat center; background-size:cover;
	}
	.swiper-slide2 {
	background:url('/common/img/main/m_vi2_2.png') no-repeat center; background-size:cover
	}
	.swiper-slide3 {
	background:url('/common/img/main/m_vi3_2.png') no-repeat center; background-size:cover
	}


/* .vi_wrap{height:80%} */
.text_box{ bottom:10%; left:0; top:auto; transform:none; text-align:center;}
.swiper-pagination{bottom:7%;left:5%;right:auto}
.text_box p{font-size:2.8em;width:90%;word-break:keep-all;}
.text_box p:last-of-type{font-size:1.4em;letter-spacing:-1px}
.m_show{display:block}
.text_box a.btn{margin-top:10px}


.text_box p:last-of-type{display:none}
.text_box button{display:none}
.text_box p:nth-child(1){font-size:1.4em;}
.text_box p:nth-child(2){font-size:7vw;margin-bottom:30px;}
#section2 .swiper-slide1{height:21vh; content:url('/common/img/main/0704_banner1.jpg')}
#section2 .swiper-slide2{height:21vh; content:url('/common/img/main/0704_banner2.jpg')}
}




@media all and (max-width:600px){
.text_box p:nth-child(2){font-size:10vw;}