@charset "utf-8";

/* 로그인 */
.login-area {text-align:center;}
.login-area .login-box {vertical-align:top; margin:0 15px; padding:22px 15px; border:1px solid #ddd; border-radius:10px;}
.login-area .login-box .tit {padding-bottom:16px; margin-bottom:20px; border-bottom:1px solid #eee; text-align:left;}
.login-area .login-box .tit p {font-size:11px; font-weight:500; color:#aaa; line-height:1.3em;}
.login-area .login-box .tit h3 {font-size:22px; font-weight:500; color:#333; line-height:1.3em; letter-spacing:-1px;}
.login-area .login-box .form {padding:0 15px; text-align:left;}
.login-area .login-box .form fieldset {position:relative;}
.login-area .login-box .form .group {padding:3px 0; text-align:left;}
.login-area .login-box .form .group label {display:inline-block;zoom:1;*display:inline;width:65px;height:35px;font-size:14px;line-height:35px;font-weight:400;color:#333;vertical-align:middle;}
.login-area .login-box .form .input {width:100%; height:35px; padding:5px 5px; font-size:14px; line-height:23px; border:1px solid #ddd;vertical-align:middle;}
.login-area .login-box .form .select {width:100%; height:35px; padding:5px 5px; font-size:14px; line-height:23px; border:1px solid #ddd;vertical-align:middle;}
.login-area .login-box .form .btn-pack.login {width:100%; height:35px; font-size:16px; font-weight:400; margin-top:6px;}
.login-area .not-member {padding:0 5px; padding-top:13px; margin-top:20px; border-top:1px solid #eee;}
.login-area .not-member li {*zoom:1; height:30px; padding-top:3px; font-size:13px; line-height:30px; color:#888; overflow:hidden; letter-spacing:-0.06em;}
.login-area .not-member li .txt {float:left;}
.login-area .not-member li .btn-pack {float:right; width:65px; height:30px; padding:0; background:#1c5bad !important; font-size:12px; line-height:28px; text-align:center; font-weight:400; border-radius:0;}

/* 회원정보 */
.join-area {margin:0 15px;}
.join-area h3 {color:#444; font-size:18px; font-weight:500; line-height:normal;}
.join-area .box {padding:14px; height:180px; background:#fff; border:1px solid #d8d8d8; border-radius:4px; margin-top:7px; overflow:auto;}
.join-area .chk {margin:5px 0 40px 0; color:#767676; font-size:14px;}
.join-area .form {margin-top:7px;}
.join-area .form table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #d8d8d8;}
.join-area .form table th {padding:9px 15px; height:35px; color:#333; font-size:13px; font-weight:400; text-align:left; background:#f9f9f9; border-bottom:1px solid #d8d8d8;}
.join-area .form table td {padding:9px; font-size:13px; border-bottom:1px solid #d8d8d8;}
.join-area .form table td * {vertical-align:middle;}
.join-area .form table td .txt {color:#80838b;}

.agree {color:#666; padding:0 15px;}
.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:100%; padding:5px; 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 5px 0; text-indent:0;}

/* 아이디/비밀번호 찾기 */
.find-wrap {text-align:center;}
.find-account {vertical-align:top; margin:0 15px 15px; padding:22px 15px; 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;}
.find-account .form .group {padding:3px 0; text-align:left;}
.find-account .form .group label {display:inline-block;zoom:1;*display:inline;width:65px;height:35px;font-size:14px;line-height:35px;font-weight:400;color:#333;vertical-align:middle;}
.find-account .form .input {width:100%; height:35px; padding:5px 5px; font-size:14px; line-height:23px; border:1px solid #ddd;vertical-align:middle;}
.find-account .form .select {width:100%; height:35px; padding:5px 5px; font-size:14px; line-height:23px; border:1px solid #ddd;vertical-align:middle;}
.find-account .form .btn-pack.btn {width:100%; height:35px; font-size:16px; font-weight:400; margin-top:6px;}
.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 {margin:0 15px; padding:25px 15px; text-align:center; 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;}
.member-leave fieldset .group .input {width:100%; height:35px; padding:5px 5px; font-size:14px; line-height:23px; border:1px solid #ddd;vertical-align:middle;}