﻿@charset "utf-8";



/* Reset */

html, body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, code, address, ul, ol, li, 

dl, dt, dd, table, caption, th, td, form, fieldset, legend, hr, input, button, textarea {

	margin:0;

	padding:0;

	}

ul, ol ,li{

	list-style:none;

	}

table {	

	border-spacing:0;


	width:100%;
	border:0;

	}

img, fieldset, abbr, input.type-image,  button {

	border:0;

	}

img {
    /*<h>요소안에 이미지를 쓸경우 버티컬얼라인을 주면 에러가 날수있다(뜨는현상) h요소에 이미지를 쓰지말란 얘기. */

	/*vertical-align:middle; */

	border:0;

	padding:0;

	}


/*li안에 이미지 넣을경우 1px 뜨는 현상을 잡는거 */
li img{ 
	vertical-align:top;
}

address, caption, cite, code,  em {

	font-style:normal;

	font-weight:normal;

	}



input, select, textarea, button {

	color:#555;

	vertical-align:middle;

	font-family: Dotum, Gulim, Arial, AppleGothic, Sans-serif;

	}



/* Base */

body {

	font-size:11px;

	font-family: "돋움",Dotum, Gulim, Arial, AppleGothic, Sans-serif;

	color:#595959;

	width:100%;

	height:100%;	

	}


a, a:link, a:visited, a:active {

	color:#555;

	text-decoration:none;

	}


a:hover {

	color:#01614c;

	text-decoration:underline;

	}



hr {display:none;}



caption, legend {

	width:0;

	height:0;

	line-height:0;

	overflow:hidden;

	visibility:hidden;

	font-size:0;

	}

.hide {

	overflow:hidden;

	visibility:hidden;

	position:absolute;

	width:0;

	height:0;

	font-size:0;

	line-height:0;

	}

.border{
	border:1px solid #ccc;
}

#skipnav{
	width:0;
	height:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
	font-size:0;
	}
	
/* hidden 적용 */
#accessibility  {position:fixed !important;top:0;left:0;width:100%;text-align:center;z-index:9999;}
#accessibility  h1{position:absolute;top:0;left:-9999px;height:1px; width:1px; overflow:hidden;font-size:0;text-align:left; line-height:0;z-index:-99;}
#accessibility  a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#000;white-space:nowrap;}
#accessibility  a:focus,
#accessibility  a:active {height:auto;width:100%;padding:5px;margin-bottom:10px;background:#FFFFCC;position:absolute; top:0;left:0;}
#upgradeBox{position:absolute;left:50%;margin-left:-422px;margin-top:50px;}