body {
	margin:0;
}

.Header {
	height:auto;
	width:auto;
	background-image:none;
}

.footer {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	color:inherit;
	text-align:inherit;
	clear:none;
	padding-top:0;
	background-color:inherit;
	width:inherit;
}
a {
	color:#551a8b;
	color:-webkit-link;
	text-decoration:underline;
	background-color:transparent;
	-webkit-text-decoration-skip:objects;
}
a:hover {
	color:inherit;
}
a:active,a:hover {
	outline-width:0;
}
.footer a {
	color:#551a8b;
	text-decoration:underline;
}
.footer a:hover {
	color:inherit;
	text-decoration:underline;
}

@media screen and (max-width:1024px) {
	body,html {
		-ms-touch-action:auto;
		touch-action:auto;
	}
	body>form {
		overflow-x:visible;
		overflow-y:visible;
	}
	.footer {
		width:inherit;
		font-size:100%
	}
}
@media screen and (max-width:690px) {
	.footer {
		line-height:normal;
		font-size:100%
	}
	.footer,.footer a {
		color:#551a8b;
	}
}
#app {
	height:100%
}
.button {
	font-size:18px;
	font-family:Roboto-Condensed,sans-serif;
	display:inline-block;
	min-height:35px;
	border:0;
	padding:4px 20px;
	text-align:center;
	-webkit-transition:all .45s cubic-bezier(.23,1,.32,1) 0;
	-o-transition:all .45s cubic-bezier(.23,1,.32,1) 0;
	transition:all .45s cubic-bezier(.23,1,.32,1) 0;
	border-radius:2px;
	cursor:pointer;
	color:#fff;
	background-color:#5ea2ce;
}
.button:focus,.button:hover {
	-webkit-box-shadow:0 1px 6px hsla(0,0%,42%,.8);
	box-shadow:0 1px 6px hsla(0,0%,42%,.8);
	color:#fff;
	background-color:#5ea2ce;
}
.button:active {
	color:#fff;
	background-color:#3d7faa;
	border:0;
	outline:0;
}
.button:disabled {
	color:#fff;
	background-color:#c9cdd7;
	cursor:not-allowed;
}
.button:disabled:hover {
	-webkit-box-shadow:none;
	box-shadow:none;
}
.button:focus {
	border:0;
	outline:0;
}
.button--action,.button--action:focus,.button--action:hover {
	color:#fff;
	background-color:#ff4800;
}
.button--action:active {
	color:#fff;
	background-color:#f24501;
}
.button--action:disabled {
	color:#fff;
	background-color:#c9cdd7;
}
.button--cancel,.button--cancel:active,.button--cancel:disabled,.button--cancel:focus,.button--cancel:hover {
	background:#fff;
	color:#636b78;
	border:1px solid #8c98ab;
}
.button--cancel:disabled {
	color:#b2b2b2;
	border-color:#c9cdd7;
}
.button--cancel:active {
	-webkit-box-shadow:none;
	box-shadow:none;
}
.button--fluid {
	display:block;
	margin:auto;
	text-align:center;
}
@media only screen and (max-width:768px) {
	.button--fluid {
		min-width:280px;
	}
}
@media only screen and (max-width:480px) {
	.button--fluid {
		min-width:100%
	}
}
.button>i {
	position:relative;
	vertical-align:middle;
	font-size:8px;
	margin-left:5px;
	-webkit-transition:all .45s cubic-bezier(.23,1,.32,1) 0;
	-o-transition:all .45s cubic-bezier(.23,1,.32,1) 0;
	transition:all .45s cubic-bezier(.23,1,.32,1) 0;
}
.text-box {
	font-family:Roboto-Condensed,sans-serif;
	font-size:16px;
	position:relative;
	line-height:22px;
	width:100%;
	-webkit-transition:height .2s cubic-bezier(.23,1,.32,1) 0;
	-o-transition:height .2s cubic-bezier(.23,1,.32,1) 0;
	transition:height .2s cubic-bezier(.23,1,.32,1) 0;
	background-color:transparent;
}

