@charset "utf-8";

/* 기본 스타일시트
 *
 * Author : 휴온
 * URL : http://huon.co.kr
 * Date : 2012.05.01
 -------------------------------------------------------------- */

 /* 기본태그 초기화
------------------------------------------- */
body    {
    margin:0; padding:0; font-size:12px;background: url("../images/mainbg.gif") repeat-x ; border-bottom:0px;
    font-family:"맑은 고딕", "Malgun Gothic", "나눔고딕", "NanumGothic", "돋움", "Dotum", "굴림", "Gulim",  "Tahoma", "sans-serif";
}

form, table, ul, li, dl, dt, dd { margin:0; padding:0; }
ul, li  { list-style:none; }
table   { border-collapse:collapse; border-spacing:0;}
img     { border:none; }

/* 링크 */
a:link, a:visited {  color:#515151; font-size:12px; text-decoration:none; }
a:hover { color:#808080; text-decoration:underline; }

/* 구분선 */
hr { height:1px; margin:5px auto; background-color:#ccc; color:#ccc; border:none; }



/* 레이아웃
------------------------------------------- */
/* header */
#headerWrap {
    width:100%; height:100px; margin:0; padding:0;
    border-bottom:0px solid #;
    background:#f5f5f5 url("") no-repeat center bottom;
}
#header {	position:relative; width:1055px;  height:100px; margin:0 auto; }

/* main */
#mainWrap { clear:both;width:100%;}
#main       { overflow:hidden; width:1024px; margin:0 auto; }
#sidebar    { overflow:hidden; float:left; _display:inline;  width:0px; margin:10px 0; }
#content    { overflow:hidden; float:left; _display:inline; width:1024px;  margin-left:0px; _margin-left:18px; text-align:left;  }

/* footer */
#footerWrap { width:100%; background:#f1f1f1 url(../images/footer_bg.gif) repeat-x left top;  }
#footer      { position:relative; width:1090px; height:150px; margin:0 auto; }



/* header 스타일
------------------------------------------- */
/* 로고 */
h1#logo { position:absolute; left:0px; top:47px; width:100px; height:100px; line-height:100px; margin:0 0 0 0px; padding:0; text-align:center; }
h1#logo a:link, h1#logo a:visited { font-size:32px; text-decoration:none; letter-spacing:-1px; color:#666;}
h1#logo a:hover { color:#999;  }
h1#logo span { color:#999; }

/* 유틸메뉴 */
#utilMenu   { position:absolute; left:220px; top:7px; width: 550px; height: 15px;  }
#utilMenu li  { float:right; _display:inline; }
#utilMenu a { padding:0 6px; text-decoration:none; color:#1BAAA5; }
#utilMenu a:hover { color:#212121; }

/* 검색 */
#search      { position:absolute; left:880px; top:5px;  width:200px; height:20px; }
#searchForm * { vertical-align:middle; }
#searchForm #stx { width:140px; height:17px; border :1px solid #ddd; background-color:#fff; vertical-align:middle; }

/* 글로벌메뉴 */
#globalMenu     {  position:absolute; left:300px; top:40px;  width:770px; height:25px;}


/* ----------------------------------------------------------------
    글로벌메뉴 정렬을 여기에서 변경할 수 있습니다.
    center, left, right
---------------------------------------------------------------- */
#globalMenu ul  { margin-top:5px; text-align:right; }
#nav {
	margin: 0;
	padding: 5px 6px 0;
	background: url('http://www.kiai.or.kr/ki/img/gradient.png') repeat-x scroll 0px -110px rgb(125, 125, 125);
	line-height: 100%;
	border-radius: 2em;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

	
}
#nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}
/* main level link */
#nav a {
	font-weight: bold;
	color: #e7e5e5;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;
	-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: #d1d1d1; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); /* for firefox 3.6+ */

	color: #444;
/* 	border-top: solid 1px #f8f8f8; */
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	background: #0399d4 !important; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b609f', endColorstr='#1b609f'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #256fb4,  #256fb4) !important; /* for firefox 3.6+ */

	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}
/* level 2 list */
#nav ul {
	background: #ddd; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #cfcfcf); /* for firefox 3.6+ */

	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
/* dropdown */
#nav li:hover > ul {
	display: block;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}
/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}
/* rounded corners for first and last child */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
}
html[xmlns] #nav {
	display: block;
}
* html #nav {
	height: 1%;
}
#globalMenu li { display:inline; margin-left:0px; }
#globalMenu li.first { margin-left:0; }

#globalMenu .normal a:link,
#globalMenu .normal a:visited, 
#globalMenu .normal a:hover,
#globalMenu .active a:link,
#globalMenu .active a:visited,
#globalMenu .active a:hover{text-decoration: none; }


/* 글로벌 2차 메뉴 */
#globalSubMenu { position:absolute; left:250px; top:95px; height:20px; }
#globalSubMenu div { clear:both; display:block;  }

