@charset "utf-8";

/*******************************************************************************
	레이어 기본
********************************************************************************/
div.layer {
	display: none;
	margin: 0 0 0 -275px;
	position: absolute;
	left: 50%;
	top: 340px;
	width: 550px;
	height: 360px;
	overflow: hidden;
	background: #fff;
	z-index: 999999999;
}
div.layer fieldset {
	border: none;
}
div.layer fieldset legend {
	margin: 0 0 18px;
	width: 100%;
	font-weight: bold;
	padding: 20px 0 20px 19px;
	color: #000;
	font-size: 21px;
	line-height: 25px;
	border-bottom: 1px solid #d8d8d8;
	background: #f5f5f5 url("/cs/images/common/layer_top_bar.gif") no-repeat 0 0;
}
.ie7 div.layer fieldset legend {
	margin-left: -7px;
}
div.layer button.layer_close,
div.layer a.layer_close{
	overflow: hidden;
	text-indent: -20000px;
	position: absolute;
	right: 20px;
	top: 27px;
	width: 17px;
	height: 17px;
	border: none;
	background: url("/cs/images/common/btn_layer_close.gif") no-repeat 0 0;
}
.layer .layer_button .cancel {
    margin: 0 0 0 5px;
    color: #fff;
    line-height: 38px;
    border: none;
    font-size: 16px;
    width: 91px;
    height: 40px;
    background: #757380;
}
/**************************************************
	SMS 수신불가 특수단말기 인증 안내
**************************************************/
#layer_smsAuth {
	display: none;
	margin: 0 0 0 -275px;
	position: absolute;
	left: 50%;
	top: 300px;
	width: 550px;
	height: 394px;
	overflow: hidden;
	background: #fff;
	z-index: 999999999;
}
#layer_smsAuth fieldset {
	border: none;
}
#layer_smsAuth div.layer_wrap {
	width: 510px;
	margin: 0 auto;
	color: #666;
	line-height: 24px;
	font-size: 14px;
	text-align: center;
}
#layer_smsAuth div.layer_wrap * {vertical-align: baseline}
#layer_smsAuth div.layer_wrap .text {padding:3px 0 17px;font-size:16px;}
#layer_smsAuth div.layer_wrap .text strong {display:block;margin-bottom:3px;font-size:20px;}
#layer_smsAuth div.layer_wrap .box { margin: 0 0 10px; padding: 18px 20px 21px;font-size:14px;border: 1px solid #e5e5e5; background: #f5f5f5;}
#layer_smsAuth div.layer_wrap .box strong {font-weight:normal;}
#layer_smsAuth div.layer_wrap .time,
#layer_smsAuth div.layer_wrap .time strong {color:#333}
#layer_smsAuth div.layer_wrap .time{margin-bottom:18px;text-align:left;padding-left:25px;line-height:22px;}
#layer_smsAuth div.layer_button {
	text-align: center;
	margin: 0 20px;
}
#layer_smsAuth div.layer_button button {
	width: 108px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	border: none;
	color: #fff;
	background: #757380;
}
/**************************************************
	고객정보등록 동의 (레이어)
**************************************************/
#layer_customerReg {
	display: none;
	padding: 0 0 40px;
	margin: 0 0 0 -245px;
	position: absolute;
	left: 50%;
	top: 640px;
	width: 480px;
	height: 440px;
	overflow: hidden;
	background: #fff;
	z-index: 999999999;
}
#layer_customerReg fieldset {
	border: none;
}
/*
#layer_customerReg fieldset legend {
	width: 100%;
	font-weight: bold;
	padding: 15px 0 20px 19px;
	color: #000;
	font-size: 21px;
	line-height: 25px;
	background: #f5f5f5;
	border-bottom: 1px solid #d8d8d8;
}
*/
#layer_customerReg div.layer_button {
	text-align: center;
	margin: 0 20px;
}
#layer_customerReg div.layer_button button {
	margin: 0 5px;
	width: 108px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	border: none;
	color: #fff;
}
#layer_customerReg p.check {
	padding: 0 20px 30px;
	font-size: 16px;
	line-height: 30px;
}
#layer_customerReg div.layer_button button.cancel {
	background: #757380;
}
#layer_customerReg div.layer_button button.confirm {
	background: #cd001d;
}
#layer_customerReg div.layer_wrap {
	text-align: center;
	color: #333;
	margin: 10px 20px 10px;
	font-size: 16px;
	line-height: 30px;
	padding: 30px;
	background: #f5f5f5;
}


/**************************************************
	다회선 가입/변경/신청/해지 요청
**************************************************/
.layer.layer_multi {
	display: none;
	padding: 0 0 40px;
	margin: -135px 0 0 -210px;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 420px;
	height: 270px;
	overflow: hidden;
	background: #fff;
	z-index: 999999999;
}
.layer_multi .layer_wrap .text1 {
	padding-top: 17px;
	color: #777;
	font-size: 16px;
	line-height: 23px;
	text-align: center;
}
.layer_multi .layer_wrap .text1 .num {
	color: #ea002c;
	font-weight: bold;
	letter-spacing: 0;
}
.layer_multi .layer_wrap .text1 .bold {
	font-weight: bold;
}
.layer_multi .layer_button {
	padding-top: 26px;
	text-align: center;
}
.layer_multi .layer_button button {
	display: inline-block;
	width: 120px;
	height: 40px;
	margin: 0 3px;
	border: 0;
	background: #757380;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
}
.layer_multi .layer_button .confirm {
	background: #3617CE;
}
/*******************************************************************************
	오류회선 삭제
********************************************************************************/
#layer_errorLine {
	display: none;
	margin: 0 0 0 -210px;
	position: absolute;
	left: 50%;
	top: 240px;
	width: 420px;
	height: 260px;
	overflow: hidden;
	background: #fff;
	z-index: 99999999999;
}
#layer_errorLine div.layer_wrap {
	font-size: 18px;
	line-height: 30px;
	width: 420px;
	margin: 0 auto;
}
#layer_errorLine p {
	padding: 20px 0;
	text-align: center;
}
#layer_errorLine div.button {
	text-align: center;
}
#layer_errorLine div.button button {
	font-size: 16px;
	line-height: 16px;
	width: 120px;
	height: 40px;
	text-align: center;
	color: #fff;
	border: none;
	background: #757380;
}

