/* ==============================================================================================================================
/
/     TITLE :: CSS 2.0 STYLESEET for XHTML 1.x
/     by Web publisher park
/
/     last update by 2008.04.09
/
/  ============================================================================================================================== */

    /* default tag setting */

	html, body { height:100%; cursor:default; font-family:dotum, sans-serif; color:#777; font-size:12px; text-align:center; }
	body, ul, ol, li, dl, dt, dd, p, hr, form { padding:0; margin:0; } ul, ol, li { list-style-type:none }
	h1, h2, h3, h4 ,h5 ,h6 { padding:0; margin:0; } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display:none; }
	img { border:0; vertical-align:text-top; } table { border-collapse:collapse } input { font:normal 11px dotum; margin:0; }
	hr { clear:both; display:none; } label { cursor:pointer; _cursor:hand; } script, style { display:none;}
	fieldset { border:0; padding:0; margin:0; } legend { display:none }
	input { vertical-align:middle; font:normal 11px dotum; color:#797979; }
	a { text-decoration:none; behavior:expression(this.hideFocus=true); }
	a:link, a:visited { color:#777777; outline:none; }  a:active {  } a:hover { cursor:pointer; }

   /* default class stylesheet */

	.fl { float:left } .fr { float:right } .tl { text-align:left } .tr { text-align:right } .tc { text-align:center }
	.b { font-weight:bold } .u { text-decoration:underline } .s {  } .middle { vertical-align:middle }
	.fc_violoet { color:#704bff } .fc_black { color:#000 } .pdt10 { padding-top:10px }
	.mt5 { margin-top:5px } .mb5 { margin-bottom:5px } .fs11 { font:normal 11px dotum; }
	.fc_blue { color:#2984cd; } .fc_orange { color:#ff9000 } .fc_yellow { color:#c89c17 }
	.block { display:block } .inline { display:inline } .none { display:none }
	.clear { clear:both } .fix { position:absolute } .look { position:relative }
	.hand, .btn { cursor:pointer; _cursor:hand; } form { height:100%; }
	img.png { _visibility:hidden; _behavior:url(/css/pngfilter.htc); }

	.w140 { width:150px; width /**/:130px; }
	.w480 { width:499px; width /**/:487px; }

/* ============================================================================================================================== */

/* Layout */

html { overflow-y:scroll }
.wrap { min-height:100%; _height:100%; text-align:center; }
.container { width:869px; margin:0 auto; }
.article { position:relative; float:left; display:inline; width:654px; text-align:left; margin-left:10px; }
.outbox { padding:0 25px; }
.in_left {  float:left; width:654px; }
.in_right { float:right; display:inline; width:181px; margin-right:10px; }
.tmn { position:relative; width:849px; height:58px; margin:0 auto; }


/* Boxmodel set */

.visual { margin-bottom:10px }
.bgc1 { background-color:#f7f7f7 }
.fullbox { position:relative; border:1px solid #e3e3e3; width:652px; padding:24px 0; margin-bottom:20px; }
.middlebox { position:relative; border:1px solid #e3e3e3; width:572px; padding:24px 0; margin:0 0 20px 40px; }
.mixbox { clear:both; padding:0 22px 0 20px; height:250px; }
.round_tl, .round_tr, .round_bl, .round_br { display:block; position:absolute; width:5px; height:5px; overflow:hidden; }
	.round_tl { background:url(/img/common/round_tl.gif); top:0; left:0; }
	.round_tr { background:url(/img/common/round_tr.gif); top:0; right:0; }
	.round_bl { background:url(/img/common/round_bl.gif); top:100%; left:0; margin-top:-5px; }
	.round_br { background:url(/img/common/round_br.gif); top:100%; right:0; margin-top:-5px; }
.round2_tl, .round2_tr, .round2_bl, .round2_br { display:block; position:absolute; width:10px; height:10px; overflow:hidden; }
	.round2_tl { background:url(/img/common/round2_tl.gif); top:0; left:0; margin:-1px 0 0 -1px; }
	.round2_tr { background:url(/img/common/round2_tr.gif); top:0; right:0; margin: -1px -1px 0 0;  }
	.round2_bl { background:#fff url(/img/common/round2_bl.gif); top:100%; left:0; margin:-9px 0 0 -1px; _margin-top:-9px; height:11px; }
	.round2_br { background:#fff url(/img/common/round2_br.gif); top:100%; right:0; margin:-9px -1px 0 0; _margin-top:-9px; height:11px; }
.box_grad { position:relative; background:url(/img/common/bg_maingrad.jpg) no-repeat 0 top; width:654px; padding-bottom:20px; }
	.box_block { margin-bottom:-28px; }
	.box_block li { clear:both; margin:0 18px 28px 18px; }
	.box_title { padding:17px 0 7px 17px; }
	.fs_date { font:normal 9px verdana; color:#2889bb; line-height:14px; }
	.box_desc { display:block; padding:10px 0 0 0; line-height:17px; }
	.box_desc span.fc_blue { color:#414141; }
	.box_desc strong { font-weight:normal; color:#414141; line-height:24px; }
.smallbox_reply { float:left; background:url(/img/common/smallbox_reply.gif) no-repeat 0 top; width:179px; margin-bottom:10px; margin-top:10px; }
	.wordlist { padding:14px 20px 2px 23px; min-height:100px; _height:100px; }
	.wordlist li { list-style:url(/img/common/blit_dot1.gif); font:normal 12px gulim; line-height:18px; text-align:left; padding:1px 0 5px 0; }
	.wordlist li a { display:block; width:134px; height:17px; overflow:hidden; }
	.wordlist li br { display:none }
	.subdesc { font:normal 11px dotum; color:#c99d18; }
.smallbox_top { background:url(/img/common/smallbox_top.gif) no-repeat 0 top;  width:179px; padding-top:11px; margin-bottom:10px; }
.smallbox_top2 { background:#f7f7f7 url(/img/common/smallbox_top.gif) no-repeat 0 top;  width:179px; padding-top:11px; margin-bottom:10px; }
.smallbox_foot { background:url(/img/common/smallbox_mid.gif) repeat-y; }
.smallbox_mid { background:url(/img/common/smallbox_foot.gif) no-repeat 0 bottom; padding-bottom:12px; _padding-bottom:13px; }


/* Network bar */

.ncnb { background:url(/img/ncnb/bg_ncnb.png) repeat-x; min-width:859px; height:53px; }
	.ncnb .in_left { background:url(/img/ncnb/bg_container.png) no-repeat 0 0; height:52px; }
		.ncnb .tm { background:url(/img/ncnb/ncnb_logo.gif); width:121px; height:13px; margin:17px auto 0 auto; cursor:pointer; _cursor:hand; }
	.ncnb .in_right { background:url(/img/ncnb/bg_search.gif) no-repeat 7px 12px;  height:52px; text-align:left; }
		.ncnb .search { border:0; margin:16px 0 0 43px; width:116px; background:transparent; text-align:center; }
		.ncnb .searchbtn { position:absolute; top:16px; left:16px; }

/* Navigation */
.navigation { float:left; height:50px; width:654px; }
	.navigation li { float:left; display:inline !important; filter:alpha(opacity=50); opacity:0.5; margin:8px 15px 0 33px; height:21px; text-indent:-10000px; cursor:pointer; _cursor:hand; background:#000; }
	li.m_game { background:url(/img/navigation/gameinfo_on.gif); width:76px; margin-right:66px; }
	li.m_news { background:url(/img/navigation/news_on.gif); width:57px;  margin-right:68px; }
	li.m_sales { background:url(/img/navigation/sales_on.gif); width:76px;  margin-right:72px; }
	li.m_support { background:url(/img/navigation/support_on.gif); width:76px; }
.home { position:absolute; background:url(/img/navigation/home.jpg); width:126px; height:58px; text-indent:-10000px; top:1px; right:28px; }


/* Contents */

.contents { padding:24px 0 90px 0; width:869px; margin:0 auto; }
	.contents_title { margin:4px 0 14px 50px; }
	.contents_title2 { margin:4px 0 14px 11px; }
	.innerbox { padding:30px 40px; text-align:center; }
	.msg_type1 { background:url(/img/common/blit_msg.gif) no-repeat 0 4px; font:normal 12px dotum; color:#777; line-height:18px; padding:0 0 20px 38px; text-align:left;; _height:1px;  }
	.msg_type2 { background:url(/img/common/blit_msg.gif) no-repeat 0 4px; font:normal 12px dotum; color:#777; line-height:18px; padding:8px 0 12px 38px; text-align:left;; _height:1px;  }
	.inputfield { padding:0 40px; }
	.textfield { margin:22px 0 5px 0; }
		.textfield label { color:#333 }
		.textfield input { vertical-align:middle; margin-bottom:2px; }
		.textfield legend { display:block; margin-bottom:9px; }
		.textfield .textdesc { padding:14px 19px; font:normal 12px dotum; color:#999; line-height:15px; }
	.signup_final { background:url(/img/common/bg_signupend.gif) no-repeat 0 0; width:445px; height:108px; margin:16px 0 23px 0; }
	.signup_final fieldset { text-align:left; font:normal 18px dotum; padding:22px 30px; color:#919191; line-height:34px; }
	.registration { background:url(/img/common/bg_registration.gif) no-repeat 0 0; width:448px; height:125px; margin:16px 0 23px 0; }
	.registration fieldset { text-align:left; font:normal 18px dotum; padding:18px 10px 22px 20px; color:#919191; line-height:44px; }
	.articlebox { padding:0 20px 0 22px; }
	.article_title { position:relative; background:#f3f3f3 url(/img/common/blit_circle.gif) no-repeat 10px 9px; font:normal 12px gulim; padding:11px 10px 9px 30px; color:#777; _height:1px;  }
	.article_title small { display:block; position:absolute; top:10px; right:15px; font:normal 9px verdana; }
	.article_desc { margin:13px 14px 30px 14px; width:582px; line-height:21px; word-break:break-all; overflow:hidden; }
	.article_reply li { position:relative; border-top:1px dotted #eee; border-bottom:1px dotted #eee; padding:8px 0 8px 0; margin-bottom:-1px; }
		.reply_name { display:block; color:#c89c17; }
		.reply_date { float:right; font:normal 9px verdana; margin:-15px 2px 0 0; }
		.reply_desc { padding:4px 0 0 0; line-height:16px; width:480px; word-break:break-all; overflow:hidden; }
		.article_add { padding:16px 0 17px 0; border-bottom:1px solid #eee; border-top:1px solid #eee;  }
		.article_add img { vertical-align:middle }
		.reply_writer { float:left; width:110px; padding:8px 0 0 0; color:#1685ec; }
	.pagenavigation { margin:25px 0 5px 0; }
	.pagenavigation li { position:relative; background:#f3f3f3;  margin:2px 20px; padding:10px 10px 8px 10px; _height:1px; }
	.innerTable { width:526px; border:1px solid #e3e3e3; margin:10px 0 53px 38px; }
		.innerTable th { width:33%; background:#f3f3f3; height:37px; text-align:center; border-right:1px solid #e3e3e3; }
		.innerTable td { width:33%; height:37px; text-align:center; border-right:1px solid #e3e3e3; }
	.listbox { padding:0 38px; }
		.listbox li { background:url(/img/common/blit_bigdot.gif) no-repeat; padding:0 20px 49px 20px; font:normal 14px dotum; color:#767676; }
		.listbox .radiobox { padding:16px 0; }
		.listbox .radiobox label { float:left; width:200px;  font:normal 12px dotum; margin-bottom:-12px;  }
		.listbox .radiobox label input { vertical-align:middle; margin:-2px 3px 0 0; }
		.listbox .plate { padding:16px 0; }
		.listbox .plate label { margin-right:20px; font:normal 12px dotum; margin-bottom:-12px; line-height:22px; }
		.listbox .plate label input { vertical-align:middle; margin:-2px 3px 0 0; }
	.listbox2 { padding:0 20px 0 38px; }
		.listbox2 li { background:url(/img/common/blit_bigdot.gif) no-repeat 0 2px; padding:0 20px 10px 20px; font:normal 18px dotum; color:#a4a4a4; _height:1px; }
		.listbox2 .radiobox { position:relative; padding:10px 0; }
	.listbox3 { padding:0 20px 0 38px; }
		.listbox3 li { background:url(/img/common/bg_signupend.gif) no-repeat 0 0; width:445px; height:108px; margin-bottom:20px;  }
		.gameshot { float:left; border:7px solid #fff; margin:8px 12px; }
		.gamedesc { float:left; padding:16px 12px; }
	.faq_box { margin:0 0 0 40px; font:normal 12px gulim; }
		.faq_box dt { clear:both; position:relative; background:#f3f3f3; _height:1px; padding:10px 12px 8px 12px; margin-bottom:1px; cursor:pointer; _cursor:hand; }
		.faq_box dd { display:none; padding:10px 12px 8px 12px; line-height:22px; }
		.faq_desc { display:block; color:#a4a4a4; padding:0 10px 15px 28px; }
	.tablelist { width:500px; margin-left:20px; text-align:center; }
		.tablelist th { background:#f3f3f3; width:173px; height:38px; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; }
		.tablelist td { width:25%; height:38px; border:1px solid #e3e3e3; color:#b0b0b0; }
	.infotable { width:352px; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding:13px 0 1px 0; }
		.infotable dt { float:left; height:22px; }
		.infotable dd { height:22px; color:#828888; }
		.infotable dd .plaform { margin-top:-4px }
	.mixtitle { margin:10px 2px 10px 208px; height:20px;  text-align:right; }


/* Tab nanigation */
.tab { background:url(/img/common/bg_tab.gif) 0 bottom; height:39px; margin-bottom:30px; }
	.tab li { float:left; background:url(/img/common/bg_tab_off.gif); margin-right:5px; width:121px; height:39px; text-align:center; }
	.tab li.on { background:url(/img/common/bg_tab_on.gif); }
	.tab li.big_off { background:url(/img/common/bg_bigtab_on.gif); width:139px; }
	.tab li.big_on { background:url(/img/common/bg_bigtab_off.gif); width:139px; }
	.tab li a { display:block; width:121px; height:39px; }
	.tab li img { margin-top:14px }
	.tab li.big_off img, .tab li.big_on img { margin-top:12px }

/* Common stylesheet */

.selectbox { font:normal 12px dotum; }
.textarea { font:normal 14px dotum; color:#a4a4a4; padding:6px; line-height:18px; background:#f3f3f3; border-width:2px 1px 1px 1px; border-style:solid; border-color:#bbb #bbb #ddd #bbb;  }
.imgborder { padding:9px; border:1px solid #e7e7e7; }
.title_sidemovie { background:url(/img/common/title_sidemovie.gif) no-repeat 72px -1px; height:10px; }
.title_reply { background:url(/img/common/title_reply.gif) no-repeat 59px 12px; height:38px; text-indent:-10000px; }
.thumb { float:left; margin-right:16px; border:1px solid #cbcbcb; }
.btn_signup { display:block; margin:14px 0 2px 0; }
.hidden { position:absolute; visibility:hidden; }
.subtitle { position:absolute; top:22px; left:34px; }
.sidelogo { margin-bottom:12px }
.select_type1 { font:normal 11px dotum; color:#000; width:179px; }
.select_type1 .tit { color:#585858; }
.gamestab { position:absolute; width:503px; top:120px; left:76px; background:url(/img/common/tab_bg.jpg) repeat-x 0 0; }
.gamestab li { float:left; background:url(/img/common/tab_off.jpg); width:107px; height:29px; text-align:center; cursor:pointer; _cursor:hand; }
.gamestab li.selected { background:url(/img/common/tab_on.jpg) no-repeat 0 0; }
.gamestab img { margin:9px 0; }
.morelist { position:absolute; top:20px; right:15px; }
.line { height:1px; overflow:hidden; background:#eee; margin:10px 36px 22px 36px; }
.submenu { text-align:left; margin:12px 20px 0 20px; padding:0 0; }
	.title_submenu { border-bottom:1px solid #efefef; height:24px; }
	.submenu li { height:23px; }
	.submenu li img { margin:3px 0 0 0; }
#movieThumbnails { border:1px solid #eaeaea; margin:5px 0 10px 0; }
	#selectedMovie { background:url(/img/common/drop_arrow.gif) no-repeat 130px 10px; padding:9px 12px; text-align:left; }
	.thumbnailsList { background:url(/img/common/drop_top.gif) no-repeat 0 0; width:150px; padding-bottom:2px; margin:2px auto 0 auto; _margin:0; }
.btnbox { font:normal 9px verdana; text-align:center; padding-bottom:10px;  }
.btnbox2 { font:normal 9px verdana; text-align:center; padding:10px 3px 0 0;  }
	.btnbox img, .btnbox2 img { margin:0 1px; }
	.btnbox a, .btnbox2 a { font-weight:bold; color:#333; margin:0 1px; }
	.btnbox a:link, .btnbox a:visited, .btnbox2 a:link, .btnbox2 a:visited { font-weight:normal; color:#777; }
	.btnbox a:hover,  .btnbox2 a:hover { color:#2889bb }
	.btnbox *, .btnbox2 * { vertical-align:middle }
.pagingBox img.ff { margin:0 -3px; }


/* Login box & input style */
.login_form { display:block; padding:9px 0 20px 0; _padding-bottom:19px; }
	.login_form label { display:block; height:25px; }
	.login_form label, { display:block; height:27px; }
	.logemail { background:#f3f3f3 url(/img/common/email.png) no-repeat 6px 5px; font:normal 13px doum; padding:4px 5px 5px 5px; border-width:2px 1px 1px 1px; border-style:solid; border-color:#bbb #bbb #ddd #bbb; }
	.logpass { background:#f3f3f3 url(/img/common/pwd.png) no-repeat 6px 5px; font:normal 13px doum; padding:4px 5px 5px 5px; border-width:2px 1px 1px 1px; border-style:solid; border-color:#bbb #bbb #ddd #bbb; }
	.bigform { background:#f3f3f3; font:normal 15px doum; padding:3px 3px 4px 3px; border-width:2px 1px 1px 1px; border-style:solid; border-color:#bbb #bbb #ddd #bbb; }
	.radiobox .fix { z-index:100; }
	.listbox2 .fs11 { padding-top:5px; }
	.alpha { position:absolute; top:11px; right:5px; filter:alpha(opacity=0); opacity:0; font:normal 15px doum; padding:6px 4px 3px 4px;  border-width:2px 1px 1px 1px; z-index:10; }
	.alpha, { margin-top:-2px; }
	.hiddenbtn { position:absolute; top:9px; left:385px; z-index:1; }
	.mathform { background:#f3f3f3; font:normal 15px doum; border-width:2px 1px 1px 1px; border-style:solid; border-color:#bbb #bbb #ddd #bbb; padding:4px 4px 5px 4px; }
	:root .mathform { padding:3px 4px 4px 4px; margin-top:-1px; }
	.voteformbox { display:block; margin-bottom:18px; font:normal 14px dotum; color:#777;  }
		.vote { display:block; height:32px; padding-left:20px; color:#888; line-height:26px; }
	.megaformbox { display:block; margin-bottom:18px; }
		.megaformbox * { vertical-align:middle }
		.megaformbox label { display:block; font:normal 18px dotum; color:#a4a4a4; margin-bottom:6px; }
		.megaform { background:#f3f3f3; font:normal 18px doum; padding:3px 5px 4px 5px; border-width:2px 1px 1px 1px; border-style:solid; border-color:#bbb #bbb #ddd #bbb; margin-right:4px; }
	.usermenu { padding:11px 0 11px 50px; }
	.usermenu li { list-style:url(/img/common/blit_dot1.gif); padding:4px 0; text-align:left; }

/*  Scroll set */
.scrollbox {
	width:520px; height:140px; border:1px solid #eee; margin:0 2px 5px 2px; overflow:auto;
	scrollbar-face-color:#d9d9d9;
	scrollbar-track-color:#f2f2f2;
	scrollbar-highlight-color:#d9d9d9;
	scrollbar-3dlight-color:#d9d9d9;
	scrollbar-shadow-color:#d9d9d9;
	scrollbar-darkshadow-color:#d9d9d9;
	scrollbar-arrow-color:#000;
}

.inner_popup { position:absolute; top:300px; }
.pop_desc { background:#fff; padding:10px; line-height:18px; }
.pop_image_tl { height:30px;
	background:url(/img/popup/popbg_tl.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/popup/popbg_tl.png', sizingMethod='scale'); _background:none; }
.pop_image_tr { height:30px;
	background:url(/img/popup/popbg_tr.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/popup/popbg_tr.png', sizingMethod='scale'); _background:none; }
.pop_image_tm { height:30px;
	background:url(/img/popup/popbg_tm.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/popup/popbg_tm.png', sizingMethod='scale'); _background:none; }
.pop_image_ml { width:30px;
	background:url(/img/popup/popbg_ml.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/popup/popbg_ml.png', sizingMethod='scale'); _background:none; }
.pop_image_mr { width:30px;
	background:url(/img/popup/popbg_mr.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/popup/popbg_mr.png', sizingMethod='scale'); _background:none; }
.pop_image_bm { height:30px;
	background:url(/img/popup/popbg_bm.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/popup/popbg_bm.png', sizingMethod='scale'); _background:none; }
.pop_image_bl { height:30px;
	background:url(/img/popup/popbg_bl.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/popup/popbg_bl.png', sizingMethod='scale'); _background:none; }
.pop_image_br { height:30px;
	background:url(/img/popup/popbg_br.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/popup/popbg_br.png', sizingMethod='scale'); _background:none; }


/* footer */

.footer { clear:both; background:#fff; width:100%; height:64px; margin-top:-65px; _margin-top:0; marg\in-top:-65px; border-top:1px solid #eee; }
	.footer .copyright { float:left; margin:23px 0 0 10px; width:654px; }
	.footer .copyright .privacy { vertical-align:middle; margin:0 0 4px 10px; }
	.footer .copyright .logo { vertical-align:middle; margin:0 11px 5px 0; }
	.footer .quicklink { float:right; padding:24px 10px 0 0; }


/* movie */
.movie { text-align:center; }
	.moviebox { margin:0 auto; }
	.movielist { margin:0 auto; background:url(/img/common/bg_movielist.jpg) no-repeat 0 0; width:576px; height:130px; }
	.movielist li { float:left; display:inline; margin:13px 0 0 34px; color:#a0a0a0; text-align:center; }
	.movielist li img { margin-bottom:6px; }
	.movietit { padding:0 42px; }
	.movietit li { background:url(/img/common/blit_bigdot.gif) no-repeat 0 2px; padding:0 20px; font:normal 14px dotum; color:#767676; _height:1px; }

/* 무비리스트 */
.hdn_title { overflow:hidden; font:normal 0/0 verdana; text-indent:-10000em; }
#category_list  { display:none; position:absolute; top:0; left:0; width:150px; background:url('/img/common/bg_list_open_btm.gif') left bottom no-repeat; }
#category_list ul { background:url('/img/common/bg_list_open_top.gif') left top no-repeat; padding:6px 0; }
#category_list li { text-align:left; padding:3px 20px 2px 20px; }
.movie_box { float:left; width:179px; height:195px; background:url('/img/common/bg_movie_list.gif') left top no-repeat; margin:0 0 10px 2px; }
	.movie_box h3 { display:block; margin:11px auto 8px; width:30px; height:7px; background:url('/img/common/txt_h3_mv.gif') left top no-repeat; }
	.movie_box .movie_category { position:relative; width:150px; height:19px; margin:12px auto 0; padding:9px 0 0 0; background:url('/img/common/bg_list_wrap.gif') left top no-repeat; text-align:left; }
		.movie_box .movie_category em {margin:0 0 0 20px; }
		.movie_box .open em {margin:0 0 0 20px; }