★홀리데이 SALE★
2023.12.15 ~ 2024.01.04
<style type="text/css">/* 레이아웃 */ .art-container-event { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; text-align: center; overflow: hidden; } .art-content-inner { position: relative; display: flex; justify-content: center; margin: 0 auto; overflow: hidden; } .art-content-inner img { display: block; width: 100%; } /* 맵 링크 */ .art-content-inner .btn-map { position: absolute; top: 0; left: 0; z-index: 1; } /* 기프트 이미지 변경 */ .art-content-inner div[class|='gift'] { position: absolute; bottom: 22.02344231955583%; left: 50%; transform: translateX(-50%); width: 100%; height: 55.64466378778532%; z-index: 2; } .art-content-inner .gift-01 { background: url('https://image.a-rt.com/art/managing/event/20231215_holiday/pc/abc/gift/01.png') no-repeat center / cover; } .art-content-inner .gift-02 { background: url('https://image.a-rt.com/art/managing/event/20231215_holiday/pc/abc/gift/02.png') no-repeat center / cover; } .art-content-inner .gift-03 { background: url('https://image.a-rt.com/art/managing/event/20231215_holiday/pc/abc/gift/03.png') no-repeat center / cover; } .art-content-inner .gift-04 { background: url('https://image.a-rt.com/art/managing/event/20231215_holiday/pc/abc/gift/04.png') no-repeat center / cover; }</style><!-- SCSS --><style type="text/css">.snow { position: absolute; width: 10px; height: 10px; background: white; border-radius: 50%; } .snow:nth-child(1) { opacity: 0.9835; transform: translate(97.9465vw, -10px) scale(0.4806); animation: fall-1 17s -25s linear infinite; } @keyframes fall-1 { 50.705% { transform: translate(107.6638vw, 101.41vh) scale(0.4806); } to { transform: translate(102.80515vw, 200vh) scale(0.4806); } } .snow:nth-child(2) { opacity: 0.1544; transform: translate(4.5717vw, -10px) scale(0.1685); animation: fall-2 11s -30s linear infinite; } @keyframes fall-2 { 63.335% { transform: translate(3.9363vw, 126.67vh) scale(0.1685); } to { transform: translate(4.254vw, 200vh) scale(0.1685); } } .snow:nth-child(3) { opacity: 0.931; transform: translate(48.5856vw, -10px) scale(0.3358); animation: fall-3 30s -15s linear infinite; } @keyframes fall-3 { 55.685% { transform: translate(52.6134vw, 111.37vh) scale(0.3358); } to { transform: translate(50.5995vw, 200vh) scale(0.3358); } } .snow:nth-child(4) { opacity: 0.7995; transform: translate(89.9983vw, -10px) scale(0.137); animation: fall-4 14s -29s linear infinite; } @keyframes fall-4 { 77.197% { transform: translate(97.4839vw, 154.394vh) scale(0.137); } to { transform: translate(93.7411vw, 200vh) scale(0.137); } } .snow:nth-child(5) { opacity: 0.3128; transform: translate(2.8337vw, -10px) scale(0.7625); animation: fall-5 11s -2s linear infinite; } @keyframes fall-5 { 38.895% { transform: translate(-0.5906vw, 77.79vh) scale(0.7625); } to { transform: translate(1.12155vw, 200vh) scale(0.7625); } } .snow:nth-child(6) { opacity: 0.4363; transform: translate(37.5526vw, -10px) scale(0.8921); animation: fall-6 30s -8s linear infinite; } @keyframes fall-6 { 34.305% { transform: translate(46.3828vw, 68.61vh) scale(0.8921); } to { transform: translate(41.9677vw, 200vh) scale(0.8921); } } .snow:nth-child(7) { opacity: 0.4621; transform: translate(19.5871vw, -10px) scale(0.8363); animation: fall-7 25s -7s linear infinite; } @keyframes fall-7 { 51.187% { transform: translate(23.3137vw, 102.374vh) scale(0.8363); } to { transform: translate(21.4504vw, 200vh) scale(0.8363); } } .snow:nth-child(8) { opacity: 0.8754; transform: translate(76.5448vw, -10px) scale(0.3048); animation: fall-8 25s -10s linear infinite; } @keyframes fall-8 { 53.127% { transform: translate(74.7201vw, 106.254vh) scale(0.3048); } to { transform: translate(75.63245vw, 200vh) scale(0.3048); } } .snow:nth-child(9) { opacity: 0.621; transform: translate(4.4831vw, -10px) scale(0.2541); animation: fall-9 12s -10s linear infinite; } @keyframes fall-9 { 67.464% { transform: translate(12.6675vw, 134.928vh) scale(0.2541); } to { transform: translate(8.5753vw, 200vh) scale(0.2541); } } .snow:nth-child(10) { opacity: 0.9857; transform: translate(45.333vw, -10px) scale(0.96); animation: fall-10 30s -12s linear infinite; } @keyframes fall-10 { 67.197% { transform: translate(45.2032vw, 134.394vh) scale(0.96); } to { transform: translate(45.2681vw, 200vh) scale(0.96); } } .snow:nth-child(11) { opacity: 0.9251; transform: translate(3.8891vw, -10px) scale(0.5859); animation: fall-11 15s -6s linear infinite; } @keyframes fall-11 { 64.853% { transform: translate(13.611vw, 129.706vh) scale(0.5859); } to { transform: translate(8.75005vw, 200vh) scale(0.5859); } } .snow:nth-child(12) { opacity: 0.4645; transform: translate(80.1737vw, -10px) scale(0.3754); animation: fall-12 17s -30s linear infinite; } @keyframes fall-12 { 36.078% { transform: translate(88.0019vw, 72.156vh) scale(0.3754); } to { transform: translate(84.0878vw, 200vh) scale(0.3754); } } .snow:nth-child(13) { opacity: 0.4063; transform: translate(18.7985vw, -10px) scale(0.2444); animation: fall-13 15s -11s linear infinite; } @keyframes fall-13 { 45.171% { transform: translate(23.7311vw, 90.342vh) scale(0.2444); } to { transform: translate(21.2648vw, 200vh) scale(0.2444); } } .snow:nth-child(14) { opacity: 0.11; transform: translate(89.0093vw, -10px) scale(0.5316); animation: fall-14 13s -5s linear infinite; } @keyframes fall-14 { 79.451% { transform: translate(95.4998vw, 158.902vh) scale(0.5316); } to { transform: translate(92.25455vw, 200vh) scale(0.5316); } } .snow:nth-child(15) { opacity: 0.6728; transform: translate(30.6023vw, -10px) scale(0.9282); animation: fall-15 18s -27s linear infinite; } @keyframes fall-15 { 35.296% { transform: translate(20.6781vw, 70.592vh) scale(0.9282); } to { transform: translate(25.6402vw, 200vh) scale(0.9282); } } .snow:nth-child(16) { opacity: 0.0948; transform: translate(86.5248vw, -10px) scale(0.247); animation: fall-16 14s -27s linear infinite; } @keyframes fall-16 { 55.437% { transform: translate(89.91vw, 110.874vh) scale(0.247); } to { transform: translate(88.2174vw, 200vh) scale(0.247); } } .snow:nth-child(17) { opacity: 0.5438; transform: translate(15.7202vw, -10px) scale(0.0277); animation: fall-17 21s -16s linear infinite; } @keyframes fall-17 { 58.6% { transform: translate(9.0047vw, 117.2vh) scale(0.0277); } to { transform: translate(12.36245vw, 200vh) scale(0.0277); } } .snow:nth-child(18) { opacity: 0.337; transform: translate(2.3694vw, -10px) scale(0.3637); animation: fall-18 16s -11s linear infinite; } @keyframes fall-18 { 48.005% { transform: translate(9.0915vw, 96.01vh) scale(0.3637); } to { transform: translate(5.73045vw, 200vh) scale(0.3637); } } .snow:nth-child(19) { opacity: 0.4206; transform: translate(59.1186vw, -10px) scale(0.642); animation: fall-19 27s -26s linear infinite; } @keyframes fall-19 { 64.292% { transform: translate(67.31vw, 128.584vh) scale(0.642); } to { transform: translate(63.2143vw, 200vh) scale(0.642); } } .snow:nth-child(20) { opacity: 0.1673; transform: translate(45.3663vw, -10px) scale(0.3585); animation: fall-20 22s -2s linear infinite; } @keyframes fall-20 { 39.901% { transform: translate(42.9921vw, 79.802vh) scale(0.3585); } to { transform: translate(44.1792vw, 200vh) scale(0.3585); } } .snow:nth-child(21) { opacity: 0.3469; transform: translate(57.9597vw, -10px) scale(0.0409); animation: fall-21 24s -11s linear infinite; } @keyframes fall-21 { 75.988% { transform: translate(48.3282vw, 151.976vh) scale(0.0409); } to { transform: translate(53.14395vw, 200vh) scale(0.0409); } } .snow:nth-child(22) { opacity: 0.5334; transform: translate(63.8421vw, -10px) scale(0.0272); animation: fall-22 18s -17s linear infinite; } @keyframes fall-22 { 52.402% { transform: translate(55.2082vw, 104.804vh) scale(0.0272); } to { transform: translate(59.52515vw, 200vh) scale(0.0272); } } .snow:nth-child(23) { opacity: 0.9562; transform: translate(11.2102vw, -10px) scale(0.0474); animation: fall-23 17s -20s linear infinite; } @keyframes fall-23 { 66.435% { transform: translate(16.6594vw, 132.87vh) scale(0.0474); } to { transform: translate(13.9348vw, 200vh) scale(0.0474); } } .snow:nth-child(24) { opacity: 0.949; transform: translate(86.1968vw, -10px) scale(0.6593); animation: fall-24 30s -11s linear infinite; } @keyframes fall-24 { 72.981% { transform: translate(80.3154vw, 145.962vh) scale(0.6593); } to { transform: translate(83.2561vw, 200vh) scale(0.6593); } } .snow:nth-child(25) { opacity: 0.6368; transform: translate(5.4398vw, -10px) scale(0.8528); animation: fall-25 16s -21s linear infinite; } @keyframes fall-25 { 68.048% { transform: translate(2.4435vw, 136.096vh) scale(0.8528); } to { transform: translate(3.94165vw, 200vh) scale(0.8528); } } .snow:nth-child(26) { opacity: 0.2196; transform: translate(78.1485vw, -10px) scale(0.2897); animation: fall-26 30s -4s linear infinite; } @keyframes fall-26 { 37.982% { transform: translate(72.9173vw, 75.964vh) scale(0.2897); } to { transform: translate(75.5329vw, 200vh) scale(0.2897); } } .snow:nth-child(27) { opacity: 0.1567; transform: translate(24.9064vw, -10px) scale(0.8857); animation: fall-27 10s -29s linear infinite; } @keyframes fall-27 { 54.011% { transform: translate(21.0865vw, 108.022vh) scale(0.8857); } to { transform: translate(22.99645vw, 200vh) scale(0.8857); } } .snow:nth-child(28) { opacity: 0.4928; transform: translate(21.7699vw, -10px) scale(0.0175); animation: fall-28 11s -27s linear infinite; } @keyframes fall-28 { 57.124% { transform: translate(25.4067vw, 114.248vh) scale(0.0175); } to { transform: translate(23.5883vw, 200vh) scale(0.0175); } } .snow:nth-child(29) { opacity: 0.8284; transform: translate(52.1344vw, -10px) scale(0.7554); animation: fall-29 16s -26s linear infinite; } @keyframes fall-29 { 41.514% { transform: translate(44.8168vw, 83.028vh) scale(0.7554); } to { transform: translate(48.4756vw, 200vh) scale(0.7554); } } .snow:nth-child(30) { opacity: 0.3483; transform: translate(37.3317vw, -10px) scale(0.4657); animation: fall-30 21s -15s linear infinite; } @keyframes fall-30 { 73.909% { transform: translate(32.9718vw, 147.818vh) scale(0.4657); } to { transform: translate(35.15175vw, 200vh) scale(0.4657); } } .snow:nth-child(31) { opacity: 0.612; transform: translate(84.5365vw, -10px) scale(0.4049); animation: fall-31 12s -15s linear infinite; } @keyframes fall-31 { 71.969% { transform: translate(80.2801vw, 143.938vh) scale(0.4049); } to { transform: translate(82.4083vw, 200vh) scale(0.4049); } } .snow:nth-child(32) { opacity: 0.4466; transform: translate(78.963vw, -10px) scale(0.7081); animation: fall-32 29s -14s linear infinite; } @keyframes fall-32 { 39.698% { transform: translate(82.1409vw, 79.396vh) scale(0.7081); } to { transform: translate(80.55195vw, 200vh) scale(0.7081); } } .snow:nth-child(33) { opacity: 0.6798; transform: translate(33.8749vw, -10px) scale(0.0827); animation: fall-33 25s -4s linear infinite; } @keyframes fall-33 { 47.39% { transform: translate(30.6037vw, 94.78vh) scale(0.0827); } to { transform: translate(32.2393vw, 200vh) scale(0.0827); } } .snow:nth-child(34) { opacity: 0.6892; transform: translate(3.9678vw, -10px) scale(0.9425); animation: fall-34 24s -24s linear infinite; } @keyframes fall-34 { 69.875% { transform: translate(-2.9011vw, 139.75vh) scale(0.9425); } to { transform: translate(0.53335vw, 200vh) scale(0.9425); } } .snow:nth-child(35) { opacity: 0.0482; transform: translate(64.9404vw, -10px) scale(0.493); animation: fall-35 28s -17s linear infinite; } @keyframes fall-35 { 33.364% { transform: translate(56.5739vw, 66.728vh) scale(0.493); } to { transform: translate(60.75715vw, 200vh) scale(0.493); } } .snow:nth-child(36) { opacity: 0.3917; transform: translate(31.7203vw, -10px) scale(0.731); animation: fall-36 11s -24s linear infinite; } @keyframes fall-36 { 45.653% { transform: translate(35.8272vw, 91.306vh) scale(0.731); } to { transform: translate(33.77375vw, 200vh) scale(0.731); } } .snow:nth-child(37) { opacity: 0.9011; transform: translate(93.7952vw, -10px) scale(0.9822); animation: fall-37 22s -10s linear infinite; } @keyframes fall-37 { 61.803% { transform: translate(100.2057vw, 123.606vh) scale(0.9822); } to { transform: translate(97.00045vw, 200vh) scale(0.9822); } } .snow:nth-child(38) { opacity: 0.2373; transform: translate(82.0691vw, -10px) scale(0.4142); animation: fall-38 14s -26s linear infinite; } @keyframes fall-38 { 41.976% { transform: translate(87.7755vw, 83.952vh) scale(0.4142); } to { transform: translate(84.9223vw, 200vh) scale(0.4142); } } .snow:nth-child(39) { opacity: 0.6154; transform: translate(74.7975vw, -10px) scale(0.6952); animation: fall-39 16s -27s linear infinite; } @keyframes fall-39 { 66.884% { transform: translate(83.9102vw, 133.768vh) scale(0.6952); } to { transform: translate(79.35385vw, 200vh) scale(0.6952); } } .snow:nth-child(40) { opacity: 0.4341; transform: translate(91.9185vw, -10px) scale(0.0959); animation: fall-40 24s -23s linear infinite; } @keyframes fall-40 { 52.535% { transform: translate(93.8844vw, 105.07vh) scale(0.0959); } to { transform: translate(92.90145vw, 200vh) scale(0.0959); } } .snow:nth-child(41) { opacity: 0.9043; transform: translate(7.9046vw, -10px) scale(0.928); animation: fall-41 12s -28s linear infinite; } @keyframes fall-41 { 39.033% { transform: translate(14.3964vw, 78.066vh) scale(0.928); } to { transform: translate(11.1505vw, 200vh) scale(0.928); } } .snow:nth-child(42) { opacity: 0.0408; transform: translate(53.808vw, -10px) scale(0.6419); animation: fall-42 15s -14s linear infinite; } @keyframes fall-42 { 65.87% { transform: translate(46.0266vw, 131.74vh) scale(0.6419); } to { transform: translate(49.9173vw, 200vh) scale(0.6419); } } .snow:nth-child(43) { opacity: 0.9585; transform: translate(46.4176vw, -10px) scale(0.5739); animation: fall-43 22s -17s linear infinite; } @keyframes fall-43 { 71.505% { transform: translate(53.0104vw, 143.01vh) scale(0.5739); } to { transform: translate(49.714vw, 200vh) scale(0.5739); } } .snow:nth-child(44) { opacity: 0.1656; transform: translate(43.047vw, -10px) scale(0.259); animation: fall-44 12s -18s linear infinite; } @keyframes fall-44 { 42.148% { transform: translate(36.5137vw, 84.296vh) scale(0.259); } to { transform: translate(39.78035vw, 200vh) scale(0.259); } } .snow:nth-child(45) { opacity: 0.213; transform: translate(99.6045vw, -10px) scale(0.2226); animation: fall-45 22s -12s linear infinite; } @keyframes fall-45 { 39.858% { transform: translate(90.3417vw, 79.716vh) scale(0.2226); } to { transform: translate(94.9731vw, 200vh) scale(0.2226); } } .snow:nth-child(46) { opacity: 0.5126; transform: translate(99.4229vw, -10px) scale(0.919); animation: fall-46 27s -2s linear infinite; } @keyframes fall-46 { 32.885% { transform: translate(89.6074vw, 65.77vh) scale(0.919); } to { transform: translate(94.51515vw, 200vh) scale(0.919); } } .snow:nth-child(47) { opacity: 0.8547; transform: translate(45.7355vw, -10px) scale(0.602); animation: fall-47 13s -11s linear infinite; } @keyframes fall-47 { 74.904% { transform: translate(49.8136vw, 149.808vh) scale(0.602); } to { transform: translate(47.77455vw, 200vh) scale(0.602); } } .snow:nth-child(48) { opacity: 0.922; transform: translate(16.2967vw, -10px) scale(0.8116); animation: fall-48 30s -9s linear infinite; } @keyframes fall-48 { 70.32% { transform: translate(17.1416vw, 140.64vh) scale(0.8116); } to { transform: translate(16.71915vw, 200vh) scale(0.8116); } } .snow:nth-child(49) { opacity: 0.4627; transform: translate(68.8021vw, -10px) scale(0.0068); animation: fall-49 29s -17s linear infinite; } @keyframes fall-49 { 68.863% { transform: translate(76.373vw, 137.726vh) scale(0.0068); } to { transform: translate(72.58755vw, 200vh) scale(0.0068); } } .snow:nth-child(50) { opacity: 0.467; transform: translate(66.6452vw, -10px) scale(0.0887); animation: fall-50 22s -30s linear infinite; } @keyframes fall-50 { 75.938% { transform: translate(74.1456vw, 151.876vh) scale(0.0887); } to { transform: translate(70.3954vw, 200vh) scale(0.0887); } } .snow:nth-child(51) { opacity: 0.3246; transform: translate(29.5998vw, -10px) scale(0.5391); animation: fall-51 26s -11s linear infinite; } @keyframes fall-51 { 37.93% { transform: translate(30.5816vw, 75.86vh) scale(0.5391); } to { transform: translate(30.0907vw, 200vh) scale(0.5391); } } .snow:nth-child(52) { opacity: 0.698; transform: translate(77.6441vw, -10px) scale(0.5446); animation: fall-52 10s -5s linear infinite; } @keyframes fall-52 { 54.011% { transform: translate(67.938vw, 108.022vh) scale(0.5446); } to { transform: translate(72.79105vw, 200vh) scale(0.5446); } } .snow:nth-child(53) { opacity: 0.3252; transform: translate(64.1786vw, -10px) scale(0.0084); animation: fall-53 28s -24s linear infinite; } @keyframes fall-53 { 51.988% { transform: translate(55.9897vw, 103.976vh) scale(0.0084); } to { transform: translate(60.08415vw, 200vh) scale(0.0084); } } .snow:nth-child(54) { opacity: 0.0736; transform: translate(56.5223vw, -10px) scale(0.0503); animation: fall-54 17s -18s linear infinite; } @keyframes fall-54 { 52.033% { transform: translate(63.943vw, 104.066vh) scale(0.0503); } to { transform: translate(60.23265vw, 200vh) scale(0.0503); } } .snow:nth-child(55) { opacity: 0.6259; transform: translate(72.6883vw, -10px) scale(0.3684); animation: fall-55 21s -29s linear infinite; } @keyframes fall-55 { 30.65% { transform: translate(64.5666vw, 61.3vh) scale(0.3684); } to { transform: translate(68.62745vw, 200vh) scale(0.3684); } } .snow:nth-child(56) { opacity: 0.3048; transform: translate(53.1362vw, -10px) scale(0.6099); animation: fall-56 13s -13s linear infinite; } @keyframes fall-56 { 37.661% { transform: translate(60.8142vw, 75.322vh) scale(0.6099); } to { transform: translate(56.9752vw, 200vh) scale(0.6099); } } .snow:nth-child(57) { opacity: 0.5201; transform: translate(51.0989vw, -10px) scale(0.7832); animation: fall-57 30s -14s linear infinite; } @keyframes fall-57 { 74.684% { transform: translate(59.2082vw, 149.368vh) scale(0.7832); } to { transform: translate(55.15355vw, 200vh) scale(0.7832); } } .snow:nth-child(58) { opacity: 0.806; transform: translate(15.8525vw, -10px) scale(0.0569); animation: fall-58 21s -29s linear infinite; } @keyframes fall-58 { 73.95% { transform: translate(7.4344vw, 147.9vh) scale(0.0569); } to { transform: translate(11.64345vw, 200vh) scale(0.0569); } } .snow:nth-child(59) { opacity: 0.6787; transform: translate(15.9329vw, -10px) scale(0.8321); animation: fall-59 29s -7s linear infinite; } @keyframes fall-59 { 38.253% { transform: translate(14.2022vw, 76.506vh) scale(0.8321); } to { transform: translate(15.06755vw, 200vh) scale(0.8321); } } .snow:nth-child(60) { opacity: 0.6962; transform: translate(45.4153vw, -10px) scale(0.7483); animation: fall-60 28s -28s linear infinite; } @keyframes fall-60 { 58.868% { transform: translate(42.1706vw, 117.736vh) scale(0.7483); } to { transform: translate(43.79295vw, 200vh) scale(0.7483); } } .snow:nth-child(61) { opacity: 0.2282; transform: translate(19.186vw, -10px) scale(0.0791); animation: fall-61 25s -6s linear infinite; } @keyframes fall-61 { 58.322% { transform: translate(26.0028vw, 116.644vh) scale(0.0791); } to { transform: translate(22.5944vw, 200vh) scale(0.0791); } } .snow:nth-child(62) { opacity: 0.8104; transform: translate(38.5166vw, -10px) scale(0.0199); animation: fall-62 25s -22s linear infinite; } @keyframes fall-62 { 66.338% { transform: translate(43.2367vw, 132.676vh) scale(0.0199); } to { transform: translate(40.87665vw, 200vh) scale(0.0199); } } .snow:nth-child(63) { opacity: 0.218; transform: translate(69.4878vw, -10px) scale(0.4408); animation: fall-63 19s -12s linear infinite; } @keyframes fall-63 { 58.014% { transform: translate(73.5644vw, 116.028vh) scale(0.4408); } to { transform: translate(71.5261vw, 200vh) scale(0.4408); } } .snow:nth-child(64) { opacity: 0.1439; transform: translate(57.0571vw, -10px) scale(0.9456); animation: fall-64 13s -3s linear infinite; } @keyframes fall-64 { 60.344% { transform: translate(47.4123vw, 120.688vh) scale(0.9456); } to { transform: translate(52.2347vw, 200vh) scale(0.9456); } } .snow:nth-child(65) { opacity: 0.5586; transform: translate(30.2003vw, -10px) scale(0.0808); animation: fall-65 27s -1s linear infinite; } @keyframes fall-65 { 37.966% { transform: translate(22.8527vw, 75.932vh) scale(0.0808); } to { transform: translate(26.5265vw, 200vh) scale(0.0808); } } .snow:nth-child(66) { opacity: 0.329; transform: translate(54.0727vw, -10px) scale(0.649); animation: fall-66 29s -29s linear infinite; } @keyframes fall-66 { 72.869% { transform: translate(49.5023vw, 145.738vh) scale(0.649); } to { transform: translate(51.7875vw, 200vh) scale(0.649); } } .snow:nth-child(67) { opacity: 0.4666; transform: translate(33.8156vw, -10px) scale(0.6234); animation: fall-67 17s -20s linear infinite; } @keyframes fall-67 { 47.394% { transform: translate(25.6224vw, 94.788vh) scale(0.6234); } to { transform: translate(29.719vw, 200vh) scale(0.6234); } } .snow:nth-child(68) { opacity: 0.8634; transform: translate(65.7193vw, -10px) scale(0.3448); animation: fall-68 27s -2s linear infinite; } @keyframes fall-68 { 48.009% { transform: translate(62.9755vw, 96.018vh) scale(0.3448); } to { transform: translate(64.3474vw, 200vh) scale(0.3448); } } .snow:nth-child(69) { opacity: 0.9768; transform: translate(43.3479vw, -10px) scale(0.868); animation: fall-69 23s -24s linear infinite; } @keyframes fall-69 { 58.226% { transform: translate(51.912vw, 116.452vh) scale(0.868); } to { transform: translate(47.62995vw, 200vh) scale(0.868); } } .snow:nth-child(70) { opacity: 0.413; transform: translate(81.8405vw, -10px) scale(0.2796); animation: fall-70 11s -26s linear infinite; } @keyframes fall-70 { 77.583% { transform: translate(84.2963vw, 155.166vh) scale(0.2796); } to { transform: translate(83.0684vw, 200vh) scale(0.2796); } } .snow:nth-child(71) { opacity: 0.5674; transform: translate(99.2269vw, -10px) scale(0.4575); animation: fall-71 28s -9s linear infinite; } @keyframes fall-71 { 65.354% { transform: translate(103.2611vw, 130.708vh) scale(0.4575); } to { transform: translate(101.244vw, 200vh) scale(0.4575); } } .snow:nth-child(72) { opacity: 0.7464; transform: translate(92.2657vw, -10px) scale(0.6389); animation: fall-72 22s -15s linear infinite; } @keyframes fall-72 { 67.093% { transform: translate(84.6294vw, 134.186vh) scale(0.6389); } to { transform: translate(88.44755vw, 200vh) scale(0.6389); } } .snow:nth-child(73) { opacity: 0.4065; transform: translate(15.8997vw, -10px) scale(0.3123); animation: fall-73 14s -21s linear infinite; } @keyframes fall-73 { 54.78% { transform: translate(13.199vw, 109.56vh) scale(0.3123); } to { transform: translate(14.54935vw, 200vh) scale(0.3123); } } .snow:nth-child(74) { opacity: 0.7719; transform: translate(43.5808vw, -10px) scale(0.2352); animation: fall-74 28s -19s linear infinite; } @keyframes fall-74 { 69.203% { transform: translate(47.1275vw, 138.406vh) scale(0.2352); } to { transform: translate(45.35415vw, 200vh) scale(0.2352); } } .snow:nth-child(75) { opacity: 0.7412; transform: translate(27.6701vw, -10px) scale(0.5757); animation: fall-75 13s -30s linear infinite; } @keyframes fall-75 { 62.973% { transform: translate(30.0755vw, 125.946vh) scale(0.5757); } to { transform: translate(28.8728vw, 200vh) scale(0.5757); } } .snow:nth-child(76) { opacity: 0.7716; transform: translate(94.9375vw, -10px) scale(0.4315); animation: fall-76 19s -28s linear infinite; } @keyframes fall-76 { 31.279% { transform: translate(94.9867vw, 62.558vh) scale(0.4315); } to { transform: translate(94.9621vw, 200vh) scale(0.4315); } } .snow:nth-child(77) { opacity: 0.9027; transform: translate(94.4839vw, -10px) scale(0.5162); animation: fall-77 18s -10s linear infinite; } @keyframes fall-77 { 53.281% { transform: translate(91.6393vw, 106.562vh) scale(0.5162); } to { transform: translate(93.0616vw, 200vh) scale(0.5162); } } .snow:nth-child(78) { opacity: 0.157; transform: translate(78.154vw, -10px) scale(0.6399); animation: fall-78 27s -16s linear infinite; } @keyframes fall-78 { 59.283% { transform: translate(76.3184vw, 118.566vh) scale(0.6399); } to { transform: translate(77.2362vw, 200vh) scale(0.6399); } } .snow:nth-child(79) { opacity: 0.3627; transform: translate(65.94vw, -10px) scale(0.8021); animation: fall-79 30s -8s linear infinite; } @keyframes fall-79 { 30.747% { transform: translate(72.4662vw, 61.494vh) scale(0.8021); } to { transform: translate(69.2031vw, 200vh) scale(0.8021); } } .snow:nth-child(80) { opacity: 0.4882; transform: translate(65.8775vw, -10px) scale(0.2828); animation: fall-80 21s -23s linear infinite; } @keyframes fall-80 { 32.09% { transform: translate(73.6758vw, 64.18vh) scale(0.2828); } to { transform: translate(69.77665vw, 200vh) scale(0.2828); } } .snow:nth-child(81) { opacity: 0.7989; transform: translate(88.8637vw, -10px) scale(0.0024); animation: fall-81 28s -12s linear infinite; } @keyframes fall-81 { 79.999% { transform: translate(92.0844vw, 159.998vh) scale(0.0024); } to { transform: translate(90.47405vw, 200vh) scale(0.0024); } } .snow:nth-child(82) { opacity: 0.7123; transform: translate(50.3576vw, -10px) scale(0.5115); animation: fall-82 10s -29s linear infinite; } @keyframes fall-82 { 49.966% { transform: translate(41.3425vw, 99.932vh) scale(0.5115); } to { transform: translate(45.85005vw, 200vh) scale(0.5115); } } .snow:nth-child(83) { opacity: 0.7531; transform: translate(75.4307vw, -10px) scale(0.5011); animation: fall-83 17s -11s linear infinite; } @keyframes fall-83 { 72.433% { transform: translate(79.0957vw, 144.866vh) scale(0.5011); } to { transform: translate(77.2632vw, 200vh) scale(0.5011); } } .snow:nth-child(84) { opacity: 0.1464; transform: translate(57.7106vw, -10px) scale(0.8855); animation: fall-84 27s -5s linear infinite; } @keyframes fall-84 { 71.441% { transform: translate(66.2545vw, 142.882vh) scale(0.8855); } to { transform: translate(61.98255vw, 200vh) scale(0.8855); } } .snow:nth-child(85) { opacity: 0.7117; transform: translate(24.6966vw, -10px) scale(0.2528); animation: fall-85 14s -18s linear infinite; } @keyframes fall-85 { 37.529% { transform: translate(30.7327vw, 75.058vh) scale(0.2528); } to { transform: translate(27.71465vw, 200vh) scale(0.2528); } } .snow:nth-child(86) { opacity: 0.0826; transform: translate(18.1198vw, -10px) scale(0.8987); animation: fall-86 28s -19s linear infinite; } @keyframes fall-86 { 66.388% { transform: translate(16.1625vw, 132.776vh) scale(0.8987); } to { transform: translate(17.14115vw, 200vh) scale(0.8987); } } .snow:nth-child(87) { opacity: 0.6495; transform: translate(16.8552vw, -10px) scale(0.6052); animation: fall-87 17s -11s linear infinite; } @keyframes fall-87 { 50.654% { transform: translate(9.4791vw, 101.308vh) scale(0.6052); } to { transform: translate(13.16715vw, 200vh) scale(0.6052); } } .snow:nth-child(88) { opacity: 0.6992; transform: translate(54.8425vw, -10px) scale(0.8013); animation: fall-88 12s -17s linear infinite; } @keyframes fall-88 { 51.308% { transform: translate(55.8486vw, 102.616vh) scale(0.8013); } to { transform: translate(55.34555vw, 200vh) scale(0.8013); } } .snow:nth-child(89) { opacity: 0.9878; transform: translate(55.3731vw, -10px) scale(0.4889); animation: fall-89 10s -18s linear infinite; } @keyframes fall-89 { 73.851% { transform: translate(54.6015vw, 147.702vh) scale(0.4889); } to { transform: translate(54.9873vw, 200vh) scale(0.4889); } } .snow:nth-child(90) { opacity: 0.5686; transform: translate(31.6064vw, -10px) scale(0.2621); animation: fall-90 11s -13s linear infinite; } @keyframes fall-90 { 70.888% { transform: translate(23.3303vw, 141.776vh) scale(0.2621); } to { transform: translate(27.46835vw, 200vh) scale(0.2621); } } .snow:nth-child(91) { opacity: 0.5392; transform: translate(99.7129vw, -10px) scale(0.1661); animation: fall-91 29s -2s linear infinite; } @keyframes fall-91 { 43.025% { transform: translate(105.5121vw, 86.05vh) scale(0.1661); } to { transform: translate(102.6125vw, 200vh) scale(0.1661); } } .snow:nth-child(92) { opacity: 0.0864; transform: translate(11.9042vw, -10px) scale(0.2329); animation: fall-92 12s -8s linear infinite; } @keyframes fall-92 { 59.197% { transform: translate(3.3545vw, 118.394vh) scale(0.2329); } to { transform: translate(7.62935vw, 200vh) scale(0.2329); } } .snow:nth-child(93) { opacity: 0.7121; transform: translate(83.164vw, -10px) scale(0.3611); animation: fall-93 29s -8s linear infinite; } @keyframes fall-93 { 61.684% { transform: translate(91.1716vw, 123.368vh) scale(0.3611); } to { transform: translate(87.1678vw, 200vh) scale(0.3611); } } .snow:nth-child(94) { opacity: 0.7622; transform: translate(9.6704vw, -10px) scale(0.0258); animation: fall-94 26s -22s linear infinite; } @keyframes fall-94 { 79.621% { transform: translate(1.3371vw, 159.242vh) scale(0.0258); } to { transform: translate(5.50375vw, 200vh) scale(0.0258); } } .snow:nth-child(95) { opacity: 0.8064; transform: translate(94.6954vw, -10px) scale(0.7724); animation: fall-95 21s -19s linear infinite; } @keyframes fall-95 { 62.82% { transform: translate(99.5361vw, 125.64vh) scale(0.7724); } to { transform: translate(97.11575vw, 200vh) scale(0.7724); } } .snow:nth-child(96) { opacity: 0.8258; transform: translate(89.2227vw, -10px) scale(0.9709); animation: fall-96 17s -8s linear infinite; } @keyframes fall-96 { 64.132% { transform: translate(81.6257vw, 128.264vh) scale(0.9709); } to { transform: translate(85.4242vw, 200vh) scale(0.9709); } } .snow:nth-child(97) { opacity: 0.3582; transform: translate(4.815vw, -10px) scale(0.0014); animation: fall-97 10s -7s linear infinite; } @keyframes fall-97 { 38.21% { transform: translate(-0.7517vw, 76.42vh) scale(0.0014); } to { transform: translate(2.03165vw, 200vh) scale(0.0014); } } .snow:nth-child(98) { opacity: 0.6321; transform: translate(73.1147vw, -10px) scale(0.1754); animation: fall-98 13s -5s linear infinite; } @keyframes fall-98 { 79.7% { transform: translate(78.8358vw, 159.4vh) scale(0.1754); } to { transform: translate(75.97525vw, 200vh) scale(0.1754); } } .snow:nth-child(99) { opacity: 0.1069; transform: translate(93.1408vw, -10px) scale(0.3185); animation: fall-99 12s -3s linear infinite; } @keyframes fall-99 { 57.853% { transform: translate(101.4836vw, 115.706vh) scale(0.3185); } to { transform: translate(97.3122vw, 200vh) scale(0.3185); } } .snow:nth-child(100) { opacity: 0.6341; transform: translate(91.0255vw, -10px) scale(0.564); animation: fall-100 16s -11s linear infinite; } @keyframes fall-100 { 35.557% { transform: translate(83.6474vw, 71.114vh) scale(0.564); } to { transform: translate(87.33645vw, 200vh) scale(0.564); } } .snow:nth-child(101) { opacity: 0.5008; transform: translate(76.5413vw, -10px) scale(0.3933); animation: fall-101 27s -19s linear infinite; } @keyframes fall-101 { 65.158% { transform: translate(66.8195vw, 130.316vh) scale(0.3933); } to { transform: translate(71.6804vw, 200vh) scale(0.3933); } } .snow:nth-child(102) { opacity: 0.8342; transform: translate(79.3398vw, -10px) scale(0.3831); animation: fall-102 20s -16s linear infinite; } @keyframes fall-102 { 61.854% { transform: translate(87.4019vw, 123.708vh) scale(0.3831); } to { transform: translate(83.37085vw, 200vh) scale(0.3831); } } .snow:nth-child(103) { opacity: 0.9277; transform: translate(53.4509vw, -10px) scale(0.7425); animation: fall-103 11s -5s linear infinite; } @keyframes fall-103 { 36.609% { transform: translate(62.3853vw, 73.218vh) scale(0.7425); } to { transform: translate(57.9181vw, 200vh) scale(0.7425); } } .snow:nth-child(104) { opacity: 0.7265; transform: translate(78.2134vw, -10px) scale(0.7762); animation: fall-104 24s -8s linear infinite; } @keyframes fall-104 { 75.873% { transform: translate(73.7822vw, 151.746vh) scale(0.7762); } to { transform: translate(75.9978vw, 200vh) scale(0.7762); } } .snow:nth-child(105) { opacity: 0.8175; transform: translate(74.4258vw, -10px) scale(0.1549); animation: fall-105 24s -29s linear infinite; } @keyframes fall-105 { 65.4% { transform: translate(67.509vw, 130.8vh) scale(0.1549); } to { transform: translate(70.9674vw, 200vh) scale(0.1549); } } .snow:nth-child(106) { opacity: 0.6717; transform: translate(74.673vw, -10px) scale(0.0254); animation: fall-106 19s -8s linear infinite; } @keyframes fall-106 { 68.768% { transform: translate(66.095vw, 137.536vh) scale(0.0254); } to { transform: translate(70.384vw, 200vh) scale(0.0254); } } .snow:nth-child(107) { opacity: 0.3099; transform: translate(14.2488vw, -10px) scale(0.3661); animation: fall-107 12s -16s linear infinite; } @keyframes fall-107 { 53.171% { transform: translate(20.8584vw, 106.342vh) scale(0.3661); } to { transform: translate(17.5536vw, 200vh) scale(0.3661); } } .snow:nth-child(108) { opacity: 0.6; transform: translate(86.3055vw, -10px) scale(0.2405); animation: fall-108 18s -3s linear infinite; } @keyframes fall-108 { 49.947% { transform: translate(86.6609vw, 99.894vh) scale(0.2405); } to { transform: translate(86.4832vw, 200vh) scale(0.2405); } } .snow:nth-child(109) { opacity: 0.1602; transform: translate(20.343vw, -10px) scale(0.9101); animation: fall-109 19s -18s linear infinite; } @keyframes fall-109 { 35.923% { transform: translate(11.6158vw, 71.846vh) scale(0.9101); } to { transform: translate(15.9794vw, 200vh) scale(0.9101); } } .snow:nth-child(110) { opacity: 0.9431; transform: translate(81.7213vw, -10px) scale(0.3706); animation: fall-110 12s -7s linear infinite; } @keyframes fall-110 { 33.272% { transform: translate(87.6369vw, 66.544vh) scale(0.3706); } to { transform: translate(84.6791vw, 200vh) scale(0.3706); } } .snow:nth-child(111) { opacity: 0.9919; transform: translate(30.3332vw, -10px) scale(0.7929); animation: fall-111 30s -29s linear infinite; } @keyframes fall-111 { 30.194% { transform: translate(24.6397vw, 60.388vh) scale(0.7929); } to { transform: translate(27.48645vw, 200vh) scale(0.7929); } } .snow:nth-child(112) { opacity: 0.2022; transform: translate(24.5678vw, -10px) scale(0.5997); animation: fall-112 25s -20s linear infinite; } @keyframes fall-112 { 72.751% { transform: translate(32.0607vw, 145.502vh) scale(0.5997); } to { transform: translate(28.31425vw, 200vh) scale(0.5997); } } .snow:nth-child(113) { opacity: 0.0747; transform: translate(20.2054vw, -10px) scale(0.2215); animation: fall-113 11s -2s linear infinite; } @keyframes fall-113 { 59.291% { transform: translate(28.4795vw, 118.582vh) scale(0.2215); } to { transform: translate(24.34245vw, 200vh) scale(0.2215); } } .snow:nth-child(114) { opacity: 0.0671; transform: translate(0.762vw, -10px) scale(0.7458); animation: fall-114 20s -4s linear infinite; } @keyframes fall-114 { 45.811% { transform: translate(0.6237vw, 91.622vh) scale(0.7458); } to { transform: translate(0.69285vw, 200vh) scale(0.7458); } } .snow:nth-child(115) { opacity: 0.1757; transform: translate(50.0816vw, -10px) scale(0.8124); animation: fall-115 10s -6s linear infinite; } @keyframes fall-115 { 40.357% { transform: translate(44.5118vw, 80.714vh) scale(0.8124); } to { transform: translate(47.2967vw, 200vh) scale(0.8124); } } .snow:nth-child(116) { opacity: 0.8489; transform: translate(36.6533vw, -10px) scale(0.9306); animation: fall-116 13s -17s linear infinite; } @keyframes fall-116 { 57.542% { transform: translate(45.7522vw, 115.084vh) scale(0.9306); } to { transform: translate(41.20275vw, 200vh) scale(0.9306); } } .snow:nth-child(117) { opacity: 0.2094; transform: translate(20.9966vw, -10px) scale(0.2813); animation: fall-117 19s -27s linear infinite; } @keyframes fall-117 { 78.814% { transform: translate(15.5812vw, 157.628vh) scale(0.2813); } to { transform: translate(18.2889vw, 200vh) scale(0.2813); } } .snow:nth-child(118) { opacity: 0.0707; transform: translate(81.6314vw, -10px) scale(0.877); animation: fall-118 16s -5s linear infinite; } @keyframes fall-118 { 53.61% { transform: translate(74.5821vw, 107.22vh) scale(0.877); } to { transform: translate(78.10675vw, 200vh) scale(0.877); } } .snow:nth-child(119) { opacity: 0.9845; transform: translate(68.0528vw, -10px) scale(0.4222); animation: fall-119 21s -17s linear infinite; } @keyframes fall-119 { 33.429% { transform: translate(58.3364vw, 66.858vh) scale(0.4222); } to { transform: translate(63.1946vw, 200vh) scale(0.4222); } } .snow:nth-child(120) { opacity: 0.5872; transform: translate(21.8541vw, -10px) scale(0.5058); animation: fall-120 14s -3s linear infinite; } @keyframes fall-120 { 49.534% { transform: translate(28.4005vw, 99.068vh) scale(0.5058); } to { transform: translate(25.1273vw, 200vh) scale(0.5058); } } .snow:nth-child(121) { opacity: 0.0082; transform: translate(14.0321vw, -10px) scale(0.2058); animation: fall-121 21s -12s linear infinite; } @keyframes fall-121 { 58.348% { transform: translate(12.8408vw, 116.696vh) scale(0.2058); } to { transform: translate(13.43645vw, 200vh) scale(0.2058); } } .snow:nth-child(122) { opacity: 0.8021; transform: translate(7.0785vw, -10px) scale(0.3866); animation: fall-122 29s -17s linear infinite; } @keyframes fall-122 { 31.767% { transform: translate(16.0864vw, 63.534vh) scale(0.3866); } to { transform: translate(11.58245vw, 200vh) scale(0.3866); } } .snow:nth-child(123) { opacity: 0.7918; transform: translate(46.7118vw, -10px) scale(0.888); animation: fall-123 22s -3s linear infinite; } @keyframes fall-123 { 67.957% { transform: translate(45.0565vw, 135.914vh) scale(0.888); } to { transform: translate(45.88415vw, 200vh) scale(0.888); } } .snow:nth-child(124) { opacity: 0.0397; transform: translate(13.7279vw, -10px) scale(0.4357); animation: fall-124 13s -29s linear infinite; } @keyframes fall-124 { 79.373% { transform: translate(15.2403vw, 158.746vh) scale(0.4357); } to { transform: translate(14.4841vw, 200vh) scale(0.4357); } } .snow:nth-child(125) { opacity: 0.9538; transform: translate(16.896vw, -10px) scale(0.3941); animation: fall-125 11s -19s linear infinite; } @keyframes fall-125 { 67.434% { transform: translate(7.1937vw, 134.868vh) scale(0.3941); } to { transform: translate(12.04485vw, 200vh) scale(0.3941); } } .snow:nth-child(126) { opacity: 0.7563; transform: translate(31.1964vw, -10px) scale(0.3903); animation: fall-126 30s -6s linear infinite; } @keyframes fall-126 { 50.715% { transform: translate(34.2365vw, 101.43vh) scale(0.3903); } to { transform: translate(32.71645vw, 200vh) scale(0.3903); } } .snow:nth-child(127) { opacity: 0.6389; transform: translate(10.8735vw, -10px) scale(0.6564); animation: fall-127 10s -23s linear infinite; } @keyframes fall-127 { 53.182% { transform: translate(9.2992vw, 106.364vh) scale(0.6564); } to { transform: translate(10.08635vw, 200vh) scale(0.6564); } } .snow:nth-child(128) { opacity: 0.8588; transform: translate(83.4188vw, -10px) scale(0.1162); animation: fall-128 27s -25s linear infinite; } @keyframes fall-128 { 69.6% { transform: translate(76.013vw, 139.2vh) scale(0.1162); } to { transform: translate(79.7159vw, 200vh) scale(0.1162); } } .snow:nth-child(129) { opacity: 0.8478; transform: translate(70.6802vw, -10px) scale(0.495); animation: fall-129 11s -21s linear infinite; } @keyframes fall-129 { 41.319% { transform: translate(71.655vw, 82.638vh) scale(0.495); } to { transform: translate(71.1676vw, 200vh) scale(0.495); } } .snow:nth-child(130) { opacity: 0.5589; transform: translate(5.309vw, -10px) scale(0.2012); animation: fall-130 29s -17s linear infinite; } @keyframes fall-130 { 53.931% { transform: translate(15.0854vw, 107.862vh) scale(0.2012); } to { transform: translate(10.1972vw, 200vh) scale(0.2012); } } .snow:nth-child(131) { opacity: 0.844; transform: translate(94.6205vw, -10px) scale(0.582); animation: fall-131 23s -26s linear infinite; } @keyframes fall-131 { 75.375% { transform: translate(85.8412vw, 150.75vh) scale(0.582); } to { transform: translate(90.23085vw, 200vh) scale(0.582); } } .snow:nth-child(132) { opacity: 0.4024; transform: translate(28.9617vw, -10px) scale(0.5688); animation: fall-132 20s -6s linear infinite; } @keyframes fall-132 { 47.289% { transform: translate(24.2687vw, 94.578vh) scale(0.5688); } to { transform: translate(26.6152vw, 200vh) scale(0.5688); } } .snow:nth-child(133) { opacity: 0.4987; transform: translate(69.5118vw, -10px) scale(0.5092); animation: fall-133 25s -12s linear infinite; } @keyframes fall-133 { 32.088% { transform: translate(73.9597vw, 64.176vh) scale(0.5092); } to { transform: translate(71.73575vw, 200vh) scale(0.5092); } } .snow:nth-child(134) { opacity: 0.8854; transform: translate(63.3535vw, -10px) scale(0.9287); animation: fall-134 28s -22s linear infinite; } @keyframes fall-134 { 54.759% { transform: translate(55.6576vw, 109.518vh) scale(0.9287); } to { transform: translate(59.50555vw, 200vh) scale(0.9287); } } .snow:nth-child(135) { opacity: 0.0075; transform: translate(91.1478vw, -10px) scale(0.7305); animation: fall-135 27s -22s linear infinite; } @keyframes fall-135 { 36.721% { transform: translate(93.1911vw, 73.442vh) scale(0.7305); } to { transform: translate(92.16945vw, 200vh) scale(0.7305); } } .snow:nth-child(136) { opacity: 0.3916; transform: translate(63.3242vw, -10px) scale(0.0936); animation: fall-136 14s -27s linear infinite; } @keyframes fall-136 { 49.463% { transform: translate(59.7865vw, 98.926vh) scale(0.0936); } to { transform: translate(61.55535vw, 200vh) scale(0.0936); } } .snow:nth-child(137) { opacity: 0.4015; transform: translate(59.9845vw, -10px) scale(0.4577); animation: fall-137 29s -18s linear infinite; } @keyframes fall-137 { 35.597% { transform: translate(59.1671vw, 71.194vh) scale(0.4577); } to { transform: translate(59.5758vw, 200vh) scale(0.4577); } } .snow:nth-child(138) { opacity: 0.5037; transform: translate(4.2528vw, -10px) scale(0.0044); animation: fall-138 10s -14s linear infinite; } @keyframes fall-138 { 76.102% { transform: translate(4.4005vw, 152.204vh) scale(0.0044); } to { transform: translate(4.32665vw, 200vh) scale(0.0044); } } .snow:nth-child(139) { opacity: 0.8224; transform: translate(55.3413vw, -10px) scale(0.3317); animation: fall-139 20s -13s linear infinite; } @keyframes fall-139 { 49.857% { transform: translate(61.1286vw, 99.714vh) scale(0.3317); } to { transform: translate(58.23495vw, 200vh) scale(0.3317); } } .snow:nth-child(140) { opacity: 0.6157; transform: translate(33.724vw, -10px) scale(0.8147); animation: fall-140 10s -22s linear infinite; } @keyframes fall-140 { 50.681% { transform: translate(23.754vw, 101.362vh) scale(0.8147); } to { transform: translate(28.739vw, 200vh) scale(0.8147); } } .snow:nth-child(141) { opacity: 0.8669; transform: translate(28.7137vw, -10px) scale(0.6733); animation: fall-141 21s -2s linear infinite; } @keyframes fall-141 { 78.228% { transform: translate(38.3917vw, 156.456vh) scale(0.6733); } to { transform: translate(33.5527vw, 200vh) scale(0.6733); } } .snow:nth-child(142) { opacity: 0.5869; transform: translate(41.0971vw, -10px) scale(0.8003); animation: fall-142 11s -23s linear infinite; } @keyframes fall-142 { 67.878% { transform: translate(32.6444vw, 135.756vh) scale(0.8003); } to { transform: translate(36.87075vw, 200vh) scale(0.8003); } } .snow:nth-child(143) { opacity: 0.6891; transform: translate(98.414vw, -10px) scale(0.8609); animation: fall-143 14s -3s linear infinite; } @keyframes fall-143 { 56.223% { transform: translate(106.744vw, 112.446vh) scale(0.8609); } to { transform: translate(102.579vw, 200vh) scale(0.8609); } } .snow:nth-child(144) { opacity: 0.6756; transform: translate(22.7443vw, -10px) scale(0.5625); animation: fall-144 26s -29s linear infinite; } @keyframes fall-144 { 38.882% { transform: translate(23.4476vw, 77.764vh) scale(0.5625); } to { transform: translate(23.09595vw, 200vh) scale(0.5625); } } .snow:nth-child(145) { opacity: 0.9344; transform: translate(71.9304vw, -10px) scale(0.4061); animation: fall-145 26s -2s linear infinite; } @keyframes fall-145 { 38.304% { transform: translate(81.0138vw, 76.608vh) scale(0.4061); } to { transform: translate(76.4721vw, 200vh) scale(0.4061); } } .snow:nth-child(146) { opacity: 0.8697; transform: translate(10.0875vw, -10px) scale(0.646); animation: fall-146 25s -19s linear infinite; } @keyframes fall-146 { 75.431% { transform: translate(2.1342vw, 150.862vh) scale(0.646); } to { transform: translate(6.11085vw, 200vh) scale(0.646); } } .snow:nth-child(147) { opacity: 0.8368; transform: translate(99.1408vw, -10px) scale(0.8563); animation: fall-147 17s -9s linear infinite; } @keyframes fall-147 { 40.631% { transform: translate(109.0588vw, 81.262vh) scale(0.8563); } to { transform: translate(104.0998vw, 200vh) scale(0.8563); } } .snow:nth-child(148) { opacity: 0.1417; transform: translate(69.8536vw, -10px) scale(0.1891); animation: fall-148 21s -10s linear infinite; } @keyframes fall-148 { 75.183% { transform: translate(62.2497vw, 150.366vh) scale(0.1891); } to { transform: translate(66.05165vw, 200vh) scale(0.1891); } } .snow:nth-child(149) { opacity: 0.9019; transform: translate(13.2726vw, -10px) scale(0.3589); animation: fall-149 15s -26s linear infinite; } @keyframes fall-149 { 62.334% { transform: translate(4.471vw, 124.668vh) scale(0.3589); } to { transform: translate(8.8718vw, 200vh) scale(0.3589); } } .snow:nth-child(150) { opacity: 0.1903; transform: translate(14.14vw, -10px) scale(0.3094); animation: fall-150 22s -15s linear infinite; } @keyframes fall-150 { 75.442% { transform: translate(20.6558vw, 150.884vh) scale(0.3094); } to { transform: translate(17.3979vw, 200vh) scale(0.3094); } } .snow:nth-child(151) { opacity: 0.8905; transform: translate(29.2959vw, -10px) scale(0.3278); animation: fall-151 19s -18s linear infinite; } @keyframes fall-151 { 39.414% { transform: translate(37.5066vw, 78.828vh) scale(0.3278); } to { transform: translate(33.40125vw, 200vh) scale(0.3278); } } .snow:nth-child(152) { opacity: 0.7874; transform: translate(62.7754vw, -10px) scale(0.2529); animation: fall-152 29s -29s linear infinite; } @keyframes fall-152 { 40.44% { transform: translate(65.0404vw, 80.88vh) scale(0.2529); } to { transform: translate(63.9079vw, 200vh) scale(0.2529); } } .snow:nth-child(153) { opacity: 0.6153; transform: translate(47.3704vw, -10px) scale(0.0499); animation: fall-153 23s -21s linear infinite; } @keyframes fall-153 { 61.248% { transform: translate(54.725vw, 122.496vh) scale(0.0499); } to { transform: translate(51.0477vw, 200vh) scale(0.0499); } } .snow:nth-child(154) { opacity: 0.72; transform: translate(69.1126vw, -10px) scale(0.6413); animation: fall-154 15s -4s linear infinite; } @keyframes fall-154 { 35.336% { transform: translate(73.2008vw, 70.672vh) scale(0.6413); } to { transform: translate(71.1567vw, 200vh) scale(0.6413); } } .snow:nth-child(155) { opacity: 0.5149; transform: translate(24.1157vw, -10px) scale(0.6067); animation: fall-155 15s -6s linear infinite; } @keyframes fall-155 { 65.528% { transform: translate(21.9595vw, 131.056vh) scale(0.6067); } to { transform: translate(23.0376vw, 200vh) scale(0.6067); } } .snow:nth-child(156) { opacity: 0.7693; transform: translate(90.5086vw, -10px) scale(0.5744); animation: fall-156 28s -4s linear infinite; } @keyframes fall-156 { 30.147% { transform: translate(91.1893vw, 60.294vh) scale(0.5744); } to { transform: translate(90.84895vw, 200vh) scale(0.5744); } } .snow:nth-child(157) { opacity: 0.6003; transform: translate(18.7581vw, -10px) scale(0.9753); animation: fall-157 30s -29s linear infinite; } @keyframes fall-157 { 50.379% { transform: translate(23.4439vw, 100.758vh) scale(0.9753); } to { transform: translate(21.101vw, 200vh) scale(0.9753); } } .snow:nth-child(158) { opacity: 0.9824; transform: translate(25.0228vw, -10px) scale(0.3918); animation: fall-158 25s -26s linear infinite; } @keyframes fall-158 { 64.974% { transform: translate(24.199vw, 129.948vh) scale(0.3918); } to { transform: translate(24.6109vw, 200vh) scale(0.3918); } } .snow:nth-child(159) { opacity: 0.4927; transform: translate(20.1317vw, -10px) scale(0.8652); animation: fall-159 15s -28s linear infinite; } @keyframes fall-159 { 54.355% { transform: translate(18.7817vw, 108.71vh) scale(0.8652); } to { transform: translate(19.4567vw, 200vh) scale(0.8652); } } .snow:nth-child(160) { opacity: 0.5763; transform: translate(60.9514vw, -10px) scale(0.5942); animation: fall-160 13s -17s linear infinite; } @keyframes fall-160 { 49.094% { transform: translate(56.7933vw, 98.188vh) scale(0.5942); } to { transform: translate(58.87235vw, 200vh) scale(0.5942); } } .snow:nth-child(161) { opacity: 0.4829; transform: translate(49.7391vw, -10px) scale(0.2608); animation: fall-161 17s -2s linear infinite; } @keyframes fall-161 { 72.562% { transform: translate(43.6375vw, 145.124vh) scale(0.2608); } to { transform: translate(46.6883vw, 200vh) scale(0.2608); } } .snow:nth-child(162) { opacity: 0.3188; transform: translate(28.6042vw, -10px) scale(0.5434); animation: fall-162 12s -29s linear infinite; } @keyframes fall-162 { 32.283% { transform: translate(37.6452vw, 64.566vh) scale(0.5434); } to { transform: translate(33.1247vw, 200vh) scale(0.5434); } } .snow:nth-child(163) { opacity: 0.572; transform: translate(86.7282vw, -10px) scale(0.8935); animation: fall-163 13s -25s linear infinite; } @keyframes fall-163 { 35.891% { transform: translate(87.8804vw, 71.782vh) scale(0.8935); } to { transform: translate(87.3043vw, 200vh) scale(0.8935); } } .snow:nth-child(164) { opacity: 0.1185; transform: translate(87.7259vw, -10px) scale(0.5145); animation: fall-164 26s -5s linear infinite; } @keyframes fall-164 { 30.591% { transform: translate(82.3171vw, 61.182vh) scale(0.5145); } to { transform: translate(85.0215vw, 200vh) scale(0.5145); } } .snow:nth-child(165) { opacity: 0.4809; transform: translate(90.9034vw, -10px) scale(0.9525); animation: fall-165 22s -15s linear infinite; } @keyframes fall-165 { 79.231% { transform: translate(87.1708vw, 158.462vh) scale(0.9525); } to { transform: translate(89.0371vw, 200vh) scale(0.9525); } } .snow:nth-child(166) { opacity: 0.9132; transform: translate(0.5828vw, -10px) scale(0.8633); animation: fall-166 20s -24s linear infinite; } @keyframes fall-166 { 51.536% { transform: translate(-2.8661vw, 103.072vh) scale(0.8633); } to { transform: translate(-1.14165vw, 200vh) scale(0.8633); } } .snow:nth-child(167) { opacity: 0.8026; transform: translate(62.6713vw, -10px) scale(0.3708); animation: fall-167 29s -27s linear infinite; } @keyframes fall-167 { 66.572% { transform: translate(62.2335vw, 133.144vh) scale(0.3708); } to { transform: translate(62.4524vw, 200vh) scale(0.3708); } } .snow:nth-child(168) { opacity: 0.7966; transform: translate(58.3809vw, -10px) scale(0.6824); animation: fall-168 12s -7s linear infinite; } @keyframes fall-168 { 47.136% { transform: translate(65.0723vw, 94.272vh) scale(0.6824); } to { transform: translate(61.7266vw, 200vh) scale(0.6824); } } .snow:nth-child(169) { opacity: 0.9278; transform: translate(58.6855vw, -10px) scale(0.766); animation: fall-169 22s -26s linear infinite; } @keyframes fall-169 { 33.936% { transform: translate(56.9982vw, 67.872vh) scale(0.766); } to { transform: translate(57.84185vw, 200vh) scale(0.766); } } .snow:nth-child(170) { opacity: 0.3126; transform: translate(90.7281vw, -10px) scale(0.6233); animation: fall-170 23s -19s linear infinite; } @keyframes fall-170 { 65.635% { transform: translate(96.522vw, 131.27vh) scale(0.6233); } to { transform: translate(93.62505vw, 200vh) scale(0.6233); } } .snow:nth-child(171) { opacity: 0.694; transform: translate(64.8587vw, -10px) scale(0.7894); animation: fall-171 19s -18s linear infinite; } @keyframes fall-171 { 41.572% { transform: translate(66.2899vw, 83.144vh) scale(0.7894); } to { transform: translate(65.5743vw, 200vh) scale(0.7894); } } .snow:nth-child(172) { opacity: 0.3367; transform: translate(67.5968vw, -10px) scale(0.7521); animation: fall-172 23s -20s linear infinite; } @keyframes fall-172 { 71.298% { transform: translate(77.5688vw, 142.596vh) scale(0.7521); } to { transform: translate(72.5828vw, 200vh) scale(0.7521); } } .snow:nth-child(173) { opacity: 0.4215; transform: translate(88.9205vw, -10px) scale(0.2974); animation: fall-173 20s -23s linear infinite; } @keyframes fall-173 { 37.958% { transform: translate(96.1659vw, 75.916vh) scale(0.2974); } to { transform: translate(92.5432vw, 200vh) scale(0.2974); } } .snow:nth-child(174) { opacity: 0.2127; transform: translate(37.5996vw, -10px) scale(0.6807); animation: fall-174 15s -4s linear infinite; } @keyframes fall-174 { 34.08% { transform: translate(36.7387vw, 68.16vh) scale(0.6807); } to { transform: translate(37.16915vw, 200vh) scale(0.6807); } } .snow:nth-child(175) { opacity: 0.8003; transform: translate(4.6514vw, -10px) scale(0.891); animation: fall-175 23s -23s linear infinite; } @keyframes fall-175 { 43.582% { transform: translate(6.023vw, 87.164vh) scale(0.891); } to { transform: translate(5.3372vw, 200vh) scale(0.891); } } .snow:nth-child(176) { opacity: 0.3743; transform: translate(40.3468vw, -10px) scale(0.4727); animation: fall-176 14s -12s linear infinite; } @keyframes fall-176 { 65.47% { transform: translate(30.8186vw, 130.94vh) scale(0.4727); } to { transform: translate(35.5827vw, 200vh) scale(0.4727); } } .snow:nth-child(177) { opacity: 0.0707; transform: translate(50.7501vw, -10px) scale(0.2019); animation: fall-177 22s -5s linear infinite; } @keyframes fall-177 { 38.312% { transform: translate(57.2853vw, 76.624vh) scale(0.2019); } to { transform: translate(54.0177vw, 200vh) scale(0.2019); } } .snow:nth-child(178) { opacity: 0.1694; transform: translate(94.222vw, -10px) scale(0.9107); animation: fall-178 11s -16s linear infinite; } @keyframes fall-178 { 64.824% { transform: translate(103.3922vw, 129.648vh) scale(0.9107); } to { transform: translate(98.8071vw, 200vh) scale(0.9107); } } .snow:nth-child(179) { opacity: 0.369; transform: translate(14.6423vw, -10px) scale(0.2417); animation: fall-179 18s -28s linear infinite; } @keyframes fall-179 { 60.446% { transform: translate(8.4198vw, 120.892vh) scale(0.2417); } to { transform: translate(11.53105vw, 200vh) scale(0.2417); } } .snow:nth-child(180) { opacity: 0.5563; transform: translate(66.4493vw, -10px) scale(0.5585); animation: fall-180 13s -13s linear infinite; } @keyframes fall-180 { 38.987% { transform: translate(73.0411vw, 77.974vh) scale(0.5585); } to { transform: translate(69.7452vw, 200vh) scale(0.5585); } } .snow:nth-child(181) { opacity: 0.1579; transform: translate(27.8073vw, -10px) scale(0.2176); animation: fall-181 13s -26s linear infinite; } @keyframes fall-181 { 42.603% { transform: translate(34.9777vw, 85.206vh) scale(0.2176); } to { transform: translate(31.3925vw, 200vh) scale(0.2176); } } .snow:nth-child(182) { opacity: 0.1556; transform: translate(67.0557vw, -10px) scale(0.6855); animation: fall-182 25s -2s linear infinite; } @keyframes fall-182 { 34.637% { transform: translate(57.7892vw, 69.274vh) scale(0.6855); } to { transform: translate(62.42245vw, 200vh) scale(0.6855); } } .snow:nth-child(183) { opacity: 0.2454; transform: translate(57.9684vw, -10px) scale(0.9915); animation: fall-183 29s -29s linear infinite; } @keyframes fall-183 { 75.585% { transform: translate(52.2492vw, 151.17vh) scale(0.9915); } to { transform: translate(55.1088vw, 200vh) scale(0.9915); } } .snow:nth-child(184) { opacity: 0.8166; transform: translate(65.6044vw, -10px) scale(0.5696); animation: fall-184 27s -27s linear infinite; } @keyframes fall-184 { 50.089% { transform: translate(62.0837vw, 100.178vh) scale(0.5696); } to { transform: translate(63.84405vw, 200vh) scale(0.5696); } } .snow:nth-child(185) { opacity: 0.4871; transform: translate(67.4011vw, -10px) scale(0.6381); animation: fall-185 20s -2s linear infinite; } @keyframes fall-185 { 32.457% { transform: translate(69.8674vw, 64.914vh) scale(0.6381); } to { transform: translate(68.63425vw, 200vh) scale(0.6381); } } .snow:nth-child(186) { opacity: 0.6025; transform: translate(80.9085vw, -10px) scale(0.7666); animation: fall-186 12s -4s linear infinite; } @keyframes fall-186 { 35.161% { transform: translate(79.7889vw, 70.322vh) scale(0.7666); } to { transform: translate(80.3487vw, 200vh) scale(0.7666); } } .snow:nth-child(187) { opacity: 0.5968; transform: translate(0.4151vw, -10px) scale(0.6022); animation: fall-187 30s -18s linear infinite; } @keyframes fall-187 { 66.864% { transform: translate(2.9371vw, 133.728vh) scale(0.6022); } to { transform: translate(1.6761vw, 200vh) scale(0.6022); } } .snow:nth-child(188) { opacity: 0.2011; transform: translate(79.4462vw, -10px) scale(0.4342); animation: fall-188 10s -29s linear infinite; } @keyframes fall-188 { 53.049% { transform: translate(74.4944vw, 106.098vh) scale(0.4342); } to { transform: translate(76.9703vw, 200vh) scale(0.4342); } } .snow:nth-child(189) { opacity: 0.2224; transform: translate(20.5462vw, -10px) scale(0.5454); animation: fall-189 11s -11s linear infinite; } @keyframes fall-189 { 69.822% { transform: translate(11.2072vw, 139.644vh) scale(0.5454); } to { transform: translate(15.8767vw, 200vh) scale(0.5454); } } .snow:nth-child(190) { opacity: 0.2889; transform: translate(27.7595vw, -10px) scale(0.8819); animation: fall-190 11s -17s linear infinite; } @keyframes fall-190 { 63.115% { transform: translate(22.5911vw, 126.23vh) scale(0.8819); } to { transform: translate(25.1753vw, 200vh) scale(0.8819); } } .snow:nth-child(191) { opacity: 0.5752; transform: translate(93.9039vw, -10px) scale(0.011); animation: fall-191 10s -9s linear infinite; } @keyframes fall-191 { 48.474% { transform: translate(101.1734vw, 96.948vh) scale(0.011); } to { transform: translate(97.53865vw, 200vh) scale(0.011); } } .snow:nth-child(192) { opacity: 0.8001; transform: translate(94.158vw, -10px) scale(0.0129); animation: fall-192 28s -3s linear infinite; } @keyframes fall-192 { 38.955% { transform: translate(91.0114vw, 77.91vh) scale(0.0129); } to { transform: translate(92.5847vw, 200vh) scale(0.0129); } } .snow:nth-child(193) { opacity: 0.2967; transform: translate(28.0873vw, -10px) scale(0.7187); animation: fall-193 15s -20s linear infinite; } @keyframes fall-193 { 77.383% { transform: translate(37.0349vw, 154.766vh) scale(0.7187); } to { transform: translate(32.5611vw, 200vh) scale(0.7187); } } .snow:nth-child(194) { opacity: 0.5253; transform: translate(62.3167vw, -10px) scale(0.2807); animation: fall-194 20s -28s linear infinite; } @keyframes fall-194 { 31.65% { transform: translate(58.8364vw, 63.3vh) scale(0.2807); } to { transform: translate(60.57655vw, 200vh) scale(0.2807); } } .snow:nth-child(195) { opacity: 0.3798; transform: translate(25.7808vw, -10px) scale(0.616); animation: fall-195 13s -10s linear infinite; } @keyframes fall-195 { 55.169% { transform: translate(30.3837vw, 110.338vh) scale(0.616); } to { transform: translate(28.08225vw, 200vh) scale(0.616); } } .snow:nth-child(196) { opacity: 0.6672; transform: translate(55.2372vw, -10px) scale(0.9322); animation: fall-196 23s -26s linear infinite; } @keyframes fall-196 { 72.403% { transform: translate(61.2781vw, 144.806vh) scale(0.9322); } to { transform: translate(58.25765vw, 200vh) scale(0.9322); } } .snow:nth-child(197) { opacity: 0.3866; transform: translate(97.915vw, -10px) scale(0.4184); animation: fall-197 25s -20s linear infinite; } @keyframes fall-197 { 62.283% { transform: translate(88.1448vw, 124.566vh) scale(0.4184); } to { transform: translate(93.0299vw, 200vh) scale(0.4184); } } .snow:nth-child(198) { opacity: 0.3261; transform: translate(85.7608vw, -10px) scale(0.3439); animation: fall-198 15s -7s linear infinite; } @keyframes fall-198 { 63.859% { transform: translate(92.0497vw, 127.718vh) scale(0.3439); } to { transform: translate(88.90525vw, 200vh) scale(0.3439); } } .snow:nth-child(199) { opacity: 0.6213; transform: translate(34.4569vw, -10px) scale(0.9133); animation: fall-199 27s -4s linear infinite; } @keyframes fall-199 { 43.622% { transform: translate(32.1355vw, 87.244vh) scale(0.9133); } to { transform: translate(33.2962vw, 200vh) scale(0.9133); } } .snow:nth-child(200) { opacity: 0.0119; transform: translate(70.6018vw, -10px) scale(0.1897); animation: fall-200 17s -3s linear infinite; } @keyframes fall-200 { 61.912% { transform: translate(70.4465vw, 123.824vh) scale(0.1897); } to { transform: translate(70.52415vw, 200vh) scale(0.1897); } }</style><!-- s : art-container-event --><div class="art-container-event"><div class="art-content-inner main"><img alt="" src="https://image.a-rt.com/art/managing/event/20231215_holiday/pc/abc/bg-main.jpg" /></div><div class="art-content-inner"><img class="btn-map" src="https://image.a-rt.com/art/managing/event/20231215_holiday/pc/abc/bg-top.png" usemap="#map1" /><map name="map1"><!-- 브랜드 --><area alt="NIKE 결산 세일" coords="354,336,1562,522" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003897" shape="rect" target="_blank" /> <area alt="아디다스?" coords="356,534,750,640" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003907#tabEventProdContent1" shape="rect" /> <area alt="푸마?" coords="762,532,1156,638" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003907#tabEventProdContent2" shape="rect" /> <area alt="컨버스?" coords="1166,536,1564,642" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003907#tabEventProdContent3" shape="rect" /> <area alt="반스?" coords="354,652,650,756" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003907#tabEventProdContent4" shape="rect" /> <area alt="휠라?" coords="658,652,954,758" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003907#tabEventProdContent5" shape="rect" /> <area alt="스케쳐스" coords="962,648,1258,756" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003907#tabEventProdContent6" shape="rect" /> <area alt="누오보" coords="1270,652,1562,756" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003907#tabEventProdContent7" shape="rect" /> <!-- 카테고리 --> <area alt="BOOTS CLEARANCE" coords="360,1212,1564,1398" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003858" shape="rect" target="_blank" /> <area alt="스니커즈" coords="358,1416,750,1688" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003909#tabEventProdContent1" shape="rect" target="_blank" /> <area alt="러닝화" coords="756,1416,1154,1688" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003909#tabEventProdContent2" shape="rect" target="_blank" /> <area alt="키즈" coords="1166,1418,1560,1686" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003909#tabEventProdContent3" shape="rect" target="_blank" /> <area alt="더 많은 상품 보러가기" coords="670,1732,1252,1842" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003909" shape="rect" target="_blank" /> <!-- 온라인 브랜드 --> <area alt="SHOES" coords="352,2388,642,2764" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003911" shape="rect" target="_blank" /> <area alt="APPARELS" coords="660,2384,944,2764" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003912" shape="rect" target="_blank" /> <area alt="ACC" coords="972,2380,1254,2762" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003913" shape="rect" target="_blank" /> <area alt="KIDS" coords="1278,2376,1560,2764" href="https://abcmart.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003914" shape="rect" target="_blank" /></map><div class="snow-wrap"><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div></div><img src="https://image.a-rt.com/art/managing/event/20231215_holiday/pc/abc/bg-btm.jpg" /></div><div class="art-content-inner evt"><img class="btn-map" src="https://image.a-rt.com/art/managing/event/20231215_holiday/pc/abc/bg-top2.png" usemap="#map2" /><map name="map2"><area alt="경품 응모하기" coords="670,1382,1250,1494" href="https://www.a-rt.com/promotion/event/detail?eventNo=2000001924" shape="rect" target="_blank" /></map><div class="snow-wrap"><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div><div class="snow"> </div></div><div id="giftImage"> </div><img src="https://image.a-rt.com/art/managing/event/20231215_holiday/pc/abc/bg-btm2.jpg" /></div><div class="art-content-inner banner"><a href="https://grandstage.a-rt.com/promotion/planning-display/detail/main?plndpNo=2000003908" target="_blank"><img alt="GRAND STAGE 전용 상품 최대 80% 클리어런스" src="https://image.a-rt.com/art/managing/event/20231215_holiday/pc/abc/banner01.jpg" /> </a></div><div class="art-content-inner banner"><a href="https://www.a-rt.com/display/webzine/detail/main?wbznSeq=1438&contentsType=10006&wbznType=N&page=1" target="_blank"><img alt="Holiday Special Event, 댓글 작성하면 어그 부츠, 아디다스 신발 등 다양한 경품 증정" src="https://image.a-rt.com/art/managing/event/20231215_holiday/pc/abc/banner02.jpg" /> </a></div></div><!-- e : art-container-event --><!-- 기프트 이미지 교체 스크립트 --><script> $(function () { switchImage(); }); function switchImage() { var date = new Date(); var todayDate = date.getDate(); switch (todayDate) { case 15: case 16: case 17: $('#giftImage').attr('class', 'gift-01'); break; case 18: case 19: $('#giftImage').attr('class', 'gift-02'); break; case 20: case 21: case 22: case 23: case 24: case 25: $('#giftImage').attr('class', 'gift-03'); break; default: $('#giftImage').attr('class', 'gift-04'); } } </script><!-- 1920px 스크립트 --><script> $(function () { editorCalcWidth(); }); $(window).on({ resize: function () { editorCalcWidth(); }, }); function editorCalcWidth() { var width_size = $(window).width(); if (width_size > 1200) { $('.editor-wrap').css({ width: width_size, 'margin-left': -(width_size - 1200) / 2, }); } } </script><!-- 이미지맵 반응형 스크립트 --><script> function fixImageMaps(force) { var imgs = document.querySelectorAll('img[usemap]'); [].forEach.call(imgs, function (img) { if (!img.naturalHeight) { return; } var h = img.height / img.naturalHeight; var w = img.width / img.naturalWidth; var map = document.getElementsByName(img.useMap.slice(1))[0]; if (!map) { return; } for (var i = 0; i < map.children.length; i++) { var area = map.children[i]; if (!area.coords) { continue; } var coords = area.coords; if (!area.originalCoords) { area.originalCoords = coords; } else { coords = area.originalCoords; } var split = coords.split(','); var fixed = ''; split.forEach(function (coord, n) { if (n != 0) { fixed += ','; } fixed += n % 2 == 0 ? Number(coord) * w : Number(coord) * h; }); area.coords = fixed; } }); } window.onresize = fixImageMaps; window.onload = fixImageMaps; </script>
전체보기
-
최대 혜택가 원 [0%] 자세히
-
프로모션
0 원
-
일반쿠폰
0 원
-
플러스쿠폰
0 원
-
멤버십 상시 할인
0 원
- 모든 혜택이 적용된 금액으로, 실제 결제 금액과는 차이가 있을 수 있습니다.
-
| 스타일컬러 |
|
|
|---|---|---|
| 임직원가 | 0원 | |
| 출시예정일 | 일 시간 분 초 남았습니다. | |
| 예약주문기간 | ||
| 발송예정일 | (예정) | |
| 최대 적립 |
0P
최종 적립 포인트는 할인 쿠폰 및 쿠폰 적용, 프로모션 등을 반영하여 산정됩니다.
후기 포인트의 경우 동영상 후기 작성 시, 최대 1,500p 지급됩니다. (텍스트 500p, 포토 1,000p)
회원 가입 시 즉시 적립
APP 설치 시 1만원 할인쿠폰 지급 |
|
| 결제할인 | ||
| 카드혜택 | 무이자 할부 | |
| 배송방법 |
일반배송
|
|
| 배송방법 |
|
|
| 배송방법 |
배송지 추가 후 이용 가능합니다.
배송지 등록은 마이페이지>개인정보 관리>배송주소록 관리 또는
배송지 등록은 마이페이지>개인정보 관리>배송주소록 관리 또는 상품상세에서 가능합니다. 상품상세에서 가능합니다. 구주소로는 아트배송이 불가합니다. |
|
| 사이즈 |
|
|
| 추가 옵션 | ||
| 사은품 | 선착순 증정 *조기 소진 시 지급이 제한됩니다. |
|
| 관련용품 추가구매 |
관련용품
|
|
| DRAW 예정일 | 일 시간 분 초 남았습니다. | |
| DRAW 종료일 | 일 시간 분 초 남았습니다. | |
| DRAW 종료일 | ||
| 응모기간 | ~ | |
| 당첨자 발표 | ||
| 당첨자 구입일 | ~ | |
| 매장전용 상품안내 | 매장전용 상품은 매장에서만 구매 가능하며, 가격 및 사이즈, 재고 정보는 매장마다 상이할 수 있습니다. |
아트배송 쿠폰 다운
| 당일배송 |
|
|---|---|
| 새벽배송 |
|
총 결제금액
0 원
상품이 되면 입력하신 연락처로 알림톡 또는 SMS가 발송됩니다.
- 알림(런칭 상품과 재입고 상품 포함) 서비스는 신청 후 30일간 유효합니다.
(30일 이후에는 시에도 알림이 되지 않습니다.) - 신청 상품의 옵션 및 가격 등의 상품정보가 변동될 수 있으니 시 상품정보 확인 후 구매하시기 바랍니다.
- 소량 될 경우 재고가 소진 될 수 있으니 빠른 시일 내에 구매 하시기 바랍니다.
- 신청한 상품은 마이페이지 > 쇼핑수첩 > 찜한 상품/알림상품 내역 에서 확인 가능합니다.
- 개인정보의 SMS수신동의 여부와 관계없이 알림 메시지가 발송됩니다.
내가 원하는 시간 때 상품을 받는다!
아트배송-
아트배송 배송 시간/비용 안내
월~금 00시 부터 오전 11시까지 주문 시 당일 도착
- 월~목 오전 11시 이후 주문 시 익일 도착
- 금요일 오전 11시 이후 ~ 주말 주문 시 월요일 도착
- 배송비 : 3,000원
-
아트배송 배송 가능 지역 안내
서울, 경기, 인천 지역
- 일부 지역은 배송이 불가할 수 있으며,
정확한 서비스 가능 여부는 배송지 등록을 통해 확인이 가능합니다.
- 일부 지역은 배송이 불가할 수 있으며,
-
아트배송 교환/반품 안내
받으신 상품은 온라인/오프라인 매장 구분 없이 교환/반품/AS접수가 가능합니다.
아트배송 서비스 유의사항
- 아트배송은 통합 멤버십 회원 전용 서비스 입니다.
- 아트배송이 가능한 주문 수량이 마감되는 경우 또는 기상 상태에 따라 발송이 지연되거나 배송이 불가할 수 있습니다.
- 당사 사정에 따라 아트배송 서비스가 불가한 날이 있을 수 있으며, 사전에 공지드립니다.
- 아트배송은 1회 주문 시 한 개의 상품만 주문이 가능하며, 두 개 이상의 상품을 구매하실 경우 한 상품씩 개별로 주문하여 주시기 바랍니다.
- 배송 가능한 상품의 재고가 변경될 수 있습니다.
- 아트배송 주문 시 무통장 입금 또는 편의점 결제는 주문이 불가합니다.
- 아트배송 주문 시 일반 무료배송 쿠폰은 적용이 불가합니다.
- 아트배송 주문완료 후에는 상품 옵션 및 배송지 정보 변경이 불가합니다.
- 상품을 보관하기 어려운 배송지의 경우 자동 반송 처리될 수 있으며, 반송 시 배송비는 고객 부담으로 처리됩니다.
(기숙사, 상가 등 출입 제한 또는 분실 우려가 있는 경우 배송 불가) - 선물하기 주문 시에는 아트배송이 불가합니다.
- 배송 완료 후 교환/반품은 일반배송과 동일한 방식으로 진행됩니다.
| 매장 검색 |
|
|
|---|
매장에서 실시간 판매되고 있으므로 노출되는 정보와 차이가 있을 수 있습니다.
총 0개의 매장이 있습니다.
| 매장명 | 재고보유여부 | 매장명 | 재고보유여부 | 매장명 | 재고보유여부 |
|---|---|---|---|---|---|
| 조회된 결과가 없습니다. | |||||
| 배송방법 |
|
|---|
|
|
|
| 데이터가 없습니다. |
10개의 쿠폰 중 6개의 쿠폰이 다운로드 되었습니다.
4개의 쿠폰은 ID당 발급 횟수 초과로 인해 다운로드 되지 않았습니다.
받은 쿠폰
[ABC 신년맞이 반스 18% 주말쿠폰]
