@charset "utf-8";

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@keyframes appear{
	0%{
		opacity: 0;
		transform: translateY(20px) scale(1);
	}
	100%{
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}
 #wrap {
    background: url("http://web-files-tokyo-cdn.masangsoft.com/common/20161103/1478145091/3fa4bb56523e9b8f84c576d4c3f47e6b.jpg") no-repeat top center;
    width: 100%;
	min-width: 1280px;
}
._home #wrap {
    background: url("http://web-files-tokyo-cdn.masangsoft.com/common/20161103/1478145067/3444bc526df759effb915cfcdd40a3a9.jpg") no-repeat top center;
    width: 100%;
	min-width: 1280px;
}



a:link{text-decoration: none !important;}
a:visited{text-decoration: none !important;}
a:active{text-decoration: none !important;}
a:hover{text-decoration: none !important;}


#header {
    height: 140px;
    margin: 0em auto;
    position: relative;
    width: 1250px;
	padding-top: 80px;
}
#container {
    margin: 0em auto;
    position: relative;
    width: 1250px;
}
#container .bnr.posileft {
	position:absolute;
	z-index:999999999;
	top:450px;
	left:10px;
}
#container .bnr.posiright {
	position:absolute;
	z-index:999999999;
	top:450px;
	right:10px;
}
#container .bnr.positop {
	position:absolute;
	z-index:1;
	top:-130px;
	right:10px;
}
.bnr.positop .close{
	width:13px;
	height:11px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:8px;
	right:11px;
	z-index:1;
	background:url(../../img/dk/renewal/common/sp_btnSet.png) no-repeat -958px top;
	
}
/* gnb */
#header h1 {
    padding-top: 46px;
}
#header .bnr {
    position: absolute;
    right: -2px;
    top: 27px;
}
#nav {
    height: 81px;
    left: 375px;
    position: absolute;
    top: 82px;
	width:874px;
	padding-top:50px;
	overflow:hidden;
}
#nav .main {
    height: 49px;
    padding: 0em;
    width: 1200px;
}
#nav .main .main-item {
	position: relative;	
	height: 32px;
}
#nav .main a.link {
    display: block;
    height: 35px;
    padding: 5px;	
	
}
#nav .main .main-0 {
   width:108px;
}
#nav .main .main-1 {
   width:127px;
}
#nav .main .main-2  {
     width:125px;
}
#nav .main .main-3 {
     width:107px;
}
#nav .main .main-4 {
    width:97px;
}
#nav .main .main-5 {
    width:125px;
}

/*

#nav .main .main-0 a.link {
    width: 55px;
}
#nav .main .main-1 a.link {
    width: 76px;
}
#nav .main .main-2 a.link {
    width: 73px;
}
#nav .main .main-3 a.link {
    width: 55px;
}
#nav .main .main-4 a.link {
    width: 46px;
}
#nav .main .main-5 a.link {
    width: 74px;
}
*/

#nav .main .link span {
    background: url("../../img/dk/renewal/common/gnb3.png") no-repeat 0em 0em;
    display: block;
    margin: 0 auto;
	height:22px;
    text-indent: -9999px;
	position:relative;
	
}
#nav .main ul a {
   /* background: url("../../img/dk/renewal/common/bg_subgnb_txt.png") no-repeat left top; */
    display: block;
    text-indent: -9999px;
    width: auto;
}
#nav .clear {
    clear: both;
}
#nav .main li {
    float: left;
    position: relative;
	
}
#nav .main .main-0 span {
    background-position: 0em -62px;
    width: 59px;
}
#nav .main .main-1 span {
    background-position: -108px -62px;
}
#nav .main .main-2 span {
    background-position: -233px -62px;
    width: 73px;
}
#nav .main .main-3 span {
    background-position: -358px -62px;
    width: 55px;
}
#nav .main .main-4 span {
    background-position: -465px -62px;
    width: 46px;
}
#nav .main .main-5 span {
    background-position: -560px -62px;
    width: 74px;
}
#nav .main .main-0 .link span {
    background-position: 0em -62px;
    width: 59px;
}
#nav .main .main-1 .link  span {
    background-position: -108px -62px;
    width: 76px;
}
#nav .main .main-2 .link  span {
    background-position: -233px -62px;
    width: 73px;
}
#nav .main .main-3 .link  span {
    background-position: -358px -62px;
    width: 55px;
}
#nav .main .main-4 .link  span {
    background-position: -465px -62px;
    width: 46px;
}
#nav .main .main-5 .link  span {
    background-position: -560px -62px;
    width: 74px;
}







#nav .main .main-0 A.on span {
    background-position: 0em 0;
    width: 59px;
}
#nav .main .main-1 A.on  span {
    background-position: -108px 0;
    width: 76px;
}
#nav .main .main-2 A.on  span {
    background-position: -233px 0;
    width: 73px;
}
#nav .main .main-3 A.on  span {
    background-position: -358px 0;
    width: 55px;
}
#nav .main .main-4 A.on  span {
    background-position: -465px 0;
    width: 46px;
}
#nav .main .main-5 A.on  span {
    background-position: -560px 0;
    width: 74px;
}
#nav .main .main-0 A.link:hover span {
    background-position: 0em 0;
    width: 59px;
}
#nav .main .main-1 A.link:hover  span {
    background-position: -108px 0;
    width: 76px;
}
#nav .main .main-2 A.link:hover  span {
    background-position: -233px 0;
    width: 73px;
}
#nav .main .main-3 A.link:hover  span {
    background-position: -358px 0;
    width: 55px;
}
#nav .main .main-4 A.link:hover  span {
    background-position: -465px 0;
    width: 46px;
}
#nav .main .main-5 A.link:hover  span {
    background-position: -560px 0;
    width: 74px;
}



#nav .main .main-0 A.link._out span {
    background-position: 0em 0;
    width: 59px;
}
#nav .main .main-1 A.link._out  span {
    background-position: -108px 0;
    width: 76px;
}
#nav .main .main-2 A.link._out  span {
    background-position: -233px 0;
    width: 73px;
}
#nav .main .main-3 A.link._out  span {
    background-position: -358px 0;
    width: 55px;
}
#nav .main .main-4 A.link._out span {
    background-position: -465px 0;
    width: 46px;
}
#nav .main .main-5 A.link._out span {
    background-position: -560px 0;
    width: 74px;
}

#nav .main .sub {
    position: absolute;
	height:29px;
    overflow: hidden;
	top:35px;
	left:5px;
	display: none;
}

#nav .main .main-item:hover .sub{
	display: block;
}

