main.main {
    background:#f6f7f9;
    padding-top:2rem;
    font-size:16px;
}

h3.stnApplyWrapHeaderTitle { font-size:1.25rem; font-weight: 500; }
h4.stnApplyTitle { border-bottom:1px solid #333; padding:10px 0;  margin-bottom:1rem; color:#333; }
h6.stnApplyWrapHeaderTitle { font-size:.75rem; font-weight: 400; margin: .5rem 0 0 0 }


section.stnWrap {
    padding-bottom:4rem;
}

article.stnApplyWrap {
    max-width:860px; margin:0 auto; background:#FFF; border:1px solid #e5e7eb;
    border-radius: 1rem 1rem;
}
article.stnApplyWrap > div.stnApplyWrapHeader {
    background:#2f5fe3;
    color:#FFF;
    border-radius: 1rem 1rem 0 0; padding:1rem 2rem;
}
article.stnApplyWrap > div.stnApplyWrapBody {
    padding:2rem 2rem;
}


div.form-group {
    margin-bottom:1rem; display:flex; gap:.5rem; flex-direction:column;
}

div.form-group2 {
    display: grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap: 1rem;
}
div.birthBox {
    display: grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap: .5rem;
}
div.form-group > label  {
    font-weight: 500;
    font-size:.875rem;
}
div.form-group > label > span { color: red; }




div.addrBox {
    display:flex; gap:.5rem; flex-direction:column;
}
div.addrBox > small { font-size:.75rem; color:#333; }
div.enableBox { display:flex; gap:.5rem; flex-direction:column;  padding-top:1rem;}
div.enableBox > div { display:flex; gap:.5rem; }
div.enableBox > div > button { line-height: 1rem; !important; }
button#btnFoldWrap {
    position: absolute;
    right: 0;
    top:0;
    border:0;
    font-size:16px;
    background: #000;
    color:#FFF;
    cursor: pointer;
    width:40px;
    height:47px;
}
div.stnBtnWrap {
    padding:2rem 0 0 0;
}
div.stnBtnWrap > button {
    padding:.5rem 0;
}




@media (max-width: 599px) {
    div.form-group > label  {
        font-weight: 500;
    }
    div.form-group2 {
        display: grid; grid-template-columns:repeat(1,minmax(0,1fr)); gap: 1rem;
    }
}

/* Fold / Flip */
@media (min-width: 600px) and (max-width: 767px) {
    div.form-group2 {
        display: grid; grid-template-columns:repeat(1,minmax(0,1fr)); gap: 1rem;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {

}

/* Small Desktop / Laptop */
@media (min-width: 1025px) and (max-width: 1439px) {

}

/* Large Desktop / WQHD 이상 */
@media (min-width: 1440px) {

}