@charset "utf-8";
#container .subpage_container .subpage_title {
    display:none!important;
}
.color01 {
    color:#FBC8C9;
}
.color02 {
    color:#C7F3F6;
}
.color03 {
    color:#FFE8A3;
}


#archive_wrap {position: relative;}
#archive_wrap .archive_visual {
    background-image:url(./img/visual_bg.svg);
    background-repeat:no-repeat;
    background-position:center top;
    padding-top:280px;
    display:flex;
    flex-direction:column;
    gap:50px;
}
#archive_wrap .archive_visual .title_search {
    display:flex;
    flex-direction:column;
    gap:30px;
}
#archive_wrap .archive_visual .title_search .archive_visual_title {
    font-size:1.66rem;
    font-weight:800;
    line-height:166%;
    color:#fff;
    font-family:'SUITE';
    text-align:center;
    width:fit-content;
    margin:0 auto;
    position: relative;
}
#archive_wrap .archive_visual .title_search .archive_visual_title::before,
#archive_wrap .archive_visual .title_search .archive_visual_title::after {
    content:'';
    width:55px;
    height:55px;
    background-image:url(./img/visual_title_le.svg);
    background-repeat:no-repeat;
    position:absolute;
}
#archive_wrap .archive_visual .title_search .archive_visual_title::before {
    left: -70px;
    top: -20px;
}
#archive_wrap .archive_visual .title_search .archive_visual_title::after {
    right: -70px;
    bottom: 0;
}

#archive_wrap #archive_search {
    width: 100%;
    max-width:600px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    gap:30px;
}
#archive_wrap #archive_search fieldset {
    background-color:#fff;
    border-radius:60px 0 30px 60px;
    padding:0 30px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
}
#archive_wrap #archive_search fieldset input {
    font-size:1.11rem;
    font-weight:400;
    color:#666;
    letter-spacing:-0.6px;
}
#archive_wrap #archive_search fieldset button {
    background:transparent;
}
#archive_wrap #archive_search .hash {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
}
#archive_wrap #archive_search .hash a {
    display:block;
    border-radius:999px;
    border:1px solid #fff;
    padding:10px 15px;
    font-size:0.88rem;
    font-weight:500;
    color:#fff;
}

#archive_wrap #archive_direct {
    display: flex;
    align-items:center;
    justify-content:center;
    gap:50px;
}
#archive_wrap #archive_direct a {
    display:flex;
    flex-direction:column;   
    gap:10px;
    align-items:center;
    font-size:1.22rem;
    font-weight:600;
    line-height:127%;
    text-align:center;
}
#archive_wrap #archive_direct .ad_icon {
    width:120px;
    height:120px;
    background-color:#fff;
    border:1px solid #DEDEDE;
    border-radius:30px;
    display:flex;
    align-items:center;
    justify-content:center;
}


#archive_wrap .archive_main_title {
    font-size:1.77rem;
    font-weight:800;
    line-height:137%;
    font-family:'SUITE';
    text-align:center;
}


