@import url("./common.css");


/* easy_certify:Start */
.member_page {
	text-align: left;
}

.member_page .login_info {
	margin-top:35px;
}

.member_page .tab_info {
	width:100%;
}

.member_page .tab_list {
	width:145px;
	text-align:center;
	display:inline-block;
	cursor:pointer;
}

.member_page .tab_list.active {
	width:auto;
	height:35px;
	background-color:transparent;
}

.member_page .tab_list.active a {
	color:#8564ff;
}

.member_page .tab_list a {
	display:block;
	padding: 0 15px;
	height:35px;
	/*font-family: 'noto sans Kr', sans-serif;*/
	font-size:13px;
	color:#8564ff;
	line-height:35px;
	border-bottom: 1px solid #8564ff;
}

.member_page .txt_lab {
	padding-left:20px;
	/*font-family: 'Noto Sans KR', sans-serif;*/
	font-weight: 400;
	font-size:12px;
	color: #666;
	line-height: 16px;
}

.member_page label.design_radio input {
	display: none;
}

.design_radio input[type=radio] {/* display: none; */}

.design_radio input[type=radio] + span {
    display: inline-block;
    cursor: pointer;
    background: url(../images/radio_unchecked.png) no-repeat;) no-repeat ;
}

.design_radio input[type=radio]:hover + span {
    background-image: url(../images/radio_hover.png);
}

.design_radio input[type=radio]:checked + span {
    background-image: url(../images/radio_check.png);
}

.member_page .tab_info_content {
	margin-top:15px;
	width:100%;
	overflow:hidden;
}

.member_page .id_search,
.member_page .pwd_search {
	padding:20px;
	width:49%;
	float:left;
	border: 1px solid #d5d9df;
}

.member_page .id_search {
	margin-right: 1%;
}

.member_page .pwd_search {
	margin-left: 1%;
}

.member_page .tit_search {
	color:#333333;
	font-size:16px;
	font-weight:400;
	text-align:left;
}

.member_page .box_type {
	margin:25px 0 20px 0;
	text-align:left;
}

.member_page .inp_email {
	margin-left:20px;
}

.member_page .search_section {
	text-align:left;
}

.member_page .txt_name.txt_placeholder,
.member_page .txt_id.txt_placeholder,
.member_page .msg_phone,
.member_page .msg_auth {
	display:none;
}

.box_sub {
	display:inline-block;
	width:70%;
	position:relative;
	margin-bottom: 15px;
	overflow: hidden;
}

.member_page .box_sub.box_auth .tf_comm {
	font-size: 13px;
	color: #c5c5c5;
	background-color: #eceff2;
	border: none;
}

.member_page .box_sub .msg_auth.txt_placeholder {
	color: #c5c5c5;
}

.member_page .msg_phone.txt_placeholder,
.member_page .msg_auth.txt_placeholder {
	display: block;
	position: absolute;
	top: 0;
    left: 15px;
    /*font-family: 'Noto Sans KR', sans-serif;*/
    font-weight: 400;
    font-size: 13px;
    line-height: 40px;
    color: #999999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.member_page .box_inner .label_txt {
	float:left;
	width:30%;
	height:40px;
	font-size:13px;
	font-weight:400;
	line-height:40px;
	color:#666;
}

.member_page .tf_comm {
    height: 40px;
    padding: 0 15px;
    border-color: #d5d9df;
    border-radius: 3px;
    /*font-family: 'Noto Sans KR', sans-serif;*/
    font-weight: 400;
    font-size: 12px;
    line-height: 48px;
    color: #999999;
    letter-spacing: 0;
}

.member_page .auth_time {
	display:none;
	text-align:left;
	color:#ff1a40;
	/*font-family: 'Noto Sans KR', sans-serif;*/
	font-size:11px;
	line-height: 18px;
	margin: 5px 0;
}

.member_page .msg_error {
	display:none;
	color:#fe5f4e;
	width:100%;
	margin-bottom:10px;
}

.member_page .btn_authnum {
	display:block;
	width:100%;
	height:40px;
	background-color:#b4b9c1;
	border-radius:3px;
	color:#fff;
	/*font-family: 'Noto sans KR', sans-serif;*/
	font-weight: 400;
	font-size:13px;
	margin-top: 6px;
	line-height: 40px;
}

.member_page .btn_authnum:hover {
	background-color:#d5d9df;
}

.member_page .btn_authnum:active {
	background-color:#9a9ea5;
}

.member_page .btn_submit {
	display:block;
	float:right;
/*	width:70%;*/
	width:100%;
	height:40px;
	background-color:#6643e6;
	border-radius:3px;
	color:#fff;
	/*font-family: 'Noto Sans KR', sans-serif;*/
	font-size:13px;
	margin-top:6px;
	line-height: 40px;
}

