@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{position:relative; *zoom:1}
.sign_link:after{content:""; *content:" "; display:block; clear:both}
.sign_link a.newButton{display:block; height:26px; float:left; background:url(../images/new_button.jpg) repeat-x left top; text-decoration:none; overflow:hidden}
.dark .sign_link a.newButton{background-image:url(../images/new_button_dark.jpg)}
.sign_link a.newButton span{display:block; height:26px; background-image:url(../images/new_button.jpg); background-repeat:no-repeat; font-family:"굴림"; font-size:11px; color:#757575; cursor:pointer}
.dark .sign_link a.newButton span{background-image:url(../images/new_button_dark.jpg); color:#929292}
.sign_link a.newButton:hover{background-position:left -78px}
.sign_link a.newButton:hover span{color:#d42d17}
.dark .sign_link a.newButton:hover span{color:#f0b70c}
.sign_link a.newButton .left{background-position:left -26px; padding-left:13px}
.sign_link a.newButton:hover .left{background-position:left -104px; padding-left:13px}
.sign_link a.newButton .right{background-position:right -52px; padding-top:7px; padding-right:13px}
.sign_link a.newButton:hover .right{background-position:right -130px; padding-right:13px}

/* Login Panel */
#login_panel{position:absolute; top:20px; right:-10px; width:172px; display:none; z-index:2}
#login_panel .panel_arrow{position:absolute; top:-2px; left:24px; text-align:right; font-family:Arial, Helvetica, sans-serif; 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_stylish.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:#e8e8e8}
#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 #e8e8e8; font-size:12px; color:#666}
#login_panel input.password{width:120px; margin:0; padding:8px 10px 8px 8px; background:#fff; border:1px solid #e8e8e8; 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_stylish.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-family:"굴림"; 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:20px; right:-10px; width:172px; display:none; z-index:2}
#member_panel .member_arrow{position:absolute; top:-2px; left:24px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#e8e8e8; cursor:default; z-index:1}
#member_panel .member_close{position:absolute; top:4px; right:0; width:24px; height:24px; background:url(../images/cameron_stylish.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:#e8e8e8; background:-moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8)); background:-webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); background:-o-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); background:-ms-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); background:linear-gradient(top, #ffffff 0%,#e8e8e8 100%); border:1px solid #e8e8e8; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; text-align:center; font-family:"굴림", Arial; 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:1px solid #e8e8e8; border-top:none; 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_stylish.png) -20px -51px no-repeat; list-style:none; font-family:"굴림"; 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}