#archive_wrap .cont {
    margin-top:80px;
}
#archive_wrap #archive_news .news_tab {
    margin-top:20px;
    margin-bottom:50px;
}
#archive_wrap #archive_news .news_tab ul {
    display:flex;
    align-items:stretch;
    justify-content:center;
    background-color:#F4F4F4;
    border-radius:20px;
    width:fit-content;
    margin:0 auto;
}
#archive_wrap #archive_news .news_tab ul li {
    flex:1;
    width:200px;
}
#archive_wrap #archive_news .news_tab ul li a {
    display:flex;
    align-items:center;
    justify-content:center;
    height:50px;
    text-align:center;
    font-size:1.22rem;
    font-weight:700;
    font-family:'SUITE';
    border-radius:15px;
}
#archive_wrap #archive_news .news_tab ul li.on a {
    background-color:#1A9BDF;
    color:#fff;
}
#archive_wrap #archive_news .news_content .bs_cont { display: none; }
#archive_wrap #archive_news .news_content .bs_cont.active { display: block; }
#archive_wrap #archive_news .news_content .bs_cont .slide_img img {
    width:328px;
    height:240px;
    border-radius:20px;
}
#archive_wrap #archive_news .news_content .bs_cont .slide_text {
    margin-top:20px;
    display:flex;
    flex-direction:column;
    gap:10px;
    text-align:center;
}
#archive_wrap #archive_news .news_content .bs_cont .slide_text .slide_ti {
    font-size:1.22rem;
    font-weight:600;
    letter-spacing:-0.66px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  /* 말줄임 적용 */
}
#archive_wrap #archive_news .news_content .bs_cont .slide_text .slide_date {
    font-size:1rem;
    font-weight: 400;
    color:#777;
    line-height:133%;
}
#archive_wrap #archive_news .slide_controls {
    display:flex;
    align-content:center;
    justify-content:center;
    gap:10px;
    margin-top:20px;
}
#archive_wrap #archive_news .slide_controls .splide__arrow {
    position:unset;
    transform:unset;
    opacity:1;
    width:40px;
    height:40px;
    background:unset;
}





#archive_wrap .record_cont {
    position: relative;
    padding:50px 0;
}
#archive_wrap .record_cont .mircenter {
    position: relative;
}
#archive_wrap .record_cont::before {
    content:'';
    width:100%;
    height:100%;
    background-color:#F6F6F6;
    border-radius:200px;
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%);
    z-index: -1;
}
#archive_wrap #archive_record .record_tab {
    margin-top:20px;
    margin-bottom:50px;
}
#archive_wrap #archive_record .record_tab ul {
    display:flex;
    align-items:stretch;
    justify-content:center;
    background-color:#fff;
    border-radius:20px;
    width:fit-content;
    margin:0 auto;
}
#archive_wrap #archive_record .record_tab ul li {
    flex:1;
    width:200px;
}
#archive_wrap #archive_record .record_tab ul li a {
    display:flex;
    align-items:center;
    justify-content:center;
    height:50px;
    text-align:center;
    font-size:1.22rem;
    font-weight:700;
    font-family:'SUITE';
    border-radius:15px;
}
#archive_wrap #archive_record .record_tab ul li.on a {
    background-color:#FF7290;
    color:#fff;
}
#archive_wrap #archive_record .record_content .bs_cont {
    display: none; 
    max-width:1200px;
    margin:0 auto;
}
#archive_wrap #archive_record .record_content .bs_cont.active { 
    display: block; 
}
#archive_wrap #archive_record .slide_controls .splide__arrow {
    opacity:1;
    width:60px;
    height:60px;
    background:unset;
    top: 65%;
}
#archive_wrap #archive_record .slide_controls .record-slide-prev {
    left:30px;
}
#archive_wrap #archive_record .slide_controls .record-slide-next {
    right:30px;
}
#archive_wrap #archive_record .slide_controls .record-more {
    position:absolute;
    left:50%;
    bottom:-80px;
    transform:translateX(-50%);
}
#archive_wrap #archive_record .slide_text {
    margin-top:20px;
    display:flex;
    flex-direction:column;
    text-align:center;
    gap:10px;
}
#archive_wrap #archive_record .slide_text .slide_ti {
    font-size:1.22rem;
    font-weight:600;
    letter-spacing:-0.66px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  /* 말줄임 적용 */
}
#archive_wrap #archive_record .slide_text .slide_date {
    font-size:1rem;
    font-weight: 400;
    color:#777;
    line-height:133%;
}



#archive_wrap #archive_bookmark {
    background-image:url(./img/bookmark_bg.png);
    background-repeat:no-repeat;
    border-radius:999px;
    border:1px solid #fff;
    height:150px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:50px;
    padding:0 150px;
}
#archive_wrap #archive_bookmark .bookmark_title {
    font-size:1.66rem;
    font-weight:800;
    line-height:140%;
    font-family:'SUITE';
    color:#fff;
}
#archive_wrap #archive_bookmark .bookmark_list {
    flex:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
} 
#archive_wrap #archive_bookmark .bookmark_list a {
    display:flex;
    align-items:center;
    justify-content:center;
    width:85px;
    height:85px;
    border-radius:999px;
    background-color:rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(5px);
    border:1px solid #fff;
    font-size:1rem;
    font-weight:700;
    color:#fff;
}

