@charset "utf-8";

._home #spot {
    background: url("../../img/dk/renewal/common/bg_spotBottom.jpg") no-repeat left bottom;
    height: 412px;
    margin: 0em auto;
    padding: 0em 0em 7px 298px;
    position: relative;
    width: 952px;
}
/* 메인 프로모션 */
.visual {
    position: relative;
    width: 643px;
}
.visual .allView {
    position: absolute;
    right: 20px;
    top: 20px;
}
.visual #promote {
    background: #000;
    padding-top: 333px;
    position: relative;
    width: 643px;
}
.visual #promote div.view {
    left: 0em;
    position: absolute;
    top: 0em;
}
.visual #promote div.view img {
    left: 0em;
    position: absolute;
    top: 0em;
}
.visual #promote div.list {
    margin: 0em auto;
    overflow: hidden;
    position: relative;
    width: 549px;
    z-index: 1;
	background: url("../../img/dk/renewal/common/bg_promote.png") no-repeat 0 0em;
}
.visual #promote div.list ul {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    width: 10000px;
	
}
.visual #promote div.list li {
    float: left;
}
.visual #promote div.list li a {
    
    color: #99a5c5;
    display: block;
    height: 59px;
    line-height: 59px;
    text-align: center;
    width: 183px;
}
.visual #promote div.list li a:hover strong{
	text-decoration:underline;
}
.visual #promote div.list li a img {}
.visual #promote div.list li a strong {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
}
.visual #promote div.list li a.active {
	background: url("../../img/dk/renewal/common/promoteTab.gif") no-repeat -183px 0em;
    background-position: 0em 0em;
}
.visual #promote div.list li.active a img {
    filter: none;
}
.visual #promote div.list li.active a strong {
    color: #e5eeff;
    font-size: 12px;
    font-weight: bold;
}
.visual #promote div.btn {
    margin-top: -79px;
}
.visual #promote div.btn button {
    cursor: pointer;
    display: block;
    height: 59px;
    overflow: hidden;
    text-indent: -9000em;
    width: 28px;
}
.visual #promote div.btn .prev {
    background: url("../../img/dk/renewal/common/promoteBtn.gif") no-repeat 0em 0em;
    left: 20px;
    position: absolute;
    z-index: 1;
}
.visual #promote div.btn .next {
    background: url("../../img/dk/renewal/common/promoteBtn.gif") no-repeat scroll -28px 0em;
    position: absolute;
    right: 21px;
    z-index: 1;
}
.visual #promote div.page {
    display: none;
    left: 20px;
    position: absolute;
    top: 302px;
    z-index: 1;
}
.visual #promote div.page button {
    background: url("../../img/dk/renewal/common/promotePage.png") no-repeat -16px 0em;
    height: 16px;
    line-height: 3px;
    margin-left: 4px;
    overflow: hidden;
    width: 16px;
}
.visual #promote div.page button.active {
    background-position: 0em 0em;
}
.visual #promoteAll {
    background: url("../../img/dk/renewal/common/bg_promoteAll.png") repeat-x 0em 0em;
    display: none;
    height: 412px;
    left: 0em;
    position: absolute;
    top: 0em;
    width: 100%;
    z-index: 5;
}
.visual #promoteAll ul {
    margin: 40px 0em 0em 77px;
    overflow: hidden;
}
.visual #promoteAll ul li {
    float: left;
    height: 95px;
    margin: 0em 20px 20px 0em;
    width: 153px;
}
.visual #promoteAll ul li a {
    display: block;
    position: relative;
    width: 100px;
}
.visual #promoteAll ul li a > img {width:153px; height:95px;}
.visual #promoteAll ul li a span {
    left: 0em;
    position: absolute;
    top: 0em;
}
.visual #promoteAll ul li a span img {
    background: url("../../img/dk/renewal/common/promotealloff.png") no-repeat 0em 0em;
    height: 95px;
    width: 153px;
}
.visual #promoteAll ul li a:hover span img {
    background: url("../../img/dk/renewal/common/promotionAllov.png") no-repeat 0em 0em;
    height: 95px;
    width: 153px;
}
.visual #promoteAll .allClose {
    position: absolute;
    right: 20px;
    top: 20px;
}