/**************************************************
	법인위임대리인 실명인증 가능 이동전화
**************************************************/
#layer_agentName {
	margin: 0 0 0 -275px;
	position: fixed;
	left: 50%;
	top: 100px;
	width: 550px;
	height: 550px;
	overflow: hidden;
	background: #fff;
	z-index: 999999999;
}
#layer_agentName fieldset {
	border: none;
}
#layer_agentName div.layer_wrap {
	width: 510px;
	margin: 0 auto;
}
#layer_agentName div.layer_wrap p {
	color: #666;
	line-height: 27px;
	margin: 0 0 17px;
	text-align: center;
	font-size: 16px;
}
#layer_agentName div.layer_wrap div.text {
	text-align: left;
	margin: 0 0 30px;
	padding: 18px 20px 21px;
	font-size: 16px;
	line-height: 24px;
	border: 1px solid #e5e5e5;
	background: #f5f5f5;
}
#layer_agentName div.layer_wrap div.text p {
	color: #333;
	text-align: left;
	padding: 5px 0;
	margin: 0;
}
#layer_agentName div.layer_wrap div.text p span {
	font-weight: bold;
}
#layer_agentName div.layer_wrap div.text p strong {
	color: #ea002c;
}
#layer_agentName  div.layer_wrap div.text ul li {
	font-size: 16px;
	padding: 0 0 0 15px;
	margin: 0;
	background: url("../images/member/bl_dot_navy.gif") no-repeat 5px 12px;
}
#layer_agentName div.layer_button {
	text-align: center;
	margin: 0 20px;
}
#layer_agentName div.layer_button button {
	width: 108px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	border: none;
	color: #fff;
	background: #757380;
}
#layer_agentName div.layer_button a.confirm {
	text-decoration: none;
	display: inline-block;
	width: 108px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	border: none;
	color: #fff;
	background: #ea002c;
}
/* 레이어 : 법인위임대리인 위임기간 안내 */
#layer_validityDate{ margin: -401px 0 0 -240px; position: absolute; left: 50%; top: 300px; width: 480px; height: 394px; overflow: hidden; background: #fff; z-index: 999999999;}
#layer_validityDate .layer_wrap{ width: 440px; margin: 12px auto 28px; padding:17px 0 25px; background-color:#f7f7f7; color: #333; line-height: 28px; font-size: 16px; text-align: center;}
#layer_validityDate .layer_wrap p{margin-top:6px;}
#layer_validityDate .layer_button {text-align:center;}
#layer_validityDate .layer_button .confirm {background:#ea002c;}

/* 레이어 : 이메일 문의안내 */
#layer_guideInquiry{margin:0 0 0 -240px; position: absolute; left: 50%; top: 250px; width: 480px; height: 384px; overflow: hidden; background: #fff; z-index: 999999999;}
#layer_guideInquiry .layer_wrap{width: 440px; margin: 12px auto 20px; text-align: center;font-size: 16px;color: #333; line-height: 26px;}
#layer_guideInquiry .layer_wrap .box{margin:6px 0 18px; background-color:#f7f7f7; padding:17px 0; font-size:15px;}
#layer_guideInquiry .layer_wrap .box p{margin-bottom:8px;}
#layer_guideInquiry .layer_wrap .box span {font-weight:bold;}
#layer_guideInquiry .layer_button {text-align:center;}
#layer_guideInquiry .layer_button .cancel{display:inline-block;text-decoration:none;}
#layer_guideInquiry .layer_button .confirm {display:inline-block;color: #fff;line-height: 38px;border: none;font-size: 16px;width: 91px;height: 40px; background:#ea002c;text-decoration:none;}

/* 레이어 : 출장기간 선택 */
#layer_dateCheck{margin:0 0 0 -240px; position: absolute; left: 50%; top: 310px; width: 480px; height: 330px; overflow: hidden; background: #fff; z-index: 999999999;}
#layer_dateCheck .layer_wrap{width: 440px; margin: 12px auto 20px; text-align: center;font-size: 16px;color: #333; line-height: 26px;}
#layer_dateCheck .layer_wrap .box{margin:25px 0 25px; background-color:#f7f7f7; padding:17px 0; font-size:15px;}
#layer_dateCheck .layer_wrap .box p + p {margin-top:5px;}
#layer_dateCheck .layer_button {text-align:center;}
#layer_dateCheck .layer_button .confirm {display:inline-block;color: #fff;line-height: 38px;border: none;font-size: 16px;width: 91px;height: 40px; background:#ea002c;text-decoration:none;}