section#stnBoard {
    min-height: 60vh;
    max-width: 720px;
    margin:0 auto;
    padding:2rem 2rem 6rem 2rem;
    overflow: hidden;
    display: flex; flex-direction: column;
    font-family: var(--FontFamily);
}
section#stnBoard > article#stnBoardTab {
    display:flex;align-items:center;justify-content:space-between;
}
section#stnBoard > article#stnBoardTab > a {
    text-decoration: none;
    color:#9a9a9a;
    padding:1rem 0;
    font-weight: 500;
    flex: 1; display:flex;align-items:center;justify-content:center;
    border-bottom:2px solid #DBDBDB;
}
section#stnBoard > article#stnBoardTab > a.on {
    border-bottom:2px solid #333; color:#333;
}
article#stnBoard {
    width:100%; margin-top:2rem;
}
article#stnBoard > div#stnBoard {
    width:100%; display: flex; flex-direction:column; gap: 2rem;
}
article#stnBoard > div#stnBoard > div {
    display:flex; justify-content:center; flex-direction:column; gap: 1rem;
}
article#stnBoard > div#stnBoard > div > label > span {
    color:#21b24b; font-size:.875rem;
}
article#stnBoard > div#stnBoard textarea {
    font-family: var(--FontFamily);
}

article#stnBoardBtn {
    margin-top:3rem;
}

article#stnBoardBtn > div.stnBoardBtn {
    display: flex; justify-content:space-between; gap: 1rem;
}
article#stnBoardBtn > div.stnBoardBtn > button {
    width: 200px;
}


article#stnBoardList {
    display: flex;
}

article#stnBoardList > div#stnBoardList {
    width:100%;
    display: grid; grid-template-columns:80px 1fr 150px 150px;
}
article#stnBoardList > div#stnBoardList > div.header {
    display:flex;align-items:center;justify-content:center;
    padding:1rem 0; color:#212121;
    background: #f6f6f6; border-bottom:1px solid #ebebeb; font-size: 1rem;
}


article#stnBoardList > div#stnBoardList > div.body {
    padding:1rem 0; color:#212121; text-align: center;
    border-bottom:1px solid #ebebeb; font-size: 1rem;
}
article#stnBoardList > div#stnBoardList > div.body.txt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right:1rem;
    text-align: left;
}
article#stnBoardList > div#stnBoardList > div.body.txt > span {
    font-size: .875rem;
}
article#stnBoardList > div#stnBoardList > div.body a {
    text-decoration: none; color:#212121;
}


article#stnBoardList > div#stnBoardList > div.body2 {
    color:#212121; text-align: center;
    border-bottom:1px solid #ebebeb; font-size: 1rem;
    background: #f9f9f8;
    padding:1rem 1rem;
}
article#stnBoardList > div#stnBoardList > div.body2.txt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right:1rem;
    text-align: left;
}
article#stnBoardList > div#stnBoardList > div.body2 a {
    text-decoration: none; color:#212121;
}

article#stnBoardList > div#stnBoardList > div.body2.pc > span,
article#stnBoardList > div#stnBoardList > div.body2.mobile > a > span.fix {
    background: #ffe3e4; border:2px solid #ffc6c9; color:#ff4e59; border-radius: .25rem .25rem; font-size:.75rem; padding:.25rem .75rem;
}
article#stnBoardList > div#stnBoardList > div.body2.mobile > a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


article#stnBoardView {

    padding: 1rem 1rem;
    border-bottom: 1px solid #ebebeb;
}
article#stnBoardView > h3 {
    word-wrap: break-word;
    font-weight: 500;
    padding:0 0 0 0; margin:0 0 0 0;
}
article#stnBoardView > div {
    margin-top:1rem;
    display: flex; justify-content:space-between; align-items:center; flex-wrap: wrap;
}
article#stnBoardView > div > span {
    font-size: .875rem; color:#9a9a9a;
}
article#stnBoardView > div > p {
    padding:0 0 0 0; margin:0 0 0 0; color:#222;
}
article#stnBoardViewCont {
    padding:1rem 1rem; min-height: 40vh;
}
article#stnBoardRepleViewList {
    width:100%;
}
article#stnBoardRepleViewList > div.stnBoardRepleViewList {
    border-bottom:1px solid #ebebeb;
    margin-top: 1rem;
    padding-bottom:1rem;
    display: flex; flex-direction:column;
}
article#stnBoardRepleViewList > div.stnBoardRepleViewList > div.name {

}
article#stnBoardRepleViewList > div.stnBoardRepleViewList > div.cont {
    padding-top: .5rem;
}
article#stnBoardRepleViewList > div.stnBoardRepleViewList > div.cont > div {
    background: #f6f6f6; color:#666; padding: .5rem .5rem;
    word-wrap: break-word;
}
article#stnBoardRepleViewList > div.stnBoardRepleViewList > div.cont > span {
    margin-top: .5rem;
    color:#9a9a9a; font-size: .875rem; display: flex; align-items:center; gap: 1rem;
}
article#stnBoardRepleViewList > div.stnBoardRepleViewList > div.cont > span > label {
    cursor: pointer; color: #212121;
}

