.main_visual {
  position: relative;
  overflow: hidden;
}

.main_visual .video_wrap{
	width: 100%;
}
.main_visual .video_wrap .video_box{
	width: 100%;

}
.main_visual .video_wrap .video_box video{
	width: 100%;
}
.main_visual .video_wrap .video_box video.mob_vis_video{display: none;}


.main_visual .cover_wrap{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.4);
	z-index: 5;
	mix-blend-mode: overlay;
	opacity: 0.4;
}
.main_visual .cover_wrap::after{
	content:'';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index: 1;
}
.main_visual .cover_wrap .txt_wrap{
	position: absolute;
	left: 60px;
	bottom: 60px;
	width: 680px;
	mix-blend-mode: hard-light;
	opacity: 1;
	z-index: 5;
}
.main_visual .cover_wrap .txt_wrap.txt02{
	opacity: 0.6;
}
.main_visual .cover_wrap .txt_wrap img{
	width: 100%;
}


@media screen and (max-width: 1024px){
	.main_visual .cover_wrap .txt_wrap{width: 380px;}
}
@media screen and (max-width: 768px){
	.main_visual .cover_wrap .txt_wrap{width: 280px; left: 30px; bottom: 30px;}
	.main_visual .video_wrap .video_box video.pc_vis_video{display: none;}
	.main_visual .video_wrap .video_box video.mob_vis_video{display: block;}
}
@media screen and (max-width: 508px){
	.main_visual .cover_wrap .txt_wrap{width: 180px; left: 20px; bottom: 20px;}
}















/* 메인 공통 */
main .main_tit_wrap h2{
 font-size: 4.8rem;
 font-weight: 700;
 color: #000;
 line-height: 1.2;
 font-family: 'Poppins';
 position:relative
}
main .main_tit_wrap p.tit_info{
	font-size: 2rem;
	font-weight: 500;
	color: #666;
	line-height: 1.6;
}
@media screen and (max-width: 768px){
	main .main_tit_wrap h2{font-size: 4rem;}
}
@media screen and (max-width: 500px){
	main .main_tit_wrap h2{font-size: 3.2rem;}
	main .main_tit_wrap p.tit_info{font-size: 1.8rem;}
}








#mainSec01{
	position: relative;
	margin: 120px 0;
}
#mainSec01 .main_tit_wrap{
	text-align: center;
	margin-bottom: 50px;
}
#mainSec01 .on_air_list{
	display: flex;
	justify-content: center;
	gap: 40px;
}
#mainSec01 .on_air_list>li{
	width: 440px;
	height: 618px;
	box-shadow: 0 10px 15px rgba(0,0,0,0.2);
}
#mainSec01 .on_air_list li a{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#mainSec01 .on_air_list li a .img_wrap{
	width: 100%;
	height: 100%;
	transition: 0.3s;
}
#mainSec01 .on_air_list li a:hover .img_wrap{
	transform: scale(1.1);
}


#mainSec01 .more_btn{
	margin: 0 auto;
	margin-top: 65px;
}

@media screen and (max-width: 1430px){
	#mainSec01 .wrap1400{width: 100%;}
	#mainSec01 .on_air_list{column-gap: 2%;}
	#mainSec01 .on_air_list>li{width: 32%; height: 43.217vw;}
}
@media screen and (max-width: 768px){
	#mainSec01{margin: 90px 0;}
	#mainSec01 .main_tit_wrap{margin-bottom: 30px;}
	#mainSec01 .on_air_list{gap: 0;}
	#mainSec01 .on_air_list li{width: 265px; height: 365px; margin: 0 10px;}
	#mainSec01 .more_btn{margin-top: 40px;}

}
@media screen and (max-width: 500px){
	#mainSec01{margin: 60px 0;}
	#mainSec01 .main_tit_wrap{margin-bottom: 20px;}
	#mainSec01 .on_air_list{row-gap: 20px;}
	#mainSec01 .more_btn{margin-top: 30px;}

	#mainSec01 .on_air_list li{width: 230px; height: 330px;}
}















#mainSec02{
	position: relative;
}
#mainSec02 .main_tit_wrap{
	text-align: center;
	margin-bottom: 90px;
}

