@charset "euc-kr";
/*
±ÇÀå CSS ¼Ó¼º ¼±¾ð ¼ø¼­
1. display : Ç¥½Ã 
2. float : È帧 
3. position : À§Ä¡ 
4. width & height : Å©±â 
5. margin & padding : °£°Ý 
6. border : º¸´õ 
7. font : ÆùÆ® 
8. background : ¹è°æ 
9. etc : ±âŸ
*/






/* ·¹À̾ƿô *****************************/ 

#wrap { width:100% !important; height:100% !important; margin:0 auto; background:url(../oimages/common_bg.gif) repeat-x;  overflow-x:hidden; }
#WrapArea { /**/position:relative; left:50%; width:1000px; margin:0 0 0 -500px; } 




/* #HeadArea : »ó´Ü¿µ¿ª *****************************/

#HeadArea { position:relative /*absolute*/; left:50%; width:1000px; /**/height:133px; margin:0 0 0 -500px;  }

/* tnb : °øÅë¸Þ´º */ 
#HeadArea .tnb { width:100%; height:23px; *height:33px; padding:10px 0 0 0; text-align:right; }
#HeadArea .tnb li { display:inline; padding:0 0 0 20px; }
  
/* logo : ·Î°í */ 
#HeadArea .logo { position:relative; float:left; margin:27px 0 0 0; }

/* #gnb : ÁÖ¸Þ´º */
#HeadArea #gnb { position:relative; float:right; /*height:53px;*/ margin:0 0 0 0; }
#HeadArea #gnb li { display:inline; float:left; /**/ }
#HeadArea #gnb li img { margin: 0 0 0 -4px; padding:0; }
#HeadArea #gnb .gnb_on { position:absolute; margin:0 0 0 -5px; *margin:100px 0 0 -147px; padding:0; /*background:none;*/ *z-index:900; *zoom:1}
#HeadArea #gnb .gnb_on li { clear:both; width:122px; *width:142px; padding:3px 10px; background:#d3d3d3; letter-spacing:-1px; }
#HeadArea #gnb .gnb_on li a { /*color:#FFF;*/ }
#HeadArea #gnb .gnb_on li a:hover { color:#00920a; text-decoration:none }


/* #content : ÄÁÅÙÃ÷ ¿µ¿ª *****************************/

#content { width:100%; height:!important; /*background:#F00;*/ }
#content .con_txt { font-size:1.2em; text-align:justify; line-height:1.5em; }


/* #FootArea : ÇÏ´Ü ¿µ¿ª *****************************/

#FootArea { clear:both; width:100%; height:330px; padding:34px 0; background:url(../oimages/common_tail_bg.gif) repeat-x; }

/* customer : °í°´¼¾ÅÍ */
#FootArea .customer { height:104px; }
#FootArea .customer li { display:inline; float:left; width:180px; padding:0 54px 0 0; }
#FootArea .customer .news { /**/width:200px; *width:250px; font: 0.8em 'µ¸¿ò', doutm; }
#FootArea .customer .news .spt15 td { font:0.9em dotum,'µ¸¿ò'; }
#FootArea .customer .spr0 { padding-right:0; }

/* fbanner : Çϴܹè³Ê */
.fbanner { padding:29px 0; }
.fbanner li { display:inline; float:left; padding:0 45px 0 0; }
.fbanner .spr0 { padding-right:0; }