@charset "utf-8";




/* ================================
	로그인
	================================ */
	html{height:100%}
.login_wrap {  width:100%; height:100%;}
	.login_container {height:100%;width:100%;margin:0;background:url(../../images/m/login_bg.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
	.login_container .login_area {height:calc(50% + 105px);padding:100px 0 0;margin:0 auto; text-align:center; color:#000000; position:relative; }
	.login_container .login_area h2 { font-size:24px; color:#202020; font-weight:600; margin-bottom:20px; color:#fff; letter-spacing:-1.5px; word-break:keep-all;}
	.login_container input { height:40px; width:100%; border:none; padding:0 13px; box-sizing:border-box; color:#000000; font-size:15px; font-weight:600;}
	.login_container .login_check {text-align: left; margin-bottom: 15px; overflow: hidden;}
	.login_container input[type="checkbox"] {width: 18px; height: 18px; margin: 0 5px 0 0; padding: 0; float: left;}
	.login_container label {color: #fff; font-weight: 600; font-size: 13px; float: left;}

	.login_container .login_area .entry { clear:both; overflow:hidden; text-align:center; width:300px; margin:0 auto;}
	.login_container .login_area .entry .login { display:block; overflow:hidden;}
	.login_container .login_area .entry .login li { margin-bottom:8px;}
	.login_container .login_area .entry .btn_login { box-sizing:border-box; display:block; background:#0e2a58; color:#ffffff; width:100%; height:48px; font-size:16px; font-weight:600; vertical-align:top; margin:0 auto; margin-bottom:15px;}


	.login_container .login_area .idpw_area { margin-top:13px; width:100%; margin:0 auto;}
	.login_container .login_area .idpw_area li { float:left; display:inline-block; width:50%; box-sizing:border-box;}
	.login_container .login_area .idpw_area li:first-child { padding-right:3px; box-sizing:border-box;}
	.login_container .login_area .idpw_area li:last-child { padding-left:3px; box-sizing:border-box;}
	.login_container .login_area .idpw_area li a { display:block; background:#004791; color:#fff; padding:13px 0; font-weight:600; font-size:14px;}

	/* login footer */
	.login_container .login_footer {width:100%; background: url(../../images/m/footer_bg.png); padding:20px; box-sizing:border-box; color:#717172; text-align:center;  font-size:11px;}
	.login_container .login_footer .f_logo { display:inline-block; background:url(../../images/m/f_login_logo.png) no-repeat; text-align:center; width:110px; text-indent:-9999px; height:36px;}
	.login_container .login_footer .address { margin-bottom:5px;}
	.login_container .login_footer .address span { display:block; font-size:11px; word-break:keep-all; line-height:160%; color:#fff;}



	/* 로그인
	.login_wrap { width:100%; background:url(../../images/m/login_bg.jpg) top left no-repeat; background-size:cover; text-align:center; padding:90px 0 0 0; margin:0 auto; min-height:500px; box-sizing:border-box;}
	.login_wrap h2 { font-size:30px; color:#202020; font-weight:600; margin-bottom:20px; color:#fff;}
	.login_wrap .login_area { width:100%; padding:0 10%; margin:0 auto; text-align:center; box-sizing:border-box;}
	.login_wrap .login_area input { width:100%; display:inline-block; margin-bottom:5px; background:#fff; border:1px solid #fff; line-height:40px; box-sizing:border-box; padding:0 10px;}
	.login_wrap .login_area .btn_login { display:block; width:100%; background:#000; color:#fff; padding:15px 10px; box-sizing:border-box; line-height:100%; font-size:18px; font-weight:600;}
	.login_wrap .login_area .idpw_area { margin-top:13px;}
	.login_wrap .login_area .idpw_area li { float:left; display:inline-block; width:50%; box-sizing:border-box;}
	.login_wrap .login_area .idpw_area li:first-child { padding-right:3px; box-sizing:border-box;}
	.login_wrap .login_area .idpw_area li:last-child { padding-left:3px; box-sizing:border-box;}
	.login_wrap .login_area .idpw_area li a { display:block; background:#273b5a; color:#fff; padding:13px 0; font-weight:600; font-size:14px;}
	*/


/* ================================
	아이디 찾기 & 비밀번호 재발급
	================================ */
.idpw_wrap { width:100%; background: #f2f4f8; background-size:cover; text-align:center; padding:90px 0 0 0; margin:0 auto; min-height:480px; box-sizing:border-box;}
	.idpw_wrap h2 { font-size:30px; color:#202020; font-weight:600; margin-bottom:10px; color:#333; letter-spacing:-1.5px;}
	.idpw_wrap .login_area { width:300px; margin:30px auto 0; text-align:center; box-sizing:border-box;}
	.idpw_wrap .login_area input { width:100%; display:inline-block; margin-bottom:5px; background:#fff; border:1px solid #fff; line-height:40px; box-sizing:border-box; padding:0 10px; border:1px solid #ddd; height:40px;}
	.idpw_wrap .login_area .btn_login { display:block; width:100%; background:#004791; color:#fff; padding:15px 10px; box-sizing:border-box; line-height:100%; font-size:16px; font-weight:600;}
	.idpw_txt { display:inline-block; width:100%; padding:0 10%; box-sizing:border-box; line-height:150%;}
	.idpw_wrap .login_area .idpw_area { margin-top:13px;}
	.idpw_wrap .login_area .idpw_area li { float:left; display:inline-block; width:50%; box-sizing:border-box;}
	.idpw_wrap .login_area .idpw_area li:first-child { padding-right:3px; box-sizing:border-box;}
	.idpw_wrap .login_area .idpw_area li:last-child { padding-left:3px; box-sizing:border-box;}
	.idpw_wrap .login_area .idpw_area li a { display:block; background:#273b5a; color:#fff; padding:13px 0; font-weight:600; font-size:14px;}