.modalOpen{height: 100% !important; overflow: hidden !important;}
/* 모달 검은색 배경 */
.modal_window_bg{position: fixed; left: 0; top: 0; bottom:0; z-index: 101;
    max-width:100%; width:100%;  height: 100%;  background-color: hsla(0,0%,0%,0.4);}

.modal{position: fixed; left: 0; bottom:0; max-width:100%; width:100%; z-index: 102; height: 0;}
.modal button{min-width:80px;}
.modal.center_modal{ position: fixed; top:50%; transform: translateY(-50%);}
.modal-wrap {position: relative; width: auto; margin:0 auto; height: 100%; z-index: 102;}

.modal-container{ width: 100%; margin:auto; z-index:103; border-radius: .6em; overflow: hidden;
overflow-y: auto; background-color:#fff; text-align: center; 
 display: -ms-flexbox; display: flex;
-ms-flex-direction: column;  flex-direction: column;}

.modal-bd{ padding:2.4em 1.2em 1.5em;}

.modal ul.btn-container{display: flex;}
.modal ul.btn-container.fixed{position: absolute; bottom:0; width: 100%; left:0; right:0;}
.modal ul.btn-container > li{width: 100%; padding-right:.6em;}
.modal ul.btn-container > li:last-child{padding-right:0;}

.modal ul.btn-container > li .btn{width: 100%; font-size: 1em; border-radius: .3em;}


/* 모달 닫기 */
.modal-close{position: absolute; right:1.2em; top:1.2em; font-size: 1.25em; font-weight: lighter; color:#98A8B9; line-height:1; cursor: pointer; display: block; z-index: 110;}

.modal_img{max-height:100vh;}

.today_btn{position: absolute; left:0; top:calc(100% + 8px); z-index:102; font-weight: normal;}

.modal.center_modal .modal-container{position:absolute; top:50%; transform: translate(-50%, -50%); left:50%;
    width: 96%;}

    .modal .list_container_type2 {overflow-y:scroll; height: 60vh;}


.modal.bottom_modal .modal-wrap{top:inherit;  transform: inherit; width: 100%;}
.modal.bottom_modal .modal-container{border-radius: 2em; border-bottom-left-radius: 0; border-bottom-right-radius: 0; bottom:0; text-align: left; position: absolute;}
.modal.bottom_modal .modal-bd{padding-bottom:1.2em;}

.btn-modal-container{background-color: transparent;}
.btn-modal-container .btn_modal_wrap{ width: 100%; border-radius: .6em; overflow: hidden;
    overflow-y: auto; background-color:#fff; text-align: center; 
     display: -ms-flexbox; display: flex;  -ms-flex-direction: column;  flex-direction: column;} 
.btn_modal_wrap:last-child{margin-top:.8em;}
.btn_modal_wrap .btn_con{border-bottom:1px solid #e8e3d6;}
.btn_modal_wrap .btn_con:last-child{border-bottom:0;}

.modalSlide{position: relative; line-height: 1;}
.modalSlide_arrow {position: absolute; top:45%; transform: translateY(-50%); width: 100%;}
.modalSlide_arrow img{width: 1em; line-height: 0;}
.modalSlide_arrow li{position: absolute; background-color: rgba(255,255,255,.7); padding:.6em; cursor: pointer;}
.modalSlide_arrow li span{line-height: 0;}
.modalSlide_arrow .prev{left:0;}
.modalSlide_arrow .next{right:0;}

.modal .list_container_type2 li{border-top:0 !important; border-bottom:0 !important;}
.modal .profile_img.sidetype {height:3.0em;}

.modal-out-tit{font-size: 1.15em; font-weight: bold;}
.modal-container-inner p{margin-top:1.2em;}

.modal .modal_user_info{background-color:#f2f2f7; padding:1.2em; margin-top:.6em;}
.modal .modal_user_info dl{ display: flex; line-height: 1.7;}
.modal .modal_user_info dt, .modal .modal_user_info dd{font-size: .85em; display: inline-block;}
.modal .modal_user_info dt{color:#98A8B9; margin-right:1em;}




.chat_img_modal{background-color: #000; height: 100%; top:0;}
.chat_img_modal .modal-container{width: 100% !important; border-radius: 0;}
.chat_img_modal .main_img{line-height: 0;}
.chat_img_modal .main_img img{width: 100%; max-height: 100%;}

.modal-img-download{position: absolute; right:4em; top:1.4em;
    background-image: url(../images/i_download.svg); width: 1.25em; height: 1.25em;
    line-height:1; cursor: pointer; display: block; z-index: 110;}

/* 2023.05.22 고담 커스텀 */
.modal ul.btn-container.godam > li .btn{}
.modal ul.btn-container.godam > li .btn.btn-white{border: 1px solid #264428; color:#264428}
.modal ul.btn-container.godam > li .btn.btn-secondary2{background:#264428; color:#fff;}
.godam_modal.modal-bd{border:1px solid #efefef;}
.modal ul.btn-container.godam_btn_wrap li button{border: 1px solid #947062; color:#947062}
.modal ul.btn-container.godam_btn_wrap li:last-child button{background:#947062; color:#fff;}