main .archive_area {display: flex; justify-content: center; padding: 100px 0px;}
main .archive_area > div {width: 90%; max-width: 1480px;}


/* years_section */
main .archive_area .years_section {display: flex; align-items: center;justify-content: center; border-bottom: 1px solid #c0d0e8;}
main .archive_area .years_section .swiper {display: flex; width: 95%; align-items: center;}

main .archive_area .years_section .swiper.first .swiper-wrapper > div > a {font-size: 28px; padding: 18px 30px; color: #c0d0e8; }
main .archive_area .years_section .swiper.first .swiper-wrapper > div {padding-bottom: 12px;text-align: center;}
main .archive_area .years_section .swiper.first .swiper-wrapper > div > a:active, main .archive_area .years_section .swiper .swiper-wrapper > div > a:hover {background: -webkit-linear-gradient(-45deg, #2b52b0, #40d9da); background-clip: text; -webkit-text-fill-color: transparent;}

main .archive_area .years_section .swiper.first .swiper-button-prev, main .archive_area .years_section .swiper .swiper-button-next { background-color: #FFFFFF;  opacity: 0.5; padding: 2px 14px; border-radius: 50%; border: 1px solid #c0d0e8; height: 30px;}

main .archive_area .years_section .swiper.first .swiper-button-prev:after, main .archive_area .years_section .swiper.first .swiper-button-next:after { font-size: 1.1rem !important; font-weight: 600 !important;}



.archiveDownBtsWrap{display:flex;justify-content:center;gap:10px;margin-top:25px;}
.archiveDownBtsWrap a {
    width: 50%;
	min-width:200px;
    max-width: 270px;
    padding: 7px 5px 8px;
	border-radius:100px;
    font-size: 20px;
    background-color: #0e6581;
    color: #ffffff;
    text-align: center;
}

sup {

  vertical-align: super;

  font-size: smaller;

}

/* years_section_mobile_view */
main .archive_area .years_section_mobile_view {display: none;}
main .archive_area .years_section_mobile_view_menu {display: none;}

main .archive_area .years_section > div > a > button{font-size: 24px; color: #2e50c7;}

main .archive_area .years_section > div > a > button img {width: 20px; margin-left: 5px;}
main .archive_area .years_section_mobile_view {width: 150px;}


/* summary_section */
main .archive_area .summary_section > div {display: flex; justify-content: center; padding: 80px 0px; }
main .archive_area .summary_section > div:nth-child(1) > div > div {text-align: center;}
main .archive_area .summary_section > div:nth-child(1) > div > div:nth-child(2) {font-size: 32px; font-weight: 600; margin-top: 56px;}
main .archive_area .summary_section > div:nth-child(1) > div > div:nth-child(3) {font-size: 16px; margin-top: 45px;}

main .archive_area .summary_section  .swiper.second .swiper-wrapper {text-align: center; }


/* video_section */
main .archive_area .video_section {width: 100%; height: 700px;margin-bottom: 50px; display: flex;justify-content: center;}
main .archive_area .video_section iframe {width: 90%; height: 100%;}

/* date_section */
main .archive_area .date_section {display: flex; align-items: center; border-bottom: 1.5px solid #c0d0e8; padding-bottom: 40px;}
main .archive_area .date_section div:nth-child(1) {font-size: 50px; font-weight: 700; background: -webkit-linear-gradient(-45deg, #2b52b0, #40d9da); background-clip: text; -webkit-text-fill-color: transparent; }
main .archive_area .date_section div:nth-child(2) button {width: 200px; height: 50px; text-align: center; background-color: #2b52b0; font-size: 20px; color: #FFFFFF; margin-left: 30px;}

/* schedule_section */
main .archive_area .schedule_section .schedule_items_mobile_view {display: none;}
main .archive_area .schedule_section .schedule_items_open {display: none;}


main .archive_area .schedule_section .schedule_items > div {display: flex; border-bottom:1px solid  #c0d0e8;}
main .archive_area .schedule_section .schedule_items > div > div:nth-child(1) {width: 18%; font-size: 16px; color: #999999; font-weight: 600;}
main .archive_area .schedule_section .schedule_items > div div:nth-child(2) {width: 100%;}
main .archive_area .schedule_section .schedule_items > div > div .schedule_items_02_container .schedule_items_02 {width: 20%;}
main .archive_area .schedule_section .schedule_items > div > div .schedule_items_02_container .schedule_items_03 {width: 80%;}


main .archive_area .schedule_section .schedule_items .schedule_items_01 {padding: 40px 0px; min-width: 150px;}
main .archive_area .schedule_section .schedule_items > div > div > div:nth-child(n+2) {display: none;}

/* schedule_items_02 */
main .archive_area .schedule_section .schedule_items .schedule_items_02_container > div:nth-child(n+2) {border-top:1px solid  #c0d0e8; }
main .archive_area .schedule_section .schedule_items .schedule_items_02_container > div { display: flex;  width: 100%; padding: 40px 0px;}
main .archive_area .schedule_section .schedule_items .schedule_items_02_container > div:hover {background-color: #f0f6ff;}

main .archive_area .schedule_section .schedule_items .schedule_items_02 .schedule_items_02_inner .schedule_items_02_inner_title {font-size: 14px; color: #2b52b0; font-weight: 600; margin-bottom: 10px;}
main .archive_area .schedule_section .schedule_items .schedule_items_02 .schedule_items_02_inner .schedule_items_02_inner_sub_title {font-size: 18px; color: #9A9A9A; font-weight: 600; margin: 0px 0px 10px 0px;}
main .archive_area .schedule_section .schedule_items .schedule_items_02 .schedule_items_02_inner .schedule_items_02_inner_sub_title_02 {font-size: 16px; font-weight: 300;}
main .archive_area .schedule_section .schedule_items .schedule_items_02 .schedule_items_02_inner .schedule_items_02_inner_sub_title img {display: none;}
/* main > div.archive_area > div > div.schedule_section > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) {width: 100%;} */


/* schedule_items_03 */

main .archive_area .schedule_section .schedule_items .schedule_items_03 > div > div > div .schedule_items_03_inner > div {display: flex; margin-bottom: 10px;}

main .archive_area .schedule_section .schedule_items .schedule_items_03 > div > div > div .schedule_items_03_inner .schedule_items_03_inner_title > div {color: #2b52b0; font-size: 20px; width: 100%;}

main .archive_area .schedule_section .schedule_items_03 > div > div > div > div > div > div:nth-child(1) {width: 150px; font-size: 16px; font-weight: 700;}




/* schedule_items_03_btn */
main .archive_area .schedule_section .schedule_items_03 > div > div > div .button_section {display: flex;  margin-top: 40px;}
main .archive_area .schedule_section .schedule_items_03 > div > div > div .button_section .button_section_items{width: 140px;margin-right: 5px; margin-top: 10px;}
main .archive_area .schedule_section .schedule_items_03 > div > div > div .button_section .button_section_items button {width: 100%; height: 50px; border: 1px solid #c2cce3;  display: flex; align-items: center;justify-content: center; font-weight: 400; }
main .archive_area .schedule_section .schedule_items_03 .button_section > div > button img {height: 18px; margin: 0px 5px;}





/* modal */
main .archive_area .schedule_section .modal_background, main .archive_area .summary_section > div > div .modal_background  { display: none; z-index: 100; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.8);}
main .archive_area .schedule_section .archive_detail_view_modal, main .archive_area .summary_section > div > div .items_modal {display: none; justify-content: center; max-width: 1200px; max-height: 900px; background-color: #14203a; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 85%; padding: 1% 2% 3% 2%;} 
main .archive_area .schedule_section .archive_detail_view_modal > div:nth-child(1) {text-align: right;}
main .archive_area .schedule_section .archive_detail_view_modal > div:nth-child(1) img {width: 30px;}
main .archive_area .schedule_section .archive_detail_view_modal .text_box > div:nth-child(1) { display: flex; margin-bottom: 10px;}
main .archive_area .schedule_section .archive_detail_view_modal .text_box > div:nth-child(1) > div:nth-child(1) {color: #8593b0; font-size: 18px; margin-right: 20px;} 
main .archive_area .schedule_section .archive_detail_view_modal .text_box > div:nth-child(1) > div:nth-child(2) {color: #8593b0; font-size: 18px; width: 70%;} 
main .archive_area .schedule_section .archive_detail_view_modal .text_box > div:nth-child(2) {font-size: 20px; color: #FFFFFF; font-weight: 600; margin-bottom: 60px;}     
main .archive_area .schedule_section .archive_detail_view_modal .text_box > div:nth-child(3) {color: #8593b0; font-size: 16px;}
main .archive_area .schedule_section .archive_detail_view_modal .text_box > div:nth-child(1) > div:nth-child(2) {border-left: 1px solid #8593b0; padding-left: 20px;}

main .archive_area .summary_section .modal_background, main .archive_area .summary_section > div > div .modal_background  { display: none; z-index: 100; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.8);}
main .archive_area .summary_section .archive_detail_view_modal, main .archive_area .summary_section > div > div .items_modal {display: none; max-width: 1200px; max-height: 900px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 85%; padding: 1% 2% 3% 2%;} 
main .archive_area .summary_section .archive_detail_view_modal > div:nth-child(1) {text-align: right;}
main .archive_area .summary_section .archive_detail_view_modal > div:nth-child(1) img {width: 30px;}
main .archive_area .summary_section .archive_detail_view_modal > div:nth-child(2) img {width: 100%;} 
main .archive_area .summary_section .archive_detail_view_modal > div:nth-child(2) {display: flex; justify-content: center;}




@media all and (max-width:1020px) {
    main .archive_area .video_section {height: 600px;}
}

@media all and (max-width:950px) {
    main .archive_area .video_section {height: 500px;}
}

@media all and (max-width:850px) {
    main .archive_area .years_section_computer_view {display: none;}
    main .archive_area .years_section_mobile_view {width: 100%; display: flex; justify-content: center;}
    main .archive_area .years_section_mobile_view_menu.open { display: flex; justify-content: center; height: 164px; overflow: scroll;} 

    main .archive_area .years_section {border: none;}
    main .archive_area .years_section_mobile_view > div { border-bottom: 1px solid #2e50c7; width: 100px;}
    main .archive_area .years_section > div:nth-child(1) > a , main .archive_area .years_section > div:last-child > a {padding: 0px 0px;}
    main .archive_area .years_section_mobile_view > div > a > button {width: 100%;}
    main .archive_area .years_section_mobile_view_menu > div {  width: 100px;}
    main .archive_area .years_section_mobile_view_menu > div > div > a { font-size: 20px; color: #2e50c7;}
    main .archive_area .years_section_mobile_view_menu > div > div {border: 2px solid #c0d0e8; height: 40px; display: flex; align-items: center; justify-content: center; margin-top: -2px;}
}





@media all and (max-width:800px) {

    main .archive_area .schedule_section .schedule_items_03 .schedule_items_03_inner {display: none; background-color: #f0f6ff; margin-left: -150px; padding: 20px;width: 700px; margin-top: 10px;}
    main .archive_area .schedule_section .schedule_items_03 .schedule_items_03_inner > div > div:nth-child(1) {color:  #9A9A9A; margin-bottom: 8px; font-weight: 800; width: 100%;}
    main .archive_area .schedule_section .schedule_items_03 .schedule_items_03_inner > div > div:nth-child(2) {font-weight: 300; width: 100%;}
    main .archive_area .schedule_section .schedule_items .schedule_items_03 > div > div > div .schedule_items_03_inner > div {display: block;}
    main .archive_area .schedule_section .schedule_items_03 .schedule_items_03_inner.open {display: block; }
    main .archive_area .schedule_section .schedule_items .schedule_items_02_container > div {display: block; width: 100%;}
    main .archive_area .schedule_section .schedule_items .schedule_items_01 {min-width: 140px;}
    main .archive_area .schedule_section .schedule_items .schedule_items_02_container > div:hover {background-color: transparent;}

    main .archive_area .schedule_section .schedule_items > div {flex-wrap: nowrap;}
    main .archive_area .schedule_section .schedule_items .schedule_items_02_container > div { padding: 10px 0px; width: 100%;}
    main .archive_area .schedule_section .schedule_items .schedule_items_01 {padding: 10px 0px; min-width: 140px;}
    main .archive_area .schedule_section .schedule_items .schedule_items_02 .schedule_items_02_inner .schedule_items_02_inner_sub_title {width: 100%; display: flex; justify-content: space-between; align-items: center; font-size: 16px;}
    main .archive_area .schedule_section .schedule_items > div > div .schedule_items_02_container .schedule_items_02 {width: 100%;}
    main .archive_area .schedule_section .schedule_items .schedule_items_02 .schedule_items_02_inner .schedule_items_02_inner_sub_title img {display: flex; width: 20px;}
    main .archive_area .schedule_section .schedule_items .schedule_items_02 .schedule_items_02_inner .schedule_items_02_inner_title{display: none;}
    main .archive_area .schedule_section .schedule_items .schedule_items_02 .schedule_items_02_inner .schedule_items_02_inner_sub_title_02{display: none;}

    main .archive_area .schedule_section .schedule_items > div > div > div:nth-child(n+2) {display: flex; border-top:1px solid  #c0d0e8; }
    main .archive_area .schedule_section .schedule_items > div > div:nth-child(1) {width: 20%;  min-width: 140px; }
    main .archive_area .schedule_section .schedule_items .schedule_items_02 .schedule_items_02_inner .schedule_items_02_inner_sub_title {margin: 0px;}

    main .archive_area .date_section {padding:20px 0px 0px 0px;}

    main .archive_area .video_section {height: 400px;}


	.archiveDownBtsWrap{flex-direction:column;align-items:center;}

}

@media all and (max-width:750px) {
    main .archive_area .schedule_section .schedule_items_03 .schedule_items_03_inner {width: 690px;}
}

@media all and (max-width:700px) {
    main .archive_area .schedule_section .schedule_items_03 .schedule_items_03_inner {width: 640px;}
}

@media all and (max-width:650px) {
    main .archive_area .schedule_section .schedule_items_03 .schedule_items_03_inner {width: 590px;}
    main .archive_area .video_section {height: 300px;}
}

@media all and (max-width:600px) {
    main .archive_area .schedule_section .schedule_items_03 .schedule_items_03_inner {width: 540px;}
}

@media all and (max-width:550px) {
    main .archive_area .schedule_section .schedule_items_03 .schedule_items_03_inner {width: 490px;}
}

@media all and (max-width:500px) {
    main .archive_area .schedule_section .schedule_items_03 .schedule_items_03_inner {width: 450px;}
    main .archive_area .video_section {height: 200px;}
}

@media all and (max-width:450px) {
    main .archive_area .schedule_section .schedule_items_03 .schedule_items_03_inner {width: 410px;}
}

@media all and (max-width:400px) {
    main .archive_area .schedule_section .schedule_items_03 .schedule_items_03_inner {width: 380px;}
}

@media all and (max-width:350px) {
    main .archive_area .schedule_section .schedule_items_03 .schedule_items_03_inner {width: 330px;}
}

@media all and (max-width:300px) {
    main .archive_area .schedule_section .schedule_items_03 .schedule_items_03_inner {width: 280px;}
}


.onpage{background: -webkit-linear-gradient(-45deg, #2b52b0, #40d9da); background-clip: text; -webkit-text-fill-color: transparent;}