@charset "utf-8";

/* 일반 { */
.default_bn img {box-sizing: border-box;}
.default_bn ul {margin:0px; padding: 0px;}
.default_bn_border {border:1px solid rgba(0,0,0,0.2);}
/* } */

/*팝업박스*/
.popup_wrap { position:relative;width:auto; height:auto; border-radius:15px; outline:3px solid #bbb; display:inline-block; overflow:hidden; float:left; background:#fff; }
.popup_slide { width:100%; margin:0 auto;aspect-ratio:1/0.855;  position:relative;}
.popup_slide a { display:block; }
.popup_slide a:focus { border:2px dotted blue; box-sizing:border-box;  }
.pop_box>img { height:auto; max-width:600px;}
.list_non { width:100%; height:calc(100% - 55px); line-height:585px; background:#f1f1f1; text-align:Center; font-size:22px; font-weight:500; }

/* 슬라이드 좌,우,정지버튼 */
.popup_wrap>ul.page_wrap { bottom:0; width:100%; height:50px; margin-bottom:0; position:absolute; text-align:Center; background:#fff; z-index:90;}
.popup_wrap>ul.page_wrap:after {display:block; content:""; clear:both; }
.popup_wrap>ul.page_wrap li { display:inline-block; height:50px;  margin:0 2px 0 0; padding:0; }
.popup_wrap>ul.page_wrap button { box-sizing:border-box;  outline:0; border:2px solid #fff; position: relative; top:-2px; }
.popup_wrap>ul.page_wrap button:focus { border:2px solid #000}
.popup_wrap>ul.page_wrap button:focus:not(:focus-visible) { border:2px solid #000;}
/* 슬라이드 좌,우버튼 */
.popup-prev, .popup-next {   width: 50px;   height: 50px; margin:0; box-sizing:border-box; border:0;  border-right:0; z-index: 999;   cursor: pointer;   background-repeat: no-repeat;  background:#fff; }
.popup-prev:after , .popup-next:after { display:block; content:""; position:absolute; top:17px; left:50%; width:15px; height:15px; }
.popup-prev:after {   border-top:3px solid #333; border-left:3px solid #333; transform:rotate(-45deg);  margin-left:-5px;}
.popup-next:after {   border-top:3px solid #333; border-right:3px solid #333; transform:rotate(45deg);  margin-left:-10px;}
.popup-next.swiper-button-disabled:after, .popup-prev.swiper-button-disabled:after { opacity:0.45;} /* 슬라이드 끝났을때 화살표가 연해짐 */
/* 슬라이드 플레이/정지버튼 */
.popup_wrap>ul.page_wrap .wrap-autoplay-control02 { } 
.popup_wrap>ul.page_wrap .wrap-autoplay-control02 button { width:50px; height:50px; border:0; border:0; background:#fff; z-index:999; border:2px solid #fff; }
.popup_wrap>ul.page_wrap .wrap-autoplay-control02 button:before {display: block; content: ''; position:relative;  }
.popup_wrap>ul.page_wrap .wrap-autoplay-control02 button[aria-pressed="false"]:before {top:2px; left:20px; width: 12px; height: 20px; border-left: 4px solid #333; border-right:4px solid #333; box-sizing: border-box;}
.popup_wrap>ul.page_wrap .wrap-autoplay-control02 button[aria-pressed="true"]:before {top: 2px; left:20px; border-top:10px solid transparent; border-left: 11px solid #333; border-bottom:10px solid transparent;}
/* 슬라이드 페이징넘버 */
.popup_wrap .swiper-pagination-fraction { z-index:99999; display:inline-block; width:50px; height:50px; line-height:50px;  padding:0; margin:0; color:#333; font-size:18px;}
.popup_wrap .swiper-pagination-current { font-weight:600; }

.mb-0 {margin-bottom: 0px !important;}

/* 랜덤 { */
.random_bn img {box-sizing: border-box;}
.random_bn ul {margin:0px; padding: 0px;}
.random_bn_border {border:1px solid rgba(0,0,0,0.2);}
/* } */

/* 개별 { */
.each_bn img {box-sizing: border-box;}
.each_bn_border {border:1px solid rgba(0,0,0,0.2);}
/* } */



@media (max-width:1279px) {
.popup_wrap { padding-bottom:50px; }
.popup_wrap>ul.page_wrap { margin-bottom:0;}

}

@media (max-width:1000px){
.popup_slide .swiper-slide { margin-top:0; }
.list_non { line-height:350px;}
}