@charset "utf-8";
#Spot {
    left: 297px;
    overflow: hidden;
    position: absolute;
    top: 0em;
    width: 953px;
}
#side {
    left: 0em;
    outline: hidden;
    width: 297px;
    height: auto;
}

#side .log ul.auth {
    background: url("../../img/dk/renewal/common/bg_auth2.gif") no-repeat 0em 0em;
}

#side .log ul.auth li.phone {
    width: 107px;
}
#side .log ul.auth li.otp_state {
    width: 91px;
}
#side .log ul.auth li.pc {
    border-right: 0em none;
    width: 97px;
}
#side .log ul.auth li strong {
    color: #6d7294;
    display: block;
    float: left;
    font-weight: bold;
    letter-spacing: -1px;
    padding-left: 16px;	
    padding-right: 29px;
}
#side .subBanner {
    margin-bottom: 15px;
    position: relative;
}
#side .subBanner div.wrap {
    position: relative;
    z-index: 0em;
}
#side .subBanner div.wrap ul {
    height: 151px;
    position: relative;
    width: 297px;
}
#side .subBanner div.wrap li {
    opacity: 0;
    position: absolute;
    z-index: 1;
}
#side .subBanner div.wrap li a {
    display: block;
}
#side .subBanner div.wrap li a img {}
#side .subBanner div.wrap li a img.obj {
    bottom: 0em;
    left: 0em;
    position: absolute;
}
#side .subBanner div.wrap li.first {
    opacity: 1;
}
#side .subBanner div.wrap li.on {
    z-index: 2;
}
#side .subBanner div.btn {
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 123px;
    z-index: 10;
}
#side .subBanner div.btn button {
    background: #949494;
    cursor: pointer;
    float: left;
    height: 6px;
    margin-right: 5px;
    outline: medium none;
    overflow: hidden;
    width: 17px;
}
#side .subBanner div.btn button span {
    display: none;
}
#side .subBanner div.btn button.on {
    background: #da5100;
}
.visual {
    float: left;
    position: relative;
    width: 643px;
}
.visual #promote {
    background: #000;
    padding-top: 201px;
    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 .list {
    display: none;
    margin: 0em auto;
    overflow: hidden;
    position: relative;
    width: 643px;
    z-index: 1;
}
.visual #promote div.btn {
    display: none;
    margin-top: -79px;
}
.visual #promote div.page {
    left: 40px;
    position: absolute;
    top: 170px;
    z-index: 1;
}
.visual #promote div.page button {
    background: url("../../img/dk/renewal/common/promotePage.png") no-repeat -16px 0em;
    height: 16px;
    line-height: 999px;
    margin-left: 4px;
    overflow: hidden;
    width: 16px;
    padding: 0;
}
.visual #promote div.page button.active {
    background-position: 0em 0em;
}
#news {
    background: url("../../img/dk/renewal/common/bg_news2.jpg") no-repeat 0em 0em;
    float: left;
    padding-top: 44px;
    width: 310px;
}
#news #notice {
    background: none;
    height: 157px;
    padding-top: 12px;
}
#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: 0em 0;
    height: 14px;
    vertical-align: middle;
    width: 14px;
}

#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;
}


/* 서브 컨텐츠 */
.error{
	background:url(../../img/dk/renewal/common/bg_error.jpg) no-repeat left top !important;
}
.error .home{
	display: block;
    height: 46px;
    left: 153px;
    position: absolute;
    top: 288px;
    width: 120px;
	background:url(../../img/dk/renewal/common/blank-2.gif) no-repeat left top;
	
	
}
.error .prev{
	display: block;
    height: 46px;
    left: 283px;
    position: absolute;
    top: 288px;
    width: 139px;
	background:url(../../img/dk/renewal/common/blank-2.gif) no-repeat left top;
	
}
#content {
    background: #fff;
    overflow: hidden;
    padding: 221px 40px 50px 40px;
    width: 873px;
}
.content-title {
    height: 25px;
    margin-bottom: 18px;
    margin-top: 25px;
    position: relative;
}
.content-title p{
    color: #888;
    font-size: 12px;
    position: absolute;
    right: 7px;
    top: 12px;
}
.guide-view .content-title{
    height: auto;
}
.guide-view .content-title p{
    position: inherit;
}
.content-title.rank_path p{
    top: 85px;
}
.content-title p span {
    color: #abadb2;
}
.content-title p A {
    color: #70727c;
}
.content-title h2 {
	height:26px;
    /* TODO : sp_textSet -> sp_textSet-3 -> s3등록 주소로 변경*/
    background: url("https://web-files-tokyo-cdn.masangsoft.com/public/DK/homepage/common/sp_textSet.png") no-repeat 0em 0em;
    position: relative;
}
.content-title .update {
    background-position: 0em -92px;
    overflow: hidden;
    text-indent: -9999px;
    width: 88px;
}
.content-title .notice {
    background-position: 0em -58px;
    overflow: hidden;
    text-indent: -9999px;
    width: 92px;
}
.content-title .event {
    background-position: -99px -93px;
    overflow: hidden;
    text-indent: -9999px;
    width: 65px;
}
.content-title .guest {
    background-position: -776px -195px;
    overflow: hidden;
    text-indent: -9999px;
    width: 112px;
}
.content-title .faq {
    background-position: -174px -93px;
    overflow: hidden;
    text-indent: -9999px;
    width: 46px;
}
.content-title .inquery {
    background-position: 0em -127px;
    overflow: hidden;
    text-indent: -9999px;
    width: 78px;
}
.content-title .my-inquery {
    background-position: -230px -93px;
    overflow: hidden;
    text-indent: -9999px;
    width: 125px;
}
.content-title .sePwdReset {
    background-position: -365px -93px;
    overflow: hidden;
    text-indent: -9999px;
    width: 200px;
}
.content-title .sePwdReset2 {
    background-position: -576px -93px;
    overflow: hidden;
    text-indent: -9999px;
    width: 208px;
}
.content-title .server-board {
    background-position: -258px -127px;
    overflow: hidden;
    text-indent: -9999px;
    width: 113px;
}
.content-title .free-board {
    background-position: -379px -127px;
    overflow: hidden;
    text-indent: -9999px;
    width: 113px;
}
.content-title .img-board {
    background-position: -501px -127px;
    overflow: hidden;
    text-indent: -9999px;
    width: 113px;
}
.content-title .guild-board {
    background-position: -623px -127px;
    overflow: hidden;
    text-indent: -9999px;
    width: 160px;
}
.content-title .cast {
    background-position: -793px -93px;
    overflow: hidden;
    text-indent: -9999px;
    width: 125px;
}
.content-title .shop {
    background-position: 0 -160px;
    overflow: hidden;
    text-indent: -9999px;
    width: 57px;
}
.content-title .down {
    background-position: -65px -160px;
    overflow: hidden;
    text-indent: -9999px;
    width: 93px;
}
.content-title .job {
    background-position: -789px -126px;
    overflow: hidden;
    text-indent: -9999px;
    width: 125px;
}
.content-title .class {
    background-position: -372px -161px;
    overflow: hidden;
    text-indent: -9999px;
    width: 91px;
}
.content-title .guide {
    background-position: -160px -160px;
    overflow: hidden;
    text-indent: -9999px;
    width: 114px;
	margin:30px 0 0 150px
}

.content-title .guide_sub {
    background-position: -160px -160px;
    overflow: hidden;
    text-indent: -9999px;
    width: 114px;
}

.content-title .game {
    background-position: -278px -161px;
    overflow: hidden;
    text-indent: -9999px;
    width: 88px;
}
/* TODO: 2025. 01. 24 DK COUPON 추가 */
.content-title .coupon {
    background-position: -103px -261px;
    overflow: hidden;
    text-indent: -9999px;
    width: 100px;
}
/* 2025. 08. 20 크리에이터즈 퀘스트 추가 */
.content-title .creators {
    background-position: -215px -261px;
    overflow: hidden;
    text-indent: -9999px;
    width: 204px;
}


.content-title2 {
    height: 25px;
    margin-bottom: 18px;
    margin-top: 20px;
    position: relative;
}
.content-title2 p {
    color: #888;
    font-size: 12px;
    position: absolute;
    right: 7px;
    top: 6px;
}
.content-title2 p span {
    color: #abadb2;
}
.content-title2 p A {
    color: #70727c;
}
.content-title2 h2 {
	height:26px;
    background: url("../../img/dk/renewal/common/story_title.png") no-repeat 0em 0em;
    position: relative;
}
.content-title2 .stroy {
    overflow: hidden;
    text-indent: -9999px;
    width: 86px;
}



.content-title .movie {
    background-position: -469px -161px;
    overflow: hidden;
    text-indent: -9999px;
    width: 70px;
}
.content-title .FanSiteKit {
    background-position: -652px -161px;
    overflow: hidden;
    text-indent: -9999px;
    width: 114px;
}
.content-title .tit-rank {
    background-position: -776px -161px;
    overflow: hidden;
    text-indent: -9999px;
    width: 90px;
	top: 10px;
}
.content-title .tit-rank-col{
	background-position: 0px -225px;
	overflow: hidden;
	text-indent: -9999px;
	width: 139px;
}
.content-title .tit-rank-gulid{
	background-position: 0 -261px;
    overflow: hidden;
    text-indent: -9999px;
    width: 92px;
	top: 10px;
}
.content-title .tit-screen {
    background-position: -875px -161px;
    overflow: hidden;
    text-indent: -9999px;
    width: 94px;
}
.category {
    overflow: hidden;
}
.category .wrapper {
    border-left: 1px solid #e7ecf7;
    border-right: 1px solid #e7ecf7;
}
.category .wrapper a {
    background: url("../../img/dk/renewal/common/bar01.gif") no-repeat right center;
    color: #666;
    display: block;
    float: left;
    font-size: 14px;
    height: 29px;
    padding-top: 16px;
}
.category .wrapper a.on {
    background: #fff;
    border-top: 2px solid #35528f;
    color: #4d76ce;
    font-weight: bold;
    margin-left: -2px;
    padding-top: 15px;
}
.category .wrapper a:first-child.on {
    margin-left: 0em;
}
.category .wrapper a.on span {
    background: none;
}
.category .wrapper a span {
    display: block;
    height: 14px;
    line-height: 14px;
    padding: 0em 20px;
}
.category .wrapper #fr{
	float:right;
	color:#fff;
    font-size: 14px;
    padding: 0px 10px;
	line-height:29px;
	background: #fe5200;
	border: 1px solid #33190d;
	margin-top: 7px;
	margin-right: 5px;
	box-shadow: 1px 1px 2px rgba(255,255,255,0.3) inset;
}
.category .wrapper #fr span{
	padding: 2px;
	line-height:24px;
}
.category.server_list {
    background: url("../../img/dk/renewal/common/bg_category.gif") repeat-x left top;
    margin-bottom: 14px;
}
.content-faq .category {
    background: url("../../img/dk/renewal/common/bg_category.gif") repeat-x left top;
}
.character_move .category {
    background: url("../../img/dk/renewal/common/bg_category.gif") repeat-x left top;
}
.category.type_shop {
    background: url("../../img/dk/renewal/common/bg_shoptab.jpg") no-repeat left top;
    margin: 20px 0em 15px;
	position:relative;
}
.category.type_shop select {
	position:absolute;
	top:10px;
	right:10px;
}
.category.type_shop .wrapper a {
    background: url("../../img/dk/renewal/common/bar02.gif") no-repeat right center;
    color: #cfdaf9;
    font-weight: bold;
}
.category.type_shop .wrapper a.on {
    background: #fff;
    border-top: 2px solid #35528f;
    color: #4d76ce;
    font-weight: bold;
    margin-left: -2px;
    padding-top: 15px;
}
.category.type_shop .wrapper a:first-child {
    margin-left: 2px;
}
.category._type2,
.category._type3 {
    background: url("../../img/dk/renewal/common/bg_tabbottom.png") repeat-x left top;
    margin-bottom: 18px;
    padding-bottom: 6px;
    position: relative;
    width: 100%;
}
.category._type2 ul {
    overflow: hidden;
}
.category._type2 ul li {
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    float: left;
    margin-right: -1px;
}
.category._type2 ul li a {
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 15px;
    padding: 14px 30px 13px;
}
.category._type2 ul li.active {
    background: url("../../img/dk/renewal/common/bg_tableft.jpg") no-repeat left top;
    border: none;
    margin-right: 0em;
}
.category._type2 ul li.active a {
    background: url("../../img/dk/renewal/common/bg_tabright.jpg") no-repeat right top;
    color: #fff;
    font-weight: bold;
}
.category._type3 {
    background: url("../../img/dk/renewal/common/bg_tblTop.jpg") repeat-x left bottom;
    margin-bottom: 18px;
    padding-bottom: 6px;
    width: 100%;
}
.category._type3 ul {
    overflow: hidden;
    width: 100%;
}
.category._type3 ul li {
    background: url("../../img/dk/renewal/common/bg_tabType01.jpg") no-repeat 0em 0em;
    float: left;
    height: 42px;
    width: 436px;
}
.category._type3 ul .tab01 {
    background-position: 0em -42px;
    width: 437px;
}
.category._type3 ul .tab01.active {
    background-position: 0em 0em;
    width: 437px;
}
.category._type3 ul .tab02 {
    background-position: -437px 0em;
    width: 436px;
}
.category._type3 ul .tab02.active {
    background-position: -437px -42px;
    width: 436px;
}
.category._type3 ul li a {
    display: block;
    line-height: 42px;
    text-align: center;
    width: 100%;
}
.category._type3 ul li a {
    color: #666;
    font-family: dotum;
    font-size: 14px;
}
.category._type3 ul li.active a {
    color: #fff;
    font-weight: bold;
}
.content-guide.bottom-category {
    height: auto;
}
.content-guide {
    height: 42px;
    margin-bottom: 10px;
    position: relative;
    z-index: 5;
}
.content-guide.disc {
    border-top: 2px solid #92aace;
    padding-top: 17px;
}
.content-guide.disc p {
    color: #666;
    line-height: 18px;
    padding-left: 20px;
}
.content-guide a {
    background: url("../../img/dk/renewal/common/sp_btnSet-2.png") no-repeat 0em -45px;
    display: block;
    height: 35px;
    position: absolute;
    right: 0em;
    text-indent: -9000px;
    top: 4px;
    width: 136px;
}
.content-guide.disc a {
    top: 17px;
}
.content-guide.-type2 {
    background: #fafbfc;
    border-top: 1px solid #e0e0e0;
    height: 42px;
	
}
.content-guide.-type2 .total {
   
	color: #666;
	font-size: 12px;
	margin-top: 15px;
	padding-left: 8px;
	line-height:16px;
	margin-left:10px;
	 background: url(../../img/dk/renewal/bul/bul_arr01-2.gif) no-repeat 0 4px;
	 
	 
}
.content-guide.-type2 .total strong {
    color: #35528f;
}
.content-guide.-type2 .set-view{
	position:absolute;
	top:10px;
	right:10px;
}
.content-guide.-type2 .set-view a{
float:left;
	position:relative;
	top:0;
	left:0;
	width:28px;
	height:23px;
	margin-left:9px;
	background:url(../../img/dk/renewal/common/sp_btnSet.png) no-repeat left top;
	
}
.content-guide.-type2 .set-view a.normal._on{
	background-position:-33px -257px;
}

