@charset "utf-8";

/* Utilization - Box */
ul.utilization_box {
	margin:13px 0 0 0;
	padding:24px 0 23px 148px;
	border:1px solid #b8c9cc;
	background:#f3fdff url('/images/accompany/bg/bg_utilization.gif') no-repeat 40px 50%;
}
	ul.utilization_box li {
		padding:0 0 0 7px;
		background:url('/images/accompany/bullet/bl_dot.gif') no-repeat 0 10px;
		color:#333;
		line-height:24px;
	}

/* Benefit - Box */
ol.benefit_box {
	min-height:310px;
	margin:30px 0 0 0;
	padding:8px 0 0 300px;
	background:url('/images/accompany/bg/bg_benefit.gif') no-repeat 41px 0;
}
	ol.benefit_box li {
		margin:15px 0 0 0;
		color:#333;
		line-height:24px;
/*		list-style:decimal; */
	}
	ol.benefit_box li:first-child {
		margin:0;
	}

/* Login - Box */
div.login_box {
	width:498px;
	margin:51px auto 0;
	padding:36px 40px 6px;
	border:1px solid #c4c4c4;
	border-top:4px solid #00b0ec;
}
	/* Loing */
	fieldset.login {
		display:block;
		min-height:113px;
		overflow:hidden;
		padding:18px 0 0 119px;
		background:url('/images/accompany/bg/bg_login.gif') no-repeat 0 0;
	}
		fieldset.login ul.id_pw {
			float:left;
			margin:0 10px 0 0;
		}
			fieldset.login ul.id_pw li {
				overflow:hidden;
				margin:7px 0 0 0;
				line-height:33px;
			}
			fieldset.login ul.id_pw li:first-child {
				margin:0;
			}
				fieldset.login ul.id_pw li label {
					float:left;
					width:68px;
					color:#333;
				}
				fieldset.login ul.id_pw li input.text,
				fieldset.login ul.id_pw li input.password {
					padding:7px 0 8px 10px;
					border:1px solid #999;
				}
	fieldset.login input.img {
		float:left;
	}
	/* Join - Box */
	ul.join_box {
		padding:11px 0 0 0;
		border-top:1px solid #c4c4c4;
	}
		ul.join_box li {
			height:23px;
			overflow:hidden;
			margin:0 0 7px 0;
			text-align:right;
			line-height:25px;
		}
			ul.join_box li strong {
				float:left;
				padding:0 0 0 7px;
				background:url('/images/accompany/bullet/bl_dot2.gif') no-repeat 0 9px;
				font-size:12px;
			}

/* Term - Box */
div.term_box {
	height:132px;
	overflow-y:auto;
	margin:9px 0 0 0;
	padding:14px 13px;
	border:1px solid #cfcfcf;
	background:#f6f6f6;
	font-size:12px;
}
	div.term_box h6 {
		margin:24px 0 0 0;
		color:#262626;
		font-family:'NBGB';
	}
	div.term_box h6:first-child,
	div.term_box h6.mtop {
		margin:0;
	}
p.check {
	margin:12px 0 0 0;
	font-size:12px;
}
	p.check input,
	p.check label {
		vertical-align:middle;
	}
	p.check input {
		margin:0 3px 0 0;
	}

/* Result - Box */
div.result_box {
	min-height:217px;
	margin:8px 0 0 0;
	padding:37px 0 0 415px;
	border-top:2px solid #8d8d8d;
	border-bottom:1px solid #8d8d8d;
	background:url('/images/accompany/bg/bg_result.gif') no-repeat 83px 61px;
}
	div.result_box h5 {
		margin:0 0 8px 0;
		color:#333;
		font-size:18px;
		line-height:37px;
	}
		div.result_box h5 em {
			display:block;
			margin:-5px 0 0 0;
			font-family:'NBGB';
			font-size:35px;
		}
	div.result_box div.btn_area {
		margin:16px 0 0 0;
	}
		div.result_box div.btn_area a {
			margin:0 6px 0 0;
		}

	div.noti_box2 {
		position:relative;
		position:absolute;
		bottom:0;
		width:608px;
		padding:25px 130px;
		border:1px solid #d9d3ce;
		background:#ebe6df;
	}
		div.noti_box2 span {
			margin-left:5px;
			font-size:18px;
			color:#e96d0a;
			font-weight:bold;
		}
		div.noti_box2 a {
			position:absolute;
			top:23%;
			right:100px;
		}
		div.noti_box2 .free {
			position:absolute;
			top:-1px;
			left:20px;
			margin:0 0 0 0;
		}
		.pdb150 {
			padding-bottom:150px;
		}

/* IdPw - Box */
div.idpw_box {
	overflow:hidden;
	margin:20px 0 0 0;
}
div.idpw_box.first {
	margin:60px 0 0 0;
}
	div.idpw_box div.l_inner {
		float:left;
	}
	div.idpw_box div.r_inner {
		float:right;
	}
	div.idpw_box div.l_inner,
	div.idpw_box div.r_inner {
		width:383px;
		padding:20px 20px 30px 20px;
		border-top:4px solid #00b0ec;
		border-bottom:1px solid #c4c4c4;
		border-left:1px solid #c4c4c4;
		border-right:1px solid #c4c4c4;
	}
		div.idpw_box h5 {
			color:#000;
			font-size:18px;
		}
		div.idpw_box div.text {
			margin:8px 0 0 0;
			padding:42px 0 0 0;
			border-top:1px solid #c4c4c4;
			text-align:center;
			line-height:22px;
		}
			div.idpw_box div.text span {
				color:#0070d5;
			}
			div.idpw_box div.text label {
				margin:0 20px 0 0;
				color:#333;
			}
			div.idpw_box div.text input.text {
				padding:8px 0 7px 10px;
				border:1px solid #999;
			}
			div.idpw_box div.text p {
				height:20px;
				margin:23px 0 0 0;
				color:#666;
				font-size:13px;
				line-height:20px;
			}

.appbg{
	margin-top:13px;
	}

.appbg img{
	border-radius: 10px;
	}

.app{
	margin-top: 13px;
	width: 870px;
	height: 200px;
	background-color: #fafafa;
	}

.appboxes{
	padding-top: 60px;
	width:100%;
	text-align: center;
	}

.appbox{
	display: inline-block;
	width: 300px;
	text-align: center;
}
.desc_box{
	padding-left: 20px;
}