#popup{
    display : none;
}

.popup100 .popup-contents-wrap{
    width : 100%;
    height : 100%;
    background-color : #fff;
    overflow-y : scroll;
 }

 iframe{
    border : 0;
    width : 100%;
    height : 100%;
 }

 .popup90 .popup-contents-wrap{
    max-width : 1200px;
    width : calc(100vw - 40px);
    height : calc(100vh - 40px);
    background-color : #fff;
    position : absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
     border-radius: 12px;
    margin: auto;
 }


 .popup80 .popup-contents-wrap{
    width : 80%;
    height : 80%;
    background-color : #fff;
    position : absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow-y : scroll;
 }

 .popup70 .popup-contents-wrap{
    width : 70%;
    height : 70%;
    background-color : #fff;
    position : absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow-y : scroll;
 }


 @media screen and (max-width : 480px){
    /*.popup90 .popup-contents-wrap{*/
    /*    width : calc(100% - 20px);*/
    /*    height : calc(100% - 20px);*/
    /*}*/
     .research-wrap .contents-wrap .info{
         font-size: 16px;
         padding: 20px 10px;
         border-radius: 8px;
     }
    .popup80 .popup-contents-wrap{
        width : 100%;
        height : 100%;
        border-radius: 0;
        overflow-y: auto;
    }
 }