/* 1240px */
 @media (max-width: 1240px) {
  #wrap{overflow:hidden;}
  .container{width: 100%;}
  .container2{width: 100%;}
  .row{padding: 10px;}
  .row_1{padding: 10px;}
  .br{display:block;}

  .slideshow {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 1;
  }
  .slideshow .slide .title{max-width: none;}
  .slideshow .slide .text{max-width: none;}
  .slideshow .slide .caption {text-align: center;}
  .quick{display: none;}

  #section02 .sec2_layout_left .sec2_box01 {
    height: auto;
  }
  #section02 .sec2_layout02_right .sec2_ri_box02 {
    height: auto;
  }
   #section02 .sec2_layout_left .sec2_box03 {
    height: auto;
  }
   #section02 .sec2_layout_left .sec2_box04 {
    height: auto;
  }



#section01{width:100%; margin-top:100px;}
.sec1_main{
	background:url(/img/t_main_img_01.png) no-repeat;
	width:100%;
	height:730px;
	background-size:cover;
	background-position:center;

}






/* card */
@media (hover: hover) and (min-width: 600px) {
  .card:after {
    transform: translateY(0);
  }

  .content {
    transform: translateY(calc(100% - 4.5rem));
  }
  .content > *:not(.title) {
    opacity: 0;
    transform: translateY(1rem);
    transition: transform var(--d) var(--e), opacity var(--d) var(--e);
  }

  .card:hover,
.card:focus-within {
    align-items: center;
  }
  .card:hover:before,
.card:focus-within:before {
    transform: translateY(-4%);
  }
  .card:hover:after,
.card:focus-within:after {
    transform: translateY(-50%);
  }
  .card:hover .content,
.card:focus-within .content {
    transform: translateY(0);
  }
  .card:hover .content > *:not(.title),
.card:focus-within .content > *:not(.title) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: calc(var(--d) / 8);
  }

  .card:focus-within:before, .card:focus-within:after,
.card:focus-within .content,
.card:focus-within .content > *:not(.title) {
    transition-duration: 0s;
  }
}






