.main_slide_area{ background: url(../../../images/dris/hci/main_img.png); position: relative; height: 46.25rem; background-repeat: no-repeat; background-size: cover; background-position: 35%; }
.main_slide_area > svg{ width: 33.938rem; filter: drop-shadow(0 0.875rem 0.294rem rgba(6,0,1,0.57)); position: absolute; top: 15.875rem; left: 50%; transform: translateX(-50%); z-index: 99; }
.main_slide_area > svg path{  } 
.main_slide_area > p{ font-size: 1.125rem; width: 100%; letter-spacing: -0.45px; color: #fff; line-height: 1.625rem; text-align: center; font-weight: lighter; position: absolute; top: 23.563rem; left: 50%; transform: translateX(-50%); z-index: 99; }


.main_link{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: flex; flex-direction: column; }
.main_link a{ width: 8.125rem; height: 6.25rem; background-color: rgba(107,61,224,0.4); color: #fff; font-size: 0.938rem; letter-spacing: -0.75px; line-height: 1.125rem; margin: 0.375rem 0; padding-top: 2rem; padding-left: 1.313rem; position: relative; }
.main_link a img{ width: 6.875rem; position: absolute; left: 0; top: 4.688rem; }


.main_slide{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 72.5rem; height: 11.25rem; background-color: rgba(0,0,0,0.5); }
.swiper{ height: 100%; }
.swiper-slide{ display: flex; align-items: center; justify-content: center; }
.swiper-slide a{ font-size: 1.875rem; letter-spacing: -0.075rem; color: #fff; font-weight: bold; text-align: center; }
.swiper-button-prev, 
.swiper-button-next{ width: 2.188rem; }
.swiper-button-prev::after, 
.swiper-button-next::after{ background-size: 2.188rem; }
.swiper-button-next, 
.swiper-container-rtl .swiper-button-prev{ right: 6.25rem; }
.swiper-button-prev, 
.swiper-container-rtl .swiper-button-next{ left: 6.25rem; }
.swiper-pagination,
.swiper-pagination-total{ color: #6c6e7e; font-size: 0.938rem; letter-spacing: -0.75px; }
.swiper-pagination-current{ color: #fff; font-size: 0.938rem; letter-spacing: -0.75px; }


.main_con{ display: flex; justify-content: space-between; max-width: 91.25rem; margin: 0 auto; margin-top: 3.75rem; }
.main_title{ display: flex; justify-content: space-between; align-items: center; }
.main_title h3{ font-size: 1.625rem; letter-spacing: -1.3px; color: #333; }
.main_title button img{ width: 1.938rem; }

.main_new_wrap{ width: 53.125rem; margin: 0 0.5rem; }
.main_new_area{ background-color: #f4f4f4; display: flex; justify-content: space-between; align-items: flex-start; padding: 2.5rem 3.125rem; margin-top: 1.25rem; height: 22.5rem; }
.main_new_area .main_new_box{ width: 14.375rem; }
.main_new_area .main_new_box .main_new_img{ width: 14.375rem; height: 11.5rem; overflow: hidden; position: relative; }
.main_new_area .main_new_box .main_new_img img{ height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.main_new_area .main_new_box span{ font-size: 0.813rem; margin-top: 1.313rem; letter-spacing: -0.78px; color: #4e4e4e; display: block; }
.main_new_area .main_new_box p{ font-size: 1rem; color: #333; letter-spacing: -0.96px; line-height: 1.25rem; font-weight: bold; margin-top: 0.688rem; }

.main_notice_wrap{ width: 33.875rem; margin: 0 0.5rem; }
.main_notice_area{ margin-top: 1.25rem; display: flex; align-items: center; justify-content: space-between; height: 22.5rem; }
.main_notice_area .main_notice_box{ width: 16.25rem; height: 22.5rem; outline: 1px solid #e5e5e5; padding: 0 2rem; position: relative; }
.main_notice_area .main_notice_box:hover{ outline: 2px solid #30328f; }
.main_notice_area .main_notice_box span.tag{ font-size: 0.875rem; width: 4.25rem; height: 1.5rem; background-color: #aeaeae; border-radius: 0.75rem; color: #fff; letter-spacing: -0.84px; text-align: center; line-height: 1.5rem; margin-top: 3.25rem; display: block; }
.main_notice_area .main_notice_box p{ font-size: 1.188rem; letter-spacing: -1.14px; color: #333; font-weight: bold; line-height: 1.625rem; margin-top: 1.625rem; }
.main_notice_area .main_notice_box span.main_notice_date{ font-size: 0.875rem; color: #8d8c8c; font-family:'Myriad-Pro'; position: absolute; bottom: 3.25rem; left: 2.25rem; line-height: 1rem; }
.main_notice_area .main_notice_box span.main_notice_date b{ font-size: 2.25rem; font-family:'Myriad-Pro-Bold'; color: #8d8c8c; }




@media screen and (max-width: 1024px){
    .main_slide{ width: 100%; }
    .swiper-button-prev, .swiper-button-next{ display: none; }

    .main_con{ flex-direction: column; margin-top: 1rem; }

    .main_con > div{ width: 100%; margin: 0; margin-top: 2.5rem; }
    .main_title{ padding: 0 2rem; }

    .main_new_area{ height: auto; padding: 2.5rem 2rem; }
    .main_new_area .main_new_box{ width: 30%; }
    .main_new_area .main_new_box .main_new_img{ width: 100%; }
    .main_new_area .main_new_box span{ font-size: 1rem; }
    .main_new_area .main_new_box p{ font-size: 1.125rem; }

    .main_notice_area{ padding: 0 2rem; height: auto; }
    .main_notice_area .main_notice_box{ width: 49%; height: 15.5rem; }
    .main_notice_area .main_notice_box span.tag{ margin-top: 2.25rem; }
    .main_notice_area .main_notice_box span.main_notice_date{ bottom: 1.25rem; }
}

@media screen and (max-width: 768px){
    .main_slide_area > img{ width: 30rem; }
    .main_slide_area > svg{ width: 26rem; }
    .main_slide_area > p{ display: none; }

    .main_link{ flex-direction: row; top: 62%; }
    .main_link a{ background-color: rgba(0,0,0,0); padding-left: 0; height: auto; width: 11.125rem; font-size: 1.1rem; }
    .main_link a br{ display: none; }
    .main_link a img{ top: 3.688rem; width: 8.875rem; }

    .swiper-slide{ padding: 0 3rem; }
    .swiper-slide a{ font-size: 1.5rem; line-height: 1.8rem; }


    .main_new_area{ flex-direction: column; }
    .main_new_area .main_new_box{ width: 100%; display: flex; align-items: flex-start; margin-bottom: 0.5rem; }
    .main_new_area .main_new_box .main_new_img{ width: 30%; height:8.5rem; margin-right: 1rem; }
    .main_new_area .main_new_box .main_new_text{ width: 65%; }
    .main_new_area .main_new_box span{ margin-top: 0; }

    .main_notice_area{ flex-direction: column; }
    .main_notice_area .main_notice_box{ width: 100%; margin-bottom: 1rem; }
    .main_notice_area .main_notice_box:last-child{ margin-bottom: 0; }
}
@media screen and (max-width: 500px){
	.main_slide_area > svg{ width: 22rem; }
}