@charset "utf-8";

/* 새글 스킨 (latest) */
.lat_title {display:block; margin-bottom:20rem; font-size:30rem; line-height:1em;}
.lat_title a {position:relative; color:#333; display:inline-block}


.lat .empty_li {line-height:145px;color:#666;text-align:center;padding:0}
.lat .empty_li:before {background:none;padding:0}


.btn-navi{position:absolute; top:10rem; right:0; display: flex; align-items: center; }
.btn-navi .swiper-button-next, 
.btn-navi .swiper-button-prev{position:relative; top:unset; left:unset; right:unset; margin-top:0; width:12rem; height:12rem; background:url(img/ic-slide-arr.svg)no-repeat center; background-size:contain;}
.btn-navi .swiper-button-prev{transform:rotate(-180deg);}
.btn-navi .swiper-button-next{margin-left:40rem;}
.btn-navi .swiper-button-next:after{content:''; position:absolute; top:0; left:-20rem; width:1px; height:12rem; background:rgba(0,0,0,0.1);}

.event-list{overflow-x:hidden;}
.eventSwiper .swiper-slide{background:#222; border-radius:20rem; overflow:hidden;}
.event-list .img{width:100%; height:383rem; overflow:hidden;}
.event-list .img img{width:100%; height:100%; transform:scale(1); transition:all 0.5s ease;}
.event-list .txt{display:block; width:100%; height:90rem; padding:18rem; color:#fff; box-sizing:border-box;}
.event-list .txt h3{font-size:20rem; font-weight:500; line-height:1.35em; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.event-list li a:hover .img img{transform:scale(1.05);}

.eventSwiper .swiper-pagination{display:none; margin-top:20rem; position:relative; bottom:0 !important;}
.eventSwiper .swiper-pagination-bullet{width:10px; height:10px; background:rgba(255,255,255,0); border:1px solid #fff; opacity:1;}
.eventSwiper .swiper-pagination-bullet-active{background:var(--color-point); border-color:var(--color-point);}

@media all and (max-width:1500px){
	
}
@media all and (max-width:1300px){

}
@media all and (max-width:1024px){
	.eventSwiper .swiper-slide{border-radius:15rem;}
	.event-list .img{height:290rem;}
	.event-list .txt{padding:15rem; height:80rem;}
	.event-list .txt h3{font-size:18rem;}
}
@media all and (max-width:860px){	
	.event-list .img{height:280rem;}
}
@media all and (max-width:768px){	
	.event-list .img{height:338rem;}
	.eventSwiper .swiper-pagination{display:block;}
}
@media all and (max-width:620px){	
	.eventSwiper .swiper-slide{border-radius:10rem;}
	.event-list .img{height:273rem;}
	.event-list .txt{padding:10rem; height:64rem;}
	.event-list .txt h3{font-size:16rem;}
}
@media all and (max-width:480px){	
	.event-list .img{height:330rem;}
	.event-list .txt{height:55rem;}
	.event-list .txt h3{font-size:14rem;}

	.eventSwiper .swiper-pagination{margin-top:10rem;}
}


/*
@media all and (max-width:620px){
	.boardSwiper .swiper-slide,
	.boardSwiper .empty_li{height:260rem;}
	.boardSwiper .swiper-slide > a{padding:25rem; border-radius:15rem;}
}
@media all and (max-width:540px){
	.lat_title{font-size:20rem; margin-bottom:10rem;}
	.boardSwiper .swiper-slide,
	.boardSwiper .empty_li{height:200rem;}
	.boardSwiper .swiper-slide > a{padding:15rem; border-radius:8rem;}
	.boardSwiper .swiper-slide > a em{font-size:14rem; margin-bottom:13rem;}
	.boardSwiper .swiper-slide > a h3{font-size:16rem; line-height:1.4em;}
	.boardSwiper .swiper-slide > a .date{font-size:14rem;}
	.btn-navi .swiper-button-next{margin-left:26rem;}
	.btn-navi .swiper-button-next:after{left:-13rem;}
}
@media all and (max-width:480px){
	.lat_title{font-size:16rem;}
	.boardSwiper .swiper-slide,
	.boardSwiper .empty_li{height:150rem;}
	.boardSwiper .empty_li{font-size:12rem;}
	.boardSwiper .swiper-slide > a{padding:10rem;}
	.boardSwiper .swiper-slide > a em{font-size:10rem;}
	.boardSwiper .swiper-slide > a h3{font-size:13rem;}
	.boardSwiper .swiper-slide > a .date{font-size:11rem;}
}

*/