/* 525995 : 스크롤 애니메이션 라이브러리 */ #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)} } /* 492425 : 이미지 슬라이드 (메인용) */ @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__492425__ {max-width:1920px;margin:0 auto} .pm-slide_wide__492425__ a {display:block;position:relative;border:none} .pm-slide_wide__492425__ a img {border:none} .pm-slide_wide__492425__.slide_zindex .owl-item {z-index:1} .pm-slide_wide__492425__ .item {position:relative} .pm-slide_wide__492425__ .item img {vertical-align:top} .pm-slide_wide__492425__ .item .caption {display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;text-align:center} .pm-slide_wide__492425__ .item .caption .caption_inner {display:table;width:100%;height:100%} .pm-slide_wide__492425__ .item .caption .caption_inner .caption_cell {display:table-cell;padding:0 12%;text-align:left;vertical-align:middle} .pm-slide_wide__492425__ .item .caption .caption_inner .caption_cell .caption_cell_in {display: block;max-width: 1000px; margin: 0 auto;} .pm-slide_wide__492425__ .item .caption .caption_inner .caption_cell > span {display:block} .pm-slide_wide__492425__ .item .caption .caption_inner .caption_cell .subject {display: block;font-size:16px;font-weight:bold;color:#ffffff;line-height:1.4em;letter-spacing: -.03em;} .pm-slide_wide__492425__ .item .caption .caption_inner .caption_cell .exp_text {max-width: 330px;color:#ffffff;} .pm-slide_wide__492425__ .owl-nav {-webkit-tap-highlight-color:transparent} .pm-slide_wide__492425__ .owl-nav [class*='owl-'] { display:inline-block;position:absolute;top:50%;z-index:10;width:24px;height:24px;line-height:24px;margin-top:-12px; font-size:0;text-align:center; } .pm-slide_wide__492425__ .owl-nav [class*='owl-']:before {font-family:'icomoon_slider';font-size:18px;font-weight:normal;color:#ffffff} .pm-slide_wide__492425__ .owl-nav .owl-prev {left:5px} .pm-slide_wide__492425__ .owl-nav .owl-prev:before {content:'\e600'} .pm-slide_wide__492425__ .owl-nav .owl-next {right:5px} .pm-slide_wide__492425__ .owl-nav .owl-next:before {content:'\e601'} .pm-slide_wide__492425__ .owl-nav .disabled {opacity:0.5;cursor:default !important} .pm-slide_wide__492425__ .owl-dots {position:absolute;bottom:0;left:0;z-index:10;width:100%;padding:10px;font-size:0;box-sizing:border-box;text-align:center} .pm-slide_wide__492425__ .owl-dots .owl-dot {display:inline-block} .pm-slide_wide__492425__ .owl-dots .owl-dot span { box-sizing:border-box;display:block;width:18px;height:5px;margin:0 3px; background:#ffffff; transition:opacity 200ms ease; } .pm-slide_wide__492425__ .owl-dots .owl-dot.active span, .pm-slide_wide__492425__ .owl-dots .owl-dot:hover span {border-color:#ff6c39;background:#ff6c39;} .pm-slide_wide__492425__.empty__492425__ {padding:30px 10px;font-size:13px;text-align:center} .pm-slide_wide__492425__.build_edit_mode .item {display:none} .pm-slide_wide__492425__.build_edit_mode .item img {width:100%} .pm-slide_wide__492425__.build_edit_mode .item:first-child {display:block} @media all and (min-width:768px){ .pm-slide_wide__492425__ .item .caption .caption_inner .caption_cell .subject {line-height:1.2em} .pm-slide_wide__492425__ .owl-nav [class*='owl-'] {width:30px;height:30px;line-height:30px;margin-top:-15px} .pm-slide_wide__492425__ .owl-nav [class*='owl-']:before {font-size:14px} .pm-slide_wide__492425__ .owl-nav .owl-prev {left:20px} .pm-slide_wide__492425__ .owl-nav .owl-next {right:20px} } @media all and (min-width:1024px){ .pm-slide_wide__492425__ .item .caption .caption_inner .caption_cell {padding:0;} .pm-slide_wide__492425__ .item .caption .caption_inner .caption_cell .subject {font-size:54px;line-height:1.3em;} .pm-slide_wide__492425__ .item .caption .caption_inner .caption_cell .exp_text {display:block;margin-top:1%;font-size:18px;} .pm-slide_wide__492425__ .owl-nav [class*='owl-'] {width:40px;height:40px;line-height:40px;margin-top:-20px;border:2px solid #ffffff;border-radius:50%} .pm-slide_wide__492425__ .owl-nav [class*='owl-']:before {font-size:18px} .pm-slide_wide__492425__ .owl-nav .owl-prev {left:20px} .pm-slide_wide__492425__ .owl-nav .owl-next {right:20px} .pm-slide_wide__492425__ .owl-dots {padding:20px 10px} .pm-slide_wide__492425__ .owl-dots .owl-dot span {position:relative;width:35px;height:3px;margin:0 4px} } @media all and (min-width:1300px){ .pm-slide_wide__492425__ .item .caption .caption_inner .caption_cell .subject {font-size:50px} .pm-slide_wide__492425__ .item .caption .caption_inner .caption_cell .exp_text {font-size:20px} } /* 523595 : 이미지 리스트 (타일형) */ .img_list__523595__ {position:relative; margin-top:-55px; z-index:9;} .img_list__523595__::before {position:absolute; width:50%; height:100%; left:0; top:0; background:#0C8487; content:'';} .img_list__523595__ .img_inner {position:relative; display:flex; max-width:var(--max-width); margin:0 auto; border-radius:0 60px 20px 20px; background:#0C8487;} .img_list__523595__ .img_inner .list {display:grid; grid-template-columns:repeat(6, 1fr); width:100%; margin:0; padding:20px 125px 20px 0; list-style:none;} .img_list__523595__ .img_inner .list .item {position:relative;} .img_list__523595__ .img_inner .list .item::before {position:absolute; left:0; top:0; width:1px; height:100%; background:#fff; content:'';} .img_list__523595__ .img_inner .list .item:first-child::before {display:none;} .img_list__523595__ .img_inner .list .item .item-inner > * {transition:0.4s;} .img_list__523595__ .img_inner .list .item:hover .item-inner > * {transform:translateY(-15px);} .img_list__523595__ .img_inner .list .item .figure, .img_list__523595__ .img_inner .list .item .caption {text-align:center;} .img_list__523595__ .img_inner .list .item .caption {padding-top:10px} .img_list__523595__ .img_inner .list .item .caption > * {color:#fff;} .img_list__523595__ .img_inner .list .item .caption .subject {font-size:18px; font-family:'Pretendard-Light';} .img_list__523595__ .img_inner .title {position:absolute; right:0; bottom:0; height:150px; width:125px; border-radius:60px 60px 20px 0; background:#0c9194;} .img_list__523595__ .img_inner .title > p {margin:0; padding-top: 50px; font-size:24px; font-weight:bold; color:#fff; text-align:center; font-family: 'Pretendard-Medium';} .img_list__523595__ .img_inner .title > p > span {display:block; text-align:center; font-size:18px; font-weight:normal; color:#46ecef;} @media all and (max-width:768px) { .img_list__523595__ {margin-top:0;} .img_list__523595__::before {display:none;} .img_list__523595__ .img_inner {border-radius:0;} .img_list__523595__ .img_inner .list {grid-template-columns: repeat(3, 1fr); row-gap:20px; padding:20px 0;} .img_list__523595__ .img_inner .list .item {box-sizing:border-box; padding:0 7px;} .img_list__523595__ .img_inner .list .item::before {display:none;} .img_list__523595__ .img_inner .list .item .figure > img {width:40px;} .img_list__523595__ .img_inner .list .item .caption {padding-top:10px;} .img_list__523595__ .img_inner .title {display:none;} } /* 493095 : 블록 설정 */ .block_option__493095__ {display:table;width:100%} .block_option__493095__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} @media (max-width:1023px){ .row__493095__ {} } @media (min-width:1024px){ .row__493095__ {padding:100px 0;} } /* 493105 : 셀 설정 */ .cell_option__493105__ {display:table;width:100%} .cell_option__493105__ p {display:table-cell;height:70px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} @media (max-width:1023px){ .col__493105__ {margin:50px 0;} } @media (min-width:1024px){ .col__493105__ {position:relative; padding-right:50px;} } /* 524215 : 한줄 텍스트 */ .board_tab__524215__ {display:flex; flex-direction:column; gap:20px; box-sizing:border-box;} .board_tab__524215__ ul {margin:0; padding:0; list-style:none;} .board_tab__524215__ .board {position:relative; padding:50px 40px; background:#fff; border-radius:20px 20px 0 0; overflow:hidden;} .board_tab__524215__ .board .board-tab {display:flex; gap:20px;} .board_tab__524215__ .board .board-tab li a {display:block; min-width:150px; padding:10px 0; font-weight:800; color:#fff; border-radius:1.3em; background:#9ba9c1; text-align:center; font-size:20px;} .board_tab__524215__ .board .board-tab li.active a {background:#0e81a0; font-family:'Pretendard-Bold';} .board_tab__524215__ .board .board-list-wrapper {margin-top:32px; border-top:2px solid #8ea4b8;} .board_tab__524215__ .board .board-list-wrapper .more {position:absolute; right:40px; top:50px; width:22px; height:22px; transition:.4s;} .board_tab__524215__ .board .board-list-wrapper .m_more {display:none;} .board_tab__524215__ .board .board-list-wrapper .more:hover {transform:rotate(180deg);} .board_tab__524215__ .board .board-list-wrapper .more::before, .board_tab__524215__ .board .board-list-wrapper .more::after{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:#ddd; content:'';} .board_tab__524215__ .board .board-list-wrapper .more::before {width:3px; height:100%;} .board_tab__524215__ .board .board-list-wrapper .more::after {width:100%; height:3px;} .board_tab__524215__ .board .board-list {display:none;} .board_tab__524215__ .board .board-list.active {display:block;} .board_tab__524215__ .board .board-list li a, .board_tab__524215__ .board .board-list li.empty span {display:flex; justify-content:space-between; padding:16px 0; font-size:17px; border-bottom:1px solid #e9eff5; font-family:'Pretendard-Light';} .board_tab__524215__ .board .board-list li a .subject {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} @media all and (max-width:768px) { .board_tab__524215__ {width:100%; padding:0;} .board_tab__524215__ .board {padding:20px; border-radius:20px;} .board_tab__524215__ .board .board-tab {gap:10px;} .board_tab__524215__ .board .board-tab li a {min-width:auto; font-size:15px; padding:7px 12px;} .board_tab__524215__ .board .board-list-wrapper {margin-top:15px;} .board_tab__524215__ .board .board-list-wrapper .more {display:none;} .board_tab__524215__ .board .board-list-wrapper .m_more {display:inline-block; margin-top:10px; float:right;} .board_tab__524215__ ul li {display:none;} .board_tab__524215__ ul li:nth-of-type(1), .board_tab__524215__ ul li:nth-of-type(2), .board_tab__524215__ ul li:nth-of-type(3) {display:block;} .board_tab__524215__ .board .board-list li a, .board_tab__524215__ .board .board-list li.empty span {font-size:15px;} .board_tab__524215__ .board .board-list li a .date {display:none;} } /* 493145 : 텍스트 오버레이 이미지 */ .text_over__493145__ {overflow:hidden;position:relative;display:table;table-layout:fixed;width:100%;vertical-align:top;} .text_over__493145__ * {box-sizing:border-box} .text_over__493145__ a {display:block;max-width:100%} .text_over__493145__ .item {overflow:hidden; border-radius: 20px 20px 0 0; padding:20px 40px; background:#0e81a0; position:relative;display:table-cell;width:50%;vertical-align:top;} .text_over__493145__ .caption {font-family: 'Eulyoo1945-Regular'; left:30px; top:14px; width:100%; } .text_over__493145__ .caption .subject, .text_over__493145__ .caption .content {display:block;margin:0;} .text_over__493145__ .caption .subject {color:#ffffff;font-weight:normal;} .text_over__493145__ .caption .content {color:#dddddd} .text_m_sml__493145__ .caption .subject {font-size:16px;line-height:1.5em; padding-bottom:5px; font-family:'Pretendard-Bold';} .text_m_sml__493145__ .caption .content {font-size:20px;line-height:1.5em; font-family:'Pretendard-Light'; } .text_m_med__493145__ .caption .subject {font-size:18px;line-height:1.4em; font-family:'Pretendard-Light'; } .text_m_med__493145__ .caption .content {font-size:22px;line-height:1.5em } .text_m_big__493145__ .caption .subject {font-size:20px;line-height:1.4em} .text_m_big__493145__ .caption .content {font-size:24px;line-height:1.5em} .text_center__493145__ .caption {text-align:center} .text_right__493145__ .caption {text-align:right} @media all and (min-width:1024px){ .text_over__493145__ .caption .content {display:block;margin:0;} .text_sml__493145__ .caption .subject {font-size:16px;line-height:1.5em} .text_sml__493145__ .caption .content {font-size:20px;line-height:1.5em} .text_med__493145__ .caption .subject {font-size:29px;line-height:1.4em} .text_med__493145__ .caption .content {font-size:16px;line-height:1.3em;} .text_big__493145__ .caption .subject {font-size:20px;line-height:1.4em} .text_big__493145__ .caption .content {font-size:24px;line-height:1.5em} } @media all and (max-width:768px){ .text_over__493145__ .caption { text-align:center; left:0px; top:20px; } .text_m_sml__493145__ .caption .subject { font-size:25px; font-weight:bold;} .text_m_sml__493145__ .caption .content { font-size:13px; line-height:1.2em; } } /* 493155 : 이미지 */ .img__493155__ {position:relative;display:block;width:100%;max-width:100%; padding:25px 40px; background:#ffffff; background-size:cover;box-sizing:border-box;} .img__493155__ * {box-sizing:border-box} .img__493155__ p {margin:0; display:block;} .img__493155__ p span {display:block;} .img__493155__ p .title {margin:0;font-size:17px;font-weight:bold;color:#222; font-family:'Pretendard-Light';} .img__493155__ p .num { padding:10px 0 10px 0; font-family:'Pretendard-Bold'; font-size:32px; font-weight:bold; color:#07627c; line-height:1.0em;} .img__493155__ p .subNum {font-family:'Pretendard-Bold'; font-size:17px; font-weight:bold; color:#07627c;} .img__493155__ p .subNum > span {display:inline-block; min-width:51px; font-family:'Pretendard-Light';} .img__493155__ p .desc {font-size:13px;color:#444; padding-top:20px;} .img__493155__ p .desc:after {content:'';display:block;clear:both;} .img__493155__ p .desc .desc_title {float:left;} .img__493155__ p .desc .desc_text {overflow:hidden;} .img__493155__ p .desc .desc_text > span {position:relative; font-family:'Pretendard-Light';} .img__493155__ .btn_inquiry {margin-top:15px; display:flex; gap:5px; width:100%;} .img__493155__ .btn_inquiry a {position:relative; display:block; padding:10px 0; width:50%; text-align:center; box-sizing:border-box; border:1px solid #d0d0d0;font-family:'Pretendard-Light'; line-height:30px} .img__493155__ .btn_inquiry a i {float:right; line-height: 1.0em; } @media all and (min-width:768px) { .img__493155__ {padding:26.6px 40px;} .img__493155__ p .title {display: inline-block; border-radius: 30px; background-color: #07627c; color: #fff; font-size: 17px; font-weight: normal; text-align: center; padding: 3px 21px;} .img__493155__ p .desc {font-size:20px; line-height:1.6em;} .img__493155__ .btn_inquiry a {font-size:17px;} .img__493155__ .btn_inquiry a i {line-height:1.2em;} } @media all and (max-width:768px){ .img__493155__ {text-align:center; margin-bottom:30px;} .img__493155__ p .title { font-size: 20px; } .img__493155__ p .num { font-size: 22px; padding: 10px 0 10px 0; } .img__493155__ p .desc { font-size: 15px;} } /* 493195 : 한줄 텍스트 */ @font-face { font-family: 'LotteMartHappy'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff') format('woff'); } @font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; } .section__493195__ {padding:0 100px; box-sizing:border-box;} .section__493195__ .title {position:relative; font-family: 'LotteMartHappy'; font-size:79px; font-weight:normal; letter-spacing:-0.02em;} .section__493195__ .title::before {display:block; width:100px; height:100px; border-radius:50%; background:#ff8d9d61; position:absolute; left:5%; top:50%; transform:translateY(-50%); content:"";} .section__493195__ .title > span {position:relative; display:inline-block; margin-bottom:10px; color:#d34652;} .section__493195__ .title > span.title-2 {margin:0 0 0 85px;} .section__493195__ .program-wrapper {position:relative;} .section__493195__ .program-wrapper .character > img {position:absolute; bottom:0;} .section__493195__ .program-wrapper .character .left {left:25px; transform:translateX(-100%); z-index:1;} .section__493195__ .program-wrapper .character .right {right:30px; transform:translateX(100%); z-index:1;} .section__493195__ .program {position:relative; display:flex; justify-content:space-between; gap:20px; max-width:1440px; margin:80px auto 0; padding:0; list-style:none;} .section__493195__ .program .item {width:25%;} .section__493195__ .program .item a {display:flex; align-items:center; justify-content:center; flex-direction:column; width:100%; height:330px; background-repeat:no-repeat; background-size:100% 100%;} .section__493195__ .program .item a > * {margin:0; color:#000; font-family:'GmarketSansMedium';} .section__493195__ .program .item a .subject {margin:20px 0 0; font-size:28px; font-family:'Pretendard-Bold';} .section__493195__ .program .item:nth-child(4) a .more {padding:45px 0 0 } .section__493195__ .program .item a .cont {height:0; font-size:18px; overflow:hidden; transition:all .4s;} .section__493195__ .program .item a .more {position:relative; margin:0 auto; padding:34px 0 0; font-size:18px; box-sizing:border-box; overflow:hidden; transform:translateY(10px);} .section__493195__ .program .item a .more > p {position:relative; display:inline-block; margin:0; padding:6px 20px;} .section__493195__ .program .item a .more > p > i {position:absolute; left:0; top:3px; width:0; height:100%; background-size:auto 100%; background-repeat:no-repeat; background-position:0 center; transition:all .4s;} .section__493195__ .program .item a .more > p > span {position:relative; font-family:'Pretendard-Light'; transition:all .2s;} .section__493195__ .program .item:hover a .more > p > i {width:100%;} .section__493195__ .program .item a .more .outline {position:relative; width:110px; height:40px; margin:0 auto; transform: translateY(-38px);} .section__493195__ .program .item a .more .outline span {position: absolute; background:var(--main-color);} .section__493195__ .program .item a .more .outline span:nth-child(1) {left:0; top:0; width:0; height:3px; transition:width 0.1s; } .section__493195__ .program .item a .more .outline span:nth-child(2) {right:0; top:0; width:3px; height: 0; transition:height 0.1s linear 0.1s; } .section__493195__ .program .item a .more .outline span:nth-child(3) {right:0; bottom:0; width: 0; height:3px; transition:width 0.1s linear 0.2s; } .section__493195__ .program .item a .more .outline span:nth-child(4) {left:0; bottom:0; width:3px; height:0; transition:height 0.1s linear 0.3s;} .section__493195__ .program .item a .more .outline:hover span:nth-child(1) {width:100%;} .section__493195__ .program .item a .more .outline:hover span:nth-child(2) {height:100%;} .section__493195__ .program .item a .more .outline:hover span:nth-child(3) {width:100%;} .section__493195__ .program .item a .more .outline:hover span:nth-child(4) {height:100%;} /* kiosk mode */ .kiosk-mode .section__493195__ .program .item a .cont {height:auto; margin:14px auto 0; font-family: 'S-CoreDream-3Light';} .kiosk-mode .section__493195__ .program .item a .more > p > i {width:100%;} .kiosk-mode .section__493195__ .program .item a .more > p > span {color:#fff;} /* 애니메이션 */ .section__493195__ .title {opacity:0; transform:translateY(100px); transition:.3s;} #farm-container .section__493195__ .title, .active .section__493195__ .title {opacity:1; transform:none; transition:1s;} .section__493195__ .program .item {opacity:0; transform:translateY(100px); transition:.3s; transition-delay:0s;} #farm-container .section__493195__ .program .item, .active .section__493195__ .program .item {opacity:1; transform:none; transition:1s;} .active .section__493195__ .program .item:nth-child(1) {transition-delay:0.2s;} .active .section__493195__ .program .item:nth-child(2) {transition-delay:0.4s;} .active .section__493195__ .program .item:nth-child(3) {transition-delay:0.6s;} .active .section__493195__ .program .item:nth-child(4) {transition-delay:0.8s;} @media all and (max-width:1100px) { .section__493195__ {padding:0 3%; box-sizing:border-box;} .section__493195__ .title {font-size:66px;} .section__493195__ .title::before {width:100px; height:100px;} .section__493195__ .program .item {width:22%;} .section__493195__ .program .item a {width:auto; height:auto; padding:15% 0;} .section__493195__ .program .item a .subject {margin:10px 0 0; font-size:18px;} .section__493195__ .program .item a .cont {margin:10px 0 0; font-size:14px;} .section__493195__ .program .item a .more {padding:0; font-size:14px;} } @media all and (max-width:850px) { .section__493195__ .program {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:15px; row-gap:15px; margin-top:30px;} .section__493195__ .program .item {width:100%;} .section__493195__ .program .item a img {width:55px;} .section__493195__ .program .item a .subject {font-size:17px;} .section__493195__ .program-wrapper .character {display:none;} .section__493195__ .program .item a .cont {display:none;} .section__493195__ .program .item a .more > p > span {color:#fff;} .section__493195__ .program .item a .more > p > i {width:100%;} } @media all and (max-width:768px) { .section__493195__ .title {font-size:32px;} .section__493195__ .title::before {width:50px; height:50px;} .section__493195__ .title > span.title-2 {margin-left:20px;} .section__493195__ .program .item a {height:140px} } .kiosk-mode .section__493195__ .program {max-width:820px;} .kiosk-mode .section__493195__ .program-wrapper .character .left {transform:translateX(-30%);} .kiosk-mode .section__493195__ .program-wrapper .character .right {transform:translateX(30%);} /* 493205 : 공백 */ .solid_line__493205__ {box-sizing:border-box;display:block;position:relative;width:100%;height:100px} .solid_line__493205__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__493205__.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__493205__ {height:50px} } /* 493355 : 텍스트 오버레이 이미지 */ .text_over__493355__ {overflow:hidden;position:relative;display:table;table-layout:fixed;width:100%;vertical-align:top;transition:.2s opacity;} .text_over__493355__:hover {opacity:0.9;} .text_over__493355__ * {box-sizing:border-box} .text_over__493355__ a {display:block;max-width:100%} .text_over__493355__ .item {position:relative;display:table-cell;width:50%;vertical-align:top;} .text_over__493355__ .thum_img {width:100%;vertical-align:middle; border-radius: 20px 0 0 20px;} .text_over__493355__ .caption {position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);} .text_over__493355__ .caption .subject, .text_over__493355__ .caption .content{display:block;margin:0;padding:5px 25px;} .text_over__493355__ .caption .subject {color:#444444;font-weight:bold;} .text_over__493355__ .caption .content {color:#999999} .text_over__493355__ .caption .btn {display:block;margin-top:12px;padding:0 25px;box-sizing:border-box;font-size:0;} .text_over__493355__ .caption .btn span {display:inline-table;width:35px;height:23px;border:1px solid #999999;border-radius:30px;box-sizing:border-box;text-align:center;} .text_over__493355__ .caption .btn span:before {content:'>';display:table-cell;vertical-align:middle;color:#999999;font-size:13px;line-height:1;font-family:'돋움',sans-serif;font-weight:bold;padding-left:1px;} .text_m_sml__493355__ .caption .subject {font-size:16px;line-height:1.5em; font-family:'Pretendard-Bold';} .text_m_sml__493355__ .caption .content {font-size:13px;line-height:1.5em; font-family:'Pretendard-Light';} .text_m_med__493355__ .caption .subject {font-size:18px;line-height:1.4em} .text_m_med__493355__ .caption .content {font-size:16px;line-height:1.5em} .text_m_big__493355__ .caption .subject {font-size:20px;line-height:1.4em} .text_m_big__493355__ .caption .content {font-size:18px;line-height:1.5em} .text_left__493355__ .caption {text-align:left} .text_center__493355__ .caption {text-align:center} .text_right__493355__ .caption {text-align:right} @media all and (max-width:768px){ .text_over__493355__ .thum_img {border-radius:20px 0 0 0;} .text_m_sml__493355__ .caption .content {font-size:14px} } @media all and (min-width:1024px){ .text_sml__493355__ .caption .subject {font-size:16px;line-height:1.5em} .text_sml__493355__ .caption .content {font-size:13px;line-height:1.5em} .text_med__493355__ .caption .subject {font-size:25px;line-height:1.4em} .text_med__493355__ .caption .content {font-size:18px;line-height:1.5em} .text_big__493355__ .caption .subject {font-size:20px;line-height:1.4em} .text_big__493355__ .caption .content {font-size:18px;line-height:1.5em} .text_over__493355__ .caption .btn span {width:45px;height:30px;} .text_over__493355__ .caption .btn span:before {font-size:15px;} } /* 493365 : 이미지 슬라이드 (기본형) */ @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-banner_slide_basic__493365__ {max-width:100%;margin:0 auto} .pm-banner_slide_basic__493365__ a {display:block;border:none} .pm-banner_slide_basic__493365__ a img {border:none} .pm-banner_slide_basic__493365__.slide_zindex .owl-item {z-index:1} .pm-banner_slide_basic__493365__ .item {position:relative} .pm-banner_slide_basic__493365__ .item img {vertical-align:top} .pm-banner_slide_basic__493365__ .owl-nav {-webkit-tap-highlight-color:transparent} .pm-banner_slide_basic__493365__ .owl-nav [class*='owl-'] {position:absolute;top:50%;z-index:2;width:30px;height:30px;line-height:30px;margin-top:-15px;font-size:0;opacity:0.7} .pm-banner_slide_basic__493365__ .owl-nav [class*='owl-']:before {font-family:'icomoon_slider';font-size:30px;font-weight:bold;color:#fff} .pm-banner_slide_basic__493365__ .owl-nav [class*='owl-']:hover {opacity:1} .pm-banner_slide_basic__493365__ .owl-nav .owl-prev {left:2px} .pm-banner_slide_basic__493365__ .owl-nav .owl-next {right:2px} .pm-banner_slide_basic__493365__ .owl-nav .owl-prev:before {content:'\e600'} .pm-banner_slide_basic__493365__ .owl-nav .owl-next:before {content:'\e601'} .pm-banner_slide_basic__493365__ .owl-nav .disabled {opacity:0.5;cursor:default !important} .pm-banner_slide_basic__493365__ .owl-dots {position:absolute;left:0;bottom:0;width:100%;padding:12px 10px;font-size:0;box-sizing:border-box;text-align:center} .pm-banner_slide_basic__493365__ .owl-dots .owl-dot {display:inline-block;margin:0 1px;} .pm-banner_slide_basic__493365__ .owl-dots .owl-dot span {display:block;width:4px;height:4px;margin:4px;border-radius:30px;background-color:#fff;transition:opacity 200ms ease} .pm-banner_slide_basic__493365__ .owl-dots .owl-dot.active, .pm-banner_slide_basic__493365__ .owl-dots .owl-dot:hover {border:1px solid #ffffff;border-radius:50%;} .pm-banner_slide_basic__493365__ .owl-dots .owl-dot.active span, .pm-banner_slide_basic__493365__ .owl-dots .owl-dot:hover span {background:#ffffff} .pm-banner_slide_basic__493365__.empty__493365__ {padding:30px 10px;font-size:13px;text-align:center} .pm-banner_slide_basic__493365__.build_edit_mode .item {display:none} .pm-banner_slide_basic__493365__.build_edit_mode .item:first-child {display:block} @media (max-width:768px){ .pm-banner_slide_basic__493365__ .item img {border-radius: 0 20px 0 0;} } /* 493375 : 텍스트 오버레이 이미지 */ .cont__493375__{position:relative;} .cont__493375__ .thum_img{width:100%;vertical-align:middle;} .cont__493375__ .item{position:absolute;top:50%;left:0;width:100%;max-height:100%;padding:20px;box-sizing:border-box;transform:translateY(-50%);} .cont__493375__ .subject{margin:0;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #ffffff;color:#ffffff;} .cont__493375__ .content{color:#ffffff;} .cont__493375__ table{width:100%;} .cont__493375__ th{text-align:left;} .cont__493375__ td{padding:2px;box-sizing:border-box;text-align:right;} .cont__493375__ .alert_text{margin-top:12px;margin-bottom:0;color:#ffffff;} .cont_m_sml__493375__ .subject {font-size:16px;line-height:1.5em; font-family:'Pretendard-Bold';} .cont_m_sml__493375__ .content {font-size:13px;line-height:1.5em; font-family:'Pretendard-Light';} .cont_m_sml__493375__ .alert_text {font-size:12px;line-height:1.5em; font-family:'Pretendard-Light';} .cont_m_med__493375__ .subject {font-size:18px;line-height:1.4em} .cont_m_med__493375__ .content {font-size:16px;line-height:1.5em} .cont_m_med__493375__ .alert_text {font-size:14px;line-height:1.5em} .cont_m_big__493375__ .subject {font-size:20px;line-height:1.4em} .cont_m_big__493375__ .content {font-size:18px;line-height:1.5em} .cont_m_big__493375__ .alert_text {font-size:15px;line-height:1.5em} @media (max-width:768px){ .cont__493375__ .subject {margin-bottom:6px} .cont__493375__ .item {padding:15px;} .cont_m_sml__493375__ .subject {text-align:center;} .cont__493375__ .thum_img {border-radius: 0 0 0 20px;} } @media (min-width:1024px){ .cont__493375__ .item{padding:20px 30px;} .cont__493375__ .subject{margin-bottom:15px;padding-bottom:15px;box-sizing:border-box;} .cont__493375__ td{padding:3px;} .cont__493375__ .alert_text{margin-top:15px;} .cont_sml__493375__ .subject {font-size:16px;line-height:1.5em} .cont_sml__493375__ .content {font-size:13px;line-height:1.5em} .cont_sml__493375__ .alert_text {font-size:12px;line-height:1.5em} .cont_med__493375__ .subject {font-size:25px;line-height:1.4em} .cont_med__493375__ .content {font-size:18px;line-height:1.5em} .cont_med__493375__ .alert_text {font-size:18px;line-height:1.5em} .cont_big__493375__ .subject {font-size:20px;line-height:1.4em} .cont_big__493375__ .content {font-size:18px;line-height:1.5em} .cont_big__493375__ .alert_text {font-size:15px;line-height:1.5em} } /* 493385 : 텍스트 오버레이 이미지 */ .text_over__493385__ {overflow:hidden;position:relative;display:table;table-layout:fixed;width:100%;vertical-align:top;} .text_over__493385__ * {box-sizing:border-box} .text_over__493385__ a {display:block;max-width:100%} .text_over__493385__ .item {position:relative;display:table-cell;width:50%;vertical-align:top;} .text_over__493385__ .thum_img {width:100%;vertical-align:middle; border-radius: 0 20px 0 0;} .text_over__493385__ .caption {position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);} .text_over__493385__ .caption .subject, .text_over__493385__ .caption .content, .text_over__493385__ .caption .more {display:block;margin:0;padding:2px 20px;} .text_over__493385__ .caption .subject {color:#ffffff;font-weight:bold;} .text_over__493385__ .caption .content, .text_over__493385__ .caption .more {color:#dddddd; font-family:'Pretendard-Light';} .text_over__493385__ .caption .more {margin-top:10px;} .text_m_sml__493385__ .caption .subject {font-size:16px;line-height:1.5em; font-family:'Pretendard-Bold';} .text_m_sml__493385__ .caption .content {font-size:20px;line-height:1.5em; font-family:'Pretendard-Light';} .text_m_med__493385__ .caption .subject {font-size:18px;line-height:1.4em} .text_m_med__493385__ .caption .content {font-size:22px;line-height:1.5em} .text_m_big__493385__ .caption .subject {font-size:20px;line-height:1.4em} .text_m_big__493385__ .caption .content {font-size:24px;line-height:1.5em} .text_left__493385__ .caption {text-align:left} .text_center__493385__ .caption {text-align:center} .text_right__493385__ .caption {text-align:right} @media all and (max-width:768px){ .text_m_sml__493385__ .caption .subject {margin-top:10px} .text_over__493385__ .thum_img {border-radius:0;} .text_m_sml__493385__ .caption .content {display:none;} .text_over__493385__ .caption .more {margin-top:5px; font-size:12px;} } @media all and (min-width:1024px){ .text_over__493385__ .caption .content {display:block;margin:0;padding:2px 18px;} .text_sml__493385__ .caption .subject {font-size:16px;line-height:1.5em} .text_sml__493385__ .caption .content {font-size:20px;line-height:1.5em} .text_med__493385__ .caption .subject {font-size:25px;line-height:1.4em} .text_med__493385__ .caption .content {font-size:18px;line-height:1.5em} .text_big__493385__ .caption .subject {font-size:20px;line-height:1.4em} .text_big__493385__ .caption .content {font-size:24px;line-height:1.5em} } /* 493395 : 텍스트 오버레이 이미지 */ .text_over__493395__ {overflow:hidden;position:relative;display:table;table-layout:fixed;width:100%;vertical-align:top;} .text_over__493395__ * {box-sizing:border-box} .text_over__493395__ a {display:block;max-width:100%} .text_over__493395__ .item {position:relative;display:table-cell;width:50%;vertical-align:top;} .text_over__493395__ .thum_img {width:100%;vertical-align:middle; border-radius: 0 0 20px 0;} .text_over__493395__ .caption {position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);} .text_over__493395__ .caption .subject, .text_over__493395__ .caption .content {display:block;margin:0;padding:2px 20px;} .text_over__493395__ .caption .subject {color:#ffffff;font-weight:bold;} .text_over__493395__ .caption .content {color:#dddddd} .text_m_sml__493395__ .caption .subject {font-size:16px;line-height:1.5em; font-family:'Pretendard-Bold';} .text_m_sml__493395__ .caption .content {font-size:13px;line-height:1.5em; font-family:'Pretendard-Light';} .text_m_med__493395__ .caption .subject {font-size:18px;line-height:1.4em} .text_m_med__493395__ .caption .content {font-size:15px;line-height:1.5em} .text_m_big__493395__ .caption .subject {font-size:20px;line-height:1.4em} .text_m_big__493395__ .caption .content {font-size:18px;line-height:1.5em} .text_left__493395__ .caption {text-align:left} .text_center__493395__ .caption {text-align:center} .text_right__493395__ .caption {text-align:right} @media all and (max-width:768px){ .text_m_sml__493395__ .caption .content {display:none;} } @media all and (min-width:1024px){ .text_over__493395__ .caption .content {display:block;margin:0;padding:2px 18px;} .text_sml__493395__ .caption .subject {font-size:16px;line-height:1.5em} .text_sml__493395__ .caption .content {font-size:13px;line-height:1.5em} .text_med__493395__ .caption .subject {font-size:25px;line-height:1.4em} .text_med__493395__ .caption .content {font-size:15px;line-height:1.5em} .text_big__493395__ .caption .subject {font-size:20px;line-height:1.4em} .text_big__493395__ .caption .content {font-size:18px;line-height:1.5em} } /* 493335 : 이미지 슬라이드 (반응형) */ @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-banner_slide_responsive__493335__ .owl-nav {display: block !important;} .pm-banner_slide_responsive_wrap__493335__ {position: relative;padding: 20px 0;margin-top: 1px;background:none;} .pm-banner_slide_responsive_wrap__493335__ .title {position: absolute;left: 0;top:50%;max-width: 80px;margin-top:-10px;height: 100%;} .pm-banner_slide_responsive_wrap__493335__ .title .inner {box-sizing: border-box} .pm-banner_slide_responsive_wrap__493335__ .title .inner .text {margin:0;padding:0;font-size:14px;font-weight: bold;color: #777777;} .pm-banner_slide_responsive__493335__ {box-sizing:border-box;max-width:1400px;margin:0 auto;} .pm-banner_slide_responsive__493335__ a {border:none} .pm-banner_slide_responsive__493335__ .item img {width:auto;} .pm-banner_slide_responsive__493335__ a img {box-sizing: border-box;} .pm-banner_slide_responsive__493335__ .item {position:relative} .pm-banner_slide_responsive__493335__ .item img {vertical-align:top} .pm-banner_slide_responsive__493335__ .owl-nav {-webkit-tap-highlight-color:transparent} .pm-banner_slide_responsive__493335__ .owl-nav [class*='owl-'] { position:absolute;top:50%;z-index:2;width:20px;height:20px;line-height:20px;margin-top:-10px; font-size:0;opacity:0.7; } .pm-banner_slide_responsive__493335__ .owl-nav [class*='owl-']:before{display: block;font-family:'icomoon_slider';font-size:20px;font-weight:bold;color:#fff} .pm-banner_slide_responsive__493335__ .owl-nav [class*='owl-']:hover {opacity:1} .pm-banner_slide_responsive__493335__ .owl-nav .owl-prev { display:none; width: 25px; height: 25px; left:80px} .pm-banner_slide_responsive__493335__ .owl-nav .owl-next { display:none; width: 25px; height: 25px; left:112px} .pm-banner_slide_responsive__493335__ .owl-nav .owl-prev:before {display: block;content:'\e600'; padding-right: 24px;} .pm-banner_slide_responsive__493335__ .owl-nav .owl-next:before {display: block;content:'\e601'} .pm-banner_slide_responsive__493335__ .owl-nav .disabled {opacity:0.5;cursor:default !important} .pm-banner_slide_responsive__493335__ .owl-dots {position:absolute;left:0;width:80%;height:30px;padding:10px;font-size:0;box-sizing:border-box;text-align:center} .pm-banner_slide_responsive__493335__ .owl-dots .owl-dot {display:inline-block} .pm-banner_slide_responsive__493335__ .owl-dots .owl-dot span { display:block;width:10px;height:10px;margin:0 3px; background:#ddd;border-radius:30px; transition:opacity 200ms ease; } .pm-banner_slide_responsive__493335__ .owl-dots .owl-dot.active span, .pm-banner_slide_responsive__493335__ .owl-dots .owl-dot:hover span {background:#999999} @media all and (min-width:767px){ .pm-banner_slide_responsive__493335__ {} .pm-banner_slide_responsive_wrap__493335__ .title {margin-top: -14px;max-width:100px;} .pm-banner_slide_responsive_wrap__493335__ .title .inner .text {font-size:16px;} .pm-banner_slide_responsive__493335__ .owl-nav .owl-prev {left:100px} .pm-banner_slide_responsive__493335__ .owl-nav .owl-next {left:130px} } @media (max-width:768px){ .pm-banner_slide_responsive__493335__ {padding-left: 0;} .pm-banner_slide_responsive_wrap__493335__ .title {display: none;} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {display: none;} }