#globalSubMenu li   { display:inline; padding:0 10px; border-left:1px solid #ccc; }
#globalSubMenu li.first { padding-left:0; border-left-width:0; }

#globalSubMenu li.normal a:link,
#globalSubMenu li.normal a:visited { color:#666; text-decoration:none; }
#globalSubMenu li.normal a:hover { color:#4E84C1; }
#globalSubMenu li.active a:link,
#globalSubMenu li.active a:visited,
#globalSubMenu li.active a:hover { color:#4E84C1; font-weight:bold; text-decoration:none; }



/* sidebar
------------------------------------------- */
/* 아웃로그인 */
#outLogin   {  margin-top:0; margin-bottom:10px;}

/* 로컬메뉴 */
#localMenuWrap {  margin-bottom:10px; }
#localMenu { margin-bottom:10px;margin-left:0;margin-top:0; }
#localMenu h2 {
    height:20px; margin:0; padding:10px 0 4px;
    background:# url("images/mainbg.jpg") repeat-x left bottom;  border-bottom:1px solid #ddd;
    font-size:14px; font-weight:bold; text-align:center;
}

#localMenu ul { list-style:none; width:190px; margin:5px auto; padding:0; }
#localMenu li { border-top:1px dotted #ddd;  color:#666;}
#localMenu li.first { border-top-width:0; }

#localMenu li.normal a:link,
#localMenu li.normal a:visited {
    display:block; width:180px; height:15px; margin:3px auto 0; padding:5px 0 3px 5px;
    color:#808080;  text-decoration:none;
}
#localMenu li.normal a:hover { background-color:#FFF8DC; color:#333; }

#localMenu li.active a:link,
#localMenu li.active a:visited,
#localMenu li.active a:hover {
    display:block; width:180px; height:15px; margin:3px auto 0; padding:5px 0 3px 5px;
    background-color:#FF4500;
    color:#fff; font-weight:bold; text-decoration:none;
}


/* hnArticle - 제목과 내용으로 구성된 박스형태. dl의 폭과 마진은 사용하는 곳에서 설정합니다. */
dl.hnArticle {
    margin-bottom:10px;  margin-left:0px;
    background-color:#FFFFFF; border: 0px solid #ddd;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.hnArticle dt  {
    overflow:hidden; height:20px; padding:5px 0 20px 10px;
    background:#f5f5f5 url(../images/article_title_bg.gif) repeat-x left bottom; border-bottom:1px solid #ddd;
    color:#515151; font-size:11px; font-weight:bold;
}
.hnArticle dd { padding:8px 10px; color:#666; line-height:150%; }
span.articleBull { color:#ccc; }



/* content
------------------------------------------- */
/* 경로 */
#historyPath {
    height:15px; margin:0; padding:5px 5px 0 0;
    color:#808080; font-size:11px; text-align:right; font-family:"돋움","Dotum"; letter-spacing:-1px;
}
#historyPath a:link, #historyPath a:visited {  color:#999; font-size:11px; text-decoration:none; }
#historyPath a:hover { color:#212121;}
#historyPath img { vertical-align:middle; }

/* 페이지 제목 */
#pageTitle {
    margin-top:10px; padding-left:20px; padding-bottom:3px;
    background:url(../images/icon_page_title.gif) no-repeat left 50%; border-bottom:2px solid #B0E0E6;
    font-size:18px; font-weight:bold; color:#2082AA;
}



/* footer 구성요소
------------------------------------------- */
/* 하단메뉴 */
#footMenu {
    position:relative; width:1090px; height:23px; padding-top:7px;
    background:#666 url(../images/foot_menu_bg.gif) repeat-x center top;
    border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
    color:#999; text-align:center;
}
#footMenu ul {  list-style:none; margin:0; padding:0; text-align:center; }
#footMenu li { display:inline; padding:0 7px 0; border-left:1px solid #777; }
#footMenu li.first { border:0; padding-left:0; }

#footMenu li a:link, #footMenu li a:visited {  color:#aaa; text-decoration:none; }
#footMenu li a:hover { color:#f1f1f1; }

/* 하단로고 */
#footLogo   {
    position:absolute; left:0; top:40px; width:220px; height:100px;
    line-height:100px;  text-align:center; font-size:32px; color:#666;
}
#footLogo span { color:#999; }

/* 사이트정보 */
 #siteInfo      {
     position:absolute; left:350px; top:40px; width:730px; height:90px; padding-top:20px;
     text-align:left; color:#999; line-height:130%;
}



/* 공통 스타일
------------------------------------------- */
/* 라운드박스 */
.roundBox {
    margin:10px 0; padding:0; background-color:#FFFFFF; border: 1px solid #ddd;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}

/* clear */
.hnClear { display:bock; clear:both; height:0; line-height:0; font-size:0; visibility:hidden; }