#archive_wrap #archive_press {
    padding-bottom:100px;
}
#archive_wrap #archive_press .press_content {
    margin-top:50px;
}
#archive_wrap #archive_press .press_content .wrap_list {
    display:flex;
    flex-wrap: wrap;
    align-self:stretch;
    gap:50px;
}
#archive_wrap #archive_press .press_content .wrap_list .board_link {
    width:calc(33.333% - 33.333px);
    background-color:#E8E8E8;
    border-radius:20px;
    padding:35px;
    position: relative;
}
#archive_wrap #archive_press .press_content .wrap_list .board_link .laC_sbjt {
    padding-right:20px;
    font-size:1.33rem;
    font-weight:600;
    line-height:166%;
    font-family:'SUITE';
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#archive_wrap #archive_press .press_content .wrap_list .board_link .more_arrow {
    background-color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 30px 0 0 0;
    padding: 15px 0 0 15px;
}
#archive_wrap #archive_press .press_content .wrap_list .board_link .more_arrow::before,
#archive_wrap #archive_press .press_content .wrap_list .board_link .more_arrow::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M30 30L0 30C0 30 13.0157 29.5843 21.3 21.3C29.5843 13.0157 30 0 30 0L30 30Z' fill='white'/%3E%3C/svg%3E");
}
#archive_wrap #archive_press .press_content .wrap_list .board_link .more_arrow::before {
    right: 0;
    top: -20px;
}
#archive_wrap #archive_press .press_content .wrap_list .board_link .more_arrow::after {
    left: -20px;
    bottom: 0;
}

#archive_wrap #archive_press .press_content .wrap_list .board_link .more_arrow div {
    width: 40px;
    height: 40px;
    background-color: #555;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#archive_wrap #archive_press .press_content .wrap_list .board_link:hover .more_arrow div svg {
    transform: translate3d(3px, 3px, 3px);
    transition: all .3s;
}



