﻿/* CSS Document */
@import url(common.css);
@import url(common_sub.css);

/*레이아웃*/
#dr2{height:600px; padding-top:160px; background:url(/images/sub_com/bg_bm2.jpg) no-repeat;}

#sc .title0{height:40px; background:url(/images/sub_info/title_00.gif) no-repeat;}/*드래곤라자게임정보*/
#sc .title2{height:40px; background:url(/images/sub_info/title_02.gif) no-repeat;}/*시나리오*/
#sc .title3{height:40px; background:url(/images/sub_info/title_03.gif) no-repeat;}/*국가설명*/
#sc .title4{height:40px; background:url(/images/sub_info/title_04.gif) no-repeat;}/*게임가이드*/
#sc .title6{height:40px; background:url(/images/sub_info/title_06.gif) no-repeat;}/*국가별랭킹*/

#sc .sbtitle, #sc .sbtitle1, #sc .sbtitle2, #sc .sbtitle3, #sc .ranking, #sc .refuge{height:28px; padding-top:45px; background:url(/images/sub_info/bg_title.gif) no-repeat;}
#sc .sbtitle3 h4{height:20px; margin-left:23px;  background:url(/images/sub_info/title_07s.gif) no-repeat;}/*게임공략*/
#sc .sbtitle1 h4{height:20px; margin-left:23px;  background:url(/images/sub_info/title_01s.gif) no-repeat;}/*드래곤라자소개*/
#sc .refuge h4{height:20px; margin-left:23px;  background:url(/images/sub_info/title_05s.gif) no-repeat;}/*국가망명신청*/
#sc .refuge span{display:none;}


/*INFO*/
#sc{margin-top:15px;}
#sc .title{height:54px; background:url(/images/sub_info/title_01.gif) no-repeat;}
#sc .infobx{height:95px;}
#sc .infobx2{height:364px; background:url(/images/sub_info/img_info2.jpg) no-repeat left top;}
#sc .infobx3{height:330px; margin-bottom:40px; background:url(/images/sub_info/img_info4.jpg) no-repeat right top; border-bottom:1px solid #993300;}
#sc .infotx1{float:right; width:501px; height:364px; background:url(/images/sub_info/img_info3.gif) no-repeat;}
#sc .infotx2{float:left; width:594px; height:330px; background:url(/images/sub_info/img_info5.gif) no-repeat;}


/*****************************************국가설명*********************************************/
#sc .sbtitle ul{margin-left:23px;}
#sc .sbtitle li{float:left;}
#sc .sbtitle li.natm1-on{width:104px; height:25px; background:url(/images/sub_info/subt3_01on.gif) no-repeat;}
#sc .sbtitle li.natm2-on{width:82px; height:25px; background:url(/images/sub_info/subt3_02on.gif) no-repeat;}
#sc .sbtitle li.natm3-on{width:66px; height:25px; background:url(/images/sub_info/subt3_03on.gif) no-repeat;}
#sc .sbtitle li.natm4-on{width:80px; height:25px; background:url(/images/sub_info/subt3_04on.gif) no-repeat;}
#sc .sbtitle li.natm5-on{width:119px; height:25px; background:url(/images/sub_info/subt3_05on.gif) no-repeat;}
#sc .sbtitle li.natm1-off{width:81px; height:25px; background:url(/images/sub_info/subt3_01off.gif) no-repeat;}
#sc .sbtitle li.natm2-off{width:62px; height:25px; background:url(/images/sub_info/subt3_02off.gif) no-repeat;}
#sc .sbtitle li.natm3-off{width:50px; height:25px; background:url(/images/sub_info/subt3_03off.gif) no-repeat;}
#sc .sbtitle li.natm4-off{width:64px; height:25px; background:url(/images/sub_info/subt3_04off.gif) no-repeat;}
#sc .sbtitle li.natm5-off{width:85px; height:25px; background:url(/images/sub_info/subt3_05off.gif) no-repeat;}
#sc .sbtitle li.natm1-off a{width:81px; height:25px; display:block;}
#sc .sbtitle li.natm2-off a{width:62px; height:25px; display:block;}
#sc .sbtitle li.natm3-off a{width:50px; height:25px; display:block;}
#sc .sbtitle li.natm4-off a{width:64px; height:25px; display:block;}
#sc .sbtitle li.natm5-off a{width:85px; height:25px; display:block;}