#mainSec02 .swiper-wrapper{
	padding-top: 40px;
}
#mainSec02 .swiper-slide{
	width: 365px;
	box-shadow: 0 10px 15px rgba(0,0,0,0.2);
	transition: margin-top 0.3s ease;
	position: relative;
	margin-top: 0;
}
#mainSec02 .swiper-slide>a{
	display: block;
	width: 100%;
	height: 514px;
}
#mainSec02 .swiper-slide>a .bg_wrap{
	width: 100%;
	height: 100%;
}
#mainSec02 .swiper-slide>a .hover_wrap{
	background-color: rgba(0,199,152,0.9);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition-duration: 0.3s;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 40px;
	box-sizing: border-box;
	color: #FFF;
	opacity: 0;
}
#mainSec02 .swiper-slide>a .hover_wrap h3{
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.2;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #FFF;
	text-align: center;
	display: block;
	width: 100%;
}
#mainSec02 .swiper-slide>a .hover_wrap .info_wrap{
	width: 100%;
	text-align: center;
}
#mainSec02 .swiper-slide>a .hover_wrap .info_wrap p{
	font-size: 20px;
	font-weight: 500;
	color: #FFF;
	line-height: 1.6;
}
#mainSec02 .swiper-slide>a .hover_wrap .btn{
	width: 36px;
	height: 36px;
	border-radius: 36px;
	background-color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}
#mainSec02 .swiper-slide>a .hover_wrap .btn>i{
	font-size: 18px;
	color: #00C798;
	position: relative;
	transform: rotate(-45deg);
}

#mainSec02 .swiper-slide:hover{
	margin-top: -40px;
}

#mainSec02 .swiper-slide:hover .hover_wrap,
#mainSec02 .swiper-slide>a:active .hover_wrap{
	opacity: 1;
}
#mainSec02 .progress_wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 75px;
}

#mainSec02 .progress_wrap .arrows_wrap{
	display: flex;
	column-gap: 10px;
}
#mainSec02 .progress_wrap button{
	border: none;
	background: transparent;
	font-size: 24px;
	color: #000;
	line-height: 1.5;
}
#mainSec02 .progress_wrap .progress{
	width: calc(100% - 78px);
	height: 2px;
	background-color: #EEE;
	position: relative;
}
#mainSec02 .progress_wrap .progress .bar{
	height: 2px;
	background-color: #000;
	transition-duration: 0.3s;
}
#mainSec02 .more_btn{
	margin: 0 auto;
	margin-top: 20px;
}
@media screen and (max-width: 768px){
	#mainSec02 .main_tit_wrap{margin-bottom: 60px;}
	#mainSec02 .swiper-wrapper{padding-top: 30px;}
	#mainSec02 .swiper-slide{width: 265px;}
	#mainSec02 .swiper-slide>a{height: 365px;}
	#mainSec02 .swiper-slide>a .hover_wrap{padding: 30px;}
	#mainSec02 .swiper-slide>a .hover_wrap h3{font-size: 2.6rem;}
	#mainSec02 .swiper-slide>a .hover_wrap .info_wrap p{font-size: 18px;}
	#mainSec02 .progress_wrap{margin-top: 55px;}
	#mainSec02 .swiper-slide:hover{margin-top: 0;}
	#mainSec02 .swiper-slide:hover .hover_wrap,
	#mainSec02 .swiper-slide>a:active .hover_wrap,{opacity: 0;}
	#mainSec02 .swiper-slide.swiper-slide-active{margin-top: -30px}

}
@media screen and (max-width: 500px){
	#mainSec02 .main_tit_wrap{margin-bottom: 30px;}
	#mainSec02 .swiper-wrapper{padding-top: 20px;}
	#mainSec02 .swiper-slide{width: 230px;}
	#mainSec02 .swiper-slide>a{height: 330px;}
	#mainSec02 .swiper-slide>a .hover_wrap{padding: 20px;}
	#mainSec02 .swiper-slide>a .hover_wrap h3{font-size: 2.2rem;}
	#mainSec02 .swiper-slide>a .hover_wrap .info_wrap p{font-size: 16px;}
	#mainSec02 .swiper-slide>a .hover_wrap .btn{width: 26px; height: 26px; margin-top: 10px;}
	#mainSec02 .swiper-slide>a .hover_wrap .btn>i{font-size: 16px;}
	#mainSec02 .swiper-slide.swiper-slide-active{margin-top: -20px}
	#mainSec02 .progress_wrap{margin-top: 35px;}
	#mainSec02 .progress_wrap .arrows_wrap{column-gap: 6px;}
	#mainSec02 .progress_wrap button{font-size: 20px;}
	#mainSec02 .progress_wrap .progress{width: calc(100% - 50px);}
	
}










#mainSec03{
	position: relative;
	margin: 150px 0;
	padding: 120px 0;
}
#mainSec03 .wrap1600{
	display: flex;
	justify-content: space-between;
}
#mainSec03 .wrap1600>div{
	width: 50%;
}
#mainSec03 .left_wrap p.tit_info{
	margin-top: 40px;
	margin-bottom: 60px;
}

