@charset "utf-8";

html, body, form, input, legend, label, select, option, button, fieldset, textarea, div, p, pre, blockquote, img, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li {
	margin:0;
	padding:0;
}

body {
	/* Se mantiene el font-size, font-family y color blanco */
	font-size:14px;
	font-family:'맑은 고딕', '돋움';
	color:#fff;
	overflow:hidden;
}

fieldset,img {
	border:none;
}

a {
	text-decoration:none;
}

ol, ul, dl, li {
	list-style:none;
}

.blind {
	position:absolute;
	left:-3000px;
	top:-3000px;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
}

.wrp_launcher {
	width:982px;
	height:480px;
	/* Fondo base obsidiana oscura */
	background-color:#14141c; 
}

.launcher {
	overflow:hidden;
	width:980px;
	height:478px;
	/* Borde obsidiana oscuro */
	border:1px solid #1d232c; 
}

.launcher .main_banner {
	position:relative;
	float:left;
	/* Borde divisorio obsidiana oscuro */
	border-right:1px solid #1d232c; 
	width:488px;
	height:478px;
}

.launcher .main_banner .visual_slider {
	z-index:5;
}

.launcher .main_banner .bx-controls {
	position:absolute;
	right:20px;
	top:20px;
	overflow:hidden;
	z-index:100;
}

.launcher .main_banner .bx-controls a {
	display:block;
	float:left;
	width:30px;
	height:30px;
	text-indent:-9999px;
}

.launcher .main_banner .bx-controls a:hover {
	/* Se mantiene, si es necesario, cambiar esta imagen por una versión morada */
	background-position:0px -32px;
}

.launcher .main_banner .bx-controls .bx-prev {
	margin-right:10px;
	/* Se asume una nueva imagen con botón anterior morado */
	background:url(../image/btn_prev_purple.png) no-repeat; 
}

.launcher .main_banner .bx-controls .bx-next {
	/* Se asume una nueva imagen con botón siguiente morado */
	background:url(../image/btn_next_purple.png) no-repeat; 
}

.launcher .contents {
	position:relative;
	width:449px;
	height:458px;
	float:left;
	padding:10px 20px;
	/* Fondo de contenido, se asume una imagen oscura/morada */
	background:url(../image/bg_left_conts_obsidian.gif) left top no-repeat; 
}

.launcher .contents .top_bx {
	clear:both;
	overflow:hidden;
	height:60px;
	margin-bottom:20px;
}

.launcher .contents .menu_list {
	float:left;
	padding-top:3px;
}

.launcher .contents .menu_list li {
	float:left;
	margin-left:5px;
}

.launcher .contents .menu_list li:first-child {
	margin-left:0px;
}

.launcher .contents .menu_list li a {
	display:block;
	width:110px;
	height:440px;
	/* Botón morado de obsidiana */
	background:url(../image/btn_purple_obsidian.jpg) no-repeat; 
	color:#fff; /* Color de texto blanco para contraste */
	font-size:14px;
	text-align:center;
	line-height:44px;
}

.launcher .contents .menu_list li a:hover {
	/* Botón morado de obsidiana al pasar el ratón */
	background:url(../image/btn_purple_obsidian_over.jpg) no-repeat; 
}

.launcher .contents .game_grade {
	float:right;
	width:91px;
	height:50px;
	/* Fondo de clasificación de juego, se asume una imagen oscura/morada */
	background:url(../image/bg_grade_obsidian.jpg) no-repeat; 
}

.launcher .contents .noti_list {
	clear:both;
	padding-bottom:22px;
}

.launcher .contents .noti_list dt {
	overflow:hidden;
	padding-bottom:7px;
	margin-bottom:5px;
	color:#fff;
	/* Borde inferior morado */
	border-bottom:1px solid #9933ff; 
	font-weight:bold;
}

.launcher .contents .noti_list dt span {
	display:block;
	float:left;
}

.launcher .contents .noti_list dt a {
	display:block;
	float:right;
	width:43px;
	height:16px;
	/* Color de fondo del botón de ver más morado */
	background-color:#9933ff; 
	/* Borde del botón de ver más morado */
	border:1px solid #9933ff; 
	border-radius:2px;
	color:#fff;
	font-size:11px;
	line-height:16px;
	text-align:center;
}

.launcher .contents .noti_list dd {
	padding-left:10px;
	/* Ícono de lista: se asume una nueva imagen con un ícono morado/oscuro */
	background:url(../image/ico_list_purple.gif) 0px 12px no-repeat; 
}

.launcher .contents .noti_list dd a {
	overflow:hidden;
	display:block;
	width:435px;
	color:#c8c8c8;
	line-height:1.7em;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
}

.launcher .contents .noti_list dd a:hover {
	/* Color del enlace al pasar el ratón morado */
	color:#9933ff; 
}

.launcher .contents .noti_list dd.important a {
	/* Color del enlace importante morado */
	color:#9933ff; 
}

.launcher .contents .ad_link {
	position:absolute;
	bottom:10px;
	left:19px;
	display:block;
}

/*blue launcher (Se mantiene la clase, pero se le da un estilo de morado oscuro si se usa)*/
.launcher.blue .main_banner .bx-controls .bx-prev {
	margin-right:10px;
	/* Se asume una nueva imagen para la variante azul (ahora morado oscuro) */
	background:url(../image/btn_prev_darkpurple.png) no-repeat; 
}

.launcher.blue .main_banner .bx-controls .bx-next {
	/* Se asume una nueva imagen para la variante azul (ahora morado oscuro) */
	background:url(../image/btn_next_darkpurple.png) no-repeat; 
}

.launcher.blue .main_banner .bx-controls a:hover {
	background-position:0px -32px;
}

.launcher.blue .contents .menu_list li a {
	display:block;
	width:110px;
	height:440px;
	/* Botón morado oscuro para la variante */
	background:url(../image/btn_darkpurple.jpg) no-repeat; 
	color:#d8cabf;
	font-size:14px;
	text-align:center;
	line-height:44px;
}

.launcher.blue .contents .menu_list li a:hover {
	/* Botón morado oscuro over para la variante */
	background:url(../image/btn_darkpurple_over.jpg) no-repeat; 
}

.launcher.blue .contents .noti_list dt {
	/* Borde inferior morado oscuro */
	border-bottom:1px solid #4e2a84; 
}

.launcher.blue .contents .noti_list dd {
	/* Ícono de lista morado oscuro para la variante */
	background:url(../image/ico_list_dp.gif) 0px 11px no-repeat; 
}

.launcher.blue .contents .noti_list dd a:hover {
	/* Color del enlace morado oscuro */
	color:#4e2a84; 
}

.launcher.blue .contents .noti_list dd.important a {
	/* Color de enlace importante morado oscuro */
	color:#4e2a84; 
}

.launcher.blue .contents .noti_list dt a {
	/* Fondo del botón morado oscuro */
	background-color:#4e2a84; 
	/* Borde del botón morado oscuro */
	border:1px solid #4e2a84; 
	border-radius:2px;
}