/* 기본 스타일시트
 *
 * 작성자 : 휴온
 * 사이트 : http://huon.co.kr
 * 이메일 : huon@hanmail.net
 * 작성일 : 2012.07.02
 --------------------------------------------------------------------------------
 * Default
 	content : 740
 -------------------------------------------------------------------------------- */


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

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%; margin:0; padding:0;
}
#header {
	position:relative; width:980px;  height:123px; margin:0 auto;
}

/* main */
#mainWrap { clear:both;width:100%;}
#main       { overflow:hidden; width:980px; margin:0 auto; background:#fff url(../images/bg/main_bg.gif) repeat-y left top;}
#sidebar    { overflow:hidden; float:left; _display:inline;  width:220px;   background-color:#51bfd7; }
#content    { overflow:hidden; float:left; _display:inline; width:740px;  margin-left:20px; _margin-left:18px; text-align:left;  }

/* footer */
#footerWrap { width:100%; border-top:1px solid #ddd; background-color:#fff; padding-bottom:20px;  }
#footer      { position:relative; width:980px; height:100px; margin:0 auto; }



/* header 스타일
------------------------------------------- */
/* 로고 */
h1#logo { position:absolute; left:0; top:0; width:200px; height:85px; margin:0 0 0 10px; padding:0; }

/* 유틸메뉴 */
#utilMenu   { position:absolute; left:230px; top:7px; width: 730px; height: 15px;  }
#utilMenu li  { float:right; _display:inline; }
#utilMenu a { padding:0 6px; text-decoration:none; color:#87CEEB; }
#utilMenu a:hover { color:#F0F8FF; }


/* 글로벌메뉴 */
#globalMenu     { position:absolute; left:330px; top:50px;  height:35px; }
#globalMenu ul  { }
#globalMenu li  { float:left; _display:inline; margin-left:5px; padding:0; }
#globalMenu li.first { margin-left:0; }

#globalMenu a { display:block; height:35px; text-indent: -99999px;  }
#globalMenu a.globalmenu1 			{ width:100px; background: url('../images/menu/globalmenu1.png') 0 0;  }
#globalMenu a.globalmenu2 			{ width:110px; background: url('../images/menu/globalmenu2.png') 0 0;  }
#globalMenu a.globalmenu3 			{ width:102px; background: url('../images/menu/globalmenu3.png') 0 0;  }
#globalMenu a.globalmenu4 			{ width:100px; background: url('../images/menu/globalmenu4.png') 0 0;  }
#globalMenu a.globalmenu5 			{ width:100px; background: url('../images/menu/globalmenu5.png') 0 0;  }
#globalMenu a.globalmenu6 			{ width:100px; background: url('../images/menu/globalmenu6.png') 0 0;  }

#globalMenu a.active.globalmenu1 	{ width:100px; background: url('../images/menu/globalmenu1.png') 0 bottom;  }
#globalMenu a.active.globalmenu2 	{ width:110px; background: url('../images/menu/globalmenu2.png') 0 bottom;  }
#globalMenu a.active.globalmenu3 	{ width:102px; background: url('../images/menu/globalmenu3.png') 0 bottom;  }
#globalMenu a.active.globalmenu4 	{ width:100px; background: url('../images/menu/globalmenu4.png') 0 bottom;  }
#globalMenu a.active.globalmenu5 	{ width:100px; background: url('../images/menu/globalmenu5.png') 0 bottom;  }
#globalMenu a.active.globalmenu6 	{ width:100px; background: url('../images/menu/globalmenu6.png') 0 bottom;  }

#globalMenu a:hover { background-position: 0 -35px; }


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

#globalSubMenu li   { float:left; _display:inline; height:14px; padding:0 10px; border-left:1px solid #9bc2d3; color:#b8d9e7; }
#globalSubMenu li.first { padding-left:0; border-left-width:0; }

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


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


/* mainVisual */
#mainVisual { overflow:hidden; width:980px; height:180px; margin:0 auto; }


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


/* 로컬메뉴 */
#localMenuWrap { margin:0 auto 10px; }
#localMenu {
	width:200px;  margin:10px auto; padding:0 0 5px 0; background-color:#FFFFFF; border: 2px solid #ddd;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
#localMenu h2 {
    height:25px; margin:10px; padding:10px 0 5px;
    background:#115372 url(../images/bg/localtitle_bg.jpg) repeat-x left center;
    font-size:15px; color:#fff; font-weight:bold; text-align:center;
    border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
}

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

#localMenu li.normal a:link,
#localMenu li.normal a:visited {
    display:block; height:15px; margin:3px 0 0 5px; padding:5px 10px 3px 5px;
    background:url(../images/bullet/localmenu_bullet.png) no-repeat 93% center;
    color:#808080; font-weight:bold; text-decoration:none;
}
#localMenu li.normal a:hover { color:#333; }

#localMenu li.active a:link,
#localMenu li.active a:visited,
#localMenu li.active a:hover {
    display:block; height:15px; margin:3px 0 0 5px; padding:5px 10px 3px 5px;
    background:url(../images/bullet/localmenu_bullet.png) no-repeat 93% center;
    color:#ff6600; font-weight:bold; text-decoration:none;
}

#sideCustomer { width:200px; margin:10px auto 30px; }



/* 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:5px; margin-bottom:15px; padding-bottom:5px; padding-left:10px;
    border-bottom:1px solid #ccc;
    font-size:24px; font-weight:bold; color:#105271;
    font-family:"맑은 고딕", "Malgun Gothic", "나눔고딕", "NanumGothic", "돋움", "Dotum", "굴림", "Gulim",  "Tahoma", "sans-serif";
}



/* footer 구성요소
------------------------------------------- */
/* 하단메뉴 */
#footMenu {
    position:relative; width:980px; height:23px; padding-top:7px;
}
#footMenu ul {  list-style:none; margin:0; padding:0; text-align:right; }
#footMenu li { display:inline; padding:0 7px 0; border-left:1px solid #ddd; color:#ccc;  }
#footMenu li.first { border:0; padding-left:0; }

#footMenu li a:link, #footMenu li a:visited {  color:#999; text-decoration:none; font-size:11px; }
#footMenu li a:hover { color:#ccc; }

/* 하단로고 */
#footLogo   { position:absolute; left:10px; top:40px; width:220px; height:30px;}

/* 사이트정보 */
 #siteInfo      {
     position:absolute; left:250px; top:25px; width:730px; height:80px; padding-top:20px;
     color:#666; line-height:150%; font-size:11px;
}


/* 공통 스타일
------------------------------------------- */
/* 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; }


/* 라운드박스 */
.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; }