@charset 'euc-kr';
@import url('update.css');

/* common */
body
{
 background-color:#fff;
 font-size:11px;
 color:#494949;
 font-family:"µ¸¿ò,Verdana, Geneva, Arial, Helvetica, sans-serif";
 line-height:140%;
 margin: 0;
 padding: 0px;

 scrollbar-face-color:#403e39;
 scrollbar-shadow-color:#5b5247;
 scrollbar-highlight-color:#817565;
 scrollbar-3dlight-color:#101010;
 scrollbar-darkshadow-color:#070707;
 scrollbar-track-color:#282a27;
 scrollbar-arrow-color:#a09978;
 scrollbar-base-color:#d4d0c8;
}

td { font-family:"µ¸¿ò"; font-size:11px; color:#494949; line-height:15px; }
img { border:none; }
form { margin:0; padding:0; }

a:link { color:#494949; text-decoration:none; }
a:visited { color:#494949; text-decoration:none; }
a:hover { color:#494949; text-decoration:underline; }
a:active { color:#494949; text-decoration:none; }

p { margin-top:0px; margin-bottom:0px; }
font { line-height:160%; }


/* navigation */
#mainNavigation { position:relative; min-width:990px; height:343px; overflow-x:hidden; }
#mainNavigation #naviOverflow { width:100%; text-align:center; }
#mainNavigation #naviPosition { position:relative; width:990px; margin:0 auto; }
#mainNavigation #naviPosition object { position:absolute; left:-203px; top:0; }

#subNavigation { position:relative; min-width:995px; height:230px; overflow-x:hidden; }
#subNavigation #naviOverflow { width:100%; text-align:center; }
#subNavigation #naviPosition { position:relative; width:995px; margin:0 auto; }
#subNavigation #naviPosition object { position:absolute; left:-149px; top:0; }


/* starter */
#WebStarter { position:relative; width:200px; height:99px; z-index:100; overflow-x:hidden; }


/* start page */
#gameStart { padding:0 0 7px 0; }
#gameStart .start_header { height:403px; margin:0; padding:0; background:url('../IMG/Common/GameStart/start_img_header.jpg') center top no-repeat; text-align:center; }
#gameStart .start_header h1 { display:none; }
#gameStart .start_header .header_box { position:relative; width:677px; margin:0 auto; }
#gameStart .start_header .header_box a { position:absolute; left:230px; top:22px; display:block; width:214px; height:143px; text-indent:-5000px; overflow:hidden; }
#gameStart .start_body { height:264px; margin:0; padding:0; background:url('../IMG/Common/GameStart/start_img_body.jpg') center top no-repeat; text-align:center; }
#gameStart .start_body h3 { display:none; }
#gameStart .start_body .body_box { position:relative; width:677px; margin:0 auto; }
#gameStart .start_body .inven { position:absolute; left:158px; top:119px; display:block; width:175px; height:35px; text-indent:-5000px; overflow:hidden; }
#gameStart .start_body .event { position:absolute; left:345px; top:119px; display:block; width:175px; height:35px; text-indent:-5000px; overflow:hidden; }
#gameStart .start_body .main { position:absolute; left:233px; top:200px; display:block; width:212px; height:32px; text-indent:-5000px; overflow:hidden; }
#gameStart .txt_none { display:none; }


/* gate page */
.body_gate { background-color:#000; }
#gameGate { padding:0 0 7px 0; }
#gameGate .gate_header { height:404px; margin:0; padding:0; background:url('../IMG/GATE/gate_img_header.jpg') center top no-repeat; text-align:center; }
#gameGate .gate_header h1 { display:none; }
#gameGate .gate_header .header_box { position:relative; width:345px; margin:0 auto; }
#gameGate .gate_header .header_box a { position:absolute; left:66px; top:12px; display:block; width:214px; height:143px; text-indent:-5000px; overflow:hidden; }
#gameGate .gate_body { height:229px; margin:0; padding:0; background:url('../IMG/GATE/gate_img_body.jpg') center top no-repeat; text-align:center; }
#gameGate .gate_body .body_box { position:relative; width:345px; margin:0 auto; }
#gameGate .gate_body .test { position:absolute; left:9px; top:9px; display:block; width:328px; height:36px; text-indent:-5000px; overflow:hidden; }
#gameGate .gate_body .main { position:absolute; left:10px; top:176px; display:block; width:163px; height:34px; text-indent:-5000px; overflow:hidden; }
#gameGate .gate_body .join { position:absolute; left:174px; top:176px; display:block; width:163px; height:34px; text-indent:-5000px; overflow:hidden; }

#gateLogin { position:absolute; left:10px; top:51px; width:327px; }
#gateLogin .pointer { cursor:pointer; }
#gateLogin .login_tab { float:left; margin:0; padding:0; }
#gateLogin .login_tab li { float:left; list-style:none; margin:0; padding:0; }
#gateLogin .login_tab li img { vertical-align:top; }
#gateLogin .frminput { clear:both; float:left; display:inline; margin:11px 0 0 23px; }
#gateLogin .frminput dl { clear:both; float:left; width:180px; margin:0; padding:0; }
#gateLogin .frminput dl dt { float:left; margin:0; padding:4px 5px 0 0; }
#gateLogin .frminput dl dd { float:left; margin:0; padding:0; }
#gateLogin .frminput dl dd input { width:140px; height:22px; margin:0 0 1px 0; border:1px solid #3b372c; background-color:#aeaa9c; font-size:12px; line-height:18px; }
#gateLogin .frmsubmit { float:left; padding:12px 0 0 0; }
#gateLogin .otherbtn { clear:both; padding:4px 0 0 56px; text-align:left; }
#gateLogin .otherbtn img { margin:0 7px 0 0; vertical-align:middle; }

#gateDefault { position:relative; width:327px; height:119px; background: url('../IMG/GATE/gate_logindefault.gif') no-repeat; overflow:hidden; }
	#gateDefault img { margin-bottom:10px; cursor:pointer; }
	#gateDefault .sunloginbtn { float:left; padding:35px 0 0 26px; }
	#gateDefault .hanloginbtn { float:right; padding:35px 26px 0 0; }
#gateHangame { position:relative; width:327px; height:118px; background: url('../IMG/GATE/hanlogin_back.gif') 0 20px no-repeat; }
	#gateHangame .securitybtn { position:absolute; bottom:12px; right:70px; }
	#gateHangame .securitybtn img { vertical-align:middle; }
	#gateHangame .securitybtn input { width:14px; height:14px; margin:0 0 2px 28px; vertical-align:middle; }
#gateSunonline { position:relative; width:327px; height:118px; background: url('../IMG/GATE/sunlogin_back.gif') 0 20px no-repeat; }


#gameGate .txt_none { display:none; }


/* background color */
.body_color { background-color:#2b2d2a; }
.bg_color1 { background-color:#4f3b18; }
.bg_color2 { background-color:#4f2118; }
.bg_color3 { background-color:#173b47; }

/* background image */
.body_back { background:url('../IMG/Template/paturn.jpg') repeat; }
.Smenu_back { background:url('../IMG/Template/left_back.jpg') repeat-y; }
.con_back { background:url('../IMG/Template/con_bg.jpg') repeat-y; }
.story_bg { background:url('../IMG/Template/story_bg.gif') repeat-y; }
.story_top { background:url('../IMG/Template/story_top.gif') no-repeat; }
.story_top1 { background:url('../IMG/Template/gameguide_map_conbg.jpg') no-repeat; }
.story_bottom { background:url('../IMG/Template/story_bottom.gif') no-repeat; }
.right_bg { background:url('../IMG/Template/right_bg.gif') repeat-y; }
.footer_bg { background:url('../IMG/SiteInfo/footer_img_bg.gif') repeat-x; }
.dot_repeat { background:url('../IMG/Template/dot.gif') repeat-y; }

/* select box */
.select_link { font-size:11px; font-family:dotum; color:#9d9d9d; background-color:#282f37; width:103px; }

/* space */
.con_space { padding:0 20px 30px 20px; }
.con_space1 { padding:111px 18px 10px 16px; }

/* align */
.Align_Img { margin:0 0 2px 0; vertical-align:middle; }
.Align_LeFt { float:left; }


/* text color */
.fff474 { font-size:11px; font-family:dotum; color:#fff474; }
.ffd94f { font-size:11px; font-family:dotum; color:#ffd94f; }
.cac7c3 { font-size:11px; font-family:dotum; color:#cac7c3; }
.f2e5ad { font-size:11px; font-family:dotum; color:#f2e5ad; }
.ffcf87 { font-size:11px; font-family:dotum; color:#ffcf87; }
.d1ba77 { font-size:11px; font-family:dotum; color:#d1ba77; }
.ffea9a { font-size:11px; font-family:dotum; color:#ffea9a; }
.e7dfc0 { font-size:11px; font-family:dotum; color:#e7dfc0; }
.e7dfc0em { font-size:11px; font-family:dotum; color:#e7dfc0; letter-spacing:-0.1em; }
.ccdb9d { font-size:11px; font-family:dotum; color:#ccdb9d; }
.d7e560 { font:11px/13px dotum; color:#d7e560; }
.d7e560em { font-size:11px; font-family:dotum; color:#d7e560; letter-spacing:-0.1em; }
.ffde00 { font-size:11px; font-family:dotum; color:#ffde00; }
.ffde00em { font-size:11px; font-family:dotum; color:#ffde00; letter-spacing:-0.1em; }
.d2b80a { font-size:11px; font-family:dotum; color:#d2b80a; }
.605a46 { font-size:11px; font-family:dotum; color:#605a46; }
.c3aa4c { font-size:11px; font-family:dotum; color:#c3aa4c; }
.d0c28b { font-size:11px; font-family:dotum; color:#d0c28b; }
.b1a89b { font-size:11px; font-family:dotum; color:#b1a89b; }

.white { font-size:11px; font-family:dotum; color:#fff; }
.white a:link { color:#fff; text-decoration:none; }
.white a:visited { color:#fff; text-decoration:none; }
.white a:hover { color:#fff; text-decoration:underline; }
.white a:active { color:#fff; text-decoration:none; }

.whiteem { font-size:11px; font-family:dotum; color:#fff; letter-spacing:-0.1em; }

.whiteB { font-size:11px; font-family:dotum; font-weight:bold; color:#fff; }
.whiteB a:link { color:#fff; text-decoration:none; }
.whiteB a:visited { color:#fff; text-decoration:none; }
.whiteB a:hover { color:#fff; text-decoration:underline; }
.whiteB a:active { color:#fff; text-decoration:none; }

.whiteBem { font-size:11px; font-family:dotum; font-weight:bold; color:#fff; letter-spacing:-0.1em; }

.gray { font-size:11px; line-height:140%; font-family:dotum; color:#ddd; }
.gray a:link { color:#ddd; text-decoration:none; }
.gray a:visited { color:#ddd; text-decoration:none; }
.gray a:hover { color:#ddd; text-decoration:underline; }
.gray a:active { color:#ddd; text-decoration:none; }

.red { font-size:11px; line-height:140%; font-family:dotum; color:#65111b; }
.red a:link { color:#65111b; text-decoration:none; }
.red a:visited { color:#65111b; text-decoration:none; }
.red a:hover { color:#65111b; text-decoration:underline; }
.red a:active { color:#65111b; text-decoration:none; }
.redB { font-size:11px; font-family:dotum; font-weight:bold; color:#65111b; }

a.yellowB:link { font-size:11px; font-family:dotum; font-weight:bold; color:#ffefaa; text-decoration:none; }
a.yellowB:visited { font-size:11px; font-family:dotum; font-weight:bold; color:#ffefaa; text-decoration:none; }
a.yellowB:hover { font-size:11px; font-family:dotum; font-weight:bold; color:#ffefaa; text-decoration:underline; }
a.yellowB:active { font-size:11px; font-family:dotum; font-weight:bold; color:#ffefaa; text-decoration:none; }

.orange { font-size:11px; font-family:dotum; color:#ffc200; }
.orangeB { font-size:11px; font-family:dotum; font-weight:bold; color:#ffc200; }

.comment { font-family:Arial; font-size:10px; color:#C3B966; letter-spacing:0.1em; }
.comment a:link { font-family:Arial; font-size:10px; color:#C3B966; text-decoration:none; }
.comment a:visited { font-family:Arial; font-size:10px; color:#C3B966; text-decoration:none; }
.comment a:hover { font-family:Arial; font-size:10px; color:#C3B966; text-decoration:underline; }
.comment a:active { font-family:Arial; font-size:10px; color:#C3B966; text-decoration:none; }

.history { font-size:11px; font-family:dotum; color:#323232; }
.history a:link { color:#323232; text-decoration:none; }
.history a:visited { color:#323232; text-decoration:none; }
.history a:hover { color:#323232; text-decoration:underline; }
.history a:active { color:#323232; text-decoration:none; }
.history_space { padding:0 10px 7px 0; }

.spot_notice { font-size:11px; font-family:dotum; font-weight:bold; color:#cccc33; padding:3px 0 0 5px; }

.keyword { font-size:11px; font-family:dotum; color:#cccc33; }
.keyword a:link { color:#cccc33; text-decoration:none; }
.keyword a:visited { color:#cccc33; text-decoration:none; }
.keyword a:hover { color:#cccc33; text-decoration:underline; }
.keyword a:active { color:#cccc33; text-decoration:none; }

.notice { font-size:11px; line-height:160%; font-family:dotum; color:#ddd; }
.notice a:link { color:#ddd; text-decoration:none; }
.notice a:visited { color:#ddd; text-decoration:none; }
.notice a:hover { color:#ddd; text-decoration:underline; }
.notice a:active { color:#ddd; text-decoration:none; }
.notice_space { padding:13 0 11 0; }

.ffd16d { font-size:11px; line-height:160%; font-family:dotum; color:#ffd16d; }
.ffd16d a:link { color:#ffd16d; text-decoration:none; }
.ffd16d a:visited { color:#ffd16d; text-decoration:none; }
.ffd16d a:hover { color:#ffd16d; text-decoration:underline; }
.ffd16d a:active { color:#ffd16d; text-decoration:none; }

.dfc668S { font-size:11px; font-family:dotum; color:#dfc668; }
.dfc668 { font-size:11px; font-weight:bold; font-family:dotum; color:#dfc668; }
.dfc668 a:link { color:#dfc668; font-weight:bold; text-decoration:none; }
.dfc668 a:visited { color:#dfc668; font-weight:bold; text-decoration:none; }
.dfc668 a:hover { color:#dfc668; font-weight:bold; text-decoration:underline; }
.dfc668 a:active { color:#dfc668; font-weight:bold; text-decoration:none; }

.login { font-family:dotum; font-size:11px; color:#fff6bd; font-weight:bold; }
.login a:link { font-family:dotum; font-size:11px; color:#fff6bd; font-weight:bold; text-decoration:none; }
.login a:visited { font-family:dotum; font-size:11px; color:#fff6bd; font-weight:bold; text-decoration:none; }
.login a:hover { font-family:dotum; font-size:11px; color:#fff6bd; font-weight:bold; text-decoration:underline; }
.login a:active { font-family:dotum; font-size:11px; color:#fff6bd; font-weight:bold; text-decoration:none; }

.faq { font-family:dotum; font-size:11px; color:#b7b1a6; }
.faq a:link { font-family:dotum; font-size:11px; color:#b7b1a6; text-decoration:none; }
.faq a:visited { font-family:dotum; font-size:11px; color:#b7b1a6; text-decoration:none; }
.faq a:hover { font-family:dotum; font-size:11px; color:#b7b1a6; text-decoration:underline; }
.faq a:active { font-family:dotum; font-size:11px; color:#b7b1a6; text-decoration:none; }

.poll { font-family:dotum; font-size:11px; color:#ffeecc; }
.poll a:link { font-family:dotum; font-size:11px; color:#ffeecc; text-decoration:none; }
.poll a:visited { font-family:dotum; font-size:11px; color:#ffeecc; text-decoration:none; }
.poll a:hover { font-family:dotum; font-size:11px; color:#ffeecc; text-decoration:underline; }
.poll a:active { font-family:dotum; font-size:11px; color:#ffeecc; text-decoration:none; }

.notice1 { font-family:dotum; font-size:11px; color:#770000; font-weight:bold; }
.notice1 a:link { font-family:dotum; font-size:11px; color:#770000; font-weight:bold; text-decoration:none; }
.notice1 a:visited { font-family:dotum; font-size:11px; color:#770000; font-weight:bold; text-decoration:none; }
.notice1 a:hover { font-family:dotum; font-size:11px; color:#770000; font-weight:bold; text-decoration:underline; }
.notice1 a:active { font-family:dotum; font-size:11px; color:#770000; font-weight:bold; text-decoration:none; }

.notice2 { font-family:dotum; font-size:11px; font-weight:bold; }
.notice2 a:link { font-family:dotum; font-size:11px; font-weight:bold; text-decoration:none; }
.notice2 a:visited { font-family:dotum; font-size:11px; font-weight:bold; text-decoration:none; }
.notice2 a:hover { font-family:dotum; font-size:11px; font-weight:bold; text-decoration:underline; }
.notice2 a:active { font-family:dotum; font-size:11px; font-weight:bold; text-decoration:none; }

.notice3 { font-family:dotum; font-size:11px; color:#31510e; font-weight:bold; }
.notice3 a:link { font-family:dotum; font-size:11px; color:#31510e; font-weight:bold; text-decoration:none; }
.notice3 a:visited { font-family:dotum; font-size:11px; color:#31510e; font-weight:bold; text-decoration:none; }
.notice3 a:hover { font-family:dotum; font-size:11px; color:#31510e; font-weight:bold; text-decoration:underline; }
.notice3 a:active { font-family:dotum; font-size:11px; color:#31510e; font-weight:bold; text-decoration:none; }


.bold { font-weight:bold; }
.Uline { text-decoration:underline; }
.color01 { color:#773000; }

.16px { font-size:16px; }

.TTTT { font:bold 11px dotum; color:#ded6b1; }



/* space */
.server_space { padding:2px 0 0 9px; }
.paging_spaceT { padding-top:2px; }
.top_2px { padding-top:2px; }
.top_3px { padding-top:3px; }
.top_4px { padding-top:4px; }
.left_3px { padding-left:3px; }
.checkbox_space { padding:0 4px 3px 0; }

/* text size */
.txt_size { font-size:11px; font-weight:bold; }
.txt_size1 { font-size:16px; font-weight:bold; }
.txt_size1B { font-size:16px; font-weight:bold; }
.txt_size2 { font-size:12px; line-height:140%; }
.txt_size2B { font-size:12px; line-height:140%; font-weight:bold; }
.txt_size2BB { font-size:12px; font-weight:bold; }
.txt_size3 { font-size:14px; font-family:dotum; font-weight:bold; }
.txt_size4 { font-size:10px; font-weight:bold; }


/* board */
.board_title { font-size:11px; font-family:dotum; font-weight:bold; color:#333; padding-top:2; }
.board_bg1 { background:url('../IMG/Community/ThemeBoard/boardT_box1.gif') left no-repeat; }
.board_bg2 { background:url('../IMG/Community/ThemeBoard/boardT_box2.gif') right no-repeat; }
.board_bg3 { background:url('../IMG/Community/ThemeBoard/boardT_box3.gif') repeat-x; }

.list_spaceT { padding-top:4px; }
.list_spaceL { padding-left:7px; }
.list_notice { padding-top:4px; background:url('http://image.webzen.co.kr/SUN/WWW/IMG/Community/ThemeBoard/board_notice.gif') repeat-x; }
.notice_icon img { margin:-2px 0 0 0; }

.list_color1 { font-size:11px; font-family:dotum; line-height:140%; color:#333; }
.list_color1B { font-size:11px; font-family:dotum; font-weight:bold; color:#333; }

.list_color2 { font-size:11px; font-family:dotum; color:#ffffbc; }
.list_color2B { font-size:11px; font-family:dotum; font-weight:bold; color:#ffffbc; }

.list_color3 { font-size:11px; font-family:dotum; color:#ddd; }
.list_color3 a:link  { color:#ddd; text-decoration:none; }
.list_color3 a:visited  { color:#ddd; text-decoration:none; }
.list_color3 a:hover { color:#ddd; text-decoration:underline; }
.list_color3 a:active { color:#ddd; text-decoration:none; }
.list_color3B { font-size:11px; font-family:dotum; font-weight:bold; color:#ddd; }

.list_color4 { font-size:11px; font-family:dotum; color:#ffcc66; }
.list_color4 a:link  { color:#ffcc66; text-decoration:none; }
.list_color4 a:visited  { color:#ffcc66; text-decoration:none; }
.list_color4 a:hover { color:#ffcc66; text-decoration:underline; }
.list_color4 a:active { color:#ffcc66; text-decoration:none; }

.list_color5 { font-size:11px; font-family:dotum; color:#000; }
.list_color6 { font-size:11px; font-family:dotum; color:#5d0000; }
.list_color7 { font-size:11px; font-family:dotum; color:#442900; }

.list_color8 { font-size:11px; font-family:dotum; color:#222222; }
.list_color8B { font:bold; color:#222222; }

.list_color9 { font-size:11px; font-family:dotum; color:#aaa; }
.list_color9B { font-size:11px; font-family:dotum; font-weight:bold; color:#aaa; }

.list_color10 { font-size:11px; font-family:dotum; color:#ffda76; }
.list_color10 a:link  { color:#ffda76; text-decoration:none; }
.list_color10 a:visited { color:#ffda76; text-decoration:none; }
.list_color10 a:hover { color:#ffda76; text-decoration:underline; }
.list_color10 a:active { color:#ffda76; text-decoration:none; }
.list_color10B { font-size:11px; font-family:dotum; font-weight:bold; color:#ffda76; }
.list_color10B a:link  { font-weight:bold; color:#ffda76; text-decoration:none; }
.list_color10B a:visited { font-weight:bold; color:#ffda76; text-decoration:none; }
.list_color10B a:hover { font-weight:bold; color:#ffda76; text-decoration:underline; }
.list_color10B a:active { font-weight:bold; color:#ffda76; text-decoration:none; }

.list_color11 { font-size:11px; font-family:dotum; color:#fec900; }
.list_color11b { font-size:11px; font-family:dotum; font-weight:bold; color:#fec900; }

.list_color12 { font-size:11px; font-family:dotum; color:#333132; }
.list_color12b { font-size:11px; font-family:dotum; font-weight:bold; color:#333132; }
.list_color12b a { color:#333132; }
.list_color12b a:visited { color:#333132; }
.list_color12b a:hover { color:#333132; }

.list_padding1 { padding:4px 24px 0 6px; }
.list_padding2 { padding:3px 7px 0 0; }

.view_color1 { font-size:11px; font-family:dotum; color:#663300; }

.view_color2 { font-size:11px; font-family:dotum; color:#eee; }
.view_color2B { font-size:11px; font-family:dotum; font-weight:bold; color:#eee; }

.view_color3 { font-size:11px; font-family:dotum; color:#dfd08d; }
.view_color4 { font-size:11px; font-family:dotum; color:#454545; }

.view_color5 { font-size:11px; font-family:dotum; color:#cecece; }
.view_color5 a:link { color:#cecece; text-decoration:none; }
.view_color5 a:visited { color:#cecece; text-decoration:none; }
.view_color5 a:hover { color:#cecece; text-decoration:underline; }
.view_color5 a:active { color:#cecece; text-decoration:none; }
.view_color520 { font-size:11px; line-height:180%; font-family:dotum; color:#cecece; }
.view_color5S { font-size:11px; font-family:dotum; color:#cecece; letter-spacing:-0.1em; }
.view_color5S1 { font-size:11px; line-height:160%; font-family:dotum; color:#cecece; letter-spacing:-0.1em; }
.view_color5S2 { font-size:11px; font-family:dotum; color:#cecece; letter-spacing:-0.1em; }
.view_color5S2 br { letter-spacing:0; }
.view_color5S2 .f2e5ad { text-decoration:underline; color:#f2e5ad; cursor:pointer; }
.view_color5S2 .a7a49f { color:#a7a49f; }
.view_color5B { font-size:11px; font-family:dotum; font-weight:bold; color:#cecece; }
.view_color5B a:link { font-weight:bold; color:#cecece; text-decoration:none; }
.view_color5B a:visited { font-weight:bold; color:#cecece; text-decoration:none; }
.view_color5B a:hover { font-weight:bold; color:#cecece; text-decoration:underline; }
.view_color5B a:active { font-weight:bold; color:#cecece; text-decoration:none; }
.view_color5Bem { font-size:11px; font-family:dotum; font-weight:bold; color:#cecece; letter-spacing:-0.1em; }

.view_color6 { font-size:11px; font-family:dotum; color:#333; }

.view_color7 { font-size:11px; font-family:dotum; color:#e8e6dd; }
.view_color7B { font-size:11px; font-family:dotum; font-weight:bold; color:#e8e6dd; }
.view_color7B a:link { font-weight:bold; color:#e8e6dd; text-decoration:none; }
.view_color7B a:visited { font-weight:bold; color:#e8e6dd; text-decoration:none; }
.view_color7B a:hover { font-weight:bold; color:#e8e6dd; text-decoration:underline; }
.view_color7B a:active { font-weight:bold; color:#e8e6dd; text-decoration:none; }

.view_padding1 { padding:3px 0 0 9px; }
.view_padding2 { padding:3px 30px 0 0; }
.view_padding3 { padding:3px 30px 0 9px; }
.view_padding3_1 { padding:3px 15px 0 9px; }
.view_padding4 { padding:20px 15px 20px 15px; }
.view_padding5 { padding-left:12; }
.view_padding6 { padding:6px 10px 4px 12px; }

.write_color1 { font-family:11px; line-height:260%; font-family:dotum; font-weight:bold; color:#dfd08d; }

.premium_color1 { font-size:11px; font-family:dotum; color:#ffb108; }
.premium_color1B { font-size:11px; font-family:dotum; font-weight:bold; color:#ffb108; }


/* account */
.account_color1 { font-size:11px; font-family:dotum; color:#bfbcb7; }
.account_color2 { font-size:11px; font-family:dotum; color:#ffe03e; }
.account_color2 a:link { color:#ffe03e; text-decoration:none; }
.account_color2 a:visited { color:#ffe03e; text-decoration:none; }
.account_color2 a:hover { color:#ffe03e; text-decoration:underline; }
.account_color2 a:active { color:#ffe03e; text-decoration:none; }
.account_color2B { font-size:11px; font-family:dotum; font-weight:bold; color:#ffe03e; }

.account_padding1 { padding-bottom:5px; }

.regist_color1 { font-size:11px; font-family:dotum; color:#dbd2c4; }
.regist_color1 a:link  { color:#dbd2c4; text-decoration:none; }
.regist_color1 a:visited { color:#dbd2c4; text-decoration:none; }
.regist_color1 a:hover { color:#dbd2c4; text-decoration:underline; }
.regist_color1 a:active { color:#dbd2c4; text-decoration:none; }
.regist_color1B { font-size:11px; font-family:dotum; font-weight:bold; color:#dbd2c4; }

.regist_color2 { font-size:11px; font-family:dotum; color:#b2a99c; }
.regist_color3 { font-size:11px; font-family:dotum; color:#bcbab7; }

.regist_padding1 { padding:7px 0; }
.regist_padding2 { padding-top:7px; }
.regist_padding3 { padding-top:3px; }

.info_color { font-size:11px; font-family:dotum; font-weight:bold; color:#fff600; }
.info_color a:link { color:#fff600; text-decoration:none; }
.info_color a:visited { color:#fff600; text-decoration:none; }
.info_color a:hover { color:#fff600; text-decoration:underline; }
.info_color a:active { color:#fff600; text-decoration:none; }


/* my folder */
.folder_size1B { font-size:15px; font-family:dotum; color:#ffe6be; font-weight:bold; }
.folder_color1 { font-family:dotum; color:#ffe6be; }
.folder_color2 { font-size:11px; font-family:dotum; color:#b2aa9c; }


/* download */
.down_color1 { font-size:11px; font-family:dotum; color:#ece4cd; }
.down_color1B { font-size:11px; font-family:dotum; font-weight:bold; color:#ece4cd; letter-spacing:-0.1em; }
.down_color2 { font-size:11px; font-family:dotum; color:#d9d8d4; }
.down_color3 { font-size:11px; font-family:dotum; color:#f9e073; }
.down_color3B { font-size:11px; font-family:dotum; font-weight:bold; color:#f9e073; }
.down_color4 { font-size:11px; font-family:dotum; color:#fff0b1; }
.down_color5 { font-size:11px; font-family:dotum; color:#ffeb94; }
.down_color5B { font-size:11px; font-family:dotum; font-weight:bold; color:#ffeb94; }
.down_color5B a:link  { color:#ffeb94; text-decoration:none; }
.down_color5B a:visited { color:#ffeb94; text-decoration:none; }
.down_color5B a:hover { color:#ffeb94; text-decoration:underline; }
.down_color5B a:active { color:#ffeb94; text-decoration:none; }

.down_link1 { font-size:11px; font-family:dotum; color:#fff; }
.down_link1 a:link { color:#fff; text-decoration:none; }
.down_link1 a:visited { color:#fff; text-decoration:none; }
.down_link1 a:hover { color:#ffcc66; text-decoration:none; }
.down_link1 a:active { color:#fff; text-decoration:none; }


/* concept art */
.art_list1 { font-size:11px; font-family:dotum; font-weight:bold; color:#cecece; }
.art_list1em { font-size:11px; font-family:dotum; font-weight:bold; color:#cecece; letter-spacing:-0.1em; }
.art_list1 a:link { color:#cecece; text-decoration:none; }
.art_list1 a:visited { color:#cecece; text-decoration:none; }
.art_list1 a:hover { color:#fff; text-decoration:underline; }
.art_list1 a:active { color:#cecece; text-decoration:none; }


/* board paging */
.paging { font-size:11px; font-family:dotum; color:#333; }
a.paging:link { font-size:11px; font-family:dotum; font-weight:bold; color:#333; text-decoration:none; }
a.paging:visited { font-size:11px; font-family:dotum; font-weight:bold; color:#333; text-decoration:none; }
a.paging:hover { font-size:11px; font-family:dotum; font-weight:bold; color:#333; text-decoration:underline; }
a.paging:active { font-size:11px; font-family:dotum; font-weight:bold; color:#333; text-decoration:none; }


/* popup */
.pop_color1 { font-size:11px; font-family:dotum; color:#4f2118; }
.pop_color1B { font-size:11px; font-family:dotum; font-weight:bold; color:#4f2118; }
.pop_padding1 { padding:3px 5px 0 5px; }


/* etc */
.notice_color1 { font-size:11px; font-family:dotum; color:#ffcc66; }
.notice_color1B { font-size:11px; font-family:dotum; font-weight:bold; color:#ffcc66; }
.wall_color { font-size:11px; font-family:dotum; color:#c9c5b7; }
.wall_color1 { font-size:11px; font-family:dotum; color:#a9a69a; }
.graph_color { font-size:11px; font-family:dotum; font-weight:bold; color:#d0b677; }


/* form */
.input_search { font-size:11px; font-family:dotum; color:#333; border-style:solid; border-width:1px; border-color:#b8b6af; background-color:#cacaca; padding:4px 5px 0px 5px; }
.input_title { font-size:11px; font-family:dotum; color:#ddd; border-style:solid; border-width:1px; border-color:#3d362f; background-color:#5d5549; padding:4px 5px 0px 5px; }
.input_login { font-size:11px; font-family:dotum; color:#dbd2c4; border-style:solid; border-width:1px; border-color:#918f89; background-color:#494949; padding:4px 5px 0px 5px; }
.input_login1 { font-size:11px; font-family:dotum; color:#a4a4a4; border-style:solid; border-width:1px; border-color:#918f89; background-color:#494949; padding:4px 5px 0px 5px; }
.input_login2 {	font-size:11px; font-family:dotum; color:#dbd2c4; border-style:solid; border-width:1px; border-color:#8b8a86; background-color:#3c3c37; padding:4px 5px 0px 5px; vertical-align:middle; }
.input_popup { font-size:11px; font-family:dotum; color:#ddd; border-style:solid; border-width:1px; border-color:#3d362f; background-color:#5d5549; padding:4px 5px 0px 5px; }
.login_ivory { font-size:11px; font-family:dotum; color:#b8b8b8; }

.select_gray { font-size:11px; font-family:dotum; color:#dbd2c4; background-color:#494949; border-style:solid; border-width:1px; padding:1px; border-color:#918f89; }
.select_gray1 { font-size:11px; font-family:dotum; color:#333; background-color:#cacaca; border-style:solid; border-width:1px; padding:1px; }
.select_login { font-size:11px; font-family:dotum; color:#ddd; background-color:#5e5549; border-style:solid; border-width:1px; padding:1px; }
.select_driver { font-size:11px; font-family:dotum; color:#cecece; background-color:#5d5549; border-style:solid; border-width:1px; padding:1px; border-color:#3d362f; }
.select_write { font-size:11px; font-family:dotum; color:#fff; background-color:#868276; border-style:solid; border-width:1px; padding:1px; border-color:#b2afa1; }

.textarea_trans { font-family:"µ¸¿ò"; background-color:transparent; font-size:11px; color:#fff; border: 1px solid #b2afa1;  padding:10px 10px 10px 10px; }
.textarea_poptrans { font-family:"µ¸¿ò"; background-color:transparent; font-size:11px; color:#e1e1e1; border: 1px solid #a69f8c; overflow:hidden; overflow-y:auto; }
.textarea_agree { font:11px/17px dotum; color:#dbd2c4; border-style:solid; border-width:1px; border-color:#918f89; background-color:#494949; padding:8px 8px 8px 8px; overflow:hidden; overflow-y:auto; }
.textarea_agree pre { width:520px; font:11px/17px dotum; color:#dbd2c4; }
.textarea_agree1 { font:11px/17px dotum; color:#a4a4a4; border-style:solid; border-width:1px; border-color:#918f89; background-color:#494949; padding:8px 8px 8px 8px; overflow:hidden; overflow-y:auto; }
.textarea_write { font-size:11px; font-family:dotum; color:#fff; border-style:solid; border-width:1px; border-color:#3d362f; background-color:#5d5549; padding:10px 10px 10px 10px; overflow:hidden; overflow-y:auto; }
.textarea_send { font-size:11px; font-family:dotum; color:#ddd; border-style:solid; border-width:1px; border-color:#3d362f; background-color:#5d5549; padding:10px 10px 10px 10px; overflow:hidden; overflow-y:auto; }
.textarea_comment { font-size:11px; font-family:dotum; color:#333; border-style:solid; border-width:1px; border-color:#b8b6af; background-color:#cacaca; padding:6px 6px 6px 6px; overflow:hidden; overflow-y:auto; }
.textarea_notice { font:11px/17px dotum; color:#fff; border-style:solid; border-width:1px; border-color:#2b2d2a; background-color:#2b2d2a; padding:8px 8px 8px 8px; overflow:hidden; overflow-y:auto; }


/* image border */
.border1 { border-style:solid; border-color:#010101; border-width:1px; }
.border2 { border-style:solid; border-color:#fff; border-width:1px; }

/* 4¿ù 21ÀÏ Ãß°¡ */
.cececeem { font-size:11px; font-family:dotum; color:#cecece; line-height:120%; letter-spacing:-0.1em; }
.dbd2c4 { color:#dbd2c4; }

/* 4¿ù 26ÀÏ Ãß°¡ */
.bfb849 { color:#bfb849; }
.fff799 { color:#fff799; }

/* 4¿ù 28ÀÏ Gate Ãß°¡ */
.gatebg { background-color:#2e2e2e; }
.dadada { font-size:11px; font-family:dotum; color:#dadada; }
.dadada a:link { color:#dadada; text-decoration:none; }
.dadada a:visited { color:#dadada; text-decoration:none; }
.dadada a:hover { color:#dadada; text-decoration:underline; }
.dadada a:active { color:#dadada; text-decoration:none; }

/* 9¿ù 5ÀÏ Ãß°¡ */
.story_bg_search { background:url('../IMG/Template/story_bg_search.gif') repeat-y; }
.story_top_search { background:url('../IMG/Template/story_top_search.gif') no-repeat; }
.story_bottom_search { background:url('../IMG/Template/story_bottom_search.gif') no-repeat; }

.input_search1 { font-size:11px; font-family:dotum; color:#000; border-style:solid; border-width:1px; border-color:#7F9DB9; background-color:#fff; padding:4px 5px 0px 5px; }
.FFE288       { font-size:11px; font-family:dotum; color:#FFE288; }
.FFE28814       { font-size:14px; font-family:dotum; color:#FFE288; }
.FFD376   { font-size:11px; font-family:dotum; color:#FFD376; }
.FFAF00 { font-size:11px; font-family:dotum; color:#FFAF00; }
.white14  { font-size:14px; font-family:dotum; color:#fff; line-height:20px}

.white1 { font-size:11px; font-family:dotum; color:#fff; text-decoration:underline; }
.white1 a:link { color:#fff; text-decoration:underline; }
.white1 a:visited { color:#fff; text-decoration:underline;; }
.white1 a:hover { color:#fff; text-decoration:underline; }
.white1 a:active { color:#fff; text-decoration:underline; }

.border3 { border-style:solid; border-color:#aaa; border-width:3px; }

.lineheight20 {line-height:20px}

.gap5 { height: 5px; }
.gap9 { height: 9px; }
.gap10 { height: 10px; }
.gap15 { height: 15px; }
.gap20 { height: 20px; }
.gap30 { height: 30px; }
.gap50 { height: 50px; }

.paddingtop9  { padding-top:9px; }
.paddingright10 { padding-right:10px; }
.paddingleft10 { padding-left:10px; }
.paddingleft17 { padding-left:17px; }
.paddingbottom10 { padding-bottom:10px; }
.paddingbottom15 { padding-bottom:15px; }
.searchpadding10  { padding:10px 10px 10px 0; }
.searchpadding12  { padding:12px 10px 12px 0; }


/* 9¿ù 14ÀÏ Ãß°¡ */
.FFE068  { font-size:11px; font-family:dotum; color:#FFE068; }
.FFFAE7  { font-size:11px; font-family:dotum; color:#FFFAE7; }

/* 12¿ù 19ÀÏ Ãß°¡ */
.BFBFBF  { color:#BFBFBF }
.lineheight13 { line-height:13px}
.FFC76E  { color:#FFC76E }
.C6C6C6  { color:#C6C6C6 }
.C6C6C61 { color:#C6C6C6 ; line-height:12px; }
.color02 { color:#773000; font-family:dotum; font-size:11px; font-weight:bold; text-decoration:none; }
.color02 a:link  { color:#773000; font-family:dotum; font-size:11px; font-weight:bold; text-decoration:none; }
.color02 a:visited  { color:#773000; font-family:dotum; font-size:11px; font-weight:bold; text-decoration:none; }
.color02 a:hover { color:#773000; font-family:dotum; font-size:11px; font-weight:bold; text-decoration:underline; }
.color02 a:active { color:#773000; font-family:dotum; font-size:11px; font-weight:bold; text-decoration:none; }
.FFE866 { color:#FFE866; font-family:dotum; font-size:11px; font-weight:bold; text-decoration:underline; }

/* 2007-03-27 Ãß°¡_NewsLetter */
.M_Pointer { cursor:pointer; }

#popup_boxsize { width:590px; height:650px; margin:0 auto; }

#btn_style { margin:0; padding:0; }
#btn_style dd { float:left; margin:0; padding:0; }
#btn_style dd.right { float:right; margin:0; padding:0; }

#page_title { clear:both; }

/* cover story */
#style_line { clear:both; }
#left_img { float:left; }
#right_img { float:right; }
#item_box_05 { float:left; width:284px; height:140px; background:url('../IMG/NewsLetter/20070326_3month/CS_itembox05.jpg') no-repeat; }
#item_box_04 { float:left; width:284px; height:140px; background:url('../IMG/NewsLetter/20070326_3month/CS_itembox04.jpg') no-repeat; }
#item_box_03 { float:right; width:290px; height:140px; background:url('../IMG/NewsLetter/20070326_3month/CS_itembox03.jpg') no-repeat; }
#item_box_02 { float:left; width:284px; height:152px; background:url('../IMG/NewsLetter/20070326_3month/CS_itembox02.jpg') no-repeat; }
#item_box_01 { float:right; width:290px; height:152px; background:url('../IMG/NewsLetter/20070326_3month/CS_itembox01.jpg') no-repeat; }
#item_box_con { margin:14px 0 0 14px;padding:0; }
#item_box_con dt.btn { float:left; width:70px; margin-top:68px; }
#item_box_con dt.tit { float:right; width:189px; font-size:12px; font-weight:bold; color:#B66836; line-height:100%; background:url('../IMG/NewsLetter/20070326_3month/icon_CS.gif') no-repeat; padding:1px 0 7px 28px; }
#item_box_con dt.txt { float:right; width:189px; font-size:12px; color:#4D4332; line-height:140%; background:url('../IMG/NewsLetter/20070326_3month/CS_line.gif') no-repeat top left; padding-top:12px; }
#item_box_con dt.tit01 { float:right; width:195px; font-size:12px; font-weight:bold; color:#B66836; line-height:100%; background:url('../IMG/NewsLetter/20070326_3month/icon_CS.gif') no-repeat; padding:1px 0 7px 28px; }
#item_box_con dt.txt01 { float:right; width:195px; font-size:12px; color:#4D4332; line-height:140%; background:url('../IMG/NewsLetter/20070326_3month/CS_line.gif') no-repeat top left; padding-top:12px; }

/* special issue */
#SI_Foot01 { height:70px; background:url('../IMG/NewsLetter/20070326_3month/si_img1_08.jpg') no-repeat; text-align:center; }
#SI_Foot02 { height:63px; background:url('../IMG/NewsLetter/20070326_3month/si_img2_07.jpg') no-repeat; text-align:center; }

/* hot clip */
#HC_Foot01 { height:66px; background:url('../IMG/NewsLetter/20070326_3month/hc_img1_07.jpg') no-repeat; text-align:center; }
#HC_Foot02 { height:62px; background:url('../IMG/NewsLetter/20070326_3month/hc_img2_18.jpg') no-repeat; text-align:center; }

/* main paint item */
#fate_item { margin:5px 0 0 0; background:url('http://obtimage.sunonline.co.kr/WWW/IMG/Main/fate_item_bg.gif') left top repeat-y; }
#fate_item div.tit { height:28px; background:url('http://obtimage.sunonline.co.kr/WWW/IMG/Main/fate_item_title.gif') left top no-repeat; padding:0 31px 0 0; }
#fate_item div.tit p { padding:8px 0 0 0; font-weight:bold; font-size:10px; font-family:'Tahoma'; color:#FFF; text-align:right; }
#fate_item dl { clear:both; width:159px; margin:0 0 0 10px; padding:0; }
#fate_item dt { float:left; margin:0; background:url('http://obtimage.sunonline.co.kr/WWW/IMG/Main/fate_item_blt.gif') 0 7px no-repeat; padding:4px 0 0 7px; }
#fate_item dd { float:right; margin:0; padding:2px 11px 0 0; background:url('http://obtimage.sunonline.co.kr/WWW/IMG/Main/fate_item_persons.gif') right 4px no-repeat; font-size:10px; font-family:'Tahoma'; color:#F09F59; }
#fate_item dd img { margin:0 0 0 4px; vertical-align:middle; }
#fate_item div.bottom { clear:both; height:4px; margin:0; padding:0; background:url('http://obtimage.sunonline.co.kr/WWW/IMG/Main/fate_item_bottom.gif') left top no-repeat; overflow:hidden; }

/* shadow update intro */
#ShadowIntroPosition { position:relative; padding:0; font-size:0px; line-height:0; z-index:1000; }
#ShadowIntro { position:absolute; left:6px; top:-343px; width:990px; height:700px; z-index:1000; }


/* °æÇ°¹è¼ÛÁö ÀÔ·Â */
#ChangeAddress img { border:none; }
 #ChangeAddress .sun_logo { padding:10px 0 30px 0; text-align:center; }
 #ChangeAddress .bg_nickname { height:260px; background:url('../IMG/ETC/Address/address_img_01.jpg') left top no-repeat; vertical-align:top; }
 #ChangeAddress .bg_nickname p { width:105px; margin:0 0 0 292px; padding:62px 0 0 0; text-align:right; color:#fff; text-align:center; font-size:16px; font-weight:bold; }
 #ChangeAddress .bg_nickname_re { height:260px; background:url('../IMG/ETC/Address/address_img_07.jpg') left top no-repeat; vertical-align:top; }
 #ChangeAddress .bg_nickname_re p { width:105px; margin:0 0 0 292px; padding:62px 0 0 0; text-align:right; color:#fff; text-align:center; font-size:16px; font-weight:bold; }

 #ChangeAddress .frm_tit { height:27px; background:url('../IMG/ETC/Address/address_tit_box.gif') left center no-repeat; color:#ddd; font-size:11px;
 font-family:Dotum; }
 #ChangeAddress .frm_tit p { margin:0; padding:2px 0 0 11px; }
 #ChangeAddress .frm_line { height:2px; background:url('../IMG/ETC/Address/address_tbl_line.gif') repeat-x; }
 #ChangeAddress .frm_box span { color:#fff; font-size:11px; }
 #ChangeAddress .frm_box input { height:18px; border:1px solid #918f89; background-color:#494949; color:#fff; font-size:11px; font-family:Dotum; vertical-align:middle; }
 #ChangeAddress .frm_box img { vertical-align:middle; cursor:pointer; }

 #ChangeAddress .bg_cont_01 { height:216px; background:url('../IMG/ETC/Address/address_img_02.jpg') left top no-repeat; }
 #ChangeAddress .bg_cont_01 table { margin:0 0 0 128px; }

 #ChangeAddress .bg_cont_02 { height:33px; background:url('../IMG/ETC/Address/address_img_04.jpg') left top no-repeat; }
 #ChangeAddress .bg_cont_02 table { margin:0 0 0 110px; }
 #ChangeAddress .bg_cont_02 table td { text-align:center; }
 #ChangeAddress .bg_cont_02 table td input { width:14px; height:14px; margin:9px 0 0 30px; vertical-align:middle; }
 #ChangeAddress .bg_cont_02 table td img { margin:9px 0 2px 0; vertical-align:middle; }

 #ChangeAddress .bg_cont_03 { height:136px; background:url('../IMG/ETC/Address/address_img_08.jpg') left top no-repeat; }
 #ChangeAddress .bg_cont_03 table { margin:0 0 0 128px; }
 #ChangeAddress .bg_cont_03 table td.frm_tit { height:37px; }
 #ChangeAddress .bg_cont_03 table td.frm_txt { padding:2px 0 0 3px; color:#fff; font-size:11px; font-family:Dotum; }

 #ChangeAddress .bg_cont_04 { height:56px; background:url('../IMG/ETC/Address/address_img_09.jpg') left top no-repeat; }
 #ChangeAddress .bg_cont_04 table td { padding:30px 0 0 262px; }
 #ChangeAddress .bg_cont_04 table td input { width:14px; height:14px; vertical-align:middle; }
 #ChangeAddress .bg_cont_04 table td img { vertical-align:middle; }

 #ChangeAddress .bg_cont_05 { height:216px; background:url('../IMG/ETC/Address/address_img_10.jpg') left top no-repeat; }
 #ChangeAddress .bg_cont_05 table { margin:0 0 0 128px; }

 #ChangeAddress .bg_cont_06 { height:33px; background:url('../IMG/ETC/Address/address_img_12.jpg') left top no-repeat; }
 #ChangeAddress .bg_cont_06 table { margin:0 0 0 110px; }
 #ChangeAddress .bg_cont_06 table td { text-align:center; }
 #ChangeAddress .bg_cont_06 table td input { width:14px; height:14px; margin:9px 0 0 30px; vertical-align:middle; }
 #ChangeAddress .bg_cont_06 table td img { margin:9px 0 2px 0; vertical-align:middle; }

 #ChangeAddress .bg_btn_1 { height:106px; background:url('../IMG/ETC/Address/address_img_06.jpg') left top no-repeat; text-align:center; }
 #ChangeAddress .bg_btn_1 input, #ChangeAddress .bg_btn_1 img { margin:23px 3px 0 3px; vertical-align:middle; cursor:pointer; }
 #ChangeAddress .bg_btn_2 { height:106px; background:url('../IMG/ETC/Address/address_img_14.jpg') left top no-repeat; text-align:center; }
 #ChangeAddress .bg_btn_2 input, #ChangeAddress .bg_btn_2 img { margin:23px 3px 0 3px; vertical-align:middle; cursor:pointer; }

/* °ÔÀÓÁ¤º¸ > ½Ã³ª¸®¿À */
.scenario_mission { position:relative; width:625px; height:28px; background:url('../IMG/GameInfo/Scenario/scene_missionbg.jpg') no-repeat; color:#c1c0b9; }
.missionbg1 { width:123px; height:28px; background:url('../IMG/GameInfo/Scenario/scene_missionbg_01.jpg') no-repeat; }
.missionbg2 { width:142px; height:28px; background:url('../IMG/GameInfo/Scenario/scene_missionbg_02.jpg') no-repeat; }
.scenario_mission span { font-size:11px; font-family:dotum; color:#c1c0b9; text-decoration:underline; cursor:pointer; }
.scenario_mission .missionlist { padding:7px 0 0 40px; }
.scenario_layer { position:absolute; display:none; width:372px; }
.scenario_layer .temp_arrow { position:absolute; top:-4px; left:18px; width:7px; height:4px; z-index:2; }
.scenario_layer .temp_close { position:absolute; top:0; left:323px; width:39px; height:13px; cursor:pointer; z-index:3; }
.scenario_layer .temp_box { position:relative; width:100%; border-top:3px solid #46423a; overflow:hidden; z-index:2; }
.scenario_layer .layercontent { position:relative; margin:0; padding:16px; z-index:2; }
.scenario_layer h4 { margin:0; padding:0 0 10px 0; font-size:11px; font-family:Dotum; font-weight:bold; color:#5a564d; }
.scenario_layer h4.mission { margin:0; padding:2px 0 10px 29px; background:url('../IMG/GameInfo/Scenario/layer_temp_mission.gif') no-repeat; font-size:11px; font-family:Dotum; font-weight:bold; color:#5a564d; }
.scenario_layer table td { color:#999690; vertical-align:top; line-height:14px; word-spacing:-1; }
.scenario_layer table td img.left { margin:0 15px 0 0; }
.scenario_layer .layerbtn { position:relative; width:100%; padding:20px 0 3px 0; text-align:center; }
.scenario_layer .layerbtn img { vertical-align:middle; cursor:pointer; }
.scenario_layer .temp_bg { position:absolute; left:0; bottom:0; width:100%; height:500px; background:url('../IMG/GameInfo/Scenario/layer_temp_bg.png') center bottom no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.webzen.co.kr/SUN/WWW/IMG/GameInfo/Scenario/layer_temp_bg.png', sizingMethod='crop'); z-index:1; }

/* °ÔÀÓ°¡À̵å > Ç÷¹ÀÌÁ¤º¸ */
#PlayInfoCSS { background: url('../IMG/GameGuide/PlayInfo/temp_playinfo_vi.jpg') no-repeat; padding:129px 20px 35px; }
#PlayInfoCSS #PlayInfo_Navi { width:623px; height:180px; margin:0 1px; background:url('../IMG/GameGuide/PlayInfo/temp_playinfo_navibg.jpg') center top no-repeat; }
#PlayInfoCSS #PlayInfo_Navi h3 { float:left; width:75px; margin:0; padding:0; background:url('../IMG/GameGuide/PlayInfo/temp_playinfo_navi_ico.gif') right 8px no-repeat; }
#PlayInfoCSS #PlayInfo_Navi h3 img { margin:5px 0 0 11px; }
#PlayInfoCSS #PlayInfo_Navi ul { float:left; margin:0; padding:0; overflow:hidden; }
#PlayInfoCSS #PlayInfo_Navi ul li { float:left; list-style:none; margin:0 0 0 -2px; padding:6px 11px 3px; background:url('../IMG/GameGuide/PlayInfo/temp_playinfo_navi_division.gif') 0 8px no-repeat; }
#PlayInfoCSS #PlayInfo_Navi ul li.on { font-weight:bold; color:#eae9e2; letter-spacing:-1px; }
#PlayInfoCSS #PlayInfo_Navi ul li a { color:#bbb7a4; }
#PlayInfoCSS #PlayInfo_Navi .category { clear:both; float:left; display:inline; width:583px; margin:0 0 0 20px; border-top:1px solid #7f7c73; border-bottom:1px solid #47433b; }
#PlayInfoCSS #PlayInfo_Navi .category_first { clear:both; float:left; display:inline; width:583px; padding:13px 0 0 0; margin:0 0 0 20px; border-bottom:1px solid #47433b; }
#PlayInfoCSS #PlayInfo_Navi .category_first ul { display:inline; margin:0 0 0 3px; }
#PlayInfoCSS #PlayInfo_Navi .category_last { clear:both; float:left; display:inline; width:583px; margin:0 0 0 20px; border-top:1px solid #7f7c73; }

#PlayInfoCSS #PlayInfo_3Depth { width:625px; height:30px; background:url('../IMG/GameGuide/PlayInfo/temp_playinfo_3depbg.gif') center top no-repeat; }
#PlayInfoCSS #PlayInfo_3Depth ul { float:left; margin:0 0 0 3px; padding:3px 0 0 0; overflow:hidden; }
#PlayInfoCSS #PlayInfo_3Depth ul li { float:left; list-style:none; margin:0 0 0 -2px; padding:6px 11px 3px; background:url('../IMG/GameGuide/PlayInfo/temp_playinfo_3dep_division.gif') 0 8px no-repeat; }
#PlayInfoCSS #PlayInfo_3Depth ul li.on { font-weight:bold; color:#ffcc00; }
#PlayInfoCSS #PlayInfo_3Depth ul li a { color:#bbb7a4; }

#PlayInfoCSS .view_color5 { word-break:keep-all; }
#PlayInfoCSS .tbl_guide { border-collapse:collapse; }
#PlayInfoCSS .tbl_guide th { padding:7px 0 5px; border:1px solid #534f47; background-color:#a79f8a; font-size:11px; font-family:Dotum; color:#fff; text-align:center; }
#PlayInfoCSS .tbl_guide th.cols { padding:5px 0 3px; font-weight:normal; }
#PlayInfoCSS .tbl_guide td { padding:5px 6px 3px; border:1px solid #534f47; background-color:#c1beb5; color:#565142; vertical-align:top; }
#PlayInfoCSS .tbl_guide td p.arrow { margin:0; padding:0 0 0 8px; background:url('../IMG/Common/Icon/Bullet/bullet_guidearrow.gif') 0 4px no-repeat; word-break:keep-all; color:#6f6750; }
#PlayInfoCSS .tbl_guide td p.arrow_t20 { margin:20px 0 0 0; padding:0 0 0 8px; background:url('../IMG/Common/Icon/Bullet/bullet_guidearrow.gif') 0 4px no-repeat; word-break:keep-all; color:#6f6750; }
#PlayInfoCSS .tbl_guide .ac_item td { padding:8px 6px 6px; text-align:center; color:#6f6750; vertical-align:middle; }
#PlayInfoCSS .tbl_guide .ac_item td.fc_green { color:#626b24; }
#PlayInfoCSS .tbl_guide .tower_style td { text-align:center; color:#6f6750; vertical-align:middle; }
#PlayInfoCSS .tbl_guide .tower_style td.fc_green { background-color:#e6e4cf; color:#626923; }
#PlayInfoCSS .tbl_guide .tower_style td.left { padding:5px 6px 3px; text-align:left; }
#PlayInfoCSS .tbl_guide .etc_style td { text-align:center; color:#6f6750; vertical-align:middle; }
#PlayInfoCSS .tbl_guide .etc_style td.fc_green { padding:5px 6px 3px 69px; text-align:left; color:#626923; }
#PlayInfoCSS .tbl_guide .etc_style td .fc_green { color:#626923; }
#PlayInfoCSS .tbl_guide .etc_style td.left { padding:5px 6px 3px; text-align:left; }
#PlayInfoCSS .tbl_guide .quest_style td { padding:5px 2px 3px 6px; text-align:left; color:#716853; vertical-align:middle; word-spacing:-2px; }
#PlayInfoCSS .tbl_guide .quest_style td.fc_green { color:#626923; }
#PlayInfoCSS .tbl_guide .quest_style td .auto_quest { display:block; padding:0 0 0 8px; background:url('../IMG/GameGuide/PlayInfo/Combat/combat_ico_quest.gif') 0 4px no-repeat; }
#PlayInfoCSS .tbl_guide .quest_style td.fc_gray { color:#565142; }
#PlayInfoCSS .tbl_guide .pk_style td { padding:5px 2px 3px 6px; text-align:center; color:#716853; vertical-align:middle; word-spacing:-2px; }
#PlayInfoCSS .tbl_guide .pk_style td.bg_ivory { background-color:#e6e4cf; }
#PlayInfoCSS .tbl_guide .pk_style td.fc_green { color:#626923; }
#PlayInfoCSS .tbl_guide .pk_style td.left { padding:5px 6px 3px; text-align:left; }
#PlayInfoCSS .tbl_guide .skill_style1 td { padding:5px 2px 3px 12px; color:#6f6750; vertical-align:middle; word-spacing:-2px; }
#PlayInfoCSS .tbl_guide .skill_style1 td.fc_green { color:#626923; }
#PlayInfoCSS .tbl_guide .skill_style1 td.left { padding:5px 6px 3px; text-align:left; }
#PlayInfoCSS .tbl_guide .skill_style2 td { padding:10px 2px; text-align:center; color:#6f6750; vertical-align:middle; word-spacing:-2px; }
#PlayInfoCSS .tbl_guide .skill_style2 td.left { padding:10px 6px; text-align:left; word-break:keep-all; }
#PlayInfoCSS .tbl_guide .skill_style2 td img.border { border:1px solid #fff; }
#PlayInfoCSS .tbl_guide .skill_style2 td img.pointer { cursor:pointer; }
#PlayInfoCSS .tbl_guide .item_style1 td { padding:5px 2px 3px 12px; text-align:left; color:#716853; vertical-align:middle; word-spacing:-2px; }
#PlayInfoCSS .tbl_guide .item_style1 td.fc_green { color:#626923; }
#PlayInfoCSS .tbl_guide .item_style1 td.center { padding:5px 0 3px; text-align:center; }
#PlayInfoCSS .tbl_guide .item_style1 td.pd12 { padding-top:12px; padding-bottom:12px; }
#PlayInfoCSS .tbl_guide .item_style2 td { padding:5px 2px 2px; text-align:center; color:#6f6750; vertical-align:middle; word-spacing:-2px; }
#PlayInfoCSS .tbl_guide .item_style2 td.bg_ivory { background-color:#e6e4cf; }
#PlayInfoCSS .tbl_guide .item_style2 td.fc_green { color:#626b24; }
#PlayInfoCSS .tbl_guide .item_style2 td.pd12 { padding-top:12px; padding-bottom:12px; }
#PlayInfoCSS .tbl_guide .item_style2 td.left { padding:5px 2px 2px 9px; text-align:left; }
#PlayInfoCSS .tbl_guide .item_style2 td img.border { border:1px solid #fff; }
#PlayInfoCSS .tbl_guide .item_style3 th { border:1px solid #59534c; background-color:#6d655d; font-size:11px; font-family:Dotum; color:#fff; text-align:center; }
#PlayInfoCSS .tbl_guide .item_style3 td { padding:5px 2px 2px 11px; text-align:left; color:#6f6750; vertical-align:middle; word-spacing:-2px; }
#PlayInfoCSS .tbl_guide .item_style3 td.center { padding:5px 0 3px; text-align:center; }


#PlayInfoCSS .tbl_route .route_tit { padding:12px 0 7px 0; }
#PlayInfoCSS .tbl_route .route_tit img { vertical-align:middle; }
#PlayInfoCSS .tbl_route .route_txt { padding:0 0 0 8px; background:url('../IMG/Common/Icon/Bullet/bullet_point.gif') 1px 7px no-repeat; color:#cecece; line-height:18px; letter-spacing:-1px; }

#PlayInfoCSS .view_icon { padding:2px 0 2px 8px; background:url('../IMG/Common/Icon/Bullet/bullet_point.gif') 1px 7px no-repeat; color:#cecece; line-height:14px; }
#PlayInfoCSS .view_icon .ivory { color:#e6e4cf; }

#PlayInfoCSS .tbl_brownbox { background:url('../IMG/GameGuide/PlayInfo/box_brown_02.gif') repeat-y; }
#PlayInfoCSS .tbl_brownbox td { padding:0 0 7px 23px; background:url('../IMG/Common/Icon/Bullet/blackdot.gif') 16px 4px no-repeat; font-size:11px; font-family:Dotum; color:#cecece; vertical-align:top; line-height:14px; }
#PlayInfoCSS .tbl_brownbox td.brownbox_top { height:11px; background:url('../IMG/GameGuide/PlayInfo/box_brown_01.gif') left top no-repeat; }
#PlayInfoCSS .tbl_brownbox td.brownbox_bottom { height:3px; background:url('../IMG/GameGuide/PlayInfo/box_brown_03.gif') left bottom no-repeat; }
#PlayInfoCSS .tbl_brownbox td.brownbox_top_l { height:11px; background:url('../IMG/GameGuide/PlayInfo/box_brown_01.gif') left top no-repeat; }
#PlayInfoCSS .tbl_brownbox td.brownbox_top_r { height:11px; background:url('../IMG/GameGuide/PlayInfo/box_brown_01.gif') right top no-repeat; }
#PlayInfoCSS .tbl_brownbox td.brownbox_bottom_l { height:3px; background:url('../IMG/GameGuide/PlayInfo/box_brown_03.gif') left bottom no-repeat; }
#PlayInfoCSS .tbl_brownbox td.brownbox_bottom_r { height:3px; background:url('../IMG/GameGuide/PlayInfo/box_brown_03.gif') right bottom no-repeat; }
#PlayInfoCSS .tbl_brownbox td.brownborder { border-right:1px solid #171614; }
#PlayInfoCSS .tbl_brownbox td.fc_ivory { padding:1px 0 3px 23px; background:none; color:#fef4c3; font-weight:bold; }
#PlayInfoCSS .tbl_brownbox td.brownbox_line { padding:0 0 7px 0; background:none; }
#PlayInfoCSS .tbl_brownbox td.brownbox_line td { padding:0 0 0 0; background:none; }
#PlayInfoCSS .tbl_brownbox td.ico_num1 { padding:1px 0 7px 39px; background:url('../IMG/Common/Icon/iconorange_01.gif') 16px 0 no-repeat; }
#PlayInfoCSS .tbl_brownbox td.ico_num2 { padding:1px 0 7px 39px; background:url('../IMG/Common/Icon/iconorange_02.gif') 16px 0 no-repeat; }
#PlayInfoCSS .tbl_brownbox td.ico_num3 { padding:1px 0 7px 39px; background:url('../IMG/Common/Icon/iconorange_03.gif') 16px 0 no-repeat; }
#PlayInfoCSS .tbl_brownbox td.ico_num4 { padding:1px 0 7px 39px; background:url('../IMG/Common/Icon/iconorange_04.gif') 16px 0 no-repeat; }
#PlayInfoCSS .tbl_brownbox td.ico_num5 { padding:1px 0 7px 39px; background:url('../IMG/Common/Icon/iconorange_05.gif') 16px 0 no-repeat; }

#PlayInfoCSS .tbl_pkbox { background:url('../IMG/GameGuide/PlayInfo/Combat/combat_box_pk_01.gif') repeat-y; }
#PlayInfoCSS .tbl_pkbox td.pkbox_icon { padding:0 0 2px 41px; background:url('../IMG/Common/Icon/Bullet/blackdot.gif') 31px 4px no-repeat; font-size:11px; font-family:Dotum; color:#cecece; }
#PlayInfoCSS .tbl_pkbox td.pkbox_bottom { height:10px; background:url('../IMG/GameGuide/PlayInfo/Combat/combat_box_pk_02.gif') left bottom no-repeat; }

#PlayInfoCSS .village_mapbox { position:relative; height:167px; }
#PlayInfoCSS .village_mapbox .mapbox_bg { position:absolute; left:-6px; width:637px; height:167px; background:url('../IMG/GameGuide/PlayInfo/villageNPCINFO/village_map_bg.jpg') no-repeat; }
#PlayInfoCSS .village_mapbox table { margin:0 0 0 11px; }
#PlayInfoCSS .village_mapbox table td { padding:20px 0 0 0; vertical-align:top; }
#PlayInfoCSS .village_mapbox table td.mapbox_img { padding:11px 13px 0 0; }
#PlayInfoCSS .village_mapbox table td.mapbox_img img { cursor:pointer; }

#PlayInfoCSS .tbl_village {}
#PlayInfoCSS .tbl_village td { padding:4px 35px 0 0; color:#fffae7; line-height:16px; vertical-align:top; word-break:keep-all; }
#PlayInfoCSS .tbl_village td.npc { padding:0; background:url('../IMG/GameGuide/PlayInfo/villageNPCINFO/village_npc_bg.jpg') no-repeat; }
#PlayInfoCSS .tbl_village td.npc img { width:85px; height:106px; margin:6px; border:1px solid #000; }
#PlayInfoCSS .tbl_village td strong { display:block; padding:0 0 3px 0; color:#ffe068; }

#PlayInfoCSS .fieldbg { width:625px; padding:11px 0 0 0; background:url('../IMG/GameGuide/PlayInfo/Field/field_shot_bg_01.jpg') no-repeat; }
#PlayInfoCSS .fieldbg .shot_list { height:265px; padding:0 0 1px 0; background:url('../IMG/GameGuide/PlayInfo/Field/field_screenshot_bg_01.jpg') no-repeat; vertical-align:bottom; text-align:center; }
#PlayInfoCSS .fieldbg .shot_list img { width:120px; height:67px; margin:0 0 5px 0; border:1px solid #000; cursor:pointer; }
#PlayInfoCSS .fieldbg .shot_img { background:url('../IMG/GameGuide/PlayInfo/Field/field_screenshot_bg_02.jpg') no-repeat; text-align:center; }
#PlayInfoCSS .fieldbg .shot_img img { width:448px; height:251px; margin:6px 0; border:1px solid #000; cursor:pointer; }
#PlayInfoCSS .tbl_fieldbox { background:url('../IMG/GameGuide/PlayInfo/Field/field_shot_bg_02.gif') repeat-y; }
#PlayInfoCSS .tbl_fieldbox .field_icon { padding:13px 20px 2px 29px; background:url('../IMG/Common/Icon/Bullet/blackdot.gif') 20px 17px no-repeat; font-size:11px; font-family:Dotum; color:#cecece; word-break:keep-all; }
#PlayInfoCSS .tbl_fieldbox .fieldbox_bottom { height:10px; background:url('../IMG/GameGuide/PlayInfo/Field/field_shot_bg_03.gif') left bottom no-repeat; }

#PopItemView .tit_icon { padding:0 0 3px 11px; background:url('../IMG/Common/Icon/Bullet/bullet_02.gif') 0 3px no-repeat; font-weight:bold; color:#dbd2c4; }
#PopItemView .tbl_item { border-collapse:collapse; }
#PopItemView .tbl_item th { padding:7px 0 5px; border:1px solid #534f47; background-color:#a79f8a; font-size:11px; font-family:Dotum; color:#fff; text-align:center; }
#PopItemView .tbl_item td { padding:0; border:1px solid #534f47; background-color:#c1beb5; color:#565142; vertical-align:top; text-align:center; }
#PopItemView .tbl_item td.tit_icon { padding:0 0 3px 11px; background:url('../IMG/Common/Icon/Bullet/bullet_02.gif') 0 3px no-repeat; border:none; font-weight:bold; color:#dbd2c4; text-align:left; }
#PopItemView .tbl_item td.item_tit { padding-top:3px; border:none; background:none; color:#eeece7; }
#PopItemView .item_img { border:1px solid #534f47; }
#PopItemView .item_tit { padding-top:3px; color:#eeece7; text-align:center; }
#PopItemView .itemtextbox { padding:10px 10px 7px; border:1px solid #534f47; background-color:#a79f8a; color:#e6e4cf; line-height:14px; }
#PopItemView .itemtextbox span.icon { display:block; padding:0 0 5px 10px; background:url('../IMG/Common/Icon/Bullet/bullet_guidearrow.gif') 0 4px no-repeat; color:#6f6750; }

/* Ä£±¸ÃÊ´ë */
.invitation_boxbg_01 { padding:4px 0 0; background:url('http://image.webzen.co.kr/SUN/WWW/IMG/Invitation/invitation_box01_bg.gif') repeat-y; }
.invitation_boxbg_01 table td { padding:0 0 2px 0; color:#c1c0b9;}
.invitation_boxbg_01 table td.tbl_img_01 img { margin:0 7px 2px 12px; }
.invitation_boxbg_01 table td.tbl_img_02 { padding:0 11px; vertical-align:top; }
.invitation_boxbg_01 table td.tbl_txt_02 { color:#cfcfcf; }
.invitation_text_01 { padding:0 0 0 13px; color:#cecece; letter-spacing:-1px; }
.invitation_text_01 strong { color:#ececec; }
.invitation_text_01 span { display:block; padding:5px 0; }
.invitation_table_01 { border-collapse:collapse; }
.invitation_table_01 th { padding:5px 0 3px; background-color:#5b554a; border:1px solid #433d34; color:#fff; font-weight:normal; font-size:11px; font-family:Dotum; letter-spacing:-1px; }
.invitation_table_01 td { padding:11px 0 8px 17px; background-color:#6d655d; border:1px solid #433d34; color:#e7dfc0; letter-spacing:-1px; }
.invitation_table_01 td.tbl_title { padding:3px 0 0 0; color:#fff; font-weight:bold; text-align:center; }
.invitation_boxbg_02 { padding:4px 0 0; background:url('http://image.webzen.co.kr/SUN/WWW/IMG/Invitation/invitation_box02_bg.gif') repeat-y; }
.invitation_boxbg_02 table td { padding:0 0 2px 0; color:#5b554a; letter-spacing:-1px; }
.invitation_boxbg_02 table td img { margin:2px 17px 2px 10px; }
.invitation_boxbg_02 table td span.box_title { font-weight:bold; color:#323232; line-height:25px; }
.invitation_boxbg_02 table td span.box_icon { padding:0 18px 0 7px; background:url('http://image.webzen.co.kr/SUN/WWW/IMG/Common/Icon/Bullet/bullet_guidearrow.gif') 0 3px no-repeat; }

#PopInvitation td { color:#dbd2c4; }
#PopInvitation .pop_icon { padding:0 0 0 13px; background:url('http://image.webzen.co.kr/SUN/WWW/IMG/Common/Icon/Bullet/bullet_02.gif') 2px 3px no-repeat; }
#PopInvitation .pop_tab { height:27px; background:url('http://image.webzen.co.kr/SUN/WWW/IMG/Invitation/invitation_pop_tab_bg.gif') left bottom repeat-x; text-align:right; }
#PopInvitation .pop_tab img { margin-left:1px; vertical-align:top; }
#PopInvitation .tbl_form td { padding:9px 0; vertical-align:top; }
#PopInvitation .tbl_form td img { vertical-align:top; }
#PopInvitation .tbl_form input { padding:4px 5px 0px 5px; font-size:11px; font-family:dotum; color:#dbd2c4; border:1px solid #918f89; background-color:#494949; vertical-align:middle; }
#PopInvitation .tbl_form select { width:118px; font-size:11px; font-family:dotum; color:#dbd2c4; background-color:#494949; vertical-align:middle; }
#PopInvitation .tbl_form textarea { width:250px; height:100px; padding:4px 5px 0px 5px; font-size:11px; font-family:dotum; color:#dbd2c4; border:1px solid #918f89; background-color:#494949; }
#PopInvitation .tbl_invitation_list { border-bottom:1px solid #a29e95; }
#PopInvitation .tbl_invitation_list th { padding:6px 0 3px; border-top:1px solid #a29e95; border-bottom:1px solid #a29e95; color:#dbd2c4; font-size:11px; font-family:Dotum; letter-spacing:-1px; }
#PopInvitation .tbl_invitation_list td { padding:6px 0 3px; color:#dbd2c4; text-align:center; letter-spacing:-1px; word-break:break-all; }
#PopInvitation .tbl_invitation_paging { margin:15px 0 0 0; }
#PopInvitation .tbl_invitation_paging td strong { color:#dddddd; }
#PopInvitation .tbl_invitation_paging td a { padding:0 2px; color:#dddddd; }
#PopInvitation .tbl_invitation_paging td img { margin:0 0 2px 0; }