/* 옵션 메뉴 - 일반 메뉴 (omenu) */
#main-content .itemQuantity input {background:url(../images/quickcart-sprite.png) 0 0 no-repeat;}
#main-content .itemincrement a {background:url(../images/quickcart-sprite.png) -45px 0 no-repeat;}
#main-content .itemdecrement a {background:url(../img/default/ocb2.png) -45px -11px no-repeat;}
#main-content .cart_statusicon {background:url(../images/quickcart-sprite.png) -61px 0 no-repeat;}

#option_menu {z-index:4;  position:absolute;width:240px; margin:0; padding:0; right:5px; *right:5px;top:10px;*top:10px;}
#option_menu {background:url(../img/default/topbar_white.png) 0 0 no-repeat;*zoom:1;}

#optionMenuList {height:30px; position:relative;margin:0; padding:0;list-style:none;color: #fff;}
#optionMenuList li { float:left; height:30px;font-weight:bold !important; font: 12px Dotum, 나눔고딕, NanumGothic, Geneva, Helvetica, Verdana, Dotum, sans-serif; display:inline; position:relative; margin:0; padding:0 8px 0 8px; text-align:center; white-space:nowrap; }
#optionMenuList li a { position:relative; line-height:30px; text-align:center; left:5px;*left:8px;top:0px; *top:1px;color:#000;z-index:1; outline:0;zoom:1; }
#optionMenuList span  { position:absolute; height:11px; top:9px; right:-6px; border-left: 1px solid #bbb; display:block; }
#optionMenuList li a { color:#272525; text-decoration:none; }
#optionMenuList li a:hover { color:#800000; text-decoration:none; }
#optionMenuList li a:visited { color:#800000; text-decoration:none; }

/* 로그인 메뉴*/
#optionMenuList li.profile .memberProfile { position:absolute; margin:0; padding:0; width:169px; height:320px;
top:32px; left:-20px; color:#797771; background:#fff; border: 5px solid #ADADAD;display:none; *zoom:1; overflow:hidden; }
#optionMenuList li.profile .memberProfile ul{ position:relative; margin:0; padding:0; top:25px; left:10px; list-style:none; }
#optionMenuList li.profile .memberProfile li { float:none!important; margin:0; padding:0; height:22px; }
#optionMenuList li.profile .memberProfile li.level a { margin:0; padding:6px 0 4px 22px; *padding:6px 0 6px 22px; font:11px 돋움,Dotum;
bottom:10px}

#optionMenuList li.profile .memberProfile li a { display:block!important; margin:0; padding:6px 0 4px 22px; *padding:6px 0 6px 22px; font:11px 돋움,Dotum;
text-align:left!important; letter-spacing:-1px; color:#666; text-decoration:none; text-shadow:none; filter:none; background:url(../img/default/dots.png) no-repeat left 0px; }
#optionMenuList li.profile .memberProfile li a:hover { background:url(../img/default/dots.png) no-repeat left -22px; }
#optionMenuList li.profile .memberProfile li a:hover,
#optionMenuList li.profile .memberProfile li a:active,
#optionMenuList li.profile .memberProfile li a:focus{ text-decoration:none; }
#optionMenuList li.profile .memberProfile .close { position:absolute; cursor:pointer; border:0; padding:0; top:5px; right:5px; width:18px; height:18px; background:url(../img/default/btn_x3.png); }

