@charset "utf-8";

#popup .popup_content {position: absolute; top: 8.4vw; left: 10px; z-index: 100; max-width: 70vw; display: flex; flex-wrap: wrap; align-items: flex-start;}
#popup .pop_img {flex: 1 1 calc(100% /3); max-width: calc(100% / 3); position: relative;}
#popup .pop_img.two_popup {flex: 1 1 calc(100% / 2); max-width: calc(100% / 2);}
#popup .pop_img.last_popup {flex: 1 1 100%; max-width: 100%;}
#popup .pop_img a {position: relative;}
#popup .pop_img img {width: 100%; height: 100%;}

#popup .btn_wrap {position: absolute; top: 0; right: 0; width: 2vw; height: 2vw; background-color: rgba(0, 0, 0, .3);}
#popup .btn_wrap .btn_dont_show {display: none !important;}
#popup .btn_wrap .btn_close {background: url('../img/x_close.svg') no-repeat center center; border: 0; width: 1vw; height: 1vw; font-size: 0; cursor: pointer; margin: 0.5vw;}

#popup .popup_content a[href="#"],
#popup .popup_content a[href="javascript:void(0);"],
#popup .popup_content a[href=""] {cursor: default;}

/* 모바일 */
#popup.mobile .pop_img {flex: 1 1 calc(100% /2); max-width: calc(100% / 2); position: relative;}
#popup.mobile .pop_img.last_popup {flex: 1 1 100%; max-width: 100%;}

#popup.mobile .btn_wrap {width: 5vw; height: 5vw;}
#popup.mobile .btn_wrap .btn_close {width: 3vw; height: 3vw; margin: 1vw;}