@charset "utf-8";
body {margin:0px; text-align:center; background: url(/image/topbg.jpg) no-repeat center top; font-family: arial,helvetica,clean,sans-serif; font-size: 12px; color: #666666; line-height: 1.3em;}
a,
img,
input {outline:none;}

td {font-family: arial,helvetica,clean,sans-serif; font-size: 12px; color: #666666; line-height: 1.3em;}
form {padding:0; margin:0;}

a:link	{color: #666666; font-family: arial,helvetica,clean,sans-serif; font-size: 12px;  text-decoration: none;}
a:visited {color: #666666; font-family: arial,helvetica,clean,sans-serif; font-size: 12px;  text-decoration: none;}
a:active {color: #001367; font-family: arial,helvetica,clean,sans-serif; font-size: 12px;  text-decoration: underline;}
a:hover {color: #3555bd; font-family: arial,helvetica,clean,sans-serif;  text-decoration: underline;}

.link a:link {color: #666666; font-family: georgia, times, serif; font-size: 10px; text-decoration: none;}
.link a:visited {color: #666666; font-family: georgia, times, serif; font-size: 10px; text-decoration: none;}
.link a:active {color: #001367; font-family: georgia, times, serif; font-size: 10px; text-decoration: none;}
.link a:hover {color: #3555bd; font-family: georgia, times, serif; font-size: 10px; text-decoration: none;}

select {font-size: 12px; border-left-color: #ffffff; border-bottom-color: #ffffff; border-top-color: #ffffff; font-family: 굴림; border-right-color: #ffffff}
textarea {padding: 5px;  font-size: 12px; color: #777777; font-family: 굴림; line-height: 1.3em}
input { font-size: 12px; color: #777777; font-family: 굴림; line-height: 1.3em}
img {border:0px none;}

/*main_page*/
#main {width:960px;margin:0 auto; text-align:left;}
#menu {position:absolute;width:960px; height:140px; top:-7px; Z-INDEX: 40;}
#main #top {height:327px;}
#main #top #img {position:absolute; Z-INDEX: 30;width:960px; height:300px; top:42px;}
#main #top #logo {position: absolute; Z-INDEX: 50; top:221px;}
#top #logo2{position: absolute; width: 200px; height: 200px;; left:380px;}

#center {width:960px; height:124px; background:url('/image/img_center.gif') top center no-repeat;}
#center #gamemovie {float:left; width:165px; margin:9px 0 0 0;}
#center #global {float:left; width:515px; margin:11px 0 0 0;}
#center #kq {float:left;}

#bottom {width:996px;}
#bottom #leftbanner {float:left; width:254px; background:url('/image/vdotline.gif') repeat-y right}
#bottom #gallery {float:left; width:363px; margin:0 15px 0 15px;}
#bottom #gallery #movie #bg {width:364px; background:url('/image/movie_frameM.gif') repeat-y; text-align:center}
#bottom #gallery #movie .title {vertical-align:middle; margin:0 185px 0 0;}
#bottom #gallery #sshot .title {vertical-align:middle; margin:0 175px 0 0;}
#bottom #gallery #sshot .list {float:left; width:121px; text-align:center;background: url(/image/main_ssBG.gif) no-repeat;}
#bottom #gallery #sshot .list img {width:103px; height:68px; margin:6px 6px 8px 0;}
#bottom #library {float:left; width:210px;}
#library .title {vertical-align:middle; margin:0 0px 0 0;}

#library #dotline {width:210px; height:350px;  font-family:georgia, times, serif; font-size:11px; font-weight: bold; text-align:left; line-height:18px; padding-left:13px; background:url(/image/dot_line2.gif);}
#library .list {float:left; width:195px;}

#quick {float:left; width: 96px; height: 336px;margin:0 0 0 20px}

#footer {width:960px; padding-left:38px}
#footer_top {width:884px; height:62px}
#footer_top #footer_img {float:left; width:380px; height:62px;}
#footer_top #link {float:left; width:504px; text-align:right;margin:40px 0 0 0}
#footer_top #link span {padding:0 20px 0 0; font-size:11px; font-family:tahoma, arial; font-weight:bold; background:url('/image/footer_txtline.gif') right no-repeat}
#footer_bottom {width:884px; height:68px; padding:10px 0 0 10px;}
#footer_bottom #footer_logo {float:left; width:200px;}
#footer_bottom #copyright {float:left; padding:10px 20px 0 0; color:#999999; font-size:11px; font-family:tahoma, arial; text-align:left; line-height:20px;}

/*sub header*/
#sub {width:960px;margin:0 auto; text-align:left;}
#sub #top {height:235px;}
#sub #top #img {position:absolute; Z-INDEX: 30;width:960px; height:201px; top:32px;}
#sub #top #logo {position: absolute; Z-INDEX: 50; top:128px;}

#sub #left {float:left; width: 190px; height: 420px; margin:0 20px 0 0}
#sub #left #sub_menu {position:absolute; top:217px; z-index:60; width:190px; height:420px;}
#sub #left #banner {position:absolute; width:175px;}
#sub #content {float:left; width:623px; Z-INDEX: 50;}

/*content common*/
#localnav {position:absolute; z-index:1; top:383px; width:623px; text-align:right;}
.contents_img {width:623px; height:232px; margin:5px 0 5px 0;}
.contents_img .left {float:left; width:314px;}
.contents_img .right {float:left; width:309px;}
.contents_img img {border:1px solid #000000;}

.contents_list ol {margin:0; padding:5px 0 0 0;list-style-type:decimal;}
.contents_list ul {margin:0 0 0 -10px; padding:5px 0 0 0;list-style-type:circle;}
.contents_list li {margin:0 0 8px 25px; }
.contents_list li b {color:#6b5123; font-weight:bold;}

#border_skin_view_title .subject {float:left; width:80px; padding:8px 0 8px 0; margin:0 8px 0 0; text-align:center; background-color:#f3f3f3; }
#border_skin_view_title .subject2 {float:left; width:347px; padding:8px 0 8px 0;}
#border_skin_view_title .date {float:left; width:80px; padding:8px 0 8px 0; margin:0 8px 0 0; text-align:center; background-color:#f3f3f3; }
#border_skin_view_title .date2 {float:left; width:100px; padding:8px 0 8px 0; text-align:center; }
#border_skin_view #view {width:593px; margin:0 0 0 15px;}

/*notice*/
.news_view_title {font-size: 13px; color:#FFFFFF; font-weight:bold; padding:5px; border:1px solid #BA3F61; background-color:#F46481;}

/*border*/
#news #border_skin_title {width:623px; height:32px; background-color:#f3f3f3; border-top:1px solid #cccccc; border-bottom:2px solid #f56a87;}
#news #border_skin_title .subject {float:left; width:523px; padding:8px 0 8px 0; font-size:10px; text-align:center; color:#333333; background:url('/image/news/titlebg.gif') right top no-repeat; }
#news #border_skin_title .date {float:left; width:100px; padding:8px 0 8px 0; font-size:10px; text-align:center; color:#333333;}

#news #border_skin_list .subject {float:left; width:473px; padding:8px 0 8px 0;}
#news #border_skin_list .date {float:left; width:100px; padding:8px 0 8px 0; text-align:center;}
#news #border_skin_list .num {float:left; width:50px; padding:8px 0 8px 0; text-align:center;}

#border_skin_list {margin:0; padding:0; list-style-type:none;}
#border_skin_list li {height:32px; border-bottom:1px solid #cccccc}
#border_pagenum {width:623px; margin:10px 0 10px 0; text-align:center}

#news #border_skin_view_title {width:623px; height:32px; border-bottom:1px solid #cccccc; border-top:2px solid #f56a87;}
#news #border_skin_view {background-color:#fef5f7; padding:15px 0 15px 0; margin:5px 0 5px 0; table-layout:fixed;}

.border_skin_view_link {width:623px; height:32px; border-bottom:1px solid #cccccc;}
.border_skin_view_link .title {float:left; width:80px; padding:8px 0 8px 0; margin:0 8px 0 0; text-align:center; background-color:#f3f3f3;}
.border_skin_view_link .subject3 {float:left; width:535px; padding:8px 0 8px 0;}

#border_btn {width:623px; margin:10px 0 0 0; text-align:right}

/*guide*/
#guide .scenIMG {margin-left:15px; width: 142px; height : 163px;}
#guide .bg { background-color:#F8F8F8; font-family: arial,helvetica,clean,sans-serif; font-size: 12px;  padding:10px 20px 5px 20px;text-align:justify; line-height:19px;}
#guide .line1{border-top:2px solid #00aec8; padding-top:10px;}

#character_bg1 {width:623px; height:400px; background:url('/image/guide/img_classinfo_bg01.jpg') no-repeat;}
#character_bg1 .txt1 {padding:50px 0 0 15px; color:#4E0028; font-size:17px; font-style:italic; line-height:20px;}
#character_bg1 .txt2 {width:250px; padding:20px 0 0 15px;}
#character_bg2 {width:623px; height:430px; background:url('/image/guide/img_classinfo_bg02.jpg') no-repeat;}
#character_bg2 .txt1 {padding:50px 0 0 15px; color:#4E0028; font-size:17px; font-style:italic; line-height:20px;}
#character_bg2 .txt2 {width:330px; margin:20px 0 0 15px;}
#character_bg3 {width:623px; height:430px; background:url('/image/guide/img_classinfo_bg03.jpg') no-repeat}
#character_bg3 .txt1 {padding:50px 0 0 15px; color:#4E0028; font-size:17px; font-style:italic; line-height:20px;}
#character_bg3 .txt2 {width:250px; margin:20px 0 0 15px;}
#character_bg4 {width:623px; height:450px; background:url('/image/guide/img_classinfo_bg04.jpg') no-repeat}
#character_bg4 .txt1 {padding:50px 0 0 15px; color:#4E0028; font-size:17px; font-style:italic; line-height:20px;}
#character_bg4 .txt2 {width:330px; margin:20px 0 0 15px;}

#guide .tab {width:623px; height:30px; background:url('/image/guide/tab03.gif'); margin:10px 0 20px 0;}
#guide .tab_btn {float:left; width:75px;}

#guide .title {width:623px; margin:0 0 10px 0; padding:0 0 0 13px; font-size:15px; color:#00aec8; background:url('/image/guide/ic_point.gif') left no-repeat; }
#guide .contents_list {padding:15px; background-color:#f3f3f3; border-top:2px solid #00aec8;}

#guide #border {width:623px; border-top:1px solid #cccccc; border-bottom:2px solid #00aec8; padding:5px 0 0 0; background-color:#f3f3f3; font-size: 10px; font-family:tahoma; color:#333333; line-height:12px; text-align:center;}
#guide #border .subject {float:left; height:30px; background:url('/image/guide/titlebg.gif') right no-repeat;}

#guide .border_list {width:623px; padding:8px 0 8px 0; border-bottom:1px solid #cccccc; font-size: 11px; line-height:12px; text-align:center;}
#guide .border_list .con {float:left; padding:9px 0 0 0}
#guide .border_list .name {float:left; padding:9px 0 0 0;text-align:left; font-size: 11px; font-weight:bold; color:#333333}
#guide .border_list .name .description {font-weight:normal; color:#999999}
#guide .border_list .con2 {width:623px; padding-top:8px; border-top:1px solid #ebebeb;}
#guide .border_list .con_map { width:453px; height:30px; border-bottom:1px solid #ebebeb;}
#guide .border_list .con_npc { width:483px; height:30px; border-bottom:1px solid #ebebeb;}
#guide .border_list .con2 .con2_1 {width:578px; margin-left:45px; text-align:left;}
#guide .border_list .con2 .txt1 {color:#333333;}
#guide .border_list .mon_ic {position:absolute;width:118px;height:16px; margin-top:-20px; text-align:right;}

#guide .border_list .con a:link {font-size: 11px; text-decoration: none;}
#guide .border_list .con a:visited {font-size: 11px; text-decoration: none;}
#guide .border_list .con a:active {font-size: 11px; text-decoration: none;}
#guide .border_list .con a:hover {font-size: 11px; text-decoration: underline;}

#guide #mon_search {width:623px; height:70px; background:url('/image/guide/tab05.gif') repeat-x;}
#guide #mon_search select {width:100px; font-family: tahoma;font-weight:bold; font-size: 11px; color:#5da7a5; border:1px solid #72ddd2;}
#guide #mon_search select option{margin-bottom:4px;}

/*게임정보 팝업레이어*/
.gameinfo {z-index:300; width:520px; height:540px; border-top:2px solid #a0e4ef; border-left:2px solid #a0e4ef; border-bottom:2px solid #007c8e; border-right:2px solid #007c8e; background-color:#65ccdc; text-align:left}
.gameinfo .map_title {text-align:center;}
.gameinfo .map_img {position:relative; z-index:400; margin:0 2px 2px 2px; width:512px; height:512px; border-top:2px solid #007c8e; border-left:2px solid #007c8e; border-bottom:2px solid #a0e4ef; border-right:2px solid #a0e4ef; background-color:#000000;}


/*system*/
#system .title {margin:0 0 10px 0; padding:0 0 0 13px; font-size:15px; color:#7AB51D; background:url('/image/system/ic_point.gif') left no-repeat; }
#system .contents_list {padding:15px; background-color:#f3f3f3; border-top:2px solid #7AB51D;}

#system .list {width:623px; height:122px; padding:5px 0 0 0; margin-top:5px; border-top:1px solid #92cb37; }
#system .frame1 {float:left; width:158px; border-top:1px solid #bbe17e; border-left:1px solid #bbe17e; border-bottom:1px solid #4f7b0a; border-right:1px solid #4f7b0a; background-color:#92cb37}
#system .frame2 {float:left; width:440px; margin-left:20px; line-height:28px;}
#system .frame1 .img {margin:2px; border-top:1px solid #4f7b0a; border-left:1px solid #4f7b0a; border-bottom:1px solid #bbe17e; border-right:1px solid #bbe17e; background-color:#000000;}
#system .frame2 th {font-size:11px;font-weight:bold;background-color:#ebf6da; color:#8ba85d;border-bottom:1px solid #ffffff;}
#system .frame2 td {border-bottom:1px solid #ebf6da;}
#system .frame2 ol {padding:0; margin:0 0 0 25px;}
#system .frame2 ol li{padding:0; margin:0 0 5px 0;}

/*system holypromise*/
#system .holy_table { font-family:돋움; font-size:11px;background-color:#cce4a5;margin-top:8px;margin-bottom:3px;}
#system .holy_table img{margin-right:5px;}
#system .holy_table td{ font-family:돋움; font-size:11px; background-color:#FFFFFF;line-height:13px;}
#system .list_title{ background-color:#ebf6da; color:#8ba85d; text-align:center;font-weight:bold}
#system .list_bg {background-color:#cce4a5;height:5px;}

/*community*/
#community #border_skin_view_title {width:623px; height:32px; border-bottom:1px solid #cccccc; border-top:2px solid #f96900;}
#community #border_skin_view {background-color:#fff8f0; padding:15px 0 15px 0; margin:5px 0 5px 0; table-layout:fixed;}

#community #sshot_frame {width:623px; background:url('/image/community/frame_middle.gif') repeat-y}
#community .sshot {float:left; margin:0 0 0 20px; width:180px; height:228px; background:url('/image/community/img_sshot.gif') no-repeat;}
#community .sshot .img {margin:15px; width:150px; height:137px;}
#community .sshot .con {margin:0 0 0 65px; width:85px; line-height:21px;}

/*pds*/
#pds .wallpaper {float:left; width:140px; margin:0 20px 0 0;}
#pds .wallpaper .img {width:140px; height:100px; background:url(/image/pds/img_bg.gif) no-repeat;}
#pds .wallpaper .img img {margin:6px;}
#pds .wallpaper .con {width:139px;margin:10px 0 20px 1px;}


/*sitemap*/
.sitemap {float:left; width:200px;}
.sitemap .icon {font-size:7px;}
.sitemap .listup1 {margin:8px 0 0 35px;}
.sitemap .listup2 {margin:0px 0 0 5px;}

.news {color:#f56a87;}
#news a:active {color:#f56a87; text-decoration: none;}
#news a:hover {color:#f56a87; text-decoration: underline;}

.guide {color:#00AEC8;}
#guide a:active {color:#00AEC8;text-decoration: none;}
#guide a:hover {color:#00AEC8; text-decoration: underline;}

.system {color:#7AB51D;}
#system a:active {color:#7AB51D;text-decoration: none;}
#system a:hover {color:#7AB51D; text-decoration: underline;}

.community {color:#F96900;}
#community a:active {color:#F96900;text-decoration: none;}
#community a:hover {color:#F96900; text-decoration: underline;}

.pds {color:#9933CC;}
#pds a:active {color:#9933CC;text-decoration: none;}
#pds a:hover {color:#9933CC; text-decoration: underline;}




/*게임가이드 xhtml*/
.system_title {font-family: tahoma,arial,helvetica,clean,sans-serif; font-size: 15px;  color:#7AB51D; margin-left:3px; margin-bottom:6px; width:100%; height:18px; padding:2px 0 0 13px; background:url(/image/system/ic_point.gif) no-repeat top left;}
.system_div_left {float:left; width:200px;}
.system_div_right {float:left; width:423px;}

#join ol {margin:0; padding:10px 0 0 0;}
#join ul {margin:0 0 0 -10px; padding:10px 0 0 0;}
#join li {margin:0 0 8px 25px;}
#join li b {color:#6b5123; font-weight:bold;}

/*new*/
hr {
	display:none; clear:both;
}
#body-content {
	width:630px; 
	margin-top:10px;
}
#body-content ul,
#body-content li{
	padding:0;
	margin:0px 10px 10px 15px;
	list-style:circle;	
}
#body-content li ul li{
	margin:10px 10px 10px 0px;
	list-style:disc;	
}
#body-content li.none{
	list-style:none;
	margin:0px 10px 10px 0px;
}
#body-content h3 {
	font-size:15px; 
	color:#69a40d; 
	font-weight:normal; 
	background:url(/image/system/ic_point.gif) left no-repeat; 
	padding:2px 0 0 13px; 
	margin-bottom:5px;
}
#body-content h3.guide {
	font-size:15px; 
	color:#00AEC8; 
	font-weight:normal; 
	background:url(/image/guide/ic_point.gif) left no-repeat; 
	padding:2px 0 0 13px; 
	margin-bottom:5px;
}
#body-content h4 {
	font-size:12px; 
	color:#000000; 
	font-weight:bold;
	margin-left:10px;
}
#body-content .screenshot,
#body-content .screenshot_h{
	float:left;
	margin:0 0 20px 20px;
}
#body-content .screenshot_h img{
	margin:0 20px 0 0;
}
#body-content ul.txt{
	float:left;
}
#body-content ul.txt b{
	font-weight:bold;
	color:#8ba85d
}
#body-content ul.txt ul {
	padding:0; margin:0 0 0 17px;
}
#body-content ul.txt ul li{
	padding:0; margin:0 0 5px 0;
	list-style-type:disc;		
}
#body-content td{
	text-align:center;
}
#body-content th{
	text-align:center;
	background-color:#c8c6f0;
	font-size:12px; 
	color:#000000; 
}
#body-content th.blue{
	text-align:center;
	background-color:#9695f4;
}
#body-content th.red{
	text-align:center;
	background-color:#fc958e;
}
#body-content th.red2 {
	text-align:center;
	background-color:#fbc6bd;
}
#body-content th.gray{
	text-align:center;
	background-color:#f2f2f2;
}

#body-content strong{
	color:#c62f90;
	font-weight:normal;
}
#body-content .guide_table,
#body-content .guide_table2,
#body-content .guide_table3 {
	margin:10px 0 10px 0;
}
#body-content .guide_table th{
	background-color:#efe0f3;
	color:#c62f90;
}
#body-content .guide_table2 th{
	background-color:#dff0c6;
	color:#6d9136;
}
#body-content .guide_table3 th{
	background-color:#dfe9ed;
	color:#537886;
}
#body-content .guide_table3 td.left{
	text-align:left;
	line-height:26px;
	padding:2px 0 0 20px;
	background:url('/image/guide/img_beginner_promote_line.gif') left top no-repeat;
}
#body-content .guide_table td,
#body-content .guide_table2 td,
#body-content .guide_table3 td{
	border-bottom:1px solid #e4e2d6;
}
#body-content .frame1 {
	float:left; 
	border-top:1px solid #bbe17e; 
	border-left:1px solid #bbe17e; 
	border-bottom:1px solid #4f7b0a; 
	border-right:1px solid #4f7b0a; 
	background-color:#92cb37;
	text-align:center;
}
#body-content .frame1 img {
	width:172px;
	height:129px;
	margin:2px;
	border-top:1px solid #4f7b0a; 
	border-left:1px solid #4f7b0a; 
	border-bottom:1px solid #bbe17e; 
	border-right:1px solid #bbe17e; 
}
#body-content .div_line {
	border-top:1px solid #e8e3d7;
	margin-bottom:10px;
}

