@charset "utf-8";

/* 로그인 */
.login-area {text-align:center;}
.login-area .login-box {display:inline-block;*zoom:1;*display:inline;vertical-align:top; width:440px; margin:0 15px; padding:22px 22px; 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; padding:0 95px 0 0;}
.login-area .login-box .form .group {position:relative; padding:3px 0 3px 70px; text-align:left;}
.login-area .login-box .form .group label {position:absolute; top:3px; left:0; font-size:14px;line-height:35px;font-weight:400;color:#333;vertical-align:middle;}
.login-area .login-box .form .input {display:block; width:100% !important; height:35px; padding:5px 5px; font-size:14px; line-height:23px; border:1px solid #ddd;vertical-align:middle;}
.login-area .login-box .form .select {display:block; width:100% !important; 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 {position:absolute; top:3px; right:0; width:80px; height:76px; font-size:16px; font-weight:400;}
.login-area .not-member {padding:0 15px; padding-top:13px; margin-top:20px; border-top:1px solid #eee; text-align:left;}
.login-area .not-member li {padding-top:3px; font-size:13px; line-height:30px; color:#888; overflow:hidden;}
.login-area .not-member li a {color:#a51c30; text-decoration:underline; margin-left:10px;}

/* 회원정보 */
.join-area h3 {color:#444; font-size:18px; font-weight:500; line-height:normal;}
.join-area .reg {color:#f03954}
.join-area .top-txt {text-align:right;}
.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 20px; height:55px; color:#333; font-size:15px; font-weight:400; text-align:left; background:#f9f9f9; border-bottom:1px solid #d8d8d8;}
.join-area .form table td {padding:9px 20px; font-size:15px; border-bottom:1px solid #d8d8d8;}
.join-area .form table td * {vertical-align:middle;}
.join-area .form table td .txt {color:#80838b;}

.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:45%; max-width:440px; margin:0 15px; padding:22px 22px; 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 form {position:relative; padding:0 95px 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; font-size:14px;line-height:35px;font-weight:400;color:#333;vertical-align:middle;}
.find-account .form .input {display:block; width:100% !important; height:35px; padding:5px 5px; font-size:14px; line-height:23px; border:1px solid #ddd;vertical-align:middle;}
.find-account .form .select {display:block; width:100% !important; height:35px; padding:5px 5px; font-size:14px; line-height:23px; border:1px solid #ddd;vertical-align:middle;}
.find-account .form .btn-pack.btn {position:absolute; top:3px; right:0; width:80px; height:76px; 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 {width:550px; padding:25px 20px; margin:0 auto; 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 {position:relative; max-width:340px; margin:0 auto; padding:3px 0 3px 70px; text-align:left;}
.member-leave fieldset .group label {position:absolute; top:3px; left:0; font-size:14px;line-height:35px;font-weight:400;color:#333;vertical-align:middle;}
.member-leave fieldset .group .input {display:block; width:100% !important; height:35px; padding:5px 5px; font-size:14px; line-height:23px; border:1px solid #ddd;vertical-align:middle;}