#nav .main .sub .wrap{
	border:1px solid #0b2d64; 
	position: absolute;
	 top:-30px;
	 left:0;
}
#nav .main .sub ul{
	background:url(../../img/dk/renewal/common/bg_subgnb.gif) repeat-x left top;
	overflow:hidden;
	padding-right:8px;
	border:1px solid #2e61a4; 
}
#nav .main .sub li {
    margin-left: 5px;
    margin-right: 0em;
    padding-left: 8px;
}
#nav .main .sub li a {
	padding:6px 0 0 0;
	height:19px;
}
#nav .main .sub li a span {
	display:block;
    height: 14px;
	/*background: url("../../img/dk/renewal/common/gnb.png") no-repeat left top;*/
	background: url("../../img/dk/renewal/common/gnb3.png") no-repeat left top;
}
#nav .main .sub li:first-child {
    background: none;
    margin-left: 0em;
    padding-left: 12px;
}
#nav .main .main-0 .sub {
    width: 182px;
}
#nav .main .main-1 .sub {
    /*width: 385px;*/
	width: 465px;
}
#nav .main .main-2 .sub {
    width: 450px;
}
#nav .main .main-3 .sub {
    width: 256px;
}
#nav .main .main-4 .sub {
    width: 70px;
}
#nav .main .main-5 .sub {
    width: 243px;
}
#nav .main .main-0 .sub .sub-0 a span{
    background-position: 0em -115px;
    width: 48px;
}
#nav .main .main-0 .sub .sub-1 a span{
    background-position: -62px -115px;
    width: 48px;
}
#nav .main .main-0 .sub .sub-2 a span{
    background-position: -124px -115px;
    width: 36px;
}
#nav .main .main-1 .sub .sub-0 a span{
    background-position: -174px -115px;
    width: 48px;
}
#nav .main .main-1 .sub .sub-1 a span{
    background-position: -235px -115px;
    width: 48px;
}
#nav .main .main-1 .sub .sub-2 a span{
    background-position: -297px -115px;
    width: 48px;
}
#nav .main .main-1 .sub .sub-3 a span{
    background-position: -358px -115px;
    width: 59px;
}
#nav .main .main-1 .sub .sub-4 a span{
    background-position: -431px -115px;
    width: 28px;
}
#nav .main .main-1 .sub .sub-5 a span{
    background-position: -1285px -115px;
    width: 38px;
}
#nav .main .main-1 .sub .sub-6 a span{
    background-position: -1342px -115px;
    width: 74px;
}
#nav .main .main-2 .sub .sub-0 a span{
    background-position: -492px -115px;
    width: 59px;
}
#nav .main .main-2 .sub .sub-1 a span{
    background-position: -565px -115px;
    width: 59px;
}
#nav .main .main-2 .sub .sub-2 a span{
    background-position: -638px -115px;
    width: 59px;
}
#nav .main .main-2 .sub .sub-3 a span{
    background-position: -711px -115px;
    width: 48px;
}
#nav .main .main-2 .sub .sub-4 a span{
    background-position: -772px -115px;
    width: 66px;
}
/*2021.02.24 DK VLOG게시판 추가*/
#nav .main .main-2 .sub .sub-5 a span{
    background-position: -1423px -115px;
    width: 66px;
}
#nav .main .main-3 .sub .sub-0 a span{
    background-position: -853px -115px;
    width: 48px;
}
#nav .main .main-3 .sub .sub-1 a span{
    background-position: -914px -115px;
    width: 36px;
}
#nav .main .main-3 .sub .sub-2 a span{
    background-position: -964px -115px;
    width: 48px;
}
#nav .main .main-3 .sub .sub-3 a span{
    background-position: -1025px -115px;
    width: 59px;
}
#nav .main .main-4 .sub .sub-0 a span{
    background-position: -1099px -115px;
    width: 45px;
}
#nav .main .main-5 .sub .sub-0 a span{
    background-position: -1159px -115px;
    width: 48px;
}
#nav .main .main-5 .sub .sub-1 a span{
    background-position: -1540px -115px;
    width: 77px;
}
#nav .main .main-5 .sub .sub-2 a span{
    background-position: -1220px -115px;
    width: 48px;
}












#nav .main .main-0 .sub .sub-0 a.on span{
    background-position: 0em -145px;
    width: 48px;
}
#nav .main .main-0 .sub .sub-1 a.on span{
    background-position: -62px -145px;
    width: 48px;
}
#nav .main .main-0 .sub .sub-2 a.on span{
    background-position: -124px -145px;
    width: 36px;
}
#nav .main .main-1 .sub .sub-0 a.on span{
    background-position: -174px -145px;
    width: 48px;
}
#nav .main .main-1 .sub .sub-1 a.on span{
    background-position: -235px -145px;
    width: 48px;
}
#nav .main .main-1 .sub .sub-2 a.on span{
    background-position: -297px -145px;
    width: 48px;
}
#nav .main .main-1 .sub .sub-3 a.on span{
    background-position: -358px -145px;
    width: 59px;
}
#nav .main .main-1 .sub .sub-4 a.on span{
    background-position: -431px -145px;
    width: 23px;
}
#nav .main .main-1 .sub .sub-5 a.on span{
    background-position: -1285px -145px;
    width: 38px;
}
#nav .main .main-1 .sub .sub-6 a.on span{
    background-position: -1342px -145px;
    width: 74px;
}
#nav .main .main-2 .sub .sub-0 a.on span{
    background-position: -492px -145px;
    width: 59px;
}
#nav .main .main-2 .sub .sub-1 a.on span{
    background-position: -565px -145px;
    width: 59px;
}
#nav .main .main-2 .sub .sub-2 a.on span{
    background-position: -638px -145px;
    width: 59px;
}
#nav .main .main-2 .sub .sub-3 a.on span{
    background-position: -711px -145px;
    width: 48px;
}
#nav .main .main-2 .sub .sub-4 a.on span{
    background-position: -772px -145px;
    width: 66px;
}
#nav .main .main-2 .sub .sub-5 a.on span{
    background-position: -1423px -145px;
    width: 66px;
}
#nav .main .main-3 .sub .sub-0 a.on span{
    background-position: -853px -145px;
    width: 48px;
}
#nav .main .main-3 .sub .sub-1 a.on span{
    background-position: -914px -145px;
    width: 36px;
}
#nav .main .main-3 .sub .sub-2 a.on span{
    background-position: -964px -145px;
    width: 48px;
}
#nav .main .main-3 .sub .sub-3 a.on span{
    background-position: -1025px -145px;
    width: 59px;
}
#nav .main .main-4 .sub .sub-0 a.on span{
    background-position: -1099px -145px;
    width: 45px;
}
#nav .main .main-5 .sub .sub-0 a.on span{
    background-position: -1159px -145px;
    width: 48px;
}
#nav .main .main-5 .sub .sub-1 a.on span{
    background-position: -1220px -145px;
    width: 48px;
}










#nav .main .main-0 .sub .sub-0 a:hover span{
    background-position: 0em -145px;
    width: 48px;
}
#nav .main .main-0 .sub .sub-1 a:hover span{
    background-position: -62px -145px;
    width: 48px;
}
#nav .main .main-0 .sub .sub-2 a:hover span{
    background-position: -124px -145px;
    width: 36px;
}
#nav .main .main-1 .sub .sub-0 a:hover span{
    background-position: -174px -145px;
    width: 48px;
}
#nav .main .main-1 .sub .sub-1 a:hover span{
    background-position: -235px -145px;
    width: 48px;
}
#nav .main .main-1 .sub .sub-2 a:hover span{
    background-position: -297px -145px;
    width: 48px;
}
#nav .main .main-1 .sub .sub-3 a:hover span{
    background-position: -358px -145px;
    width: 59px;
}
#nav .main .main-1 .sub .sub-4 a:hover span{
    background-position: -431px -145px;
    width: 28px;
}
#nav .main .main-1 .sub .sub-5 a:hover span{
    background-position: -1285px -145px;
    width: 38px;
}
#nav .main .main-1 .sub .sub-6 a:hover span{
    background-position: -1342px -145px;
    width: 74px;
}

#nav .main .main-2 .sub .sub-0 a:hover span{
    background-position: -492px -145px;
    width: 59px;
}
#nav .main .main-2 .sub .sub-1 a:hover span{
    background-position: -565px -145px;
    width: 59px;
}
#nav .main .main-2 .sub .sub-2 a:hover span{
    background-position: -638px -145px;
    width: 59px;
}
#nav .main .main-2 .sub .sub-3 a:hover span{
    background-position: -711px -145px;
    width: 48px;
}
#nav .main .main-2 .sub .sub-4 a:hover span{
    background-position: -772px -145px;
    width: 66px;
}
#nav .main .main-2 .sub .sub-5 a:hover span{
    background-position: -1423px -145px;
    width: 66px;
}
#nav .main .main-3 .sub .sub-0 a:hover span{
    background-position: -853px -145px;
    width: 48px;
}
#nav .main .main-3 .sub .sub-1 a:hover span{
    background-position: -914px -145px;
    width: 36px;
}
#nav .main .main-3 .sub .sub-2 a:hover span{
    background-position: -964px -145px;
    width: 48px;
}
#nav .main .main-3 .sub .sub-3 a:hover span{
    background-position: -1025px -145px;
    width: 59px;
}
#nav .main .main-4 .sub .sub-0 a:hover span{
    background-position: -1099px -145px;
    width: 45px;
}
#nav .main .main-5 .sub .sub-0 a:hover span{
    background-position: -1159px -145px;
    width: 48px;
}
#nav .main .main-5 .sub .sub-1 a:hover span{
    background-position: -1540px -145px;
    width: 77px;
}
#nav .main .main-5 .sub .sub-2 a:hover span{
    background-position: -1220px -145px;
    width: 48px;
}


