@charset "utf-8";

/* default */
* {
	margin:0;
	padding:0;
	vertical-align:top;
	font-size: 12px;
	font-family:'돋움', dotum, Helvetica, sans-serif;
	line-height:1;
}
/* ie line-height set */
.ie6Only body, .ie7Only body, .ie8Only body {line-height: 1.2;}
.ie9Only body {line-height: 1.3;}

article,aside,canvas,details,figcaption,figure,header,footer,hgroup,menu,nav,section,summary {display:block;}
fieldset,img {border:0;}
dl,ul,ol,li {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {
	table-layout: fixed;
	width: 100%;
	border-spacing:0;
	border-collapse:collapse;
	word-break: break-all;
}
caption {
	display: none;
}
input,select,textarea,button {
	font-size:100%;
	margin:0;
	vertical-align:baseline;
	*vertical-align:middle;
}
label {cursor:pointer;}

button, input { line-height:normal; }
button, select { text-transform:none; }
button {
	border: 0;
	line-height: 1;
}

.blind, legend, hr {
	display:block;
	overflow:hidden;
	position:absolute;
	top:0;
	left:-1000em;
}

a {
	color:#333;
	text-decoration:none;
}
a:active,a:hover {text-decoration:underline;}

address,caption,cite,code,dfn,em,var,i {
	font-style:normal;
	font-weight:normal;
}
textarea {
	resize:vertical;
	overflow:auto;
	vertical-align:top;
}
input[type="radio"], input[type="checkbox"] {
	border: 0px solid !important;;
	background: none !important;;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor: pointer; *overflow:visible; }


img, video {
	max-width:100%;
	border:0;
	vertical-align:top;
}
/*20160426 넥슨 이미지 출력안됨 개선*/
.gnbWrapper img {max-width: none !important;}

audio, canvas, video {
	display:inline-block;
	*display:inline;
	*zoom: 1;
}
strong {color: #c51d23 !important;}

iframe {
	overflow: hidden;
	margin: 0;
	border: none;
}






/* intro */
body {
	min-width: 1050px;
	background: #000 url('bg_body.jpg') no-repeat center top;
}
#wrap {}
#header {
	position: relative;
	margin: 0 auto;
	width: 1020px;
	height: 235px;
}
#container {
	height: 725px;
	background: url('bg_skill_list.png') no-repeat center 417px;
}
#container .container {
	position: relative;
	width: 1020px;
	margin: 0 auto;
}
#footer {
	padding-bottom: 70px;
	text-align: center;
	background: url('footer.png') no-repeat center top;
	text-indent: -9999px;
}
#wrap #header h1 {
	position: absolute;
	top: 65px;
	left: 4px;
	width: 1000px;
	height: 143px;
	background: url('logo.png') no-repeat left top;
	text-indent: -9999px;
}
.shortcut {
	position: absolute;
	top: 19px;
	left: 4px;
	width: 248px;
	height: 35px;
	background: url('bg_shortcut.png') no-repeat left top;
}
.shortcut .goHome, .shortcut .goChar {
	text-indent: -9999px;
	float: left;
	width: 124px;
	height: 35px;
}

.hidePromotion {
	position: absolute;
	top: 30px;
	right: 0;
}
.hidePromotion.close input {display: none;}
.hidePromotion label, .hidePromotion input {float: left;}
.hidePromotion label span {
	display: block;
	text-indent: -9999px;
	margin: 0px 5px 0 0;
	*margin: 4px 5px 0 0;
	width: 91px;
	height: 14px;
	background: url('hide_txt.png') no-repeat left top;
}
.video {
	position: absolute;
	top: 0;
	left: 8px;
	padding-top: 15px;
	text-align: center;
	width: 630px;
	height: 365px;
	background: url('bg_video.gif') no-repeat left top;
}

.skillList {
	position: absolute;
	top: 439px;
	left: 9px;
}
.skillList li:first-child {margin-left: 0;}
.skillList li {
	float: left;
	margin-left: 20px;
	width: 236px;
	height: 223px;
	text-indent: -9999px;
}
.skillList li.skill_1 {background: url('bg_skill_1.png') no-repeat left top;}
.skillList li.skill_2 {background: url('bg_skill_2.png') no-repeat left top;}
.skillList li.skill_3 {background: url('bg_skill_3.png') no-repeat left top;}
.skillList li.skill_4 {background: url('bg_skill_4.png') no-repeat left top;}

.skillList li.skill_1:hover {background: url('bg_skill_1.png') no-repeat left bottom;}
.skillList li.skill_2:hover {background: url('bg_skill_2.png') no-repeat left bottom;}
.skillList li.skill_3:hover {background: url('bg_skill_3.png') no-repeat left bottom;}
.skillList li.skill_4:hover {background: url('bg_skill_4.png') no-repeat left bottom;}