/*국가간배경*/
#nation, #nation1, #nation2, #nation3, #nation5{margin-bottom:80px;}
#nation .nat00{height:225px; background:url(/images/sub_info/img3_000.gif) no-repeat;}
#nation .nat01{height:70px; margin-top:50px; background:url(/images/sub_info/img3_001.gif) no-repeat;}
#nation .nat02{height:52px; margin-top:20px; background:url(/images/sub_info/img3_002.gif) no-repeat;}
#nation .nat03{height:55px; margin-top:20px; background:url(/images/sub_info/img3_003.gif) no-repeat;}

/*바이서스*/
#nation1 p, #nation1 h4{display:none;}
#nation1 .nat00{height:269px; margin-top:10px; background:url(/images/sub_info/img3_010.gif) no-repeat;}
#nation1 .nat01{height:61px; margin-top:10px; background:url(/images/sub_info/img3_011.gif) no-repeat;}
#nation1 .nat02{height:60px; margin-top:20px; background:url(/images/sub_info/img3_012.gif) no-repeat;}
#nation1 .nat03{height:55px; margin-top:20px; background:url(/images/sub_info/img3_013.gif) no-repeat;}
#nation1 .nat04{height:457px; margin-top:20px; background:url(/images/sub_info/img3_014.gif) no-repeat;}

/*자이펀*/
#nation2 p, #nation2 h4, #nation2 li{display:none;}
#nation2 .nat00{height:270px; margin-top:10px; background:url(/images/sub_info/img3_020.gif) no-repeat;}
#nation2 .nat01{height:60px; margin-top:10px; background:url(/images/sub_info/img3_021.gif) no-repeat;}
#nation2 .nat02{height:65px; margin-top:20px; background:url(/images/sub_info/img3_022.gif) no-repeat;}
#nation2 .nat03{height:76px; margin-top:20px; background:url(/images/sub_info/img3_023.gif) no-repeat;}
#nation2 .nat04{height:399px; margin-top:20px; background:url(/images/sub_info/img3_024.gif) no-repeat;}

/*일스공국*/
#nation3 p, #nation3 h4, #nation3 li{display:none;}
#nation3 .nat00{height:270px; margin-top:10px; background:url(/images/sub_info/img3_030.gif) no-repeat;}
#nation3 .nat01{height:78px; margin-top:10px; background:url(/images/sub_info/img3_031.gif) no-repeat;}
#nation3 .nat02{height:79px; margin-top:20px; background:url(/images/sub_info/img3_032.gif) no-repeat;}
#nation3 .nat03{height:81px; margin-top:20px; background:url(/images/sub_info/img3_033.gif) no-repeat;}
#nation3 .nat04{height:302px; margin-top:20px; background:url(/images/sub_info/img3_034.gif) no-repeat;}

/*국가간의전쟁*/
#nation5 p, #nation5 li, #nation5 h4{display:none;}
#nation5 .nat00{margin-top:10px;}
#nation5 .nat01{height:163px; margin-top:10px; margin-left:30px; background:url(/images/sub_info/img3_041.gif) no-repeat;}
#nation5 .nat02{height:315px; margin-top:20px; margin-left:30px; background:url(/images/sub_info/img3_042.gif) no-repeat;}
#nation5 .nat03{height:91px; margin-top:20px; margin-left:30px; background:url(/images/sub_info/img3_043.gif) no-repeat;}
#nation5 .nat04{height:235px; margin-top:20px; margin-left:30px; background:url(/images/sub_info/img3_044.gif) no-repeat;}
#nation5 .nat05{height:293px; margin-top:20px; margin-left:30px; background:url(/images/sub_info/img3_045.gif) no-repeat;}

