@charset "utf-8";
/* CSS Document */

*{ box-sizing: border-box; }
body{ font-family: "Noto Sans KR";}

#loginWrap{ 
    background: url(/images/mosaic_white_square.svg) #303030; min-height: 250px; width: 100%; margin-top: 10vh;
    display: flex; flex-wrap: wrap; justify-content: center;  align-items: center;
}
header{ color:rgba(255, 255, 255, 0.4); padding: 20px;  }
header>p{ font-size: 80%;}
header>h1{ color: white; font-size: 150%; font-weight: 500; text-shadow: 2px 2px 2px #000; }
header>div{ border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top:1em; padding-top: 1em; font-size: 80%; }
header+div{ width: 423px; height: 0px; position: relative;}
#logform{ 
    display: flex; flex-wrap: wrap; flex: 1 1 100%; align-items: center; align-content: center;
}
.btn-bgrbox{ width: 100%; }

header.show-up{ animation-delay: 0.5s; }
header+div.showme{ animation-delay: 0.5s; }


@media screen and (max-width: 945px) {	
    #logform{padding: 1em 2em;}
}
@media screen and (min-width: 945.1px) {	
    #logform{ 
        position: absolute; top:-40px; height: 364px; background: url(/dtgmng/images/login_back02.png) no-repeat 100%/cover; padding-left: 50px; padding-right: calc(62px + 50px);
    }
    .btn-bgrbox{ border-radius: 0 0 2em 2em;}
}