@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight:700;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight:900;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

body { background-image: url(../img/mypage_bg.jpg); /*font-family:'Noto Sans KR',Poppins,Helvetica,sans-serif;*/}


/*----------------- Login ------------------*/

.login {position:relative;}
.login:before,
.login:after {clear:both;display:block;content:'';}


.login_backgorund {background:url(/eng/img/cmm/login_bg.jpg) no-repeat center bottom #ff5b5b;padding:2.5rem;background-size: cover;display:none;}
.login_backgorund > * {color:#fff;text-align: left} 
.login_backgorund .logo {margin-bottom:3rem}
.login_backgorund .logo img {width:220px}
.login_backgorund .title_h2 {line-height:1.3;font-size:2.6rem; text-align: left;}


.login_content {display: flex;align-items: center;justify-content: center;border-top:8px solid #FFCC45;padding:2.5rem;}
.login_container {width:100%;max-width:46rem}
.login_container_l {widht:100%;max-width:70rem}

.login_content .login_top {padding-bottom:3rem;}
.login_content .login_top .lnk {color:#3053A3}
.login_content .login_top h2.title_h2 {text-align: left;margin-bottom:0;font-size:3.5rem}
.login_content .login_form .forgot_password {font-size:1.3rem;text-align: right;color:#777;float:right}
.login_content .login_form .password_input {position:relative}
.login_content .login_form .password_input .show_password {position:absolute;top:0;right:1.5rem;bottom:0;background:url(/eng/img/cmm/ico_show.svg) no-repeat center center;font-size:0;
	width:20px;height:20px;background-size:16px;margin:auto auto; opacity:1;}
.login_content .login_form .password_input .show_password.on {opacity:0.3;}

.login_content .login_form .form-check .form-check-input {float:none;margin-right:0.6rem}
.login_content .helper-text a {color:#3053A3;text-decoration: underline}
.join_step2_txtbox {margin-top:3rem;overflow-y: scroll}
.join_step2_txtbox_email {border:1px solid #e0e0e0;border-radius: 0.6rem;-webkit-border-radius: 0.6rem;padding:1rem 1.5rem;margin-bottom:2rem}

.login_top h2.title_h2 {color:#000}

@media (min-width: 992px) {
	
	.login {position:relative;height:100vh;}
	.login_backgorund,
	.login_content {min-height:100vh;padding:4rem;}
	.login_backgorund .title_h2 {line-height:1.3;font-size:3.6rem}
	.login_backgorund .title_h2 > span {display:block;font-weight:bold;font-size:3.3rem;padding-left:2rem}
	
	.login_backgorund {display:block;}
	
	.login_content {max-height:60rem;height:100%;overflow-y: scroll;scrollbar-width:none;
		-ms-overflow-style: none;border-top:none;border-right:0px solid #FFCC45;}
	.login_content::-webkit-scrollbar {width:0;height:0;}

	.login_top {padding-bottom:3rem;}
	
	.login_top h2.title_h2 {margin-bottom:0;font-size:2.4rem}
	.login_content .login_form .form-label {font-size:1.4rem}
	
	.lnk_subscribe {position:absolute;right:3rem;bottom:2rem;display:none}
	
	.join_step2_txtbox_email {padding:1.5rem 2.5rem}

}


@media (min-width: 1600px) {
	
	.login_content,
	.login_backgorund {padding:7rem 8rem;}
	.login_content {max-height:90rem;}
	.login_backgorund .title_h2 {font-size: 4.2rem}
	
}

.image-input-wrapper-entry {
	background-size: contain !important;
	background-position:center;
}

.hide {display:none;}