/* CSS Document */
body {margin:0;}

form{margin:0px;}
td	{font-size:12px; font-family:µ¸¿ò; color:#444;}
SELECT,input,TEXTAREA,center,option,pre {
	font:12px dotum color:#333333;
	border: 1px solid #CCCCCC;
	vertical-align: middle;
}

html,body{width:100%;height:100%}
.popup{overflow-y:scroll;}
body,div,img,table,th,td{margin:0;padding:0}
.blind{position:absolute;display:block;left:0;top:-9999em}
.tbl01{width:683px;margin:0 auto;border-collapse:collapse}
.tbl01 th{height:30px;border-top:1px solid #c0c0c0;border-bottom:2px solid #c0c0c0;font-size:12px;background:#ebebeb;text-align:center;color:#363636}
.tbl01 td{height:30px;border-bottom:1px solid #c0c0c0;/*border:1px solid #000;*/font-size:12px;text-align:center;color:808080;}
.tbl01 tfoot{background:#ebebeb}
.tbl01 caption{text-align:left;padding-bottom:5px}

.btnGrp{width:160px;margin:30px auto 40px}
.btnGrp:after{content:'';display:block;clear:both}
.btnGrp li{float:left;margin-left:26px}
.btnGrp li.first{margin-left:0}

.chbox{border:0;width:15px !important}
.total{width:480px;margin-left:80px;}
.total:after{content:'';display:block;clear:both}
.total li{float:left;margin-left:40px;font-weight:bold;list-style:none}
.total li.first{margin-left:0}

/* a ű׿¡ Àû¿ë */
a:link, 	a:visited { color: #646464; text-decoration: none; }
a:hover,	a:active 	{ color: #333333; text-decoration:none  }

.wait{width:762px;margin:250px auto}

/* À̹ÌÁö ¸µÅ©½Ã border 0À¸·Î */
img		{ border: 0; }

#wrap {margin:0 auto; padding:0; position:relative; width:961px;}
#header {position:relative; margin:0; padding:0px;width:961px; padding-top:20px;}

#logo {position:relative;margin:0;  float:left; top:0px; left:0px;}

#menu_mu {height:19px; position:absolute; top:0px; right:30px; }
#menu_mu ul,#menu_mu li {margin:0; padding:0; display:inline; float:left;  }

#menu_mu li.a1 a {display:block; width:50px; height:19px; background:url(/images/main_05.gif) no-repeat;}
#menu_mu li.a1 a:hover { background:url(/images/main_05.gif) no-repeat;}

#menu_mu li.a2 a {display:block; width:42px; height:19px; background:url(/images/main_06.gif) no-repeat;}
#menu_mu li.a2 a:hover {background:url(/images/main_06.gif) no-repeat;}

#menu_mu li.a3 a {display:block; width:56px; height:19px; background:url(/images/main_07.gif) no-repeat;}
#menu_mu li.a3 a:hover { background:url(/images/main_07.gif) no-repeat;}



#flash {margin-top:0px; margin-left:90px; padding:0px; float:left; height:60px; width:700px;}
#flash_m {margin-left:30px; padding:0px; float:left; width:700px; }
#flash_m2 {margin-left:0px; padding:0px; float:left; }

#left1 {width:203px; float:left;  }

#ltop{float:left;  padding:0px 0px 0px 0px; margin:0px; width:203px; height:207px; background:url(/images/bg_sub_05.gif) no-repeat;position:relative; }
#ltop h3 {margin:16px 0px 0px 19px; padding:0px; }
#ltop ul {padding:0px; width:172px; margin:15px 0px 0px 19px; top:0px; float:left;}
#ltop ul li {
    
    top:0px;
	list-style:none;
	letter-spacing:-1px;
	height:21px;
	position:relative;
	background-image: url(/images/n_dot_24.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	padding-top:4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#ltop ul li a { font:12px arial; color:#FFFFFF; text-decoration:none; display:block; }
#ltop ul li a:hover {font:12px arial; color:#000000; text-decoration:none;  font-weight:bold;}


#l0{float:left;  padding:0px 0px 0px 0px; margin:8px 0px 0px 0px; position:relative;}
#lo1{float:left;  padding:0px; margin:0px; width:203px; height:44px; position:relative; top:0px;}
#l1{float:left;  padding:0px 0px 0px 0px; margin:0px;position:relative; }
#l2{float:left;  padding:0px 0px 0px 0px; margin:0px; position:relative;}
#l3{float:left;  padding:0px 0px 0px 0px; margin:0px; position:relative;}


#l1 ul {margin:0; padding:0px; }
#l1 li {margin:0px; list-style:none; height:28px; float:left; }

#l3 ul {margin:0; padding:0px; }
#l3 li {margin:0px; list-style:none; height:134px; float:left; }




#main { width:740px; float:left; margin:0px 0px 0px 18px;padding:0px 0px 20px 0px;}

#main_list {width:696px;float:left;margin:20px 0px 20px 24px;padding:0px 0px 20px 0px;}

#main_mu {height:41px; position:relative; top:0px; right:0px; }
#main_mu ul,#main_mu li {margin:0; padding:0; display:inline; float:left;  }

#main_lo{ width:696px; height:240px; float:left; margin:0px;  padding:0px; background:url(/images/mamber_28.gif) no-repeat; position:relative;  top:0px;} 
#main_loa{ width:696px; height:240px; float:left; margin:0px;  padding:0px; background:url(/images/member1_28a.jpg) no-repeat; position:relative;  top:0px;} 
#main_loa span {position:absolute; left:280px; top:153px;}

#main_loso{ width:696px; height:240px; float:left; margin:0px;  padding:0px; background:url(/images/sub1_3_19.gif) no-repeat; position:relative;  top:0px;} 
#main_loso span {position:absolute; left:370px; top:123px;}
#main_loso .ids input {width:90px; height:17px; color:#333333; line-height:-1px; padding:0; text-align:left;}
#main_loso .pws input {width:90px; height:17px; color:#333333; line-height:-1px; padding:0; text-align:left;}

#main_loso .ids {left:270px; top:121px;text-align:left; position:absolute;width: 125px;}
#main_loso .pws {left:270px; top:146px;text-align:left; position:absolute;width: 125px;}

#main_loso .l1{float:left;  padding:0px 0px 0px 0px; margin:0px; position:absolute; left:270px; top:190px; }
#main_loso .l1 ul {margin:0; padding:0px; }
#main_loso .l1 li {margin:0px; list-style:none; height:28px; float:left; }


#main_lo span {position:absolute;}
#main_lo .ids input {width:257px; height:17px; color:#333333; line-height:-1px; padding:0; text-align:left;}
#main_lo .pws input {width:120px; height:17px; color:#333333; line-height:-1px; padding:0; text-align:left;}

#main_lo .ids {left:210px;top:143px;text-align:right;position:absolute;width: 256px;}
#main_lo .pws {left:210px;top:167px;text-align:left;position:absolute;}
#main_lo .pws2 {left:225px; top:191px;text-align:right; position:absolute; }

#main_lo .login_ok {left:475px;top:143px;}
#main_lo .mem {width:90px;  left:4px; top:50px; font:11px arial; color:#ccc;}
#main_lo .security {width:90px;  left:124px; top:50px; font:11px arial; color:#ccc;}

#s1_1_f1{ text-align:left; position:relative; width:696px; height:230px; float:left; margin:0px 0px 20px 0px;  padding:0px;}
#s1_1_f2{text-align:left; position:relative;width:696px;height:230px;float:left;margin:0px;padding:0px; }
#s1_1_f3{text-align:left; position: relative;width:670px;height:40px;float:left;margin:30px 0px 0px 0px; padding:0px; 
font:12px arial; color:#000000; font-weight:bold;}
#s1_1_f3a{left:30px; text-align:left; position: relative; width:600px; height:50px; float:left; margin:0px; padding:5px; 
          font:12px arial; color:#FF3366;}
#s1_1_f3b{left:0px;text-align:center;position: relative;width:670px;height:15px;float:left;margin:0px;padding:5px;
           background:#999999; font:12px arial; color:#FFFFFF;}
#s1_1_f4{ top:10px;text-align:center; position:relative; width:696px; height:30px; float:left; margin:0px; padding:0px;}
#s1_1_f4a{ top:10px;left:200px; position:relative; width:300px;float:left; margin:0px; padding:0px;height:43px; position:relative; }
#s1_1_f4a ul,#s1_1_f4a li {margin:0; padding:5px; display:inline; float:left; }

#main_t { width:740px;  float:left; margin:0px 0px 0px 0px;  background:url(/images/bg_sub_07.gif) no-repeat 0px 0px; }


#main_m { width:740px;  float:left; padding:0x; margin:0px 0px 0px 0px; background:url(/images/bg_sub_08.gif) repeat-y;}
#main_b {width:740px;float:left;margin:0px 0px 0px 0px;background-image: url(/images/bg_sub_11.gif);background-repeat: no-repeat;background-position: right bottom;}
#main_t h3 {margin:22px 0px 0px 24px;padding:0px;top:0px;left:0px;position:relative;}

#main1 { width:372px;  float:left; margin:0px; top:0px;}
#main2 { width:368px;  float:left; margin:0px; top:0px;}
#main3 { width:740px;  float:left; margin:0px; top:9px; position:relative;}

#main1 h3 {margin:0; padding:0px; }
#main1 h3 span{ position:relative; right:0px; }

#main1 ul {padding:0px; width:350px; margin:0px; top:3px; float:left;}
#main1 ul li {
    top:4px;list-style:none;letter-spacing:-1px;height:25px;position:relative;
	background-image: url(/images/n_dot_24.gif) repeat-x;
	background-repeat: repeat-x;background-position:bottom;
	padding-top:3px;padding-right: 0;padding-bottom: 0;padding-left: 10px;
	}
	
#main2 ul li {
    top:4px;list-style:none;letter-spacing:-1px;height:25px;position:relative;
	background-image: url(/images/n_dot_24.gif) repeat-x;
	background-repeat: repeat-x;background-position:bottom;
	padding-top:3px;padding-right: 0;padding-bottom: 0;padding-left: 16px;
}

#main1 ul li a {font:12px arial;color:#333333;text-decoration:none;}
#main1 ul li a:hover {font:12px arial; color:#0033FF; text-decoration:none;  }
#main1 ul li span {top:6px;position:absolute;padding:0px;color:#666666;right:5px;
                   letter-spacing:-1px;font-family: tahoma;font-size: 12px;}

#main2 h3 {margin:0; padding:0px; }
#main2 h3 span{ position:relative; right:0px; }

#main2 ul {padding:0px; width:360px; margin:0px; top:3px; float:left;}




#main2 ul li a {font:12px arial;color:#333333;text-decoration:none;}
#main2 ul li a:hover {font:12px arial; color:#0033FF; text-decoration:none;  }
#main2 ul li span {
   top:6px;
	position:absolute;
	padding:0px;
	color:#666666;
	right:5px;
	letter-spacing:-1px;
	font-family: tahoma;
	font-size: 12px;
	
}

#EMPNO_BOX{
	position: absolute;
	top:439px;
	left:490px;
}

#BTN_SURE{
	position: absolute;
	top:437px;
	left:620px;
}

#INPUBOX01{
	position: absolute;
	top:108px;
	left:170px;
}

