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

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

section#stnBoard > article#stnBoardTitle {

}
section#stnBoard > article#stnBoardTitle > div.stnBoardTitle {
    display: flex; gap: 1rem;
}
section#stnBoard > article#stnBoardTitle > div.stnBoardTitle > span {
    font-size:1.5rem; font-weight: 600;
}
section#stnBoard > article#stnBoardTitle > div.stnBoardTitle > p {
    flex: 1; padding:0 0 0 0; margin:0 0 0 0; position: relative;
}
section#stnBoard > article#stnBoardTitle > div.stnBoardTitle > p:before {
    content: '';
    border-top: 2px solid #3e77ee;
    width:100%;
    top:calc(50% - 2px);
    position: absolute;
}

section#stnBoard > article#stnBoardTab {
    margin-top:2rem;
}
section#stnBoard > article#stnBoardTab > div.stnBoardTab {
    display:flex;align-items:center;justify-content:space-between;
}


@media (max-width: 768px) {
    section#stnBoard > article#stnBoardTab > div.stnBoardTab {
        flex-direction:column; gap: 1rem; align-items: flex-start;
    }
}
@media (max-width: 420px) {
    section#stnBoard > article#stnBoardTab > div.stnBoardTab {
        flex-direction:column;
    }
}

section#stnBoard > article#stnBoardTab > div.stnBoardTab > div.gallery {

}
section#stnBoard > article#stnBoardTab > div.stnBoardTab > div.gallery > a {
    font-size: .875rem; border:1px solid #dbdbdb; border-radius: 9999px; padding:.25rem 1rem;
}
section#stnBoard > article#stnBoardTab > div.stnBoardTab > div.gallery > a.on {

}
section#stnBoard > article#stnBoardTab > div.stnBoardTab > div.class {
    display: flex; gap: 1rem; flex-wrap:wrap;
}
section#stnBoard > article#stnBoardTab > div.stnBoardTab > div.class > a {
    font-size: .875rem; border:1px solid #dbdbdb; border-radius: 9999px; padding:.25rem 1rem;
}
section#stnBoard > article#stnBoardTab > div.stnBoardTab > div.class > a.on {

}
section#stnBoard > article#stnBoardTab > div.stnBoardTab > div > a.is-checked {
    background: linear-gradient( to right, #3e77ee, #41a8c6 ); color:#FFF;
    border:unset;
}


div#stnGalleryBoard {
    max-width: 1400px;
    margin:0 auto;
    font-family: var(--FontFamily);
    padding:2rem 0;
}
div#stnGalleryBoard > section#stnGalleryBoard {
    width:100%;
    overflow: hidden;
}
section#stnGalleryBoard > article {
    width: calc(25% - 1rem); float: left; margin: .5rem .5rem;
}
section#stnGalleryBoard > article > a > img {
    opacity: .5; cursor: pointer;
}
section#stnGalleryBoard > article > a > img:hover {
    opacity: 1;
    transition: opacity .3s;
}


@media (max-width: 479px) {
    section#stnGalleryBoard > article {
        width: calc(50% - 1rem); float: left; margin: .5rem .5rem;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    section#stnGalleryBoard > article {
        width: calc(33.333% - 1rem); float: left; margin: .5rem .5rem;
    }
}
@media all and (min-width:768px) and (max-width:1023px) {

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

}





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 {
        margin-top:2rem;
        display: grid;
        gap: 2rem;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@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 0;
    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;
    }
}