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

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

.swiper_03 .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;
}

.swiper_03{position: relative;}
.swiper_03 .swiper-button-prev,
.swiper_03 .swiper-button-next{position: absolute; top: -25px; background: none; width: auto; width: 30px; height: 30px; text-align: center; line-height: 28px; border: 1px solid #000; font-size: 20px; box-sizing: border-box; border-radius: 100%;}
.swiper_03 .swiper-button-prev{left: auto; right: 40px;}
.swiper_03 .swiper-button-next{right: 0px;}


/* 게시물 레이아웃 */
.sw_sub {color:#666; margin-top:10px; line-height: 22px;}
.sw_img {width:100%; height:auto;/*background-position: center center; background-size: cover; background-repeat: no-repeat;*/ border-radius: 20px; position: relative; z-index: 2; transition: .25s ease; overflow: hidden; border: 1px solid #c8c8c8; box-sizing: border-box;}
.sw_img img{width: 100%;}
.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;}

.swiper_03 .swiper-slide:hover .sw_img::before{opacity: 1; visibility: visible;}
.swiper_03 .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;}
.sw_top .sw_tit{font-size: 20px; font-weight: 700; line-height: 140%; color: #313131;  text-align: left;
    width: 100%;
    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: 300; padding: 18px 0 0; display: block;}
    
    
@media all and (max-width:1200px) {
    .sw_top .cate{font-size: 15.5px;}
    .sw_top .sw_tit{font-size: 18px;}
}
@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;}
    .sw_top span.date{font-size: 12px; padding: 10px 0 0;}
}