@charset "utf-8";
/* base */
* { margin: 0; padding: 0; }
html { width: 100%; height: 100%;  }
body {  font-family: Dotum; font-size: 12px; color: #777777;  }
img { border: 0; vertical-align:top}
ul, li { list-style: none; }
a:hover { text-decoration: underline; }



body {background:url(../sites/images/body_bg.png) top center repeat-x }
.wrap { width:920px; height:97px; margin:0 auto }
.clear {clear:both}

/* 상단 */

.header {position:relative;  height:97px; background:url(../sites/imgages/header_bg.png) no-repeat}
.logo {position:absolute; top:50px; left:24px ;width:300px;  }
.topmenu {position:absolute; top:7px; right:0; padding-right:10px}

/*GNB 공통 */
#gnb {position:relative;width:611px; top:43px;  margin-left:280px;}
#gnb ul, #gnb li {margin:0;padding:0;display:block;}
#gnb a {display:block;font-weight:700;text-decoration:none;}

/*GNB 대메뉴 위치 및 이미지(롤오버용 통이미지)*/
#gnb li.menu1   {background:url(../sites/images/menu/menu1.png) no-repeat ;background-position: top; margin-left: 60px  }
#gnb li.menu2	{background:url(../sites/images/menu/menu2.png) no-repeat ;background-position: top; margin-left: 40px }
#gnb li.menu3	{background:url(../sites/images/menu/menu3.png) no-repeat ;background-position: top; margin-left: 40px }
#gnb li.menu5	{background:url(../sites/images/menu/menu5.png) no-repeat ;background-position: top; margin-left: 40px  }
#gnb li.on			{background-position:bottom ; }


#gnb li.menu1, #gnb li.menu1 a.menuwidth, 
#gnb li.menu3, #gnb li.menu3 a.menuwidth  {height:37px; ; width:118px;}
#gnb li.menu2, #gnb li.menu2 a.menuwidth {height:37px; ; width:178px;}
#gnb li.menu5, #gnb li.menu5 a.menuwidth {height:37px; ; width:118px;}

/*GNB 서브메뉴 공통*/
#gnb li ul {position:absolute;top:37px;height:34px; display:none;}
#gnb li.on ul {display:block;}

/* GNB 서브메뉴 리스트 공통*/
#gnb li {position:relative;list-style:none;float:left;}
#gnb li ul li {height:13px; margin-top:11px; margin-left:30px; margin-right:px; text-indent:-10000px}
#gnb li ul li a {color:#000; }
#gnb li ul li.on a{color:#EA0000 }


/*GNB 서브메뉴불편신고 리스트 타이틀*/
#gnb li ul li.menu11 {display:block; background:url(../sites/images/menu/menu11.png) no-repeat ;background-position: bottom;  }
#gnb li ul li.menu12 {display:block; background:url(../sites/images/menu/menu12.png) no-repeat ;background-position: bottom;  }
#gnb li ul li.menu13 {display:block; background:url(../sites/images/menu/menu13.png) no-repeat ;background-position: bottom;  }
#gnb li ul li.menu14 {display:block; background:url(../sites/images/menu/menu14.png) no-repeat ;background-position: bottom;  }
#gnb li ul li.menu15 {display:block; background:url(../sites/images/menu/menu15.png) no-repeat ;background-position: bottom;  }
#gnb li ul li.menu16 {display:block; background:url(../sites/images/menu/menu16.png) no-repeat ;background-position: bottom;  }
#gnb li ul li.on	{ background-position: top;}

#gnb li ul li.menu11 a, #gnb li ul li.menu11 {width:43px;}
#gnb li ul li.menu12 a, #gnb li ul li.menu12 {width:88px;}
#gnb li ul li.menu13 a, #gnb li ul li.menu13 {width:64px;}
#gnb li ul li.menu14 a, #gnb li ul li.menu14 {width:43px;}
#gnb li ul li.menu15 a, #gnb li ul li.menu15 {width:43px;}
#gnb li ul li.menu16 a, #gnb li ul li.menu16 {width:63px;}

/*GNB 서브메뉴 이력관리 리스트 타이틀*/
#gnb li ul li.menu21 {display:block; background:url(../sites/images/menu/menu21.png) no-repeat ;background-position: bottom;  }
#gnb li ul li.menu22 {display:block; background:url(../sites/images/menu/menu22.png) no-repeat ;background-position: bottom;  }
#gnb li ul li.menu23 {display:block; background:url(../sites/images/menu/menu23.png) no-repeat ;background-position: bottom;  }
#gnb li ul li.menu24 {display:block; background:url(../sites/images/menu/menu24.png) no-repeat ;background-position: bottom;  }
#gnb li ul li.on	{ background-position: top;}

#gnb li ul li.menu21 a, #gnb li ul li.menu21 {width:52px;}
#gnb li ul li.menu22 a, #gnb li ul li.menu22 {width:52px;}
#gnb li ul li.menu23 a, #gnb li ul li.menu23 {width:62px;}
#gnb li ul li.menu24 a, #gnb li ul li.menu24 {width:52px;}

/*GNB 서브메뉴 자재관리 리스트 타이틀*/
#gnb li ul li.menu31 {display:block; background:url(../sites/images/menu/menu31.png) no-repeat ;background-position: bottom;  }
#gnb li ul li.menu32 {display:block; background:url(../sites/images/menu/menu32.png) no-repeat ;background-position: bottom;  }
#gnb li ul li.menu33 {display:block; background:url(../sites/images/menu/menu33.png) no-repeat ;background-position: bottom;  }
#gnb li ul li.on	{ background-position: top;}

#gnb li ul li.menu31 a, #gnb li ul li.menu31 {width:62px;}
#gnb li ul li.menu32 a, #gnb li ul li.menu32 {width:62px;}
#gnb li ul li.menu33 a, #gnb li ul li.menu33 {width:62px;}

#gnb li ul li.menu31_c {display:block; background:url(../sites/images/menu/menu31_c.png) no-repeat ;background-position: bottom;  }
#gnb li ul li.menu32_c {display:block; background:url(../sites/images/menu/menu32_c.png) no-repeat ;background-position: bottom;  }
#gnb li ul li.menu33_c {display:block; background:url(../sites/images/menu/menu33_c.png) no-repeat ;background-position: bottom;  }

#gnb li ul li.menu31_c a, #gnb li ul li.menu31_c {width:62px;}
#gnb li ul li.menu32_c a, #gnb li ul li.menu32_c {width:62px;}
#gnb li ul li.menu33_c a, #gnb li ul li.menu33_c {width:62px;}

/*GNB 서브메뉴 관리자페이지 리스트 타이틀*/
#gnb li ul li.menu41 {display:block; background:url(../sites/images/menu/menu41.png) no-repeat ;background-position: bottom; margin-left:23px }
#gnb li ul li.menu42 {display:block; background:url(../sites/images/menu/menu42.png) no-repeat ;background-position: bottom; margin-left:23px }
#gnb li ul li.menu43 {display:block; background:url(../sites/images/menu/menu43.png) no-repeat ;background-position: bottom; margin-left:23px }
#gnb li ul li.menu44 {display:block; background:url(../sites/images/menu/menu44.png) no-repeat ;background-position: bottom; margin-left:23px}
#gnb li ul li.on	{ background-position: top;}

#gnb li ul li.menu41 a, #gnb li ul li.menu41 {width:73px;}
#gnb li ul li.menu42 a, #gnb li ul li.menu42 {width:63px;}
#gnb li ul li.menu43 a, #gnb li ul li.menu43 {width:73px;}
#gnb li ul li.menu44 a, #gnb li ul li.menu44 {width:63px;}

/*GNB 서브메뉴 이용안내 리스트 타이틀*/
#gnb li ul li.menu51 {display:block; background:url(../sites/images/menu/menu51.png) no-repeat ;background-position: bottom; margin-left:24px }
#gnb li ul li.menu52 {display:block; background:url(../sites/images/menu/menu52.png) no-repeat ;background-position: bottom; margin-left:24px }
#gnb li ul li.menu53 {display:block; background:url(../sites/images/menu/menu53.png) no-repeat ;background-position: bottom; margin-left:24px }
#gnb li ul li.on	{ background-position: top;}

#gnb li ul li.menu51 a, #gnb li ul li.menu51 {width:92px;}
#gnb li ul li.menu52 a, #gnb li ul li.menu52 {width:63px;}
#gnb li ul li.menu53 a, #gnb li ul li.menu53 {width:52px;}

/* GNB 서브메뉴위치 및 배경*/
#gnb li.menu1 ul {background:url(../sites/images/menu/menu1_bg.png) no-repeat;width:547px}
#gnb li.menu2 ul {background:url(../sites/images/menu/menu2_bg.png) no-repeat;width:286px}
#gnb li.menu3 ul {background:url(../sites/images/menu/menu3_bg.png) no-repeat;width:292px}

#gnb li.menu4 ul {background:url(../sites/images/menu/menu4_bg.png) no-repeat;width:384px; margin-left:-178px}
#gnb li.menu5 ul {background:url(../sites/images/menu/menu5_bg.png) no-repeat;width:384px; margin-left:-181px}

/* 중앙켄텐츠 */
.content {width:400; margin-left:483px; height:530px;}
.side {display:block; position:absolute; width:483px; height:530px; left:50%; margin-left:-445px;  top:100px}




/*최근게시물*/
.recent   .td1, 
.recent   .td2,
.recent   .td3, {height:20px}
.recent a:link		{text-decoration: none; color: #777777;}
.recent a:visited {text-decoration: none; color: #777777;}
.recent a:active	 {text-decoration: none; color: #777777;}
.recent a:hover	 {text-decoration: underline; color: #fe9500;}


/*카피라잇*/
.footer .right {position:absolute; width:220px; top:15px; right:4px; 	}
.footer {position:relative;  width:891px; border-top:1px solid #e4e4e4}

/*하단 select*/
.footer .select{ position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#fff; *zoom:1; }
.footer .select *{ margin:0; padding:0; cursor:pointer; font-size:12px; font-family:Tahoma, Sans-serif;}
.footer .select .myValue{ position:relative; z-index:2; left:0; top:0; border:1px solid #bababa; color:#666; line-height:17px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
.footer .select .myValue.footer .selected{ font-weight:bold;}
.footer .select.open .myValue,
.footer .select .myValue.outLine{ border:1px solid #999;}
.footer .select button.myValue{ height:19px; width:160px;  text-indent:5px; *text-indent:0; *padding-left:5px;}
.footer .select div.myValue{ height:17px; text-indent:8px;}
.footer .select .ctrl{ position:absolute; top:0; right:0; width:18px; height:17px; border:1px solid #bababa; border-left:1px solid #eaeaea; background:#fff;}
.footer .select .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff;}
.footer .select ul{ position:absolute; top:18px; left:0; width:100%; list-style:none; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; overflow:hidden;}
.footer .select ul.aList{ display:none;}
.footer .select.open ul.aList{ display:block;}
.footer .select ul.iList{ left:-2000%;}
.footer .select.open ul.iList{ left:0;}
.footer .select li{ position:relative; overflow:hidden; white-space:nowrap; height:16px; border-left:1px solid #bababa; border-right:1px solid #bababa;}
.footer .select li input.option{ position:absolute; width:100%; height:18px; line-height:18px;}
.footer .select li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:16px; line-height:16px; color:#767676; background:#fff;}
.footer .select li a{ display:block; text-indent:8px; *text-indent:6px; height:16px; line-height:16px; color:#767676; background:#fff; text-decoration:none;}
.footer .select li.hover *{ background:#999; color:#fff;}
.footer .gositesubmit {position:absolute; background:url(../sites/images/gositesubmit.png) 0 0px no-repeat; width:35px; height:20px; border:none;  margin-left:4px }