body
{
    direction: ltr; 
    font-family: 돋움, dotum, Tahoma, Arial, Helvetica, sans-serif; 
    -webkit-font-smoothing: antialiased;
    font-size: 9pt; 
    background-color: #FFFFFF; 
    text-align: center; /* Hack for IE */  
    margin: 0; 
}  

#wrapper{width: 100%; padding: 0px;margin: 0px auto;}
 
/* Page Top Banner 
-------------------------------------------------------------------------------------------------------------------------- */
#banner{position: relative;margin: 0 auto;height: 43px;background: #404040;border-bottom: solid 1px #333;}

#banner .logo_image{position:absolute;left:10px; top:6px;} 
#banner .logo_txt  {position:absolute;left:128px;top:11px;color:#39bac1;font-size:13pt;font-weight:bold;} 
#banner .menu_link {position:absolute;left:250px;top:2px;} 

#banner .user_txt  {position:absolute;right:96px;top:14px;padding-right: 10px;} 
#banner .user_txt dt{color:#FFFFFF;font-size:10pt;font-weight:bold;text-align:right;} 

#banner .select_userinfo{position: absolute; right: 50px; top: 0px; }
#banner .select_userinfo .btn_userinfo{background: url('../img/common/user_info.png') no-repeat 10px 10px;} 
#banner .select_userinfo .btn_userinfo{width:46px;height:42px;background-color:#404040 !important;border:1px solid #404040 !important;}
#banner .select_userinfo .btn_userinfo:hover{background-color:#39bac1 !important;border:1px solid #fff !important;}
  
#banner .select_gologout{position: absolute; right: 3px; top: 0px; }
#banner .select_gologout .btn_logout{background: url('../img/common/logout_3.png') no-repeat 11px 10px;} 
#banner .select_gologout .btn_logout{width:46px;height:42px;background-color:#404040 !important;border:1px solid #404040 !important;}
#banner .select_gologout .btn_logout:hover{background-color:#39bac1 !important;border:1px solid #fff !important;}
 
/* Page Title / Search
-------------------------------------------------------------------------------------------------------------------------- */
#hd{position: relative;margin: 0 auto;height: 32px;background: url('../img/common/hd_bg.png') repeat-x; border: #828282 1px solid; background-color:#eaebed;} 

#hd .page_image{position: absolute;left: 10px;top: 6px;width :16px;} 
#hd .page_txt{position: absolute;left: 35px;top: 5px;color: #333;font-size: 10pt; font-weight: bold; } 
#hd .page_search{position: absolute; right: 1px; top: 1px; }