.content-guide.-type2 .set-view a.thum._on{	
	background-position:0 -257px;
}

.content-guide.-type2 .set-view a.normal{
	background-position:-100px -257px;
	
	
}

.content-guide.-type2 .set-view a.thum{	
	background-position:-67px -257px;
}


.search-form {
    margin: 0em auto;
    overflow: hidden;
    position: relative;
    width: 470px;
}
.search-form fieldset {
    display: block;
    margin: 0em auto;
}
.search-form fieldset {
    text-align: center;
}
.search-form fieldset div {
    padding-right: 67px;
}
.search-form fieldset input.txt {
    border: 1px solid #92aace;
    float: left;
    height: 33px;
    line-height: 28px;
    padding: 0em 5px;
    width: 100%;

	 color: #35528f;
    font-size: 14px;
	font-weight:bold;
}
.search-form fieldset A {
    float: left;
}
.search-form fieldset input {
    vertical-align: top;
}
.search-form fieldset .button-search {
    position: absolute;
    right: 0em;
    top: 0em;
}
.search-form .button-search {
    background: url("../../img/dk/renewal/common/sp_btnSet-2.png") no-repeat 0em 0em;
    border: 0em none;
    display: inline-block;
    height: 35px;
    overflow: hidden;
    text-indent: -9999px;
    width: 65px;
}
.content-faq .sub-title {
    margin: 50px 0em 10px;
    position: relative;
}
.content-faq .sub-title .text {
    background: url("../../img/dk/renewal/common/sp_textSet-2.png") no-repeat scroll 0em 0em;
    display: block;
    height: 24px;
    overflow: hidden;
    text-indent: -9999px;
}
.content-faq .sub-title.-inquiry .text {
    background-position: 0em -127px;
    width: 78px;
}
.content-faq .sub-title.-pwreset .text {
    background-position: -89px -127px;
    width: 160px;
}

/*FAQ*/
.form-faq {
    margin-bottom: 15px;
	padding-top:4px;
	background:url(../../img/dk/renewal/common/bg_views_bar.gif) no-repeat left top;
	
}
.faq-content .question {
    border-bottom: 1px solid #dfe2eb;
    overflow: hidden;
    padding: 0em 0em 0em 15px;
    position: relative;
}
.faq-content .question h3 {
    color: #222;
    font-size: 12px;
}
.faq-content .question h3:hover{
	text-decoration:underline;
}
.faq-content .question h3 strong {
    font-weight: normal;
}
.faq-content .question .icon {
    background: url("../../img/dk/renewal/icon_set.png") no-repeat -459px 0em;
    float: left;
    height: 24px;
    overflow: hidden;
    text-indent: -9999px;
    width: 24px;
}
.faq-content .answer {
    background: #f5f7fc;
    border-bottom: 1px solid #dfe2eb;
    color: #222;
    font-size: 12px;
    line-height: 18px;
    padding: 19px 0em 19px 44px;
    position: relative;
}
.faq-content .answer .icon {
    background: url("../../img/dk/renewal/icon_set.png") no-repeat -459px -34px;
    height: 24px;
    left: 15px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 15px;
    width: 24px;
}
.faq-content .answer.-off {
    display: none;
}
.faq-content .icon {
    float: left;
    margin-left: 0em;
    margin-right: 10px;
    margin-top: 7px;
}
.faq-content h3 {
    float: left;
}
.faq-content h3 {
    cursor: pointer;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
}
.faq-content section {}
.faq-content article button {
    background: url("../../img/azera/icon_btn_text.png") no-repeat left top;
    border: none;
    height: 20px;
    position: absolute;
    right: 15px;
    text-indent: -1000em;
    top: 8px;
    width: 20px;
}
.faq-content article button.-on {
    background-position: -569px -237px;
}
.faq-content article button.-off {
    background-position: -569px -214px;
}

/*1: 1문의*/
.content-faq .inquiry-type {
    overflow: hidden;
    position: relative;
}
.content-faq .inquiry-type .guide {
    border-top: 1px solid #e0e0e0;
    padding: 10px 0em 7px;
}
.content-faq .inquiry-type .guide li {
    background: url("../../img/azera/common/arr_01.gif") no-repeat left 6px;
    color: #70727c;
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 5px;
    padding: 0em 0em 0em 9px;
}
.content-faq .inquiry-type .type-list {
    overflow: hidden;
    width: 110%;
}
.content-faq .inquiry-type p {
    font-size: 11px;
    line-height: 16px;
    padding: 0em 0em 12px 30px;
}
.content-faq .inquiry-type .type-list {
    background: #e5ebf5;
    border-bottom: 1px solid #dfe2eb;
    border-top: 2px solid #92aace;
    padding: 15px 0em 0em 15px;
}
.content-faq .inquiry-type .type-list li {
    float: left;
    margin-right: 15px;
    overflow: hidden;
    padding: 0em 0em 15px;
}
.content-faq .inquiry-type .type-list li a {
    background: url("../../img/dk/renewal/common/sp_btnSet.png") no-repeat 0em 0em;
    border-bottom: 2px solid #cdcfdf;
    color: white;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 29px;
    padding: 18px 0em 0em 51px;
    text-align: left;
    text-decoration: none;
    width: 150px;
}
.content-faq .inquiry-type .type-list li a:hover{
	opacity:0.9;
}
.content-faq .inquiry-type .type-list li .btn1 {
    background-position: 0em -143px;
}
.content-faq .inquiry-type .type-list li .btn2 {
    background-position: -211px -143px;
}
.content-faq .inquiry-type .type-list li .btn3 {
    background-position: -422px -143px;
}
.content-faq .inquiry-type .type-list li .btn4 {
    background-position: -633px -143px;
}
.content-faq .inquiry-type .type-list li .btn5 {
    background-position: 0em -200px;
}
.content-faq .inquiry-type .type-list li .btn6 {
    background-position: -211px -200px;
}
.content-faq .inquiry-type .type-list li .btn7 {
    background-position: -422px -200px;
}
.content-faq .inquiry-type .type-list li .btn8 {
    background-position: -633px -200px;
}
.content-faq .inquiry-type .button {
    position: absolute;
    right: 0em;
    top: 10px;
}
.content-faq .inquiry-type .button-nomember {
    background: url("../../img/dk/renewal/common/sp_btnSet.png") no-repeat -364px -45px;
    border: 0em;
    display: inline-block;
    float: left;
    height: 35px;
    margin-right: 5px;
    overflow: hidden;
    text-indent: -9999px;
    width: 99px;
}
.content-faq .inquiry-type .button-my {
    background: url("../../img/dk/renewal/common/sp_btnSet.png") no-repeat -473px -45px;
    border: 0em;
    display: inline-block;
    float: left;
    height: 35px;
    overflow: hidden;
    text-indent: -9999px;
    width: 102px;
}
.content-faq .state-step {
    margin: 10px auto;
    overflow: hidden;
    width: 525px;
}
.content-faq .state-step div {
    overflow: hidden;
    width: 525px;
}
.content-faq .state-step article {
    background: url("../../img/dk/renewal/icon_set.png") no-repeat 0em -285px;
    float: left;
    height: 105px;
    margin-right: 60px;
    overflow: hidden;
    text-indent: -9999px;
}
.content-faq .state-step span {
    background: url("../../img/dk/renewal/icon_set.png") no-repeat -264px -285px;
    float: left;
    height: 26px;
    margin-right: 60px;
    margin-top: 28px;
    overflow: hidden;
    text-indent: -9999px;
    width: 16px;
}
.content-faq .state-step span._off {
    background-position: -264px -316px;
}
.content-faq .state-step span._on {
    background-position: -264px -285px;
}

.msg.type4 {
    float: left;
    font-size: 12px;
    margin-top: 8px;
}
.state-step article.step1 {
    width: 81px;
}
.state-step article.step2 {
    width: 82px;
}
.state-step article.step3 {
    margin-right: 0em;
    width: 86px;
}
.state-step article.step1._off {
    background-position: 0em -285px;
}
.state-step article.step2._off {
    background-position: -86px -285px;
}
.state-step article.step3._off {
    background-position: -173px -285px;
}
.state-step article.step1._on {
    background-position: 0em -395px;
}
.state-step article.step2._on {
    background-position: -86px -395px;
}
.state-step article.step3._on {
    background-position: -173px -395px;
}
.inquireGuide {
    background: url("../../img/azera/common/arr_01.gif") no-repeat scroll left 6px rgba(0, 0, 0, 0);
    color: #70727c;
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 0em 0em 0em 9px;
}
.content-faq .warning {
    border-top: 1px solid #e0e0e0;
    color: #e94300;
    font-size: 14px;
    margin-bottom: 24px;
    padding-top: 24px;
    text-align: center;
}
.content-faq .pwReset {
    overflow: hidden;
}
.content-faq .pwReset li {
    float: left;
    margin-right: 13px;
    width: 430px;
}
.pw-reset .pwReset {
    margin-bottom: 20px;
}
.pw-reset .pwReset h3 {
    border-top: 3px solid #35528f;
    color: #35528f;
    font-size: 14px;
    line-height: 16px;
    padding: 19px 0em 0em 8px;
}
.pw-reset .pwReset .resetGuide {
    background: #fafbfc;
    border-bottom: 1px solid #92aace;
    border-top: 1px solid #92aace;
    margin: 12px 0em 0em;
    padding: 18px 10px 19px 20px;
}
.pw-reset .pwReset .resetGuide dt {
    background: url("../../img/dk/renewal/bul/bul_arr01.gif") no-repeat 0em center;
    color: #35528f;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin: 0em;
    padding: 0em 0em 0em 10px;
}
.pw-reset .pwReset .resetGuide .padTop {
    margin-top: 20px;
}
.pw-reset .pwReset .resetGuide dd {
    color: #666;
    font-size: 12px;
    line-height: 16px;
    padding: 3px 0em 0em 10px;
}
.pw-reset .pwReset .resetGuide dd {}
.pw-reset .pwReset .resetGuide dd {}
.pw-reset .pwReset .resetGuide .warn {
    color: #ff6000;
}
.successMessage h3 {
    border-top: 3px solid #35528f;
    color: #35528f;
    font-size: 14px;
    line-height: 16px;
    padding: 19px 0em 0em 8px;
}
.successMessage .message {
    margin-bottom: 20px;
    margin-top: 12px;
}

