section#stnBoard {
    min-height: 60vh;
    max-width: 720px;
    margin:0 auto;
    padding:2rem 2rem 6rem 2rem;
    overflow: hidden;
    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;
}
section#stnBoard > article#stnBoard {

    display:flex;
    flex-direction: column;
}
section#stnBoard > article#stnBoard > div#stnBoard {
    border-bottom:1px solid #ebebeb;
    padding:1rem 1rem;
    display:flex;align-items:center;justify-content:space-between;
}
section#stnBoard > article#stnBoard > div#stnBoard.fix {
    background: #f9f9f8;
    padding:.5rem 1rem;
}
section#stnBoard > article#stnBoard > div#stnBoard.fix > div.date {
    color:#333
}
section#stnBoard > article#stnBoard > div#stnBoard > div.txt2 {
    font-weight: 500;
    line-height: 2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right:1rem;
}
section#stnBoard > article#stnBoard > div#stnBoard > div.txt2 > span {
    background: #ffe3e4; border:2px solid #ffc6c9; color:#ff4e59; border-radius: .25rem .25rem; font-size:.75rem; padding:.25rem .75rem;
}
section#stnBoard > article#stnBoard > div#stnBoard > div.txt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right:1rem;
}
section#stnBoard > article#stnBoard > div#stnBoard > div.txt2 > a,
section#stnBoard > article#stnBoard > div#stnBoard > div.txt > a {
    text-decoration: none;
    color: #333;
}
section#stnBoard > article#stnBoard > div#stnBoard > div.date {
    color:#9a9a9a;
    font-size: .875rem;
}
section#stnBoard > article#stnBoardView {
    border-bottom:1px solid #EBEBEB;
    display:flex;
    flex-direction: column;
    gap: .5rem;
    padding:1rem 0;
}
section#stnBoard > article#stnBoardView > h3 {
    font-weight: 500;
    padding:0 0 0 0;
    margin:0 0 0 0;
}
section#stnBoard > article#stnBoardView > span {
    font-size: .875rem;
    color:#9a9a9a;
}
article#stnBoardViewCont {

}
section#stnBoard > article#stnBoardViewCont img {
    max-width: 100% !important;
}

section#stnBoard > article#stnBoardViewBtn {
    margin-top:4rem;
}
section#stnBoard > article#stnBoardViewCont { min-height: 500px; }
section#stnBoard > article#stnBoardViewBtn > button { width:100%; }
@media (max-width: 479px) {
    section#stnBoard > article#stnBoard > div#stnBoard {
        flex-direction: column; align-items:flex-start;
        gap: .5rem;
    }
}
@media (min-width: 480px) and (max-width: 767px) {

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

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

}