@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 - 도전스피드마스터 */
/*20080910추가*/
#speed_tit {height:21px; padding-left:5px; border-bottom:2px solid #E2E2E2;}
#speed_tit a {float:right; margin:3px 8px 0 0;}
.speed_box{height:210px; background:#F6F6F6; text-align:center;}
.speed_box p{margin-top:-10px; padding-bottom:8px; color:#818181; font-size:11px; letter-spacing:-1px;}
.speed_box p span{color:#585858}
/*//20080910추가*/

/* main contents area - avatar */
/*20080801수정*/
#avatar_tit {height:21px; padding-left:5px; border-bottom:2px solid #E2E2E2; margin:0 0 10px 0; }
#avatar_tit a {float:right; margin:3px 8px 0 0; }
/*//20080801수정*/
.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/casual/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.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 {clear:both; float:left; width:680px; margin-top:17px;} /*20080801수정*/
#mb #mbl {float:left; width:398px; }
#mb #mbr {float:right; width:269px; }
#item_tit {height:21px; border-bottom:2px solid #E2E2E2; padding-left:5px; clear:both; }
#item_tit a {float:right; margin:3px 8px 0 0; }
.item_bg {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/item_bg.gif) repeat-x; }
.item_bg2 {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/bg_item.gif) repeat-x;} /*20080801추가*/
.item_bg_m {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/item_bg_m.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; }
/*최강자*/
#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;width:100px;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/casual/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 -1px 6px; }
.strong_ico2 {margin:0 5px -2px 6px; }
/*퀴즈*/
.quiz_tit {height:27px; border-bottom:2px solid #E2E2E2; padding:0 2px 0 5px; }
.quiz_tit a {float:right; margin:0 4px 0 0; }
.quiz_list {background:#F6F6F6; height:114px; padding:11px 0 0 14px; margin-bottom:18px; }
.quiz_list li {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/common/sq_gray05.gif) no-repeat 0 5px; padding:0 0 5px 8px; }
html>body .quiz_list {height:103px;}
/*틀린그림찾기메인 사진갤러리*/
.gallery_tit {height:27px; border-bottom:2px solid #E2E2E2; padding:0 2px 0 5px; margin:15px 0 14px 0; }
.gallery_tit a {float:right; margin:0 4px 0 0; }
.gallery_tit img.title {margin-top:4px; }
.gallery_bg {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/gallery_bg.gif) repeat-x; }
table.gallery td.name {text-align:center; padding:11px 0 4px 0; }
/*쉽게보는게임방법*/
.easyguide_tit {height:21px; border-bottom:2px solid #E2E2E2; padding-left:5px; margin-top:6px; }
.easyguide_tit a {float:right; margin:3px 8px 0 0; }
.easyguide {float:left; margin-bottom:18px; }
.easyguide_img {float:left; }
.easyguide_exp, .easyguide_exp02 {float:left; line-height:1.3; letter-spacing:-1px; }
.easyguide_exp03 {float:left; line-height:1.3; font-size:11px; letter-spacing:-1px; } /*카드놀이*/
.easyguide_exp p, .easyguide_exp03 p {font-weight:bold; padding:17px 0 5px 0; color:#FF7289; font-size:12px; }
/*쉽게보는게임방법 - 틀린그림찾기, 빙고, 카드놀이 */
.easyguide_tit02 {height:21px; border-bottom:2px solid #E2E2E2; padding-left:5px; margin:20px 0 0 0; }
.easyguide_tit02 a {float:right; margin:3px 8px 0 0; }


/* ++++++++++++++++++++++++++	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; }
#ctop_sub_bg {height:21px; border-top:1px solid #E1E1E1; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/common/tit_bg.gif) 0 0 repeat-x;} /*20080801추가*/

/*아이템 설명*/
.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:79px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/tab_bg01.gif) no-repeat; }
.tab_w01 .tl {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/tab_bg01_01.gif) no-repeat; }
.tab_w01 .selected {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/tab_bg01.gif) no-repeat;  background-position:0 -26px; }
.tab_w02 li {float:left; display:inline; width:125px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/tab_bg02.gif) no-repeat; }
.tab_w02 .tl {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/tab_bg02_01.gif) no-repeat; }
.tab_w02 .selected {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/tab_bg02.gif) no-repeat;  background-position:0 -26px; }
.tab_w03 li {float:left; display:inline; width:92px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/tab_bg03.gif) no-repeat; }
.tab_w03 .tl {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/tab_bg03_01.gif) no-repeat; }
.tab_w03 .selected {background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/tab_bg03.gif) no-repeat;  background-position:0 -26px; }
.tab_w01 a, .tab_w02 a, .tab_w03 a {float:left; padding:9px 0 3px 0; color:#767676; font-weight:bold; letter-spacing:-1px; text-align:center; }
.tab_w01 a {width:79px; }
.tab_w02 a {width:125px; }
.tab_w03 a {width:92px; }
.tab_w01 a:hover, .tab_w02 a:hover, .tab_w03 a:hover {color:#EA1143; text-decoration:none}
.tab_w01 a:active, .tab_w02 a:active, .tab_w03 a:active {text-decoration:none; }
.tab_w01 .selected a, .tab_w01 .selected a:hover, .tab_w02 .selected a, .tab_w02 .selected a:hover, .tab_w03 .selected a, .tab_w03 .selected a:hover {color:#FFF; }

/*랭킹*/
.ranking_exp {border-top:2px solid #E1E1E1; height:49px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/rank_exp_bg.gif) repeat-x; position:relative; z-index:100;}
.ranking_my {height:36px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/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/casual/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/casual/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/casual/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/casual/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/casual/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/casual/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*/

/*랭킹하단 검색*/
.rank_sch_l {background:#EBEBEB url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/rank_sch_l.gif) no-repeat left top; }
.rank_sch_r {background:#EBEBEB url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/rank_sch_r.gif) no-repeat right top; }

/*퀴즈*/
.quiz_exp {border-top:2px solid #E1E1E1; height:68px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/rank_exp_bg.gif) repeat-x; position:relative; z-index:100; }

/*갤러리*/
.gallery_period {border-top:2px solid #E1E1E1; height:39px; position:relative; z-index:100; }
.gallery_top {position:relative; height:152px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/gallery_box01.gif) no-repeat; }
.gallery_pictit {padding:20px 0 6px 17px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/common/bu_arw07.gif) no-repeat 8px 22px; color:#222;  }
.gallery_pictit a {float:right; margin:0 8px 0 0; }
.gallery_exp {float:left; border-top:2px solid #E1E1E1; padding:13px 0 10px 6px; clear:Both;}
.gallery_exp .lexp {float:left; line-height:1.3; letter-spacing:-1px; }
.gallery_exp .rbtn {float:right; margin:5px 6px 0 0; }
table.gallery td.name02 {text-align:center; padding:5px 0 4px 0; line-height:1.4; }

/*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-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;}
.bx_item .item_txt .txt {min-height:51px; margin-bottom:10px;}/*20080801수정*/
.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개선수정*/

/*2009_04 강력추천아이템*/
.si_box {clear:both; width:680px; height:161px; margin:0 0 27px 0;padding-top:1px;background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/si_bg.gif) 0 0 no-repeat;}
.si_box h3 {margin:19px 27px 18px 27px; height:20px; border-bottom:1px solid #e2e2e3;}
.si_box ul {margin:0 0 0 44px; width:636px;}
.si_box ul li {position:relative; float:left; width:318px; }
.si_box ul li img {vertical-align:top;}
.si_box ul li .view_detail img {margin:5px 0 0 0; }
.si_box ul td {vertical-align:top; }
.si_box ul .auto_check { background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/si_gangchubg_01.gif) 0 100% no-repeat;}
.si_box ul .alzza { background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/casual/si_gangchubg_02.gif) 0 100% no-repeat;}
.si_box ul .gangchu {position:absolute; left:-1px; top:-1px ; width:45px; height:45px;}

/*내정보 add_0905*/
#rmyinfo .bu3 {height:25px; text-align:left; margin:6px 0 8px 0; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/common/line_x_01.gif) 0 100% repeat-x;}
#rmyinfo .bu3 p {float:left; margin:3px 0 0 0; padding:1px 0 0 18px; line-height:14px;background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/common/ico_point06.gif) no-repeat 2px 0; letter-spacing:-1px;}
#rmyinfo .bu3 .view_info {float:right; }
#rmyinfo .available_coupon {text-align:left; z-index:2;}
#rmyinfo .available_coupon p {float:left; margin:3px 0 0 0; padding:0 0 0 18px; background:url(https://hangame-images.toastoven.net/hangame/renewal_2006/common/ico_coupon2.gif) no-repeat 2px 0; color:#b04e07;}
#rmyinfo .coupon_info {float:right; }