@charset "UTF-8";

.main-content-box02 .main-mini-box{margin:0 auto;padding:0 2rem 10rem;max-width:156.8rem;}
.main-content-box02 .media-title-box{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:0 0 6rem;max-width:144rem;}
.main-content-box02 .media-title-box .media-link-box{display:flex;gap:1rem;}
.main-content-box02 .media-title-box .media-link-box a{display:flex;align-items:center;gap:1.4rem;padding:1.6rem 2.7rem;border:1px solid var(--black20);border-radius:10rem;font-weight:var(--font-weight-semibold);font-size:2rem;line-height:1.2;color:var(--color28);}
.main-content-box02 .media-title-box .media-link-box a.insta::before{content:'';display:block;width:2.4rem;height:2.4rem;background:url(/_res/gradcau/cauoia/img/main/img-insta01.png) no-repeat center/100%;}
.main-content-box02 .media-title-box .media-link-box a.ytb::before{content:'';display:block;width:2.4rem;height:1.9rem;background:url(/_res/gradcau/cauoia/img/main/img-youtube01.png) no-repeat center/100%;}

.main-media-wrap .swiper-slide{margin:0 6rem 0 0;}
.main-media-wrap .swiper-slide:has(.media-insta-box){width:38.4rem;}
.main-media-wrap .swiper-slide:has(.media-youtube-box){margin-top:4.1rem;width:64rem;}
.main-media-wrap .swiper-slide > a{display:block;width:100%;height:100%;}
.main-media-wrap .media-top-txt{display:flex;justify-content:flex-end;align-items:center;gap:1.2rem;padding:0 0 2.4rem;font-weight:var(--font-weight-medium);font-size:2.4rem;line-height:1.2;color:var(--black100);}
.main-media-wrap .media-top-txt.insta::after{content:'';display:block;width:4rem;height:4rem;background:url(/_res/gradcau/cauoia/img/main/img-insta02.png) no-repeat center/100%;}
.main-media-wrap .media-top-txt.youtube::after{content:'';display:block;width:4rem;height:4rem;background:url(/_res/gradcau/cauoia/img/main/img-youtube02.png) no-repeat center/100%;}
.main-media-wrap .media-insta-img-box{margin:0 0 2.4rem;aspect-ratio:384/480;border-radius:3rem;overflow:hidden;}
.main-media-wrap .media-youtube-img-box{margin:0 0 2.4rem;aspect-ratio:640/360;border-radius:3rem;overflow:hidden;}
.main-media-wrap .media-insta-tit{display:-webkit-box;font-size:2rem;line-height:1.4;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;color:var(--color02);overflow:hidden;}
.main-media-wrap .media-youtube-tit{display:-webkit-box;font-weight:var(--font-weight-medium);font-size:2.4rem;line-height:1.4;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;color:var(--color29);overflow:hidden;}

.main-media-wrap .slide-navi-box{position:relative;margin:6rem 0 0;}
.main-media-wrap .slide-navi-box .swiper-pagination{display:flex;align-items:center;position:static;width:100%;max-width:144rem;height:2px;background:var(--color05);}
.main-media-wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--color30);}

@media screen and (max-width:1024.98px){
	.main-content-box02 .main-mini-box{padding:0 2rem 5rem;}
	.main-content-box02 .media-title-box{flex-direction:column;align-items:flex-start;gap:3rem;padding:0 0 4rem;}
	.main-content-box02 .media-title-box .media-link-box a{gap:1rem;padding:1.6rem 1.4rem;}
	.main-media-wrap .swiper-slide{margin:0 3rem 0 0;}
	.main-media-wrap .swiper-slide:has(.media-insta-box){width:28rem;}
	.main-media-wrap .swiper-slide:has(.media-youtube-box){margin-top:7.2rem;width:31.5rem;}
	.main-media-wrap .media-insta-img-box{aspect-ratio:280/350;}
	.main-media-wrap .media-youtube-img-box{aspect-ratio:315/177;}
	.main-media-wrap .slide-navi-box{margin:4rem 0 0;}
}