@charset "utf-8";

.member .caution {margin-top: 10px; color: #bf1b1e; text-align: center;}

.member button {font-size: 12px; cursor: pointer;}
.member .button {padding: 0 10px; background: #333;}
.member .button.strong {background: #bf1b1e;}

.member .member_txt {padding: 20px; border: 6px solid #f8552f; font-weight: bold; text-align: center; line-height: 18px;}
.member .member_txt strong {color: #da2226;}

.member .advice {margin-top: 20px; padding: 10px 15px; border: 1px solid #e5e5e5;}
.member .advice li {margin-top: 10px; color: #777; line-height: 20px;}
.member .advice li:first-child {margin-top: 0;}

.member .message {padding: 15px 0 20px; border-bottom: 1px solid #dcdcdc; text-align: center;}
.member .message p {font-size: 11px; color: #bf1b1e;}
.member .message .button {margin-top: 10px;}

.member .btn_right {margin-top: 10px; text-align: right;}
.member .btn_center {margin-top: 10px; text-align: center;}

/* 로그인 */
.login h4 {padding-bottom: 5px; border-bottom: 2px solid #222; font-size: 20px; text-align: center;}
.login input[type=text], .login input[type=password] {background: #f8f8f8;}

.login .section1 {margin-top: 10px;}
.login .section1 p {margin-top: 5px;}
.login .section1 button {width: 100%; height: 45px; margin-top: 10px;}

.login .section2 > div {position: relative; padding: 15px 0; border-bottom: 1px solid #ddd;}
.login .section2 > div:first-child {border-bottom: 1px dashed #ddd;}
.login .section2 dl {width: 50%;}
.login .section2 dt {font-weight: bold;}
.login .section2 dd {padding-right: 25px; font-size: 11px; color: #777;}
.login .section2 .button {position: absolute; right: 0; top: 50%; width: 133px; margin-top: -15px; padding: 0;}

.login .benefit {margin-top: 30px; padding: 12px 15px; border: 1px solid #ddd; line-height: 20px;}
.login .benefit p {font-weight: bold;}
.login .benefit li {color: #777;}

/* 비밀번호 변경 안내 */
.change .type_write {margin-top: 20px;}

/* 회원가입 */
.join .step ul {overflow: hidden; border-right: 1px solid #ddd;}
.join .step li {float: left; width: 25%; font-size: 13px; font-weight: bold; color: #333; list-style: none; line-height: 18px;}
.join .step li div {height: 56px; padding: 10px 13%; border: 1px solid #ddd; border-right: none;}
.join .step li span {display: block; margin-bottom: 5px; color: #da2226;}
.join .step li.ing div {background: #da2226; border: 1px solid #da2226; color: #fff;}
.join .step li.ing span {color: #fff;}
.join h4 {margin: 15px 0 10px; font-size: 15px; color: #333;}
.join h4 span {font-size: 15px; color: #da2226;}
.join h5 {margin: 20px 0 10px;}
.join h5 span {color: #da2226;}
.join .step_guide {color: #777; line-height: 20px;}
.join .type_write tbody td, .join .type_write tbody td label {color: #777;}

.section_step1 {margin-top: 15px;}

.section_step2 .agree {overflow: hidden; padding: 10px 0; border-top: 1px solid #282828; border-bottom: 1px solid #dcdcdc;}
.section_step2 .agree span {float: left; display: inline-block; padding-top: 5px;}
.section_step2 .agree input {margin-right: 3px;}
.section_step2 .agree label {margin-right: 5px; color: #666; vertical-align: middle;}
.section_step2 .agree a {float: right;}

.section_step3 .upload {position: relative;}
.section_step3 .upload img {width: 100px; height: 100px;}
.section_step3 .button_file {position: absolute; bottom: 10px; left: 12px; width: 77px; background: #bf1b1e; color: #fff !important;}
.section_step3 .sms_txt {font-size: 11px; color: #777;}

.section_step4 {margin-top: 25px;}
.section_step4 .member_txt {padding: 116px 30px 20px; background: url('../images/common/bg_join_complete.jpg') no-repeat center 24px; background-size: 85px 84px;}

/* 아이디/비밀번호 찾기 */
.find .result {margin-top: 30px;}
.find .result .tit {margin-bottom: 10px; font-size: 15px; font-weight: bold;}
.find .result .tit + span {display: inline-block; margin-bottom: 10px; color: #777; line-height: 20px;}
.find .result .section {padding: 15px; border: 1px solid #ddd; border-bottom: none; font-size: 15px; font-weight: bold; color: #000; text-align: center;}
.find .result .section span {font-size: 15px; font-weight: bold; color: #000;}
.find .result .section em {display: inline-block; margin-top: 10px; color: #bf1b1e;}
.find .result .result_box {padding: 10px; border: 1px solid #ddd;}
.find .result .result_box li {margin-bottom: 10px;}
.find .result .result_box label {display: inline-block; width: 80px; margin-left: 10px; font-weight: bold; color: #333;}
.find .result .result_box span {color: #666;}
.find .result .result_box .button {width: 100%; margin-top: 10px;}