.btnlogin
{ 
    background-image: url(../Images/Login/btnLogin_off.png) no-repeat; 
    background: url(../Images/Login//btnLogin_off.png) no-repeat; 
    height: 57px;
    width: 57px;
    border: none; 
    cursor: hand; 
    vertical-align: middle;
    text-align: center;
} 
.btnlogin:hover, btnlogin:active
{ 
    background-image: url(../Images/Login/btnLogin_on.png)  no-repeat;
    background: url(../Images/Login//btnLogin_on.png) no-repeat;
}

#register 
{ 
	padding-top:26px;
	margin-left:425px;
	width:194px;
}

.btnregister
{
    font: 9pt Tahoma, Arial, Helvetica, sans-serif; 
    background-image: url(../Images/Login/btnRegister_off.png);
    background: url(../Images/Login//btnRegister_off.png) no-repeat; 
    color: #ffffff;
    height: 28px;
    width: 97px;
    border: none; 
    cursor: hand;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
} 
.btnregister:hover, btnregister:active
{
    color: #ff5500;
    background-image: url(../Images/Login/btnRegister_on.png);
    background: url(../Images/Login//btnRegister_on.png) no-repeat;
}

#manual
{ 
    padding-top:50px; 
	margin-left:310px; 
}

#copyright
{  
	padding-top:170px; 
	margin:0 75px 0 75px;	 
	width :850px; 
}

.foottxt
{
    font: 9pt Tahoma, Arial, Helvetica, sans-serif; 
    line-height: 20px;
    color: #c0c0c0;
    height: 20px;
}

.copyright
{ 
    font: 10pt Tahoma,Arial,Helvetica, sans-serif;
    line-height: 20px;
    color: #c0c0c0;
    height: 20px;
}

.link_txt
{
	font: 10pt Arial,Tahoma,Helvetica, sans-serif; 
	color: #FFFFFF;   
}
.link_txt a
{
	color: #FFFFFF; 
	text-decoration: none; 
}
.link_txt a:link  
{
	color: #FFFFFF; 
	text-decoration: none; 
}  
 
.link_txt a:hover, link_txt a:active{ color: #ff5500; }



 
  
/*********************************************************************************************************/
/* 비밀번호 변경                                                                                         */
/*********************************************************************************************************/
 
.h_pagetit{padding:20px 0 20px;margin-bottom:40px;font-size:28px;font-weight:bold;color:#333;background-color:#eaeaea;border-bottom:1px solid #d9dade;}
.login_confimWrap {margin:0 auto; width:940px; z-index:-1}

.change_box {padding:30px 0 30px 20px; border:#e6e6eb 2px solid; overflow:hidden;}
.change_box .secretnb_wrap{float:left; border-right:1px #e6e6eb solid; width:540px; overflow:hidden; text-align :left; padding-left :10px;}
.change_box .secretnb_wrap .secretnb_contents ul{ font-size:9pt;  color:#535f7b; overflow:hidden; line-height:18px;}
.change_box .secretnb_wrap .secretnb_contents .title{ font-size:11pt;  font-weight:bold; color:#535f7b; margin-bottom:10px;}
.change_box .secretnb_wrap .secretnb_contents .notice{font-weight:bold; margin-bottom:20px;}
.change_box .secretnb_wrap .secretnb_contents .list_text{margin-bottom:30px; padding:15px 10px 0 10px; line-height :25px;}
.change_box .secretnb_wrap .secretnb_contents .list_wrap{float:none; clear:both; margin :10px 20px 0 0;}
.change_box .secretnb_wrap .secretnb_contents .list_wrap .notice2{font-weight:bold; color:#f26522;margin-bottom:10px; margin-left:10px; }
.change_box .secretnb_wrap .secretnb_contents .list_wrap .table_bg{background:#e9eef4; padding:5px; margin-left:10px;}
.change_box .secretnb_wrap .secretnb_contents .list_wrap .table_section{background:#fff; padding:15px 15px 15px 25px; border:1px #cbd6e3 solid;}
.change_box .secretnb_wrap .secretnb_contents .list_wrap .table_section ul{font-size:9pt; line-height :20px;}
.change_box .secretnb_wrap .secretnb_contents .list_wrap .table_section .under{font-size:9pt; text-indent:15px;}

.change_box .login_wrap{float:left; margin-left:25px; margin-top:20px;}
.change_box .login_wrap .login_list{margin-bottom:15px;}
.change_box .login_wrap .login_list th{height:40px; color:#535f7b; text-align:left; padding-left :10px;} 
.change_box .login_wrap .login_list td{height:40px; padding-left :10px;}  
.change_box .login_wrap .login_list input, .change_box .login_wrap .login_list select{margin-left:10px; width:194px;}
.change_box .login_wrap .login_list a{float:right; margin-right:3px; margin-top:-4px;}
.change_box .login_wrap .login_list .mail_address{margin-left:5px; color:#535f7b;}

.search {float: left; margin-top: 3px; margin-left :5px;}

.change_box .login_wrap .btn_section{ margin-left :30px;}
.change_box .login_wrap .remark{color: #535f7b; line-height: 25px; text-align :left ;padding-left :35px;} 
 
.table_bg{background:#e9eef4; padding:5px; margin-top :20px;}
.table_section{background:#fff; padding:15px 15px 15px 25px; border:1px #cbd6e3 solid;}
.table_section ul{font-size:9pt; line-height :25px;}



.btn_type5 {display:inline-block; width:180px; height:34px; background:url(../images/login/bg_bu_img.png) left -800px repeat-x; border: none; text-align:center; position:relative; text-decoration:none; padding:0 5px; color:#FFFFFF; font-weight:bold;line-height:34px; display:inline-block;/*20110704 추가*/}
em {display:inline-block; width:2px; height:34px; background:url(../images/login/bg_bu_img.png) right -800px repeat-x; margin-right:-2px; position:absolute; top:0; right:0;/*20110704 추가*/}


.btn_type6 {display:inline-block; min-width:180px; height:34px; background:url(../images/login/bg_bu_img.png) left -800px repeat-x; text-align:center; position:relative; text-decoration:none; padding:0 5px;/*20110704 추가*/}
.btn_type6 .ui-button-body {margin-left:10px; margin-right:10px;/*20110704 추가*/}
.btn_type6 .ui-title {color:#FFFFFF; font-weight:bold;line-height:34px; display:inline-block;/*20110704 추가*/}
.btn_type6 em {display:inline-block; width:2px; height:34px; background:url(../images/login/bg_bu_img.png) right -800px repeat-x; margin-right:-2px; position:absolute; top:0; right:0;/*20110704 추가*/}

.ico_rock{background:url(../images/login/rock1.png) 0 0 no-repeat; width:176px; height:123px; display:inline-block; vertical-align:middle; float:left; margin-right:10px; }
/*.ico_rock{background:url(../images/login/rock.png) 0 0 no-repeat; width:176px; height:176px; display:inline-block; vertical-align:middle; float:left; margin-right:10px;}*/  

.orange{font-weight:bold; color:#f26522; text-decoration:none;}


/* Loading
---------------------------------------------------------------------------------------------- */

.overlay
{
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%; 
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    z-index: 10000;
}

#modalprogress
{ 
    position: absolute;
    background-color: #FFFFFF;
    width: 100%;
    top: 20%;  
}

#theprogress
{
    /*border: 1px solid #ccc;*/
    background-color: #FFFFFF; 
    width: 200px;
    height: 200px;
}