@charset "EUC-KR";

.main {
top: 0px;
left: 0px;
/* width: 1900px; */
height: 100%;
background: #001648 0% 0% no-repeat padding-box;
opacity: 1;
}

.main-top{
position:relative;
top: -0.11474609375px;
left: 1427px;
width: 494px;
height: 353px;
background: transparent url('/img/bg_patt02.png') 0% 0% no-repeat padding-box;
opacity: 0.5;
}

.main-bot-left{
position:absolute;
bottom:0;
left:-160px;
width: 914px;
height: 500px;
/* transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); */
background: transparent url('/img/bg_patt01.png') 0% 0% no-repeat padding-box;
opacity: 0.24;
}

.main-bot-right{
position:absolute;
top: 669px;
left: 1552px;
width: 368px;
height: 331px;
background: transparent url('/img/bg_patt03.png') 0% 0% no-repeat padding-box;
opacity: 0.5;
}

.main-center{
position:absolute;
left: 50%;
top:50%;
width: 1266px;
height: 665px;
background: #D0DDEB 0% 0% no-repeat padding-box;
border-radius: 20px;
opacity: 1;
margin-left:-633px;
margin-top:-332px;
}

.main-center-right{
 	width: 634px;
 	height: 665px;
 	background: #FFFFFF 0% 0% no-repeat padding-box;
 	border-radius: 0px 20px 20px 0px;
	opacity: 1;
}


.login-img{
	position:absolute;
	top: 100px;
	left: 730px;	
	width: 431px;
	height: 442px;
	background: transparent url('/img/login_img.png') 0% 0% no-repeat padding-box;
	opacity: 1;
}

.logo-img{
	position:absolute;
	top: 60px;
	left: 270px;
	width: 127px;
	height: 41px;
	background: transparent url('/img/Philosophy3.png') 0% 0% no-repeat padding-box;
	mix-blend-mode: darken;
	opacity: 1;
}

.logo-text-area1{
	position:absolute;
	top: 140px;
	left: 80px;
	width: 350px;
	height: 28px;
	text-align: left;
	opacity: 1;
	font: normal normal normal 26px/34px HDharmony B;
	letter-spacing: 0px;
	color: #00264D;
}

.logo-text-area2{
	position:absolute;
	top: 170px;
	left: 80px;
	width: 350px;
	height: 20px;
	text-align: left;
	font:normal 18px/21px HDharmony;
	letter-spacing: 0px;
	color: #879CB1;
	opacity: 1;
}

.main.form{
	position:absolute;
	top: 200px;
	left: 50px;
	width: 456px;
	height: 126px;
	opacity: 1;
}

.main-input1{
	position:absolute;
	top: 220px;
 	left: 80px; 
	width: 316px;
	height: 40px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #DCDCDC;
	opacity: 1;
}

.main-input2{
	position:absolute;
	top: 270px;
 	left: 80px; 
	width: 316px;
	height: 40px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #DCDCDC;
	opacity: 1;
}

.login-btn{
	position:absolute;
	top: 220px;
	left: 420px;
	width: 120px;
	height: 92px;
	background: #023E7C 0% 0% no-repeat padding-box;
	font: normal normal bold 18px/27px HDharmony;
	color: #FFFFFF;
	border-radius: 3px;
	letter-spacing: 0px;
	opacity: 1;
	border:0 none;
}

.req-role{
	position:absolute;
	top: 320px;
	left: 190px;
	width: 100px;
	height: 24px;
	background: #86A5C9 0% 0% no-repeat padding-box;
	border-radius: 3px;
	font: normal normal bold 12px/14px HDharmony;
	letter-spacing: 0.32px;
	border:0px solid;
	color: #FFFFFF;
	opacity: 1;
}

.emp-reset{
	position:absolute;
	top: 320px;
	left: 80px;
	width: 100px;
	height: 24px;
	background: #86A5C9 0% 0% no-repeat padding-box;
	border-radius: 3px;
	font: normal normal bold 12px/14px HDharmony;
	letter-spacing: 0.32px;
	border:0px solid;
	color: #FFFFFF;
	opacity: 1;
}

.id-save-area{
	position:absolute;
	top: 298px;
	left: 440px;
	width: 50px;
	height: 20px;
	text-align: left;
	font: normal normal normal 14px/67px HDharmony;
	/* letter-spacing: -0.28px; */
	color: #333333;
	opacity: 1;
}

.id-save{
	position:absolute;
	top: 320px;
	left: 415px;
	width: 15px;
	height: 15px;
	background: transparent url('/img/Icon_Toggle.png') 0% 0% no-repeat padding-box;
	opacity: 1;
}

.notice-area{
	position:absolute;
	top: 400px;
	left: 80px;
	width: 456px;
	height: 201px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 15px;
	opacity: 1;
}

.notice{
	position:absolute;
 	top: 15px; 
 	left: 30px; 
	width: 80px;
	height: 20px;
	text-align: left;
	font: normal normal 800 18px/21px HDharmony;
	letter-spacing: 0px;
	color: #023E7C;
	opacity: 1;
	
}

.notice-more{
	position:absolute;
	top: 20px;
	left: 400px;
	width: 18px;
	height: 18px;
	background: transparent url('/img/btn_more.png') 0% 0% no-repeat padding-box;
	opacity: 1;

}

/* .notice-sep{
	position:absolute;
	top: 40px;
	left: 25px;
	width: 406px;
	border: 1px solid #D0DDEB;
	opacity: 1;
}
 */
.notice-list{	
	position:absolute;
	top: 45px;
	left: 25px;
	width: 400px;
	height: 16px;
	text-align: left;
	font: normal normal normal 14px/16px HDharmony;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	border-top: 1px solid #D0DDEB;
}

.notice-bullet{
	width: 4px;
	height: 4px;
	background: transparent url('/img/ico_bullet.png') 0% 0% no-repeat padding-box;
	opacity: 1;
}
.notice-icon{
	width: 10px;
	height: 4px;
}

.notice-text,
.notice-text a:active{
	text-align: left;
	font: normal normal normal 14px/16px HDharmony;
	letter-spacing: 0px;
	text-overflow:ellipsis;
	display : block;
	overflow:hidden;
	color: #000000;
	opacity: 1;
	font-size:14px
}

.notice-date{
	text-align: right;
	font: normal normal normal 14px/16px HDharmony;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
}

.main-center-left .main-form input{color:#9a9a9a;font-size:14px;border:0 none;border-raidus:0}