/* shop */
.content-shop .search {
    background: #e5ebf5;
    border: 1px solid #d4dff1;
    position: relative;
}
.content-shop .search form {
    border: 1px solid #fff;
    height: 47px;
    padding-top: 8px;
}
.content-shop .search fieldset {
    text-align: left;
}
.content-shop .search label {
    display: inline-block;
    margin: 0em -4px 0em 115px;
    position: relative;
    vertical-align: top;
}
.content-shop .search label img {
    background: url("../../img/dk/renewal/common/sp_textSet.png") no-repeat -461px -30px;
    height: 13px;
    left: -96px;
    position: absolute;
    top: 13px;
    width: 77px;
}
.content-shop .search label input {
    border-right: none;
    border: 1px solid #92aace;
    color: #8b8b8b;
    font: 11px 돋움, 돋움체;
    height: 38px;
    padding-left: 10px;
    width: 371px;
}
.content-shop .search ul {
    height: 12px;
    overflow: hidden;
    padding-top: 23px;
    position: absolute;
    right: 0em;
    text-align: center;
    top: 0em;
    width: 268px;
}
.content-shop .search ul li {
    border-right: 1px solid #8b8b8b;
    display: inline-block;
    line-height: 10px;
    margin-right: -4px;
    padding: 0em 17px;
}
.content-shop .search ul li.last {
    border: medium none;
}
.content-shop .search ul li a {
    color: #627899;
    font: 11px 돋움, 돋움체;
}
.content-shop .promotion {
    height: 230px;
    margin-bottom: 19px;
    overflow: hidden;
    position: relative;
}
.content-shop .promotion .today {
    border: 1px solid #d4dff1;
    float: left;
    overflow: hidden;
    width: 602px;
}
.content-shop .promotion .today ul {
    height: 227px;
    position: relative;
}
.content-shop .promotion .today ul li {
    display: none;
    left: 0em;
    position: absolute;
    top: 0em;
}
.content-shop .promotion .today ul li img {
    border: 1px solid #fff;
}
.content-shop .promotion .today ul li.active {
    display: block;
}
.content-shop .promotion .ad {    
    border: 1px solid #d4dff1;
	border-left: none;
    float: left;
}
.content-shop .promotion .ad img {
    border: 1px solid #fff;
}
.content-shop .promotion .btn {
    bottom: 20px;
    clear: both;
    height: 16px;
    left: 20px;
    margin: 0em;
    position: absolute;
    width: auto;
    z-index: 1;
}
.content-shop .promotion .btn button {
    background: url("../../img/dk/renewal/common/promotePage.png") no-repeat -16px 0em;
    cursor: pointer;
    font-size: 1px;
    height: 16px;
    line-height: 100px;
    margin-right: 5px;
    overflow: hidden;
    width: 16px;
}
.content-shop .promotion .btn button.active {
    background-position: 0 0em;
}
.content-shop .content-guide {
    background: none;
}
.content-shop .content-guide .type {
    padding-top: 10px;
    position: absolute;
    right: 5px;
    top: 0em;
}
.content-shop .content-guide .type strong {
    color: #666;
}
.content-shop .content-guide .type button {
    background: url("../../img/dk/renewal/common/sp_btnSet.png") no-repeat 0em 0em;
    display: inline-block;
    height: 23px;
    text-indent: -9999px;
    width: 28px;
}
.content-shop .content-guide .type .type1 {
    background-position: -100px -257px;
}
.content-shop .content-guide .type .type1.active {
    background-position: -33px -257px;
}
.content-shop .content-guide .type .type2 {
    background-position: -67px -257px;
}
.content-shop .content-guide .type .type2.active {
    background-position: 0em -257px;
}
.content-shop .list ul {
    border-top: 1px solid #efefef;
    margin-top: -10px;
    overflow: hidden;
}
.content-shop .list ul li {
    border-bottom: 1px solid #efefef;
    float: left;
    height: 162px;
    margin-bottom: 10px;
    position: relative;
    width: 436px;
}
.content-shop .list ul.type2 li {
    height: auto;
    min-height: 162px;
    width: 100%;
}
.content-shop .list ul li .product {
    background: #eff3f8;
    border: 1px solid #cfdcf1;
    left: 0em;
    padding: 9px 10px;
    position: absolute;
    top: 20px;
}
.content-shop .list ul li .product ._18 {
    background-position: -147px -180px;
    height: 37px;
    left: 10px;	
    position: absolute;
    top: 9px;
    width: 37px;


}
.content-shop .list ul li .product .sale{display:none;}
.content-shop .list ul li .product ._sale {
    background-position: -96px -180px;
    height: 37px;
    left: 10px;	
    position: absolute;
    top: 9px;
    width: 37px;


}
.content-shop .list ul li .product ._new2 {
    background-position: 0em -173px;
    height: 37px;
    left: 10px;	
    position: absolute;
    top: 9px;
    width: 37px;


}
.content-shop .list ul li .product ._new3 {
    background-position: 0em -227px;
    height: 46px;
    left:-1px;	
    position: absolute;
    top: -1px;
    width: 46px;


}
.content-shop .list ul li .product ._limited{
	 background-position: -48px -227px;
    height: 46px;
    left:-1px;	
    position: absolute;
    top: -1px;
    width: 46px;
}
.content-shop .list ul li .product ._best{
	 background-position: -95px -227px;
    height: 46px;
    left:-1px;	
    position: absolute;
    top: -1px;
    width: 46px;
}
.content-shop .list ul li .product .thumb {
    border: 1px solid #445f87;
    margin-bottom: 10px;
}
.content-shop .list ul li .product a img {
    background: url("../../img/dk/renewal/common/sp_btnSet.png") no-repeat -134px -257px;
    display: block;
    height: 26px;
    text-indent: -9999px;
    width: 66px;
}
.content-shop .list ul li .description {
    padding: 25px 10px 0em 98px;
}
.content-shop .list ul li .description strong {
    display: block;
    margin-bottom: 2px;
}
.content-shop .list ul li .description strong a {
    color: #35528f;
    line-height: 18px;
}
.content-shop .list ul li .description em {
    color: #ff4900;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 4px;
}
.content-shop .list ul li .description span {
    color: #666;
    line-height: 16px;
}
.content-shop .list ul.type2 li .description span {
    color: #666;
    display: none;
    line-height: 16px;
}
.content-shop .list ul li .description .detail {
    color: #666;
    display: none;
    line-height: 16px;
}
.content-shop .list ul li .description .detail p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.content-shop .list ul.type2 li .description .detail {
    color: #666;
    display: block;
    line-height: 16px;
}
.content-shop .list ul li .btn {
    bottom: 25px;
    left: 98px;
    overflow: hidden;
    position: absolute;
}
.content-shop .list ul li .btn a {
    background: url("../../img/dk/renewal/common/sp_btnSet.png") no-repeat 0em 0em;
    display: block;
    float: left;
    height: 26px;
    margin-right: 3px;
    text-indent: -9999px;
    width: 54px;
}
.content-shop .list ul li .btn .buy {
    background-position: -204px -257px;
}
.content-shop .list ul li .btn .gift {
    background-position: -262px -257px;
}
.content-shop .list ul li .btn .cart {
    background-position: -320px -257px;
}
.character_move .item {
    background: #f4f6fb;
    border-top: 1px solid #cfdcf1;
    overflow: hidden;
    padding: 20px 10px;
}
.character_move .item .img {
    border: 1px solid #cfdcf1;
    float: left;
    height: 66px;
    padding: 10px;
    width: 66px;
}
.character_move .item .img img {
    height: 66px;
    width: 66px;
}
.character_move .item .info {
    float: left;
    margin: 8px 0em 0em 10px;
    width: 745px;
}
.character_move .item .info h3 {
    color: #35528f;
    font-size: 14px;
    line-height: 20px;
}
.character_move .item .info em {
    color: #ff4900;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px;
}
.character_move .item .info .text {
    color: #666;
    line-height: 18px;
}
.character_move .item .info .text p {
    color: #627899;
    margin-top: 4px;
}
.character_move .notice {
    margin-top: 22px;
    padding: 14px 0em 15px;
	position:relative;
}
.character_move .notice h3 {
    color: #35528f;
    font-size: 14px;
    padding-left: 21px;
}
.character_move .notice .link{width:192px;height:25px;position:absolute;top:7px;left:91px;background: url("../../img/dk/renewal/common/sp_btnSet.png") no-repeat -635px -381px;}

/*2020.11.25 추가*/
.character_move .notice .link.btn_server_move{width:200px;background: url("../../img/dk/renewal/common/sp_btnSet.png") no-repeat -430px -381px;}

.character_move .notice ul {
    margin-top: 5px;
    padding: 0em 0em 0em 21px;
}
.character_move .notice ul li {
    background: url("../../../DKOnline/Image/cbt2/shop/bu_dot1.gif") no-repeat scroll left 10px rgba(0, 0, 0, 0);
    color: #8b8b8b;
    font-size: 12px;
    line-height: 16px;
    padding: 4px 0em 0em 5px;
}
.character_move .notice._type1 li {
    background: none;
}
.character_move .notice._type2 {
	border-top:1px solid #e0e0e0;
}
.character_move .consent {
    border-top: 1px solid #e0e0e0;
    color: #35528f;
    font-size: 12px;
    font-weight: bold;
    margin: 17px 0em 20px;
    padding-top: 17px;
    text-align: center;
}
.character_move .message {
	text-align:center;
}
.character_move .form {
    border-collapse: collapse;
    border-left: 1px solid #d4dff1;
    border-top: 1px solid #d4dff1;
    text-align: left;
    width: 100%;	
}
.character_move .form th {
    background:#e7ecf7;
    border-bottom: 1px solid #d4dff1;
    border-right: 1px solid #d4dff1;
    border-top: 0 none;
    height: auto;
    text-align: left;
    vertical-align: middle;
}
.character_move .form th .th {
    color: #35528f;
    display: inline-block;
    font-weight: bold;
    padding: 13px 0 11px 24px;
    word-break: break-all;
    word-wrap: break-word;
}
.character_move .form th .th._input {
    padding: 7px 0 7px 11px;
}
.character_move .form td {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #d4dff1;
    border-right: 1px solid #d4dff1;
    height: auto;
    vertical-align: top;
}
.character_move .form td .td {
    color: #35528f;
    display: inline-block;
    line-height: 18px;
    padding: 8px 0 6px 20px;
    word-break: break-all;
    word-wrap: break-word;
}
.character_move .color1 {
    color: #35528f;
}
.character_move .color2 {
    color: #ff4900;
}
.character_move .color3 {
    color: #a19292;
}
.character_move .stitle {
	background: url("../../img/dk/renewal/bul/bul_arr01-2.gif") no-repeat 0 center;
    font-size:14px;
	margin-bottom:10px;
	color:#35528f;
    margin-top: 30px;
	padding-left:7px;
}

.content-shop .inspection {
	background: url("../../img/dk/renewal/content/bg_inspection_shop.jpg") no-repeat 0 center;
	height:580px;
	position:relative;
}
.content-shop .inspection p {
	position:absolute;
	top:180px;
	left:478px;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	line-height:30px;
}
div.download .client, div.download .fast, div.download .pcInfo {
    margin-bottom: 40px;
}
div.download .section {
	position:relative;
	margin-bottom:40px;
}
div.download .section #spec {
	border:1px solid #cfdcf1;
	border-top:2px solid #35528f;
	height:130px;
	overflow:auto;
}
div.download .section #spec p {
    color: #909090;
    padding-top: 55px;
    text-align: center;
}
div.download .section #spec ul {
    line-height: 20px;
    list-style: disc outside none;
    padding: 10px 0 0 30px;
}
div.download .section .button-spec {
	background: url("../../img/dk/renewal/common/sp_btnSet.png") no-repeat 0em 0em;
	background-position: -237px -335px;
    border: 0em none;
    display: inline-block;
    height: 31px;
    text-indent: -9999px;
    width: 126px;
	position:absolute;
	top:5px;
	right:10px;
}
div.download .driver {
	position:relative;
}
div.download .driver ul {
	width:852px;
	overflow:hidden;
	position:absolute;
	top:180px;
	left:20px;

}
div.download .driver ul li {
	width:50%;
	float:left;
	font-size:11px;
	line-height:18px;
	color:#777;	
}

.job .job-info{
	position:relative;
	width:759px;
	height:304px;
	padding-left:113px;
	padding-top:92px;
}
.job .job-info .top{
	height:146px;
}
.job .job-info h3{
	position:absolute;
	width:373px;
	height:118px;
	top:5px;
	left:0;
	text-indent:-999px;
	overflow:hidden;
	background:url(../../img/dk/renewal/common/bg_jobType.png) no-repeat left top;
	
}
.job .job-info {}
.job .job-info p{	
	font-size:12px;
	color:#666666;
	line-height:19px;
}
.job .job-info .text.-type1 strong{
	display:block;
	font-size:16px;
	padding-bottom:10px;
	color:#4d76ce;
}	
.job .job-info .stats{
	position:absolute;
	top:100px;
	left:576px;
	width:220px;
	height:248px;
	background:url(../../img/dk/renewal/common/bg_jobType.png) no-repeat left top;
	
}
.job .job-info .stats dl{
	position:absolute;
	top:0;
	left:0;
	width:150px;
}
.job .job-info .stats .type-1{top:-13px;left:-8px;}
.job .job-info .stats .type-2{top:-13px;left:174px;}
.job .job-info .stats .type-3{top:121px;left:215px;}
.job .job-info .stats .type-4{top:206px;left:89px;}
.job .job-info .stats .type-5{top:119px;left:-37px;}
.job .job-info .stats .-max dd{
	font-size:16px;
}
.job .job-info .stats dt{
	float:left;	
	font-size:12px;
	padding:2px 0 0 0;
	font-weight:bold;
}
.job .job-info .stats dd{
	float:left;
	font-size:16px;
	font-weight:bold;
	padding:0 3px 0 0;
	color:#4d76ce;
}
.job .job-info footer .bar{
	display:block;
	width:63px;
	border-top:2px solid #c6d2e5;
}
.job .job-info footer h4{
	font-size:16px;
	color:#4d76ce;
	padding:8px 0 0 0;
}
.job .job-info footer ul {padding:13px 0 0 0}
.job .job-info footer ul li{width:61px;height:61px;float:left;margin-right:3px}
.job .job-info footer ul li span.text{
	display:block;
	font-size:12px;
	color:#b3b3b3;
	padding:8px 0 0 0;
	text-align:center;
	letter-spacing:-1px;
}
.job .job-info footer ul li.on span.text{
	font-weight:bold;
	color:#4d76ce
}
.job .job-info footer ul li span.bg{width:61px;height:61px;display:block;text-indent:-999px;overflow:hidden;background:url(../../img/dk/renewal/common/bg_jobType.png) no-repeat left top;}
.job .job-info footer ul li.on span.bg.type-1{background-position:-3px -728px;}
.job .job-info footer ul li.on span.bg.type-2{background-position:-67px -728px;}
.job .job-info footer ul li.on span.bg.type-3{background-position:-131px -728px;}
.job .job-info footer ul li.on span.bg.type-4{background-position:-195px -728px;}
.job .job-info footer ul li.on span.bg.type-5{background-position:-259px -728px;}