article#stnBoardRepleViewList > div.stnBoardRepleViewList > div.cont > span > label#stnBoardRepleSirenBtn {
    color:red;
}



article#stnBoardRepleViewList > div.stnBoardRepleViewList2 {
    border-bottom:1px solid #ebebeb;
    margin-top: 1rem;
    padding-left:2rem;
    padding-bottom:1rem;
    display: flex; flex-direction:column;
}
article#stnBoardRepleViewList > div.stnBoardRepleViewList2 > div.name {

}
article#stnBoardRepleViewList > div.stnBoardRepleViewList2 > div.cont {
    padding-top: .5rem;
}
article#stnBoardRepleViewList > div.stnBoardRepleViewList2 > div.cont > div {
    background: #f6f6f6; color:#666; padding: .5rem .5rem;
    word-wrap: break-word;
}
article#stnBoardRepleViewList > div.stnBoardRepleViewList2 > div.cont > span {
    margin-top: .5rem;
    color:#9a9a9a; font-size: .875rem; display: flex; align-items:center; gap: 1rem;
}
article#stnBoardRepleViewList > div.stnBoardRepleViewList2 > div.cont > span > label {
    cursor: pointer; color: #212121;
}

article#stnBoardRepleViewList > div.stnBoardRepleViewList2 > div.cont > span > label#stnBoardRepleSirenBtn {
    color:red;
}

textarea#swal2-textarea {
    font-family: var(--FontFamily); font-size: 1rem;
}

article#stnBoardRepleView {
    width:100%;
}

article#stnBoardRepleView > div.stnBoardRepleView {
    border:1px solid #DDDFE1;
    border-radius:10px;
    padding:1rem 1rem;
    margin-top:2rem;
    display: flex; flex-direction:column; gap: 1rem;
}
article#stnBoardRepleView > div.stnBoardRepleView textarea {
    border:0; border-radius: 0;
    font-family: var(--FontFamily);
    padding:.5rem .5rem;
    background: #f6f6f6;
}
article#stnBoardViewBtn {
    margin-top:2rem;
}
article#stnBoardViewBtn > button {
    width:200px;
}

article#stnBoardList > div#stnBoardList > div.body2.mobile,
article#stnBoardList > div#stnBoardList > div.body.mobile {
    display:none;
}
@media (max-width: 479px) {


    article#stnBoardList > div#stnBoardList {
        width:100%;
        display: grid; grid-template-columns:1fr;
    }
    article#stnBoardList > div#stnBoardList > div.header,
    article#stnBoardList > div#stnBoardList > div.body2.pc,
    article#stnBoardList > div#stnBoardList > div.body.pc {
        display:none;
    }


    article#stnBoardList > div#stnBoardList > div.body2.mobile,
    article#stnBoardList > div#stnBoardList > div.body.mobile {
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start;
        line-height: 2rem;
    }
    article#stnBoardList > div#stnBoardList > div.body.mobile > span,
    article#stnBoardList > div#stnBoardList > div.body2.mobile > span {
        display:flex; align-items:center; font-size: .875rem; gap: 1rem;
    }
    article#stnBoardList > div#stnBoardList > div.body.mobile > span > strong,
    article#stnBoardList > div#stnBoardList > div.body2.mobile > span > strong {
        font-weight: 400;
        padding:0 0 0 0; margin: 0 0 0 0;
        font-size: 1rem;
    }

    article#stnBoardBtn > div.stnBoardBtn > button {
        width: 100%;
    }
    article#stnBoardViewBtn > button {
        width: 100%;
    }
}
@media (min-width: 480px) and (max-width: 767px) {

}
@media all and (min-width:768px) and (max-width:1023px) {

}
@media screen and (min-width: 1024px) {

}