/*클래스 정보*/
#classinfo1 #info1 {
	background:url('/image/guide/classinfo_bg01_1.jpg') left top no-repeat; 
}

#classinfo1 #info1 div span{
	color:#d40202;
}
#classinfo1 #info2 {
	background:url('/image/guide/classinfo_bg01_2.jpg') left top no-repeat; 
}
#classinfo1 #info3 {
	background:url('/image/guide/classinfo_bg01_3.jpg') left top no-repeat; 
}
#classinfo1 #info3 div{
	padding:90px 10px 0 275px; 
}

#classinfo2 #info1 {
	background:url('/image/guide/classinfo_bg02_1.jpg') left top no-repeat; 
}
#classinfo2 #info1 div span{
	color:#28670c;;
}
#classinfo2 #info2 {
	background:url('/image/guide/classinfo_bg02_2.jpg') left top no-repeat; 
}
#classinfo2 #info3 {
	background:url('/image/guide/classinfo_bg02_3.jpg') left top no-repeat; 
}
#classinfo2 #info3 div{
	padding:90px 10px 0 275px; 
}

#classinfo3 #info1 {
	background:url('/image/guide/classinfo_bg03_1.jpg') left top no-repeat; 
}
#classinfo3 #info1 div span{
	color:#0a0d87;
}
#classinfo3 #info2 {
	background:url('/image/guide/classinfo_bg03_2.jpg') left top no-repeat; 
}
#classinfo3 #info3 {
	background:url('/image/guide/classinfo_bg03_3.jpg') left top no-repeat; 
}
#classinfo3 #info3 div{
	padding:90px 10px 0 325px; 
}

