@charset "utf-8";

/* 로그인 */
.login-area {max-width:500px; padding:40px 50px; text-align:center; background:#fff; border:2px solid #eda93c; border-radius:10px; margin:0 auto;}
.login-area .top-txt {margin-bottom:20px;}
.login-area .form-group {margin-bottom:10px;}
.login-area .form-group .input {display:block; width:100%; height:50px; font-size:16px; font-weight:400; padding:10px 15px;}
.login-area .chk {text-align:left; margin:15px 0;}
.login-area .submit {background:#f8b62b; color:#fff; border:0; display:block; width:100%; height:50px; font-size:18px; font-weight:500;}
.login-area .links {margin-top:25px; color:#686868;}
.login-area .links a {display:inline-block; margin:0 15px;}
.login-area .links a:hover {text-decoration:underline;}

/* 회원정보 */
.join-area {max-width:1000px; margin:0 auto;}
.join-area h3 {color:#242424; font-size:20px; font-weight:500; line-height:1.3em; letter-spacing:-.04em;}
.join-area .box {position:relative; padding:14px; height:250px; background:#fff; border:1px solid #ddd; overflow:auto; margin-top:12px;}
.join-area .box * {font-size:14px; line-height:1.5em;}
.join-area .chk {background:#f8f8f8; border:1px solid #ddd; border-top:0; text-align:center; padding:15px; color:#686868; font-size:15px; line-height:1.5em; margin-bottom:50px;}
.join-area .form {margin-top:12px; margin-bottom:40px;}
.join-area .form table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #242424;}
.join-area .form table th {padding:9px 20px; height:59px; color:#333; font-size:15px; font-weight:500; line-height:1.5em; text-align:left; background:#f9f9f9; border-bottom:1px solid #d8d8d8;}
.join-area .form table td {padding:9px 20px; font-size:15px; line-height:1.5em; border-bottom:1px solid #d8d8d8;}
.join-area .form table td * {vertical-align:middle;}
.join-area .form table td .txt {display:inline-block; color:#80838b;}
.join-area .form table td .item {display:inline-block; margin-right:30px;}

.agree {color:#666;}
.agree h4 {font-size:14px; font-weight:400; color:#444; margin:0 0 10px 0;}
.agree p {text-align:left; margin: 10px 0; font-size:14px;}
.agree dl {padding: 0 0 20px 0;}
.agree dt {font-weight:400;}
.agree dd {font-size:14px;}
.agree li {padding: 0 0 0 6px;}
.agree strong {font-weight:500;}
.agree .sub-law dt {font-weight:normal;}
.agree .policy-list {*zoom:1;}
.agree .policy-list:after {content:" "; display:block; clear:both;}
.agree .policy-list {padding:10px; background:#f9f9f9; border-top:1px solid #ddd; margin: 0 0 20px 0;}
.agree .policy-list li {float:left; width:50%; padding: 5px 15px 5px 15px; line-height:22px; box-sizing:border-box;}
.agree .policy-list span {color:#999999; font-size:14px;}
.agree .policy-list a {color:#666; font-size:14px;}
.agree .contact-info {*zoom:1; margin:20px 0;}
.agree .contact-info:after {content:" "; display:block; clear:both;}
.agree .contact-info li {float:left; width:270px; border:1px solid #aaa; padding:5px 15px; margin:0 10px 0 0; text-indent:0;}

/* 아이디/비밀번호 찾기 */
.find-wrap {text-align:center;}
.find-account {display:inline-block;*zoom:1;*display:inline;vertical-align:top; width:40%; max-width:440px; margin:0 15px; padding:22px 22px; background:#fff; border:1px solid #ddd; border-radius:10px;}
.find-account .tit {padding-bottom:16px; border-bottom:1px solid #eee; text-align:left;}
.find-account .tit h3 {margin-bottom:5px; font-size:18px; font-weight:500; color:#333; line-height:1.2em; letter-spacing:-1px;}
.find-account .tit p {font-size:13px; font-weight:300; color:#888; line-height:1.2em;}
.find-account .form {padding:20px 15px; text-align:left;}
.find-account .form fieldset {position:relative; padding:0 105px 0 0;}
.find-account .form .group {position:relative; padding:3px 0 3px 70px; text-align:left;}
.find-account .form .group label {position:absolute; top:3px; left:0; line-height:40px; font-size:15px; }
.find-account .form .btn-pack.btn {position:absolute; top:3px; right:0; width:90px; height:86px; font-size:16px; font-weight:400;}
.find-account .result {padding:20px 0 10px; border-top:1px solid #ddd;}
.find-account .result p {margin-bottom:10px; font-size:13px;}
.find-account .result dt {padding:4px; font-size:14px; color:#212121; background:#f4f4f4; margin-bottom:1px;}
.find-account .result dd {padding:4px; font-size:13px; background:#f4f4f4;}

/* 회원탈퇴 */
.member-leave {max-width:550px; padding:25px 20px; margin:0 auto; text-align:center; background:#fff; border:1px solid #ddd; border-radius:10px;}
.member-leave .top {text-align:center; color:#767676; font-size:13px; line-height:22px; border-bottom:1px solid #eee; background:url('../images/bbs/notice.png') 50% 10px no-repeat; padding:80px 0 30px 0; margin-bottom:30px;}
.member-leave .top strong {color:#000; font-size:15px; font-weight:500;}
.member-leave fieldset {display:inline-block;}
.member-leave fieldset p {margin-bottom:20px; color:#419bda;}
.member-leave fieldset .group {padding:3px 0;}
.member-leave fieldset .group label {display:inline-block;zoom:1;*display:inline;width:90px;height:26px;line-height:30px;font-weight:400;text-align:left;color:#333;}