/* maincontent */
._home #content {
    background: url("../../img/dk/renewal/main/mainContBg.jpg") no-repeat left top;
    margin-bottom: 60px;
	position:relative;
    padding: 30px 20px 30px 317px;
    width: 913px;
}
._home #content:after {content:''; display:block; height:0; clear:both;}
._home #content .bnr.posileft {
	position:absolute;
	z-index:999999999;
	top:10px;
	left:10px;
}
._home #content .bnr.posiright {
	position:absolute;
	z-index:999999999;
	top:10px;
	right:10px;
}
._home #content .bnr.positop {
	position:absolute;
	z-index:1;
	top:-550px;
	right:10px;
}
._home #content .hotIssue {
    float: left;
    margin-right: 40px;
    padding-top: 2px;
    width: 583px;
}
._home #content .hotIssue h2 {
    background: url("../../img/dk/renewal/common/sp_textSet.png") no-repeat 0em -30px;
    height: 19px;
    margin-bottom: 11px;
    text-indent: -9000em;
    width: 81px;
}
._home #content .hotIssue .img_cont .img {
    float: left;
    margin-right: 16px;
    width: 279px;
	position:relative;
}
._home #content .hotIssue .img_cont .img A{
	dipslay:block;
}
._home #content .hotIssue .bg{
	position:absolute;
	bottom:0;
	left:0;
	height:41px;
	display:block;
	width:279px;
	background:#000;
	opacity: 0.7;
    filter: alpha(opacity=70); 
}
._home #content .hotIssue .figcaption{
	position:absolute;
	bottom:0;
	left:0;
	height:28px;
	display:block;
	width:252px;
	z-index:1;
	color:#fff;
	padding-top:13px;
	font-size:16px;
	line-height:16px;
	padding-left:17px;		
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;

}
._home #content .hotIssue .img_cont{
	position:relative;
}
._home #content .hotIssue .img_cont .textInfo {
    float: left;
    width: 288px;
}
._home #content .hotIssue .img_cont .textInfo .tit a {
    color: #35528f;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.1em;
    line-height: 25px;
    margin-bottom: 6px;

}
._home #content .hotIssue .img_cont .textInfo .tit a:hover{
	text-decoration:underline;
}
._home #content .hotIssue .img_cont .textInfo time{
	color:#9c9c9c;
	font-size:13px;
	display:block;
	padding:18px 0 0 0 ;
}
._home #content .hotIssue .img_cont .textInfo .link{
	font-size:12px;
	color:#9c9c9c;
	position:absolute;
	bottom:0;
	right:0;
	padding-right:11px;
	background:url(../../img/dk/renewal/bul/bul_arr_01.png) no-repeat right 3px;
}

._home #content .hotIssue .img_cont .textInfo .summry a {
    color: #666;
    font-size: 15px;
    letter-spacing: -0.1em;
    line-height: 24px;
}
._home #content .hotIssue .text_cont {
    margin-top: 15px;
    width: 100%;
}
._home #content .hotIssue .text_cont ul {
    width: 100%;
}
._home #content .hotIssue .text_cont ul li {
    background: url("../../img/dk/renewal/bul/bul_dot2.gif") no-repeat 0em center;
    line-height: 25px;
    position: relative;
}
._home #content .hotIssue .text_cont ul li a {
    color: #666;
    display: block;
    font-size: 14px;
    padding-left: 7px;
    width: 450px;
}
._home #content .hotIssue .text_cont ul li a:hover{
	text-decoration:underline;
}

