@charset "UTF-8";

/* 카드뉴스 */


.sub .contents.swiper {position:relative;}

.sub .swiper-slide {overflow:hidden; box-sizing:border-box; border:10px solid #fff; box-shadow:none; position:relative;}
.sub .swiper-slide:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.5);}


.sub .swiper-slide > img {display:block; width:100%; height:auto;}

.sub .swiper-slide.swiper-slide-active {box-shadow:0 0 10px rgba(0,0,0,0.3); max-width:none; max-height:none;}
.sub .swiper-slide.swiper-slide-active:after {display:none;}

.sub .swiper-button {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:auto; z-index:1; pointer-events:none; outline: 0;}
.sub .swiper-button > a {font-size:0; display:block; width:42px; height:80px; z-index:2; pointer-events: all; clear: both; box-shadow: rgba(0,0,0,0.3); outline: 0; 
    /* right:-3px; */
}
.sub .swiper-button > a:after {content:""; width:55px; height:55px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); outline: 0;}

.sub .swiper-pagination {width:100%; height:auto; position:static; margin-top:24px; margin-bottom: 25px;}
.sub .swiper-pagination > span {width:8px; height:8px; border-radius:100%; background:#cfe2ff; opacity:1; vertical-align:middle;}
.sub .swiper-pagination > span.swiper-pagination-bullet-active {width:12px; height:12px; background:#214f8a;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 7px;}