@charset "utf-8";




/* main_visual */
.main_visual {
	position:relative; 
	height:840px; 
	background:#1c6ad6;
}

.main_visual .bgtt{
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #0000004d;
}



.main_visual_in {
	position:relative;
	width:100%;
	height:100%;
}
.main_visual_list {
	position:relative; 
	width:100%; 
	height:100%; 
	overflow:hidden;
}
.main_visual_list:after {
	clear:both; 
	content:""; 
	display:block;
}
.main_visual_list.slick-slider .slick-track, 
.main_visual_list.slick-slider .slick-list {
	height:100%;
}
.main_visual_list .slick-slide {
	height:100%;
}
.main_visual_list .slick-slide > div {
	height:100%;
}
.main_visual_list .slick-dots {
	position:absolute; 
	width:100%; 
	text-align:center; 
    bottom: 45px;
    top: 400px;
	height: 30px;
}
.main_visual_list .slick-dots li {
	display:inline-block; 
	margin:0 2px;
}
.main_visual_list .slick-dots li button {
	display:block; 
	width:32px; 
	height:10px; 
	font-size:0; 
	background:rgba(255,255,255,0.5); 
	cursor:pointer; 
	padding:0; 
	border:none; 
	border-radius:0;
}
.main_visual_list .slick-dots li.slick-active button {
	background:rgba(255,255,255,1);
}
.visual_textbox {
	position:absolute; 
	left:50%; 
	top:430px; 
	z-index:1; 
	width:100%; 
	text-align:center; 
	transform:translateX(-50%); 
	-webkit-transform:translateX(-50%); 
	text-align:center;
}
.main_visual_text {
	position:absolute;
	left:50%;
	top:30%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	z-index:2;
	width:100%;
}
.main_viTit {
	text-align:center;
	font-size:56px;
	color:#65d5ff;
	font-weight:500;
	text-shadow:0 0 10px rgba(0,0,0,0.3);
}
.main_viTit span {
	font-size:1em; 
	color:#89ff3b;
	font-family:inherit;
}
.main_viTxt {
	font-size:20px;
	color:#fff;
	margin-top:20px;
	text-align:center;
}

.main_visual_list  {
	width:100%;
	height:100%;
}
.main_visual_img {
	width:100%;
	height:100%;
	position:relative;
}
.main_visual_img img {
	width:100%; 
	height:100%; 
	object-fit:cover;
}
.main_visual_img video {
	width:100%;
	height:100%;
	object-fit:cover;
}


/* main_contents */
.main_contents {
	width:100%;
    position: absolute;
    bottom: 100px;
    left: 0px;
	display:none;
}

.main_contents_mview{
	position: relative;
    bottom: unset;
    left: unset;
    margin: 30px 0px;
	display:none;
}


.main_contentsIn {
	width:1280px;
	max-width:100%;
	margin:0 auto;
}

.maCo_tit {
	font-size:36px;
	font-weight:700;
	color:#fff;
}
.maCo_tit span {
	font-size:inherit;
	font-weight:inherit;
	color:inherit;
}

.maCo_txt {
	margin-top:12px;
	font-size:20px;
	color:#666;
}

/* main_content01 */
.main_content01 {
	padding:82px 0 104px;
	display:flex;
	align-items:center;
}

.main_content_img {
	width:50%;
}

.main_content_img img {
	width:auto;
	max-width:100%;
}

.main_content_info {
	position:relative;
	padding-left:36px;
}

.main_content01 .maCo_tit {	
	color:#295ba0;
}

.main_menuList {
	position:relative;
	width:100%;
	display:flex;
	margin-top:40px;
}

.main_menuUnit {
	margin-right:96px;
}

.main_menuUnit:last-child {
	margin-right:0;
}

.main_menuUnit a {
	display:block;
}

.main_menuIcon {
	height:49px;
	text-align:center;
}

.main_menuIcon img {
	height:100%;
}

.main_menuTit {
	font-size:16px;
	color:#666;
	text-align:center;
	margin-top:8px;
}

/* main_content02 */
.main_content02 {
	position:relative;
	padding-bottom:0px;
}

.main_content02:after {
	clear:both;
	content:"";
	display:block;
}

.main_content02Left {
	float:left;
	width:calc(25% - 20px);
}
.main_content02 .maCo_tit {
	
}

