/* BASIC css start */
#passimg {
    z-index:9;
}
body{height:max-content;}
#wrap{
    min-height: calc(100vh - 25vh);
    padding-bottom: 0 !important;
}
#forgot {
    position: relative;
    width: 100%;
    margin-top: 25vh;
    left: -8%;
}

#forgot h2 {
    font-size: var(--f-2);
    padding: 0 0 40px;

}
#forgot .id-box {
    margin: 0 0 var(--p-3);
}
#forgot .label-box {
    width:100%;
    margin:0 0 var(--p-1);
}
#forgot label {
    vertical-align:top;
    font-size: var(--f-1);
    display: inline-block;
    align-items: center;
    line-height: 1;
    font-weight: 400;
}
#forgot label input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    background: transparent;
    box-sizing: border-box;
}
#forgot label input:checked {
}
#forgot label span{
color:#8C8C8C;
}
#forgot ul li {
    width: 100%;
    display: block;
    margin: 0 0 var(--p-1);
    position: relative;
    

}
#forgot ul li input {
    width: 100%;
    height: 30px;
    background:transparent !important;
    border: 1px solid;
    border-width: 0 0 1px;
    border-color: var(--gray) !important;
    font-size: var(--f-1);
    margin: 0 !IMPORTANT;
    padding: 0 !important;
    line-height: 1;
    color: #000;
    position: relative;
    z-index:1;
}

/* ÃֽŠºê¶ó¿ìÀú¿¡¼­ »ç¿ë °¡´É */
label:has(input[type="radio"]:checked) span {
  color: black !important;
}
#forgot table{}
#forgot table tr{}
#forgot table td{width:80%;}

#forgot table td input{width:100%; border: none;}
#forgot table td input::placeholder{ color: transparent!important;}
#forgot table .col-30{width:20%; border:none;}
.bd_1{border-bottom:1px solid black; padding:10px 0;}
.label_wrap{text-align:right; padding-bottom:40px;}
.MS_input_txt{padding:0;}
a.a-button{background:black; margin-top:50px;}
a.a-button span{color:white;}

/* BASIC css end */