@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/jejugothic.css);

*{font-family: 'Noto Sans KR', sans-serif, 'Jeju Gothic', 'Nanum Gothic';}

.menu1
{
	width:125px;
	padding:0 35px;
	color:#696969;
	font-size:22px;
	font-weight:bold;
	transition:0.3s;
	text-align:center;
	cursor:pointer;
}
.menu1::after
{
	content:'';
	width:0%;
	height:4px;
	background:#145bb9;
	display:block;
	margin-top:10px;
	transition:0.3s;
}
.menu1:hover::after{width: 100%;}
.menu1:hover{color:#145bb9;}
.menu1:hover .menu1Div{display:block;}

.menu1Div
{
	width:100vw;
	top:calc(40% - 2px);
	left:47.2%;
	transform:translate(-50%);
	margin:30px;
	position:absolute;
	background:white;
	display:none;
	box-shadow:0px 1px 3px rgba(0, 0, 0, 0.5);
	background:linear-gradient(to right,#eaf7fe 0%,#eaf7fe 25%,white 25%,white 100%);
}

.hidden{display:none !important;}

.menu2
{			
	margin:0;
  	background:white;
  	height:45px;
  	text-align:center;
  	padding:0;
  	color:black !important; 
  	font-size:18px;
  	font-weight:450;		  	
  	cursor:pointer;
  	padding:0 30px;
  	font-family:Jeju Gothic;	
  	position:relative;
  	display:inline-block;
}
.menu2::after
{
	width:0;
	content:'';
			height:2px;  			
	background:#145bb9;
	display:block;
	margin-top:5px;			
	transition:0.3s;
}
.menu2:hover::after{width:80%;position:absolute;left:10%;right:10%;}
.menu2:hover{color:#145bb9 !important;}

.menu3
{
	background:white;
	font-size:16px;
	color:#696969 !important;
	height:40px;
	margin-top:10px;
	cursor:pointer;
	text-align:center;
	font-family:Nanum Gothic;
  	display:inline-block;
}
.menu3:hover{color:#145bb9 !important;}
.menu3::after{content:'';width:0%;height:1px;background:#145bb9;margin-top:5px;display:block;}
.menu3:hover::after{width:100%;}

.swiper{width:100%;height:fit-content;}
.swiper-slide {display: block;width: 100%;object-fit: cover;}
.swiper-slide img{width: 100%;max-width: 1920px;position: relative;left: 50%;transform: translate(-50%);}		
.swiper .swiper-pagination{top: 90%;}
.swiper .swiper-pagination-bullet{width: 15px;height: 15px;border: 2px solid #bebebe;}
.swiper .swiper-pagination-bullet-active{background: rgba(255, 255, 255, 0.5);}	

.banner{
	width: 100%;
  	height: 240px;  
  	text-align: center; 
  	background-size: cover;  	
  	color: white;
  	font-family: Noto Sans KR;
  	padding: 80px 0 0 0;
  	line-height:180%;
  	background-position: center 60%;
}
.banner h1{font-size:50px;}
.banner p, .banner p span{color:white;font-size:20px;}

.shadows{text-shadow: 0 0 3px #4b4b4b;}
.blacks{color:black !important;}

.course1{flex-basis: 31%;background: #f4f4f4;padding: 30px 0 0 30px;box-sizing: border-box;margin-bottom: 5%;transition: 0.3s;}
.course2{flex-basis: 31%;background: #fff9c1;padding: 30px 0 0 30px;box-sizing: border-box;margin-bottom: 5%;transition: 0.3s;}
.course1:hover{background-color: #d8d8d8;}
.course2:hover{background-color: #fdef71;}