/*

#nav .main .main-0 .sub .sub-0 a.on {
    background-position: 0em -30px;
    width: 48px;
}
#nav .main .main-0 .sub .sub-1 a.on {
    background-position: -62px -30px;
    width: 48px;
}
#nav .main .main-0 .sub .sub-2 a.on {
    background-position: -123px -30px;
    width: 36px;
}
#nav .main .main-1 .sub .sub-0 a.on {
    background-position: 0em -88px;
    width: 48px;
}
#nav .main .main-1 .sub .sub-1 a.on {
    background-position: -62px -88px;
    width: 48px;
}
#nav .main .main-1 .sub .sub-2 a.on {
    background-position: -123px -88px;
    width: 48px;
}
#nav .main .main-1 .sub .sub-3 a.on {
    background-position: -184px -88px;
    width: 59px;
}
#nav .main .main-1 .sub .sub-4 a.on {
    background-position: -257px -88px;
    width: 48px;
}
#nav .main .main-2 .sub .sub-0 a.on {
    background-position: 0em -146px;
    width: 59px;
}
#nav .main .main-2 .sub .sub-1 a.on {
    background-position: -73px -146px;
    width: 59px;
}
#nav .main .main-2 .sub .sub-2 a.on {
    background-position: -146px -146px;
    width: 59px;
}
#nav .main .main-2 .sub .sub-3 a.on {
    background-position: -220px -146px;
    width: 48px;
}
#nav .main .main-2 .sub .sub-4 a.on {
    background-position: -281px -146px;
    width: 66px;
}
#nav .main .main-3 .sub .sub-0 a.on {
    background-position: 0em -204px;
    width: 48px;
}
#nav .main .main-3 .sub .sub-1 a.on {
    background-position: -61px -204px;
    width: 36px;
}
#nav .main .main-3 .sub .sub-2 a.on {
    background-position: -111px -204px;
    width: 48px;
}
#nav .main .main-3 .sub .sub-3 a.on {
    background-position: -172px -204px;
    width: 59px;
}
#nav .main .main-4 .sub .sub-0 a.on {
    background-position: 0em -262px;
    width: 45px;
}
#nav .main .main-5 .sub .sub-0 a.on {
    background-position: 0em -320px;
    width: 48px;
}
#nav .main .main-5 .sub .sub-1 a.on {
    background-position: -62px -320px;
    width: 48px;
}
#nav .main .main-0 .sub .sub-0 a:hover {
    background-position: 0em -30px;
    width: 48px;
}
#nav .main .main-0 .sub .sub-1 a:hover {
    background-position: -62px -30px;
    width: 48px;
}
#nav .main .main-0 .sub .sub-2 a:hover {
    background-position: -123px -30px;
    width: 36px;
}
#nav .main .main-1 .sub .sub-0 a:hover {
    background-position: 0em -88px;
    width: 48px;
}
#nav .main .main-1 .sub .sub-1 a:hover {
    background-position: -62px -88px;
    width: 48px;
}
#nav .main .main-1 .sub .sub-2 a:hover {
    background-position: -123px -88px;
    width: 48px;
}
#nav .main .main-1 .sub .sub-3 a:hover {
    background-position: -184px -88px;
    width: 59px;
}
#nav .main .main-1 .sub .sub-4 a:hover {
    background-position: -257px -88px;
    width: 48px;
}
#nav .main .main-1 .sub .sub-5 a:hover {
   background-position: -1285px -146px;
    width: 38px;
}
#nav .main .main-2 .sub .sub-0 a:hover {
    background-position: 0em -146px;
    width: 59px;
}
#nav .main .main-2 .sub .sub-1 a:hover {
    background-position: -73px -146px;
    width: 59px;
}
#nav .main .main-2 .sub .sub-2 a:hover {
    background-position: -146px -146px;
    width: 59px;
}
#nav .main .main-2 .sub .sub-3 a:hover {
    background-position: -220px -146px;
    width: 48px;
}
#nav .main .main-2 .sub .sub-4 a:hover {
    background-position: -281px -146px;
    width: 66px;
}
#nav .main .main-3 .sub .sub-0 a:hover {
    background-position: 0em -204px;
    width: 48px;
}
#nav .main .main-3 .sub .sub-1 a:hover {
    background-position: -61px -204px;
    width: 36px;
}
#nav .main .main-3 .sub .sub-2 a:hover {
    background-position: -111px -204px;
    width: 48px;
}
#nav .main .main-3 .sub .sub-3 a:hover {
    background-position: -172px -204px;
    width: 59px;
}
#nav .main .main-4 .sub .sub-0 a:hover {
    background-position: 0em -262px;
    width: 45px;
}
#nav .main .main-5 .sub .sub-0 a:hover {
    background-position: 0em -320px;
    width: 48px;
}
#nav .main .main-5 .sub .sub-1 a:hover {
    background-position: -62px -320px;
    width: 48px;
}
*/

.start {
    width: 297px;
}
._home .start {
    left: 0em;
    position: absolute;
    top: 0em;
    width: 298px;
}
.start a {
    background: url("../../img/dk/renewal/common/bg_start.jpg") no-repeat 0em 0em;
    display: block;
    text-indent: -9000em;
}
.start .run {
    height: 109px;
    width: 100%;
}
.start .fast {
	background: url("../../img/dk/renewal/common/btn_season.png") no-repeat 0em 0em;
    height: 50px;
    width: 100%;
}
.start span {
    display: block;
    overflow: hidden;
}
.start span a {
    float: left;
    height: 43px;
}
.start span .btn_down {
    background-position: 0em -159px;
    width: 148px;
}
.start span .btn_guide {
    background-position: -148px -159px;
    width: 149px;
}
._home .start span .btn_guide {
    background-position: -148px -159px;
    width: 150px;
}

/*  */
div
{
	border:1px solid #000; 
	
	
}
/* .signin {
   
	height: 210px;
	position: relative;
	width: 297px;
	background: url(../../img/dk/renewal/common/bg_login.gif) no-repeat top left;
} */

.signin {
	height: 210px;
	position: relative;
	width: 297px;
	background: url('../../img/dk/renewal/common/bg_login02.png') no-repeat top left;
}
.button-setchr{
	width:154px;
	height:36px;
	text-indent:-999px;
	overflow:hidden;
	display:block;
	margin:0 auto;
	background:url(../../img/dk/renewal/common/sp_btnSet.png) no-repeat -135px -429px;
	
}

._home .signin {
    left: 0em;
    position: absolute;
    top: 202px;
    width: 298px;
}

body._ch .signin .check{ padding-top:73px;}
body._ch .signin .check A{
	width:257px;
	height:52px;
	display:block;
	margin:0 auto;
	background:url(../../img/dk/renewal/ch/btn_login.png) no-repeat left top;
	
}
body._ch .signin .check p{
	font-size:12px;
	line-height:18px;
	color:#7581a9;
	padding:14px 0 0 0;
	text-align:center;
}
body._ch .signin{
	background:url(../../img/dk/renewal/ch/bg_login.gif) no-repeat left top;
}
body._ongate .signin .check A.button_signin{
	width:180px;
	height:40px;
	background:url(../../img/dk/renewal/ch/btn_login.png) no-repeat left -134px;
}
body._ongate .signin .check A.button_agree{
	width:180px;
	height:40px;
	background:url(../../img/dk/renewal/ch/btn_login.png) no-repeat -263px -134px;
}

