.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: 0.8em; 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:36%;}

    .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;}

    
#certify_modal .modal_bot{padding-bottom:2em}
#certify_modal button.disabled_btn{height:3em;padding:0 1.2em;width: 90%;margin:0 auto;}



/*menu_crystal1_modal*/
.menu_crystal1_modal.modal.center_modal .modal-container{width: 80%;height:85vh;}
.menu_crystal1_modal.modal.center_modal .modal-container .modal-bd {overflow-y: scroll;height:75vh;}
.menu_crystal1_modal.modal.center_modal .modal-container img{width: 100%;}

.menu_crystal1_modal.modal.center_modal .but_but{margin-top:1em;}
.menu_crystal1_modal.modal.center_modal .but_but button{    width: 90%;
    padding: 0.8em;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2em;}


.menu_crystal1_modal2.modal.center_modal .modal-container .modal-bd {overflow-y: initial;height: auto;}
.menu_crystal1_modal2.modal.center_modal .modal-container {width: 40%;height: auto;}
.menu_crystal1_modal2 .identity_card{margin-top:1em;padding-bottom: 2em;}
.menu_crystal1_modal2.modal.center_modal .but_but{margin-top:0em;padding-bottom:1em;}




/*menu_crystal1_join*/
.menu_crystal1_join .insert > p{ text-align: left;}
.menu_crystal1_join.modal.center_modal .modal-container{    width: 50%;}
.menu_crystal1_join.modal.center_modal .modal-container .modal-bd {height:auto;}
.menu_crystal1_join.modal.center_modal .modal-container{height:auto;}

.menu_crystal1_modal .insert .in_content{padding:.4em;border:1px solid #ddd;border-radius: 0.4em;padding: 0.8em;    font-size: .8em;    color: #818181;display: block;background: #f5f5f5;text-align: left;}



/*jojo_detail*/
.jojo_detail.center_modal .modal-container {width: 70%;}

.jojo_detail_con .sec_title p.name{color:#333;font-weight: 800;}
.jojo_detail_con .sec_title ul li{border:none !important;padding:0;}
.jojo_detail_con .sec_title ul .li_info { font-size: 0.9em; flex-direction: column;align-items: flex-start;text-align: left;
}
.jojo_detail_con .sec_title ul .li_info strong{font-weight: 800;color: #999 !important;margin-right:.2em;width: 5em;display: inline-block;text-align: left;}
.jojo_detail_con .sec_title ul .li_info p{color:#333;font-weight: 600;display: flex;}
.jojo_detail_con .sec_title ul .li_info p.jojo_company span{color:#f5ac03;font-weight: 600;}
.jojo_detail_con .sec_title ul .li_info span{color:#333;font-weight: 600;word-break: keep-all;}
.jojo_detail_con .li_info p:last-child::before{display: none !important;}
.jojo_detail_con .li_info p:last-child{margin-left:0!important;}

.jojo_detail_con .location_info .add2{top:auto !important;bottom:0 !important;transform: none !important;}
.jojo_detail_con .name .after_jojo strong{    font-size: 0.6em !important;}

.jojo_detail_con .name .after_jojo {transform: translateY(0.1em)!important;}
.jojo_detail_con .form-type1{height: auto; overflow-y: scroll;}
.jojo_detail_con .but_sec {width: 100%;margin-top:.8em}
.jojo_detail_con .but_sec button{width: 100%;}
.jojo_detail_con .sec_title p.name{margin-top:0;}
.jojo_detail_con .texteara_in_con{height: 10vh;overflow-y:scroll ;}

.modal-bd.jojo_detail_con {padding: 1.2em 1.2em 1.2em !important;}



.jojo_list_modal .jojo_list_modal_con_gpd2.jojo_list_modal_con {    width: 50% !important;}
.jojo_list_modal .jojo_list_modal_con_gpd2 .modal-bd {padding: 1.5em 1.2em 1.5em;}
.jojo_list_modal .jojo_list_modal_con_gpd2 .content_warp ul li{display: flex;    align-items: center;}
.jojo_list_modal .jojo_list_modal_con_gpd2 .content_warp ul li img{width: 1em; display: block; margin-right:.2em}
.jojo_list_modal .jojo_list_modal_con_gpd2 .content_warp {font-size: 0.9em;}
.jojo_list_modal .jojo_list_modal_con_gpd2 .content_warp ul li {background: #f5f5f5; padding:.4em;border-radius: .4em;opacity: 0.9;}



/* ********************************************* *
 * 800px max
 * ********************************************* */
 @media (max-width:800px){

    .menu_crystal1_join.modal.center_modal .modal-container {width: 80%;}

    .jojo_list_modal_con.modal-container {width: 70% !important;}

    .modal.center_modal .modal-container { width: 80%;}
     }
    
    
/* ********************************************* *
 * 600px max
 * ********************************************* */
 @media (max-width:600px){


    .jojo_detail.center_modal .modal-container {width: 90%;}


     }
    
    
    /* ********************************************* *
     * 500px max
     * ********************************************* */
     @media (max-width:500px){
        .menu_crystal1_join.modal.center_modal .modal-container {width: 90%;}
        .jojo_list_modal .jojo_list_modal_con_gpd2.jojo_list_modal_con {    width: 80% !important;}
     }
    /* ********************************************* *
     * 400px max
     * ********************************************* */
     @media (max-width:400px){
        #certify_modal button.disabled_btn{    height: 2.6em;}

        .jojo_detail_con .sec_title ul li{padding:0 !important;}
        .jojo_detail_con .sec_title ul .li_info {font-size: 0.8em;}
        .jojo_detail_con .location_info {margin-top:.4em!important;}
        .jojo_detail_con .location_info .add2{position: initial !important;text-align: center;    justify-content: center;    font-size: 1em;}

        
.modal-bd.jojo_detail_con {padding: .8em .8em .8em !important;}
.jojo_detail .modal-close{right: .8em;top: .8em;}

.jojo_detail_con .but_sec button{height: 2.5em;;}
.jojo_detail_con .insert{margin-top:0.8em;}
.jojo_detail_con .insert:first-child{margin-top:0em;}


.modal.center_modal .modal-container { width:90%;}
     }
    
    /* ********************************************* *
     * 350px max
     * ********************************************* */
     @media (max-width:350px){
     }
    
    /* ********************************************* *
     * 300px max
     * ********************************************* */
     @media (max-width:300px){
        .modal-bd .writing_input { padding: 1.4em 0em 1em; }

        .jojo_detail_con .sec_title ul .li_info strong{width: 5.5em;}


     }