/* input */
.input {
    height: 40px; 
    padding: 8px 12px;
    border-radius: 4px; 
    border: 1px solid #C2C2C2;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    color: #111;
    background-color: #FFF;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.2s;
}
/* Chrome autofill 스타일 제거/덮기 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
	-webkit-text-fill-color: #111; 
	transition: background-color 9999s ease-out; 
	box-shadow: 0 0 0 1000px #fff inset; 
	caret-color: #111;
}
.input::placeholder { 
    color: #C2C2C2; opacity: 1; 
}
.input:focus {
    border-color: #7a7a7a; 
    outline: none;
}
.input[disabled] {
  background-color: #EAE8E8;
  color: #C2C2C2;
}
.input[readonly] {
  background-color: #EAE8E8;
  color: #C2C2C2;
}
.inputGroup.is-error .input {
    border-color: #ff4d4f !important;
}
.inputGroup {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-bottom: 8px; 
}
.inputGroup label,
.inputGroup .label {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #7A7A7A;
}
.inputGroup--icon {
    position: relative;
}
.inputGroup--icon::before{
  content:"";
  position:absolute;
  left:12px;
  top: calc(50% + 14px); 
  transform: translateY(-50%);
  width:20px; 
  height:20px;
  background-repeat:no-repeat;
  background-size:20px 20px;
  opacity: .9;
  pointer-events:none;
  z-index: 3;
}
.inputGroup--icon .input {
    padding-left: 40px; 

}
.inputGroup--id::before,
.inputGroup--user::before{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMiAxMEMxMi40NTk2IDEwIDEyLjkxNDggOS45MDk0NyAxMy4zMzk0IDkuNzMzNThDMTMuNzY0IDkuNTU3NjkgMTQuMTQ5OSA5LjI5OTg4IDE0LjQ3NDkgOC45NzQ4N0MxNC43OTk5IDguNjQ5ODcgMTUuMDU3NyA4LjI2NDAzIDE1LjIzMzYgNy44MzkzOUMxNS40MDk1IDcuNDE0NzUgMTUuNSA2Ljk1OTYzIDE1LjUgNi41QzE1LjUgNi4wNDAzNyAxNS40MDk1IDUuNTg1MjUgMTUuMjMzNiA1LjE2MDYxQzE1LjA1NzcgNC43MzU5NyAxNC43OTk5IDQuMzUwMTMgMTQuNDc0OSA0LjAyNTEzQzE0LjE0OTkgMy43MDAxMiAxMy43NjQgMy40NDIzMSAxMy4zMzk0IDMuMjY2NDJDMTIuOTE0OCAzLjA5MDUzIDEyLjQ1OTYgMyAxMiAzQzExLjA3MTcgMyAxMC4xODE1IDMuMzY4NzUgOS41MjUxMyA0LjAyNTEzQzguODY4NzUgNC42ODE1IDguNSA1LjU3MTc0IDguNSA2LjVDOC41IDcuNDI4MjYgOC44Njg3NSA4LjMxODUgOS41MjUxMyA4Ljk3NDg3QzExLjE4MTUgOS42MzEyNSAxMS4wNzE3IDEwIDEyIDEwWk0zIDIwLjRWMjFIMjFWMjAuNEMyMSAxOC4xNiAyMSAxNy4wNCAyMC41NjQgMTYuMTg0QzIwLjE4MDUgMTUuNDMxNCAxOS41Njg2IDE0LjgxOTUgMTguODE2IDE0LjQzNkMxNy45NiAxNCAxNi44NCAxNCAxNC42IDE0SDkuNEM3LjE2IDE0IDYuMDQgMTQgNS4xODQgMTQuNDM2QzQuNDMxMzkgMTQuODE5NSAzLjgxOTQ5IDE1LjQzMTQgMy40MzYgMTYuMTg0QzMgMTcuMDQgMyAxOC4xNiAzIDIwLjRaIiBzdHJva2U9IiNFQUU4RTgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4=");
}

.inputGroup--pwd::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik04IDEwSDZDNS40Njk1NyAxMCA0Ljk2MDg2IDEwLjIxMDcgNC41ODU3OSAxMC41ODU4QzQuMjEwNzEgMTAuOTYwOSA0IDExLjQ2OTYgNCAxMlYxOUM0IDE5LjUzMDQgNC4yMTA3MSAyMC4wMzkxIDQuNTg1NzkgMjAuNDE0MkM0Ljk2MDg2IDIwLjc4OTMgNS40Njk1NyAyMSA2IDIxSDE4QzE4LjUzMDQgMjEgMTkuMDM5MSAyMC43ODkzIDE5LjQxNDIgMjAuNDE0MkMxOS43ODkzIDIwLjAzOTEgMjAgMTkuNTMwNCAyMCAxOVYxMkMyMCAxMS40Njk2IDE5Ljc4OTMgMTAuOTYwOSAxOS40MTQyIDEwLjU4NThDMTkuMDM5MSAxMC4yMTA3IDE4LjUzMDQgMTAgMTggMTBIMTZNOCAxMFY3QzggNS45MzkxMyA4LjQyMTQzIDQuOTIxNzIgOS4xNzE1NyA0LjE3MTU3QzkuOTIxNzIgMy40MjE0MyAxMC45MzkxIDMgMTIgM0MxMy4wNjA5IDMgMTQuMDc4MyAzLjQyMTQzIDE0LjgyODQgNC4xNzE1N0MxNS41Nzg2IDQuOTIxNzIgMTYgNS45MzkxMyAxNiA3VjEwTTggMTBIMTZNMTIgMTRWMTciIHN0cm9rZT0iI0VBRThFOCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg==");
}
.inputGroup--phone::before {
	background-image: url("data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik05LjM2NTU2IDEwLjY4MjFDMTAuMzAyIDEyLjMyODggMTEuNjcxMiAxMy42OTggMTMuMzE3OSAxNC42MzQ0TDE0LjIwMjQgMTMuMzk2MUMxNC40OTY1IDEyLjk4NDUgMTUuMDUxNiAxMi44NTczIDE1LjQ5NTYgMTMuMDk5OEMxNi45MDI0IDEzLjg2ODMgMTguNDU3MSAxNC4zMzUzIDIwLjA3ODkgMTQuNDYzN0MyMC41OTkgMTQuNTA0OSAyMSAxNC45Mzg5IDIxIDE1LjQ2MDZWMTkuOTIzNEMyMSAyMC40MzYxIDIwLjYxMjIgMjAuODY1NyAyMC4xMDIyIDIwLjkxODFDMTkuNTcyMyAyMC45NzI2IDE5LjAzNzcgMjEgMTguNSAyMUM5LjkzOTU5IDIxIDMgMTQuMDYwNCAzIDUuNUMzIDQuOTYyMjcgMy4wMjc0MiA0LjQyNzcxIDMuMDgxODkgMy44OTc3NkMzLjEzNDMgMy4zODc3NSAzLjU2Mzk0IDMgNC4wNzY2NSAzSDguNTM5NDJDOS4wNjExIDMgOS40OTUxMyAzLjQwMTA0IDkuNTM2MyAzLjkyMTA5QzkuNjY0NjcgNS41NDI4OCAxMC4xMzE3IDcuMDk3NjQgMTAuOTAwMiA4LjUwNDQ0QzExLjE0MjcgOC45NDg0IDExLjAxNTUgOS41MDM1NCAxMC42MDM5IDkuNzk3NTdMOS4zNjU1NiAxMC42ODIxWk02Ljg0NDI1IDEwLjAyNTJMOC43NDQyIDguNjY4MDlDOC4yMDU0NyA3LjUwNTE0IDcuODM2MjggNi4yNzE4MyA3LjY0NzI3IDVINS4wMDkwN0M1LjAwMzAzIDUuMTY2MzIgNSA1LjMzMyA1IDUuNUM1IDEyLjk1NTggMTEuMDQ0MiAxOSAxOC41IDE5QzE4LjY2NyAxOSAxOC44MzM3IDE4Ljk5NyAxOSAxOC45OTA5VjE2LjM1MjdDMTcuNzI4MiAxNi4xNjM3IDE2LjQ5NDkgMTUuNzk0NSAxNS4zMzE5IDE1LjI1NThMMTMuOTc0OCAxNy4xNTU4QzEzLjQyNTggMTYuOTQyNSAxMi44OTU2IDE2LjY5MTUgMTIuMzg3NCAxNi40MDYxTDEyLjMyOTMgMTYuMzczQzEwLjM2OTcgMTUuMjU4NyA4Ljc0MTM0IDEzLjYzMDMgNy42MjcgMTEuNjcwN0w3LjU5Mzk0IDExLjYxMjZDNy4zMDg0OSAxMS4xMDQ0IDcuMDU3NTQgMTAuNTc0MiA2Ljg0NDI1IDEwLjAyNTJaIiBmaWxsPSIjRUFFOEU4Ii8+DQo8L3N2Zz4=")
}
.inputGroup__row.phoneBox {
    display: grid;
    grid-template-columns: 59px auto 73px auto 73px;
    column-gap: 4px;
    align-items: center;
    width: 100%; 
    width: 223px;
}
.inputGroup__row:not(.phoneBox) {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
}
.inputGroup__row:not(.phoneBox) .input {
    flex: 1; 
    text-align: left;
}
.inputGroup__row .dash,
.inputGroup__row .unit {
    flex: 0 0 auto; 
    color: #111;
    font-size: 14px;
    white-space: nowrap;
}
.select-custom {

    appearance: none ;
    -webkit-appearance: none ;
    -moz-appearance: none ;
    background-color: #ffffff ; /* 배경색을 명시적으로 줘서 인풋 스타일 덮어쓰기 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat ;
    background-position: right 12px center ;
    background-size: 18px ;
    padding-right: 2.5rem ;
}

/* btn */
.btn-pwd-view {
    position: absolute;
    right: 12px;
    top: 50%;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0zLjYyMjE3IDEyLjcxNzNWMTIuNzIyM0MzLjU5NDA3IDEyLjgyODMgMy41NDUzNSAxMi45Mjc3IDMuNDc4ODEgMTMuMDE0OUMzLjQxMjI2IDEzLjEwMiAzLjMyOTE5IDEzLjE3NTIgMy4yMzQzNSAxMy4yMzAyQzMuMTM5NTEgMTMuMjg1MiAzLjAzNDc2IDEzLjMyMSAyLjkyNjA4IDEzLjMzNTVDMi44MTc0IDEzLjM1IDIuNzA2OTMgMTMuMzQyOSAyLjYwMDk4IDEzLjMxNDdDMS44ODE4MSAxMy4xMjQ1IDIuMDA4NjIgMTIuMjk1MiAyLjAwODYyIDEyLjI5NTJMMi4wMzg2NiAxMi4xOTE3QzIuMDM4NjYgMTIuMTkxNyAyLjA4MjA0IDEyLjA1MTYgMi4xMTcwOCAxMS45NDk4QzIuNTQ1MjggMTAuNzQ5MiAzLjE3NTY1IDkuNjMwNjYgMy45ODA5MiA4LjY0MjU4QzUuNDc3NjYgNi44MTcxMiA3Ljk5NTYgNSAxMS45OTE5IDVDMTUuOTg4MyA1IDE4LjUwNjIgNi44MTcxMiAyMC4wMDQ2IDguNjQyNThDMjAuODA5OSA5LjYzMDY2IDIxLjQ0MDIgMTAuNzQ5MiAyMS44Njg0IDExLjk0OThDMjEuOTA0NCAxMi4wNTI5IDIxLjkzNzcgMTIuMTU3IDIxLjk2ODYgMTIuMjYxOEwyMS45NzM2IDEyLjI4MzVWMTIuMjkwMkwyMS45NzUyIDEyLjI5MzVDMjIuMDI4MiAxMi41MDU5IDIxLjk5NTUgMTIuNzMwNSAyMS44ODQ0IDEyLjkxOUMyMS43NzMyIDEzLjEwNzYgMjEuNTkyNCAxMy4yNDQ4IDIxLjM4MSAxMy4zMDEzQzIxLjE2OTUgMTMuMzU3OCAyMC45NDQ0IDEzLjMyODkgMjAuNzU0IDEzLjIyMDlDMjAuNTYzNyAxMy4xMTI5IDIwLjQyMzQgMTIuOTM0NSAyMC4zNjM0IDEyLjcyNEwyMC4zNjE3IDEyLjcxNzNMMjAuMzQ4MyAxMi42NzU2TDIwLjI4OTkgMTIuNDkzN0MxOS45MjYyIDExLjQ4MDEgMTkuMzkzMSAxMC41MzU2IDE4LjcxMzEgOS43MDA0OEMxNy40NzUgOC4xOTAzOSAxNS40MDQyIDYuNjY4NjEgMTEuOTkxOSA2LjY2ODYxQzguNTc5NjIgNi42Njg2MSA2LjUxMDU0IDguMTkwMzkgNS4yNzA3NiA5LjcwMDQ4QzQuNTkwOCAxMC41MzU2IDQuMDU3NjEgMTEuNDgwMSAzLjY5MzkyIDEyLjQ5MzdMMy42MzU1MiAxMi42NzU2TDMuNjIyMTcgMTIuNzE3M1pNNy44MjA0IDE0LjE3NzRDNy44MjA0IDEzLjA3MSA4LjI1OTkgMTIuMDEgOS4wNDIyMSAxMS4yMjc2QzkuODI0NTIgMTAuNDQ1MyAxMC44ODU2IDEwLjAwNTggMTEuOTkxOSAxMC4wMDU4QzEzLjA5ODMgMTAuMDA1OCAxNC4xNTkzIDEwLjQ0NTMgMTQuOTQxNiAxMS4yMjc2QzE1LjcyNCAxMi4wMSAxNi4xNjM1IDEzLjA3MSAxNi4xNjM1IDE0LjE3NzRDMTYuMTYzNSAxNS4yODM3IDE1LjcyNCAxNi4zNDQ4IDE0Ljk0MTYgMTcuMTI3MUMxNC4xNTkzIDE3LjkwOTQgMTMuMDk4MyAxOC4zNDg5IDExLjk5MTkgMTguMzQ4OUMxMC44ODU2IDE4LjM0ODkgOS44MjQ1MiAxNy45MDk0IDkuMDQyMjEgMTcuMTI3MUM4LjI1OTkgMTYuMzQ0OCA3LjgyMDQgMTUuMjgzNyA3LjgyMDQgMTQuMTc3NFoiIGZpbGw9IiNBRUFFQUMiLz4NCjwvc3ZnPg==") no-repeat center;
    background-size: contain;
    border: none;
    cursor: pointer;
}
.btn-pwd-view.is-show {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0zLjYyMjE3IDEyLjcxNzNWMTIuNzIyM0MzLjU5NDA3IDEyLjgyODMgMy41NDUzNSAxMi45Mjc3IDMuNDc4ODEgMTMuMDE0OUMzLjQxMjI2IDEzLjEwMiAzLjMyOTE5IDEzLjE3NTIgMy4yMzQzNSAxMy4yMzAyQzMuMTM5NTEgMTMuMjg1MiAzLjAzNDc2IDEzLjMyMSAyLjkyNjA4IDEzLjMzNTVDMi44MTc0IDEzLjM1IDIuNzA2OTMgMTMuMzQyOSAyLjYwMDk4IDEzLjMxNDdDMS44ODE4MSAxMy4xMjQ1IDIuMDA4NjIgMTIuMjk1MiAyLjAwODYyIDEyLjI5NTJMMi4wMzg2NiAxMi4xOTE3QzIuMDM4NjYgMTIuMTkxNyAyLjA4MjA0IDEyLjA1MTYgMi4xMTcwOCAxMS45NDk4QzIuNTQ1MjggMTAuNzQ5MiAzLjE3NTY1IDkuNjMwNjYgMy45ODA5MiA4LjY0MjU4QzUuNDc3NjYgNi44MTcxMiA3Ljk5NTYgNSAxMS45OTE5IDVDMTUuOTg4MyA1IDE4LjUwNjIgNi44MTcxMiAyMC4wMDQ2IDguNjQyNThDMjAuODA5OSA5LjYzMDY2IDIxLjQ0MDIgMTAuNzQ5MiAyMS44Njg0IDExLjk0OThDMjEuOTA0NCAxMi4wNTI5IDIxLjkzNzcgMTIuMTU3IDIxLjk2ODYgMTIuMjYxOEwyMS45NzM2IDEyLjI4MzVWMTIuMjkwMkwyMS45NzUyIDEyLjI5MzVDMjIuMDI4MiAxMi41MDU5IDIxLjk5NTUgMTIuNzMwNSAyMS44ODQ0IDEyLjkxOUMyMS43NzMyIDEzLjEwNzYgMjEuNTkyNCAxMy4yNDQ4IDIxLjM4MSAxMy4zMDEzQzIxLjE2OTUgMTMuMzU3OCAyMC45NDQ0IDEzLjMyODkgMjAuNzU0IDEzLjIyMDlDMjAuNTYzNyAxMy4xMTI5IDIwLjQyMzQgMTIuOTM0NSAyMC4zNjM0IDEyLjcyNEwyMC4zNjE3IDEyLjcxNzNMMjAuMzQ4MyAxMi42NzU2TDIwLjI4OTkgMTIuNDkzN0MxOS45MjYyIDExLjQ4MDEgMTkuMzkzMSAxMC41MzU2IDE4LjcxMzEgOS43MDA0OEMxNy40NzUgOC4xOTAzOSAxNS40MDQyIDYuNjY4NjEgMTEuOTkxOSA2LjY2ODYxQzguNTc5NjIgNi42Njg2MSA2LjUxMDU0IDguMTkwMzkgNS4yNzA3NiA5LjcwMDQ4QzQuNTkwOCAxMC41MzU2IDQuMDU3NjEgMTEuNDgwMSAzLjY5MzkyIDEyLjQ5MzdMMy42MzU1MiAxMi42NzU2TDMuNjIyMTcgMTIuNzE3M1pNNy44MjA0IDE0LjE3NzRDNy44MjA0IDEzLjA3MSA4LjI1OTkgMTIuMDEgOS4wNDIyMSAxMS4yMjc2QzkuODI0NTIgMTAuNDQ1MyAxMC44ODU2IDEwLjAwNTggMTEuOTkxOSAxMC4wMDU4QzEzLjA5ODMgMTAuMDA1OCAxNC4xNTkzIDEwLjQ0NTMgMTQuOTQxNiAxMS4yMjc2QzE1LjcyNCAxMi4wMSAxNi4xNjM1IDEzLjA3MSAxNi4xNjM1IDE0LjE3NzRDMTYuMTYzNSAxNS4yODM3IDE1LjcyNCAxNi4zNDQ4IDE0Ljk0MTYgMTcuMTI3MUMxNC4xNTkzIDE3LjkwOTQgMTMuMDk4MyAxOC4zNDg5IDExLjk5MTkgMTguMzQ4OUMxMC44ODU2IDE4LjM0ODkgOS44MjQ1MiAxNy45MDk0IDkuMDQyMjEgMTcuMTI3MUM4LjI1OTkgMTYuMzQ0OCA3LjgyMDQgMTUuMjgzNyA3LjgyMDQgMTQuMTc3NFoiIGZpbGw9IiM0Q0FGNTAiLz4NCjwvc3ZnPg==");
}