/* footer */
@media (max-width: 768px){

  #footer{width: 100%; background: #202020; border-top:1px solid #94752C; float: left;}
  #footer .f_logo{width: 100%; padding: 30px 10px;  float: left; margin-top: 0px; border-bottom: 1px solid #ccc ;}
  #footer .f_logo img{width:100px; height:70px; margin:0 auto; display: block;}

  #footer .f_right{width: 100%; float: left;}
  #footer .f_right ul{padding: 20px; margin-left: 10px; text-align: center;}
  #footer .f_right ul h2{color: #fff; font-weight: bold; margin-bottom: 5px;}
  #footer .f_right ul li{color: #fff; }
  #footer ul{padding: 10px 0 25px 0; text-align: center;}
  #footer ul li{color: #fff;}
  .f_wiget {width: 100%; margin-top: 20px; }



  .teacher{
	overflow:hidden;
	background: url(/img/teacher_bg.png) no-repeat;
	background-size: cover;
	background-position: 0 50px;
	}
	.teacher .teacher_left{width:100%; float:left;  border-radius:50%;}
	.teacher .teacher_left img{width:100%;}

	.teacher .teacher_right{width:100%; float:left;}
	.teacher .teacher_right figure{padding:30px 40px}
	.teacher .teacher_right figure ul{}
	.teacher .teacher_right figure ul span{font-size:14px; margin-bottom:-5px;}
	.teacher .teacher_right figure ul h1{font-size:34px; display:inline; color:#B39138;}
	.teacher .teacher_right figure ul h2{font-size:26px; display:inline;}
	.teacher .teacher_right figure ul p{font-size:16px; margin-bottom:20px;}
	.teacher .teacher_right figure ul li{font-size:12px; color:#666; line-height:2;}
	.teacher .teacher_right figure ul h3{font-size:12px; color:#B39138; font-weight:bold;}



}



/* 768px */
@media (max-width: 768px) {

	#hd_pop{display:none;}
	.nav-item:after {
		display: none;
	}

	.nav-item::before {
		position: absolute;
		display: block;
		top: 15px;
		left: 0;
		width: 11px;
		height: 1px;
		content: "";
		border: none;
		background-color: #000;
		vertical-align: 0;
	}

	.dropdown-toggle::after {
		position: absolute;
		display: block;
		top: 10px;
		left: -23px;
		width: 1px;
		height: 11px;
		content: "";
		border: none;
		background-color: #000;
		vertical-align: 0;
		transition: all 200ms linear;
	}

	.dropdown-toggle[aria-expanded="true"]::after {
		transform: rotate(90deg);
		opacity: 0;
	}

	.dropdown-menu {
		padding: 0 !important;
		background-color: transparent;
		box-shadow: none;
		transition: all 200ms linear;
	}

	.dropdown-toggle[aria-expanded="true"]+.dropdown-menu {
		margin-top: 10px !important;
		margin-bottom: 20px !important;
	}

		

		
#section01{width:100%; margin-top:50px;}
.sec1_main{
	background:url(/img/m_main_img_01.png) no-repeat;
	width:100%;
	height:650px;
	background-size:cover;
	background-position:center;

}


	.sec_tit h2 {
		font-size: 24px;
		font-weight: bold;
		color: #333;
	}

	.sec2_layout .sec2_item {
		width: 100%;
		margin-bottom: 5%;
	
	}
	.sec3 {
		width: 310px;
	}

	.sec3 ul h2::before {
		display: none;
	}
	
	.text_area {
    padding: 70px 25px;
}


	.text_area figure ul li {
		font-size: 13px;
		color: #ccc;
	}
	
	.main_bar h2{font-size:11px; line-height:4.5;}


	#section06 .sec6_right_01 {width: 100%; margin-top:2%;}
	#section06 .sec6_right_02 {width: 100%;}


		
	.sec6_left .text_area figure ul li {
	font-size: 14px;
	color: #ccc;
	display:block;
	}

	.main .tab-menu-link {
		font-size: 11px;
	}
	
	.info_left_box {
    width: 100%;
    float: left;
	}
	.info_right_box{
    width: 100%;
    float: left;
	}
	.info_right_box h2 {
    font-size: 24px;
	max-width:379px;
	}
	.sec_tit li {
    font-size: 14px;
    color: #666;
	display: inline;
	}
	.sec_tit span {
    font-size: 12px;
    color: #777;
    display: block;
	}
	.text_area2 {
    position: relative;
    padding: 30px;
	}

	.text_area2 figure ul h3 {
		font-size: 24px;
		font-family: 'Pretendard-ExtraBold';
	}

	.text_area2 figure {}

	.text_area {
    padding: 46px 25px;
}

	#section06 .sec6_left {
		width: 100%;
		height: 300px;
		background: url(/img/sec6_left.png) no-repeat;
		background-size: cover;
		float: left;
		border-radius: 20px;
	}

	.text_area2::before { display:none;}
	.text_area2 figure ul li { font-size: 11px; }

	.ban_tit ul h2 {
    font-size: 38px;
    font-family: 'Pretendard-ExtraBold';
    color: #fff;
}

	
	.count_tit .count_left_box {
    position: relative;
    width: 100%;
    height: 80px;
    float: left;
}

.count_tit .count_left_box ul {
    padding: 0px;
}

.count_tit .count_right_box {
    width: 100%;
    float: left;
}

.count_tit .count_right_box ul {
    padding: 0px;
}


.count_left_box::before {
	display:none;
}

.count_left_box::after {
	display:none;
}

.count_tit .count_left_box ul h2 {
    font-size: 24px;
    font-family: 'Pretendard-Regular';
	color: #0b318f;
}


.flex_item_list {
    flex-basis: 100%;
    margin-right: 2%;
    display: flex;
    flex-direction: column;
    text-align: center;
    border: 1px solid #ccc;
    padding: 30px;
}

.count_box {
    margin-bottom: 10%;
    overflow: hidden;
}

.count_tit .count_right_box ul p {
    font-size: 14px;
}


.sub_box_con .owl_box{width:100%; border: none; margin-bottom:0x;}
.sub_box_con .owl_box .owl_left{
	width:100%;
	float:left;
}
.sub_box_con .owl_box .owl_left img{width:100%}
.sub_box_con .owl_box .owl_right{width:100%; height: 250px; float:left;}
.sub_box_con .owl_box .owl_right figure{padding: 20px;}
.sub_box_con .owl_box .owl_right figure ul h2{font-size: 24px;}
.sub_box_con .owl_box .owl_right figure ul li{font-size: 14px;}

.page-content .item{
	width: 100%;
	height:120px;
	border:1px solid #ccc;
	margin-bottom: 10px;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1);
}

.page-content .item ul{
	padding:25px;
}
.page-content .item ul h2{font-size:24px; font-family: 'Pretendard-ExtraBold';}
.page-content .item ul p{font-size:17px; font-family: 'Pretendard-Regular';}


#section02 .sec2_tit ul h2 {
    font-size: 32px;
    font-family: 'Pretendard-ExtraBold';
}

#sangdam_banner{display:none;}
}


 /* 768px */
  @media (max-width: 768px){
	.brand img {
    width: 220px;
    height: 70px;
}
	.arrows{display:none;}
	.slideshow .slide .title {font-size: 28px;}
	.slideshow .slide p {font-size: 14px;}
	
	

#sub_01_banner{
	width:100%;
	height:400px;
	background: url(/image/sub_01_banner.png) no-repeat;
	background-size:cover;
	background-position:top center;
	position: relative;
}

