body {  background-color: #fff; }
.mem_logo { margin-top: 40px; }
section { clear: both; width: 760px; margin-top: 30px; margin-left: auto; margin-right: auto; }

section .member_join {   border: 1px solid #ddd; border-radius: 10px; background-color: #fff; box-shadow: 1px 1px 1px #ccc; margin-bottom: 20px; }
section .member_join h2 { font-size: 22px;  margin: 30px; }

section .member_join h3 { font-size: 16px;  margin: 30px; text-align: left;}

section .member_join  ul { clear: both; margin: 15px 30px; border-bottom: 1px solid #ddd; display: flex;}
section .member_join  li { font-size: 16px; text-align: left; padding: 5px; float: left; padding-bottom: 10px; }
section .member_join  li:first-child { font-size: 12px; line-height: 30px; width: 130px; }


section .member_join  li input[type="text"] { padding: 5px 10px; font-size: 16px; color: #000; border: 1px solid #ddd; border-radius: 6px; width: 80%; height: 20px; }
section .member_join  li input[type="password"] { padding: 5px 10px; font-size: 16px; color: #000; border: 1px solid #ddd; border-radius: 6px; width: 80%; height: 20px; }
section .member_join  li input[type="date"] { padding: 5px 10px; font-size: 16px; color: #000; border: 1px solid #ddd; border-radius: 6px; width: 80%; height: 20px; }

section .member_join  li input[type="text"]:focus { border: 1px solid #00a0e9; }
section .member_join  li input[type="password"]:focus { border: 1px solid #00a0e9; }
section .member_join  li input[type="date"]:focus { border: 1px solid #00a0e9; }

section .member_join  li select { padding: 5px 10px; font-size: 16px; color: #000; border: 1px solid #ddd; border-radius: 6px;  height: 32px; }

section .member_join  li input[type="button"] { font-size: 14px; color: #fff; border: 1px solid #999; border-radius: 6px; width: 100px; padding: 5px; background-color: #3659f1;}
section .member_join  li span { font-size: 12px; line-height: 30px; margin-right: 15px; color: #d20a0a; }

section .member_rule {  margin-top: 25px; border: 1px solid #ddd; border-radius: 10px; background-color: #fff; box-shadow: 1px 1px 1px #ccc;}
section .member_rule h2 { font-size: 16px;  margin: 30px; text-align: left; }
section .member_rule ul { width: 96%;  margin-left: auto; margin-right: auto; }
section .member_rule li {  font-size: 14px; text-align: left; padding: 5px 25px; font-weight: bold; margin-top: 10px;margin-bottom: 5px; }

section .member_rule li:first-child {  font-size: 14px; text-align: left; padding: 10px 25px; font-weight: bold; border-bottom: 1px solid #ddd; }

section .member_rule li input[type="checkbox"] { width: 16px; height: 16px; border: 1px solid #ddd; border-radius: 6px; margin:0; vertical-align: bottom; position: relative; top: -1px;}

section .member_rule li label {  padding-left: 3px; text-indent: -15px;}

section .member_save {  border: 1px solid #ddd; border-radius: 10px; margin-top: 20px; padding: 25px; margin-bottom: 40px; background-color: #3659f1; color: #fff; font-size: 18px; font-weight: bold; cursor:pointer;}