@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url('noto-sans-kr-v12-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
         url('noto-sans-kr-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('noto-sans-kr-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('noto-sans-kr-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('noto-sans-kr-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('noto-sans-kr-v12-latin-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
  }
  @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: bold;
    src: url('noto-sans-kr-v12-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
         url('noto-sans-kr-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('noto-sans-kr-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('noto-sans-kr-v12-latin-700.woff') format('woff'), /* Modern Browsers */
         url('noto-sans-kr-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('noto-sans-kr-v12-latin-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
  }
 
  * { box-sizing: border-box; }

  table{
    border-collapse: collapse;
  }

body {
    font-family: "Noto Sans KR","sans-serif";
    margin:0px;
    padding:0px;
    text-decoration: none;
    font-size: 0.8em;
}

div[id^='wDisplay-'] {
    position: fixed;
    width:100%;
    height:100%;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    background-color: rgba(49, 49, 49, 0.384);
}

#wa-close {
    width:100%;
    background-color: #444;
    color:white;
    padding:10px;
    margin:10px 0px;
}

#wBody-alert{
    position: fixed;
    width:90%;
    max-width:400px;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    padding:40px;
}

.sAlert {
    background-color: rgb(128, 3, 3);
    color:white;
}

#api {
    display:none;
}

.uAlert {
    background-color: white;
    color:#444;
}

#nv {
    position: fixed;
    bottom: 0;
    width:100%;
}
#nv-logout {
    float:left;
    width:20%;
    min-width:100px;
    background-color:rgb(0, 153, 66);
    color: white;
    text-align: center;
}

#nv-title {
    float:left;
    width:80%;
    min-width:200px;
    background-color: #444;
    color: white;
    text-align: center;
}

div[id^='nv-'] {
    float:left;
    padding:10px;
    cursor: pointer;
}

@media (max-width: 500px) {
    #nv-logout {
        float:left;
        width:100%;
        min-width:100px;
        background-color:rgb(0, 153, 66);
        color: white;
        text-align: center;
    }
    
    #nv-title {
        float:left;
        width:100%;
        min-width:200px;
        background-color: #444;
        color: white;
        text-align: center;
    }
}