@charset "utf-8";

/* 새글 스킨 (latest) */
/* slick slide common */
.slick-slider {-webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-slide {display: none; height: 100%; min-height: 1px; vertical-align: middle;}
.slick-list {overflow: hidden;}
.slick-list.dragging {cursor: pointer;}
.slick-initialized .slick-slide {display: inline-block; margin-right: 10px;}
.slick-arrow.slick-hidden {display: none;}
.slick-current {opacity: 1; display: block;}
.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}

/* slick arrow show */
.arwShow .slick-arrow.slick-hidden { display: inline-block; }



/* 팝업 */
.popupZone { position: relative; width:100%; height: 15rem; margin-top: 1.5rem; }

.popupZone .tit_wrap { display: none; }
.popupZone .pop_img { height: 100%; overflow: hidden;  }
.popupZone .slider,
.popupZone .slick-list,
.popupZone .slick-track { position: relative; height: 100%; z-index: 1; }
.popupZone .pop_img .item a { position: relative; display: block; height: 100%; text-align: center;}
.popupZone .pop_img .item a:hover {  border: 4px solid #44465C; -webkit-box-shadow: 0 1rem 1.6rem rgba(60, 70, 92, 0.2); box-shadow: 0 1rem 1.6rem rgba(60, 70, 92, 0.2); z-index: 2;}
.popupZone .pop_img .item a img { /*position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);*/ max-width: 100%; }
.popupZone .nss_pg { position: absolute; bottom: 0; right: 0; border-radius: 1rem 1rem 0.9rem 0; display: flex; align-items: center; height: 2rem; padding: 0 0.8rem; background: rgba(0, 0, 0, 0.6); color: #fff; z-index: 1; }
.popupZone .nss_pg .page { font-size: 0.75rem; margin-right: 0.5rem; }
.popupZone .nss_pg .page span { position: relative; display: inline-block; padding-left: 0.4rem; margin-left: 0.4rem; color: #ebebeb; }
.popupZone .nss_pg .page span::before { position: absolute; top: 50%; left: -0.1rem; width: 0.2rem; height: 0.2rem; border-radius: 50%; background: #fff; content: ""; }
.popupZone .nss_pg a { font-size: 1rem; padding: 0 0.1rem; }
.popupZone .nss_pg a.play { display: none; }


/* 팝업:active
.popupZone .pop_img .item a img { transition: all 0.3s; }
.popupZone .pop_img .item a:hover img,
.popupZone .pop_img .item a:focus img { transform: translate(-50%, -50%) scale(1.05); } */