#mainSec03 .right_wrap .main_news_list>li{
 border-bottom: 1px solid #CCC;
 list-style: none;
}
#mainSec03 .right_wrap .main_news_list>li>a .notice_txt{
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 700;
	color: #000;
}
#mainSec03 .right_wrap .main_news_list>li>a{
	padding: 40px 0;
	display: block;
}
#mainSec03 .right_wrap .main_news_list>li:first-child>a{
	padding-top: 0;
}
#mainSec03 .right_wrap .main_news_list>li>a h3{
	font-size: 3rem;
	font-weight: 700;
	color: #0D0D0D;
	margin-top: 24px;
	margin-bottom: 30px;
}
#mainSec03 .right_wrap .main_news_list>li>a .date{
	font-family: 'Poppins';
	font-size: 16px;
	font-weight: 500;
	color: #888;
}
@media screen and (max-width: 1024px){
	#mainSec03{margin: 130px 0; padding: 90px 0;}
	#mainSec03 .wrap1600{flex-direction: column; row-gap: 50px;}
	#mainSec03 .wrap1600>div{width: 100%;}
	#mainSec03 .left_wrap p.tit_info{margin: 30px 0;}
	#mainSec03 .right_wrap .main_news_list>li:first-child{border-top: 1px solid #CCC;}
	#mainSec03 .right_wrap .main_news_list>li:first-child>a{padding-top: 40px;}
}
@media screen and (max-width: 768px){
	#mainSec03{margin: 100px 0; padding: 90px 0;}
	#mainSec03 .left_wrap {text-align: center;}
	#mainSec03 .left_wrap a{margin: 0 auto;}
	#mainSec03 .left_wrap p.tit_info{margin: 20px 0;}
	#mainSec03 .right_wrap .main_news_list>li>a{padding: 30px 0;}
	#mainSec03 .right_wrap .main_news_list>li:first-child>a{padding-top: 30px;}
	#mainSec03 .right_wrap .main_news_list>li>a h3{font-size: 2.6rem; margin: 20px 0;}
	

}
@media screen and (max-width: 500px){
	#mainSec03{margin: 70px 0; padding: 60px 0;}
	#mainSec03 .left_wrap p.tit_info{margin: 10px 0;}
	#mainSec03 .left_wrap p.tit_info br{display: none;}
	#mainSec03 .right_wrap .main_news_list>li>a{padding: 20px 0;}
	#mainSec03 .right_wrap .main_news_list>li:first-child>a{padding-top: 20px;}
	#mainSec03 .right_wrap .main_news_list>li>a .notice_txt{font-size: 14px;}
	#mainSec03 .right_wrap .main_news_list>li>a h3{font-size: 2.2rem; margin: 10px 0;}
	#mainSec03 .right_wrap .main_news_list>li>a .date{font-size: 14px;}
}












#mainSec04{
	position: relative;
	background: url(/html/_img/main/main_contact_bg.jpg) no-repeat center / cover;
	padding: 95px 0;
}

#mainSec04 ._blueCircle .border{
	margin: -5px;
}

#mainSec04 .effect_wrap{
	width: 180px;
	height: 180px;
	position: absolute;
}
#mainSec04 .effect_wrap h3{
	display: block;
	width: 100%;
	height: 100%;
}
#mainSec04 .effect_wrap h3 .logo{
	text-align: right;
	top: 35px;
	position: relative;
}
#mainSec04 .effect_wrap h3 .rightBottom{background-color: #00C798;}
#mainSec04 .main_tit_wrap h2{
	color: #FFF;
	padding-bottom: 20px;
	margin-bottom: 20px;
	text-align: center;
}
#mainSec04 .main_tit_wrap h2::after{
	content:'';
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 30px;
	height: 2px;
	background-color: #00C798;
}
#mainSec04 .main_tit_wrap p.tit_info{
	color: #FFF;
	text-align: center;
}
#mainSec04 .more_btn{
	margin: 0 auto;
	margin-top: 20px;
}

@media screen and (max-width: 768px){
	#mainSec04{padding-top: 0; padding-bottom: 75px;}
	#mainSec04 .wrap1600{padding-top: 95px;}
	#mainSec04 .effect_wrap{top: 0; width: 100px; height: 100px;}
	#mainSec04 .effect_wrap h3 .logo{top: 20px; width: 100px;}
	#mainSec04 .effect_wrap h3 .logo img{width: 100%;}

}

@media screen and (max-width: 500px){
	#mainSec04{padding-bottom: 55px;}
	#mainSec04 .wrap1600{padding-top: 75px;}
	#mainSec04 .main_tit_wrap h2{margin-bottom: 10px; padding-bottom: 10px;}
	#mainSec04 .main_tit_wrap p.tit_info br{display: none;}
	#mainSec04 .effect_wrap{width: 80px; height: 80px;}
	#mainSec04 .effect_wrap h3 .logo{top: 20px; width: 80px;}

}


































@media screen and (max-width: 768px){


}













