/* The Modal (background) */


      .modal {


        display: inline; /* Hidden by default */


        position: fixed; /* Stay in place */


        z-index: 1; /* Sit on top */


        padding-top: 160px;  /*Location of the box*/ 


        left: 0;


        top: 0;


        width: 100%; /* Full width */


        /*height: 100%;*/ /* Full height */


        overflow: auto; /* Enable scroll if needed */


        background-color: rgb(0, 0, 0); /* Fallback color */


        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */





      }





      @media screen and (min-width: 600px){


        .container-mob{


          width:50%;


          





        }


        .modal-content {


        /*background-image:url(../img/collage/modal_background_new.png);*/


        /*background-size:cover;


        background-repeat:no-repeat;*/


        display:flex;


        background-color: #c8dee0;


        margin: auto;


        padding: 20px;


        border: 1px solid #000000;


        width:100%;


        color:black;


      }


        


    }


      /* Modal Content */


      @media screen and (max-width: 600px){


        .container-mob{


          width:100%;


        }


        .modal-content {


        /*background-image:url(../img/collage/modal_background_new.png);*/


        /*background-size:cover;


        background-repeat:no-repeat;*/


        display:flex;


        background-color: #c8dee0;


        margin: auto;


        padding: 20px;


        border: 1px solid #000000;


        width:100%;


        color:black;


      }


    }





      /* The Close Button */


      .close {


        margin-left:95%;


        color: #000000;


        float: right;


        font-size: 28px;


        font-weight: bold;


      }





      .close:hover,


      .close:focus {


        color: #000;


        text-decoration: none;


        cursor: pointer;


      }








  .font-change {


    font-family: 'Noto Sans KR', sans-serif;


  }