@import url('../css2.css');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    word-break: keep-all;
    font-family: 'Noto Sans', 'Apple SD Gothic Neo', 'Malgun Gothic','Nanum Gothic', 'sans-serif';
}

html, body {
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6, h7, p {
    transform: rotate(-0.03deg);
}

a {
    color: inherit;
    text-decoration: none;
}

li {
    list-style: none;
}

:root {
    --main-color: #c62828;
}

.background {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100vh;
    background: url(../images/background.PNG) no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -99;
}



/*==================================================*/
@media (max-width: 850px) {
    .background {
        background-position: right;
    }
}


#divpop1 {position:absolute; left:2%; top:3vw; visibility:hidden; width:28%; height:auto; float:left; z-index:10005;}
#divpop1 .close {position:relative;float:right;display:inline-block;width:50px;height:50px;text-align:center;margin-right:5px;color:#fff;top:40px;cursor:pointer;}
#divpop1 .close1:after {content: "\00d7"; font-size:80px;line-height:50px;}
@media screen and (max-width:640px){
#divpop1 {left:10%;width:80%; height:auto;display:block;}