/* 1051715 : 스크롤 애니메이션 라이브러리 */ #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], #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], #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], #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], #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], #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], #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], #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], #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], #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], #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], #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], #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], #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], #container .active [data-ani-m=flip-down] { transform:perspective(2500px) rotateX(0)} } /* 1039945 : 이미지 */ .img__1039945__ {max-width:100%; text-align:center; opacity:0; transition:2s; transition-delay:250ms;} .img__1039945__.active {opacity:1;} .img__1039945__ * {box-sizing:border-box} .img__1039945__ a {display:block;vertical-align:top} .img__1039945__ img {width:px;vertical-align:top} /* 1051575 : 공백 */ .solid_line__1051575__ {box-sizing:border-box;display:block;position:relative;width:100%;height:50px} .solid_line__1051575__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__1051575__.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__1051575__ {height:30px} } /* 1051505 : 맞춤게시판 - 목록형 */ .tab_button_1057837 * {margin:0; padding:0; box-sizing:border-box;} .tab_button_1057837 > a {display: block; margin:0; padding:14px 0; border-radius:4px; font-weight:500; color:#fff; text-align:center; letter-spacing:-.03em; line-height:1.3em; background:#afb5b9; font-size:18px; transition:all .3s;} .tab_button_1057837 > a:hover {background:#37474f; color:#fff !important;} .table__1051265__ * {margin:0; padding:0; box-sizing:border-box;} .table__1051265__ {padding-bottom:70px;} .table__1051265__ .text_box {display:flex; gap:20px; align-items:flex-end; justify-content:flex-start; margin-bottom:15px;} .table__1051265__ .text_box .title {position:relative; font-size:25px;} .table__1051265__ .text_box > p {font-size:17px;} .table__1051265__ .basic {width:100%; table-layout:fixed; border-collapse:collapse; border:solid #bbb 1px; border-top-color:#111; text-align:center; border-right: none; border-left: none;} .table__1051265__ .basic > thead {border-bottom:1px solid #111;} .table__1051265__ .basic > thead > tr > th {font-size:20px; padding:15px 10px; font-weight:500;} .table__1051265__ .basic > tbody > tr > td {font-size:18px; padding:15px 10px;} .popup_wrapper_1 {visibility:hidden; position:fixed; width:100%; height:100%; left:0; top:0; z-index:9999;} .popup_wrapper_1.active {visibility:visible; opacity:1;} .popup_wrapper_1 .close-section {position:absolute; width:100%; height:100%; left:0; top:0; background:#00000073; cursor:pointer; opacity:0; transition:.2s;} .popup_wrapper_1.active .close-section {opacity:1;} .popup_wrapper_1 .popup-content {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); min-width:80%; transition:.2s; background:#fff; padding:70px 0 30px 0; border-radius:20px;} .popup_wrapper_1 .popup-content .close-btn {position:absolute; right:15px; top:15px; font-size:0; background:none; border:none;} .popup_wrapper_1 .popup-content .popup_list {height:700px; overflow-y:auto; padding:0 70px;} .popup_wrapper_1 .popup-content .close-btn {position:absolute; right:15px; top:15px; font-size:0; background:none; border:none;} .popup_wrapper_1 .popup-content .close-btn::before {font-size:35px; text-align:center; color:#ccc; font-family:'icomoon'; content:'\e918';} .pm-myboard_list__1051505__ * {margin:0; padding:0; box-sizing:border-box;} .pm-myboard_list__1051505__ {display:flex; gap:50px;} .pm-myboard_list__1051505__ .nationwide {table-layout:fixed; border-collapse:collapse; border:solid #bbb 1px; border-top-color:#111; text-align:center; border-right: none; border-left: none;} .pm-myboard_list__1051505__ .nationwide > thead {border-bottom:1px solid #111;} .pm-myboard_list__1051505__ .left_block {width:50%;} .pm-myboard_list__1051505__ .right_block {width:50%;} .pm-myboard_list__1051505__ .nationwide th, .pm-myboard_list__1051505__ .nationwide td {text-align:center; background:#fff; padding:15px 10px; font-size:18px; height:50px;} .pm-myboard_list__1051505__ .nationwide > tbody > tr {border-bottom:1px solid #ccc;} .pm-myboard_list__1051505__ .nationwide td > ul {list-style:none; text-align:left; padding:0 0 0 40px;} .pm-myboard_list__1051505__ .nationwide td > ul > li {font-size:16px; margin-bottom:5px;} @media (max-width:1024px) { .popup_wrapper_1 .popup-content .popup_list {height:570px;} .pm-myboard_list__1051505__ {flex-direction:column;} .pm-myboard_list__1051505__ .left_block, .pm-myboard_list__1051505__ .right_block {width:100%;} } @media (max-width:1400px) { .table__1051265__ .basic > thead > tr > th {font-size:18px;} } @media (max-width:970px) { .table__1051265__ .basic > thead > tr > th {font-size:17px;} } @media (max-width:768px) { .popup_wrapper_1 .popup-content {padding:50px 0 30px 0;} .tab_button_1057837 > a {font-size:17px; padding:10px 0;} .popup_wrapper_1 .popup-content .popup_list {height:380px; padding:0 40px;} .table__1051265__ .text_box .title {font-size:17px;} .table__1051265__ .text_box > p {font-size:15px;} .table__1051265__ .basic > thead > tr > th {font-size:15px;} .table__1051265__ .basic > tbody > tr > td {font-size:15px;} .pm-myboard_list__1051505__ .nationwide th, .pm-myboard_list__1051505__ .nationwide td {font-size:15px; word-break:keep-all;} .pm-myboard_list__1051505__ .nationwide td > ul > li {font-size:15px;} } @media (max-width: 500px) { .tab_button_1057837 > a {font-size:15px; padding:10px 0;} .popup_wrapper_1 .popup-content .close-btn::before {font-size:25px} .popup_wrapper_1 .popup-content {width:90%; padding:50px 0 30px 0;} .popup_wrapper_1 .popup-content .popup_list {padding:0 20px;} .table__1051265__ {width:100%; overflow-x:auto; overflow-y:visible;} .table__1051265__ .table_wrapper {width:100%; overflow-x:auto; overflow-y:visible;} .table__1051265__ .basic {width:500px; overflow:hidden;} .table__1051265__ {padding-bottom:40px;} .table__1051265__ .text_box .title {font-size:17px;} .table__1051265__ .basic > thead > tr > th {padding:10px 3px;} .table__1051265__ .basic > thead > tr > th {font-size:14px; padding:10px 5px;} .table__1051265__ .basic > tbody > tr > td {font-size:14px;} .pm-myboard_list__1051505__ .nationwide > thead > tr > th:first-child {display:none;} .pm-myboard_list__1051505__ .nationwide > tbody > tr > th {display:none;} .pm-myboard_list__1051505__ .nationwide th, .pm-myboard_list__1051505__ .nationwide td {font-size:14px; padding:10px 0;} .pm-myboard_list__1051505__ .nationwide td > ul {padding:0;} .pm-myboard_list__1051505__ .nationwide td > ul > li {font-size:14px;} .pm-myboard_list__1051505__ .nationwide > thead > tr > th:nth-child(3) {width:25%;} } /* 1051565 : 맞춤게시판 - 목록형 */ .tab_button_1057841 * {margin:0; padding:0; box-sizing:border-box;} .tab_button_1057841 > a {display: block; margin:0; padding:13px 0; border-radius:4px; font-weight:500; color:#fff; text-align:center; letter-spacing:-.03em; line-height:1.3em; background:#afb5b9; font-size:18px; transition:all .3s;} .tab_button_1057841 > a:hover {background:#37474f; color:#fff !important;} .popup_wrapper_5 {visibility:hidden; position:fixed; width:100%; height:100%; left:0; top:0; z-index:9999;} .popup_wrapper_5.active {visibility:visible; opacity:1;} .popup_wrapper_5 .close-section {position:absolute; width:100%; height:100%; left:0; top:0; background:#00000073; cursor:pointer; opacity:0; transition:.2s;} .popup_wrapper_5.active .close-section {opacity:1;} .popup_wrapper_5 .popup-content {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:80%; transition:.2s; background:#fff; padding:20px 0 50px 0; border-radius:20px;} .popup_wrapper_5 .popup-content .title {display:block; padding:20px 70px;} .popup_wrapper_5 .popup-content .title > h3 {margin:0; font-size:25px; color:var(--main-color);} .popup_wrapper_5 .popup-content .title > p {margin:0; font-size:17px;} .popup_wrapper_5 .popup-content .close-btn {position:absolute; right:15px; top:15px; font-size:0; background:none; border:none;} .popup_wrapper_5 .popup-content .popup_list {max-height:200px; overflow-y:auto; padding:0 70px;} .popup_wrapper_5 .popup-content .close-btn {position:absolute; right:15px; top:15px; font-size:0; background:none; border:none;} .popup_wrapper_5 .popup-content .close-btn::before {font-size:35px; text-align:center; color:#ccc; font-family:'icomoon'; content:'\e918';} .pm-myboard_list__1051565__ * {margin:0; padding:0; box-sizing:border-box;} .pm-myboard_list__1051565__ {display:flex; gap:50px;} .pm-myboard_list__1051565__ .nationwide {table-layout:fixed; border-collapse:collapse; border:solid #bbb 1px; border-top-color:#111; text-align:center; border-right: none; border-left: none;} .pm-myboard_list__1051565__ .nationwide > thead {border-bottom:1px solid #111;} .pm-myboard_list__1051565__ .nationwide > thead > tr > th {position:relative;} .pm-myboard_list__1051565__ .nationwide > thead > tr > th::before {position:absolute; content:''; right:0; top:7px; width:1px; height:70%; background:#eee;} .pm-myboard_list__1051565__ .nationwide > thead > tr > th:last-child::before {display:none;} .pm-myboard_list__1051565__ .nationwide th, .pm-myboard_list__1051565__ .nationwide td {text-align:center; background:#fff; padding:5px 20px; font-size:20px; height:50px;} .pm-myboard_list__1051565__ .nationwide > tbody > tr {border-bottom:1px solid #ccc;} .pm-myboard_list__1051565__ .nationwide td > ul {list-style:none; text-align:left; display:flex; flex-wrap:wrap; row-gap:10px; column-gap:20px;} .pm-myboard_list__1051565__ .nationwide td > ul > li {position:relative; font-size:17px; margin-bottom:5px; padding-left:20px; font-family:'Pretendard';} .pm-myboard_list__1051565__ .nationwide td > ul > li::before {position:absolute; content:''; background:#666; top:10px; left:10px; width:5px; height:5px; border-radius:50%;} @media (max-width:1024px) { .popup_wrapper_5 .popup-content .title > h3 {font-size:23px;} .popup_wrapper_5 .popup-content {width:65%} .pm-myboard_list__1051565__ .nationwide {width:100%;} } @media (max-width:768px) { .tab_button_1057841 > a {font-size:17px; padding:10px 0;} .popup_wrapper_5 .popup-content .title {padding:20px 40px; gap:15px;} .popup_wrapper_5 .popup-content .title > h3 {font-size:20px;} .popup_wrapper_5 .popup-content .popup_list {padding:0 40px;} .pm-myboard_list__1051565__ .nationwide th, .pm-myboard_list__1051565__ .nationwide td {font-size:15px;} .pm-myboard_list__1051565__ .nationwide td > ul > li {font-size:15px;} } @media (max-width:500px) { .popup_wrapper_5 .popup-content .close-btn::before {font-size:25px;} .tab_button_1057841 > a {font-size:15px;} .popup_wrapper_5 .popup-content .title {padding:20px;} .popup_wrapper_5 .popup-content {max-width:90%; width:90%;} .popup_wrapper_5 .popup-content .title > h3 {font-size:17px;} .popup_wrapper_5 .popup-content .popup_list {padding:0 20px;} .pm-myboard_list__1051565__ .nationwide th, .pm-myboard_list__1051565__ .nationwide td {font-size:14px;} .pm-myboard_list__1051565__ .nationwide td > ul > li {font-size:14px;} .pm-myboard_list__1051565__ .nationwide > thead > tr > th:nth-child(1) {width:80px;} .pm-myboard_list__1051565__ .nationwide > thead > tr > th:nth-child(2) {width:70px;} .pm-myboard_list__1051565__ .nationwide td > ul > li::before {top:7px;} } /* 1051515 : 맞춤게시판 - 목록형 */ .tab_button_1057838 * {margin:0; padding:0; box-sizing:border-box;} .tab_button_1057838 > a {display: block; margin:0; padding:13px 0; border-radius:4px; font-weight:500; color:#fff; text-align:center; letter-spacing:-.03em; line-height:1.3em; background:#afb5b9; font-size:18px; transition:all .3s;} .tab_button_1057838 > a:hover {background:#37474f; color:#fff !important;} .popup_wrapper_2 {visibility:hidden; position:fixed; width:100%; height:100%; left:0; top:0; z-index:9999;} .popup_wrapper_2.active {visibility:visible; opacity:1;} .popup_wrapper_2 .close-section {position:absolute; width:100%; height:100%; left:0; top:0; background:#00000073; cursor:pointer; opacity:0; transition:.2s;} .popup_wrapper_2.active .close-section {opacity:1;} .popup_wrapper_2 .popup-content {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:80%; transition:.2s; background:#fff; padding:20px 0 50px 0; border-radius:20px;} .popup_wrapper_2 .popup-content .title {display:flex; padding:20px 70px; gap:20px; align-items:flex-end;} .popup_wrapper_2 .popup-content .title > h3 {margin:0; font-size:25px; color:var(--main-color);} .popup_wrapper_2 .popup-content .title > p {margin:0; font-size:19px;} .popup_wrapper_2 .popup-content .close-btn {position:absolute; right:15px; top:15px; font-size:0; background:none; border:none;} .popup_wrapper_2 .popup-content .popup_list {max-height:400px; overflow-y:auto; padding:0 70px;} .popup_wrapper_2 .popup-content .close-btn {position:absolute; right:15px; top:15px; font-size:0; background:none; border:none;} .popup_wrapper_2 .popup-content .close-btn::before {font-size:35px; text-align:center; color:#ccc; font-family:'icomoon'; content:'\e918';} .pm-myboard_list__1051515__ * {margin:0; padding:0; box-sizing:border-box;} .pm-myboard_list__1051515__ {display:flex; gap:50px;} .pm-myboard_list__1051515__ .nationwide {table-layout:fixed; border-collapse:collapse; border:solid #bbb 1px; border-top-color:#111; text-align:center; border-right: none; border-left: none;} .pm-myboard_list__1051515__ .nationwide > thead {border-bottom:1px solid #111;} .pm-myboard_list__1051515__ .nationwide > thead > tr > th {position:relative;} .pm-myboard_list__1051515__ .nationwide > thead > tr > th::before {position:absolute; content:''; right:0; top:7px; width:1px; height:70%; background:#eee;} .pm-myboard_list__1051515__ .nationwide > thead > tr > th:last-child::before {display:none;} .pm-myboard_list__1051515__ .nationwide th, .pm-myboard_list__1051515__ .nationwide td {text-align:center; background:#fff; padding:5px 20px; font-size:20px; height:50px;} .pm-myboard_list__1051515__ .nationwide > tbody > tr {border-bottom:1px solid #ccc;} .pm-myboard_list__1051515__ .nationwide td > ul {list-style:none; text-align:left; display:flex; flex-wrap:wrap; row-gap:10px; column-gap:20px; padding:20px 0;} .pm-myboard_list__1051515__ .nationwide td > ul > li {position:relative; font-size:19px; margin-bottom:5px; padding-left:20px; font-family:'Pretendard'; color:#666; width:48%; word-break:keep-all;} .pm-myboard_list__1051515__ .nationwide td > ul > li::before {position:absolute; content:''; background:#666; top:10px; left:10px; width:5px; height:5px; border-radius:50%;} @media (max-width:1024px) { .popup_wrapper_2 .popup-content .title > h3 {font-size:23px;} .popup_wrapper_2 .popup-content {width:65%} .pm-myboard_list__1051515__ .nationwide {width:100%;} .pm-myboard_list__1051515__ .nationwide td > ul > li {width:100%;} } @media (max-width:768px) { .popup_wrapper_2 .popup-content .title > p {font-size:15px;} .tab_button_1057838 > a {font-size:17px; padding:10px 0;} .popup_wrapper_2 .popup-content .title {padding:20px 40px; gap:15px;} .popup_wrapper_2 .popup-content .title > h3 {font-size:20px;} .popup_wrapper_2 .popup-content .popup_list {padding:0 40px;} .pm-myboard_list__1051515__ .nationwide th, .pm-myboard_list__1051515__ .nationwide td {font-size:15px;} .pm-myboard_list__1051515__ .nationwide td > ul > li {font-size:15px;} .pm-myboard_list__1051515__ .nationwide > thead > tr > th:nth-child(1) {width:100px;} .pm-myboard_list__1051515__ .nationwide > thead > tr > th:nth-child(2) {width:100px;} } @media (max-width:500px) { .popup_wrapper_2 .popup-content .title > p {font-size:14px;} .popup_wrapper_2 .popup-content .close-btn::before {font-size:25px;} .tab_button_1057838 > a {font-size:15px;} .popup_wrapper_2 .popup-content .title {padding:20px;} .popup_wrapper_2 .popup-content {max-width:90%; width:90%;} .popup_wrapper_2 .popup-content .title > h3 {font-size:17px;} .popup_wrapper_2 .popup-content .popup_list {padding:0 20px;} .pm-myboard_list__1051515__ .nationwide th, .pm-myboard_list__1051515__ .nationwide td {font-size:14px;} .pm-myboard_list__1051515__ .nationwide td > ul > li {font-size:14px;} .pm-myboard_list__1051515__ .nationwide > thead > tr > th:nth-child(1) {width:80px;} .pm-myboard_list__1051515__ .nationwide > thead > tr > th:nth-child(2) {width:70px;} .pm-myboard_list__1051515__ .nationwide td > ul > li::before {top:7px;} } /* 1051525 : 맞춤게시판 - 목록형 */ .tab_button_1057839 * {margin:0; padding:0; box-sizing:border-box;} .tab_button_1057839 > a {display: block; margin:0; padding:13px 0; border-radius:4px; font-weight:500; color:#fff; text-align:center; letter-spacing:-.03em; line-height:1.3em; background:#afb5b9; font-size:18px; transition:all .3s;} .tab_button_1057839 > a:hover {background:#37474f; color:#fff !important;} .popup_wrapper_3 {visibility:hidden; position:fixed; width:100%; height:100%; left:0; top:0; z-index:9999;} .popup_wrapper_3.active {visibility:visible; opacity:1;} .popup_wrapper_3 .close-section {position:absolute; width:100%; height:100%; left:0; top:0; background:#00000073; cursor:pointer; opacity:0; transition:.2s;} .popup_wrapper_3.active .close-section {opacity:1;} .popup_wrapper_3 .popup-content {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:80%; transition:.2s; background:#fff; padding:20px 0 50px 0; border-radius:20px;} .popup_wrapper_3 .popup-content .title {display:flex; padding:20px 70px; gap:20px; align-items:flex-end;} .popup_wrapper_3 .popup-content .title > h3 {margin:0; font-size:25px; color:var(--main-color);} .popup_wrapper_3 .popup-content .title > p {margin:0; font-size:19px;} .popup_wrapper_3 .popup-content .close-btn {position:absolute; right:15px; top:15px; font-size:0; background:none; border:none;} .popup_wrapper_3 .popup-content .popup_list {max-height:400px; overflow-y:auto; padding:0 70px;} .popup_wrapper_3 .popup-content .close-btn {position:absolute; right:15px; top:15px; font-size:0; background:none; border:none;} .popup_wrapper_3 .popup-content .close-btn::before {font-size:35px; text-align:center; color:#ccc; font-family:'icomoon'; content:'\e918';} .pm-myboard_list__1051525__ * {margin:0; padding:0; box-sizing:border-box;} .pm-myboard_list__1051525__ {display:flex; gap:50px;} .pm-myboard_list__1051525__ .nationwide {table-layout:fixed; border-collapse:collapse; border:solid #bbb 1px; border-top-color:#111; text-align:center; border-right: none; border-left: none;} .pm-myboard_list__1051525__ .nationwide > thead {border-bottom:1px solid #111;} .pm-myboard_list__1051525__ .nationwide > thead > tr > th {position:relative;} .pm-myboard_list__1051525__ .nationwide > thead > tr > th::before {position:absolute; content:''; right:0; top:7px; width:1px; height:70%; background:#eee;} .pm-myboard_list__1051525__ .nationwide > thead > tr > th:last-child::before {display:none;} .pm-myboard_list__1051525__ .nationwide th, .pm-myboard_list__1051525__ .nationwide td {text-align:center; background:#fff; padding:5px 20px; font-size:20px; height:50px;} .pm-myboard_list__1051525__ .nationwide > tbody > tr {border-bottom:1px solid #ccc;} .pm-myboard_list__1051525__ .nationwide td > ul {list-style:none; text-align:left; display:flex; flex-wrap:wrap; row-gap:10px; column-gap:20px; padding:20px 0;} .pm-myboard_list__1051525__ .nationwide td > ul > li {position:relative; font-size:19px; margin-bottom:5px; padding-left:20px; font-family:'Pretendard'; color:#666; width:48%; word-break:keep-all;} .pm-myboard_list__1051525__ .nationwide td > ul > li::before {position:absolute; content:''; background:#666; top:10px; left:10px; width:5px; height:5px; border-radius:50%;} @media (max-width:1024px) { .popup_wrapper_3 .popup-content .title > h3 {font-size:23px;} .popup_wrapper_3 .popup-content {width:65%} .pm-myboard_list__1051525__ .nationwide {width:100%;} .pm-myboard_list__1051525__ .nationwide td > ul > li {width:100%;} } @media (max-width:768px) { .popup_wrapper_3 .popup-content .title > p {font-size:15px;} .tab_button_1057839 > a {font-size:17px; padding:10px 0;} .popup_wrapper_3 .popup-content .title {padding:20px 40px; gap:15px;} .popup_wrapper_3 .popup-content .title > h3 {font-size:20px;} .popup_wrapper_3 .popup-content .popup_list {padding:0 40px;} .pm-myboard_list__1051525__ .nationwide th, .pm-myboard_list__1051525__ .nationwide td {font-size:15px;} .pm-myboard_list__1051525__ .nationwide td > ul > li {font-size:15px;} .pm-myboard_list__1051525__ .nationwide > thead > tr > th:nth-child(1) {width:100px;} .pm-myboard_list__1051525__ .nationwide > thead > tr > th:nth-child(2) {width:100px;} } @media (max-width:500px) { .popup_wrapper_3 .popup-content .title > p {font-size:14px;} .popup_wrapper_3 .popup-content .close-btn::before {font-size:25px;} .tab_button_1057839 > a {font-size:15px;} .popup_wrapper_3 .popup-content .title {padding:20px;} .popup_wrapper_3 .popup-content {max-width:90%; width:90%;} .popup_wrapper_3 .popup-content .title > h3 {font-size:17px;} .popup_wrapper_3 .popup-content .popup_list {padding:0 20px;} .pm-myboard_list__1051525__ .nationwide th, .pm-myboard_list__1051525__ .nationwide td {font-size:14px;} .pm-myboard_list__1051525__ .nationwide td > ul > li {font-size:14px;} .pm-myboard_list__1051525__ .nationwide > thead > tr > th:nth-child(1) {width:80px;} .pm-myboard_list__1051525__ .nationwide > thead > tr > th:nth-child(2) {width:70px;} .pm-myboard_list__1051525__ .nationwide td > ul > li::before {top:7px;} } /* 1051535 : 맞춤게시판 - 목록형 */ .tab_button_1057840 * {margin:0; padding:0; box-sizing:border-box;} .tab_button_1057840 > a {display: block; margin:0; padding:13px 0; border-radius:4px; font-weight:500; color:#fff; text-align:center; letter-spacing:-.03em; line-height:1.3em; background:#afb5b9; font-size:18px; transition:all .3s;} .tab_button_1057840 > a:hover {background:#37474f; color:#fff !important;} .popup_wrapper_4 {visibility:hidden; position:fixed; width:100%; height:100%; left:0; top:0; z-index:9999;} .popup_wrapper_4.active {visibility:visible; opacity:1;} .popup_wrapper_4 .close-section {position:absolute; width:100%; height:100%; left:0; top:0; background:#00000073; cursor:pointer; opacity:0; transition:.2s;} .popup_wrapper_4.active .close-section {opacity:1;} .popup_wrapper_4 .popup-content {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:80%; transition:.2s; background:#fff; padding:20px 0 50px 0; border-radius:20px;} .popup_wrapper_4 .popup-content .title {display:flex; padding:20px 70px; gap:20px; align-items:flex-end;} .popup_wrapper_4 .popup-content .title > h3 {margin:0; font-size:25px; color:var(--main-color);} .popup_wrapper_4 .popup-content .title > p {margin:0; font-size:19px;} .popup_wrapper_4 .popup-content .close-btn {position:absolute; right:15px; top:15px; font-size:0; background:none; border:none;} .popup_wrapper_4 .popup-content .popup_list {max-height:400px; overflow-y:auto; padding:0 70px;} .popup_wrapper_4 .popup-content .close-btn {position:absolute; right:15px; top:15px; font-size:0; background:none; border:none;} .popup_wrapper_4 .popup-content .close-btn::before {font-size:35px; text-align:center; color:#ccc; font-family:'icomoon'; content:'\e918';} .pm-myboard_list__1051535__ * {margin:0; padding:0; box-sizing:border-box;} .pm-myboard_list__1051535__ {display:flex; gap:50px;} .pm-myboard_list__1051535__ .nationwide {table-layout:fixed; border-collapse:collapse; border:solid #bbb 1px; border-top-color:#111; text-align:center; border-right: none; border-left: none;} .pm-myboard_list__1051535__ .nationwide > thead {border-bottom:1px solid #111;} .pm-myboard_list__1051535__ .nationwide > thead > tr > th {position:relative;} .pm-myboard_list__1051535__ .nationwide > thead > tr > th::before {position:absolute; content:''; right:0; top:7px; width:1px; height:70%; background:#eee;} .pm-myboard_list__1051535__ .nationwide > thead > tr > th:last-child::before {display:none;} .pm-myboard_list__1051535__ .nationwide th, .pm-myboard_list__1051535__ .nationwide td {text-align:center; background:#fff; padding:5px 20px; font-size:20px; height:50px;} .pm-myboard_list__1051535__ .nationwide > tbody > tr {border-bottom:1px solid #ccc;} .pm-myboard_list__1051535__ .nationwide td > ul {list-style:none; text-align:left; display:flex; flex-wrap:wrap; row-gap:10px; column-gap:20px; padding:20px 0;} .pm-myboard_list__1051535__ .nationwide td > ul > li {position:relative; font-size:19px; margin-bottom:5px; padding-left:20px; font-family:'Pretendard'; color:#666; width:48%; word-break:keep-all;} .pm-myboard_list__1051535__ .nationwide td > ul > li::before {position:absolute; content:''; background:#666; top:10px; left:10px; width:5px; height:5px; border-radius:50%;} @media (max-width:1024px) { .popup_wrapper_4 .popup-content .title > h3 {font-size:23px;} .popup_wrapper_4 .popup-content {width:65%} .pm-myboard_list__1051535__ .nationwide {width:100%;} .pm-myboard_list__1051535__ .nationwide td > ul > li {width:100%;} } @media (max-width:768px) { .popup_wrapper_4 .popup-content .title > p {font-size:15px;} .tab_button_1057840 > a {font-size:17px; padding:10px 0;} .popup_wrapper_4 .popup-content .title {padding:20px 40px; gap:15px;} .popup_wrapper_4 .popup-content .title > h3 {font-size:20px;} .popup_wrapper_4 .popup-content .popup_list {padding:0 40px;} .pm-myboard_list__1051535__ .nationwide th, .pm-myboard_list__1051535__ .nationwide td {font-size:15px;} .pm-myboard_list__1051535__ .nationwide td > ul > li {font-size:15px;} .pm-myboard_list__1051535__ .nationwide > thead > tr > th:nth-child(1) {width:100px;} .pm-myboard_list__1051535__ .nationwide > thead > tr > th:nth-child(2) {width:100px;} } @media (max-width:500px) { .popup_wrapper_4 .popup-content .title > p {font-size:14px;} .popup_wrapper_4 .popup-content .close-btn::before {font-size:25px;} .tab_button_1057840 > a {font-size:15px;} .popup_wrapper_4 .popup-content .title {padding:20px;} .popup_wrapper_4 .popup-content {max-width:90%; width:90%;} .popup_wrapper_4 .popup-content .title > h3 {font-size:17px; word-break:keep-all;} .popup_wrapper_4 .popup-content .popup_list {padding:0 20px;} .pm-myboard_list__1051535__ .nationwide th, .pm-myboard_list__1051535__ .nationwide td {font-size:14px;} .pm-myboard_list__1051535__ .nationwide td > ul > li {font-size:14px;} .pm-myboard_list__1051535__ .nationwide > thead > tr > th:nth-child(1) {width:80px;} .pm-myboard_list__1051535__ .nationwide > thead > tr > th:nth-child(2) {width:70px;} .pm-myboard_list__1051535__ .nationwide td > ul > li::before {top:7px;} }