@charset "utf-8";

.main-hd .main-r {width: 45%; position: relative;}
.main-r .main1-archive-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.main-r .main1-archive-bg::after {content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.main-r .main1-archive-bg img {width: 100%; height: 100%; object-fit: cover; position: relative;}

.main-r .main1-archive {height: 100%;}
.main-r .main1-archive-slide-top {font-size: 117px; font-weight: 600; font-family: 'Prentendard', sans-serif; text-align: center; line-height: 1; color: rgba(255,255,255,0.1); margin-bottom: 70px;}
.main-r .main1-archive ul li {display: flex; align-items: center; justify-content: center; padding-bottom: 60px;}
.main-r .main1-archive-slide .main1-archive-info {margin-top: 20px; color: #fff; width: 100%; max-width: 440px;}
.main-r .main1-archive-slide .main1-archive-info .main1-archive-tit {font-size: 16px; font-weight: 500; margin-bottom: 12px;}
.main-r .main1-archive-slide .main1-archive-info .main1-archive-writer {font-size: 20px; font-weight: 700;}

.main-r .main1-archive-link {position: relative; max-width: 440px; max-height: 440px; overflow: hidden;}
.main-r .main1-archive-link .main1-archive-img {max-width: 440px; max-height: 440px; overflow: hidden; display: flex; justify-content: center;}
.main-r .main1-archive-link img {width: 100%; height: 100%; max-width: 440px; max-height: 440px; object-fit: cover; transition: .3s;}
.main-r .main1-archive-link:hover img {scale: 1.08; transition: all .3s;}

.main-r .main1-archive-prev {background-image: url("../../../assets/images/user/main1-slide-prev.svg"); background-repeat: no-repeat; background-size: cover; display: inline-block; width: 30px; height: 60px; position: absolute; left: 10%; top: 50%; transform: translateY(-50%); cursor: pointer;}
.main-r .main1-archive-next {background-image: url("../../../assets/images/user/main1-slide-next.svg"); background-repeat: no-repeat; background-size: cover; display: inline-block; width: 30px; height: 60px; position: absolute; right: 10%; top: 50%; transform: translateY(-50%); cursor: pointer;}
.main-r .swiper-button-disabled {opacity: 0.2;}

@media screen and (max-width:1600px) {
    .main-r .main1-archive ul li {padding: 0;}
    .main-r .main1-archive-prev {width: 24px; height: 48px; left: 8%;}
    .main-r .main1-archive-next {width: 24px; height: 48px; right: 8%;}

    .main-r .main1-archive-slide-top {font-size: 80px; margin-bottom: 16px;}
    .main1-archive-link, .main-r .main1-archive-img, .main-r .main1-archive-img img {max-width: 400px; max-height: 400px;}
}

@media screen and (max-width:1280px) {
    .main-hd .main-r {width: 40%;}
    .main-r .main1-archive-slide-top {font-size: 54px;}
    .main1-archive-link, .main-r .main1-archive-img, .main-r .main1-archive-img img {max-width: 200px; max-height: 200px;}
    .main-r .main1-archive-prev {width: 18px; height: 36px; left: 14%;}
    .main-r .main1-archive-next {width: 18px; height: 36px; right: 14%;}
    .main-r .main1-archive-slide .main1-archive-info {margin-top: 10px;}
    .main-r .main1-archive-slide .main1-archive-info .main1-archive-tit {margin-bottom: 8px;}
}

@media screen and (max-width:1000px) {
    .main-r .main1-archive-slide-top {font-size: 44px;}
    .main-r .main1-archive-prev {width: 14px; height: 28px; left: 8%;} 
    .main-r .main1-archive-next {width: 14px; height: 28px; right: 8%;}
}

@media screen and (max-width:768px) {
    .main-hd .main-r {height: 40%;}
    .main-r .main1-archive-slide-top {font-size: 30px;}
    .main-r .main-slide img {max-width: 130px; max-height: 130px;}

    .main-r .main1-archive-slide-top {margin-bottom: 12px;}
    .main1-archive-link, .main-r .main1-archive-img, .main-r .main1-archive-img img {max-width: 130px; max-height: 130px;}
    .main-r .main1-archive-slide .main1-archive-info {margin-top: 8px; padding: 0 20px; word-break: keep-all;}
    .main-r .main1-archive-slide .main1-archive-info .main1-archive-tit {font-size: 14px; margin-bottom: 4px;}
    .main-r .main1-archive-slide .main1-archive-info .main1-archive-writer {font-size: 16px;}
    .main-r .main1-archive-prev {width: 12px; height: 24px; left: 15%}
    .main-r .main1-archive-next {width: 12px; height: 24px; right: 15%;}
}

@media screen and (max-width:500px) {
    .main-r .main1-archive-slide-top {font-size: 22px; margin-bottom: 8px;}
    .main-r .main1-archive-slide .main1-archive-info .main1-archive-tit {font-size: 12px;}
    .main-r .main1-archive-slide .main1-archive-info .main1-archive-writer {font-size: 14px;}
}