body._naver .signin .check A.button_signin{
	background:url(../../img/dk/renewal/ch/btn_login.png) no-repeat left 0;
}
body._naver .signin .check A.button_agree{
	background:url(../../img/dk/renewal/ch/btn_login.png) no-repeat -263px 0;
}
body._daum .signin .check A.button_signin{
	background:url(../../img/dk/renewal/ch/btn_login.png) no-repeat left -71px;
}
body._daum .signin .check A.button_agree{
	background:url(../../img/dk/renewal/ch/btn_login.png) no-repeat -263px -71px;
}
.signin .secure {
    height: 27px;
    overflow: hidden;
	padding-top:12px;
    padding-left: 30px;
    position: relative;
}
/* .signin .secure {
    height: 27px;
    overflow: hidden;
	padding-top:62px;
    padding-left: 30px;
    position: relative;
} */
.signin .m_safety{
	width:157px;
	height:28px;
	position:absolute;
	top:13px;
	left:151px;
	z-index:1;	
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../img/dk/renewal/common/blank-2.gif) no-repeat -150px -12px;
}
.signin .secure input {
    display: none;
}
.signin .secure .text {
    color: #626a8c;
    float: left;
    font-size: 11px;
    letter-spacing: -1px;
    margin-top: 3px;
}
.signin .secure .text span {
    border-left: 1px solid #43485a;
    float: left;
    padding: 0em 3px 0 0;
}
.signin .secure .text span:first-child {
    border-left: 0em;
}
.signin .secure .secure-check {
    background: url("../../img/azera/icon_btn_text.png") no-repeat -120px -354px;
    float: left;
    height: 19px;
    margin-top: 0;
    padding: 4px 0em 0em 4px;
    width: 58px;
}
.signin .secure .secure-check button {
    background: none;
    border: 0em;
    float: left;
    height: 11px;
    width: 21px;
}
.signin .secure .secure-check .check-on {
    background: url("../../img/azera/icon_btn_text.png") no-repeat -68px -354px;
    height: 11px;
    margin-right: 3px;
    width: 21px;
}
.signin .secure .secure-check .check-off {
    background: url("../../img/azera/icon_btn_text.png") no-repeat -92px -354px;
    height: 11px;
    width: 26px;
}
.signin .secure .secure-check .check-on._on {
    background: url("../../img/azera/icon_btn_text.png") no-repeat -68px -368px;
}
.signin .secure .secure-check .check-off._on {
    background: url("../../img/azera/icon_btn_text.png") no-repeat -92px -368px;
}
.signin .secure .guide {
    display: block;
    height: 11px;
    overflow: hidden;
    position: absolute;
    right: 136px;
    text-indent: -9999px;
    top: 66px;
    width: 12px;
	background:url(../../img/dk/renewal/common/bg_login.png) no-repeat -150px -66px;
}
.signin .form {
    padding: 0 0em 0em 20px;
}
/* .signin .form {
    padding: 0 0em 0em 20px;
    margin-top: -50px;
} */
.signin .form div {
    padding-bottom: 2px;
    position: relative;
}
.signin .form label {
    color: #18417c;
    font-size: 14px;
    left: 0em;
    padding: 10px 0em 0em 12px;
    position: absolute;
    top: 0em;
}
.signin .form input {
    background: none;
    border: none;
    color: #18417c;
    display: block;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding: 0em 0em 0em 8px;
    width: 158px;
}
/* .signin .form .submit {
    background: none;
    border: 0em;
    height: 64px;
    position: absolute;
    right: 21px;
    top: 89px;
    width: 79px;
    background: url(../../img/dk/renewal/common/bg_login.png) no-repeat -198px -89px;
} */
.signin .form .submit {
    background: none;
    border: 0em;
    height: 64px;
    position: absolute;
    right: 21px;
    top: 41px;
    width: 79px;
}
.signin .menu {
    margin: 7px 0em 0em 20px;
    overflow: hidden;
}
.signin .menu li {
    float: left;
    margin-left: 5px;
    margin-top: 2px;
}
.signin .menu li:first-child {
    margin-left: 0em;
}
.signin .menu li a {
    display: block;
    height: 32px;
	overflow:hidden;
    text-indent: -9999px;
}
/* .signin .menu li .m-0 {
    width: 82px;
	
} */
.signin .menu li .m-0 {
    width: 124px;
	
}
/* .signin .menu li .m-1 {
    width: 83px;
} */
.signin .menu li .m-1 {
    width: 128px;
}
.signin .menu li .m-2 {
    width: 87px;
}
/*로그인 메세지박스*/
p.login_error_msg{
	position: absolute;
    width: 232px;
	padding: 0 1em;
    border-radius: 4px;
    line-height: 15px;
    font-size: 12px;
    background-color: #F2DEDE;
    top: -12px;
    left: 20px;
    color: #B94A48 !important;
}
p.login_error_msg a{
	display: inline-block;
}

/* �α׾ƿ� */
/*
#sidebar .logout .alert{position:relative;left:-19px;margin-bottom:-10px;padding:9px 0 0 21px;width:235px;height:35px;background:url(http://cdn.halgame.com/DKOnline/Image/cbt2/bg_sale_bubble.gif) no-repeat 0 0;}
#sidebar .logout .alert a{letter-spacing:-1px;color:#ffd878;font-weight:bold;line-height:12px;}
#sidebar .logout .alert button{position:absolute;top:9px;right:10px;width:11px;height:11px;background:url(http://cdn.halgame.com/DKOnline/Image/cbt2/btn_close06.gif) no-repeat 0 0;line-height:999px;cursor:pointer;overflow:hidden;}
#sidebar .logout .user{padding-bottom:3px;}
#sidebar .logout .user em,
#sidebar .logout .user span{display:block;font-style:normal;font-weight:bold;color:#585858;}
#sidebar .logout .user em{padding-bottom:6px;border-bottom:1px solid #dbdbdb;}
#sidebar .logout .user em strong{color:#4191a8;}
#sidebar .logout .user span{padding:3px 0 1px;border-top:1px solid white;}
#sidebar .logout .cash{position:relative;padding:2px 0 0 0;background:url(http://cdn.halgame.com/DKOnline/Image/cbt2/dot_2x2_whitegray.gif) repeat-x 0 0;color:#585858;overflow:hidden;*zoom:1;}
#sidebar .logout .cash p{padding:16px 0 0 19px;height:28px;background:url(http://cdn.halgame.com/DKOnline/Image/cbt2/ico_cash.gif) no-repeat 1px 15px;overflow:hidden;}
#sidebar .logout .cash p strong A{color:#d16a06;text-decoration:none;}
#sidebar .logout .cash p .cBtn{position:absolute;display:block;top:11px;right:0px;color:#4191a8;}
#sidebar .logout .cash p .cBtn A{display:block;float:left;margin-left:3px;}

#sidebar .logout .btn{position:relative;margin:0;padding:10px 0 5px;width:236px;*zoom:1;z-index:5;text-align:left;overflow:visible;}
#sidebar .logout .btn .myinfo{position:relative;display:inline-block;width:156px;height:26px;border:1px solid #d0d0d0;background-color:#fff;line-height:12px;}
#sidebar .logout .btn .myinfo.active h3{background-position:142px -9px !important;}
#sidebar .logout .btn .myinfo h3{padding:7px 0 0 7px;height:19px;background:url(http://cdn.halgame.com/DKonline/Image/cbt2/ico_arr03.gif) no-repeat 142px 11px;font-weight:normal;cursor:pointer;}

#sidebar .logout .btn , .logout .cash{border-top:1px solid #fff;}
#sidebar .logout .user .peerage{margin:6px 0 0 0;}
#sidebar .logout .user .peerage .icon{float:left;display:block;margin:0 5px 0 0;text-indent:-9999px;width:39px;height:19px;background:url('http://cdn.halgame.com/DKonline/Image/cbt2/icon_peerage.gif') no-repeat left top;}
#sidebar .logout .user .peerage  {height:23px;overflow:hidden;width:236px;}
#sidebar .logout .user .peerage .lev1{background-position: 0 0 }
#sidebar .logout .user .peerage .lev2{background-position: 0 -21px;}
#sidebar .logout .user .peerage .lev3{background-position: 0 -42px}
#sidebar .logout .user .peerage .lev4{background-position: -40px 0}
#sidebar .logout .user .peerage .lev5{background-position: -40px -21px }
#sidebar .logout .user .peerage .lev6{background-position: -40px -42px}
#sidebar .logout .user .peerage .lev7{background-position: -80px 0}
#sidebar .logout .user .peerage .lev8{background-position: -80px -21px}
#sidebar .logout .user .peerage .lev9{background-position: -80px -42px}
#sidebar .logout .user .peerage .lev10{background-position:-120px 0}
#sidebar .logout .user .peerage .lev11{background-position:-120px -21px}
#sidebar .logout .user .peerage .lev12{background-position:-120px -42px}
#sidebar .logout .user .peerage .lev13{background-position:-120px -63px}

#sidebar .logout .cash {width:236px;position:relative;padding:0;background:none;color:#585858;overflow:hidden;*zoom:none;margin:0;}
		
#sidebar 		.logout .info .nodata {height:28px;color:#b3b3b3;padding:10px 0 0 0;}
#sidebar 		.logout .info .nodata p{font-size:11px;line-height:16px;}
#sidebar 		.logout .info .nodata strong{color:#585858;}
#sidebar 		.logout .info .noavatar {color:#b3b3b3;padding:8px 0 1px 0;font-size:11px;line-height:16px;}
#sidebar 		.logout .info .noavatar p{text-align:center;}
#sidebar 		.logout .info .noavatar A{display:block;width:154px;margin:7px auto 0 auto;}
*/

