@charset "UTF-8";

.signout .introduction .thumbnail div, .signout .introduction a {background:url("../images/common/signout.37c0e61cb53f.png") no-repeat;}

.image-preloader { width:0px;height:0px; }

.new-signin #header.v2 #navigation .logo {background:url("../images/normal/header.ad57909b6bde.png") no-repeat;background-size:100px 100px;}
.popup.signin .sign-wrap h2.merchant-tit:before, .popup.signin .sign-wrap a.close {background:url("../images/normal/merchant_signin.80746240b5aa.png") no-repeat;background-size:150px 150px;}
@media screen and (-webkit-min-device-pixel-ratio:2){
    .new-signin #header.v2 #navigation .logo {background-image:url("../images/retina/header.6a826f2cc83a.png");}
    .popup.signin .sign-wrap h2.merchant-tit:before, .popup.signin .sign-wrap a.close {background-image:url("../images/retina/merchant_signin.99c145590397.png");}
}
html {background:#ebeced;}
.sign .container {position: absolute;top:0;left:0;width:100%;height:100%;display:table;padding:0;}
.sign .content {display:table-cell;text-align:center;vertical-align:middle;background: none;padding: 65px 0;position: relative;box-shadow: none;}
#container-wrapper.sign {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background:no-repeat 50% 50%;background-size:cover;background-image:url("../images/dummy/sign_bg1.9a1b9a16aab8.jpg");}

@keyframes cf3FadeIn {0% {opacity:0;}100% {opacity:1;}}
@-webkit-keyframes cf3FadeIn {0% {opacity:0;}50% {opacity:0.5;}100% {opacity:1;}}
.fadein-appear { animation-name:cf3FadeIn:animation-timing-function: ease-in-out;animation-iteration-count: 1;animation-duration: 0.1s;-webkit-animation-name:cf3FadeIn;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;-webkit-animation-duration:0.1s }

#container-wrapper.sign .bg {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background:no-repeat 50% 50%;background-size:cover;}
#container-wrapper.sign .bg1 {animation-name: cf3FadeInOut;animation-timing-function: ease-in-out;animation-iteration-count: infinite;animation-duration: 40s;animation-direction: alternate;-webkit-animation-name: cf3FadeInOut;-webkit-animation-timing-function: ease-in-out;-webkit-animation-iteration-count: infinite;-webkit-animation-duration: 40s;-webkit-animation-direction: alternate;background-image:url("../images/dummy/sign_bg2.4340812b8442.jpg");}
@keyframes cf3FadeInOut {0% {opacity:0;}20% {opacity:0;}25% {opacity:1;}80% {opacity:1;}82% {opacity:0;}100% {opacity:0;}}
@-webkit-keyframes cf3FadeInOut {0% {opacity:0;}20% {opacity:0;}25% {opacity:1;}80% {opacity:1;}82% {opacity:0;}100% {opacity:0;}}
#container-wrapper.sign .bg2 {animation-name: cf3FadeInOut2;animation-timing-function: ease-in-out;animation-iteration-count: infinite;animation-duration: 40s;animation-direction: alternate;-webkit-animation-name: cf3FadeInOut2;-webkit-animation-timing-function: ease-in-out;-webkit-animation-iteration-count: infinite;-webkit-animation-duration: 40s;-webkit-animation-direction: alternate;background-image:url("../images/dummy/sign_bg3.b6b68d576c6c.jpg");}
@keyframes cf3FadeInOut2 {0% {opacity:0;}45% {opacity:0;}50% {opacity:1;}80% {opacity:1;}82% {opacity:0;}100% {opacity:0;}}
@-webkit-keyframes cf3FadeInOut2 {0% {opacity:0;}45% {opacity:0;}50% {opacity:1;}80% {opacity:1;}82% {opacity:0;}100% {opacity:0;}}
#container-wrapper.sign .bg3 {animation-name: cf3FadeInOu3t;animation-timing-function: ease-in-out;animation-iteration-count: infinite;animation-duration: 40s;animation-direction: alternate;-webkit-animation-name: cf3FadeInOut3;-webkit-animation-timing-function: ease-in-out;-webkit-animation-iteration-count: infinite;-webkit-animation-duration: 40s;-webkit-animation-direction: alternate;background-image:url("../images/dummy/sign_bg4.5c36b43d7f89.jpg");}
@keyframes cf3FadeInOut3 {0% {opacity:0;}70% {opacity:0;}75% {opacity:1;}95% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes cf3FadeInOut3 {0% {opacity:0;}70% {opacity:0;}75% {opacity:1;}95% {opacity:1;}100% {opacity:0;}}
.sign #footer, .signout #footer {position:absolute;bottom:20px;left:0;width:100%;text-align:center;padding: 0;}
.sign #footer li, .signout #footer li {display:inline-block;padding:0 5px;line-height:25px;font-size:11px;color:#747b8b;font-weight:bold;}
.sign #footer a, .signout #footer a {color:#747b8b;}
.signout #footer  {position:static;clear:both;}

.cover .container:before {content:'';position: fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.cover #footer {background: rgba(0, 0, 0, 0.6);bottom:0;padding:12px 0;}
.cover #footer a { color: #AFB1B3; text-decoration:none; }
.cover #footer a:hover { color: #FFF; }
.cover #header-new {background:none;box-shadow:none;border:0;}
.cover #header-new .gnb-wrap, .cover #header-new #nav-search-form {display:none;}
.cover #header-new .logo {opacity:0.9;position:fixed;top:9px;left:28px;}
.cover #header-new .logo:hover {opacity:0.75;}
.cover .sign-wrap {-webkit-box-shadow: 0 2px 22px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 2px 22px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 22px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1);border: 0;}

.sign-wrap .btn-signup {display: inline-block;vertical-align: middle;text-shadow: 0 1px 0 #FFF;font-weight: bold;padding: 0 12px;line-height: 36px;font-size: 14px;border: 1px solid;border-radius: 3px;color: #5A616F;text-shadow: 0 1px 0 #FFF;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);border-color: #d1d3d6 #d2d3d5 #bdbec0;background: #F4F4F5;background: -webkit-linear-gradient(top,#FFF,#F6F7F8);background: -ms-linear-gradient(top,#FFFFFF,#f9f9f9);background: -moz-linear-gradient(top,#FFFFFF,#f9f9f9);background: -o-linear-gradient(top,#FFFFFF,#f9f9f9);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#f9f9f9');}
.sign-wrap .btn-signup:hover {text-decoration: none;border-color: #CCCED2 #C7C8C9 #B6B7B9;background: -webkit-linear-gradient(top, #ffffff, #f9fafa);background: -ms-linear-gradient(top, #ffffff, #f9fafa);background: -moz-linear-gradient(top, #ffffff, #f9fafa);background: -o-linear-gradient(top, #ffffff, #f9fafa);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9fafa');}
.sign-wrap .btn-signup:active {box-shadow: none;text-decoration: none;background: -webkit-linear-gradient(#f0f0f0,#ffffff);background: -moz-linear-gradient(#f0f0f0,#ffffff);background: -o-linear-gradient(#f0f0f0,#ffffff);background: linear-gradient(#f0f0f0,#ffffff);-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);-moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);box-shadow: inset 0 0 1px rgba(0,0,0,0.3);border-color: #b8b8b8 #c2c2c2 #ccc;}
.sign-wrap .sns .btn-fb {font-size: 14px;border-radius: 3px;display: inline-block;line-height: 36px;color: #fff;font-weight: bold;padding: 0 12px;text-shadow: 0 -1px 0 #344d7a;border: 1px solid;border-color: #334d7a #2f4872 #2a4168;background: -webkit-linear-gradient(top, #5375b1, #446295);background: -ms-linear-gradient(top, #5375b1, #446295);background: -moz-linear-gradient(top, #5375b1, #446295);background: -o-linear-gradient(top, #5375b1, #446295);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5375b1', endColorstr='#446295');}
.sign-wrap .sns .btn-fb:hover {border-color: #334d7a #2f4872 #2a4168;background: -webkit-linear-gradient(top, #597ab6, #49689e);background: -ms-linear-gradient(top, #597ab6, #49689e);background: -moz-linear-gradient(top, #597ab6, #49689e);background: -o-linear-gradient(top, #597ab6, #49689e);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#597ab6', endColorstr='#49689e');box-shadow: 0 0 3px rgba(51,77,122,0.3);}
.sign-wrap .sns .btn-fb:active {border-color: #334d7a;background: #49689e;box-shadow: inset 0 1px 2px rgba(47,73,116,0.6);}
.sign-wrap .sns .btn-tw {font-size: 14px;border-radius: 3px;display: inline-block;line-height: 36px;color: #fff;font-weight: bold;padding: 0 12px;text-shadow: 0 -1px 0 #4f8eaf;border: 1px solid #3b88c3;background: -webkit-linear-gradient(top, #55acee, #51a3e2);background: -ms-linear-gradient(top, #55acee, #51a3e2);background: -moz-linear-gradient(top, #55acee, #51a3e2);background: -o-linear-gradient(top, #55acee, #51a3e2);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55acee', endColorstr='#51a3e2');}
.sign-wrap .sns .btn-tw:hover {border-color: #2f8acb;background: -webkit-linear-gradient(top, #4bb3f2, #47a9e8);background: -ms-linear-gradient(top, #4bb3f2, #47a9e8);background: -moz-linear-gradient(top, #4bb3f2, #47a9e8);background: -o-linear-gradient(top, #4bb3f2, #47a9e8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4bb3f2', endColorstr='#47a9e8');box-shadow: 0 0 3px rgba(51,77,122,0.3);}
.sign-wrap .sns .btn-tw:active {border-color: #2f8acb;background: #51a3e2;box-shadow: inset 0 1px 2px rgba(47,73,116,0.2);}
.sign-wrap .sns .btn-gg {font-size: 14px;border-radius: 3px;display: inline-block;line-height: 36px;color: #dc4e41;font-weight: bold;padding: 0 12px;border: 1px solid #dee1e3;background: -webkit-linear-gradient(top, #ffffff, #fdfdfd);background: -ms-linear-gradient(top, #ffffff, #fdfdfd);background: -moz-linear-gradient(top, #ffffff, #fdfdfd);background: -o-linear-gradient(top, #ffffff, #fdfdfd);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fdfdfd');}
.sign-wrap .sns .btn-gg:hover {border-color: #d9dbde #d9dbde #d2d4d6;background: -webkit-linear-gradient(top, #ffffff, #f9fafa);background: -ms-linear-gradient(top, #ffffff, #f9fafa);background: -moz-linear-gradient(top, #ffffff, #f9fafa);background: -o-linear-gradient(top, #ffffff, #f9fafa);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9fafa');box-shadow: 0 0 3px rgba(51,77,122,0.05);}
.sign-wrap .sns .btn-gg:active {border-color: #d9dbde;background: #f9fafa;box-shadow: inset 0 1px 2px rgba(47,73,116,0.1);}
.sign-wrap .btn-signin, .sign-wrap .btn-reset, .sign.register .sign-wrap .detail .btn-signup {display: inline-block;vertical-align: middle;background: #4476af;background-image: -webkit-linear-gradient(bottom, #4476af, #5181ba);background-image: -moz-linear-gradient(bottom, #4476af, #5181ba);background-image: -o-linear-gradient(bottom, #4476af, #5181ba);background-image: -ms-linear-gradient(bottom, #4476af, #5181ba);background-image: linear-gradient(to top, #4476af, #5181ba);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4476af',endColorstr='#5181ba');border: solid 1px #396c9d;border-color: #396c9d #396c9d #375d8a;border-radius: 3px;box-shadow: 0 1px 0 rgba(0,0,0,0.05);text-shadow: 0 -1px 0 rgba(53,96,144,.51);color: #fff;font-weight: bold;font-size: 14px;padding: 0 12px;line-height: 36px;text-decoration: none;}
.sign-wrap .btn-signin:hover, .sign-wrap .btn-reset:hover, .sign.register .sign-wrap .detail .btn-signup:hover {background: #4a7cb5;background: -webkit-linear-gradient(bottom,#4a7cb5,#5788bf);background: -ms-linear-gradient(bottom,#4a7cb5,#5788bf);background: -moz-linear-gradient(bottom,#4a7cb5,#5788bf);background: -o-linear-gradient(bottom,#4a7cb5,#5788bf);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a7cb5',endColorstr='#5788bf');box-shadow: 0 0 3px rgba(51,77,122,0.3);}
.sign-wrap .btn-signin:active, .sign-wrap .btn-reset:active, .sign.register .sign-wrap .detail .btn-signup:active {background: #4d7aaf;box-shadow: inset 0 1px 1px rgba(53,96,144,.51);border: solid 1px #396c9d;}

.sign-wrap {border:1px solid #dbdbdc;border-bottom-color:#cfcfd1;box-shadow:0 1px 2px rgba(0,0,0,0.04);background:#fff;border-radius:3px;width:320px;padding:37px 45px 26px;margin: 0 auto;text-align: left;}
.sign-wrap a {color:#4978b3;text-decoration:none}
.sign-wrap a:hover {color:#2f527e;}
.sign-wrap h2 {font-size:22px;padding-bottom:12px;line-height:26px;color: #4c505a;}
.popup.signin .sign-wrap h2 small {display:none;}
.popup.signin .sign-wrap h2.merchant-tit {position:relative;color:#ffffff;background-color:#4487c2;padding: 37px 140px 35px 45px;margin: -37px -45px 0;border-radius: 3px 3px 0 0;margin-bottom: 30px;}
.popup.signin .sign-wrap h2.merchant-tit:before {content:'';position:absolute;top:0;right:30px;width:98px;height:138px;}
.popup.signin .sign-wrap h2.merchant-tit small {display:block;padding-top:12px;font-size:14px;line-height:21px;color:#c5d4e1;font-weight: normal;}
.popup.signin .sign-wrap a.close {position:absolute;top:15px;right:15px;background-position:-100px 0;opacity:0.6;width:13px;height:13px;}
.popup.signin .sign-wrap .sellon {margin-bottom:-6px;}
.sign-wrap .sellon {text-align:center;padding: 20px 0 0;margin-top:20px;border-top:1px solid #eef0f1;text-align: center;color: #8d919a;font-size: 12px;line-height: 20px;}
.sign-wrap .sellon a {font-weight:bold;}
.sign-wrap .introduction {font-size: 14px;line-height: 20px;padding-bottom: 25px;color: #868990;}
.sign-wrap fieldset span {position:relative;display: block;}
.sign-wrap fieldset .msg {position: absolute;display: none;left: 100%;top: 0;background: #fff;box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.45);border-radius: 3px;margin-left: 14px;font-size: 13px;line-height: 18px;color: #4f5663;padding: 13px 13px 13px 41px;width: 160px;}
.sign-wrap fieldset .msg:before {content: '';position: absolute;right: 100%;top: 10px;border: 9px solid transparent;border-right-color: rgba(0,0,0,0.2);}
.sign-wrap fieldset .msg .icon {position:absolute;width:16px;height:16px;border-radius:100%;background:#d93434;left: 13px;top: 13px;}
.sign-wrap fieldset .msg .icon:before {content:'';position:absolute;left:50%;top:4px;margin-left:-1px;width:2px;height: 6px;background:#fff;}
.sign-wrap fieldset .msg .icon:after {content:'';position:absolute;left:50%;top:11px;margin-left:-1px;width:2px;height: 2px;background:#fff;}
.sign-wrap fieldset .msg:after {content:'';position: absolute;right: 100%;top:11px;border:8px solid transparent;border-right-color: #fff;}
.sign-wrap fieldset span.error .msg {display:block;}
.sign-wrap fieldset span.with-label .msg {top: 20px;}
.sign-wrap input.text {padding: 7px 8px;background: #F0F1F3;display: block;margin-bottom: 14px;width: 302px;box-shadow: inset 0 1px 1px rgba(0,0,0,.02);border-color: #C9CCD0 #CFD2D6 #CFD2D6;}
.sign-wrap fieldset .url {font-size: 11px;color: #868990;position: relative;top: -6px;}
.sign-wrap input.text::-webkit-input-placeholder {color:#afb0b2;}
.sign-wrap input.text:-moz-placeholder {color:#afb0b2;}
.sign-wrap input.text:-ms-input-placeholder {color:#afb0b2;}
.sign-wrap input.text.placeholder {color:#afb0b2;}
.sign-wrap input.text.error::-webkit-input-placeholder {color:#db6265 ;}
.sign-wrap input.text.error:-moz-placeholder {color:#db6265 ;}
.sign-wrap input.text.error:-ms-input-placeholder {color:#db6265 ;}
.sign-wrap input.text.error.placeholder {color:#db6265 ;}
.sign-wrap input.text.error {color:#db6265 ;border-color:#d2928c ;box-shadow:0 0 0 2px #f0d1ce;}
.sign-wrap input.text.error:focus, .sign-wrap input.text:focus {background:#fff;border:1px solid #8db2d0 !important;box-shadow:0 0 0 2px rgba(133,176,212,0.4)}
.sign-wrap input[type="checkbox"] {width:14px;height:14px;vertical-align:middle;background:url("../images/normal/checkbox3.58a5b6009685.png") no-repeat;-webkit-appearance: none;margin: -3px 0 0;}
.sign-wrap input[type="checkbox"]:checked {background-position:0 -15px;}
.sign-wrap .sns {position:relative;padding-bottom:6px;overflow:hidden;border-bottom:1px solid #eef0f1;margin-bottom:20px;}
.sign-wrap .sns button {margin-bottom:14px;}
.sign-wrap .sns .default {position: relative;left: 0;opacity: 1;transition: left 0.5s, opacity 0.5s;-webkit-transition: left 0.5s, opacity 0.5s;-moz-transition: left 0.5s, opacity 0.5s;}
.sign-wrap .sns.more .default {left:-100%;opacity:0;}
.sign-wrap .sns .more {position: absolute;left: 100%;opacity: 0;top: 0;width: 100%;transition: left 0.5s, opacity 0.5s;-webkit-transition: left 0.5s, opacity 0.5s;-moz-transition: left 0.5s, opacity 0.5s;margin-left: 14px;}
.sign-wrap .sns.more .more {left: -14px;opacity:1;}
.sign-wrap .sns button {float: left;font-size: 14px;line-height: 36px;padding: 0;width: 153px;color: #FFF;border-radius: 3px;border-width: 1px;border-style: solid;}
.sign-wrap .btn-signup {padding:0;display:block;width:100%;}
.sign-wrap .sns button.btn-wide {padding:0;display:block;width:100%;}
.sign-wrap .sns button.btn-right {float:right;padding;0;width:154px;}
.sign-wrap .sns button.btn-left {float:left;padding;0;width:154px;}
.sign-wrap .others {padding:20px 0 0;text-align:center;color:#8d919a;font-size:12px;line-height:20px;}
.sign-wrap .others a {font-weight:bold;}
.sign-wrap .detail .username_suggest {display:none; border:1px solid #e8e9ec;border-radius:3px;padding:8px 10px;font-size:13px;line-height:22px;color:#4f5663;margin-bottom:14px;}
.sign-wrap .detail .error.username_suggest {display:block;}
.sign-wrap .detail .btn-signup {padding:0;}
.sign-wrap .checklist {font-size:13px;line-height:18px;color:#4f5663;padding-bottom:15px;}
.sign-wrap .checklist li {padding:2px 0;}
.sign-wrap .terms {color:#81848b;font-size:11px;line-height:16px;text-align:center;padding:19px 50px 0;}
.sign-wrap .terms a {color: #616671;font-weight: bold;}
.sign-wrap .btn-reset {display:block;padding:0;width:100%;}
.sign-wrap .btn-signin {padding:0;display:block;width:100%;}
.sign-wrap .sns .btn-b {text-shadow: 0 -1px 0 #40678f;border-color: #456d97 #3d6186 #395a7d;background: -webkit-linear-gradient(top, #5685B8, #48719B);background: -ms-linear-gradient(top, #5685b8, #48719B);background: -moz-linear-gradient(top, #5685b8, #48719B);background: -o-linear-gradient(top, #5685b8, #48719B);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5685b8', endColorstr='#48719B');}
.sign-wrap .sns .btn-b:hover {border-color: #49719b #40658b #3c5e82;box-shadow: 0 0 3px rgba(51,77,122,0.3);background: -webkit-linear-gradient(top, #5a8abc, #4c749f);background: -ms-linear-gradient(top, #5a8abc, #4c749f);background: -moz-linear-gradient(top, #5a8abc, #4c749f);background: -o-linear-gradient(top, #5a8abc, #4c749f);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a8abc', endColorstr='#4c749f');}
.sign-wrap .sns .btn-b:active {border-color: #3d6186;background: #48719B;box-shadow: inset 0 1px 2px rgba(47,73,116,0.3);}
.sign-wrap .sns .btn-q {text-shadow: 0 -1px 0 #2780C0;border-color: #2987CB #217BBB #1F71AB;background: -webkit-linear-gradient(top, #31A6E7, #288BD2);background: -ms-linear-gradient(top, #31a6e7, #1687d7);background: -moz-linear-gradient(top, #31a6e7, #1687d7);background: -o-linear-gradient(top, #31a6e7, #1687d7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#31a6e7', endColorstr='#1687d7');}
.sign-wrap .sns .btn-q:hover {border-color: #2c8ecf #2381c0 #2277b1;box-shadow: 0 0 3px rgba(51,77,122,0.3);background: -webkit-linear-gradient(top, #34abe9, #2b91d6);background: -ms-linear-gradient(top, #34abe9, #2b91d6);background: -moz-linear-gradient(top, #34abe9, #2b91d6);background: -o-linear-gradient(top, #34abe9, #2b91d6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34abe9', endColorstr='#2b91d6');}
.sign-wrap .sns .btn-q:active {border-color: #217BBB;background: #288BD2;box-shadow: inset 0 1px 2px rgba(47,73,116,0.2);}
.sign-wrap .sns .btn-r {text-shadow: 0 -1px 0 #166399;border-color: #245d8f #225988 #215682;background: -webkit-linear-gradient(top, #3078BB, #336E9D);background: -ms-linear-gradient(top, #2b78bf, #26689d);background: -moz-linear-gradient(top, #2b78bf, #26689d);background: -o-linear-gradient(top, #2b78bf, #26689d);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b78bf', endColorstr='#26689d');}
.sign-wrap .sns .btn-r:hover {box-shadow: 0 0 3px rgba(51,77,122,0.3);background: -webkit-linear-gradient(top, #347fbf, #3774a3);background: -ms-linear-gradient(top, #347fbf, #3774a3);background: -moz-linear-gradient(top, #347fbf, #3774a3);background: -o-linear-gradient(top, #347fbf, #3774a3);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#347fbf', endColorstr='#3774a3');}
.sign-wrap .sns .btn-r:active {border-color: #225988;background: #2D6794;box-shadow: inset 0 1px 2px rgba(47,73,116,0.3);}
.sign-wrap .sns .btn-w {text-shadow: 0 -1px 0 #B64F57;border-color: #c43440 #be333e #b9313c;background: -webkit-linear-gradient(top, #F04F5C, #DA3E4A);background: -ms-linear-gradient(top, #f04f5c, #e23d4a);background: -moz-linear-gradient(top, #f04f5c, #e23d4a);background: -o-linear-gradient(top, #f04f5c, #e23d4a);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f04f5c', endColorstr='#e23d4a');}
.sign-wrap .sns .btn-w:hover {border-color: #c93845 #c33743 #bf3541;box-shadow: 0 0 3px rgba(51,77,122,0.3);background: -webkit-linear-gradient(top, #f15562, #e6434f);background: -ms-linear-gradient(top, #f15562, #e6434f);background: -moz-linear-gradient(top, #f15562, #e6434f);background: -o-linear-gradient(top, #f15562, #e6434f);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f15562', endColorstr='#e6434f');}
.sign-wrap .sns .btn-w:active {border-color: #be333e;background: #DA3E4A;box-shadow: inset 0 1px 2px rgba(47,73,116,0.2);}
.sign-wrap .sns .btn-m {text-shadow: 0 -1px 0 #4f3a84;border-color: #5e4798 #543f87 #4a3878;background: -webkit-linear-gradient(top, #6d50b6, #5b4593);background: -ms-linear-gradient(top, #6d50b6, #5b4593);background: -moz-linear-gradient(top, #6d50b6, #5b4593);background: -o-linear-gradient(top, #6d50b6, #5b4593);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d50b6', endColorstr='#5b4593');}
.sign-wrap .btn-switch {background: #bec3c8;box-shadow: inset 0 1px 2px rgba(0,0,0,0.06),inset 0 0 0 1px rgba(0,0,0,0.1);text-indent: -1000em;width: 34px;height: 18px;border-radius: 14px;margin: -3px 4px 0 0;z-index: 1;vertical-align: middle;position: relative;}
.sign-wrap .btn-switch:before {content: '';width: 16px;height: 16px;border-radius: 100%;border: 0;box-shadow: 0 1px 2px rgba(0,0,0,0.06),0 0 0 1px rgba(0,0,0,0.2);opacity: 1;background: #fff;position: absolute;top: 1px;right: 1px;}
.sign-wrap .btn-switch.on {background: #4092DE;}
.sign-wrap .btn-switch.on:before {left:1px;right:auto;}
.forgot_pw .sign-wrap {padding-bottom:45px;}
.signin .email-frm .forgot_pw {width: 20px;height: 20px;border-radius: 100%;position: absolute;right: 7px;top: 6px;border: 1px solid #C0C1C4;color: #A3A5AC;font-size: 11px;line-height: 20px;text-align: center;font-weight: bold;}
.signin .email-frm .forgot_pw small {font-size: 11px;white-space: nowrap;right: -8px;bottom: 26px;border-radius: 3px;color: #fff;line-height: 27px;padding: 0 8px;font-weight: bold;position: absolute;background: #0b0f16;opacity: 0;visibility: hidden;}
.signin .email-frm .forgot_pw small:after {content:'';border: 4px solid transparent;border-top-color:#0b0f16;right: 14px;bottom: -8px;position: absolute;}
.signin .email-frm .forgot_pw:hover {text-decoration:none;}
.signin .email-frm .forgot_pw:hover small {opacity:1;visibility: visible;}

#popup_container.signup .popup.signup {display:block;}
.popup.signup, .popup.register {background:#fff;width:410px;border-radius:3px;-webkit-box-shadow: 0 2px 22px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 2px 22px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 22px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1);margin:0;overflow:visible;}
.popup.sign.with-cover {width:820px;overflow-y:hidden;}
.popup.sign .cover {width:50%;height:100%;top:0;right:0;border-radius:0 3px 3px 0;background:no-repeat 50% 50%;background-size:cover;position: absolute;box-shadow: inset 1px 0 rgba(0,0,0,0.1);}
.popup.signup .sign-wrap, .popup.register .sign-wrap, .popup.signin .sign-wrap {margin:0;border: 0;box-shadow: none;}
.popup.sign.with-cover {height:445px}
.popup.sign.with-cover .sign-wrap {border-radius: 3px 0 0 3px;}
.popup.sign.with-cover .sign-wrap {height:100%}
.popup.signup h2 {padding-bottom:12px;}
.sign.signin .sign-wrap h2,.sign.register .sign-wrap h2, .popup.signin h2, .popup.register h2 {padding-bottom:24px;}

#popup_container.signin .popup.signin {display:block;}
.popup.signin {background:#fff;width:410px;border-radius:3px;-webkit-box-shadow: 0 2px 22px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 2px 22px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 22px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1);margin:0;overflow:visible;}

.popup.reset_pw_email_sent {background:#fff;width:352px;border-radius:3px;-webkit-box-shadow: 0 2px 22px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 2px 22px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 22px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1);margin:0;overflow:visible;}

.signout .container {width:auto;padding: 0 0 20px;}
.signout #content {padding:0;background:none;box-shadow:none;}
.signout .inner {position:relative;width:985px;margin:0 auto;}
.signout .introduction {background:#c3c6cb;color:#fff;}
.signout .introduction .inner {padding:137px 0 90px;}
.signout .introduction h2 {font-size:38px;}
.signout .introduction p {font-size:17px;line-height:22px;padding: 11px 600px 40px 0;}
.signout .introduction a {display:inline-block;width:161px;height:53px;text-indent:-1000em;overflow:hidden;margin-right:7px;background-position:0 -330px;}
.signout .introduction a.btn-ios {width:162px;background-position:-170px -330px;}
.signout .introduction .thumbnail .ios {position:absolute;width:218px;height:279px;bottom:0;right:228px;} 
.signout .introduction .thumbnail .android {position:absolute;width:273px;height:324px;bottom:0;right:0;background-position:-220px 0;} 
.signout .featured {padding:60px 0 35px;}
.signout .featured li {float:left;clear:both;font-size: 14px;line-height:20px;color:#6f7174;margin-bottom:25px;padding:20px;width:436px;border-radius:3px;box-shadow: 0 1px 2px rgba(0,0,0,0.08);background: #fff;}
.signout .featured li:nth-child(even) {clear:none;float:right;}
.signout .featured b {display:block;color:#383d48;font-size:18px;font-weight:normal;padding-bottom: 10px;}

.signup .content.signup { left:0%; }
.signup .content.register { display:none; }

.sign .error-label {display:none;margin-left:1em;color:red;font-weight:normal;}
.sign .error .error-label {display:block;}
.sign .hidden-email { display:none; }
.sign .error .hidden-email { display:block; }

#container-wrapper.sign .reset_pw {margin-top:47px;}
#container-wrapper.sign .user-info {position: relative;color: #868990;font-size: 13px;line-height: 18px;margin-bottom: 28px;padding: 23px 0 18px;border-bottom: 1px solid #eff0f2;text-align: center;}
#container-wrapper.sign .user-info img {position: absolute;left: 50%;margin-left: -48px;top: -85px;width: 90px;height: 90px;background: no-repeat 50% 50%;background-size: cover;border: 3px solid #fff;box-shadow: 0 0 0 1px rgba(0,0,0,0.1);border-radius: 100%;}
#container-wrapper.sign .user-info b {display: block;font-size: 16px;color: #4C505A;padding-bottom: 4px;}
#container-wrapper.sign .user-info a {display:block;color:#94979d;}
#container-wrapper.sign .user-info a:hover {text-decoration:none;}
#container-wrapper.sign .reset_pw .email-frm {padding-bottom:19px;}

.sign-wrap input.text:hover:-webkit-autofill, .sign-wrap input.text:-webkit-autofill:hover, .sign-wrap input.text:-webkit-autofill {background-color: #F0F1F3;    -webkit-box-shadow: 0 0 0 50px #F0F1F3 inset !important;}
.sign-wrap input.text:focus:-webkit-autofill:active,.sign-wrap input.text:focus:-webkit-autofill,  .sign-wrap input.text:-webkit-autofill:focus, .sign-wrap input.text:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;background-color: #fff;    -webkit-box-shadow: 0 0 0 50px #fff inset, 0 0 0 2px rgba(133,176,212,0.4) !important;}
.sign-wrap input.text:read-only, .sign-wrap input.text:-moz-read-only { background: rgb(240, 241, 243) !important; box-shadow: none !important; border-color: #DDDFE2 !important; color: #919298 !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; }
.sign-wrap label.label {display: block;color: #393d4d;opacity: 0.6;padding-bottom: 6px;text-align: left;font-size: 12px;}
.sign-wrap .focus label.label {opacity:1;}