@charset "utf-8";

/* 로그인 */
.login-area {padding:30px 0;}
.login-area .login-box {margin:0 auto; border:1px solid #dddfe2; background:#fff; padding:20px 15px;}
.login-area .login-box .tit {width:100%; margin-bottom:30px}
.login-area .login-box .tit h3 {font-family:'Malgun Gothic'; font-size:50px; font-weight:700; line-height:52px; color:#353535; margin-bottom:10px;}
.login-area .login-box .tit p {font-size:15px; color:#6c6b6b; line-height:22px;}
.login-area .login-box .tit.tit2 h3 {font-family:'Noto Sans KR'; font-weight:500; font-size:40px; line-height:50px; margin-bottom:10px;}
.login-area .login-box .form {width:100%; padding:30px 0 0 0; border-top:1px solid #dddfe2;}
.login-area .login-box .form fieldset {position:relative;}
.login-area .login-box .form .group {padding:0 0 10px 0;}
.login-area .login-box .form .input {width:100%; height:50px; border:1px solid #dddfe2; padding:0 10px 0 18px; line-height:50px; font-size:15px; color:#6c6b6b;}
.login-area .login-box .form .login-btn {vertical-align:top; width:100%; height:50px; background:#09417c; border:0; font-size:17px; line-height:50px; color:#fff; text-align:center;}
.login-area .not-member {width:100%; text-align:center; margin-top:20px;}
.login-area .not-member ul {display:inline-block; zoom:1; *display:inline;}
.login-area .not-member ul:after {content:" "; display:block; clear:both;}
.login-area .not-member ul li {float:left; padding:0 15px; background:url('../images/member/member_bar.gif') 0 4px no-repeat; background-size:1px 14px;}
.login-area .not-member ul li:first-child {background:none;}
.login-area .not-member ul li a {text-decoration:none; font-size:14px; line-height:18px; color:#6c6b6b;}

/* 회원정보 */
.join-area {padding:30px 0;}
.join-area.mgtm {position:relative; padding:0 0 100px; border-top:1px solid #fff;}
.join-area .join-box {margin:0 auto;}
.join-area .join-box .join-tab {width:100%; height:45px; margin-bottom:30px;}
.join-area .join-box .join-tab ul {*zoom:1;}
.join-area .join-box .join-tab ul:after {content:" "; display:block; clear:both;}
.join-area .join-box .join-tab ul li {float:left; position:relative; width:33.3333%; height:45px; border:1px solid #dddfe2; background:#fff; text-align:center; font-size:13px; letter-spacing:-0.30px; font-weight:500; color:#353535; line-height:45px; margin-right:-1px; z-index:1;}
.join-area .join-box .join-tab ul li a {display:block; text-decoration:none; color:#353535;}
.join-area .join-box .join-tab ul li.active {border:1px solid #09417c; background:#09417c; color:#fff; z-index:2;}
.join-area .join-box .join-tab ul li.active a {color:#fff;}
.join-area .join-box .join-tab.tab2 ul li {width:50%;}

.join-area h3 {color:#353535; font-size:15px; font-weight:500; line-height:22px; letter-spacing:-0.30px; margin-bottom:5px;}
.join-area p {font-size:15px; line-height:20px; color:#7f7f7f; margin-bottom:5px;}
.join-area .box {padding:15px; height:100px; border:1px solid #ddd; border-top:2px solid #5a5a5a; overflow:auto; font-size:13px; line-height:18px; letter-spacing:-0.30px; color:#656464;}
.join-area .chk {margin:10px 0 25px 0; color:#4d4d4d; font-size:14px; line-height:normal;}
.join-area .form table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #5e5e5e;}
.join-area .form table th {padding:0 8px; line-height:20px; border-bottom:1px solid #ddd; text-align:left; font-size:14px; color:#4d4d4d; font-weight:400;}
.join-area .form table td {padding:10px 0; border-bottom:1px solid #ddd; font-size:13px; color:#797979;}
.join-area .form table td .input {height:30px; border:1px solid #ddd; line-height:30px; padding:0 5px;}
.join-area .form table td input[type=text]::placeholder {line-height:30px; font-size:13px; color:#9e9d9d;}
.join-area .form table td .select {height:30px; border:1px solid #ddd; line-height:30px; font-size:13px; color:#797979; padding:0 5px;}
.join-area .form table td .textarea {border:1px solid #ddd; font-size:13px; line-height:1.4em; color:#797979; padding:5px;}
.join-area .form table td * {vertical-align:middle;}
.join-area .form table td .btn-zip {display:inline-block; zoom:1; *display:inline; text-decoration:none; height:30px; width:80px; border:1px solid #ddd; background:#f7f7f7; text-align:center; font-size:13px; line-height:30px; color:#9e9d9d; font-weight:500; margin-left:5px;}

.join-finish {text-align:center; padding:55px 0 0 0; margin-bottom:130px; font-size:18px; line-height:30px; letter-spacing:-0.30px; font-weight:500; color:#777;}
.join-finish span {color:#4d4d4d;}

.join-btn {margin-top:30px; width:100%; height:35px; text-align:center;}
.join-btn a {display:inline-block; zoom:1; *display:inline; text-decoration:none;}
.join-btn .btn {width:121px; height:35px; margin:0 5px; text-align:center; font-size:14px; line-height:33px; font-weight:500; background:#fff; vertical-align:top; border-radius:0;}
.join-btn .btn.btn1 {border:2px solid #09417c; color:#09417c;}
.join-btn .btn.btn2 {border:2px solid #a6a7a7; color:#4d4d4d;}

.agree {color:#666;}
.agree h4 {font-size:15px; color:#444; margin:0 0 10px 0;}
.agree p {text-align:left; margin: 10px 0; font-size:13px;}
.agree dl {padding: 0 0 20px 0;}
.agree dt {font-weight:500; font-size:14px;}
.agree dd {font-size:13px;}
.agree li {padding: 0 0 0 6px;}
.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:45%; padding: 5px 15px 5px 15px; line-height:22px;}
.agree .policy-list span {color:#999999; font-size:13px;}
.agree .policy-list a {color:#666; font-size:13px;}
.agree .contact-info {*zoom:1; margin:20px 0;}
.agree .contact-info:after {content:" "; display:block; clear:both;}
.agree .contact-info li {float:left; width:220px; height:115px; border:1px solid #aaa; padding:5px 15px; margin:0 10px 0 0; text-indent:0;}


/* 아이디/비밀번호 찾기 */
.find-account {width:550px; margin:0 auto; padding-top:30px;}
.find-account h3 {color:#333; font-size:17px; font-weight:500; line-height:normal; padding:0 0 0 17px;}
.find-account p {color:#767676; padding:0 0 0 17px;}
.find-account .cnt-box {padding:30px 60px; margin-top:7px; border:3px solid #eee; border-radius:20px;
	background:#ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#fafafa);
	background:-webkit-linear-gradient(top, #ffffff 0%, #fafafa 100%);
	background:-moz-linear-gradient(top, #ffffff 0%, #fafafa 100%);
	background:-ms-linear-gradient(top, #ffffff 0%, #fafafa 100%);
	background:-o-linear-gradient(top, #ffffff 0%, #fafafa 100%);
	background:linear-gradient(top, #ffffff 0%, #fafafa 100%);
}
.find-account fieldset {position:relative; padding:0 80px 0 0;}
.find-account fieldset .group {padding:3px 0;}
.find-account fieldset .group label {display:inline-block;zoom:1;*display:inline;width:70px;height:26px;line-height:26px;font-weight:500;color:#666;}
.find-account fieldset .btn {position:absolute; top:3px; right:0; width:74px; height:58px; font-size:15px; font-weight:500;}

/* 회원탈퇴 */
.member-leave {width:100%; padding:15px; margin:50px auto; border:3px solid #eee; border-radius:20px;
	background:#ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#fafafa);
	background:-webkit-linear-gradient(top, #ffffff 0%, #fafafa 100%);
	background:-moz-linear-gradient(top, #ffffff 0%, #fafafa 100%);
	background:-ms-linear-gradient(top, #ffffff 0%, #fafafa 100%);
	background:-o-linear-gradient(top, #ffffff 0%, #fafafa 100%);
	background:linear-gradient(top, #ffffff 0%, #fafafa 100%);
}
.member-leave .top {text-align:center; color:#767676; font-size:13px; line-height:18px; 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:13px;font-weight:500;}
.member-leave fieldset {width:100%; margin:0 auto; }
.member-leave fieldset p {margin-bottom:20px; color:#419bda; font-size:13px; font-family:"Nanum Gothic";}
.member-leave fieldset .group {padding:3px 0;}
.member-leave fieldset .group label {display:inline-block;zoom:1;*display:inline;width:85px;height:30px;line-height:30px;font-weight:500;color:#666;}
.member-leave fieldset .input {height:30px; border:1px solid #ddd; line-height:30px; padding:0 5px;}