우포스 | 2026 SPRING NEW ARRIVAL 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 .top { position: absolute; top: 0; left: 0; z-index: 98; } main.event_wrap .bot { 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: 72px; z-index: 100; display: flex; background: #000; height: 76px; line-height: 76px; } 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: #ffffff70; } main.event_wrap .navi a:last-child::after { display: none; } main.event_wrap .navi a.on { background: #96ca4f; color: #111; } main.event_wrap #contents .goods_list ul { text-align: left; } main.event_wrap .swiper-wrap { position: relative; width: 100%; margin: 0 auto; overflow: hidden; } main.event_wrap .swiper-wrap .bg-img { display: block; width: 100%; min-width: 1920px; height: auto; position: relative; left: 50%; transform: translateX(-50%); z-index: 1; } main.event_wrap .slider-container { position: absolute; top: 280px; left: 50%; transform: translateX(-50%); width: 1230px; z-index: 2; } main.event_wrap .mySwiper01 { width: 100%; height: auto; } main.event_wrap .mySwiper01 .swiper-slide { display: flex; justify-content: center; align-items: center; width: 294px !important; height: 524px !important; } main.event_wrap .mySwiper01 .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } main.event_wrap .slider-container .swiper-scrollbar { opacity: 1 !important; background: #fff !important; width: 760px; height: 2px; position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%); } main.event_wrap .slider-container .swiper-scrollbar-drag { background: #111; } main.event_wrap .swiper-button-prev, main.event_wrap .swiper-button-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; cursor: pointer; color: #bbb !important; margin: 0; outline: none !important; text-decoration: none !important; box-shadow: none !important; background: none !important; -webkit-tap-highlight-color: transparent; } main.event_wrap .swiper-button-prev::after, main.event_wrap .swiper-button-next::after { color: #bbb !important; background: none !important; -webkit-tap-highlight-color: transparent; font-size: 40px !important; } main.event_wrap .swiper-button-prev { left: -70px; } main.event_wrap .swiper-button-next { right: -70px; } main.event_wrap .grid-link-container { position: absolute; bottom: 11%; left: 50%; transform: translateX(-50%); width: 940px; height: 522px; display: grid; grid-template-columns: repeat(3, 1fr); z-index: 10; justify-items: center; } main.event_wrap .grid-link-container a { display: block; width: 292px; height: 100%; } main.event_wrap .lnk_wrap{position:relative;} main.event_wrap .lnk_wrap #lnk_02 {position:absolute; top:70.6%; left:65%; width:42px; height:42px; border-radius: 100%;} main.event_wrap .lnk_wrap #lnk_03 {position:absolute; top:39.7%; left:52%; width:42px; height:42px; border-radius: 100%;} main.event_wrap .lnk_wrap #lnk_05 {position:absolute; top:23.9%; left:75.5%; width:42px; height:42px; border-radius: 100%;} main.event_wrap .lnk_wrap #lnk_07 {position:absolute; top:43.1%; left:40.8%; width:42px; height:42px; border-radius: 100%;} OOriginal OOahh OOmega OOcloog OOlala OOyea for (let i = 1; i 0) { var sectionDistance = section.offset().top; $('html,body').stop().animate({scrollTop:sectionDistance - 141}, 0); } }); $(window).scroll(function(){ $menu.removeClass('on'); $contents.each(function(){ if ($(this).offset().top