/* 모달 */
.modal{ position: fixed; z-index: 100; left: 0; top: 0; bottom: 0; max-width: 100%; width: 100%; height: 100%; }
.modal-bg{z-index: 100;transition: all .2s;}
.modal-bg::before{content:'';top: 0;display: block;left: 0;position: fixed;opacity: 0.3;width: 100%;height: 100%;background: #0c0c0c;}
.modal-wrap{position: relative; width: auto; margin: 0 auto; top: 50%; transform: translateY(-50%);  border-radius: 5px;/* border-radius: 10px; */ z-index: 120; box-shadow: 2px 4px 11px rgba(0,0,0,0.2);}
.modal-con{padding: 40px 30px 40px; }
.modal-close{position: absolute; right: 35px; top: 45px; cursor: pointer;  z-index: 102;    line-height: 1;color: #333;}
.modal-container{padding:30px;background: #fff;}
.modal-container .modal-out-tit .m_tit{font-size: 1.1em; font-weight: 600;padding-right: 30px;}
.modal-container .modal-out-tit .m_txt{margin-top: 10px;}
.modal-container .md-con{padding-top: 10px;}
.modal-container .md-con p{font-size: 16px; font-weight: 300;}
.modal-container .md-btn{text-align: right; padding-top: 50px;}
.modal-container .md-btn button{display: inline-block; cursor: pointer; margin:0 5px;  padding: 0 20px; height: 34px; border-radius: 3px; line-height: 34px; }

.show-modal{opacity: 1; visibility: visible; transform: scale(1);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; }




/* 기본알람창 크기 */
.modal-wrap.modal-xs{max-width: 520px;}
.modal-wrap.modal-sm{max-width: 760px;}
.modal-wrap.modal-md{max-width: 1024px;}
.modal-wrap.modal-lg{max-width: 1200px;}
    


/*modal_promotion*/
.modal_promotion .text_box{position: relative;padding-bottom: 50%;margin-top: 30px;;}
.modal_promotion .text_box iframe{position: absolute;left:50%;transform: translate(-50%,-50%);top:50%;width: 100%;height: 100%;}




/*광진-설치사례*/
.installation_modal .modal-out-tit{margin-bottom: 20px;;}
.installation_modal .modal-out-tit .m_tit{text-align: center;font-size: 1.5rem;}
.installation_modal .pro_top{margin-bottom: 20px;}
.installation_modal .pro_top .swiper-slide{padding-bottom:60%;position: relative;}
.installation_modal .pro_top .swiper-slide img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}

.installation_modal .pro_bot .swiper-slide{padding-bottom:13%;position: relative;cursor: pointer;}
.installation_modal .pro_bot .swiper-slide img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}


.installation_modal .swiper-button-next:after,
.installation_modal .swiper-button-prev:after{color: #fff;font-size: 1.8rem;font-weight: 200;}
.installation_modal .swiper-button-next{right:15px;}
.installation_modal .swiper-button-prev{left:15px;}



/*promotion_modal*/
.promotion_modal .modal-close {  top: 35px;}
.promotion_modal .modal-container-inner{margin-top: 20px;;}
.promotion_modal .video_modal{padding-bottom: 50%;width: 100%;overflow: hidden;position: relative;}
.promotion_modal .video_modal iframe{width: 100%;height: 100%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}