@charset "utf-8"; 
#login{margin:0; padding:0; border:none}
#login legend{display:none; width:0; height:0; overflow:hidden; font-size:0}
#login form{margin:0; padding:0}
.sign_link{font-size:12px; text-transform:uppercase; *zoom:1}
.sign_link:after{content:""; *content:" "; display:block; clear:both}
.sign_link .sign_bbox{float:left; height:39px; background-image:url(../images/bbox.png); background-repeat:no-repeat; display:block}
.sign_link .bboxl{width:10px; background-position:-5px -4px}
.sign_link .bboxm{padding:11px 4px 0 4px; height:28px; background-position:0 -50px; background-repeat:repeat-x}
.sign_link .bboxr{width:10px; background-position:-18px -4px}
.sign_link a{line-height:1.2; color:#fff}
.sign_link a span{color:#fff}
.sign_link a:last-child span{color:#9c9c9c}
.sign_link a:hover span{color:#fff}
.sign_link span.signin_bar{margin:0 4px; color:#272727}

/* Login Panel */
#login_panel{position:absolute; top:26px; left:0; width:172px; display:none; z-index:2}
#login_panel .panel_arrow{position:absolute; top:0; left:24px; text-align:right; font-size:16px; cursor:default; z-index:1}
#login_panel .panel_close{position:absolute; top:4px; right:0; width:24px; height:24px; background:url(../images/cameron.png) -10px -10px no-repeat; cursor:pointer; text-indent:-9999px; _top:14px; _right:20px; _width:auto; _height:auto; _background:none; _font-size:11px; _font-weight:bold; _color:#666; _text-indent:0; z-index:3}
#login_panel .panel_body{position:relative; width:140px; top:12px; padding:18px 10px 12px 10px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-shadow:0 3px rgba(0,0,0,0.3); -moz-box-shadow:0 3px rgba(0,0,0,0.3); -webkit-box-shadow:0 3px rgba(0,0,0,0.3); color:#404040; z-index:2}
#login .white .panel_body{background:#fff; border:1px solid #ddd}
#login .white .panel_arrow{color:#ddd}
#login .white a{color:#666}
#login .white a:hover{color:#000}
#login .orange_peel .panel_body{background:#ff9f00; background: -moz-linear-gradient(top, #ff9f00 50%, #f27500 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ff9f00), color-stop(100%,#f27500)); background: -webkit-linear-gradient(top, #ff9f00 50%,#f27500 100%); background: -o-linear-gradient(top, #ff9f00 50%,#f27500 100%); background: -ms-linear-gradient(top, #ff9f00 50%,#f27500 100%); background: linear-gradient(top, #ff9f00 50%,#f27500 100%)}
#login .orange_peel .panel_arrow{color:#ff9f00}
#login .orange_peel a{color:#404040}
#login .orange_peel a:hover{color:#000}
#login_panel .login_idpw {margin-bottom:4px; *zoom:1}
#login_panel .login_idpw:after{content:""; *content:" "; display:block; clear:both}
#login_panel input.id{width:120px; margin:0 0 4px 0; padding:8px 10px 8px 8px; background:#fff; border:1px solid #aaa; font-size:12px; color:#666}
#login_panel input.password{width:120px; margin:0; padding:8px 10px 8px 8px; background:#fff; border:1px solid #aaa; font-size:12px; color:#666}
#login_panel .login_submit {*zoom:1}
#login_panel .login_submit:after{content:""; *content:" "; display:block; clear:both}
#login_panel .auto_save{position:relative; margin-left:1px; margin-bottom:4px; overflow:hidden}
#login_panel .auto_save input.login_check{position:relative; top:2px; *top:1px; margin:0 2px 0 0; *margin:0; padding:0}
#login_panel .auto_save label{*margin:0 5px 0 0; font-family:"굴림"; font-size:12px; letter-spacing:-1px}
#login_panel button.submit{position:relative; float:right; height:30px; margin:0 1px 0 0; padding:0 10px; background:url(../images/cameron.png) 0 -100px repeat-x; background: -moz-linear-gradient(top, #f05258 0%, #f05258 48%, #d50019 51%, #d50019 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f05258), color-stop(48%,#f05258), color-stop(51%,#d50019), color-stop(100%,#d50019)); background: -webkit-linear-gradient(top, #f05258 0%,#f05258 48%,#d50019 51%,#d50019 100%); background: -o-linear-gradient(top, #f05258 0%,#f05258 48%,#d50019 51%,#d50019 100%); background: -ms-linear-gradient(top, #f05258 0%,#f05258 48%,#d50019 51%,#d50019 100%); background: linear-gradient(top, #f05258 0%,#f05258 48%,#d50019 51%,#d50019 100%); border:0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:visible; cursor:pointer; font-size:13px; color:#fff}
#login_panel .login_help{margin-top:10px; text-align:center; font-family:"굴림"}
#login_panel .login_help a:hover{text-decoration:underline}

/* Member Panel */
#member_panel{position:absolute; top:26px; right:-11px; width:172px; display:none; z-index:2}
#member_panel .member_arrow{position:absolute; top:0; right:40px; text-align:right; font-size:16px; cursor:default; color:#eee; z-index:1}
#member_panel .member_close{position:absolute; top:4px; right:0; width:24px; height:24px; background:url(../images/cameron.png) -10px -10px no-repeat; cursor:pointer; text-indent:-9999px; _top:10px; _right:15px; _width:auto; _height:auto; _background:none; _font-size:18px; _color:#666; _font-weight:bold; _text-indent:0; z-index:3}
#member_panel .name_panel{position:relative; top:12px; clear:both; width:140px; margin:0; padding:12px 10px 8px 10px; background:#eee; background: -moz-linear-gradient(top, #ffffff 0%, #dedede 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dedede)); background: -webkit-linear-gradient(top, #ffffff 0%,#dedede 100%); background: -o-linear-gradient(top, #ffffff 0%,#dedede 100%); background: -ms-linear-gradient(top, #ffffff 0%,#dedede 100%); background: linear-gradient(top, #ffffff 0%,#dedede 100%); border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; text-align:center; font-weight:bold; color:#000; z-index:2}
#member_panel .member_list{position:relative; top:12px; width:140px; margin:0; padding:8px 10px 12px 10px; background:#fff; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; box-shadow:0 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 2px rgba(0,0,0,0.3); -moz-box-shadow:0 2px rgba(0,0,0,0.3)}
#member_panel .member_list ul{margin:0; padding:0}
#member_panel .member_list ul li{clear:both; margin:0 0 0 2px; padding:4px 0 0 14px; background:url(../images/cameron.png) -20px -51px no-repeat; list-style:none; font-size:12px; _padding-left:0; _background:none; _list-style:disc; _list-style-position:inside; color:#999}
#member_panel .member_list ul li a{color:#666}
#member_panel .member_list ul li a:hover{text-decoration:underline; color:#000}
#member_panel span.nick_name_bar{margin:0 5px; color:#444}