@charset "utf-8";

	.main_wrap{position: relative;max-width: 1920px;margin: auto;margin-top: 130px; overflow: hidden; }

	
	/* Main Visual */
	.mns1_wrap{position: relative;}
	.mns1_mnvisual{width:100%;height: 510px;overflow: hidden;}
	.main_visual{overflow: hidden;}


	/* Main Visual */
	.mv_sec {position:relative;/* min-width: 1758px; */height:510px;width:1600px;margin:auto;background: #fff;z-index: 999; overflow: hidden;}

	/* Main Slider Start Effect */
	.mv_list {transition:5s;}


	/* Main Slider Height */
	.mv_sec .autoplay .item {position:relative;width:100%;height:510px;overflow:hidden;z-index:1;outline: none;}
	.mv_sec .autoplay .item.slick-active {z-index:2;}
	.mv_sec .autoplay .item img {display: block;position:absolute;top:0;left:0px;bottom:0;right:0;width:auto;height:510px;transform:scale(1.1); transition:1.5s; opacity: 1;}
	.mv_sec .autoplay .item.slick-active img {transform:scale(1)!important;margin: 0;} 
	.mv_sec .slick-track{ -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}

	/* Main Slider Slogan */
	.mv_info {position: absolute;top:36%;width: 1600px;height: auto;text-align: center;}	

	/* Text */
	 .mv_sec .autoplay  .item .t1 {position: absolute;top: -100px;width: 100%;font-size: 3.125em;color: #fff;text-align: center;font-weight: 800;transition:0.8s; opacity: 0;text-shadow: 3px 3px 4px rgba(0,0,0,0.2);}
	 .mv_sec .autoplay  .item .t2{position: absolute;top: -100px;width: 100%;margin-top:95px;font-size: 1.5em;color: #fff;text-align: center;transition:1.2s; opacity: 0;text-shadow: 3px 3px 4px rgba(0,0,0,0.2);}
	
	
	.mv_sec .autoplay  .item.on .t1{opacity:1; top: 0px;}  
	.mv_sec .autoplay  .item.on .t2{opacity:1; top: 0px;}  

	/* Text Effect*/ 
 	.mv_sec .autoplay .item.slick-active.on .mv_info .t1{opacity:1; top: 0;}

	/* slick-dots */
	.mv_sec .slick-dots{position: absolute;left:50%;bottom:74px;transform:translateX(-50%); z-index: 999;}
	.mv_sec .slick-dots .slick-dots li{background: none!important;	border:none;}
	.mv_sec .slick-dots .slick-dots li:last-child{margin-bottom: 0;}
	.slick-dots li button:before{font-size: 14px; color:#bcbcbc;margin: 0 10px; opacity: 1;}
	.slick-dots li.slick-active button:before{color:#fff; opacity: 1;}
	.slick-dots li:hover button::before{color: #fff;}


	/* owl-nav  */
	.mv_sec .slick-prev{left: 83px !important;z-index: 9999;width: 60px;height: 60px;background: url(../../images/main/mnv_arr_prev.png) no-repeat center;}
	.mv_sec .slick-next{right: 83px !important;z-index: 9999;width: 60px;height: 60px;background: url(../../images/main/mnv_arr_next.png) no-repeat center;}
	.slick-prev:before, .slick-next:before,
	.owl-nav span{display: none!important;}

	/* main scroll */
	.scroll{position: absolute;bottom:0;right:95px;z-index: 999;animation-direction: alternate;animation-iteration-count: infinite; animation-duration: .7s;  animation-name: bounc; cursor: pointer;}
	
	@keyframes bounc {   
		from {bottom:30px;}  
		to {bottom: 0}
	} 

	/* main common */
	.mns_tit_wrap{position: relative;}
	.mns_tit_wrap h2{padding-left: 28px;font-size:1.875rem;font-weight: 700;}

	.mns2_wrap .mns_tit_wrap h2{background: url(../../images/main/mn_tit_bg_gr.png) no-repeat left center;}
	.mns2_1_wrap .mns_tit_wrap h2{margin-bottom: 15px;}
	.mns2_2_wrap .mns_tit_wrap h2{margin-bottom: 20px;}

	.mns3_wrap .mns_tit_wrap h2{background: url(../../images/main/mn_tit_bg_bl.png) no-repeat left center;}
	.mns_tit_wrap .mns_btn_more{position: absolute;top: 13px;right: 0px;padding-left: 22px;font-size:0.875rem;color: #888888;background: url(../../images/main/mn_ico_more.png) no-repeat left center;transition:0.3s;}


	/* main section2 공지사항 & 갤러리 */
	.mns2_wrap{padding:70px 0 57px;}

	.mns2_1_wrap{float: left;width: 27.27%;margin-right:4.55%}

	.mns_2_1_board_wrap ul li{padding: 15px 12px 15px;border-bottom: 1px solid #ddd;}
	.mns_2_1_board_wrap ul li:first-child{padding-top: 0;}
	.mns_2_1_board_wrap ul li:last-child{border-bottom: 0;}

	.mns_2_1_board_wrap ul li h3{margin-bottom: 3px;font-size: 1rem;font-weight: 400;width: 100%;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;transition:0.3s;}
	.mns_2_1_board_wrap ul li .mns2_1_date{position: relative;margin-left: 2px;padding-left: 25px;line-height: 1;color: #999999;background: url(../../images/main/mn_ico_time.png) no-repeat left center;}
	.mns_2_1_board_wrap ul li .mns2_1_date .new{position: absolute;top:50%;right:-30px;transform:translateY(-50%)}

	.mns2_2_wrap{float: left;width: 68.18%;}
	.mns_2_2_gallery_wrap ul li{position: relative;float: left;width: 30%;height: 300px;margin-right:3.33%;border-radius:15px;overflow: hidden;box-shadow: 6px 7px 12px rgba(0,0,0,0.15);}
	.mns_2_2_gallery_wrap ul li:last-child{margin-right:0;}
	.mns_2_2_gallery_wrap ul li h3{position: absolute;bottom: 0;width:100%;padding: 0 10px;box-sizing: border-box;font-size:1rem;line-height: 54px;color: #fff;font-weight: 400;text-align: center;background:rgba(0,0,0,0.5);transition:0.3s;
    width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.mns_2_2_gallery_wrap ul li figure img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition:0.4s; width:100%; height:100%;}


	/* main section3: 행사일정 & 후원 및 봉사 */
	.mns3_1_wrap{position: relative;float: left;width: 74.243%;height: 390px;/* margin-right:1.5%; */padding:44px 53px 44px 50px;border-radius:15px;border:1px solid #ddd;background-color: #fff;box-sizing:border-box;}
	.mns3_1_wrap:before{content: '';position: absolute;bottom:44px;right:50px;width: 120px;height: 123px;background: url(../../images/main/mn_cal_bg.png) no-repeat right bottom;}

	.mns3_1_cal_wrap{float: left;/* width: 41.1%; */width:360px;height: auto;/* margin-right:6.72% */}
	.mns3_1_cal_wrap .cal_head{position: relative;margin-bottom: 13px;text-align: center;}
	.mns3_1_cal_wrap .cal_head .cal_date span{display: block;}
	.mns3_1_cal_wrap .cal_head .cal_date .cal_year{font-size:0.875em;line-height: 1;color: #333333;font-weight: 600;}
	.mns3_1_cal_wrap .cal_head .cal_date .cal_mon{font-size:2.5em;line-height: 1;color: #2286c4;font-weight: 700;}

	.mns3_1_cal_wrap .cal_head button{position: absolute;top: 49.5%;transition: 0.3s;transform: translateY(-50%);}
	.mns3_1_cal_wrap .cal_head .cal_pv{left:30px;display: block;width: 36px; height: 36px;background: url(../../images/main/mn_cal_arr_prev.jpg) no-repeat center; font-size: 0;cursor: pointer;outline:none}
	.mns3_1_cal_wrap .cal_head .cal_nt{right:30px;display: block;width: 36px; height: 36px;background: url(../../images/main/mn_cal_arr_next.jpg) no-repeat center; font-size: 0;cursor: pointer;outline:none}

	.mns3_1_cal_wrap .cal_body{position: relative;padding:0 20px;background-color: #f6f6f6;}
	.mns3_1_cal_wrap .cal_body:after{content: '';position: absolute;top:0;left:0;width: 100%;height: 41px;background-color: #7ab6dc;}
	.mns3_1_cal_wrap .cal_body table{position: relative;z-index: 9;}
	.mns3_1_cal_wrap .cal_body thead{background-color: #7ab6dc;font-size:0.9375em;line-height: 41px;color: #fff;font-weight: 700;}
	.mns3_1_cal_wrap .cal_body tbody{background-color: #f6f6f6;font-size:0.9375em;line-height: 30px;color: #999999;font-weight: 500;outline:none}
	.mns3_1_cal_wrap .cal_body tbody td{cursor: pointer;}
	.mns3_1_cal_wrap .cal_body tbody td.date_this{color: #62ac33;text-decoration:underline;}
	.mns3_1_cal_wrap .cal_body tbody td.date_holi{color: #2286c4;text-decoration:underline;}

	.mns3_1_cal_wrap .cal_body tbody tr:first-child td{padding-top: 15px;}
	.mns3_1_cal_wrap .cal_body tbody tr:last-child td{padding-bottom: 20px;}

	.mns3_1_info_wrap{float: left;width:calc(94% - 360px);height: 100%;margin-left: 6%;/* width: 52.42%; */padding-top: 10px;/* background: url(../../images/main/mn_cal_bg.png) no-repeat right bottom; */}
	.mns3_1_info_cont h3{position: relative;margin-bottom: 39px;padding:13px 25px 17px;font-size:1.125rem;font-weight: 500;background: url(../../images/main/mn_ico_cal.png) no-repeat left center;border-bottom: 1px solid #ddd;}
	.mns3_1_info_cont h3:after{content: '';position: absolute;bottom:0;right:0;z-index: 1;width: 59px;height: 3px;background-color: #2286c4;}

	.mns3_1_info_cont .today_tit{font-size:1.5em;line-height: 22px;font-weight: 700;}
	.mns3_1_info_cont .today_tit span{display: inline-block;width: 52px;;margin-right: 12px;border:1px solid #62ac33;border-radius:2px;font-size:0.75rem;line-height: 20px;color: #62ac33;font-weight: 700;text-transform: uppercase;vertical-align: top;text-align: center;box-sizing: border-box;}
	.mns3_1_info_cont ul{margin-top:19px;}
	.mns3_1_info_cont ul li{margin-bottom: 5px;}
	.mns3_1_info_cont ul li a{display: block;width: 100%;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;color: #666666;transition:0.3s;}


	
	.mns3_2_wrap{float: right;width: 23.5%;height: 390px;padding:43px 52px;box-sizing:border-box;border-radius:15px;background: url(../../images/main/mns3_2_bg1.jpg) no-repeat 30px 105px, url(../../images/main/mns3_2_bg2.jpg) no-repeat right bottom;background-color: #f6f6f6;}
	.mns3_2_wrap h2{margin-bottom: 16px;font-size:1.5rem;font-weight: 700;text-align: center;}

	.mns3_2_wrap ul li{float: left;text-align: center;}
	.mns3_2_wrap ul li:nth-child(2n-1){margin-right:30px}
	.mns3_2_wrap ul li figure{position: relative;width: 86px;height: 86px;margin: auto;border-radius:50%;box-shadow:2px 2px 10px rgba(0,0,0,0.15);box-sizing:border-box}
	.mns3_2_wrap ul li figure:after{content: '';position: absolute;top:0;left:0;z-index: 9;width: 86px;height: 86px;border:2px solid #fff;border-radius:50%;box-sizing:border-box;transition:0.3s;}

	.mns3_2_wrap ul li h3{margin:8px auto 10px;font-size: 1rem;color: #666666;font-weight: 400;transition:0.3s;}
	.mns3_2_wrap ul li:nth-child(n+3) h3{margin-bottom:0}


	/* main section4 서비스안내 */
	.mns4_wrap{margin-top: 80px;}
	.mns4_wrap > section{height: 420px;padding:0px 100px;box-sizing:border-box;border-radius:15px;background: url(../../images/main/mns4_bg.png) no-repeat center;background-size:cover;overflow: hidden;}
	.mns4_wrap .mns4_tit_wrap{display: table;float: left;width: 37%;height: 420px;}
	.mns4_wrap .mns4_tit_in{display: table-cell;vertical-align: middle;}
	.mns4_wrap .mns4_tit_wrap em{font-size: 0.875rem;color: #2286c4;letter-spacing: 0;font-weight: 700;text-transform: uppercase;}
	.mns4_wrap .mns4_tit_wrap h2{margin:0px auto 10px;font-size:1.875rem;font-weight: 700;}
	.mns4_wrap .mns4_tit_wrap p{font-size: 1.125rem;color: #666666;}

	.mns4_cont_wrap{float: left;display: table;width: 63%;height: 420px;}
	.mns4_cont_wrap ul{display: table-cell;vertical-align: middle;}
	.mns4_cont_wrap ul li{float: left;box-sizing: border-box;text-align: left;}
	.mns4_cont_wrap ul li:nth-child(1){width: 30%;text-align: left;}
	.mns4_cont_wrap ul li:nth-child(2){width: 40%;text-align: center;border-left:1px solid #ddd;border-right:1px solid #ddd;}
	.mns4_cont_wrap ul li:nth-child(3){width: 30%;float: right;box-sizing:border-box;text-align: right;}

	.mns4_cont_wrap ul li figure{position: relative;display:inline-block;width: 150px;height: 150px;border-radius:50%;box-shadow:3px 3px 10px rgba(0,0,0,0.15);}
	.mns4_cont_wrap ul li figure:after{content: '';position: absolute;top:0;left:0;z-index: 9;width: 150px;height: 150px;border:2px solid #fff;border-radius:50%;box-sizing:border-box;transition:0.3s;}
	.mns4_cont_wrap ul li div{display: inline-block;width: 150px;margin-top:33px;text-align: center;}
	.mns4_cont_wrap ul li div h3{font-size:1.125rem;font-weight: 400;color: #000;}
	.mns4_cont_wrap ul li div .mn4_btn_more{display: inline-block;width: 90px;margin-top:10px;font-size:0.9375rem;line-height: 40px;color: #fff;text-align: center;border-radius:30px;outline:none;cursor: pointer;}
	.mns4_cont_wrap ul li:nth-child(1) div .mn4_btn_more{background-color: #77b3d8;}
	.mns4_cont_wrap ul li:nth-child(2) div .mn4_btn_more{background-color: #9eca81;}
	.mns4_cont_wrap ul li:nth-child(3) div .mn4_btn_more{background-color: #f3b371;}


	/* main section5 */
	.mns5_wrap{width:100%;height: 50px;margin:60px 0;}
	.mns5_wrap .client_slide_wrap{position: relative;width: 1320px;height: 50px;overflow: hidden;cursor: pointer;}
	.mns5_wrap .client_slide_wrap .owl-item{float: left;width:200px;height: 50px;text-align: center;overflow: hidden;}

	.mns5_wrap .client_slide_wrap .owl-prev{display: block;position: absolute;top:50%;left:0px;transform:translateY(-50%);z-index: 99;width:16px;height: 50px;background: #fff url(../../images/main/mn5_arr_prev.jpg) no-repeat center!important;background-color: none;}
	.mns5_wrap .client_slide_wrap .owl-next{display: block;position: absolute;top:50%;right:0px;transform:translateY(-50%);z-index: 99;width:16px;height: 50px;background: #fff url(../../images/main/mn5_arr_next.jpg) no-repeat center!important;background-color: none;}
	.mns5_wrap .client_slide_wrap .owl-nav.disabled{position: static;}
	.mns5_wrap .client_slide_wrap .owl-nav.disabled span{display: none;}



	@media(min-width:800px){

		/* main common */
		.mns_tit_wrap .mns_btn_more:hover{color: #87c063;background: url(../../images/main/mn_ico_more_h.png) no-repeat left center;}
		
		/*main section2*/
		.mns_2_1_board_wrap ul li:hover h3{color: #62ac33;}

		.mns_2_2_gallery_wrap ul li:hover h3{background-color: #87c063;/* background: rgba(98, 172, 51, 0.8) */;}
		.mns_2_2_gallery_wrap ul li:hover figure img{transform:translate(-50%, -50%) scale(1.15)}


		/* main section3 행사일정 */
		.mns3_1_cal_wrap .cal_head .cal_pv:hover{background: url(../../images/main/mn_cal_arr_prev_h.png) no-repeat center; font-size: 0;cursor: pointer;}
		.mns3_1_cal_wrap .cal_head .cal_nt:hover{background: url(../../images/main/mn_cal_arr_next_h.png) no-repeat center; font-size: 0;cursor: pointer;}

		.mns3_1_cal_wrap .cal_body tbody td:hover{color: #62ac33;text-decoration:underline;}
		.mns3_1_cal_wrap .cal_body tbody td:hover.date_holi{color: #2286c4;text-decoration:underline;}
		.mns3_1_info_cont ul li:hover a{color: #87c063;}

		/* main section3 후원 및 봉사 */
		.mns3_2_wrap ul li:hover figure:after{border:2px solid #87c063}
		.mns3_2_wrap ul li:hover figure{box-shadow:none;}
		.mns3_2_wrap ul li:hover h3{color: #333333;font-weight: 500;}


		/* main section4 */
		.mns4_cont_wrap ul li:hover figure{box-shadow:none;}
		.mns4_cont_wrap ul li:nth-child(1):hover figure:after{border:2px solid #77b3d8}
		.mns4_cont_wrap ul li:nth-child(2):hover figure:after{border:2px solid #9eca81}
		.mns4_cont_wrap ul li:nth-child(3):hover figure:after{border:2px solid #f3b371}


	}