@charset "utf-8";

/* 로그인 */
.login-area {text-align:center;}
.login-area .login-box {display:inline-block;*zoom:1;*display:inline;vertical-align:top; min-width:400px; min-height:260px; 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:12px; font-weight:500; color:#aaa; line-height:1.3em; margin-bottom:4px;}
.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:20px 8px; text-align:left;}
.login-area .login-box .form fieldset {position:relative; padding:0 80px 0 0;}
.login-area .login-box .form .group {padding:3px 10px 3px 0; text-align:left;}
.login-area .login-box .form .group label {display:inline-block;zoom:1;*display:inline;width:74px;height:35px; font-size:15px;line-height:35px;font-weight:400;color:#333;vertical-align:middle;}
.login-area .login-box .form .input {height:35px; padding:5px 5px;  font-size:15px; line-height:23px; border:1px solid #ddd;vertical-align:middle;}
.login-area .login-box .form .select {height:35px; padding:5px 5px;  font-size:15px; 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:18px; font-weight:400;}
.login-area .not-member {padding:0 15px; 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;}
.login-area .not-member li .txt {float:left;}
.login-area .not-member li .btn-pack {float:right; width:80px; height:30px; padding:0; color:#888;  font-size:12px; line-height:28px; text-align:center;}

/* 회원정보 */
.join-area h3 {color:#444; font-size:20px; font-weight:700; line-height:normal; position:relative; padding-left:24px; margin-bottom:10px;}
.join-area h3:before {content:"";position:absolute;top:7px;left:0;width:18px;height:18px;border:5px solid #f08337; border-radius:100%;}
.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:15px;}
.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:35px; 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:15px;}
.agree dl {padding: 0 0 20px 0;}
.agree dt {font-size:16px;font-weight:500; color:#454545;}
.agree dd {font-size:15px;}
.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:15px;}
.agree .policy-list a {color:#666; font-size:15px;}
.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;min-width:400px;vertical-align:top; 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:20px; 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 80px 0 0;}
.find-account .form .group {padding:3px 10px 3px 0; text-align:left;}
.find-account .form .group label {display:inline-block;zoom:1;*display:inline;width:74px;height:30px; font-size:15px;line-height:30px;font-weight:400;color:#333;vertical-align:middle;}
.find-account .form .input {height:35px; padding:5px 5px; font-size:15px; line-height:23px; border:1px solid #ddd;vertical-align:middle;}
.find-account .form .select {height:35px; padding:5px 5px; font-size:15px; 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:18px; 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:15px; 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; letter-spacing:-.02em;}
.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:16px; font-weight:500;}
.member-leave fieldset {display:inline-block;}
.member-leave fieldset p {font-size:15px; 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; font-size:15px;}