#PKI_BUTTON4{
	position: absolute;
	top:150px;
	text-align:center;
}

#bottem {margin:10px 0px 0px 0px; padding:0px;  float:left; height:106px; width:961px;}
#flash_left{
	margin-top:85px;
}


/*new lnb*/
#nav {
	float:right;
	width:820px;
	height:35px;
	margin-top:0px;
	position:relative;
	top:-40px;
	right:-50px;
}
.menu {
	width:100%;
	height:100%;
}
.menu li {
	display:block;
	float:left;
}
.m01 {
	width:140px;
	height:35px;
	background-image:url(/images/img/nav_01.gif);
}
.m02 {
	width:140px;
	height:35px;
	background-image:url(/images/img/nav_02.gif);
}
.m03 {
	width:140px;
	height:35px;
	background-image:url(/images/img/nav_03.gif);
}
.m04 {
	width:140px;
	height:35px;
	background-image:url(/images/img/nav_04.gif);
}
.m05 {
	width:144px;
	height:35px;
	background-image:url(/images/img/nav_05.gif);
}


li#rollover ul {
	position:absolute;
	width:699px;
	height:27px;
	display:inline;
	margin-top:32px;
	z-index:1;
}
li.m01 ul {
	float:left;
	margin-left:10px;
}
li.m02 ul {
	float:left;
	margin-left:0px;
}
li.m03 ul {
	float:left;
	margin-left:0px;
}
li.m05 ul {
	float:left;
	margin-left:-230px;
}

