우포스 | Up, But Comfort html {scroll-behavior: smooth;} main.event_wrap > * {margin: 0; padding: 0; box-sizing: border-box;} main.event_wrap {width: 1920px; margin: 0 auto; text-align: center; font-size: 0;} main.event_wrap section, main.event_wrap article {position: relative; overflow: hidden;} main.event_wrap a {} main.event_wrap .ab_to {position: absolute; top: 0; left: 0; z-index: 98;} main.event_wrap .ab_bo {position: absolute; bottom: 0; left: 0; z-index: 98;} main.event_wrap .cen {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999;} main.event_wrap .mid {position: absolute; left: 0; right: 0; margin: 0 auto;} main.event_wrap .red {border: 1px solid red;} main.event_wrap .navi {position: sticky; top: 60px; z-index: 98; display: flex; background: #000; height: 70px; line-height: 70px;} main.event_wrap .navi a {position: relative; color: #fff; flex: 1; text-decoration: none; font-size: 18px; font-weight: 500;} main.event_wrap .navi a::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 30%; background: #fff;} main.event_wrap .navi a:last-child::after {display: none;} main.event_wrap .navi a.on {background: #96ca4f; color: #fff;} main.event_wrap #contents .goods_list ul {text-align: left;} main.event_wrap .lnk {display: grid; grid-auto-flow: column; grid-auto-columns: max-content; justify-content: center; gap: 30px; position: absolute; left: 0; right: 0; margin: 0 auto; width: 100%;} main.event_wrap .lnk a {display: block; width: 300px; height: 200px;} main.event_wrap section:nth-of-type(1) .lnk {top: 77%;} main.event_wrap section:nth-of-type(2) .lnk {top: 77.5%;} main.event_wrap section:nth-of-type(3) .lnk {top: 74%;} main.event_wrap section:nth-of-type(4) .lnk {top: 78%;}