/* 637875 : 스크롤 애니메이션 라이브러리 */ #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)} } /* 637885 : 공백 */ .solid_line__637885__ {box-sizing:border-box;display:block;position:relative;width:100%;height:0px} .solid_line__637885__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__637885__.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__637885__ {height:30px} } /* 637895 : 한줄 텍스트 */ .text__637895__ {margin:0; padding:0; text-align:center;} .text__637895__ .top_txt {font-size:24px; color:var(--main-color); font-family:'Pretendard-Bold'; letter-spacing:0.02px;} .text__637895__ .mid_txt {font-weight:bold; font-size:60px; color:#111; margin:70px 0 22px; font-family:'Pretendard-Bold'; letter-spacing:0.02px; word-break:keep-all;} .text__637895__ .bottom_txt {font-size:24px; color:#111; line-height:1.6; font-family:'Pretendard-Regular'; letter-spacing:0.02px; word-break:keep-all;} @media all and (max-width:768px){ .text__637895__ .top_txt {font-size:15px;} .text__637895__ .mid_txt {font-size:22px; margin:22px 0;} .text__637895__ .bottom_txt {font-size:15px;} } /* 637905 : 공백 */ .solid_line__637905__ {box-sizing:border-box;display:block;position:relative;width:100%;height:0px} .solid_line__637905__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__637905__.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__637905__ {height:30px} } /* 637915 : 한줄 텍스트 */ .block__637915__ * {margin:0; padding:0; box-sizing:border-box;} .block__637915__ .sec {position:relative;} .block__637915__ .sec .sec_inner {margin:0 auto; max-width:1350px;} .block__637915__ .sec .sec_inner:last-child {margin-bottom:0;} .block__637915__ .sec .sec_inner .list_wrap {margin-top:80px;} .block__637915__ .sec .sec_inner .list_wrap .banner {width:100%; height:384px; text-align:center;} .block__637915__ .sec .sec_inner .list_wrap .banner > p {font-size:60px; letter-spacing:0.1em; font-weight:600; line-height:1; color:#fff; text-shadow:0px 3px 99px rgb(10 42 50 / 35%); font-family:'Pretendard-Bold'; transform: translateY(-310px);} .block__637915__ .sec .list_wrap .list {width:100%; margin-top:-135.5px; text-align:center; list-style:none;} .block__637915__ .sec .list_wrap .list > li {margin: 0 57.5px; display: inline-block; vertical-align:top; width:271px; height:271px;} .block__637915__ .sec .list_wrap .list > li > a {display:block; width:100%; height:100%; padding:68px 28px 0 28px; background-color:#fff; box-shadow:20px 20px 20px rgb(0 0 0 / 30%); border-radius:50%; position:relative; transition:.5s} .block__637915__ .sec .list_wrap .list > li > a:hover {background:var(--main-color);} .block__637915__ .sec .list_wrap .list > li:nth-of-type(1) > a:hover .icon {background:url() 0 0 no-repeat;}} .block__637915__ .sec .list_wrap .list > li:nth-of-type(2) > a:hover .icon {background:url() 0 0 no-repeat;}} .block__637915__ .sec .list_wrap .list > li:nth-of-type(3) > a:hover .icon {background:url() 0 0 no-repeat;}} .block__637915__ .sec .list_wrap .list > li > a .icon {width:80px; height:67px; margin:0 auto;} .block__637915__ .sec .list_wrap .list > li > a > p {margin-top:15px; padding-top:20px; border-top:1px solid #cbdbea; font-size:20px; letter-spacing:-0.05em; line-height:1.8125rem; color:var(--main-color); font-family:'Pretendard-Bold';} .block__637915__ .sec .list_wrap .list > li > a:hover > p {color:#fff} @media all and (max-width:768px) { .block__637915__ .sec .sec_inner .list_wrap {margin:0;} .block__637915__ .sec .sec_inner .list_wrap .banner {height:auto;} .block__637915__ .sec .sec_inner .list_wrap .banner > p {font-size:25px; transform: translateY(-90px);} .block__637915__ .sec .list_wrap .list {margin-top:-60px;} .block__637915__ .sec .list_wrap .list > li {margin:0; display:inline-flex; width:120px; height:120px;} .block__637915__ .sec .list_wrap .list > li > a:before {display:none;} .block__637915__ .sec .list_wrap .list > li > a {padding:18px;} .block__637915__ .sec .list_wrap .list > li > a .icon > img {width:50px; height:40px;} .block__637915__ .sec .list_wrap .list > li > a > p {margin-top:5px; padding-top:5px; font-size:15px; line-height:1.2;} } /* 702705 : 이미지 슬라이드 (메인용) */ @font-face { font-family:'icomoon_slider' src:url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.eot'); src:url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.eot?#iefix') format('embedded-opentype'), url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.woff') format('woff'), url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.ttf') format('truetype'), url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.svg#icomoon_slider') format('svg'); font-weight:normal; font-style:normal; } .pm-slide_wide__702705__ {position:relative;} .pm-slide_img__702705__ {position:relative;max-width:2000px;margin:0 auto} .pm-slide_img__702705__.slide_zindex .owl-item {z-index:1} .pm-slide_img__702705__ .item {overflow:hidden;position:relative} .pm-slide_img__702705__ .item a {display:block;position:relative;border:none} /* .pm-slide_img__702705__ .item img {border:none;vertical-align:top;transform:scale(1.2);transition:transform 4s .9s ease} .pm-slide_img__702705__ .owl-item.active .item img {transform:scale(1)} .pm-slide_img__702705__ .owl-item.cloned .item img {transform:scale(1)} */ @keyframes slide_active_203477{ from{transform:scale(1.2);} to{transform:scale(1);} } .pm-slide_img__702705__ .item img {border:none;vertical-align:top;transform:scale(1.2);} .pm-slide_img__702705__ .owl-item.active .item img {animation:slide_active_203477 5s .9s ease forwards;} .pm-slide_img__702705__ .owl-item.active .item .subject {-webkit-transform: translateY(100px); transform: translateY(100px); transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; opacity: 0;} .pm-slide_img__702705__ .owl-item.active .item .exp_text {-webkit-transform: translateY(100px); transform: translateY(100px); transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; opacity: 0; transition-delay: 0.2s; font-family: 'Pretendard-Light';} .pm-slide_img__702705__ .owl-item .item .subject {-webkit-transform:translateY(100px); transform:translateY(100px); transition: -webkit-transform 2s; transition: transform 2s; transition: transform 2s; opacity: 0;} .pm-slide_img__702705__ .owl-item.active .item .subject {-webkit-transform:translateX(0px); transform:translateX(0px); opacity: 1; } .pm-slide_img__702705__ .owl-item .item .exp_text {-webkit-transform:translateY(100px); transform:translateY(100px); transition: -webkit-transform 2s; transition: transform 2s; transition: transform 2s; opacity: 0;} .pm-slide_img__702705__ .owl-item.active .item .exp_text {-webkit-transform:translateX(0px); transform:translateX(0px); opacity: 1; } .pm-slide_img__702705__ .owl-dots {position:absolute;left:0;width:100%;height:30px;padding:10px;font-size:0;box-sizing:border-box;text-align:left} .pm-slide_img__702705__ .owl-dots .owl-dot {display:inline-block} .pm-slide_img__702705__ .owl-dots .owl-dot span {display:block;width:10px;height:10px;margin:0 3px;background:#ddd;border-radius:30px;transition:opacity 200ms ease} .pm-slide_img__702705__ .owl-dots .owl-dot.active span, .pm-slide_img__702705__ .owl-dots .owl-dot:hover span {background:#ffffff} .pm-slide_img__702705__.build_edit_mode .item {display:none} .pm-slide_img__702705__.build_edit_mode .item img {width:100%} .pm-slide_img__702705__.build_edit_mode .item:first-child {display:block} .pm-slide_caption__702705__ {text-align: left; box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;padding:0 10%;} .pm-slide_caption__702705__ .caption_inner {display:table;width:100%;height:80%;} .pm-slide_caption__702705__ .caption {display:table-cell;vertical-align:bottom;} .pm-slide_caption__702705__ .caption .subject {font-family: 'SpoqaHanSansNeo-Bold'; display:block;font-size:30px;font-weight:bold;color:#fff;line-height:1.3em;letter-spacing:-.03em;text-shadow:0 0 10px rgba(0,0,0,.3);word-break:keep-all; } .pm-slide_caption__702705__ .caption .exp_text {display:block;margin-top:10px;color:#fff;letter-spacing:-.03em;text-shadow:0 0 10px rgba(0,0,0,.3);word-break:keep-all;} .pm-slide_caption__702705__ .caption .cap_btn {margin-top:15px;} .pm-slide_caption__702705__ .caption .cap_btn a {display:inline-block;padding:8px 12px;border:1px solid #fff;font-size:12px;font-weight:bold;color:#fff;line-height:1;vertical-align:top;letter-spacing:-.03em;} .pm-slide_nav__702705__ {margin-top:15px;font-size:0;-webkit-tap-highlight-color:transparent} .pm-slide_nav__702705__.disabled {display:none;} .pm-slide_nav__702705__ [class*='owl-'] {display:inline-block;position:relative;width:20px;height:20px;margin:0;padding:0;border:none;background:none;line-height:20px;font-size:0;opacity:0.7;cursor:pointer;} .pm-slide_nav__702705__ [class*='owl-']:before {font-family:'icomoon_slider';font-size:20px;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.3);} .pm-slide_nav__702705__ [class*='owl-']:hover {opacity:1} .pm-slide_nav__702705__ .owl-prev:before {content:'\e600'} .pm-slide_nav__702705__ .owl-next:before {content:'\e601'} .pm-slide_nav__702705__ .owl-next {margin-left:15px;} .pm-slide_nav__702705__ .owl-next:after {content:'';position:absolute;top:0;bottom:0;left:-8px;width:1px;height:16px;margin:auto 0;background:#fff;opacity:.4;text-shadow:0 0 10px rgba(0,0,0,.3);} .pm-slide_nav__702705__ .disabled {opacity:0.5;cursor:default !important} .pm-slide_wide__702705__.empty__702705__ {padding:30px 10px;font-size:13px;text-align:left} .pm-slide_caption__702705__ .subject {position: relative;} /* 그려지는 박스 */ .line_wrap {position: relative; position: absolute; top: -25px; left: -30px; display: block; width: 80px; height: 90px; /*border: #ffffff solid 1px;*/} .line_wrap i.line01 {position: absolute; display: inline-block; right: 0; bottom: 65px; width: 7px; height: 0px; background-color: #ffffff;} div.active .line_wrap i.line01 {height: 25px; transition: 0.2s ease-in; transition-delay: 1s;} .line_wrap i.line02 {position: absolute; display: inline-block; right: 0; width: 0px; height: 7px; background-color: #ffffff;} div.active .line_wrap i.line02 {width: 100%; transition: 0.2s ease-in; transition-delay: 1.2s;} .line_wrap i.line03 {position: absolute; display: inline-block; width: 7px; height: 0px; background-color: #ffffff;} div.active .line_wrap i.line03 {height: 100%; transition: 0.2s ease-in; transition-delay: 1.4s;} .line_wrap i.line04 {position: absolute; bottom: 0px; display: inline-block; width: 0px; height: 7px; background-color: #ffffff;} div.active .line_wrap i.line04 {width: 25px; transition: 0.2s ease-in; transition-delay: 1.6s;} .pm-slide_thumb__702705__ {text-align:center;} @media all and (max-width:1023px){ .pm-slide_caption__702705__ .caption {display:table-cell;vertical-align:bottom;} .pm-slide_thumb__702705__ {display:none !important;} } @media all and (max-width:767px){ .pm-slide_caption__702705__ .caption .subject {font-size:22px;} .pm-slide_img__702705__ .owl-item .item .exp_text {display:none;} } @media all and (min-width:768px){ .pm-slide_caption__702705__ {padding:0 8%;} .pm-slide_caption__702705__ .caption {display:table-cell;vertical-align:middle;} .pm-slide_caption__702705__ .caption_inner {max-width:100%; padding-top:7%;} } @media all and (min-width:1024px){ /* 그려지는 박스 */ .line_wrap {position: relative; position: absolute; top: -30px; left: -50px; display: block; width: 100px; height: 130px; /*border: #ffffff solid 1px;*/} .line_wrap i.line01 {position: absolute; display: inline-block; right: 0; bottom: 100px; width: 10px; height: 0px; background-color: #ffffff;} div.active .line_wrap i.line01 {height: 30px; transition: 0.2s ease-in; transition-delay: 1s;} .line_wrap i.line02 {position: absolute; display: inline-block; right: 0; width: 0px; height: 10px; background-color: #ffffff;} div.active .line_wrap i.line02 {width: 100%; transition: 0.2s ease-in; transition-delay: 1.2s;} .line_wrap i.line03 {position: absolute; display: inline-block; width: 10px; height: 0px; background-color: #ffffff;} div.active .line_wrap i.line03 {height: 100%; transition: 0.2s ease-in; transition-delay: 1.4s;} .line_wrap i.line04 {position: absolute; bottom: 0px; display: inline-block; width: 0px; height: 10px; background-color: #ffffff;} div.active .line_wrap i.line04 {width: 30px; transition: 0.2s ease-in; transition-delay: 1.6s;} .pm-slide_thumb__702705__ {width: 1300px; margin: 0 auto; display:block;position:absolute;right:0;bottom:50px;left:0;z-index:10;font-size:0;} .pm-slide_thumb__702705__ .item {position:relative; box-sizing:border-box;display:inline-block;width:80px;margin-left:60px;height:2px; background-color:#8e8e8e;cursor:pointer;} .pm-slide_thumb__702705__ .item:first-child {margin-left:0;} .pm-slide_thumb__702705__ .item:hover {background-color:#ffffff;} .pm-slide_thumb__702705__ .item:after {position:absolute; bottom:0; display:block; content:""; width:0%; height:200%; background-color:#ffffff;} .pm-slide_thumb__702705__ .item.active:after {display:block; content:""; width:100%; height:200%; transition:7s linear;} .pm-slide_caption__702705__ {max-width:1300px;margin:0 auto;padding:0 5%;} .pm-slide_caption__702705__ .caption {display:table-cell;vertical-align:middle;} .pm-slide_caption__702705__ .caption .subject {font-size:38px;line-height:1.2em;letter-spacing:-.03em;} .pm-slide_caption__702705__ .caption .exp_text {margin-top:15px;font-size:18px;color:#fff;} .pm-slide_caption__702705__ .caption .cap_btn {margin-top:30px;} .pm-slide_caption__702705__ .caption .cap_btn a {padding:15px 28px;font-size:16px;} .pm-slide_nav__702705__ {margin-top:30px;} .pm-slide_nav__702705__ [class*='owl-'] {width:30px;height:30px;line-height:30px;} .pm-slide_nav__702705__ [class*='owl-']:before {font-size:30px;} .pm-slide_nav__702705__ .owl-next {margin-left:35px;} .pm-slide_nav__702705__ .owl-next:after {left:-17px;height:28px;} } @media all and (min-width:1300px){ .pm-slide_caption__702705__ .caption .subject {} /* 그려지는 박스 */ .line_wrap {position: relative; position: absolute; top: -50px; left: 0px; display: block; width: 200px; height: 230px; /*border: #ffffff solid 1px;*/} .line_wrap i.line01 {position: absolute; display: inline-block; right: 0; bottom: 170px; width: 17px; height: 0px; background-color: #ffffff;} div.active .line_wrap i.line01 {height: 60px; transition: 0.2s ease-in; transition-delay: 1s;} .line_wrap i.line02 {position: absolute; display: inline-block; right: 0; width: 0px; height: 17px; background-color: #ffffff;} div.active .line_wrap i.line02 {width: 100%; transition: 0.2s ease-in; transition-delay: 1.2s;} .line_wrap i.line03 {position: absolute; display: inline-block; width: 17px; height: 0px; background-color: #ffffff;} div.active .line_wrap i.line03 {height: 100%; transition: 0.2s ease-in; transition-delay: 1.4s;} .line_wrap i.line04 {position: absolute; bottom: 0px; display: inline-block; width: 0px; height: 17px; background-color: #ffffff;} div.active .line_wrap i.line04 {width: 60px; transition: 0.2s ease-in; transition-delay: 1.6s;} .pm-slide_thumb__702705__ {bottom:5%;} .pm-slide_caption__702705__ {padding:0;} .pm-slide_caption__702705__ .caption {display:table-cell;vertical-align:middle;} .pm-slide_caption__702705__ .caption_inner {max-width:100%;} .pm-slide_caption__702705__ .caption .subject {font-size:85px;} .pm-slide_caption__702705__ .caption .exp_text {font-size:22px;} .pm-slide_nav__702705__ {margin-top:40px;} .pm-slide_nav__702705__ [class*='owl-'] {width:40px;height:40px;line-height:40px;} .pm-slide_nav__702705__ [class*='owl-']:before {font-size:40px;} .pm-slide_nav__702705__ .owl-next {margin-left:45px;} .pm-slide_nav__702705__ .owl-next:after {left:-22px;height:38px;} } @media all and (min-width:1300px){ /* 그려지는 박스 */ .line_wrap {position: relative; position: absolute; top: -50px; left: 0px; display: block; width: 200px; height: 230px; /*border: #ffffff solid 1px;*/} .line_wrap i.line01 {position: absolute; display: inline-block; right: 0; bottom: 170px; width: 17px; height: 0px; background-color: #ffffff;} div.active .line_wrap i.line01 {height: 60px; transition: 0.2s ease-in; transition-delay: 1s;} .line_wrap i.line02 {position: absolute; display: inline-block; right: 0; width: 0px; height: 17px; background-color: #ffffff;} div.active .line_wrap i.line02 {width: 100%; transition: 0.2s ease-in; transition-delay: 1.2s;} .line_wrap i.line03 {position: absolute; display: inline-block; width: 17px; height: 0px; background-color: #ffffff;} div.active .line_wrap i.line03 {height: 100%; transition: 0.2s ease-in; transition-delay: 1.4s;} .line_wrap i.line04 {position: absolute; bottom: 0px; display: inline-block; width: 0px; height: 17px; background-color: #ffffff;} div.active .line_wrap i.line04 {width: 60px; transition: 0.2s ease-in; transition-delay: 1.6s;} } /* 702715 : 이미지 리스트 (타일형) */ .movie_slide__702715__ {} .movie_slide__702715__ .swiper-slide {position:relative;} .movie_slide__702715__ .swiper-slide .video {position:relative; padding-bottom:56.25%; overflow:hidden;} .movie_slide__702715__ .swiper-slide .video::after {position:absolute; left:0; top:0; width:100%; height:100%; content:''; background:transparent;} .movie_slide__702715__ .swiper-slide .video > iframe {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:110%; border: 0;} .movie_slide__702715__ .swiper-slide .figure {display:none;} .movie_slide__702715__ .swiper-slide .caption {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:1300px; margin:0 auto; color:#fff;} .movie_slide__702715__ .swiper-slide .caption > * {margin:0; transition:transform 1s;} .movie_slide__702715__ .swiper-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__702715__ .swiper-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__702715__ .swiper-slide.swiper-slide-active .caption .subject, .movie_slide__702715__ .swiper-slide.swiper-slide-active .caption .content {transform:translateY(0); opacity:1;} @media all and (max-width:768px){ .movie_slide__702715__ .swiper-slide .video {display:none;} .movie_slide__702715__ .swiper-slide .figure {display:block;} .movie_slide__702715__ .swiper-slide .caption {transform:translate(-45%, 25%);} .movie_slide__702715__ .swiper-slide .caption .subject {font-size:25px;} .movie_slide__702715__ .swiper-slide .caption .content {display:none;} }