@charset "euc-kr"; /* <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> */

/* css 초기화 ================================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, select, input, textarea {
	margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }

body, input, textarea, select, td { font-size:12px; font-family:돋움; color:#000000; }
h1, h2, h3, h4, h5, h6 { font-size:12px; }
h1, h2, h3, h4, h5, h6, strong { font-weight:bold; }

img { border:0; }

a { text-decoration:none; color:#000000; }
a:hover { text-decoration:underline; }
 
:focus { outline:0; }
body { line-height:120%; background:#FFFFFF; }
ol, ul { list-style: none; }

table { margin:0; outline:0; border-collapse:collapse; border-spacing:0; }
caption, th, td { font-weight:normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* css 초기화 ================================================================================== */

body { width:100%; height:100%; background:#FFFFFF; }
.main { background:#333333 url('../img/bg_main_top.gif') center 44px repeat-x; }
.main .container { width:100%; height:100%; table-layout:fixed; }
.main .container td { position:relative; vertical-align:top; }
.main .container .bg_left { background:url('../img/img_main_left.jpg') right top no-repeat; }
.main .container .bg_right { background:url('../img/img_main_right.jpg') left top no-repeat; }

.main .contents { width:980px; }
.main .contents img { display:block; }

.main .fashion { position:absolute; top:279px; left:258px; width:320px; }
.main .fashion li { position:relative; float:left; margin-right:108px; width:37px; height:160px; letter-spacing:-1px; font-weight:bold; color:#FFB400; font-family:verdana; font-size:11px; }
.main .fashion .btn_vote { position:absolute; top:-1px; right:-31px; }

.main .weapon { position:absolute; top:279px; left:566px; width:320px; }
.main .weapon li { position:relative; float:left; margin-right:108px; width:37px; height:160px; letter-spacing:-1px; font-weight:bold; color:#FFB400; font-family:verdana; font-size:11px; }
.main .weapon .btn_vote { position:absolute; top:-1px; right:-31px; }

.main .login_before { position:absolute; top:285px; left:18px; width:129px; height:42px;  }
.main .login_before .id { position:absolute; top:1px; left:1px; padding:3px 3px 0 3px; width:81px; height:18px; color:#F8FAFF; background:transparent url('../img/bg_input_id.gif') left top no-repeat; }
.main .login_before .pw { position:absolute; top:23px; left:1px; padding:3px 3px 0 3px; width:81px; height:18px; color:#F8FAFF; background:transparent url('../img/bg_input_pw.gif') left top no-repeat; }
.main .login_before .btn_login { position:absolute; top:0; left:0; }

.main .login_after { position:absolute; top:285px; left:18px; padding-top:6px; width:129px; height:42px; color:#959595; line-height:130%; font-size:11px; text-align:center; background:url('../img/bg_main_login2.gif') left top no-repeat; }
.main .login_after em { font-weight:bold; color:#FFF000; font-style:normal; }
.main .login_after strong { font-weight:bold; color:#40FDFF; }

#popItem { display:none; cursor:pointer; _cursor:hand; position:absolute; top:111px; width:660px; left:50%; margin-left:-330px; text-align:right; z-index:1000; }
#popItemBG { display:none; z-index:100; width:100%; position:absolute; top:44px; left:0; background:#000000; filter:Alpha(Opacity=80); }