@charset "utf-8";

/* 새글 스킨 (latest) */
.banner_wrap { position:relative; display:flex; align-items:center; padding:1.2em 0; font-size:16px;}
.banner_wrap .banner_top { display:flex; align-items:center;}
.banner_wrap .banner_top button{margin: 0 0.2em;}
.banner_wrap .title { color:#000; margin-right:2.5em;}
.banner_more { width:16px; margin-top:2px;}
@media (min-width:821px) {
.banner_wrap .swiper { position:absolute;  width:calc(100% - 17em); right:0; top:50%; transform:translateY(-50%); overflow:hidden; }
}
.banner_wrap .swiper-slide {text-align: center;width: auto;min-width: max-content;}
.banner_wrap .swiper-slide a { display:inline-block; line-height:1.5; padding:0.5em 1.5em; color:#444;height: 50px;}
.banner_wrap .swiper-slide a img{height: 100%;}
.banner-swiper-prev .material-icons, .banner-swiper-next .material-icons { width:24px; font-size:18px; font-weight:700;}
.banner_more_wrap { position:absolute; width:calc(100% - 12em); left:13em; bottom:-0.6em; background:#fff; padding:0.6em; border:1px solid #ddd; border-radius:0.4em; opacity:0;visibility:hidden; transition:0.2s ease; z-index:10;}
.banner_more_wrap.open {opacity:1;visibility:visible;  bottom:0.6em;}
.banner_more_wrap ul { display:flex; flex-wrap:wrap;}
.banner_more_wrap ul li { padding:0.6em 1em;width: 25% ;min-width: 15em}
.banner_more_wrap ul li a { color:#444;}
.banner_more_wrap ul li a:hover, .banner_wrap .swiper-slide a:hover { text-decoration:underline; color:#222;}
.banner_close { position:absolute; right:0.5em; top:0.5em; z-index:3;}
.banner_close .material-icons { font-size:16px;}
/*.banner_wrap .slick-arrow { position:absolute; width:50px; height:50px; top:50%; background:#fff; border-radius:50%; padding-top:5px; box-shadow:0 0 8px rgba(0,0,0,0.2); z-index:5;}
.banner_wrap .slick-arrow svg { width:10px; line-height:1; color:#000;}
.banner_wrap .slick-next { right:0; transform:translate(150%,-100%);}
.banner_wrap .slick-prev { left:0; transform:translate(-150%,-100%);}
*/
@media (max-width:960px) {

}
@media (max-width:820px) {
.banner_wrap { flex-direction:column;  align-items:start;  padding:1.0em 0; font-size:15px;}
.banner_wrap .banner_top { padding:0 0.5em;}
.banner_wrap .swiper {position:relative;  width:100%; overflow:hidden; padding-top:0.3em;}

.banner_more_wrap {  width:calc(100% - 0em); left:0em;}
.banner_more_wrap ul li { padding:0.4em 0.5em;width: 50%;min-width: inherit}
}

@media (max-width:620px) {
.banner_wrap {  font-size:14px;}
}
@media (max-width:420px) {
}