/*****************************************게임가이드*********************************************/
#sc .sbtitle2 ul{margin-left:23px;}
#sc .sbtitle2 li{float:left;}
#sc .sbtitle2 li.natm1-on{width:69px; height:25px; background:url(/images/sub_info/subt4_01on.gif) no-repeat;}
#sc .sbtitle2 li.natm2-on{width:100px; height:25px; background:url(/images/sub_info/subt4_02on.gif) no-repeat;}
#sc .sbtitle2 li.natm3-on{width:66px; height:25px; background:url(/images/sub_info/subt4_03on.gif) no-repeat;}
#sc .sbtitle2 li.natm4-on{width:69px; height:25px; background:url(/images/sub_info/subt4_04on.gif) no-repeat;}
#sc .sbtitle2 li.natm5-on{width:140px; height:25px; background:url(/images/sub_info/subt4_05on.gif) no-repeat;}
#sc .sbtitle2 li.natm6-on{width:129px; height:25px; background:url(/images/sub_info/subt4_06on.gif) no-repeat;}
#sc .sbtitle2 li.natm7-on{width:129px; height:25px; background:url(/images/sub_info/subt4_07on.gif) no-repeat;}
#sc .sbtitle2 li.natm1-off{width:57px; height:25px; background:url(/images/sub_info/subt4_01off.gif) no-repeat;}
#sc .sbtitle2 li.natm2-off{width:77px; height:25px; background:url(/images/sub_info/subt4_02off.gif) no-repeat;}
#sc .sbtitle2 li.natm3-off{width:50px; height:25px; background:url(/images/sub_info/subt4_03off.gif) no-repeat;}
#sc .sbtitle2 li.natm4-off{width:51px; height:25px; background:url(/images/sub_info/subt4_04off.gif) no-repeat;}
#sc .sbtitle2 li.natm5-off{width:108px; height:25px; background:url(/images/sub_info/subt4_05off.gif) no-repeat;}
#sc .sbtitle2 li.natm6-off{width:100px; height:25px; background:url(/images/sub_info/subt4_06off.gif) no-repeat;}
#sc .sbtitle2 li.natm7-off{width:100px; height:25px; background:url(/images/sub_info/subt4_07off.gif) no-repeat;}
#sc .sbtitle2 li.natm1-off a{width:57px; height:25px; display:block;}
#sc .sbtitle2 li.natm2-off a{width:77px; height:25px; display:block;}
#sc .sbtitle2 li.natm3-off a{width:50px; height:25px; display:block;}
#sc .sbtitle2 li.natm4-off a{width:51px; height:25px; display:block;}
#sc .sbtitle2 li.natm5-off a{width:100px; height:25px; display:block;}
#sc .sbtitle2 li.natm6-off a{width:90px; height:25px; display:block;}
#sc .sbtitle2 li.natm7-off a{width:70px; height:25px; display:block;}


/*클래스 탭메뉴*/
#ch-class {margin-top:25px; margin-bottom:50px;}
#ch-class .ch-tab ul{height:30px; background:url(/images/sub_customer/faq_list_bg.gif) repeat-x left bottom;}
#ch-class .ch-tab li{float:left; width:64px; height:28px; margin-right:1px;}
#ch-class .ch-tab li.tb1on{background:url(/images/sub_info/tab4_01on.gif) no-repeat;}
#ch-class .ch-tab li.tb2on{background:url(/images/sub_info/tab4_02on.gif) no-repeat;}
#ch-class .ch-tab li.tb3on{background:url(/images/sub_info/tab4_03on.gif) no-repeat;}
#ch-class .ch-tab li.tb4on{background:url(/images/sub_info/tab4_04on.gif) no-repeat;}
#ch-class .ch-tab li.tb5on{background:url(/images/sub_info/tab4_05on.gif) no-repeat;}
#ch-class .ch-tab li.tb1off{background:url(/images/sub_info/tab4_01off.gif) no-repeat;}
#ch-class .ch-tab li.tb2off{background:url(/images/sub_info/tab4_02off.gif) no-repeat;}
#ch-class .ch-tab li.tb3off{background:url(/images/sub_info/tab4_03off.gif) no-repeat;}
#ch-class .ch-tab li.tb4off{background:url(/images/sub_info/tab4_04off.gif) no-repeat;}
#ch-class .ch-tab li.tb5off{background:url(/images/sub_info/tab4_05off.gif) no-repeat;}
#ch-class .ch-tab li a{height:28px;}
#ch-class .ch-tab li.tb1off a, #ch-class .ch-tab li.tb2off a, #ch-class .ch-tab li.tb3off a, #ch-class .ch-tab li.tb4off a, #ch-class .ch-tab li.tb5off a{width:64px; display:block;}

