@charset "utf-8";

.sns_icon{padding:0 0 3px 28px;}
.sns_icon.twitter{background:url(../img/twitter.png) no-repeat;}
.sns_icon.facebook{background:url(../img/facebook.png) no-repeat;}
.sns_icon.google{background:url(../img/google.png) no-repeat;}
.sns_icon.naver{background:url(../img/naver.png) no-repeat;}
.sns_icon.kakao{background:url(../img/kakao.png) no-repeat;}

.sns_login{padding:0;margin:0;list-style:none; overflow:hidden;}
.sns_login li{display:block;padding:0; margin-bottom:10px; text-align:center;}

#sns_twitter .loginBtn {display:inline-block;background: #2596E9;color: white; width: 175px;border-radius:5px;text-align:left;}
#sns_twitter a.loginBtn {text-decoration:none;}
#sns_twitter .loginBtn:hover {background: #55ACEE;cursor:hand;}
#sns_twitter span.label {font-weight:bold;}
#sns_twitter span.icon {background: url('../img/btn_twitter.png') transparent 10px 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_twitter span.buttonText {display:inline-block;vertical-align:middle;padding-left:10px;}

#sns_facebook .loginBtn {display:inline-block;background: #3B5998;color: white; width: 175px;border-radius:5px;text-align:left;}
#sns_facebook a.loginBtn {text-decoration:none;}
#sns_facebook .loginBtn:hover {background: #5577BD;cursor:hand;}
#sns_facebook span.label {font-weight:bold;}
#sns_facebook span.icon {background: url('../img/btn_facebook.png') transparent 10px 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_facebook span.buttonText {display:inline-block;vertical-align:middle;padding-left:10px;}

#sns_google .loginBtn {display:inline-block;background: #cc3732;color: white; width: 175px;border-radius:5px;text-align:left;}
#sns_google a.loginBtn {text-decoration:none;}
#sns_google .loginBtn:hover {background: #e74b37;cursor:hand;}
#sns_google span.label {font-weight:bold;}
#sns_google span.icon {background: url('../img/btn_google.png') transparent 10px 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_google span.buttonText {display:inline-block;vertical-align:middle;padding-left:10px;}

#sns_naver .loginBtn {display:inline-block;background: #1ec800;color: white; width: 175px;border-radius:5px;text-align:left;}
#sns_naver a.loginBtn {text-decoration:none;}
#sns_naver .loginBtn:hover {background: #25d805;cursor:hand;}
#sns_naver span.label {font-weight:bold;}
#sns_naver span.icon {background: url('../img/btn_naver.png') transparent 10px 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_naver span.buttonText {display:inline-block;vertical-align:middle;padding-left:10px;}

#sns_kakao .loginBtn {display:inline-block;background: #ffeb00;color:#3c1e1e; width: 175px;border-radius:5px;text-align:left;}
#sns_kakao a.loginBtn {text-decoration:none;}
#sns_kakao .loginBtn:hover {background: #FFDE00;cursor:hand;}
#sns_kakao span.label {font-weight:bold;}
#sns_kakao span.icon {background: url('../img/btn_kakao.png') transparent 10px 50% no-repeat;display: inline-block;vertical-align: middle;width: 40px;height:40px;}
#sns_kakao span.buttonText {display:inline-block;vertical-align:middle;padding-left:10px;}

/* Astrohan Google-aware SocialXE login screen */
.astrohan_socialxe_login{box-sizing:border-box;max-width:520px;margin:0 auto 28px;border:1px solid #ddd;border-radius:6px;background:#fff;overflow:hidden;}
.astrohan_socialxe_login .login-header{padding:22px 24px 16px;border-bottom:1px solid #eee;}
.astrohan_socialxe_login .login-header h1{margin:0;color:#444;font-size:22px;font-weight:500;line-height:1.35;}
.astrohan_socialxe_login .login-guide{margin:8px 0 0;color:#777;font-size:13px;line-height:1.6;}
.astrohan_socialxe_login .login-body{padding:22px 24px 8px;}
.astrohan_socialxe_login .login-copy{max-width:380px;margin:0 auto 18px;color:#666;font-size:13px;line-height:1.65;text-align:left;}
.astrohan_socialxe_login .sns_login{padding:0;margin:0;list-style:none;overflow:hidden;}
.astrohan_socialxe_login .sns_login li{display:block;padding:0;margin:0;text-align:center;}
.astrohan_socialxe_login #sns_google .loginBtn{display:block;box-sizing:border-box;width:100%;max-width:280px;margin:0 auto;padding:0;border:1px solid #d8d8d8;border-radius:6px;background:#fff;color:#333;text-align:center;text-decoration:none;}
.astrohan_socialxe_login #sns_google .loginBtn:hover,.astrohan_socialxe_login #sns_google .loginBtn:focus{border-color:#cda25a;background:#fafafa;color:#333;text-decoration:none;}
.astrohan_socialxe_login #sns_google span.icon{background:url('../img/btn_google.png') transparent 10px 50% no-repeat;display:inline-block;width:40px;height:42px;vertical-align:middle;}
.astrohan_socialxe_login #sns_google span.buttonText{display:inline-block;padding-left:8px;font-weight:600;font-size:15px;line-height:42px;vertical-align:middle;}
.astrohan_socialxe_login .astrohan_login_divider{display:flex;align-items:center;gap:12px;max-width:280px;margin:18px auto 0;color:#aaa;font-size:12px;}
.astrohan_socialxe_login .astrohan_login_divider:before,.astrohan_socialxe_login .astrohan_login_divider:after{content:'';height:1px;flex:1;background:#e5e5e5;}
.astrohan_socialxe_login .login-footer{padding:12px 24px 24px;margin:0;text-align:center;}
.astrohan_socialxe_login .astrohan_default_login{display:block;box-sizing:border-box;width:100%;max-width:280px;margin:0 auto;padding:12px 14px;border:1px solid #d8d8d8;border-radius:6px;background:#fff;color:#555;text-align:center;text-decoration:none;}
.astrohan_socialxe_login .astrohan_default_login:hover,.astrohan_socialxe_login .astrohan_default_login:focus{border-color:#cda25a;color:#cda25a;text-decoration:none;}
body #nc_container{display:none !important;}
@media all and (max-width:479px){
	.astrohan_socialxe_login{width:100%;max-width:none;margin:0 0 24px;border-left:0;border-right:0;border-radius:0;}
	.astrohan_socialxe_login .login-header{padding:18px 22px 14px;}
	.astrohan_socialxe_login .login-header h1{font-size:21px;}
	.astrohan_socialxe_login .login-body{padding:20px 22px 8px;}
	.astrohan_socialxe_login .login-copy{font-size:13px;word-break:keep-all;overflow-wrap:break-word;}
	.astrohan_socialxe_login .login-footer{padding:12px 22px 24px;}
}