li#rollover ul.over {
	display:none;
}
li#rollover:hover ul.over {
	display:block;
}

li.depth {
	float:left;
	width:100px;
	height:20px;
	text-align:center;
	font-size:9pt;
	letter-spacing:-0.5px;
	padding:6px 10px 6px 10px;
}
li.depth a:hover {
	font-weight:bold;
	color:#333;
}
ul.menu .depth_bg {
	position:absolute;
	width:699px;
	height:27px;
	background-image:url(/images/img/lnb_depth_bg.gif);
	top:47px;
	right:80px;
}
ul.over li {
	background:url(/images/img/divs.gif)no-repeat 100% 55%;
}
ul.over li:last-child {
	background:no-repeat;
}

li#rollover div.depth_bg {display:none;}
li#rollover:hover div.depth_bg {display:inline;}
/*new lnb_end*/

/*main_banner*/
.background {width:945px; height:375px; background-image:url(/images/img/main_bn2.gif);}
.btn {position:relative; top:120px; left:25px;}


.btn_request {position:absolute; top:12px; left:32px; width:160px; height:160px; background-image:url(/images/img/request_S.png);}
.btn_request:hover {background-image:url(/images/img/request.png);}
  
.btn_confirm {position:absolute; top:15px; left:193px; width:160px; height:160px; background-image:url(/images/img/confirm_S.png);}
.btn_confirm:hover {background-image:url(/images/img/confirm.png);}

