body { margin: 0; padding: 0; background: #333; display: flex; justify-content: center; align-items: center; width: 100vw; height: 100vh; overflow: hidden; max-width: 100vw; max-height: 100vh; }
#banner { position: relative; width: 970px; height: 250px; background: #000000; overflow: hidden; opacity: 0; visibility: hidden; transition: opacity 0.4s; transform-origin: center center; }
#banner.ready { opacity: 1; visibility: visible; }
#clip-frame { position: absolute; top: 0; left: 0; width: 970px; height: 250px; clip-path: inset(0); isolation: isolate; }
.layer { position: absolute; top: 0; left: 0; will-change: transform; pointer-events: none; }
.filter-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.mask-container { overflow: hidden; transform: translateZ(0); }
.text-layer { white-space: pre; line-height: 1.2; -webkit-font-smoothing: antialiased; }
.clickable { cursor: pointer; pointer-events: auto; }
.hover-layer { pointer-events: none; opacity: 0; transition: opacity 0.3s; }
#LightBlueBG_71 {
    width: 974px; height: 254px;
    transform-origin: 487px 127px;
    transform: translate3d(-2px, -2px, 0) rotate(0deg) scale(1, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/LightBlueBG.svg'); background-size: contain; background-repeat: no-repeat;
}
#WhiteCircleBurstOn_70 {
    width: 254px; height: 254px;
    transform-origin: 127px 127px;
    transform: translate3d(358px, -2px, 0) rotate(0deg) scale(0, 0);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/WhiteCircleBurstOn.svg'); background-size: contain; background-repeat: no-repeat;
}
#LightBlueCircleBurstOn_69 {
    width: 254px; height: 254px;
    transform-origin: 127px 127px;
    transform: translate3d(358px, -2px, 0) rotate(0deg) scale(0, 0);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/LightBlueCircleBurstOn.svg'); background-size: contain; background-repeat: no-repeat;
}
#WhiteCircleBurstOn_68 {
    width: 254px; height: 254px;
    transform-origin: 127px 127px;
    transform: translate3d(358px, -2px, 0) rotate(0deg) scale(0, 0);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/WhiteCircleBurstOn.svg'); background-size: contain; background-repeat: no-repeat;
}
#LightBlueCiircleBurstOn_67 {
    width: 254px; height: 254px;
    transform-origin: 127px 127px;
    transform: translate3d(358px, -2px, 0) rotate(0deg) scale(0, 0);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/LightBlueCiircleBurstOn.svg'); background-size: contain; background-repeat: no-repeat;
}
#LeftOverlayBladeShape_66 {
    width: 147px; height: 254px;
    transform-origin: -256.5px 127px;
    transform: translate3d(63.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    mix-blend-mode: overlay;
    background-image: url('../img/LeftOverlayBladeShape.svg'); background-size: contain; background-repeat: no-repeat;
}
#RightOveralayBladeShape_65 {
    width: 147px; height: 254px;
    transform-origin: -256.5px 127px;
    transform: translate3d(762.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    mix-blend-mode: overlay;
    background-image: url('../img/RightOveralayBladeShape.svg'); background-size: contain; background-repeat: no-repeat;
}
#WhiteBladeShape_64 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(126.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/WhiteBladeShape.svg'); background-size: contain; background-repeat: no-repeat;
}
#DarkBlueBladeShape2_63 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(126.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/DarkBlueBladeShape2.svg'); background-size: contain; background-repeat: no-repeat;
}
#DarkBlueBladeShape3_62 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(126.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/DarkBlueBladeShape3.svg'); background-size: contain; background-repeat: no-repeat;
}
#DarkBlueBladeShape4_61 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(126.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/DarkBlueBladeShape4.svg'); background-size: contain; background-repeat: no-repeat;
}
#FFLogo-SVGexportsvg_60 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -142px, 0) rotate(0deg) scale(0.63, 0.63);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 767.9 12.61 L 463.77 12.61 L 463.77 185.13 L 767.9 185.13 Z'); -webkit-clip-path: path('M 767.9 12.61 L 463.77 12.61 L 463.77 185.13 L 767.9 185.13 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_59 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -142px, 0) rotate(0deg) scale(0.63, 0.63);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 460.63 14.13 L 409.4 14.13 L 409.4 117.67 L 460.63 117.67 Z'); -webkit-clip-path: path('M 460.63 14.13 L 409.4 14.13 L 409.4 117.67 L 460.63 117.67 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_58 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -142px, 0) rotate(0deg) scale(0.63, 0.63);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 409.26 16.57 L 353.06 16.57 L 353.06 112.47 L 409.26 112.47 Z'); -webkit-clip-path: path('M 409.26 16.57 L 353.06 16.57 L 353.06 112.47 L 409.26 112.47 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_57 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -142px, 0) rotate(0deg) scale(0.63, 0.63);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 352.07 15.38 L 300.28 15.38 L 300.28 106.73 L 352.07 106.73 Z'); -webkit-clip-path: path('M 352.07 15.38 L 300.28 15.38 L 300.28 106.73 L 352.07 106.73 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_56 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -142px, 0) rotate(0deg) scale(0.63, 0.63);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 296.45 14.19 L 248.1 14.19 L 248.1 106.42 L 296.45 106.42 Z'); -webkit-clip-path: path('M 296.45 14.19 L 248.1 14.19 L 248.1 106.42 L 296.45 106.42 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_55 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -142px, 0) rotate(0deg) scale(0.63, 0.63);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 245.79 9.43 L 222.5 9.43 L 222.5 106.42 L 245.79 106.42 Z'); -webkit-clip-path: path('M 245.79 9.43 L 222.5 9.43 L 222.5 106.42 L 245.79 106.42 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_54 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -142px, 0) rotate(0deg) scale(0.63, 0.63);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 224.74 13.8 L 164.17 13.8 L 164.17 116.49 L 224.74 116.49 Z'); -webkit-clip-path: path('M 224.74 13.8 L 164.17 13.8 L 164.17 116.49 L 224.74 116.49 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_53 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -142px, 0) rotate(0deg) scale(0.63, 0.63);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 168.85 12.61 L 110.99 12.61 L 110.99 107.23 L 168.85 107.23 Z'); -webkit-clip-path: path('M 168.85 12.61 L 110.99 12.61 L 110.99 107.23 L 168.85 107.23 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_52 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -142px, 0) rotate(0deg) scale(0.63, 0.63);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 112.58 7.45 L 55.03 7.45 L 55.03 120.65 L 112.58 120.65 Z'); -webkit-clip-path: path('M 112.58 7.45 L 55.03 7.45 L 55.03 120.65 L 112.58 120.65 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_51 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -142px, 0) rotate(0deg) scale(0.63, 0.63);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 56.56 -14.38 L -26.71 -14.38 L -26.71 117.62 L 56.56 117.62 Z'); -webkit-clip-path: path('M 56.56 -14.38 L -26.71 -14.38 L -26.71 117.62 L 56.56 117.62 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#WhiteCircleBurstOn2_50 {
    width: 254px; height: 254px;
    transform-origin: 127px 127px;
    transform: translate3d(358px, -2px, 0) rotate(0deg) scale(0, 0);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/WhiteCircleBurstOn2.svg'); background-size: contain; background-repeat: no-repeat;
}
#LightBlueCircleBurstOn2_49 {
    width: 254px; height: 254px;
    transform-origin: 127px 127px;
    transform: translate3d(358px, -2px, 0) rotate(0deg) scale(0, 0);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/LightBlueCircleBurstOn2.svg'); background-size: contain; background-repeat: no-repeat;
}
#WhiteCircleBurstOn3_48 {
    width: 254px; height: 254px;
    transform-origin: 127px 127px;
    transform: translate3d(358px, -2px, 0) rotate(0deg) scale(0, 0);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/WhiteCircleBurstOn3.svg'); background-size: contain; background-repeat: no-repeat;
}
#LightBlueCiircleBurstOn2_47 {
    width: 254px; height: 254px;
    transform-origin: 127px 127px;
    transform: translate3d(358px, -2px, 0) rotate(0deg) scale(0, 0);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/LightBlueCiircleBurstOn2.svg'); background-size: contain; background-repeat: no-repeat;
}
#Forstyleandflair_46 {
    width: 666.668052613735px; height: 108.780001699924px;
    transform-origin: 333.518px 70.656px;
    transform: translate3d(151.665976345539px, 80.6099982261658px, 0) rotate(0deg) scale(1, 1);
    opacity: 1;
    overflow: visible;
    
    font-family: "NanumGothic", sans-serif; font-size: 92px; color: #ffffff; text-align: center; letter-spacing: -0.05em;
    line-height: 1.1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
}
#Forstyleandflair_46 .anime-unit {
    display: inline-block; vertical-align: top; white-space: pre; opacity: 0; transform: translateX(1000px) translateY(0px) rotate(0deg) scale(1);
}
#LeftOverlayBladeShape2_45 {
    width: 147px; height: 254px;
    transform-origin: -256.5px 127px;
    transform: translate3d(-253.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    mix-blend-mode: overlay;
    background-image: url('../img/LeftOverlayBladeShape2.svg'); background-size: contain; background-repeat: no-repeat;
}
#RightOveralayBladeShape2_44 {
    width: 147px; height: 254px;
    transform-origin: -256.5px 127px;
    transform: translate3d(445.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    mix-blend-mode: overlay;
    background-image: url('../img/RightOveralayBladeShape2.svg'); background-size: contain; background-repeat: no-repeat;
}
#WhiteBladeShape2_43 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(-190.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/WhiteBladeShape2.svg'); background-size: contain; background-repeat: no-repeat;
}
#DarkBlueBladeShape5_42 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(-190.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/DarkBlueBladeShape5.svg'); background-size: contain; background-repeat: no-repeat;
}
#DarkBlueBladeShape6_41 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(-190.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/DarkBlueBladeShape6.svg'); background-size: contain; background-repeat: no-repeat;
}
#DarkBlueBladeShape7_40 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(-190.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/DarkBlueBladeShape7.svg'); background-size: contain; background-repeat: no-repeat;
}
#LivingRooms_39 {
    width: 356.784007534385px; height: 77.9080046415329px;
    transform-origin: 176.532px 45.632px;
    transform: translate3d(53.4680149108171px, 96.0459976792336px, 0) rotate(0deg) scale(1, 1);
    opacity: 1;
    overflow: visible;
    
    font-family: "NanumGothic", sans-serif; font-size: 62px; color: #ffffff; text-align: center; letter-spacing: -0.05em;
    line-height: 1.1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
}
#LivingRooms_39 .anime-unit {
    display: inline-block; vertical-align: top; white-space: pre; opacity: 0; transform: translateX(0px) translateY(175px) rotate(0deg) scale(1);
}
#SofaPNGpng_38 {
    width: 1080px; height: 1080px;
    transform-origin: 540px 540px;
    transform: translate3d(205px, -643px, 0) rotate(0deg) scale(0.31, 0.31);
    opacity: 1;
    overflow: hidden;
    
}
#LeftOverlayBladeShape3_37 {
    width: 147px; height: 254px;
    transform-origin: -256.5px 127px;
    transform: translate3d(-253.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    mix-blend-mode: overlay;
    background-image: url('../img/LeftOverlayBladeShape3.svg'); background-size: contain; background-repeat: no-repeat;
}
#RightOveralayBladeShape3_36 {
    width: 147px; height: 254px;
    transform-origin: -256.5px 127px;
    transform: translate3d(445.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    mix-blend-mode: overlay;
    background-image: url('../img/RightOveralayBladeShape3.svg'); background-size: contain; background-repeat: no-repeat;
}
#WhiteBladeShape3_35 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(-190.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/WhiteBladeShape3.svg'); background-size: contain; background-repeat: no-repeat;
}
#DarkBlueBladeShape8_34 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(-190.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/DarkBlueBladeShape8.svg'); background-size: contain; background-repeat: no-repeat;
}
#DarkBlueBladeShape9_33 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(-190.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/DarkBlueBladeShape9.svg'); background-size: contain; background-repeat: no-repeat;
}
#DarkBlueBladeShape10_32 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(-190.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/DarkBlueBladeShape10.svg'); background-size: contain; background-repeat: no-repeat;
}
#Bedrooms_31 {
    width: 279.532008633018px; height: 70.2820023521781px;
    transform-origin: 137.906px 46.624px;
    transform: translate3d(92.0939914733171px, 95.0539993643761px, 0) rotate(0deg) scale(1, 1);
    opacity: 1;
    overflow: visible;
    
    font-family: "NanumGothic", sans-serif; font-size: 62px; color: #ffffff; text-align: center; letter-spacing: -0.05em;
    line-height: 1.1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
}
#Bedrooms_31 .anime-unit {
    display: inline-block; vertical-align: top; white-space: pre; opacity: 0; transform: translateX(0px) translateY(175px) rotate(0deg) scale(1);
}
#BedPNGpng_30 {
    width: 1080px; height: 1080px;
    transform-origin: 540px 540px;
    transform: translate3d(205px, -643px, 0) rotate(0deg) scale(0.31, 0.31);
    opacity: 1;
    overflow: hidden;
    
}
#LeftOverlayBladeShape4_29 {
    width: 147px; height: 254px;
    transform-origin: -256.5px 127px;
    transform: translate3d(-253.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    mix-blend-mode: overlay;
    background-image: url('../img/LeftOverlayBladeShape4.svg'); background-size: contain; background-repeat: no-repeat;
}
#RightOveralayBladeShape4_28 {
    width: 147px; height: 254px;
    transform-origin: -256.5px 127px;
    transform: translate3d(445.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    mix-blend-mode: overlay;
    background-image: url('../img/RightOveralayBladeShape4.svg'); background-size: contain; background-repeat: no-repeat;
}
#WhiteBladeShape4_27 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(-190.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/WhiteBladeShape4.svg'); background-size: contain; background-repeat: no-repeat;
}
#DarkBlueBladeShape11_26 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(-190.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/DarkBlueBladeShape11.svg'); background-size: contain; background-repeat: no-repeat;
}
#DarkBlueBladeShape12_25 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(-190.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/DarkBlueBladeShape12.svg'); background-size: contain; background-repeat: no-repeat;
}
#DarkBlueBladeShape13_24 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(-190.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/DarkBlueBladeShape13.svg'); background-size: contain; background-repeat: no-repeat;
}
#DiningRooms_23 {
    width: 379.352012291551px; height: 77.9080046415329px;
    transform-origin: 187.785px 45.632px;
    transform: translate3d(42.2150125950575px, 96.0459976792336px, 0) rotate(0deg) scale(1, 1);
    opacity: 1;
    overflow: visible;
    
    font-family: "NanumGothic", sans-serif; font-size: 62px; color: #ffffff; text-align: center; letter-spacing: -0.05em;
    line-height: 1.1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
}
#DiningRooms_23 .anime-unit {
    display: inline-block; vertical-align: top; white-space: pre; opacity: 0; transform: translateX(0px) translateY(175px) rotate(0deg) scale(1);
}
#DiningPNGpng_22 {
    width: 1613px; height: 1613px;
    transform-origin: 806.5px 806.5px;
    transform: translate3d(-61.5px, -909.5px, 0) rotate(0deg) scale(0.22, 0.22);
    opacity: 1;
    overflow: hidden;
    
}
#LeftOverlayBladeShape5_21 {
    width: 147px; height: 254px;
    transform-origin: -256.5px 127px;
    transform: translate3d(-253.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    mix-blend-mode: overlay;
    background-image: url('../img/LeftOverlayBladeShape5.svg'); background-size: contain; background-repeat: no-repeat;
}
#RightOveralayBladeShape5_20 {
    width: 147px; height: 254px;
    transform-origin: -256.5px 127px;
    transform: translate3d(445.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    mix-blend-mode: overlay;
    background-image: url('../img/RightOveralayBladeShape5.svg'); background-size: contain; background-repeat: no-repeat;
}
#WhiteBladeShape5_19 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(-190.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/WhiteBladeShape5.svg'); background-size: contain; background-repeat: no-repeat;
}
#DarkBlueBladeShape14_18 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(-190.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/DarkBlueBladeShape14.svg'); background-size: contain; background-repeat: no-repeat;
}
#DarkBlueBladeShape15_17 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(-190.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/DarkBlueBladeShape15.svg'); background-size: contain; background-repeat: no-repeat;
}
#DarkBlueBladeShape16_16 {
    width: 717px; height: 254px;
    transform-origin: 313.5px 127px;
    transform: translate3d(-190.5px, -2px, 0) rotate(0deg) scale(0, 1);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/DarkBlueBladeShape16.svg'); background-size: contain; background-repeat: no-repeat;
}
#Mattresses_15 {
    width: 291.745998948812px; height: 66.9960040077567px;
    transform-origin: 143.889px 43.338px;
    transform: translate3d(86.1109887063503px, 98.3399977087975px, 0) rotate(0deg) scale(1, 1);
    opacity: 1;
    overflow: visible;
    
    font-family: "NanumGothic", sans-serif; font-size: 62px; color: #ffffff; text-align: center; letter-spacing: -0.05em;
    line-height: 1.1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
}
#Mattresses_15 .anime-unit {
    display: inline-block; vertical-align: top; white-space: pre; opacity: 0; transform: translateX(0px) translateY(175px) rotate(0deg) scale(1);
}
#MattressPNGpng_14 {
    width: 1080px; height: 1080px;
    transform-origin: 540px 540px;
    transform: translate3d(205px, -643px, 0) rotate(0deg) scale(0.34, 0.34);
    opacity: 1;
    overflow: hidden;
    
}
#WhiteCircleBurstOn4_13 {
    width: 254px; height: 254px;
    transform-origin: 127px 127px;
    transform: translate3d(358px, -2px, 0) rotate(0deg) scale(0, 0);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/WhiteCircleBurstOn4.svg'); background-size: contain; background-repeat: no-repeat;
}
#LightBlueCircleBurstOn3_12 {
    width: 254px; height: 254px;
    transform-origin: 127px 127px;
    transform: translate3d(358px, -2px, 0) rotate(0deg) scale(0, 0);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/LightBlueCircleBurstOn3.svg'); background-size: contain; background-repeat: no-repeat;
}
#LightBlueCircleBurstOn4_11 {
    width: 254px; height: 254px;
    transform-origin: 127px 127px;
    transform: translate3d(358px, -2px, 0) rotate(0deg) scale(0, 0);
    opacity: 1;
    overflow: visible;
    background-image: url('../img/LightBlueCircleBurstOn4.svg'); background-size: contain; background-repeat: no-repeat;
}
#FFLogo-SVGexportsvg_10 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -229.35px, 0) rotate(0deg) scale(0.8253, 0.8253);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 767.9 12.61 L 463.77 12.61 L 463.77 185.13 L 767.9 185.13 Z'); -webkit-clip-path: path('M 767.9 12.61 L 463.77 12.61 L 463.77 185.13 L 767.9 185.13 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_9 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -229.35px, 0) rotate(0deg) scale(0.8253, 0.8253);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 460.63 14.13 L 409.4 14.13 L 409.4 117.67 L 460.63 117.67 Z'); -webkit-clip-path: path('M 460.63 14.13 L 409.4 14.13 L 409.4 117.67 L 460.63 117.67 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_8 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -229.35px, 0) rotate(0deg) scale(0.8253, 0.8253);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 409.26 16.57 L 353.06 16.57 L 353.06 112.47 L 409.26 112.47 Z'); -webkit-clip-path: path('M 409.26 16.57 L 353.06 16.57 L 353.06 112.47 L 409.26 112.47 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_7 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -229.35px, 0) rotate(0deg) scale(0.8253, 0.8253);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 352.07 15.38 L 300.28 15.38 L 300.28 106.73 L 352.07 106.73 Z'); -webkit-clip-path: path('M 352.07 15.38 L 300.28 15.38 L 300.28 106.73 L 352.07 106.73 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_6 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -229.35px, 0) rotate(0deg) scale(0.8253, 0.8253);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 296.45 14.19 L 248.1 14.19 L 248.1 106.42 L 296.45 106.42 Z'); -webkit-clip-path: path('M 296.45 14.19 L 248.1 14.19 L 248.1 106.42 L 296.45 106.42 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_5 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -229.35px, 0) rotate(0deg) scale(0.8253, 0.8253);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 245.79 9.43 L 222.5 9.43 L 222.5 106.42 L 245.79 106.42 Z'); -webkit-clip-path: path('M 245.79 9.43 L 222.5 9.43 L 222.5 106.42 L 245.79 106.42 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_4 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -229.35px, 0) rotate(0deg) scale(0.8253, 0.8253);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 224.74 13.8 L 164.17 13.8 L 164.17 116.49 L 224.74 116.49 Z'); -webkit-clip-path: path('M 224.74 13.8 L 164.17 13.8 L 164.17 116.49 L 224.74 116.49 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_3 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -229.35px, 0) rotate(0deg) scale(0.8253, 0.8253);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 168.85 12.61 L 110.99 12.61 L 110.99 107.23 L 168.85 107.23 Z'); -webkit-clip-path: path('M 168.85 12.61 L 110.99 12.61 L 110.99 107.23 L 168.85 107.23 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_2 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -229.35px, 0) rotate(0deg) scale(0.8253, 0.8253);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 112.58 7.45 L 55.03 7.45 L 55.03 120.65 L 112.58 120.65 Z'); -webkit-clip-path: path('M 112.58 7.45 L 55.03 7.45 L 55.03 120.65 L 112.58 120.65 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}
#FFLogo-SVGexportsvg_1 {
    width: 745px; height: 164px;
    transform-origin: 372.5px 82px;
    transform: translate3d(112.5px, -229.35px, 0) rotate(0deg) scale(0.8253, 0.8253);
    opacity: 1;
    overflow: hidden;
    clip-path: path('M 56.56 -14.38 L -26.71 -14.38 L -26.71 117.62 L 56.56 117.62 Z'); -webkit-clip-path: path('M 56.56 -14.38 L -26.71 -14.38 L -26.71 117.62 L 56.56 117.62 Z'); clip-rule: evenodd; -webkit-clip-rule: evenodd;
    
}