/*login*/
#etc {display: flex; justify-content: center; background: #000; width:100%; /*height:100vh;*/ align-items: center; padding: 60px 0 100px;}
.layout-main {width: 595px; background-color: #282828; border-radius: 20px;}
.identity-wrapper{padding: 110px 65px;}
.username, .login_password, .find_password{display: inline-block; position: relative; width: 100%; border-radius: 10px; background:#3b3b3b; margin-bottom:10px;}
.find_password {margin-bottom:15px;}
.layout-main input {height: 55px; line-height: 55px; border: none; padding: 0px 5px 0 20px; width: 90%; font-size: 14px; -webkit-appearance: textfield; box-sizing: content-box; vertical-align: top; font-family: 'Pretendard'; color: #fff; font-weight:500;}
.layout-main input::placeholder {font-family: 'Pretendard'; color: #999; font-weight:500;}
.username input {background: url('https://img.investchosun.com/images/2025/icon_login.svg') center right no-repeat;}
.username input:focus {background: url('https://img.investchosun.com/images/2025/icon_login_w.svg') center right no-repeat;}
.login_password input {background: url('https://img.investchosun.com/images/2025/icon_pass.svg') center right no-repeat;}
.login_password input:focus {background: url('https://img.investchosun.com/images/2025/icon_pass_w.svg') center right no-repeat;}
.find_password input {background: url('https://img.investchosun.com/images/2025/icon_findpass.svg') center right no-repeat;}
.find_password input:focus {background: url('https://img.investchosun.com/images/2025/icon_findpass_w.svg') center right no-repeat;}
.login_password input:focus, .username input:focus, .find_password input:focus {outline:none;}
.login_button{display: inline-block; position: relative; width: 100%;}
.login_button button{height:53px; line-height: 53px; border: none; border-radius: 5px; background:#396FF8; padding: 2px 0px; width: 100%; font-size: 14px; font-weight:500; color:#fff; -webkit-appearance: textfield; box-sizing: content-box; vertical-align: top; cursor: pointer; margin-top:20px; font-family: 'Pretendard'; letter-spacing:0.5px;}
.findpass_button button{height: 50px; line-height: 50px; border: none; border-radius: 30px; background:#2c5ae9; padding: 2px 0px; width: 100%; font-size: 25px; font-weight:500; color:#fff; -webkit-appearance: textfield; box-sizing: content-box; vertical-align: top; cursor: pointer; margin-top:20px; font-family: 'Pretendard';}
.login_txt {color:#E2E2E2; font-size:16px; margin: 40px 0; line-height: 1.4; letter-spacing:-0.2px; font-weight: 200; border-top: 1px solid #939393; padding-top: 40px;}
.login_txt span{color: #222; border-bottom: 1px solid #222;}
.login_toggle {display: flex; justify-content: flex-end; align-items: center; color: #e2e2e2;letter-spacing: -0.3px; font-size: 14px;}
.login_toggle .chk_text {margin-left: 6px; cursor: pointer;}
.login_toggle a {color: #e2e2e2;}
.login_toggle input[type="checkbox"] {display: none; /* ±âº» üũ¹Ú½º ¼û±è */}
.chk_label {display: inline-block; width: 20px; height: 20px; background: #3d3d3d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9'%3E%3Cpath d='M1 4l3 3 7-7' stroke='%23999999' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center; border-radius: 50%; cursor: pointer; vertical-align: middle;}
input[type="checkbox"]:checked + .chk_label {background: #007bff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9'%3E%3Cpath d='M1 4l3 3 7-7' stroke='%23ffffff' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center; border-color: #007bff;}
.login_toggle .box-pad {font-size: 14px; padding: 0 8px;color: #999;}

/*error*/
.error_msg {font-size: 14px; font-weight: 200; color: #e2e2e2;}
.error_msg span {color:#e94622; margin-right: 10px; text-decoration: underline;}

/*find password*/
.password-layout {padding: 0 !important; height: 100vh;}
.password_logo {text-align:center;}
.password_txt {font-size: 16px; margin:20px 0 70px; line-height: 1.4; letter-spacing: -0.3px; color:#E2E2E2; text-align:center; font-weight: 200;}
.password_txt span {text-decoration: underline;}
.password_txt1 {font-size: 18px; color: #fff; font-weight: 600; margin: 60px 0 0px; text-align: center; border-radius: 20px; background-color: #3a3a3a; padding: 10px 0px; width: 330px; margin: 80px auto 0;}
.find_password_box {display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
.find_password_box span {background: transparent; color: #fff; border-radius: 5px; color: #fff; margin-top: 20px; display: inline-block; width: 100%; height: 53px; border: 1px solid #fff; text-align: center; line-height: 53px;}
.find_password_box span img {vertical-align: middle;}
.find_password_box a {font-size: 14px; text-decoration: none;}
.findpasss_login {}
.backhome {}
.backhome em {color:#2c5ae9; font-style:normal;}


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

.wrap {width:100%;}
section {margin:0 15px;}
#etc {}
.m_basefix {margin:0 15px;}
.layout-main {width: 100%; padding-top:0px; margin: 50px auto; border-radius: 10px;}
.identity-wrapper {padding: 60px 30px;}
.login_txt, .password_txt {font-size: 14px; font-weight:300;}
.password_txt1 {font-size: 17px; border-radius: 50px; padding: 16px 0px; width: 100%;}
.error_msg {font-size: 12px;}
.layout-main input {width:87%}
.password_logo img {width:70%}

}