/*-------------------------------
           회원관련 CSS
------------------------------ */
/* 회원정보수정, 회원가입 */
.mk-modify, .mk-enroll {
    text-align: left;
    border: 0;
}
.mk-modify h4, .mk-enroll h4 {
	color: #333;
	font-weight: 700;
}
.mk-modify .member_txt tr, .mk-enroll .member_txt tr {
	height: 50px;
	border-bottom: 1px solid #e5e5e5;	
}
.mk-modify .member_td_bgcolor, .mk-enroll .member_td_bgcolor {
	width: 20%;
}
.mk-modify input, .mk-enroll input,
.mk-modify select, .mk-enroll select {
    font-size: 1em;
    max-width: 100%;
    height: 30px;
    border: 1px solid #e5e5e5;
    margin: 1px 5px;
    padding-left: 5px;
}
.mk-modify .member_txt input[name=addr], .mk-enroll .member_txt input[name=addr],
.mk-modify .member_txt input[name=addr2], .mk-enroll .member_txt input[name=addr2] {
    width: 100%;
}
.mk-modify .member_txt input[name=addr_post1], .mk-enroll .member_txt input[name=addr_post1],
.mk-modify .member_txt input[name=phone_no1], .mk-enroll .member_txt input[name=phone_no1],
.mk-modify .member_txt input[name=phone_no2], .mk-enroll .member_txt input[name=phone_no2],
.mk-modify .member_txt input[name=phone_no3], .mk-enroll .member_txt input[name=phone_no3],
.mk-modify .member_txt select[name=mobile_no1], .mk-enroll .member_txt select[name=mobile_no1],
.mk-modify .member_txt input[name=mobile_no2], .mk-enroll .member_txt input[name=mobile_no2],
.mk-modify .member_txt input[name=mobile_no3], .mk-enroll .member_txt input[name=mobile_no3] {
    width: 65px;
}
.mk-modify .member_txt input[name=member_img], .mk-enroll .member_txt input[name=member_img] {
    border: none;
}
.mk-modify .member_txt input[type=radio], .mk-enroll .member_txt input[type=radio] {
	width: 15px;
	vertical-align: middle;
}
@media (max-width:768px) {
    .mk-modify .member_txt input, .mk-enroll .member_txt input,
    .mk-modify .member_txt select, .mk-enroll .member_txt select {
        width: 100%;
    }    
    .mk-modify .member_txt input[type=radio], .mk-enroll .member_txt input[type=radio] {
        width: 15px !important;
	}
}
.mk-modify .btn-default:hover, .mk-enroll .btn-default:hover {
    background: #fff;
	border-color: #cccccc;
}

/* 회원탈퇴 */
.mk-reave {
    text-align: left;
    border: 0;
}
.mk-reave h4, .member_txt_2 h4 {
	font-size: 0.92em;
	color: #333;
	font-weight: 700;
}
.member_txt_1 tr {
	border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.member_txt_1 input {
    max-width: 100%;
    height: 30px;
    border: 1px solid #e5e5e5;
    margin: 1px 5px;
    padding-left: 5px;
}
.member_txt_2 {
	font-size: 0.9em;
	color: #333;
	line-height: 1.7;
}
.member_txt_2 input {
	float: left;
	vertical-align: top;
	margin-right: 10px;
}
.mk-reave .member_txt_2 input[type=checkbox] {
	width: 15px;
}
@media (max-width:768px) {
    .mk-reave .member_txt_2 input[type=checkbox] {
        width: 15px !important;
	}
}
.mk-reave .btn-default:hover {
    background: #fff;
	border-color: #cccccc;
}

/* 회원가입(이메일) */
.mk-join {
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 50px 0;
}
.mk-join .section {
	width: 60%;
    margin: 0 auto;
}
.mk-join .section h4 {
	font-size: 1.5em;
}
.mk-join .section h5 {
	font-size: 0.95em;
	color: #777;
	line-height: 1.4;
	margin-bottom: 20px !important;
}
.mk-join .section button {
	width: 100%;
	font-size: 1.2em;
    background-color: #555;
    color: white;
    padding: 12px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;    
}
.mk-join .section button:hover {
    opacity: 0.8;
}
.mk-join .section input[name=com_member_name], input[name=com_member_email] {
	display: inline-block;
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;    
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}
@media screen and (max-width: 768px) {
	.mk-join {
		border: none;
		padding: 0;
    }
    .mk-join .section {
		width: 100%;
		padding: 0;
    }  
    .mk-join .section input {
        width: 100% !important;
    }  
}

/* 약관동의 */
.mk-agreement {
    width: 100%;
    text-align: left;
}
.mk-agreement h5 {
    font-family: 'NanumSquareB';
    font-size: 1.2em;
    color: #333;
    letter-spacing: -1;
    padding-bottom: 0;
}
.mk-agreement input {
    float: left;
    margin: 2px 10px 60px 0;
}
.mk-agreement textarea {
    font-size: 0.9em;
    color: 666;
    width: 100%;
    height: 200px;
    border: 1px solid #e5e5e5;
    padding: 30px;
}
.mk-agreement input[type=image] {
    text-align: center;
    margin: 20px auto;
}
.btn-agree button {
    text-align: center !important;
}
.mk-agreement .member_txt td {
    font-size: 1.15em;
}
.mk-agreement .member_txt input[name=com_member_check_agree],
.mk-agreement .member_txt input[name=com_member_check_safe],
.mk-agreement .member_txt input[name=com_member_check_collection] {
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
}

/* 회원가입 완료 */
.mk-enroll-result {
    width: 100%;
}
.mk-enroll-result h4 {
    font-size: 1.5em;
    font-weight: 100;
    padding: 10px 0;
    border: 0px solid #ccc;
}

.mk-enroll-result .section {
    border: 1px solid #eee;
    padding: 50px 50px;
}
.mk-enroll-result .enroll-btn {
    width: 100%;
    text-align: center;    
}
.mk-enroll-result .enroll-btn button {  
    padding: 10px 15px;
    margin-top: 30px;
}

/* 로그인 */
.mk-log-in {
    overflow: hidden;
    border: 1px solid #eee;
}
.mk-log-in-box {
    width: 60%;
    padding: 20px;
    margin: 0 auto;
    margin: 20px auto 20px;
}
.mk-log-in-box h4 {
    font-size: 1.5em;
}
.mk-log-in-box h5 {
    font-size: 0.95em;
	color: #777;
	line-height: 1.4;
	margin-bottom: 20px !important;
}
.mk-log-in-box input[type=text],
.mk-log-in-box input[type=password] {
    display: inline-block;
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;    
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}
.mk-log-in-box button {
    width: 100%;
	font-size: 1.2em;
    background-color: #555;
    color: white;
    padding: 12px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
}
.mk-log-in-box button:hover {
    opacity: 0.8;
}
.mk-log-in-box .section-1 {
    overflow: hidden;
}
.mk-log-in-box .section-2 {
    text-align: center;
    margin: 10px 0 20px 0;
}
@media screen and (max-width: 768px) {
	.mk-log-in {
        border: none;
        padding: 0;
    }
    .mk-log-in-box {
        width: 100%;
        padding: 0;
    }
    .mk-log-in-box input {
        width: 100% !important;
    }
    .mk-log-in-box .section-1, .mk-log-in-box .section-2 {
        width: 100%;
    }    
}