@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body,html {
/* margin: 0 auto 화면 중앙 배치 */
	width: 100%;
	font-family: 'Nanum Gothic', verdana;
	font-size: 14px;
	margin: 0 auto;	
}

body *{box-sizing: border-box;}

a {    
    text-decoration: none;
    cursor: pointer;
}
ul, li {
	list-style: none; 
	margin: 0px;
}

button {border: 1px solid #aaa;}
/*
보더가 있을 때 보더의 추가 넓이를 박스 사이즈에 맞추는 옵션
 box-sizing:border-box;
 */
 
label {margin-right: 0.3em; vertical-align: middle}
label > span{vertical-align: middle}
input{box-sizing: border-box; min-height: 2em;}
input[type=radio],[type=checkbox] {vertical-align:middle; margin-right: 0.2em;}
input:not([type=radio]):not([type=checkbox]){border: solid 1px #d1d1d1; padding: 5px; box-sizing: border-box;}

/**************************************************************************
									COMMON
**************************************************************************/
#wrap {
	position: relative;
	width: 100%;
	max-width: 640px;
	height: 100vh; 
	margin: 0 auto;
	font-size: 1em;
	padding: 10% 0;
}

/**************************************************************************
									main
**************************************************************************/

.main{
	position: relative; 
	width: 100%; max-width: 640px; 
	/*top: 50%; transform: translate(0, -80%);*/ 
	border: solid 1px #000; 
	font-size: 0.8em; 
	overflow: hidden;
}
.main h1{width: 100%; background: #367fa9; height: 50px; line-height: 50px; margin: 0; float: left;}

.logoImg{
	width: 50%; float: left; min-height: 120px; 
	background: url('/images/full_logo.png') no-repeat; 
	background-size: 80%; background-position: center center;
}
.logInfo{width: 50%; float: left; padding: 2%;}
.logInfo li:nth-child(n+1){margin-top: 10px;}

.btnLogin {
	background:url('/images/btn_login.png') no-repeat left ; background-position: 10%; 
	background-color:#fff; background-size: 22px; width:100px; height:35px; padding-left:30px; 
	cursor: pointer; border: 1px solid #aaa;
}


/****************************	팝업1 설정	************************************/
 
.popUp{display:none; position:absolute; top: 10%; z-index:150;}
.popUp h1{width: 100%; background: #367fa9; height: 50px; line-height: 50px; margin: 0; text-align: center; color: #fff; }
#popupReg{width: 100%; font-size: 0.8em; background: #fff;}
#popupReg li:nth-child(n+1){margin-top: 10px;}
#popupReg .userInform{width: 100%; padding: 2%; overflow: hidden;}
#popupReg .userInform li{width:50%; float: left;}

.blind{display:none; background:url(/images/blind.png) repeat; width:100%; height:100%; position:fixed; left:0; top:0; z-index:100}
.btn_close{width:15px;height:15px; border: 0px; background:url(/images/btn_close_small.png) no-repeat center ;position:absolute;right:9px;top:9px;text-indent:-9999px; cursor:pointer; }

button.imgSave {background:url('/images/btn_save.png') no-repeat left ; background-position: 10%; background-color:#fff; background-size: 22px; width:100px; height:35px; padding-left:30px; cursor: pointer; }
button.imgUserAdd {
	background:url('/images/btn_useradd.png') no-repeat left ; background-position: 10%; background-color:#fff; background-size: 22px; 
	width:105px; height:35px; padding-left:20px; cursor: pointer; border: 1px solid #aaa; 
}

/**************************************************************************
									본문 - 사용자관리	#pgUdMember
**************************************************************************/


@media (max-width: 499px){        
    .logoImg,.logInfo{width: 100%;}
    .logoImg{background-size: 55%;}
    #popupReg li{width: 100%!important;}
}
    
    


#userFrm ul{padding: 1em!important; overflow: hidden!important;}
#userFrm li span:nth-child(1){width: 25%; display: inline-block; text-align: center;}
#userFrm li span:nth-child(2){width: 75%; display: inline-block;}