@charset "utf-8";

/* 기본 스타일시트
 *
 * 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_bgd.jpg) repeat-x left bottom;
}
#header {	position:relative; width:980px;  height:100px; margin:0 auto; }

/* main */
#mainWrap { clear:both;width:100%;  border:0px solid red; }
#main       { overflow:hidden; width:1100PX; margin:0 auto; border:0px solid red;    }


#sidebar    { overflow:hidden; float:left; _display:inline;  width:220px; margin:10px 0; }


 /*#content    { overflow:hidden; float:left; _display:inline; width:1100px;  margin-left:20px; _margin-left:18px; text-align:left; border:1px solid red;  } */

/* footer */
#footerWrap { width:100%; background:#ffffff repeat-x left top;  border:0px solid red; }
#footer      { width:1100px; height:87px; margin:0 auto; border:0px solid green; }



/* 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:#666;}
h1#logo a:hover { color:#999;  }
h1#logo span { color:#999; }

/* 유틸메뉴 */
#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:260px; top:40px;  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:260px; top:73px; 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:#933; }
#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:#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: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; }