.notice_bg{
    flex-direction: column;
}
.notice_bg_div{
    background: url("/images/notice01_04.jpg") no-repeat center / cover; 
    object-fit: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 21% 0% 18% 0%;
}
.notice01_04{
    width: 100%;
}
.news_top{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 92%;
    margin: 1% 0% 2% 0%;
    overflow: hidden;
}
.news_top_left{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 50%;
    font-family: 'SUIT-Regular';
    font-size: 1.5vw;
    font-weight: 700;
    color: #64442b;
    white-space: nowrap;
    overflow: hidden;
}
.news_top_right{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 50%;
}
.news{
    width: 38%;
    height: 2vw;
    font-family: 'SUIT-Regular';
    font-size: 1vw;
    white-space: nowrap;
    background-color: #e5e0d7;
    border: solid 1px #64442b;
    color: #64442b;
    padding: 1%;
}
.news::placeholder {
    color: #64442b; 
}
.news_mid{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 92%;
    height: 32vw;
    overflow: scroll;
    border-top: solid 2px #64442b;
    background-color: white;
    margin: 0% 0% 5% 0%;
    border-left: solid 2px #a39f98;
    border-right: solid 2px #a39f98;
    border-bottom: solid 2px #a39f98;
}
.news_left_div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 4vw;
    background-color: white;
    border: solid 1px #a39f98;
    cursor: pointer;
}
.news_list_left{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 10%;
    height: 4vw;
    font-family: 'SUIT-Regular';
    font-size: 1.5vw;
    font-weight: 700;
    color: #bb641f;
    white-space: nowrap;
}
.news_list_right{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 90%;
    height: 4vw;
    font-family: 'SUIT-Regular';
    font-size: 1.5vw;
    color: #64442b;
    white-space: nowrap;
}
.notice_section{
    flex-direction: column;
}
.notice_content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 5% 0% 0% 0%;
}
.notice_top{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
}
.notice01_01{
    width: 18%;
}
.news_04{
    width: 92%;
}
.news_count{
    margin: 0% 0.5% 0% 2%;
}
.notice_mid{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 81%;
    font-family: 'SUIT-Regular';
    font-weight: 700;
    font-size: 1vw;
    white-space: nowrap;
    color: black;
    margin: 1% 0% 1% 0%;
    overflow: hidden;
}
.notice_bottom{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}
.notice_bottom_div{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 30%;
    padding: 0% 0% 4% 0%;
}
.notice_bottom_div > img{
    width: 70%;
}
.notice_bottom_iframe{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 83%;
}
.viewmore_div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0% 0% 5% 0%
}
.viewmore{
    width: 3%;
    cursor: pointer;
}
.container{
    display: none;
}
.notice_text{
    color: #f05a25;
    margin: 0% 0% 0% 0.5%;
}
.ap_01{
    top: 52%;
    left: 91%;
    width: 8%;
    animation: slide_L 30s linear infinite;
}
.ap_02{
    top: 69%;
    left: 8%;
    width: 13%;
    animation: slide_R 30s linear infinite;
    z-index: 2;
}
.ap_03{
    top: 16%;
    left: 11%;
    width: 5%;
    animation: linear infinite 20s rotate_image;
}
.ap_04{
    top: 61%;
    left: 69%;
    width: 7%;
    animation: rotateAnimation 2s infinite alternate;
}
.ap_05{
    width: 3%;
    top: 64%;
    left: 52%; 
}
.ap_06{
    right: 0%;
    bottom: 1.2%;
    width: 20%;
    z-index: 2;
}
.ap_07{
    left: 0%;
    bottom: 1.3%;
    width: 17%;
    z-index: 2;
}



