@charset "utf-8";

/* main common */
.main_wrap{ background: #fff;}
.main_wrap > section{}
.main_wrap > section:not(.main_visual):not(.center_info){padding:80px 0;}

.main_tit_box{display:flex; justify-content: space-between; align-items: center; margin-bottom:60px;}
.main_tit_box span{color:var(--main_color); font-weight: 600;}
.main_tit_box h3{font-family: var(--tit_font); font-weight: 700; font-size:42px; line-height:100%; color:#222; margin-top:5px; word-break: keep-all;}
.main_tit_box h3 b{color:var(--main_color);}
.main_tit_box p{font-size:20px; font-weight: 300; color:#222; line-height:125%; margin-top:20px; word-break: keep-all;}
.main_tit_box .more_btn{font-size:16px; }

.main_con{}

/* 메인 비쥬얼 */
.main_visual{max-width:1920px; margin:0 auto; position: relative;}
.main_visual .img_box{height:auto; border-radius:50px 50px 0 0; border:none;}
.main_visual .img_box img{position:static; object-fit: cover;}

.main_copy{position: absolute; top:-15%; bottom:0; left:0; right:0; margin:auto; height:fit-content; max-width: 1440px; width:100%; color:#fff;}
.main_copy strong{font-family: var(--tit_font); font-size:62px; font-weight: 700; line-height:115%; transition:font-size 0.4s;}
.main_copy p{font-size:18px; line-height:155%; margin-top:30px; transition:font-size 0.4s;}

/* 사업소개 */
.center_info{margin-top:-10%; position: relative;}
.center_info:before{content:''; position: absolute; width:1880px; height:100%; background:#fff; border-top-left-radius:50px; left:0; right:0; margin:auto; transform: translateX(140px);}
.center_info .inner{position: relative; padding:80px 0 110px;}
.center_info .main_con{}
.center_info .main_con ul{display:flex; justify-content: space-between; align-items: center; padding-bottom:50px;}
.center_info .main_con ul li{border:1px solid #ddd; border-radius:15px; background:#fff; overflow:hidden; height:280px; padding:50px 30px; text-align: center; display:flex; flex-direction: column;}
.center_info .main_con ul li:nth-child(2n){transform:translateY(50px);}
.center_info .main_con ul li span{font-size:10px; font-weight: 600; color:var(--main_color);}
.center_info .main_con ul li strong{font-size:18px; font-weight: 600; color:#222; display:block;}
.center_info .main_con ul li .img_box{width:120px; padding-top:120px; border-radius:50%; background:#f9f9f9; margin-top:20px;}
.center_info .main_con ul li .img_box img{width:60px; min-height:unset; min-width:unset; inset:0; margin:auto; object-fit: contain;}

/* 사업공고 */
.main_biz{background:rgba(var(--main_color_rgb), 0.04);}
.main_biz .main_con{padding:0 20px; position: relative;}
.main_biz .biz_slide{width:calc(100% - 40px); }
.main_biz .main_con ul{}
.main_biz .main_con ul li{background-image:url('/images/page/main/mcon02_bg.png'); background-repeat:no-repeat; background-size: 100% 100%; background-position:center center; padding:35px 40px 40px; position:relative; transition:background-image 0.4s;}

.main_biz_item span.acc{display:block; margin-bottom:20px; width:32px; height:18px; background:url('/images/page/main/mcon_acc0201.png') no-repeat; background-size: calc(100% - 8px);}
.main_biz_item span.state{display:flex; justify-content: center; align-items: center; width:26.5%; height:36px; border-radius:38px; background:#fff; border:2px solid transparent; text-align:center; font-weight:500; color:var(--main_color); position:absolute; right:8px; top:8px; transition: border-color 0.4s;}
.main_biz_item strong{font-size:20px; font-weight: 600; color:#222; line-height:125%; min-height:50px;}
.main_biz_item strong + p{min-height:45px; font-weight: 300; color:#666; margin-top:17px;}
.main_biz_item .main_biz_date{display:flex; justify-content: space-between; align-items: center; padding-top:15px; margin-top:30px; border-top:1px solid #ddd;}
.main_biz_item .main_biz_date > p i{vertical-align: middle;}
.main_biz_item .main_biz_date > p span{vertical-align: middle; font-size:14px;}
.main_biz_item .main_biz_date > span{font-size:12px; font-weight:600; color:var(--sub_color); border:2px solid var(--sub_color); border-radius:5px; padding:0 10px; transition:background 0.4s, color 0.4s;}

.main_biz .main_con ul li:not(.nodata):hover{background-image:url('/images/page/main/mcon02_bg_on.png');}
.main_biz .main_con ul li:hover span.state{border-color:var(--main_color);}
.main_biz .main_con ul li:hover .main_biz_item .main_biz_date > span{background:var(--sub_color); color:#fff;}

.main_biz .main_con .nodata{background-image:none; background:#fff; border-radius:15px; width:100%; height:300px; display:flex; justify-content: center; align-items: center;}
.main_biz .main_con .nodata li, .main_biz .main_con .nodata li:hover{background-image: none;}
.main_biz .main_con .nodata .main_biz_item{height:fit-content; text-align:center;}
.main_biz .main_con .nodata .main_biz_item span.acc{margin:0 auto 20px;}
.main_biz .main_con .nodata .main_biz_item span.state{top:15px; width:6%;}
.main_biz .main_con .nodata .main_biz_item strong{color:#666;}

.main_biz_remote button{position:absolute; top:0; bottom:0; margin:auto; background:transparent; font-size:40px; z-index: 10;}
.main_biz_remote button.prev{left:-10px;}
.main_biz_remote button.next{right:-10px}

/* 시설 및 장비 */
.main_fac{}

.main_fac .main_con{display:flex; justify-content: space-between; align-items: stretch; gap: 80px;}

.fac_box{max-width:640px; max-height:540px; width:100%; border:1px solid #ddd; border-radius:15px; overflow: hidden;}
.fac_box ul{}
.fac_box ul li{display:flex; justify-content: space-between; flex-direction: column; font-size:0;}

.fac_box.nodata{text-align: center; background:rgba(var(--main_color_rgb), 0.05); display: flex; flex-direction: column; justify-content: center; align-items: center; height:540px;}
.fac_box.nodata img{height:150px;}
.fac_box.nodata b{color:#222; font-family: var(--txt_font);}

.fac_box .fac_top{padding:35px; height:35%;}
.fac_box .fac_top strong{font-size:28px; font-weight: 600; color:#222;}
.fac_box .fac_opt{margin-top:25px;}
.fac_box .fac_opt dl{display:flex; gap:30px; line-height:125%; font-size:1rem;}
.fac_box .fac_opt dl + dl{margin-top:5px;}
.fac_box .fac_opt dl dt{padding-left:10px; position:relative; color:#666; font-weight: 300;}
.fac_box .fac_opt dl dt:before{content:'●'; font-size:7px; position:absolute; left:0; top:0; color:var(--main_color); opacity: 0.4; }
.fac_box .fac_opt dl dd{font-weight: 400; color:#222;}

.fac_box .fac_view{position:relative; overflow:hidden; height:65%;}
.fac_box .fac_view:after{content:''; display:block; position:absolute; bottom:0; width:100%; height:80px; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6));}
.fac_box .fac_view > img{width:100%; height:100%; object-fit: cover;}
.fac_box .fac_view > a{display:flex; justify-content: center; align-items: center; width:80px; height:80px; line-height:80px; border-radius:15px 0 0; background:var(--main_color); text-align:center; position:absolute; bottom:0; right:0; z-index: 10;}
.fac_box .fac_view > a > img{width:20px;}

.fac_box .fac_page{display:flex; justify-content: center; align-items: center; position:absolute; bottom:10px; left:0; right:0; margin:auto; z-index: 20;}
.fac_box .fac_page span{display:inline-block; width:15px; height:15px; border-radius:8px; border:1px solid #fff; box-shadow: 2px 2px 2px rgba(0,0,0,0.3); margin:5px; background:#fff;}
.fac_box .fac_page span.swiper-pagination-bullet-active{background:var(--main_color);}

.main_fac .eq_box{width:100%; max-width:calc(100% - 720px); border-top:2px solid #000; border-bottom:1px solid #ddd; overflow-y:auto; max-height:540px;}
.eq_box > ul{}
.eq_box > ul > li{padding:30px; display:flex; justify-content: space-between; align-items: center; gap:45px;}
.eq_box > ul > li + li{border-top:1px solid #ddd;}
.eq_box .img_box{border:none; width:120px; padding-top:120px;}
.eq_box .img_box img{inset:0; margin:auto;}
.eq_box .txt_box{position: relative; padding-left:25px; width:calc(100% - 165px);}
.eq_box .txt_box:before{content:''; position:absolute; left:0; top:10px; width:4px; height:4px; display:block; border-radius:50%; background:var(--main_color);}
.eq_box .txt_box strong{font-size:20px; font-weight: 600; color:#222; line-height:125%;}
.eq_box .txt_box p{font-size:15px; font-weight: 300; color:#666; margin-top:15px; line-height:145%;}

.eq_box.nodata{display: flex; justify-content: center; align-items: center; border-radius:0;}
.eq_box.nodata div > *{display: block; text-align: center;}
.eq_box.nodata div img{height:150px;}
.eq_box.nodata div b{margin-top:10px; color:#222; font-family: var(--txt_font);}


/* 새로운 소식 */
.nodata{width:100%; padding:40px; text-align:center; font-family: var(--tit_font); border-radius:10px;}
.nodata:hover{border:none;}
.nodata .bx{color:rgba(var(--main_color_rgb), 0.4); font-size:28px;}

.main_news{}
.main_news_list{display:flex; align-items: stretch; flex-wrap: wrap; gap: 30px;}
.main_news_list li:not(.nodata){display:flex; align-items: center; padding:30px 0; width:calc((100% - 30px)/2); background:#fff; border-radius:20px; border:2px solid transparent; transition: border-color 0.4s;}
.main_news_list .date_box{padding:0 30px; text-align: center;}
.main_news_list .date_box span{font-size:14px; font-weight: 500; line-height: 100%; color:#666;}
.main_news_list .date_box b{font-size:36px; font-weight: 600; line-height: 100%; display:block; color:#222;}

.main_news_list .txt_box{padding:0 30px; display:flex; flex-direction: column; justify-content: center; gap:8px; border-left:1px solid #ddd; min-height:48px;}
.main_news_list .txt_box span{color:var(--main_color); font-weight: 500;}
.main_news_list .txt_box strong{font-size:20px; font-weight: 600; color:#222;}

.main_news_list li:not(.nodata):hover{border-color:var(--main_color);}

/* main popup 메인 팝업존 */
.main_popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%;  z-index: 9999;}
.main_popup .main_popup_wrap {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:fit-content; max-width: 1200px; z-index: 1; margin: 0 auto;}
.main_popup .main_popup_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(34, 33, 39, .8); backdrop-filter: blur(4px);}
.main_popup .main_popup_top {display: flex; justify-content: space-between; align-items: center; padding: 20px 0;}
.main_popup .main_popup_top > h3 {font-size: 24px; font-weight: 600; color: #fff;}
.main_popup_wrap .ctrl_box {display: inline-block;}
.main_popup_wrap .ctrl_box .ctrl {display: inline-block; width: 40px; height: 40px; line-height:100%; background-color: #fff; border: 1px solid #eee; border-radius: 50%; margin-left: 5px; vertical-align: middle; text-align:center;}
.main_popup_wrap .ctrl_box .ctrl i.bx{font-size:26px; color:#999;}
.main_popup_wrap .ctrl_box .ctrl.swiper-button-disabled {opacity: .5;}
.main_popup_slide {overflow: hidden;}
.main_popup_slide .swiper-slide {position: relative; display: block; width:calc((1200px - 90px)/3) !important; margin:0 15px; transition: width 0.4s;}
.main_popup_slide .swiper-slide a{border-radius:8px;}
.main_popup_slide .swiper-slide a > img {inset:0; width: 100%; height:100%; object-fit: cover;}
.main_popup_bottom {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 20px;}
.main_popup_bottom .designChk span {color: #fff;}
.main_popup_bottom .modal_btn {display: block;}
.main_popup_bottom .modal_btn button {position: relative; width: 60px; height: 60px; background-color: #fff; border-radius: 50%;}
.main_popup_bottom .modal_btn button:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #fff; opacity: .2; transform: scale(1.3); animation: ping 1.3s ease-in-out infinite both; z-index: -1;}
.main_popup_bottom .modal_btn button > i {font-size: 30px; vertical-align: middle;}

@keyframes ping {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0.6;
	}

	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
	}
}


@media (max-width: 1920px) {

	/* main common */
	.main_wrap .inner{padding:0 60px;}

	/* 메인 비쥬얼 */
	.main_copy{margin:auto 40px; top:0;}

	/* 사업소개 */
	.center_info .inner{padding:80px 60px;}
	.center_info{margin-top:-50px;}
	.center_info:before{width:100%; transform: translateX(0); border-radius:50px 50px 0 0;}

	/* 사업공고 */
	.main_biz_item span.state{font-size:14px;}


}

@media (max-width: 1440px) {

	/* main common */
	.main_wrap .inner{padding:0 40px;}

	/* 사업소개 */
	.center_info .inner{padding:80px 40px;}

}

@media (max-width: 1280px) {

	/* main common */
	.main_tit_box h3{font-size:36px;}
	.main_tit_box p{font-size:18px; line-height:145%;}

	/* 메인 비쥬얼 */
	.main_copy strong{font-size:45px;}
	.main_copy p{font-size:14px; margin-top:20px;}

	/* 사업소개 */
	.center_info .main_con ul li{height:auto;}
	.center_info .main_con ul li .img_box{margin:20px auto 0; width:80px; padding-top:80px;}
	.center_info .main_con ul li .img_box img{width:45px;}

	.main_biz_item strong{font-size:18px; min-height:48px;}
	.main_biz_item strong + p{font-size:14px; min-height:40px;}

	/* 시설 및 장비 */
	.main_fac .main_con{gap:40px;}
	
	.main_fac .eq_box{max-width:calc(50% - 40px); height:485px;}

	.fac_box{max-width:50%; margin:0;}
	.fac_box ul li{height:485px;}
	.fac_box .fac_top strong{font-size:25px;}
	.fac_box .fac_opt{margin-top:15px;}

	.eq_box > ul > li{gap:30px; padding:20px;}
	.eq_box .txt_box strong{font-size:18px;}

	/* 새로운 소식 */
	.main_news_list li:not(.nodata){padding:20px 0; border-radius:10px;}
	.main_news_list .date_box{width:100px; padding:0 20px;}
	.main_news_list .date_box b{font-size:30px}
	.main_news_list .txt_box{width:calc(100% - 100px); gap:0; padding:0 20px;}
	.main_news_list .txt_box span{font-size:14px;}
	.main_news_list .txt_box strong{font-size:18px;}

	/* main popup 메인 팝업존 */
	.main_popup .main_popup_wrap {max-width:876px;}
	.main_popup_slide .swiper-slide{width:calc((876px - 90px)/3) !important;}

}

@media (max-width: 1024px) {

	/* main common */
	.main_tit_box{flex-direction: column; text-align: center;}
	.main_tit_box span{font-size:14px;}
	.main_tit_box h3{font-size:32px; line-height:125%;}
	.main_tit_box p{font-size:16px;}
	.main_tit_box .more_btn{font-size:14px; margin-top:20px; border:1px solid var(--sub_color); padding:2px 10px; border-radius:20px; color:var(--sub_color); background:#fff; transition:background 0.4s, color 0.4s;}
	.main_tit_box .more_btn:hover{background:var(--sub_color); color:#fff;}

	/* 메인 비쥬얼 */
	.main_visual{max-height:500px; overflow:hidden;}
	.main_visual .img_box{padding-top:60vh; border-radius:30px 30px 0 0;}
	.main_visual .img_box img{position:absolute; height:100%;}
	.main_copy strong{font-size:36px;}

	/* 사업소개 */
	.center_info:before{border-radius:30px 30px 0 0;}
	.center_info .inner{padding:40px;}
	.center_info .main_con ul{flex-wrap: wrap; gap:15px;}
	.center_info .main_con ul li{width:calc((100% - 45px)/ 3); height:auto;}
	.center_info .main_con ul li:nth-child(2n){transform: translateY(0);}

	/* 사업공고 */
	.main_biz_item .main_biz_date > span{padding:0 6px;}

	/* 시설 및 장비 */
	.main_fac .main_con{flex-direction: column;}
	.main_fac .eq_box{width:100%; max-width: 100%;}

	.fac_box{width:100%; max-width: 100%; max-height: 100%;}
	.fac_box ul li{flex-direction: row; height:auto; align-items: center;}
	.fac_box .fac_top{height:fit-content;}
	.fac_box .fac_opt dl{flex-direction: column; gap:5px;}
	.fac_box .fac_opt dl + dl{margin-top:10px;}
	.fac_box .fac_opt dl dt{font-size:14px; padding-left:0;}
	.fac_box .fac_opt dl dt:before{display:none;}
	.fac_box .fac_opt dl dd{padding-left:15px; position:relative;}
	.fac_box .fac_opt dl dd:before{content:'●'; font-size:7px; position:absolute; left:0; top:0; color:var(--main_color); opacity: 0.4;}

	.fac_box .fac_view{width:60%; height:0; padding-top:360px;}
	.fac_box .fac_view:after{width:80px; height:100%; top:0; bottom:auto; right:0; background:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.6));}
	.fac_box .fac_view > a{width:60px; height:60px;}	
	.fac_box .fac_view > img{position: absolute; inset: 0; max-width: 640px; width:100%; height:100%; object-fit: cover;}

	.fac_box.nodata{height:240px;}

	.fac_box .fac_page{left:auto; right:10px; top:0; height:fit-content; flex-direction: column;}

	/* 새로운 소식 */
	.main_news_list{gap:15px}
	.main_news_list li:not(.nodata){width:calc((100% - 15px)/2); border-radius:10px;}
	.main_news_list .txt_box strong{font-size:16px;}

	/* main popup 메인 팝업존 */
	.main_popup .main_popup_wrap {max-width:640px;}
	.main_popup_slide .swiper-slide{width:calc((640px - 40px)/2) !important; margin:0 10px;}
}

@media (max-width: 768px) {

	/* main common */
	.main_tit_box p > br{display:none;}
	
	/* 사업소개 */
	.center_info .main_con ul li{padding:40px 20px;}
	.center_info .main_con ul li strong{font-size:16px;}

	/* 새로운 소식 */
	.main_news_list li:not(.nodata){width:100%;}

	/* main popup 메인 팝업존 */
	.main_popup .main_popup_wrap {max-width:340px;}
	.main_popup_slide .swiper-slide{width:320px !important;}

	.main_popup_bottom .modal_btn button {width: 50px; height: 50px;}


}

@media (max-width: 640px) {


	/* main common */
	.main_wrap .inner{padding:0 20px;}

	/* 사업소개 */
	.center_info .inner{padding:50px 20px;}

	/* 사업공고 */
	.main_biz .biz_slide{width:100%;}

	/* 시설 및 장비 */
	.fac_box ul li{flex-direction: column-reverse;}
	.fac_box .fac_top{width:100%; padding:30px 20px;}
	.fac_box .fac_top strong{font-size:22px;}
	.fac_box .fac_opt{margin-top:10px;}
	.fac_box .fac_opt dl{flex-direction: column; gap: 5px;}
	.fac_box .fac_opt dl + dl{margin-top:10px;}
	.fac_box .fac_view{width:100%; padding-top:100%;}
	.fac_box .fac_view:after{left:0; right:auto; width:100%; height:80px; background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.6));}

	.fac_box .fac_page{bottom:auto; top:10px; left:10px; right:auto; flex-direction: row;}

	/* 새로운 소식 */
	.main_news_list .txt_box{padding:0 0 0 20px;}


}

@media (max-width: 578px) {

	/* 사업소개 */
	.center_info .main_con ul li{width:calc((100% - 15px)/2)}

	/* 시설 및 장비 */
	.eq_box > ul > li{gap:10px; padding:20px 10px;}
	.eq_box .img_box{width:100px; padding-top:100px;}
	.eq_box .txt_box{width:calc(100% - 110px);}

	/* 새로운 소식 */
	.main_news_list .date_box span{width:12px}
	.main_news_list .date_box b{font-size:28px;}
	.main_news_list .txt_box strong{font-size:16px;}

}

@media (max-width: 425px) {

	/* 시설 및 장비 */
	.fac_box .fac_view > a{width:45px; height:45px;}
	.fac_box .fac_view > a > img{width:15px;}

	/* 새로운 소식 */
	.main_news_list .date_box{width:80px; padding:0 10px;}
	.main_news_list .date_box b{font-size:24px;}


}

@media (max-width: 360px) {



}