@charset "utf-8";

/*  base : reset */
html, body {
		-webkit-text-size-adjust:none; /* 아이폰 글자크기 자동조정 방지 */
		background-color:fff; 
		color:#333;
		font-family:'Nanum Gothic', '돋움',dotum,gulim,arial,verdana,sans-serif;
		font-size: 13px;
		width:100%;
}



html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{margin:0; padding:0; border:0; /*font-size:100%; */vertical-align:baseline;}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ol,ul{list-style:none;}
li {list-style-type:none;}
table{border-collapse:collapse; border-spacing:0;}
img{max-width:100%;height:auto;}
mark{background:none;}
select{max-width:100%;}
caption, legend {display:none;}
hr{display:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,strong{font-style:normal; font-weight:normal;}
table {border-collapse:collapse; width:100%;}
button {
	border:0 none;
	padding:0;
	margin:0;
	vertical-align:middle;
	background:transparent;
	cursor:pointer;
}

button::-moz-focus-inner {
	margin: -1px;
	padding: 0;
}

legend {
	width:0;
	height:0;
	overflow:hidden;
	margin:0;
	padding:0;
	visibility:hidden;
	font-size:0;
	line-height:0;
}

caption {
	width:0;
	height:0;
	overflow:hidden;
	padding:0;
	visibility:hidden;
	font-size:0;
	line-height:0;
}


/*  base : link
/* ------------------------------------ */
a {overflow:hidden; vertical-align:middle; text-decoration:none;}
a:link, a:visited {color:#333; text-decoration:none;}
a:hover, a:active {color:#333; text-decoration:none;}



/*  base : font
/* ------------------------------------ */
@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  font-weight: 400;
  src:	url(../fonts/NanumGothic-Regular.eot);
  src:	url(../fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(../fonts/NanumGothic-Regular.woff) format('woff'),
		url(../fonts/NanumGothic-Regular.ttf) format('truetype');
}

/*  base : skip navigation
/* ------------------------------------ */
.skip_navi {position:fixed; left:0;top:-67px; z-index:9999;}
.skip_navi ul {width:124px; height:67px; background-color:#0062c3;}
.skip_navi li {height:22px; line-height:22px; padding:0 10px;}
.skip_navi li a {color:#000;}


/*  base : setting
/* ------------------------------------ */
#skip, .skip { font-size:0; width:0; height:0; line-height:0; position:absolute; left:-9999px; }
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.fl {float:left !important;}
.fr {float:right !important;}
.tc {text-align:center !important;}
.tr {text-align:right !important;}
.tl {text-align:left !important;}
.fb {font-weight:bold !important;}

strong {font-weight:bold; font-weight:600; color:#000;}
small {font-size: 0.95em;}


/* base : margin */
.m_10 {margin:10px; !important;}
.mL_10 {margin-left:10px; !important;}
.mR_10 {margin-right:10px; !important;}
.mT_10 {margin-top:10px; !important;}
.mB_10 {margin-bottom:10px; !important;}


/* base : padding */
.p_10 {padding:10px; !important;}
.pl_10 {padding-left:10px; !important;}
.pr_10 {padding-right:10px; !important;}
.pt_10 {padding-top:10px; !important;}
.pb_10 {padding-bottom:10px; !important;}

/* base : color */
.red_01 {color:#ff0000; !important;}
.blue_01 {color:#0072ff; !important;}

/* base : fontsize */
.fontsize_12 {font-size:12px; !important;}

/* base : input */
.input_basic {height:24px; border:1px solid #ccc; !important;}