@charset "utf-8";

/* Type Selector */
html, body, div, span, iframe,
h1, h2, p,
ul, li,
fieldset, form, label, legend {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  background:transparent;
  line-height:normal;
  list-style:none;
}

body {background:url('/resource/images/login/bg_login.gif') left top repeat; margin:0; padding:0; font-size:75%; font-family:"NanumGothic", "나눔고딕", "돋움", Dotum, "굴림", AppleGothic, Sans-serif; line-height:1; color:#666; overflow:hidden;}

/* tables still need 'cellspacing="0"' in the markup */
fieldset, button {border:none;}
img {border:0 none; vertical-align:top;}
textarea {overflow:auto;}
hr, legend {display:none;}
html:first-child select {padding-right:6px; height:20px;} /* Opera 9 & Below Fix */ 
option {padding-right:6px;} /* Firefox Fix */
input[type=text]::-ms-clear{display:none !important;}
*:focus { outline:none; }
*:-webkit-auto:fill{-webkit-box-shadow: 0 0 0px 1000px white inset;}

/* webfont */
@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url('/common/webfont/NanumGothic.eot'); 
  src: local('※'), url('/common/webfont/NanumGothic.woff') format('woff'), url('/common/webfont/NanumGothic.ttf') format('truetype');
 }

#wrap {position:absolute;top:50%;margin-top:-260px;width:100%;}
.loginWrap {position:relative;margin:0 auto;width:674px;z-index:2;}
.loginBg {width:674px; }
.loginBg .imgTower {height:107px;background:url('/resource/images/login/bg_tower.png') right top no-repeat;text-indent:-9999px;}
.loginArea {width:674px;height:292px;background:#fff url('/resource/images/login/bg_visual.jpg') left 55px no-repeat;;border-top:3px solid #da291c;border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;}
.loginArea h1{padding:23px 0 23px 22px;border-bottom:1px solid #e3e8f2;}
.loginArea .inputForm {position:relative;float:right;width:320px;margin:44px 55px 0 0;opacity:0.1;}
.loginArea .inputForm .colm {display:block;height:51px;line-height:51px;color:#575757;font-size:15px;font-family:"verdana";border-bottom:1px solid #d9d9d9;padding:0 0 0 10px;}
.loginArea .inputForm .colm * {vertical-align:middle !important;}
.loginArea .inputForm .colm label {display:inline-block;width:70px;}
.loginArea .inputForm .colm .com_select {display:inline-block;width:197px;height:27px !important;line-height:27px !important;margin-left:2px;vertical-align:middle;border:0;font-size:12px;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:url('/resource/images/login/bg_select.png') left top no-repeat;*display:inline;zoom:1; }
.loginArea .inputForm .colm .com_select span{padding:6px 0 0 16px; }
.loginArea .inputForm .colm .com_select .btn_selOpen{position:absolute;top:16px;*top:14px;right:15px;width:18px;height:11px;vertical-align:middle;cursor:pointer; }
.loginArea .inputForm .colm .input {width:200px;height:51px;line-height:51px;background:transparent;font-family:"verdana";font-size:12px;color:#666;border:0;padding:0 5px 0 19px;vertical-align:middle;}
.loginArea .inputForm .last{border:0;}

.loginArea .inputForm .checkForm {margin:10px 0 0 0;font-size:12px;color:#757575;}
.loginArea .inputForm .checkForm * {vertical-align:middle;}
.loginArea .inputForm .checkForm span{display:inline-block;}
.loginArea .inputForm .checkForm label {display:inline-block;width:77px;padding:0 0 1px 19px;cursor:pointer;}
.loginArea .inputForm .checkForm a {color:#757575;text-decoration:none;}
.loginArea .inputForm .checkForm a:hover {color:#da291c;text-decoration:underline;}
.loginArea .inputForm .checkFromBtn {margin:0 0 0 80px;}
.loginArea .inputForm .btnLogin {position:absolute;top:109px;right:10px;width:77px;height:23px;}

.chkLogSave {display:inline-block;width:14px;height:15px;padding:0px;background:url('/resource/images/login/chk_on.png') 0 center no-repeat; cursor:pointer;}
.chkLogSave.off {display:inline-block;width:14px;height:15px;padding:0px;background:url('/resource/images/login/chk_off.png') 0 center no-repeat; cursor:pointer;}

.language{display:inline-block; width:120px; height:21px; line-height:21px; margin:40px 0 0 0; background:url('/resource/images/login/bg_lanBox.png') 0 0 no-repeat; color:#e8e8e8; font-family:"verdana"; font-weight:bold;}
.language span{display:inline-block; padding:2px 0 0 5px; *padding:0 0 0 5px}
.language .btn_lanOpen{position:absolute; right:140px; width:7px; height:4px; padding-top:9px; *padding-top:6px; vertical-align:middle; cursor:pointer;}

.copyr {display:inline-block; width:674px; height:20px; margin-top:6px;}
.copyr address {display:inline-block;}
.copyr span {float:right;vertical-align:middle;}


/* 회사선택 레이어 */
.com_selectSub{position:absolute; top:204px;right:133px; width:175px; height:109px; padding:8px 7px 7px 15px; background:url('/resource/images/login/bg_selectBox01.png') 0 0 no-repeat; z-index:99;}
.com_selectSub .com_select {display:inline-block; width:175px; height:20px; line-height:20px; font-size:12px; color:#fff; *display:inline; *zoom:1; }
.com_selectSub .btn_selOpen{position:absolute; top:8px; right:14px; width:18px; height:11px;vertical-align:middle; cursor:pointer;}

.com_selectSub .subList01 { height:82px; margin-top:5px; overflow-y:auto;}
.com_selectSub .subList01 li a{width:175px; font-size:12px; height:20px; line-height:20px; color:#fff; text-decoration:none;  }
.com_selectSub .subList01 li a:hover{color:#fff; text-decoration:underline; }

/* 언어선택 레이어 */
.lan_selectSub {position:absolute !important; top:369px; right:133px; width:106px; height:48px; padding:7px; background:url('/resource/images/login/bg_selectBox02.png') 0 0 no-repeat; z-index:99;}
.lan_selectSub .subList02 { }
.lan_selectSub .subList02 li a{width:120px; font-family:"verdana"; font-size:11px; height:16px; line-height:16px; color:#fff; text-decoration:none; }
.lan_selectSub .subList02 li a:hover{color:#fff; text-decoration:underline; }