._home #content .hotIssue .text_cont ul li span {
    font-size: 14px;
}
._home #content .hotIssue .text_cont ul li span.date {
    color: #9c9c9c;
    font-size: 13px;
    position: absolute;
    right: 0em;
    top: 0em;
}
._home #content .ranking {
    border-bottom: 1px solid #eaeef8;
    float: left;
    width: 290px;
}
._home #content .ranking h2 {
    background: url("../../img/dk/renewal/common/sp_textSet.png") no-repeat -91px -30px;
    height: 19px;
    margin-bottom: 11px;
    text-indent: -9000em;
    width: 67px;
}
._home #content .ranking .info {
	
    background: url("../../img/dk/renewal/main/bg_rankingTop.gif") no-repeat 0em 0em;
    height: 40px;
    padding: 10px 0em 0em 161px;
    position: relative;
    width: 129px;
	border:1px solid #000; 
	
	
}
._home #content .ranking .info .date {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    left:10px;
    position: absolute;
    top: 16px;
}
._home #content .ranking .info .date ._update {
	background-position:-100px 0em;
    height: 21px;
    vertical-align: middle;
    width: 54px;
}
._home #content .ranking .info .server {
    position: relative;
    z-index: 1;
}
._home #content .ranking .info .server .btn {
    border: 1px solid #d0d0d0;
    color: #555;
    display: block;
    float: left;
    font-weight: bold;
    height: 21px;
    text-decoration: none;
    width: 106px;
}
._home #content .ranking .info .server .btn {
    border: 1px solid #aaa;
    color: #030101;
    font-size: 12px;
    padding: 10px 0em 0em 13px;
}
._home #content .ranking .info .server A {}
._home #content .ranking .info .server A.on {
    background: #fff url("../../../DKOnline/Image/cbt2/main/ico_rankingOn.gif") no-repeat 100px 14px;
}
._home #content .ranking .info .server A.off {
    background: #fff url("../../../DKOnline/Image/cbt2/main/ico_rankingOff.gif") no-repeat 100px 14px;
}

._home #content .ranking .info .server .wrap {
    background: #fff;
    border-top: none;
    border: 1px solid #aaa;
    left: 0em;
    list-style: none outside none;
    padding: 0em 0em 10px;
    position: absolute;
    top: 32px;
    width: 119px;
    z-index: 2;
}
._home #content .ranking .info .server .wrap ul {
    list-style: none outside none;
}
._home #content .ranking .info .server .wrap h3 {
    border-bottom: 1px dashed #aaa;
    font-size: 12px;
    line-height: 16px;
    margin: 0em auto;
    padding: 0em 0em 5px 5px;
    width: 100px;
    display: none;
}
._home #content .ranking .info .server .wrap h3.pr {
    padding-top: 10px;
}
._home #content .ranking .info .server .wrap h3.op {
    margin-top: 15px;
}
._home #content .ranking .info .server .wrap h3.op.active {
    display: block;
}
._home #content .ranking .info .server ul {
    list-style: none outside none;
    padding: 5px 0em 0em;
}
._home #content .ranking .info .server ul li {
    color: #3c3c3c;
    font-size: 12px;
    line-height: 16px;
    padding: 3px 0em 0em 13px;
}
._home #content .ranking .info .server ul li A {
    color: #3c3c3c;
}
._home #content .ranking .info .server ul li span {
    color: #a8a8a8;
    font-size: 11px;
    font-weight: normal;
    padding-left: 3px;
}
._home #content .ranking .info .server ul li.on {
    font-weight: bold;
}
._home #content .ranking .info .server ul li.on A {
    color: #2b8da2;
}
._home #content .ranking .info .more {
    position: absolute;
    right: 10px;
    top: -27px;
}
._home #content .ranking .mainJob {
    background: #e7ecf7 url("../../img/dk/renewal/common/bg_tabline.gif") repeat-x 0em bottom;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 6px 6px 0em;
}
._home #content .ranking .mainJob li {
    float: left;
}
._home #content .ranking .mainJob li a {
    color: #3c6093;
    display: block;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
