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

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 423px; align-items: center; position: absolute; top:-40px;
    height: 365px; background: url(/dtgmng/images/login_back02.png) no-repeat 100%/cover; align-content: center;
}
.formul, .bnzone{ padding: 0px 50px; }
.formul input{ margin-right: 4.3em;}
.formul li:last-child{ justify-content: left; }
.formul .error_box { min-width: 100%; }

.bnzone>button{ width: calc(100% - 2px);}

/*모바일 관련*/
@media screen and (max-width: 500px) {	
    footer{ margin-top: 220px; }
    #logform{ background: initial; height: initial; top:20px; }
    .formul input{ margin-right: 0em;}
}

/*모바일 이상*/
@media screen and (min-width: 501px) {	
    .bnzone{ margin-right: 60px;}
    .bnzone>button{ border-bottom-left-radius: 2em; border-bottom-right-radius: 2em;}
}