#wrap_main { background: url(../img/main_bg.gif) left top repeat-x; }
#wrap { background: url(../img/main_bg.gif) left top repeat-x; }

/* header */
#header { margin: 0 auto; width: 990px; height: 126px; }
#header .top { height: 90px; }
#header .top h1.logo { float: left; margin: 0px; margin-top: 11px; padding: 0px; width: 170px; font: 900 18pt verdana; }
#header .top .gnb { float: left; margin-top: 65px; width: 740px; height: 24px; }
dl.gnbmenu { float: right; margin: 0px; padding: 0px; padding-top: 3px; height: 17px; }
dl.gnbmenu dd { margin: 0px; padding: 0px; padding-right: 10px; margin-left: 5px; float: left; background: url(../img/gnbmenu_bg_bar.gif) right 4px no-repeat; }
dl.gnbmenu dd.backgroundNone { padding-right: 0px; background: none; }
dl.gnbmenu dd a { color: #646464; }

/* container */
#container { margin: 0 auto; width: 990px; height: 100%; overflow: hidden; }
#container .visual { margin-bottom: 50px; height: 240px; }
#container .sidebar { float: left; width: 210px; height: 100%; }
#container .contents { float: left; margin-left: 20px; width: 760px; height: 100%; }

#container .visual { height: 330px; overflow: hidden; }

#container #contents { margin: 0px; margin-top: 10px; padding: 0px; width: 100%; }

#container .customer { float: left; width: 210px; height: 100%; }

#container .program { float: left; margin-left: 20px; width: 230px; height: 150px; }
#container .program h3 { float: left; margin: 0px; padding: 0px; }
#container .program a { float: right; margin: 8px 5px 0px 0px; }
#container .program img.contents { float: right; margin-top: 8px; }


.wrapText { padding: 5px; width: 710px; color: #444; text-decoration: none; font: 9pt dotum; line-height: 160%; overflow: hidden; }
.wrapText p { color: #444; text-decoration: none; font: 9pt dotum; line-height: 160%; }
.wrapText ol { margin: 0px; padding: 0px; list-style: none; }
.wrapText ol li { margin-bottom: 10px; }
.wrapText h2 { margin: 0px; padding: 0px; color: #ff8b0e; text-decoration: none; font: 900 12pt gulim; margin-top: 25px; margin-bottom: 7px; }
.wrapText h3 { margin: 0px; padding: 0px; color: #666; text-decoration: none; font: 900 9pt gulim; margin-top: 20px; margin-bottom: 7px; }
.wrapText a:hover { color:#ff530f; text-decoration: underline; }
.wrapText a:active { color:#777; text-decoration: none; }


.wrapIntro { }
.wrapIntro p.introTxt { padding-top: 20px; text-align: center; line-height: 200%; color: #666; }

#navi { position: absolute; z-index: 1500; margin-left: 0px; margin-top: 1px; width: 940px; 808px 4px no-repeat; }

.subNavi { margin-bottom: 10px; height: 230px; background: url(../img/submenu_bg.gif) no-repeat; overflow: hidden; }
.subNavi img { display: block; margin: 0px; padding: 0px; height: 50px; }
.subNavi ul { margin: 0px; padding: 0px; padding-top: 10px;padding-left: 10px; height: 100%; list-style: none; }
.subNavi ul li { margin-top: 10px; padding-left: 25px; width: 155px; height: 22px; border-bottom: 1px solid #f0f0f0; background: url(../img/subnavi_icon_arrow.gif) 10px 4px no-repeat; }
.subNavi ul li a { font: 900 9pt gulim; color: #777; }
.subNavi ul li.on a { font-weight: 900; color: #189a20; }
.subNavi ul li a:hover { color: #189a20; }
.subNavi ul li a.over { color: #189a20; }

.latestNotice { float: left; margin-left: 20px; width: 220px; height: 160px; background: url(../img/notice_bg.gif) right top no-repeat; overflow: hidden; }
.latestNotice .title { height: 20px; }
.latestNotice .title h3 { margin: 0px; padding: 0px; float: left; }
.latestNotice .title .more { float: right; }
.latestNotice .title .more img { margin-top: 8px; margin-right: 15px; }

.latestNotice ul { clear: both; margin: 0px; padding: 0px; padding-top: 5px; height: 130px; list-style: none; overflow: hidden; }
.latestNotice ul li { height: 24px; padding-left: 3px; padding-right: 3px; }
.latestNotice ul li a { float: left; margin-top: 10px; _margin-top: 8px; padding-left: 5px; width: 200px; }
.latestNotice ul li .date { float: right; color: #666; }


.latestQna { float: left; margin-left: 10px; width: 220px; height: 160px; background: url(../img/notice_bg.gif) right top no-repeat; overflow: hidden; }
.latestQna .title { height: 20px; }
.latestQna .title h3 { margin: 0px; padding: 0px; float: left; }
.latestQna .title .more { float: right; }
.latestQna .title .more img { margin-top: 8px; margin-right: 15px; }

.latestQna ul { clear: both; margin: 0px; padding: 0px; padding-top: 5px; height: 130px; list-style: none; overflow: hidden; }
.latestQna ul li { height: 24px; padding-left: 3px; padding-right: 3px; }
.latestQna ul li a { clear: both; float: left; margin-top: 10px; _margin-top: 8px; padding-left: 5px; }

/* footer */
#footer { clear: both; margin-top: 20px; padding: 0px; height: 130px; background: url(../img/footer_bg.gif) left top repeat-x; }

#footer .footerBox { margin: 0 auto; width: 990px; padding-top: 20px; height: 110px; }

#footer .footerBox .footerLogo { float: left; margin-top: 10px; margin-left: 20px; _margin-left: 10px; }

#footer .footerBox .rightBox { float: left; margin-left: 50px; width: 530px; }
#footer .sitemenu { height: 20px; }
#footer .sitemenu .left { float: left; width: 10px; height: 20px; background: url(../img/footermenu_bg_left.gif) no-repeat; }
#footer .sitemenu ul { float: left; margin: 0px; padding: 0px; padding-left: 20px; height: 20px; background-color: #afaca5; list-style: none; overflow: hidden; }
#footer .sitemenu ul li { float: left; margin-right: 10px; }
#footer .sitemenu ul li a { font: 9pt dotum; color: #ededed; }
#footer .sitemenu ul li.txt { margin-top: 3px; padding-right: 10px; background: url(../img/sitemenu_bg_bar.gif) right 2px no-repeat; }
#footer .sitemenu ul li.backgroundNone { background: none; }
#footer .sitemenu ul li img { vertical-align: middle; }
#footer .sitemenu .right { float: left; width: 10px; height: 20px; background: url(../img/footermenu_bg_right.gif) no-repeat; }
#footer .univ { float: left; width: 180px; }
#footer .univ a { margin-right: 5px; margin-bottom: 10px; width: 33px; height: 33px; }

#footer .siteInfo {padding-top: 5px; }
#footer .siteInfo .txt { margin: 0px; padding: 0px; color: #5b5b5b; font: 8.5pt dotum; line-height: 160%; }
#footer .siteInfo .txt address { margin-top: 5px; font: 8pt verdana; letter-spacing: -1px; color: #5b5b5b; }