.sn-login-ref a{background-color: transparent;}
.sn-login-ref a:active,.sn-login-ref a:hover{outline: 0px;}
.sn-login-ref img{border: 0px;}
.sn-login-ref button,.sn-login-ref input{margin: 0px; font: inherit; color: inherit;}
.sn-login-ref button{overflow: visible;}
.sn-login-ref button{text-transform: none;}
.sn-login-ref button{appearance: button; cursor: pointer;}
.sn-login-ref input{line-height: normal;}
@media print{.sn-login-ref *{color: rgb(0, 0, 0) !important; text-shadow: none !important; background: 0px 0px !important; box-shadow: none !important;}
.sn-login-ref a,.sn-login-ref a:visited{text-decoration: underline;}
.sn-login-ref a[href]::after{content: " (" attr(href) ")";}
.sn-login-ref img{break-inside: avoid;}
.sn-login-ref img{max-width: 100% !important;}}
.sn-login-ref *{box-sizing: border-box;}
.sn-login-ref button,.sn-login-ref input{font-family: inherit; font-size: inherit; line-height: inherit;}
.sn-login-ref a{color: rgb(51, 122, 183); text-decoration: none;}
.sn-login-ref a:focus,.sn-login-ref a:hover{color: rgb(35, 82, 124); text-decoration: underline;}
.sn-login-ref a:focus{outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px;}
.sn-login-ref img{vertical-align: middle;}
@media (min-width: 768px){}
.sn-login-ref ul{margin-top: 0px; margin-bottom: 10px;}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (min-width: 1200px){}
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (min-width: 1200px){}
@media screen and (max-width: 767px){}
.sn-login-ref .form-control{display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.sn-login-ref .form-control:focus{border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px;}
.sn-login-ref .form-control::-webkit-input-placeholder{color: rgb(153, 153, 153);}
@media screen and (-webkit-min-device-pixel-ratio: 0){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (max-device-width: 480px) and (orientation: landscape){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (max-width: 767px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (max-width: 767px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (max-width: 767px){}
@media (max-width: 767px){}
@media screen and (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (transform-3d), (-webkit-transform-3d){}
@media screen and (min-width: 768px){}
@media (max-width: 767px){}
@media (max-width: 767px){}
@media (max-width: 767px){}
@media (max-width: 767px){}
@media (min-width: 768px) and (max-width: 991px){}
@media (min-width: 768px) and (max-width: 991px){}
@media (min-width: 768px) and (max-width: 991px){}
@media (min-width: 768px) and (max-width: 991px){}
@media (min-width: 992px) and (max-width: 1199px){}
@media (min-width: 992px) and (max-width: 1199px){}
@media (min-width: 992px) and (max-width: 1199px){}
@media (min-width: 992px) and (max-width: 1199px){}
@media (min-width: 1200px){}
@media (min-width: 1200px){}
@media (min-width: 1200px){}
@media (min-width: 1200px){}
@media (max-width: 767px){}
@media (min-width: 768px) and (max-width: 991px){}
@media (min-width: 992px) and (max-width: 1199px){}
@media (min-width: 1200px){}
@media print{}
@media print{}
@media print{}
@media print{}
@media print{}
@media (max-width: 767px){}
.sn-login-ref *{margin: 0px; padding: 0px; outline: none !important;}
.sn-login-ref img{padding: 0px; margin: 0px;}
.sn-login-ref a{color: rgb(34, 34, 34); text-decoration: none;}
.sn-login-ref a:hover{text-decoration: none;}
.sn-login-ref ul,.sn-login-ref li{padding: 0px; margin: 0px; list-style: none;}
.sn-login-ref span,.sn-login-ref div{padding: 0px; margin: 0px;}
.sn-login-ref .form-control{background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(229, 230, 231); color: inherit; display: inline-block; padding: 6px 12px; font-size: 14px; vertical-align: middle; resize: none; border-radius: 0px; height: 40px;}
@keyframes snLoginRewardMotion { 
  0% { top: -8px; }
  100% { top: -6px; }
}
@media (max-width: 768px){}
@media (max-width: 768px){}
@media (max-width: 768px){}
.sn-login-ref .login_btn{background: rgb(255, 121, 22); color: rgb(255, 255, 255); font-size: 16px; border: 0px; display: block; width: 100%; height: 34px; line-height: 34px; border-radius: 1px;}
.sn-login-ref .idpw{text-align: center; margin-top: 40px;}
.sn-login-ref .idpw .line{width: 14px; height: 2px; background: rgb(36, 44, 71); margin: 0px auto;}
.sn-login-ref .idpw a{display: block; padding: 10px; color: rgb(102, 102, 102); font-size: 12px; letter-spacing: -1px;}
.sn-login-ref .login_panel{overflow: hidden; margin-top: 20px; margin-bottom: 50px;}
.sn-login-ref .login_panel .login_logo{text-align: center; margin-bottom: 10px;}
.sn-login-ref .login_panel .login_logo img{width: 180px;}
.sn-login-ref .login_panel .login_body{overflow: hidden; padding: 0px 30px;}
.sn-login-ref .login_panel .login_body li{margin-bottom: 6px; position: relative;}
.sn-login-ref .login_panel .login_body li input{box-shadow: none; height: 46px; border: 1px solid rgb(153, 153, 153); background: rgb(255, 255, 255); box-sizing: border-box;}
.sn-login-ref .login_panel .login_body li button{height: 46px;}
.sn-login-ref .login_panel .login_body li .login_btn{font-size: 13px;}
.sn-login-ref .login_panel .login_body li .join_btn{display: block; height: 46px; line-height: 46px; background: rgb(36, 44, 71); text-align: center; color: rgb(255, 255, 255);}
.sn-login-ref .login_panel .login_body li .icon{position: absolute; margin-top: 14px; top: 0px; right: -20px; animation: 0.3s linear 0s infinite alternate none running snLoginRewardMotion; z-index: 2;}
.sn-login-ref .login_panel .login_body li .icon img{width: 80px;}
@media (max-width: 768px){}
@media (prefers-reduced-motion: reduce){}