@charset "utf-8";

/* 로그인에 대한 코딩 */
img {vertical-align:top;}

#member_area {background-color:#f0f0f0; min-height: 100%}

/* 공통_인풋 */
input[type=text],
input[type=password] {height:18px; width:147px; vertical-align:middle; border:1px solid #b6b6b6;}
input[type=checkbox] {padding:0; margin:0; vertical-align:middle;}
.hyphen {padding-left:5px; padding-right:2px; color:#b6b6b6; vertical-align:middle;}
select {font-family:dotum; font-size:12px; }
.select_style {width:117px; height:22px; border:1px solid #b6b6b6; color:#909090;}

/* 공통_헬프박스 */
.help {display:inline-block; *display:inline; zoom:1; position:relative; cursor:pointer; z-index:800}
.help .help_box {display:none; position:absolute; left:-50px; top:15px; width:220px; padding:15px; color:#898989; line-height:17px; font-weight:normal; font-family:dotum; background-color:#fff; border:1px solid #3ab54a; }
.help_box ul li {padding:3px 0; padding-left:10px; letter-spacing:-0.5px; background: url("//img.edupang.com/images/mypage/mypage_bulit.gif") 0 8px no-repeat;}
.help:hover .help_box {display:block; }

/* 공통_헬스박스 리스트 버전 */
.help_list {display:none; position:absolute; top:35px; left:-100px; width:250px; padding:25px 20px; background-color:#fff; border:1px solid #3ab54a;}
.help_list p {margin-bottom:10px; font-weight:bold; color:#1ec800;}
.help_list ol li {line-height:18px; font-size:12px; font-weight:normal; color:#606060;}
.help_list ol li span.num {color:#1ec800;}

/* 공통_알림문구 */
.error_message {font-size:11px; letter-spacing:-0.5px; color:#d71921;}
.notic_message {font-size:11px; letter-spacing:-0.5px; color:#a2a2a2;}

/* 회원가입_공통 */
.join_area {position:relative; width:714px; margin:0 auto; font-family:맑은 고딕; background-color:#f0f0f0; border:0; }

.join_area .btn_partner {position:absolute; top:83px; right:-110px;}

.join_area .logo_area {margin-bottom:12px; padding-top:30px;}

.join_area .con_area {padding:40px; background-color:#fff; border:1px solid #d6d6d6; }

/* 회원가입_에듀팡회원가입하기 */
.join_area .con_area .title_area {position:relative; margin-bottom:37px; }
.join_area .con_area .title_area .title {margin-bottom:15px;}
.join_area .con_area .title_area .snsjoin {position:absolute; top:0; right:0;}
.join_area .con_area .title_area .snsjoin ul > li {float:left; position:relative; margin-left:4px;}

.join_area .con_area .title_area .snsjoin ul > li:hover .help_list {display:block;}

.join_area .con_area .con_box {}
.join_area .con_area .con_box table {border:1px solid #dadada;}
.join_area .con_area .con_box table th,
.join_area .con_area .con_box table td {text-align:left; height:0; padding:0; padding-left:12px; }
.join_area .con_area .con_box table th {color:#464646;}
.join_area .con_area .con_box table td {padding-top:6px; padding-bottom:6px;}
.join_area .con_area .con_box table td select {vertical-align:middle; }

/* 회원가입 : 이메일 : 이메일수신동의 */
.email_check {margin-top:5px; height:15px;}
.email_check label {cursor:pointer; vertical-align:top;}
.email_check label span {display:inline-block; *display:inline; zoom:1; height:10px; margin-left:3px; position:relative; top:1px;  *vertical-align:3px; font-size:11px; letter-spacing:-0.5px; color:#909090; }
.email_check .help {*top:2px; }

/* 회원가입 : 성별 */
.gender {}
.gender label {margin-right:15px; cursor:pointer;}
.gender label span {display:inline-block; *display:inline; zoom:1; position:relative; top:-2px; }

/* 회원가입 : 이용약관 */
.rull_box {margin-top:20px; margin-bottom:20px; padding:5px; background-color:#f1f1f1; }
.rull_box .rull_box_con {padding:17px; background-color:#fff;}
.rull_box .rull_box_con div {height:22px; }
.rull_box .rull_box_con div.first {margin-bottom:4px;}
.rull_box .rull_box_con label {position:relative; top:3px; vertical-align:middle; cursor:pointer}
.rull_box .rull_box_con label span {display:inline-block; *display:inline; zoom:1; margin-left:3px; position:relative; top:1px;}



/* 회원가입_가입완료 */
.joinok_area {background-color:#fff;}
.joinok_area .joinok_txt {margin-top:20px;}
.joinok_area .joinok_memberinfo_area {width:625px; padding:30px 0; margin:30px auto 20px auto; text-align:center; font-size:15px; color:#545454; letter-spacing:-1px; line-height:150%; background-color:#f2f2f2; border:1px solid #ccc;}
.joinok_area .joinok_memberinfo_area span {letter-spacing:0; color:#3ab54a; font-weight:bold;}


/* 로그인 */
.login_area_popup {position:relative; width:447px; padding:35px; font-family:맑은 고딕; background-color:#fff; border:2px solid #3ab54a; display:none;}
.login_area_popup .close_btn {position:absolute; top:-5px; right:-34px;}
.login_area_popup .con_area {}
.login_area_popup .con_area .title_area {margin-bottom:25px;}

.login_area_popup .con_area .email_login_area {padding:23px; background-color:#f1f1f1; border:3px solid #dbdbdb;}
.login_area_popup .con_area .email_login_area .title_email {height:30px; font-weight:bold; font-size:17px; color:#333; letter-spacing:-1px;}
.login_area_popup .con_area .email_login_area .title_email span {color:#3ab54a;}
.login_area_popup .con_area .email_login_area .input_area {position:relative;}
.login_area_popup .con_area .email_login_area .input_area .login_input input[type=text],
 .login_area_popup .con_area .email_login_area .input_area .login_input input[type=password] {height:40px; width:235px; padding-left:12px; font-size:12px; line-height:40px; font-family:dotum; border:1px solid #c5c5c5; }
.login_area_popup .con_area .email_login_area .input_area .login_input.first {margin-bottom:5px;}
.login_area_popup .con_area .email_login_area .input_area .login_btn {position:absolute; top:0; right:0;}
.login_area_popup .con_area .email_login_area .input_area .login_keep {height:30px; margin-top:8px; letter-spacing:-0.5px; color:#939393;}
.login_area_popup .con_area .email_login_area .find_area {padding-top:14px; border-top:1px solid #d6d6d6;}
.login_area_popup .con_area .email_login_area .find_area p {float:left; padding-right:8px; margin-right:8px; background: url("//img.edupang.com/images/login02/login_find_divbar.gif") right 0 no-repeat;}
.login_area_popup .con_area .email_login_area .find_area p.last {background:none;}
.login_area_popup .con_area .email_login_area .find_area .fr {padding-right:0; margin-right:0;}

.login_area_popup .con_area .sns_login_area {position:relative; margin-top:20px; padding:18px 24px; border:1px solid #dedede;}

.login_area_popup .con_area .sns_login_area .title_sns {font-weight:bold; font-size:17px; color:#333; letter-spacing:-1px;}
.login_area_popup .con_area .sns_login_area .title_sns span {color:#3ab54a;}
.login_area_popup .con_area .sns_login_area .title_sns .help {position:relative; top:2px;}
.login_area_popup .con_area .sns_login_area .title_ex {margin-top:3px; color:#b6b6b6; letter-spacing:-0.5px;}

.login_area_popup .con_area .sns_login_area .snslogin {position:absolute; top:20px; right:19px;}
.login_area_popup .con_area .sns_login_area .snslogin ul > li {float:left; position:relative; margin-left:4px;}

.login_area_popup .con_area .sns_login_area .title_sns .help:hover .help_list  {display:block;}


/* 구매 로그인 */
.logo_area.login_byingver {width:517px; margin:0 auto; padding:30px 0 10px 0;}
.login_area_buying {position:relative; width:447px; padding:35px; margin:0 auto; background-color:#fff; border:1px solid #dbdbdb;}
.login_area_buying .con_area {}
.login_area_buying .con_area .title_area {margin-bottom:25px;}
.login_area_buying .con_area .email_login_area {padding:23px; background-color:#f1f1f1; border:3px solid #dbdbdb;}
.login_area_buying .con_area .email_login_area .title_email {height:30px; font-weight:bold; font-size:17px; color:#333; letter-spacing:-1px;}
.login_area_buying .con_area .email_login_area .title_email span {color:#3ab54a;}
.login_area_buying .con_area .email_login_area .input_area {position:relative;}
.login_area_buying .con_area .email_login_area .input_area .login_input input[type=text],
.login_area_buying .con_area .email_login_area .input_area .login_input input[type=password] {height:40px; width:235px; padding-left:12px; font-size:12px; line-height:40px; font-family:dotum; border:1px solid #c5c5c5; }
.login_area_buying .con_area .email_login_area .input_area .login_input.first {margin-bottom:5px;}
.login_area_buying .con_area .email_login_area .input_area .login_btn {position:absolute; top:0; right:0;}
.login_area_buying .con_area .email_login_area .input_area .login_keep {height:30px; margin-top:8px; letter-spacing:-0.5px; color:#939393;}
.login_area_buying .con_area .email_login_area .find_area {padding-top:14px; border-top:1px solid #d6d6d6;}
.login_area_buying .con_area .email_login_area .find_area p {float:left; padding-right:8px; margin-right:8px; background: url("//img.edupang.com/images/login02/login_find_divbar.gif") right 0 no-repeat;}
.login_area_buying .con_area .email_login_area .find_area p.last {background:none;}
.login_area_buying .con_area .sns_login_area {position:relative; margin-top:20px; padding:18px 24px; border:1px solid #dedede;}
.login_area_buying .con_area .sns_login_area .title_sns {font-weight:bold; font-size:17px; color:#333; letter-spacing:-1px;}
.login_area_buying .con_area .sns_login_area .title_sns span {color:#3ab54a;}
.login_area_buying .con_area .sns_login_area .title_sns .help {position:relative; top:2px;}
.login_area_buying .con_area .sns_login_area .title_ex {margin-top:3px; color:#b6b6b6; letter-spacing:-0.5px;}
.login_area_buying .con_area .sns_login_area .snslogin {position:absolute; top:20px; right:19px;}
.login_area_buying .con_area .sns_login_area .snslogin ul > li {float:left; position:relative; margin-left:4px;}
.login_area_buying .con_area .sns_login_area .title_sns .help:hover .help_list  {display:block;}


/* 정상JLS 마일리지 이벤트용 정상 회원가입 */
.jlsjoin_area {padding:20px; }
.jlsjoin_area .title {text-align:center; margin-bottom:20px;}
.jlsjoin_area table {margin-bottom:20px; border:1px solid #777;}
.jlsjoin_area table th {height:0; width:150px; font-weight:bold; color:#000; border-bottom:1px solid #777;}
.jlsjoin_area table td {padding:0; height:40px; border-bottom:1px solid #777;}


/* 회원가입 약관 변경 */
.jlsjoin_area .join_notice {}
.jlsjoin_area .join_notice_title {display: block; margin-bottom: 15px; font-size: 1.2em; font-family: 'Nanum Gothic'; letter-spacing: -1px;}
.jlsjoin_area .join_notice_term,
.jlsjoin_area .join_notice_area {margin-top: 18px}
.jlsjoin_area .join_notice_term_textarea {overflow: auto; overflow-x: hidden; white-space: pre-wrap; word-break: break-all; word-wrap: break-word; display: block; width: 612px; height: 120px; padding: 10px; color: #666; border: 1px solid #ccc; background-color: #fff}
.jlsjoin_area .join_notice_table { width: 100%; border: 1px solid #ddd; border-width: 1px 0 0 1px; border-collapse: separate; white-space: normal; word-wrap: break-word; word-break: break-all}
.jlsjoin_area .join_notice_table th,
.jlsjoin_area .join_notice_table td { padding: 6px 10px; font-family:dotum; border: 1px solid #ddd; border-width: 0 1px 1px 0; }
.jlsjoin_area .join_notice_table th { text-align:center; color:#777; white-space: nowrap; background: none  }
.jlsjoin_area .join_notice_table td { vertical-align:middle; color:#6e6e6e; line-height:140%;}
.jlsjoin_area .join_notice_table { text-align: left; vertical-align: middle }
.jlsjoin_area .join_notice_table thead th {background-color: #fafafa}