@charset "utf-8"; 

/************************************************************************************
LOGIN PAGE
*************************************************************************************/
body{border-bottom:0;}
#loginpage{
	background:url('../images/login/bg_body.gif') repeat left top;
	width:100%;
	text-align:center;
	*font-size:12px;
	}
#logwrap{
	height:801px;
	width:100%;
	background:url('../images/login/bg_loginpage.gif') repeat-x left top;
	text-align:center;
	}
#wrapper{
	margin:0 auto;
	background:url('../images/login/bg_logo.gif') no-repeat 50% top;
	width:782px;
	height:100%;
	position:relative;
	}
.loginpage-con{
	position:absolute;
	left:188px;
	top:150px;
	overflow:hidden;
	}
.loginpage-con h1{
	background:url('../images/login/logo_ics.gif') no-repeat left top;
	text-indent:-10000px;
    width:406px; 
	height:188px;
	}
.loginpage-con h1 a{
	cursor:pointer;
	}
.loginpage-box{position:relative;
	width:350px;
	height:110px;
	margin:240px 0 0 57px;
	text-align:left;
	}
.log-input{
	width:298px;
	}

.log-input p{
	position:absolute;
	right:0;
	top:13px;
	}
.log-int-t ,.log-int-p{
	background:url('../images/login/bg_line.gif') no-repeat left bottom;
	font-size:16px;
	color:#000;
	height:40px;
	width:266px;
	border:none;
	text-align:center;
	}

.log-register{
	padding:20px 0 0 0;
	color:#222;
	}

#footer-log{  position:absolute; left:45%; top:1100px}





/* pop-register */
.pop-register{
	position:absolute;
	right:-300px;
	top:180px;
	width:348px;
	text-align:left;
	background:#535353 url('../images/login/bg_register.gif') no-repeat left top;
	padding:0 0 30px 0;
	
	}
.pop-register h2{
	background:none; 
	font:20px 'Futura' 'Helvetica' sans-serif;
	color:#fff;
	position:relative;
	margin:10px 0 0 20px;
	text-shadow:1px 1px 1px #000;
	}
.ft_org{
	color:#6ce8ff;
	background:none;
	}
.clo{
	position:absolute;
	right:20px;
	top:5px;
	}
.clo02{
	position:absolute;
	right:0px;
	top:0px;
	_right:20px;
	}	
.pop-register ul{
	margin:0px 20px;
	font:bold 15px 'dotum' sans-serif;
	color:#fff;
	}
.int-regi{
	padding:0 0 0 5px;
	border-radius:5px;
	vertical-align:middle;
	background:#fff;
	height:26px;
	text-shadow:1px 1px 3px #333;
	width:97%;
	}


/************************************************************************************
LICENSE PAGE
*************************************************************************************/
.license-con{
	position:absolute;
	left:0px;
	top:150px;
	overflow:hidden;
	text-align: center;
	}
.license-con h1{
	background:url('../images/login/logo_ics_license.gif') no-repeat left top;
	text-indent:-10000px;
    width:782px; 
	height:328px;
	}
.license-con h1 a{
	cursor:pointer;
	}
.license-txt{
	margin: 28px 0 10px;
	}
.license-txt li{
	padding: 2px 0;
	}	
.license-box{
	margin:0 auto;
	width:340px;
	height:65px;
	overflow-y:scroll; 
	border: solid 1px #8e8e8e;
	text-align: left;
	padding: 5px;
	}

/************************************************************************************
MAIN PAGE
*************************************************************************************/
.main-cont{
	margin:20px auto;
	min-width:1200px;
	padding:20px 30px 100px;
	background: #fff; 
	text-align: center;
	}
.main-login{
	margin:20px auto;
	text-align: center;
	width:26%;
	}
.main-login p{
	text-align: left
	}
.main-login p a{
	background: url('../images/icon/icon_loguser.gif') no-repeat 10px 0px;
	font:bold 15px 'dotum','돋움',sans-serif;
	display: block;
	color:#000;height:30px;padding:20px 0 0 70px;
	}
.main-boxbig{
	width:100%;
	margin:0 20px 20px;
	clear: left;
	height: 150px;
	}	
.manager-list01,.manager-list02,.manager-list03,.manager-list04{
	background:url('../images/login/bg_mainlist.gif') repeat-x left top;
	height:149px;
	float:left;
	min-width:590px;
	width:48%;
	margin:0px 20px 0 0;
	}
.notice-list01,.notice-list02,.notice-list03{
	background:url('../images/login/bg_mainlist.gif') repeat-x left top;
	height:149px;
	float:left;
	min-width:386px;
	width:31.6%;
	margin:0px 20px 0 0;
	}	
.manager-list01 p,.manager-list02 p,.manager-list03 p,.manager-list04 p,.notice-list01 p,.notice-list02 p,.notice-list03 p{
	padding:25px 0 0 80px; 
	height: 33px; 
	margin: 0;
	}
.manager-list01 p a,.manager-list02 p a,.manager-list03 p a,.manager-list04 p a,.notice-list01 p a,.notice-list02 p a,.notice-list03 p a{
	font:bold 16px 'dotum','돋움',sans-serif;
	color:#000;
	}
.manager-list01 p{
	background:url('../images/icon/icon_start01.gif') no-repeat 20px 20px;
	}
.manager-list02 p{
	background:url('../images/icon/icon_start02.gif') no-repeat 20px 20px;
	}
.manager-list03 p{
	background:url('../images/icon/icon_start03.gif') no-repeat 20px 20px;
	}
.manager-list04 p{
	background:url('../images/icon/icon_start04.gif') no-repeat 20px 20px;
	}
.notice-list01 p{
	position: relative;
	background:url('../images/icon/icon_start05.gif') no-repeat 20px 20px;
	}
.notice-list02 p{
	position: relative;
	background:url('../images/icon/icon_start06.gif') no-repeat 20px 20px;
	}
.notice-list03 p{
	position: relative;
	background:url('../images/icon/icon_start07.gif') no-repeat 20px 20px;
	}
.manager-list01 ul,.manager-list02 ul,.manager-list03 ul,.manager-list04 ul,.notice-list01 ul,.notice-list02 ul,.notice-list03 ul{
	padding:0px 20px 0 80px;
	}
.manager-list01 ul li,.manager-list02 ul li,.manager-list03 ul li,.manager-list04 ul li,.notice-list01 ul li,.notice-list02 ul li,.notice-list03 ul li{
	background:url('../images/common/bg_startline.gif') repeat-x left bottom;
	position: relative;
	padding:1px 0 2px 0px;
	font-size:11px;
	_padding:7px 0;
	}		
.manager-list01 ul li>a,.manager-list02 ul li>a,.manager-list03 ul li>a,.manager-list04 ul li>a,.notice-list01 ul li>a,.notice-list02 ul li>a,.notice-list03 ul li>a{
	padding:0 0 0 10px;
	background:url('../images/common/bul_list02.gif') no-repeat 0px 50%;
	_margin:0 0 0 20px;
	}		

.manager-num{
	background:url('../images/common/bg_num.gif') no-repeat left top;
	height: 18px; 
	width:29px;
	display: block;
	position: absolute;
	right: 0px;
	top:2px;
	text-align: center; 
	_padding-top:5px;
	_top:5px;
	_right:20px;
	}	
.manager-num a{
	color:#fff;
	font-size: 11px;
	}	

.notice-list01 p span ,.notice-list02 p span ,.notice-list03 p span {
	position: absolute;
	right: 20px;
	top:30px;

}