.text-box__addon {
	position:absolute;
	right:0;
	top:26px;
	z-index:10;
}

.tooltip-container {
	position:relative;
}
.tooltip__icon {
	color:#8c98ab;
	font-size:16px;
}

body {
	background:#f1f3f7;
}

@-webkit-keyframes onAutoFillStart {
	to {
		color:#636b78;
		background:transparent;
	}
}
input:-webkit-autofill {
	-webkit-animation-name:onAutoFillStart;
	-webkit-animation-fill-mode:both;
}
.header-container {
	padding:2%
}
.header-container>span h1 {
	float:left;
	color:#ff4800;
	margin:0;
}
.header-container>span a {
	color:#fff;
	background-color:#5ea2ce;
	text-decoration:none;
	position:relative;
	float:right;
	line-height:30px;
	padding:0 15px;
	border-radius:3px;
}
.header-container hr {
	opacity:.2;
	border:#eee;
	border-style:inset;
	border-width:1px;
}

.logInContainer {
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	background-color:#f1f3f7;
	font-size:16px;
}
.logInContainer__leftSection {
    width:75%;
	z-index:1;
	min-height:100%;
	height:auto;
	position:fixed;
	top:0;
	left:0;
	background:url(/html/img/login/b_login_main.jpg) no-repeat 0;
	background-size:cover;
	background-position:left 50% top 50%
}
.logInContainer__rightSection {
    min-height:100vh;
	background-color:#f1f3f7;
	z-index:10;
	position:absolute;
	top:0;
	right:0;
	width:25%;
	min-width:420px;
	-webkit-box-shadow:3px 0 28px hsla(0,0%,45%,.5);
	box-shadow:3px 0 28px hsla(0,0%,45%,.5);
}

.logInContainer__rightSection .logo {
	height:74px;
	width:100%;
	max-width:205px;
	margin:0 auto;
	margin-top:8vh;
	text-align:center;
	/*background:url(/html/img/login/b_login_main.jpg) no-repeat;*/
}

.logInContainer__rightSection .logo--postbank {
	height:118px;
	max-width:232px;
	margin-top:3vh;
	/*background:url(/html/img/login/b_login_main.jpg)no-repeat;*/
}
.logInContainer__rightSection .log-in-app-container {
	width:100%;
	margin:0 auto;
	/*text-align:center;*/
	background-color:#f1f3f7;
	margin-bottom:40px;
}
@media only screen and (max-width:480px) {
	.logInContainer__rightSection .log-in-app-container {
		min-height:62vh;
	}
}

@media only screen and (max-width:768px) {
	.logInContainer__leftSection {
		display:none;
	}
	.logInContainer__rightSection {
		width:100%;
		min-width:320px;
		-webkit-box-shadow:none;
		box-shadow:none;
		overflow-x:hidden;
	}
	.logInContainer__rightSection>.logo {
		margin-top:4%;
		z-index:-1;
	}
	.logInContainer__rightSection>.log-in-app-container {
		z-index:-2;
		margin-top:2%
	}
}
.footer {
	position:absolute;
	padding-bottom:10px;
	margin:auto;
	bottom:0;
	right:0;
	left:0;
	width:100%;
	max-width:320px;
	text-align:center;
	background-color:#f1f3f7;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-flex-direction:row;
	-ms-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-around;
	-ms-flex-pack:distribute;
	justify-content:space-around;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
}
@media only screen and (max-width:768px) {
	.footer {
		padding-top:0;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
	}
}
.footer .footer__copyContainer a,.footer>.label,.footer a {
	font-size:14px;
	font-family:Roboto-Condensed,sans-serif;
	text-decoration:none;
	color:#636b78;
}
.footer .footer__copyContainer a:hover,.footer> .label:hover,.footer a:hover {
	text-decoration:underline;
}

