/* 607535 : 스크롤 애니메이션 라이브러리 */ #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)} } /* 607545 : 공백 */ .solid_line__607545__ {box-sizing:border-box;display:block;position:relative;width:100%;height:0px} .solid_line__607545__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__607545__.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__607545__ {height:30px} } /* 607555 : 한줄 텍스트 */ .text__607555__ {margin:0; padding:0; text-align:center;} .text__607555__ .top_txt {font-size:24px; color:var(--main-color); font-family: 'Pretendard-Bold';; letter-spacing:0.02px;} .text__607555__ .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__607555__ .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__607555__ .top_txt {font-size:15px;} .text__607555__ .mid_txt {font-size:22px; margin:22px 0;} .text__607555__ .bottom_txt {font-size:15px;} } /* 607565 : 공백 */ .solid_line__607565__ {box-sizing:border-box;display:block;position:relative;width:100%;height:0px} .solid_line__607565__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__607565__.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__607565__ {height:30px} } /* 655165 : 블록 설정 */ .block_option__655165__ {display:table;width:100%} .block_option__655165__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} @media (max-width:1023px){ .row__655165__ {display:none;} } @media (min-width:1024px){ .row__655165__ {display:block;} } /* 607575 : 한줄 텍스트 */ .block__607575__ * {margin:0; padding:0; box-sizing:border-box;} .block__607575__ .top_title {font-size:40px; font-weight:700; font-family:'Pretendard-Bold'; line-height:55px; max-width:1350px; margin:0 auto; color:#000;} .block__607575__ .textbanner {position:relative; width:100%; height:500px; overflow:hidden; margin-top:80px;} .block__607575__ .textbanner .b_background {width:100%; height:120%;} .block__607575__ .textbanner .b_background > img {oject-fit:cover;} .block__607575__ .textbanner > ul {position:absolute; display:flex; top:0; left:0; width:100%; height:100%; list-style:none;} .block__607575__ .textbanner > ul > li {position:relative; width:33.3333333%; height:100%; list-style:none;} .block__607575__ .textbanner > ul > li:hover > div {background:var(--main-color); bottom:0;} .block__607575__ .textbanner > ul > li+li {border-left:1px solid hsla(0,0%,100%,.2);} .block__607575__ .textbanner > ul > li > div {position:absolute; width:100%; height:70%; bottom:-40%; padding:30px; transition:all .5s ease 0s; pointer-events:none;} .block__607575__ .textbanner > ul > li > div .title {font-family:'Pretendard-Bold'; font-size:33px; font-weight:700; line-height:40px; color:#fff;} .block__607575__ .textbanner > ul > li > div .content {font-family:'Pretendard-Light'; font-size:19px; font-weight:400; line-height:24px; margin-top:50px; color:#fff;} /* 660005 : 공백 */ .solid_line__660005__ {box-sizing:border-box;display:block;position:relative;width:100%;height:50px} .solid_line__660005__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__660005__.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__660005__ {height:30px} } /* 655175 : 블록 설정 */ .block_option__655175__ {display:table;width:100%} .block_option__655175__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} @media (max-width:1023px){ .row__655175__ {display:block;} } @media (min-width:1024px){ .row__655175__ {display:none;} } /* 655185 : 이미지 (비율형) */ .img_ratio__655185__ {max-width:100%;vertical-align:top} .img_ratio__655185__ * {box-sizing:border-box} .img_ratio__655185__ a {display:block;vertical-align:top} .img_ratio__655185__ img {width:100%;vertical-align:top} .img_ratio__655185__ .inner_text {padding:0 20px;} .img_ratio__655185__ .inner_text > h3 {font-family: 'Pretendard-Bold'; font-size:20px;} .img_ratio__655185__ .inner_text > p {font-family: 'Pretendard-Light'; font-size:15px; word-break:keep-all;} @media (min-width:768px){ .img_ratio__655185__ img {width:auto} } /* 659985 : 공백 */ .solid_line__659985__ {box-sizing:border-box;display:block;position:relative;width:100%;height:50px} .solid_line__659985__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__659985__.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__659985__ {height:25px} } /* 390836 : 한줄 텍스트 */ .slide_box__390836__ {border-bottom:1px solid #ddd;} .slide_box__390836__ .toggle_btn {display:block; position:relative; padding:30px 50px;} .slide_box__390836__ .toggle_btn .title {font-size:24px; margin:0; font-weight:bold; font-family: 'Pretendard-Light';} .slide_box__390836__ .toggle_btn .arrow {position:absolute; top:50%; right:0; transform:translateY(-50%); width:45px; height:45px; border-radius:50%; color:#fff; background:#ddd; text-align:center; transition:0.3s;} .slide_box__390836__ .toggle_btn .arrow > i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:27px; transition:0.3s;} .slide_box__390836__ .toggle_btn.active .title {color:var(--main-color);} .slide_box__390836__ .toggle_btn.active .arrow {background:var(--main-color);} .slide_box__390836__ .toggle_btn.active .arrow > i {transform:translate(-50%, -50%) rotate(180deg);} .slide_box__390836__ .info {display:none; background:#fafafa; padding:50px; box-sizing:border-box;} .slide_box__390836__ .info .info_wrapper {display:grid; grid-template-columns:2fr 1fr; gap:40px;} .slide_box__390836__ .info .info_wrapper dl {margin:0; padding:10px 15px; display:table; width:100%; font-size:18px; border-bottom:1px solid #aeaeae; box-sizing:border-box;} .slide_box__390836__ .info .info_wrapper dl:nth-child(1) {border-top:2px solid #6e6e6e;} .slide_box__390836__ .info .info_wrapper dl:last-child {border-bottom:2px solid #6e6e6e;} .slide_box__390836__ .info .info_wrapper dl dt, .slide_box__390836__ .info .info_wrapper dl dd {display:table-cell; text-align:left; vertical-align:middle;} .slide_box__390836__ .info .info_wrapper dl dt {width:100px; font-weight:bold; font-size:1.15em;} .slide_box__390836__ .info .info_wrapper dl dd {width:calc(100% - 100px);} .slide_box__390836__ .info .info_wrapper dl:nth-child(3) {color:#FF0000;} .slide_box__390836__ .info .info_wrapper dl:nth-child(5) {color:#0000FF;} @media (max-width:768px){ .slide_box__390836__ .toggle_btn .title {font-size:17px; word-break:keep-all;} .slide_box__390836__ .info .info_wrapper {display:block;} .slide_box__390836__ .info .info_wrapper dl {font-family:'Pretendard-Light'; font-size:15px; } .slide_box__390836__ .info .info_wrapper dl dt {font-family:'Pretendard-Bold'; font-size:17px;} .slide_box__390836__ .toggle_btn {padding:30px 50px 30px 20px;} } /* 390841 : 한줄 텍스트 */ .slide_box__390841__ {border-bottom:1px solid #ddd;} .slide_box__390841__ .toggle_btn {display:block; position:relative; padding:30px 50px;} .slide_box__390841__ .toggle_btn .title {font-size:24px; margin:0; font-weight:bold; font-family:'Pretendard-Light';} .slide_box__390841__ .toggle_btn .arrow {position:absolute; top:50%; right:0; transform:translateY(-50%); width:45px; height:45px; border-radius:50%; color:#fff; background:#ddd; text-align:center; transition:0.3s;} .slide_box__390841__ .toggle_btn .arrow > i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:27px; transition:0.3s;} .slide_box__390841__ .toggle_btn.active .title {color:var(--main-color);} .slide_box__390841__ .toggle_btn.active .arrow {background:var(--main-color);} .slide_box__390841__ .toggle_btn.active .arrow > i {transform:translate(-50%, -50%) rotate(180deg);} .slide_box__390841__ .info {display:none; background:#fafafa; padding:50px; box-sizing:border-box;} .slide_box__390841__ .info .info_wrapper {display:grid; grid-template-columns:2fr 1fr; gap:40px;} .slide_box__390841__ .info .info_wrapper dl {margin:0; padding:10px 15px; display:table; width:100%; font-size:18px; border-bottom:1px solid #aeaeae; box-sizing:border-box;} .slide_box__390841__ .info .info_wrapper dl:nth-child(1) {border-top:2px solid #6e6e6e;} .slide_box__390841__ .info .info_wrapper dl:last-child {border-bottom:2px solid #6e6e6e;} .slide_box__390841__ .info .info_wrapper dl dt, .slide_box__390841__ .info .info_wrapper dl dd {display:table-cell; text-align:left; vertical-align:middle;} .slide_box__390841__ .info .info_wrapper dl dt {width:100px; font-weight:bold; font-size:1.15em;} .slide_box__390841__ .info .info_wrapper dl dd {width:calc(100% - 100px);} .slide_box__390841__ .info .info_wrapper dl:nth-child(3) {color: #FF0000;} .slide_box__390841__ .info .info_wrapper dl:nth-child(5) {color: #0000FF;} @media (max-width:768px){ .slide_box__390841__ .toggle_btn .title {font-size:17px; word-break:keep-all;} .slide_box__390841__ .info .info_wrapper {display:block;} .slide_box__390841__ .info .info_wrapper dl {font-family:'Pretendard-Light'; font-size:15px; } .slide_box__390841__ .info .info_wrapper dl dt {font-family:'Pretendard-Bold'; font-size:17px;} .slide_box__390841__ .toggle_btn {padding:30px 50px 30px 20px;} } /* 390842 : 한줄 텍스트 */ .slide_box__390842__ {border-bottom:1px solid #ddd;} .slide_box__390842__ .toggle_btn {display:block; position:relative; padding:30px 50px;} .slide_box__390842__ .toggle_btn .title {font-size:24px; margin:0; font-weight:bold; font-family:'Pretendard-Light';} .slide_box__390842__ .toggle_btn .arrow {position:absolute; top:50%; right:0; transform:translateY(-50%); width:45px; height:45px; border-radius:50%; color:#fff; background:#ddd; text-align:center; transition:0.3s;} .slide_box__390842__ .toggle_btn .arrow > i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:27px; transition:0.3s;} .slide_box__390842__ .toggle_btn.active .title {color:var(--main-color);} .slide_box__390842__ .toggle_btn.active .arrow {background:var(--main-color);} .slide_box__390842__ .toggle_btn.active .arrow > i {transform:translate(-50%, -50%) rotate(180deg);} .slide_box__390842__ .info {display:none; background:#fafafa; padding:50px; box-sizing:border-box;} .slide_box__390842__ .info .info_wrapper {display:grid; grid-template-columns:2fr 1fr; gap:40px;} .slide_box__390842__ .info .info_wrapper dl {margin:0; padding:10px 15px; display:table; width:100%; font-size:18px; border-bottom:1px solid #aeaeae; box-sizing:border-box;} .slide_box__390842__ .info .info_wrapper dl:nth-child(1) {border-top:2px solid #6e6e6e;} .slide_box__390842__ .info .info_wrapper dl:last-child {border-bottom:2px solid #6e6e6e;} .slide_box__390842__ .info .info_wrapper dl dt, .slide_box__390842__ .info .info_wrapper dl dd {display:table-cell; text-align:left; vertical-align:middle;} .slide_box__390842__ .info .info_wrapper dl dt {width:100px; font-weight:bold; font-size:1.15em;} .slide_box__390842__ .info .info_wrapper dl dd {width:calc(100% - 100px);} .slide_box__390842__ .info .info_wrapper dl:nth-child(3) {color:#FF0000;} .slide_box__390842__ .info .info_wrapper dl:nth-child(5) {color:#0000FF;} @media (max-width:768px){ .slide_box__390842__ .toggle_btn .title {font-size:17px; word-break:keep-all;} .slide_box__390842__ .info .info_wrapper {display:block;} .slide_box__390842__ .info .info_wrapper dl {font-family:'Pretendard-Light'; font-size:15px; } .slide_box__390842__ .info .info_wrapper dl dt {font-family:'Pretendard-Bold'; font-size:17px;} .slide_box__390842__ .toggle_btn {padding:30px 50px 30px 20px;} } /* 390843 : 한줄 텍스트 */ .slide_box__390843__ {border-bottom:1px solid #ddd;} .slide_box__390843__ .toggle_btn {display:block; position:relative; padding:30px 50px;} .slide_box__390843__ .toggle_btn .title {font-size:24px; margin:0; font-weight:bold; font-family:'Pretendard-Light';} .slide_box__390843__ .toggle_btn .arrow {position:absolute; top:50%; right:0; transform:translateY(-50%); width:45px; height:45px; border-radius:50%; color:#fff; background:#ddd; text-align:center; transition:0.3s;} .slide_box__390843__ .toggle_btn .arrow > i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:27px; transition:0.3s;} .slide_box__390843__ .toggle_btn.active .title {color:var(--main-color);} .slide_box__390843__ .toggle_btn.active .arrow {background:var(--main-color);} .slide_box__390843__ .toggle_btn.active .arrow > i {transform:translate(-50%, -50%) rotate(180deg);} .slide_box__390843__ .info {display:none; background:#fafafa; padding:50px; box-sizing:border-box;} .slide_box__390843__ .info .info_wrapper {display:grid; grid-template-columns:2fr 1fr; gap:40px;} .slide_box__390843__ .info .info_wrapper dl {margin:0; padding:10px 15px; display:table; width:100%; font-size:18px; border-bottom:1px solid #aeaeae; box-sizing:border-box;} .slide_box__390843__ .info .info_wrapper dl:nth-child(1) {border-top:2px solid #6e6e6e;} .slide_box__390843__ .info .info_wrapper dl:last-child {border-bottom:2px solid #6e6e6e;} .slide_box__390843__ .info .info_wrapper dl dt, .slide_box__390843__ .info .info_wrapper dl dd {display:table-cell; text-align:left; vertical-align:middle;} .slide_box__390843__ .info .info_wrapper dl dt {width:100px; font-weight:bold; font-size:1.15em;} .slide_box__390843__ .info .info_wrapper dl dd {width:calc(100% - 100px);} .slide_box__390843__ .info .info_wrapper dl:nth-child(3) {color:#FF0000;} .slide_box__390843__ .info .info_wrapper dl:nth-child(5) {color:#0000FF;} @media (max-width:768px){ .slide_box__390843__ .toggle_btn .title {font-size:17px; word-break:keep-all;} .slide_box__390843__ .info .info_wrapper {display:block;} .slide_box__390843__ .info .info_wrapper dl {font-family:'Pretendard-Light'; font-size:15px; } .slide_box__390843__ .info .info_wrapper dl dt {font-family:'Pretendard-Bold'; font-size:17px;} .slide_box__390843__ .toggle_btn {padding:30px 50px 30px 20px;} } /* 390844 : 한줄 텍스트 */ .slide_box__390844__ {border-bottom:1px solid #ddd;} .slide_box__390844__ .toggle_btn {display:block; position:relative; padding:30px 50px;} .slide_box__390844__ .toggle_btn .title {font-size:24px; margin:0; font-weight:bold; font-family:'Pretendard-Light';} .slide_box__390844__ .toggle_btn .arrow {position:absolute; top:50%; right:0; transform:translateY(-50%); width:45px; height:45px; border-radius:50%; color:#fff; background:#ddd; text-align:center; transition:0.3s;} .slide_box__390844__ .toggle_btn .arrow > i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:27px; transition:0.3s;} .slide_box__390844__ .toggle_btn.active .title {color:var(--main-color);} .slide_box__390844__ .toggle_btn.active .arrow {background:var(--main-color);} .slide_box__390844__ .toggle_btn.active .arrow > i {transform:translate(-50%, -50%) rotate(180deg);} .slide_box__390844__ .info {display:none; background:#fafafa; padding:50px; box-sizing:border-box;} .slide_box__390844__ .info .info_wrapper {display:grid; grid-template-columns:2fr 1fr; gap:40px;} .slide_box__390844__ .info .info_wrapper dl {margin:0; padding:10px 15px; display:table; width:100%; font-size:18px; border-bottom:1px solid #aeaeae; box-sizing:border-box;} .slide_box__390844__ .info .info_wrapper dl:nth-child(1) {border-top:2px solid #6e6e6e;} .slide_box__390844__ .info .info_wrapper dl:last-child {border-bottom:2px solid #6e6e6e;} .slide_box__390844__ .info .info_wrapper dl dt, .slide_box__390844__ .info .info_wrapper dl dd {display:table-cell; text-align:left; vertical-align:middle;} .slide_box__390844__ .info .info_wrapper dl dt {width:100px; font-weight:bold; font-size:1.15em;} .slide_box__390844__ .info .info_wrapper dl dd {width:calc(100% - 100px);} .slide_box__390844__ .info .info_wrapper dl:nth-child(3) {color:#FF0000;} .slide_box__390844__ .info .info_wrapper dl:nth-child(5) {color:#0000FF;} @media (max-width:768px){ .slide_box__390844__ .toggle_btn .title {font-size:17px; word-break:keep-all;} .slide_box__390844__ .info .info_wrapper {display:block;} .slide_box__390844__ .info .info_wrapper dl {font-family:'Pretendard-Light'; font-size:15px; } .slide_box__390844__ .info .info_wrapper dl dt {font-family:'Pretendard-Bold'; font-size:17px;} .slide_box__390844__ .toggle_btn {padding:30px 50px 30px 20px;} } /* 390846 : 한줄 텍스트 */ .slide_box__390846__ {border-bottom:1px solid #ddd;} .slide_box__390846__ .toggle_btn {display:block; position:relative; padding:30px 50px;} .slide_box__390846__ .toggle_btn .title {font-size:24px; margin:0; font-weight:bold; font-family:'Pretendard-Light';} .slide_box__390846__ .toggle_btn .arrow {position:absolute; top:50%; right:0; transform:translateY(-50%); width:45px; height:45px; border-radius:50%; color:#fff; background:#ddd; text-align:center; transition:0.3s;} .slide_box__390846__ .toggle_btn .arrow > i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:27px; transition:0.3s;} .slide_box__390846__ .toggle_btn.active .title {color:var(--main-color);} .slide_box__390846__ .toggle_btn.active .arrow {background:var(--main-color);} .slide_box__390846__ .toggle_btn.active .arrow > i {transform:translate(-50%, -50%) rotate(180deg);} .slide_box__390846__ .info {display:none; background:#fafafa; padding:50px; box-sizing:border-box;} .slide_box__390846__ .info .info_wrapper {display:grid; grid-template-columns:2fr 1fr; gap:40px;} .slide_box__390846__ .info .info_wrapper dl {margin:0; padding:10px 15px; display:table; width:100%; font-size:18px; border-bottom:1px solid #aeaeae; box-sizing:border-box;} .slide_box__390846__ .info .info_wrapper dl:nth-child(1) {border-top:2px solid #6e6e6e;} .slide_box__390846__ .info .info_wrapper dl:last-child {border-bottom:2px solid #6e6e6e;} .slide_box__390846__ .info .info_wrapper dl dt, .slide_box__390846__ .info .info_wrapper dl dd {display:table-cell; text-align:left; vertical-align:middle;} .slide_box__390846__ .info .info_wrapper dl dt {width:100px; font-weight:bold; font-size:1.15em;} .slide_box__390846__ .info .info_wrapper dl dd {width:calc(100% - 100px);} .slide_box__390846__ .info .info_wrapper dl:nth-child(3) {color:#FF0000;} .slide_box__390846__ .info .info_wrapper dl:nth-child(5) {color:#0000FF;} @media (max-width:768px){ .slide_box__390846__ .toggle_btn .title {font-size:17px; word-break:keep-all;} .slide_box__390846__ .info .info_wrapper {display:block;} .slide_box__390846__ .info .info_wrapper dl {font-family:'Pretendard-Light'; font-size:15px; } .slide_box__390846__ .info .info_wrapper dl dt {font-family:'Pretendard-Bold'; font-size:17px;} .slide_box__390846__ .toggle_btn {padding:30px 50px 30px 20px;} } /* 390845 : 한줄 텍스트 */ .slide_box__390845__ {border-bottom:1px solid #ddd;} .slide_box__390845__ .toggle_btn {display:block; position:relative; padding:30px 50px;} .slide_box__390845__ .toggle_btn .title {font-size:24px; margin:0; font-weight:bold; font-family:'Pretendard-Light';} .slide_box__390845__ .toggle_btn .arrow {position:absolute; top:50%; right:0; transform:translateY(-50%); width:45px; height:45px; border-radius:50%; color:#fff; background:#ddd; text-align:center; transition:0.3s;} .slide_box__390845__ .toggle_btn .arrow > i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:27px; transition:0.3s;} .slide_box__390845__ .toggle_btn.active .title {color:var(--main-color);} .slide_box__390845__ .toggle_btn.active .arrow {background:var(--main-color);} .slide_box__390845__ .toggle_btn.active .arrow > i {transform:translate(-50%, -50%) rotate(180deg);} .slide_box__390845__ .info {display:none; background:#fafafa; padding:50px; box-sizing:border-box;} .slide_box__390845__ .info .info_wrapper {display:grid; grid-template-columns:2fr 1fr; gap:40px;} .slide_box__390845__ .info .info_wrapper dl {margin:0; padding:10px 15px; display:table; width:100%; font-size:18px; border-bottom:1px solid #aeaeae; box-sizing:border-box;} .slide_box__390845__ .info .info_wrapper dl:nth-child(1) {border-top:2px solid #6e6e6e;} .slide_box__390845__ .info .info_wrapper dl:last-child {border-bottom:2px solid #6e6e6e;} .slide_box__390845__ .info .info_wrapper dl dt, .slide_box__390845__ .info .info_wrapper dl dd {display:table-cell; text-align:left; vertical-align:middle;} .slide_box__390845__ .info .info_wrapper dl dt {width:100px; font-weight:bold; font-size:1.15em;} .slide_box__390845__ .info .info_wrapper dl dd {width:calc(100% - 100px);} .slide_box__390845__ .info .info_wrapper dl:nth-child(3) {color:#FF0000;} .slide_box__390845__ .info .info_wrapper dl:nth-child(5) {color:#0000FF;} @media (max-width:768px){ .slide_box__390845__ .toggle_btn .title {font-size:17px; word-break:keep-all;} .slide_box__390845__ .info .info_wrapper {display:block;} .slide_box__390845__ .info .info_wrapper dl {font-family:'Pretendard-Light'; font-size:15px; } .slide_box__390845__ .info .info_wrapper dl dt {font-family:'Pretendard-Bold'; font-size:17px;} .slide_box__390845__ .toggle_btn {padding:30px 50px 30px 20px;} }