@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Roboto", "Roboto Regular", "Noto Sans KR";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

body * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

@media only screen and (max-width: 767px) {  
    body { 
        width: 100%;
        min-width: 360px;
    }

    .flash-message {
        position: absolute;
        width: 90%; height: 50px;
        left: 5%; top: 56px;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.2);
        text-align: center;
        color: #ffffff;
        border: 1px solid #cccccc;
        padding-top: 10px;
        font-size: 14px;
    }      
}

@media only screen and (min-width: 768px) {
    body {
        min-width: 1280px;
    }

    .flash-message {
        position: absolute;
        min-width: 1180px; height: 50px;
        left: calc(50% - 590px); top: 140px;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.2);
        text-align: center;
        color: #ffffff;
        border: 1px solid #cccccc;
        padding-top: 15px;
        font-size: 16px;
        font-weight: bold;
    }
}