@charset "utf-8";


/*공통 - 20071206추가*/
#ctop_main {position:relative; top:0; left:0; height:140px;}
#ctop_main h2 {position:absolute; left:0; z-index:11; margin:25px 0 0 15px;}
#ctop_main h2 a {display:block; width:230px; height:85px; text-indent:-9000px;}
#ctop_main .eve_flash{overflow:hidden;position:absolute;z-index:10;right:-10px;width:408px;height:140px}
#ctop_main .eve_flash ul{padding:110px 0 0 60px}
#ctop_main .eve_flash li{float:left;width:21px;height:20px;margin-right:4px}
#ctop_main .eve_flash li .btn{overflow:hidden;display:inline-block;position:relative;z-index:10;width:21px;height:20px;background:url(https://hangame-images.toastoven.net/hangame/renewal_2013/casual/common/sp_eve.png) no-repeat}
#ctop_main .eve_flash button{width:21px;height:15px;padding:0;border:0;background:none;text-indent:102%;cursor:pointer}
#ctop_main .eve_flash .on .btn.eve1{background-position:-30px 0}
#ctop_main .eve_flash li .btn.eve2{background-position:0 -25px}
#ctop_main .eve_flash .on .btn.eve2{background-position:-30px -25px}
#ctop_main .eve_flash li .btn.eve3{background-position:0 -50px}
#ctop_main .eve_flash .on .btn.eve3{background-position:-30px -50px}
#ctop_main .eve_flash li .btn.eve4{background-position:0 -75px}
#ctop_main .eve_flash .on .btn.eve4{background-position:-30px -75px}
#ctop_main .eve_flash li .img{display:none;position:absolute;top:0;left:0}
#ctop_main .eve_flash .on .img{display:block}
/*//20071206추가*/