.logout {
    background:#1b1f2b url("../../img/dk/renewal/common/bg_logout.jpg") no-repeat 0 0;
    height: 210px;
    position: relative;
    width: 297px;
}
._home .logout {
    left: 0em;
    position: absolute;
    top: 202px;
    width: 298px;
}
.logout .wrap {
	padding:8px 20px 0;
}
.logout .wrap .user .peerage {
	height:29px;
	overflow:hidden;
	border-bottom:1px solid #000;
}
.logout .wrap .user .peerage p {
	float:left;
	color:#c7d4fe;
	font-size:14px;
	font-weight:bold;
	line-height:22px;
    word-break: normal !important;
}
.logout .wrap .user .peerage p strong {
    float: left;
    display: inline-block;
    width: 100px;
    overflow: hidden;
    word-wrap: normal;
    text-overflow: ellipsis;
}
.logout .wrap .user .peerage p span {
    float: right;
    word-break: normal !important;
}

.logout .wrap .user .noavt {
    margin-top: 0;
}
.logout .wrap .user .peerage p span {
	color:#c7d4fe;
	display:block;
	font-size:14px;
	font-weight:bold;
}
.logout .wrap .user .peerage .server {
	float:right;
}
.logout .wrap .user .peerage .server img {
	width:44px;
	height:22px;
	background: url("../../img/dk/renewal/common/sp_btnSet-2.png") no-repeat -956px -178px;
}
.logout .wrap .user .info {
	border-top:1px solid #3a415a;
	border-bottom:1px solid #000;
	overflow:hidden;
	position:relative;
	padding:7px 0;
}
.logout .wrap .user .info._daum {
	padding:4px 0 4px 0;
}
.logout .wrap .user .info .noti{position:absolute;top:10px;right:0;display:block;width:16px;height:16px;}
.logout .wrap .user .info .noti img {
	width:16px;
	height:16px;
	background: url("../../img/dk/renewal/common/sp_btnSet-2.png") no-repeat -984px -309px;
}
.logout .wrap .user .info #noti{position:absolute;top:25px;left:0;}
.logout .wrap .user .info .avatar {
	width:54px;
	height:54px;
	position:absolute;
	top:10px;
	left:0;
	display:block;
}
.logout .wrap .user .info .avatar img {
	background: url("../../img/dk/renewal/common/img_character.gif") no-repeat left top;    
    height: 54px;
    width: 54px;
}
.logout .wrap .user .info .avatar.warrior img {
	background-position:0 0;   
}
.logout .wrap .user .info .avatar.sorcerer img {
	background-position: -58px 0em;  
}
.logout .wrap .user .info .avatar.paladin img {
	background-position: -174px 0em;   
}
.logout .wrap .user .info .avatar.warlook img {
	background-position: -116px 0em;  
}
.logout .wrap .user .info .avatar.diel img {
	background-position: -174px -58px;   
}
.logout .wrap .user .info .avatar.noClas img {
	background-position: 0 -58px;   
}
.logout .wrap .user .info .avatar.gm img {
	background-position: -58px -58px;   
}
.logout .wrap .user .info .avatar.gm_pink img {
	background-position: -116px -58px;   
}

.logout .wrap .user .info ul {
	margin-left:66px;
}
.logout .wrap .user .info ul li {
	padding-left:8px;
	overflow:hidden;
	background: url("../../img/dk/renewal/bul/bul_dot-2.gif") no-repeat left center;    
}
.logout .wrap .user .info ul li strong, .logout .wrap .user .info ul li p {
	float:left;
}
.logout .wrap .user .info ul li strong {
	font-size:11px;
	line-height:18px;
	color:#c7d4fe;
}
.logout .wrap .user .info._daum ul li strong {
	font-size:11px;
	line-height:16px;
	color:#c7d4fe;
}
.logout .wrap .user .info ul li p {
	font-size:11px;
	line-height:18px;
	color:#7581a9;
	margin-left:8px;
}
.logout .wrap .user .info._daum ul li p {
	font-size:11px;
	line-height:16px;
	color:#7581a9;
	margin-left:8px;
}
.logout .wrap .user .info ul .job p{width:104px;}		
.logout .wrap .user .info ul .job span{display:inline}	

.logout .wrap .cash {
	border-top:1px solid #3a415a;
	border-bottom:1px solid #000;
	padding-top:6px;
	padding-bottom:5px;
}
.logout .wrap .cash._daum {
	border-top:1px solid #3a415a;
	border-bottom:1px solid #000;
	padding-top:4px;
	padding-bottom:3px;
}
.logout .wrap .cash div {
	overflow:hidden;
}
.logout .wrap .cash ._daum {
	margin-bottom:3px;
}
.logout .wrap .cash div strong {
	color:#c7d4fe;
	font-size:12px;
	line-height:18px;
	float:left;
	margin-left:4px;
}
.logout .wrap .cash div strong .mycash{float:left; margin-right:10px;}
.logout .wrap .cash div strong .confim{float:left;}

