@charset "utf-8";

/* 로그인 */
#login { position:relative; margin:100px auto; width:400px; padding-left:320px; background:url(img/login.gif) no-repeat 14px 10px;}
#login h3 {font-weight:normal;}
#login h3 .a { font-size:30px; line-height:100%; margin:10px 0; padding:0;}
#login h3 .b { font-size:20px; line-height:100%; margin:0; padding:0; color:#3b3b40}
#login h3 .c { font-size:13px; font-weight:normal; line-height:120%; color:#aaa;}
#login .check { padding:15px 0 5px 0;}
#login .login_input { width:150px; position:relative;}
#login .login_input input { width:150px; height:30px; font-size:16px;}
#login .login_input #mb_id { ime-mode:disabled;}
#login .login_input #login_mb_password { margin-top:2px;}
#login .login_input input.submit { position:absolute; width:70px; height:62px; left:155px; top:0; font-size:13px;}
#login hr { padding:0; margin:0; height:0px; border:1px solid #b2acd9;} 
#login .register { padding-top:5px; margin-top:50px; border-top:1px solid #dcdcdc; line-height:175%}
#login .register p { margin:5px 0;}

#outlogin { position:relative; float:right; margin-top:-9px; padding-left:5px;}
#outlogin h3 { display:none;}
#outlogin .user_name { margin:2px 5px 0 10px;}
#outlogin .user_point { margin:4px 5px 0 10px;}
#outlogin .user_img { float:right;}
.pop { display:none; position:absolute; width:184px; top:35px; right:-1px; background:#fff; padding:15px; border:1px solid #999; z-index:1300; overflow:hidden;}
#outlogin .pop img { float:left; margin-right:10px;}
#outlogin h4 { margin:20px 0 5px 0; font-size:13px; color:#aaa}
#outlogin ul { margin-bottom:3px;}
#outlogin ul, .pop li { font-size:0;}
#outlogin li { display:inline-block; margin-right:-1px;}
#outlogin li a { display:inline-block; width:31px; height:31px; border:1px solid #ddd; background-image:url(img/icon_member.png);}
#outlogin li a:hover { background-color:#eee;}
#outlogin li a.active {background-color:#ddd;}
#outlogin .button.w100 { display:block; width:100%; margin-top:3px;}
#outlogin a.cart {background-position:0 0 ;}
#outlogin a.wishlist {background-position:-29px 0;}
#outlogin a.memo {background-position:-58px 0 ;}
#outlogin a.new {background-position:-87px 0 ;}
#outlogin a.scrap {background-position:-116px 0 ;}
#outlogin a.point {background-position:-145px 0 ;}
#outlogin a.confirm {background-position:-174px 0 ;}


@media screen and (max-width: 480px){
	#outlogin { margin-top:-19px;}
}