﻿* { margin:0; padding:0; }
body { color:#000; font:11px Verdana, Dotum, Gulim; }
img { border:0;}
table { border-collapse:collapse; }

a:link { color:#000; text-decoration:none; }
a:visited { color:#000; text-decoration:none; }
a:hover { color:#000; text-decoration:underline; }
a:active { color:#000; text-decoration:none; }

.topMenu { padding:0 0 0 0; width:1024px; position:relative; }
.topMenu h1 { float:left; padding:4px 0 0 20px; }
.topMenu ul {  float:left; margin:35px 0 0 18px; padding-left:2px; }
.topMenu ul li { height:29px; color:#fff; float:left; display:block; }
.topMenu ul li.tabL { background:url(images/tab_offL.gif) no-repeat left; float:left; width:2px; }
.topMenu ul li.tabR { background:url(images/tab_offR.gif) no-repeat left; float:left; width:2px; }
.topMenu ul li a.menu { background:url(images/tab_offBg.gif) no-repeat; color:#fff; font-weight:bold; text-decoration:none; display:block; height:19px; padding:10px 16px 0 37px; float:left; }
.topMenu ul li a.menu:hover { background:url(images/tab_overBg.gif) no-repeat; color:#fff; font-weight:bold; text-decoration:none; display:block; height:19px; padding:10px 16px 0 37px; float:left; }
.topMenu ul li a.menuOn { background:url(images/tab_onBg.gif) no-repeat; color:#fff; font-weight:bold; text-decoration:none; display:block; height:19px; padding:10px 16px 0 37px; float:left; }
.topMenu ul.submenu { background:none; position:absolute; top:70px; left:230px; margin:0; width:700px; }
.topMenu ul.submenu li { background:url(images/bar.gif) no-repeat right 6px; padding:0 5px; }
.topMenu ul.submenu li.last { background:none; padding:0 5px; }
.topMenu ul.submenu li a { color:#BBD4E7; text-decoration:none; display:block; height:18px; padding:5px 6px 0 6px; float:left; }
.topMenu ul.submenu li a:hover { color:#ffffff; text-decoration:none; display:block; height:18px; float:left; }
.topMenu ul.submenu li a.slt { background:url(images/submenu_sltBg.gif) repeat-x; display:block; height:18px; padding:5px 0 0 0; float:left; color:#fff; }
.topMenu ul.submenu li .lStl { background:url(images/submenu_sltL.gif) no-repeat; width:6px; height:23px; float:left; }
.topMenu ul.submenu li .rStl { background:url(images/submenu_sltR.gif) no-repeat; width:6px; height:23px; float:left; }

#user { font-size:11px; color:#6F6F6F; text-align:right; position:absolute; top:5px; left:0px; width:1000px; }
#user span { font-size:10px; }
#user img { vertical-align:middle; margin-bottom:5px; }

#subMenu { background:#0E315C; border-top:1px solid #0B1C36; border-bottom:1px solid #0B1C36; height:23px; font:10px Tahoma; padding:8px 0 0 15px; color:#D1DBE5; font-weight:bold; clear:both; }
#subMenu span { color:#9DAFC2; font:10px Tahoma; font-weight:bold; }

#wrap { background:url(images/contentBg.gif) repeat-y; float:left;  padding:0 40px 10px 0; min-height:490px;  }
#wrapD { background:url(images/contentBgD.gif) repeat-y; float:left; padding-bottom:40px; }



/* 왼쪽메뉴 */
#leftMenu { border-right:1px solid #536682; width:199px; float:left; position:absolute;}
#leftmenu { margin-top:35px; margin-left:10px; }      
#vertmenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; width: 170px; padding: 0px; margin: 0px; }
#vertmenu h1 { display: block; background-color:#E9F2F9; font-size: 110%; padding: 3px 0 5px 3px; border: 1px solid #CCCCCC; color: #333333; margin: 0px; width:159px; }
#vertmenu ul { list-style: none; margin: 0px; padding: 0px; border: none; }
#vertmenu ul li { margin: 0px; padding: 0px;}
#vertmenu ul li a {font-size: 110%; display: block; border-bottom: 1px solid #ffffff; padding: 8px 0px 2px 4px; text-decoration: none; color: #000; width:170px; }
#vertmenu ul li a:hover, #vertmenu ul li a:focus { color: #eeeeee; background-color: #0099CC; }
#vertmenu ul li ul { padding: 3px 0 5px 20px; list-style: none; }
#vertmenu ul li ul li a {font-size: 110%; display: block; border-bottom: 1px solid #ffffff; padding: 8px 0px 2px 4px; text-decoration: none; color: #000; width:150px; }

#contents { padding:0 0 0 220px; min-height:550px;}
#contents #title { border-bottom:1px solid #CECECE; float:left; padding-bottom:6px; width:750px;  position:absolute;}
#contents #title h2 { font-size:14px; float:left; letter-spacing:-1px; }
#contents #title p { font-size:11px; float:right; color:#777; }

#contents_admin { padding:0 0 0 220px; min-height:660px;}
#contents_admin #title { border-bottom:1px solid #CECECE; float:left; padding-bottom:6px; width:750px;  position:absolute;}
#contents_admin #title h2 { font-size:14px; float:left; letter-spacing:-1px; }
#contents_admin #title p { font-size:11px; float:right; color:#777; }

#side { width:200px; float:left; } 
#side ul li img { margin-right:9px; }
#side ul li a { color:#515151; }
#side ul li a.b { color:#2C5277; }
#side ul li ul { margin:8px 0 0 15px; }
#sub li { font-size:11px; }
#sub li ul li { background:url(images/icon_sub.gif) no-repeat; }
#box { position:relative; top:-12px; left:-12px; }
#box li { padding:10px 0 0 12px; }
#box li span { border:1px solid #D9D9D9; background:#fff; padding:3px; color:#505050; }

#con { float:right; width:580px; }S
#con #title { width:580px; border-bottom:1px solid #CECECE; float:left; padding-bottom:6px; }
#cons { border-top:2px solid #F0F0F0; padding-top:25px; float:left; width:580px; }

#bg { background:#DEE4EA; padding:10px; margin-bottom:5px; }
#bg div { border:1px solid #AEBBC9; background:#fff; width:164px; height:43px; font-weight:bold; color:#505050; padding:10px 0 0 13px; }
#bg div p { padding-bottom:5px; }
#bg div span { font:9px Tahoma; color:#2C5177; font-weight:bold; }

#copyright { background:#D0D6D9; border-top:1px solid #C9CDD0; clear:both; height:29px; text-align:center; font:10px Tahoma; color:#3B3F54; padding-top:10px; }
#copyright img { vertical-align:middle; }

/* 로그인 */
#mainLogin { background:url(images/mainBg.gif) no-repeat; width:462px; height:225px; margin:132px auto 0 auto; padding:30px 122px 0 120px; position:relative; }
#mainLogin h2 { text-align:right; margin:16px 0 60px 0; }
#mainLogin #loginBox { position:absolute; width:300px; top:140px; left:280px; }
#mainLogin div { float:left; width:181px; margin-right:16px; display:inline; }
#mainLogin .loginTitle { position:absolute; top:217px; left:453px; }
#mainLogin #id { background:url(images/input_id.gif) no-repeat; border:0; width:138px; height:19px; color:#D4E8FF; padding:5px 0 0 43px; margin-bottom:11px; }
#mainLogin #password { background:url(images/input_password.gif) no-repeat; border:0; width:138px; height:19px; padding:5px 0 0 43px; color:#D4E8FF; }

#mainFooter { width:462px; margin:0 auto; padding-top:20px }
#mainFooter dt { float:left; width:81px; padding:4px 0 0 59px; }
#mainFooter dd { float:left; color:#757887; font-size:11px; line-height:16px; }
#mainFooter dd img { vertical-align:middle; margin-bottom:2px; }

#content { border-top:2px solid #FFFFFF; padding-top:10px; float:left; width:780px; }
#content h3 { font-size:12px; padding-bottom:0px; }
#content h3 img { vertical-align:middle; margin:0 5px 3px 0 ; }
#content .center { text-align:center; padding-top:10px; }
#content .r { text-align:right; }
#content .normal { font-weight:normal;}

#tbl table { width:800px; }

.tdLeft { border-top:solid 1px #D9D9D9;border-bottom:solid 1px #D9D9D9; padding-left:10px; padding-top:5px; }
.tdRight { background-color:#EBF3FF; border-top:solid 1px #D9D9D9; border-bottom:solid 1px #D9D9D9; vertical-align:top;padding-left:10px; padding-top:5px; }
.title { font-size:larger; font-weight:bold; }
