@charset "utf-8";
/* layout */
html, body {height: 100%!important}
#wrap {height: 100%!important}
#container_mb {min-height:calc(100% - 52px);padding-top:71px;box-sizing: border-box;}
#container_mb .sm_inner {width:90%;max-width:450px;margin:0 auto;}

/* header */
.header_mb {position:fixed;top:0;width:100%;height:auto;background-color:rgba(235,240,250,0);border-bottom:1px solid #ededed;background: #fff;z-index:1000;box-sizing:border-box;}
#header_mb .logo a {display:flex;justify-content: center;align-items: center;height: 70px;}
#header_mb .logo img {height:38px}

/* footer */
#footer_mb{display:flex;width:100%;align-items:center;justify-content:center;background:#b7b9cc; }
.footer_mb .copyright {width:90%;padding:18px 0;color:#fff; font-size:12px; font-weight:500; line-height:16px; font-family: 'Noto Sans KR', sans-serif; text-align: center}

/* login 로그인*/
.login_title {font-size:32px;color:#333;text-align:center;font-family:'Noto Sans KR';padding-top:100px}
.login_form {display: flex;flex-wrap: wrap;width:100%;margin-top:20px;text-align:center;}
.login_form .input_row {width:100%;border: 1px solid #dadada;background:#fff;box-sizing:border-box;}
.login_form .input_row + .input_row {margin-top:14px}
.login_form .input_row .input_cover {display:block;overflow:hidden}
.login_form .input_row .input_cover input {width:100%;height:46px;padding:0 12px;border:0;border-radius:2px;font-size:15px;line-height:46px;color:#656565;text-align:left;letter-spacing: -0.1px;box-sizing:border-box;}
.login_form .btn_login {width:100%;margin-top:46px;}
.login_form .btn_login input {display:block;width:100%;height:52px;margin:0;padding:0;border:0;color:#fff;cursor:pointer;background:#004299;font-size:18px;border-radius:2px;}
.login_form .btn_login input:hover, .login_form .btn_login input:active {background:#003780;cursor:pointer}
.login_form .login_check {display: flex;position:relative;width:50%;height:26px;margin-top:14px;margin-bottom:26px;text-align:left}
.login_form .login_check input {position: absolute;top: 1px;left: 1px;width: 24px;height: 24px;cursor: pointer}
.login_form .login_check label {line-height: 20px;position: absolute;top: 0; left: 0;height: 20px;padding-left: 33px;font-size: 13px;color: #333;cursor: pointer;}
.login_form .sns_login {display: flex;width: 50%;justify-content: flex-end;height:26px;margin-top:14px;margin-bottom:26px;}
.login_form .sns_login a.naver_login_btn {display: block;height: 20px;line-height: 20px;padding: 0 0 0 26px;color: #666; font-size: 14px;background: url(../images/common/ico_naver.svg) no-repeat;cursor: pointer;}
.login_form .find_info {width:100%;padding-top:20px;border-top: 1px solid #dadada;color:#666;font-size:13px}
.login_form .find_info li.divide {display:inline-block;height:16px;}
.login_form .find_info li + li {margin-left:5px;padding-left:6px;border-left:1px solid #dadada}
.login_form .find_info li a {display:block;line-height:16px;color:#333}

/* 아이디/비밀번호 찾기  탭 */
.find_tab {display: flex; width:100%; margin-top:40px; border-bottom: 1px solid #e5eaf6;}
.find_tab li {flex:0 1 50%; text-align: center;}
.find_tab li a {display:block; width:100%; font-size:16px; line-height:50px; color:#666;}
.find_tab li a.active,
.find_tab li a:hover {border-bottom: 2px solid #004299;}
/* 아이디/비밀번호 찾기 */
.find_form {width:100%;}
.find_form .form {margin:30px 0;font-size:14px;line-height:24px}
.find_form .details {margin-top:20px;font-size:26px;line-height:32px;color:#333}
.find_form .note_group {margin-top:10px}
.find_form .note_group li {font-size:14px;line-height:24px;color:#777}
.find_form .find_form_body {margin-top:20px}
.find_form .find_row {width:100%;margin-bottom:10px}
.find_form .find_row .label_txt {display:block;width:100%;margin-bottom:10px;font-size:14px;color:#666;}
.find_form .find_row .field_txt {width:100%;height:46px;padding: 0 10px;font-size: 14px;line-height:22px;color:#333;border: 1px solid #ddd;box-sizing: border-box;vertical-align: middle;}	 
.find_form .phone_row {display: flex;}
.find_form .phone_row span {width:calc(100% - 132px)}
.find_form .phone_row a.btn_auth {display:flex;justify-content: center;align-items: center;margin-top:24px;margin-left:12px;width:120px;height:46px;color:#fff;background:#004299;border-radius:2px}
.find_form .auth_row input::placeholder {color:#999}
/* 아이디/비밀번호 찾기 - 버튼 */
.find_form .btn_bx {width:100%;margin:40px 0;text-align:center;}
.find_form .btn_bx .find_btn {display:inline-block;width:100%;height:52px;color:#fff;font-size:16px;border:none;border-radius:2px;background:#004299}
.find_form .btn_bx .find_btn:hover,
.find_form .btn_bx .find_btn:active {background:#003780}

/* 회원가입 */
.join_title {font-size:32px;color:#333;text-align:center;font-family:'Noto Sans KR';padding-top:30px}
.join_form {width:100%;margin-top:20px;padding-top:20px;border-top: 1px solid #999;}
.join_form .join_row {width:100%;margin-bottom:10px}
.join_form .join_row .label_txt {position:relative;display:block;width:100%;margin-bottom:10px;font-size:14px;color:#666;box-sizing:border-box}
.join_form .join_row .label_txt.star {padding-left:10px;}
.join_form .join_row .label_txt.star:before {content: '*';position: absolute;top: 4px;left: 0;color: #eb253d;line-height: 1} 
.join_form .join_row input.field_txt {width:100%;height:46px;padding: 0 10px;font-size: 14px;line-height:22px;color:#777;border: 1px solid #ddd;box-sizing: border-box;vertical-align: middle;}	

/* 회원가입 - 동의 */
.join_form .privacy_check {width:100%;margin-top:20px;}
.join_form .privacy_check  {border-top:1px solid #eee}
.join_form .chk_txt {margin-top:14px;color:#444;font-size:12px}
.join_form .chk_txt input[type="checkbox"] {display:none;}
.join_form .chk_txt label {position:relative; padding-left:30px; font-size:14px; color:#666; cursor:pointer;}
.join_form .chk_txt input[type="checkbox"]:disabled + label:before {background-color:#ebebeb}
.join_form .chk_txt label a {text-decoration:none;color:#004299;}
/* 회원가입 - 버튼 */
.join_form .btn_bx {width:100%;margin-top:30px;text-align:center;}
.join_form .btn_bx button {display: flex;justify-content: center;align-items: center;height:52px;width: 100%;color:#fff;font-size:16px;border:none;border-radius: 2px;}
.join_form .btn_bx .join_btn {background:#004299} 
.join_form .btn_bx .join_btn:hover,
.join_form .btn_bx .join_btn:active {background:#003780;cursor:pointer;}
/* 회원가입 - 네이버 회원가입버튼 22/11/22 수정 */
.join_form .sns_join {margin-bottom: 40px;}
.join_form .btn_bx .naver_join_btn{display: flex;justify-content: center;align-items: center;height:52px;font-size: 14px;color:#666;background: #fff;border:1px solid #666 ;cursor: pointer;}
.join_form .btn_bx .naver_join_btn .ico_naver {width:20px;height: 20px;margin-right:6px;background: center no-repeat url(../images/common/ico_naver.svg) }
.join_form .btn_bx .naver_join_btn:hover,
.join_form .btn_bx .naver_join_btn:active {color:#003780;border:1px solid #003780;cursor:pointer;}



@media screen and (max-width:1280px){


	
}


/* 태플릿용 */
@media screen and (max-width:768px){
	
	/* login */
	.login_title {padding-top:40px}
	.login_form {margin-top:20px;}
		

	}
	

/* 모바일용 */
@media screen and (max-width:425px){
	
	


	}