@charset "utf-8";

*{ margin:0; padding:0; }


a:link { color:#888888; text-decoration:none;}
a:visited { color:#888888; text-decoration:none;}
a:hover { color:#d3d3d3;text-decoration:underline;}


body, div, img, ul, ol, li, p, h1, h2, h3, h4, h5, input, select, textarea, fieldset, form, button, table, th, td, tr, a 

{ margin:0; padding:0; border:none; }


body { width:100%; height:100%; background:url(../images/bg.jpg) top no-repeat fixed #313131; }

a { text-decoration:none; }

a:hover { text-decoration:underline; }

div.clear { clear:both; width:100%; height:0px; overflow:hidden; }

#bgWrap { position:fixed;  left:0; top:0; width:100%; height:100%; background:url(../images/dot_bg.gif); _display:none; }

#bodyWrap { position:relative; z-index:2; width:940px; margin:0 auto; padding:0 15px;  background:url(../images/30black.png); _background:#222; padding-bottom:10px;  }

#headerWrap { position:relative; height:33px; overflow:hidden;  background:url(../images/header_bg.png);}

#headerWrap h1.title { display:block; float:right; font-size:32px; height:50px; overflow:hidden; }

#headerWrap h1.text { padding:0px 0px; font:bold 18px  arial, tahoma, "맑은 고딕", 돋움, sans-serif;}

#headerWrap h1.text a { line-height:30px; color:#333; }

#headerWrap h1.text a:hover { text-decoration:none; color:#999;}



/* 메인 상단 메뉴 */


#mainMenu {  position:absolute; left:35px; top:0px; height:33px; overflow:hidden;}

#mainMenu li { float:left; list-style:none; position:relative; padding-right:5px;}

#mainMenu li a { display:block; float:left; white-space:nowrap; color:#999; line-height:20px; font:bold 0.9em  verdana, arial, tahoma, "맑은 고딕", 돋움, sans-serif; height:20px;   padding:10px 25px 10px 25px; }

#mainMenu li a img { }

#mainMenu li a:hover { color:#1375CA; text-decoration:none;}

#mainMenu li.select a { color:#000;}

#mainMenu li.select a:hover { text-decoration:underline;}



/* 메인 이미지 크기 조절 */


.titleWrapper { position:relative; height:103px; background:url(../images/title_bg.jpg);}

.titleWrapper h3 { float:left; color:#fff; font:bold 18px arial, tahoma, "맑은 고딕", 돋움, sans-serif; margin-top:80px; padding:0 40px 0 10px; background:url(../images/title_bg.gif) right no-repeat; line-height:30px; }

.shadowLayer {  position:absolute; top:0; left:0;  height:30px; width:100%; background:url(../images/header_shadow.png) center; z-index:99; _display:none;}



/* 좌, 우 메뉴 크기 */

.contentWrap { position:relative; width:100%; }

.contentWrap .leftColumn { padding:10px; padding-right:0; position:relative; float:left; overflow:hidden; width:755px; }

.contentWrap .rightColumn { padding:10px; padding-left:30px;  float:right; width:130px; height:100%;}



/* 로그인 */

#loginNav { padding-bottom:10px;}

#loginNav ul { list-style:none; float:right; padding-right:2px;}

#loginNav ul li { float:left; padding-left:5px;}

#loginNav ul li a { display:block; padding-bottom:2px;}

#loginNav ul li a:hover {  padding-bottom:0px; padding-top:2px; }



/* 우측 검색창 */

#searchWrap { text-align:right; padding-bottom:15px;}

#searchWrap .searchText { width:120px; padding:5px; font:bold 11px  arial, tahoma, "맑은 고딕", 돋움, sans-serif; }

#searchWrap .submit { background:none; font:bold 10px tahoma, arial,  sans-serif; padding:5px 0 0 0; cursor:pointer;}


.menuWrapper { padding-bottom:20px; }

.menuWrapper .submenu { list-style:none; }

.menuWrapper .submenu li { padding-bottom:5px;}

.menuWrapper .submenu li.top { font:bold 14px arial, tahoma, "맑은 고딕", 돋움, sans-serif;  height:5px;  margin-bottom:5px;}

.menuWrapper .submenu li a {  display:block; padding:5px 5px 5px 7px;  font:normal 12px arial, tahoma, "맑은 고딕", 돋움, sans-serif; }

.menuWrapper .submenu li a:hover { padding-left:5px;  text-decoration:none;}

.menuWrapper .submenu li.selected a { font-weight:bold;  }


.widgetTitle { font:bold 14px arial, tahoma, "맑은 고딕", 돋움, sans-serif;  width:100%; text-align:right;  padding-top:5px}

.widgetWrapper { padding:5px 0 25px 5px;}


#bottom {  position:relative; height:20px; background:url(../images/bottom_bg.png) #2f2f2f; padding:10px;}

#bottomMenu { display:block;  overflow:hidden; white-space:nowrap; float:left; }

#bottomMenu li { float:left; list-style:none; position:relative; left:-15px; font:11px tahoma, arial, "맑은 고딕", 돋움, sans-serif; line-height:20px;   }

#bottomMenu li.slush { color:#444; text-align:center; width:15px;}

#bottomMenu li a { color:#999;}

#bottomMenu li a:hover { color:#ddd; text-decoration:underline;}



#userMenu { display:block; float:right;  overflow:hidden; white-space:nowrap; }

#userMenu li { float:left; list-style:none; position:relative; font:11px tahoma, arial, "맑은 고딕", 돋움, sans-serif; line-height:20px; padding-left:10px;   }

#userMenu li a { color:#999;}

#userMenu li a:hover { color:#ddd; text-decoration:underline;}



#footer { position:relative; height:20px; padding:15px 5px; color:#555; font:9px tahoma, arial, sans-serif; }

#footer .copyright { float:left; position:relative; }

#footer .copyright span { font-weight:bold; color:#666;}

#footer .credit { float:right;  }

#footer .credit a {font-weight:bold}

#footer .credit .xf { color:#f68500;}

#footer .credit .xe { color:#999;}