@charset "utf-8"; body { margin:0; font-size: 9pt; font-family:Arial,Tahoma,Dotum,Sans-serif; background:#ffffff; color:#343434; } a { text-decoration:none; color:#343434; } a:hover, a:active, a:focus { text-decoration:underline; color:#ef4632 } img { border:0; } ul { margin:0; padding:0; } li { display:inline; } /*Wrap*/ ..mainWrap { margin:0 auto; width:996px; } ..topWrap { height:79px; width:100%; background:#e4e4e4 url(/img/top_menuBg2.gif) repeat-x left 46px; margin:0; padding:0; } ..contWrap { margin:0; padding:0; } ..innerWrap { background:url(/img/main_centSdw.gif) repeat-y; padding:10px 15px; } ..shadowBotm { background:url(/img/main_botmSdw.gif) no-repeat top; height:10px; } ..footer { text-align:center; padding-top:10px; } ..leftTb { width:208px; background:#eceef1; vertical-align:top; } ..rightTb { width:188px; vertical-align:top; } ..centerTbUp { vertical-align:top; padding:0 7px; } ..centerTbDw { vertical-align:top; padding-left:7px; padding-top:10px; } /*Top*/ ..topHead { width:100%; height:46px; } ..topHead .logo { padding-left:12px; padding-top:2px; } ..topHead .btn { display:inline; padding-top:3px; } ..topHead .btn2 { display:inline; padding-top:3px; font-size: 9pt; } ..topHead .homeMu { display:inline; background:url(/img/top_naviMuLf.gif) no-repeat left; height:19px; } ..topHead .homeMuFr { background:url(/img/top_naviMuLf.gif) no-repeat left; height:19px; width:10px; } ..topHead .homeMuBg { background:url(/img/top_naviMuBg.gif) no-repeat right; padding:0 10px 0 0; } ..topHead .homeMuBg li { padding:0 2px; } ..topHead .logInfo { text-align:right; padding:0 15px 0 0; font-weight:bold; font-size:8pt; } ..topHead .logInfo2 { text-align:right; padding:0 15px 0 0; font-weight:bold; font-size:8pt; } ..topMenu { background:url(/img/top_menuBg1.gif) no-repeat left; height:26px; width:100%; padding-left:230px; vertical-align:middle; } ..topMenu li { padding:0 20px 6px 20px; } ..shadowBg { background:url(/img/main_topSdw.gif) repeat-x top; height:7px; } ..shadowBgSub { background:url(/img/topSdw.gif) repeat-x top; height:7px; } ..shadowBg_sb { background:url(/img/topSdw.gif) repeat-x top; height:7px; } /*Left*/ ..logInfo { margin:6px 6px 0 6px; } ..logInfo .ti { margin-bottom:2px; height:30px; } ..logInfo .ct { padding:10px 10px 5px 10px; background:#d5e2ef; font-size:8pt; color:#3b3b3b; margin:0; } ..logInfo .user { background:url(/img/user.gif) no-repeat 0 1px; padding-left:70px; font-weight:bold; height:18px; } ..logInfo .dept { background:url(/img/dept.gif) no-repeat 0 1px; padding-left:70px; font-weight:bold; height:18px; } ..logInfo .company { background:url(/img/company.gif) no-repeat 0 1px; padding-left:70px; font-weight:bold; height:18px; } ..logInfo .lastLogin { background:url(/img/lastLogin.gif) no-repeat 0 1px; padding-left:70px; font-weight:normal; height:18px; margin-top:20px; } ..logInfo .time { background:url(/img/time.gif) no-repeat 0 1px; padding-left:70px; font-weight:normal; height:18px; } ..manualLf { margin:6px 6px 0 6px; } ..manualLf .ti { margin-bottom:2px; height:30px; } ..manualLf .ct { } ..manualLf .bnn { margin-bottom:2px; height:36px; } ..bennerLf { margin:6px 6px 0 6px; } /*Board*/ ..BoardNotic { width:100%; margin-top:5px; } ..BoardNotic .ti { width:100%; background:url(/img/noticeBar.gif) repeat-x bottom; height:19px; margin-bottom:4px; } ..BoardNotic .ctBlue { background:#e0eef6; padding:6px; height:230px; } ..BoardNotic .ctWhite { background:#ffffff; padding:6px; height:205px; border-bottom:1px solid #d4d4d4; } ..BoardNotic .list { background:url(/img/bullet03.gif) no-repeat 2px 10px; padding:3px 0 0 10px; height:18px; /*letter-spacing:-0.1em;*/ font-size:9pt; } ..BoardNotic .data { padding:3px 0 0 0; text-align:right; font-size:9pt; height:18px; } ..statusList { } ..statusList .ti { } ..statusList .ct { padding-top:1px; } ..statusList .ct .list { background:url(/img/bullet03.gif) no-repeat 5px 10px; border-bottom:1px solid #c6c9cc; padding:2px 5px 0 12px; vertical-align:middle; height:20px; /*letter-spacing:-0.1em;*/ font-size:9pt; } ..statusList .ct .listG { background:#f1f1f1 url(/img/bullet03.gif) no-repeat 5px 10px; border-bottom:1px solid #c6c9cc; padding:2px 5px 2px 12px; vertical-align:middle; /*letter-spacing:-0.1em;*/ height:20px; font-size:9pt; } ..statusList .ct .list2 { background:url(/img/bullet02.gif) no-repeat 5px 10px; border-bottom:1px solid #c6c9cc; padding:2px 5px 0 12px; vertical-align:middle; height:20px; /*letter-spacing:-0.1em;*/ font-size:9pt; } ..statusList .ct .listG2 { background:#f1f1f1 url(/img/bullet02.gif) no-repeat 5px 10px; border-bottom:1px solid #c6c9cc; padding:2px 5px 2px 12px; vertical-align:middle; /*letter-spacing:-0.1em;*/ height:20px; font-size:9pt; } ..statusList .ct .data { border-bottom:1px solid #c6c9cc; padding:2px 15px 2px 0; vertical-align:middle; text-align:right; height:20px; width:25px; font-size:9pt; } ..statusList .ct .dataG { background:#f1f1f1; border-bottom:1px solid #c6c9cc; padding:2px 15px 2px 0; vertical-align:middle; text-align:right; height:20px; width:25px; font-size:9pt; } ..statusList .ct .listL { background:#c6c9cc; height:1px; } /*Tab*/ ..tabBoard { width:100%; } ..tabBoard .ti { height:30px; width:100% margin:0; padding:0; } ..tabBoard .ti .tabNm { display:inline; margin:0; height:30px; } ..tabBoard .ti .tabNmi .tabTiLf_ { width:19px; height:30px; } ..tabBoard .ti .tabNm .tabTiCt_ { background:url(/img/tabCt.gif) repeat-x; color:#ffffff; font-weight:bold; height:30px; } ..tabBoard .ti .tabNm .tabTiRg_ { width:19px; height:30px; } ..tabBoard .ti .tabNmi .tabTiLf { width:19px; height:30px; } ..tabBoard .ti .tabNm .tabTiCt { background:url(/img/tabCt_g.gif) repeat-x; color:#616161; font-weight:bold; height:30px; } ..tabBoard .ti .tabNm .tabTiRg { width:19px; height:30px; } ..tabBoard .ct { border:2px solid #285a88; background:#ffffff; padding:10px 5px; } ..tabBoard .ct .dataLi { border-bottom:1px dashed #c4c4c4; background:url(/img/bullet03.gif) no-repeat 3px 5px; padding-left:10px; height:18px; vertical-align:center; } /*etc*/ ..Rg { float:right; text-align:right; } ..Cnt { text-align:center; } ..space5 { height:5px; } ..space10 { height:10px; } ..space20 { height:20px; } ..space30 { height:30px; } /*Fraemset Wrap*/ ..leftFrmBg { background:#eceef1; } ..leftMuWrap { width:213px; position:relative; height:auto !important: height:100%; min-height:100%; } ..leftTitle { height:30px; } ..menuArea { width:207px; background:#d5e2ef; } ..menuArea { width:207px; background:#d5e2ef; padding-top:3px; } ..muDepth01 { background:#d5e2ef url(/img/left_bullet01.gif) no-repeat 10px 8px; padding:6px 0 6px 22px; color:#313437; font-weight:bold; font-size:9pt; } ..muDepth02Of { background:url(/img/bullet02.gif) no-repeat 25px 10px; padding:5px 0 3px 32px; color:#656671; font-weight:normal; font-size:9pt; } ..muDepth02On { background:#b2c4d9 url(/img/bullet02.gif) no-repeat 25px 10px; padding:5px 0 3px 32px; color:#22467c; font-weight:bold; font-size:9pt; } ..muDepth02Off { background:#b2c4d9 url(/img/bullet02Off.gif) no-repeat 25px 10px; padding:7px 0 3px 32px; color:#22467c; font-weight:bold; font-size:9pt; } ..muDepth02On+ { background:#b2c4d9 url(/img/bullet02+.gif) no-repeat 25px 10px; padding:5px 0 3px 32px; color:#22467c; font-weight:bold; font-size:9pt; } ..muDepth03Of { background:#ffffff url(/img/bullet03.gif) no-repeat 35px 10px; padding:5px 0 2px 42px; color:#656671; font-weight:normal; font-size:9pt; } ..muDepth03On { background:#ffffff url(/img/bullet03.gif) no-repeat 35px 10px; padding:5px 0 3px 42px; color:#22467c; font-weight:bold; font-size:9pt; } ..muDivice { height:1px; background:#ffffff; margin:0; padding:0; } ..bottomFrmBg { background:#e6e6e6; } ..bottomWrap { height:29px; border-top:1px solid #d1d1d1; padding:10px 0 0 12px; } /*Login*/ ..loginWrap { margin:0 auto; width:996px; } ..loginLogo { height:150px; padding:32px 0 0 20px; text-align:left; } ..loginArea { width:306px; vertical-align:top; padding:0px 22px; } ..loginArea .up { height:100px; margin:6px; } ..loginArea .under { height:100px; vertical-align:middle; text-align:center; } ..loginArea .loginLine { height:5px; border-bottom:1px solid #eceef1; } ..loginArea .userid { background:url(/img/login_userId.gif) no-repeat 0 5px; padding-left:120px; height:25px; } ..loginArea .businessno { background:url(/img/login_businessNo.gif) no-repeat 0 5px; padding-left:120px; height:25px; } ..loginArea .location { background:url(/img/login_location.gif) no-repeat 0 5px; padding-left:120px; height:25px; } ..loginArea .password { background:url(/img/login_password.gif) no-repeat 0 5px; padding-left:120px; height:25px; } ..loginArea .system { background:url(/img/login_system.gif) no-repeat 0 5px; padding-left:120px; height:25px; } ..loginArea .evaloperunit { padding-left:120px; height:25px; } ..loginArea .loginBtn { width:100%; text-align:right; padding:2px; } ..loginArea .select { width:160px; height:18px; font-size:8pt; } ..loginArea .radio { border:0; } ..loginArea .input { width:160px; height:18px; font-size:8pt; border:1px solid #808080; background:#f1f1f1; } ..loginCopyrigt { padding-top:28px; text-align:center; } #topWrap { height:90px; width:100%; background:#ffffff url(/img/topbar_bg.gif) no-repeat right 33px; } #topWrap .innerT { height:90px; width:967px; margin:0 auto; } #topWrap .innerT .logo { width:210px; text-align:center; } #topWrap .innerT .hnv { height:18px; width:; float:right; background:#f3f4f4; margin:0px; padding:0 10px; } #topWrap .innerT .topmenu { text-align:left; background:url(/img/topbar_mu.gif) no-repeat; margin:0; padding:0; vertical-align:top } #midWrap { width:100%; background:#ffffff; } #midWrap .innerM { width:967px; margin:0 auto; } #midWrap .innerM .visual { margin-bottom:10px; } #midWrap .innerM .contents { } .botWrap { width:100%; } .botWrap .innerB { height:50px; width:967px; margin:0 auto; padding-top:20px; } li { display:inline; list-style-type:none; } .id { background:url(/img/id.gif) no-repeat 0 5px; padding-left:50px; margin-bottom:3px; margin-left:3px; } .pw { background:url(/img/pw.gif) no-repeat 0 5px; padding-left:50px; margin-left:3px; } .text { border:1px solid #a5b0bb; padding:0 2px; width:100px; } .bt { width:100%; margin-top:10px; margin-left:2px; } .news { width:100%px; height:166px; } .news .ti { height:23px; border-bottom:2px solid #436e97; } .news .ti .t { float:left; } .news .ti .m { float:right; margin-top:7px } #related-site { position:absolute; top:554px; width:210px; height:20px; z-index:8; } #related-site h2 { margin-top:0px; } #related-site #related-site-list { position: absolute; bottom: 19px; left: 12px; border: 1px solid #ccc; background-color: #fff; width: 186px; height: 0; overflow: auto; /* overflow: hidden; */ scrollbar-face-color: #DBDBDB; scrollbar-track-color: #F4F4F4; scrollbar-highlight-color: #DBDBDB; scrollbar-3dlight-color: #DBDBDB; scrollbar-shadow-color: #DBDBDB; scrollbar-darkshadow-color: #DBDBDB; scrollbar-arrow-color: #606060; } #related-site #related-site-list table { margin: 1px 10px 4px; } #related-site #related-site-list th { font-weight:bold; padding:5px 0; font-size:9pt; text-align:left; } #related-site #related-site-list td { text-align:left; font-size:9pt; background:url(/img/bullet_g.gif) no-repeat 5px 8px; padding-left:15px; }