/* BASIC css start */
#loginpage { width:100%; margin:0 auto; }
#loginpage #logbox { width:470px; margin:0 auto; }


/* 타이틀 */
#loginpage h3 { /*clear:both; height:36px; margin-bottom:10px; text-align:left; font-size:14px; color:#333; line-height:36px; font-weight:normal;*/ display:none; }

/* 로그인 */
#loginpage .login { clear:both; width:100%; min-height:100px; }
#loginpage .login fieldset { position:relative; float:left; width:340px; }

#loginpage .login fieldset .id,
#loginpage .login fieldset .password { overflow:hidden; display:block; width:340px; height:30px; }
#loginpage .login fieldset .password { margin-top:10px; }

#loginpage .login fieldset .id span,
#loginpage .login fieldset .password span { float:left; width:70px; line-height:30px; font-size:12px; color:#666; vertical-align:middle; }

/* 로그인 인풋 */
#loginpage .login fieldset input { float:left; width:258px; height:28px; line-height:28px; padding:0 5px; border:0; background:none; border:1px solid #dedede; color:#555; vertical-align:middle; }

/* 보안접속 */
#loginpage .login fieldset .security { clear:both; display:inline-block; *display:inline; *zoom:1; color:#777; font-size:11px; line-height:20px; margin:10px 0 0 70px; }
#loginpage .login fieldset .security img { margin-right:2px; vertical-align:middle; }
#loginpage .login fieldset .security input { width:13px; height:13px; margin:0 3px 0 0; vertical-align:-3px; *vertical-align:2px; }
#loginpage .login fieldset .security label { margin:0 6px 0 0; }

/* 로그인 버튼 */
#loginpage .login .loginbtn { float:right; display:block; width:120px; height:70px; }
#loginpage .login .loginbtn a { display:block; width:100%; height:100%; }
#loginpage .login .loginbtn span { line-height:70px; }

/* 아이디 비밀번호 찾기 */
#loginpage .findline { position:relative; clear:both; width:270px; line-height:20px; margin:0 0 0 70px; padding-top:20px; }
#loginpage .findline a { display:inline-block; *display:inline; *zoom:1; line-height:20px; background:url(/design/bebeya/onedesign/images/logpage_icon.gif) 0 center no-repeat; padding-left:10px; margin-left:20px; }
#loginpage .findline a.first { margin-left:0; }
#loginpage .findline a:hover { color:#777; }
#loginpage .findline div { display:inline-block; *display:inline; *zoom:1; line-height:20px; }
#loginpage .findline .join_link { position:absolute; top:20px; right:0; }
#loginpage .findline .join_link a { margin-left:0; }

/* 비회원 로그인 */
#loginpage .noMember { clear:both; width:470px; margin:70px auto 0; }
#loginpage .noMember p { text-align:center; line-height:18px; color:#555; display:none; }
#loginpage .noMember a { clear:both; width:100%; height:50px; line-height:50px; }




/* simpleLogin */
#simpleLogin { position: relative; }
#simpleLogin .sns-login { margin-top: 30px; text-align: center; font-size: 0; line-height: 0; }
#simpleLogin .sns-login p { margin-bottom: 30px; }
#simpleLogin .sns-login a { display: inline-block; margin: 0 4px; }



@media all and (max-width:640px) and (min-width:0px) {
#loginpage #logbox { width:340px; transition:all 0.3s ease; }
#loginpage .login .loginbtn { clear:both; width:270px; height:50px; transition:all 0.3s ease; }
#loginpage .login .loginbtn span { line-height:50px; transition:all 0.3s ease; }

/* 비회원 로그인 */
#loginpage .noMember { width:340px; transition:all 0.3s ease; }
}

/* BASIC css end */