.ch-box, #rktb{margin-top:15px; padding:0 10px 30px 10px; background-color:#230800; border:1px solid #521500;}
.ch-box p, .ch-box li{color:#cc9966; line-height:140%;}
#ch-class .ch-rl p{color:#a2a2a2;}
.ch-box h4{margin-top:25px; margin-bottom:10px; padding-top:2px; padding-left:21px; background:url(/images/sub_com/blet.gif) no-repeat 3px 0; color:#bf831b; font-size:12px;}
#ch-class .ch-box h5{padding-left:10px; margin-bottom:6px; background:url(/images/sub_com/blet2.gif) no-repeat 3px 3px; color:#cc9966; font-size:12px;}
#ch-class .ch-rl{padding:5px; margin-bottom:5px; background-color:#120400; border:1px solid #202020;}
#ch-class table.tbs0{width:100%; table-layout:fixed;}
#ch-class table.tbs0 p{margin-left:10px;}
#ch-class table.tbs0 .ch-img{width:172px;}
#ch-class table.tbs0 .ch-tx{height:75px; padding-top:10px; vertical-align:top;}
#ch-class table.tbs1{width:100%; border:1px solid #3f3532; table-layout:fixed;}
#ch-class table.tbs1 th{width:100px; font-weight:normal; text-align:left; border-right:1px solid #3f3532;}
#ch-class table.tbs1 td, #ch-class table.tbs1 th{padding:2px 5px; background-color:#120400; border-bottom:1px solid #3f3532; color:#a2a2a2;}
table.tbs2{width:100%; margin-bottom:10px; background-color:#120400; border:1px solid #3f3532; table-layout:fixed;}
table.tbs2 th{background-color:#151515; color:#bf831b;}
table.tbs2 td, table.tbs2 th{padding:5px; border-bottom:1px solid #3f3532; border-right:1px solid #3f3532; color:#a2a2a2;}

/*직업시스템*/
#job {margin-top:25px; margin-bottom:50px;}
#job .ch-tab ul{height:30px; background:url(/images/sub_info/tab_list_bg.gif) repeat-x left bottom;}
#job .ch-tab li{float:left; width:80px; height:28px; margin-right:1px;}
#job .ch-tab li.tb1on{background:url(/images/sub_info/tab4_11on.gif) no-repeat;}
#job .ch-tab li.tb2on{background:url(/images/sub_info/tab4_12on.gif) no-repeat;}
#job .ch-tab li.tb3on{background:url(/images/sub_info/tab4_13on.gif) no-repeat;}
#job .ch-tab li.tb1off{background:url(/images/sub_info/tab4_11off.gif) no-repeat;}
#job .ch-tab li.tb2off{background:url(/images/sub_info/tab4_12off.gif) no-repeat;}
#job .ch-tab li.tb3off{background:url(/images/sub_info/tab4_13off.gif) no-repeat;}
#job .ch-tab li a{height:28px;}
#job .ch-tab li.tb1off a, #job .ch-tab li.tb2off a, #job .ch-tab li.tb3off a{width:80px; display:block;}
#job table.tbs2{margin-top:10px;}
#job .fl{float:left; width:300px;}
#job .fr{height:200px; padding-top:15px; padding-left:10px;}
#job .clear{clear:both;}
#job .ch-rl{padding:5px; margin-top:10px; margin-bottom:5px; background-color:#120400; border:1px solid #202020;}
#job table.tbs0{width:100%; table-layout:fixed;}
#job table.tbs0 .ch-img{width:295px;}
#job table.tbs0 .ch-tx{padding-top:10px; vertical-align:top; color:#a2a2a2;}

.ssb-box{background:url(/images/sub_com/ssb_bar.gif) no-repeat left bottom; padding:10px 20px 25px 20px;}
.ssb-box li{float:left; margin-right:10px; padding-right:10px; background:url(/images/sub_com/blet3.gif) no-repeat center right; font-size:11px;}
.ssb-box li.selecton{color:#bf831b; font-weight:bold;}
.ssb-box a:link, .ssb-box a:visited, .ssb-box a:hover, .ssb-box a:active{color:#eebf96;}

/*몬스터*/
#monster {margin-top:25px; margin-bottom:50px;}
#monster .ch-rl{padding:5px; margin-top:10px; margin-bottom:5px; background-color:#120400; border:1px solid #202020;}
#monster .ch-tab ul{height:30px; background:url(/images/sub_info/tab_list_bg.gif) repeat-x left bottom;}
#monster .ch-tab li{float:left; width:80px; height:28px; margin-right:1px;}
#monster .ch-tab li.tb1on{background:url(/images/sub_info/tabmonster_01on.gif) no-repeat;}
#monster .ch-tab li.tb2on{background:url(/images/sub_info/tabmonster_02on.gif) no-repeat;}
#monster .ch-tab li.tb1off{background:url(/images/sub_info/tabmonster_01off.gif) no-repeat;}
#monster .ch-tab li.tb2off{background:url(/images/sub_info/tabmonster_02off.gif) no-repeat;}
#monster .ch-tab li.tb1off a, #monster .ch-tab li.tb2off a{width:80px; height:28px; display:block;}

/*스킬*/
#skill{margin-top:25px; margin-bottom:50px;}
#skill .ch-tab ul{height:30px; background:url(/images/sub_customer/faq_list_bg.gif) repeat-x left bottom;}
#skill .ch-tab li{float:left; height:28px; margin-right:1px;}
#skill .ch-tab li.tb1on{width:92px; background:url(/images/sub_info/tabskill_01on.gif) no-repeat;}
#skill .ch-tab li.tb2on{width:92px; background:url(/images/sub_info/tabskill_02on.gif) no-repeat;}
#skill .ch-tab li.tb3on{width:75px; background:url(/images/sub_info/tabskill_03on.gif) no-repeat;}
#skill .ch-tab li.tb1off{width:92px; background:url(/images/sub_info/tabskill_01off.gif) no-repeat;}
#skill .ch-tab li.tb2off{width:92px; background:url(/images/sub_info/tabskill_02off.gif) no-repeat;}
#skill .ch-tab li.tb3off{width:75px; background:url(/images/sub_info/tabskill_03off.gif) no-repeat;}

/*아이템*/
#item{margin-top:25px; margin-bottom:50px;}
#item .ch-tab ul{height:30px; background:url(/images/sub_info/tab_list_bg.gif) repeat-x left bottom;}
#item .ch-tab li{float:left; height:28px; margin-right:1px;}
#item .ch-tab li.tb1on{width:64px; background:url(/images/sub_info/tabitem_01on.gif) no-repeat;}
#item .ch-tab li.tb2on{width:64px; background:url(/images/sub_info/tabitem_02on.gif) no-repeat;}
#item .ch-tab li.tb3on{width:64px; background:url(/images/sub_info/tabitem_03on.gif) no-repeat;}
#item .ch-tab li.tb4on{width:64px; background:url(/images/sub_info/tabitem_04on.gif) no-repeat;}
#item .ch-tab li.tb5on{width:64px; background:url(/images/sub_info/tabitem_05on.gif) no-repeat;}
#item .ch-tab li.tb6on{width:70px; background:url(/images/sub_info/tabitem_06on.gif) no-repeat;}
#item .ch-tab li.tb7on{width:64px; background:url(/images/sub_info/tabitem_07on.gif) no-repeat;}
#item .ch-tab li.tb8on{width:64px; background:url(/images/sub_info/tabitem_08on.gif) no-repeat;}
#item .ch-tab li.tb1off{width:64px; background:url(/images/sub_info/tabitem_01off.gif) no-repeat;}
#item .ch-tab li.tb2off{width:64px; background:url(/images/sub_info/tabitem_02off.gif) no-repeat;}
#item .ch-tab li.tb3off{width:64px; background:url(/images/sub_info/tabitem_03off.gif) no-repeat;}
#item .ch-tab li.tb4off{width:64px; background:url(/images/sub_info/tabitem_04off.gif) no-repeat;}
#item .ch-tab li.tb5off{width:64px; background:url(/images/sub_info/tabitem_05off.gif) no-repeat;}
#item .ch-tab li.tb6off{width:70px; background:url(/images/sub_info/tabitem_06off.gif) no-repeat;}
#item .ch-tab li.tb7off{width:64px; background:url(/images/sub_info/tabitem_07off.gif) no-repeat;}
#item .ch-tab li.tb8off{width:64px; background:url(/images/sub_info/tabitem_08off.gif) no-repeat;}
#item .ch-tab li.tb1off a, #item .ch-tab li.tb2off a, #item .ch-tab li.tb3off a, #item .ch-tab li.tb4off a, #item .ch-tab li.tb5off a, #item .ch-tab li.tb7off a, #item .ch-tab li.tb8off a{width:64px; height:28px; display:block;}
#item .ch-tab li.tb6off a{width:70px; height:28px; display:block;}
#item .ch-rl{margin-top:20px;}
table.newtbs2{margin-bottom:10px; background-color:#120400; border:1px solid #3f3532; table-layout:fixed;}
table.newtbs2 td, table.newtbs2 th{padding:5px; border-bottom:1px solid #3f3532; border-right:1px solid #3f3532; color:#a2a2a2;}

/*시나리오*/
#sc .sbtitle3 ul{margin-left:23px;}
#sc .sbtitle3 li{float:left;}
#sc .sbtitle3 li.natm1-on{width:63px; height:25px; background:url(/images/sub_info/scbtitle_01.gif) no-repeat;}
#sc .sbtitle3 li.natm2-on{width:63px; height:25px; background:url(/images/sub_info/scbtitle_02.gif) no-repeat;}
#sc .sbtitle3 li.natm3-on{width:63px; height:25px; background:url(/images/sub_info/scbtitle_03.gif) no-repeat;}
#sc .sbtitle3 li.natm4-on{width:52px; height:25px; background:url(/images/sub_info/scbtitle_04.gif) no-repeat;}
#sc .sbtitle3 li.natm1-off{width:50px; height:25px; background:url(/images/sub_info/scbtitle_01off.gif) no-repeat;}
#sc .sbtitle3 li.natm2-off{width:50px; height:25px; background:url(/images/sub_info/scbtitle_02off.gif) no-repeat;}
#sc .sbtitle3 li.natm3-off{width:50px; height:25px; background:url(/images/sub_info/scbtitle_03off.gif) no-repeat;}
#sc .sbtitle3 li.natm4-off{width:41px; height:25px; background:url(/images/sub_info/scbtitle_04off.gif) no-repeat;}
#sc .sbtitle3 li.natm1-off a{width:50px; height:25px; display:block;}
#sc .sbtitle3 li.natm2-off a{width:50px; height:25px; display:block;}
#sc .sbtitle3 li.natm3-off a{width:50px; height:25px; display:block;}
#sc .sbtitle3 li.natm4-off a{width:41px; height:25px; display:block;}

#ch-class span{display:none;}
#ch-class h3{margin-bottom:13px;}
#ch-class h3.scen1{height:40px; background:url(/images/sub_info/scenario_t1.gif) no-repeat 0 15px;}
#ch-class h3.scen2{height:40px; background:url(/images/sub_info/scenario_t2.gif) no-repeat 0 15px;}
#ch-class h3.scen3{height:40px; background:url(/images/sub_info/scenario_t3.gif) no-repeat 0 15px;}
#ch-class h3.scen4{height:40px; background:url(/images/sub_info/scenario_t4.gif) no-repeat 0 15px;}

/*랭킹*/
#sc .ranking ul{margin-left:23px;}
#sc .ranking li{float:left;}
#sc .ranking li.natm1-on{width:110px; height:25px; background:url(/images/sub_info/ranking_tb01.gif) no-repeat;}
#sc .ranking li.natm2-on{width:99px; height:25px; background:url(/images/sub_info/ranking_tb02.gif) no-repeat;}
#sc .ranking li.natm3-on{width:71px; height:25px; background:url(/images/sub_info/ranking_tb03.gif) no-repeat;}
#sc .ranking li.natm1-off{width:86px; height:25px; background:url(/images/sub_info/ranking_tb01off.gif) no-repeat;}
#sc .ranking li.natm2-off{width:74px; height:25px; background:url(/images/sub_info/ranking_tb02off.gif) no-repeat;}
#sc .ranking li.natm3-off{width:49px; height:25px; background:url(/images/sub_info/ranking_tb03off.gif) no-repeat;}
#sc .ranking li.natm1-off a{width:86px; height:25px; display:block;}
#sc .ranking li.natm2-off a{width:74px; height:25px; display:block;}
#sc .ranking li.natm3-off a{width:49px; height:25px; display:block;}
#rktb, #refuge{padding-top:10px;}

/*국가망명신청*/
#refuge ul.noimg li{display:none;}
#refuge .refuge-bgimg{width:724px; height:329px; margin:0 auto; background:url(/images/sub_info/refuge_bg.jpg) no-repeat center top;}
#refuge .refuge-img{height:329px; background:url(/images/sub_info/refuge_bg.gif) no-repeat 266px 34px;}
#refuge .imftx{padding:5px 0 10px 30px;}
#refuge .imftx p{padding-left:10px; color:#cc9966; line-height:150%; background:url(/images/sub_com/blet2.gif) no-repeat 3px 7px;}
#refuge .refuge-tx{height:27px; margin-top:10px; background:url(/images/sub_info/refuge_tx.gif) no-repeat;}
#refuge .refuge-tx2{height:27px; margin-top:10px; background:url(/images/sub_info/refuge_tx2.gif) no-repeat;}

#refuge .box-top{margin-top:5px; padding:25px 50px 20px 50px; background:url(/images/sub_info/ranking_boxtop.gif) no-repeat center top;}
#refuge .box-bottom{height:17px; background:url(/images/sub_info/ranking_boxbottom.gif) no-repeat center bottom;}
#refuge .box-top h5.tit1{height:23px; margin-bottom:8px; background:url(/images/sub_info/refuge_title1.gif) no-repeat;}
#refuge .box-top h5.tit2{height:23px; margin-bottom:8px; background:url(/images/sub_info/refuge_title2.gif) no-repeat;}
#refuge .box-top p{color:#cc9966; text-align:center;}
#refuge .box-top input{margin-left:20px;}
#refuge .footbtn{margin-top:15px; margin-bottom:80px; text-align:center;}
#refuge .re-complete{height:82px; background:url(/images/sub_info/refuge_complete.gif) no-repeat center top;}
#refuge .re-money{margin-top:185px; margin-left:310px;}
#refuge .re-money li{color:#cc9966;}
#refuge .re-money label{float:left; width:105px;}

/*듀얼클래스*/
#duel, #skill{margin-top:25px; margin-bottom:50px;}
#duel .ch-tab ul, #skill .ch-tab ul{height:28px; background:url(/images/sub_customer/faq_list_bg.gif) repeat-x left bottom;}
#duel .ch-tab li, #skill .ch-tab li{float:left;}
#duel .ch-tab li.tb1on{width:80px; height:25px; background:url(/images/sub_info/duel_tb01.gif) no-repeat;}
#duel .ch-tab li.tb2on{width:100px; height:25px; background:url(/images/sub_info/duel_tb02.gif) no-repeat;}
#duel .ch-tab li.tb3on{width:100px; height:25px; background:url(/images/sub_info/duel_tb03.gif) no-repeat;}
#duel .ch-tab li.tb1off{width:80px; height:25px; background:url(/images/sub_info/duel_tb01off.gif) no-repeat;}
#duel .ch-tab li.tb2off{width:100px; height:25px; background:url(/images/sub_info/duel_tb02off.gif) no-repeat;}
#duel .ch-tab li.tb3off{width:100px; height:25px; background:url(/images/sub_info/duel_tb03off.gif) no-repeat;}
#duel .ch-tab li.tb1off a{width:80px; height:25px; display:block;}
#duel .ch-tab li.tb2off a{width:100px; height:25px; display:block;}
#duel .ch-tab li.tb3off a{width:100px; height:25px; display:block;}

/*마법과전투스킬*/
#skill .ch-tab li.tb1on{width:92px; height:25px; background:url(/images/sub_info/tabskill_01on.gif) no-repeat;}
#skill .ch-tab li.tb2on{width:92px; height:25px; background:url(/images/sub_info/tabskill_02on.gif) no-repeat;}
#skill .ch-tab li.tb3on{width:75px; height:25px; background:url(/images/sub_info/tabskill_03on.gif) no-repeat;}
#skill .ch-tab li.tb1off{width:92px; height:25px; background:url(/images/sub_info/tabskill_01off.gif) no-repeat;}
#skill .ch-tab li.tb2off{width:92px; height:25px; background:url(/images/sub_info/tabskill_02off.gif) no-repeat;}
#skill .ch-tab li.tb3off{width:75px; height:25px; background:url(/images/sub_info/tabskill_03off.gif) no-repeat;}
#skill .ch-tab li.tb1off a{width:92px; height:25px; display:block;}
#skill .ch-tab li.tb2off a{width:92px; height:25px; display:block;}
#skill .ch-tab li.tb3off a{width:75px; height:25px; display:block;}
#skill .bigtx{margin-left:10px; font-size:15px; font-weight:bold; color:#cc9966;}
#skill .smtx{font-size:10px; font-family:Tahoma, sans-serifb; font-weight:bold; color:#cc9966;}
#skill .imgmidd{vertical-align:middle;}
#skill .listline{margin-top:10px;}
table.tbs3{width:345px; margin-bottom:10px; background-color:#120400; border:1px solid #3f3532;}
table.tbs3 th{background-color:#151515; color:#bf831b;}
table.tbs3 td, table.tbs3 th{padding:5px; border-bottom:1px solid #3f3532; border-right:1px solid #3f3532; color:#a2a2a2;}

/*왕초보가이드_20080925_이은영*/
#guide, #skill{margin-top:25px; margin-bottom:50px;}
#guide .ch-tab ul, #skill .ch-tab ul{height:28px; background:url(/images/sub_customer/faq_list_bg.gif) repeat-x left bottom;}
#guide .ch-tab li, #skill .ch-tab li{float:left;}
#guide .ch-tab li.firstguide00on{width:80px; height:25px; background:url(/images/sub_info/firstguide_01on.gif) no-repeat;}
#guide .ch-tab li.firstguide01on{width:80px; height:25px; background:url(/images/sub_info/firstguide_00on.gif) no-repeat;}
#guide .ch-tab li.firstguide02on{width:80px; height:25px; background:url(/images/sub_info/firstguide_02on.gif) no-repeat;}
#guide .ch-tab li.firstguide03on{width:80px; height:25px; background:url(/images/sub_info/firstguide_03on.gif) no-repeat;}
#guide .ch-tab li.firstguide00off{width:80px; height:25px; background:url(/images/sub_info/firstguide_01off.gif) no-repeat;}
#guide .ch-tab li.firstguide01off{width:80px; height:25px; background:url(/images/sub_info/firstguide_00off.gif) no-repeat;}
#guide .ch-tab li.firstguide02off{width:80px; height:25px; background:url(/images/sub_info/firstguide_02off.gif) no-repeat;}
#guide .ch-tab li.firstguide03off{width:80px; height:25px; background:url(/images/sub_info/firstguide_03off.gif) no-repeat;}
#guide .ch-tab li.firstguide00off a{width:80px; height:25px; display:block;}
#guide .ch-tab li.firstguide01off a{width:80px; height:25px; display:block;}
#guide .ch-tab li.firstguide02off a{width:80px; height:25px; display:block;}
#guide .ch-tab li.firstguide03off a{width:80px; height:25px; display:block;}

tab li.firstguide01off a{width:80px; height:25px; display:block;}
#guide .ch-tab li.firstguide02off a{width:80px; height:25px; display:block;}
#guide .ch-tab li.firstguide03off a{width:80px; height:25px; display:block;}

/*퀘스트존_20090422_이은영*/
#quest{margin-top:25px; margin-bottom:50px;}
#quest .ch-tab ul{height:28px; background:url(/images/sub_info/tab_list_bg.gif) repeat-x left bottom;}
#quest .ch-tab li{float:left;}
#quest .ch-tab li.tb1on{width:70px; height:26px; background:url(/images/sub_info/tabquest_01on.gif) no-repeat;}
#quest .ch-tab li.tb2on{width:70px; height:26px; background:url(/images/sub_info/tabquest_02on.gif) no-repeat;}
#quest .ch-tab li.tb3on{width:100px; height:26px; background:url(/images/sub_info/tabquest_03on.gif) no-repeat;}
#quest .ch-tab li.tb4on{width:100px; height:26px; background:url(/images/sub_info/tabquest_04on.gif) no-repeat;}
#quest .ch-tab li.tb1off{width:70px; height:25px; background:url(/images/sub_info/tabquest_01off.gif) no-repeat;}
#quest .ch-tab li.tb2off{width:70px; height:25px; background:url(/images/sub_info/tabquest_02off.gif) no-repeat;}
#quest .ch-tab li.tb3off{width:100px; height:25px; background:url(/images/sub_info/tabquest_03off.gif) no-repeat;}
#quest .ch-tab li.tb4off{width:100px; height:25px; background:url(/images/sub_info/tabquest_04off.gif) no-repeat;}
#quest .ch-tab li.tb1off a{width:70px; height:25px; display:block;}
#quest .ch-tab li.tb2off a{width:70px; height:25px; display:block;}
#quest .ch-tab li.tb3off a{width:100px; height:25px; display:block;}
#quest .ch-tab li.tb4off a{width:100px; height:25px; display:block;}
table.quest-tbs{width:100%; margin-top:10px; background-color:#120400; border:1px solid #3f3532;}
table.quest-tbs th{background-color:#151515; color:#bf831b;}
table.quest-tbs td, table.quest-tbs th{padding:2px; border-bottom:1px solid #3f3532; border-right:1px solid #3f3532; color:#8b8b8b; line-height:15px;}