._home #content .ranking .mainJob li a.on {
    background: #fff;
    border-bottom: none;
    border: 1px solid #b0c1e5;
	border-bottom:0;
}
._home #content .ranking .mainJob li.btn01 a {
    margin-right: 2px;
    width: 58px;
}
._home #content .ranking .mainJob li.btn01 a.on {
    font-weight: bold;
    width: 56px;
}
._home #content .ranking .mainJob li.btn02 a {
    margin-right: 2px;
    width: 67px;
}
._home #content .ranking .mainJob li.btn02 a.on {
    width: 65px;
}
._home #content .ranking .mainJob li.btn03 a {
    margin-right: 2px;
    width: 44px;
}
._home #content .ranking .mainJob li.btn03 a.on {
    width: 42px;
}
._home #content .ranking .mainJob li.btn04 a {
    margin-right: 2px;
    width: 55px;
}
._home #content .ranking .mainJob li.btn04 a.on {
    width: 53px;
}
._home #content .ranking .mainJob li.btn05 a {
    width: 45px;
}
._home #content .ranking .mainJob li.btn05 a.on {
    width: 43px;
}
._home #content .ranking .rankingList > div {
    display: none;
    width: 100%;
}
._home #content .ranking .rankingList > div table {
    width: 100%;
}
._home #content .ranking .rankingList > div table tbody tr td {
    height: 30px;
}
._home #content .ranking .rankingList > div table tbody tr td.rank {
    text-align: center;
}
._home #content .ranking .rankingList > div table tbody tr td ._rank1 {
	background-position:-164px 0em;
    height: 16px;
    width: 16px;
}
._home #content .ranking .rankingList > div table tbody tr td ._rank2 {
	background-position:-190px 0em;
    height: 16px;
    width: 16px;
}
._home #content .ranking .rankingList > div table tbody tr td ._rank3 {
	background-position:-216px 0em;
    height: 16px;
    width: 16px;
}
._home #content .ranking .rankingList > div table tbody tr td ._rank4 {
	background-position:-242px 0em;
    height: 16px;
    width: 16px;
}
._home #content .ranking .rankingList > div table tbody tr td ._rank5 {
	background-position:-268px 0em;
    height: 16px;
    width: 16px;
}
._home #content .ranking .rankingList > div table tbody tr td.userName {
    color: #35528f;
    font-size: 12;
}
._home #content .ranking .rankingList > div table tbody tr td.userName img {
    height: 14px;
    width: 16px;
	vertical-align:-1px;
}
._home #content .ranking .rankingList > div table tbody .best1 td.userName {
    font-weight: bold;
}
._home #content .ranking .rankingList > div table tbody .best1 td.userName ._crown {
	background-position:-22px 0em;
}
._home #content .ranking .rankingList > div table tbody .best2 td.userName ._crown {
	background-position:-48px 0em;
}
._home #content .ranking .rankingList > div table tbody .best3 td.userName ._crown {
	background-position:-74px 0em;
}
._home #content .ranking .rankingList > div table tbody tr td.up,
._home #content .ranking .rankingList > div table tbody tr td.hold,
._home #content .ranking .rankingList > div table tbody tr td.down {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
._home #content .ranking .rankingList > div table tbody tr td.up {
    color: #f00;
}
._home #content .ranking .rankingList > div table tbody tr td.hold {
    color: #cbbe99;
}
._home #content .ranking .rankingList > div table tbody tr td.down {
    color: #4f89ff;
}
._home #content .ranking .rankingList > div table tbody tr td.guild {
    color: #3c6093;
    font-size: 12px;
    padding-left: 10px;
}
._home #content .ranking .rankingList > div table tbody tr.nodata td {
	height:150px;
}
._home #content .ranking .rankingList > div table tbody tr.nodata td p {
	text-align:center;
	line-height:20px;
	color:#666;
	font-size:12px;
} 
._home #content .dkShop {
    float: left;
    margin-top: 55px;
    position: relative;
    width: 100%;
}
._home #content .dkShop h2 {
    background: url("../../img/dk/renewal/common/sp_textSet.png") no-repeat -168px -30px;
    height: 19px;
    margin-bottom: 11px;
    text-indent: -9000em;
    width: 47px;
}
._home #content .dkShop .shopCont {
    background: url("../../img/dk/renewal/main/bg_dkShop.jpg") no-repeat 0em 0em;
    height: 198px;
    overflow: hidden;
    padding: 12px 10px 10px;
}
._home #content .dkShop .shopCont .item {
    float: left;
    margin-right: 13px;
    padding-top: 28px;
    width: 584px;
}
._home #content .dkShop .shopCont .item h3 {
    color: #4a629d;
    font-size: 14px;
    margin: 0em 0em 22px 40px;
}
._home #content .dkShop .shopCont .item ul {
    margin: 0em auto;
    overflow: hidden;
    width: 504px;
}
._home #content .dkShop .shopCont .item ul li {
    float: left;
    text-align: center;
    width: 126px;
}
._home #content .dkShop .shopCont .item ul li a .imgBox {
    background: url("../../img/dk/renewal/main/bg_itemBox.gif") no-repeat 0em 0em;
    display: inline-block;
     height: 80px;
    margin-bottom: 9px;
    position: relative;
    width: 80px;
}

