/* 공통 설정 */
* { padding: 0; margin: 0; box-sizing: border-box;}
ul { list-style-type: none; }
a { display: inline-block; text-decoration: none; }
a:link { text-decoration:none; color: #222222; }
a:hover { text-decoration:none; color: #222222; }
a:visited { text-decoration:none; color: #222222; }
a:active { text-decoration:none; color: #222222; }

/* 버튼 */
.buttons { width: 600px; text-align: right; margin: 20px auto; }
.buttons li { display: inline; }
.buttons button { padding: 3px 20px; cursor: pointer; }

/* 제목 */
h2 { width: 800px; margin-top: 20px; margin: 0 auto; padding: 10px; border-bottom: solid 3px black; }

/* 회원가입 폼(member_form.php)*/
.join_form { width: 580px; height: 350px; margin: 0 auto; border-bottom: solid 1px #cccccc; }
.join_title { width:580px; margin: 0 auto; }
.join_form li {	height: 40px; padding: 20px 10px;}
.join_form button { padding: 8px 156px; cursor: pointer;}
.join_form .col1 { width: 120px; }
.join_form .col2 { width: 120px; }
.join_form .button_submit { margin-left:70px; width:200px; }
.join_form input { width: 200px; height: 30px; }
.join_form span { display: inline-block; }

/* 로그인 폼 (login_form.php)*/
.login_title { width:500px; margin: 0 auto; }
.login_form { width: 500px; height: 210px; margin: 0 auto; border-bottom: solid 1px #cccccc; 
	padding-top: 15px; }
.login_form li { height: 50px; padding: 20px 0px;}
.login_form span { display: inline-block; }
.login_form .col1 { width: 120px; }
.login_form .col2 { width: 250px; }
.login_form .button_submit { text-align:center; width: 400px; }
.login_form input { width: 200px; height: 30px; }
.login_form button { padding: 8px 80px; cursor: pointer;}

/* Change the password (passChange.html) */
.form_passwordChange_title { width:400px; margin: 0 auto; }

.form_passwordChange { width: 450px; height: 350px; margin: 0 auto; border-bottom: solid 1px #cccccc; 
	padding-top: 15px; }
.form_passwordChange li { height: 50px; padding: 20px 20px;}
.form_passwordChange span { display: inline-block; }
.form_passwordChange .col1 { width: 130px; }
.form_passwordChange .col2 { width: 250px; }
.form_passwordChange input { width: 250px; height: 30px; }
.form_passwordChange button {padding: 8px 140px; cursor: pointer;}

/* 메인 화면(index.php) */
.header { width: 450px; margin: 0 auto; }
.header .logo { float: left; margin-top: 30px; }
.header .top { float: right; margin-top: 30px; }


/* 의사 등록 확인 폼 (checkDuplicatedDoctor.html)*/
.check_title { width:400px; margin: 0 auto; }
.check_form { width: 400px; height: 210px; margin: 0 auto; border-bottom: solid 1px #cccccc; 
	padding-top: 15px; }
.check_form li { height: 50px; padding: 20px 20px;}
.check_form span { display: inline-block; }
.check_form .col1 { width: 100px; }
.check_form .col2 { width: 250px; }
.check_form input { width: 250px; height: 30px; }
.check_form button { width: 350px; padding: 8px 100px; cursor: pointer;}