.logout .wrap .cash div strong a {
	color:#ff4900;
}
.logout .wrap .cash div span {
	float:right;
}
.logout .wrap .cash ._daum strong .confim{color:#7581a9;}
.logout .wrap .cash div span .img1 {
	width:40px;
	height:21px;
	background: url("../../img/dk/renewal/common/sp_btnSet-2.png") no-repeat -960px -210px;
}
.logout .wrap .cash div span .img2 {
	width:40px;
	height:21px;
	background: url("../../img/dk/renewal/common/sp_btnSet-2.png") no-repeat -960px -240px;
}
.logout .wrap .btn {
    padding: 0;
	border-top:1px solid #3a415a;
	padding-top:10px;
}
.logout .wrap .btn._daum {
	border-top:1px solid #3a415a;
	padding-top:5px;
}
.logout .wrap .btn .myinfo {
    background:#f2f6ff;
    border: 1px solid #000;
    display: inline-block;
    height: 30px;
    line-height: 12px;
    position: relative;
    width: 168px;
}
.logout .wrap .btn .myinfo  h3 {
	font-size:14px;
	color:#35528f;
    background: url("../../img/dk/renewal/bul/bul_arr_dn.png") no-repeat scroll 149px 12px;
    cursor: pointer;
    height: 22px;
    padding: 8px 0 0 7px;
}
.logout .wrap .btn .myinfo ul {
    background:#fff;
	border:1px solid #d0d0d0;
	border-top:1px dashed #aaa;
    display: none;
    padding-top: 4px;
    position: absolute;
    width: 166px;
	z-index:999;
}
.logout .wrap .btn .active ul {
	display:block;
}
.logout .wrap .btn .myinfo a {
    color: #585858;
    display: block;
    height: 19px;
    padding: 7px 0 0 7px;
}
.logout .wrap .btn .myinfo a:hover {
    font-weight: bold;
    letter-spacing: -1px;
    text-decoration: none;
}
.logout .wrap .btn .signout img {
	width:82px;
	height:32px;
	background: url("../../img/dk/renewal/common/sp_btnSet-2.png") no-repeat -150px -381px;
}

.logout .wrap .user .info .nodata {height:40px;color:#C7D4FE;padding:10px 0;}
.logout .wrap .user .info._daum .nodata {padding:7px 0;}
.logout .wrap .user .info .nodata p{font-size:12px;line-height:20px;}
.logout .wrap .user .info .nodata strong{color:#C7D4FE}
.logout .wrap .user .info .noavatar {color:#b3b3b3;padding:8px 0 1px 0;font-size:11px;line-height:16px;}
.logout .wrap .user .info .noavatar p{text-align:center; color:#7581a9;	text-shadow: 1px 1px 1px #000;}
.logout .wrap .user .info .noavatar A{display:block;width:154px;margin:7px auto 0 auto;}



.smartGuide {
    margin-bottom: 10px;
}
._home .smartGuide {
    margin-bottom: 0em;
    position: absolute;
    right: 0em;
    top: 109px;
}
.pcbang {
    position: absolute;
    right: 0em;
    top: 0em;
    width: 310px;
}
.pcbang .tit {
    background: url("../../img/dk/renewal/common/img_pcbang.jpg") no-repeat 0em 0em;
    height: 65px;
    position: relative;
    width: 100%;
}
.pcbang .tit span {
    position: absolute;
    right: 20px;
    top: 23px;
}
.pcbang .tit span img {
    background: url("../../img/dk/renewal/icon/icon_pcbang.png") no-repeat 0em 0em;
    height: 22px;
    width: 38px;
}
.pcbang .tit span .on {
    background-position: 0em 0em;
}
.pcbang .tit span .off {
    background-position: 0em -22px;
}
.pcbang .menu {
    background: url("../../img/dk/renewal/common/img_pcbang_bg.jpg") no-repeat 0em -65px;
}
.pcbang .menu ul {
    overflow: hidden;
    padding: 17px 40px 14px 40px;
    width: 230px;
}
.pcbang .menu ul li {
    float: left;
}
.pcbang .menu ul li a {
    background: url("../../img/dk/renewal/common/img_pcbang.jpg") no-repeat 0em 0em;
    display: block;
    height: 13px;
    text-indent: -9000px;
	overflow:hidden;
}
.pcbang .menu ul li .menu01 {
    background-position: -21px -82px;
    margin-right: 16px;
    width: 51px;
}
.pcbang .menu ul li .menu01:hover {
    background-position: -21px -191px;
    margin-right: 16px;
    width: 51px;
}
.pcbang .menu ul li .menu02 {
    background-position: -81px -82px;
    margin-right: 18px;
    width: 65px;
}
.pcbang .menu ul li .menu02:hover {
    background-position: -81px -191px;
    margin-right: 18px;
		width: 65px;
}
.pcbang .menu ul li .menu03 {
    background-position: -157px -82px;
    margin-right: 18px;
    width: 74px;
}
.pcbang .menu ul li .menu03:hover {
    background-position: -157px -191px;
    margin-right: 18px;
    width: 74px;
}
.pcbang .menu ul li .menu04 {
    background-position: -237px -82px;
    width: 51px;
}
.pcbang .menu ul li .menu04:hover {
    background-position: -237px -191px;
    width: 51px;
}
.pcbang._type2 {
    background: url("../../img/dk/renewal/common/bg_subPcbang.png") no-repeat 0em 0em;
    margin-bottom: 20px;
    padding: 18px 0em 14px;
    position: relative;
}
.pcbang._type2 h2 {
    background: url("../../img/dk/renewal/common/sp_textSet-2.png") no-repeat -346px -30px;
    height: 16px;
    margin-bottom: 15px;
    margin-left: 20px;
    text-indent: -9000em;
    width: 104px;
}
.pcbang._type2 ul {
    background: #;
    height: 48px;
    overflow: hidden;
    padding: 19px 0em 0em;
    width: 100%;
}
.pcbang._type2 ul li {
    float: left;
    height: 48px;
}
.pcbang._type2 ul li a {
    background: url("../../img/dk/renewal/common/img_pcbang2.jpg") no-repeat 0em 0em;
    display: block;
    height: 48px;
    text-indent: -9000em;
}
.pcbang._type2 ul li.m1 a {
    background-position: 16px 0em;
    width: 75px;
}
.pcbang._type2 ul li.m2 a {
    background-position: -59px 0em;
    width: 75px;
}
.pcbang._type2 ul li.m3 a {
	
    background-position: -134px 0em;
    width: 74px;
}
.pcbang._type2 ul li.m4 a {
    background-position: -208px 0em;
    width: 73px;
}
.pcbang._type2 span {
    left: 131px;
    position: absolute;
    top: 15px;
}
.pcbang._type2 span img {
    background: url("../../img/dk/renewal/icon/icon_pcbang.png") no-repeat 0em 0em;
    height: 22px;
    width: 38px;
}
.pcbang._type2 span .on {
    background-position: 0em 0em;
}
.pcbang._type2 span .off {
    background-position: 0em -22px;
}
#side .security {
    background: url("../../img/dk/renewal/common/bg_security2.gif") no-repeat 0em 0em;
    height: 212px;
    padding-top: 66px;
    width: 297px;
}
#side .security ul {
    margin: 0em auto;
    overflow: hidden;
    width: 257px;
	margin-top:20px;
}
#side .security ul li {
    float: left;
    height: 29px;
    width: 160px;
}

 #side .security ul li a {
    background: url("../../img/dk/renewal/common/img_security.gif") no-repeat 0em 0em;
    display: block;
    height: 29px;
    text-indent: -9000em;
    width: 160px;
}
 #side ._ch .security ul li a {
    background: url("../../img/dk/renewal/ch/img_security2.gif") no-repeat 0em 0em;
}
#side .security ul .menu01 {
    margin: 0em 3px 0px 52px;
}
#side .security ul .menu01 a {
    background-position: 0em 0em;
}
#side .security ul .menu02 {
    margin: 0em 3px 0px 52px;
}
#side .security ul .menu02 a {
    background-position: 0em -29px;
}
#side .security ul .menu03 {
    margin: 0em 3px 0em 52px;
}
#side .security ul .menu03 a {
    background-position: 0em -58px;
}
#side .security ul .menu04 a {
    background-position: 0em -87px;
}
#side .security ul .menu04 {
    margin: 0em 3px 0em 52px;
}
#side .security ul .menu05 a {
    background-position: 0em -116px;
}
#side .security ul .menu05 {
    margin: 0em 3px 0em 52px;
}
._home #side .security {
    background: url("../../img/dk/renewal/common/bg_security.gif") no-repeat 0em 0em;
    height: 192px;
    padding-top: 76px;
    width: 257px;
}
._home #side .security ul {
    margin: 0em auto;
    overflow: hidden;
    width: 247px;
	margin-top:2px;
}
._home #side .security ul li {
    float: left;
    height: 29px;
    width: 160px;
}
._home #side .security ul li a {
    background: url("../../img/dk/renewal/common/img_security.gif") no-repeat 0em 0em;
    display: block;
    height: 29px;
    text-indent: -9000em;
    width: 160px;
}
._home._ch #side .security ul li a {
	background: url("../../img/dk/renewal/ch/img_security.gif") no-repeat 0em 0em;
}