/* 반응형 미디어 쿼리 css */
@media (max-width:1440px) {
    #archive_wrap #archive_news .news_content .bs_cont .slide_img img {
        width:100%;
        height:100%;
    }

    #archive_wrap .record_cont::before {
        border-radius:100px;
    }

    #archive_wrap #archive_record .record_content .bs_cont {
        max-width:1014px;
    }
    #archive_wrap #archive_record .splide__slide a {
        text-align:center;
    }


    #archive_wrap #archive_bookmark {
        padding:0 100px;
    }
}
@media (max-width:1200px) {
    #archive_wrap #archive_record .record_content .bs_cont .slide_img img {
        width:100%;
    }

    #archive_wrap #archive_record .slide_controls {
        display:flex;
        align-items:center;
        gap:10px;
        position:absolute;
        left:50%;
        bottom:-70px;
        transform:translateX(-50%);
    }
    #archive_wrap #archive_record .slide_controls .splide__arrow {
        position:unset;
        transform:unset;
        width:40px;
        height:40px;
    }
    #archive_wrap #archive_record .slide_controls .splide__arrow img {
        width:100%;
    }
    #archive_wrap #archive_record .slide_controls .record-more {
        position:unset;
        transform:unset;
        width:40px;
        height:40px;
    }
    #archive_wrap #archive_record .slide_controls .record-more img {
        width:100%;
    }


    #archive_wrap #archive_bookmark {
        padding:0 50px;
    }


    #archive_wrap #archive_press .press_content .wrap_list {
        gap:30px;
    }
    #archive_wrap #archive_press .press_content .wrap_list .board_link {
        width:calc(33.333% - 20px);
        padding:30px;
    }
}
@media (max-width:1024px) {
    #archive_wrap .archive_visual {
        padding-top:240px;
        background-size: auto 88%;
    }
}
@media (max-width:991px) {
    #archive_wrap .archive_visual {
        padding-top:100px;
        background-size: auto 85%;
    }


    #archive_wrap #archive_direct {
        gap:30px;
    }
    #archive_wrap #archive_bookmark {
        flex-direction: column;
        gap: 20px;
        height: auto;
        padding: 30px;
        border-radius: 30px;
        background-size: 100% 100%;
    }
    #archive_wrap #archive_bookmark .bookmark_title br {
        display:none;
    }
    #archive_wrap #archive_bookmark .bookmark_list {
        flex:none;
        width:100%;
    }

    #archive_wrap #archive_press .press_content .wrap_list {
        gap:20px;
    }
    #archive_wrap #archive_press .press_content .wrap_list .board_link {
        width:calc(33.333% - 13.333px);
        padding:20px;
        min-height: 120px
    }
    #archive_wrap #archive_press .press_content .wrap_list .board_link .laC_sbjt {
        font-size:1.11rem;
    }
}
@media (max-width:768px) {
    #archive_wrap .archive_visual {
        background-size: auto 85%;
    }
    #archive_wrap #archive_direct {
        gap:20px;
    }
    #archive_wrap #archive_direct .ad_icon {
        width:100px;
        height:100px;
        border-radius:20px;
    }
    #archive_wrap #archive_direct .ad_icon img {
        width:50px;
    }


    #archive_wrap #archive_bookmark .bookmark_list a {
        width:70px;
        height:70px;
        font-size:0.88rem;
    }

}
@media (max-width:640px) {

    #archive_wrap .archive_visual .title_search .archive_visual_title::before, 
    #archive_wrap .archive_visual .title_search .archive_visual_title::after {
        display:none;
    }
    #archive_wrap #archive_search {
        width:94%;
        gap:20px;
    }
    #archive_wrap #archive_search .hash {
        gap:10px;
    }
    #archive_wrap #archive_search .hash a {
        padding:5px 10px;
        font-size:0.87rem;
    }

    #archive_wrap #archive_direct {
        gap:10px;
    }
    #archive_wrap #archive_direct a {
        font-size:1rem;
    }
    #archive_wrap #archive_direct .ad_icon {
        width:75px;
        height:75px;
    }
    #archive_wrap #archive_direct .ad_icon img {
        width:40px;
    }


    #archive_wrap #archive_news .news_tab ul li {
        width:160px;
    }
    #archive_wrap #archive_record .record_tab ul li {
        width:160px;
    }

    #archive_wrap #archive_bookmark .bookmark_list {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    #archive_wrap #archive_bookmark .bookmark_title {
        text-align:center;
        font-size:1.22rem;
    }
    #archive_wrap #archive_bookmark .bookmark_list a {
        width:calc(25% - 7.5px);
        height:50px;
    }


    #archive_wrap #archive_press .press_content .wrap_list .board_link {
        width:calc(50% - 10px);
    }
    #archive_wrap #archive_press .press_content .wrap_list .board_link .more_arrow {
        padding: 10px 0 0 10px;
        border-radius:20px 0 0 0;
    }
    #archive_wrap #archive_press .press_content .wrap_list .board_link .more_arrow div {
        width:30px;
        height:30px;
    }
    #archive_wrap #archive_press .press_content .wrap_list .board_link .more_arrow div svg {
        width: 12px;
        height: 12px;
    }
    #archive_wrap #archive_press .press_content .wrap_list .board_link .laC_sbjt {
        padding-right:0;
    }
}
@media (max-width:480px) {
    #archive_wrap .archive_visual {
        background-size: auto 70%;
    }
    #archive_wrap #archive_search .hash {
        flex-wrap: wrap;
    }
    #archive_wrap #archive_direct {
        flex-wrap: wrap;
    }
    #archive_wrap #archive_direct a {
        width:calc(33.333% - 6.666px);
    }



}