/*===== MEMBER MENU =====*/
.member_nav {margin-top: 67px; width: 100%;}
.member_gnb {display: flex; align-items: center; justify-content: space-between; column-gap: 2px;}
.member_gnb > li {
	width: 25%;
	border-bottom : 2px solid #B8B8B8;
}
.member_gnb > li > a { text-align: center; line-height: 68px;}
.member_gnb > li:hover > a { color: #1860E8; font-weight: 700; transition-duration: 0.5s;}
.member_gnb > li.on { border-bottom : 2px solid #1860E8;}
.member_gnb > li.on > a  { font-weight: 700;}

.member_lnb {display: flex; align-items: center; justify-content: space-between; column-gap: 40px;}
.member_lnb > li { 
	border-radius:30px ; -webkit-border-radius:30px ; -moz-border-radius:30px ; -ms-border-radius:30px ; -o-border-radius:30px ; 
	line-height: 50px;
	overflow: hidden;
}
.member_lnb > li,
.member_lnb > li > a {font-size: 18px; color: #B8B8B8; text-align: center;}
.member_lnb > li:hover > a {color: #1860E8; font-weight: 700; transition-duration: 0.5s;}

.member_lnb > li.on {background-color: #E2EAFB;}
.member_lnb > li.on,
.member_lnb > li.on > a {color: #1860E8; font-weight: 700;}



/* ===== 회원 가입 및 FORM ===== */

#checkAll {
	position: relative;
	width: 100%; margin-top: 35px;
	font-weight: 700; text-align: center; line-height: 48px;
	background-color: #F6F7F8;
	border: 1px solid #B8B8B8;
}

.scroll_box {
	width: 100%; height: 200px; 
	padding: 20px;
	border: 1px solid #b8b8b8;
	overflow-y: scroll;
	color: #666; font-size: 14px; line-height: 21px;
}
.scroll_box > table {border-top: 1px solid #ccc; border-right: 1px solid #ccc; width: 100%;}
.scroll_box > table th,
.scroll_box > table td {
	border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;
	padding: 5px 10px;
	text-align: center; vertical-align: middle;
}

.agree_checkbox {text-align: right;}

.btn_wrap {display: flex; align-items: center; justify-content: space-between; column-gap: 2px;}
.btn_wrap.btn_01 {justify-content: center;}
.btn_wrap.btn_01 > *,
.btn_wrap.btn_02 > * {width: 50%;}

/* ===== 졍책 & 약관 ===== */

.privacy {font-size: 16px; padding: 40px 0 60px;}
.rule_wrap {
	margin-top: 21px; padding: 22px 24px;
	border: 1px solid #B8B8B8;
}
.rule_wrap > p { margin-bottom: 15px;}
.rule_wrap > p:last-child {margin-bottom: 0;}
.rule_wrap .rule_list > li { margin-top: 10px; }
.rule_wrap .rule_list > li:first-child {margin-top: 0;}

.rule_wrap .dot_list {margin-top: 5px; margin-left: 10px;}
.rule_wrap .dot_list > li {padding-left: 15px; position: relative;}
.rule_wrap .dot_list > li::before {
	content: "";
	width: 4px; height: 4px; background-color: #555;
	position: absolute; top: 8px; left: 0;
	border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; 
}


/* ===== LOGIN ===== */
.login_box_wrap {display: flex; align-items: center; justify-content: space-between; column-gap: 80px; margin: 68px 0 285px;}
.login_box_wrap .theForm {width: 70%;}
.theForm .login_form > li {margin-bottom: 15px;}
.theForm .login_form > li:last-child {margin-bottom: 0;}
.theForm .login_form .find_wrap {display: flex; align-items: center; justify-content: center; column-gap: 32px;}
.theForm .login_form .find_wrap > li:first-child {position: relative;}
.theForm .login_form .find_wrap > li:first-child::after { 
	content: "";
	width: 1px; height: 16px; background-color: #555;
	position: absolute; top: 50%; right: -16px;
	transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; 
}
.theForm .login_form li input::placeholder {color: #999}
.theForm .login_form li #login_id::placeholder { background: url('/img/member/login_id.png') content-box 0px center no-repeat;}
.theForm .login_form li #login_pwd::placeholder {background: url('/img/member/login_pw.png') content-box 0px center no-repeat;}
.theForm .login_form li input::placeholder::before { content: "\f007"; font: var(--fa-font-regular);}

.login_box_wrap .login_tag {width: 30%;}
.login_box_wrap .login_tag > img {display: block; width: 100%;}

.join_ending {
	border-top: 2px solid #D9D9D9;	border-bottom: 2px solid #D9D9D9;
	padding: 60px 0;
	text-align: center;
}

.phone_box {display: flex; align-items: center; justify-content: flex-start; column-gap: 30px;}
.phone_box > li {position: relative;}
.phone_box > li:nth-child(-n+2)::after {
	content: "-";
	position: absolute; top:50%; right: -15px;
	transform: translateY(-50%);  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%); 
}
#id_result {padding: 50px 0;}
#id_result > p {font-size: 20px; color:#555}