/* 1423205 : 스크롤 애니메이션 라이브러리 */ #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)} } /* 1423195 : 한줄 텍스트 */ #shgroup {display:none;} #sub_view #container .contents_wrap {padding:0 0 80px 0;} .tab_btn__1423195__ {position:relative;} .tab_btn__1423195__ .bg-wrapper {position:relative; margin:0 auto; width:100%; height:500px; overflow:hidden;} .tab_btn__1423195__ .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__1423195__ .bg-wrapper .bg.active {opacity:1;} .tab_btn__1423195__ ul {position:absolute; bottom:70px; left: 50%; display:flex; gap:20px; list-style:none; margin:0; padding:0; z-index:11; width:100%; max-width:var(--max-width); transform:translateX(-50%);} .tab_btn__1423195__ ul li.active a {background:#fff; border:1px solid #fff; color:var(--main-color,#ccc);} .tab_btn__1423195__ ul li a {padding:8px 20px; font-size:19px; border:1px solid var(--main-color,#ccc); border-radius:50px; color:#fff; font-family:var(--title-font); background:var(--main-color,#ccc);} .tab_btn__1423195__ ul li a i {margin-left:5px;} .tab_btn__1423195__ 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__1423195__ .bg-wrapper .bg {background-size:46%;} #sub_view #container .contents_wrap .contents {padding:0;} .tab_btn__1423195__ .bg-wrapper {height:230px;} .tab_btn__1423195__ ul { flex-wrap:wrap; bottom:20px; gap:10px; justify-content:center;} .tab_btn__1423195__ ul li {width:40%;} .tab_btn__1423195__ ul li a {display:block; font-size:13px; background:#ff8a308f; border:1px solid #ff8a3085;} } /* 1421795 : 블록 설정 */ .block_option__1421795__ {display:table;width:100%} .block_option__1421795__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} @media (max-width:1023px){ .row__1421795__ {} } @media (min-width:1024px){ .row__1421795__ {} } /* 1421875 : 탭 컨텐츠 블록 설정 */ .block_option__1421875__ {display:table;width:100%} .block_option__1421875__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} [data-id='major_tab3'] {display:none;} /* 1423285 : 한줄 텍스트 */ .text__1423285__ * {display:block;margin:0;padding:0;} .text__1423285__ {padding-top:100px;} .text__1423285__ .con_title {margin-bottom:50px;} .text__1423285__ .con_title > h3 {font-family:var(--title-font); font-size:45px; font-weight:500; margin-bottom:50px; letter-spacing:-0.06em; line-height:1.6em; word-break:keep-all; word-wrap:break-word; color:#333;} .text__1423285__ .con_title > h3 > span {display:inline-block; color:var(--main-color,#ccc);} .text__1423285__ .con_title > p {font-family:var(--sub-font); font-size:22px; font-weight:600; letter-spacing:-0.03em; line-height:1.6em; color:#333; } .text__1423285__ .cont_area {font-family:var(--sub-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__1423285__ {padding:50px 0;} .text__1423285__ .con_title {margin-bottom:30px;} .text__1423285__ .con_title > h3 {font-size:20px; margin-bottom:20px;} .text__1423285__ .con_title > p {font-size:15px; word-break:keep-all;} .text__1423285__ .cont_area {font-size:15px;} } /* 1427595 : 한줄 텍스트 */ .block__1093759__ * {margin:0; padding:0; box-sizing:border-box;} .block__1093759__ {padding:50px 0; display:flex; gap:50px; justify-content:center;} .block__1093759__ > div {font-size:0; border-radius:20px; overflow:hidden;} @media all and (max-width:768px){ .block__1093759__ {flex-direction:column; gap:20px; padding:0;} } /* 1421805 : 탭 컨텐츠 블록 설정 */ .block_option__1421805__ {display:table;width:100%} .block_option__1421805__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} [data-id='major_tab1'] {display:none;} /* 1423305 : 한줄 텍스트 */ .text__1423305__ * {display:block;margin:0;padding:0;} .text__1423305__ {padding-top:100px;} .text__1423305__ .con_title {margin-bottom:50px;} .text__1423305__ .con_title > h3 {font-family:var(--title-font); font-size:45px; font-weight:500; margin-bottom:50px; letter-spacing:-0.06em; line-height:1.6em; word-break:keep-all; word-wrap:break-word; color:#333;} .text__1423305__ .con_title > h3 > span {display:inline-block; color:var(--main-color,#ccc);} .text__1423305__ .con_title > p {font-family:var(--sub-font); font-size:22px; font-weight:600; letter-spacing:-0.03em; line-height:1.6em; color:#333; } .text__1423305__ .cont_area {font-family:var(--sub-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__1423305__ {padding:50px 0;} .text__1423305__ .con_title {margin-bottom:30px;} .text__1423305__ .con_title > h3 {font-size:20px; margin-bottom:20px;} .text__1423305__ .con_title > p {font-size:15px; word-break:keep-all;} .text__1423305__ .cont_area {font-size:15px;} } /* 1428365 : 표 2.0 */ .table_wrapper__8255462 {display:flex; width:100%; margin-top:50px; border:1px solid #eee; border-radius:20px 20px 0 0; overflow:hidden;} .table_wrapper__8255462 .left_box {position:relative; z-index:10; width:60%;} .table_wrapper__8255462 .left_box > img {height:100%;} .table_wrapper__8255462 .right_box {position:relative; z-index:1; display:table; width:40%; background:#f2f2f2; padding:0 30px;} .table_wrapper__8255462 .right_box .right_box_wrapper {display:table-cell; vertical-align:middle;} .table_wrapper__8255462 .right_box .right_title {font-size:25px; font-family:var(--title-font); font-weight:500; color:#333; padding:0; margin:0 0 30px 0;} .table_wrapper__8255462 .right_box .right_text {font-size:19px; font-family:var(--sub-font); line-height:1.8em;} .table_wrapper__8255462 .right_box .right_text > p {display:inline-block; min-width:100px; margin:0; padding:0; font-family:var(--sub-font); font-weight:600;} .table_wrapper__8255462 .right_box .right_text .number {padding:5px 15px 3px 15px; background:var(--main-color); color:#fff; border-radius:20px; margin-top:15px; font-size:21px; float:right;} .table_wrapper__8255462 .right_box .right_text .number > a {color:#fff;} @media all and (max-width:768px){ .table_wrapper__8255462 {flex-direction:column; margin-top:0;} .table_wrapper__8255462 .left_box > img {height:auto;} .table_wrapper__8255462 .left_box {width:100%;} .table_wrapper__8255462 .right_box {width:100%; padding:0;} .table_wrapper__8255462 .right_box .right_title {font-size:20px;} .table_wrapper__8255462 .right_box .right_text {font-size:14px;} .table_wrapper__8255462 .right_box .right_box_wrapper {padding:20px;} .table_wrapper__8255462 .right_box .right_text .number {font-size:17px; margin-top:20px;} .table_wrapper__8255462 .right_box .right_text > p {display:block; padding-top:15px;} } /* 1428535 : 공백 */ .solid_line__1428535__ {box-sizing:border-box;display:block;position:relative;width:100%;height:100px} .solid_line__1428535__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__1428535__.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__1428535__ {height:30px} } /* 1428935 : 한줄 텍스트 */ .text__1428935__ * {margin:0; padding:0; box-sizing:border-box;} .text__1428935__ p {font-size:25px; font-family:var(--title-font); color:#333; font-weight:500; margin-bottom:15px;} @media all and (max-width:768px){ .text__1428935__ p {font-size:20px;} } /* 1428415 : 지도 (주소 직접 입력) */ .map__1428415__ iframe {width:100%;vertical-align:top; border-radius:20px; overflow:hidden;} .map__1428415__ p {display:none; display:block; margin:0; padding:1em 0; font-size:19px; font-family:var(--sub-font); color:#333; font-weight:600; text-align:center; background:#f2f2f2; border-radius:20px;} .map__1428415__ .build_preview__1428415__ {display:table;width:100%} .map__1428415__ .build_preview__1428415__ .inner__1428415__ {display:table-cell;height:600px;border:1px solid #ddd;background:#f8f8f8;text-align:center;vertical-align:middle} .map__1428415__ .build_preview__1428415__ .inner__1428415__ .subject__1428415__ {display:block;font-size:16px;font-weight:bold} .map__1428415__ .build_preview__1428415__ .inner__1428415__ .exp_text__1428415__ {display:block;margin-top:10px;font-weight:normal;font-size:13px;color:#777} @media all and (max-width:767px){ .map__1428415__ iframe {height:200px !important} .map__1428415__ .build_preview__1428415__ .inner__1428415__ {height:200px} } /* 1434675 : 한줄 텍스트 */ .text__1434675__ * {margin:0; padding:0; box-sizing:border-box;} .text__1434675__ {padding-top:100px;} .text__1434675__ p {font-size:25px; font-family:var(--title-font); color:#333; font-weight:500; margin-bottom:15px;} @media all and (max-width:768px){ .text__1434675__ {padding-top:50px;} .text__1434675__ p {font-size:20px;} } /* 1434645 : 이미지 (비율형) */ .img_ratio__1434645__ {max-width:100%;vertical-align:top;} .img_ratio__1434645__ * {box-sizing:border-box} .img_ratio__1434645__ a {display:block;vertical-align:top} .img_ratio__1434645__ img {width:100%;vertical-align:top; border-radius:20px;} @media (min-width:768px){ .img_ratio__1434645__ img {width:auto} } /* 1421855 : 탭 컨텐츠 블록 설정 */ .block_option__1421855__ {display:table;width:100%} .block_option__1421855__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} [data-id='major_tab2'] {display:none;} /* 1423295 : 한줄 텍스트 */ .text__1423295__ * {display:block;margin:0;padding:0;} .text__1423295__ {padding-top:100px;} .text__1423295__ .con_title {margin-bottom:50px;} .text__1423295__ .con_title > h3 {font-family:var(--title-font); font-size:45px; font-weight:500; margin-bottom:50px; letter-spacing:-0.06em; line-height:1.6em; word-break:keep-all; word-wrap:break-word; color:#333;} .text__1423295__ .con_title > h3 > span {display:inline-block; color:var(--main-color,#ccc);} .text__1423295__ .con_title > p {font-family:var(--sub-font); font-size:22px; font-weight:600; letter-spacing:-0.03em; line-height:1.6em; color:#333; } .text__1423295__ .cont_area {font-family:var(--sub-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__1423295__ {padding:50px 0;} .text__1423295__ .con_title {margin-bottom:30px;} .text__1423295__ .con_title > h3 {font-size:20px; margin-bottom:20px;} .text__1423295__ .con_title > p {font-size:15px; word-break:keep-all;} .text__1423295__ .cont_area {font-size:15px;} } /* 1423645 : 표 2.0 */ .table_wrapper__8255463 {display:flex; width:100%; margin-top:50px; border:1px solid #eee; border-radius:20px; overflow:hidden;} .table_wrapper__8255463 .left_box {position:relative; z-index:10; width:60%; font-size:0;} .table_wrapper__8255463 .left_box > img {height:100%; width:100%;} .table_wrapper__8255463 .right_box {position:relative; z-index:1; display:table; width:40%; background:#f2f2f2; padding:0 30px;} .table_wrapper__8255463 .right_box .right_box_wrapper {display:table-cell; vertical-align:middle;} .table_wrapper__8255463 .right_box .right_title {font-size:25px; font-family:var(--title-font); font-weight:500; color:#333; padding:0; margin:0 0 30px 0;} .table_wrapper__8255463 .right_box .right_text {font-size:19px; font-family:var(--sub-font); line-height:1.8em;} .table_wrapper__8255463 .right_box .right_text > p {display:inline-block; min-width:85px; margin:0; padding:0; font-family:var(--sub-font); font-weight:600;} .table_wrapper__8255463 .right_box .right_text .number {padding:5px 15px 3px 15px; background:var(--main-color); color:#fff; border-radius:20px; margin-top:15px; font-size:21px; float:right;} .table_wrapper__8255463 .right_box .right_text .number > a {color:#fff;} @media all and (max-width:768px){ .table_wrapper__8255463 {flex-direction:column; margin-top:0;} .table_wrapper__8255463 .left_box > img {height:auto;} .table_wrapper__8255463 .left_box {width:100%;} .table_wrapper__8255463 .right_box {width:100%; padding:0;} .table_wrapper__8255463 .right_box .right_title {font-size:20px;} .table_wrapper__8255463 .right_box .right_text {font-size:14px;} .table_wrapper__8255463 .right_box .right_box_wrapper {padding:20px;} .table_wrapper__8255463 .right_box .right_text .number {font-size:17px; margin-top:20px;} .table_wrapper__8255463 .right_box .right_text > p {display:block; padding-top:15px;} } /* 1428475 : 공백 */ .solid_line__1428475__ {box-sizing:border-box;display:block;position:relative;width:100%;height:100px} .solid_line__1428475__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__1428475__.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__1428475__ {height:30px} } /* 1428895 : 한줄 텍스트 */ .text__1428895__ * {margin:0; padding:0; box-sizing:border-box;} .text__1428895__ p {font-size:25px; font-family:var(--title-font); color:#333; font-weight:500; margin-bottom:15px;} @media all and (max-width:768px){ .text__1428895__ p {font-size:20px;} } /* 1427715 : 지도 (주소 직접 입력) */ .map__1427715__ iframe {width:100%;vertical-align:top; border-radius:20px; overflow:hidden;} .map__1427715__ p {display:none; display:block; margin:0; padding:1em 0; font-size:19px; font-family:var(--sub-font); color:#333; font-weight:600; text-align:center; background:#f2f2f2; border-radius:20px;} .map__1427715__ .build_preview__1427715__ {display:table;width:100%} .map__1427715__ .build_preview__1427715__ .inner__1427715__ {display:table-cell;height:600px;border:1px solid #ddd;background:#f8f8f8;text-align:center;vertical-align:middle} .map__1427715__ .build_preview__1427715__ .inner__1427715__ .subject__1427715__ {display:block;font-size:16px;font-weight:bold} .map__1427715__ .build_preview__1427715__ .inner__1427715__ .exp_text__1427715__ {display:block;margin-top:10px;font-weight:normal;font-size:13px;color:#777} @media all and (max-width:767px){ .map__1427715__ iframe {height:200px !important} .map__1427715__ .build_preview__1427715__ .inner__1427715__ {height:200px} } /* 1434665 : 한줄 텍스트 */ .text__1434665__ * {margin:0; padding:0; box-sizing:border-box;} .text__1434665__ {padding-top:100px;} .text__1434665__ p {font-size:25px; font-family:var(--title-font); color:#333; font-weight:500; margin-bottom:15px;} @media all and (max-width:768px){ .text__1434665__ {padding-top:50px;} .text__1434665__ p {font-size:20px;} } /* 1434655 : 이미지 (비율형) */ .img_ratio__1434655__ {max-width:100%;vertical-align:top;} .img_ratio__1434655__ * {box-sizing:border-box} .img_ratio__1434655__ a {display:block;vertical-align:top} .img_ratio__1434655__ img {width:100%;vertical-align:top; border-radius:20px;} @media (min-width:768px){ .img_ratio__1434655__ img {width:auto} } /* 1423215 : 탭 컨텐츠 블록 설정 */ .block_option__1423215__ {display:table;width:100%} .block_option__1423215__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} [data-id='major_tab4'] {display:none;} /* 1423225 : 한줄 텍스트 */ .text__1423225__ * {display:block;margin:0;padding:0;} .text__1423225__ {padding-top:100px;} .text__1423225__ .con_title {margin-bottom:50px;} .text__1423225__ .con_title > h3 {font-family:var(--title-font); font-size:45px; font-weight:500; margin-bottom:50px; letter-spacing:-0.06em; line-height:1.6em; word-break:keep-all; word-wrap:break-word; color:#333;} .text__1423225__ .con_title > h3 > span {display:inline-block; color:var(--main-color,#ccc);} .text__1423225__ .con_title > p {font-family:var(--sub-font); font-size:22px; font-weight:600; letter-spacing:-0.03em; line-height:1.6em; color:#333; } .text__1423225__ .cont_area {font-family:var(--sub-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__1423225__ {padding:50px 0;} .text__1423225__ .con_title {margin-bottom:30px;} .text__1423225__ .con_title > h3 {font-size:20px; margin-bottom:20px;} .text__1423225__ .con_title > p {font-size:15px; word-break:keep-all;} .text__1423225__ .cont_area {font-size:15px;} } /* 1423315 : 한줄 텍스트 */ .block__1423315__ * {margin:0; padding:0; box-sizing:border-box;} .block__1423315__ .gatewayProcess {display:flex; align-items:center; padding:100px 0 50px 0;} .block__1423315__ .gatewayProcess .gatewayProcessCont {flex-shrink:0; margin-right:12px; display:flex; align-items:center;} .block__1423315__ .gatewayProcess .gatewayProcessCont > p {width:300px; margin-right:18px; display:flex; align-items:center; justify-content:center; color:#7e0e5d; font-size:25px; border:3px solid #7e0e5d; border-radius:50px; font-family:var(--title-font); font-weight:500; padding:10px 40px; text-align:center;} .block__1423315__ .gatewayProcess .item_wrapper {display:flex;} .block__1423315__ .gatewayProcess .item_wrapper .item {position:relative; word-break:keep-all; margin-right:33px; width:33.333333333%;} .block__1423315__ .gatewayProcess .item_wrapper .item:last-child {margin-right:0;} .block__1423315__ .gatewayProcess .item_wrapper .item:last-child::after {display:none;} .block__1423315__ .gatewayProcess .item_wrapper .item > div > p {font-size:21px; font-weight:600; color:#333; text-align:center; display:flex; justify-content:center; align-items:center; text-align:center; width:270px; height:270px; border:1px solid #ccc; border-radius:50%; font-family:var(--sub-font); padding:0 50px; margin:0 auto; line-height:1.5em;} .block__1423315__ .gatewayProcess .item_wrapper .item:nth-child(1) > div > p {border:2px solid #b45e17; color:#b45e17;} .block__1423315__ .gatewayProcess .item_wrapper .item:nth-child(2) > div > p {border:2px solid #0b7e3a; color:#0b7e3a;} .block__1423315__ .gatewayProcess .item_wrapper .item:nth-child(3) > div > p {border:2px solid#1b7a75; color:#1b7a75;} .block__1423315__ .gatewayProcess .item_wrapper .item > div > ul {list-style:none; padding:25px 30px;} .block__1423315__ .gatewayProcess .item_wrapper .item > div > ul > li {margin-bottom:10px; padding-left:15px; position:relative; font-size:19px; word-break:keep-all; line-height:1.6em; font-family:var(--sub-font); color:#666;} .block__1423315__ .gatewayProcess .item_wrapper .item:nth-child(3) > div > ul {padding:25px 70px;} .block__1423315__ .gatewayProcess .item_wrapper .item > div > ul > li::before {position:absolute; content:''; left:0; top:11px; width:4px; height:4px; background:#969696; border-radius:50%;} .block__1423315__ .gatewayProcess .item_wrapper .item > div > ul > li:last-child {margin-bottom:0;} .block__1423315__ .gatewayProcess .gatewayProcessCont .imgBox {position:relative; width:70px !important; height:50px; mask-image:url('/img_up/shop_pds/appkorea219/build/option/hwa-sal-pyo-i-mi-ji1716872504.png'); mask-repeat: no-repeat; mask-size: 100% 100%; -webkit-mask-image:url('/img_up/shop_pds/appkorea219/build/option/hwa-sal-pyo-i-mi-ji1716872504.png'); -webkit-mask-repeat: no-repeat; -webkit-mask-size:100% 100%; background:#7e0e5d;} @media all and (max-width:1400px){ .block__1423315__ .gatewayProcess {flex-direction:column; gap:30px;} .block__1423315__ .gatewayProcess .gatewayProcessCont {flex-direction:column; margin-right:0; gap:30px;} .block__1423315__ .gatewayProcess .gatewayProcessCont > p {margin-right:0;} .block__1423315__ .gatewayProcess .gatewayProcessCont .imgBox {transform:rotate( 90deg );} } @media all and (max-width:1024px){ .block__1423315__ .gatewayProcess .item_wrapper {width:100%;} } @media all and (max-width:768px){ .block__1423315__ .gatewayProcess {padding:50px 0;} .block__1423315__ .gatewayProcess .item_wrapper {flex-direction:column; gap:40px;} .block__1423315__ .gatewayProcess .item_wrapper .item {display:flex; width:100%; overflow:hidden; justify-content:center;} .block__1423315__ .gatewayProcess .item_wrapper .item > div {width:60%;} .block__1423315__ .gatewayProcess .item_wrapper .item > div > p {background:#f6f6f6; min-height:50px; font-size:15px; width:170px; height:170px; padding:10px;} .block__1423315__ .gatewayProcess .item_wrapper .item > div > ul {padding:15px 20px;} .block__1423315__ .gatewayProcess .gatewayProcessCont > p {font-size:16px; width:auto; height:50px;} .block__1423315__ .gatewayProcess .item_wrapper .item > div > ul > li {font-size:15px;} }