.btn_request2 {position:absolute; top:-68px; left:520px; width:160px; height:160px; background-image:url(/images/img/request_S.png);}
.btn_request2:hover {background-image:url(/images/img/request.png);}
  
.btn_confirm2 {position:absolute; top:-68px; left:669px; width:160px; height:160px; background-image:url(/images/img/confirm_S.png);}
.btn_confirm2:hover {background-image:url(/images/img/confirm.png);}
/*main_banner_end*/


/*side_menu*/
#snb {
	float:left;
	width:183px;
	height:242px;
	background-image:url(/images/img/snb_bg.png);
	margin:5px;
	margin-top:90px;
}
.snb_title {
	padding:35px 0px 5px 20px;
}
.snb_list {
    padding: 0px 0px 0px 10px;
    margin-left: 0px;
    float: left;
}
.snb_list ul {

}
.snb_list li{
	width:125px;
	font-size:9pt;
	letter-spacing:-0.5px;
	padding:7px 5px 5px 5px;
	border-bottom:1px dotted #bbb;
	list-style:none;
	float:left;
}
.snb_list li a {
	color:#ddd;
}
.snb_list li a:hover {
	color:#fff;
	font-weight:bold;
}
.snb_list li img {
    float: right;
    margin-top: 1px;
	display:none;
}
.snb_list li:hover img {
	display:block;
}
#mainImg_login{
	clear:both;
	position:relative;
	width:690px;
	height:410px;
	margin-top: 10px;
	margin-left: 25px;
	padding:0px;
	background-image:url(/images/gongin_19.gif);
}
#mainImg_user{
	clear:both;
	position:relative;
	width:690px;
	height:436px;
	margin-top: 10px;
	margin-left: 25px;
	padding:0px;
	/* background-image:url(/cu1.0/images/userinfonew.gif); */
	background-image:url(/images/userinfonew.jpg); 
}
#mainImg_user2{
	clear:both;
	position:absolute;
	width:690px;
	height:410px;
	margin-top: -410px;
	margin-left: 451px;
	padding:0px;
}
#box_info{
	position: absolute;
	margin:0px;
	top:194px;
	left:145px;
	padding:0px;
}
#box_info li{
	font-size:13px;
	list-style-type:none;
	margin: 13px 0px 0px 0px;	
}
#box_info2{
	position: absolute;
	margin:0px;
	top:166px;
	padding:0px;
}
#box_info2 li{
	font-size:13px;
	list-style-type:none;
	margin: 13px 0px 0px 0px;	
}
#box_joo2{
	position: absolute;
	top:230px;
	left:145px;
}
#box_joo3{
	position: absolute;
	top:204px;
}
#box_btn_sure_test{
	position: absolute;
	top:231px;
	left:270px;
}
#box_btn_sure_test2{
	position: absolute;
	top:205px;
	left:128px;
}
#loading{
	width: 345px;
	height: 188px;
	margin: 180px auto;
	position: relative;
	padding: 0px;
	background-image: url(/images/pay_finish.gif);
}
#loading2{
	width: 345px;
	height: 188px;
	margin: 180px auto;
	position: relative;
	padding: 0px;
	background-image: url(/images/pay_error.gif);
}
#finished{
	width:325px;
	padding: 0px;
	position: absolute;
	top: 137px;
	left: 148px;
}
#finished ul{
	margin: 0px;
	padding: 0px;	
}
#finished li{
	display: inline;
	margin: 0px 5px 0px 0px;
	padding: 0px;	
}
#finished2{
	width:325px;
	padding: 0px;
	position: absolute;
	top: 137px;
	left: 105px;
}
#finished2 ul{
	margin: 0px;
	padding: 0px;	
}
#finished2 li{
	display: inline;
	margin: 0px 5px 0px 0px;
	padding: 0px;	
}
#finished3{
	width:325px;
	padding: 0px;
	position: absolute;
	top: 137px;
	left: 148px;
}
#finished3 ul{
	margin: 0px;
	padding: 0px;	
}
#finished3 li{
	display: inline;
	margin: 0px 5px 0px 0px;
	padding: 0px;	
}

