@charset "utf-8";
/* 새글 스킨 (latest) */
/* 슬라이더 레이아웃 */

.swiper2 .swiper-container {
    width: 100%;
    height: 100%;
}

.swiper2 .swiper-slide {
    width:100%;
    border-radius: 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    flex-direction: column;
}



/* 게시물 레이아웃 */
.sw_sub {color:#666; margin-top:10px; line-height: 22px;}
.sw_img {width:100%; /*background-position: center center; background-size: cover; background-repeat: no-repeat;*/ border-radius: 20px; position: relative; z-index: 2; transition: .25s ease; overflow: hidden;}
.sw_img img{width: 100%; max-height:226px}
.sw_img::before{content: ""; width: 100%; height: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #00000052; z-index: 3; opacity: 0; visibility: hidden; transition: .25s ease;}
.sw_img::after{content: "더보기 +"; font-size: 16px; font-weight: 500; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 4; opacity: 0; visibility: hidden; transition: .25s ease;}

.swiper2 .swiper-slide:hover .sw_img::before{opacity: 1; visibility: visible;}
.swiper2 .swiper-slide:hover .sw_img::after{opacity: 1; visibility: visible;}


.sw_top{text-align: left; margin: 18px 0 0px;}
.sw_top .cate{color: #636363; font-weight: 600; padding-bottom: 5px; font-size: 17px;}
.sw_top .sw_tit{font-size: 22px; font-weight: 700; line-height: 145%; color: #313131;  text-align: left;
    width: 100%;
	height: 65px;
    display: block;
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.sw_top span.date{font-size: 15px;font-weight: 400; padding: 10px 0 0; display: block; color: #636363;}

.swiper-container.swiper2 {position: static;}
.swiper2 .swiper-button-next {top:-30px; right:0px; width:44px !important}
.swiper2 .swiper-button-prev {top:-30px; right:50px; left:auto; width:44px !important}	
	
@media all and (max-width:1460px) {	
.sw_img img{width: 100%; }	
}    
@media all and (max-width:1200px) {
    .sw_top .cate{font-size: 15.5px;}
    .sw_top .sw_tit{font-size: 18px; height: 50px;}
	.sw_img img{width: 100%; max-height:200px}
}
@media all and (max-width:768px) {
    .sw_top{margin: 10px 0 0;}
    .sw_top .cate{font-size: 13px;}
    .sw_top .sw_tit{font-size: 15px; height: 42px;}
    .sw_top span.date{font-size: 12px; padding: 10px 0 0;}
	.sw_img img{width: 100%; max-height:160px}
	

.swiper2 .swiper-button-next {top:-30px; right:0px; width:34px !important}
.swiper2 .swiper-button-prev {top:-30px; right:40px; left:auto; width:34px !important}		
}