@charset "utf-8";

#login_contents {padding:60px 0px 50px 0px;}

#login {padding:0px 20px;}

/* 상단 스텝 */
.title_area .step_list {text-align:center;height:32px;margin-top:27px;}
.title_area .step_list ul {display:inline-block;}
.title_area .step_list li {float:left;width:32px;height:32px;padding-right:11px;position:relative;}
.title_area .step_list li:last-child {padding-right:0;}
.title_area .step_list li:after {content:"";position:absolute;top:15.5px;left:32px;right:0px;height:1px;background:#c4c6c7;}
.title_area .step_list span {font-size:0;background-size:100% !important;width:100%;height:100%;display:block;}
/* 아이디 찾기 */
.title_area .step_list .step_id01 {background:url('../images/login/step_pw_off03.png') no-repeat;}
.title_area .step_list .step_id01.on {background:url('../images/login/step_pw_on03.png') no-repeat;}
.title_area .step_list .step_id02 {background:url('../images/login/step_pw_off02.png') no-repeat;}
.title_area .step_list .step_id02.on {background:url('../images/login/step_pw_on02.png') no-repeat;}
.title_area .step_list .step_id03 {background:url('../images/login/step_pw_off04.png') no-repeat;}
.title_area .step_list .step_id03.on {background:url('../images/login/step_pw_on04.png') no-repeat;}
/* 비밀번호 변경 */
.title_area .step_list .step_pw01 {background:url('../images/login/step_pw_off01.png') no-repeat;}
.title_area .step_list .step_pw01.on {background:url('../images/login/step_pw_on01.png') no-repeat;}
.title_area .step_list .step_pw02 {background:url('../images/login/step_pw_off02.png') no-repeat;}
.title_area .step_list .step_pw02.on {background:url('../images/login/step_pw_on02.png') no-repeat;}
.title_area .step_list .step_pw03 {background:url('../images/login/step_pw_off03.png') no-repeat;}
.title_area .step_list .step_pw03.on {background:url('../images/login/step_pw_on03.png') no-repeat;}
.title_area .step_list .step_pw04 {background:url('../images/login/step_pw_off04.png') no-repeat;}
.title_area .step_list .step_pw04.on {background:url('../images/login/step_pw_on04.png') no-repeat;}
/* 회원가입 */
.title_area .step_list .step_join01 {background:url('../images/login/step_pw_off01.png') no-repeat;}
.title_area .step_list .step_join01.on {background:url('../images/login/step_pw_on01.png') no-repeat;}
.title_area .step_list .step_join02 {background:url('../images/login/step_pw_off02.png') no-repeat;}
.title_area .step_list .step_join02.on {background:url('../images/login/step_pw_on02.png') no-repeat;}
.title_area .step_list .step_join03 {background:url('../images/login/step_pw_off03.png') no-repeat;}
.title_area .step_list .step_join03.on {background:url('../images/login/step_pw_on03.png') no-repeat;}
.title_area .step_list .step_join04 {background:url('../images/login/step_pw_off04.png') no-repeat;}
.title_area .step_list .step_join04.on {background:url('../images/login/step_pw_on04.png') no-repeat;}

/* 로그인 & 비밀번호 재설정 & 아이디 찾기 */
.pw_text {line-height:20px;margin-bottom:15px;}
.login_input {}
.login_input li {margin-bottom:15px;position:relative;}
.login_input .error_massage {padding-left:20px;font-size:12px;color:#da291c;background:url('../images/common/ico_error_01.png') no-repeat;background-size:16px auto;line-height:16px;margin-top:10px;}
.login_input .text01 {font-size:12px;color:#8a8d8f;line-height:16px;margin-top:10px;}
.login_input .email_id {width:40%;}
.login_input .email_domain {width:52%;position:absolute;top:0;right:0;}
.login_input .dot {display:inline-block;line-height:50px;width:8%;text-align:center;position:absolute;top:0;left:40%;}
.find_info {text-align:center;margin-top:30px;}
.find_info a {display:inline-block;color:#8a8d8f;background:url('../images/login/bar_01.png') no-repeat center right;background-size:1px auto;padding:0px 11px 0px 10px;}
.find_info a:last-child {background:none;}
.id_find {position:relative;margin-top:30px;}
.id_find p {line-height:40px;font-size:14px;}
.id_find .btn01 {position:absolute;top:0;right:0;width:100px;display:inline-block;}
.id_find_end {border:1px solid #c4c6c7;padding:60px 20px;text-align:center;}
.id_find_end p {font-size:16px;color:#2a2a2a;line-height:22px;}
.id_find_end p span {color:#da291c;}
.pw_reset_end {border:1px solid #c4c6c7;padding:60px 20px;text-align:center;}
.pw_reset_end p {font-size:16px;color:#2a2a2a;line-height:22px;}

/* 약관동의 */
.check_all {border:1px solid #c4c6c7;padding:21px 19px;position:relative;}
.check_all label {font-size:16px;color:#2a2a2a;}
.check_all .open_close {background:url('../images/login/arrow_up_01.png') no-repeat;background-size:auto 9px;position:absolute;top:27px;right:18px;width:15.5px;height:9px;font-size:0;}
.check_all .open_close.on{background:url('../images/login/arrow_down_01.png') no-repeat;background-size:auto 9px;}
.terms_agree {border:1px solid #c4c6c7;border-top:none;}
.terms_agree li {padding:19px;border-bottom:1px solid #c4c6c7;position:relative;}
.terms_agree li:last-child {border-bottom:none;}
.terms_agree .view {display:inline-block;position:absolute;top:50%;right:20px;font-size:12px;color:#877669;margin-top:-6px;}
.terms_agree .view:after {content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#877669;}
.terms_agree p {line-height:20px;}

/* 회원가입 */
#member_join {}
/* 입력 테이블 */
.join_table {position:relative;}
.join_table h3 {height:35px;color:#2a2a2a;font-size:16px;padding:0px 20px;position:relative;}
.join_table .alert01 {position:absolute;top:0;right:20px;font-size:12px;padding-left:7.5px;background:url('../images/login/bul_alert_01.png') no-repeat 0px 5px;background-size:5px auto;}
.join_table .alert {display:inline-block;width:5px;height:14px;font-size:0;background:url('../images/login/bul_alert_01.png') no-repeat 0px 5px;background-size:5px auto;vertical-align:top;}
.join_table table {border-top:2px solid #da291c;}
.join_table th {padding:21px 0px 21px 20px;border-bottom:1px solid #c4c6c7;color:#2a2a2a;vertical-align:top;text-align:left;line-height:18px;}
.join_table th.top_pd {padding-top:26px;}
.join_table td {padding:15px 20px 15px 0px;border-bottom:1px solid #c4c6c7;position:relative;line-height:18px;}
.join_table .active_input {}
.join_table .active_input input {height:38px;line-height:38px;}
.join_table .active_input .ico_del {bottom:4px;}
.join_table .check01 .active_input {width:53%;}
.join_table .check01 .btn_gray {position:absolute;top:15px;right:20px;width:40%;}
.join_table .check01 .btn_brown {position:absolute;top:15px;right:20px;width:40%;}
.join_table .error_massage {padding-left:20px;font-size:12px;color:#da291c;background:url('../images/common/ico_error_01.png') no-repeat;background-size:16px auto;line-height:16px;margin-top:10px;}
.join_table .text01 {font-size:12px;color:#8a8d8f;line-height:16px;margin-top:10px;}
.join_table .address .active_input:first-child {width:53%;}
.join_table .address .active_input {margin-bottom:10px;}
.join_table .address .active_input:last-child {margin-bottom:0;}
.join_table .address .btn_brown {position:absolute;top:15px;right:20px;width:40%;}
.join_table .email .active_input:first-child {width:92%;margin-bottom:10px;}
.join_table .email .unit {position:absolute;top:15px;right:20px;line-height:40px;}
.join_table .email .select_area {}
.join_table select {font-family: inherit;border:none;border:1px solid #c4c6c7;outline:none;color:#54585a;width:100%;box-sizing:border-box;line-height:38px;height:40px;
	background:url('../images/common/arrow_down_01.png') no-repeat 95% center;background-size:auto 6px;padding:0px 20px 0px 10px;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;}
.join_table select::-ms-expand {display: none;}
.join_table .email .active_input:last-child {margin:10px 0px 0px 0px;}
.join_table .agree_option .radiobox:first-child {margin-right:30px;}
.join_table .pon_num {padding:26px 20px 26px 0px;}
.join_table .pon_num .btn_brown {position:absolute;top:15px;right:20px;width:40%;}
.join_table .tel_num select {width:30%;float:left;}
.join_table .tel_num input {width:30%;height:40px;line-height:38px;text-indent:10px;color:#54585a;border:1px solid #c4c6c7;box-sizing:border-box;float:left;}
.join_table .tel_num span {display:inline-block;width:5%;color:#2a2a2a;float:left;vertical-align:middle;line-height:40px;text-align:center;} 
.join_table .pw_change .btn_brown {width:50%;}
.join_table .pw_change .title01 {display:block;line-height:40px;font-size:14px;color:#ffffff;background:#c4c6c7;text-align:center;width:50%;margin-bottom:10px;}
.join_table .pw_change .active_input {margin-bottom:10px;}
.join_table .pw_change .btn_red {width:40%;margin-top:10px;}
.join_table .pw_change .btn_red.off {background:#c4c6c7;}
.join_table .btn_area {margin:30px 20px 0px 20px;}
.join_table .btn_both {margin:30px 20px 0px 20px;position:relative;}
.join_table .btn_both button {width:47%;}
.join_table .btn_both button:last-child {position:absolute;top:0;right:0;}

/* 회원가입 완료 */
.member_join_end {border:1px solid #c4c6c7;padding:60px 20px;text-align:center;}
.member_join_end p {font-size:16px;color:#2a2a2a;line-height:22px;}
.member_join_end p span {color:#da291c;}

/* 마이페이지 */
#my_page {}
#my_page .btn_bottom {margin:30px 20px 0px 20px;}

.note_message {border:1px solid #c4c6c7;margin:0px 20px 30px 20px;padding:20px;}
.note_message li {line-height:20px;padding:0px 0px 10px 8px;background:url('../images/common/bul_02.png') no-repeat 0px 8px;background-size:4px auto;}
.note_message li:last-child {padding-bottom:0;}

/* 마이페이지 정보수정 완료 */
.mypage_modify_end {text-align:center;}
.mypage_modify_end img {width:84px;margin-bottom:20px;}
.mypage_modify_end p {font-size:16px;color:#2a2a2a;line-height:22px;}