body {
    margin: 0;
    font-family: '¸¼Àº °íµñ', 'Apple SD Gothic Neo', sans-serif;
    background-color:#eee;
}
#back_img {
    display: flex;
    align-items: center;
    justify-content: center;
    height : 100vh;
    min-height: 450px;
    background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/login_back_img.jpg);
    background-position: center;
    background-size: cover;
}
#login_box { 
    margin: 0; 
    min-width:300px;
    min-height:500px;
    border:4px solid white; 
    border-radius: 55px; 
    margin-top:1vh;
    overflow: hidden;
    text-align: center;
}
#login_box > div { 
    background-color: #636363; 
    background-color: rgba( 50, 50, 50, 0.5);
    width:100%; 
    height:100%; 
    padding:25% 0; 
    box-sizing: border-box; 
}
#login_box > div div { /*text-align: center;*/ margin-top:10px; }
#login_box > div h1 { color:white; }
#login_box > div span { 
    color:white; 
    font-weight: bold; 
    vertical-align: bottom; 
    display:inline-block;
    width:auto;
    /*text-align: center;*/
}
/*#login_box > div input {
    background-color:transparent; 
    border:none; 
    border-bottom: 3px solid white; 
    width:120px; 
    margin-left:10px; 
    vertical-align: top; 
    color:white;
    font-size:16px;
}*/
#i1 {
    background-color:transparent; 
    border:none; 
    border-bottom: 2px solid white; 
    width:120px; 
    margin-left:10px; 
    vertical-align: top; 
    color:white;
    font-size:16px;
}
#i2 {
    background-color:transparent; 
    border:none; 
    border-bottom: 2px solid white; 
    width:120px; 
    margin-left:10px; 
    vertical-align: top; 
    color:white;
    font-size:16px;
}
#ck1 {
    margin-top: 15px;
}
#login_box > div button {
    width:161px;
    border:none;
    border-radius: 15px;
    margin-top:10px;
    padding:5px;
    background-color:white;
    color:black;
    font-size: 18px;
    font-weight: bold;
    cursor:pointer;
}
#login_box > div input[type=checkbox]{
    cursor:pointer;
}


/* dashboard Æ˾÷â CSS */
#popupDiv {
    position:absolute;
    top:50%; 
    left:50%; 
    width:550px; 
    height:570px; 
    margin:-275px 0px 0px -285px;
    background: url(../img/summer.png);
    box-shadow: 0px 3px 15px 3px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    z-index:999;
}
.popupContent {
    color:#fff;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
}
.popupContent > #today_none {
    position:absolute;
    top:533px;
    left:25px;
}
#today_none input[type=checkbox] {

}
#today_none > span {
    
}
#today_none > span:hover {cursor: pointer;}
.popupContent > a {
    position:absolute;
    top:533px;
    left:473px;
}
.popupContent > img {
    position: absolute;
    top:535px;
    left:508px;
    background: #096BB6;
    border: 2px solid #096BB6;
    border-radius: 3px;
}
.popupContent > img:hover {cursor: pointer;}

#login_logo{
    width: 250px;
    height: 90px;
    object-fit: cover;
}