.notice{width:680px;margin-left:6px;padding:40px;border:1px solid #e5e5e5}

#alert-Box .BoxAlert {
	background: url('/images/alert/warning.png') top left no-repeat;
}
#alert-Buttons{
	text-align:right;
}
#BoxAlertBtnOk{
	width:67px;
	height:22px;
	background:url(/images/button/btn_sure2.gif) top left no-repeat;
	border:0px;
	cursor:pointer;
}
#alert-Box .BoxConfirm {
	background: url('/images/alert/notice.png') top left no-repeat;
}
#alert-InBox { 
	padding-top:15px;
	background: url('/images/alert/bg-box-top.png') top left no-repeat;
}
#alert-BoxContent {
	background: url('/images/alert/bg-box-body.png') top left repeat-y;
  	padding: 10px 40px;
}
#alert-Box { 
	padding-bottom:24px; 
	background: url('/images/alert/bg-box-bottom.png') bottom left no-repeat;
}
#alert-BoxContenedor {  
	padding: 0px 0px 0px 70px;  
	text-align: left;
	font-family:dotum, tahoma;
	font-size:13px;
}
.outer {
	margin-top:7%;
	display: table;
	position: absolute;
	height: 640px;
	width: 100%;
	/* background-color: rgba(0, 0, 0, .2); */
	background-color: #ffff;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
	top: 0;
	left: 0;
}

.middle {
	display: table-cell;
	vertical-align: middle;
}

.inner {
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border: 2px solid #3366cc;
	height: 100px;
	line-height: 100px;
	width: 300px;
	text-align: center;
}

.box {
	position: relative;
	background-color: rgba(255, 255, 255, .8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF);
	height: 20px;
	width: 250px;
	line-height: 20px;
	top: -60px;
	left: 25px;
}
.activeX_load2{position:relative;width:553px;height:537px;margin:50px auto 80px;background:url(/images/img/ffLoader2.png) no-repeat 0 0}
.activeX_flash{position:absolute;top:225px;left:42px}
.activeX_btn{position:absolute;top:460px;left:180px}
#contents2{width:100%;height:700px;float:center;padding:5px 0 0 0}