﻿@charset "utf-8";
/********************************************************************
Covision UXD team
  - Name : 장대근
  - Deta : 2012.04.03
 ********************************************************************/
 
/* 정해진 사이즈에서 멈춤 */
* html #fix_wrap, 
* html #fix_conts {height:1px; }
.fix_wrap {height:100%; min-width:710px; margin:0 auto; _margin-left:710px;/*ie6*/ }
.fix_conts {height:100%;  _margin-left:-710px;/*ie6*/ }

/* 공통 제어 시작 */
html,body{margin:0;padding:0;color:#746C67;font:normal 12px dotum,'돋움',Apple-Gothic,맑은 고딕, Malgun Gothic,sans-serif; background-color:#ffffff; vertical-align:middle;}
html,body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form {margin:0;padding:0;font:normal 12px dotum,'돋움',Apple-Gothic,맑은 고딕, Malgun Gothic,sans-serif;color:#222222; vertical-align:middle;}
body {background:url(/Images/images/logon/logon_bg.gif) repeat-x left 6px;}
form{ width:100%; height:100%;}
ul,ol,dl {list-style:none}
img {border:0; vertical-align:middle;}
html, body {width:100%; height:100%; min-height:690px;}
a {font:normal 12px dotum,'돋움',Apple-Gothic,맑은 고딕, Malgun Gothic,sans-serif;color:#222222;text-decoration:none;}
a:hover {font:normal 12px dotum,'돋움',Apple-Gothic,맑은 고딕, Malgun Gothic,sans-serif; color:#000000; text-decoration:none;}
.png24 {tmp:expression(CFN_SetPNGTransform(this));}

.frame h1{ position:absolute; top:15px; left:0; padding:0px;}
.frame {background:url(/Images/images/logon/bg_login.jpg) no-repeat; text-align:center; width:846px; height:530px; position:absolute; top:100px; left:50%; margin-left:-420px;}
.box{width:292px;height:92px; margin:244px 0 0 390px; padding:13px 11px 7px 12px;}
.txt_copyright{font-size:11px; color:#757383; line-height:40px;}
.copyright{display:none; position:absolute; bottom:5px; left:341px; width:315px; margin-bottom:-10px;}
.txt_company{font-size:11px; color:#9c9ba4; line-height:40px; font-weight:bold;}

.login_input{font:normal 14px dotum,'돋움',Apple-Gothic,맑은 고딕, Malgun Gothic,sans-serif; font-size:14px; font-weight:bold; width:140px; height:25px; line-height:25px; color:#0364af; background-color:#ffffff; border:0; margin:0 0 5px 0; padding:0 0 0 5px;}
.login_input_hidden{ display:none;}
.box_login{float:left;}

/* 로그인 버튼 */
.box_login em.btn_bs_l{float:left; display:block; width:68px; height:55px; margin-top:0; background:url(/Images/Images/logon/btn_login.gif) no-repeat left top; font-style:normal; cursor:pointer;  }
.box_login span.btn_bs_r{}
.box_login .txt_btn_bs {display:none; font-size:12px; color:#fff; line-height:23px; font-weight:bold;}
.l01{position:absolute; top:266px; left:510px;}
.l02{position:absolute; top:330px; left:506px;}
.l03{position:absolute; top:266px; left:660px; width:68px;}
.checkbox{display:block; float:left; height:20px; line-height:20px;}
.txt_id {display:block; float:left; height:20px; line-height:20px; color:#ffffff;}
.txt_id input[type=checkbox] {margin:0 !important;}

/* Select > 공통 */
.select {position:absolute; top:330px; left:660px; font:normal 12px dotum,'돋움',Apple-Gothic,맑은 고딕, Malgun Gothic,sans-serif; font-size:12px; color:#222222; width:68px; float:left; line-height:normal; display:inline-block; vertical-align:middle; background:#fff; *zoom:1;}
.select select {width:68px !important;}
.select *{font:normal 12px dotum,'돋움',Apple-Gothic,맑은 고딕, Malgun Gothic,sans-serif; font-size:12px; color:#222222; margin:0; padding:0; cursor:pointer;}
.select .myValue{ position:relative; z-index:1; left:0; top:0; border:1px solid #d4d4d4; color:#666; line-height:19px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
.select button.myValue{font:normal 12px dotum,'돋움',Apple-Gothic,맑은 고딕, Malgun Gothic,sans-serif; color:#222222; height:22px; width:100%; text-indent:5px; *text-indent:0;/*ie7*/ *padding-left:5px;/*ie7*/ padding-top:3px;}
.select .ctrl{position:absolute; top:0; right:0; width:18px; height:20px; border:1px solid #bababa; border-left:1px solid #eaeaea; background:#fff;}
.select .arrow{position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff;}
.line{background:url(/Images/Images/logon/line_login.gif) repeat-x;height:1px; margin-top:91px; *margin-top:78px;/*ie7*/ _margin-top:-19px;/*ie6*/ display:block;}

.aList2 {background-color:#FFF; text-align:left; width:83px; border:solid 1px #bfbfbf;  position:absolute; *position:relative;/*ie7*/ _position:absolute;/*ie6*/  margin:26px 0 0 207px; *margin:-1px 0 0 207px;/*ie7*/ _margin:11px 0 0 104px;/*ie6*/}
.aList2 li a{font-size:12px;background-color:#FFFFFF; display:block; line-height:14px; vertical-align:middle; _height:1%;/*ie6*/ padding:5px; }
.aList2 li a:hover{font-size:12px; background-color:#f2f2f2; display:block; line-height:14px;  vertical-align:middle;  padding:5px;}

.layer_alert .img_align {margin:0 !important;}
.layer_alert em.btn_bs_l{white-space:nowrap; float:left; height:27px !important; text-align:center; background:url(/Images/Images/common/Btn/btn_bs.gif) no-repeat 0 0; font-style:normal; cursor:pointer; margin:0 2px 0 2px; padding:0 0 0 5px;}
.layer_alert em.btn_ws_l{white-space:nowrap; float:left; height:27px !important; text-align:center; background:url(/Images/Images/common/Btn/btn_ws.gif) no-repeat 0 0; font-style:normal; cursor:pointer; margin:0 2px 0 2px; padding:0 0 0 5px;}
.layer_alert span.btn_bs_r{white-space:nowrap; float:left; height:27px !important; line-height:27px !important; margin-left:1px; background:url(/Images/Images/common/Btn/btn_bs.gif) no-repeat right; cursor:pointer; padding-right:1px; padding:0 5px 0 0;}
.layer_alert span.btn_ws_r{white-space:nowrap; float:left; height:27px !important; line-height:27px !important; margin-left:1px; background:url(/Images/Images/common/Btn/btn_ws.gif) no-repeat right; cursor:pointer; padding-right:1px; padding:0 5px 0 0;}

.layer_alert .alert_header {padding-left:8px !important; background:#222222 !important; color:#ffffff !important; height:40px !important; line-height:38px !important;}
.layer_alert .alert_header .txt_gn11 {color:#cccccc !important;}
.layer_alert .alert_content {border:3px solid #222222 !important;}
.layer_alert .alert_header_ico {background:url(/Images/Images/Controls/Popup/ico_pop.gif) no-repeat 0 1px !important;  line-height:38px !important;  padding-left:16px !important; font-weight:bold !important;}