._home #side .security ul .menu01 , ._home._ch #side .security ul .menu01 {
    margin: 0em 2px 2px 42px;
}
._home#side .security ul .menu01 a  , ._home._ch #side .security ul .menu01 a {
    background-position: 0em 0em;
}
._home #side .security ul .menu02 , ._home._ch #side .security ul .menu02 {
    margin: 0em 2px 2px 42px;
}
._home #side .security ul .menu02 a , ._home._ch #side .security ul .menu02 a{
    background-position: 0em -29px;
}
._home #side .security ul .menu03 {
    margin: 0em 0px 2px 42px;
}

._home  #side .security ul li.menu03 a , 
._home._ch  #side.security ul li.menu03 a{
    background-position: 0em -58px;	
}

._home #side .security ul .menu04 a ,
._home._ch #side .security ul .menu04 A{
    background-position: 0em -87px;
}
._home #side .security ul .menu04 {
    margin: 0em 0px 2px 42px;
}

._home #side .security ul .menu05 a ,
._home._ch #side .security ul .menu05 A{
    background-position: 0em -116px;
}
._home #side .security ul .menu05 {
    margin: 0em 0px 2px 42px;
}


.select_type2 {
    background: #92aace;
    border-bottom: none;
    border: 1px solid #7892ba;
    position: relative;
}
.select_type2:hover .log {
    display: block;
    z-index: 10;
}
.select_type2 h3 {
    color: #fff;
	position:relative;
    font-size: 12px;
    line-height: 26px;
    padding: 5px 0em 0em 20px;
}
.select_type2 h3 .state{
	width:30px;
	height:16px;
	text-indent:-99999px;
	overflow:hidden;
	display:block;
	position:absolute;
	top:7px;
	right:40px;
	background:url(../../img/dk/renewal/icon_set.png) no-repeat left top;
	
}

._home .select_type2 h3{
	
	letter-spacing:-1px;
}
._home .select_type2 .arr{
	
}
.select_type2 h3 .danger{background-position:-150px -226px}
.select_type2 h3 .safety{background-position:-187px -226px}
.select_type2 h3 .normal{background-position:-224px -226px}
.select_type2 h3 A{
	 color: #fff;
}
.select_type2 .arr {
    background: url("../../img/dk/renewal/bul/bul_arrow.gif") no-repeat 0em 0em;
    display: block;
    height: 3px;
    position: absolute;
    right: 20px;
    top: 16px;
    width: 7px;
}
.log {
    background: none repeat scroll 0em 0em #fff;
    border: 1px solid #bcc0d0;
    clear: both;
    display: none;
    left: -1px;
    position: absolute;
    top: 30px;
    width: 100%;
}
.log ul.text {
    list-style: none outside none;
    overflow: hidden;
    padding-bottom: 8px;
    padding-left: 18px;
    padding-top: 2px;
}
.log ul.text li {
    background: url("../../img/dk/renewal/bul/bul_dot2-2.gif") no-repeat 0em 14px;
    color: #666;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 12px;
    text-align: left;
}
.log ul.text li strong {
    color: #5080c9;
    font-weight: bold;
}
.log ul.text li a {
    color: #4191a8;
}
.log ul.auth {
    background: url("../../img/dk/renewal/common/bg_auth.gif") no-repeat 0em 0em;
    border-top: 1px solid #bcc0d0;
    clear: both;
    list-style: none outside none;
    overflow: hidden;
}

.log ul.auth li {
    float: left;
    font-size: 11px;
    height: 34px;
}
.log ul.auth li.phone {
    width: 98px;
}
.log ul.auth li.otp_state {
    width: 71px;
}
.log ul.auth li.pc {
    border-right: 0em none;
    width: 86px;
}
.log ul.auth li strong {
    padding-top: 12px;
}
.log ul.auth li strong {
    color: #6d7294;
    display: block;
    float: left;
    font-weight: bold;
    letter-spacing: -1px;
    padding-left: 8px;
    padding-right: 29px;
}
.log ul.auth li strong.on {
    background: url("../../../DKonline/Image/cbt2/icon_auth_on.gif") no-repeat right 11px;
}
.log ul.auth li strong.off {
    background: url("../../../DKonline/Image/cbt2/icon_auth_off.gif") no-repeat right 11px;
}

._ch .log ul.auth {
    background: url("../../img/dk/renewal/ch/bg_auth.gif") no-repeat 0em 0em;
}
._ch .log ul.auth li.otp_state{
	width: 128px;
	text-align:center;
}
._ch .log ul.auth li.pc
{
	width:127px;
	text-align:center;
}
._ch .log ul.auth li strong{
	float:none;
	display:inline-block;
}

._ch._naver .log ul.auth {	
    background: url("../../img/dk/renewal/ch/bg_auth3.gif") no-repeat 0em 0em;
}
._ch._naver .log ul.auth li.otp_state{
	width: 255px;
	text-align:center;
}


/* ��ü�޴� */
#allmenu {
    border-top: 2px solid #92aace;
    margin: 0em auto 80px;
    padding-top: 30px;
    width: 1210px;
}
#allmenu > ul {
    overflow: hidden;
    padding: 0em 5px;
}
#allmenu > ul > li {
    float: left;
    text-align: center;
    width: 200px;
}
#allmenu > ul > li strong {
    color: #2e5091;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 25px;
}
#allmenu > ul > li ul li {
    line-height: 24px;
}
#allmenu > ul > li ul li a {
    color: #666;
    font-size: 12px;
}
#allmenu > ul > li ul li a:hover{
	color:#2E5091;
}

/* footer */
#footer {
    background: url("../../img/dk/renewal/common/bg_footbar.gif") repeat-x 0em 0em;
    border-top: 1px solid #d1d9ed;
    width: 100%;
}
#footer .f_wrap {
    background: url('https://web-files-tokyo-cdn.masangsoft.com/public/DK/homepage/main/dk_img_footer1.gif') no-repeat;
    margin: 0em auto;
    height:176px;
    position: relative;
    width: 1250px;
}
body._daum #footer .f_wrap{
	height:217px;
    background: url('https://web-files-tokyo-cdn.masangsoft.com/public/DK/homepage/main/dk_img_footer1.gif') no-repeat;
}
body._naver #footer .f_wrap{
	background: url("../../img/dk/renewal/ch/img_naver_footer.gif") no-repeat 0em 0em;
}
body._ongate #footer .f_wrap{
	height:235px;
	background: url("../../img/dk/renewal/ch/img_ongate_footer1.gif") no-repeat 0em 0em;
}

#footer .f_wrap .logo a {
    display: block;
    position: absolute;
    text-indent: -9000em;
    top: 14px;
}
body._daum #footer .f_wrap .logo a {
    display: block;
    position: absolute;
    text-indent: -9000em;
    top: 10px;
}
#footer .f_wrap .logo .logo_sgi {
    height: 35px;
    left: 10px;
    width: 129px;
}
#footer .f_wrap .logo .logo_rpg {
    height: 35px;
    left: 158px;
    width: 78px
}


