@charset "utf-8";
.dimmed{overflow: hidden;height: 100%;}
.popup_modal{width: 100vw; height: 100vh; background-color: rgba(0,0,0,.7); position: fixed; left: 0; top: 0; z-index:100; color: #fff;overflow: auto;}
.popup_modal_wrap{position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width: 100%; max-width:1600px;}
.popup_modal h3{text-align: center; font-size: 50px; font-weight: bold; vertical-align: middle; margin-bottom: 50px; font-family:'Gmarket Sans';letter-spacing: -2px;}
.popup_modal h3 .popup_pagi{position: static; width: auto; display:inline-block; font-size: 20px; font-weight: bold; padding: 10px 20px; background-color: #2093ff; border-radius:99px; vertical-align: middle; margin-top: -10px; margin-left: 20px;}
.banner_slider .swiper-wrapper,.swiper-wrapper li{list-style-type: none;margin: 0;padding: 0;}
/*슬라이드*/
.popup_modal .banner_slider{position: relative;}
.popup_modal .banner_area{width: calc(100% - 160px); max-width:1280px;}
.popup_modal .banner_area ul li{text-align: center; width: 33.3333%;}
.popup_modal .banner_area.pop_css1{max-width:600px;}
.popup_modal .banner_area.pop_css1 ul li{width: 100%;}
.popup_modal .banner_area.pop_css2{max-width:815px;}
.popup_modal .banner_area.pop_css2 ul li{width: 50%;}
.popup_modal .banner_area ul li img{max-width: 400px;display: inline;}
.popup_modal .banner_area ul li:last-child{margin-right: 0;}
.popup_modal .banner_area ul li p{display: inline;}
.popup_modal .banner_slider .banner_area_wrap{position: relative;}
.popup_modal .banner_slider .popup-next,
.popup_modal .banner_slider .popup-prev{width: 80px; height: 80px; top: 50%; transform: translateY(-50%); border-radius:40px; transition:.2s; outline:none;}
.popup_modal .banner_slider .popup-next{right: 0;}
.popup_modal .banner_slider .popup-prev{left: 0;}
.popup_modal .banner_slider .popup-next:after,
.popup_modal .banner_slider .popup-prev:after{content:''; width: 100%; height: 100%; background: url('../img/popup_aro.png') no-repeat center / 40%;}
.popup_modal .banner_slider .popup-next:after{transform:rotate(180deg);}
.popup_modal .banner_slider .popup-next:hover,
.popup_modal .banner_slider .popup-prev:hover{background-color:rgba(255,255,255,.2);}

/*버튼*/
.popup_modal .btn_area{text-align: center; margin-top: 60px;}
.popup_modal .btn_area a{display:inline-block; font-size: 18px; font-weight: 600; padding: 10px 50px 10px 20px; background-color: #000; border-radius:99px; margin-right: 10px; background:#000 url('../img/popup_close.png') no-repeat right 20px center / 15px;}
.popup_modal .btn_area a:last-child{margin-right: 0;}
@media all and (max-width : 1024px){
.popup_modal .banner_area ul li{width: 50% !important;}
}
@media all and (max-width : 600px){
.popup_modal .banner_area ul li{width: 100% !important;}
.popup_modal .banner_area ul li img{max-width: 100%;}
.popup_modal h3{font-size: 30px; margin-bottom: 30px;}
.popup_modal h3 .popup_pagi{font-size: 15px; padding: 5px 15px; margin-top: -5px; margin-left: 10px;}
.popup_modal .btn_area{margin-top: 30px;}
.popup_modal .btn_area a{font-size: 15px;}
.popup_modal .banner_area{width: calc(100% - 100px);}
.popup_modal .banner_slider .popup-next, .popup_modal .banner_slider .popup-prev{width: 50px; height: 50px;}
}