/*********************member_menu.css*********************/
.member_menu_wrap{
	background-color:#353535;
	position:fixed;
	z-index:9999;
	top:0;
	bottom:0;
	left:0;
	right:0;
	padding:50px 20px;
	background-color:rgba(0,0,0,0.3);
	overflow-y:auto;
	transition-duration:0.4s;
	display:none;
}

.member_menu_box{
	width:100%;
	height:100%;
	position:relative;
}

.member_menu_close{
	position:absolute;
	top:8px;
	right:8px;
	color:#fff;
	font-size:20px;
	line-height:20px;
	cursor:pointer;
}

.member_menu{
	width:350px;
	padding:40px 45px 30px;
	background-color:rgba(44, 47, 62, 0.9);
	position:relative;
}

.member_profile_wrap{
	width:250px;
	height:150px;
	border-radius:0;
	overflow:hidden;
	margin:0 auto 12px;
}
.member_profile_wrap img{
	display:block;
	width:100%;
	height:auto;
}

.member_profile_desc{
	font-size:15px;
	text-align:center;
	line-height:1.5;
	word-break:keep-all;
	margin-bottom:30px;
}

.member_login_form .form{
	border-bottom:1px solid #51556a;
	margin-bottom:10px;
	position:relative;
}

.form span{ color:#fff; font-size:21px; position:absolute; top:6px; left:0; }

.form input{
	width:100%;
	border:none;
	background-color:transparent !important;
	color:#a7a9b7;
	padding:12px 5px 12px 30px;
	font-size:14px;
	position:relative;
}

.form input.inputid:before{
	content:'\e68a';
	font-family:xeicon;
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	font-size:14px;
}

.form input.inputpw:before{
	content:'\e66b';
	font-family:xeicon;
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	font-size:14px;
}

.log_add_wrap{
	margin-bottom:30px;
}

.keep_login{ display:flex; align-items:center; }

.keep_login input[id="keepid_opt"] + label{
	display:inline-block;
	width:12px;
	height:12px;
	border:1px solid #51556a;
	margin-right:10px;
	float:left;
	position:relative;
}

.keep_login input[id="keepid_opt"]:checked + label:before{
	content:"\f00c";
	font-family:FontAwesome;
	font-size:12px;
	color:#d4d4d4;
	position:absolute;
	top:0;
	left:0;
}

input#keepid_opt{
	display:none;
}

.keep_login label{
	font-size:12px;
	color:#adadad;
}

.find_account{ text-align:center; font-size:14px; margin-top:10px; }
.find_account a{ display:block; color:#adadad; padding:7px; }

.login_btn_wrap {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}
.login_submit, .login_signup {
    flex: 1;
    padding: 10.5px 5px;
    font-size: 14px;
    color: #fff;
    border-radius: 100px;
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 0;      /* wrapper¿¡¼­ gap ó¸®ÇϹǷΠÁ¦°Å */
    text-align: center;
    cursor: pointer;
}

.login_signup{ background-color:#efefef; color:#666; }


.logged_menu{ padding:12px 25px; background-color:#222531; }
.logged_menu ul li a{ border-bottom:1px solid #51556a; }
.logged_menu ul li:last-child a{ border-bottom:none; }
.logged_menu ul li a{ font-size:14px; transition-duration:0.3s; color:#fff; display:block; padding:7px 3px; }
.logged_menu ul li a:hover{ padding-left:10px; } 

.logged_menu ul li.logged_btn{ display:block; }
.logged_menu ul li.logged_btn a{ position:relative; padding:7px 3px 7px 20px; transition-duration:0.3s; }
.logged_menu ul li.logged_btn a:before{ position:absolute; transition-duration:0.3s; top:9px; right:calc(100% - 15px); color:#fff; font-family:xeicon; }
.logged_menu ul li.logged_btn:nth-child(2) a:before{ content:'\e9f3'; }
.logged_menu ul li.logged_btn:nth-child(3) a:before{ content:'\e9fa'; }
.logged_menu ul li.logged_btn:nth-child(4) a:before{ content:'\eb7c'; }
.logged_menu ul li.logged_btn:nth-child(5) a:before{ content:'\e9c3'; }
.logged_menu ul li.logged_btn:nth-child(6) a:before{ content:'\e9d8'; }
.logged_menu ul li.logged_btn:nth-child(7) a:before{ content:'\e963'; }
.logged_menu ul li.logged_btn:nth-child(8) a:before{ content:'\ea14'; }
.logged_menu ul li.logged_btn:nth-child(9) a:before{ content:'\e9f9'; }
.logged_menu ul li.logged_btn a:hover{ padding-left:27px; }
.logged_menu ul li.logged_btn a:hover:before{ margin-right:-7px; }


.login_signup{ background-color:#efefef; color:#666; }




.login-body{margin-top:20px;}
.sns_login{padding:0px;margin:0px;list-style:none; overflow:hidden;box-sizing:border-box;border-radius:0px;color:#fff;display:flex;justify-content:center;}
.login-sns h3{color:#fff !important;margin-bottom:10px;text-align:center;border-top:1px solid #484a57;border-bottom:1px solid #484a57;padding:10px 0px;}
.sns_login li{display:block;padding:0px; margin:0px 3px;border:0px solid #ddd;}


#sns_twitter .loginBtn {display:inline-block;color: white; width: 40px;border-radius:0px;text-align:left;margin:0 0px;}
#sns_twitter span.icon {background: url('../img/sns/twitter2.png') transparent 50% 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_twitter span.buttonText {display:none;}

#sns_facebook .loginBtn {display:inline-block;color: white; width: 40px;border-radius:0px;text-align:left;margin:0 0px;}
#sns_facebook span.icon {background: url('../img/sns/facebook2.png') transparent 50% 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_facebook span.buttonText {display:none;}

#sns_google .loginBtn {display:inline-block;color: white; width: 40px;border-radius:0px;text-align:left;margin:0 0px;}
#sns_google span.icon {background: url('../img/sns/google2.png') transparent 50% 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_google span.buttonText {display:none;}

#sns_naver .loginBtn {display:inline-block;color: white; width: 40px;border-radius:0px;text-align:left;margin:0 0px;}
#sns_naver span.icon {background: url('../img/sns/naver2.png') transparent 50% 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_naver span.buttonText {display:none;}

#sns_kakao .loginBtn {display:inline-block;color:#3c1e1e; width: 40px;border-radius:0px;text-align:left;margin:0 0px;}
#sns_kakao span.icon {background: url('../img/sns/kakao2.png') transparent 50% 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_kakao span.buttonText {display:none;}