﻿@charset "utf-8";
/********************************************************************
Covision UXD team
  - Name : 장대근
  - Deta : 2015.05.11
 ********************************************************************/
 
/* 정해진 사이즈에서 멈춤 */
* 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 굴림,'돋움',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:#444; vertical-align:middle;}
form{ width:100%; height:100%;}
ul,ol,dl {list-style:none}
img {border:0; vertical-align:middle;}
html, body {width:100%; height:100%;}
a {font:normal 12px 굴림,'돋움',Apple-Gothic,맑은 고딕, Malgun Gothic,sans-serif;color:#444;text-decoration:none;}
a:hover {font:normal 12px 굴림,'돋움',Apple-Gothic,맑은 고딕, Malgun Gothic,sans-serif; color:#444; text-decoration:none;}
.png24 {tmp:expression(CFN_SetPNGTransform(this));}

body {}
.frame h1{width:169px; height:40px; background:url(/images/images/logon/logo.png) no-repeat; margin-top:-55px;  z-index:100;}
.frame {background:url(/images/images/logon/bg_login.jpg) no-repeat; text-align:center; width:973px; height:386px; margin:0 auto; position: absolute; top:50%; left:50%; margin-left:-486px; margin-top:-220px;}
.frame2 {text-align:center; width:426px; height:327px; margin:0 auto; position:relative; top:27%;} 
.frame2 h1{position:absolute; top:40px; right:258px; z-index:100;}
.box{ position:absolute; top:0; right:-22px; width:426px; height:386px;  background:url(/images/images/logon/img_back.jpg) no-repeat 0 0;}
.txt_copyright{ display:none; color:#444; line-height:40px; font:normal 13px 맑은 고딕, Malgun Gothic, dotum,'돋움',Apple-Gothic,sans-serif; }
.copyright{ background:url(/images/images/logon/copyright.gif) no-repeat 0 0; width:307px; position:relative; top:420px; clear:both; height:40px; margin:0 auto; padding:0px;}
.txt_company{ display:none;color:#444; line-height:40px; font:normal 13px 맑은 고딕, Malgun Gothic, dotum,'돋움',Apple-Gothic,sans-serif; }

.login_select {position:absolute; top:180px; right:36px;}
.login_select select {width:106px; height:21px; background:#fff; color:#444; font:normal 12px 굴림,'돋움',Apple-Gothic,맑은 고딕, Malgun Gothic,sans-serif; border:1px solid #343135; border-radius:3px;}
.login_input{ font:bold 14px 굴림,'돋움',Apple-Gothic,맑은 고딕, Malgun Gothic,sans-serif; padding:0 10px; font-size:12px; height:34px; line-height:34px; width:203px; color:#000; background-color:#fff; border:0;  margin-bottom:6px;}
.login_input_hidden{ display:none;}
.box_login{margin-top:166px; margin-left:37px; float:left;}
.btn_bs_l .txt_btn_bs { display:none;}
.pw_icon { color:#fff; position:absolute; margin-top:256px; margin-left:110px;}
.pw_icon a {color:#fff; text-decoration:underline;}
/* 로그인 버튼 */
em.btn_bs_l{float:left; margin-top:71px;  font-style:normal; cursor:pointer;  }
.box_login span.btn_bs_r{float:left; width:105px; margin-left:1px;  height:74px;  background:url(/images/images/logon/btn_login.gif) no-repeat right; cursor:pointer; _padding:3px 0 0 0;/*ie6*/ }
.box_login .txt_btn_bs {font-size:12px; color:#fff; line-height:23px; font-weight:bold;}
.l01{ width:216px; height:57px; float:left;}
.l02{ position:absolute; top:250px; left:30px; width:88px;}
.l03{ position:absolute; top:95px; right:94px; width:68px;}
.checkbox{display:block; float:left; line-height:20px; margin-top:3px; }
.txt_id{line-height:12px; display:block;float:left; vertical-align:middle; font-weight:bold; line-height:24px; color:#fff;}

/* Select > 공통 */
.select{  font:normal 12px 굴림,'돋움',Apple-Gothic,맑은 고딕, Malgun Gothic,sans-serif; font-size:12px; margin-left:-45px;  color:#444;  width:105px; position:relative; margin-top:252px; line-height:normal; display:inline-block; vertical-align:middle; *zoom:1;}
.select select { width:105px !important; border:0px;}
.select *{font:normal 12px 굴림,'돋움',Apple-Gothic,맑은 고딕, Malgun Gothic,sans-serif; font-size:12px;  color:#444; 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 굴림,'돋움',Apple-Gothic,맑은 고딕, Malgun Gothic,sans-serif; color:#444; 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{display:none; background:url(/images/images/logon/line_login.gif) repeat-x;height:1px; margin-top:91px; *margin-top:78px;/*ie7*/ _margin-top:-19px;/*ie6*/}

.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;}


.btn_bs_r {text-align:center !important;}
.alert_body center {margin-left:105px;}
.logon_btn_box { position:absolute; top:229px; left:425px; width:426px; height:98px; background:url(/images/images/logon/txt_info.png) no-repeat 34px 18px; border-left:1px solid #c4c5c6;}
.logon_btn {list-style:none; width:426px; margin:0; padding:0;}
.logon_btn td {width:141px; height:54px; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; text-align:left;}
.logon_btn td a {display:block; width:113px; height:54px; line-height:54px; background:url(/images/images/logon/logon_btn.gif) no-repeat left top; font-weight:bold; padding-left:28px; text-align:left;}

.txt_ten { position:absolute; right:0px; margin-top:-42px;}
.txt_ten a {background:url(/images/images/logon/txt_ten.png) no-repeat; width:140px; height:20px; display:block;}


.layer_divpop .divpop_header {padding-left:8px !important; background:#444444 !important; color:#ffffff !important; height:40px !important; line-height:38px !important;}
.layer_divpop .divpop_header .txt_gn11 {color:#cccccc !important;}
.layer_divpop .divpop_contents {border:3px solid #444444 !important;}
.layer_divpop .divpop_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; font-size:14px !important;}
.layer_tree .tree_scroll {height:460px !important;}
.layer_check input[type=checkbox] {margin-top:2px !important;}
.layer_searchlist_tab .menubar_gray {float:left;}
.layer_alert .alert_header {padding-left:8px !important;  margin:0px; background:#444444 !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 #444444 !important;}
.alert_body center {margin-left:0px;}
.ly_btn .txt_btn_bs {display:inline-block;}
.layer_alert em.btn_bs_l{white-space:nowrap; float:left; height:27px !important; text-align:center; background:url(/Images/Images/common/Btn/join_btn.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/join_btn.gif) no-repeat 0 -47px; 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/join_btn.gif) no-repeat right 0px; 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/join_btn.gif) no-repeat right -47px; cursor:pointer; padding-right:1px; padding:0 5px 0 0;}