body._daum #footer .f_wrap .logo .logo_sgi {

    height: 39px;
    left: 10px;
    width: 129px;
}

body._daum #footer .f_wrap .logo .logo_sgi1 {
   
	height: 39px;
    left: 140px;
    width: 129px;
}

body._daum #footer .f_wrap .logo .logo_rpg {
    height: 39px;
    left: 267px;
    width: 78px;
}
body._daum  #footer .f_wrap .logo .logo_ch {
    height: 45px;
    left: 169px;
    width: 80px;
}

body._naver #footer .f_wrap .logo .logo_sgi {
    height: 35px;
    left: 10px;
    width: 129px;
}
body._naver #footer .f_wrap .logo .logo_rpg {
   height: 35px;
    left: 158px;
    width: 78px;
}
body._naver  #footer .f_wrap .logo .logo_ch {
    height: 35px;
    left: 255px;
    width: 97px;
}


body._ongate #footer .f_wrap .logo .logo_sgi {
   height: 35px;
    left: 10px;
    width: 129px;
}
body._ongate #footer .f_wrap .logo .logo_rpg {
   height: 35px;
    left: 157px;
    width: 78px;
}
body._ongate  #footer .f_wrap .logo .logo_ch {
    height: 40px;
    left: 238px;
    width: 110px;
}



#footer .f_wrap .f_menu {
    position: absolute;
    right: 0;
    top: 30px;
	overflow:hidden;
}


#footer .f_wrap .f_menu ul {
    display:table;
}
#footer .f_wrap .f_menu ul > li {
    display:table-cell;
    height: 18px;
}
#footer .f_wrap .f_menu ul > li > a {
    display: block;
    height: 18px;
	line-height:15px;
	font-weight:bold;font-family:Malgun Gothic , 맑은고딕;font-size:12px;color:#666;letter-spacing:-0.05em;
	background:url(../../../Portal/Common/l_bar.gif) no-repeat right 6px;
}
body._ch #footer .f_wrap .f_menu ul > li > a {
    display: block;
    height: 18px;
	line-height:15px;
	font-weight:bold;font-family:Malgun Gothic , 맑은고딕;font-size:12px;color:#666;letter-spacing:-0.04em;
	background:url(../../../Portal/Common/l_bar.gif) no-repeat right 6px;
}
#footer .f_wrap .f_menu ul .m1 a {
    width:48px;padding-right:10px;
}
#footer .f_wrap .f_menu ul .m2 a {
    width:48px;padding:0 10px;
}
#footer .f_wrap .f_menu ul .m3 a {
    width:95px;padding:0 10px;
	  color:#ff6000;
}
#footer .f_wrap .f_menu ul .m4 a {
    width:88px;padding:0 10px;
}
#footer .f_wrap .f_menu ul .m5 a {
    width:48px;padding:0 10px;
}
#footer .f_wrap .f_menu ul .m6 a {
    width:48px;padding:0 0 0 10px; background:none !important;
}


/* 다음 채널링 푸터 메뉴 */
body._ch #footer._daum .f_wrap .f_menu ul .m1 a{
    width:48px;padding-right:10px;
}
body._ch #footer._daum .f_wrap .f_menu ul .m2 a{
     width:168px;padding:0 10px;
}
body._ch #footer._daum .f_wrap .f_menu ul .m3 a{
     width:72px;padding:0 10px;
}
body._ch #footer._daum .f_wrap .f_menu ul .m4 a{
     width:84px;padding:0 10px;
}
body._ch #footer._daum .f_wrap .f_menu ul .m5 a{
     width:103px;padding:0 10px;
}
body._ch #footer._daum .f_wrap .f_menu ul .m6 a{
    width:116px;padding:0 0 0 10px; background:none !important;
}

body._ch #footer._daum .f_wrap address {
    height: 52px;
    padding-top: 86px;
    width: 644px;
}

/* 네이버 채널링 푸터 메뉴 */
body._ch #footer._naver .f_wrap .f_menu ul .m1 a{
    width:48px;padding-right:10px;
}
body._ch #footer._naver .f_wrap .f_menu ul .m2 a{
     width:48px;padding:0 10px;
}
body._ch #footer._naver .f_wrap .f_menu ul .m3 a{
     width:95px;padding:0 10px;
}
body._ch #footer._naver .f_wrap .f_menu ul .m4 a{
     width:88px;padding:0 10px;
}
body._ch #footer._naver .f_wrap .f_menu ul .m5 a{
     width:103px;padding:0 10px;
}
body._ch #footer._naver .f_wrap .f_menu ul .m6 a{
    width:103px;padding:0 0 0 10px; background:none !important;
}

/* 온게이트 채널링 푸터 메뉴 */
body._ch #footer._ongate .f_wrap .f_menu ul .m1 a{
    width:48px;padding-right:10px;
}
body._ch #footer._ongate .f_wrap .f_menu ul .m2 a{
     width:48px;padding:0 10px;
}
body._ch #footer._ongate .f_wrap .f_menu ul .m3 a{
     width:95px;padding:0 10px;
}
body._ch #footer._ongate .f_wrap .f_menu ul .m4 a{
     width:88px;padding:0 10px;
}
body._ch #footer._ongate .f_wrap .f_menu ul .m5 a{
     width:103px;padding:0 10px;
}
body._ch #footer._ongate .f_wrap .f_menu ul .m6 a{
    width:103px;padding:0 0 0 10px; background:none !important;
}



#footer .f_wrap .address_info{width:610px;position:absolute;top:78px;left:10px;}
#footer .f_wrap .address_info span{display:inline-block;height:16px;font-family:Malgun Gothic , 맑은고딕;font-size:11px;color:#666;padding-right:20px;letter-spacing:-0.02em;line-height:14px;}
#footer .f_wrap .copyright{font-family:Tahoma;font-size:11px;color:#888;position:absolute;top:140px;left:10px;letter-spacing:-0.05em;}
#footer._daum .f_wrap .copyright{top:125px;}
#footer._daum .f_wrap .foot_disc{position:absolute;top:152px;left:10px;height:18px;font-family:Malgun Gothic , 맑은고딕;font-size:11px;color:#666;letter-spacing:-0.02em;line-height:15px;}
#footer._daum .f_wrap .copyright_daum{font-family:Tahoma;font-size:11px;color:#888;position:absolute;top:184px;left:10px;letter-spacing:-0.05em;}
#footer._ongate .f_wrap .copyright{top:135px;}
#footer._ongate .f_wrap .address_info_ongate{width:600px;position:absolute;top:162px;left:10px;}
#footer._ongate .f_wrap .address_info_ongate span{display:inline-block;height:16px;font-family:Malgun Gothic , 맑은고딕;font-size:11px;color:#666;padding-right:20px;letter-spacing:-0.02em;line-height:14px;}
#footer._ongate .f_wrap .copyright_ongate{font-family:Tahoma;font-size:11px;color:#888;position:absolute;top:202px;left:10px;letter-spacing:-0.05em;}
#MKD25, #AOSMGR{position:absolute;}
#AOSMGROBJCONTAINER{position:absolute;}
#MKD25OBJCONTAINER{position:absolute;}
#search-input{display:none;}

@media screen and (max-width:1903px) {
	body {overflow-x: scroll;}
}


/******************
20230502 - 웹플랫폼팀 황정연
소셜 로그인 관련 css
******************/
.btn_naver {
    position: absolute;
    bottom: 12px;
    left: 20px;
    display: inline-block;
    width: 125px;
    height: 32px;
}

.btn_google {
    position: absolute;
    bottom: 12px;
    left: 148px;
    display: inline-block;
    width: 130px;
    height: 32px;
}