._home #content .dkShop .shopCont .item ul li a .imgBox img{
	display:block;
	border:1px solid #000; 
	
	
}
._home #content .dkShop .shopCont .item ul li a .imgBox span{
	border:1px solid #7f9ecf; 
	margin:5px 0 0 6px;
	font-size:0;
	width:64px;
	height:64px;
	overflow:hidden;
	line-height:0;
	display:block;
}

._home #content .dkShop .shopCont .item ul li a .imgBox ._hot {
	background-position:-294px 0em;
    height: 39px;
    left: 1px;
    position: absolute;
    text-indent: -9000em;
    top: 0em;
    width: 39px;
}
._home #content .dkShop .shopCont .item ul li a .block {
    color: #666;
    font-size: 12px;
}
._home #content .dkShop .shopCont .sideItem {
    float: left;
    position: relative;
}
._home #content .dkShop .shopCont .sideItem > div {
    height: 177px;
    padding: 11px 9px;
    width: 274px;
}
._home #content .dkShop .shopCont .sideItem .type2 h3 {
    color: #4a629d;
    font-size: 14px;
    margin: 20px 0em 20px 26px;
}
._home #content .dkShop .shopCont .sideItem .type2 a {
    display: block;
    margin-left: 26px;
    overflow: hidden;
}
._home #content .dkShop .shopCont .sideItem .type2 .imgBox {
    background: url("../../img/dk/renewal/main/bg_itemBox.gif") no-repeat 0em 0em;
    display: block;
    float: left;
    height: 80px;
    margin-right: 20px;
    position: relative;
    width: 80px;
}
._home #content .dkShop .shopCont .sideItem .type2 .imgBox img{
	display:block;
	border:1px solid #000; 
	
	
}
._home #content .dkShop .shopCont .sideItem .type2 .imgBox span{
	border:1px solid #7f9ecf; 
	margin:4px 0 0 6px;
	font-size:0;
	width:64px;
	height:64px;
	overflow:hidden;
	line-height:0;
	
}
._home #content .dkShop .shopCont .sideItem .type2 span {
    color: #666;
    display: block;
    font-size: 12px;
    line-height: 19px;
}
._home #content .dkShop .shopCont .sideItem .type2 div .bold {
    color: #f24a00;
    font-size: 14px;
}
._home #content .dkShop .shopCont .sideItem .ribon {
    position: absolute;
    right: 0em;
    top: 0em;
}
._home #content .dkShop .shopCont .sideItem .ribon img {
    height: 64px;
    width: 64px;
}
._home #content .dkShop .shopCont .sideItem .ribon ._hot {
	background-position:-84px -31px;
}
._home #content .dkShop .shopCont .sideItem .ribon ._new2 {
	background-position:-160px -31px;
}
._home #content .dkShop .shopCont .sideItem .ribon ._best {
	background-position:-84px -107px;
}
._home #content .dkShop .more {
    position: absolute;
    right: 10px;
    top: 2px;
}
._home #side {
    left: 20px;
    position: absolute;
    top: 30px;
    width: 257px;
}
._home #side .bnrArea {
    margin-bottom: 10px;
	margin-top:-60px;
}
._home #side .bnrArea A{
	display:block;
}
._home #side .bnrArea A{
	margin-bottom:5px;
}
#news {
    position: absolute;
    right: 0em;
    top: 218px;
    width: 310px;
}
#news .nav {
    overflow: hidden;
}
#news .nav {
    width: 100%;
}
#news .nav ul {
    overflow: hidden;
}
#news .nav ul li {
    float: left;
    width: 155px;
}
#news .nav ul li span{
    background: url("../../img/dk/renewal/common/newsTab.jpg") no-repeat 0em 0em;
    display: block;
    height: 44px;
    text-indent: -9000em;
    width: 155px;
    cursor: pointer;
}
#news .nav ul .tab01 span {
	 background-position: 0em -44px;
}
#news .nav ul .tab01.active span {
   
    background-position: 0em 0em;
}
#news .nav ul .tab02 span {
	 background-position: -155px 0em;
}
#news .nav ul .tab02.active span {
   
    background-position: -155px -44px;

}
#news #notice,
#news #update {
    background: url("../../img/dk/renewal/common/bg_news.jpg") no-repeat 0em 0em;
    height: 138px;
    padding-top: 12px;
    width: 100%;
}
#news #update {
    display: none;
}
#news #notice ul,
#news #update ul {
    margin: 0em auto;
    width: 270px;
}
#news #notice ul li,
#news #update ul li {
    background: url("../../img/dk/renewal/bul/bul_dot.gif") no-repeat 0em center;
    line-height: 25px;
    margin: 0em auto;
    width: 270px;
}
#news #notice ul li a,
#news #update ul li a {
    color: #99a5c5;
    display: block;
    font-size: 12px;
    padding-left: 14px;
	overflow:hidden;
}
#news #notice ul .new a,
#news #update ul .new a {
    color: #99a5c5;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-left: 14px;
}
#news #notice ul li a ._new,
#news #update ul li ._new {
	background-position:0 0;
   height: 14px;
    vertical-align: middle;
    width: 14px;
}
#news #update ul li a:hover span,
#news #notice ul li a:hover span
{
	text-decoration:underline;
}
#news #notice ul li a img,
#news #update ul li a img{
	float:left;
	margin-top:7px;
}
#news #notice ul li a span,
#news #update ul li a span{
	float:left;
	text-overflow: ellipsis; 
	white-space: nowrap; 
	overflow:hidden;
	display:inline-block;
	width:230px;
}
#game-search{position:relative; margin-bottom:20px;}
#game-search fieldset div{float:left;width:196px;height:38px;border-right:none;background:url(../../img/dk/renewal/common/bg_search_input.gif) no-repeat left top;}
#game-search fieldset label{position:absolute;top:0;left:0;font-size:12px;line-height:16px;color:#a4abb6; padding:13px 0 0 14px;}
#game-search fieldset .submit {width:59px;height:38px;border:0;background: url("../../img/dk/renewal/common/sp_btnSet.png") no-repeat -81px -381px;}
#game-search fieldset div input{    color: #a4abb6;   font-family: Dotum;   height: 36px;   line-height: 35px;   padding: 0 0 0 7px;   width: 189px;background:none;}