/* member */
.join-content {padding:20px 30px 30px 30px;}
.join-content h3 {margin-bottom:10px; font-family:'Malgun Gothic','¸¼Àº °íµñ',sans-serif;}

.join-step {margin-bottom:20px; text-align:center; border:1px solid #ddd; background:#f9f9f9; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; zoom:1;}
.join-step:after {content:""; display:block; clear:both;}
.join-step li {float:left; width:33.3%; padding:10px 0; color:#999; text-align:center; font-family:'Malgun Gothic','¸¼Àº °íµñ',sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background-image:url(../img/bg_join-step.gif); background-repeat:no-repeat; background-position:left center;}
.join-step li.current {color:#8e6de3;}
.join-step li.first {background-image:none;}

.agreement-text {height:150px; margin-bottom:10px; padding:15px; overflow:auto; font-size:.75em; line-height:160%; border:1px solid #ddd;}
.agreement-radio-set {margin-bottom:30px; font-size:.75em;}
.agreement-radio-set * {vertical-align:middle;}
.agreement-radio-set label {padding-right:30px;}

.join-form {width:100%; margin-bottom:20px; font-size:.875em; border-top:2px solid #444;}
.join-form * {vertical-align:middle;}
.join-form th,
.join-form td {padding:7px 0; border-bottom:1px solid #e5e5e5;}
.join-form th {width:180px; padding-left:15px; color:#777;}
.join-form th.essential {font-weight:bold; color:#8e6de3; background:url(../img/icon_essential.gif) no-repeat 5px center;}
.join-form input.iText {height:23px; padding:0 0 0 3px; line-height:23px; letter-spacing:1px; border:1px solid #ccc;}
.join-form textarea.iTextarea {padding:5px; line-height:130%; letter-spacing:1px; border:1px solid #ccc;}
.join-form p.help {padding:5px 0 0 0; line-height:130%; color:#999; font-size:.8em;}
.join-form span.help {color:#999; font-size:.8em;}
.join-form .ajax_error {font-size:.9em; color:#e63838;}
.join-form .ajax_success {font-size:.9em; color:#3897da;}


.join-result {margin-bottom:20px; padding:20px; line-height:160%; font-size:.9em; border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.join-result strong {color:#8a68df;}

.login-content {padding:20px 30px 80px 30px;}
.login-content h3 {margin-bottom:10px; font-family:'Malgun Gothic','¸¼Àº °íµñ',sans-serif;}
.login-form {margin-bottom:30px; padding:40px 0; border:1px solid #e5e5e5; border-left:0; border-right:0;}
.login-form * {vertical-align:middle;}
.login-form form {width:400px; margin:0 auto; font-size:.9em; zoom:1;}
.login-form form:after {content:""; display:block; clear:both;}
.login-form ul.input {float:left; width:320px;}
.login-form ul.input li {height:35px;}
.login-form ul.input label {display:inline-block; width:100px; font-weight:bold;}
.login-form input.iText {width:200px; height:23px; line-height:23px; padding:0 0 0 3px; letter-spacing:1px; border:1px solid #ccc;}
.login-form ul.input li.auto {height:20px; padding-left:105px;}
.login-form ul.input li.auto label {width:70px; font-size:.8em; color:#999; font-weight:normal;}
.login-content ul.help {text-align:center; font-size:.75em;}
.login-content ul.help li {display:inline; padding:0 20px;}

.password {padding:20px 0;}

/* popup */
#pop-header {height:51px; margin-bottom:20px; background:url(../img/bg_pop-header.gif) repeat-x;}
#pop-header h1 {height:51px; line-height:45px; padding:0 0 0 45px; font-size:1em; color:#444; font-family:'Malgun Gothic','¸¼Àº °íµñ',sans-serif; font-weight:bold; background:url(../img/bu_pop-h1.gif) no-repeat 20px center;}
#pop-content {padding:0 20px; font-size:.75em;}
#pop-content h2 {margin-bottom:10px; font-size:1.2em;}
#pop-content h2.profile-member span {color:#9e73de;}
.memo-nav {margin-bottom:15px; border-bottom:1px solid #ddd; zoom:1;}
.memo-nav:after {content:""; display:block; clear:both;}
.memo-nav li {float:left; margin-bottom:-1px; margin-right:2px;}
.memo-nav a {float:left; height:25px; line-height:25px; padding:0 20px; color:#999; border:1px solid #ddd; background:#f0f0f0;}
.memo-nav a.selected {color:#444; background:#fff; border-bottom:1px solid #fff;}
.pop-board-state {margin-bottom:5px;}
.pop-help-msg {margin-bottom:5px; color:#d71c1c;}
.pop-write-form {width:100%; margin-bottom:15px; border-top:2px solid #444;}
.pop-write-form th,
.pop-write-form td {padding:7px 0; border-bottom:1px solid #e5e5e5;}
.pop-write-form th {color:#777;}
.pop-write-form input.iText {height:20px; padding:3px 0 0 3px; border:1px solid #ccc;}
.pop-write-form textarea.iTextarea {padding:3px; overflow:auto; border:1px solid #ccc;}
.pop-write-form p.help {padding:5px 0 0 0; color:#999; font-size:.9em;}
.pop-write-form span.help {color:#999; font-size:.9em;}
.pop-board-list {width:100%; margin-bottom:15px;}
.pop-board-list th,
.pop-board-list td {text-align:center;}
.pop-board-list thead th {height:33px; font-weight:bold; border:1px solid #ddd; border-left:0; border-right:0; background:#f0f0f0;}
.pop-board-list tbody td {padding:10px 5px; border-bottom:1px solid #e5e5e5;}
.pop-board-list .left {text-align:left;}
.pop-board-list .date {font-size:.9em; color:#999;}

.pop-button-wrap {text-align:center;}

.profile-member-table {width:100%; margin-bottom:15px; border-top:2px solid #444;}
.profile-member-table th,
.profile-member-table td {padding:7px 10px; border:1px solid #e5e5e5; border-top:0;}
.profile-member-table th {background:#f9f9f9;}
.profile-member-table td.photo {text-align:center;}

.pop-zip-form {margin-bottom:15px; padding:15px; border:1px solid #ddd;}
.pop-zip-form * {vertical-align:middle;}
.pop-zip-form input.iText {height:20px; padding:3px 0 0 3px; border:1px solid #ccc;}
.pop-zip-result h3 {margin-bottom:10px;}