@charset 'utf-8';

/* 새소식 */
.con_wrap1 div h2{font-size: 1.4rem; margin: 1rem 0; font-weight: 600;}
.notice{position: relative; width: 60%; height: 22.5rem; float: left; margin-right: 4%; padding: 1rem 1.5rem; border: 1px solid #ccc;} 

.notice h2{position:relative; display:inline-block; max-width:calc((100% - 8rem) / 3); font-size:1rem; color:#444;} 
.notice h2 a.current {padding:0 2rem; background:#3e6328; border-radius:2rem; max-width:100%; color: #fff;}
.notice h2 a.current::before{content:''; position:absolute; left: 50%; top:100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width:0; height:0; border-left:0.3rem solid transparent; border-right:0.3rem solid transparent; border-top:0.5rem solid #3e6328; }
.notice h2 ~ h2 { margin-left:0.8rem; }
.notice .list_box{display: none; position:absolute; top:5rem; left:1rem; width:93%; height:auto; padding: 1rem 1rem;}
.notice .list_box.on{display: block;}
.notice .list_box .btn_more{position: absolute; display: block; top: -4rem; right: 1.5rem;}
.notice .list_box .top_link { position:relative; display:block; border:5px solid #f3f4f5; margin-bottom:0.5rem; padding:1.5rem; }
.notice .list_box .top_link:before { content:''; position:absolute; top:-5px; right:-5px; width:4rem; height:3rem; border-top:5px solid #3e6328; border-right:5px solid #3e6328; } 
.notice .list_box .top_link .new { position:absolute; top:-0.8rem; left:-5px; width:4.25rem; height:1.5rem; line-height:1.5rem; color:#fff; font-size:1rem; text-align:center;
	background: #3e6328;
	background: -moz-linear-gradient(90deg, #68a147 0%, #3e6328 100%);
	background: -webkit-linear-gradient(90deg, #68a147  0%, #3e6328 100%);
	background: linear-gradient(90deg, #68a147 0%, #3e6328 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00c0cb",endColorstr="#0099cb",GradientType=1);}
.notice .list_box .top_link dt { font-size:1.2rem; padding-right:12.5rem; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; }
.notice .list_box .top_link dd.txt { display:block; font-size:0.9rem; color:#717171; height:1.1rem; overflow:hidden; } 
.notice .list_box .top_link dd.date { position:absolute; top:1.7rem; right:1.5rem; color:#717171; font-size:0.7rem; font-family:'GmarketSans' }
.notice ul li{width: 100%; padding:0.3rem 0; border-bottom: 1px solid #ccc;} 
.notice ul li:nth-of-type(1){border-top: 1px solid #ccc;}
.notice ul li::after{display: block; content: ""; clear: both;}
.notice ul li .notiDate{width: 15%; float: right; line-height: 41px; padding-right: 1.5rem; font-size: 0.9rem; color: #999; text-align: right;} 
.notice ul li .notiDate span{font-size: 0.9rem; display: inline-block;}
.notice ul li .notiTitle{width: 75%; float: left; line-height: 41px; padding-left: 1.5rem;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:1rem;} 
.notice ul li.notiOn .notiTitle::before{display: inline-block; content: "공지"; color: #bf514e; padding:0.1rem 0.8rem; border: 1px solid #bf514e; border-radius: 1rem; margin-right: 0.5rem; line-height: normal;}
.notice ul li:hover .notiTitle::before{background: #bf514e; color: #fff;}
.notice ul li:hover .notiTitle span{background: #bf514e; color: #fff;}
.notice ul li:hover .notiTitle{text-decoration: underline;}
.notice > a{position: absolute; top: 1.5rem; right: 0;}
.notice > a:hover{text-decoration: underline;}

/*행사안내 220809*/
.noti2 li {position: relative; line-height: 41px;}
.notice ul li .noti2Title{width: 50%; padding-left: 1.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.notice ul li .noti2Date{position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 0.9rem; color: #999;}


/* 알림판 */
.popUp{width: 32%; float: left; position: relative; overflow: hidden;}
.popUp .slideBtn{position: absolute; top: 1rem; right: 0;}
.popUp .slideBtn .btnPlay{display: none;}
.popUp .slideBtn img{margin-left: 0.5rem;}
.popUp .slideBtn .count{ display: inline-block; font-size:1rem; margin-left: 0.5rem; color: #666;}
.popUp .slideBtn .count span.current{font-weight:700; color: #000;}
.popUp .slideBtn .count span.current::after{display: inline-block; content: "/"; margin: 0 0.2rem;}
.popUp .noticeSlide{height: 100%;}
.popUp .noticeSlide::after{display: block; content: ""; clear: both;}
.popUp .noticeSlide p {display: block;width: 11.111%;height: 328px;float: left;position: relative;background: #f3f4f5;}
.popUp .noticeSlide p a{display: block; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.popUp .noticeSlide p a img{width:100%; max-width: 100%;} /*220809*/
.popUp .noticeSlide p a span{position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); display: block; background: #fff; color: #2547a5; border-radius: 2rem; padding: 0.5rem 2rem;}
.popUp .noticeSlide p a:hover span{background: #2547a5; color:#fff; border: 1px solid #fff;}



@keyframes twinkle{0%{opacity: 0;} 50%{opacity: 1;} 100%{opacity: 0;}}


@media (max-width:1440px){

	
}

@media (max-width:1280px) {
	.notice{margin-right: 2%;}
	
}

@media(max-width:1024px){
	
	.notice{width: 100%; float: none; margin-right: 0;  padding: 0 0;}
	.notice .list_box {top: 4rem;}
	.notice h2{padding-left: 1rem;}
	.notice h2 a{font-size: 1.2rem;}
	.notice h2 a.current{padding:0 1rem; background:#3e6328; border-radius:2rem; max-width:100%; color: #fff}
	.notice h2 a.current::before{top:98%; left: 55%;}
	.notice .list_box .btn_more {top: -2.5rem;}
	.popUp{width: 100%; float: none; margin-top: 1rem;}
	.popUp .noticeSlide p{height: auto;}
	.popUp .noticeSlide p a{ position: static; transform: none;}
	.popUp .noticeSlide p a img{margin-left: 50%; transform: translateX(-50%); -webkit-transform:translateX(-50%);}
}

@media (max-width: 900px){
	
	/* 정글북갤러리 */
	.gallery .galleryList {padding: 2rem 0;}
	.gallery .galleryList li{width: 49%; margin-right: 2%; margin-bottom: 1rem;}
	.gallery .galleryList li:last-child{display: none;}
	.gallery .galleryList li:nth-of-type(2n){margin-right: 0;}
	.gallery .galleryList li a div{background: #555; height: 260px;}
}


@media (max-width: 680px) {	
	.notice{height: 23rem;}
	.notice h2{max-width: inherit;}
	.notice h2 a{font-size: 1rem;}
	.notice h2 ~ h2{margin-left: 0;}
	.notice .list_box {left: 0;}
	.notice ul li:last-child{border-bottom: none;}
	.notice ul li .notiDate, .notice ul li .notiTitle, .notice ul li .noti2Title, .notice ul li .noti2Date{float: none; width: 90%; line-height: normal; padding-left: 1rem;}
	.notice ul li .notiDate{text-align: left; }
	.notice ul li .noti2Date{position: relative; padding-left: 1rem; top: 0; right: 0; transform: translateY(0);  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
}

@media (max-width: 580px) {	
	.notice .list_box .top_link dt{padding-right: 0;}
	.notice .list_box .top_link dd.date{display: none;}

}


@media (max-width: 480px) {	
	


}

@media (max-width: 380px) {
}