/*{font-family:NanumBarunGothic;}*/
input[type=text],input[type=password],input[type=email],select {
    width:100%;
    padding:3px;
    border:0px;
    border-bottom:1px solid gray;
}

input[type=text]:disabled,input[type=text]:read-only {
    background-color:#EEE
}

input[type=text]:hover:enabled:not([readonly]),input[type=password]:hover:enabled:not([readonly]),input[type=email]:hover:enabled:not([readonly]):not([readonly]),select:hover:enabled:not([readonly]) {
    border-bottom:2px solid gray;
}

input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,select:focus {
    border-bottom:2px solid #4899d5;
}

.outerDiv {
    margin-top:20px;
}

.innerDivTitle {
    padding:3px;
}

.innerDiv {
    padding:3px;
    padding-left:10px;
}

.innerDiv span {
    font-family:none;
    font-size:11px;
    color:red;
}

.phone_auth, .worknum_auth, .address_auth {
    background-color:#e9e9e9;
    border:1px solid #DDD;
    border-radius:5px;
    width:55%;
}

.phone_auth:hover, .worknum_auth:hover, .address_auth:hover {
    background-color:#DDD;
}

.joinButton {
    background-color:#4899d5;
    color:white;
    border-radius:5px;
    border:2px solid #DDD;
    width:100%;
}

.foreignerType {
    background-color:#FFFFFF;
    border:1px solid #DDD;
    border-radius:5px;
    width:45%;
}

.foreignerTypeSelected {
    background-color:#e9e9e9;
    border:1px solid #DDD;
    border-radius:5px;
    width:45%;
}

.foreignerType:hover:enabled {
    background-color:#e9e9e9;
}

.mainDivLeft{width:90%;}
.mainDivRight{width:50%;border-left:1px solid #DDD;padding-left:5px;}
.mainDiv{
    width:500px;
    border:1px solid #e9e9e9;
    margin:0 auto;
    margin-bottom:45px;
    padding:10px 15px 10px 15px;
    margin-top:15px;
    min-height:400px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:row;
    flex-wrap:wrap;
}

.popup {
    position: absolute;
    z-index: 100000;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 180px;
    background-color: white;
    border: 1px solid #4899d5;
    display: none;
}

.popupHeader {
    background-color: #4899d5;
    height: 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
}
.popupHeader * { color: white; }

.popupAction {
    display: flex;
    justify-content: flex-end;
}
.popupAction > * { cursor: pointer; }

.popupBody {
    padding: 10px;
    background: transparent;
    align-items: center;
}