.job .job-info footer ul li span.bg.type-1{background-position:-3px -805px;}
.job .job-info footer ul li span.bg.type-2{background-position:-67px -805px;}
.job .job-info footer ul li span.bg.type-3{background-position:-131px -805px;}
.job .job-info footer ul li span.bg.type-4{background-position:-195px -805px;}
.job .job-info footer ul li span.bg.type-5{background-position:-259px -805px;}


.job .job-info .warrior h3{
	background-position:0 0;
	
}
.job .job-info .sorceress h3{
	background-position:0 -128px
}
.job .job-info .warlock h3{
	background-position:0 -257px;
	
}
.job .job-info .paladin h3{
	background-position:0 -389px
}
.job .job-info .archer h3{
	background-position:0 -524px
}

.job .job-info .warrior .stats{
	background-position:0 -937px
}
.job .job-info .sorceress .stats{
	background-position:-256px -937px
}
.job .job-info .warlock .stats{
	background-position:-520px -937px
}
.job .job-info .paladin .stats{
	background-position:-803px -937px
}
.job .job-info .archer .stats{
	background-position:-1073px -937px
}
.skill{
	padding-bottom:20px;
}
.skill table{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #35528f; 
	
	
}
.skill table th{
	color:#627899;
	font-size:12px;
	background:#e5ebf5;
	text-align:center;
	border-bottom:1px solid #d4dff1;
}
.skill table td{
	color:#666666;
	font-size:12px;
	text-align:center;
}
.skill table td.align-left{
	text-align:left;
}
.skill table td.align-left .td{
	padding-left:20px;
}
.skill table th .th{
	display:inline-block;
	padding:13px 0 13px 0;

}
.skill table td .td{
	display:inline-block;
	padding:13px 0 13px 0;

}
.skill table td.border{
		border-left:1px solid #efefef;
}
.skill table td.bg{
	background:#fafbfc;
}
.skill table td{
	border-bottom:1px solid #efefef;
}
.skill table td .img {float:left; margin-right:16px;}
.skill table td .name {float:left;color:#35528f; padding:20px 0 0 0;}
.skill table td .img img{width:51px;height:51px;}


.search-guide .wrapper{
	position:relative;
}
.search-guide .wrapper h1 {position:absolute;top:-65px;left:280px;font-size:12px;color:#777}
.search-guide .wrapper ul {position:absolute;top:-5px;left:280px}
.search-guide .wrapper ul li {padding-right:5px;margin-left:5px;border-right:1px solid #ddd;float:left;font-size:11px;color:#999}
.search-guide  h3{	
	display:none
}
.search-guide fieldset div{overflow:hidden;margin:-45px 0 40px 280px}
.search-guide fieldset input.txt{float:left;padding:0 8px;width:317px;height:30px;line-height:30px; border:1px solid #92aace; font-size:12px ;color:#2e5091;font-weight:bold; font-family:Dotum;

}
.search-guide fieldset A{float:left;}
.search-guide fieldset input{vertical-align:top;}
.search-guide fieldset .button-search{
position:absolute;top:-45px;right:200px;border-top:1px solid #4c79c3;width:59px;height:32px;
background:url(../../img/dk/renewal/common/sp_btnSet.png) no-repeat -81px -384px ;
}

.search-guide2 fieldset div{overflow:hidden;margin:-43px 50px 0px 0;float:right;}
.search-guide2 fieldset input.txt{float:left;padding:0 8px;width:200px;height:30px;line-height:38px; border:1px solid #92aace; font-size:12px ;color:#2e5091;font-weight:bold; font-family:Dotum;z-index:99999
}
.search-guide2 fieldset A{float:left;}
.search-guide2 fieldset input{vertical-align:top;}
.search-guide2 fieldset .button-search{
position:absolute;top:0px;right:0;border-top:1px solid #4c79c3;width:59px;height:32px;
background:url(../../img/dk/renewal/common/sp_btnSet.png) no-repeat -81px -384px ;
}

/* 가이드 css 추가 */

.cont_wrap {display:block;margin-top:0;color:#888;}
.cont_wrap:hover {background:#e3eeff}
.guide_cont {line-height:18px;padding:18px 20px 20px 20px;border-bottom:1px solid #ddd;overflow:hidden}
.guide_cont h1 {float:left;width:100px;height:100px;margin-top:5px}
.guide_cont h1 img {width:100%;height:100%}
.guide_cont ul {width:710px;float:right;}
.guide_cont a {text-decoration:none;color:#333;display:block;}
.guide_cont li {font-size:11px;margin-top:9px;color:#555}
.pagingList {overflow:hidden;height:50px;text-align:center;line-height:40px;margin-top:20px}
.pagingList a {padding:0 5px 0 8px;vertical-align:middle;color:#777;text-decoration:none}
.pagingList .noBg {font-size:11px;font-weight:bold}
.pagingList .noBg:hover {color:#0051cd}
.pagingList a.on {font-weight:bold;color:#0051cd;text-decoration:none;}

.content-guide{
	position:relative;
	height:39px;
	z-index:1;
}
.load-operat{	
}


.guide-result .result-title{
	overflow:hidden;
}
.guide-result .result-title h4{
	overflow:hidden;
}
.guide-result .result-title span{
	float:left;
	color:#a7a7a7;
	font-size:12px;
	padding:2px 0 0 0;
}
.guide-result article{
	margin-top:30px;
}
.guide-result{
	padding:0 10px 30px 10px;;
}
.guide-result h4{
	float:left;
	margin-right:10px;
	font-size:14px;
	color:#222222;
}
.guide-result h4 A{
font-size:14px;
	color:#4d4d4d;
}
.guide-result section{
	font-size:12px;
	color:#4d4d4d;
	line-height:18px;
	padding:10px 0 0 0;
}
.guide-result footer{
	font-size:12px;
	color:#4d4d4d;
	line-height:18px;
	padding:10px 0 0 0;
}
.guide-result time{
	font-family:Tahoma;
	display:inline;
}
.character .section{
	width:873px;
	height:551px;
	position:relative;

}
.character .section .prev{
	position:absolute;
	top:256px;
	left:21px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:40px;
	height:41px;
	background:url(../../img/dk/renewal/common/btn_class.png) no-repeat left top;
	
}
.character .section .next{
	position:absolute;
	top:256px;
	right:21px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:40px;
	height:41px;
	background:url(../../img/dk/renewal/common/btn_class.png) no-repeat -43px top;
}
.character .section._human{
	background:url(../../img/dk/renewal/common/img_human.jpg) no-repeat left -2px;	
}
.character .section._elf{
	background:url(../../img/dk/renewal/common/img_elf.jpg) no-repeat left -2px;	
}
.character .section._grayelf{
	background:url(../../img/dk/renewal/common/img_gelf.jpg) no-repeat left -2px;	
}
.character .section._lycan{
	background:url(../../img/dk/renewal/common/img_lycan.jpg) no-repeat left -2px;	
}
.character .section._diel{
	background:url(../../img/dk/renewal/common/img_dlel.jpg) no-repeat left -2px;	
}
.character .category {text-align:center;}
.character .category .tab01{width:174px}
.character .category .tab02{width:174px}
.character .category .tab03{width:174px}
.character .category .tab04{width:173px}
.character .category .tab05{width:173px}


.content-videos .views {
	border-bottom: 0 none;
}
.content-videos .views header h3 .text {
	color:#35528f;
}
.content-videos .views dl.info {
	float:left;
}
.content-videos .views dl.info dt {
	padding-left:5px;
}
.content-videos .views dl.info dt strong {
	color:#35538f;
	font-size:12px;
}
.content-videos .video-player {
    padding: 10px 0;
}
.content-videos .file-download {
	border:1px solid #e0e0e0;
    background:#f3f3f3;
    position: relative;
	padding:15px 0;
	margin-bottom:15px;
}
.content-videos .file-download p {
	background: url("../../img/dk/renewal/bul/bul_arr01-2.gif") no-repeat 22px center;
    color: #666;
    font-size: 14px;
	line-height:20px;
    padding-left: 32px;
}
.content-videos .file-download a {
	background: url("../../img/dk/renewal/common/sp_btnSet.png") no-repeat -370px -335px;
	width:156px;
	height:40px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:5px;
	right:25px;
}
.content-videos .video-list {
    padding-top:15px;
	margin-bottom:20px;
	border-top:1px solid #e0e0e0;
}
.content-videos .video-list .wrapper {
	overflow:hidden;
}
.content-videos .video-list .wrapper div {
	width:210px;
	float:left;
	margin-left:10px;
}
.content-videos .video-list .wrapper div:first-child {	
	margin-left:0;
}
.content-videos .video-list .wrapper div a{display:block; position:relative;}
.content-videos .video-list .wrapper div a .thum {
	width:210px;
	display:block;
	margin-bottom:10px;

}
.content-videos .video-list .wrapper div .text {
	display:block;
	text-align:center;
	font-size:14px;
	line-height:18px;
	color:#35528f;
}

.content-FanSiteKit .download {
	background: url("../../img/dk/renewal/content/img_download.jpg") no-repeat 0 0;
	position:relative;
	width:100%;
	height:373px;
}
.content-FanSiteKit .download a {
	width:413px;
	height:93px;
	position:absolute;
	top:171px;
	left:40px;
	display:block;
	text-indent:-9999px;
}
.content-FanSiteKit .section {
	margin-bottom:20px;
}
.content-FanSiteKit .section h3 {
	margin-bottom:20px;
}
.content-FanSiteKit .section ul {
	width:889px;
	overflow:hidden;
}
.content-FanSiteKit .section ul li {
	width:280px;
	float:left;
	margin:0 16px 20px 0;
}
.content-FanSiteKit .section ul li .subject {
	width:160px;
	height:36px;
	padding-left:15px;
	line-height:36px;
	font-size:12px;
	color:#35528f;
	font-weight:bold;
	display:block;
	float:left;
	background:#f0f3fa;
	border:1px solid #cfdcf1;
	border-right:none;
}


.search-content-form {overflow:hidden;  margin:0 auto 30px auto;}
.search-content-form .wrapper{
	height:69px;
	background: url("../../img/dk/renewal/content/bg_scform.jpg") no-repeat 0 0;	
	position:relative;
}
.search-content-form  h3{	
	font-size:16px;
	line-height:20px;
	color:#cfdaf9;
	font-family:Dotum;
	overflow:hidden;
	position:absolute;
	top:26px;
	left:160px;
	
}
.search-content-form fieldset {display:block;margin:0 auto;}
.search-content-form fieldset{text-align:center;}
.search-content-form fieldset div{padding-right:234px;padding-left:262px;padding-top:15px;padding-bottom:14px;}
.search-content-form fieldset input.text{float:left;padding:0 5px;width:100%;height:38px;line-height:29px; border:1px solid #dfe2eb; font-weight:bold;color:#199bd4;

}
.search-content-form fieldset A{float:left;}
.search-content-form fieldset input{vertical-align:top;}
.search-content-form fieldset .button-search{position:absolute;top:15px;right:163px;width:71px;height:40px; background:url(../../img/dk/renewal/common/sp_btnSet.png) no-repeat 0 -381px;}

.search-content-result h4 a{
	text-decoration:underline;
	color:#199bd4;
	font-size:14px;
	margin-right:5px;
	font-weight:bold;
}
.search-content-result h4 b{
	
	text-decoration:underline;
	font-size:14px;


	
}
.search-content-result h4 .date {
	color:#a7a7a7;
}
.search-content-result article{
	margin-bottom:30px;
	overflow:hidden;
}
.search-content-result{
	padding:0 0 30px 0;;
}
.search-content-result h4{
	font-size:14px;
	font-weight:normal;
	line-height:16px;
	color:#4c4c4c;	
}

.search-content-result b{
	
}
.search-content-result article .thumb{text-align:center;float:left;width:178px;height:120px;border:1px solid #e0e3eb;  margin-right:18px;background:#f5f7fc;}
.search-content-result article .thumb.shop{float:left;width:64px;height:64px;border:1px solid #e0e3eb;  margin-right:18px;background:#f5f7fc;}
/*
.search-content-result article div{
	float:left;
}
*/
.search-content-result article .thumb img{
	max-width:178px;
	max-height:120px;
	height:120px;
}
.search-content-result article .thumb.shop img{
	max-width:64px;
	max-height:64px;
}
.search-content-result article section{font-size:12px;color:#4c4c4c;line-height:18px;padding:6px 0 0 0;}
.search-content-result article section strong {display:block; margin-bottom:2px;}
.search-content-result footer{font-size:12px;color:#a7a7a7;line-height:18px;padding:3px 0 0 0;overflow:hidden; color:#70727c;}
.search-content-result footer .player{float:left;font-size:12px;color:#a7a7a7;display:inline;padding:0 10px 0 0;position:relative;background:url(../../img/azera/common/bar_05.gif) no-repeat right 3px;	}
.search-content-result footer .player .icon{position:absolute;top:0;left:0;}
.search-content-result footer .player .icon-gm{
 display: inline-block;
    height: 24px;
    margin-top: 2px;
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    width: 120px;
	background: url("../../img/dk/renewal/common/img_admin.png") no-repeat left top;
}
.search-content-result footer .category{float:left;padding:0 10px;font-size:12px;color:#a7a7a7;background:url(../../img/azera/common/bar_05.gif) no-repeat right 3px;}
.search-content-result footer  .date{float:left;padding:0 10px; margin-top:-1px;}
.search-content-result footer time{font-family:Tahoma;font-size:12px;color:#a7a7a7;display:inline;}

.search-content-result .search-more{
	overflow:hidden;
	margin-top:-10px;
}
.search-content-result .search-more a{
	float:right;
	font-size:12px;
	line-height:14px;
	color:#70727c;
	text-decoration:underline;
	
}
.search-content-result .search-result-count{
	border:0;
	padding-bottom:0;
	margin:0;
	margin-top:30px;
}
.search-content-result .search-category {
	padding:27px 0 30px 0;
}
.search-content-result .search-category > div {
	padding:15px 0 0 15px;
}
.search-content-result .search-category .search-category-tit {
	font-size:14px;
	color:#4c4c4c;
	padding-bottom:10px;
	border-bottom:1px solid #bcc8e3;
	
}

/*직업랭킹*/
.content-rank .ranking {
	width:100%;
	margin-top: 85px;
}
.content-rank .ranking .server {
	    background: #fafbfc;
    border-right: none;
}
.content-rank .ranking .server .box {
    height: 38px;
    padding: 5px 0 0;
}
.content-rank .ranking .server .box:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.content-rank .ranking .server .box h3 {
	display:none;
}
.content-rank .ranking .server .box .sbj {
	background: url(../../img/dk/renewal/bul/bul_arr02.gif) no-repeat scroll 20px 14px;
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#4d76ce;
	padding:10px 10px 0 26px;
}
.tab_div_box{
    background: url(../../img/dk/renewal/common/bg_tabbottom.png) repeat-x left top;
    margin: 10px 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 48px;
    width: 872px;
    font-family: "dotum";
    font-size: 14px;
    letter-spacing: -1px;}
.tab_div{
    color: #555;
    float: left;
    text-align: center;
    cursor: pointer;
    width: 33.2%;
    height: 42px;
    line-height: 45px;
    font-weight: bold;
    overflow: hidden;
    position: relative;
	font-size: 14px;
	}
.tab_div.on{
	background: url(../../img/dk/renewal/common/bg_tableft.jpg);
    border-right: 1px solid #0f2088;
    color: #fff;
}
.content-rank .ranking .server .box .serverList {
	float:left;
	position:relative;
	width:213px;
    pointer:cursor;
}
.content-rank .ranking .server .box li{
	
    pointer:cursor  !important;
}
.content-rank .ranking .server .box .serverList .btn {
    background:#fff url(../../img/dk/renewal/bul/bul_rank_arr01.gif) no-repeat 193px 12px;
    display: block;
	width: 184px;
    height: 25px;
	padding:5px 18px 0 9px;
	border:1px solid #b3b3b3;
}
.content-rank .ranking .server .box .serverList a.on {
    background:#fff url(../../img/dk/renewal/bul/bul_rank_arr02.gif) no-repeat 193px 12px;
}
.content-rank .ranking .server .box .serverList .btn span {
	font-size:14px;
	line-height:20px;
	color:#35528f;
	font-weight:bold;
}
.content-rank .ranking .server .period {
    float: right;
    width: 325px;
}
.content-rank .ranking .server .period .sbj {
	background: url(../../img/dk/renewal/bul/bul_arr02.gif) no-repeat scroll 2px 14px;
	padding-left:8px !important;
	margin-right:10px;
}
.content-rank .ranking .server input {
    background:none;
    float: left;
    font-family: Tahoma;
	color:#666;
	font-weight:bold;
    font-size: 14px;
    line-height: 20px;
    margin: 6px 5px 0 0;
    padding: 0;
    width: 95px;
	border:none;
}

.content-rank .ranking .server .serverList .wrap {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AAAAAA;
    left: 0;
    list-style: none outside none;
    padding: 0 0 10px;
    position: absolute;
    top: 30px;
    width: 211px;
}
.content-rank .ranking .server .serverList .wrap ul {
    list-style: none outside none;
}
.content-rank .ranking .server .serverList ul li {
    color: #3C3C3C;
    font-size: 12px;
    line-height: 18px;
    padding: 3px 0 0 10px;
}
.content-rank .ranking .server .serverList ul li A {
    color: #3C3C3C;
}
.content-rank .ranking .server .serverList ul li span {
    color: #A8A8A8;
    font-size: 11px;
    font-weight: normal;
    padding-left: 6px;
}
.content-rank .ranking .server .serverList ul li.on {
    font-weight: bold;
}
.content-rank .ranking .server .serverList ul li.on A {
    color: #2B8DA2;
}
.content-rank .ranking .server .serverList .wrap h4 {
    display: none;
    border-bottom: 1px dashed #AAAAAA;
    font-size: 12px;
    line-height: 16px;
    margin: 0 auto;
    padding:0 0 5px;
	width:191px;
}
.content-rank .ranking .server .serverList .wrap h4.pr {
    padding-top: 10px;
}
.content-rank .ranking .server .serverList .wrap h4.op {
    margin-top: 15px;
}
.content-rank .ranking .server .serverList .wrap h4.op.active { 
    display: block;
}
.content-rank .ranking .menu {
    width: 873px;
}
.content-rank .ranking .menu ul {
    overflow: hidden;
    width: 100%;
}
.content-rank .ranking .menu ul li {
    float: left;
}
.content-rank .ranking .menu ul li a {
    background: url(https://web-files-tokyo-cdn.masangsoft.com/public/DK/homepage/sub/bg_ranking_menu.jpg) 0 0;
    display: block;
    height: 83px;
    text-indent: -1000em;
}
.content-rank .ranking .menu ul li.tab02 {
	width:174px;
}
.content-rank .ranking .menu ul li.tab03 {
	width:177px;
}
.content-rank .ranking .menu ul li.tab04 {
	width:174px;
}
.content-rank .ranking .menu ul li.tab05 {
	width:174px;
}
.content-rank .ranking .menu ul li.tab06 {
	width:174px;
}
/* .content-rank .ranking .menu ul li.tab06 {
	width:144px;
} */
.content-rank .ranking .menu ul li.tab02 a {
    background-position: 0 0;
}
.content-rank .ranking .menu ul li.tab03 a {
    background-position: -174px 0;
}
.content-rank .ranking .menu ul li.tab04 a {
    background-position: -351px 0;
}
.content-rank .ranking .menu ul li.tab05 a {
    background-position: -525px 0;
}
.content-rank .ranking .menu ul li.tab06 a {
    background-position: -699px 0;
}
/* .content-rank .ranking .menu ul li.tab06 a {
    background-position: -730px 0;
} */
.content-rank .ranking .menu ul li.tab02 a.on {
    background-position: 0 -83px;
}
.content-rank .ranking .menu ul li.tab03 a.on {
    background-position: -174px  -83px;
}
.content-rank .ranking .menu ul li.tab04 a.on {
    background-position: -351px -83px;
}
.content-rank .ranking .menu ul li.tab05 a.on {
    background-position: -525px -83px;
}
.content-rank .ranking .menu ul li.tab06 a.on {
    background-position: -699px -83px;
}
/* .content-rank .ranking .menu ul li.tab06 a.on {
    background-position: -730px -83px;
} */

.content-rank .ranking .info {
    height: 20px;
    overflow: hidden;
	margin:35px 0 5px 0;
}
.content-rank .ranking .info h3 {	
    background: url(../../img/dk/renewal/bul/bul_arr02.gif) no-repeat scroll 0 7px;
    color: #35528f;
    float: left;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
    padding-left: 8px;
}
.content-rank .ranking .info h3 span {
	color:#f56713;
	font-size:12px;
	line-height:20px;
	padding-top:0;
	float:none;
	font-weight:bold;
}
.content-rank .ranking .info p {
    background: url(../../img/dk/renewal/bul/bul_arr02.gif) no-repeat scroll 0 7px;
    font-size:12px;
	line-height:20px;
	float: left;
    margin-left: 34px;
    padding-left: 8px;
	color:#35528f;
}
.content-rank .ranking .info span {
    float: right;
    padding-top: 1px;
}
.content-rank .ranking .info span em {
    font: 11px tahoma;
}
.content-rank .ranking .info span em input {
    color: #999999;
    font-family: 돋움;
    outline: medium none;
    vertical-align: top;
    width: 70px;
	border:none;
}

.content-rank .ranking .list {
    margin-bottom: 30px;
}
.content-rank .ranking .list table {
    border-collapse: collapse;
    width: 100%;
}
.content-rank .ranking .list table thead th {
	vertical-align:top;
	background: url(../../img/dk/renewal/content/bg_thead_side.gif) no-repeat right 0;
    height: 39px;
}
.content-rank .ranking .list table thead th span{
	display:block;
	padding:8px 0 0 0 ;
	height:31px;
}
.content-rank .ranking .list table thead th.first span{
	background: url(../../img/dk/renewal/content/bg_thead_side_left.gif) no-repeat left 0;
}

.content-rank .ranking .list table thead th.first{
	background: url(../../img/dk/renewal/content/bg_thead_side.gif) no-repeat right 0;
}
.content-rank .ranking .list table thead th.last {
	border-right:none;
}
.content-rank .ranking .list table tbody {
    text-align: center;
}
.content-rank .ranking .list table tbody td {
	border-right:1px solid #efefef;
	border-bottom:1px solid #efefef;
    height: 36px;
    line-height: 14px;
}
.content-rank .ranking .list table tbody td.rank {
	background:#fafbfc;
	font-weight:bold;
	color:#666;
	font-size:14px;
}
.content-rank .ranking .list table tbody td.guild {
	background:#fafbfc;
	border-right:none;
}
.content-rank .ranking .list table tbody td.fluctuation {
	font-weight:bold;
	color:#627899;
	font-size:12px;
}
.content-rank .ranking .list table tbody td .rank-up {
	background: url("../../img/dk/renewal/icon_set.png") no-repeat -294px -81px;
	width:16px;
	height:21px;
	vertical-align:middle;
	margin-top:-3px;
}
.content-rank .ranking .list table tbody td .rank-dn {
	background: url("../../img/dk/renewal/icon_set.png") no-repeat -294px -50px;
	width:16px;
	height:21px;
	vertical-align:middle;
	margin-top:-3px;
}
.content-rank .ranking .list table tbody .char {
	font-size:14px;
	color:#666;
}
.content-rank .ranking .list table tbody .top-rank .char {
	font-weight:bold;
	color:#f05900;
}
.content-rank .ranking .list table tbody .top-rank .rank {
	color:#f05900;
}
.content-rank .ranking .list table tbody .top-rank td .ranker {
	background: url("../../img/dk/renewal/icon_set.png") no-repeat -22px 0;
	width:16px;
	height:14px;
}
.content-rank .ranking .list table tbody td a {
    color: #333333;
}

.content-rank .ranking .list table .my-rank td {
	border-right:none !important;
}

.content-rank .ranking .list table .my-rank .char {
	
	height:47px;
	font-weight:bold;
	font-size:14px;
	color:#35528f;
}
.content-rank .ranking .list table .my-rank .first {
	background: url("../../img/dk/renewal/content/bg_myrank_td5.gif") no-repeat 0 0;
	height:47px;
	color:#35528f;
}
.content-rank .ranking .list table .my-rank td{
	vertical-align:top;
	padding-top:5px;
	background: url("../../img/dk/renewal/content/bg_myrank_td2.gif") repeat-x 0 0;
}
.content-rank .ranking .list table .my-rank td .td{
	display:block;
	padding:9px 0 0 0;
	height:28px;
	border-right:1px solid #fff;
	margin-top:0;
	margin-right:1px;
}
.content-rank .ranking .list table .my-rank .last {
	background: url("../../img/dk/renewal/content/bg_myrank_td5.gif") no-repeat right 0;
	
}
.content-rank .ranking .list table .my-rank .last .td{
	background:none;
	border:0;
}
.content-rank .ranking .list table .my-rank td.msg {
	height:44px;
	background:url(../../img/dk/renewal/content/bg_myrank_td5.gif) no-repeat left top;
	
}
.content-rank .ranking .list table .my-rank .msg .td{
	border:0;
	color:#35528f;
	font-weight:bold;
	padding-top:13px;
	height:auto;
	text-align:center;
}
.content-rank .ranking .list .nodata p {
    background: url("../../../DKOnline/Image/cbt2/bg_nodata.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    border-right: 0 none;
    height: 189px;
    padding: 100px 0 0;
    text-align: center;
    width: 100%;
}
.content-rank .ranking .list .nodata {
    border-right: 0 none;
}

/*콜로세움랭킹*/
.content-rank-col .ranking {
	width:100%;
}
.content-rank-col .ranking .server {
	border:1px solid #e0e0e0;
	border-top:2px solid #35528f;
	background:#ededed;
	margin-bottom:20px;
}
.content-rank-col .ranking .server .box {
    height: 38px;
    padding: 5px 0 0;
}
.content-rank-col .ranking .server .box:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.content-rank-col .ranking .server .box h3 {
	display:none;
}
.content-rank-col .ranking .server .box .sbj {
	background: url(../../img/dk/renewal/bul/bul_arr02.gif) no-repeat scroll 20px 14px;
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#4d76ce;
	padding:10px 10px 0 26px;
}
.content-rank-col .ranking .server .box .serverList {
	float:left;
	position:relative;
	width:213px;
}
.content-rank-col .ranking .server .box .serverList .btn {
    background:#fff url(../../img/dk/renewal/bul/bul_rank_arr01.gif) no-repeat 193px 12px;
    display: block;
	width: 184px;
    height: 25px;
	padding:5px 18px 0 9px;
	border:1px solid #b3b3b3;
}
.content-rank-col .ranking .server .box .serverList a.on {
    background:#fff url(../../img/dk/renewal/bul/bul_rank_arr02.gif) no-repeat 193px 12px;
}
.content-rank-col .ranking .server .box .serverList .btn span {
	font-size:14px;
	line-height:20px;
	color:#35528f;
	font-weight:bold;
}
.content-rank-col .ranking .server .period {
    float: right;
    width: 325px;
}
.content-rank-col .ranking .server .period .sbj {
	background: url(../../img/dk/renewal/bul/bul_arr02.gif) no-repeat scroll 2px 14px;
	padding-left:8px !important;
	margin-right:10px;
}
.content-rank-col .ranking .server input {
    background:none;
    float: left;
    font-family: Tahoma;
	color:#666;
	font-weight:bold;
    font-size: 14px;
    line-height: 20px;
    margin: 6px 5px 0 0;
    padding: 0;
    width: 95px;
	border:none;
}

.content-rank-col .ranking .server .serverList .wrap {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AAAAAA;
    left: 0;
    list-style: none outside none;
    padding: 0 0 10px;
    position: absolute;
    top: 30px;
    width: 211px;
}
.content-rank-col .ranking .server .serverList .wrap ul {
    list-style: none outside none;
}
.content-rank-col .ranking .server .serverList ul li {
    color: #3C3C3C;
    font-size: 12px;
    line-height: 18px;
    padding: 3px 0 0 10px;
}
.content-rank-col .ranking .server .serverList ul li A {
    color: #3C3C3C;
}
.content-rank-col .ranking .server .serverList ul li span {
    color: #A8A8A8;
    font-size: 11px;
    font-weight: normal;
    padding-left: 6px;
}
.content-rank-col .ranking .server .serverList ul li.on {
    font-weight: bold;
}
.content-rank-col .ranking .server .serverList ul li.on A {
    color: #2B8DA2;
}
.content-rank-col .ranking .server .serverList .wrap h4 {
    border-bottom: 1px dashed #AAAAAA;
    font-size: 12px;
    line-height: 16px;
    margin: 0 auto;
    padding:0 0 5px;
	width:191px;
}
.content-rank-col .ranking .server .serverList .wrap h4.pr {
    padding-top: 10px;
}
.content-rank-col .ranking .server .serverList .wrap h4.op {
    margin-top: 15px;
}
.content-rank-col .ranking .menu {
    width: 873px;
}
.content-rank-col .ranking .menu ul {
    overflow: hidden;
    width: 100%;
}
.content-rank-col .ranking .menu ul li {
    float: left;
}
.content-rank-col .ranking .menu ul li a {
    background: url('../../img/dk/renewal/content/bg_ranking_menu2.jpg') 0 0;
    display: block;
    height: 83px;
    text-indent: -1000em;
}
.content-rank-col .ranking .menu ul li.tab01 {
	width:174px;
}
.content-rank-col .ranking .menu ul li.tab02 {
	width:177px;
}
.content-rank-col .ranking .menu ul li.tab03 {
	width:174px;
}
.content-rank-col .ranking .menu ul li.tab04 {
	width:174px;
}
.content-rank-col .ranking .menu ul li.tab05 {
	width:174px;
}
.content-rank-col .ranking .menu ul li.tab01 a {
    background-position: 0 0;
}
.content-rank-col .ranking .menu ul li.tab02 a {
    background-position: -174px 0;
}
.content-rank-col .ranking .menu ul li.tab03 a {
    background-position: -351px 0;
}
.content-rank-col .ranking .menu ul li.tab04 a {
    background-position: -525px 0;
}
.content-rank-col .ranking .menu ul li.tab05 a {
    background-position: -699px 0;
}
.content-rank-col .ranking .menu ul li.tab01 a.on {
    background-position: 0 -83px;
}
.content-rank-col .ranking .menu ul li.tab02 a.on {
    background-position: -174px -83px;
}
.content-rank-col .ranking .menu ul li.tab03 a.on {
    background-position: -351px -83px;
}
.content-rank-col .ranking .menu ul li.tab04 a.on {
    background-position: -525px -83px;
}
.content-rank-col .ranking .menu ul li.tab05 a.on {
    background-position: -699px -83px;
}

.content-rank-col .ranking .info {
    height: 20px;
    overflow: hidden;
	margin:35px 0 5px 0;
}
.content-rank-col .ranking .info h3 {	
    background: url(../../img/dk/renewal/bul/bul_arr02.gif) no-repeat scroll 0 7px;
    color: #35528f;
    float: left;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
    padding-left: 8px;
}
.content-rank-col .ranking .info h3 span {
	color:#f56713;
	font-size:12px;
	line-height:20px;
	padding-top:0;
	float:none;
	font-weight:bold;
}
.content-rank-col .ranking .info p {
    background: url(../../img/dk/renewal/bul/bul_arr02.gif) no-repeat scroll 0 7px;
    font-size:12px;
	line-height:20px;
	float: left;
    margin-left: 34px;
    padding-left: 8px;
	color:#35528f;
}
.content-rank-col .ranking .info span {
    float: right;
    padding-top: 1px;
}
.content-rank-col .ranking .info span em {
    font: 11px tahoma;
}
.content-rank-col .ranking .info span em input {
    color: #999999;
    font-family: 돋움;
    outline: medium none;
    vertical-align: top;
    width: 70px;
	border:none;
}

.content-rank-col .ranking .list {
    margin-bottom: 30px;
}
.content-rank-col .ranking .list table {
    border-collapse: collapse;
    width: 100%;
}
.content-rank-col .ranking .list table thead th {
	vertical-align:top;
    background: url('../../img/dk/renewal/content/bg_thead_side2.png') no-repeat right 0;
    height: 39px;
}
.content-rank-col .ranking .list table thead th span{
	display:block;
	padding:8px 0 0 0 ;
	height:31px;
}
.content-rank-col .ranking .list table thead th.first span{
	background: url('../../img/dk/renewal/content/bg_thead_side_left2.png') no-repeat left 0;
}

/*.content-rank-col .ranking .list table thead th.first{
	background: url(../../img/dk/renewal/content/bg_thead_side.gif) no-repeat right 0;
}*/
.content-rank-col .ranking .list table thead th.last {
	border-right:none;
}
.content-rank-col .ranking .list table tbody {
    text-align: center;
}
.content-rank-col .ranking .list table tbody td {
	border-right:1px solid #efefef;
	border-bottom:1px solid #efefef;
    height: 36px;
    line-height: 14px;
}
.content-rank-col .ranking .list table tbody td.rank {
	background:#fafbfc;
	font-weight:bold;
	color:#666;
	font-size:14px;
}
.content-rank-col .ranking .list table tbody td.guild {
	background:#fafbfc;
	border-right:none;
}
.content-rank-col .ranking .list table tbody td.fluctuation {
	font-weight:bold;
	color:#627899;
	font-size:12px;
}
.content-rank-col .ranking .list table tbody td.serverName {
	background:#fafbfc;
	font-weight:bold;
	color:#666;
	font-size:14px;
}
.content-rank-col .ranking .list table tbody td.score {
	background:#fafbfc;
	font-weight:bold;
	color:#666;
	font-size:14px;
}
.content-rank-col .ranking .list table tbody td .rank-up {
	background: url("../../img/dk/renewal/icon_set.png") no-repeat -294px -81px;
	width:16px;
	height:21px;
	vertical-align:middle;
	margin-top:-3px;
}
.content-rank-col .ranking .list table tbody td .rank-dn {
	background: url("../../img/dk/renewal/icon_set.png") no-repeat -294px -50px;
	width:16px;
	height:21px;
	vertical-align:middle;
	margin-top:-3px;
}
.content-rank-col .ranking .list table tbody .char {
	font-size:14px;
	color:#666;
}
.content-rank-col .ranking .list table tbody .top-rank .char {
	font-weight:bold;
	color:#f05900;
}
.content-rank-col .ranking .list table tbody .top-rank .rank {
	color:#f05900;
}
.content-rank-col .ranking .list table tbody .top-rank td .ranker {
	background: url("../../img/dk/renewal/icon_set.png") no-repeat -22px 0;
	width:16px;
	height:14px;
}
.content-rank-col .ranking .list table tbody td a {
    color: #333333;
}

.content-rank-col .ranking .list table .my-rank td {
	border-right:none !important;
}

.content-rank-col .ranking .list table .my-rank .char {
	
	height:47px;
	font-weight:bold;
	font-size:14px;
	color:#35528f;
}
.content-rank-col .ranking .list table .my-rank .first {
	background: url("../../img/dk/renewal/content/bg_myrank_td5.gif") no-repeat 0 0;
	height:47px;
	color:#35528f;
}
.content-rank-col .ranking .list table .my-rank td{
	vertical-align:top;
	padding-top:5px;
	background: url("../../img/dk/renewal/content/bg_myrank_td2.gif") repeat-x 0 0;
}
.content-rank-col .ranking .list table .my-rank td .td{
	display:block;
	padding:9px 0 0 0;
	height:28px;
	border-right:1px solid #fff;
	margin-top:0;
	margin-right:1px;
}
.content-rank-col .ranking .list table .my-rank .last {
	background: url("../../img/dk/renewal/content/bg_myrank_td5.gif") no-repeat right 0;
	
}
.content-rank-col .ranking .list table .my-rank .last .td{
	background:none;
	border:0;
}
.content-rank-col .ranking .list table .my-rank td.msg {
	height:44px;
	background:url(../../img/dk/renewal/content/bg_myrank_td5.gif) no-repeat left top;
	
}
.content-rank-col .ranking .list table .my-rank .msg .td{
	border:0;
	color:#35528f;
	font-weight:bold;
	padding-top:13px;
	height:auto;
	text-align:center;
}
.content-rank-col .ranking .list .nodata p {
    background: url("../../../DKOnline/Image/cbt2/bg_nodata.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    border-right: 0 none;
    height: 189px;
    padding: 100px 0 0;
    text-align: center;
    width: 100%;
}
.content-rank-col .ranking .list .nodata {
    border-right: 0 none;
}



/*랭킹가이드*/
.content-rank-guild .ranking {
	width:100%;
	margin-top: 85px;
}
.content-rank-guild .ranking .server {
    border-right: none;
}
.content-rank-guild .ranking .server .box {
    height: 38px;
    padding: 5px 0 0;
}
.content-rank-guild .ranking .server .box:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.content-rank-guild .ranking .server .box h3 {
	display:none;
}
.content-rank-guild .ranking .server .box .sbj {
	background: url(../../img/dk/renewal/bul/bul_arr02.gif) no-repeat scroll 20px 14px;
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#4d76ce;
	padding:10px 10px 0 26px;
}
.tab_div_box{
    background: url(../../img/dk/renewal/common/bg_tabbottom.png) repeat-x left top;
    margin: 10px 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 48px;
    width: 872px;
    font-family: "dotum";
    font-size: 14px;
    letter-spacing: -1px;}
.tab_div{
    color: #555;
    float: left;
    text-align: center;
    cursor: pointer;
    width: 33.2%;
    height: 42px;
    line-height: 45px;
    font-weight: bold;
    overflow: hidden;
    position: relative;
	font-size: 14px;
	}
.tab_div.on{
	background: url(../../img/dk/renewal/common/bg_tableft.jpg);
    border-right: 1px solid #0f2088;
    color: #fff;
}
.content-rank-guild .ranking .server .box .selectList {
	float:left;
	position:relative;
	width:213px;
}
.content-rank-guild .ranking .server .box .selectList .btn {
    background:#fff url(../../img/dk/renewal/bul/bul_rank_arr01.gif) no-repeat 193px 12px;
    display: block;
	width: 184px;
    height: 25px;
	padding:5px 18px 0 9px;
	border:1px solid #b3b3b3;
}
.content-rank-guild .ranking .server .box .selectList a.on {
    background:#fff url(../../img/dk/renewal/bul/bul_rank_arr02.gif) no-repeat 193px 12px;
}
.content-rank-guild .ranking .server .box .selectList .selected_text {
	font-size:14px;
	line-height:20px;
	color:#35528f;
	font-weight:bold;
}
.content-rank-guild .ranking .server .period {
    float: right;
    width: 325px;
}
.content-rank-guild .ranking .server .period .sbj {
	background: url(../../img/dk/renewal/bul/bul_arr02.gif) no-repeat scroll 2px 14px;
	padding-left:8px !important;
	margin-right:10px;
}
.content-rank-guild .ranking .server input {
    background:none;
    float: left;
    font-family: Tahoma;
	color:#666;
	font-weight:bold;
    font-size: 14px;
    line-height: 20px;
    margin: 6px 5px 0 0;
    padding: 0;
    width: 95px;
	border:none;
}

.content-rank-guild .ranking .server .selectList .wrap {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AAAAAA;
    left: 0;
    list-style: none outside none;
    padding: 0 0 10px;
    position: absolute;
    top: 30px;
    width: 211px;
}
.content-rank-guild .ranking .server .selectList .wrap ul {
    list-style: none outside none;
}
.content-rank-guild .ranking .server .selectList ul li {
    color: #3C3C3C;
    font-size: 12px;
    line-height: 18px;
    padding: 3px 0 0 10px;
    cursor:pointer;
}
.content-rank-guild .ranking .server .selectList ul li A {
    color: #3C3C3C;
}
.content-rank-guild .ranking .server .selectList ul li span {
    color: #A8A8A8;
    font-size: 11px;
    font-weight: normal;
    padding-left: 6px;
}
.content-rank-guild .ranking .server .selectList ul li.on {
    font-weight: bold;
}
.content-rank-guild .ranking .server .selectList ul li.on {
    color: #2B8DA2;
}
.content-rank-guild .ranking .server .selectList .wrap h4 {
    display: none;
    border-bottom: 1px dashed #AAAAAA;
    font-size: 12px;
    line-height: 16px;
    margin: 0 auto;
    padding:0 0 5px;
	width:191px;
}
.content-rank-guild .ranking .server .selectList .wrap h4.pr {
    padding-top: 10px;
}
.content-rank-guild .ranking .server .selectList .wrap h4.op {
    margin-top: 15px;
}
.content-rank-guild .ranking .server .selectList .wrap h4.op.active {
    display: block;
}
.content-rank-guild .ranking .menu {
    width: 873px;
}
.content-rank-guild .ranking .menu ul {
    overflow: hidden;
    width: 100%;
}
.content-rank-guild .ranking .menu ul li {
    float: left;
}
.content-rank-guild .ranking .menu ul li a {
    background: url(../../img/dk/renewal/content/bg_ranking_menu.png) 0 0;
    display: block;
    height: 83px;
    text-indent: -1000em;
}
.content-rank-guild .ranking .menu ul li.tab01 {
	width:145px;
}
.content-rank-guild .ranking .menu ul li.tab02 {
	width:146px;
}
.content-rank-guild .ranking .menu ul li.tab03 {
	width:146px;
}
.content-rank-guild .ranking .menu ul li.tab04 {
	width:146px;
}
.content-rank-guild .ranking .menu ul li.tab05 {
	width:146px;
}
.content-rank-guild .ranking .menu ul li.tab06 {
	width:144px;
}
.content-rank-guild .ranking .menu ul li.tab01 a {
    background-position: 0 0;
}
.content-rank-guild .ranking .menu ul li.tab02 a {
    background-position: -145px 0;
}
.content-rank-guild .ranking .menu ul li.tab03 a {
    background-position: -292px 0;
}
.content-rank-guild .ranking .menu ul li.tab04 a {
    background-position: -438px 0;
}
.content-rank-guild .ranking .menu ul li.tab05 a {
    background-position: -584px 0;
}
.content-rank-guild .ranking .menu ul li.tab06 a {
    background-position: -730px 0;
}
.content-rank-guild .ranking .menu ul li.tab01 a.on {
    background-position: 0 -83px;
}
.content-rank-guild .ranking .menu ul li.tab02 a.on {
    background-position: -145px  -83px;
}
.content-rank-guild .ranking .menu ul li.tab03 a.on {
    background-position: -292px -83px;
}
.content-rank-guild .ranking .menu ul li.tab04 a.on {
    background-position: -438px -83px;
}
.content-rank-guild .ranking .menu ul li.tab05 a.on {
    background-position: -584px -83px;
}
.content-rank-guild .ranking .menu ul li.tab06 a.on {
    background-position: -730px -83px;
}

.content-rank-guild .ranking .info {
    height: 20px;
    overflow: hidden;
	margin:35px 0 5px 0;
}
.content-rank-guild .ranking .info h3 {	
    background: url(../../img/dk/renewal/bul/bul_arr02.gif) no-repeat scroll 0 7px;
    color: #35528f;
    float: left;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
    padding-left: 8px;
}
.content-rank-guild .ranking .info h3 span {
	color:#f56713;
	font-size:12px;
	line-height:20px;
	padding-top:0;
	float:none;
	font-weight:bold;
}
.content-rank-guild .ranking .info p {
    background: url(../../img/dk/renewal/bul/bul_arr02.gif) no-repeat scroll 0 7px;
    font-size:12px;
	line-height:20px;
	float: left;
    margin-left: 34px;
    padding-left: 8px;
	color:#35528f;
}
.content-rank-guild .ranking .info span {
    float: right;
    padding-top: 1px;
}
.content-rank-guild .ranking .info span em {
    font: 11px tahoma;
}
.content-rank-guild .ranking .info span em input {
    color: #999999;
    font-family: 돋움;
    outline: medium none;
    vertical-align: top;
    width: 70px;
	border:none;
}

.content-rank-guild .ranking .list {
    margin-bottom: 30px;
}
.content-rank-guild .ranking .list table {
    border-collapse: collapse;
    width: 100%;
}
.content-rank-guild .ranking .list table thead th {
	vertical-align:top;
	background: url(../../img/dk/renewal/content/bg_thead_side.gif) no-repeat right 0;
    height: 39px;
}
.content-rank-guild .ranking .list table thead th span{
	display:block;
	padding:8px 0 0 0 ;
	height:31px;
}
.content-rank-guild .ranking .list table thead th.first span{
	background: url(../../img/dk/renewal/content/bg_thead_side_left.gif) no-repeat left 0;
}

.content-rank-guild .ranking .list table thead th.first{
	background: url(../../img/dk/renewal/content/bg_thead_side.gif) no-repeat right 0;
}
.content-rank-guild .ranking .list table thead th.last {
	border-right:none;
}
.content-rank-guild .ranking .list table tbody {
    text-align: center;
}
.content-rank-guild .ranking .list table td.first{
    border-left:none;
}
.content-rank-guild .ranking .list table td.last{
    border-right:none;
}
.content-rank-guild .ranking .list table tbody td {
	border-right:1px solid #efefef;
	border-bottom:1px solid #efefef;
    height: 36px;
    line-height: 14px;
}
.content-rank-guild .ranking .list table tbody td.rank {
	font-weight:bold;
	color:#666;
	font-size:14px;
}
.content-rank-guild .ranking .list table tbody td.highlight {
	background:#fafbfc;
}
.content-rank-guild .ranking .list table tbody td.fluctuation {
	font-weight:bold;
	color:#627899;
	font-size:12px;
}
.content-rank-guild .ranking .list table tbody td .rank-up {
	background: url("../../img/dk/renewal/icon_set.png") no-repeat -294px -81px;
	width:16px;
	height:21px;
	vertical-align:middle;
	margin-top:-3px;
}
.content-rank-guild .ranking .list table tbody td .rank-dn {
	background: url("../../img/dk/renewal/icon_set.png") no-repeat -294px -50px;
	width:16px;
	height:21px;
	vertical-align:middle;
	margin-top:-3px;
}
.content-rank-guild .ranking .list table tbody .char {
	font-size:14px;
	color:#666;
}
.content-rank-guild .ranking .list table tbody .top-rank .char {
	font-weight:bold;
	color:#f05900;
}
.content-rank-guild .ranking .list table tbody .top-rank .rank {
	color:#f05900;
}
.content-rank-guild .ranking .list table tbody .top-rank td .ranker {
	background: url("../../img/dk/renewal/icon_set.png") no-repeat -22px 0;
	width:16px;
	height:14px;
}
.content-rank-guild .ranking .list table tbody td a {
    color: #333333;
}

.content-rank-guild .ranking .list table .my-rank td {
	border-right:none !important;
}

.content-rank-guild .ranking .list table .my-rank .char {
	
	height:47px;
	font-weight:bold;
	font-size:14px;
	color:#35528f;
}
.content-rank-guild .ranking .list table .my-rank .first {
	background: url("../../img/dk/renewal/content/bg_myrank_td5.gif") no-repeat 0 0;
	height:47px;
	color:#35528f;
}
.content-rank-guild .ranking .list table .my-rank td{
	vertical-align:top;
	padding-top:5px;
	background: url("../../img/dk/renewal/content/bg_myrank_td2.gif") repeat-x 0 0;
}
.content-rank-guild .ranking .list table .my-rank td .td{
	display:block;
	padding:9px 0 0 0;
	height:28px;
	border-right:1px solid #fff;
	margin-top:0;
	margin-right:1px;
}
.content-rank-guild .ranking .list table .my-rank .last {
	background: url("../../img/dk/renewal/content/bg_myrank_td5.gif") no-repeat right 0;
	
}
.content-rank-guild .ranking .list table .my-rank .last .td{
	background:none;
	border:0;
}
.content-rank-guild .ranking .list table .my-rank td.msg {
	height:44px;
	background:url(../../img/dk/renewal/content/bg_myrank_td5.gif) no-repeat left top;
	
}
.content-rank-guild .ranking .list table .my-rank .msg .td{
	border:0;
	color:#35528f;
	font-weight:bold;
	padding-top:13px;
	height:auto;
	text-align:center;
}
.content-rank-guild .ranking .list .nodata p {
    background: url("../../../DKOnline/Image/cbt2/bg_nodata.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    border-right: 0 none;
    height: 189px;
    padding: 100px 0 0;
    text-align: center;
    width: 100%;
}
.content-rank-guild .ranking .list .nodata {
    border-right: 0 none;
}


.content-screen .zoom{
	width:873px;
	height:492px;
}

.content-screen .thm-list{
	width:873px;
	height:134px;
	position:relative;
	border:1px solid #cccccc; 
	
	
}
.content-screen .thm-list .box{
	width:873px;
	height:133px;
	position:relative;
	border:1px solid #fff; 
	background:#f3f3f3;
}
.content-screen .thm-list .button{
	width:36px;
	height:136px;
	display:block;
	position:absolute;
	background:url(../../img/dk/renewal/common/sp_btnSet.png) no-repeat left top;	
}
.content-screen .thm-list .prev{background-position:0 -429px;top:-2px;left:-2px;}
.content-screen .thm-list .next{background-position:-42px -429px;top:-2px;right:-2px;}
.content-screen .zoom .button{
	width:40px;
	height:57px;
	display:block;
	position:absolute;

	background:url(../../img/dk/renewal/common/sp_btnSet.png) no-repeat left top;	
}
.content-screen .zoom .prev{background-position:-82px -491px;top:235px;left:10px;}
.content-screen .zoom .next{background-position:-82px -430px;top:235px;right:10px;}


.content-screen .thm-list .wrapper{
	position:relative;
	margin-left:60px;
	width:754px;
	height:96px;
	overflow:hidden;
	margin-top:18px;

}
.content-screen .thm-list .move{
	position:absolute;
	top:0;
	left:0;
}
.content-screen .thm-list article A{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url(../../img/dk/renewal/common/blank-2.gif) no-repeat left top;
	
}
.content-screen .thm-list article.on A{
	width:162px;
	height:86px;
	border:5px solid #5086d7; 
}
.content-screen .thm-list article{
	float:left;
	width:172px;
	height:96px;
	position:relative;
	margin-right:23px;
	overflow:hidden;
}
.content-screen .thm-list article:first-child{
	margin-left:0;
}
.content-screen .count{
	font-size:14px;
	color:#35528f;
	padding:18px 0 0 0;
	height:27px;
	text-align:center;
}
.content-screen .count .page{
	font-weight:bold;
}
.top-link{
	overflow:hidden;
}
.top-link A{
	width:89px;
	height:39px;
	float:right;
	text-indent:-999px;
	overflow:hidden;
	background:url(../../img/dk/renewal/common/sp_btnSet.png) no-repeat -265px -45px;;
	
}
.system details{
	 outline:none;
}
.system details p{
	display:none;
	
}



/* 스토리페이지 메뉴 */
.ac-container label{
	width:873px;
	height:117px;
	position: relative;
	z-index: 20;
	display: block;
	cursor: pointer;
}

.ac-container input[id="ac-1"]:checked+label {
    background: url('/_DKOnline/cdn/Game/img/dk/renewal/history/history_menu1_on.jpg') no-repeat;
}
.ac-container input[id="ac-2"]:checked+label {
    background: url('/_DKOnline/cdn/Game/img/dk/renewal/history/history_menu2_on.jpg') no-repeat;
}
.ac-container input[id="ac-3"]:checked+label {
    background: url('/_DKOnline/cdn/Game/img/dk/renewal/history/history_menu3_on.jpg') no-repeat;
}
.ac-container input[id="ac-4"]:checked+label {
    background: url('https://web-files-tokyo-cdn.masangsoft.com/public/DK/homepage/sub/history_menu4_new_on.jpg') no-repeat;
}
.ac-container input[id="ac-5"]:checked+label {
    background: url('https://web-files-tokyo-cdn.masangsoft.com/public/DK/homepage/sub/history_menu8_on.jpg') no-repeat;
}
.ac-container input[id="ac-6"]:checked+label {
    background: url('/_DKOnline/cdn/Game/img/dk/renewal/history/history_menu5_on.jpg') no-repeat;
}
.ac-container input[id="ac-7"]:checked+label {
    background: url('/_DKOnline/cdn/Game/img/dk/renewal/history/history_menu6_on.jpg') no-repeat;
}
.ac-container input[id="ac-8"]:checked+label {
    background: url('/_DKOnline/cdn/Game/img/dk/renewal/history/history_menu7_on.jpg') no-repeat;
}

.ac-container div:first-child label {
    background: url('/_DKOnline/cdn/Game/img/dk/renewal/history/history_menu1.jpg') no-repeat;
}
.ac-container div:first-child label::before {
    content: '';
    display: block;
    clear: both;
    width: 873px;
    height: 117px;
    background: url('/_DKOnline/cdn/Game/img/dk/renewal/history/history_menu1_on.jpg') no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.ac-container div:nth-child(2) label {
    background: url('/_DKOnline/cdn/Game/img/dk/renewal/history/history_menu2.jpg') no-repeat;
}
.ac-container div:nth-child(2) label::before {
    content: '';
    display: block;
    clear: both;
    width: 873px;
    height: 117px;
    background: url('/_DKOnline/cdn/Game/img/dk/renewal/history/history_menu2_on.jpg') no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.ac-container div:nth-child(3) label {
    background: url('/_DKOnline/cdn/Game/img/dk/renewal/history/history_menu3.jpg') no-repeat;
}
.ac-container div:nth-child(3) label::before {
    content: '';
    display: block;
    clear: both;
    width: 873px;
    height: 117px;
    background: url('/_DKOnline/cdn/Game/img/dk/renewal/history/history_menu3_on.jpg') no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.ac-container div:nth-child(4) label {
    background: url('https://web-files-tokyo-cdn.masangsoft.com/public/DK/homepage/sub/history_menu4_new.jpg') no-repeat;
}
.ac-container div:nth-child(4) label::before {
    content: '';
    display: block;
    clear: both;
    width: 873px;
    height: 117px;
    background: url('https://web-files-tokyo-cdn.masangsoft.com/public/DK/homepage/sub/history_menu4_new_on.jpg') no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.ac-container div:nth-child(5) label {
    background: url('https://web-files-tokyo-cdn.masangsoft.com/public/DK/homepage/sub/history_menu8.jpg') no-repeat;
}
.ac-container div:nth-child(5) label::before {
    content: '';
    display: block;
    clear: both;
    width: 873px;
    height: 117px;
    background: url('https://web-files-tokyo-cdn.masangsoft.com/public/DK/homepage/sub/history_menu8_on.jpg') no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.ac-container div:nth-child(6) label {
    background: url('/_DKOnline/cdn/Game/img/dk/renewal/history/history_menu5.jpg') no-repeat;
}
.ac-container div:nth-child(6) label::before {
    content: '';
    display: block;
    clear: both;
    width: 873px;
    height: 117px;
    background: url('/_DKOnline/cdn/Game/img/dk/renewal/history/history_menu5_on.jpg') no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.ac-container div:nth-child(7) label {
    background: url('/_DKOnline/cdn/Game/img/dk/renewal/history/history_menu6.jpg') no-repeat;
}
.ac-container div:nth-child(7) label::before {
    content: '';
    display: block;
    clear: both;
    width: 873px;
    height: 117px;
    background: url('/_DKOnline/cdn/Game/img/dk/renewal/history/history_menu6_on.jpg') no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.ac-container div:nth-child(8) label {
    background: url('/_DKOnline/cdn/Game/img/dk/renewal/history/history_menu7.jpg') no-repeat;
}
.ac-container div:nth-child(8) label::before {
    content: '';
    display: block;
    clear: both;
    width: 873px;
    height: 117px;
    background: url('/_DKOnline/cdn/Game/img/dk/renewal/history/history_menu7_on.jpg') no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.ac-container div label:hover::before {
    opacity: 1;
}

@media all and (min-width:768px) and (max-width:1023px) {
    .ac-container div label:hover::before {
        opacity: 0;
    }
}

.ac-container input{
	display: none;
}
.ac-container article{
	background:#f0f0f0;
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	font-style: italic;
	color: #777;
	line-height: 23px;
	font-size: 14px;
	padding: 20px;
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
	height: 833px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 833px;
}
.ac-container input:checked ~ article.ac-large{
	height: 230px;
}


/* book 스토리 페이지 */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }


.bb-custom-wrapper {
	width: 873px;height:833px;background:url(../../img/dk/renewal/history/book_bg.png);
	position: relative;
	margin: 0 auto;
	text-align: center;
}
.bb-custom-wrapper nav {width:680px;margin:17px 0 0 105px}
.bb-custom-wrapper nav a {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: none;position: relative;z-index: 9999;padding-top:12px;
}

.bb-bookblock {
	width: 735px;
	height: 706px;
	margin: 0 auto;
	position: relative;
	top:45px;
	left:13px;
	z-index: 9999;
	-webkit-perspective: 1300px;
	perspective: 1300px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bb-page {
	position: absolute;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}

.bb-vertical .bb-page {
	width: 50%;
	height: 100%;
	left: 50%;
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.bb-page > div,
.bb-outer,
.bb-content,
.bb-inner {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.bb-page > div {
	width: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.bb-vertical .bb-back {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.bb-horizontal .bb-back {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

.bb-outer {
	width: 100%;
	overflow: hidden;
	z-index: 999;
}


.bb-bookblock.bb-vertical > div.bb-page:first-child,
.bb-bookblock.bb-vertical > div.bb-page:first-child .bb-back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.bb-bookblock.bb-horizontal > div.bb-page:first-child,
.bb-bookblock.bb-horizontal > div.bb-page:first-child .bb-back {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}


.bb-vertical .bb-front .bb-content {
	left: -100%;
}

.bb-horizontal .bb-front .bb-content {
	top: -100%;
}

/* Flipping classes */
.bb-vertical .bb-flip-next,
.bb-vertical .bb-flip-initial {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.bb-vertical .bb-flip-prev {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.bb-horizontal .bb-flip-next,
.bb-horizontal .bb-flip-initial {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.bb-horizontal .bb-flip-prev {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.bb-vertical .bb-flip-next-end {
	-webkit-transform: rotateY(-15deg);
	transform: rotateY(-15deg);
}

.bb-vertical .bb-flip-prev-end {
	-webkit-transform: rotateY(-165deg);
	transform: rotateY(-165deg);
}

.bb-horizontal .bb-flip-next-end {
	-webkit-transform: rotateX(15deg);
	transform: rotateX(15deg);
}

.bb-horizontal .bb-flip-prev-end {
	-webkit-transform: rotateX(165deg);
	transform: rotateX(165deg);
}

.bb-item {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	display: none;
}

/* No JS */
.no-js .bb-bookblock, 
.no-js ul.bb-custom-grid li {
	width: auto;
	height: auto;
}

.no-js .bb-item {
	display: block;
	position: relative;
}










.system div.item._on p{
	display:block;
}
.system div.item._on .arrow span{
	display:block;
}
.system div.item._off p{
	display:none;
}
.system div.item._off .arrow span{
    float: right;
    width: 44px;
    height: 44px;
    margin-top: 20px;
    margin-right: 19px;
    background: url(../../img/dk/renewal/bul/bul_arr.png) no-repeat left top;
    transform: rotate(-180deg);
}
.system div.item div{
	width:873px;
	height:90px;
	display:block;
	overflow:hidden;
	cursor:pointer;
	 outline:none;
	background:url(../../img/dk/renewal/common/img_story.jpg?ver=20230509) no-repeat left top;
	
}
.system .item .history_cont{
	width:873px;
	height:90px;
	display:block;
	overflow:hidden;
	cursor:pointer;
	 outline:none;
	background:url(../../img/dk/renewal/common/img_story.jpg) no-repeat left top;
	
}
.item .arrow::-webkit-details-marker{display:none}

.system div.item._on .arrow span{
	float:right;
    width: 44px;
    height: 44px;
	margin-top:20px;
	margin-right:19px;
	background:url(../../img/dk/renewal/bul/bul_arr.png) no-repeat left top;
}
.system .item_0 .arrow{background-position:0 -27px;}
.system .item_1 .arrow{background-position:0 -793px;}
.system .item_2 .arrow{background-position:0 -1724px;}
.system .item_3 .arrow{background-position:0 -2478px;}
.system .item_4 .arrow{background-position:0 -3492px;}
.system .item_5 .arrow{background-position:0 -4265px;}

.system .item_0 .history_cont{height:676px;background-position:0 -117px;}
.system .item_1 .history_cont{height:840px;background-position:0 -883px;}
.system .item_2 .history_cont{height:664px;background-position:0 -1814px;}
.system .item_3 .history_cont{height:924px;background-position:0 -2568px;}
.system .item_4 .history_cont{height:683px;background-position:0 -3582px;}
.system .item_5 .history_cont{height:801px;background-position:0 -4355px;}


/* 2014-06-20 광민 추가 */


#game-search{position:relative; margin:0 0 20px 0;}
#game-search fieldset div{float:left;width:238px;height:38px;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: 231px;background:none;}


.content-help .pagination{margin-bottom:20px;}
.content-help .search-result{
	padding-top:78px;
	
	background:url(../../img/dk/renewal/common/bg_views_bar.gif) no-repeat left top;
	
}
.content-help .search-result p{
	padding-bottom:81px;
	color:#35528f;
	font-weight:bold;
}

.dialog-message .box .text .notice._type2{width:360px;}
.dialog-message .box .text .notice._type2 h2{padding:10px 0 0 5px;color:#ff4800;  }
.dialog-message .box .text .notice._type2 ul   {  padding:5px 0 0 15px; }
.dialog-message .box .text .notice._type2 ul li{ text-align:left;   padding:0 0 0 10px;   background: url("../../img/dk/renewal/bul/bul_dot2-2.gif") no-repeat left 10px;}

div.cart{padding-bottom:20px;}
.content-shop .shopping_list{margin-bottom:20px;}
.content-shop .shopping_list .type{position:relative;padding:4px 0 15px 20px;height:20px;color:#8b8b8b;*zoom:1;}
.content-shop .shopping_list .type strong{margin-right:10px;}
.content-shop .shopping_list .type select{position:absolute;top:-2px;right:0;padding:2px;background-color:#f7f7f7;border:1px solid #727272;color:#8b8b8b;}
.content-shop .shopping_list .type label{margin-right:10px;}
.content-shop .shopping_list .type label input{position:relative;top:1px;vertical-align:top;}

.tel {
    width:873px;
    height: 71px;
    margin-top:50px;
    background:url(../../img/dk/renewal/content/img_tel.gif) no-repeat left top;    
}
.tel dl{
    padding:17px 0 0 396px;
}
.tel dl dt{
    float:left;
    clear:both;
    padding: 0 0 0 8px;
    color:#35528f;
    font-size:12px;
    line-height: 16px;
    font-weight:bold;
    margin:2px 0 3px 0;
    background: url(../../img/dk/renewal/bul/bul_arr_help.gif) no-repeat left 4px;
    
}
.tel dl dd{
    float:left;
    padding: 3px 0 3px 10px;
    font-size: 12px;
    color:#666666;
}

.tel dl dd span{
    height:11px;
    margin:0 5px 0 5px;
    vertical-align:1px;
    border-right: 1px solid #92aace;
}






.select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background:#fff url(../../img/dk/renewal/bul/bul_rank_arr01.gif) no-repeat 102px 9px;
}

.select-style select {
    padding: 5px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select-style select:focus {
    outline: none;
}