@import url(https://fonts.googleapis.com/css?family=Roboto:400,300);
@charset "utf-8";

#wrap, html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #113a6f;
}

/* �α��� ��üȭ�� */
.loginFrame {
	width: 779px;
	height: 100%;
	margin: 0 auto;
	background: url(../images/bg_login_back.gif);
	
}
/* �α��� �ΰ� �̹��� */
.loginFrame .loginBox {
	width: 779px;
	height: 620px;
	background: url(../images/bg_login_3.png);
}

.loginFrame .loginBox .noticeBox {
	width: 304px;
	margin: 0 auto;
	padding-top: 313px;
	
}

.loginFrame .loginBox .noticeBox ul {
	border-bottom: 1px solid #406994;
	padding: 7px 0;
	
}

.loginFrame .loginBox .noticeBox ul li a {
	width: 210px;
	display: inline-block;
	color: #fff;
	line-height: 24px;
	padding: 0 20px 0 8px;
	background: url(../images/bul_notice.gif) 0px 9px no-repeat;
}

.loginFrame .loginBox .noticeBox ul li a:hover {
	text-decoration: none;
	color: #95d1fb;
}

.loginFrame .loginBox .noticeBox ul li span {
	color: #5b87b5;
	font-size: 11px;
	vertical-align: middle
}

.loginFrame .loginBox .noticeBox ul li a span {
	width: 195px;
	height: 18px;
	color: #FFFFFF;
	font-size: 12px;
	display: inline-block;
	overflow: hidden;
}

.loginFrame .loginBox  .inputBox {
	position: relative;
	width: 331px;
	margin: 0 auto;
}
/*.loginFrame .loginBox  .inputBox ul { padding-top:300px;}*/
.loginFrame .loginBox  .inputBox ul {
	padding-top: 42px;
}

.loginFrame .loginBox .inputBox ul li {
	height: 33px;
	color: #fff;
	font-size: 11px;
}

.loginFrame .loginBox .inputBox ul li.chkBox {
    display: flex;
    align-items: center; /* 세로 중앙 */
    justify-content: center;   /* 가로 가운데 정렬 */
    gap: 4px;            /* 요소 사이 간격 */
}

.loginFrame .loginBox .inputBox ul li.chkBox a {
	color: #fff;
	font-size: 11px;
	margin-left: 10px;
}

.loginFrame .loginBox .inputBox ul li.chkBox a:hover {
	color: #0CF;
	text-decoration: none;
}

.loginFrame .loginBox .inputBox ul li label.name {
	display: inline-block;
	padding-left: 27px;
	width: 65px;
}

.loginFrame .loginBox .inputBox ul li input.textTypeBox {
	height: 21px;
	width: 140px;
	border: 3px solid #589ae0;
}

.loginFrame .loginBox .inputBox .loginBtn {
	position: absolute;
	top: 300px;
	left: 244px;
}

.loginFrame .loginBox .inputBox .loginBtn {
	position: absolute;
	top: 42px;
	left: 244px;
}

.loginFrame .qlinkBox {
	width: 410px;
	margin: 0 auto;
}

.loginFrame .qlinkBox a {
	padding: 0 2px;
}
/*
.loginFrame .loginBox .qlinkBox { width:320px; margin:0 auto; padding-top:55px;}
.loginFrame .loginBox .qlinkBox a { padding:0 2px;}
*/
.loginFrame .loginBox2 {
	width: 779px;
	height: 650px;
	background: url(../images/bg_login2.png);
}

.loginFrame .loginBox2 .warningBox {
	position: relative;
	width: 331px;
	margin: 0 auto;
	text-align: center;
}

.loginFrame .loginBox2 .warningBox .imgBox {
	padding-top: 220px;
}

.loginFrame .loginBox2 .warningBox .btnBox {
	padding-top: 55px;
}

.loginFrame .loginBox2 .warningBox .warningTxt01 {
	font-size: 20px;
	font-weight: bold;
	color: #ffc900;
	padding-top: 18px;
}

.loginFrame .loginBox2 .warningBox .warningTxt02 {
	font-size: 20px;
	font-weight: bold;
	color: #ff442b;
	padding-top: 18px;
}

.Privacy {
	margin-left: 350px;
	color: #fff;
	cursor: pointer;
}
.Privacy:hover {
	text-decoration: none;
	color: #00ffff;
}