.main_content02 .maCo_tit span {
	margin-left:10px;
	font-size:16px;
	font-weight:700;
}

.notice_more {
	margin-top:20px;
	width:32px;
	height:32px;
	display:block;
	border:1px solid #ddd;	
	text-align: center;
}
.notice_more i {color: #fff;font-size: 20px;margin-top: 6px;}

.main_noticeList {
	position:relative;
	width:calc(75% + 20px);
	float:left;
}

.main_noticeList:after {
	clear:both;
	content:"";
	display:block;
}

.main_noticeunit {
	float:left;
	width:calc(33.33% - 20px);
	margin-left:20px;
}

.main_noticeunit a {
	position:relative;
	display:block;
	padding-top:20px;
	border-top:3px solid #ffffff;
}

.main_noticeunit a:before {
	position:absolute;
	left:0;
	top:-3px;
	width:0;
	height:3px;
	content:"";
	display:block;
	background-image:linear-gradient(45deg, #3a9200, #65ff00);
	transition:0.3s all ease;
}

.main_noticeTit {
	font-size:22px;
	font-weight:600;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#fff;
}

.main_noticeTxt {
    color:#fff;
	margin:20px 0;
	font-size:16px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.main_noticeDate {
	font-size:14px;
	color:#fff;
}


/************************ hover ************************/
@media (hover: hover) {
	
	
	/* main_content01 */
	.main_menuUnit a:hover .main_menuIcon img {transform: rotateY( 360deg ); transition:0.5s all ease;}

	/* main_content02 */
	.main_noticeunit a:hover:before {width:100%; transition:0.3s all ease;}

}
/************************ hover ************************/



/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1280px){
	
	

}





/* 반응형 중간기기 1100px 사이즈 이하*/
@media all and (max-width:1100px){


	/* main_visual */	
	.main_viTit {font-size:36px;}
	.main_viTxt {font-size:16px; margin-top:12px;}



}



/* 반응형 중간기기 998px 사이즈 이하*/
@media all and (max-width:998px){

	
	/* main_content01 */
	.main_content01 {display:block;}
	.main_content_img {width:100%; text-align:center;}
	.main_content_info {width:100%; text-align:center; margin-top:20px; padding-left:0;}
	.main_menuUnit {margin-right:0; width:33.33%;}


	/* main_content02Left */
	.main_content02Left {display:flex; justify-content:space-between; align-items:center; float:none; width:100%; text-align:center;}
	.notice_more {margin-top:0;}	
	.main_noticeList {float:none; width:100%; margin-top:20px;}
	.main_noticeunit {width:calc((100% - 40px)/3);}
	.main_noticeunit:first-child {margin-left:0;}

}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {	

    .main_contents{
		display:none;
	}

	.main_contents_mview{
		display:block;
		background: #fff;
		margin: 0px 0px;
	}
	.main_visual_text{
		top: 40%;
	}
	.main_contentsIn {
		padding: 30px 15px;
	}



	/* main_visual */
	.main_visual {height: 400px;}
	.main_visual_list .slick-dots {top: 70%;}


	/* main_content01 */
	.main_content01 {padding:48px 0 62px;}
	.maCo_tit {font-size:28px; color:#333;}
	.maCo_txt {font-size:16px;color:#333;}
	.notice_more {border: 1px solid #ddd;}
	.notice_more i{color:#666;}

	/* main_content02 */
	.main_noticeList {border-top:2px solid #555;}
	.main_noticeunit {width:100%; margin-left:0; }
	.main_noticeunit a {border-top:0; border-bottom:1px solid #ddd; padding:20px 15px;}
	.main_noticeTit {font-size:18px;color:#333;}
	.main_noticeTxt {margin:8px 0; font-size:14px;color:#333;}
    .main_noticeDate {color:#333;}

}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {	


	/* main_visual */
	.main_visual {}
	.main_viTit {font-size:24px;}
	.main_viTxt {font-size:14px; margin-top:8px;}

	/* main_contents */
	.main_contents {background-size:280px 279px;}


	/* main_content01 */
	.maCo_tit {font-size:24px;}
	.maCo_tit span {font-size:inherit;}
	


	/* main_content02 */
	.main_content02 {}
	.main_noticeunit a {}
	.main_content02 .maCo_tit span {font-size:14px;}
	.main_noticeTit {font-size:16px;}

}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	
	

}


