﻿/* base */
*{margin:0;padding:0;} 
a{cursor:pointer;text-decoration: none;}
html{width:100%;_height:100%;margin:0px;padding:0px;scrollbar-face-color:#F8F8F8;scrollbar-shadow-color:#B3B3B3;scrollbar-highlight-color:#B3B3B3;scrollbar-3dlight-color:#FFFFFF;scrollbar-darkshadow-color:#FFFFFF;scrollbar-track-color:#FFFFFF;scrollbar-arrow-color:#8B9EA6;} 
body{_position:absolute;width:100%;_height:100%;margin:0px;padding:0px;line-height:normal;font-size:12px;font-family:맑은 고딕, Verdana,  Helvetica, Sans-Serif, monospace;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0;padding:0;}
ol, ul, li{list-style:none;}
h1, h2, h3, h4, h5, h6{font-size :normal 100%;line-height:normal}
form, fieldset, img{margin:0;padding:0;border:0;}
address, caption, em{font:normal;}
label {display:inline-block;}
select{height:20px;font-size:12px;font-family:Dotum, Arial, Sans-serif;line-height:17px;vertical-align:text-bottom;word-wrap:normal;*margin:-5px 0 0 0;}
.checkbox{vertical-align:middle;margin-left:3px; margin:-4px 0px -3px 0px;}
.radio{vertical-align:middle; margin:-4px -3px;}

#body {margin:0px; border:gray solid 1px; border:none; border-right:none; /*padding:10px; min-height:765px;*/}

iframe#viewer {width:100%; height:750px; border:none; overflow:hidden; min-width:1140px;}

/*색상관련*/
#mainnavwrap{background:url(images/topbg_blue_line.gif) top left repeat-x;user-select: none;}
#mainnavwrap #mainnav{width:1300px;height:88px;}
#linktohome {position:absolute; width: 80px; height: 30px; background: url(images/logo.png) no-repeat; background-size: contain;}
/*색상관련end*/

#top{height:24px;padding-left:5px}

.servernum{position:absolute;top:42px;left:5px;width:115px;height:21px;line-height:18px;*line-height:16px;margin:0;padding:1px 0 0 0;border-right:1px solid #9ca2a5}
.servernum div{float:left}
.servernum div img {margin-top:3px}
.servernum div.code_txt{width:85px; margin-top:1px; font-weight:bold; font-size:11px; text-align:center}
.servernum div.code_txt span {font-weight:normal; color:#888}
.servernum div.code_select{padding-left:7px; padding-top:2px}
.servernum div.code_select select {width:75px;height:18px}
.servernum div.code_select select .red {color:#f00}

.company_name {float:left;color:#fff;height:22px;line-height:23px;overflow:hidden;font-weight:bold}
.functionlist{float:right;height:22px;line-height:23px; line-height:22px;}
.funcbt{float:left;color:#CCC;}
.funcbt ul{overflow:hidden;margin-top:1px}
.funcbt li{float:left;padding:0 7px;background:url(images/list_line2.gif) left 5px no-repeat;margin:-1px;}
.funcbt li a, .funcbt li a:visited, .funcbt li a:active{color:#CCC; text-decoration:none}
.funcbt li a:hover{color:#5caef7;}

.lang_logout{float:left;height:24px;}
.lang_logout ul li{float:left;color:#CCC;padding-left:5px;}
.lang_logout ul li a, .lang_logout ul li a:visited, .lang_logout ul li a:active{color:#CCC;text-decoration:none}
.lang_logout ul li a:hover{color:#5caef7;}
.lang{margin-top:2px;}

#nav{position:relative; height:64px;}
#mainpagewrap{width:985px; /*margin:0 auto*/}
#content{clear:both; min-width:1396px;}

.menugroup{height:62px}
.logo{float:left;width:111px;height:34px;margin:3px 6px}

.mainmenu ul li {float:left;padding:0 0 0 22px; font-weight:bold;line-height:18px;position:relative;left:5px;top:15px; font-size:12px;}
.mainmenu ul li:first-child{padding-left:0}
.mainmenu ul li a,.mainmenu ul li a:visited,.mainmenu ul li a:active{color:#a8a8a8;text-decoration:none}
.mainmenu ul li a.select, ul li a.select:visited, ul li a.select:active{color:#069B00;}
.mainmenu ul li a:hover {color:#0d87f3;}

.submenu {clear:both;height:18px;overflow:hidden;}
.submenu ul {overflow:hidden;margin:4px 0 0 118px}
.submenu ul li {float:left;line-height:18px;padding:0 15px; background:url(images/list_line1.gif) left 3px no-repeat;margin:-1px;}
.submenu ul li a, .submenu ul li a:visited, .submenu ul li a:active {color:#a8a8a8; text-decoration:none;}
.submenu ul li a:hover {color:#0d87f3;text-decoration:none;}
.submenu ul li a.select, .submenu ul li a.select:visited, .submenu ul li a.select:active{color:#069B00;text-decoration:none;font-weight:bold}
.submenu ul li a.select:hover{color:#0d87f3;text-decoration:none;font-weight:bold}

.customer{position:absolute; top:0; right:0; width:216px;}
.customer .search{float:right;margin:10px 0 0 0;width:216px;height:20px;line-height:20px;text-align:right;}
.customer .search input{height:18px; border:1px solid #979898; border-left:0; border-right:0; width:96px;vertical-align:middle; padding:0 0 0 3px; font-size:12px; color:#ccc; line-height:16px;}
.customer .search a.btn_customer{background:url(images/bg_btn_customer_blue.gif) right 0 no-repeat; color:#fff; text-decoration:none; font-size:11px; display:inline-block; vertical-align:top; padding:0 4px 1px 0;  cursor:pointer; height:20px;}
.customer .search a.btn_customer {*background:url(images/bg_btn_customer_blue.gif) right 1px no-repeat; *padding:0 4px 0 0; *height:21px}
.customer .search a.btn_customer span{background:url(images/bg_btn_customer_blue.gif) 0 0 no-repeat; display:block; padding:0 5px 1px 20px; vertical-align:middle}
.customer .search a.btn_customer span{*background:url(images/bg_btn_customer_blue.gif) 0 1px no-repeat;  *height:21px }
.customer .search img{vertical-align:middle;}

.listwindow {border: solid 1px gray; }

