section#stnBoard {
    min-height: 40vh;
    max-width: 1400px;
    margin:0 auto;
    padding:2rem 2rem 6rem 2rem;
    overflow: hidden;
    font-family: var(--FontFamily);
}


section#stnBoard a {
    text-decoration: none;
    color:#666;
}
section#stnBoard a:hover {
    color:#222;
}

section#stnBoard > article#stnBoardTitle {
    display:flex;align-items:center;justify-content:center; flex-direction: column; gap: 2rem;
}
section#stnBoard > article#stnBoardTitle > h3 {
    font-size:3rem; padding:0 0 0 0; margin:0 0 0 0;
}
section#stnBoard > article#stnBoardTitle > div {
    display:flex;align-items:center;justify-content:center; flex-direction: column; gap: .5rem;
    color:#666;
}


section#stnBoard > article#stnBoardTab {
    margin-top:4rem;
    display:flex;align-items:center;justify-content:center;gap: 1rem;
}
section#stnBoard > article#stnBoardTab > a {
    font-size: .875rem; border:1px solid #dbdbdb; border-radius: 9999px; padding:.5rem 1.25rem;
}
section#stnBoard > article#stnBoardTab > a.on {
    background: linear-gradient( to right, #3e77ee, #41a8c6 ); color:#FFF;
    border:unset;
}


section#stnBoard > article#stnBoard {
    margin-top:2rem;
    display:flex;
    flex-direction: column;
    gap: 1rem;
}
section#stnBoard > article#stnBoard > div#stnBoard {
    border-bottom:1px solid #ebebeb;
    padding-bottom:1rem;
    display:flex;align-items:center;justify-content:space-between;
}
section#stnBoard > article#stnBoard > div#stnBoard > div.txt2 {
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right:1rem;
}
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) {

}

section#stnBoardBn {
    max-width: 1400px;
    margin:0 auto 4rem auto;
    padding:2rem 2rem 2rem 2rem;
    overflow: hidden;
    font-family: var(--FontFamily);
    color:#FFF;
}
section#stnBoardBn > article#stnBoardBn {
    padding:2rem 4rem;
    background: linear-gradient( to right, #3e77ee, #41a8c6 );
    border-radius: 0 0 2rem 0;
    display: flex; align-items:center;justify-content:space-between;
}
section#stnBoardBn > article#stnBoardBn > div.title {

}
section#stnBoardBn > article#stnBoardBn > div.title > h3,
section#stnBoardBn > article#stnBoardBn > div.title > p { padding:0 0 0 0; margin:0 0 0 0; }
section#stnBoardBn > article#stnBoardBn > div.title > h3 {
    font-size:1.875rem;
}
section#stnBoardBn > article#stnBoardBn > div.title > p {
    font-size:1.875rem;
}
section#stnBoardBn > article#stnBoardBn > div.link {

}
section#stnBoardBn > article#stnBoardBn > div.link > a {
    border:1px solid #FFF; color:#FFF; font-size:1rem; padding:.5rem 1rem; border-radius: 9999px;
}
section#stnBoardBn > article#stnBoardBn > div.link > a:hover {
    color:#41a8c6;
    background: #FFF;
    transition: all 0.3s;
}
@media (max-width: 479px) {
    section#stnBoardBn > article#stnBoardBn {
        flex-direction: column; gap: 2rem; align-items:center;justify-content:center;
        border-radius: 2rem 2rem;
    }
    section#stnBoardBn > article#stnBoardBn > div.title {
        font-size:1.5rem;
        display: flex; align-items:center;justify-content:center; flex-wrap: wrap; gap: 1rem;
    }
}