
/* div , ul , ol , li , dl , dt , dd , span , p , h1 , h2 , h3 , h4 , h5 , h6 , input , label , textarea {
	-webkit-box-sizing:border-box ; 
	-moz-box-sizing:border-box ; 	
	-o-box-sizing:border-box ; 
	-ms-box-sizing:border-box ; 
	box-sizing:border-box ; 
} */
hr		{ margin:0px ; padding:0px ; }
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.2;
	color: black;
}
ol, ul {
	list-style: none;
}
textarea	{ margin:0px ; padding:0px ; }
/* tables still need cellspacing="0" in the markup */
table {
	/*border-collapse: separate;*/
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:link { color:#3366cc; text-decoration:none; }
a:visited { color:#3366cc; text-decoration:none; }
a:active { color:#3366cc; text-decoration:none; }
a:hover { color:#2850a2; text-decoration:none; }

@charset "utf-8";

/*--- reset ---*/
body { margin:0; padding:0; }
html, body, textarea{font-size:0.9em; line-height:170%; font-family:"돋움", Dotum, "굴림", Gulim, "Lucida Grande", Tahoma, Verdana, AppleGothic, sans-serif; color:#6f6f6f;}
input, select {margin:0; padding:0; font-size:0.9em; font-family:"돋움", Dotum, "굴림", Gulim, "Lucida Grande", Tahoma, Verdana, AppleGothic, sans-serif; color:#6f6f6f;}
ul, ol, li, dl, dd, dt { margin:0; padding:0; list-style-type:none; }
table, th, td { 	margin:0; padding:0; font-family:"돋움", Dotum, "굴림", Gulim, "Lucida Grande", Tahoma, Verdana, AppleGothic, sans-serif; color:#6f6f6f; border-collapse:collapse; }
div, p, ol, ul, li, img, a, h1, h2, h3, h4, h5, h6, form, span, iframe, dl, dt, dd { margin:0px; padding:0px; }

a:link {color:#6f6f6f; cursor:pointer; text-decoration:none; }
a:visited {color:#6f6f6f; cursor:pointer; text-decoration:none; }
a:active, a:hover {color:#6f6f6f; cursor: pointer; text-decoration:none; }

input[type=text], input[type=file], input[type=password] {border:1px solid #d4d4d4;}

img {border:0 none; vertical-align:top; }
form { margin:0; padding:0;}
legend {	position:absolute;	width:0;	height:0; font-size:0; overflow:hidden; }
fieldset { margin:0; padding:0; border:none; }
label { cursor:pointer; }

#skipNavi, hr, caption { visibility:hidden; position:absolute; width:0; height:0; font-size:0; overflow:hidden; text-indent:-9999px; line-height:0px; }


/*--- common class ---*/

/* margin  */
.mt0 { margin-top:0 !important; }
.mt_2 { margin-top:-2px; }
.mt_20 { margin-top:-20px; }
.mt2 { margin-top:2px !important; }
.mt3 { margin-top:3px !important; }
.mt5 { margin-top:5px !important; }
.mt7 { margin-top:7px !important; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px; }
.mr10 { margin-right:10px; }
.mr30 { margin-right:30px; }
.ml15 { margin-left:15px; }

/* width */

/* padding */
.pt10 { padding-top: 20px !important;  }
.pb10 { padding-bottom: 20px !important;  }
.pt20 { padding-top: 20px !important;  }
.pb20 { padding-bottom: 20px !important;  }


/* font */
.fontCol1 { color:#26cf2b !important; }
.fontCol2 { color:#454545 !important; }
.fontCol3 { color:#d10101 !important; }
.fontCol4 { color:#6f6f6f !important; }
.fontCol5 { color:#3a3a3a !important; }
.fontSize12 { font-size:12px !important; }
.fontSize14 { font-size:14px; }
.fontSize16 { font-size:16px; }
.fontSpac_1 { letter-spacing:-1px; }

/* align */
.alignL { text-align:left !important; }
.alignC { text-align:center !important; padding:0 !important; }
.alignR { text-align:right !important; }
.floatL { float:left !important;  }
.floatR { float:right !important; }
.left25 { padding-left:25px !important; text-align:left !important; }
.left30 { padding-left:30px !important; text-align:left !important; }
.verT { vertical-align:top !important; }
.verM { vertical-align:middle !important; }

/* form */
.check { margin-top:-2px; vertical-align:middle; }
	*html .check { margin-top:0; }
.radio { margin-top:-3px; vertical-align:middle; }
	*html .radio { margin-top:-5px; }

/* etc */
.divBox { width:1080px; overflow:hidden; }

/* clear fix */
.fix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.fix {display:inline-block;}
* html .fix {height:1%;}
html[xmlns] .fix {display:block;}


#popup .desc { border:1px solid #d1d1d1; padding:15px 15px 0; background-color:#f9f9f9; }
#popup .desc li { padding-left:25px; padding-bottom:15px; line-height:18px; background:url(' http://img.noxgame.kr/images/noxgame/blade9/popup/bg_bul.gif') no-repeat 0 2px; }




