#login_app{
	background-color:#B3E0FF;
	background-image:url('/common/platform/images/background.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.card_wrapper{
	position:absolute;
	left:50%; 
	top:50%;
	transform: translate(-50%, -50%);
	width:960px;
	height:560px;
	background-color:#FFF;
	background-image:url('/common/platform/images/card_bg.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.2);
	padding:60px;
}

.login_wrapper{
	display:flex;
	justify-content:space-between;
	align-self: flex-start;
}

.login_wrapper .identity{
	width:50%;
	padding-right:24px;
}
.login_wrapper .certification{
	width:50%;
	padding:24px;
	padding-top:48px;
}

.login_wrapper .identity .ci{
	min-height:240px;
	text-align:center;
	padding-top:60px;
}
.login_wrapper .identity .logo{
	display:inline-block;
	width:240px;
	height:240px;
	background-image:url('/system/private/images/bi.svg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
.login_wrapper .identity .announce_container{
	padding-top:24px;
	text-align:center;
	color:#494949;
}
.login_wrapper .identity .cs_container{
	font-size:1.5rem;
	font-weight:600;
	color:#1A1700;
	text-align:center;
	padding-top:16px;
}
.login_wrapper .identity .cs_container:before{
	content:'고객센터';
	color:#C9C9C9;
	font-weight:normal;
	padding-right:9px;
}

.login_wrapper .certification .mall_name{
	font-size:1.5rem;
	font-weight:600;
	color:#1A1700;
}

@media only screen and (max-width: 719px) {
	.card_wrapper{
		width:94%;
		height:auto;
	}

	.login_wrapper{
		display:block;

	}

	.login_wrapper .identity{
		width:100%;
		padding:12px;
	}

	.login_wrapper .certification{
		width:100%;
		padding:12px;
	}
	
	.login_wrapper .identity .ci{
		min-height: 120px;
		text-align:center;
		padding-top:0px;
	}

	.login_wrapper .identity .logo{
		width:100%;
		height:120px;
	}	

	.login_wrapper .identity .announce_container{
		padding-top:6px;
	}		

	.login_wrapper .identity .cs_container{
		padding-top:6px;
	}

	.mall_name{display:none;}
	
}

.login_wrapper .certification .form_list{
	padding-top:12px;
}
.login_wrapper .certification .form_list li{
	padding-top:24px;
}
.login_wrapper .certification .form_list input{
	width:100%;
	height:48px;
	font-size:0.875rem !important;
	line-height:46px;
	border:1px SOLID #D9D9D9;
	background-color:#F2F2F2;
	padding:0 12px;
}
.login_wrapper .certification .form_list input:focus{
	border:1px SOLID #0099FF;
	background:#E6F5FF;
}

.login_wrapper .certification .form_list button{
	width:100%;height:48px;
	font-size:1.125rem;
	color:#FFF;
	background-color:#0099FF;
}
.login_wrapper .certification .form_list button:hover{
	background-color:FFCC00;
	color:#1A1700;
}

.login_wrapper .certification .function_list{
	display:flex;
	justify-content:center;
	padding-top:28px;
}
.login_wrapper .certification .function_list a{
	font-size:1rem;
	color:#393939;
	line-height:0;
}
.login_wrapper .certification .function_list li:not(:first-child) a:before{
	content:'|';
	vertical-align:middle;
	font-size:0.75rem;
	color:#C9C9C9;
	line-height:0;
	padding-left:24px; 
	padding-right:24px;
}


@media only screen and (max-width: 719px) {
	.card_wrapper{
		width:94%;
		height:auto;
	}

	.login_wrapper{
		display:block;

	}

	.login_wrapper .identity{
		width:100%;
		padding:12px;
	}

	.login_wrapper .certification{
		width:100%;
		padding:12px;
	}
	
	.login_wrapper .identity .ci{
		min-height: 120px;
		text-align:center;
		padding-top:0px;
	}

	.login_wrapper .identity .logo{
		width:100%;
		height:120px;
	}	

	.login_wrapper .identity .announce_container{
		padding-top:6px;
	}		

	.login_wrapper .identity .cs_container{
		padding-top:6px;
	}

	.mall_name{display:none;}
	
}