/*
 * 로그인 페이지, 회원가입 페이지
 */

body {
	height: 80vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

div#wrap		{ width:1200px; margin:150px auto 0 auto; text-align:center; color:gray; font-size:13px; padding:30px; border-radius:10px; user-select:none; font-weight:bold; }
div#wrap #logo	{ max-width:300px; max-height:100px; margin-bottom:20px; }
div#wrap form	{ margin-top:15px !important; }
div#wrap form > div			{ margin-bottom:2px; }
div#wrap form > div > img	{ border:1px solid lightgray; padding:12px; vertical-align:top; }

div#copy { margin-top:20px; font-weight:bold; }


/* -------------------------------------------------------------------- */

/* Button 기존에 input 셀렉터로 참조하는 것 class 별로 변경함 */
.cancelBtn 			{ background-color:white; color:#808080; margin : 20px 10px; border:1px solid grey; width:240px; height:40px; border-radius: 10px;}
.submitBtn 			{ background-color:black; color:#ffffff; 	margin : 20px 10px; border:1px solid black; 	width:240px; height:40px; border-radius: 10px;}
.submitBtn:hover	{ background-color:grey; color:#ffffff; border:1px solid grey; }
.submitBtn:disabled {
	cursor: not-allowed;
	background-color:white; color:#808080; 	border:1px solid #020917; 	width:240px; height:40px; border-radius: 10px;
}

.ment 				{color:gray;font-size: 12px;font-weight:lighter;}
.ment:before 		{content:"* ";vertical-align:middle;}
.ment-sub			{color:gray;font-size: 12px;font-weight:lighter;}
.ment-sub:before 	{content:" ";vertical-align:middle;}

#accountFunc 		{margin-top:20px; }
#accountFunc a 	{text-decoration: none; margin-right: 15px;}
#accountFunc a:last-child {margin-right: 0px;}


/* 라벨 필수값 표시 */
label.required::before {
	content: '*';
	color: red;
	margin-right: 1px;
	font-size: 16px;
	vertical-align: middle;
}

/* input 입력 영역과 select 선택 영역 가로 크기 설정 */
input[type=text], input[type=password], select{
	width: 150px;

	margin-left: 5px;
	margin-right: 5px;
}

/* 각 .row를 Flexbox로 설정하여 자식 요소들을 수평으로 배치 */
.row {
	display: flex;
	align-items: center; /* 자식 요소를 세로 중앙 정렬 */
	margin-bottom: 10px; /* 행 간의 여백 */
}