/* 607325 : 스크롤 애니메이션 라이브러리 */ #container [data-ani] {transition-duration:1s; transition-delay:0s; transition-timing-function:ease;} #container [data-ani-duration="50"] {transition-duration:.05s} #container [data-ani-duration="100"] {transition-duration:.1s} #container [data-ani-duration="150"] {transition-duration:.15s} #container [data-ani-duration="200"] {transition-duration:.2s} #container [data-ani-duration="250"] {transition-duration:.25s} #container [data-ani-duration="300"] {transition-duration:.3s} #container [data-ani-duration="350"] {transition-duration:.35s} #container [data-ani-duration="400"] {transition-duration:.4s} #container [data-ani-duration="450"] {transition-duration:.45s} #container [data-ani-duration="500"] {transition-duration:.5s} #container [data-ani-duration="550"] {transition-duration:.55s} #container [data-ani-duration="600"] {transition-duration:.6s} #container [data-ani-duration="650"] {transition-duration:.65s} #container [data-ani-duration="700"] {transition-duration:.7s} #container [data-ani-duration="750"] {transition-duration:.75s} #container [data-ani-duration="800"] {transition-duration:.8s} #container [data-ani-duration="850"] {transition-duration:.85s} #container [data-ani-duration="900"] {transition-duration:.9s} #container [data-ani-duration="950"] {transition-duration:.95s} #container [data-ani-duration="1000"] {transition-duration:1s} #container [data-ani-duration="1050"] {transition-duration:1.05s} #container [data-ani-duration="1100"] {transition-duration:1.1s} #container [data-ani-duration="1150"] {transition-duration:1.15s} #container [data-ani-duration="1200"] {transition-duration:1.2s} #container [data-ani-duration="1250"] {transition-duration:1.25s} #container [data-ani-duration="1300"] {transition-duration:1.3s} #container [data-ani-duration="1350"] {transition-duration:1.35s} #container [data-ani-duration="1400"] {transition-duration:1.4s} #container [data-ani-duration="1450"] {transition-duration:1.45s} #container [data-ani-duration="1500"] {transition-duration:1.5s} #container [data-ani-duration="1550"] {transition-duration:1.55s} #container [data-ani-duration="1600"] {transition-duration:1.6s} #container [data-ani-duration="1650"] {transition-duration:1.65s} #container [data-ani-duration="1700"] {transition-duration:1.7s} #container [data-ani-duration="1750"] {transition-duration:1.75s} #container [data-ani-duration="1800"] {transition-duration:1.8s} #container [data-ani-duration="1850"] {transition-duration:1.85s} #container [data-ani-duration="1900"] {transition-duration:1.9s} #container [data-ani-duration="1950"] {transition-duration:1.95s} #container [data-ani-duration="2000"] {transition-duration:2s} #container [data-ani-duration="2050"] {transition-duration:2.05s} #container [data-ani-duration="2100"] {transition-duration:2.1s} #container [data-ani-duration="2150"] {transition-duration:2.15s} #container [data-ani-duration="2200"] {transition-duration:2.2s} #container [data-ani-duration="2250"] {transition-duration:2.25s} #container [data-ani-duration="2300"] {transition-duration:2.3s} #container [data-ani-duration="2350"] {transition-duration:2.35s} #container [data-ani-duration="2400"] {transition-duration:2.4s} #container [data-ani-duration="2450"] {transition-duration:2.45s} #container [data-ani-duration="2500"] {transition-duration:2.5s} #container [data-ani-duration="2550"] {transition-duration:2.55s} #container [data-ani-duration="2600"] {transition-duration:2.6s} #container [data-ani-duration="2650"] {transition-duration:2.65s} #container [data-ani-duration="2700"] {transition-duration:2.7s} #container [data-ani-duration="2750"] {transition-duration:2.75s} #container [data-ani-duration="2800"] {transition-duration:2.8s} #container [data-ani-duration="2850"] {transition-duration:2.85s} #container [data-ani-duration="2900"] {transition-duration:2.9s} #container [data-ani-duration="2950"] {transition-duration:2.95s} #container [data-ani-duration="3000"] {transition-duration:3s} #container [data-ani-duration="3050"] {transition-duration:3.05s} #container [data-ani-duration="3100"] {transition-duration:3.1s} #container [data-ani-duration="3150"] {transition-duration:3.15s} #container [data-ani-duration="3200"] {transition-duration:3.2s} #container [data-ani-duration="3250"] {transition-duration:3.25s} #container [data-ani-duration="3300"] {transition-duration:3.3s} #container [data-ani-duration="3350"] {transition-duration:3.35s} #container [data-ani-duration="3400"] {transition-duration:3.4s} #container [data-ani-duration="3450"] {transition-duration:3.45s} #container [data-ani-duration="3500"] {transition-duration:3.5s} #container [data-ani-duration="3550"] {transition-duration:3.55s} #container [data-ani-duration="3600"] {transition-duration:3.6s} #container [data-ani-duration="3650"] {transition-duration:3.65s} #container [data-ani-duration="3700"] {transition-duration:3.7s} #container [data-ani-duration="3750"] {transition-duration:3.75s} #container [data-ani-duration="3800"] {transition-duration:3.8s} #container [data-ani-duration="3850"] {transition-duration:3.85s} #container [data-ani-duration="3900"] {transition-duration:3.9s} #container [data-ani-duration="3950"] {transition-duration:3.95s} #container [data-ani-duration="4000"] {transition-duration:4s} #container [data-ani-duration="4050"] {transition-duration:4.05s} #container [data-ani-duration="4100"] {transition-duration:4.1s} #container [data-ani-duration="4150"] {transition-duration:4.15s} #container [data-ani-duration="4200"] {transition-duration:4.2s} #container [data-ani-duration="4250"] {transition-duration:4.25s} #container [data-ani-duration="4300"] {transition-duration:4.3s} #container [data-ani-duration="4350"] {transition-duration:4.35s} #container [data-ani-duration="4400"] {transition-duration:4.4s} #container [data-ani-duration="4450"] {transition-duration:4.45s} #container [data-ani-duration="4500"] {transition-duration:4.5s} #container [data-ani-duration="4550"] {transition-duration:4.55s} #container [data-ani-duration="4600"] {transition-duration:4.6s} #container [data-ani-duration="4650"] {transition-duration:4.65s} #container [data-ani-duration="4700"] {transition-duration:4.7s} #container [data-ani-duration="4750"] {transition-duration:4.75s} #container [data-ani-duration="4800"] {transition-duration:4.8s} #container [data-ani-duration="4850"] {transition-duration:4.85s} #container [data-ani-duration="4900"] {transition-duration:4.9s} #container [data-ani-duration="4950"] {transition-duration:4.95s} #container [data-ani-duration="5000"] {transition-duration:5s} #container [data-ani-delay="50"] {transition-delay:.05s} #container [data-ani-delay="100"] {transition-delay:.1s} #container [data-ani-delay="150"] {transition-delay:.15s} #container [data-ani-delay="200"] {transition-delay:.2s} #container [data-ani-delay="250"] {transition-delay:.25s} #container [data-ani-delay="300"] {transition-delay:.3s} #container [data-ani-delay="350"] {transition-delay:.35s} #container [data-ani-delay="400"] {transition-delay:.4s} #container [data-ani-delay="450"] {transition-delay:.45s} #container [data-ani-delay="500"] {transition-delay:.5s} #container [data-ani-delay="550"] {transition-delay:.55s} #container [data-ani-delay="600"] {transition-delay:.6s} #container [data-ani-delay="650"] {transition-delay:.65s} #container [data-ani-delay="700"] {transition-delay:.7s} #container [data-ani-delay="750"] {transition-delay:.75s} #container [data-ani-delay="800"] {transition-delay:.8s} #container [data-ani-delay="850"] {transition-delay:.85s} #container [data-ani-delay="900"] {transition-delay:.9s} #container [data-ani-delay="950"] {transition-delay:.95s} #container [data-ani-delay="1000"] {transition-delay:1s} #container [data-ani-delay="1050"] {transition-delay:1.05s} #container [data-ani-delay="1100"] {transition-delay:1.1s} #container [data-ani-delay="1150"] {transition-delay:1.15s} #container [data-ani-delay="1200"] {transition-delay:1.2s} #container [data-ani-delay="1250"] {transition-delay:1.25s} #container [data-ani-delay="1300"] {transition-delay:1.3s} #container [data-ani-delay="1350"] {transition-delay:1.35s} #container [data-ani-delay="1400"] {transition-delay:1.4s} #container [data-ani-delay="1450"] {transition-delay:1.45s} #container [data-ani-delay="1500"] {transition-delay:1.5s} #container [data-ani-delay="1550"] {transition-delay:1.55s} #container [data-ani-delay="1600"] {transition-delay:1.6s} #container [data-ani-delay="1650"] {transition-delay:1.65s} #container [data-ani-delay="1700"] {transition-delay:1.7s} #container [data-ani-delay="1750"] {transition-delay:1.75s} #container [data-ani-delay="1800"] {transition-delay:1.8s} #container [data-ani-delay="1850"] {transition-delay:1.85s} #container [data-ani-delay="1900"] {transition-delay:1.9s} #container [data-ani-delay="1950"] {transition-delay:1.95s} #container [data-ani-delay="2000"] {transition-delay:2s} #container [data-ani-delay="2050"] {transition-delay:2.05s} #container [data-ani-delay="2100"] {transition-delay:2.1s} #container [data-ani-delay="2150"] {transition-delay:2.15s} #container [data-ani-delay="2200"] {transition-delay:2.2s} #container [data-ani-delay="2250"] {transition-delay:2.25s} #container [data-ani-delay="2300"] {transition-delay:2.3s} #container [data-ani-delay="2350"] {transition-delay:2.35s} #container [data-ani-delay="2400"] {transition-delay:2.4s} #container [data-ani-delay="2450"] {transition-delay:2.45s} #container [data-ani-delay="2500"] {transition-delay:2.5s} #container [data-ani-delay="2550"] {transition-delay:2.55s} #container [data-ani-delay="2600"] {transition-delay:2.6s} #container [data-ani-delay="2650"] {transition-delay:2.65s} #container [data-ani-delay="2700"] {transition-delay:2.7s} #container [data-ani-delay="2750"] {transition-delay:2.75s} #container [data-ani-delay="2800"] {transition-delay:2.8s} #container [data-ani-delay="2850"] {transition-delay:2.85s} #container [data-ani-delay="2900"] {transition-delay:2.9s} #container [data-ani-delay="2950"] {transition-delay:2.95s} #container [data-ani-delay="3000"] {transition-delay:3s} #container [data-ani-delay="3050"] {transition-delay:3.05s} #container [data-ani-delay="3100"] {transition-delay:3.1s} #container [data-ani-delay="3150"] {transition-delay:3.15s} #container [data-ani-delay="3200"] {transition-delay:3.2s} #container [data-ani-delay="3250"] {transition-delay:3.25s} #container [data-ani-delay="3300"] {transition-delay:3.3s} #container [data-ani-delay="3350"] {transition-delay:3.35s} #container [data-ani-delay="3400"] {transition-delay:3.4s} #container [data-ani-delay="3450"] {transition-delay:3.45s} #container [data-ani-delay="3500"] {transition-delay:3.5s} #container [data-ani-delay="3550"] {transition-delay:3.55s} #container [data-ani-delay="3600"] {transition-delay:3.6s} #container [data-ani-delay="3650"] {transition-delay:3.65s} #container [data-ani-delay="3700"] {transition-delay:3.7s} #container [data-ani-delay="3750"] {transition-delay:3.75s} #container [data-ani-delay="3800"] {transition-delay:3.8s} #container [data-ani-delay="3850"] {transition-delay:3.85s} #container [data-ani-delay="3900"] {transition-delay:3.9s} #container [data-ani-delay="3950"] {transition-delay:3.95s} #container [data-ani-delay="4000"] {transition-delay:4s} #container [data-ani-delay="4050"] {transition-delay:4.05s} #container [data-ani-delay="4100"] {transition-delay:4.1s} #container [data-ani-delay="4150"] {transition-delay:4.15s} #container [data-ani-delay="4200"] {transition-delay:4.2s} #container [data-ani-delay="4250"] {transition-delay:4.25s} #container [data-ani-delay="4300"] {transition-delay:4.3s} #container [data-ani-delay="4350"] {transition-delay:4.35s} #container [data-ani-delay="4400"] {transition-delay:4.4s} #container [data-ani-delay="4450"] {transition-delay:4.45s} #container [data-ani-delay="4500"] {transition-delay:4.5s} #container [data-ani-delay="4550"] {transition-delay:4.55s} #container [data-ani-delay="4600"] {transition-delay:4.6s} #container [data-ani-delay="4650"] {transition-delay:4.65s} #container [data-ani-delay="4700"] {transition-delay:4.7s} #container [data-ani-delay="4750"] {transition-delay:4.75s} #container [data-ani-delay="4800"] {transition-delay:4.8s} #container [data-ani-delay="4850"] {transition-delay:4.85s} #container [data-ani-delay="4900"] {transition-delay:4.9s} #container [data-ani-delay="4950"] {transition-delay:4.95s} #container [data-ani-delay="5000"] {transition-delay:5s} #container [data-ani-easing=linear] { transition-timing-function:cubic-bezier(.25, .25, .75, .75)} #container [data-ani-easing=ease] { transition-timing-function:ease} #container [data-ani-easing=ease-in] { transition-timing-function:ease-in} #container [data-ani-easing=ease-out] { transition-timing-function:ease-out} #container [data-ani-easing=ease-in-out]{ transition-timing-function:ease-in-out} #container [data-ani-easing=ease-in-back] { transition-timing-function:cubic-bezier(.6, -.28, .735, .045)} #container [data-ani-easing=ease-out-back] { transition-timing-function:cubic-bezier(.175, .885, .32, 1.275)} #container [data-ani-easing=ease-in-out-back] { transition-timing-function:cubic-bezier(.68, -.55, .265, 1.55)} #container [data-ani-easing=ease-in-sine] { transition-timing-function:cubic-bezier(.47, 0, .745, .715)} #container [data-ani-easing=ease-out-sine] { transition-timing-function:cubic-bezier(.39, .575, .565, 1)} #container [data-ani-easing=ease-in-out-sine] { transition-timing-function:cubic-bezier(.445, .05, .55, .95)} #container [data-ani-easing=ease-in-quad] { transition-timing-function:cubic-bezier(.55, .085, .68, .53)} #container [data-ani-easing=ease-out-quad] { transition-timing-function:cubic-bezier(.25, .46, .45, .94)} #container [data-ani-easing=ease-in-out-quad] { transition-timing-function:cubic-bezier(.455, .03, .515, .955)} #container [data-ani-easing=ease-in-cubic] { transition-timing-function:cubic-bezier(.55, .085, .68, .53)} #container [data-ani-easing=ease-out-cubic] { transition-timing-function:cubic-bezier(.25, .46, .45, .94)} #container [data-ani-easing=ease-in-out-cubic] { transition-timing-function:cubic-bezier(.455, .03, .515, .955)} #container [data-ani-easing=ease-in-quart] { transition-timing-function:cubic-bezier(.55, .085, .68, .53)} #container [data-ani-easing=ease-out-quart] { transition-timing-function:cubic-bezier(.25, .46, .45, .94)} #container [data-ani-easing=ease-in-out-quart] { transition-timing-function:cubic-bezier(.455, .03, .515, .955)} #container [data-ani^=fade] { opacity:0; transition-property:opacity, transform} #container [data-ani=fade-up] { transform:translate3d(0, 100px, 0)} #container [data-ani=fade-down] { transform:translate3d(0, -100px, 0)} #container [data-ani=fade-right] { transform:translate3d(-100px, 0, 0)} #container [data-ani=fade-left] { transform:translate3d(100px, 0, 0)} #container [data-ani=fade-up-right] { transform:translate3d(-100px, 100px, 0)} #container [data-ani=fade-up-left] { transform:translate3d(100px, 100px, 0)} #container [data-ani=fade-down-right] { transform:translate3d(-100px, -100px, 0)} #container [data-ani=fade-down-left] { transform:translate3d(100px, -100px, 0)} #container .active [data-ani^=fade] { opacity:1; transform:translateZ(0)} #container [data-ani^=zoom] { opacity:0; transition-property:opacity, transform} #container [data-ani=zoom-in] { transform:scale(.6)} #container [data-ani=zoom-in-up] { transform:translate3d(0, 100px, 0) scale(.6)} #container [data-ani=zoom-in-down] { transform:translate3d(0, -100px, 0) scale(.6)} #container [data-ani=zoom-in-right] { transform:translate3d(-100px, 0, 0) scale(.6)} #container [data-ani=zoom-in-left] { transform:translate3d(100px, 0, 0) scale(.6)} #container [data-ani=zoom-out] { transform:scale(1.2)} #container [data-ani=zoom-out-up] { transform:translate3d(0, 100px, 0) scale(1.2)} #container [data-ani=zoom-out-down] { transform:translate3d(0, -100px, 0) scale(1.2)} #container [data-ani=zoom-out-right] { transform:translate3d(-100px, 0, 0) scale(1.2)} #container [data-ani=zoom-out-left] { transform:translate3d(100px, 0, 0) scale(1.2)} #container .active [data-ani^=zoom] { opacity:1; transform:translateZ(0) scale(1)} #container [data-ani^=slide]{ transition-property:transform} #container [data-ani=slide-up] { transform:translate3d(0, 100%, 0)} #container [data-ani=slide-down] { transform:translate3d(0, -100%, 0)} #container [data-ani=slide-right] { transform:translate3d(-100%, 0, 0)} #container [data-ani=slide-left] { transform:translate3d(100%, 0, 0)} #container .active [data-ani^=slide] { transform:translateZ(0)} #container [data-ani^=flip] { backface-visibility:hidden; transition-property:transform} #container [data-ani=flip-left] { transform:perspective(2500px) rotateY(-100deg)} #container .active [data-ani=flip-left] { transform:perspective(2500px) rotateY(0)} #container [data-ani=flip-right] { transform:perspective(2500px) rotateY(100deg)} #container .active [data-ani=flip-right] { transform:perspective(2500px) rotateY(0)} #container [data-ani=flip-up] { transform:perspective(2500px) rotateX(-100deg)} #container .active [data-ani=flip-up] { transform:perspective(2500px) rotateX(0)} #container [data-ani=flip-down] { transform:perspective(2500px) rotateX(100deg)} #container .active [data-ani=flip-down] { transform:perspective(2500px) rotateX(0)} /* mobile */ @media all and (max-width:768px) { #container [data-ani-m] {transition-duration:1s; transition-delay:0s; transition-timing-function:ease;} #container [data-ani-m-duration="50"] {transition-duration:.05s} #container [data-ani-m-duration="100"] {transition-duration:.1s} #container [data-ani-m-duration="150"] {transition-duration:.15s} #container [data-ani-m-duration="200"] {transition-duration:.2s} #container [data-ani-m-duration="250"] {transition-duration:.25s} #container [data-ani-m-duration="300"] {transition-duration:.3s} #container [data-ani-m-duration="350"] {transition-duration:.35s} #container [data-ani-m-duration="400"] {transition-duration:.4s} #container [data-ani-m-duration="450"] {transition-duration:.45s} #container [data-ani-m-duration="500"] {transition-duration:.5s} #container [data-ani-m-duration="550"] {transition-duration:.55s} #container [data-ani-m-duration="600"] {transition-duration:.6s} #container [data-ani-m-duration="650"] {transition-duration:.65s} #container [data-ani-m-duration="700"] {transition-duration:.7s} #container [data-ani-m-duration="750"] {transition-duration:.75s} #container [data-ani-m-duration="800"] {transition-duration:.8s} #container [data-ani-m-duration="850"] {transition-duration:.85s} #container [data-ani-m-duration="900"] {transition-duration:.9s} #container [data-ani-m-duration="950"] {transition-duration:.95s} #container [data-ani-m-duration="1000"] {transition-duration:1s} #container [data-ani-m-duration="1050"] {transition-duration:1.05s} #container [data-ani-m-duration="1100"] {transition-duration:1.1s} #container [data-ani-m-duration="1150"] {transition-duration:1.15s} #container [data-ani-m-duration="1200"] {transition-duration:1.2s} #container [data-ani-m-duration="1250"] {transition-duration:1.25s} #container [data-ani-m-duration="1300"] {transition-duration:1.3s} #container [data-ani-m-duration="1350"] {transition-duration:1.35s} #container [data-ani-m-duration="1400"] {transition-duration:1.4s} #container [data-ani-m-duration="1450"] {transition-duration:1.45s} #container [data-ani-m-duration="1500"] {transition-duration:1.5s} #container [data-ani-m-duration="1550"] {transition-duration:1.55s} #container [data-ani-m-duration="1600"] {transition-duration:1.6s} #container [data-ani-m-duration="1650"] {transition-duration:1.65s} #container [data-ani-m-duration="1700"] {transition-duration:1.7s} #container [data-ani-m-duration="1750"] {transition-duration:1.75s} #container [data-ani-m-duration="1800"] {transition-duration:1.8s} #container [data-ani-m-duration="1850"] {transition-duration:1.85s} #container [data-ani-m-duration="1900"] {transition-duration:1.9s} #container [data-ani-m-duration="1950"] {transition-duration:1.95s} #container [data-ani-m-duration="2000"] {transition-duration:2s} #container [data-ani-m-duration="2050"] {transition-duration:2.05s} #container [data-ani-m-duration="2100"] {transition-duration:2.1s} #container [data-ani-m-duration="2150"] {transition-duration:2.15s} #container [data-ani-m-duration="2200"] {transition-duration:2.2s} #container [data-ani-m-duration="2250"] {transition-duration:2.25s} #container [data-ani-m-duration="2300"] {transition-duration:2.3s} #container [data-ani-m-duration="2350"] {transition-duration:2.35s} #container [data-ani-m-duration="2400"] {transition-duration:2.4s} #container [data-ani-m-duration="2450"] {transition-duration:2.45s} #container [data-ani-m-duration="2500"] {transition-duration:2.5s} #container [data-ani-m-duration="2550"] {transition-duration:2.55s} #container [data-ani-m-duration="2600"] {transition-duration:2.6s} #container [data-ani-m-duration="2650"] {transition-duration:2.65s} #container [data-ani-m-duration="2700"] {transition-duration:2.7s} #container [data-ani-m-duration="2750"] {transition-duration:2.75s} #container [data-ani-m-duration="2800"] {transition-duration:2.8s} #container [data-ani-m-duration="2850"] {transition-duration:2.85s} #container [data-ani-m-duration="2900"] {transition-duration:2.9s} #container [data-ani-m-duration="2950"] {transition-duration:2.95s} #container [data-ani-m-duration="3000"] {transition-duration:3s} #container [data-ani-m-duration="3050"] {transition-duration:3.05s} #container [data-ani-m-duration="3100"] {transition-duration:3.1s} #container [data-ani-m-duration="3150"] {transition-duration:3.15s} #container [data-ani-m-duration="3200"] {transition-duration:3.2s} #container [data-ani-m-duration="3250"] {transition-duration:3.25s} #container [data-ani-m-duration="3300"] {transition-duration:3.3s} #container [data-ani-m-duration="3350"] {transition-duration:3.35s} #container [data-ani-m-duration="3400"] {transition-duration:3.4s} #container [data-ani-m-duration="3450"] {transition-duration:3.45s} #container [data-ani-m-duration="3500"] {transition-duration:3.5s} #container [data-ani-m-duration="3550"] {transition-duration:3.55s} #container [data-ani-m-duration="3600"] {transition-duration:3.6s} #container [data-ani-m-duration="3650"] {transition-duration:3.65s} #container [data-ani-m-duration="3700"] {transition-duration:3.7s} #container [data-ani-m-duration="3750"] {transition-duration:3.75s} #container [data-ani-m-duration="3800"] {transition-duration:3.8s} #container [data-ani-m-duration="3850"] {transition-duration:3.85s} #container [data-ani-m-duration="3900"] {transition-duration:3.9s} #container [data-ani-m-duration="3950"] {transition-duration:3.95s} #container [data-ani-m-duration="4000"] {transition-duration:4s} #container [data-ani-m-duration="4050"] {transition-duration:4.05s} #container [data-ani-m-duration="4100"] {transition-duration:4.1s} #container [data-ani-m-duration="4150"] {transition-duration:4.15s} #container [data-ani-m-duration="4200"] {transition-duration:4.2s} #container [data-ani-m-duration="4250"] {transition-duration:4.25s} #container [data-ani-m-duration="4300"] {transition-duration:4.3s} #container [data-ani-m-duration="4350"] {transition-duration:4.35s} #container [data-ani-m-duration="4400"] {transition-duration:4.4s} #container [data-ani-m-duration="4450"] {transition-duration:4.45s} #container [data-ani-m-duration="4500"] {transition-duration:4.5s} #container [data-ani-m-duration="4550"] {transition-duration:4.55s} #container [data-ani-m-duration="4600"] {transition-duration:4.6s} #container [data-ani-m-duration="4650"] {transition-duration:4.65s} #container [data-ani-m-duration="4700"] {transition-duration:4.7s} #container [data-ani-m-duration="4750"] {transition-duration:4.75s} #container [data-ani-m-duration="4800"] {transition-duration:4.8s} #container [data-ani-m-duration="4850"] {transition-duration:4.85s} #container [data-ani-m-duration="4900"] {transition-duration:4.9s} #container [data-ani-m-duration="4950"] {transition-duration:4.95s} #container [data-ani-m-duration="5000"] {transition-duration:5s} #container [data-ani-m-delay="50"] {transition-delay:.05s} #container [data-ani-m-delay="100"] {transition-delay:.1s} #container [data-ani-m-delay="150"] {transition-delay:.15s} #container [data-ani-m-delay="200"] {transition-delay:.2s} #container [data-ani-m-delay="250"] {transition-delay:.25s} #container [data-ani-m-delay="300"] {transition-delay:.3s} #container [data-ani-m-delay="350"] {transition-delay:.35s} #container [data-ani-m-delay="400"] {transition-delay:.4s} #container [data-ani-m-delay="450"] {transition-delay:.45s} #container [data-ani-m-delay="500"] {transition-delay:.5s} #container [data-ani-m-delay="550"] {transition-delay:.55s} #container [data-ani-m-delay="600"] {transition-delay:.6s} #container [data-ani-m-delay="650"] {transition-delay:.65s} #container [data-ani-m-delay="700"] {transition-delay:.7s} #container [data-ani-m-delay="750"] {transition-delay:.75s} #container [data-ani-m-delay="800"] {transition-delay:.8s} #container [data-ani-m-delay="850"] {transition-delay:.85s} #container [data-ani-m-delay="900"] {transition-delay:.9s} #container [data-ani-m-delay="950"] {transition-delay:.95s} #container [data-ani-m-delay="1000"] {transition-delay:1s} #container [data-ani-m-delay="1050"] {transition-delay:1.05s} #container [data-ani-m-delay="1100"] {transition-delay:1.1s} #container [data-ani-m-delay="1150"] {transition-delay:1.15s} #container [data-ani-m-delay="1200"] {transition-delay:1.2s} #container [data-ani-m-delay="1250"] {transition-delay:1.25s} #container [data-ani-m-delay="1300"] {transition-delay:1.3s} #container [data-ani-m-delay="1350"] {transition-delay:1.35s} #container [data-ani-m-delay="1400"] {transition-delay:1.4s} #container [data-ani-m-delay="1450"] {transition-delay:1.45s} #container [data-ani-m-delay="1500"] {transition-delay:1.5s} #container [data-ani-m-delay="1550"] {transition-delay:1.55s} #container [data-ani-m-delay="1600"] {transition-delay:1.6s} #container [data-ani-m-delay="1650"] {transition-delay:1.65s} #container [data-ani-m-delay="1700"] {transition-delay:1.7s} #container [data-ani-m-delay="1750"] {transition-delay:1.75s} #container [data-ani-m-delay="1800"] {transition-delay:1.8s} #container [data-ani-m-delay="1850"] {transition-delay:1.85s} #container [data-ani-m-delay="1900"] {transition-delay:1.9s} #container [data-ani-m-delay="1950"] {transition-delay:1.95s} #container [data-ani-m-delay="2000"] {transition-delay:2s} #container [data-ani-m-delay="2050"] {transition-delay:2.05s} #container [data-ani-m-delay="2100"] {transition-delay:2.1s} #container [data-ani-m-delay="2150"] {transition-delay:2.15s} #container [data-ani-m-delay="2200"] {transition-delay:2.2s} #container [data-ani-m-delay="2250"] {transition-delay:2.25s} #container [data-ani-m-delay="2300"] {transition-delay:2.3s} #container [data-ani-m-delay="2350"] {transition-delay:2.35s} #container [data-ani-m-delay="2400"] {transition-delay:2.4s} #container [data-ani-m-delay="2450"] {transition-delay:2.45s} #container [data-ani-m-delay="2500"] {transition-delay:2.5s} #container [data-ani-m-delay="2550"] {transition-delay:2.55s} #container [data-ani-m-delay="2600"] {transition-delay:2.6s} #container [data-ani-m-delay="2650"] {transition-delay:2.65s} #container [data-ani-m-delay="2700"] {transition-delay:2.7s} #container [data-ani-m-delay="2750"] {transition-delay:2.75s} #container [data-ani-m-delay="2800"] {transition-delay:2.8s} #container [data-ani-m-delay="2850"] {transition-delay:2.85s} #container [data-ani-m-delay="2900"] {transition-delay:2.9s} #container [data-ani-m-delay="2950"] {transition-delay:2.95s} #container [data-ani-m-delay="3000"] {transition-delay:3s} #container [data-ani-m-delay="3050"] {transition-delay:3.05s} #container [data-ani-m-delay="3100"] {transition-delay:3.1s} #container [data-ani-m-delay="3150"] {transition-delay:3.15s} #container [data-ani-m-delay="3200"] {transition-delay:3.2s} #container [data-ani-m-delay="3250"] {transition-delay:3.25s} #container [data-ani-m-delay="3300"] {transition-delay:3.3s} #container [data-ani-m-delay="3350"] {transition-delay:3.35s} #container [data-ani-m-delay="3400"] {transition-delay:3.4s} #container [data-ani-m-delay="3450"] {transition-delay:3.45s} #container [data-ani-m-delay="3500"] {transition-delay:3.5s} #container [data-ani-m-delay="3550"] {transition-delay:3.55s} #container [data-ani-m-delay="3600"] {transition-delay:3.6s} #container [data-ani-m-delay="3650"] {transition-delay:3.65s} #container [data-ani-m-delay="3700"] {transition-delay:3.7s} #container [data-ani-m-delay="3750"] {transition-delay:3.75s} #container [data-ani-m-delay="3800"] {transition-delay:3.8s} #container [data-ani-m-delay="3850"] {transition-delay:3.85s} #container [data-ani-m-delay="3900"] {transition-delay:3.9s} #container [data-ani-m-delay="3950"] {transition-delay:3.95s} #container [data-ani-m-delay="4000"] {transition-delay:4s} #container [data-ani-m-delay="4050"] {transition-delay:4.05s} #container [data-ani-m-delay="4100"] {transition-delay:4.1s} #container [data-ani-m-delay="4150"] {transition-delay:4.15s} #container [data-ani-m-delay="4200"] {transition-delay:4.2s} #container [data-ani-m-delay="4250"] {transition-delay:4.25s} #container [data-ani-m-delay="4300"] {transition-delay:4.3s} #container [data-ani-m-delay="4350"] {transition-delay:4.35s} #container [data-ani-m-delay="4400"] {transition-delay:4.4s} #container [data-ani-m-delay="4450"] {transition-delay:4.45s} #container [data-ani-m-delay="4500"] {transition-delay:4.5s} #container [data-ani-m-delay="4550"] {transition-delay:4.55s} #container [data-ani-m-delay="4600"] {transition-delay:4.6s} #container [data-ani-m-delay="4650"] {transition-delay:4.65s} #container [data-ani-m-delay="4700"] {transition-delay:4.7s} #container [data-ani-m-delay="4750"] {transition-delay:4.75s} #container [data-ani-m-delay="4800"] {transition-delay:4.8s} #container [data-ani-m-delay="4850"] {transition-delay:4.85s} #container [data-ani-m-delay="4900"] {transition-delay:4.9s} #container [data-ani-m-delay="4950"] {transition-delay:4.95s} #container [data-ani-m-delay="5000"] {transition-delay:5s} #container [data-ani-m-easing=linear] { transition-timing-function:cubic-bezier(.25, .25, .75, .75)} #container [data-ani-m-easing=ease] { transition-timing-function:ease} #container [data-ani-m-easing=ease-in] { transition-timing-function:ease-in} #container [data-ani-m-easing=ease-out] { transition-timing-function:ease-out} #container [data-ani-m-easing=ease-in-out]{ transition-timing-function:ease-in-out} #container [data-ani-m-easing=ease-in-back] { transition-timing-function:cubic-bezier(.6, -.28, .735, .045)} #container [data-ani-m-easing=ease-out-back] { transition-timing-function:cubic-bezier(.175, .885, .32, 1.275)} #container [data-ani-m-easing=ease-in-out-back] { transition-timing-function:cubic-bezier(.68, -.55, .265, 1.55)} #container [data-ani-m-easing=ease-in-sine] { transition-timing-function:cubic-bezier(.47, 0, .745, .715)} #container [data-ani-m-easing=ease-out-sine] { transition-timing-function:cubic-bezier(.39, .575, .565, 1)} #container [data-ani-m-easing=ease-in-out-sine] { transition-timing-function:cubic-bezier(.445, .05, .55, .95)} #container [data-ani-m-easing=ease-in-quad] { transition-timing-function:cubic-bezier(.55, .085, .68, .53)} #container [data-ani-m-easing=ease-out-quad] { transition-timing-function:cubic-bezier(.25, .46, .45, .94)} #container [data-ani-m-easing=ease-in-out-quad] { transition-timing-function:cubic-bezier(.455, .03, .515, .955)} #container [data-ani-m-easing=ease-in-cubic] { transition-timing-function:cubic-bezier(.55, .085, .68, .53)} #container [data-ani-m-easing=ease-out-cubic] { transition-timing-function:cubic-bezier(.25, .46, .45, .94)} #container [data-ani-m-easing=ease-in-out-cubic] { transition-timing-function:cubic-bezier(.455, .03, .515, .955)} #container [data-ani-m-easing=ease-in-quart] { transition-timing-function:cubic-bezier(.55, .085, .68, .53)} #container [data-ani-m-easing=ease-out-quart] { transition-timing-function:cubic-bezier(.25, .46, .45, .94)} #container [data-ani-m-easing=ease-in-out-quart] { transition-timing-function:cubic-bezier(.455, .03, .515, .955)} #container [data-ani-m^=fade] { opacity:0; transition-property:opacity, transform} #container [data-ani-m=fade-up] { transform:translate3d(0, 100px, 0)} #container [data-ani-m=fade-down] { transform:translate3d(0, -100px, 0)} #container [data-ani-m=fade-right] { transform:translate3d(-100px, 0, 0)} #container [data-ani-m=fade-left] { transform:translate3d(100px, 0, 0)} #container [data-ani-m=fade-up-right] { transform:translate3d(-100px, 100px, 0)} #container [data-ani-m=fade-up-left] { transform:translate3d(100px, 100px, 0)} #container [data-ani-m=fade-down-right] { transform:translate3d(-100px, -100px, 0)} #container [data-ani-m=fade-down-left] { transform:translate3d(100px, -100px, 0)} #container .active [data-ani-m^=fade] { opacity:1; transform:translateZ(0)} #container [data-ani-m^=zoom] { opacity:0; transition-property:opacity, transform} #container [data-ani-m=zoom-in] { transform:scale(.6)} #container [data-ani-m=zoom-in-up] { transform:translate3d(0, 100px, 0) scale(.6)} #container [data-ani-m=zoom-in-down] { transform:translate3d(0, -100px, 0) scale(.6)} #container [data-ani-m=zoom-in-right] { transform:translate3d(-100px, 0, 0) scale(.6)} #container [data-ani-m=zoom-in-left] { transform:translate3d(100px, 0, 0) scale(.6)} #container [data-ani-m=zoom-out] { transform:scale(1.2)} #container [data-ani-m=zoom-out-up] { transform:translate3d(0, 100px, 0) scale(1.2)} #container [data-ani-m=zoom-out-down] { transform:translate3d(0, -100px, 0) scale(1.2)} #container [data-ani-m=zoom-out-right] { transform:translate3d(-100px, 0, 0) scale(1.2)} #container [data-ani-m=zoom-out-left] { transform:translate3d(100px, 0, 0) scale(1.2)} #container .active [data-ani-m^=zoom] { opacity:1; transform:translateZ(0) scale(1)} #container [data-ani-m^=slide]{ transition-property:transform} #container [data-ani-m=slide-up] { transform:translate3d(0, 100%, 0)} #container [data-ani-m=slide-down] { transform:translate3d(0, -100%, 0)} #container [data-ani-m=slide-right] { transform:translate3d(-100%, 0, 0)} #container [data-ani-m=slide-left] { transform:translate3d(100%, 0, 0)} #container .active [data-ani-m^=slide] { transform:translateZ(0)} #container [data-ani-m^=flip] { backface-visibility:hidden; transition-property:transform} #container [data-ani-m=flip-left] { transform:perspective(2500px) rotateY(-100deg)} #container .active [data-ani-m=flip-left] { transform:perspective(2500px) rotateY(0)} #container [data-ani-m=flip-right] { transform:perspective(2500px) rotateY(100deg)} #container .active [data-ani-m=flip-right] { transform:perspective(2500px) rotateY(0)} #container [data-ani-m=flip-up] { transform:perspective(2500px) rotateX(-100deg)} #container .active [data-ani-m=flip-up] { transform:perspective(2500px) rotateX(0)} #container [data-ani-m=flip-down] { transform:perspective(2500px) rotateX(100deg)} #container .active [data-ani-m=flip-down] { transform:perspective(2500px) rotateX(0)} } /* 379884 : 스크롤 row 감지 JS */ /* 711705 : 이미지 리스트 (타일형) */ .movie_slide__711705__ {position:relative; overflow:hidden;} .movie_slide__711705__ .slide {position:absolute; top:0; left:0; opacity:0; transition:2.5s;} .movie_slide__711705__ .slide.active {opacity:1; position:relative;} .movie_slide__711705__ .slide .video {position:relative; overflow:hidden;} .movie_slide__711705__ .slide .figure {display:none;} .movie_slide__711705__ .slide .caption {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:1300px; margin:0 auto; color:#fff;} .movie_slide__711705__ .slide .caption > * {margin:0; transition:transform 1s;} .movie_slide__711705__ .slide .caption .subject {font-size:85px; font-family:'SpoqaHanSansNeo-Bold'; font-weight:bold; line-height:1.2em; letter-spacing:-.03em; text-shadow:0 0 10px rgba(0,0,0,.3); word-break:keep-all; transform:translateY(100px); opacity:0.1;} .movie_slide__711705__ .slide .caption .content {margin-top:10px; font-size:22px; letter-spacing:-.03em; text-shadow:0 0 10px rgba(0,0,0,.3); word-break:keep-all; transition-delay:0.2s; transform:translateY(100px); opacity:0.1; font-family: 'Pretendard-Light';} .movie_slide__711705__ .slide.active .caption .subject, .movie_slide__711705__ .slide.active .caption .content {transform:translateY(0); opacity:1;} @media all and (max-width:768px){ .movie_slide__711705__ .slide .video {display:none;} .movie_slide__711705__ .slide .figure {display:block; overflow:hidden;} .movie_slide__711705__ .slide .figure > img {transform:scale(1.1); transition:2.5s;} .movie_slide__711705__ .slide.active .figure > img {transform:scale(1); } .movie_slide__711705__ .slide .caption {transform:translate(-45%, 25%);} .movie_slide__711705__ .slide .caption .subject {font-size:25px;} .movie_slide__711705__ .slide .caption .content {display:none;} } /* 375926 : 공백 */ .solid_line__375926__ {box-sizing:border-box;display:block;position:relative;width:100%;height:100px} .solid_line__375926__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__375926__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__375926__ {height:50px} } /* 379220 : 한줄 텍스트 */ .text__379220__ p { margin:0; text-align:center; } .text__379220__ .subject { font-size:60px; font-family: 'Pretendard-Bold';} .text__379220__ .content { font-size:18px; color:#ccc; line-height: 1.4em; font-family: 'Pretendard-Light';} @media all and (max-width:767px){ .text__379220__ .content br {display: none;} .text__379220__ .subject {font-size:30px;} .text__379220__ .content {font-size:17px; color:#6a6a6a; word-break:keep-all; padding-top:10px;} } /* 379221 : 공백 */ .solid_line__379221__ {box-sizing:border-box;display:block;position:relative;width:100%;height:50px} .solid_line__379221__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__379221__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__379221__ {height:30px} } /* 609385 : 이미지 리스트 (타일형) */ .img_list__609385__ * {margin:0; box-sizing:border-box;} .img_list__609385__ {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); padding-top:100px;} .img_list__609385__ .item {transition:1s ease-out; opacity:0;} .img_list__609385__ .item:nth-of-type(2n) {margin-top:-100px;} .img_list__609385__ .item .inner {position:relative; overflow:hidden;} .img_list__609385__ .item .inner::before {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(70deg , #51bbe3, #fff0); opacity:0; transition:.3s ease-in-out; content:'';} .img_list__609385__ .item .inner figure {display:flex;} .img_list__609385__ .item .inner figure > img {width:100%;} .img_list__609385__ .item .inner .caption {position:absolute; left:0; bottom:0; width:100%; padding:30px 40px; transform:translateY(48px); transition:.7s;} .img_list__609385__ .item .inner .caption > * {position:relative; color:#fff; letter-spacing:-0.03;} .img_list__609385__ .item .inner .caption .subject {margin-bottom:40px; font-size:30px; line-height:1.3; font-family: 'Pretendard-Light';} .img_list__609385__ .item .inner .caption .subject::before {position:absolute; bottom:-21px; left:0; width:50px; height:2px; background:#fff; transition:.3s all ease-in-out; content: '';} .img_list__609385__ .item .inner .caption .content {font-size;15px; line-height:1.5;} .img_list__609385__ .item:hover .inner::before {opacity:.9;} .img_list__609385__ .item:hover .inner .caption {transform:translateY(0);} .img_list__609385__ .item:hover .inner .caption .subject::before {width:250px;} .img_list__609385__ .item:nth-of-type(4n+1), .img_list__609385__ .item:nth-of-type(4n) {transform:translate(0, -100px);} .img_list__609385__ .item:nth-of-type(3n-1), .img_list__609385__ .item:nth-of-type(3n) {transform:translate(0, 100px);} .active .img_list__609385__ .item {transform:translate(0, 0) !important; opacity:1;} @media all and (max-width:768px) { .img_list__609385__ {display:grid; grid-template-columns:auto; padding-top:0; gap:10px;} .img_list__609385__ .item {border-radius:10px; overflow:hidden;} .img_list__609385__ .item:nth-of-type(2n) {margin-top:0;} .img_list__609385__ .item:nth-of-type(n+1) {transform:translate(-100px, 0);} .img_list__609385__ .item:nth-of-type(2n) {transform:translate(100px, 0);} .img_list__609385__ .item .inner .caption {bottom:50%; transform:translateY(50%)} .img_list__609385__ .item .inner .caption .subject {margin-bottom:20px; font-size:20px;} .img_list__609385__ .item .inner .caption .subject::before {bottom:-11px; width:200px;} } /* 375932 : BLANK 컨텐츠 */ .blank__375932__ {box-sizing:border-box;display:block;position:relative;width:100%;height:100px} .blank__375932__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);} .blank__375932__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .blank__375932__ {height:80px} } /* 379304 : 공백 */ .solid_line__379304__ {box-sizing:border-box;display:block;position:relative;width:100%;height:100px} .solid_line__379304__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__379304__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__379304__ {height:80px} } /* 379222 : 한줄 텍스트 */ .text__379222__ p { margin:0; text-align:center; } .text__379222__ .subject { font-size:60px; font-family: 'Pretendard-Bold';} .text__379222__ .content { font-size:18px; color:#ccc; line-height: 1.4em; font-family: 'Pretendard-Light';} @media all and (max-width:767px){ .text__379222__ .content br { display: none; } .text__379222__ .subject {font-size:30px;} .text__379222__ .content {font-size:17px; color:#6a6a6a; word-break:keep-all; padding-top:10px;} } /* 379223 : 공백 */ .solid_line__379223__ {box-sizing:border-box;display:block;position:relative;width:100%;height:50px} .solid_line__379223__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__379223__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__379223__ {height:30px} } /* 608715 : 블록 설정 */ .block_option__608715__ {display:table;width:100%} .block_option__608715__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} @media (max-width:1023px){ .row__608715__ {} .row__608715__ > div > div {margin:0 !important;} .row__608715__ > div > div > .col {padding:7px 0 !important} } @media (min-width:1024px){ .row__608715__ {} } /* 379224 : 이미지 */ .img__379224__ a * {transition:0.3s;} .img__379224__ a img {max-width:100%;} .img__379224__ a p {margin:0;} .img__379224__ a {position:relative; display:block; border:1px solid #e6e6e6; border-radius:10px; box-shadow: 0 9px 8px rgb(0 0 0 / 3%); overflow:hidden; background:#fff; font-size:0;} .img__379224__ a .figure {opacity:0;} .img__379224__ a .caption {position:absolute; top:0; left:0; width:100%; height:100%; padding:40px 25px 30px; color:#fff; text-align:center; box-sizing:border-box; word-break:keep-all;} .img__379224__ a .caption .subject {margin:20px 0 10px; font-size:33px; font-weight:900; color:#333; font-family: 'Pretendard-Regular';} .img__379224__ a .caption .content {font-size:17px; color:#888; font-family: 'Pretendard-Light';} .img__379224__ a:hover .figure {opacity:1;} .img__379224__ a:hover .caption img {transform:translateY(30%); opacity:0;} .img__379224__ a:hover .caption .subject, .img__379224__ a:hover .caption .content {color:#fff;} /* active 효과 */ .img__379224__ {transform: translateY(-30%); opacity:0;} .active .img__379224__ {transform: translateY(0); opacity:1; transition: 1s ease-out;} @media all and (max-width:768px) { .img__379224__ a .figure {position:relative; height:150px; opacity:1;} .img__379224__ a .figure::before {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#00000040; z-index:1; content:'';} .img__379224__ a .figure > img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%;} .img__379224__ a .caption {padding:0 15px; height:auto; top:50%; transform:translateY(-50%); z-index:9;} .img__379224__ a .caption .subject {margin: 0 0 15px 0; font-size:23px; color:#fff;} .img__379224__ a .caption .content {font-size:15px; color:#fff;} .img__379224__ a .caption img {display:none;} } /* 379225 : 이미지 */ .img__379225__ a * {transition:0.3s;} .img__379225__ a img {max-width:100%;} .img__379225__ a p {margin:0;} .img__379225__ a {position:relative; display:block; border:1px solid #e6e6e6; border-radius:10px; box-shadow: 0 9px 8px rgb(0 0 0 / 3%); overflow:hidden; background:#fff;font-size:0;} .img__379225__ a .figure {opacity:0;} .img__379225__ a .caption {position:absolute; top:0; left:0; width:100%; height:100%; padding:40px 25px 30px; color:#fff; text-align:center; box-sizing:border-box; word-break:keep-all;} .img__379225__ a .caption .subject {margin:20px 0 10px; font-size:33px; font-weight:900; color:#333; font-family: 'Pretendard-Regular';} .img__379225__ a .caption .content {font-size:17px; color:#888; font-family: 'Pretendard-Light';} .img__379225__ a:hover .figure {opacity:1;} .img__379225__ a:hover .caption img {transform:translateY(30%); opacity:0;} .img__379225__ a:hover .caption .subject, .img__379225__ a:hover .caption .content {color:#fff;} /* active 효과 */ .img__379225__ {transform: translateY(-30%); opacity:0;} .active .img__379225__ {transform: translateY(0); opacity:1; transition:1s ease-out; transition-delay:0.3s;} @media all and (max-width:768px) { .img__379225__ a .figure {position:relative; height:150px; opacity:1;} .img__379225__ a .figure::before {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#00000040; z-index:1; content:'';} .img__379225__ a .figure > img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%;} .img__379225__ a .caption {padding:0 15px; height:auto; top:50%; transform:translateY(-50%); z-index:9;} .img__379225__ a .caption .subject {margin: 0 0 15px 0; font-size:23px; color:#fff; font-family: 'Pretendard-Regular';} .img__379225__ a .caption .content {font-size:15px; color:#fff; font-family: 'Pretendard-Light';} .img__379225__ a .caption img {display:none;} } /* 379228 : 이미지 */ .img__379228__ a * {transition:0.3s;} .img__379228__ a img {max-width:100%;} .img__379228__ a p {margin:0;} .img__379228__ a {position:relative; display:block; border:1px solid #e6e6e6; border-radius:10px; box-shadow: 0 9px 8px rgb(0 0 0 / 3%); overflow:hidden; background:#fff; font-size:0;} .img__379228__ a .figure {opacity:0;} .img__379228__ a .caption {position:absolute; top:0; left:0; width:100%; height:100%; padding:40px 25px 30px; color:#fff; text-align:center; box-sizing:border-box; word-break:keep-all;} .img__379228__ a .caption .subject {margin:20px 0 10px; font-size:33px; font-weight:900; color:#333; font-family: 'Pretendard-Regular';} .img__379228__ a .caption .content {font-size:17px; color:#888; font-family: 'Pretendard-Light';} .img__379228__ a:hover .figure {opacity:1;} .img__379228__ a:hover .caption img {transform:translateY(30%); opacity:0;} .img__379228__ a:hover .caption .subject, .img__379228__ a:hover .caption .content {color:#fff;} /* active 효과 */ .img__379228__ {transform: translateY(-30%); opacity:0;} .active .img__379228__ {transform: translateY(0); opacity:1; transition:1s ease-out; transition-delay:0.6s;} @media all and (max-width:768px) { .img__379228__ a .figure {position:relative; height:150px; opacity:1;} .img__379228__ a .figure::before {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#00000040; z-index:1; content:'';} .img__379228__ a .figure > img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%;} .img__379228__ a .caption {padding:0 15px; height:auto; top:50%; transform:translateY(-50%); z-index:9;} .img__379228__ a .caption .subject {margin: 0 0 15px 0; font-size:23px; color:#fff;} .img__379228__ a .caption .content {font-size:15px; color:#fff;} .img__379228__ a .caption img {display:none;} } /* 379305 : 공백 */ .solid_line__379305__ {box-sizing:border-box;display:block;position:relative;width:100%;height:70px} .solid_line__379305__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__379305__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__379305__ {height:80px} } /* 379311 : 공백 */ .solid_line__379311__ {box-sizing:border-box;display:block;position:relative;width:100%;height:100px} .solid_line__379311__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__379311__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__379311__ {height:100px} } /* 379312 : 한줄 텍스트 */ .text__379312__ p { margin:0; text-align:center; } .text__379312__ .subject { font-size:60px; font-family: 'Pretendard-Bold';} .text__379312__ .content { font-size:18px; color:#ccc; line-height: 1.4em; font-family: 'Pretendard-Light'; } @media all and (max-width:767px){ .text__379312__ .content br { display: none; } .text__379312__ .subject {font-size:30px;} .text__379312__ .content {font-size:17px; color:#6a6a6a; word-break:keep-all; padding-top:10px;} } /* 379313 : 공백 */ .solid_line__379313__ {box-sizing:border-box;display:block;position:relative;width:100%;height:50px} .solid_line__379313__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__379313__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__379313__ {height:30px} } /* 379229 : 블록 설정 */ .block_option__379229__ {display:table;width:100%} .block_option__379229__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} @media (max-width:1023px){ .row__379229__ {} .row__379229__ > div > div {margin:0 !important;} .row__379229__ > div > div > .col {padding:7px 0 !important} } @media (min-width:1024px){ .row__379229__ {} .row__379229__ > .white-space {max-width:1300px !important;} } /* 379308 : 이미지 */ .img__379308__ a * {transition:0.3s;} .img__379308__ a img {max-width:100%;} .img__379308__ a p {margin:0;} .img__379308__ a {position:relative; display:block; border:1px solid #e6e6e6; border-radius:10px; box-shadow: 0 9px 8px rgb(0 0 0 / 3%); overflow:hidden; background:#fff; font-size:0;} .img__379308__ a .figure {opacity:1;} .img__379308__ a .caption {position:absolute; top:0; left:0; width:100%; height:100%; padding:40px 25px 30px; color:#fff; text-align:center; box-sizing:border-box; word-break:keep-all;} .img__379308__ a .caption img {transform:translateY(20%); opacity:0; display:none;} .img__379308__ a .caption .subject {margin:70px 0 10px; font-size:33px; font-weight:900; font-family: 'Pretendard-Regular';} .img__379308__ a .caption .content {font-size:17px; font-family: 'Pretendard-Light';} .img__379308__ a:hover .figure {opacity:0;} .img__379308__ a:hover .caption img {transform:translateY(0%); opacity:1;} .img__379308__ a:hover .caption .subject {color:#333;} .img__379308__ a:hover .caption .content {color:#888;} /* active 효과 */ .img__379308__ {transform: translate(-30%, -30%); opacity:0;} .active .img__379308__ {transform: translate(0, 0); opacity:1; transition:1s ease-out;} @media all and (max-width:768px) { .img__379308__ a .figure {position:relative; height:150px;} .img__379308__ a .figure > img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%;} .img__379308__ a .caption {height:auto; top:50%; transform:translateY(-50%);} .img__379308__ a .caption .subject {margin-top:0; font-size:23px;} .img__379308__ a .caption .content {font-size:15px;} } /* 379309 : 이미지 */ .img__379309__ a * {transition:0.3s;} .img__379309__ a img {max-width:100%;} .img__379309__ a p {margin:0;} .img__379309__ a {position:relative; display:block; border:1px solid #e6e6e6; border-radius:10px; box-shadow: 0 9px 8px rgb(0 0 0 / 3%); overflow:hidden; background:#fff; font-size:0;} .img__379309__ a .figure {opacity:1;} .img__379309__ a .caption {position:absolute; top:0; left:0; width:100%; height:100%; padding:40px 25px 30px; color:#fff; text-align:center; box-sizing:border-box; word-break:keep-all;} .img__379309__ a .caption img {transform:translateY(20%); opacity:0; display:none;} .img__379309__ a .caption .subject {margin:70px 0 10px; font-size:33px; font-weight:900; font-family: 'Pretendard-Regular';} .img__379309__ a .caption .content {font-size:17px; font-family: 'Pretendard-Light';} .img__379309__ a:hover .figure {opacity:0;} .img__379309__ a:hover .caption img {transform:translateY(0%); opacity:1;} .img__379309__ a:hover .caption .subject {color:#333;} .img__379309__ a:hover .caption .content {color:#888;} /* active 효과 */ .img__379309__ {transform: translate(-30%, -30%); opacity:0;} .active .img__379309__ {transform: translate(0, 0); opacity:1; transition:1s ease-out; transition-delay:0.3s;} @media all and (max-width:768px) { .img__379309__ a .figure {position:relative; height:150px;} .img__379309__ a .figure > img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%;} .img__379309__ a .caption {height:auto; top:50%; transform:translateY(-50%);} .img__379309__ a .caption .subject {margin-top:0; font-size:23px;} .img__379309__ a .caption .content {font-size:15px;} } /* 379310 : 공백 */ .solid_line__379310__ {box-sizing:border-box;display:block;position:relative;width:100%;height:100px} .solid_line__379310__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__379310__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__379310__ {height:80px} } /* 609885 : 한줄 텍스트 */ .custom_block__609885__ {background:url('/img_up/shop_pds/appkorea273/build/option/bottom16768661331.jpg'); background-size:cover; background-position:center center; background-repeat:no-repeat} .custom_block__609885__ * {margin:0; box-sizing:border-box; color:#fff;} .custom_block__609885__ > .inner {display:flex; margin:0 auto; max-width:1400px;} .custom_block__609885__ > .inner .c-col.left {width:calc(100% - (300px * 2));} .custom_block__609885__ > .inner .c-col.right {width:calc(300px * 2);} .custom_block__609885__ > .inner .c-col.left {display:flex; align-items:center;} .custom_block__609885__ > .inner .c-col.left .caption h4 {display:inline-block; position:relative; padding-right:30px; margin-bottom:22px; font-size:60px; font-family:Pretendard; font-weight:700; letter-spacing:-.5px;} .custom_block__609885__ > .inner .c-col.left .caption h4::before {display:block; position:absolute; right:0; top:0; width:20px; height:20px; background-color:#6bb429; content:'';} .custom_block__609885__ > .inner .c-col.left .caption p {font-size:18px; font-weight:bold; line-height:1.67; letter-spacing:-1.04px; color:#dbdbdb; text-shadow:0px 1px 3px rgb(0 0 0 / 20%); font-family: 'Pretendard-Light';} .custom_block__609885__ > .inner .c-col.right {padding:170px 0 50px; } .custom_block__609885__ > .inner .c-col.right .link-list {display:flex; flex-wrap:wrap;} .custom_block__609885__ > .inner .c-col.right .link-list .box {position:relative; width:300px; height:300px; transition:1.3s ease;} .custom_block__609885__ > .inner .c-col.right .link-list .box:nth-of-type(1), .custom_block__609885__ > .inner .c-col.right .link-list .box:nth-of-type(2) {background:#00000080;} .custom_block__609885__ > .inner .c-col.right .link-list .box:nth-of-type(3) {background:#7a7a7a52;} .custom_block__609885__ > .inner .c-col.right .link-list .box.empty {visibility:hidden;} .custom_block__609885__ > .inner .c-col.right .link-list .box .caption {position:absolute; left:0; bottom:40px; width:100%; padding:0 40px; transition:.8s ease;} .custom_block__609885__ > .inner .c-col.right .link-list .box .caption .subject {margin-bottom:15px; font-size:30px; letter-spacing:-0.03em; transition:.5s; font-family: 'Pretendard-Regular';} .custom_block__609885__ > .inner .c-col.right .link-list .box .caption .subject.hover {display:none; color:#000; font-family: 'Pretendard-Regular';} .custom_block__609885__ > .inner .c-col.right .link-list .box .caption .content {font-size:14px; font-family: 'Pretendard-Light';} .custom_block__609885__ > .inner .c-col.right .link-list .box .caption .more {position:relative; display:none; margin-top:50px; font-size:18px; font-weight:bold; color:#333;} .custom_block__609885__ > .inner .c-col.right .link-list .box .caption .more > i {position:absolute; right:0; top:50%; transform:translateY(-50%); color:#333; transition:.5s;} .custom_block__609885__ > .inner .c-col.right .link-list .box .caption .more::before {position:absolute; bottom:-6px; left:0; width:100%; height:1px; background:#777; content:'';} @media all and (max-width:768px) { .custom_block__609885__ > .inner {flex-wrap:wrap; gap:40px; padding:70px 15px;} .custom_block__609885__ > .inner .c-col.left, .custom_block__609885__ > .inner .c-col.right {width:100%;} .custom_block__609885__ > .inner .c-col.left .caption h4 {font-size:30px;} .custom_block__609885__ > .inner .c-col.left .caption p {font-size:15px;} .custom_block__609885__ > .inner .c-col.right {padding:0;} .custom_block__609885__ > .inner .c-col.right .link-list {gap:20px;} .custom_block__609885__ > .inner .c-col.right .link-list .box.empty {display:none;} .custom_block__609885__ > .inner .c-col.right .link-list .box {width:100%; height:auto; border-radius:10px; background:#00000080 !important;} .custom_block__609885__ > .inner .c-col.right .link-list .box .caption {position:static; padding:30px 30px;} .custom_block__609885__ > .inner .c-col.right .link-list .box .caption .subject {font-size:18px;} .custom_block__609885__ > .inner .c-col.right .link-list .box .caption .content {display:none; word-break:keep-all;} .custom_block__609885__ > .inner .c-col.right .link-list .box .caption .more {display:block; margin-top:20px; font-size:15px; color:#fff;} .custom_block__609885__ > .inner .c-col.right .link-list .box .caption .more > i {color:#fff;} } @media (min-width:769px) and (hover:hover) and (pointer:fine) { .custom_block__609885__ > .inner .c-col.right .link-list .box:hover {background:#fff;} .custom_block__609885__ > .inner .c-col.right .link-list .box:hover .caption {bottom:50%; transform:translateY(50%);} .custom_block__609885__ > .inner .c-col.right .link-list .box:hover .caption .subject, .custom_block__609885__ > .inner .c-col.right .link-list .box:hover .caption .content {display:none;} .custom_block__609885__ > .inner .c-col.right .link-list .box:hover .caption .subject.hover, .custom_block__609885__ > .inner .c-col.right .link-list .box:hover .caption .more {display:block;} .custom_block__609885__ > .inner .c-col.right .link-list .box .caption .more:hover > i {transform:translateY(-50%) rotate(180deg);} .custom_block__609885__ > .inner .c-col.right .link-list .box .caption .more:hover > i.xi-long-arrow-right {transform:translate(10px, -50%);} } /* 1178265 : 버튼 */ .button__1178265__ {font-size:0} .button__1178265__ a { display:block;margin:0;padding:5px 10px; border:1px solid #1a1f24;border-radius:0px;background:#1a1f24;box-sizing:border-box; font-size:13px;font-weight:normal;color:#fff;text-align:center;letter-spacing:-.03em;line-height:1.3em; } .button__1178265__.style_line a {background:transparent;color:#1a1f24} @media all and (min-width:1024px){ .button__1178265__ a {font-size:13px} }