@media only screen and (max-width:768px) {
	.footer__copyContainer {
		background-color:#e4e7ed;
		width:100%;
		-webkit-box-ordinal-group:4;
		-webkit-order:3;
		-ms-flex-order:3;
		order:3;
		padding:5px 0;
	}
}

.footer__separator {
	color:#c9cdd7;
}
@media only screen and (max-width:768px) {
	.footer__separator {
		display:none;
	}
}
@media only screen and (max-width:768px) {
	.footer__contactUs {
		-webkit-box-ordinal-group:3;
		-webkit-order:2;
		-ms-flex-order:2;
		order:2;
		padding:5px 0;
	}
}

@media only screen and (max-height:763px) {
	.footer--reset-password {
		padding-bottom:0;
	}
}

.logInForm {
	font-size:16px;
	max-width:280px;
	margin:0 auto;
}

.logInForm__headerText {
	margin:3vh 0;
	color:#636b78;
}
.logInForm__headerText>h2 {
	font-size:1.3em;
	line-height:1.4;
	font-weight:500;
}
.logInForm__headerText h3 {
	font-size:1.2em;
	line-height:1.2;
	font-weight:500;
}
.logInForm__headerText>span {
	font-size:1.125em;
	display:block;
	line-height:1.5em;
	text-align:center;
	margin:1em auto 0;
}

.logInForm form {
	text-align:initial;
}
.logInForm form .text-box__addon {
	background-color:#f1f3f7;
	padding-left:3px;
}

.logInForm__signUp {
	margin-top:1vh;
	color:#636b78;
	font-size:1.125em;
	text-align:center;
	line-height:normal;
}
.logInForm__signUp>a {
	text-decoration:none;
	color:#399bda;
}
.logInForm-isRtl .logInForm__signUp {
	direction:rtl;
}
.logInForm__forgetPassword {
	display:block;
	margin-top:2%;
	width:100%;
	text-align:left;
	z-index:12;
}
.logInForm__forgetPassword>a {
	color:#399bda;
	font-family:Roboto-Condensed,sans-serif;
	text-decoration:none;
	font-size:.9em;
}

.logInForm__login-button-container {
	width:100%;
	margin-top:10%
}
.logInForm__captcha {
	margin-top:10%
}

@media only screen and (max-width:768px) {
	.logInForm__headerText {
		margin-bottom:2%
	}
	.logInForm__headerText h3 {
		font-size:1.2em;
		line-height:1.2;
		margin-top:1%;
		margin-bottom:1%
	}
	.logInForm__signUp {
		margin-top:3vh;
	}
	.logInForm__forgetPassword {
		margin-bottom:5vh;
	}
}
@media only screen and (min-width:335px) {
	.logInForm__captcha {
		-webkit-transform:translateX(0);
		-ms-transform:translateX(0);
		transform:translateX(0);
	}
	.logInForm-isRtl .logInForm__captcha {
		-webkit-transform:translateX(-22px);
		-ms-transform:translateX(-22px);
		transform:translateX(-22px);
	}
}
@media only screen and (max-width:325px) {
	.logInForm__captcha {
		-webkit-transform:translateX(-10px);
		-ms-transform:translateX(-10px);
		transform:translateX(-10px);
	}
	.logInForm-isRtl .logInForm__captcha {
		-webkit-transform:translateX(-15px);
		-ms-transform:translateX(-15px);
		transform:translateX(-15px);
	}
}

@media only screen and (max-height:763px) {
	.logInForm {
		margin-bottom: 120px;
	}
}

@media only screen and (max-width: 768px) {
	.footer--rightSection {
	    max-width: none;
	    padding-bottom: 0;
	}
}


.logInContainer__rightSection .logo {
	font-size: 2.8rem;
}

.logInForm .login label , .logInForm .login input{
   font-size: 1.5rem;
}
/* chrome 파란 테두리 없애기 */
*:focus {
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}