.member_page .login_info .tab_info_content .btn_submit{
	color: #fff;
}

.member_page .ld_search:after,
.member_page .pwd_search:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    font-size:0px;
}

.member_page .pwd_search {
	border-left:1px solid #e3e3e3;
}
/* easy_certify:End */


/* hard_certify:Start */
.member_page .box_search_type {
	margin:30px 0 20px 0;
	text-align:left;
	width:100%;
}

.member_page .box_search_type .label_rd {
	margin-right:20px;
}

.member_page .tab_info_content.hard_certify {
	border:0px;
}

.member_page .wrap_check {
	border:1px solid #e3e3e3;
	width:100%;
	overflow:hidden;
	text-align:left;
}

.member_page .tit_check {
	width:100%;
	padding:20px 0 10px 25px;
	letter-spacing:-1px;
	background-color:#F3F3F3;
	font-size:22px;
	color:#3a96d2;
	font-weight:bold;
	text-align:left;
}

.member_page .id_find,
.member_page .pwd_find {
	display:block;
	float:left;
	width:50%;
	text-align:center;
	padding:30px 25px;
}

.member_page .tit_search_id,
.member_page .tit_search_pwd {
	font-size:16px;
	color:#3a96d2;
	margin-bottom:10px;
	text-align:left;
}

.member_page .pwd_find {
	border-left:1px solid #e3e3e3;
}

.member_page .msg_desc {
	font-size:11px;
	margin-bottom:20px;
	text-align:left;
}

.member_page .btn_check {
	width:40%;
	height:40px;
	background-color:#ed5749;
	border-radius:3px;
	color:#fff;
	font-size:14px;
}

.member_page .box_find .label_txt {
	font-size:12px;
	font-weight:bold;
	line-height:38px;
	width:12%;
	display:inline-block;
}

.member_page .box_id_find {
	display:inline-block;
	width:45%;
	position: relative;
}

.member_page .box_find {
	display:inline-block;
	width:100%;
}

.member_page .box_id_find .tf_comm {
	font-size:12px;
	margin-right:10px;
	margin-bottom:0;
	border: 1px solid #eae8e8;
	border-radius: 3px;
	width: 100%;
	height: 40px;
}
/* hard_certify:End */

.member_page .search_section span.form_error,
.member_page .box_find span.form_error {
	display:block;
	position:static;
/*	top:12px;*/
/*	left:10px;*/
	width:100%;
	/*font-family: 'Noto Sans KR', sans-serif;*/
	font-size: 13px;
	height:18px;
	margin: 5px 0 0;
/*	background:#fff;*/
}

.member_page input.tf_comm.form_error {
	border:1px solid #ff1a40;
}

.member_page input.tf_comm.form_error ~ .txt_placeholder {
	display:none !important;
}


/***** Mediaquery:Start *****/
/* Large Desktop:Start */
@media screen and (min-width:1200px) {
}
/* Large Desktop:End */


/* Desktop:Start */
@media screen and (min-width:992px) and (max-width:1199px) {
}
/* Desktop:End */


/* Tablet:Start */
@media screen and (min-width:768px) and (max-width:991px) {
}
/* Tablet:End */


/* Mobile:Start */
@media screen and (max-width:767px) {
	.member_page .login_info {
		margin-top: 0;
	}

	.member_page .login_tit {
		font-size: 23px;
		letter-spacing: -3px;
		line-height: 40px;
	}

	.member_page .id_search,
	.member_page .pwd_search {
		width:100%;
		margin: 0;
	}

	.member_page .pwd_search {
		margin-top: 15px;
	}

	.member_page .id_find,
	.member_page .pwd_find {
		display:block;
		width:100%;
		padding:30px 25px;
		float:none;
	}

	.member_page .pwd_find{
		border-top:1px solid #e3e3e3;
		border-left:none;
	}

	.member_page .box_id_find {
		width:80%;
		display:inline-block;
	}

	.member_page .box_find .label_txt {
		width:17%;
	}

	.member_page .btn_check {
		width:100%;
	}

	.member_page .box_find .btn_check {
		width:100%;
		margin-top:20px;
	}

	.member_page .label_txt {
		font-size:12px;
		font-weight:bold;
		line-height:38px;
	}

	.member_page .msg_phone.txt_placeholder, .member_page .msg_auth.txt_placeholder {
		font-size: 11px;
	}
}

@media screen and (max-width:500px) {
	.member_page .tab_list.active,
	.member_page .tab_list {
		width:49%;
	}
}
/* Mobile:End */
/***** Mediaquery:End *****/