/*
(주)엔트리브소프트 신마법의대륙 Stylesheet
@ with XHTML 1.0
@ Webpublisher Su hyung, park
*/
html { overflow-y:scroll; height:100%; }
body { min-height:100%; _height:100%; font-family:gulim, sans-serif; color:#777; font-size:12px; text-align:center; }
body, ul, ol, li, dl, dt, dd, p, hr, ul, ol, li { list-style-type:none; padding:0; margin:0; }
form { display:block; padding:0; margin:0; }
h1, h2, h3, h4 ,h5 ,h6 { position:relative; padding:0; margin:0; text-indent:-9999px; }
img { border:0; vertical-align:text-top; } table { border-collapse:collapse } input.txt { font:normal 12px gulim; color:#555; margin:0; }
hr { clear:both; display:none; } label { cursor:pointer; } script, style { display:none;} select { font:normal 12px arial; color:#555; }
fieldset { border:0; padding:0; margin:0; } legend { display:none }
input { vertical-align:middle; font:normal 11px dotum; color:#797979; }
a { text-decoration:none; color:#555555; }
a:link, a:visited { color:#555555; outline:none; } a:active { } a:hover { color:#0d445e; cursor:pointer; }
/* default class stylesheet */
.fl { float:left } .fr { float:right } .left { text-align:left } .right { text-align:right } .center { text-align:center }
.fc_sky { color:#4c8ac9; } .fc_blue { color:#2e6f8e; } .fc_ong { color:#fe9500; } .bd { font-weight:bold; color:#2e6f8e; line-height:23px; }
.clear { clear:both; }
.none { display:none }
.more { position:absolute; top:4px; right:3px; }
.more2 { position:absolute; top:6px; right:3px; }
.more3 { position:absolute; top:5px; right:8px; }
.prethumb { float:left; padding:1px; margin:4px 8px 0 -6px; border:1px solid #ababab; }
.txtthumb { width:70px; height:77px; overflow:hidden; padding:3px 0 0 0; font:normal 11px dotum; line-height:15px; color:#555; }
.msg_final { position:relative;background:url(/img/contents/msg_final.gif) no-repeat 0 0; width:601px; height:184px; }
.msg_final img { position:absolute; top:126px; left:459px; } .msg { padding:15px 10px; line-height:20px; color:#555; }
.tit { padding:10px 0 12px; font:bold 12px gulim; color:#555; }
.tit * { vertical-align:middle } .tit img { margin-right:10px; }
.listbox li { position:relative; background:url(/img/contents/dot_board.gif) repeat-x 0 bottom; padding:0 0 13px; margin-bottom:13px; }
.listbox li p { position:absolute; background:url(/img/contents/dot_circle.gif) no-repeat 0 0; top:5px; left:274px; padding-left:20px; line-height:20px; }
.listbox li div { position:absolute; top:175px; left:280px; }
.listbox2 { padding:0 0 0 8px; width:590px; }
.listbox2 li { float:left; display:inline; background:#dedede; margin:7px 12px; width:268px; height:231px; }
.listbox2 .paper { display:block; padding:5px; }
.listbox2 .fc_blue { float:left; padding:5px 0 0 10px; font-weight:bold; }
.listbox2 .fr { padding:0 7px; margin-top:-3px; }
.viewno { float:left; font-weight:normal; background:url(/img/contents/dot_sepbar.gif) no-repeat right 1px; padding:0 10px 0 0; margin-right:8px; margin-top:0; font:normal 12px dotum,돋움; }
.viewno, {background:url(/img/contents/dot_sepbar.gif) no-repeat right 0; padding:0 10px 0 0; margin-top:2px; }
.viewtit { display:block; width:520px; line-height:1.3em; overflow:hidden; word-break:break-all; }
.viewtit font { line-height:1em; }
/* body Layout */
body { background:url(/img/bg_loop.jpg) repeat-x 0 36px; }
#wrap { background:url(/img/bg_visual.jpg) no-repeat center 0; min-width:1024px; margin:0 auto; }
#container { position:relative; width:1024px; margin:0 auto; }
#btn_scrollTop { position:absolute; left:50%; margin:0 0 0 336px; cursor:pointer; }
/* contents Layout */
.bi { position:absolute; top:9px; left:-82px; background:url(/img/common/bi_title.png); width:380px; height:90px; text-indent:-9999px; cursor:pointer; }
.navigation { position:absolute; top:-1px; left:322px; height:237px; width:643px; overflow:hidden; }
.gamestart { position:absolute; top:137px; left:12px; background:url(/img/common/start_off.jpg) no-repeat 0 0; width:190px; height:100px; text-indent:-9999px; cursor:pointer; }
.slogan { position:absolute; top:109px; left:513px; background:url(/img/common/slogan.jpg); width:450PX; height:160px; text-indent:-9999px; }
.canvas { padding:296px 12px 53px; }
.control { float:left; width:190px; height:425px; }
.contents { float:left; width:670px; }
.contents_inner { padding:0 7px; }
.banners { position:absolute; top:296px; left:873px; width:140px; }
.footer { clear:both; position:relative; width:1000px; height:98px; border-top:1px solid #aaaaaa; }
/* tab style */
.tab_type1 { position:relative; background:url(/img/contents/tab_bg.gif) repeat-x 0 0; margin:21px 0 0; height:27px; }
.tab_type1 li { float:left; background:url(/img/contents/tab_off.gif) no-repeat 0 0; width:100px; height:27px; }
.tab_sub { width:591px; height:27px; padding:0 0 0 8px; border-left:1px solid #acacac; border-right:1px solid #acacac; border-bottom:1px solid #acacac; margin-bottom:10px; }
.tab_sub li { float:left; background:none; padding:8px 0 0 6px; width:auto; }
.tab_type2 { position:relative; background:url(/img/contents/tab_bg.gif) repeat-x 0 0; margin:21px 0 0; height:48px; }
.tab_type2 li { float:left; background:url(/img/contents/tab_off.gif) no-repeat 0 0; width:100px; height:27px; }
.tab_type1 li.selected, .tab_type2 li.selected { background:url(/img/contents/tab_on.gif) no-repeat 0 0; }
.tab_type1 a.selected { font-weight:bold; color:#2e6f8e; }
/* title set */
.title_todayrank { background:url(/img/main/tit_todayrank.gif) no-repeat 4px 5px; height:25px; _height:30px; }
.title_pnotice { background:url(/img/main/tit_notice.gif) no-repeat 0 0; height:24px; border-bottom:1px solid #a2b2ba; }
.title_pfreeboard1 { background:url(/img/main/bg_previewtit1.gif) no-repeat; width:200px; height:20px; margin-bottom:6px; }
.title_pfreeboard { background:url(/img/main/tit_freeboard.gif) no-repeat 6px 4px; }
.title_prushboard { background:url(/img/main/tit_rushboard.gif) no-repeat 6px 4px; }
.title_pfreeboard2 { background:url(/img/main/bg_previewtit2.gif) no-repeat; width:200px; height:20px; margin-bottom:6px; }
.title_pupdate { background:url(/img/main/tit_update.gif) no-repeat 6px 4px; }
.title_psshot { background:url(/img/main/tit_screenshot.gif) no-repeat 6px 4px; }
.subtitle { background:url(/img/contents/bg_subtitle.gif) repeat-x 0 19px; height:28px; padding:19px 4px 10px; text-align:left; margin:0 17px 0 18px; text-indent:0; }
/* Login box */
.loginbox_outer { background:url(/img/loginbox/bg_loginbox_mid.gif); width:188px; margin-bottom:10px; }
.loginbox_inner { background:url(/img/loginbox/bg_loginbox_top.gif) no-repeat 0 top; }
.loginbox_content { position:relative; background:url(/img/loginbox/bg_loginbox_foot.gif) no-repeat 0 bottom; padding:3px; }
.loginbox_content .btns { letter-spacing:-2px; }
.loginbox_content .btns2 { letter-spacing:-3px; margin-top:8px; height:66px; }
.loginbox_content .btns3 { letter-spacing:-2px; padding-bottom:10px; }
.loginbox_content .mrtop { margin:8px; }
.btn_gonate { position:absolute; top:3px; left:95px; cursor:pointer; }
.btn_gontreev { position:absolute; top:3px; left:3px; cursor:pointer; }
.ntreev_outer { background:url(/img/loginbox/bg_ntreev_foot.gif) no-repeat 0 bottom; width:182px; }
.ntreev_inner { background:url(/img/loginbox/bg_ntreev_top.gif) no-repeat 0 top; padding:30px 10px 12px; }
.ntreev_inner .form input.txt { background:#8aaec0; border:1px solid #255972; padding:3px 4px 2px; height:11px; width:67px; color:#000; }
.ntreev_inner .check { background:#255972; margin:0 3px; height:21px; line-height:19px; margin-bottom:5px; }
.ntreev_inner .submit { position:absolute; top:61px; left:95px; }
.nate_outer { background:url(/img/loginbox/bg_nate_foot.gif) no-repeat 0 bottom; width:182px; }
.nate_inner { background:url(/img/loginbox/bg_nate_top.gif) no-repeat 0 top; padding:30px 10px 12px; }
.nate_inner .form input.txt { background:#fff; border:1px solid #808080; padding:3px 4px 2px; height:11px; width:67px; color:#555; }
.nate_inner .check { background:#cccccc; margin:0 3px; height:21px; line-height:19px; margin-bottom:5px; }
.nate_inner .submit { position:absolute; top:82px; left:95px; }
.nate_inner select { width:75px; font:normal 12px dotum; vertical-align:middle; margin-left:-2px; }
.ntreev_inner .check img, .nate_inner .check img { vertical-align:middle; margin:1px 0; }
.ntreev_inner .form, .nate_inner .form { text-align:left; padding:4px 3px; height:40px; }
.ntreev_inner .form label, .nate_inner .form label { display:none; }
.loginfo_outer { background:url(/img/loginbox/bg_loginfo_foot.gif) no-repeat 0 bottom; width:182px; }
.loginfo_inner { background:url(/img/loginbox/bg_loginfo_top.gif) no-repeat 0 top; padding:6px 0 3px 0; text-align:center;}
.loginfo_inner .welcome { background:#255972; width:156px; height:25px; padding:15px 0 32px; margin:5px auto 0; color:#fff; font:bold 12px gulim; line-height:18px;}
.loginfo_inner .nate_stop {padding:14px 0 18px 0;}
/* Main contents */
.main_preview { float:left; width:450px; }
.preview_notice { text-align:left; padding:0 16px 0 13px; margin:17px 0 0; height:170px; }
.preview_noticelist { padding:2px 0; }
.preview_noticelist li { position:relative; background:url(/img/common/dot_type1.gif) repeat-x 0 bottom; height:25px; padding:0 3px; line-height:25px; }
.preview_noticelist .date { position:absolute; top:0; left:359px; color:#555; }
.preview_board { float:left; display:inline; width:200px; margin:0 7px 14px 13px; }
.preview_boardlist { text-align:left; }
.preview_boardlist li { background:url(/img/common/dot_list.gif) no-repeat -1px 7px; padding:0 0 0 8px; height:20px; line-height:20px; }
.preview_boardlist li.nodot { background:none; }
.mainrank_outer { background:url(/img/main/rank_mid.gif); float:right; width:204px; }
.mainrank_inner { background:url(/img/main/rank_top.gif) no-repeat 0 top; }
.mainrank_contents { position:relative; background:url(/img/main/rank_foot.gif) no-repeat 0 bottom; padding:11px 12px 35px; _padding:14px 12px 40px;}
.mainrank_contents label.server_choice {position:absolute; top:15px; left:47px; vertical-align:middle; _top:17px; _left:35px; _height:22px;} /* 20100719추가 */
.mainrank_contents label.server_choice img {vertical-align:middle;} /* 20100719추가 */
.mainrank_contents label.server_choice select {width:68px; height:17px; vertical-align:middle; font-size:11px; font-family:dotum; color:#8f8f8f; margin-left:6px; _margin-left:3px;} /* 20100719추가 */
.todayrank { background:url(/img/main/head_todayrank.gif) no-repeat 0 0; margin-bottom:13px; }
.todayrank .count { position:absolute; top:0; left:108px; width:35px; text-align:center; }
.todayrank .lv { position:absolute; top:0; left:140px; width:35px; text-align:center; }
.rank1, .rank2, .rank3, .rank4, .rank5, .rank6, .rank7, .rank8, .rank9, .rank10 {
position:relative; background:url(/img/common/set_rankcount.gif) no-repeat; padding:0 0 0 26px; height:19px;
text-align:left; color:#555; border-bottom:1px solid #a2b2ba; font:normal 12px gulim; margin:0 5px; line-height:20px;
}
.rank1 { background-position:0 0; font:bold 12px gulim; color:#783600; padding:24px 0 3px 45px; margin:0; border:none; }
.rank1 .count { top:25px; left:112px; }
.rank1 .lv { top:25px; left:143px; }
.rank2 { background-position:0 -46px; font:bold 12px gulim; color:#0d445e; padding:4px 0 0 30px; margin:0; border:none; line-height:14px; }
.rank2 .count { top:5px; left:112px; }
.rank2 .lv { top:5px; left:143px; }
.rank3 { background-position:-5px -69px; font:bold 12px gulim; color:#0d445e; padding:1px 0 4px 25px; line-height:16px; }
.rank3 .count { top:1px; left:107px; }
.rank3 .lv { top:1px; left:137px; }
.rank4 { background-position:-5px -94px; }
.rank5 { background-position:-5px -114px; }
.rank6 { background-position:-5px -134px; }
.rank7 { background-position:-5px -154px; }
.rank8 { background-position:-5px -174px; }
.rank9 { background-position:-5px -194px; }
.rank10 { background-position:-5px -214px; }
/* Sub contents */
.designframe { position:absolute; top:296px; left:212px; background:url(/img/contents/bg_subframe.png) no-repeat 0 top; width:651px; height:185px; }
.article { position:relative; padding:0 27px 0 28px; text-align:left; }
.path { position:relative; float:right; color:#555; margin:-32px 20px 0 0; }
.path strong { color:#2e6f8e; }
.gameinfo_list { position:relative; background:url(/img/contents/bg_gameinfo.jpg); width:601px; height:572px; }
.gameinfo_list ul { position:absolute; top:86px; left:127px; }
.descbox h3 { text-indent:0; }
.descbox dl { padding:15px 0 40px 22px; }
.descbox dt { background:url(/img/contents/icon_blit.gif) no-repeat 0 0; padding:2px 0 2px 24px; font-weight:bold; color:#255972; line-height:15px; }
.descbox dd { padding:9px 0 12px 24px; line-height:20px; color:#555; }
.descbox dd.fullsize { padding:9px 0 12px 0; margin-left:-20px; }
.descbox2 dl { padding:15px 0 40px 10px; }
.descbox2 dt { background:url(/img/contents/icon_blit.gif) no-repeat 12px 0; padding:2px 0 2px 36px; font-weight:bold; color:#255972; line-height:15px; }
.descbox2 dd { background:url(/img/contents/dot_board.gif) repeat-x 0 bottom; padding:20px 0 5px 24px; margin-bottom:22px; line-height:20px; color:#555; }
.descbox3 { padding-bottom:20px; }
.descbox3 p { padding-bottom:10px; }
.descbox3 h3 { text-indent:0; padding:3px 0 10px 5px; }
.descbox3 h4 { text-indent:0; font:bold 12px dotum,돋움; color:#000; padding:10px 0 10px 0; }
.descbox3 .dep { padding:0 0 5px 0; color:#333; line-height:18px; }
.descbox3 .dep1 { padding:0 0 5px 20px; color:#333; line-height:18px; }
.descbox3 .dep2 { padding:10px 0 0 20px; line-height:18px; }
.descbox3 .dep2 strong { display:block; color:#333; margin:0 0 3px -10px; }
.descbox3 .dep3 { padding:2px 0 0 38px; font:normal 11px dotum.돋움; line-height:16px; color:#46707c; }
.descbox3 .dep3 strong { position:absolute; margin:-3px 0 0 -18px; font-weight:normal; }
.descbox3 .dep4 { font:normal 11px dotum.돋움; line-height:16px; color:#46707c; margin:5px 0 0 -20px; padding:0; }
.descbox3 .policytable { border:2px solid #46707c; font:normal 11px dotum,돋움; margin:0 0 0 -20px; }
.descbox3 .policytable th { border:1px solid #46707c; padding:5px; background:#78b3c4; color:#075f78; }
.descbox3 .policytable td { border:1px solid #46707c; padding:5px; line-height:16px; background:#fff; }
.descbox3 dl { padding:3px 0 0 32px; }
.descbox3 dt { position:relative; background:url(/img/contents/dot_board2.gif) repeat-x 0 bottom; color:#555; padding:10px 0 9px; cursor:pointer; }
.descbox3 dt img { position:absolute; top:8px; right:10px; }
.descbox3 dd { display:none; background:#ededed; padding:20px; margin-bottom:2px; color:#555; }
.descbox em { font-style:normal; color:#ff9000; }
.descbox q { font-style:normal; color:#ff9000; text-decoration:underline; }
.descbox p { color:#ff9000; margin:10px 0 3px 0; }
.tableset1 { border-color:#d7d7d7; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; margin:8px auto; line-height:20px; }
.tableset1 th { background:url(/img/contents/bg_tablehead.gif) repeat-x 0 0; text-align:center; color:#255972; }
.tableset1 th span { display:block; border:1px solid #ffffff; padding:4px 0 1px; }
.tableset1 td { padding:4px 0 2px; color:#555; }
.tableset1 td.left { padding-left:10px; vertical-align:text-top;}
.tableset1 td.pr { color:#2e6f8e; text-align:center; }
.tableset2 { border-color:#d7d7d7; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; margin:0 auto 8px; }
.tableset2 th { background:url(/img/contents/bg_tablehead.gif) repeat-x 0 0; text-align:center; color:#255972; }
.tableset2 th.th2 { background:#cdcdcd; color:#555; }
.tableset2 th.th3 { background:#b9d6e1; }
.tableset2 th span { display:block; border:1px solid #ffffff; padding:7px 0 6px; }
.tableset2 td { padding:8px 0 6px; color:#555; }
.tableset2 td strong { color:#2e6f8e; }
.tableset3 { width:560px; margin:8px auto; }
.tableset3 th { background:url(/img/contents/bg_tablehead.gif) repeat-x 0 0; text-align:center; color:#255972; border:1px solid #d7d7d7; }
.tableset3 th span { display:block; border:1px solid #ffffff; padding:3px 0 2px; }
.tableset3 td { padding:6px 8px; border:1px solid #d7d7d7; color:#555; text-align:left; }
.tableset3 td.left { padding-left:10px; }
.tableset3 td.itemimg { padding:18px; vertical-align:text-top; }
.tableset3 td.center { text-align:center; }
.tableset4 { width:560px; border:1px solid #dbdbdb; margin:8px auto; }
.tableset4 td { padding:7px 8px; border:1px solid #d7d7d7; color:#555; text-align:left; }
.tableset4 td.tit { background:#d5e6ed; font:bold 12px gulim,굴림; color:#2e6f8e; text-align:center; }
.tableset4 td.itemimg { padding:18px; vertical-align:text-top; }
.tableset4 td.center { text-align:center; }
/* Board style */
.adminicon { margin:-4px 0; vertical-align:middle; }
.board_notice_box { background:url(/img/contents/bg_notice.gif) no-repeat 0 top; padding-top:5px; }
.board_notice { background:url(/img/contents/bg_notice.gif) no-repeat 0 bottom; padding-bottom:6px; }
.board_notice li { position:relative; background:url(/img/contents/icon_notice.gif) no-repeat 0 7px; border-bottom:1px solid #dadbdb; padding:10px 0 7px 40px; margin:0 11px -1px; }
.board_notice .name { position:absolute; top:10px; right:0; display:block; width:80px; text-align:center; }
.board_list { background:url(/img/contents/bg_boardtop.gif) no-repeat 0 0; width:601px; }
.board_list .icon { margin:-4px 0; }
.board_list em { font-style:normal; font-weight:bold; color:#fe9500; }
.board_list th { height:29px; text-align:center; }
.board_list td { background:url(/img/contents/dot_board.gif) repeat-x 0 bottom; text-align:center; padding:9px 0; color:#555; }
.board_list th.no { width:49px; }
.board_list th.subject { text-indent:-102px; overflow:hidden; word-break:break-all; }
.board_list th.name { width:82px; }
.board_list th.date { width:72px; }
.board_list th.count { width:44px; }
.board_list th.rank { width:50px; }
.board_list th.remo { width:85px; }
.board_list th.lv { width:64px; }
.board_list th.reg { width:72px; }
.board_list th.status { width:72px; }
.board_list th.title { width:110px; }
.board_list th.type { width:100px; }
.board_list th.job { width:80px; }
.board_list td.type { text-align:left; text-indent:6px; }
.board_list td.subject { text-align:left; }
.board_list td.subject div { width:350px; height:12px; margin-top:-1px; overflow:hidden; }
.board_search { text-align:right; margin:11px 10px 12px 0; position:relative; z-index:10; }
.board_search * { vertical-align:middle; }
.board_search select { width:75px; }
.board_search .txt { border:1px solid #a0a0a0; padding:4px; width:126px; margin:0 1px; }
.board_btns { margin:10px; height:23px; text-align:right; overflow:hidden; }
.board_btns .fl { margin:0 4px 0 0; }
.board_btns2 { background:url(/img/contents/dot_board.gif) repeat-x 0 top; padding:10px; text-align:center; margin-top:7px; }
.board_btns3 { padding:20px 0 0; text-align:center; }
.board_btns4 { position:relative; background:url(/img/contents/bg_faqmsg.gif) no-repeat 0 0; height:53px; }
.board_btns4 img { position:absolute; top:15px; right:10px; }
.board_btns4 p { display:none }
.paging { text-align:center; padding:10px 0; }
.paging table { margin:0 auto; }
.paging table a.selected { font-weight:bold; color:#ff9000; }
.paging table th { padding-bottom:3px; }
.paging table td.end { background:none; }
.paging table td { padding:0 7px 0 7px; }
.board_view h3 { background:url(/img/contents/bg_write_top.gif) no-repeat 0 top; font:bold 12px gulim; text-indent:0; color:#fff; padding:10px 11px 7px; zoom:1; }
.board_view .viewinfo { position:relative; background:url(/img/contents/bg_write_foot.gif) no-repeat 0 top; color:#555; padding:9px 0 8px 12px; }
.board_view .viewinfo .sep { color:#cee0e5; }
.board_view .viewinfo .date { display:block; position:absolute; top:8px; left:417px; _left:405px; width:170px; text-align:right; }
.board_view .viewarea { background:url(/img/contents/dot_board.gif) repeat-x 0 bottom; color:#555; width:590px; margin:17px 7px 10px; padding-bottom:20px; overflow:hidden; line-height:1.3em; }
.board_view .viewarea font, .board_view .viewarea span { line-height:1.3em; }
.board_view .viewarea p { padding:3px 0 4px; overflow:hidden; }
.board_reply { border-top:2px solid #6d9da8; padding-bottom:20px; }
.board_reply .adminicon { margin:-3px 0 0 -4px; _margin:-4px 0 0 -4px; }
.board_reply dl { clear:both; float:left; width:592px; color:#555; border-top:1px solid #fff; border-bottom:1px solid #b8b6af; padding:4px 0 4px 9px; line-height:1.3em; } /* 2009-03-13 padding 수정, width, float추가 */
.board_reply dt { float:left; background:url(/img/contents/dot_sep.gif) no-repeat right 1px; width:115px; color:#2e6f8e; overflow:hidden; word-break:break-all; }/* 2009-03-13 수정 및 추가사항 있음 */
.board_reply dd { width:465px; float:left; display:inline; margin:0 0 0 12px; overflow:hidden; } /* 2009-03-13 margin, width수정 및 float추가 */
.board_reply dd * { vertical-align:middle; overflow:hidden; }
.reply_write { background:#f1f1f1; padding:5px 10px 4px; height:41px; text-align:right; line-height:20px; color:#555; border-bottom:1px solid #6d9da8; margin-bottom:1px; }
.reply_write p { padding-right:6px; }
.reply_write textarea { float:left; background:#cacaca; border:1px solid #b8b6af; width:509px; height:34px; font:normal 12px gulim; line-height:15px; padding:2px; margin-right:10px; color:#333; }
.board_write { padding:15px 0; }
.board_write .textarea_box { background:#d8d8d7; padding:10px; }
.board_write .textarea_editor { background:#ffffff; border:0; padding:10px; width:560px; height:300px; font:normal 12px gulim; line-height:16px; }
.settitle { background:url(/img/contents/bg_write_top.gif) no-repeat 0 top; padding:5px 9px 4px; border-bottom:1px solid #555e5c; }
.settitle * { vertical-align:middle; }
.settitle input { border:1px solid #a0a0a0; padding:4px; width:519px; font:normal 12px gulim; color:#333; margin-left:4px; }
.sshot_list { background:url(/img/contents/dot_board.gif) repeat-x 0 bottom; height:342px; padding:4px 0; }
.sshot_list li { float:left; text-align:center; width:200px; height:170px; }
.sshot_list li, .sshot_list li a { font-weight:bold; color:#255972; }
.sshot_list .sshot { background:url(/img/contents/bg_sshot.gif); padding:4px; width:171px; height:127px; overflow:hidden; margin-bottom:9px; }
.viewarea .sshot { text-align:center; padding:7px 0 18px; overflow:hidden; }
.viewarea .sshot span { background:#fff; border:1px solid #dddddd; padding:1px; overflow:hidden; }
.viewarea .sshot span span { background:#2e6f8e; border:1px solid #95b0bc; padding:1px; overflow:hidden; }
.viewarea .sshot span span img { border:2px solid #fff; overflow:hidden; }
.fileupload { background:#d8d8d8 url(/img/contents/bg_file.gif); width:601px; height:62px; }
.fileupload .file { font:normal 12px gulim; padding:3px; border:1px solid #a0a0a0; width:490px; }
.fileupload .filerap { position:absolute; top:58px; left:120px; }
.message { position:relative; background:url(/img/contents/bg_message.gif); width:601px; height:93px; margin:5px 0 0; }
.message h3 { position:absolute; top:13px; left:12px; text-indent:0; }
.message ul { position:absolute; top:41px; left:22px; color:#555; }
.message li { padding:4px 0; }
.message .footform { position:absolute; top:57px; left:38px; }
.message .footform *, .message2 .footform * { vertical-align:middle; }
.message .footform select, .message2 .footform select { width:80px; }
.message .footform .txt, .message2 .footform .txt { padding:4px 4px 3px; width:300px; border:1px solid #a0a0a0; }
.message2 { position:relative; background:url(/img/contents/bg_message2.gif); width:601px; height:113px; margin:5px 0 0; }
.message2 h3 { position:absolute; top:13px; left:12px; text-indent:0; }
.message2 .footform { position:absolute; top:77px; left:38px; }
.setserver { float:left; position:relative; padding:5px 0 3px 0; }
.viewhead { background:url(/img/contents/bg_faqhead.gif) no-repeat 0 bottom; padding-bottom:5px; }
.viewhead h3 { background:url(/img/contents/bg_faqhead.gif) no-repeat 0 top; font:normal 12px gulim; text-indent:0; color:#fff; padding:9px 11px 0; }
.faq_view .viewarea { color:#555; padding:17px 12px 20px; }
.faq_view .viewarea p { padding:3px 0 4px; }
.faq_view .viewarea em { font-style:normal; color:#fe9500; }
/* fansite */
.fansite_list { padding:25px 0; }
.fansite_list li { clear:both; height:90px; }
.fansite_list .fanbanner { float:left; background:#e8edef; padding:5px 9px; border:7px solid #cfd9dd; }
.fansite_list .fanname { float:right; width:315px; padding:3px 0 0; }
.fansite_list .fanname p { margin:5px 0 0; padding-left:26px; line-height:22px; color:#555; }
.fansite_list .fanname p a { text-decoration:underline; }
/* footer */
.footer .company { position:absolute; top:23px; left:0; }
.footer .rules { position:absolute; top:15px; left:123px; }
.footer .classinfo { position:absolute; top:20px; left:680px; }
.footer .copyright { position:absolute; top:37px; left:124px; background:url(/img/footer/copyright.gif); width:456px; height:35px; }
/* Quick & banner */
.banner img { display:block; margin-bottom:10px; }
.quicklink { margin-bottom:6px; }
.quickbox_outer { background:url(/img/quicklink/quickbox_mid.gif); width:139px; margin-bottom:14px; }
.quickbox_inner { background:url(/img/quicklink/quickbox_top.gif) no-repeat 0 top; }
.quickbox_contents { background:url(/img/quicklink/quickbox_foot.gif) no-repeat 0 bottom; padding:6px 6px 5px; }
.quickbox_contents img { display:block; }
/* preview navigation */
.preview_nav { padding:3px 0 4px; margin-top:3px; }
.preview_nav td { padding:4px 0; color:#555; border-top:1px dashed #aaaaaa; border-bottom:1px dashed #aaaaaa; }
.preview_nav td.subject { padding:2px 0 0 10px; text-align:left; width:462px; }
.preview_nav td.type { padding-left:10px; width:80px; }
.preview_nav td.status { width:47px; }
.preview_nav td.date { width:70px; }
/* qna form style */
.qna_form { width:600px; }
.qna_form th { width:108px; text-align:left; vertical-align:text-top; }
.qna_form th, .qna_form td { border-bottom:1px solid #dbdbdb; padding:3px 0; }
.qna_form td { padding-right:5px; }
.qna_form td p { padding:3px 0; color:#555; line-height:17px; }
.qna_form td * { vertical-align:middle }
.qna_form td .txt { border:1px solid #a0a0a0; padding:4px 4px 3px; }
.qna_form td .file { border:1px solid #a0a0a0; padding:4px 4px 3px; width:435px; }
.qna_form td textarea { border:1px solid #a0a0a0; width:474px; height:180px; padding:4px 4px 3px; }
.qna_form td .rbt { position:absolute; right:33px; cursor:pointer; }
.qna_form td .multifile { width:435px; }
.qna_form td label { display:block; color:#555; }
.qna_form td label * { vertical-align:middle; margin-top:-2px; }
.qna_form .specarea { background:#d9d9d9; padding:9px 12px 7px; color:#555; line-height:15px; }
.qna_form .specarea dt { float:left; width:105px; padding:3px 0; }
.qna_form .specarea dd { float:left; width:320px; padding:3px 15px; border-left:2px solid #fff; }
/* headmap */
.map_monster {position:relative; background:url(/img/contents/bg_monster.gif); width:601px; height:271px; }
.map_monster ul { position:absolute; top:145px; left:27px; }
.map_job {position:relative; background:url(/img/contents/map_job.gif) no-repeat center 13px; width:601px; height:271px; }
.map_job ul { position:absolute; top:40px; left:27px; }
.map_item {position:relative; background:url(/img/contents/map_item.jpg) no-repeat center 13px; width:601px; height:365px; }
.map_item ul { position:absolute; top:40px; left:27px; }
.map_skill {position:relative; background:url(/img/contents/map_skill.gif) no-repeat center 13px; width:601px; height:250px; }
.map_skill ul { position:absolute; top:40px; left:27px; }
.map_quest {position:relative; background:url(/img/contents/map_quest_4.gif) no-repeat center 13px; width:601px; height:1410px; }
.map_quest .quest1 { position:absolute; top:122px; left:61px; }
.map_quest .quest2 { position:absolute; top:122px; left:241px; }
.map_quest .quest3 { position:absolute; top:122px; left:420px; }
.map_quest .quest4 { position:absolute; top:548px; left:61px; }
.map_quest .quest5 { position:absolute; top:548px; left:241px; }
.map_quest .quest6 { position:absolute; top:548px; left:420px; }
.map_quest .quest7 { position:absolute; top:741px; left:61px; }
.map_quest .quest8 { position:absolute; top:741px; left:241px; }
.map_quest .quest9 { position:absolute; top:1220px; left:61px; }
.map_quest .quest10 { position:absolute; top:741px; left:420px; }
.map_quest .quest11 { position:absolute; top:849px; left:61px; }
.map_quest .quest12 { position:absolute; top:849px; left:241px; }
.map_quest .quest13 { position:absolute; top:849px; left:420px; }
.map_quest .quest14 { position:absolute; top:959px; left:61px; }
.map_quest .quest15 { position:absolute; top:1100px; left:61px; }
.map_control {position:relative; background:url(/img/contents/map_control.jpg) no-repeat center 13px; width:601px; height:250px; }
.map_control ul { position:absolute; top:26px; left:27px; }
.jobchar1, .jobchar2, .jobchar3, .jobchar4, .jobchar5, .jobchar6 { padding:0 0 0 24px; height:300px; }
.jobchar1 { background:url(/img/contents/job_1.gif) no-repeat 0 8px; }
.jobchar2 { background:url(/img/contents/job_2.gif) no-repeat 0 8px; }
.jobchar3 { background:url(/img/contents/job_3.gif) no-repeat 0 8px; }
.jobchar4 { background:url(/img/contents/job_4.gif) no-repeat 0 8px; }
.jobchar5 { background:url(/img/contents/job_5.gif) no-repeat 0 8px; }
.jobchar6 { background:url(/img/contents/job_6.gif) no-repeat 0 8px; }
.banner_server { position:relative; top:-10px; left:1px; width:204px; overflow:hidden; _margin:0 -1px 0 -2px; _left:-1px; }
/* @ with XHTML 1.0 for IE 6 */
/* 오늘의 랭킹 */
.todayrank { _position:relative; _top:-5px; _margin-bottom:7px; }
.rank1, .rank2, .rank3, .rank4, .rank5, .rank6, .rank7, .rank8, .rank9, .rank10 { overflow:hidden; height:19px; line-height:21px; }
/* 로그인박스 */
.btn_gonate { _left:1px; }
.btn_gontreev { _left:-90px; }
.ntreev_inner .submit, .nate_inner .submit { _left:1px; }
.loginfo_inner { _width:172px; }
/* 게시판 */
.path { _margin:-35px 20px 0 0; }
.board_notice .name { _top:10px; _right:45px; }
.board_list td { _padding:9px 0 8px; }
.board_reply dl { _border-top:1px solid #fff; }
.viewno { _background:url(/img/contents/dot_sepbar.gif) no-repeat right 0; _padding:0 10px 0 0; _margin:1px 6px 0 0; }
.fileupload .filerap { _left:90px; }
/* PNG 파일 */
.bi { _background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/common/bi_title.png', sizingMethod='image'); }
.designframe { _background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/contents/bg_subframe.png', sizingMethod='image'); }
/* 고객센터 */
.descbox3 dt img { _top:8px; _right:40px; }
.qna_form td .rbt { _position:static; }
.preview_board { _margin:0 7px 10px 13px; }
/* =float 해제 */
.f_clear:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
clear: both;
}
/* ie용 홀리 핵 시작 */
* html .f_clear { height: 1px; }
.f_clear { display: block;min-height:1px; }
/* ie용 홀리 핵 끝 */
/* 2009-04-09 퀘스트 페이지 개선, 유원곤 */
.find_quest { position:relative; width:499px; height:38px; _height:40px; padding:48px 0 0 101px; _padding-top:46px; background:url('/img/quest/bgset_quest_main.gif') 0 0 no-repeat; }
.find_quest em { position:absolute; left:0; top:-50000px; display:block; overflow:hidden; }
.find_quest .send_query { position:absolute; bottom:16px; right:68px; display:block; width:39px; height:23px; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
.find_quest select, input { vertical-align:middle; }
.find_quest select { width:94px; }
.find_quest .quest_value { width:278px; height:14px; margin:0 0 0 2px; padding:3px 0 0 4px; border:1px solid #a0a0a0; }
.content_section { width:100%; margin-top:19px; }
.select_quest { position:relative; float:left; width:296px; height:148px; }
.select_quest h3 { position:absolute; left:0; top:-50000px; display:block; overflow:hidden; }
.select_quest em { position:absolute; left:0; top:-50000px; display:block; overflow:hidden; }
.select_quest .detail { position:absolute; top:0; left:0; display:block; width:296px; height:148px; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
.local_quest { margin-right:9px; background:url('/img/quest/bgset_quest_main.gif') 0 -120px no-repeat; }
.story_quest { background:url('/img/quest/bgset_quest_main.gif') -306px -120px no-repeat; }
/* 퀘스트별 선택 탭 */
.type_quest { width:600px; height:28px; .height:27px; background:url('/img/quest/bg_underline.gif') left bottom repeat-x; }
.type_quest li { float:left; }
/* 검색 결과 테이블, 공통 사용 */
.result_table { width:600px; margin:15px 0 0 0; }
.result_table th { height:28px; background-image:url('/img/quest/bg_thset.gif'); overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
.result_table .num { width:50px; background-position:0 0; }
.result_table .cat { width:85px; background-position:-50px 0; }
.result_table .title { width:390px; background-position:-135px 0; }
.result_table .date { width:75px; background-position:-525px 0; }
.result_table td { padding:10px 0 9px 0; background:url('/img/quest/bg_dot3x1.gif') left bottom repeat-x; text-align:center; font:normal 12px Gulim,'굴림'; color:#555555; }
.result_table .article_title { padding-left:12px; text-align:left; }
.back_list { margin:17px 0 0 0; text-align:center; }
/* 퀘스트용 paging */
.quest_paging { margin:17px 0 0 0; text-align:center; }
.quest_paging img { vertical-align:middle; }
.quest_paging .prev_func { margin:0 5px 0 0; }
.quest_paging .next_func { margin:0 0 0 3px; }
.quest_paging a { padding:0 3px 0 8px; background:url('/img/quest/bg_bar.gif') left top no-repeat; }
.quest_paging .lane_1 { padding-left:0; background:none; }
.quest_paging .current_on { color:#ff9000 !important; font-weight:bold; }
.quest_paging .side_func a { padding-left:0; background:none; }
/* 퀘스트 게시물 보기 */
.article_info { width:574px; height:52px; margin:15px 0 0 0; padding:10px 14px 0 12px; background:url('/img/quest/bg_info.gif') left top no-repeat; }
.article_info h3 { color:#ffffff; text-indent:0; }
.article_info h3 .article_num { padding:0 10px 0 0; background:url('/img/quest/bg_num.gif') right top no-repeat; font:normal 12px Dotum,'돋움'; }
.article_info h3 .article_subject { font:bold 12px Dotum,'돋움'; }
.article_info .log_data { float:right; margin:14px 0 0 0; _margin:10px 0 0 0; font-style:normal; color:#555555; font-family:Gulim; }
/* 게시물 내용 출력 */
.txt_output { width:590px; margin:0 auto; padding:19px 0 20px 0; background:url('/img/quest/bg_dot3x1.gif') left bottom repeat-x; line-height:1.2em; color:#555555; }
/* 게시물 하단 버튼 */
.article_btn_area { width:581px; margin:10px auto 0; padding:0 6px 0 3px; }
.article_btn_area a { float:left; height:23px; margin:0 0 0 4px; background-image:url('/img/quest/bg_btnset.gif'); overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
.article_btn_area .view_list { width:58px; margin:0; background-position:0 0; }
.article_btn_area .up_article { width:49px; background-position:0 -30px; }
.article_btn_area .dn_article { width:58px; background-position:0 -60px; }
.article_btn_area .write_article { float:right; width:48px; background-position:0 -87px; }
/* 댓글 입력 부분 */
.reply_area { width:581px; margin:10px 0 0 0; padding:5px 9px 5px 10px; border-top:2px solid #6d9da8; border-bottom:1px solid #6d9da8; background:#f1f1f1; }
.reply_area textarea { float:left; width:511px; height:38px; border:1px solid #b8b6af; background:#cacaca; font-family:Gulim; }
.reply_area .byte_status { float:right; width:66px; margin:4px 0 0 0; text-align:right; font-style:normal; color:#555555; }
.reply_area .send_reply { float:right; width:51px; height:20px; margin:4px 0 0 0; background:url('/img/quest/bg_btnset.gif') 0 -120px no-repeat; overflow:hidden; text-indent:-10000em; font:normal 0/0 verdana; }
/* 댓글 나열 부분 */
.reply_list { width:592px; padding:4px 0 4px 9px; border-top:1px solid #ffffff; border-bottom:1px solid #b8b6af; line-height:1.3em; }
.reply_list dt { width:115px; float:left; overflow:hidden; color:#2E6F8E; background:url('/img/contents/dot_sep.gif') right 1px no-repeat; }
.reply_list dd { width:465px; float:left; display:inline; margin:0 0 0 12px; overflow:hidden; }