/* news start - gn */
.news_bg {
    padding-top: 3.5vw;
}
.sub_03 {
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.news_bg_center {
    width: 13.1234%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 2vw;
}
.sub_01 {
    width: 100.015%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sub_02 {
    width: 85.6129%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.news_main {
    padding-top: 2vw;
}
div.news_main_wrap {
    width: 94%;
    border: 1px solid #000;
    box-sizing: border-box;
    justify-content: flex-start;
    padding: 0vw 0vw;
    padding-top: 3vw;
    box-sizing: border-box;
    padding-bottom: 7vw;
}
.news_tab_wrap {
    margin-bottom: 3vw;

}
div.news_tab_wrap {
    width: 80%;
}
.news_tab {
    width: 20%;
    height: 2.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1vw;
    cursor: pointer;
    box-sizing: border-box;
    border-right: none;
}
.news_tab:last-child {
    border-right: 1px solid #000;
}
.news_tab.news_change {
    background-color: #D4B36C;
}
div.news_search {
    justify-content: flex-end;
    gap: 0.1vw;
    color: #a3a3a3;
    margin-bottom: 1vw;
}
.news_search select {
    color: #a3a3a3;
    font-weight: 600;
    font-family: 'pretendard-variable';
    width: 4vw;
    height: 2vw;
    box-sizing: border-box;
    border: 1px solid #a3a3a3;
}
.news_search select option {
    font-family: 'pretendard-variable';
}
.news_search input {
    width: 12vw;
    height: 2vw;
    box-sizing: border-box;
    border: 1px solid #a3a3a3;
}
.news_search_submit {
    width: 4vw;
    height: 2vw;
    font-weight: 600;
    background-color: #a3a3a3;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.news_box_wrap > div > div {
    height: 2vw;
    justify-content: space-between;
}
.news_box_wrap > div > div > p:nth-child(1) ,
.news_box_wrap > div > div > p:nth-child(3) {
    width: 20%;
    text-align: center;
}
.news_box_wrap > div > div > p:nth-child(2) {
    width: 30%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.news_box_top {
    height: 2.3vw;
    background-color: #D4B36C;
    color: white;
}
div.news_box_mid {
    height: 15vw;
    font-size: 0.9vw;
    overflow: hidden;
    justify-content: flex-start;
    margin-bottom: 1.5vw;
}
.news_box_mid > .news_box_mid_item  {
    height: 3vw;
    border-bottom: 1px solid #a3a3a38c;
    box-sizing: border-box;
    cursor: pointer;
}
.news_box_mid_item:hover p:nth-child(2) {
    text-decoration: underline;
}
.news_box_bottom {
    gap: 0.3vw;
}
.news_box_bottom span {
    width: 1.4vw;
    height: 1.5vw;
    background-color: #a3a3a331;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.9vw;
}
.news_box_bottom span.news_change {
    background-color: #D4B36C;
}
.news_sd {
    bottom: 0%;
    border-top: 1px solid #000;
    padding: 1vw 0;
}
div.news_box_box {
    width: 80%;
}
div.news_box {
    opacity: 0;
    transform: translateY(10%);
    transition: all 0.5s;
    z-index: 0;
    top: 0%;
    left: 0%;
}

div.news_box.news_change {
    opacity: 1;
    transform: translateY(0%);
    z-index: 2;
}


@media screen and (max-width:599px) {

    .news_bg {
        padding-top: 14.5vw;
    }
    .sub_03 {
        width: 180.787%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .news_bg_center {
        width: 37.1234%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 4vw;
    }
    .news_main {
        padding-top: 1vw;
    }
    div.news_main_wrap {
        width: 98%;
        border: 1px solid #000;
        box-sizing: border-box;
        justify-content: flex-start;
        padding: 0vw 4vw;
        padding-top: 7vw;
        box-sizing: border-box;
        padding-bottom: 30vw;
        overflow: hidden;
    }
    div.news_tab_wrap {
        flex-wrap: wrap;
        gap: 1vw 0vw;
        margin-bottom: 7vw;
        /* justify-content: flex-start; */
    }
    .news_tab {
        width: calc(100% / 3);
        height: 9.5vw;
        display: flex;
        justify-content: center;
        align-items: center;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 3.5vw;
        cursor: pointer;
        box-sizing: border-box;
        /* border-right: none; */
    }
    .news_tab:nth-child(3)     {
        border-right: 1px solid #000;
    }
    .news_search select {
        color: #a3a3a3;
        font-weight: 600;
        font-family: 'pretendard-variable';
        width: 16vw;
        height: 9vw;
        box-sizing: border-box;
        border: 1px solid #a3a3a3;
    }
    .news_search input {
        width: 45vw;
        height: 9vw;
        box-sizing: border-box;
        border: 1px solid #a3a3a3;
    }
    div.news_search {
        justify-content: center;
        margin-bottom: 4vw;
    }
    .news_search_submit {
        width: 13vw;
        height: 9vw;
        font-weight: 600;
        background-color: #a3a3a3;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    .news_box_wrap > div > div > p:nth-child(1), 
    .news_box_wrap > div > div > p:nth-child(3) {
        width: 23%;
        text-align: center;
    }
    .news_box_top {
        height: 10.3vw;
        background-color: #D4B36C;
        color: white;
    }
    div.news_box_mid {
        height: 75vw;
        font-size: 2.9vw;
        overflow: hidden;
        justify-content: flex-start;
        margin-bottom: 6.5vw;
    }
    .news_box_mid > .news_box_mid_item {
        height: 15vw;
        border-bottom: 1px solid #a3a3a38c;
        box-sizing: border-box;
        cursor: pointer;
    }
    .news_box_bottom span {
        width: 6.4vw;
        height: 7.5vw;
        background-color: #a3a3a331;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 3.9vw;
    }
    .news_box_bottom {
        gap: 1.3vw;
    }
    .sub_01 img {
        width: 36.9659vw !important;
    }
    .sub_02 img {
        width: 31.0988vw !important;
    }









}