@charset "UTF-8";

.housing-wrap{position:relative;}
.housing-img-box{aspect-ratio:1100/600;}
.housing-wrap .housing-prev{position:absolute;left:3rem;top:50%;width:6rem;height:6rem;border-radius:50%;background:var(--white100) url(/_res/gradcau/cauoia/img/exchange/btn-housing-prev@2x.png) no-repeat center/2rem;transform:translateY(-50%);z-index:10;}
.housing-wrap .housing-prev:hover{background:var(--white100) url(/_res/gradcau/cauoia/img/exchange/btn-housing-prev-hover@2x.png) no-repeat center/2rem;}
.housing-wrap .housing-next{position:absolute;right:3rem;top:50%;width:6rem;height:6rem;border-radius:50%;background:var(--white100) url(/_res/gradcau/cauoia/img/exchange/btn-housing-next@2x.png) no-repeat center/2rem;transform:translateY(-50%);z-index:10;}
.housing-wrap .housing-next:hover{background:var(--white100) url(/_res/gradcau/cauoia/img/exchange/btn-housing-next-hover@2x.png) no-repeat center/2rem;}

@media screen and (max-width:1024.98px){	
	.housing-wrap .control-wrap{display:flex;justify-content:center;gap:1rem;margin:2rem 0 0;}
	.housing-wrap .housing-prev{position:static;width:4.8rem;height:4.8rem;border:1px solid var(--black20);transform:none;}
	.housing-wrap .housing-next{position:static;width:4.8rem;height:4.8rem;border:1px solid var(--black20);transform:none;}
}