@charset "utf-8";

/* 로그인 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.MEM_login {padding:40px 50px 40px 50px; margin-top:20px; border:#ddd 1px solid;}
.MEM_login .loginArea {width:100%; overflow:hidden;}
.MEM_login .loginArea .laL {float:left; width:200px; padding-top:10px;}
.MEM_login .loginArea .laR {float:right; width:580px;}
.MEM_login .loginArea .laR h1 {margin-top:20px; font-size:14px; font-weight:bold;}
.MEM_login .loginArea .laR dl {width:100%; margin-top:15px; overflow:hidden;}
.MEM_login .loginArea .laR dl dt {float:left; width:360px;}
.MEM_login .loginArea .laR dl dt p {margin-top:8px;}
.MEM_login .loginArea .laR dl dt input {width:338px; height:25px; padding:3px 10px 3px 10px; border:#dbdbdb 1px solid;}
.MEM_login .loginArea .laR dl dd {float:right; width:200px;}

.MEM_login .loginOpt {width:100%; margin-top:40px; padding-top:40px; border-top:#ddd 1px solid; overflow:hidden;}
.MEM_login .loginOpt dt {float:left; width:234px; padding-right:25px;}
.MEM_login .loginOpt dd {float:left; width:234px; padding:0 25px 0 24px; border-left:#ddd 1px solid;}
.MEM_login .loginOpt p {height:50px; padding-left:10px; background:url('../images/btnIcn/icn_dot1.gif') 0 6px no-repeat;}




/* 회원가입 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 회원가입 - 1단계 */
.MEM_memberStep01 {margin-top:5px; padding:30px 0 10px 0; background:url('../images/member/member_typeBg.gif') repeat-x; overflow:hidden;}
.MEM_memberStep01 dt {float:left; width:49%; text-align:right;}
.MEM_memberStep01 dd {float:right; width:49%;}

/* 회원가입 - 2단계 */
.MEM_memberStep02 {width:100%; margin-top:25px;}
.MEM_memberStep02 div {height:260px; padding:20px; border:#ddd 1px solid; overflow:auto;}
.MEM_memberStep02 p {padding:20px 0 20px 0; text-align:center;}
.MEM_memberStep02 dl {margin-top:5px; padding:30px 0 30px 0; background:url('../images/member/member_certificateBg.gif') repeat-x; overflow:hidden;}
.MEM_memberStep02 dl dt {float:left; width:49%; text-align:right;}
.MEM_memberStep02 dl dd {float:right; width:49%;}





/* 아이디/비밀번호찾기 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 아이디/비번 찾기 정보입력 */
.MEM_idpwSearch {border:#ddd 1px solid; overflow:hidden;}
.MEM_idpwSearch .idpwL {float:left; width:288px; height: 300px; padding:30px 10px 30px 10px;}
.MEM_idpwSearch .idpwR {float:left; width:288px; height: 300px; padding:30px 10px 30px 10px; border-left:#ddd 1px solid;}
.MEM_idpwSearch h1 {padding-bottom:10px;padding-left:10px;}
.MEM_idpwSearch h1.headerText {font-weight: 600;text-shadow: 0.2px 0.2px #63A2DA;color:#0F6FC6;font-family:맑은 고딕, dotum, tahoma, helvetica;font-size:18px;}
.MEM_idpwSearch p {padding:10px 0 10px 0; margin-top:10px; border-top:#ddd 1px solid; border-bottom:#ddd 1px solid;}
.MEM_idpwSearch dl {width:100%; margin-top:10px; overflow:hidden;}
.MEM_idpwSearch dl dt {float:left; width:25%; padding-top:7px;}
.MEM_idpwSearch dl dd {float:right; width:75%;}
.MEM_idpwSearch dl dd input {height:20px; padding:3px 10px 3px 10px; border:#dbdbdb 1px solid;}

/* 아이디/비번 찾기 결과 */
.MEM_idpwSearchOk {padding:30px; margin-top:25px; border:#ddd 1px solid;}
.MEM_idpwSearchOk dl {width:100%; margin:15px 0 15px 0; overflow:hidden;}
.MEM_idpwSearchOk dl dd {padding-left:20px; margin-top:3px; color:#be0000; background:url('../images/btnIcn/icn_point.gif') 0 2px no-repeat;}
.MEM_idpwSearchOk p {padding:20px; border:#ddd 1px solid; background:#f0f3f5; font-size:14px; line-height:22px; font-weight:bold; color:#333; text-align:center;}





/* 이용약관,개인보호정책 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 이용약관 메뉴 */
.MEM_serviceMenu {padding:20px 30px 20px 30px; border:#ddd 1px solid; background:#f0f3f5;}
.MEM_serviceMenu ul {width:100%; overflow:hidden;}
.MEM_serviceMenu ul li {float:left; width:33%;}
.MEM_serviceMenu ul li p {font-size:14px; font-weight:bold;}
.MEM_serviceMenu ul li p a {color:#0969b3;}
.MEM_serviceMenu ul li dl {width:100%; margin-top:3px; overflow:hidden;}
.MEM_serviceMenu ul li dl dt {padding-top:5px;}

/* 개인정보보호정책 메뉴 */
.MEM_privacyMenu {padding:20px 30px 20px 30px; border:#ddd 1px solid; background:#f0f3f5;}
.MEM_privacyMenu ul {width:100%; overflow:hidden;}
.MEM_privacyMenu ul li {float:left; width:50%;}
.MEM_privacyMenu ul li a {font-size:14px; color:#0969b3; font-weight:bold;}