@charset "euc-kr";

/* ±âº» ½ºÅ¸ÀϽÃÆ®
 *
 * Author : ÈÞ¿Â
 * URL : http://huon.co.kr
 * Date : 2012.05.01
 -------------------------------------------------------------- */

 /* ±âº»ÅÂ±× ÃʱâÈ­
------------------------------------------- */
body    {
    margin:0; padding:0; font-size:12px;
    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:1px solid #aaa;
    background:#f5f5f5 url(../images/header_bg.jpg) repeat-x left bottom;
}
#header {	position:relative; width:980px;  height:100px; margin:0 auto; 
	background: url(../images/head_bg.png) left bottom;
}

/* main */
#mainWrap { clear:both;width:100%;}
#main       { overflow:hidden; width:980px; margin:0 auto; }
#sidebar    { overflow:hidden; float:left; _display:inline;  width:220px; margin:10px 0; }
#content    { overflow:hidden; float:left; _display:inline; width:740px;  margin-left:20px; _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:980px; height:150px; margin:0 auto; }



/* header ½ºÅ¸ÀÏ
------------------------------------------- */
/* ·Î°í */
h1#logo { position:absolute; left:0; top:0; width:220px; height:100px; line-height:100px; margin:0 0 0 10px; padding:0; text-align:center; }
h1#logo a:link, h1#logo a:visited { font-size:32px; text-decoration:none; letter-spacing:-1px; color:#ffcc00;}
h1#logo a:hover { color:#ffcc00;  }
h1#logo span { color:#ffcc00; }

/* À¯Æ¿¸Þ´º */
#utilMenu   { position:absolute; left:230px; 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:780px; 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:250px; top:30px;  width:720px; height:25px;}


/* ----------------------------------------------------------------
    ±Û·Î¹ú¸Þ´º Á¤·ÄÀ» ¿©±â¿¡¼­ º¯°æÇÒ ¼ö ÀÖ½À´Ï´Ù.
    center, left, right
---------------------------------------------------------------- */
#globalMenu ul  { margin-top:5px; text-align:right; }
#globalMenu li { display:inline; margin-left:30px; }
#globalMenu li.first { margin-left:0; }

#globalMenu .normal a:link,
#globalMenu .normal a:visited { font-size:16px; font-weight:bold; color:#555; text-decoration: none; }
#globalMenu .normal a:hover { color:#999; }
#globalMenu .active a:link,
#globalMenu .active a:visited,
#globalMenu .active a:hover { font-size:16px; font-weight:bold; color:#FF4500;  text-decoration: none; }


/* ±Û·Î¹ú 2Â÷ ¸Þ´º */
#globalSubMenu { position:absolute; left:250px; top:58px; height:20px; }
#globalSubMenu div { clear:both; display:block;  }

#globalSubMenu li   { display:inline; padding:0 6px; 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:#99ccff; text-decoration:none; }
#globalSubMenu li.normal a:hover { color:#6699cc; }
#globalSubMenu li.active a:link,
#globalSubMenu li.active a:visited,
#globalSubMenu li.active a:hover { color:#900; font-weight:bold; text-decoration:none; }



/* sidebar
------------------------------------------- */
/* ¾Æ¿ô·Î±×ÀÎ */
#outLogin   {  margin-top:10px; margin-bottom:10px;}

/* ·ÎÄø޴º */
#localMenuWrap {  margin-bottom:10px; }
#localMenu { margin-bottom:10px; }
#localMenu h2 {
    height:20px; margin:0; padding:6px 0 4px;
    background:#f5f5f5 url(../images/article_title_bg.gif) 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;
    background-color:#FFFFFF; border: 1px solid #ddd;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.hnArticle dt  {
    overflow:hidden; height:20px; padding:5px 0 0 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:980px; height:23px; padding-top:7px;
    background:#666 url(../images/foot_menu_bg.jpg) repeat-x left top;
    border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
    color:#330000; 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:33px; width:220px; height:100px;
    line-height:100px;  text-align:center; font-size:32px; color:#666;
}
#footLogo span { color:#999; }

/* »çÀÌÆ®Á¤º¸ */
 #siteInfo      {
     position:absolute; left:220px; top:40px; width:730px; height:90px; padding-top:20px;
     text-align:center; 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; }