@charset "UTF-8"; 

/**** 슬라이드 ****/
.slick-dots {position:absolute; left:0; bottom:20px; width:100%; margin:0 auto; text-align:center;}
.slick-dots li {display:inline-block;}
.slick-dots li button {width:9px; height:9px; margin-right:10px; border-radius:50%; background:#fff; text-indent:-9999px;}
.slick-dots li.slick-active button {background:#222;}


/* 공통 */
section.main_wrap {padding:40px 0;}
.mn_more {float:right; display:inline-block; padding:7px 20px; border-radius:50px; background:#034500; color:#fff; font-size:14px; font-weight:300;}
.mn_more:hover {background:#5e945b; color:#fff;}

/**** main ****/
/* 메인비주얼 */
.mn_visual_wrap {width:100%; padding:0 !important;}
.mn_visual_wrap .slick-slide img {height:700px;} 
.mn_visual {position:relative; /* margin-top:100px; */}
.mn_visual a {display:block; word-break:keep-all;}

@font-face {font-family:'GyeonggiBatang'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiBatang.woff') format('woff'); font-weight: normal; font-style: normal;}
.mn_visual .txt {font-family:'GyeonggiBatang'; position:absolute; top:50%; left:20%; transform:translate(0,-50%); color:#fff; font-size:60px; line-height:1.2em;}
.mn_visual .txt span {display:inline-block; margin-bottom:40px; font-size:48px; line-height:1.2;}
											   
.mn_visual_wrap .slick-arrow {
	display:block; width:50px; height:50px; border-radius:50%; background:#000; text-indent:-9999px;
	position:absolute; top:50%; transform:translate(0,-50%); z-index:1;
	background-repeat:no-repeat; background-position:center; opacity:.5;
}
.mn_visual_wrap .slick-arrow:hover {opacity:1;}
.mn_visual_wrap .slick-arrow.slick-prev {left:10%; background-image:url(../images/main/slide_arrow_prev.png);}
.mn_visual_wrap .slick-arrow.slick-next {right:10%; background-image:url(../images/main/slide_arrow_next.png);}


/* 안내박스 */
.mn_info {display:table; margin-top:-100px;}
.mn_info>div {display:table-cell; float:none; padding:50px; background:#fff;}
.mn_info>div.school {background:url(../images/main/bg_info.jpg);}
.mn_info>div>div {padding-left:110px; background-repeat:no-repeat;}
.mn_info>div.time>div {background-image:url(../images/main/mninfo_time.png);}
.mn_info>div.time>div>div {display:inline-block; margin:0 35px 10px 0;}
.mn_info>div.time>div>div span {display:inline-block; margin-right:5px; padding:2px 8px; color:#fff; font-size:14px; border-radius:3px;}
.mn_info>div.time>div>div span.blue {background:#219daf;}
.mn_info>div.time>div>div span.green {background:#19A32C;}
.mn_info>div.time>div>span {display:block; font-size:14px;}
.mn_info>div.school>div {min-height:85px; background-image:url(../images/main/mninfo_02.png); color:#fff; font-weight:300;}
.mn_info>div>div>h3 {margin-bottom:15px; font-size:24px; font-weight:400;}
.mn_info>div.school>div>h3 {color:#fff200; font-weight:400;}


/* 중간링크박스 */
.mid_link {margin-top:-130px; padding:150px 0 30px; background:url(../images/main/bg_mid.jpg);}
.mid_link>div>div {padding:10px;}
.mid_link>div>div .thumb_wrap {display:block; box-shadow:5px 5px 10px rgba(0,0,0,.1); overflow:hidden;}
.mid_link>div>div .thumb_wrap:hover {box-shadow:5px 5px 10px rgba(0,0,0,.3);}
.mid_link>div>div .thumb_wrap>div {overflow:hidden;}
.mid_link>div>div .thumb_wrap>div.txt {background:#fff; padding:30px;}
.mid_link>div>div .thumb_wrap h3 {margin-bottom:20px; font-size:20px;}
.mid_link>div>div .thumb_wrap h3 span {display:inline-block; width:13px; height:13px; float:right; background:url(../images/main/mid_more.jpg) no-repeat; text-indent:-9999px;}
.mid_link>div>div .thumb_wrap p {font-size:14px; color:#888; min-height:40px;}
.mid_link>div>div .thumb_wrap .img {
-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.mid_link>div>div .thumb_wrap:hover .img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}


/* 금주의식물 */
.mn_plants h3 span {display:inline-block; height:40px; line-height:40px; padding-right:60px; font-size:24px; background:url(../images/main/bg_plants_tit.jpg) no-repeat right top;}
.mn_plants_crs {margin:40px 0 0;}
.mn_plants_crs .slick-arrow {position:absolute; top:50%; transform:translate(0,-50%); z-index:99; width:13px; height:23px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; opacity:.7;}
.mn_plants_crs .slick-arrow:hover {opacity:1;}
.mn_plants_crs .slick-arrow.slick-prev {left:0; background-image:url(../images/main/slide_arrow_prev_b.png);}
.mn_plants_crs .slick-arrow.slick-next {right:0; background-image:url(../images/main/slide_arrow_next_b.png);}
.mn_plants_crs .slick-list {width:95%; margin:0 auto;}
.carosel_in>a {display:block; margin:0 20px;}
.carosel_in>a .tit {margin-top:20px;}
.carosel_in>a .tit>* {display:inline-block;}
.carosel_in>a .tit>p {font-size:18px; float:left;}
.carosel_in>a .tit>span {margin-top:2px; font-size:14px; color:#888; float:right;}
.carosel_in>a:hover .tit>p {color:#39b54a;}


/* 메인알림 */
.mn_board {background:#eee;}
.mn_board>div>div {padding:0 15px;}
.mn_board>div>div>div {background-color:#fff; box-shadow:5px 5px 10px rgba(0,0,0,.1);}
.mn_board .mn_notice {padding:40px;} 
.mn_board .mn_notice h3 {margin-bottom:30px; font-size:24px;}
.mn_board .mn_notice ul li>a {display:block; padding-bottom:12px; line-height:1;}
.mn_board .mn_notice ul li>a>p {display:inline-block; width:70%; padding-left:10px; font-size:16px; line-height:1;}
.mn_board .mn_notice ul li span.kind {display:inline-block; width:40px; padding:1px 5px 3px; font-size:13px; color:#fff; text-align:center; vertical-align:bottom;}
.mn_board .mn_notice ul li span.kind.green {background:#348c3e;}
.mn_board .mn_notice ul li span.kind.orange {background:#f7941d;}
.mn_board .mn_notice ul li span.kind.blue {background:#004a80;}
.mn_board .mn_notice ul li span.date {font-size:14px; opacity:.5; float:right;}
.mn_board .mn_notice ul li>a:hover>p {color:#39b54a;}
.mn_notice, .mn_slide_wrap {height:250px;}
.mn_slide .slick-slide img {height:100%;}


/* 방문객수 */
.count {margin-top:30px;}
.count>div {padding:40px; padding-left:150px; background-repeat:no-repeat !important; background-color:#c0de68 !important; background-position:40px center !important; color:#4a6f48; font-size:16px;}
.count>div::after {position:absolute; top:50%; right:0; transform:translate(0,-50%); display:inline-block; width:1px; height:50%; content:""; clear:both; background:#acc75d;}
.count>div:last-child::after {display:none;}
.count>div>p:last-child {font-size:24px;}
.count>div>p:last-child>span {display:inline-block; margin-right:5px; font-size:46px; font-weight:700; letter-spacing:-2px;}
.count>div:nth-child(1) {background-image:url(../images/main/condition_people_b.png);}
.count>div:nth-child(2) {background-image:url(../images/main/condition_people_a.png);}
.count>div:nth-child(3) {background-image:url(../images/main/condition_plants.png);}

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 1199px) {
	.mid_link {margin-top:-180px; padding:200px 0 30px; background:url(../images/main/bg_mid.jpg);}
	.count>div>p:last-child>span {font-size:26px;}
}

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	
	/* 메인 슬라이드 */
	/* .mn_visual {margin-top:60px;} */
	.mn_visual_wrap .slick-slide img {height:450px;} 
	.mn_visual .txt {font-size:48px;}
	.mn_visual .txt span {font-size:34px; margin-bottom:20px;}
	
	/* 안내박스 */
	.mn_info>div {padding:20px;}
	.mn_info>div>div>h3 {font-size:18px;}
	.mn_slide_wrap {height:auto;}
	.mn_slide .slick-slide img {width:100%;}
	
	
	/* 중간링크박스 */
	.mid_link>div>div .thumb_wrap>div.txt {padding:15px; min-height:117px;}
	.mid_link>div>div .thumb_wrap h3 {margin-bottom:10px; font-size:16px;}
	
	/* 방문객수 */
	.count>div {padding:110px 0 20px; text-align:center; background-position:center 30px !important;}
	.count>div>p:last-child {font-size:16px;}
	.count>div>p:last-child>span {font-size:36px;}
	
	
}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	.slideMsg {
		width:80%; margin:10px auto 0; padding:7px 0 10px 25px; 
		font-size:14px; line-height:1.2; color:#bf9c4b; text-align:left;
		background:url(../images/main/slide_tip_g.png) no-repeat left 9px; background-size:15px;
	}
	.slideMsg::after{content:"좌우로 드래그하시면 더 많은 프로그램을 보실 수 있습니다.";}
	
	/* 메인섹션공통 */
	.main_wrap {width:100%;}
	section.main_wrap {padding:30px 10px;}
	.main_wrap .container,
	.mn_board>div>div {padding:0;}
	
	/* 메인 슬라이드 */	
	.mn_visual_wrap .slick-slide img {height:320px;} 
	.mn_visual a {height:100%;}
	.mn_visual_wrap button {display:none !important;}
	.mn_visual .txt {top:40%; left:20px; width:90%; font-size:34px;}
	.mn_visual .txt span {margin-bottom:10px; font-size:22px;}
	

	/* 안내박스 */
	.mn_info>div {display:block;}
	.mn_info>div>div {padding-left:70px; background-size:50px;}
	.mn_info>div>div>h3 {font-size:16px;}
	.mn_info>div.time>div>div {margin:0 10px 5px 0; font-size:14px;}
	.mn_info>div.time>div>div span {padding:0 5px;}
	.mn_info>div.school>div {min-height:70px;}
	.mn_info>div.school>div p {font-size:14px;}
	
	/* 중간링크박스 */
	.mid_link>div>div .thumb_wrap>div.txt {min-height:40px;}
	.mid_link {margin-top:-170px; padding:190px 0 40px; background:url(../images/main/bg_mid.jpg);}
	
	/* 금주의식물 */
	.mn_plants h3 span {font-size:18px;}
	.mn_plants_crs {margin-top:20px;}
	.carosel_in>a {margin:0;}
	.carosel_in>a .tit {margin-top:10px;}
	.carosel_in>a .tit>p {font-size:16px;}
	.carosel_in>a .tit>span {font-size:12px;}
	
	/* 더보기 버튼 공통 */
	.mn_more {margin-top:8px; padding:5px 12px;}
	
	/* 메인알림 */
	.mn_board .mn_notice {padding:20px;}
	.mn_board .mn_notice h3 {margin-bottom:20px; font-size:18px;}
	.mn_notice .mn_more {margin-top:-3px;}
	
	/* 방문객수 */
	.count>div>p:last-child>span {font-size:26px;}
	.count>div {padding:80px 0 10px; background-size:60px;}
	
	
}