/* 830825 : 스크롤 애니메이션 라이브러리 */ #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)} } /* 791935 : 한줄 텍스트 */ .tab_btn__791935__ {position:relative;} .tab_btn__791935__ .bg-wrapper {position:relative; margin:0 auto; width:100%; height:500px; overflow:hidden;} .tab_btn__791935__ .bg-wrapper .bg {position:absolute; bottom:0; left:50%; width:100%; height:100%; min-width:1920px; transform:translate(-50%, 0); transform-origin:bottom; z-index:10; background:#ddd center no-repeat; background-size:100%; opacity:0;} .tab_btn__791935__ .bg-wrapper .bg.active {opacity:1;} .tab_btn__791935__ ul {position:absolute; bottom:70px; left:15.7vw; margin-left:20px; display:flex; gap:20px; list-style:none; z-index:11;} .tab_btn__791935__ ul li.active a {background:linear-gradient(98.43deg, #642116 6.72%, #a99c98 155.94%)} .tab_btn__791935__ ul li a {padding:8px 20px; font-size:19px; border:1px solid #fff; border-radius:50px; color:#fff; font-family:var(--title-font);} .tab_btn__791935__ ul li a i {margin-left:5px;} .tab_btn__791935__ ul li:hover a i {animation:tabBtnHover 1s linear infinite;} @keyframes tabBtnHover { 0% { transform: translateX(0); } 50% { transform: translateX(5px); } 100% { transform: translateX(0); } } @media all and (max-width:768px){ .tab_btn__791935__ .bg-wrapper .bg {background-size:46%;} #sub_view #container .contents_wrap .contents {padding:0;} .tab_btn__791935__ .bg-wrapper {height:230px;} .tab_btn__791935__ ul {left:0; bottom:30px; flex-wrap:wrap; padding:0; margin-left:15px;} .tab_btn__791935__ ul li a {display:block; font-size:15px; min-width:300px;} } /* 822565 : 블록 설정 */ .block_option__822565__ {display:table;width:100%} .block_option__822565__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} @media (max-width:1023px){ .row__822565__ {} } @media (min-width:1024px){ .row__822565__ {} } /* 789605 : 탭 컨텐츠 블록 설정 */ .block_option__789605__ {display:table;width:100%} .block_option__789605__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} [data-id='major_tab1'] {display:none;} /* 788175 : 한줄 텍스트 */ .text__788175__ * {display:block;margin:0;padding:0;} .text__788175__ {max-width:980px; margin:0 auto; padding-top:100px;} .text__788175__ .con_title {margin-bottom:80px;} .text__788175__ .con_title > h3 {font-family:var(--title-font); font-size:45px; font-weight:bold; margin-bottom:20px; letter-spacing:-0.06em; line-height:1.6em; word-break:keep-all; word-wrap:break-word; color:#222;} .text__788175__ .con_title > h3 > span {display:inline-block; color:var(--sub-page-color);} .text__788175__ .con_title > p {font-family:var(--sub-page-font); font-size:22px; font-weight:bold; letter-spacing:-0.03em; line-height:1.6em; color:#222; } .text__788175__ .cont_area {font-family:var(--sub-page-font); font-size:19px; letter-spacing:-0.03em; line-height:1.6em; word-break:keep-all; word-wrap:break-word; color:#666;} @media all and (max-width:768px){ .text__788175__ {padding:20px 15px 0 15px;} .text__788175__ .con_title {margin-bottom:30px;} .text__788175__ .con_title > h3 {font-size:20px;} .text__788175__ .con_title > p {font-size:15px; word-break:keep-all;} .text__788175__ .cont_area {font-size:15px;} } /* 828565 : 공백 */ .solid_line__828565__ {box-sizing:border-box;display:block;position:relative;width:100%;height:70px} .solid_line__828565__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__828565__.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__828565__ {height:30px} } /* 788225 : 한줄 텍스트 */ .block__788265__ * {margin:0; padding:0; box-sizing:border-box;} .block__788265__ {position:relative;} .block__788265__::before {position:absolute; top:0; left:50%; transform:translatex(-50%); max-width:1300px; width:100%; height:450px; background-color:var(--main-color, #f90); content:""; background-image:url('/img_up/shop_pds/appkorea270/build/option/ha-dan-bg1687224649.jpg'); background-position:center; background-size:cover;} .block__788265__ .block_wrapper {position:relative;} .block__788265__ .block_wrapper .img_slide {position:relative; margin:0 auto; max-width:1220px; overflow:hidden;} .block__788265__ .block_wrapper .img_slide .title {position:absolute; top:120px; left:50px; font-size:35px; font-family:var(--title-font); color:#fff;} .block__788265__ .block_wrapper .img_slide .figure_wrapper {position:relative; margin:0 0 0 auto; padding:120px 19px 60px 0; max-width:890px; width:100%; overflow:hidden;} .block__788265__ .block_wrapper .img_slide .figure_wrapper .card {box-shadow: 5px 5px 5px #8d8d8d52; border-radius:15px; overflow:hidden; background:#fff; transition:.4s;} .block__788265__ .block_wrapper .img_slide .figure_wrapper .swiper-slide:hover .card {transform:translateY(-30px);} .block__788265__ .block_wrapper .img_slide .figure_wrapper .card .caption {display:flex; justify-content:center; align-items:center; min-height:120px;} .block__788265__ .block_wrapper .img_slide .figure_wrapper .card .caption h4 {text-align:center; font-size:22px; font-family:var(--sub-page-font); font-weight:bold; line-height:1.4em;} .block__788265__ .block_wrapper .img_slide .swiper-pagination {width:890px; top:99%; left:27.2%;} .block__788267__ .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:var(--sub-color) !important;} @media all and (max-width:768px){ .block__788265__ .block_wrapper .img_slide .title {top:15px; left:15px; font-size:20px;} .block__788265__ .block_wrapper .img_slide .figure_wrapper {padding:90px 15px 40px 15px;} .block__788265__ .block_wrapper .img_slide .figure_wrapper .card .caption h4 {font-size:15px;} .block__788265__ .block_wrapper .img_slide .swiper-pagination {left:15px; width:350px;} } /* 788805 : 공백 */ .solid_line__788805__ {box-sizing:border-box;display:block;position:relative;width:100%;height:100px} .solid_line__788805__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__788805__.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__788805__ {height:30px} } /* 828515 : 표 2.0 */ .table_wrapper__8255461 {display:flex; max-width:1300px; margin:0 auto; width:100%; margin-bottom:80px;} .table_wrapper__8255461 .left_box {position:relative; z-index:10; width:60%;} .table_wrapper__8255461 .left_box > img {height:100%;} .table_wrapper__8255461 .right_box {position:relative; z-index:1; display:table; width:40%; background:#f2f2f2; padding-left:70px;} .table_wrapper__8255461 .right_box .right_box_wrapper {display:table-cell; vertical-align:middle;} .table_wrapper__8255461 .right_box .right_title {font-size:35px; font-family:var(--title-font); font-weight:bold; color:#222; padding:0; margin:0 0 30px 0;} .table_wrapper__8255461 .right_box .right_text {font-size:19px; font-family:var(--sub-page-font); line-height:1.8em;} .table_wrapper__8255461 .right_box .right_text > p {display:inline-block; min-width:65px; margin:0; padding:0; font-family:var(--sub-page-font);} .table__828515__ {max-width:1300px; margin:0 auto; width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch} .table__828515__ > .table_inner {overflow:hidden;width:100%;margin:0 auto;border-top:2px solid #b99616; word-break:keep-all;} .table__828515__ * {box-sizing:border-box} .table__828515__ table { width:100%;margin-top:-1px;border-spacing:1px;border-collapse:separate; background:#dddddd;table-layout:auto; } .table__828515__ table > tbody > tr:nth-child(1) > td, .table__828515__ table > tbody > tr > td:nth-child(1) {color:#222 !important;} .table__828515__ td { font-family:var(--sub-page-font); height:50px;padding:15px 40px; background:#fff;font-size:16px;font-weight:normal;color:#666 !important; text-align:left; } .table__828515__ td.empty__828515__ {padding:50px 20px} @media all and (max-width:767px){ .table__828515__ > .table_inner {width:600px} } @media all and (min-width:768px) and (max-width:1023px){ .table__828515__ > .table_inner {width:760px} } @media all and (min-width:1024px){ .table__828515__ > .table_inner {width:px} } /* 789725 : 공백 */ .solid_line__789725__ {box-sizing:border-box;display:block;position:relative;width:100%;height:70px} .solid_line__789725__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__789725__.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__789725__ {height:30px} } /* 789615 : 탭 컨텐츠 블록 설정 */ .block_option__789615__ {display:table;width:100%} .block_option__789615__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} [data-id='major_tab2'] {display:none;} /* 789565 : 한줄 텍스트 */ .text__789566__ * {display:block;margin:0;padding:0;} .text__789566__ {max-width:980px; margin:0 auto; padding-top:100px;} .text__789566__ .con_title {margin-bottom:80px;} .text__789566__ .con_title > h3 {font-family:var(--title-font); font-size:42px; font-weight:bold; margin-bottom:20px; letter-spacing:-0.06em; line-height:1.6em; word-break:keep-all; word-wrap:break-word; color:#222;} .text__789566__ .con_title > h3 > span { display:inline-block; color:var(--sub-page-color);} .text__789566__ .con_title > p {font-family:var(--sub-page-font); font-size:22px; font-weight:bold; letter-spacing:-0.03em; line-height:1.6em; color:#222; } .text__789566__ .cont_area {font-family:var(--sub-page-font); font-size:19px; letter-spacing:-0.03em; line-height:1.6em; word-break:keep-all; word-wrap:break-word; color:#666; } @media all and (max-width:768px){ .text__789566__ {padding:20px 15px 0 15px;} .text__789566__ .con_title {margin-bottom:30px;} .text__789566__ .con_title > h3 {font-size:20px;} .text__789566__ .con_title > p {font-size:15px; word-break:keep-all;} .text__789566__ .cont_area {font-size:15px;} } /* 789585 : 공백 */ .solid_line__789585__ {box-sizing:border-box;display:block;position:relative;width:100%;height:70px} .solid_line__789585__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__789585__.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__789585__ {height:30px} } /* 790365 : 한줄 텍스트 */ .block__788266__ * {margin:0; padding:0; box-sizing:border-box;} .block__788266__ {position:relative;} .block__788266__::before {position:absolute; top:0; left:50%; width:100%; height:450px; transform: translatex(-50%); max-width: 1300px; background-color:var(--main-color, #f90); content:""; background-image:url('/img_up/shop_pds/appkorea270/build/option/ha-dan-bg1687225088.jpg'); background-position:center; background-size:cover;} .block__788266__ .block_wrapper {position:relative;} .block__788266__ .block_wrapper .img_slide {position:relative; margin:0 auto; max-width:1220px; overflow:hidden;} .block__788266__ .block_wrapper .img_slide .title {position:absolute; top:120px; left:50px; font-size:35px; font-family:var(--title-font); color:#fff;} .block__788266__ .block_wrapper .img_slide .figure_wrapper {position:relative; margin:0 0 0 auto; padding:120px 19px 60px 0; max-width:890px; width:100%; overflow:hidden;} .block__788266__ .block_wrapper .img_slide .figure_wrapper .card {box-shadow: 5px 5px 5px #8d8d8d52; border-radius:15px; overflow:hidden; background:#fff; transition:.4s;} .block__788266__ .block_wrapper .img_slide .figure_wrapper .swiper-slide:hover .card {transform:translateY(-30px);} .block__788266__ .block_wrapper .img_slide .figure_wrapper .card .caption {display:flex; justify-content:center; align-items:center; min-height:120px;} .block__788266__ .block_wrapper .img_slide .figure_wrapper .card .caption h4 {text-align:center; font-size:22px; font-family:var(--sub-page-font); font-weight:bold; line-height:1.4em;} .block__788266__ .block_wrapper .img_slide .swiper-pagination {width:890px; top:99%; left:27.2%;} .block__788267__ .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:var(--sub-color) !important;} @media all and (max-width:768px){ .block__788266__ .block_wrapper .img_slide .title {top:15px; left:15px; font-size:20px;} .block__788266__ .block_wrapper .img_slide .figure_wrapper {padding:90px 15px 40px 15px;} .block__788266__ .block_wrapper .img_slide .figure_wrapper .card .caption h4 {font-size:15px;} .block__788266__ .block_wrapper .img_slide .swiper-pagination {left:15px; width:350px;} } /* 830925 : 공백 */ .solid_line__830925__ {box-sizing:border-box;display:block;position:relative;width:100%;height:100px} .solid_line__830925__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__830925__.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__830925__ {height:30px} } /* 830995 : 표 2.0 */ .table_wrapper__8255461 {display:flex; max-width:1300px; margin:0 auto; width:100%; margin-bottom:80px;} .table_wrapper__8255461 .left_box {position:relative; z-index:10; width:60%;} .table_wrapper__8255461 .left_box > img {height:100%;} .table_wrapper__8255461 .right_box {position:relative; z-index:1; display:table; width:40%; background:#f2f2f2; padding-left:70px;} .table_wrapper__8255461 .right_box .right_box_wrapper {display:table-cell; vertical-align:middle;} .table_wrapper__8255461 .right_box .right_title {font-size:35px; font-family:var(--title-font); font-weight:bold; color:#222; padding:0; margin:0 0 30px 0;} .table_wrapper__8255461 .right_box .right_text {font-size:19px; font-family:var(--sub-page-font); line-height:1.8em;} .table_wrapper__8255461 .right_box .right_text > p {display:inline-block; min-width:65px; margin:0; padding:0; font-family:var(--sub-page-font);} .table__830995__ {max-width:1300px; margin:0 auto; width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch} .table__830995__ .notice {margin:0 0 5px 0; padding:0; font-weight:bold; font-size:17px;} .table__830995__ > .table_inner {overflow:hidden;width:100%;margin:0 auto;border-top:2px solid #b99616; word-break:keep-all;} .table__830995__ * {box-sizing:border-box} .table__830995__ table { width:100%;margin-top:-1px;border-spacing:1px;border-collapse:separate; background:#dddddd;table-layout:auto; } .table__830995__ td { font-family:var(--sub-page-font); height:50px; padding:15px 40px; background:#fff;font-size:16px;font-weight:normal;color:#666 !important; text-align:left; line-height:1.6em; } .table__830995__ table > tbody > tr:nth-child(1) > td {color:#222 !important;} .table__830995__ td > span {position:relative; display:block; padding:0 0 5px 15px;} .table__830995__ td > span::before {position:absolute; content:''; width:5px; height:1px; border-radius:50%; left:0; top:13px; background:#333;} .table__830995__ td.empty__830995__ {padding:50px 20px} @media all and (max-width:767px){ .table__830995__ > .table_inner {width:600px} } @media all and (min-width:768px) and (max-width:1023px){ .table__830995__ > .table_inner {width:760px} } @media all and (min-width:1024px){ .table__830995__ > .table_inner {width:px} } /* 789715 : 공백 */ .solid_line__789715__ {box-sizing:border-box;display:block;position:relative;width:100%;height:70px} .solid_line__789715__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__789715__.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__789715__ {height:30px} } /* 789675 : 탭 컨텐츠 블록 설정 */ .block_option__789675__ {display:table;width:100%} .block_option__789675__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} [data-id='major_tab3'] {display:none;} /* 789645 : 한줄 텍스트 */ .text__789649__ * {display:block;margin:0;padding:0;} .text__789649__ {max-width:980px; margin:0 auto; padding-top:100px;} .text__789649__ .con_title {margin-bottom:80px;} .text__789649__ .con_title > h3 {font-family:var(--title-font); font-size:42px; font-weight:bold; margin-bottom:20px; letter-spacing:-0.06em; line-height:1.6em; word-break:keep-all; word-wrap:break-word; color:#222;} .text__789649__ .con_title > h3 > span {display:inline-block; color:var(--sub-page-color);} .text__789649__ .con_title > p {font-family:var(--sub-page-font); font-size:22px; font-weight:bold; letter-spacing:-0.03em; line-height:1.6em; color:#222; } .text__789649__ .cont_area {font-family:var(--sub-page-font); font-size:19px; letter-spacing:-0.03em; line-height:1.6em; word-break:keep-all; word-wrap:break-word; color:#666; } @media all and (max-width:768px){ .text__789649__ {padding:20px 15px 0 15px;} .text__789649__ .con_title {margin-bottom:30px;} .text__789649__ .con_title > h3 {font-size:20px;} .text__789649__ .con_title > p {font-size:15px; word-break:keep-all;} .text__789649__ .cont_area {font-size:15px;} } /* 831315 : 공백 */ .solid_line__831315__ {box-sizing:border-box;display:block;position:relative;width:100%;height:70px} .solid_line__831315__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__831315__.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__831315__ {height:30px} } /* 790385 : 한줄 텍스트 */ .block__788267__ * {margin:0; padding:0; box-sizing:border-box;} .block__788267__ {position:relative;} .block__788267__::before {position:absolute; top:0; left:50%; width:100%; height:450px; transform: translatex(-50%); max-width: 1300px; background-color:var(--main-color, #f90); content:""; background-image:url('/img_up/shop_pds/appkorea270/build/option/ha-dan-bg1687225099.jpg'); background-position:center; background-size:cover;} .block__788267__ .block_wrapper {position:relative;} .block__788267__ .block_wrapper .img_slide {position:relative; margin:0 auto; max-width:1220px; overflow:hidden;} .block__788267__ .block_wrapper .img_slide .title {position:absolute; top:120px; left:50px; font-size:35px; font-family:var(--title-font); color:#fff;} .block__788267__ .block_wrapper .img_slide .figure_wrapper {position:relative; margin:0 0 0 auto; padding:120px 19px 60px 0; max-width:890px; width:100%; overflow:hidden;} .block__788267__ .block_wrapper .img_slide .figure_wrapper .card {box-shadow: 5px 5px 5px #8d8d8d52; border-radius:15px; overflow:hidden; background:#fff; transition:.4s;} .block__788267__ .block_wrapper .img_slide .figure_wrapper .swiper-slide:hover .card {transform:translateY(-30px);} .block__788267__ .block_wrapper .img_slide .figure_wrapper .card .caption {display:flex; justify-content:center; align-items:center; min-height:120px;} .block__788267__ .block_wrapper .img_slide .figure_wrapper .card .caption h4 {text-align:center; font-size:22px; font-family:var(--sub-page-font); font-weight:bold; line-height:1.4em;} .block__788267__ .block_wrapper .img_slide .swiper-pagination {width:890px; top:99%; left:27.2%;} .block__788267__ .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:var(--sub-color) !important;} @media all and (max-width:768px){ .block__788267__ .block_wrapper .img_slide .title {top:15px; left:15px; font-size:20px;} .block__788267__ .block_wrapper .img_slide .figure_wrapper {padding:90px 15px 40px 15px;} .block__788267__ .block_wrapper .img_slide .figure_wrapper .card .caption h4 {font-size:15px;} .block__788267__ .block_wrapper .img_slide .swiper-pagination {left:15px; width:350px;} } /* 789655 : 공백 */ .solid_line__789655__ {box-sizing:border-box;display:block;position:relative;width:100%;height:100px} .solid_line__789655__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__789655__.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__789655__ {height:30px} } /* 832035 : 표 2.0 */ .table_wrapper__8255461 {display:flex; max-width:1300px; margin:0 auto; width:100%; margin-bottom:80px;} .table_wrapper__8255461 .left_box {position:relative; z-index:10; width:60%;} .table_wrapper__8255461 .left_box > img {height:100%;} .table_wrapper__8255461 .right_box {position:relative; z-index:1; display:table; width:40%; background:#f2f2f2; padding-left:70px;} .table_wrapper__8255461 .right_box .right_box_wrapper {display:table-cell; vertical-align:middle;} .table_wrapper__8255461 .right_box .right_title {font-size:35px; font-family:var(--title-font); font-weight:bold; color:#222; padding:0; margin:0 0 30px 0;} .table_wrapper__8255461 .right_box .right_text {font-size:19px; font-family:var(--sub-page-font); line-height:1.8em;} .table_wrapper__8255461 .right_box .right_text > p {display:inline-block; min-width:65px; margin:0; padding:0; font-family:var(--sub-page-font);} .table__832035__ {max-width:1300px; margin:0 auto; width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch} .table__832035__ > .table_inner {overflow:hidden;width:100%;margin:0 auto;border-top:2px solid #b99616; word-break:keep-all;} .table__832035__ * {box-sizing:border-box} .table__832035__ table { width:100%;margin-top:-1px;border-spacing:1px;border-collapse:separate; background:#dddddd;table-layout:auto; } .table__832035__ td { font-family:var(--sub-page-font); height:50px; padding:15px 40px; background:#fff;font-size:16px;font-weight:normal;color:#666 !important; text-align:left; line-height:1.6em; } .table__832035__ table > tbody > tr:nth-child(1) > td, .table__832035__ table > tbody > tr:nth-child(2) > td, .table__832035__ table > tbody > tr:nth-child(4) > td {color:#222 !important;} .table__832035__ td > span {position:relative; display:inline-block; padding:0 0 5px 15px; min-width:260px; margin-right:60px;} .table__832035__ td > span::before {position:absolute; content:''; width:5px; height:1px; border-radius:50%; left:0; top:13px; background:#333;} .table__832035__ td.empty__832035__ {padding:50px 20px} @media all and (max-width:767px){ .table__832035__ > .table_inner {width:600px} } @media all and (min-width:768px) and (max-width:1023px){ .table__832035__ > .table_inner {width:760px} } @media all and (min-width:1024px){ .table__832035__ > .table_inner {width:px} } /* 789705 : 공백 */ .solid_line__789705__ {box-sizing:border-box;display:block;position:relative;width:100%;height:70px} .solid_line__789705__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__789705__.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__789705__ {height:30px} }