@charset "utf-8";.popup_login{position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;font-family:'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-weight:400}.popup_login .close_popup_login{position:absolute;top:-41px;right:0;width:32px;height:32px;background:url(../../../../layouts/xetown/img/btn_close.png) 0 0 no-repeat}.popup_login .blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}.popup_login .dimmed{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;filter:alpha(opacity=70);opacity:.7}.popup_login .signin{position:absolute;top:50%;margin-top:-200px;left:50%;width:355px;margin-left:-177px;background-color:#fff}.popup_login .signin.sns{width:560px;margin-top:-204px;margin-left:-280px}.popup_login .signin>.login-header{padding:20px 30px;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,AppleGothic,Helvetica,sans-serif;font-size:40px;line-height:50px;font-weight:400;color:#444}.popup_login .signin>.login-body{padding:0 20px 0 30px;float:left;width:340px;box-sizing:border-box}.popup_login .signin>.login-footer{padding:20px 0 30px 0;margin:0;text-align:center;color:#aaa;overflow:hidden;width:340px}.popup_login .signin>.login-footer>a{text-decoration:none;font-size:13px;color:#aaa}.popup_login .signin>.login-footer>a:hover,.popup_login .signin>.login-footer>a:active,.popup_login .signin>.login-footer>a:focus{text-decoration:underline}.popup_login .signin>.login-footer>.f_bar{display:inline-block;margin:0 3px}.popup_login .signin .control-group{position:relative;padding:0;margin:0;clear:both}.popup_login .signin .control-group:before{content:"";display:block;clear:both}.popup_login .signin form{margin:0}.popup_login .signin fieldset{margin:0}.popup_login .signin .chk_label{cursor:pointer;display:inline-block;margin:4px 0 0;color:#999;line-height:20px;font-size:13px}.popup_login .signin input[type="text"],.popup_login .signin input[type="email"],.popup_login .signin input[type="password"]{font-size:16px;width:100%;height:28px;padding:0 6px 3px 1px;border:0;border-bottom:1px solid #aaa;background-color:#fff;line-height:20px;color:#444;box-sizing:border-box}.popup_login .signin .btn_submit{position:relative;font-size:16px;color:#eee;background-color:#2DB074;width:100%;margin:20px 0 0;padding:18px 0 19px;border:0;text-align:center}.popup_login .signin .btn_submit:hover,.popup_login .signin .btn_submit:active{background-color:#2DB074}.popup_login .signin input[type="email"]:focus,.popup_login .signin input[type="password"]:focus,.popup_login .signin input[type="text"]:focus{outline:none}.popup_login .signin .error{margin:2px 0 19px;background:none;color:#fc0005;font-size:13px}.popup_login .signin .keep_msg{display:none;position:absolute;top:44px;left:0;z-index:100;padding:11px 15px;background-color:#EE8F44}.popup_login .signin .keep_msg>p{color:#fff;font-size:13px;font-weight:300;line-height:19px}.popup_login .signin .keep_msg .ic_edge{position:absolute;top:-7px;left:40px;width:0;height:0;border-width:0 8px 8px;border-style:solid;border-color:#fff0 #fff0 #EE8F44}.popup_login .group{position:relative;padding:21px 0 0}.popup_login .info_label{color:#999;font-size:16px;position:absolute;pointer-events:none;left:1px;top:23px;transition:all 0.2s ease}.popup_login .group{margin-bottom:20px}.popup_login .sns_login{float:left;padding:0 10px}.popup_login .sns_login.none{float:none}.popup_login input:focus~.info_label,.popup_login input.used~.info_label{top:1px;font-size:13px;color:#2DB074}.popup_login .bar{position:relative;display:block;width:100%}.popup_login .bar:before,.popup_login .bar:after{height:2px;width:0;bottom:0;position:absolute;background:#2DB074;transition:all 0.2s ease;content:''}.popup_login .bar:before{left:50%}.popup_login .bar:after{right:50%}.popup_login input:focus~.bar:before,.popup_login input:focus~.bar:after{width:50%}.popup_login .highlight{position:absolute;height:60%;width:100px;bottom:1px;left:0;pointer-events:none;opacity:.5}.popup_login input:focus~.highlight{animation:inputHighlighter 0.3s ease}.popup_login .signin input[type=checkbox]{position:absolute;width:20px;height:20px;opacity:0;opacity:100 \9;vertical-align:top}.popup_login .signin input[type=checkbox]~.checkbox{box-sizing:border-box;display:inline-block;width:20px;height:20px;margin:-1px 9px 0 0;border:1px solid;background-repeat:no-repeat;animation-fill-mode:forwards;animation:checkboxOff 0.5s;border-color:#c9c9c9;cursor:pointer;position:relative;vertical-align:middle}.popup_login .signin input[type=checkbox]~.checkbox:before{content:"";display:block;width:60px;height:60px;background:rgb(0 0 0 / .1);position:absolute;top:-22px;left:-22px;z-index:0;border-radius:100%;transform:scale(0);animation:checkboxRippleOn 0.5s}.popup_login .signin input[type=checkbox]~.checkbox:not(:hover){animation:checkboxOff 0s}.popup_login .signin input[type=checkbox]~.checkbox:not(:hover):before{animation:checkboxRippleOn 0s}.popup_login .signin input[type=checkbox]:checked~.checkbox{animation-fill-mode:forwards;animation:checkboxOn 0.5s;border-color:#2DB074;background-image:linear-gradient(135deg,#fff0 50%,#2DB074 50%),linear-gradient(135deg,#2DB074 50%,#fff0 50%),linear-gradient(45deg,#fff0 50%,#2DB074 50%),linear-gradient(45deg,#2DB074 50%,#fff0 50%),linear-gradient(135deg,#2DB074 50%,#fff0 50%),linear-gradient(45deg,#fff0 50%,#2DB074 50%),linear-gradient(#2DB074,#2DB074);background-position:50% 3px,5px -5px,-11px -5px,-9px 0,-6px -2px,0 -12px,40px 0}.popup_login .signin input[type=checkbox]:checked~.checkbox:before{animation:checkboxRippleOff 0.5s}@keyframes inputHighlighter{from{background:#2DB074}to{width:0;background:#fff0}}@keyframes ripples{0%{opacity:0}25%{opacity:1}100%{width:200%;padding-bottom:200%;opacity:0}}@keyframes checkboxOn{0%{background-color:#fff0;background-image:none}48%{background-color:#2DB074;background-image:none}49%{background-image:linear-gradient(135deg,#fff0 50%,#2DB074 50%),linear-gradient(135deg,#2DB074 50%,#fff0 50%),linear-gradient(45deg,#fff0 50%,#2DB074 50%),linear-gradient(45deg,#2DB074 50%,#fff0 50%),linear-gradient(135deg,#2DB074 50%,#fff0 50%),linear-gradient(45deg,#fff0 50%,#2DB074 50%),linear-gradient(#2DB074,#2DB074)}50%{background-color:#fff0;background-image:linear-gradient(135deg,#fff0 50%,#2DB074 50%),linear-gradient(135deg,#2DB074 50%,#fff0 50%),linear-gradient(45deg,#fff0 50%,#2DB074 50%),linear-gradient(45deg,#2DB074 50%,#fff0 50%),linear-gradient(135deg,#2DB074 50%,#fff0 50%),linear-gradient(45deg,#fff0 50%,#2DB074 50%),linear-gradient(#2DB074,#2DB074);background-position:50% 3px,5px -5px,-11px -5px,-9px 0,-6px -2px,0 -12px,0 0}100%{background-image:linear-gradient(135deg,#fff0 50%,#2DB074 50%),linear-gradient(135deg,#2DB074 50%,#fff0 50%),linear-gradient(45deg,#fff0 50%,#2DB074 50%),linear-gradient(45deg,#2DB074 50%,#fff0 50%),linear-gradient(135deg,#2DB074 50%,#fff0 50%),linear-gradient(45deg,#fff0 50%,#2DB074 50%),linear-gradient(#2DB074,#2DB074);background-position:50% 3px,5px -5px,-11px -5px,-9px 0,-6px -2px,0 -12px,40px 0}}@keyframes checkboxOff{0%{background-image:linear-gradient(135deg,#fff0 50%,#2DB074 50%),linear-gradient(135deg,#2DB074 50%,#fff0 50%),linear-gradient(45deg,#fff0 50%,#2DB074 50%),linear-gradient(45deg,#2DB074 50%,#fff0 50%),linear-gradient(135deg,#2DB074 50%,#fff0 50%),linear-gradient(45deg,#fff0 50%,#2DB074 50%),linear-gradient(#2DB074,#2DB074);background-position:50% 3px,5px -5px,-11px -5px,-9px 0,-6px -2px,0 -12px,-20px 0}74%{background-image:linear-gradient(135deg,#fff0 50%,#2DB074 50%),linear-gradient(135deg,#2DB074 50%,#fff0 50%),linear-gradient(45deg,#fff0 50%,#2DB074 50%),linear-gradient(45deg,#2DB074 50%,#fff0 50%),linear-gradient(135deg,#2DB074 50%,#fff0 50%),linear-gradient(45deg,#fff0 50%,#2DB074 50%),linear-gradient(#2DB074,#2DB074);box-shadow:inset 0 0 0 0 #2DB074}75%{background-image:linear-gradient(135deg,#fff0 50%,#2DB074 50%),linear-gradient(135deg,#2DB074 50%,#fff0 50%),linear-gradient(45deg,#fff0 50%,#2DB074 50%),linear-gradient(45deg,#2DB074 50%,#fff0 50%),linear-gradient(135deg,#2DB074 50%,#fff0 50%),linear-gradient(45deg,#fff0 50%,#2DB074 50%),linear-gradient(#2DB074,#2DB074);box-shadow:inset 0 0 0 20px #2DB074}80%{background-image:linear-gradient(135deg,#fff0 50%,#2DB074 50%),linear-gradient(135deg,#2DB074 50%,#fff0 50%),linear-gradient(45deg,#fff0 50%,#2DB074 50%),linear-gradient(45deg,#2DB074 50%,#fff0 50%),linear-gradient(135deg,#2DB074 50%,#fff0 50%),linear-gradient(45deg,#fff0 50%,#2DB074 50%),linear-gradient(#2DB074,#2DB074);background-position:50% 3px,5px -5px,-11px -5px,-9px 0,-6px -2px,0 -12px,0 0}81%{background-image:linear-gradient(135deg,#fff0 50%,#2DB074 50%),linear-gradient(135deg,#2DB074 50%,#fff0 50%),linear-gradient(45deg,#fff0 50%,#2DB074 50%),linear-gradient(45deg,#2DB074 50%,#fff0 50%),linear-gradient(135deg,#2DB074 50%,#fff0 50%),linear-gradient(45deg,#fff0 50%,#2DB074 50%),linear-gradient(#2DB074,#2DB074);background-position:-100px 0,-100px 0,-100px 0,-100px 0,-100px 0,-100px 0,-100px 0}100%{background-image:linear-gradient(135deg,#fff0 50%,#2DB074 50%),linear-gradient(135deg,#2DB074 50%,#fff0 50%),linear-gradient(45deg,#fff0 50%,#2DB074 50%),linear-gradient(45deg,#2DB074 50%,#fff0 50%),linear-gradient(135deg,#2DB074 50%,#fff0 50%),linear-gradient(45deg,#fff0 50%,#2DB074 50%),linear-gradient(#2DB074,#2DB074);background-position:-100px 0,-100px 0,-100px 0,-100px 0,-100px 0,-100px 0,-100px 0;box-shadow:inset 0 0 0 0 #2DB074}}@keyframes checkboxRippleOn{0%{transform:scale(0);transform:scale(0);opacity:1}40%{transform:scale(1);transform:scale(1)}50%{opacity:0}100%{transform:scale(0);transform:scale(0);opacity:1}}@keyframes checkboxRippleOff{0%{transform:scale(0);transform:scale(0);opacity:1}40%{transform:scale(1);transform:scale(1)}50%{opacity:0}100%{transform:scale(0);transform:scale(0);opacity:1}}