@charset "euc-kr";

/* ·Î±×ÀÎ ÆäÀÌÁö */
.login_page {margin: 0 auto;padding: 70px 0;width: 237px;}
.login_page h2 {padding: 20px 0 25px;font-weight: 800;font-size: 19px;color: #79559f;text-align: center;}
.login_page > ul > li {margin: 0 0 7px;}
.login_page > ul > li:nth-child(3) {margin: 7px 0 20px;}
.login_page > ul > li:nth-child(4) {margin: 0;}
.login_page > ul > li input {padding: 0 0 0 17px;height: 45px;color: #3c3c3b;line-height: 45px;}
.login_page > ul > li input::-webkit-input-placeholder{color:#878787;font-size:15px;}
.login_page > ul > li .btns .btn_type_3 {padding: 6px 40px;}
.login_page > ul > li > ul {font-size: 0;text-align: center;}
.login_page > ul > li > ul li {display: inline-block;position: relative;margin: 0 20px 0 0;}
.login_page > ul > li > ul li:after {content: '';position: absolute;right: -10px;top: 3px;width: 1px;height: 10px;background: #3c3c3b;}
.login_page > ul > li > ul li:last-child {margin-right: 0;}
.login_page > ul > li > ul li:last-child:after {display: none;}
.login_page > ul > li > ul li a {display: block;font-size: 12px;color: #3c3c3b;}

/* ÁÖ¹® ¹è¼ÛÁ¶È¸ */
.nav>li>a{color:#75529f;}
.login_page .tab-content ul li:nth-of-type(3) a{color:#75529f;}
/* ----------------------------------------------------------------------------------------------- */

/* È¸¿ø°¡ÀÔ Ã¹ÆäÀÌÁö */
.join_begin h2 {padding: 20px 0;font-weight: 800;font-size: 19px;color: #79559f;text-align: center;}
.join_begin .btns {margin: 0;padding: 0 0 25px;}
.join_begin .btns .btn {margin: 0 5px;}
.join_begin .benefit ul {margin: 0 auto;width: 320px;text-align: center;}
.join_begin .benefit ul li {float: left;margin: 0 5px 5px;width: 150px;}

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

/* È¸¿ø°¡ÀÔ ¾à°üµ¿ÀÇ */
.join_agreement {margin: 0 auto;padding: 20px 0 0;width: 85%;}
.join_agreement h2 {font-weight: 800;font-size: 19px;color: #79559f;text-align: center;}
.join_agreement h3 {margin: 10px 0 0;padding: 10px 0;border-bottom: 2px solid #3c3c3b;font-weight: 800;font-size: 15px;color: #3c3c3b;}
.agree_box {margin: 10px 0;padding: 10px;height: 152px;font-size: 12px;overflow: auto;}
.agree_box h4 {padding: 10px 0;font-weight: 800;font-size: 13px;}
.agree_box p {line-height: 20px;}
.agree_box li {margin: 0 0 5px;line-height: 20px}
.agree_box li ul {padding: 0 0 0 10px;}
.agree_box + div {padding: 10px 0;border-top: 1px solid #ccc;}
.agree_box > table {margin: 0 0 10px;border:1px solid #ccc;font-size: 8px;text-align: center;}
.agree_box > table tr ~ tr {border-top: 1px solid #ccc;}
.agree_box > table th {background: #eee;}
.agree_box > table td {font-weight: 400;}
.agree_box > table th,
.agree_box > table td {padding: 4px 0;border-right: 1px solid #ccc;}
.agree_box > table th:last-child,
.agree_box > table td:last-child {border-right: none;}

.join_agreement .btns .btn {margin: 0 5px;}

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

/* È¸¿ø°¡ÀÔ Á¤º¸ÀÔ·Â ÆäÀÌÁö */
.member_form {margin: 0 auto;padding: 20px 0 0;width: 95%;}
.member_form > h2 {font-weight: 800;font-size: 19px;color: #79559f;text-align: center;}
.member_form > table {margin: 20px 0 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: 10px;color: #3c3c3b;}
.member_form > table tr {height: auto;}
.member_form > table tr:first-child th,
.member_form > table tr:first-child td {border-top: none;}
.member_form > table tr .info {display: block;margin: 10px 0 0;font-size: 10px;color: #aaa;letter-spacing: -1px;}
.member_form > table tr .info + div {margin: 10px 0 0;}
.member_form > table tr .join_btn {margin: 0 0 0 5px;padding: 0 5px;height: 30px;background: #aab2ca;font-size: 10px;color: #fff;}
.member_form > table th {padding: 0 0 0 8px;background: #f8f6fb;font-weight: 800;text-align: left;letter-spacing: -1px;}
.member_form > table th:first-child {border-left: none;}
.member_form > table th > span {color: #795579;}
.member_form > table th,
.member_form > table td {padding: 10px 0 10px 10px;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.member_form > table td > div input[type=radio] {margin: 0 0 0 5px;width: auto;height: auto;}
.member_form input {width: 130px;height: 30px;font-size: 10px;line-height: 30px;}
.member_form > table td > div input[type=radio] {margin: 0 5px 0 0;width: auto;height: auto;}
.member_form > table td > div input[type=radio] + label {vertical-align: 0;}
.member_form select {padding: 0 5px 0;width: 65px;height: 30px;}
.member_form tr.tel select {width: 60px;}
.member_form tr.event_day select {width: 35px;}
.member_form tr.event_day td div {display: inline-block;width: 74px;}
.member_form tr.event_day td > div input[type=radio] {margin: 0 0 0 3px;}
.member_form tr.join_root select {width: 135px;}
.member_form .join_company_info {margin: 10px 0;padding: 10px;background: rgba(227,219,238,.4);border: 1px solid #79559f;box-sizing: border-box;}
.member_form .join_company_info p {font-weight: 800;font-size: 11px;color: #79559f;}
.member_form .join_company_info ul li {margin: 10px 0 0;font-size: 10px;color: #3c3c3b;}
.member_form .btns {padding: 15px 0 0;}
.member_form .btns .btn {margin: 0 5px;}

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

/* È¸¿øÁ¤º¸¼öÁ¤ ÆäÀÌÁö */
.modify_form .my_id {display: block;font-weight: 800;font-size: 14px;}

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

/* ¾ÆÀÌµð Ã£±â, ºñ¹Ð¹øÈ£ Ã£±â */
.find_account {margin: 0 auto;padding: 20px 0 0;width: 90%;text-align: center;}
.find_account > div {display: inline-block;text-align: left;}
.find_account h2 {font-weight: 800;font-size: 19px;color: #79559f;}
.find_account p {padding: 15px 0 30px;font-size: 12px;color: #3c3c3b;letter-spacing: -1px;line-height: 20px;}
.find_account li {margin: 0 0 15px;padding: 0 0 5px;}
.find_account li label {display: inline-block;width: 88px;font-size: 16px;color: #3c3c3b;}
.find_account li input {width: 200px;}
.find_account .btns {padding: 20px 0 0;}
.find_account .btns .btn {margin: 0 5px;}

/* ¾ÆÀÌµð Ã£±â °á°ú */
.find_id_check .id_check,
.find_pwd_check .pwd_check {padding: 20px 0;text-align: center;font-size: 14px;}
.find_id_check .id_check span,
.find_pwd_check .pwd_check span {font-weight: 800;color: #79559f;}
.find_id_check .btn,
.find_pwd_check .btn {margin: 0 5px;}



























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