header {
	position: relative;
	width:100%;
	height: 920px;
    margin: 0 auto;
    padding: 0;
    border: 0px solid red;
    overflow: hidden;
    }



header div.vs{
	display:block;
	position:relative;
	width:100%;
	height:920px;
	margin:0 auto;
	overflow:hidden;
	}
header div.vs .swiper-slide{
	background-position:center center;
	overflow:hidden;
	}
header div.vs .swiper-slide img{
	position:absolute;
	left:0;
	top:0;
	z-index:50;
	}	
header div.vs .swiper-slide p.d1{
	position:absolute;
	width:100%;
	top:200px;
	text-align:center;
	font-size:130px;
	font-family:PT Sans;
	font-weight:700;
	color:#fff;	
	z-index:55;
	}	
header div.vs .swiper-slide p.d2{
	position:absolute;
	width:100%;
	top:370px;
	text-align:center;
	font-size:40px;
	letter-spacing:-0.05em;
	line-height:1.5;
	color:#fff;	
	z-index:55;
	}		
header div.vs .swiper-slide p.d2 b{
	font-weight:700;
	}
	
header div.vs .swiper-pagination {
	bottom:5%;
	}
header div.vs .swiper-pagination-bullet {
  background-color: #fff;
  width:40px;
  height:40px;
  margin: 0 5px !important;
}
header div.vs .swiper-pagination-bullet-active {
    color: #fff;
    background: #0e5aa7;
    }
    
header div.vs2,
header div.vs3{
	display:none;
	}	   
    

    
/*----------------------------------------navi renew-------------------------------------*/


