@charset "utf-8";

/* COMMON */
body{margin:0; padding:0; font-family:dotum, Arial, Helvetica, sans-serif; font-size:small; }
h1{margin:0; padding:0; width:430px;} 
h2{margin:0; padding:0;}
address{line-height:135%; margin:0 30px; font-style:normal;	font-family:dotum, Arial, Helvetica, sans-serif;}
a img{border:0;}
.noView{ display:none;}
.floatR{float:right;}

/* layout */
#wrap{width:100%;}
#layout {margin: 80px auto 0 auto; width:670px; overflow:hidden;} /* 본문 내용 정렬방식, 모든 가로사이즈 조정 */


/* header */
#header{margin-bottom: 10px;} /* center와의 간격 설정 */
#logo_login{margin-right:10px; vertical-align:middle; } /* 로고의 위치 조절 */
#logo_mail{ vertical-align:middle; }

#langBox{float:right; margin-top: -20px; color:#888;  font-family: dotum, Arial, Helvetica, sans-serif; font-size:small;} /* 우측정렬시 위치 맞춤을 위한 마진 설정 */
.lag {color: #6e7db3; font-family:dotum, Arial, Helvetica, sans-serif; }
.lag_sel { margin:0; padding: 0; font-size: 85%; font-family:dotum, Arial, Helvetica, sans-serif; } 


/* center */
#center {} 
#center01 {height:325px; padding-top: 35px;}
#center02 {clear:both; padding: 10px 0 20px 0; font-size:85%; text-align:center; color:#777;}

/* footer */
#footer{ clear:both; text-align:center; font-size:85%;  }
#footer p{font-family:dotum, Arial, Helvetica, sans-serif; color:#8d8d8d; margin: 20px 0 0 0;}


/* ---------------------- center : 로그인 공통 -----------------------  */

       #loginGroup{ float:right; margin-right:32px;  margin-top:27px; font-family:dotum, Arial, Helvetica, sans-serif; }
 *html #loginGroup{margin-right:16px; margin-top:25px }
*+html #loginGroup{margin-top:25px;}

.login_inBox{width:300px; margin: 0;}

.login_inBox fieldset{margin:0; padding:0; border:0;}
.login_inBox legend{margin:0; padding:0;}
.login_inBox label{margin:0; padding:0; }

	   .loginBox{margin:0 0 0 21px; padding: 0;  text-align:left; line-height:160%; font-family: dotum, Arial, Helvetica, sans-serif; font-size:small;}	   
	   .loginBox dt{float:left; margin:0; padding:0; width:25px; height:21px; color:#282828; } 
	   .loginBox dd{margin:0 0 0 18px;  padding: 0 0 0 0; height:21px; text-align:left;} 
*+html .loginBox dd{margin:0 0 0 -3px; padding:0;}
 *html .loginBox dd{margin:0 0 0 0;} 

.title_login{margin:17px 0 0  10px; padding:0;}

/* 아이디 입력 */
       .userid_dd{float:left;} 
       .userid_dd input{ position:relative; top:0px; left: -18px; font-family:dotum, Arial, Helvetica, sans-serif; } 
*+html .userid_dd input{left: -14px;}

/* 도메인 선택 */
       .userdomain_dd select{position:relative; left: -20px; top:1px; width:130px; height: 18px; padding: 0; margin:0 0 0 4px; font-family:dotum, Arial, Helvetica, sans-serif; } 
*+html .userdomain_dd select{position:relative; left: -16px; top:-2px;}


/* 패스워드 입력 */
       .userpass_dd{float:left; position:relative; left: -18px;}
       .userpass_dd input{font-family:dotum, Arial, Helvetica, sans-serif; } 
*+html .userpass_dd {position:relative; top:3px; left: -14px;}


/* 아이디 저장 */

           p.save_id_box{ display:inline; position:relative; left: -13px; cursor:pointer; } *+html .login_inBox p.save_id_box{ left: -10px; }
#loginGPKI p.save_id_box{left: 47px;}

.save_id_box label{ margin:0; padding:0; color:#5c5c5c; font-size:85%; font-family: dotum, Arial, Helvetica, sans-serif; }
.save_id_box input{ position:relative; top:2px;}


.bt_login{ clear:both; margin:7px auto 0 auto; text-align:center;}


/* 기타 회원가입, 아이디/패스워드 찾기 */
.etcBox{ margin:0  auto 0 auto; padding-top:14px;}	
.etcBox span{ font-family: dotum, Arial, Helvetica, sans-serif; font-size:85%;color:#5c5c5c;  } 
.etcBox span.etc{margin-right:10px;}  
.etcBox span a{color:#5c5c5c; text-decoration:none;}
.etcBox span a:hover{color:#333;text-decoration:none;}

#loginGPKI .etcBox span.etc{ position:relative; top:5px;}



/* 데이터 입력 input공통 스타일 */ 
       .inputText_style { width: 88px; height: 15px; margin:0 0 0 0;  padding: 1px 1px 0 1px; border:0; vertical-align:middle; background-color:#fff; border: 1px #7f9db9 solid;} 
*+html .inputText_style {margin:-5px 0 0 0; height: 16px; }

.engOnly { ime-mode:disabled; }

.login_inBox_top{height:45px; width:300px; margin:0; padding:0; }
.login_inBox_center{ padding: 5px 0 0 0; margin:0;} 
.login_inBox_bottom{height:40px;text-align:center;}


/* ---------------------- center : ID/PW 로그인 -----------------------  */

/* ID/PW 로그인 경우만 보이는 이미지 */
.login_left_img{float:left; margin: 30px 0 0 35px; width:227px; height:32px; }
#loginNormal{float:left;}

/* ---------------------- center : GPKI로그인 -----------------------  */

#loginGPKI{margin-left:307px; _margin-left:304px; }


#login_notice{width:290px; height:100px; frame-border:0; filter: Alpha(Opacity=100); }

       .notice_outBox{width:290px; height:100px; margin:183px 0 0 7px;  padding:0; }
*+html .notice_outBox{margin-top:20px; }    

       .notice_outBox_GPKI{margin-top:20px;}
	   

/* 아이프레임에 삽입되는 로그인 페이지 스타일 */
	   
       #if_notice{filter: Alpha(Opacity=100); height:100px;}
       #if_notice  ul{margin:-5px 0 0 -37px; line-height:184%; } 
 *html #if_notice  ul{margin:0; padding:0;  line-height:100%;} 
*+html #if_notice  ul{margin: 0; padding:0; line-height:100%;}

#if_notice h2{font-family: dotum, Arial, Helvetica, sans-serif; font-size:small; margin: 0 0 7px 0; _margin: 0 0 15px 0;}
#if_notice ul li{ list-style:none; color:#666666;  height:20px;} *+html #if_notice  ul li{ height:17px;}
#if_notice ul li a{color:#666666; text-decoration:none;}
#if_notice ul li a:hover{color:#333;}
#if_notice ul li img{padding-left: 2px;}
#if_notice ul li span{ display:block; }

.noticeList{padding-left:10px; letter-spacing:-0.05em; font-family:dotum, Arial, Helvetica, sans-serif; font-size:small; background:url(../../images/login/li_bullet.gif) no-repeat left 50%;}
.noticeDate{margin-top:-25px; _margin-top:-14px; margin-right:3px; font-family: dotum, Arial, Helsvetica, sans-serif; font-size:85%;} *+html .noticeDate{ margin-top:-13px;}