@charset "utf-8";

html, body{height:100%; margin:0; padding:0;}

.frmLogin input{_margin-top:0}

.frmLogin{position:relative; width:100%; height:373px; background-color:#eee; top:50%; margin-top:-200px; text-align:center}
.frmLogin fieldset{position:relative; width:727px; height:373px; margin:0 auto; background:url(../../images/login/login_bg.gif) no-repeat;}

.frmLogin fieldset #userID{position:absolute; top:236px; height:20px; left:128px; width:100px;}
.frmLogin fieldset #userPass{position:absolute; top:236px; height:20px; left:338px; width:100px;}
.frmLogin fieldset #userType{position:absolute; top:236px; left:445px; height:20px; width:100px;}
.frmLogin fieldset #btnLogin{position:absolute; top:235px; left:550px;}
/* .frmLogin fieldset #regist{position:absolute; display:block; height:20px; line-height:20px; top:270px; left:490px} */
/* .frmLogin fieldset #contract{position:absolute; display:block; height:20px; line-height:20px; top:270px; left:555px} */
.frmLogin fieldset #regist{position:absolute; display:block; height:20px; line-height:20px; top:270px; left:555px}

/* Registration Form */
.ui-dialog-title{font-size:14pt}
.regist{margin:0; padding:0; font-size:12px; font-family:Tahoma, Geneva, sans-serif}
.regist fieldset{margin:0; margin-bottom:30px; padding:0; _padding-bottom:30px; border:0}
.regist fieldset.last{margin:0; padding:0; border:0}
.regist legend{margin:0; padding:5px 0; font:bold 14px Dotum, 돋움}
.regist legend .icon{font-weight:normal; font-size:16px; color:#999; vertical-align:middle}
.regist input,
.regist textarea,
.regist select,
.regist button{font-size:12px; font-family:Tahoma, Geneva, sans-serif}
.regist em{font-style:normal}
.regist label{color:#666; margin:0 10px 0 0}

.regist .underline{position:relative; border-top:2px solid #999}
.regist .underline .plus{position:absolute; top:-27px; right:2px}

.regist div.user{position:relative; padding:5px; border:1px solid #ccc; margin:5px 0; *zoom:1}
.regist div.user .close{position:absolute; z-index:99; top:5px; right:5px; border:0; width:12px; height:12px; overflow:hidden; text-indent:15px; background:transparent url(../../images/icon/icon_close.png) center center no-repeat; cursor:pointer;}
.regist ul{position:relative; overflow:hidden; margin:0; padding:0; color:#666; list-style:none; border-top:2px solid #999; border-bottom:1px solid #ccc; *zoom:1}
.regist div.user ul{border:0}
.regist li{position:relative; clear:both; border:1px solid #eee; border-left:0; border-right:0; margin:-1px 0; padding:8px 0; vertical-align:top; *zoom:1}
.regist li:after{content:""; display:block; clear:both}
.regist li .btnRegist{margin:2px 10px 2px 0}

.regist .iText{position:relative; padding:0 4px; margin:2px 0; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent; color:#666}
.regist input.iText{width:200px; height:22px; line-height:22px; vertical-align:middle; margin-right:10px}
.regist input.iFile{margin:2px 10px 2px 0; vertical-align:middle}
.regist input.address{width:500px}
.regist textarea.sign{width:590px; height:60px; padding:3px 4px}
.regist .iCheck,
.regist .iRadio{margin:0; padding:0; width:13px; height:13px; vertical-align:middle}

.regist .tLabel{font-weight:bold; margin:0 10px 0 0; color:#333}
.regist .iLabel{display:block; position:static; top:15px; left:5px; color:#333; font-weight:bold}
.regist .iLabel em{font-weight:normal}

.regist .desc{margin:0; color:#666; line-height:22px; vertical-align:middle}
.regist .desc em.pass{color:#0080FF}
.regist .desc em.fail{color:#FF0000}
.regist .desc em.light{color:#f60}

.regist .btnArea{margin:1em 0; text-align:center; *zoom:1}

/* Select */
.select{position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#fff; *zoom:1}
.select *{margin:0; padding:0; cursor:pointer; font-size:11px; font-family:Tahoma, Sans-serif}
.select .myValue{position:relative; z-index:50; left:0; top:0; border:1px solid #bababa; color:#666; line-height:19px; text-align:left; overflow:visible; background:transparent}
.select .myValue.selected{font-weight:bold}
.select.open .myValue,
.select .myValue.outLine{border:1px solid #999}
.select button.myValue{height:21px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px}
.select div.myValue{height:19px; text-indent:8px}
.select .ctrl{position:absolute; top:0; right:0; width:18px; height:22px; border-left:1px solid #eaeaea; background-color:#f5f5f5}
.select .arrow{position:absolute; width:0; height:0; top:11px; right:6px; line-height:0; font-size:0; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff}
.select ul{top:20px; left:0; width:100%; list-style:none; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; overflow:hidden}
.select ul.aList{display:none}
.select.open ul.aList{display:block; z-index:50; text-align:left}
.select ul.iList{left:-2000%}
.select.open ul.iList{left:0; z-index:50; text-align:left}
.select li{position:relative; overflow:hidden; white-space:nowrap; height:18px; border-left:1px solid #bababa; border-right:1px solid #bababa}
.select li input.option{position:absolute; width:100%; height:20px; line-height:20px}
.select li label{position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff}
.select li a{display:block; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff; text-decoration:none}
.select li.hover *{background:#999; color:#fff}