#optionMenuList li.login,
#optionMenuList li.logout,
#optionMenuList li.signup,
#optionMenuList li.profile { width:55px; }
.memberProfile li.level {  position:absolute; top:-10px; left:-18px; color:#797771;width:55px;margin:0px;padding: 5px;position:relative;overflow:hidden;}

/* 로그인 팝업 창*/
#optionMenuList .loginLayer { position:absolute; margin:0; padding:30px 0 20px 0; width:226px; height:84px; top:32px; left:2px; color:#797771;
background:#fff; border: 5px solid #ADADAD; display:none; overflow:hidden; text-align:center; }
#optionMenuList .loginLayer .inner { width:218px; margin:0 0 15px 0; padding:0; }
#optionMenuList .loginLayer .inner_oid { width:218px; margin:0; padding:0; }
#optionMenuList .loginLayer form{ *zoom:1; position:relative; overflow:hidden; }

#optionMenuList .loginLayer #commonLogin{ height:58px; margin:0; padding:0; }
#optionMenuList .loginLayer #openidLogin{ height:27px; margin:0; padding:0; }

#optionMenuList .loginLayer input { font:9pt 돋움,Dotum; }

/*ID*/
#optionMenuList .loginLayer input.user_id { position:absolute; top:0; left:12px; width:117px; height:18px; padding:8px 5px 0 5px; color:#505050; border:none; background-image:url(../img/default/username.gif); background-color:transparent; vertical-align:top }
:root #optionMenuList .loginLayer input.user_id { width:117px; height:23px; padding:3px 5px 0 5px; }
#optionMenuList .loginLayer input.user_id.focus { background:url(../img/default/bg_input_focus.gif)!important; }
#optionMenuList .loginLayer input.user_id.focusnot { background:url(../img/default/bg_input_notfocus.gif)!important; }

/*Password*/
#optionMenuList .loginLayer input.user_pw { position:absolute; top:30px; left:12px; width:117px; height:18px; padding:8px 5px 0 5px; color:#505050; border:none; background-image:url(../img/default/password.gif); background-color:transparent; vertical-align:top }
:root #optionMenuList .loginLayer input.user_pw { width:117px; height:23px; padding:3px 5px 0 5px; }
#optionMenuList .loginLayer input.user_pw.focus { background:url(../img/default/bg_input_focus.gif)!important; }
#optionMenuList .loginLayer input.user_pw.focusnot { background:url(../img/default/bg_input_notfocus.gif)!important; }

/*Open ID*/
#optionMenuList .loginLayer .oid_desc { margin:0 0 15px 46px; }
#optionMenuList .loginLayer input.open_id{ position:absolute; top:0; left:12px; width:117px; height:18px; padding:8px 5px 0 5px; color:#505050; border:none; background-image:url(../img/default/open_id.gif); background-color:transparent; vertical-align:top }
:root #optionMenuList .loginLayer input.open_id { width:117px; height:23px; padding:3px 5px 0 5px; }
#optionMenuList .loginLayer input.open_id.focus { background:url(../img/default/bg_input_focus.gif)!important; }
#optionMenuList .loginLayer input.open_id.focusnot { background:url(../img/default/bg_input_notfocus.gif)!important; }

#optionMenuList .loginLayer button.submit_oid { width:52px; height:26px; background-image:url(../img/default/login_btn_submit.gif); background-color:transparent; border:none; margin:0; cursor:pointer; position:absolute; top:0px; left:146px; text-indent:-1000em; }
#optionMenuList .loginLayer span.info_openid { position:relative; left:12px; width:184px; height:26px; margin:0; padding:0; display:block; background:url(../img/default/info_openid.gif); text-indent:-1000em; }

#optionMenuList .loginLayer .saveIDinfo { position:absolute; top:5px; *top:1px; left:147px; *left:141px; }
#optionMenuList .loginLayer .saveIDinfo .inputCheck { position:relative; top:2px; *top:1px; left:0; *left:2px; }
#optionMenuList .loginLayer .keep label{ color:#555; }
#optionMenuList .loginLayer button.submit { width:52px; height:26px; background-image:url(../img/default/login_btn_submit.gif); background-color:transparent; border:none; margin:0; cursor:pointer; position:absolute; top:30px; left:146px; text-indent:-1000em; }

#optionMenuList .loginLayer .help {text-align:left; margin:15px 0 5px 2px; padding:0; list-style:none; *zoom:1; overflow:hidden; }
#optionMenuList .loginLayer .help li { position:relative; margin:0; padding:0 8px; display:inline; line-height:14px; background:url(../img/default/vr_extra.gif) no-repeat 6px 1px; white-space:nowrap }
#optionMenuList .loginLayer .help li a { text-decoration:none; color:#999; text-shadow:none; top:0; filter:none }
#optionMenuList .loginLayer .help li.first { background:none }
#optionMenuList .loginLayer .help li a:hover,
#optionMenuList .loginLayer .help li a:active,
#optionMenuList .loginLayer .help li a:focus{ text-decoration:underline;}

#optionMenuList .loginLayer .close { position:absolute; cursor:pointer; border:0; padding:0; top:5px; right:5px; width:18px; height:18px; background:url(../img/default/btn_x3.png); }