#wrap { margin: 0 auto; width: 959px; }


/* header */
#header {width: 959px; margin-bottom:4px;}
#header .mrtop { height: 100px;}
#header .mrtop h1.logo {margin: 0px; padding: 0px; width: 210px; float:left; }

#header .mrtop .gnb { width:390px; float:left;  height:22px; padding:0; margin-top:58px; margin-left: 160px;}
dl.gnbmenu {margin: 0px; margin-top: 0px; margin-right: 0px; padding:1px; float: right; height:20px; border:1px solid #F0F0F0;}
dl.gnbmenu dd { margin: 0px; padding: 0px; float: left;}
dl.gnbmenu dd.backgroundNone { padding-right: 0px; background: none; }


#formTopSearch { margin-top:60px; margin-right:20px; float:right;}
*html #formTopSearch { margin-top:60px; margin-right:10px; float:right;}
#formTopSearch fieldset.info { margin: 0px; border: 0px; padding-left: 2px; width: 160px; height: 23px; background:url('../imgs/search_bg.jpg') no-repeat left top; }
#formTopSearch fieldset.info .keyword { float: left; margin: 0px; padding: 0px; margin-right: 5px; margin-top:1px; width: 130px; height: 16px; border:none; background:none; }
#formTopSearch fieldset.info .keywordOff { margin: 0px; padding: 0px; width: 165px; height: 19px; border: 0px; background: url('../imgs/ko/keyword_txt_passwd.gif') no-repeat 5px 5px; }
*html #formTopSearch fieldset.info .keyword { margin-right: 2px; }


/* top menu */
#header .naviBar { clear: both; margin: 0px; padding: 0px 0px 0px 0px; width: 959px; height: 39px;}

#header ul#navi { clear: both; margin: 0px; padding: 0px 0px 0px 0px; width: 959px; height: 39px; list-style: none; }
#header ul#navi li { float: left;}

#header ul#navi li.menu1 { display: block; margin: 0px; padding: 0px; width: 109px; height: 39px; }
#header ul#navi li.menu1 a { display: block; width: 109px; height: 39px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu1.gif') no-repeat; }
#header ul#navi li.menu1 a:hover { background-position: 0px -39px; }
#header ul#navi li.menu1 a.over { background-position: 0px -39px; }

#header ul#navi li.menu2 { display: block; margin: 0px; padding: 0px; width: 110px; height: 39px; }
#header ul#navi li.menu2 a { display: block; width: 110px; height: 39px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu2.gif') no-repeat; }
#header ul#navi li.menu2 a:hover { background-position: 0px -39px; }
#header ul#navi li.menu2 a.over { background-position: 0px -39px; }

#header ul#navi li.menu3 { display: block; margin: 0px; padding: 0px; width: 109px; height: 39px; }
#header ul#navi li.menu3 a { display: block; width: 109px; height: 39px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu3.gif') no-repeat; }
#header ul#navi li.menu3 a:hover { background-position: 0px -39px; }
#header ul#navi li.menu3 a.over { background-position: 0px -39px; }

#header ul#navi li.menu4 { display: block; margin: 0px; padding: 0px; width: 109px; height: 39px; }
#header ul#navi li.menu4 a { display: block; width: 109px; height: 39px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu4.gif') no-repeat; }
#header ul#navi li.menu4 a:hover { background-position: 0px -39px; }
#header ul#navi li.menu4 a.over { background-position: 0px -39px; }

#header ul#navi li.menu5 { display: block; margin: 0px; padding: 0px; width: 110px; height: 39px; }
#header ul#navi li.menu5 a { display: block; width: 110px; height: 39px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu5.gif') no-repeat; }
#header ul#navi li.menu5 a:hover { background-position: 0px -39px; }
#header ul#navi li.menu5 a.over { background-position: 0px -39px; }

#header ul#navi li.menu6 { display: block; margin: 0px; padding: 0px; width: 109px; height: 39px; }
#header ul#navi li.menu6 a { display: block; width: 109px; height: 39px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu6.gif') no-repeat; }
#header ul#navi li.menu6 a:hover { background-position: 0px -39px; }
#header ul#navi li.menu6 a.over { background-position: 0px -39px; }

#header ul#navi li.menu7 { display: block; margin: 0px; padding: 0px; width:110px; height: 39px; }
#header ul#navi li.menu7 a { display: block; width: 110px; height: 39px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu7.gif') no-repeat; }
#header ul#navi li.menu7 a:hover { background-position: 0px -39px; }
#header ul#navi li.menu7 a.over { background-position: 0px -39px; }

#header ul#navi li.menu8 { display: block; margin: 0px; padding: 0px; width: 97px; height: 39px; }
#header ul#navi li.menu8 a { display: block; width: 97px; height: 39px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu8.gif') no-repeat; }
#header ul#navi li.menu8 a:hover { background-position: 0px -39px; }
#header ul#navi li.menu8 a.over { background-position: 0px -39px; }

#header ul#navi li.menu9 { display: block; margin: 0px; padding: 0px; width: 96px; height: 39px; }
#header ul#navi li.menu9 a { display: block; width: 96px; height: 39px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navi_bt_menu9.gif') no-repeat; }
#header ul#navi li.menu9 a:hover { background-position: 0px -39px; }
#header ul#navi li.menu9 a.over { background-position: 0px -39px; }


/*maincontaineer*/

#mainContainer{height: 100%; overflow: hidden;}

/* container */
#container { height: 100%; overflow: hidden;}
#container .sidebar { float: right; width: 192px; padding-right:0px;}
#container .sidebar .sidellBanner {margin: 0px; padding: 0px;  margin-left:0px; width: 196px;}

#container .sidebar .sidellBanner a {display:block;}
#container .sidebar .sidellBanner a.banner2 {margin-top:10px;}
#container .sidebar .sidellBanner a {display:block;}
#container .sidebar .sidellBanner a.banner3 {margin-top:10px;}
#container .sidebar .sidellBanner a {display:block;}
#container .sidebar .sidellBanner a.banner4 {margin-top:10px;}




#container #contents { float: left; margin-left: 4px; width: 720px; height: 100%; overflow: hidden; padding-left:4px; }

/* subtitle */
#container .headTitle { margin-bottom: 10px; width: 720px; height: 130px; overflow: hidden; }
#container .headTitle img { float: left; margin: 14px 0px 0px 0px; }


/* footer */
#footer { clear: both; margin-bottom: 20px; margin-top:20px;  padding-top: 20px; width: 959px; height: 120px; border-top: 1px solid #E5E5E5;}
#footer .sitemenu { width:794px; height: 20px; float:right;}
#footer .sitemenu ul { float:left; margin: 0px; padding: 0px; padding-top: 8px; list-style: none;}
#footer .sitemenu ul li { float: left; margin-right: 10px; }
#footer .sitemenu ul li a { color: #000; font-weight:bold; }

#footer .siteInfo { padding-top: 5px; margin-left: 0px;}
#footer .siteInfo .logo { margin: 10px 0px 0px 2px; padding: 0px; float: left; width: 160px;}
#footer .siteInfo .txt { margin: 0px; padding: 0px 0px 0px 0px; float: left; margin-left:5px; padding-top: 6px; width: 660px; color: #000; line-height: 1.6em;}
#footer .siteInfo .txt address { margin-top: 5px; font: 0.83em verdana; letter-spacing: -1px; color: #000;}
#footer .siteInfo .txt a.w3c { text-decoration: underline; }


/* modal login */
#formAjaxLogin { margin: 0px; padding: 0px; margin-top: 10px; margin-bottom: 10px;  text-align: right; }
#formAjaxLogin .login { margin-right: 28px; }
#formAjaxLogin fieldset .inputLogin { width: 140px; border: 0px; border: 1px solid #b6b6b6; background-color: #fff; }
#formAjaxLogin fieldset label { font-weight: 900; }
#formAjaxLogin fieldset.id { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; }
#formAjaxLogin fieldset.id img { vertical-align: middle; }
#formAjaxLogin fieldset.passwd { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; }
#formAjaxLogin fieldset.passwd img { vertical-align: middle; }
#formAjaxLogin fieldset.openId { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; }
#formAjaxLogin fieldset.openId img { vertical-align: middle; }
#formAjaxLogin fieldset.button { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; }
#formAjaxLogin fieldset.button .useOpenId { margin-right: 20px; font-weight: 100; }
#formAjaxLogin fieldset.button .useOpenId input { vertical-align: middle; }
#formAjaxLogin p.button { margin: 0px; padding: 0px; margin-bottom: -10px; margin-top: 10px; padding: 5px; padding-right: 10px; padding-top: 8px; height: 16px; color: #b3b3b3; font-size: 0.92em; background-color: #e9e9e9; text-align: right; }
#formAjaxLogin p.button a { color: #555; }
#formAjaxLogin p.button a:hover { text-decoration: underline; }

/* autocomplete */
.autocomplete-w1 { position: absolute; top: 0px; left: 0px; margin: 8px 0 0 6px; /* IE6 fix: */ _background: none; _margin: 0; }
.autocomplete { border: 1px solid #999; background: #fff; cursor: default; text-align: left; max-height: 350px; overflow: auto; margin: -6px 6px 6px -6px; /* IE6 specific: */ _height: 350px; _margin: 0; _overflow-x: hidden; }
.autocomplete .selected { background: #f0f0f0; }
.autocomplete div { padding: 2px 5px; white-space: nowrap; }
.autocomplete strong { font-weight: 100; color: #3399ff; }