@charset "euc-kr";

/* ·Î±×ÀÎ ================================== */

.login_before { position:relative; margin:0 0 15px 0; padding:1px 0 13px 0; width:235px; height:104px; border-bottom:1px solid #ced9dc; background:#dbe7ec url('../img/common/bg_login.gif') center top no-repeat; }
.login_before .loginsub { position:relative; margin:11px 0 -12px 14px; padding:1px 0 0 0; width:207px; text-align:right; overflow:hidden; }
.login_before .loginsub img { vertical-align:middle; }
.login_before .loginsub .security { position:absolute; top:1px; left:0; margin:0; }
.login_before .loginsub .security input { margin:0 4px 0 0; width:12px; height:15px; vertical-align:middle; }
.login_before .loginsub .security label { position:relative; top:0; font-size:11px; vertical-align:middle; }
.login_before .loginsub .keyboard .ico_key { margin-right:3px; }
.login_before .loginsub .btn_key { margin:0 0 0 2px; padding:0 0 0 6px; background:url('../img/common/bg_login_bar_key.gif') left 2px no-repeat; }
.login_before .inputbox { clear:both; position:relative; margin:17px 0 0 14px; width:209px; height:60px; }
.login_before .inputbox span { display:block; height:27px; }
.login_before .inputbox span input { margin-top:3px; _padding:4px 5px 0 5px; border:1px solid #aebbc0; width:128px; height:22px; }
.login_before .inputbox .id input { background:#FFFFFF url('../img/common/bg_login_id.gif') 7px 6px no-repeat; }
.login_before .inputbox .pw input { background:#FFFFFF url('../img/common/bg_login_pw.gif') 7px 6px no-repeat; }
.login_before .inputbox .btn_login { position:absolute; top:0; right:0;} 
.login_before .security { float:left; margin:0 0 0 14px; _margin-top:1px; }
.login_before .security input { margin:0 4px 0 0; width:15px; height:15px; vertical-align:top; }
.login_before .security label { position:relative; top:2px; vertical-align:middle; cursor:pointer; _cursor:hand; }
.login_before .btn_sub { float:right; margin:3px 16px 0 0; }
.login_before .btn_sub a { display:block; float:left; }

.login_after { position:relative; margin:0 0 12px 0; padding-top:1px; width:235px; min-height:104px; _height:104px; border-bottom:1px solid #ced9dc; background:#dbe7ec url('../img/common/bg_login.gif') center top no-repeat; }
.login_after h4.tester { margin:4px 0 7px 4px; padding:0 0 16px 0; width:227px; font-weight:normal; font-size:11px; text-align:left; background:url('../img/common/bg_login_tester_bottom.gif') left bottom no-repeat; }
.login_after h4.tester .user { display:block; padding:14px 0 0 14px; background:url('../img/common/bg_login_tester_top.gif') left top no-repeat; }
.login_after h4.tester .user strong { color:#cd2810; }
.login_after h4.tester .msg_tester { display:block; margin:3px 0 0 14px; padding:7px 0 0 0; background:url('../img/common/bg_login_dot.gif') left top no-repeat; }
.login_after .btn_logout { position:absolute; top:14px; right:13px; }
.login_after .userinfo { margin:0 0 1px 14px; width:207px; }
.login_after .userinfo li { position:relative; padding:0 0 0 6px; width:207px; height:18px; color:#576369; font-size:11px; vertical-align:top; background:url('../img/common/bu_dot_red.gif') left 4px no-repeat; }
.login_after .userinfo li em { float:left; margin:1px 0 0 0; width:45px; background:url('../img/common/bg_login_bar.gif') right top no-repeat; }
.login_after .userinfo li span.info { float:left; width:118px; text-align:right; }
.login_after .userinfo li.memo .btn_memo_write { position:absolute; top:-3px; right:0; }
.login_after .userinfo li.cash .btn_cash_charge { position:absolute; top:-3px; right:0; }


.login_after #MyFriendList { display:none; position:absolute; left:6px; bottom:-73px; padding:5px 0; width:188px; background:#ffb0d1 url('../img/common/bg_login_friend.gif') top repeat-x; overflow:hidden; z-index:3; }
.login_after #MyFriendList ul { position:relative; margin:0 5px; width:178px; height:70px; overflow:auto; z-index:3;
 scrollbar-face-color:#ff3c7e; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#ff6ea4;
 scrollbar-highlight-color:#ff3c7e; scrollbar-shadow-color:#ff3c7e; scrollbar-darkshadow-color:#f62769; scrollbar-3dlight-color:#f62769; }
.login_after #MyFriendList li { margin:0 0 0 8px; padding:0; width:150px; font-size:11px; font-weight:bold; color:#FFFFFF; background:none; _word-break:break-all; }
.login_after #MyFriendList li a { color:#FFFFFF; }

.login_after #userinfo_char li.memo { display:none; }
.login_after .userinfo_char_open li.memo { display:block !important; }


/* ¼­ºê¸Þ´º */
.submenu { margin:14px 0 24px 0; width:235px; overflow:hidden; }
.submenu ul { position:relative; top:1px; }
.submenu li { position:relative; width:235px; height:29px; overflow:hidden; _vertical-align:top; }
.submenu li a:hover { position:relative; top:-29px; }
.submenu li.on a { position:relative; top:-29px; }
	
 
/* ÇÁ·Î¸ð¼Ç ¹è³Ê */
.banner_promotion { margin:0 0 20px 0; width:235px; }
.banner_promotion img { display:block; }

/* ÇǸÁ»óÇ°±Ç */
.tease {margin:-5px 0 5px 0;width:223px;height:71px;padding:3px;background:#FF3600;}
.tease .box_in {width:100%;height:100%;border:1px solid #FF6A37;padding:1px;}
.tease ul {margin:0;width:100%;height:100%;padding:0 10px;background:#FFF;}
.tease .image {height:28px;padding-top:6px;background:url('../img/common/dot_gift.gif') bottom repeat-x;}
.tease .selectbox {padding-top:6px;}
.tease .selectbox select {vertical-align:top;width:160px;font-size:11px !important;}

/* poll */
.dv_poll { margin:20px 0 0 0; border-bottom:1px solid #C5D1D1; padding-bottom:8px; width:235px; }
.dv_poll p { margin:10px 0 5px 12px; padding:1px 0 0 21px; width:180px; width:200px; font-size:11px; letter-spacing:-1px; line-height:140%; background:url('../img/main/bu_poll_notice.gif') left top no-repeat; }
.dv_poll .poll_list { margin:0 0 10px 10px; width:210px; }
.dv_poll .poll_list li { width:210px; *vertical-align:top; }
.dv_poll .poll_list li input { position:relative; top:-1px; margin-right:3px; vertical-align:middle; }
.dv_poll .poll_list li label { font-size:11px; color:#8b8b8b; }
.dv_poll .poll_result { margin:11px 0 10px 10px; width:210px; }
.dv_poll .poll_result li { padding:0 0 0 9px; width:210px; height:20px; font-size:11px; color:#8b8b8b; *vertical-align:top; background:url('../img/common/bu_dot_gray.gif') left 5px no-repeat; }
.dv_poll .poll_result li.on { color:#c22009; }
.dv_poll .poll_result li .label { float:left; width:130px; height:14px; overflow:hidden; }
.dv_poll .poll_result li .per { float:right; margin-top:-3px; width:60px; height:14px; font-size:10px; font-family:verdana; letter-spacing:-1px; overflow:hidden; }
.dv_poll .btn_vote { margin:0 auto; text-align:center; }

	.layout_sub .dv_poll { margin-bottom:15px; }
	
	.recess_main .dv_poll { border-bottom:none; }
	.recess_sub .dv_poll { border-bottom:none; }
	
	.cb2_main .dv_poll { padding-bottom:12px; }

/* ¸ÞÀÎ ==================================== */

/* title */
h3.main_title { position:relative; height:18px; border-bottom:1px solid #c5d1d1; }
h3.main_title a { display:block; position:relative; height:17px; }
h3.main_title img { margin-left:3px; }
h3.main_title .btn_more { position:absolute; top:3px; right:8px; }

/* vod === */
.dv_vod { float:left; margin:0 0 20px 0; width:401px; height:207px; }

	.recess_main .dv_vod { float:none; width:684px; height:445px; }
	.cb2_main .dv_vod { height:297px; }

/* notice&update === */
.dv_notice { float:right; margin:6px 0 20px 0; width:266px; overflow:hidden; }
.dv_notice ul { margin-top:4px; width:266px; }
.dv_notice li { position:relative; border-bottom:1px solid #dee7e9; min-height:27px; _height:27px; width:266px; letter-spacing:-1px; color:#858695; vertical-align:top; }
.dv_notice li em { float:left; margin:7px -10px 0 3px; padding:0 0 0 7px; width:202px; _width:209px; height:14px; background:url('../img/common/bu_dot_gray.gif') left 5px no-repeat; overflow:hidden; }
.dv_notice li em a { color:#576369; font-size:11px; }
.dv_notice li.on em a { color:#ca1a00; }
.dv_notice li span { float:right; margin:5px 0 0 0; width:52px; color:#a9aab5; font-family:verdana; font-size:9px; letter-spacing:-1px; text-align:right; }
.dv_notice li p { clear:both; margin:6px 0 9px 11px; width:230px; _width:240px; }
.dv_notice li p a { margin:0; font-size:11px; color:#a2a9ae; }
.dv_notice li .ico { vertical-align:middle;_vertical-align:-1px; }

	.cb2_main .dv_notice { margin:6px 0 15px 0;  }
	
/* banner_promo_cb2 === */
.banner_promo_cb2 { float:right; width:266px; overflow:hidden; }

/** ³×ÀÌ¹Ö ¾ÈµÈ ¹è³Ê À§Ä¡ Á¶Á¤ **/
.side .banner_promo_cb2 { margin:0 0 20px 0; width:235px; }

/* brief === */
.dv_brief { float:left; margin:0 0 20px 0; width:401px; height:109px; }
.dv_brief h3 { margin-bottom:12px; }
.dv_brief .brief_img { float:left; margin:0 0 0 4px; width:124px; height:80px; _display:inline; }
.dv_brief .brief_img a { display:block; position:relative; width:124px; height:80px; }
.dv_brief .brief_img .sframe { position:absolute; top:0; left:0; width:124px; height:80px; z-index:2; cursor:pointer; _cursor:hand;
	background/**/:url('../img/main/bg_gmnote_sframe.png') left top no-repeat; _background/**/:none;
	_filter/**/:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://file.pmang.kr/images/pmang/bfo/cb/img/main/bg_gmnote_sframe.png', sizingMethod='scale'); }
.dv_brief .brief_img img { display:block; position:relative; width:122px; height:78px; }
.dv_brief h5 { float:left; margin:4px 0 0 13px; width:246px; height:14px; font-size:11px; font-weight:normal; overflow:hidden; }
.dv_brief h5 a { color:#576369; }
.dv_brief p { float:left; margin:2px 0 5px 13px; width:246px; height:14px; color:#a2a9ae; font-size:11px; overflow:hidden; }
.dv_brief p a { color:#a2a9ae; }
.dv_brief .list_brief { float:left; margin:0 0 0 13px; padding:9px 0 0 0; width:246px; background:url('../img/main/bg_gmnote_bar.gif') left top no-repeat; }
.dv_brief .list_brief li { margin:0 0 3px 0; padding:0 0 0 8px; height:14px; color:#a2a9ae; font-size:11px; background:url('../img/common/bu_dot_gray.gif') left 5px no-repeat; overflow:hidden; }

/* gmnote === */
.dv_gmnote { float:left; width:401px; height:109px; }
.dv_gmnote h3 { margin-bottom:12px; }
.dv_gmnote .gmnote_img { float:left; margin:0 0 0 4px; width:124px; height:80px; _display:inline; }
.dv_gmnote .gmnote_img a { display:block; position:relative; width:124px; height:80px; }
.dv_gmnote .gmnote_img .sframe { position:absolute; top:0; left:0; width:124px; height:80px; z-index:2; cursor:pointer; _cursor:hand;
	background/**/:url('../img/main/bg_gmnote_sframe.png') left top no-repeat; _background/**/:none;
	_filter/**/:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://file.pmang.kr/images/pmang/bfo/cb/img/main/bg_gmnote_sframe.png', sizingMethod='scale'); }
.dv_gmnote .gmnote_img img { display:block; position:relative; width:122px; height:78px; }
.dv_gmnote h5 { float:left; margin:4px 0 0 13px; width:246px; height:14px; font-size:11px; font-weight:normal; overflow:hidden; }
.dv_gmnote h5 a { color:#576369; }
.dv_gmnote p { float:left; margin:2px 0 5px 13px; width:246px; height:14px; color:#a2a9ae; font-size:11px; overflow:hidden; }
.dv_gmnote p a { color:#a2a9ae; }
.dv_gmnote .list_gmnote { float:left; margin:0 0 0 13px; padding:9px 0 0 0; width:246px; background:url('../img/main/bg_gmnote_bar.gif') left top no-repeat; }
.dv_gmnote .list_gmnote li { margin:0 0 3px 0; padding:0 0 0 8px; height:14px; color:#a2a9ae; font-size:11px; background:url('../img/common/bu_dot_gray.gif') left 5px no-repeat; overflow:hidden; }

	.recess_main .dv_gmnote { float:none; width:684px; }
	.recess_main .dv_gmnote h3 { margin-bottom:15px; }
	.recess_main .dv_gmnote .gmnote_img { width:180px; height:100px; border:3px solid #4e4e4e; }
	.recess_main .dv_gmnote .gmnote_img .sframe { display:none; }
	.recess_main .dv_gmnote .gmnote_img img { width:180px; height:100px; }
	.recess_main .dv_gmnote .list { position:relative; width:684px; height:143px; }
	.recess_main .dv_gmnote .list h3 { float:right; margin:7px 20px 0 0; width:447px; padding:1px 0 11px 0; color:#576369; border-bottom:1px solid #e5eced; letter-spacing:-1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; z-index:2; *display:inline; }
	.recess_main .dv_gmnote .list h3 a {font-size:14px; font-weight:bold; color:#ca1a00;}
	.recess_main .dv_gmnote .list h3 a:hover {color:#ca1a00;}
	.recess_main .dv_gmnote .list h3 span.re {font-size:14px; margin:0 0 0 5px; color:#ca1a00; }
	.recess_main .dv_gmnote .image {float:left; _display:inline; overflow:hidden; margin:0 0 0 10px; width:181px; _width:187px; height:100px; _height:106px; border:3px solid #4e4e4e;}
	.recess_main .dv_gmnote .image img { display:block; width:181px; height:100px; }
	.recess_main .dv_gmnote .content { position:relative; float:left; width:468px; margin:11px 0 0 19px; overflow:hidden; _display:inline; }
	.recess_main .dv_gmnote .content li { position:relative; left:-11px; float:left; padding:0 0 0 11px; background:url('../img/bg_bbs_bar.gif') left top no-repeat; }
	.recess_main .dv_gmnote .content li img {vertical-align:top;}
	.recess_main .dv_gmnote .content li em {margin:0 6px 0 0;}
	.recess_main .dv_gmnote .content li.hit,
	.recess_main .dv_gmnote .content li.name {margin:0 0 0 15px;}
	.recess_main .dv_gmnote .content li.name strong { font-weight:normal; color:#ff0000; }
	.recess_main .dv_gmnote .content li span {position:relative; top:-3px; _top:-2px; font:10px verdana; color:#6a6a6a; letter-spacing:-1;}
	.recess_main .dv_gmnote .content li.name span {letter-spacing:0;}
	.recess_main .dv_gmnote p.desc { clear:both; margin:0; width:448px; height:45px; overflow:hidden; font-size:11px; position:relative; top:10px; color:#a2a9ae; letter-spacing:-1; line-height:1.5;}
	.recess_main .dv_gmnote p.desc a { color:#a2a9ae; }

/* screenshot === */
.dv_screen { float:right; width:266px; height:111px; overflow:hidden; }
.dv_screen .screen_img { margin:12px 0 0 4px; width:275px; }
.dv_screen .screen_img li { float:left; width:136px; height:80px; }
.dv_screen .screen_img li a { display:block; position:relative; width:124px; height:80px; }
.dv_screen .screen_img li .sframe { position:absolute; top:0; left:0; width:124px; height:80px; z-index:2; cursor:pointer; _cursor:hand;
	background/**/:url('../img/main/bg_screen_sframe.png') left top no-repeat; _background/**/:none;
	_filter/**/:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://file.pmang.kr/images/pmang/bfo/cb/img/main/bg_screen_sframe.png', sizingMethod='scale'); }
.dv_screen .screen_img img { display:block; position:relative; width:122px; height:78px; }

/** cb2 second update code : START **/
.cb2_main_update .dv_notice { margin:6px 0 13px 0; }
.cb2_main_update .dv_notice li { min-height:25px; _height:25px; }
.cb2_main_update .dv_gmnote p {margin-top:5px;height:45px;}
.cb2_main_update .dv_gmnote p span {margin-top:3px;color:#666666;letter-spacing:-1px;display:block;}
.cb2_main_update .dv_gmnote .list_gmnote  {clear:both;float:none;margin:8px 0 0 0;border-top:1px solid #E7E8E8;width:401px;background:none;}
.cb2_main_update .dv_gmnote .list_gmnote li {margin:0 0 3px 3px;}
/** END : cb2 second update code **/

/* ǪÅÍ ==================================== */
.footer { position:absolute; left:50%; bottom:0; margin-left:-498px; width:996px; height:129px; overflow:hidden; }
.footer .logo { float:left; margin:15px 0 0 44px; width:238px; _display:inline; }
.footer .logo img { float:left; vertical-align:top; }
.footer .logo .logo_ea { margin:4px 0 0 23px; }
.footer .logo .logo_dice { margin:6px 0 0 15px; }
.footer .menu { position:relative; float:left; width:418px; overflow:hidden; }
.footer .menu a { position:relative; left:-6px; float:left; margin:0 0 6px 0; padding:0 5px 0 6px; background:url('../img/footer/bu_menu_bar.gif') left 1px no-repeat; _display:inline; }
.footer .copyright { float:left; }
.footer .gameinfo { float:left; }

	.cb2_main .footer { height:137px; }
	.cb2_main .footer .logo { margin:31px 0 0 25px; }
	.cb2_main .footer .logo .logo_ea { margin:3px 0 0 12px; }
	.cb2_main .footer .logo .logo_dice { margin:5px 0 0 12px; }
	.cb2_main .footer .menu { width:436px; }
	.cb2_main .footer .copyright { margin:0 0 0 -3px; }

	.cb2_sub .footer { height:137px; }
	.cb2_sub .footer .logo { margin:31px 0 0 25px; }
	.cb2_sub .footer .logo .logo_ea { margin:3px 0 0 12px; }
	.cb2_sub .footer .logo .logo_dice { margin:5px 0 0 12px; }
	.cb2_sub .footer .menu { width:436px; }
	.cb2_sub .footer .copyright { margin:0 0 0 -3px; }


/* ÀÓ½ÃÁ¡°Ë ================================ */
.layout_check { _text-align:center; background:#000000 url('../img/other/bg_check.jpg') center 43px repeat; }
.layout_check .container { margin:0 auto; padding:305px 0 0 0; width:470px; text-align:left; }
.layout_check .container ul { width:315px; height:277px; }
.layout_check .container li { margin:0 0 3px 0; font-size:14px; font-weight:bold; color:#000000; }
.layout_check .container li strong { color:#005b62; }

.layout_check .footer { padding:0; margin:0 auto; border:none; text-align:left; }
.layout_check .footer img { position:relative; left:-15px; z-index:2; }




/* °ÔÀÓ½ÇÇàÁß ================================ */
.layout_gamestart { background:#efa3c5 url('../img/other/bg_gamestart_top.jpg') center 43px repeat-x; }
.layout_gamestart .container { width:100%; height:644px; background:url('../img/other/bg_gamestart.jpg') center top no-repeat; }
.layout_gamestart .container .btn_home { position:absolute; top:352px; left:50%; margin-left:123px; }



/* ƼÁ® ===================================== */
.layout_teaser { background:#000000; _text-align:center; }
.layout_teaser .wrap { margin:0 auto; width:910px; _text-align:left; }
.layout_teaser .container { text-align:center; }
.layout_teaser .container .btn_lunch { display:block; margin:264px; }

.layout_teaser .footer { width:800px; border:none; position:relative; left:150px; padding:0 0 20px 0; }
.layout_teaser .footer .menu { margin-left:30px; width:510px; }
.layout_teaser .footer .gameinfo { position:absolute; top:0; right:0; }


/* ½ºÅ¸Àϸ®½ºÆ® Æ˾÷ */
#pop_stylelist { position:absolute; top:143px; left:50%; margin-left:-322px; width:645px; height:490px; }

/* ·¹À̾îÆ˾÷ ¼¾ÅÍÁ¤·Ä */
#cmPopAlign { position:absolute; top:43px; left:50%; margin-left:-590px; width:1180px; z-index:99; }