/* BASIC css start */
#container.bg{background:#f5f6f6;}
.loginwrap {opacity:0;margin-top:10px;}
.loginwrap .login {position: relative;width: 330px;margin: 0 auto;}
.loginwrap .login > h3 {display:none;}
.loginwrap .login > h3 i{position: absolute;left: 26px;top: 32px;}
.loginwrap .login > h3 i {color: #b9b9ba9;font-size: 15px;}
.loginwrap .login > h3 i:hover {left:24px;color:#fff}
.loginwrap .login > h3 i:hover,
.loginwrap .login > h3 i {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

.loginwrap .login fieldset { position:relative;  margin:0 auto;padding-top:0px;}
.loginwrap .login fieldset .inputline {clear:both;height:48px;}
.loginwrap .login fieldset .inputline:first-child {padding-bottom:4px;}
.loginwrap .login fieldset .inputline i {display:none; float:left;width:20px;line-height:32px;color:#ddd}
.loginwrap .login fieldset .id,
.loginwrap .login fieldset .password {float:right;overflow: hidden;display: block;width:100%;margin: 0 0 1px;color: #8F8F91; border:1px solid #efefef; box-sizing:border-box;}
.loginwrap .login fieldset .id span,
.loginwrap .login fieldset .password span { height:32px; line-height:32px; padding:0 0 0 8px; color:#c9c9c9;}
.loginwrap .login fieldset input[type=text],
.loginwrap .login fieldset input[type=password] { width:100%; height:50px; line-height:28px; padding:12px 0 10px 15px; border:0 none; color:#8F8F91;background:#fff !important; box-sizing:border-box;}
.loginwrap .login fieldset .saveid {  clear:both;  padding: 0 0 0 2px;margin: 20px 0 15px;color: #888;font-size: 12px; }
.loginwrap .login fieldset .saveid:after {content:"";clear:both;display:block;}
.loginwrap .login fieldset .saveid > div {float:left;text-align:left;}
.loginwrap .login fieldset .saveid > div span{vertical-align:middle;}
.loginwrap .login fieldset .saveid ul {float:right;overflow:hidden; margin:0; border:0; }
.loginwrap .login fieldset .saveid ul a {color:#888;}
.loginwrap .login fieldset .saveid ul li {padding:0 3px;}
.loginwrap .login fieldset .saveid img {display:none; }
.loginwrap .login fieldset .saveid i {    display: inline-block;font-size: 15px;color: #da6025;margin-right: 12px;}
.loginwrap .login fieldset .saveid input[type="checkbox"] {display: none;}

.loginwrap .login fieldset .saveid input[type="checkbox"] + label {display: inline-block; vertical-align:top;width:15px; height: 15px; background: #ffffff;cursor: pointer;background:url(http://odeshop.img8.kr/onedesign/images/login_check_off.png ) no-repeat; }
.loginwrap .login fieldset .saveid:after {display:block; clear:both; content:"";}
.loginwrap .login fieldset .saveid input[type="checkbox"] + label::before{}

.loginwrap .login fieldset .saveid input[type="checkbox"]:checked + label {background:url(http://odeshop.img8.kr/onedesign/images/login_check_on.png ) no-repeat; }

.loginwrap .login fieldset {position:relative;}
.loginwrap .login fieldset .saveid input[type="checkbox"] + label span {font-size:0;}


.loginwrap .login fieldset > div {text-align:center;clear:both;}
.noLogin .button { margin-top: 0;}
.noLogin .button a{display: inline-block;box-sizing: border-box;padding: 14px 98px;background: #8a8a8a;font-family: 'nunito','¸¼Àº °íµñ','Malgun Gothic';letter-spacing: 1px;font-weight: 500;font-size: 13px;COLOR: #fff; width:100%;}
.noLogin .button a:before {background: #da6025}
.loginwrap .login fieldset > div > a {display: inline-block;box-sizing: border-box;padding: 14px 98px;background: #8a8a8a;font-family: 'nunito','¸¼Àº °íµñ','Malgun Gothic';letter-spacing: 1px;font-weight: 500;font-size: 13px;COLOR: #fff; width:100%;}
.loginwrap .login fieldset li {display:block; padding:0 9px 0 0px; text-align:center; }
.loginwrap .login fieldset li a { color:#2e2e2e; }
.loginwrap .login fieldset .link { position:relative;  padding:25px 0 0 0px; color:#757575; text-align:center;	}
.loginwrap .login fieldset .link a { font-size:12px;color: #da6025;}
.loginwrap .login fieldset #noMemberWrap { border-top:0; margin-top:0; }
.loginwrap .hvr-sweep-to-right:before {background: #da6025}
.loginwrap .login fieldset > div:hover > a  {color:#fff !important}
.loginwrap input:focus {color:#da6025 !important}


/* ºñȸ¿ø ±¸¸ÅÇϱâ */
.nonMember {text-align:center;margin:50px 0 0 ;}
.nonMember p {font-size:12px;}
.nonMember a {width:calc(50% - 2px); display: inline-block; vertical-align:middle; background:#fff; box-sizing: border-box;padding: 12px 76px;font-family: nunito;letter-spacing: 1px;font-weight: 500;font-size: 12px;margin: 0 auto; color: #827a70; border:1px solid #efefef;}

/*sns ·Î±×ÀÎ */
.snsArea {opacity:0;clear:both;text-align:center;margin-top:50px; margin-bottom:50px;}
.snsArea h2{font-size:12px; color:#888; margin:10px 0; font-weight:300;}
.snsArea li { display:inline-block;margin:0 10px; padding:0; background:none; }

.benefit { width: 100%; text-align: center; }

.joinArea{opacity:0;clear:both;text-align:center;margin-bottom:50px;}
.joinArea h2{font-size:12px; color:#888; margin:10px 0; font-weight:300;}
.joinArea a{display: inline-block;vertical-align: middle;background: #fff;border: 1px solid #efefef;color: #827a70;display: inline-block;box-sizing: border-box;padding: 14px 0;font-family: 'nunito','¸¼Àº °íµñ','Malgun Gothic';letter-spacing: 1px;font-weight: 500;font-size: 13px;}
/* BASIC css end */