#sub_02_banner{
	width:100%;
	height:400px;
	background: url(/image/sub_02_banner.png) no-repeat;
	background-size:cover;
	background-position:top center;
	position: relative;
}

#sub_03_banner{
	width:100%;
	height:400px;
	background: url(/image/sub_03_banner.png) no-repeat;
	background-size:cover;
	background-position:top center;
	position: relative;
}

#sub_04_banner{
	width:100%;
	height:400px;
	background: url(/image/sub_04_banner.png) no-repeat;
	background-size:cover;
	background-position:top center;
	position: relative;
}


	#section03 {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 250px;
    background: url(/img/section03_banner.png) no-repeat;
}

	.sec3 ul h2 {font-size: 24px;}
	.sec3 ul p {font-size: 14px;}


	#section05 .sec5_layout_left {
    overflow: hidden;
    padding: 2% 0;
}


	#section05 .sec5_layout_left .sec5_box01{width:100%; margin-top: 10px;}
	#section05 .sec5_layout_left .sec5_box02 {width:100%;}
	#section05 .sec5_layout_left .sec5_box02 figure {padding: 30px 10px;}
	#section05 .sec5_layout_left .sec5_box02 figure h2{font-size: 26px;}
	#section05 .sec5_layout_left .sec5_box02 figure ul li {font-size: 12px;}
	.sec2_txt a {line-height: 6;}

	#section05 .sec5_layout02_right .sec5_ri_box01 {width: 100%;height: 230px;margin-right: 0%;}
	#section05 .sec5_layout02_right .sec5_ri_box01 figure {padding: 30px 10px;}
	#section05 .sec5_layout02_right .sec5_ri_box02 {width: 100%; margin:40px 0 30px 0;}
	#section05 .sec5_layout02_right .sec5_ri_box01 figure h2 {font-size: 26px;}
	#section05 .sec5_layout02_right .sec5_ri_box01 figure ul li {font-size: 12px;}
	
	.sec5_txt a {
    line-height: 7;

}
	.ban_tit ul li{font-size: 11px;}

	.youtube_con{width:100%; overflow:hidden;}
	
	#section04 .sec4_tit ul h2 {font-size: 32px;}
	#section04 .sec4_tit ul li {font-size: 14px;}
	

	.page-content {
    display: grid;
    grid-gap: 1rem;
    padding: 2rem;
    margin: 0 auto;
	}

	.banner_tit h2 {font-size: 36px;}
	.title_area ul h2 {font-size: 32px;}
	.title_area ul p {font-size: 13px;}

	.title_area ul::before {
    content: '';
    width: 1px;
    height: 70px;
    background-color: #ccc;
    position: absolute;
    bottom: -150%;
    left: 50%;
}



	#info_01 p {font-size: 13px;}
	.text_area ul p {font-size: 13px;}
	

	.info_right_box p {font-size: 14px;}

	.info_right_box h3 {font-size: 17px;}

	
	#overview_bg {
    width: 100%;
    height: 800px;
    overflow: hidden;
    background: url(/image/overview_bg.png) no-repeat;
    background-size: cover;
    margin-top: 3%;
}


	.overview_right_box p {
    font-size: 13px;
}
	
	.count_tit {
	padding:10px;
}	

	
		.count_tit .count_left_box {
		position: relative;
		width: 100%;
		height: 60px;
		float: left;
	}



	.count_tit .count_left_box ul h2 {
    font-size: 16px;
    font-family: 'Pretendard-Regular';
	color: #0b318f;

}

.count_tit .count_right_box ul h2 {
    font-size: 24px;
    font-family: 'Pretendard-Bold';
}



	#section06 {
    overflow: hidden;
    padding: 2% 0;
}


  }