/* main contents area - avatar */
#avatar_tit {height:21px; padding-left:5px; border-bottom:2px solid #E2E2E2; margin:0 0 14px 0; }
#avatar_tit a {float:right; margin:3px 14px 0 0; }
.avatar_tit {margin-top:18px; height:19px; padding-left:5px;  text-align:left; } /*아바타타이틀서브*/
.avatar_tit a {float:right; margin:3px 8px 0 0; }
.avatar_bg {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/board/avatar_bg.gif) repeat-x; }
table.avatar td.name {text-align:center; padding-top:12px; }
table.avatar td.name02 {text-align:center; padding-top:5px; }
table.avatar td.exp {font-size:11px; color:#888; text-align:center; padding-top:5px; }
table.avatar td.exp02 {font-size:11px; color:#888; text-align:center; padding-top:2px; }
table.avatar td.txt {font-size:11px; color:#888; text-align:center; padding-top:5px; }
table.avatar td.btn {font-size:11px; color:#888; text-align:center; padding:5px 0; }
table.avatar td.btn img {vertical-align:top;}

/* main contents area - bottom */
#mb {float:left; margin-top:17px; clear:both; }
#mbn {float:left;} /*1012*/
#mb #mbl {float:left; width:398px; }
#mb #mbr {float:right; width:269px; }

#endol_tit {height:19px; padding-left:7px }
#endol_tit .take {float:right; padding:3px 9px 0 9px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/common/bu_arw02.gif) no-repeat 0 5px; font-size:11px; letter-spacing:-1px;  }
#endol_exp {}
#endol_how {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/common/c_endol_b.gif) no-repeat left bottom; padding:3px 5px 4px 5px; height:87px; }
#endol_how .exch {float:left; width:191px; height:25px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/common/c_endol_ex.gif) no-repeat left top; position:relative; margin:2px 0 0 6px; }
#endol_how .exch02 {float:left; width:191px; height:25px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/common/c_endol_ex.gif) no-repeat left top; position:relative; margin:2px 0 0 0; }
#endol_how .exch .en, #endol_how .exch02 .en {position:absolute; top:6px; left:30px; color:#555; }
#endol_how .exch .won, #endol_how .exch02 .won {position:absolute; top:6px; left:74px; color:#555; width:75px; text-align:right; }
#endol_how .exch .btn, #endol_how .exch02 .btn {position:absolute; top:4px; right:6px; }
#endol_how .plus {float:left; font-size:11px; padding:6px 0 4px 11px; }
#endol_how .etc {float:left; border-top:1px solid #E1E1E1; clear:both; padding-top:4px; width:388px }
#endol_how .etc .etcl {float:left; padding:4px 0 2px 16px; font-size:11px; }
#endol_how .etc .etcr {float:right; padding:4px 0 2px 16px; font-size:11px; border-left:1px solid #E8E8E8; width:194px;}
html>body #endol_how .etc .etcr {width:178px;}
.cbanner {margin-top:5px; }
#item_tit {height:21px; border-bottom:2px solid #E2E2E2; padding-left:5px; }
#item_tit a {float:right; margin:3px 8px 0 0; }
.item_bg_m {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/board/item_bg.gif) repeat-x; }
.item_bg_m02 {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/board/item_bg02.gif) repeat-x; }
.item_bg_m03 {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/board/item_bg03.gif) repeat-x; }
.item_bg_m04 {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/board/item_bg04.gif) repeat-x; }
.item_tit {height:21px; border-bottom:2px solid #E2E2E2; padding-left:5px; margin:17px 0 7px 0; text-align:left; } /*아이템타이틀서브*/
.item_tit a {float:right; margin:3px 8px 0 0; }
#story_tit {height:21px; border-bottom:2px solid #E2E2E2; padding-left:5px; margin-top:20px; }
#story_tit a {float:right; margin:3px 8px 0 0; }
.story_box {background:#F4F4F4; padding:14px 0 40px 0; }
table.story td.exp {font-size:11px; padding-top:8px; text-align:center; }
/*베스트동영상*/
#movie_tit {height:21px; border-bottom:2px solid #E2E2E2; padding-left:5px; margin:20px 0 0 0; }
#movie_tit a {float:right; margin:3px 8px 0 0; }
.movie_img {float:left; }
.movie_list {float:left; margin-top:15px }
.movie_list li {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/common/sq_gray05.gif) no-repeat 0 5px; padding:0 0 5px 7px; letter-spacing:-1px; }
/*게임소개*/
.easyguide_tit {height:21px; border-bottom:2px solid #E2E2E2; padding-left:5px; margin-top:20px; }
.easyguide_tit a {float:right; margin:3px 8px 0 0; }
.easyguide {float:left; margin-bottom:18px; }
.easyguide_img {float:left; }
.easyguide_exp {float:left; line-height:1.3; letter-spacing:-1px; }
.easyguide_exp p {font-weight:bold; padding:17px 0 5px 0; color:#3E9F9E; }
.easyguide_exp ul {}
.easyguide_exp ul li {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/common/sq_gray05.gif) no-repeat 0 5px; padding:0 0 3px 7px; letter-spacing:-1px; }
/*최강자*/
#strongest_tit {height:21px; border-bottom:2px solid #E2E2E2; padding-left:5px; margin:20px 0 14px 0; }
#strongest_tit a {float:right; margin:3px 8px 0 0; }
.strongest {letter-spacing:-1px; }
.strong_avatar {float:left; border:3px solid #E2E2E2; }
.strong_1st {clear:both; padding:4px 0 1px 6px; font-size:11px; letter-spacing:-1px; }
.strong_mode {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/board/strong_mode.gif) no-repeat; padding:5px 0 2px 8px; font-weight:bold; color:#444; }
.strong_lv {float:right; font-size:11px; color:#999; padding:3px 7px 0 0; }
.strong_time {float:right; font-size:10px; font-family:verdana; color:#999; padding:0 5px 4px 0; letter-spacing:-1px; }
.strong_ico {margin:0 5px -2px 6px; }
.strong_ico2 {margin:0 5px -2px 6px; }
/*파워체스*/
.powerchess {border:1px solid #DADADA; margin-top:9px; padding:7px 0; }
.powerchess_subtit {height:22px; margin-top:3px; border-bottom:1px solid #DADADA; }
.powerchess_subtit a {float:right; margin:3px 5px 0 0; }
.powerchess_exp {padding:8px 0 0 4px; letter-spacing:-1px; }


/* ++++++++++++++++++++++++++	sub common	++++++++++++++++++++++++++ */
/*컨텐츠 페이지 타이틀 상단 bg*/
.contit {height:40px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/common/tit_bg.gif) repeat-x; position:relative; }
.contit .titimg {float:left; padding:21px 0 0 5px; }
.contit a.btn {float:right; margin:11px 6px 0 0; }
.contit a.more {float:right; margin:23px 8px 0 0; }
.contit a.evt_banner {float:right; margin:11px 2px 0 0; } /*0320 추가*/

/*아이템 설명*/
.itemexp {padding:4px 0 0 8px}
.itemexp02 {padding:6px 0 0 8px}
.itemexp li, .itemexp02 li {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/common/sq_gray01.gif) no-repeat 0 4px; padding:0 5px 0 8px; letter-spacing:-1px; margin-top:5px}
.itemexp li.sp {color:#007EBC; font-size:11px; }

/*아바타, 아이템 상세*/
.item_detail {border-top:2px solid #E1E1E1; background:#F6F7F6; padding:6px 10px; margin-bottom:33px; }
.avatar_detail {border-top:2px solid #E1E1E1; background:#F6F7F6; padding:9px 10px; margin-bottom:33px; text-align:left; }
.avatarexp {padding:4px 0 0 8px}
.avatarexp li {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/common/sq_gray01.gif) no-repeat 0 4px; padding:0 0 0 8px; letter-spacing:-1px; margin-top:3px}

/* tab */
.tab_w01 li {float:left; display:inline; width:140px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/board/tab_bg01.gif) no-repeat; }
.tab_w01 .tl {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/board/tab_bg01_01.gif) no-repeat; }
.tab_w01 .selected {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/board/tab_bg01.gif) no-repeat;  background-position:0 -26px; }
.tab_w01 a {float:left; width:140px; padding:9px 0 3px 0; color:#767676; font-weight:bold; letter-spacing:-1px; text-align:center; }
.tab_w01 a:hover {color:#059099; text-decoration:none}
.tab_w01 a:active {text-decoration:none; }
.tab_w01 .selected a, .tab_w01 .selected a:hover {color:#FFF; }

/*랭킹*/
.ranking_exp {border-top:2px solid #E1E1E1; height:49px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/board/rank_exp_bg.gif) repeat-x; position:relative; z-index:100; font-size:11px}
.ranking_my {height:36px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/board/rank_myranking.gif) no-repeat; position:relative; z-index:50; }
.ranking_my .myrank {height:19px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/board/rank_bar.gif) no-repeat left top; position:absolute; margin-top:8px; padding:3px 0 0 11px; }
.ranking_top3 {height:144px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/board/rank_box.gif) no-repeat; position:relative; margin:12px 0 14px 0; }
table.top3 {margin-top:10px; padding-top: 9px;}
table.top3 .avatar {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/board/rank_avatar_bg.gif) no-repeat; position:relative; padding:3px; }
table.top3 .gold {position:absolute; top:0; left:0; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/board/rank_band_gold.gif) no-repeat; width:32px; height:32px; z-index:10; }
table.top3 .silver {position:absolute; top:0; left:0; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/board/rank_band_silver.gif) no-repeat; width:32px; height:32px; z-index:10; }
table.top3 .copper {position:absolute; top:0; left:0; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/board/rank_band_copper.gif) no-repeat; width:32px; height:32px; z-index:10; }
.ranking_txt {color:#333; font-size:14px; font-weight:bold; padding:0 0 4px 3px; }
.rank_up {font-family:verdana; font-size:9px; color:#FF554C; letter-spacing:-1px; } /*순위 up*/
.rank_down {font-family:verdana; font-size:9px; color:#21699C; letter-spacing:-1px; } /*순위 down*/
.rank_same {font-family:verdana; font-size:9px; color:#666; letter-spacing:-1px; } /*순위 same*/

/*�구매니아 1012추가*/
.banner_box {border:1px solid #DEDEDE;padding:5px;margin:22px 0 0 0;}
#enjoy_tit {height:21px; padding-left:5px; margin:0 0 1px 0; }
#enjoy_tit a {float:right; margin:3px 8px 1px 0; }
#enjoy_box {width:100%;border:1px solid #DADADA;padding:8px 0 8px 0;}

/*070404 추가*/
#ctop_sub a {position:absolute; left:10px; top:25px; display:block; width:220px; height:32px;}
#ctop_sub a img {width:100%; height:30px;}
/*070404 추가 END*/

/*200803-04상점UI개선수정*/
/*아이템상세보기*/
.bx_item {width:680px; margin-top:5px; margin-bottom:25px; padding-bottom:18px; _padding-bottom:4px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2007/common/bx_item_view2_bttm.gif) no-repeat left bottom; text-align:center; overflow:hidden;}
.bx_item_in {width:680px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2007/common/bx_item_view2_top.gif) no-repeat left top; overflow:hidden;}
.bx_item .tit_item {width:630px; height:29px; margin:22px auto 15px auto; border-bottom:1px solid #e2e2e3;}
.bx_item .tit_item h4 {float:left; padding-top:2px; font-size:14px; color:#3C3C3C; letter-spacing:-1px;}
.bx_item .tit_item .btn_item {float:right;}
.bx_item .tit_item .btn_item img {margin-left:1px;}
.bx_item .item_view {float:left; width:359px; _width:384px; padding-left:25px; text-align:left;}
.bx_item .item_view .img {float:left; padding:0 18px 0 2px;}
.bx_item .item_view ul {float:left;}
.bx_item .item_view .price {padding:2px 0 6px 0; color:#f26522;}
.bx_item .item_view .info {height:38px; font-size:11px; letter-spacing:-1px; line-height:1.4;}
.bx_item .item_txt {float:left; width:265px; padding-top:1px; text-align:left;}
.bx_item .item_txt .txt {padding-bottom:9px;}
.bx_item .item_txt .txt li {padding:0 0 0 8px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2007/common/sq_gray01.gif) no-repeat 0 6px; letter-spacing:-1px; line-height:1.4;}
.bx_item .item_txt .b {padding-left:8px;}
.bx_item .item_txt .b img {vertical-align:middle; margin:0 0 2px 3px;}
/*20080530추가*/
.avatar_img {float:left; padding:0 18px 0 25px;}
.avatar_view {float:left; text-align:left;}
.avatar_view .price {padding:2px 0 6px 0; color:#f26522;}
.avatar_view .txt {margin-top:10px;}
.avatar_view .txt li {padding:0 0 0 8px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2007/common/sq_gray01.gif) no-repeat 0 6px; letter-spacing:-1px; line-height:1.4;}
.avatar_view .b {padding-top:13px;}
.avatar_view .b img {vertical-align:middle; margin:0 0 2px 3px;}
/*//200803-04상점UI개선수정*/

.alert {color:#029C99;} 
  
/* 121126_메인업데이트 */ 
.ranking_area{position:relative;margin-top:21px} 
.ranking_area .blind{visibility:hidden;overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0} 
.ranking_area .tit{display:block;margin-bottom:10px;padding-left:5px} 
.ranking_area .rank_tab{overflow:hidden;zoom:1} 
.ranking_area .rank_tab li{float:left;height:31px;margin-right:-1px;text-align:center;line-height:31px} 
.ranking_area .rank_tab li a{display:block;position:relative;width:200px;height:31px;background:url(https://hangame-images.toastoven.net/hangame/renewal_2012/casual/sp_bg_tab.gif) no-repeat;font-weight:bold;color:#767676;letter-spacing:-1px;text-decoration:none} 
.ranking_area .rank_tab li.ov a{width:199px;background-position:0 -31px;color:#fff;z-index:10} 
.ranking_area .tbl_rank,.ranking_area .tbl_rank th,.ranking_area .tbl_rank td{border:none} 
.ranking_area .tbl_rank{table-layout:fixed} 
.ranking_area .tbl_rank th{height:33px;border-bottom:1px solid #e5e5e5;background-color:#f3f3f3;color:#333;letter-spacing:-1px;text-align:left} 
.ranking_area .tbl_rank th.rank{padding-left:20px} 
.ranking_area .tbl_rank th.nick{padding-left:42px} 
.ranking_area .tbl_rank th.money{text-align:center} 
.ranking_area .tbl_rank td{height:34px;border-bottom:1px solid #e2e2e2;color:#666} 
.ranking_area .tbl_rank td.rank{padding-left:19px;font-weight:bold;color:#333} 
.ranking_area .tbl_rank td.rank span{font-size:11px;font-weight:normal;color:#999} 
.ranking_area .tbl_rank td.rank span em{display:inline-block;margin:0 2px 0 1px;padding-left:7px;background:url(https://hangame-images.toastoven.net/hangame/renewal_2012/casual/sp_rank_arr.gif) no-repeat;font-family:Tahoma,Geneva,sans-serif;vertical-align:top;font-style:normal} 
.ranking_area .tbl_rank td.rank span em.up{background-position:0 5px;color:#ff5950} 
.ranking_area .tbl_rank td.rank span em.down{background-position:0 -15px;color:#21699c} 
.ranking_area .tbl_rank td.top3{color:#029c99} 
.ranking_area .tbl_rank td.nick{letter-spacing:-1px} 
.ranking_area .tbl_rank td.nick img{margin-right:9px;vertical-align:middle} 
.ranking_area .tbl_rank td.money{padding-right:25px;text-align:right} 
.ranking_area .tbl_rank td.game{text-align:center} 
.ranking_area .btn_more{position:absolute;top:3px;right:8px}