.main-visual-lwd { width: 100%; background-color: #f0f2f5; } .main-visual-lwd-inner { display: flex; max-width: 1200px; margin: 0 auto; } /* 좌측 슬라이더 */ .visual-slider-wrap { width: 75%; position: relative; } .cycle-slideshow { width: 100%; height: 450px; /* 슬라이더 높이 */ } .slide-item a { display: block; width: 100%; height: 100%; position: relative; color: #fff; text-decoration: none; } .slide-image { width: 100%; height: 100%; background-size: cover; background-position: center; } .slide-caption { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); } .slide-caption h2 { font-size: 2rem; font-weight: 700; margin: 0 0 10px 0; } .slide-caption p { font-size: 1rem; margin: 0; opacity: 0.9; } .visual-slider-pager { position: absolute; bottom: 10px; right: 10px; z-index: 101; } .visual-slider-pager button { background: rgba(255,255,255,0.5); border: none; width: 12px; height: 12px; border-radius: 50%; margin: 0 4px; cursor: pointer; text-indent: -9999px; } .visual-slider-pager .cycle-pager-active { background: #fff; } /* 우측 메뉴 */ .visual-menu-wrap { width: 25%; background-color: #fff; } .visual-menu-wrap ul { list-style: none; margin: 0; padding: 0; height: 100%; display: flex; flex-direction: column; } .visual-menu-wrap li { flex: 1; } .visual-menu-wrap li a { display: flex; align-items: center; justify-content: space-between; height: 100%; padding: 0 25px; border-bottom: 1px solid #f0f2f5; font-size: 1.1rem; font-weight: 500; color: #333; text-decoration: none; transition: background-color 0.2s, color 0.2s; } .visual-menu-wrap li a:hover { background-color: #0056b3; color: #fff; } .visual-menu-wrap li:last-child a { border-bottom: none; }