@charset "utf-8";

#popup .popup_content {font-size: 0; line-height: 0; text-align: center;}
#popup .popup_content > div {display: inline-block; vertical-align: top; position: relative;}

#popup .btn_wrap {background-color: #000; width: 100%; height: 38px; position: relative;}
#popup .btn_wrap .btn_dont_show {display: block; background-color: transparent; color: #fff; height: 38px; line-height: 34px; margin: 0; padding: 0 12px; cursor: pointer; font-size: 14px; font-weight: 500; border: 0;}
#popup .btn_wrap .btn_close {position: absolute; top: 50%; right: 12px; background: url('/img/x_close.svg') no-repeat center center; border: 0; width: 15px; height: 15px; font-size: 0; cursor: pointer; transform: translateY(-50%);}

#popup .popup_swiper_wrap {width: 450px;}
#popup .popup_swiper {width: 100%;}

#popup .swiper-pagination {text-align: center; position: unset; background-color: #fff;}
#popup .swiper-pagination span.swiper-pagination-bullet {display: inline-block; height: 35px; line-height: 35px; background-color: #fff; margin: 0; color: #000; border-radius: 0; opacity: 1; font-size: 14px;}
#popup .swiper-pagination span.swiper-pagination-bullet-active {background-color: #007bff; color: #fff;}

#popup .pop_img {width: 450px;}
#popup .pop_img img {width: 100%; display: block;}


/* 모바일 */
#popup.mobile .popup_box {width: 100%;}
#popup.mobile .popup_content img {width: 100%; height: auto;}
#popup.mobile .popup_content > div {width: 90% !important; height: auto !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%);}
#popup.mobile .pop_img {width: 100%;}

#popup.mobile .btn_wrap {height: 7vw;}
#popup.mobile .btn_wrap .btn_dont_show {height: 7vw; line-height: 1; font-size: 3vw; padding: 0 30p;}
#popup.mobile .btn_wrap .btn_close {right: 3vw; width: 3vw; height: 3vw;}

#popup.mobile .popup_swiper_wrap {width: 100%;}

#popup.mobile .swiper-pagination span.swiper-pagination-bullet {height: auto; line-height: 3; font-size: 3vw;}