#classinfo4 #info1 {
	background:url('/image/guide/classinfo_bg04_1.jpg') left top no-repeat; 
}
#classinfo4 #info1 div span{
	color:#c90068;
}
#classinfo4 #info2 {
	background:url('/image/guide/classinfo_bg04_2.jpg') left top no-repeat; 
}
#classinfo4 #info3 {
	background:url('/image/guide/classinfo_bg04_3.jpg') left top no-repeat; 
}
#classinfo4 #info3 div{
	padding:90px 10px 0 340px; 
}

/*클래스 정보 공통*/
#info1 {
	height:375px; 
	line-height:20px;
}
#info1 h2{
	margin:0;
	color:#cb0063; 
	font-size:27px; 
	font-style:italic; 
	font-weight:normal;
	font-family:arial;
	height:30px;
}
#info1 h2 span{
	margin:0;
	color:#f6e5ef; 
	font-size:35px; 
	font-style:italic; 
	font-family:arial black;
	font-weight:normal;
}

#info1 h3{
	margin:0;
	color:#4E0028; 
	font-size:17px; 
	font-style:italic; 
	line-height:20px;
	font-weight:normal;
	width:330px; 
}
#info1 div{
	padding:0;
	margin:10px 0 0 10px;
	width:320px; 
}
#info1 div span{
	color:#d40202;
}
#info2 {
	padding:0 20px 0 0; 
	height:221px; 
	text-align:right;
}
#info3 {
	height:369px; 
	line-height:22px;
}
#info3 h4{
	background:url('/image/guide/classinfo_point.gif') left 5px no-repeat;
	padding-left:15px;
	margin:0 0 10px 0;
	font-size:13px;
	color:#fe7002;
	font-weight:bold;
}
#info3 h4 span{
	font-size:11px;
	color:#9d9d9d;
	font-family:arial;
}
#top-navigation {
	position:relative;
	background:url('/image/guide/img_t_2.jpg') no-repeat;
	width:623px;
	height:50px;
}
#top-navigation ul.depth1 {
	position:absolute;
	left:-30px;
}
#top-navigation li {
	float: left;
}
hr {
	display:none;
	clear:both;
}
#classinfo1{
}
#classinfo2,
#classinfo3,
#classinfo4,
#classinfo5,
{
	display:none;
}

/*게임정보 직업이름*/
.guide_class {
	font-weight:normal;
	font-size:10px;
	color:#c7886a;
	padding-top:3px;
}