section {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

section h2{
	display:block;
	position:relative;	
	font-size:90px;	
	color:#000;
	font-weight:400;
	line-height:1.2;
	letter-spacing:-0.05em;
	text-align:Center;
	margin:100px auto 0 auto;
	overflow:hidden;	
	padding:0;
	}
section h2 b{
	font-weight:700;
	}	
section h2 span{
	display:block;
	font-family:PT Sans;
	font-size:18px;
	font-weight:700;
	line-height:1;
	letter-spacing:-0.03em;
	height:auto;
	color:#0e5aa7;
	}
section.dep1{
	height:910px;
	background:url(../img/dep1_bg.png) 0 0 no-repeat;
	border:0px solid red;
	padding:0;
	overflow:hidden;
	}
section.dep1 h2{
	text-align:left;
	height:100%;
	font-size:50px;
	border:0px solid red;
	overflow:hidden;
	}
section.dep1 div.wrap{
	position:relative;
	width:100%;
	height:470px;
	margin:250px auto 0 auto;
	padding:0;
	text-align:left;
	border:0px solid red;
	vertical-align:top;
	}
section.dep1 div.wrap div.tit{
	display:inline-block;
	width:330px;
	height:100%;
	margin-left:50px;
	overflow:Hidden;
	vertical-align:top;
	border:0px solid red;
	}
	
section.dep1 div.wrap div.tit2{
display:none;
}	



section.dep1 div.wrap .swiper {
	position:relative;
	display:inline-block;
    width:1500px;
    height: 100%;
    border:0px solid blue;
    margin:0;
    }

section.dep1 div.wrap .swiper-slide {
	position:relative;
      text-align: center;
      width:470px;
      height:470px;
      font-size: 18px;
      background: none;
      display: flex;
      justify-content: center;
      align-items: center;
      border:0px solid red;
      overflow:hidden;
      padding:0;
      margin:0;
    }
section.dep1 div.wrap .swiper-slide a{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	left:0;
	top:0;
	font-size:50px;
	font-weight:700;
	line-height:1.5;
	letter-spacing:-0.05em;
	color:#fff;
	overflow:hidden;
	}

section.dep1 div.wrap .swiper-slide a span{
	display:block;
	font-size:30px;
	font-weight:400;
	line-height:1;
	letter-spacing:-0.05em;
	color:#fff;
	padding-top:65%;
	}	
section.dep1 div.wrap .swiper-slide img {
      display: block;
      width:470px;
      height:470px;
      padding:0;
      margin:0 auto;
      overflow:hidden;
    }

section.dep1 div.wrap .swiper-button{
	position:absolute;
	width:130px;
	height:60px;
	left:200px;
	top:400px;
	border:0px solid green;
	padding:0;
	margin:0;
	}
section.dep1 div.wrap .swiper-button-next,
section.dep1 div.wrap .swiper-button-prev{	
	height:60px;
	margin:0;
	padding:0;
	top:0;
	}
section.dep1 div.wrap .swiper-button-prev{
	left:0;
	width:60px;
	background:url(../img/dep1_ar1.png) no-repeat;
	}
section.dep1 div.wrap .swiper-button-next{
	right:0;
	width:60px;
background:url(../img/dep1_ar2.png) no-repeat;
	}	    
section.dep1 div.wrap .swiper-button-prev:after,
section.dep1 div.wrap .swiper-button-next:after {
	display:none;
	} 
    

section.dep1 div.wrap .dep1_program1 {
	position:relative;
	display:inline-block;
      width:1500px;
      height: 470px;
      border:0px solid red;
      overflow:hidden;
      margin:0;
    }
section.dep1 div.wrap .dep1_program1 div{
	position:relative;
	display:inline-block;
     width:470px;
     height:470px;
    }




section.dep2{
	height:960px;
	
	}
section.dep2 .main_new_visual2{
	display:none;
	}
.main_new_visual{
	display:block;
	position:relative; 
	height:calc(100vh - 108px); 
	min-height:960px; 
	background:black;
	}
.main_new_visual img{display:inline;}
.main_new_visual .bg{
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background:url(../img/dep2_bg.jpg) center center no-repeat
	}
.main_new_visual .bg .bg_img {
	position:absolute; 
	top:0; left:0; 
	width:100%; 
	height:100%; 
	background-repeat:no-repeat; 
	background-position:bottom center; 
	background-size:cover; 
	opacity:0; z-index:1;
	}
.main_new_visual .bg .bg01{background-image:url(../img/dep2_bg1.jpg)}
.main_new_visual .bg .bg02{background-image:url(../img/dep2_bg2.jpg)}
.main_new_visual .bg .bg03{background-image:url(../img/dep2_bg4.jpg)}
.main_new_visual .bg .bg04{background-image:url(../img/dep2_bg3.jpg)}
.main_new_visual .bg .bg_img.on{opacity:1;}
.main_new_visual .bg .main_info{position:absolute; bottom:13.2%; left:0; width:100%; text-align:center; z-index:1;}
.main_new_visual .bg .main_info img{width:87.6%;}

.main_new_visual .sections{position:absolute; top:0; left:0; width:100%; height:100%; overflow: hidden;}
.main_new_visual .sections .section{position:relative; float:left; width:25%; height:100%; box-sizing: border-box; color:#fff; text-align:center; z-index:5;}
.main_new_visual .sections .section+.section{border-left:1px solid rgba(255,255,255,.2)}
.main_new_visual .sections .innerBox{position:absolute; top:40%; left:0; width:100%; padding:0 3.645833vw; box-sizing: border-box; transition:top 0.4s ease; cursor:pointer; z-index:1;}
.main_new_visual .sections .ico {
	width:100%;
	border:0px solid red;
	height:200px;
	font-size:2.2vw;
	font-weight:300;
	line-height:1.5;
	color:#fff;
	cursor:pointer;
	letter-spacing: -0.05em;
	padding-top:100px;
	}
.main_new_visual .sections .ico b{
	font-weight:700;
	}	

/*.main_new_visual .sections .ico img{width:12.916666vw;}*/
.main_new_visual .sections .details{margin-top:20px; display:none; border:0px solid red; height:150px;}
.main_new_visual .sections .section_dim{position:absolute; top:0; left:0; left:0; width:100%; height:100%; background:rgba(14,90,167,.5); opacity:0; transition:opacity 0.4s ease; }
.main_new_visual .sections .innerBox:hover{top:20%;}
.main_new_visual .sections .innerBox:hover .details{display:block;}
.main_new_visual .sections .innerBox:hover~.section_dim{opacity:1;}








	
	
	
	
	
	
	
section.dep3{
	height:1170px;
	background:url(../img/dep3_bg.png) 0 0 no-repeat;
	border:0px solid red;
	}

section.dep3 div.wrap {
	position:relative;
	display:block;
  width:1780px;
  height: 700px;
  border:0px solid blue;
  margin:100px auto 0 auto;
    }
    
section.dep3 div.wrap .swiper {
	position:relative;
	display:inline-block;
  width:100%;
  height:100%;
  border:0px solid red;
  margin:0;
    }

section.dep3 div.wrap .swiper-slide {
	position:relative;
  text-align: center;
  width:420px;
  height:620px;
  font-size: 18px;
  border-radius:10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border:0px solid red;
  overflow:hidden;
  padding:0;
  margin:0;  
  }	
section.dep3 div.wrap .swiper-slide a{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#000;
	transition-property:all;
	transition-duration: 0.6s;
	transition-timing-function: ease-out;
	transition-delay: 20ms;
	overflow:hidden;
	}	
section.dep3 div.wrap .swiper-slide a:hover{
	background-color:#0e5aa7;
	transition: 0.6s ease-out 20ms;
	}
section.dep3 div.wrap .swiper-slide a span.t1{
	display:block;
	width:100%;
	height:38px;
	font-size:30px;
	font-weight:300;
	line-height:1;
	overflow:hidden;
	color:#fff;
	margin-top:30%;
	text-align:center;
	}	
section.dep3 div.wrap .swiper-slide a span.t2{
	display:block;
	width:100%;
	height:52px;
	font-size:50px;
	font-weight:700;
	line-height:1;
	overflow:hidden;
	color:#fff;
	text-align:Center;
	}		
section.dep3 div.wrap .swiper-slide a span.btn{
	position:absolute;
	display:block;
	bottom:5%;
	left:25%;
	width:200px;
	height:60px;
	background:none;
	border:1px solid #fff;
	border-radius:100px;
	font-size:20px;
	font-weight:500;
	line-height:2.8;
	overflow:hidden;
	color:#fff;
	text-align:Center;
	transition-property:all;
	transition-duration: 0.6s;
	transition-timing-function: ease-out;
	transition-delay: 20ms;
	}		
section.dep3 div.wrap .swiper-slide a:hover span.btn{
	background:rgba(255,255,255,0.5);
	border:1px solid rgba(255,255,255,0.5);;
	transition: 0.6s ease-out 20ms;
	}
	
section.dep3 div.wrap .swiper-pagination-bullet {
      width: 25px;
      height: 25px;
      font-size:0;
      text-indent:-30px;
      color: #000;
      opacity: 1;
      background:#0e5aa7;;
    }
section.dep3 div.wrap .swiper-pagination-bullet-active {
      color: #fff;
      background: #cc8f37;
    }	
	
	
	
	
section.dep4{
	height:1000px;
	background:url(../img/dep4_bg.jpg) 0 0 no-repeat;
	}
section.dep4 h2{
	font-size:80px;
	}
section.dep4 h2 span{
	font-family:Noto Sans Kr;
	font-weight:400;
	color:#000;
	margin-top:20px;
	}
section.dep4 div.wrap {
	position:relative;
	display:block;
  width:1360px;
  height:460px;
  border:0px solid blue;
  margin:100px auto 0 auto;
  }    
section.dep4 div.wrap .swiper {
	position:relative;
	display:block;
  width:1200px;
  height:460px;
  border:0px solid red;
  margin:0 auto;
  }
section.dep4 div.wrap .swiper-slide {
	position:relative;
  text-align: center;
  width:1200px;
  height:460px;
  font-size: 18px;
  border:0px solid red;
  overflow:hidden;
  padding:0;
  margin:0;  
  }		
section.dep4 div.wrap .swiper-slide img{
	position:relative;
	display:block;
	width:100%;
	height:390px;
	margin:0 auto 10px auto
	}
section.dep4 div.wrap .swiper-slide p{
	position:relative;
	width:100%;
	height:60px;
	background:#d8dfe4;
	text-align:center;
	font-size:25px;
	color:#000;
	line-height:2;
	overflow:hidden;
	}	
section.dep4 div.wrap .swiper-button-next,
section.dep4 div.wrap .swiper-button-prev{	
	width:60px;
	height:60px;
	margin:0;
	padding:0;
	}
section.dep4 div.wrap .swiper-button-prev{
	background:url(../img/dep1_ar1.png) no-repeat;
	}
section.dep4 div.wrap .swiper-button-next{
	background:url(../img/dep1_ar2.png) no-repeat;
	}	    
section.dep4 div.wrap .swiper-button-prev:after,
section.dep4 div.wrap .swiper-button-next:after {
	display:none;
	}