/*
 * 메인 비주얼 — 관리자 > 환경설정 > 메인비주얼관리 에서 등록한 슬라이드 (inc/extend/main.lib.php get_main_visuals)
 * 모양은 디자인팀 css/main_renewal.css 의 .mvisual-* 그대로 쓰고, 여기에는 등록한 사진·링크만 둔다
 * (디자인팀이 main_renewal.css 를 계속 고치므로 따로 둠). 등록한 것이 없으면 기본 4장(mvisual-bg01~04)이 나온다.
 */

/* 사진: PC 사진(--mv-pc), 휴대폰 사진(--mv-mo)은 올렸을 때만 — 없으면 PC 사진을 가운데 맞춰 자름 */
.mvisual-photo.mvisual-db{background-image:var(--mv-pc);}
@media (max-width:768px){
  .mvisual-photo.mvisual-db{background-image:var(--mv-mo, var(--mv-pc));}
}

/* 링크를 넣은 슬라이드는 사진 전체가 링크 */
a.mvisual-photo{color:inherit; text-decoration:none;}
a.mvisual-photo:hover .mvisual-title{text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:6px;}
a.mvisual-photo:focus-visible{outline:3px solid #fff; outline-offset:-6px;}