@charset "euc-kr";
/*default*/
body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, input, textarea, blockquote, th, td, select { margin:0; padding:0; font:12px dotum; color:#897d78; }
table { border-collapse:collapse; border-spacing:0; }
em, cite, address, dfn, var { font-style:normal; }
dl, ul, ol { list-style:none; }
img, fieldset { border:0; }
button { margin:0; padding:0; overflow:hidden; cursor:pointer; border:0; }
legend, caption { overflow:hidden; height:0; font-size:0; line-height:0; display:none; }
a { text-decoration:none; color:#897d78; }
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
.chk { width:13px; height:13px; margin:0; padding:0; vertical-align:middle; border:0 }
body { width:100%; text-align:center; background:#000; }
.hide { position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; visibility:hidden; z-index:-1; }

/* Layout */
.wrap_body { position:relative; width:100%; _height:100%; text-align:center;}
.minsize { overflow:hidden; position:relative; width:100%; height:490px; z-index:1; font-size:0; background:url(/web/cp2/mo/c/img/main/main_bg.jpg) no-repeat 50% 0}
.minsize img{ vertical-align:top}
.origin { position:relative; text-align:left; z-index:1; text-align:center;}

.side_left {position:absolute;top:0;left:-490px;width:50%;height:1284px;}
.side_left .k_t {position:absolute;top:0;left:0;width:100%;height:1284px;background:#000;}
.side_left .k_t div {position:absolute;top:0;left:0;width:100%;height:1284px;background:url('/web/cp2/mo/c/img/common/m_bg_left.jpg') right 0 no-repeat;}
.side_left .k_b { display:none}
.side_right {position:absolute;top:0;right:0px;*right:0;width:50%;height:1284px;}
.side_right .k_t {position:absolute;top:0;left:0;width:100%;height:1284px;background:#000}
.side_right .k_t div {position:absolute;top:0;left:0;width:100%;height:1284px;background:url('/web/cp2/mo/c/img/common/m_bg_right.jpg') 490px 0 no-repeat;}
.side_right .k_b { display:none}

.container { position:relative; width:980px; height:498px; margin:0 auto; text-align:left; background:url(/web/cp2/mo/c/img/common/m_bg_top.jpg) no-repeat}
.container:after { clear:both; display:block; content:"" }
.sidebar { float:left; width:262px; padding:58px 0 0 0; margin-right:23px; }
.contents { position:relative; display:inline; float:left; width:411px; padding:56px 0 0 0 }
.aside{ position:relative; display:inline; float:right; margin-right:32px; width:206px; padding:58px 0 0 0}

#divLogin{position:relative;width:262px;zoom:1}
#BeforeLogin{width:262px; height:216px; background:url('/web/cp2/mo/c/img/common/login_bx_120203.jpg') no-repeat;}
#BeforeLogin .s1{ zoom:1; display:block;position:absolute;top:31px;left:96px;width:69px;height:15px;}
#BeforeLogin .s1 a{color:#6d6d6d;font-size:11px;letter-spacing:-1px; overflow:hidden; float:left; text-indent:-9000px; height:13px; width:37px; margin-right:4px;}
#BeforeLogin .s1 strong{ float:left; font:bold 11px dotum;color:#ce5700; padding-top:1px}
#BeforeLogin .s2{display:block;position:absolute;top:31px;left:170px;}
#BeforeLogin .s2 a{color:#6d6d6d;font-size:11px;letter-spacing:-1px; overflow:hidden; float:left; text-indent:-9000px; height:13px; width:48px; background:url('/web/cp2/mo/c/img/common/blank.gif') 0 0 no-repeat;}
#BeforeLogin .s2 label{ float:left; margin-right:8px; vertical-align:middle;}
#BeforeLogin .s2 input{ float:left; vertical-align:middle;width:13px;height:13px; margin:0; padding:0; border:0;}
#BeforeLogin dl{position:absolute;top:62px;left:36px;z-index:5;}
#BeforeLogin dt{display:none;}
#BeforeLogin dd{height:26px;}
#BeforeLogin .lgn{position:absolute;top:60px;left:162px;width:78px;height:49px;background:url('/web/cp2/mo/c/img/common/blank.gif') 0 0 no-repeat; z-index:6;}
#BeforeLogin .lgn span{display:none;}
#BeforeLogin .link{position:absolute;top:123px;left:33px;z-index:1;}
#BeforeLogin .link span{ float:left; display:inline-block;padding:0;}
#BeforeLogin .link span a{letter-spacing:-1px;color:#7e7e7e;}
#BeforeLogin .link .l1{}
#BeforeLogin .link .l1 a{overflow:hidden; float:left; text-indent:-9000px; height:13px; width:36px; margin-right:18px;}
#BeforeLogin .link .l2 a{overflow:hidden; float:left; text-indent:-9000px; height:13px; width:45px; margin-right:18px;}
#BeforeLogin .link .l3 a{overflow:hidden; float:left; text-indent:-9000px; height:13px; width:54px;}

#tooltip{background:url(/web/nmb/img/login/v1/lgn_i04.gif) 0 0 no-repeat;color:#f60;font-size:11px;text-align:center;padding-top:13px;width:167px; height:17px; _height:30px;position:absolute;top:46px;left:0;z-index:5;display:none;}
#BeforeLogin dd input{width:120px;height:18px;line-height:18px;border:none;color:#897d78;padding:0 5px 0 5px; background:#2c2525}
#BeforeLogin input.bgid{background:#2c2525 url('/web/cp2/mo/c/img/common/login_id.gif') 5px 5px no-repeat;}
#BeforeLogin input.bgpw{background:#2c2525 url('/web/cp2/mo/c/img/common/login_pw.gif') 5px 5px no-repeat;}
#BeforeLogin .uid input.bgon{background:#2c2525;}
#BeforeLogin .upw input.bgon{background:#2c2525;}

#AfterLogin{width:262px; height:216px; background:url('/web/cp2/mo/c/img/common/login_bx2.jpg') no-repeat;}
#AfterLogin .login_a{ padding:21px 0 0 31px}
#AfterLogin .login_a .tit{ height:25px}
#AfterLogin .login_a .tit p{ font-size:12px; color:#a99f9b; line-height:17px}
#AfterLogin .login_a .tit p strong{ font-size:14px}
#AfterLogin .login_a dl{}
#AfterLogin .login_a dt{ padding-top:8px; margin-bottom:3px; font-size:13px; font-weight:bold; color:#a99f9b; letter-spacing:-1px; line-height:17px}
#AfterLogin .login_a dd{ color:#897d78; letter-spacing:-1px; line-height:17px}
#AfterLogin .login_a dd.bx{ margin-top:20px; text-align:center; width:211px; height:19px; _height:24px; padding-top:5px; background:url('/web/cp2/mo/c/img/common/login_bx3.jpg') no-repeat;}

.m_news {padding-left:11px}
.m_news .m_tit {height:48px; position:relative }
.m_news .m_tit img { vertical-align:top }
.m_news .m_tit .more { position:absolute; top:6px; right:6px;}

.m_news ul{ zoom:1;}
.m_news ul li{ overflow:hidden; zoom:1; background:url(/web/cp2/mo/c/img/main/bg_dot.gif) 0 8px no-repeat;  position:relative; vertical-align:top;line-height:20px;letter-spacing:-1px; padding-left:7px}
.m_news ul li .new{vertical-align:middle; margin:4px 0 5px}
.m_news ul li.act{}
.m_news ul li .t1{ float:left}
.m_news ul li .t1 em{ font-weight:bold;}
.m_news ul li .t2{display:none}
.m_news ul li .t3{ float:right; line-height:20px; letter-spacing:0; font-size:11px; font-family:tahoma; color:#897d78; padding-right:6px}
.m_news ul li a,.m_news ul li a:hover,.m_news ul li a:active,.m_news ul li a:focus,.m_news ul li a:visited{ font-size:11px; color:#a99f9b; line-height:20px;}

.m_bt_lft { margin:0 0 10px 10px }
.m_bt_lft img{ vertical-align:top}

.m_prom{position:relative;width:411px;height:173px; margin-bottom:44px}
.m_prom img{ vertical-align:top}

.m_prom ul{padding:0;}
.m_prom ul li{ position:relative; width:411px;height:173px;font-size:0;line-height:0;display:none;}
.m_prom ul li a span.trans{position:absolute; left:0; top:0; display:block; width:411px; height:173px; background:url(/web/cp2/mo/c/img/main/trans01.gif) 0 0}
.m_prom ol{position:absolute;top:140px;left:24px;height:15px;}
.m_prom ol li{float:left; margin-right:5px}

.m_shot {}
.m_shot .m_tit { height:27px; position:relative }
.m_shot .m_tit img { vertical-align:top; margin-left:2px }
.m_shot .m_tit .more { position:absolute; top:6px; right:0;}
.m_shot .list{}
.m_shot .list img{ vertical-align:top}
.m_shot .list ul{ zoom:1; margin-left:-5px}
.m_shot .list ul:after{ clear:both; display:block; content:""}
.m_shot .list ul li{ display:inline; position:relative; float:left; margin-left:10px; width:195px; _width:197px; padding:1px; vertical-align:top}

.m_shot .list ul li dt a{ overflow:hidden; position:absolute; z-index:10; display:block; left:0; top:0; background:url(/web/cp2/mo/c/img/main/trans02.gif) no-repeat; width:197; height:127px;}
.m_shot .list ul li dt .ic{ position:absolute; left:0; top:0}
.m_shot .list ul li dt a em{ display:none;}
.m_shot .list ul li dd{ display:none}

.m_mov{ position:relative; height:170px; margin-bottom:45px}
.m_mov img{ vertical-align:top}
.m_mov .m_bx{ display:none; padding-top:17px}
.m_mov .m_bx a{ display:block; }
.m_mov .m_bx p{padding:14px 0 0 9px; font-size:11px; font-weight:bold; color:#a99f9b; letter-spacing:-1px}
.m_mov .m_roll{ position:absolute; top:152px; right:0; padding-top:1px}
.m_mov .m_roll .no{ vertical-align:middle; font-size:11px; color:#787878; padding-right:5px}
.m_mov .m_roll .no strong{ color:#915300}
.m_mov .m_roll img{ vertical-align:middle; margin:-1px 0 1px}
.m_mov .m_roll .prev{}
.m_mov .m_roll .next{}

.m_photo {}
.m_photo .m_tit { height:27px; position:relative }
.m_photo .m_tit img { vertical-align:top }
.m_photo .m_tit .more { position:absolute; top:6px; right:0;}
.m_photo .list{}
.m_photo .list img{ vertical-align:top}
.m_photo .list ul{ zoom:1; margin-left:4px}
.m_photo .list ul:after{ clear:both; display:block; content:""}
.m_photo .list ul li{ display:inline; position:relative; float:left; width:195px; _width:197px; padding:1px; vertical-align:top}

.m_photo .list ul li dt a{ overflow:hidden; position:absolute; z-index:10; display:block; left:0; top:0; background:url(/web/cp2/mo/c/img/main/trans03.gif) no-repeat; width:197; height:127px;}
.m_photo .list ul li dt .ic{ position:absolute; left:0; top:0}
.m_photo .list ul li dt a em{ display:none;}
.m_photo .list ul li dd{ display:none}

.ly_movie{position:absolute;top:420px;left:-2000px;width:768px; height:522px; z-index:10;margin-left:-384px}
.ly_movie .dim{position:absolute;top:0;left:0;width:768px; height:522px; background:#000000; filter:alpha(opacity=80); opacity:0.8;z-index:10;cursor:move}
.ly_movie .btn_close{position:absolute;top:15px;right:15px;z-index:100}
.ly_movie .flash_movie{width:668px;height:422px;position:absolute;top:50px;left:50px;z-index:100}

/* layer */
.layer { position:absolute; top:0; left:0; width:100%; z-index:300; display:none }
.layer_ifr { z-index:1000; position:relative; margin:0 auto; top:444px; width:400px; height:329px; color:#3d3d3d; background-color:#000; text-align:left; background:url(/web/cp2/mo/c/img/pop/bg_ly.jpg) 0 0 no-repeat; }
.layer_ifr iframe { position:absolute; left:0; top:0; border:0; width:400px; height:329px; filter:alpha(opacity=0); opacity:0; z-index:10 }
.ly_wrap { position:absolute; left:0; top:0; border:0; width:400px; height:329px; z-index:20 }
.ly_header { zoom:1; position:relative; padding:5px 0 0 5px }
.ly_header h1 { }
.ly_header img { vertical-align:top }
.ly_header .bt_close { position:absolute; top:15px; right:16px }
.ly_content { zoom:1; padding:0 55px }
.ly_content .ly_bx { zoom:1; height:104px; _height:106px; border:1px solid #363332; background:#2a2726; margin-bottom:24px }
.ly_content .ly_bx table { width:100%; }
.ly_content .ly_bx td { height:104px; text-align:center; }
.ly_content .ly_bx td .t1 { font-size:16px; font-weight:bold; color:#a99f9b; line-height:24px; margin-bottom:5px }
.ly_content .ly_bx td .t2 { line-height:18px; color:#897d78 }
.ly_content .ly_bx .fc01 { color:#a99f9b; }
.ly_content .ly_bx .fc02 { color:#de2226; }
.ly_content .ly_bx .txl { text-align:left; padding-left:15px }
.ly_content .ly_btn { text-align:center }


#Footer { position:relative; width:980px; margin:0 auto; height:296px; margin:0 auto; font:normal 11px dotum; text-align:left; background:url(/web/cp2/mo/c/img/common/m_bg_btm.jpg) no-repeat 0 100% }
#Footer .bx_foot{ padding:0 0 0 0 }
#Footer .ft_logo span { position:absolute; display:none; text-indent:-10000px }
#Footer .ft_logo span a { display:block; width:100%; height:100%; }
#Footer .ft_logo .logo1 { width:78px; height:39px; left:5px; top:43px; display:block; background:url(/web/cp2/mo/c/img/common/foot_logo_cj.gif) 0 0 no-repeat; }
#Footer .ft_logo .logo2 { width:87px; height:17px; left:97px; top:41px; display:block; background:url(/web/cp2/mo/c/img/common/foot_logo_capcom.gif) 0 0 no-repeat; }
#Footer .ft_logo .logo3 { width:84px; height:22px; left:96px; top:64px; display:block; background:url(/web/cp2/mo/c/img/common/foot_logo_seed9.gif) 0 0 no-repeat; }
#Footer .ft_bx_txt { padding:39px 0 0 200px; }
#Footer .ft_mnu { width:510px; height:18px; border-bottom:1px solid #272727; }
#Footer .ft_mnu li { float:left; padding-right:10px; margin-right:10px; background:url(/web/cp2/mo/c/img/common/foot_bar.gif) 100% 1px no-repeat; }
#Footer .ft_mnu li a { font:normal 11px dotum; color:#616161; letter-spacing:-1px }
#Footer .ft_mnu .ft_t1 { font-weight:bold; }
#Footer .ft_mnu .ft_x { margin:0; padding:0; background:none }
#Footer .ft_txt { font-size:11px; line-height:14px; padding:8px 0 0 0; color:#363636; letter-spacing:-1px }
#Footer .ft_copy { display:none; font:bold 9px verdana; color:#4b4b4b; margin-top:4px; letter-spacing:0 }
#FooterGrade { position:absolute; width:247px; height:49px; right:0; top:40px; background:url(/web/cp2/mo/c/img/common/foot_grade_120216.gif) 0 0 no-repeat; }
#FooterGrade span { display:none; }

#Footer_Area{ position:relative; zoom:1; width:980px; margin:0 auto;}
#Footer_Area #FooterBtm{position:absolute; left:199px; top:98px; z-index:10; text-align:left }
#Footer_Area #FooterBtm .ft_copy {display:block; font:bold 9px verdana; color:#4b4b4b; margin-top:0; letter-spacing:0 }