@charset "UTF-8";
.sign #header .logo a {background: url("../images/normal/navi.2b9a8d8a799a.png") no-repeat;background-size: 200px 100px;}
.sign .sign-wrap .detail .captcha .btns-gray-embo:before {background:url("../images/normal/refresh.bcabb764dd17.png") no-repeat;background-size:14px 12px;}

@media screen and (-webkit-min-device-pixel-ratio:2){
	.sign #header .logo a {background-image: url("../images/retina/navi.42d683dee702.png");}
	.sign .sign-wrap .detail .captcha .btns-gray-embo:before {background-image:url("../images/retina/refresh.7340741dc27f.png") ;}
}
@keyframes cf3FadeIn {0% {opacity:0;}100% {opacity:1;}}
@-webkit-keyframes cf3FadeIn {0% {opacity:0;}50% {opacity:0.5;}100% {opacity:1;}}
@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;}}
@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;}}
@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 .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 }
.sign#container-wrapper {min-width:100%;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");display:table;}
.sign#container-wrapper .bg {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background:no-repeat 50% 50%;background-size:cover;}
.sign#container-wrapper .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");}
.sign#container-wrapper .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");}
.sign#container-wrapper .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");}
.sign .container {display:table-cell;vertical-align:middle;background: none;padding: 65px 0;position: relative;box-shadow: none;width: 100%;}
.sign .container:after {content:'';position: fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.sign .wrapper-content {width:410px;overflow:hidden;position: relative;margin: 0 auto;z-index:1;}
.sign .content {display:table;position: relative;border-collapse: collapse;transition: left 0.5s, opacity 0.5s;-webkit-transition: left 0.5s, opacity 0.5s;-moz-transition: left 0.5s, opacity 0.5s;left:0;}
.sign .content > .sign-wrap {display:table-cell;vertical-align: middle;}
.sign .sign-wrap {position:relative;z-index:2;display: none;}
.sign .sign-wrap > .wrapper {position:relative;box-shadow:0 1px 2px rgba(0,0,0,0.04);background:#fff;border-radius:3px;padding:38px 45px 45px;width: 320px;margin: 0 auto;}
.sign .sign-wrap .btn-signup {display: block;width: 100%;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 .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 .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 .sign-wrap .btn {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;width: 100%;display: block;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;text-align: center;}
.sign .sign-wrap .btn: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 .sign-wrap .btn:active {background: #4d7aaf;box-shadow: inset 0 1px 1px rgba(53,96,144,.51);border: solid 1px #396c9d;}
.sign .sign-wrap h2 {font-size:22px;color:#4c505a;line-height:26px;}
.sign .sign-wrap h2 > small {color:#4c505a;font-size:15px;font-weight:normal;line-height:20px;opacity:0.7;display:block;padding-top: 13px;}
.sign .sign-wrap input.text {padding: 8px;background: #F0F1F3;display: block;width: 100%;box-shadow: inset 0 1px 1px rgba(0,0,0,.02);border: 1px solid;border-color: #C9CCD0 #CFD2D6 #CFD2D6;border-radius: 3px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size: 14px;height: auto;}
.sign .sign-wrap input.text::-webkit-input-placeholder {color:#afb0b2;}
.sign .sign-wrap input.text:-moz-placeholder {color:#afb0b2;}
.sign .sign-wrap input.text:-ms-input-placeholder {color:#afb0b2;}
.sign .sign-wrap input.text.placeholder {color:#afb0b2;}
.sign .sign-wrap input.text.error::-webkit-input-placeholder {color:#db6265 ;}
.sign .sign-wrap input.text.error:-moz-placeholder {color:#db6265 ;}
.sign .sign-wrap input.text.error:-ms-input-placeholder {color:#db6265 ;}
.sign .sign-wrap input.text.error.placeholder {color:#db6265 ;}
.sign .sign-wrap input.text.error {color:#db6265 ;border-color:#d2928c ;box-shadow:0 0 0 2px #f0d1ce;}
.sign .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 .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 .sign-wrap input.text:hover:-webkit-autofill, .sign .sign-wrap input.text:-webkit-autofill:hover, .sign .sign-wrap input.text:-webkit-autofill {background-color: #F0F1F3;    -webkit-box-shadow: 0 0 0 50px #F0F1F3 inset !important;}
.sign .sign-wrap input.text:focus:-webkit-autofill:active,.sign .sign-wrap input.text:focus:-webkit-autofill,  .sign .sign-wrap input.text:-webkit-autofill:focus, .sign .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 .sign-wrap input.text:read-only, .sign .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 .sign-wrap label.label {display: block;color: #393d4d;opacity: 0.6;padding:8px 0 6px;text-align: left;font-size: 12px;}
.sign .sign-wrap .focus label.label {opacity:1;}
.sign .sign-wrap .email-frm {padding:22px 0 0;}
.sign .sign-wrap .email-frm input.text {margin-bottom:10px;}
.sign .sign-wrap .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;}
.sign .sign-wrap .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;}
.sign .sign-wrap .email-frm .forgot_pw small:after {content:'';border: 4px solid transparent;border-top-color:#0b0f16;right: 14px;bottom: -8px;position: absolute;}
.sign .sign-wrap .email-frm .forgot_pw:hover {text-decoration:none;}
.sign .sign-wrap .email-frm .forgot_pw:hover small {opacity:1;visibility: visible;}
.sign .sign-wrap .others {position:relative;padding:20px 0 0;text-align:center;color:#8d919a;font-size:12px;line-height:20px;}
.sign .sign-wrap .others a {font-weight:bold;}
.sign .sign-wrap .terms {color:#81848b;font-size:11px;line-height:16px;text-align:center;padding:19px 50px 0;}
.sign .sign-wrap .terms a {color: #616671;font-weight: bold;}
.sign .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 .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 .sign-wrap fieldset .msg svg {position:absolute;left: 13px;top: 13px;;}
.sign .sign-wrap fieldset .msg .icon {fill: #d93434;fill-rule: evenodd;}
.sign .sign-wrap fieldset .msg.require .icon {fill: #497ab3;fill-rule: evenodd;}
.sign .sign-wrap fieldset .msg:after {content:'';position: absolute;right: 100%;top:11px;border:8px solid transparent;border-right-color: #fff;}
.sign .sign-wrap fieldset span {display:block;position:relative;padding:0;min-height:0;}
.sign .sign-wrap fieldset span.error .msg {display:block;}
.sign .sign-wrap fieldset span.with-label .msg {top: 20px;}
.sign .sign-wrap .detail .captcha:after {content:'';display:block;clear:both;}
.sign .sign-wrap .detail .captcha {text-align:center;border-top:1px solid #eef0f1;padding: 20px 0;border-bottom: 1px solid #eef0f1;margin-bottom: 20px;}
.sign .sign-wrap .detail .captcha img {margin-bottom: 10px;vertical-align:top;}
.sign .sign-wrap .detail .captcha .btns-gray-embo {float:left;width: 90px;margin:0;text-transform: capitalize;padding: 0;line-height:33px;}
.sign .sign-wrap .detail .captcha .btns-gray-embo:before {content:'';display:inline-block;width:14px;height:14px;vertical-align: middle;margin: 0px 5px 0 0;}
.sign .sign-wrap .detail .captcha input.text {float:right;margin: 0;width: 80%;width: calc(100% - 100px);width: -webkit-calc(100% - 100px);width: -moz-calc(100% - 100px);font-size: 13px;}
.sign .sign-wrap .step {position:absolute;top:47px;right:45px;width:6px;height:6px;border:1px solid #acc3dd;border-radius:100%;}
.sign .sign-wrap .step:before, .sign-wrap .step:after {content:'';position:absolute;top:-1px;left:-15px;width:6px;height:6px;border:1px solid #acc3dd;border-radius:100%;}
.sign .sign-wrap .step:before {left:-29px;}
.sign .sign-wrap .step1:before, .sign-wrap .step2:after, .sign-wrap .step3 {border-color:#4879b2;background:#4879b2;}
.sign .sns {font-size:0;white-space:nowrap;overflow: hidden;border-bottom: 1px solid #eef0f1;padding: 24px 0 5px;}
.sign .sns button {font-size: 14px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius: 3px;display: inline-block;line-height: 36px;font-weight: bold;padding: 0 12px;border: 1px solid;color: #fff;margin-bottom:14px;}
.sign .sns > div {width:100%;font-size:13px;display:inline-block;vertical-align:top;transition: left 0.5s, opacity 0.5s;-webkit-transition: left 0.5s, opacity 0.5s;-moz-transition: left 0.5s, opacity 0.5s;position: relative;left: 0;}
.sign .sns > div:after {content:'';clear:both;display:block;}
.sign .sns.more > div {left:-100%;}
.sign .sns .btn-fb {display:block;width:100%;text-shadow: 0 -1px 0 #344d7a;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 .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 .sns .btn-fb:active {border-color: #334d7a;background: #49689e;box-shadow: inset 0 1px 2px rgba(47,73,116,0.6);}
.sign .sns .btn-tw {text-shadow: 0 -1px 0 #4f8eaf;border-color: #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');width: 49%; width: calc(50% - 7px); width: -webkit-calc(50% - 7px); width: -moz-calc(50% - 7px);float: right;}
.sign .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 .sns .btn-tw:active {border-color: #2f8acb;background: #51a3e2;box-shadow: inset 0 1px 2px rgba(47,73,116,0.2);}
.sign .sns .btn-gg {color: #dc4e41;border-color: #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');width: 49%;width: calc(50% - 7px);width: -webkit-calc(50% - 7px);width: -moz-calc(50% - 7px);float: left;}
.sign .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 .sns .btn-gg:active {border-color: #d9dbde;background: #f9fafa;box-shadow: inset 0 1px 2px rgba(47,73,116,0.1);}
.sign .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');width: 49%; width: calc(50% - 7px); width: -webkit-calc(50% - 7px); width: -moz-calc(50% - 7px);float: right;}
.sign .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 .sns .btn-b:active {border-color: #3d6186;background: #48719B;box-shadow: inset 0 1px 2px rgba(47,73,116,0.3);}
.sign .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 .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 .sns .btn-q:active {border-color: #217BBB;background: #288BD2;box-shadow: inset 0 1px 2px rgba(47,73,116,0.2);}
.sign .sns .btn-r {display:block;width:100%;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 .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 .sns .btn-r:active {border-color: #225988;background: #2D6794;box-shadow: inset 0 1px 2px rgba(47,73,116,0.3);}
.sign .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');width: 49%; width: calc(50% - 7px); width: -webkit-calc(50% - 7px); width: -moz-calc(50% - 7px); float: left;}
.sign .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 .sns .btn-w:active {border-color: #be333e;background: #DA3E4A;box-shadow: inset 0 1px 2px rgba(47,73,116,0.2);}
.sign .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 #header {position:absolute;top:0;left:0;padding:21px 28px;z-index: 10;}
.sign #header .logo a:hover {opacity: 0.6;filter: alpha(opacity=60);}
.sign #header .logo a {display: block;width: 91px;height: 20px;padding: 0;text-indent: -1000em;opacity:0.9;transition: opacity 0.2s ease;-webkit-transition: opacity 0.2s ease;-moz-transition: opacity 0.2s ease;-o-transition: opacity 0.2s ease;-ms-transition: opacity 0.2s ease;}
.sign #footer {position:absolute;left:0;width:100%;text-align:center;background: rgba(0, 0, 0, 0.6);bottom:0;padding:12px 0;z-index: 10;}
.sign #footer li {display:inline-block;padding:0 5px;line-height:25px;font-size:11px;color:#747b8b;font-weight:bold;}
.sign #footer a { color: #AFB1B3; text-decoration:none; }
.sign #footer a:hover { color: #FFF; }
.sign .activation.sign-wrap input.text, .activation.sign-wrap .btn, .account.sign-wrap .btn {margin-top:20px;}
.sign .success.sign-wrap .btn {margin-top:38px;}
.sign .sign-wrap .wrapper.signup, .sign-wrap .wrapper.signin, .sign-wrap .wrapper.register {padding-bottom:20px;}
#popup_container .popup.register h2, #popup_container .popup.complete h2 {padding-bottom:12px;}
.sign .sign-wrap .wrapper.complete h2 {padding-bottom:12px;}
.sign .sign-wrap .detail input.text {margin-bottom:8px;}
.sign .sign-wrap .detail .url {font-size: 11px;color: #868990;display:block;padding-bottom: 14px;}
.sign .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 .sign-wrap .detail .error.username_suggest {display:block;}
.sign .sign-wrap .detail input.text {padding:7px 8px;}
.sign .reset_pw {margin-top:47px;}
.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;}
.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%;}
.sign .user-info b {display: block;font-size: 16px;color: #4C505A;padding-bottom: 4px;}
.sign .user-info a {display:block;color:#94979d;}
.sign .user-info a:hover {text-decoration:none;}
.sign .reset_pw .email-frm {padding-bottom:19px;}
.sign .sign-wrap .others .selling {position:absolute;bottom: -26px;left: -45px;background: #f0f1f3;border-top: 1px solid #e7e8e9;padding: 10px 45px;text-align: center;width: 100%;border-radius: 0 0 3px 3px;}
.sign .sign-wrap .others a {font-weight:bold;}
.sign .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 .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 .sign-wrap .btn-switch.on {background: #4092DE;}
.sign .sign-wrap .btn-switch.on:before {left:1px;right:auto;}
.sign .sign-wrap .checklist {font-size:13px;line-height:18px;color:#4f5663;padding-bottom:15px;}
.sign .sign-wrap .checklist li {padding:2px 0;}

.signout .introduction .thumbnail div, .signout .introduction a {background:url("../images/common/signout.37c0e61cb53f.png") no-repeat;}
.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;}

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

#popup_container.signup .popup.signup {display:block;}
#popup_container .popup.signup, #popup_container .popup.register, #popup_container .popup.complete {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_container .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, .popup.complete .sign-wrap {margin:0;border: 0;box-shadow: none;}
.popup.sign.with-cover .sign-wrap {border-radius: 3px 0 0 3px;height:100%;width:320px;}
.popup.sign.with-cover .sign-wrap .others .selling {border-radius:0 0 0 3px;}
.popup.signup h2 {padding-bottom:12px;}
.popup.signin .sign-wrap .others, .popup.signup .sign-wrap .others {padding-bottom: 30px;}
#popup_container.signin .popup.signin {display:block;}
#popup_container .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;}
.popup .sign-wrap {display:block;padding: 37px 45px 26px;}
.popup.forgot_pw .sign-wrap {padding-bottom:40px;}

@media screen and (max-width: 800px) {
	.sign #header .logo a:before {background: url("../../m/images/new_header.3ec2211ad4c9.png") no-repeat;background-size: 75px 75px;}
	.sign#container-wrapper {background:none;display: block;position: relative;width: auto;height: auto; min-width: auto;}
	.sign#container-wrapper .bg, #footer {display:none;}
	.sign .container {padding:0;display: block;}
	.sign .sign-wrap > .wrapper {width:auto;box-shadow:none;border-radius:0;padding: 17px 20px;}
	.sign .container:after {display:none;}
	.sign .sign-wrap fieldset .msg {left:auto;right: -15px;padding-left: 13px;}
	.sign .sign-wrap fieldset .msg .icon {display:none;}
	.sign .sign-wrap .step {top: 25px;right: 20px;}
	.sign #header {padding: 0;position: relative; border-bottom: 1px solid #0d0e10; background: #323640;}
	.sign #header .logo a {width: 11px;height: 18px;padding: 13px;background: none;margin: 0 auto;}
	.sign #header .logo a:before { content: '';position: absolute;width: 11px;top: 50%;left: 50%;margin: -9px 0 0 -6px;height: 18px;background-position: -20px 0;opacity: 0.85;}
}

/*

.new-signin #header.v2 #navigation .logo {background:url("../images/normal/header.ad57909b6bde.png") no-repeat;background-size:100px 100px;}

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 {position:relative;padding:20px 0 0;text-align:center;color:#8d919a;font-size:12px;line-height:20px;}
.popup.signin .sign-wrap .others, .popup.signup .sign-wrap .others {padding-bottom: 30px;}
.sign-wrap .others .selling {position:absolute;bottom: -26px;left: -45px;background: #f0f1f3;border-top: 1px solid #e7e8e9;padding: 10px 45px;text-align: center;width: 100%;border-radius: 0 0 3px 3px;}
.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 .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');}
.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;}
.sign.signin .sign-wrap h2,.sign.register .sign-wrap h2, .popup.signin h2, .popup.register h2 {padding-bottom:24px;}

.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; }

.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;}
*/

#signup-recaptcha { margin-bottom: 10px; }
#signup-recaptcha > div > div { margin-left: auto; margin-right: auto; }