.btn--text{
    display: block;
    padding: 4px;
    color: #C2C2C2;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.btn--text:hover {
  color: #6C8EB0;
}
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    transition: box-shadow 0.3s;
}
.btn--fill{
    background-color:  var(--brand-color); 
    color: #fff;

}
.btn--fill:hover {
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}
.btn--outline{
    color:  var(--brand-color);
    border: 1px solid  var(--brand-color);
}


/* 로그인 페이지 */
#wrap.login-wrap {
    position: relative;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* 이미지모드 */
#wrap.login-wrap.is-image {
    background-image: var(--bg-img) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
#wrap.login-wrap.is-image::before {
    content: '';
    position: absolute;
    top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
    background: 
	linear-gradient(
    180deg,
    rgba(0,0,0,.25),
    rgba(0,0,0,.15));
    z-index: 1;
}
/* 컬러모드 */
#wrap.login-wrap.is-gradient {
	
      background:
    radial-gradient(at 20% 20%, rgba(112,145,80,.25), transparent 60%),
    radial-gradient(at 80% 30%, rgba(200,220,180,.35), transparent 55%),
    radial-gradient(at 50% 80%, rgba(112,145,80,.15), transparent 60%),
    #ffffff;
    
    background-attachment: fixed;
}
#wrap.login-wrap.is-gradient .login{
	box-shadow: 0 10px 30px color-mix(in srgb, var(--brand-color), transparent 85%);
}
.login-wrap .login {
    /* 2. 실제 적용될 레이아웃 & 디자인 */
    width: 400px;
    max-width: 460px ;
	height: auto;
    min-height: 385px; 
}
.login #loginArea {
	/* 1. 기존 스타일 무력화 (!important) */
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    text-align: left !important;
    overflow: visible !important;
}
.login-logo-box {  
    margin-bottom: 24px;   
}
.login-logo-box h1 {
    margin: 0;
    display: flex;
    justify-content: center;
}
.login-logo-box h1 a {
    display: block;
    width: 200px;
    height: 50px;
    width: fit-content;    
}
.login-logo-img {
    display: block;
    width: 100%;      
    height: 100%;        
    object-fit: contain;   
}

/* 로그인2 */
#loginForm2Element .login__item{
	margin-bottom: 24px;
}


@media (max-width: 767px) {
   
    #wrap.login-wrap {
        background-image: var(--bg-img);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center; 
        padding-inline: 20px; 
        box-sizing: border-box;
    }
    
    .login-logo-box h1 a {
        width: 160px; 
    }
}