/* ---- block 1 ---- */ @charset "utf-8"; @font-face { font-family: 'S-CoreDream'; src: url("https://resetcenter.co.kr/fonts/S-CoreDream/S-CoreDream-1Thin.woff") format('woff'); font-weight: 100; font-style: normal; } @font-face { font-family: 'S-CoreDream'; src: url("https://resetcenter.co.kr/fonts/S-CoreDream/S-CoreDream-2ExtraLight.woff") format('woff'); font-weight: 200; font-style: normal; } @font-face { font-family: 'S-CoreDream'; src: url("https://resetcenter.co.kr/fonts/S-CoreDream/S-CoreDream-3Light.woff") format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'S-CoreDream'; src: url("https://resetcenter.co.kr/fonts/S-CoreDream/S-CoreDream-4Regular.woff") format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'S-CoreDream'; src: url("https://resetcenter.co.kr/fonts/S-CoreDream/S-CoreDream-5Medium.woff") format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'S-CoreDream'; src: url("https://resetcenter.co.kr/fonts/S-CoreDream/S-CoreDream-6Bold.woff") format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'S-CoreDream'; src: url("https://resetcenter.co.kr/fonts/S-CoreDream/S-CoreDream-7ExtraBold.woff") format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'S-CoreDream'; src: url("https://resetcenter.co.kr/fonts/S-CoreDream/S-CoreDream-8Heavy.woff") format('woff'); font-weight: 800; font-style: normal; } @font-face { font-family: 'S-CoreDream'; src: url("https://resetcenter.co.kr/fonts/S-CoreDream/S-CoreDream-9Black.woff") format('woff'); font-weight: 900; font-style: normal; } /* ---- block 2 ---- */ /* Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard. https://github.com/orioncactus/pretendard This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL */ @font-face { font-family: 'Pretendard'; font-weight: 900; font-display: swap; src: local('Pretendard Black'), url("https://resetcenter.co.kr/fonts/pretendard/Pretendard-Black.woff2") format('woff2'), url("https://resetcenter.co.kr/fonts/pretendard/Pretendard-Black.woff") format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 800; font-display: swap; src: local('Pretendard ExtraBold'), url("https://resetcenter.co.kr/fonts/pretendard/Pretendard-ExtraBold.woff2") format('woff2'), url("https://resetcenter.co.kr/fonts/pretendard/Pretendard-ExtraBold.woff") format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 700; font-display: swap; src: local('Pretendard Bold'), url("https://resetcenter.co.kr/fonts/pretendard/Pretendard-Bold.woff2") format('woff2'), url("https://resetcenter.co.kr/fonts/pretendard/Pretendard-Bold.woff") format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 600; font-display: swap; src: local('Pretendard SemiBold'), url("https://resetcenter.co.kr/fonts/pretendard/Pretendard-SemiBold.woff2") format('woff2'), url("https://resetcenter.co.kr/fonts/pretendard/Pretendard-SemiBold.woff") format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 500; font-display: swap; src: local('Pretendard Medium'), url("https://resetcenter.co.kr/fonts/pretendard/Pretendard-Medium.woff2") format('woff2'), url("https://resetcenter.co.kr/fonts/pretendard/Pretendard-Medium.woff") format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 400; font-display: swap; src: local('Pretendard Regular'), url("https://resetcenter.co.kr/fonts/pretendard/Pretendard-Regular.woff2") format('woff2'), url("https://resetcenter.co.kr/fonts/pretendard/Pretendard-Regular.woff") format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 300; font-display: swap; src: local('Pretendard Light'), url("https://resetcenter.co.kr/fonts/pretendard/Pretendard-Light.woff2") format('woff2'), url("https://resetcenter.co.kr/fonts/pretendard/Pretendard-Light.woff") format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 200; font-display: swap; src: local('Pretendard ExtraLight'), url("https://resetcenter.co.kr/fonts/pretendard/Pretendard-ExtraLight.woff2") format('woff2'), url("https://resetcenter.co.kr/fonts/pretendard/Pretendard-ExtraLight.woff") format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 100; font-display: swap; src: local('Pretendard Thin'), url("https://resetcenter.co.kr/fonts/pretendard/Pretendard-Thin.woff2") format('woff2'), url("https://resetcenter.co.kr/fonts/pretendard/Pretendard-Thin.woff") format('woff'); } /* ---- block 3 ---- */ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /* ---- block 4 ---- */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* ---- block 5 ---- */ /** * Swiper 10.2.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 17, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--reset-swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--reset-swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--reset-swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--reset-swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--reset-swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--reset-swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--reset-swiper-preloader-color,var(--reset-swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--reset-swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--reset-swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--reset-swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--reset-swiper-virtual-size)}:root{--reset-swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--reset-swiper-navigation-top-offset,50%);width:calc(var(--reset-swiper-navigation-size)/ 44 * 27);height:var(--reset-swiper-navigation-size);margin-top:calc(0px - (var(--reset-swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--reset-swiper-navigation-color,var(--reset-swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--reset-swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--reset-swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--reset-swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--reset-swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--reset-swiper-pagination-bottom,8px);top:var(--reset-swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--reset-swiper-pagination-bullet-width,var(--reset-swiper-pagination-bullet-size,8px));height:var(--reset-swiper-pagination-bullet-height,var(--reset-swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--reset-swiper-pagination-bullet-border-radius,50%);background:var(--reset-swiper-pagination-bullet-inactive-color,#000);opacity:var(--reset-swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--reset-swiper-pagination-bullet-opacity, 1);background:var(--reset-swiper-pagination-color,var(--reset-swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--reset-swiper-pagination-right,8px);left:var(--reset-swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--reset-swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--reset-swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--reset-swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--reset-swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--reset-swiper-pagination-color,var(--reset-swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--reset-swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--reset-swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--reset-swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--reset-swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--reset-swiper-scrollbar-sides-offset,1%);bottom:var(--reset-swiper-scrollbar-bottom,4px);top:var(--reset-swiper-scrollbar-top,auto);z-index:50;height:var(--reset-swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--reset-swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--reset-swiper-scrollbar-left,auto);right:var(--reset-swiper-scrollbar-right,4px);top:var(--reset-swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--reset-swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--reset-swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--reset-swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--reset-swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* ---- block 6 ---- */ @charset "utf-8"; * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} :after, :before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} :root { /* color */ --reset-color-primary:#163167; --reset-color-secondary:#ffb400; /* font */ --reset-font-s-core:'S-CoreDream', sans-serif; --reset-inner:1600; --reset-fz12:clamp(11px, calc(12 / var(--reset-inner) * 100vw), 12px); --reset-fz13:clamp(12px, calc(13 / var(--reset-inner) * 100vw), 13px); --reset-fz14:clamp(13px, calc(14 / var(--reset-inner) * 100vw), 14px); --reset-fz15:clamp(14px, calc(15 / var(--reset-inner) * 100vw), 15px); --reset-fz16:clamp(14px, calc(16 / var(--reset-inner) * 100vw), 16px); --reset-fz18:clamp(15px, calc(18 / var(--reset-inner) * 100vw), 18px); --reset-fz20:clamp(16px, calc(20 / var(--reset-inner) * 100vw), 20px); --reset-fz22:clamp(17px, calc(22 / var(--reset-inner) * 100vw), 22px); --reset-fz24:clamp(18px, calc(24 / var(--reset-inner) * 100vw), 24px); --reset-fz28:clamp(19px, calc(28 / var(--reset-inner) * 100vw), 28px); --reset-fz32:clamp(21px, calc(32 / var(--reset-inner) * 100vw), 32px); --reset-fz40:clamp(24px, calc(40 / var(--reset-inner) * 100vw), 40px); --reset-fz48:clamp(26px, calc(48 / var(--reset-inner) * 100vw), 48px); --reset-fz50:clamp(28px, calc(50 / var(--reset-inner) * 100vw), 50px); --reset-fz60:clamp(32px, calc(60 / var(--reset-inner) * 100vw), 60px); /* height */ --reset-header-height:100px; /* padding */ --reset-main-padding:150px 0; --reset-sub-padding:120px 0; --reset-real-padding-bottom:200px; } /* reset */ body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0} body{font-family:'Pretendard',sans-serif;font-size:var(--reset-fz16);line-height:1.75em;color:#242424;letter-spacing:-.03em;word-break:keep-all;-webkit-text-size-adjust:none;} input,textarea,select,button,table {font-family:inherit;font-size:inherit;line-height:inherit;} img{border:0;max-width:100%;vertical-align:top;} ul,ol{list-style:none} fieldset{border:none} fieldset legend {overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-999em;} button{cursor:pointer} header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block} hr {clear:both;display:none;} img[usemap] {border:none; height:auto; max-width:100%; width:auto;} a{ color:inherit; text-decoration:none; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } a:hover, a:active{ -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } ::-webkit-input-placeholder {color:#878787;} :-moz-placeholder {color:#878787;} ::-moz-placeholder {color:#878787;} :-ms-input-placeholder {color:#878787;} :placeholder-shown {color:#878787;} table caption {overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-999em;} input[type="radio"], input[type="checkbox"] {vertical-align:middle !important; margin:-.2em 3px 0 0 !important;} input,select {vertical-align:middle; background:#fff;} input,textarea,button{-webkit-appearance:none;-webkit-border-radius:0} input[type='checkbox']{-webkit-appearance:checkbox} input[type='radio']{-webkit-appearance:radio} /* user class */ h1,h2,h3,h4,h5,h6,strong,th,.bold{font-weight:700;} .semibold {font-weight:500;} .clear{clear:both;} .clearfix:after {content:" "; display:block; clear:both;} .blind {position:absolute;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;} .pointer {cursor:pointer;} .input {height:44px; padding:6px 16px; color:#505050; font-size:15px; line-height:1.5em; border:1px solid #ddd;} .input[readonly] {background-color:#e8e8e8; color:#aaaaaa;} .input.datepicker {padding-right:40px; background:#fff url(assets/datepicker_icon.png) right 10px center no-repeat;} textarea.input {height:auto; padding:13px 16px; overflow:auto; resize:none;} select.input {padding-right:40px; background:#fff url(assets/select.svg) right 14px center no-repeat; -webkit-appearance:none; -moz-appearance:none; appearance:none;} select.input::-ms-expand {display:none;} input[type=file].input {padding:0;} .mgb2 {margin-bottom:2px !important;} .mgb3 {margin-bottom:3px !important;} .mgb4 {margin-bottom:4px !important;} .mgb5 {margin-bottom:5px !important;} .mgb6 {margin-bottom:6px !important;} .mgb7 {margin-bottom:7px !important;} .mgb8 {margin-bottom:8px !important;} .mgb9 {margin-bottom:9px !important;} .mgb10 {margin-bottom:10px !important;} .mgb15 {margin-bottom:15px !important;} .mgb20 {margin-bottom:20px !important;} .mgb30 {margin-bottom:30px !important;} .mgb40 {margin-bottom:40px !important;} .mgb50 {margin-bottom:50px !important;} .mgb70 {margin-bottom:70px !important;} .fl {float:left;} .fr {float:right;} .space-center {text-align:center !important;} .space-right {text-align:right !important;} .space-left {text-align:left !important;} .inline-block {display:inline-block;} .video-container {position:relative; padding-bottom:56.25%; overflow:hidden;} .video-container video, .video-container iframe {position:absolute; top:0; left:0; width:100%; height:100%;} .radiobox {display:inline-block; position:relative; vertical-align:middle; margin-top:-.2em;} .radiobox input {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;} .radiobox label {display:inline-block;} .radiobox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; width:18px; height:18px; background-color:#f4f4f4; border:1px solid #ccc; border-radius:100%;} .radiobox input:checked + label:before {background:#fff url(assets/radiobox.svg) 50% 50% no-repeat;} .radiobox input:focus + label:before {outline:2px solid highlight;} .checkbox {display:inline-block; position:relative; vertical-align:middle; margin-top:-.2em;} .checkbox input {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;} .checkbox label {display:inline-block;} .checkbox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; width:18px; height:18px; background-color:#f4f4f4; border:1px solid #ccc;} .checkbox input:checked + label:before {background:var(--reset-color-secondary) url(assets/checkbox.svg) 50% 50% no-repeat; border-color:var(--reset-color-secondary);} .checkbox input:focus + label:before {outline:2px solid highlight;} .table-responsive {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;} /* ui datepicker */ .ui-datepicker {z-index:2 !important; display:none; background:#fff; margin-top:2px; border-radius:10px; padding:0 8px 8px; width:250px; box-shadow:0 0 3px rgba(0,0,0,.3);} .ui-datepicker-header {position:relative; margin:0 -8px 6px; padding:5px 0; background:var(--reset-color-primary); border-radius:10px 10px 0 0;} .ui-datepicker-prev, .ui-datepicker-next {position:absolute; width:32px; height:32px; top:50%; cursor:pointer; margin-top:-16px; border-radius:100%; overflow:hidden; text-indent:-999em; background-position:50% 50%; background-repeat:no-repeat;} .ui-datepicker-prev {left:0; background-image:url(assets/datepicker_prev.png);} .ui-datepicker-next {right:0; background-image:url(assets/datepicker_next.png);} .ui-datepicker-title {text-align:center; color:#fff; font-size:18px; line-height:30px; font-weight:500;} .ui-datepicker-title select {border:0; margin:-.2em 2px 0; width:70px; height:30px; color:#000; font-size:15px; padding:0 10px 0 6px; vertical-align:middle;} .ui-datepicker-calendar {width:100%; border-collapse:collapse; border-spacing:0px;} .ui-datepicker-calendar th {padding:2px 0; text-align:center; font-size:14px; font-weight:500; line-height:30px; color:#222;} .ui-datepicker-calendar td {padding:0; text-align:center; font-size:13px; font-weight:400; line-height:30px; color:#666;} .ui-datepicker-calendar .ui-state-default {display:inline-block;width:30px;border-radius:4px;} .ui-datepicker-calendar .ui-state-hover {background-color:#eee; color:#222;} .ui-datepicker-calendar .ui-state-active {background-color:var(--reset-color-primary); color:#fff;} .ui-datepicker-other-month .ui-state-default {color:#ccc;} .ui-datepicker-last {margin-left:-43px;} .ui-datepicker-trigger {width:44px; height:44px; margin-left:-1px; background:url(assets/datepicker_icon.png) 50% 50% no-repeat; border:1px solid #aaa; vertical-align:middle; overflow:hidden; text-indent:-999em;} @media (max-width:640px) { .input.datepicker {background-image:url(assets/datepicker_icon_x2.png); background-size:22px auto;} .ui-datepicker-prev, .ui-datepicker-next {background-size:8px auto;} .ui-datepicker-prev {background-image:url(assets/datepicker_prev_x2.png);} .ui-datepicker-next {background-image:url(assets/datepicker_next_x2.png);} .ui-datepicker-trigger {width:38px; height:38px;} } /* ---- block 7 ---- */ @charset "utf-8"; /* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */ #skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} #skipToContent a:focus, #skipToContent a:active {width:200px;height:50px;background:#21272e;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;line-height:50px;outline-color:#f37736;} .only-desktop-tablet {display:block;} .only-desktop {display:block;} .only-tablet {display:none;} .only-mobile {display:none;} #wrapper {position:relative;} /* header */ #header {position:fixed; top:0; left:0; width:100%; z-index:100; transition:.3s;} #header .contain {max-width:1780px; position:relative; display:flex; align-items:center; justify-content:space-between; height:var(--reset-header-height); z-index:10;} .sitelogo a {display:block; background:url(assets/logo-w.png) no-repeat 0 center / contain; width:250px; height:51px; font-size:0; line-height:0;} .pull-right {display:flex; align-items:center;} #gnb>ul {display:flex; justify-content:flex-end; text-align:center;} #gnb>ul>li {position:relative; padding:0 70px;} #gnb>ul>li>a {position:relative; display:flex; align-items:center; justify-content:center; height:var(--reset-header-height); font-size:var(--reset-fz18); font-weight:500; letter-spacing:-.03em; line-height:1.33em; color:#fff;} #gnb>ul>li>a:after {content:""; position:absolute; bottom:-1px; left:50%; transform:translateX(-50%); width:0; height:2px; background:var(--reset-color-primary); transition:.2s;} #gnb>ul>li.active>a:after {width:133px;} #gnb .submenu {position:absolute; left:0; width:100%; height:0; overflow:hidden; text-align:center;} #gnb .submenu>ul {padding:26px 5px;} #gnb .submenu>ul>li>a {display:block; padding:10px 0; color:#454545; line-height:1.33em; letter-spacing:-.03em;} #gnb .submenu>ul>li>a:hover {color:var(--reset-color-primary);} .submenu-bg {display:none; position:absolute; width:100%; left:0; background:#fff; border-top:1px solid #ddd;} .btn-all-menu {margin-left:50px; display:block; position:relative; width:28px; height:22px;} .btn-all-menu span {position:absolute; left:0; right:0; top:50%; height:2px; margin-top:-1px; background:#fff;} .btn-all-menu span:before, .btn-all-menu span:after {content:" "; position:absolute; left:0; right:0; height:2px; background:#fff;} .btn-all-menu span:before {top:-10px;} .btn-all-menu span:after {bottom:-10px;} #header:hover {background:#fff;} #header:hover .sitelogo a {background-image:url(assets/logo.png);} #header:hover #gnb>ul>li>a {color:#242424;} #header:hover .btn-all-menu span, #header:hover .btn-all-menu span:before, #header:hover .btn-all-menu span:after {background:#505050;} #header:hover .btn-m-menu span, #header:hover .btn-m-menu span:before, #header:hover .btn-m-menu span:after {background:#505050;} #header.header-fixed {background:#fff; box-shadow:0px 3px 5px rgba(0,0,0,0.1);} #header.header-fixed .sitelogo a {background-image:url(assets/logo.png);} #header.header-fixed #gnb>ul>li>a {color:#242424;} #header.header-fixed .btn-all-menu span, #header.header-fixed .btn-all-menu span:before, #header.header-fixed .btn-all-menu span:after {background:#505050;} #header.header-fixed .btn-m-menu span, #header.header-fixed .btn-m-menu span:before, #header.header-fixed .btn-m-menu span:after {background:#505050;} /* for mobile */ .btn-m-menu {display:none; position:relative; width:26px; height:26px;} .btn-m-menu span {position:absolute; left:0; right:0; top:50%; height:2px; margin-top:-1px; background:#fff;} .btn-m-menu span:before, .btn-m-menu span:after {content:" "; position:absolute; left:0; right:0; height:2px; background:#fff;} .btn-m-menu span:before {top:-9px;} .btn-m-menu span:after {bottom:-9px;} .mobile-navigation {display:none; position:fixed; top:0; right:0; width:280px; height:100%; overflow:auto; transition:.2s linear; -ms-transform:translateX(100%); transform:translateX(100%); background:#fff; z-index:102;} .mobile-navigation .home {display:flex; align-items:center; height:80px; padding:0 20px; color:#242424; font-size:19px; font-weight:700; line-height:1.5em;} .mobile-navigation .home img {height:25px;} .mobile-navigation .nav-menu>ul {border-top:1px solid #ddd;} .mobile-navigation .nav-menu>ul>li {border-bottom:1px solid #ddd;} .mobile-navigation .nav-menu>ul>li>a {position:relative; padding:10px 48px 10px 20px; display:block; color:#242424; font-size:19px; font-weight:700; line-height:1.5em;} .mobile-navigation .nav-menu>ul>li>a:after {content:""; position:absolute; top:50%; right:20px; transform:translateY(-75%) rotate(45deg); width:11px; height:11px; border-right:2px solid #505050; border-bottom:2px solid #505050;} .mobile-navigation .nav-menu>ul>li.active>a {color:#fff; background:var(--reset-color-primary);} .mobile-navigation .nav-menu>ul>li.active>a:after {transform:translateY(-35%) rotate(-135deg); border-color:#fff;} .mobile-navigation .nav-menu .submenu {display:none; background:#f8f8f8; color:#454545; font-size:16px; font-weight:400; line-height:1.5em;} .mobile-navigation .nav-menu .submenu ul li {border-top:1px solid #e5e5e5;} .mobile-navigation .nav-menu .submenu ul li a {display:block; padding:12px 20px;} .mobile-navigation .nav-menu .submenu ul li a:hover {color:var(--reset-color-primary);} .mobile-navigation .close {position:absolute; top:25px; right:15px; width:26px; height:26px; text-indent:-9999em; overflow:hidden;} .mobile-navigation .close:before, .mobile-navigation .close:after {content:" "; position:absolute; top:12px; left:0; width:100%; height:3px; background:#242424; border-radius:3px;} .mobile-navigation .close:before {transform:rotate(45deg);} .mobile-navigation .close:after {transform:rotate(-45deg);} .mobile-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:101;} html.menu-opened {overflow:hidden;} html.menu-opened .mobile-navigation {-ms-transform:translateX(0); transform:translateX(0);} html.menu-opened .mobile-overlay {display:block;} /* main */ #main #container .contain {max-width:1460px;} .main-visual {position:relative; overflow:hidden; color:#fff;} .main-visual .item {height:100vh;} .main-visual .img {transition:5s; transform:scale(1); position:absolute; top:0; right:0; width:100%; height:100%;} .main-visual .img img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;} .main-visual .slick-slide.active .img {transform:scale(1.06);} .main-visual .caption {padding:0 80px; position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; z-index:2; text-align:center;} .main-visual .caption p {margin-bottom:24px; font-size:var(--reset-fz24); font-weight:400; letter-spacing:-.03em; line-height:1.4em;} .main-visual .caption h2 {font-size:var(--reset-fz60); font-weight:400; letter-spacing:-.03em; line-height:1.13em;} .main-visual .caption h2 strong.c1 {color:var(--reset-color-secondary);} .main-visual .caption p, .main-visual .caption h2 {transition:1.2s; transform:translateY(50px); opacity:0;} .main-visual .slide-btn {font-size:var(--reset-fz14); font-weight:400; line-height:1.3em; position:absolute; top:50%; transform:translateY(-50%); z-index:10; width:100px; border:0; color:#fff; background:transparent;} .main-visual .slide-btn span {margin-top:10px; position:relative; display:block; width:100%; height:1px; background:rgba(255,255,255,.3);} .main-visual .slide-btn span:after {transition:.3s; content:''; position:absolute; height:100%; width:50%; top:0; background:#ddd;} .main-visual .slide-prev {left:0; text-align:right;} .main-visual .slide-prev span:after {left:0;} .main-visual .slide-next {right:0; text-align:left;} .main-visual .slide-next span:after {right:0;} .main-visual .slide-btn:hover span:after {width:100%;} .main-visual .active .caption p, .main-visual .active .caption h2 {transform:translateY(0); opacity:1;} .main-visual .active .caption p {transition-delay:.2s;} .main-visual .active .caption h2 {transition-delay:.5s;} .m-head {text-align:center; margin-bottom:55px;} .m-tt {margin-bottom:10px; font-size:var(--reset-fz16); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:var(--reset-color-primary);} .m-tit {font-size:var(--reset-fz40); font-weight:700; letter-spacing:-.03em; line-height:1.2em; color:#242424;} .m-bar {height:40px; width:1px; background:#868a92; margin:15px auto 20px;} .m-txt {font-size:var(--reset-fz16); font-weight:400; letter-spacing:-.03em; line-height:1.63em; color:#454545;} .more-btn {border-radius:8px; height:40px; padding:0 20px; border:1px solid rgba(255,255,255,.8); display:inline-flex; align-items:center; font-size:var(--reset-fz14); font-weight:400; letter-spacing:-.02em; line-height:1.33em; color:#fff;} .more-btn:after {margin-left:36px; content:''; width:4px; height:10px; background:url(assets/more.png) no-repeat 50% 50% / contain;} .more-btn:hover {background:#fff; color:#242424;} .more-btn:hover:after {background-image:url(assets/more-on.png);} .more-btn.type2 {border-color:#dfdfdf; color:#454545;} .more-btn.type2:after {background-image:url(assets/more-on.png);} .more-btn.type2:hover {border-color:var(--reset-color-primary); background:var(--reset-color-primary); color:#fff;} .more-btn.type2:hover:after {background-image:url(assets/more.png);} .main-reason {padding:var(--reset-main-padding); background:#122243;} .main-reason .logo {text-align:center; margin-bottom:55px;} .main-reason .m-tit {color:#fff; font-weight:400;} .main-reason .m-txt {color:#fff;} .main-reason .wrap .row {display:flex; margin:0 -20px;} .main-reason .wrap .row .col {padding:0 20px; width:33.333%;} .main-reason .wrap .box {padding:35px; border-radius:16px; background:#0b172f; height:100%;} .main-reason .wrap .title {padding-bottom:20px; margin-bottom:15px; display:flex; border-bottom:1px solid #aaa;} .main-reason .wrap .title .num {position:relative; margin-right:17px; font-size:var(--reset-fz50); font-weight:400; line-height:1em; color:#fff; font-family:var(--reset-font-s-core);} .main-reason .wrap .title .num:after {content:''; position:absolute; left:0; bottom:-23px; width:100%; height:3px; background:#fff;} .main-reason .wrap .title .txt {font-size:var(--reset-fz22); font-weight:600; line-height:1.4em; color:var(--reset-color-secondary);} .main-reason .wrap .title .txt small {font-size:var(--reset-fz14); font-weight:400; line-height:1.4em; color:#aaa; display:block;} .main-reason .wrap .cnt {padding-left:66px;} .main-reason .wrap .cnt p {font-weight:400; letter-spacing:-.03em; line-height:1.63em; color:#fff;} .main-consult {overflow:hidden; padding:var(--reset-main-padding);} .main-consult .wrap {display:flex; justify-content:space-between;} .main-consult .wrap > .col {width:calc(50% - 20px);} .main-consult .wrap .content {padding:35px 40px 40px; border-radius:40px; box-shadow:0 8px 16px rgba(0,0,0,.16); height:100%;} .main-consult .wrap .content h3 {margin-bottom:32px; font-size:var(--reset-fz28); color:var(--reset-color-primary); font-weight:700; letter-spacing:-.03em; line-height:1.4em; text-align:center;} .main-consult .current-list .slick-list {margin: -10px 0;} .main-consult .current-list .slick-slide {padding: 10px 0; border:0;} .main-consult .current-list .box {height: 60px; padding:0 19px; font-weight:500; letter-spacing:-.03em; line-height:1.4em; color:#454545; border-radius:8px; display:flex; align-items:center; background:#e7eaf0;} .main-consult .current-list .box .txt {padding-right:30px; flex:1 1 auto; min-width:0; width:1%; line-height:1.4em; max-height:1.4em; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:nowrap;} .main-consult .current-list .box .name {width:75px;} .main-consult .current-list .box .date {width:85px;} .main-consult .form .inner {display:flex; flex-wrap:wrap; margin:-10px;} .main-consult .form .inner .col {width:50%; padding:10px;} .main-consult .form .inner .col.col-x2 {width:100%;} .main-consult .form .box {position:relative;} .main-consult .form .box label {position:absolute; left:20px; top:20px; font-weight:500; letter-spacing:-.03em; line-height:1.4em; color:#454545;} .main-consult .form .input {padding-left:20px; padding-right:20px; border-radius:8px; width:100%; height:60px; font-weight:500; letter-spacing:-.03em; line-height:1.4em; color:#454545;} .main-consult .form textarea.input {height:147px;} .main-consult .submit-area {margin-top:25px; display:flex; justify-content:space-between; align-items:center;} .main-consult .submit button {display:flex; justify-content:center; align-items:center; width: 184px; height: 40px; border-radius: 10px; background: var(--reset-color-primary); color: #fff; font-size: var(--reset-fz16); font-weight: 700; border: none;} .main-consult .form-agree {margin:0;} .main-consult .form-agree .checkbox {margin:.2em 15px 0 0;} .main-consult .form-agree .check {display:flex; margin-top:0;} .main-review {overflow:hidden; padding:var(--reset-main-padding); background:url(assets/review-bg.jpg) no-repeat 50% 50% / cover;} .main-review .m-tt {color:#fff;} .main-review .m-tit {color:#fff;} .main-review .m-bar {background:#fff;} .main-review .m-txt {color:#fff;} .main-review .slider {position:relative; margin-bottom:60px;} .main-review .slick-list {margin:0 -20px;} .main-review .slick-slide {padding:0 20px;} .main-review .slick-arrow {margin-top:-20px; transition:.3s; position:absolute; top:50%; width:40px; height:40px; border:0; font-size:0; background-color:transparent; background-size:contain; background-repeat:no-repeat; background-position:50% 50%;} .main-review .slick-prev {left:-160px; background-image:url(assets/review-prev.png);} .main-review .slick-prev:hover {background-image:url(assets/review-prev-on.png);} .main-review .slick-next {right:-160px; background-image:url(assets/review-next.png);} .main-review .slick-next:hover {background-image:url(assets/review-next-on.png);} .main-review .review-box .txt {overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; line-clamp: 1; -webkit-line-clamp:1; -webkit-box-orient:vertical;} .main-point {padding:var(--reset-main-padding);} .main-point .list ul {display:flex; flex-wrap:wrap; margin:-10px -20px;} .main-point .list ul li {width:50%; padding:10px 20px;} .main-point .list .box {box-shadow:0 8px 16px rgba(133,133,133,.16); display:flex; align-items:center; padding:10px 30px 10px 100px; font-size:var(--reset-fz18); font-weight:500; line-height:1.44em; color:#454545; letter-spacing:-.03em; min-height:80px; position:relative; border-radius:16px; background:#f3f4f7 url(assets/point-bg.png) no-repeat 0 0;} .main-point .list .box span {font-weight:700; letter-spacing:-.03em; line-height:1.3em; display:flex; align-items:center; justify-content:center; width:60px; height:60px; position:absolute; left:0; top:0; color:var(--reset-color-primary);} .main-lawyer {padding:var(--reset-main-padding); padding-top:0;} .main-lawyer .lawyer-list {margin-bottom:60px;} .main-lawyer .lawyer-list ul {display: block;} .main-directions {position:relative;} .directions-tabs {z-index:10; position:absolute; left:calc(50% + 80px); top:150px; display:flex; margin-bottom:50px; gap:10px;} .directions-tabs li a {font-weight:700; line-height:1.33em; border-radius:8px; min-width:140px; height:50px; display:flex; align-items:center; justify-content:center; text-align:center; background:#5a657c; color:#fff;} .directions-tabs li.active a {background:#fff; color:var(--reset-color-primary);} .directions-content {overflow:hidden; position:relative; height:0; opacity:0;} .directions-content.active {z-index:1; height:auto; opacity:1;} .directions-inner {display:flex; background:#122243;} .directions-inner .map-area {width:50%; height:930px;} .directions-inner .wrap {padding:240px 30px 150px 80px; width:50%; color:#fff;} .directions-inner .wrap .inner {max-width:620px;} .directions-inner .info {padding-bottom:60px; margin-bottom:60px; border-bottom:1px solid #a7abb4;} .directions-inner .info h2 {margin-bottom:8px; font-size:var(--reset-fz32); font-weight:700; letter-spacing:-.03em; line-height:1.4em;} .directions-inner .info .addr {margin-bottom:35px;} .directions-inner .desc dl {margin-bottom:17px; display:flex;} .directions-inner .desc dl:last-child {margin-bottom:0;} .directions-inner .desc dl dt {min-width:140px; font-weight:700; line-height:1.63em;} .directions-inner .desc dl dt img {margin-top:-.2em; margin-right:12px;} .directions-inner .desc dl dd {font-weight:400; line-height:1.63em;} .main-inquiry {position:sticky; bottom:0; left:0; width:100%; z-index:80;} .main-inquiry .toggle {display:none;} .main-inquiry .inner {padding:30px 0; background:var(--reset-color-primary); color:#fff;} .main-inquiry .contain {display:flex; align-items:center;} .main-inquiry .tel {margin-right:40px; font-size:var(--reset-fz24); font-weight:700; letter-spacing:-.03em; line-height:1.3em;} .main-inquiry .tel img {margin-right:15px; vertical-align:middle;} .main-inquiry .tel a {margin-left:15px; color:var(--reset-color-secondary); font-weight:500;} .main-inquiry .form {flex:1 1 auto; min-width:0; width:1%; display:flex; align-items:center;} .main-inquiry .form .input-wrap {flex:1 1 auto; min-width:0; width:1%; display:flex; justify-content:space-between; gap:0 10px;} .main-inquiry .form .input {border-radius:8px; width:50%; border:0; font-size:var(--reset-fz14); color:#454545;} .main-inquiry .form .input::placeholder {color:#454545;} .main-inquiry .check {margin:0 40px 0 20px;} .main-inquiry .check .checkbox {margin-top:0;} .main-inquiry .check .checkbox label:before {border-radius:3px;} .main-inquiry .check a {margin-left:18px; font-size:var(--reset-fz13); display:inline-block; line-height:30px; padding:0 12px; border:1px solid #ddd;} .main-inquiry .submit .btn-pack {color:#fff; line-height:40px; border-radius:8px; font-weight:700; min-width:140px; background:var(--reset-color-secondary); border-color:var(--reset-color-secondary);} /* sub */ .sub-visual {position:relative; height:440px; text-align:center; color:#fff; overflow:hidden; background:#333;} .sub-visual .bg {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transition:2s; opacity:1; transform:scale(1.1); background-repeat:no-repeat; background-position:50% 0; background-size:cover;} .sub-visual .inner {position:absolute; top:45%; left:0; width:100%; padding:0 20px;} .sub-visual .inner .t1 {font-size:var(--reset-fz20); font-weight:700; letter-spacing:-.03em; line-height:1.5em; color:var(--reset-color-secondary);} .sub-visual .inner .t2 {font-size:var(--reset-fz48); font-weight:700; letter-spacing:-.03em; line-height:1.5em;} .sub-visual .bg1 {background-image:url(assets/sv1.jpg);} .sub-visual .bg2 {background-image:url(assets/sv2.jpg);} .sub-visual .bg3 {background-image:url(assets/sv3.jpg);} .sub-visual .bg4 {background-image:url(assets/sv4.jpg);} .loaded .sub-visual .bg {transform:scale(1); opacity:1;} .lnb-wrap {position:relative;} .lnb-wrap:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ddd;} .lnb {max-width:1200px; margin:0 auto;} .lnb ul li {flex:1; border-left:1px solid #ddd;} .lnb ul li:last-child {border-right:1px solid #ddd;} .lnb ul li a {position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:60px; padding:0 13px; color:#242424; line-height:1.2em; letter-spacing:-.03em; font-weight:500; font-size:var(--reset-fz20);} .lnb ul li.active a {color:#fff; background:var(--reset-color-primary);} #contArea {max-width:1260px; padding-left:30px; padding-right:30px; margin:0 auto;} #contArea.wide {max-width:100%; padding-left:0; padding-right:0;} #contArea.wide .sub-title {padding-left:10px; padding-right:10px;} .contain {width:100%; max-width:1260px; padding-left:30px; padding-right:30px; margin:0 auto;} .sub-title {padding:98px 0 56px; text-align:center;} .sub-title .tt {margin-bottom:5px; font-size:var(--reset-fz18); font-weight:700; line-height:1.4em; color:var(--reset-color-primary);} .sub-title h1 {margin-bottom:8px; font-size:var(--reset-fz40); font-weight:700; line-height:1.3em; color:#242424;} .sub-title .txt {font-weight:400; line-height:1.4em; color:#242424;} .real-cont {min-height:300px; padding-bottom:200px;} .real-cont.type2 {padding-top:100px;} .quick {width:60px; position:fixed; right:100px; bottom:120px; z-index:90;} .quick ul {box-shadow:0 8px 16px rgba(0,0,0,.16); padding:20px 0; background:#fff; border-radius:8px; overflow:hidden;} .quick ul li {margin-bottom:18px;} .quick ul li:last-child {margin-bottom:0;} .quick ul li a {font-size:var(--reset-fz12); font-weight:600; line-height:1.3em; color:var(--reset-color-primary); display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;} .quick ul li i {margin-bottom:7px; width:30px; height:29px; display:block; background-size:contain; background-repeat:no-repeat; background-position:50% 50%;} .quick ul li i.ico1 {background-image:url(assets/quick-ico1.png);} .quick ul li i.ico2 {background-image:url(assets/quick-ico2.png);} .quick ul li i.ico3 {background-image:url(assets/quick-ico3.png);} .quick .scroll-top {box-shadow:0 8px 16px rgba(0,0,0,.16); margin-top:10px; font-size:0; background:#fff; border-radius:8px; display:flex; flex-direction:column; justify-content:center; align-items:center; height:60px;} /* footer */ #footer {padding:54px 0; background:#1a1a1a; color:#999; font-size:var(--reset-fz15); font-weight:400; line-height:1.5em; letter-spacing:-.03em;} #footer .contain {display:flex; max-width:1780px; position:relative;} #footer address {font-style:normal;} #footer span {display:inline-block;} #footer a:hover {text-decoration:underline;} .foot-logo {margin-right:30px;} .foot-info .tit {margin-bottom:30px; font-size:var(--reset-fz18); font-weight:700; letter-spacing:-.03em; line-height:1.4em;} .foot-info .wrap {display:flex;} .foot-info address:first-child {position:relative; padding-right:10px; margin-right:40px;} .foot-info address:first-child:after {content:''; position:absolute; right:0; top:0; width:1px; height:65px; background:#555;} .foot-info address span {margin:0 30px 5px 0;} .foot-info address span strong {display:inline-block; margin-bottom:2px;} .foot-etc {position:absolute; right:30px; top:0; text-align:right; color:#555;} .foot-links {margin-bottom:50px; display:flex; justify-content:flex-end;} .foot-links li:not(:last-child) {margin-right:30px;} .copyright {font-size:var(--reset-fz14); line-height:1.86em;} /* ---- block 8 ---- */ @charset "utf-8"; .pb0 {padding-bottom:0 !important;} .doc-tit {margin-bottom:55px; font-size:var(--reset-fz28); font-weight:700; letter-spacing:-.03em; line-height:1.29em; color:#242424; text-align:center;} .doc-tt {font-size:var(--reset-fz16); font-weight:400; letter-spacing:-.03em; line-height:1.5em; color:#242424; text-align:center;} .sub-tab {margin-bottom:40px;} .sub-tab ul {gap:10px; display:flex; justify-content:center;} .sub-tab ul li a {border-radius:8px; height:48px; padding:0 22px; display:flex; align-items:center; justify-content:center; text-align:center; background:#eee; font-size:var(--reset-fz18); font-weight:500; line-height:1.33em; color:#999;} .sub-tab ul li.active a {color:#fff; background:var(--reset-color-primary);} .greeting-top {padding-bottom:40px; margin-bottom:40px; border-bottom:2px solid #e6e6e6;} .greeting-top .t1 {font-size:var(--reset-fz32); font-weight:500; letter-spacing:-.03em; line-height:1.4em;} .greeting-top .t1 strong {color:var(--reset-color-primary); font-size:1.88em;} .greeting-top .t2 {margin:8px 0 33px; font-size:var(--reset-fz32); font-weight:500; letter-spacing:-.03em; line-height:1.25em;} .greeting {display:flex;} .greeting .img {width:500px; margin-right:43px;} .greeting .cnt {flex:1 1 auto; min-width:0; width:1%;} .greeting .cnt h2 {margin-bottom:30px; font-size:var(--reset-fz20); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:var(--reset-color-primary);} .greeting .cnt .txt-wrap {margin-bottom:30px;} .greeting .cnt .txt-wrap p {margin-bottom:13px; line-height:1.63em; color:#454545;} .greeting .cnt .txt-wrap p:last-child {margin-bottom:0;} .greeting .cnt .strong {margin-bottom:45px; font-size:var(--reset-fz18); font-weight:700; color:#454545;} .greeting .cnt .sign-wrap {text-align:right;} .greeting .cnt .sign-wrap p {margin-bottom:13px; font-size:var(--reset-fz18); font-weight:700; line-height:1.4em; color:#242424;} .greeting .cnt .sign-wrap .sign {font-weight:500; line-height:1.4em; color:#242424;} .greeting .cnt .sign-wrap .sign img {margin-left:24px; vertical-align:middle;} .contact-info {margin-bottom:80px;} .contact-info .map-area {height:500px;} .contact-info .comp {margin:35px 0 5px; font-size:var(--reset-fz32); font-weight:700; letter-spacing:-.03em; line-height:1.4em;} .contact-info .addr {margin-bottom:33px; font-weight:400; letter-spacing:-.03em; color:#454545;} .contact-info .info {display:flex;} .contact-info .info .col {width:50%;} .contact-info .info dl {margin-bottom:17px; display:flex;} .contact-info .info dl:last-child {margin-bottom:0;} .contact-info .info dl dt {min-width:140px; font-weight:700; color:var(--reset-color-primary); line-height:1.63em;} .contact-info .info dl dt img {margin-top:-.2em; margin-right:12px;} .contact-info .info dl dd {font-weight:400; line-height:1.63em; color:#454545;} .foreground h2 {margin-bottom:35px; font-size:var(--reset-fz32); font-weight:700; line-height:1.4em;} .slideshow {max-width:1000px; margin:0 auto;} .slideshow .slick-track {display:flex;} .slideshow .slick-track:before, .slideshow .slick-track:after {display:none;} .slideshow .slick-slide {flex-shrink:0; width:100%;} .slideshow .image {position:relative; overflow:hidden; background:#f6f6f6;} .slideshow .image:before {content:''; display:block; padding-bottom:60%;} .slideshow .image img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;} .slideshow .slider-for {position:relative; margin-bottom:20px;} .slideshow .slider-for .slide-btn {position:absolute; top:50%; z-index:10; display:flex; justify-content:center; align-items:center; width:40px; height:40px; margin-top:-20px; background:#fff; border:1px solid #ddd; border-radius:100%; transition:.2s; cursor:pointer; background-repeat:no-repeat; background-position:50% 50%;} .slideshow .slider-for .slide-btn:hover {background-color:var(--reset-color-primary); border-color:var(--reset-color-primary);} .slideshow .slider-for .slide-btn.prev {left:-100px; background-image:url(assets/for-prev.png);} .slideshow .slider-for .slide-btn.prev:hover {background-image:url(assets/for-prev-on.png);} .slideshow .slider-for .slide-btn.next {right:-100px; background-image:url(assets/for-next.png);} .slideshow .slider-for .slide-btn.next:hover {background-image:url(assets/for-next-on.png);} .slideshow .slider-nav .items {margin:0 -10px;} .slideshow .slider-nav .item {padding:0 10px;} .slideshow .slider-nav .image {cursor:pointer;} .point .label {border-radius:24px; padding:0 25px; font-size:var(--reset-fz20); font-weight:500; letter-spacing:-.03em; line-height:48px; display:inline-block; background:var(--reset-color-primary); color:#fff; } .point h2 {margin:20px 0 30px; font-size:var(--reset-fz32); font-weight:400; letter-spacing:-.03em; line-height:1.25em; text-align:center;} .point .bar {position:relative; margin:0 auto -40px; width:1px; height:80px; background:linear-gradient(to bottom, var(--reset-color-primary) 50%, #fff 50%);} .point .wrap {padding:75px 0 80px; background:#b9c1d1;} .point .list ul {display:flex; margin:-20px;} .point .list ul li {padding:20px; width:33.333%;} .point .list .box {padding:60px 20px 35px; position:relative; height:100%; border-radius:24px; background:#737d90; text-align:center; color:#fff;} .point .list .box .num {position:absolute; top:-20px; left:50%; transform:translateX(-50%); font-weight:700; line-height:40px; width:120px; text-align:center; color:#fff; background:var(--reset-color-primary); border-radius:20px;} .point .list .box .ico {margin-bottom:35px;} .point .list .box .tit {margin-bottom:10px; font-size:var(--reset-fz20); font-weight:700; letter-spacing:-.03em; line-height:1.4em;} .point .list .box .txt {line-height:1.63em; font-weight:400;} .reason {padding:var(--reset-sub-padding);} .reason .logo {margin-bottom:30px; text-align:center;} .reason .doc-tit {font-weight:400;} .reason .group {margin-bottom:40px; display:flex; align-items:center;} .reason .group:last-child {margin-bottom:0;} .reason .group:nth-child(even) {flex-direction:row-reverse;} .reason .group .img {width:48.333%;} .reason .group .img img {border-radius:0 40px 0 40px;} .reason .group .cnt {flex:1 1 auto; min-width:0; width:1%; padding:0 100px;} .reason .group .cnt .tit {margin-bottom:15px; font-size:var(--reset-fz28); font-weight:700; letter-spacing:-.03em; line-height:1.4em;} .reason .group .cnt .tit img {margin-right:40px; vertical-align:middle;} .reason .group .cnt .txt {padding-left:87px; font-weight:400; letter-spacing:-.03em; line-height:1.63em;} .tomorrow {background:#f9f9f9; padding:var(--reset-sub-padding); padding-bottom:var(--reset-real-padding-bottom);} .tomorrow .doc-tit {margin-bottom:10px;} .tomorrow .doc-tt {margin-bottom:55px;} .tomorrow .wrap ul {display:flex; flex-wrap:wrap; margin:-20px;} .tomorrow .wrap ul li {width:50%; padding:20px;} .tomorrow .wrap .box {padding:40px; display:flex; align-items:center; height:100%; box-shadow:0 8px 16px rgba(0,0,0,.16); background:#fff; border-radius:24px;} .tomorrow .wrap .box .ico {margin-right:40px;} .tomorrow .wrap .box dl {flex:1 1 auto; min-width:0; width:1%;} .tomorrow .wrap .box dl dt {margin-bottom:7px; font-size:var(--reset-fz22); font-weight:600; letter-spacing:-.03em; line-height:1.4em;} .tomorrow .wrap .box dl dd {font-weight:400; letter-spacing:-.03em; line-height:1.63em;} .outline .doc-tit {text-align:left; margin-bottom:8px;} .outline p {font-weight:400; color:#454545; line-height:1.63em;} .merit {padding:var(--reset-sub-padding);} .merit .doc-tit {text-align:left; margin-bottom:35px;} .merit .list ul li {margin-bottom:20px; display:flex;} .merit .list ul li:last-child {margin-bottom:0;} .merit .list .num {margin-right:20px; padding-top:.5em; font-size:var(--reset-fz20); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#fff; text-align:center; width:40px; height:56px; background:url(assets/merit-num.png) no-repeat 50% 50% / contain;} .merit .list .txt {padding-bottom:10px; padding-top:.6em; font-size:var(--reset-fz18); font-weight:500; line-height:1.4em; color:#454545; flex:1 1 auto; min-width:0; width:1%; border-bottom:1px solid #ddd;} .merit .list .txt strong {color:var(--reset-color-primary);} .qualification {padding:var(--reset-sub-padding); background:#e7eaf0;} .qualification .doc-tit {text-align:left;} .qualification .wrap .row {display:flex; flex-wrap:wrap; justify-content:center; margin:-32px -20px;} .qualification .wrap .row .col {padding:32px 20px; width:33.333%;} .qualification .wrap .box {background-position:100% 100%; background-repeat:no-repeat; border:1px solid #ddd; padding:60px 20px 35px; position:relative; min-height:265px; height:100%; text-align:center; background-color:#fff; border-radius:24px;} .qualification .wrap .box .num {position:absolute; left:50%; top:0; margin:-25px 0 0 -25px; font-size:var(--reset-fz20); font-weight:700; line-height:50px; background:var(--reset-color-primary); width:50px; text-align:center; border-radius:100%; color:#fff;} .qualification .wrap .box .tit {margin-bottom:9px; font-size:var(--reset-fz24); font-weight:700; letter-spacing:-.03em; line-height:1.4em;} .qualification .wrap .box .txt {font-weight:400; letter-spacing:-.03em; line-height:1.63em; color:#454545;} .qualification .wrap .box .tt {margin-top:8px; font-size:var(--reset-fz14); font-weight:400; color:var(--reset-color-primary); line-height:1.57em;} .qualification .wrap .box1 {background-image:url(assets/qualification1.png);} .qualification .wrap .box2 {background-image:url(assets/qualification2.png);} .qualification .wrap .box3 {background-image:url(assets/qualification3.png);} .qualification .wrap .box4 {background-image:url(assets/qualification4.png);} .qualification .wrap .box5 {background-image:url(assets/qualification5.png);} .qualification.type2 .wrap .row .col {width:50%;} .qualification.type2 .wrap .box {min-height:210px; background-image:none;} .flowchart {padding:var(--reset-sub-padding);} .flowchart .doc-tit {text-align:left;} .flowchart .img {border:1px solid #ddd; padding:60px 20px; text-align:center;} .flow-list .wrap ol {margin:-17px -43px; display:flex; flex-wrap:wrap; justify-content:center;} .flow-list .wrap ol li {width:16.666%; position:relative; padding:17px 43px; text-align:center;} .flow-list .wrap ol li:after {content:''; position:absolute; right:0; top:30%; margin-right:-10px; width:19px; height:22px; background:url(assets/flow-arr.png) no-repeat 50% 50% /contain;} .flow-list .wrap ol li:nth-child(6):after, .flow-list .wrap ol li:nth-child(10):after {display:none;} .flow-list .wrap .ico {margin-bottom:19px;} .flow-list .wrap .num {font-size:var(--reset-fz18); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:var(--reset-color-primary);} .flow-list .wrap .txt {font-size:var(--reset-fz18); font-weight:500; letter-spacing:-.03em; line-height:1.44em;} /* ---- block 9 ---- */ @charset "utf-8"; .video-wrap {max-width:860px; margin:0 auto} .video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000;} .video-container iframe, .video-container object, .video-container embed, .video-container video{position:absolute;top:0;left:0;width:100%;height:100%;} /* 검색 */ .board-search {margin-bottom:20px;} .board-search:after {content:""; display:block; clear:both;} .board-search .total-page {float:left; color:#686868; font-size:15px; line-height:44px;} .board-search .cate {float:left; margin-left:15px;} .board-search .search {float:right;} .board-search .search input.input {width:300px;} /* 리스트 */ .board-list table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #868686;} .board-list table thead th {height:53px; padding:9px 5px; color:#333; font-size:16px; font-weight:700; line-height:1.5em; background:#fafafa; border-bottom:1px solid #ddd;} .board-list table tbody td {height:53px; padding:9px 5px; color:#505050; font-size:16px; font-weight:400; line-height:1.5em; text-align:center; border-bottom:1px solid #ddd;} .board-list table tbody td.subject {text-align:left; padding-left:15px;} .board-list table tbody td img {vertical-align:middle; margin:-.2em 2px 0;} .board-list table tbody td a:hover {text-decoration:underline;} .board-list table tbody tr:hover td {background-color:#fafafa;} .board-list .label {color:#fff; font-weight:500; display:inline-block; padding:0 12px; font-size:14px; background:#e84426; border-radius:4px;} .board-list .comment {color:#ff6000; font-size:.85em; font-weight:700; line-height:1em;} .board-list .goods-name {color:#242424; font-weight:700;} .board-list-m {display:none; border-top:2px solid #868686;} .board-list-m li {padding:14px 0; border-bottom:1px solid #ddd;} .board-list-m li img {vertical-align:middle; margin:-.2em 2px 0; height:16px;} .board-list-m li.none {padding:40px 0; text-align:center; color:#999;} .board-list-m .label {display:inline-block;vertical-align:middle;margin:-.2em 4px 0 0;padding:0 6px;color:#fff;background:#e84426;font-weight:500;font-size:12px;line-height:22px;border-radius:4px;} .board-list-m .tit {color:#333; font-size:15px; font-weight:700; line-height:1.4em; letter-spacing:-.03em;} .board-list-m .info {color:#888; font-size:12px; font-weight:400; line-height:1.3em; margin-top:7px;} .board-list-m .info span {margin-right:10px;} .board-list-m .comment {color:#ff6000; font-size:.85em; font-weight:700; line-height:1em;} .board-list-m .store-name {color:#333; font-size:17px; font-weight:700; line-height:1.4em; letter-spacing:-.03em;} .board-list-m .store-addr {font-size:14px; font-weight:400; line-height:1.3em; color:#505050; margin-top:4px;} .board-list-m .btns {margin-top:12px;} .board-list-m .btns .btn-map {line-height:28px; margin-right:4px;} .board-list-m .goods-name {color:#505050; font-size:15px; font-weight:700; line-height:1.3em; margin-bottom:4px;} .gallery-list {padding:25px 0 0 0; border-bottom:1px solid #ddd; border-top:2px solid #868686;} .gallery-list ul {display:flex; flex-wrap:wrap; margin:0 -15px;} .gallery-list ul li {width:25%; padding:0 15px; margin-bottom:35px; text-align:center;} .gallery-list ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;} .gallery-list ul li a {display:block;} .gallery-list ul li .thumb {position:relative; padding-bottom:65%; margin-bottom:12px; overflow:hidden;} .gallery-list ul li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;} .gallery-list ul li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);} .gallery-list ul li .tit {color:#333; font-size:16px; line-height:1.4em;} .gallery-list ul li .date {color:#767676; font-size:14px; line-height:1.3em; margin-top:6px;} .news-list {border-top:2px solid #868686;} .news-list ul li {display:flex; padding:20px 0; border-bottom:1px solid #ddd;} .news-list .thumb {width:220px; margin-right:20px;} .news-list .thumb a {display:block; position:relative; padding-bottom:65%; overflow:hidden;} .news-list .thumb a img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;} .news-list .thumb a:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);} .news-list .info {flex:1 1 auto; min-width:0; width:1%;} .news-list .tit {color:#333; font-size:18px; font-weight:700; line-height:1.4em; max-height:1.4em; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:nowrap;} .news-list .txt {margin-top:10px; color:#767676; font-size:16px; line-height:1.5em; max-height:4.5em; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .news-list .date {margin-top:13px; color:#767676; font-size:14px; line-height:1.3em;} .news-list ul li.none {display:block; width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;} .event-list {padding:40px 0 0; border-top:2px solid #868686; border-bottom:1px solid #ddd;} .event-list ul {display:flex; flex-wrap:wrap; margin:0 -15px;} .event-list ul li {width:33.33333333%; padding:0 15px; margin-bottom:45px; text-align:center;} .event-list ul li a {display:block; position:relative; background:#fff;} .event-list ul li .thumb {position:relative; height:0; padding-bottom:55%; margin-bottom:12px; overflow:hidden;} .event-list ul li .thumb img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;} .event-list ul li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);} .event-list ul li .tit {color:#333; font-size:16px; font-weight:700; line-height:1.4em;} .event-list ul li .date {color:#767676; font-size:14px; line-height:1.3em; margin-top:6px;} .event-list ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;} .event-list ul li.ended .ended-txt {position:absolute; top:0; left:0; right:0; bottom:0; display:flex; align-items:center; color:#fff; background:rgba(0,0,0,.4);} .event-list ul li.ended .ended-txt p {width:100%;} .event-list ul li.ended .tit {color:#767676;} .event-list ul li.ended .date {color:#767676;} .faq {border-top:2px solid #868686;} .faq ul li {border-bottom:1px solid #ddd;} .faq ul li:last-child {margin-bottom:0;} .faq .tit {color:#333; font-size:16px; font-weight:600; line-height:1.5em;} .faq .tit a {position:relative; display:flex; align-items:center; padding:12px 60px 12px 12px; text-decoration:none !important; transition:none;} .faq .tit a:after {content:""; position:absolute; right:20px; top:20px; display:inline-block; width:14px; height:14px; border-right:2px solid #aaa; border-bottom:2px solid #aaa; transform:rotate(45deg);} .faq .cnt {display:none; position:relative; padding:23px 30px 23px 63px; color:#505050;} .faq .cnt .buttons {margin-bottom:0;} .faq .q {display:inline-block; margin-right:15px; flex:0 0 38px; width:38px; height:38px; text-align:center; color:#fff; font-size:18px; font-weight:600; line-height:38px; background:var(--reset-color-primary); border-radius:100%;} .faq li.active {position:relative;} .faq li.active .tit {background:#f4f4f4;} .faq li.active .tit a:after {transform:rotate(-135deg); margin-top:6px; border-color:#555;} .faq .none {padding:70px 0; text-align:center; color:#999;} .calendar-head {text-align:center; margin-bottom:20px;} .calendar-head h3 {display:inline-block; vertical-align:middle; margin:0 40px; color:#333; font-size:33px; line-height:1.15em;} .calendar-head .cal-btn {display:inline-block; vertical-align:middle; width:46px; height:46px; overflow:hidden; text-indent:-999em; background-color:var(--reset-color-primary); background-position:50% 50%; background-repeat:no-repeat; border-radius:100%;} .calendar-head .cal-prev {background-image:url(assets/cal_prev.png);} .calendar-head .cal-next {background-image:url(assets/cal_next.png);} .calendar table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0px;} .calendar table th {padding:12px 4px; text-align:center; border:1px solid #ddd; background:#eee; color:#2d2c2c; font-size:16px; line-height:1.4em;} .calendar table td {height:120px; padding:10px; vertical-align:top; border:1px solid #ddd; color:#454545; font-size:15px; line-height:1.4em; letter-spacing:-.03em;} .calendar table tr th:first-child, .calendar table tr td:first-child .cal-date {color:#ea4044;} .calendar table tr th:last-child, .calendar table tr td:last-child .cal-date {color:#3584e7;} .calendar ul li {position:relative; padding-left:10px; margin-bottom:8px;} .calendar ul li:last-child {margin-bottom:0;} .calendar ul li:before {content:""; position:absolute; top:8px; left:0; width:4px; height:4px; background:#ddd; border-radius:100%;} .calendar ul li a {display:block; line-height:1.4em; letter-spacing:-.03em; max-height:2.8em; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .calendar ul li a:hover {text-decoration:underline;} .calendar .cal-date {line-height:1em; font-weight:500; color:#767676; margin-bottom:10px;} .calendar .cal-blank {background:#fcfcfc;} .calendar .cal-holiday .cal-date {color:#ea4044 !important;} /* 글작성 */ .board-white table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #868686; border-bottom:1px solid #868686; font-size:16px; line-height:1.5em; letter-spacing:-.03em;} .board-white table th {padding:12px 20px; border:1px solid #eee; background:#fafafa; font-weight:700; color:#333;} .board-white table td {padding:12px 20px; border:1px solid #eee; color:#505050;} .board-white tr th:first-child, .board-white tr td:first-child {border-left:0;} .board-white tr th:last-child, .board-white tr td:last-child {border-right:0;} .board-white tr:last-child th, .board-white tr:last-child td {border-bottom:0;} .board-white .item {display:inline-block; margin-right:16px;} .board-white .item:last-child {margin-right:0;} .board-white .editor {border:0; padding:12px 0;} .board-white .editor iframe, .board-white .editor textarea {display:block; width:100%; vertical-align:middle;} .board-white + .buttons {margin-top:50px;} .board-form table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #868686; border-bottom:1px solid #868686; font-size:16px; line-height:1.5em; letter-spacing:-.03em;} .board-form table th {padding:12px 20px; border:1px solid #eee; background:#fafafa; font-weight:700; color:#333;} .board-form table td {padding:12px 20px; border:1px solid #eee; color:#505050;} .board-form tr th:first-child, .board-form tr td:first-child {border-left:0;} .board-form tr th:last-child, .board-form tr td:last-child {border-right:0;} .board-form tr:last-child th, .board-form tr:last-child td {border-bottom:0;} .board-form + .buttons {margin-top:50px;} .captcha-wrap {display:flex; gap:10px; height:44px;} .captcha-wrap .input {width:160px; height:100%;} #kcaptcha_image {height:100%; cursor:pointer;} .files-upload {max-width:600px;} .files-upload-group {padding:20px 0; border-top:1px dashed #ddd;} .files-upload-group:first-child {padding-top:0; border-top:0;} .files-upload-group:last-child {padding-bottom:0;} .files-upload-input {display:flex;} .files-upload-input .input {flex:1 1 auto; min-width:0; width:1%;} .files-upload-input .files-upload-btns {display:flex;} .files-upload-input .files-upload-btns a {margin-left:4px;} .files-upload-text {display:flex; margin-top:7px;} .files-upload-text .upfiles-alt {display:flex; align-items:center; background:#fafafa; padding:0 15px; font-size:15px; border:1px solid #ddd; border-right:0;} .files-upload-text .input {flex:1 1 auto; min-width:0; width:1%;} .form-agree {margin:35px 0 50px;} .form-agree h3 {color:#333; font-size:18px; font-weight:700; letter-spacing:-.03em; line-height:1.3em; margin-bottom:10px;} .form-agree dd {padding:12px 0 0 0; color:#686868; font-size:15px; line-height:1.5em; text-align:center;} .form-agree .scroll-box {padding:10px; color:#767676; font-size:14px; font-weight:400; line-height:1.4em; background:#fafafa; border:1px solid #ddd;} .form-agree .check {text-align:center; color:#505050; font-size:16px; line-height:1.5em; margin-top:18px;} .form-agree .check a {display:inline-block; background:#fff; margin-left:6px; padding:0 10px; font-size:13px; line-height:26px; letter-spacing:-.03em; border:1px solid #ddd;} /* 상세보기 */ .board-view {border-top:2px solid #868686;} .board-view-tit {padding:16px 16px; border-bottom:1px solid #ddd;} .board-view-tit h3 {color:#333; font-size:20px; font-weight:700; line-height:1.3em; letter-spacing:-.015em;} .board-view-info {padding:13px 16px; color:#767676; font-size:15px; line-height:1.3em; border-bottom:1px solid #ddd; overflow:hidden;} .board-view-info strong {color:#333; font-weight:700;} .board-view-info .name {float:left; margin-right:15px;} .board-view-info .date {float:left;} .board-view-info .hit {float:right;} .board-view-info .hit strong {margin-right:5px;} .board-view-files {position:relative; text-align:right; margin-top:10px; font-size:14px; line-height:1.5em;} .board-view-files > a {text-decoration:none;} .board-view-files img {vertical-align:middle; margin-top:-.2em;} .board-view-files .ico-down {vertical-align:middle; margin-left:4px;} .board-view-files .num {color:#ff4e00;} .board-view-files .fileLayer {display:none; position:absolute; margin-top:2px; right:0; text-align:left; font-size:12px; font-weight:400; line-height:24px; border:1px solid #f0f0f0; background:#f7f7f7; padding:9px 29px 9px 11px; z-index:5;} .board-view-files .fileLayer a {display:block; text-decoration:none;} .board-view-files .fileLayer .divClose {position:absolute; display:inline-block; top:5px; right:5px; line-height:0;} .board-view-files .fileLayer .divClose img {margin-top:0;} .board-view-cnt {padding:15px 16px 60px; border-bottom:1px solid #ddd;} .board-view-cnt ul {list-style-type:disc; margin-left:1.25em;} .board-view-cnt ol {list-style-type:decimal; margin-left:1em;} /* 이전글,다음글 */ .board-prev-next {border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:16px; line-height:1.5em;} .board-prev-next dl {display:flex; padding:12px 16px;} .board-prev-next dt {width:90px; color:#333; font-weight:700;} .board-prev-next dt:after {content:""; display:inline-block; vertical-align:middle; margin:-.2em 0 0 10px;} .board-prev-next dd {color:#505050; flex:1 1 auto; min-width:0; width:1%;} .board-prev-next dd a {display:inline-block; vertical-align:top; max-width:100%; height:1.5em; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:nowrap;} .board-prev-next dd a:hover {text-decoration:underline;} .board-prev-next .prev {border-bottom:1px solid #eee;} .board-prev-next .prev dt:after {border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #aaa;} .board-prev-next .next dt:after {border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #aaa;} /* 버튼 */ .buttons {margin:20px 0;} .buttons:after {content:" "; display:block; clear:both;} .buttons .cen {text-align:center;} .buttons .cen .btn-pack {margin:0 3px;} .buttons .fr {float:right;} .buttons .fl {float:left;} .buttons a {text-decoration:none;} .buttons a,.buttons input {vertical-align:top;} .buttons + .paginate {margin-top:20px;} .btn-pack {display:inline-block;overflow:visible;position:relative;margin:0;padding:0 10px;background:#fafafa;color:#333;border:1px solid #ddd;text-align:center;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;} .btn-pack.dark:focus {outline-color:#f37736;} .btn-pack.focus {background:var(--reset-color-primary); border:1px solid var(--reset-color-primary); color:#fff;} .btn-pack.dark {background:#555; border:1px solid #555; color:#fff;} .btn-pack.dark2 {background:#242424; border:1px solid #242424; color:#fff;} .btn-pack.border {background:#fff; border:1px solid var(--reset-color-primary); color:var(--reset-color-primary);} .btn-pack.small {height:30px;padding:0 15px;line-height:28px;font-size:13px;} .btn-pack.medium {height:44px;padding:0 20px;line-height:43px;font-size:16px;} .btn-pack.large {min-width:130px; height:50px;padding:0 30px;line-height:48px;font-size:18px;font-weight:500;} .btn-pack.xlarge {min-width:180px; height:60px;padding:0 40px;line-height:58px;font-size:20px;font-weight:500;} .btn-pack.comment {width:120px; height:90px;padding:0;font-size:20px;font-weight:500;background:#fff;color:var(--reset-color-primary);border:1px solid var(--reset-color-primary);} .btn-map {display:inline-block; padding:0 15px; color:#505050; font-size:14px; font-weight:400; line-height:32px; letter-spacing:-.03em; border-radius:30px; background:#fff; border:1px solid #505050; text-align:center; text-decoration:none !important;} .btn-map:hover {color:#fff; background:#333; border-color:#333;} /* 페이지목록 */ .paginate {margin-top:40px;text-align:center;} .paginate a, .paginate strong{display:inline-block;padding:0;margin:0 3px;width:38px;height:38px;font-size:15px;font-weight:500;line-height:38px;color:#555;border-radius:100%;text-decoration:none;text-align:center;vertical-align:middle;} .paginate strong{color:#fff;border-color:var(--reset-color-primary);background-color:var(--reset-color-primary);font-weight:700;} .paginate a:focus, .paginate a:hover {background-color:#f4f4f4;} .paginate a.direction{background-position:50% 50%;background-repeat:no-repeat;} .paginate a.direction span {font-size:0;line-height:0;text-indent:-999px;} .paginate a.direction.first {background-image:url(assets/btn_first.png);} .paginate a.direction.prev {background-image:url(assets/btn_prev.png); margin-right:20px;} .paginate a.direction.next {background-image:url(assets/btn_next.png); margin-left:20px;} .paginate a.direction.last {background-image:url(assets/btn_last.png);} .paginate a.direction.disabled {display:none;} /* 코멘트 */ .comment-area {margin-top:50px;} .comment-total {margin-bottom:15px; color:#333; font-size:16px; font-weight:400; line-height:1.3em;} .comment-total strong {font-size:1.5em;} .comment-write {padding:20px; border:1px solid #ddd; background:#f4f4f4;} .comment-write .byte {font-size:14px; line-height:1.3em; color:#505050; letter-spacing:0; margin-bottom:10px;} .comment-write .write {display:flex;} .comment-write .write textarea {flex:1 1 auto; min-width:0; width:1%; height:90px; resize:none; margin-right:15px;} .comment-item {border-bottom:1px solid #e5e5e5; padding:20px 0;} .comment-item.comment-reply {padding-left:40px; background:url(assets/icon_reply.png) 10px 18px no-repeat;} .comment-box {position:relative;} .comment-info {font-size:15px; font-weight:400; line-height:1.5em; margin-bottom:2px;} .comment-info .name {font-weight:700; color:#333; margin-right:8px;} .comment-info .date {color:#878787; font-family:"Arial",sans-serif; font-size:12px; letter-spacing:0;} .comment-link {margin-top:10px; color:#878787; font-size:14px; font-weight:400; line-height:1.3em;} .comment-link a:hover {text-decoration:underline;} .comment-txt {color:#505050; font-size:15px; line-height:1.7em;} .comment-ctr {position:absolute; top:0; right:0; color:#878787; font-size:14px; font-weight:400; line-height:1.5em;} .comment-ctr a:hover {text-decoration:underline;} .comment-ctr .bar {display:inline-block; width:1px; height:11px; background:#ddd; margin:0 5px;} .comment-input {border:1px solid #ddd; padding:15px;} .comment-input .byte {font-size:12px; line-height:1.3em; color:#878787; letter-spacing:0; margin-bottom:8px;} .comment-input textarea {display:block; width:100%; height:54px; border:0; padding:0 !important; resize:none;} .comment-input .btns {text-align:right; margin-top:5px;} .comment-password {display:flex;} .comment-password .input {flex:1 1 auto; min-width:0; width:1%; max-width:180px;} /* 비밀번호 */ .board-password {max-width:480px; text-align:center; margin:30px auto; padding:50px 40px; border:1px solid #ddd; border-radius:10px;} .board-password dt {color:#333; font-size:16px; font-weight:700; padding-bottom:27px;} .board-password dd {display:flex; align-items:center;} .board-password dd label {color:#505050; font-size:15px; font-weight:400; margin-right:13px;} .board-password dd .input {flex:1 1 auto; min-width:0; width:1%; margin-right:4px;} /* 제품 */ .product-list ul {display:flex; flex-wrap:wrap; margin:0 -13px;} .product-list ul li {width:20%; padding:0 13px; margin-bottom:35px; text-align:center;} .product-list ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;} .product-list ul li a {display:block;} .product-list ul li .thumb {position:relative; padding-bottom:100%; margin-bottom:12px; overflow:hidden;} .product-list ul li .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;} .product-list ul li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);} .product-list ul li .tit {color:#333; font-size:16px; line-height:1.4em;} .product-list ul li .date {color:#767676; font-size:14px; line-height:1.3em; margin-top:6px;} .product-summary {display:flex; margin-bottom:40px;} .product-image {width:400px; margin-right:40px;} .product-image .img {position:relative; padding-bottom:100%; overflow:hidden;} .product-image .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;} .product-image .img:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);} .product-info {flex:1 1 auto; min-width:0; width:1%;} .product-info .tit {color:#333; font-size:28px; line-height:1.3em; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd;} .product-info .txt {color:#505050;} .product-detail {color:#505050; padding-bottom:50px; margin-bottom:40px; border-bottom:1px solid #ddd;} .product-detail .tit {color:#333; font-size:22px; line-height:1.3em; padding-bottom:12px; margin-bottom:20px; border-bottom:1px solid #ddd;} /* 검색결과 */ .result-top {margin-bottom:30px; color:#333; font-size:20px; font-weight:700; line-height:1.3em;} .result-top .word {color:#d12a07;} .result-top .num {color:#2e6bdb;} .result-group {border-top:1px solid #ddd; padding:30px 0;} .result-group h3 {margin:0 0 20px; color:#333; font-size:18px; font-weight:700; line-height:1.3em;} .result-group h3 span {color:#7d7d7d; font-size:14px; font-weight:normal;} .result-group dl {margin:0 0 20px;} .result-group dl dt {font-size:16px; line-height:1.5em; letter-spacing:-.03em; color:#1861c3;} .result-group dl dt a:hover {text-decoration:underline;} .result-group dl dd {margin-top:5px; font-size:14px; line-height:1.5em; color:#505050; max-height:3em; overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .result-group dl dd.date {color:#999; font-size:13px;} .result-group .gall {display:flex; flex-wrap:wrap; margin:0 -10px;} .result-group .gall li {width:200px; text-align:center; padding:0 10px; margin-bottom:30px;} .result-group .gall li a {display:block; text-decoration:none!important;} .result-group .gall li .thumb {position:relative; padding-bottom:100%; margin-bottom:10px; overflow:hidden;} .result-group .gall li .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;} .result-group .gall li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);} .result-group .gall li .tit {color:#333; font-size:15px; line-height:1.4em;} .result-group .gall li .price {color:#f03b3b; font-size:14px; font-weight:700; line-height:1.3em; margin-top:4px;} .result-group .more {text-align:right;} .result-group .more a {font-size:15px; color:#767676; text-decoration:underline;} .lawyer-list ul {display:flex; margin:-20px;} .lawyer-list ul li {width:33.333%; padding:20px;} .lawyer-list .box {position:relative; display:flex; justify-content:center; align-items:flex-end; padding:70px 20px 0; background:url(assets/lawyer-bg.jpg) no-repeat 50% 50% /cover; border-radius:16px; overflow:hidden; box-shadow:0 8px 16px rgba(0,0,0,.16);} .lawyer-list .img-wrap {width:327px;} .lawyer-list .img {position:relative; padding-bottom:162%; overflow:hidden;} .lawyer-list .img img {position:absolute; bottom:0; left:50%; bottom:0; left:50%; transform:translateX(-50%); -ms-transform:transform:translateX(-50%); -webkit-transform:transform:translateX(-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;} .lawyer-list .info {transition:.4s; position:relative; padding:0 40px; background:rgba(11,23,47,.8); position:absolute; left:0; bottom:0; width:100%; z-index:2; color:#fff;} .lawyer-list .info .name {padding:37px 100px 37px 0; font-size:var(--reset-fz20); font-weight:700; letter-spacing:-.03em; line-height:1.33em;} .lawyer-list .info .txt {transition:.3s; height:0; opacity:0; line-height:1.88em; font-weight:400;} .lawyer-list .info .btn {transition:.3s; font-size:0; position:absolute; right:40px; top:20px; width:60px; height:60px; background:url(assets/plus.png) no-repeat 50% 50% / contain;} .lawyer-list .info .btn:hover {transform:rotate(180deg);} .lawyer-list .box:hover .info .txt {height:auto; opacity:1; padding-bottom:35px;} .lawyer-list.v2 .box {display: block; padding: 0;} .lawyer-list.v2 .img {padding-bottom: 125%;} .lawyer-list.v2 .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;} .lawyer-detail {display:flex; align-items:center;} .lawyer-detail .pic {margin-right:40px; position:relative; /* display:flex; justify-content:center; align-items:flex-end; */width:500px; background:url(assets/lawyer-bg.jpg) no-repeat 50% 50% /cover; border-radius:16px; overflow:hidden; box-shadow:0 8px 16px rgba(0,0,0,.16);} /* .lawyer-detail .img-wrap {width:383px;} */ .lawyer-detail .img {position:relative; padding-bottom:125%; overflow:hidden;} .lawyer-detail .img img {position:absolute; bottom:0; left:50%; bottom:0; left:50%; transform:translateX(-50%); -ms-transform:transform:translateX(-50%); -webkit-transform:transform:translateX(-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;} .lawyer-detail .cnt {flex:1 1 auto; min-width:0; width: 1%;} .lawyer-detail .cnt h2 {margin-bottom:70px; font-size:var(--reset-fz48); font-weight:700; letter-spacing:-.03em; line-height:1.5em;} .lawyer-detail .cnt h2 small {display:block; font-size:var(--reset-fz16); font-weight:500; letter-spacing:-.03em; line-height:1.5em; color:#babfcb;} .lawyer-detail .cnt h3 {padding-bottom:15px; margin-bottom:15px; font-size:var(--reset-fz20); font-weight:700; color:#454545; line-height:1.4em; border-bottom:1px solid #ddd;} .lawyer-detail .cnt .txt {color:#454545; line-height:1.63em;} .review-box {height: 100%; box-shadow:0 8px 16px rgba(0,0,0,.16); display:block; padding:40px; background:#fff; border-radius:16px;} .review-box .head {margin-bottom:35px; padding-bottom:33px; border-bottom:1px solid #e2e2e2;} .review-box .head .label {margin-bottom:13px; display:inline-block; color:#fff; border-radius:15px; padding:0 18px; font-size:var(--reset-fz14); font-weight:700; letter-spacing:-.03em; line-height:30px; background:var(--reset-color-primary);} .review-box .head .tit {font-size:var(--reset-fz28); font-weight:700; letter-spacing:-.03em; line-height:1.4em; min-height:2.8em; max-height:2.8em; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#242424;} .review-box .won {margin-bottom:16px; font-size:var(--reset-fz20); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#242424;} .review-box .per {position: relative; margin-bottom:34px; background:#fff7e5; height: 40px;;} .review-box .per .bar {position: absolute; left: 0; top: 0; width:auto; line-height: 1.3em; display:flex; align-items:center; justify-content:center; height: 100%;background:var(--reset-color-secondary); text-align:center; white-space:nowrap;} .review-box .per .bar .t {color:#fff; font-size:var(--reset-fz16); font-weight:700;} .review-box .per.low .bar .t { position: absolute; left: calc(100% + 3px); color: #ffb400;} .review-box .txt {font-weight:400; line-height:1.63em; color:#454545; max-height:1.63em; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:nowrap;} .review-list {padding-top:40px; border-bottom:1px solid #ddd; border-top:2px solid #868686;} .review-list ul {display:flex; flex-wrap:wrap; margin:0 -20px;} .review-list ul li {width:33.333%; padding:0 20px; margin-bottom:40px;} .review-list ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;} /* ---- block 10 ---- */ @charset "utf-8"; @media (max-width:1800px) { /* main */ .main-review .arrows {margin-top:30px; text-align:center;} .main-review .slick-arrow {position:static; margin:0 5px;} /* footer */ .quick {right:12px; bottom:130px;} } @media (max-width:1600px) { :root { /* height */ --reset-header-height:80px; /* padding */ --reset-main-padding:80px 0; --reset-sub-padding:80px 0; --reset-real-padding-bottom:80px; } /* main */ .main-reason .wrap .cnt p br {display:none;} .main-inquiry .inner {padding:15px 0;} /* header */ #gnb>ul>li {padding:0 40px;} /* footer */ .quick {width:46px;} .quick ul {padding:10px 0;} .quick ul li {margin-bottom:10px;} .quick ul li i {width:19px; height:18px;} .quick .scroll-top {height:40px;} .quick .scroll-top img {height:13px;} #footer {padding:35px 0;} #footer .contain {flex-wrap:wrap;} .foot-info {flex:1 1 auto; min-width:0; width:1%;} .foot-etc {position:static; width:100%; margin-top:30px;} .foot-links {margin-bottom:10px;} /* layout */ .real-cont {padding-bottom:80px;} /* bbs */ .lawyer-detail {align-items:flex-start;} .lawyer-detail .pic {width:45%;} .lawyer-detail .cnt h2 {margin-bottom:40px;} } @media (max-width:1300px) { /* main */ .main-inquiry .form {flex-wrap:wrap; justify-content:space-between;} .main-inquiry .form .input-wrap {width:100%; margin-bottom:5px;} .main-inquiry .check {margin:0;} /* content */ .greeting .img {width:40%;} .greeting .cnt .txt-wrap p br {display:none;} .foreground h2 {margin-bottom:20px;} .slideshow .slider-for .slide-btn.prev {left:10px;} .slideshow .slider-for .slide-btn.next {right:10px;} .tomorrow .wrap .box dl dd br {display:none;} } /* Landscape tablet */ @media (max-width:1024px) { /* header */ .sitelogo a {width:200px;} #gnb {display:none;} .btn-all-menu {display:none;} .btn-m-menu {display:block;} .mobile-navigation {display:block;} /* main */ .main-visual .slide-btn {width:80px;} .m-head {margin-bottom:30px;} .m-bar {height:20px; margin:6px auto;} .main-reason .logo {margin-bottom:30px;} .main-reason .logo img {height:44px;} .main-reason .wrap .row {margin:-10px;} .main-reason .wrap .row .col {padding:10px;} .main-reason .wrap .box {padding:20px;} .main-reason .wrap .cnt {padding-left:0;} .main-consult .wrap > .col {width:calc(50% - 10px);} .main-consult .wrap .content {padding:20px; border-radius:12px;} .main-consult .wrap .content h3 {margin-bottom:20px;} .main-consult .current-list .box {padding:0 10px; height: 50px;} .main-consult .current-list .box .name {width: 45px;} .main-consult .current-list .box .date {width: 75px;} .main-consult .form .input {height:44px; padding-left:14px; padding-right:14px;} .main-consult .form .box label {top:13px; left:14px;} .main-consult .form textarea.input {height:120px;} .main-consult .form-agree {margin-bottom:15px;} .main-consult .submit-area {margin-top:10px; flex-direction:column; align-items:center;} .main-review .slick-list {margin:0 -10px;} .main-review .slick-slide {padding:0 10px;} .directions-tabs {left:calc(50% + 50px); top:50px} .directions-tabs li a {height:40px;} .directions-inner .info {padding-bottom:30px; margin-bottom:30px;} .directions-inner .map-area {height:600px;} .directions-inner .wrap {padding:110px 30px 60px 50px;} .directions-inner .desc dl {margin-bottom:15px;} .directions-inner .desc dl dt {min-width:120px;} .directions-inner .desc dl dt img {width:24px;} /* footer */ #footer .contain {display:block;} .foot-logo {margin:0 0 15px;} .foot-logo img {width:200px;} .foot-info {width:100%;} .foot-info .tit {margin-bottom:10px;} /* layout */ .sub-visual {height:260px;} .lnb ul li a {height:50px;} .sub-title {padding:50px 0 40px;} /* content */ .doc-tit {margin-bottom:35px;} .sub-tab ul {gap:5px;} .sub-tab ul li a {padding:0 13px; height:40px;} .contact-info .addr {margin-bottom:20px;} .contact-info .map-area {height:300px;} .contact-info .info dl {margin-bottom:15px;} .contact-info .info dl dt {min-width:120px;} .contact-info .info dl dt img {width:24px;} .point .list ul {margin:-10px;} .point .list ul li {padding:10px;} .point .list .box {padding:40px 15px 30px;} .point .list .box .ico {margin-bottom:15px;} .point .list .box .ico img {height:46px;} .point .list .box .txt br {display:none;} .reason .logo img {height:44px;} .reason .group .cnt {padding:0 40px;} .reason .group .cnt .txt {padding-left:0;} .reason .group .cnt .tit img {width:34px; margin-right:10px;} .tomorrow .wrap ul {margin:-10px;} .tomorrow .wrap ul li {padding: 10px;} .tomorrow .wrap .box {padding:25px;} .tomorrow .wrap .box .ico {width:60px; margin-right:25px;} .qualification .wrap .row {margin:-20px -10px;} .qualification .wrap .row .col {padding:20px 10px;} .qualification .wrap .box {background-size:100px;min-height:auto; padding:30px 15px 20px;} .qualification .wrap .box .tit {margin-bottom:4px;} .qualification .wrap .box .txt br {display:none;} .qualification .wrap .box .num {width:40px; line-height:40px; margin:-20px 0 0 -20px;} .flow-list .wrap ol {margin:-15px;} .flow-list .wrap ol li {padding:15px; width:20%;} .flow-list .wrap ol li:after {width:15px;} .flow-list .wrap ol li:nth-child(5):after {display:none;} .flow-list .wrap ol li:nth-child(6):after {display:block;} /* board */ .input {padding:5px 14px; height:40px;} textarea.input {padding:12px 14px;} .board-search .search input.input {width:240px;} .board-list colgroup col {width:auto !important;} .board-list table thead th {font-size:15px;} .board-list table tbody td {font-size:15px;} .gallery-list ul li .tit {font-size:15px;} .news-list .thumb {width:200px;} .news-list .tit {font-size:17px;} .news-list .txt {font-size:14px;} .news-list .date {font-size:13px;} .event-list ul li .tit {font-size:15px;} .faq .tit {font-size:15px;} .faq .tit a {padding:9px 60px 9px 12px;} .faq .tit a:after {top:14px;} .faq .q {flex:0 0 32px; width:32px; height:32px; font-size:16px; line-height:32px;} .faq .cnt {padding:18px 25px 18px 60px;} .calendar-head h3 {font-size:28px; margin:0 30px;} .calendar-head .cal-btn {width:40px; height:40px;} .calendar table th {font-size:15px;} .calendar table td {height:110px; font-size:14px;} .calendar ul li:before {top:7px;} .board-white table {font-size:15px;} .board-form table {font-size:15px;} .files-upload-text .upfiles-alt {font-size:14px;} .board-view-tit {padding:14px 6px;} .board-view-tit h3 {font-size:18px;} .board-view-info {padding:13px 6px; font-size:13px;} .board-view-cnt {padding:15px 6px 40px;} .board-prev-next {font-size:14px;} .btn-pack.medium {height:40px; padding:0 16px; font-size:15px; line-height:38px;} .btn-pack.large {min-width:140px; height:50px; font-size:18px; line-height:48px;} .product-list ul li {width:25%;} .product-list ul li .tit {font-size:15px;} .product-image {width:350px;} .product-info .tit {font-size:25px;} .store-search {padding:22px 5%;} .store-search .map-area {width:280px;} .store-search .map-img .local {padding:0 10px; font-size:13px; line-height:22px;} .result-group .gall li {width:25%;} .review-box {padding:20px;} .review-box .head {padding-bottom:15px; margin-bottom:15px;} .review-box .txt br {display:none;} .review-box .won {margin-bottom:10px;} .review-box .per {margin-bottom:10px;} .lawyer-list ul {margin:-10px;} .lawyer-list ul li {padding:10px;} .lawyer-list .box {padding:40px 20px 0;} .lawyer-list .info {padding:0 20px;} .lawyer-list .info .name {padding:20px 50px 20px 0;} .lawyer-list .info .btn {top:10px; width:38px; height:38px; right:20px;} .lawyer-list .box:hover .info .txt {padding-bottom:20px;} } /* portrait tablet */ @media (max-width:900px) { .only-desktop {display:none;} .only-tablet {display:block;} /* main */ .main-reason .wrap .row {flex-wrap:wrap;} .main-reason .wrap .row .col {width:100%;} .main-inquiry .tel {display:flex; flex-direction:column;} .main-inquiry .tel img {width:30px; margin-right:5px;} .main-inquiry .tel a {margin:5px 0 0;} .directions-tabs {left:auto; right:30px;} .directions-inner {flex-direction:column-reverse;} .directions-inner .wrap {width:100%; padding:110px 30px 80px 30px;} .directions-inner .map-area {width:100%;} /* footer */ /* content */ /* board */ .gallery-list ul {margin:0 -10px;} .gallery-list ul li {width:33.33333333%; padding:0 10px;} .review-list ul {margin:0 -10px;} .review-list ul li {padding:0 10px;} .event-list ul li {width:50%;} .store-search {padding:30px; margin-bottom:30px;} .store-search .map-area {display:none;} .store-search .search-area h3 {text-align:center; margin-bottom:30px;} } /* Landscape phone */ @media (max-width:640px) { :root { /* height */ --reset-header-height:55px; /* padding */ --reset-main-padding:60px 0; --reset-sub-padding:60px 0; --reset-real-padding-bottom:60px; } .only-desktop-tablet {display:none;} .only-tablet {display:none;} .only-mobile {display:block;} .contain {padding-left:16px; padding-right:16px;} /* header */ .btn-m-menu {width:22px; height:22px;} .btn-m-menu span:before {top:-8px;} .btn-m-menu span:after {bottom:-8px;} .mobile-navigation {width:260px;} .mobile-navigation .home {height:55px;} .mobile-navigation .home img {vertical-align:middle; height:24px;} .mobile-navigation .close {top:18px; width:20px; height:20px; right:10px;} .mobile-navigation .close:before, .mobile-navigation .close:after {top:9px; height:2px;} .mobile-navigation .nav-menu>ul>li>a {font-size:15px;} .mobile-navigation .nav-menu .submenu ul li a {font-size:14px;} /* main */ .main-visual .caption {padding:0 20px;} .main-visual .caption p {margin-bottom:10px;} .main-visual .slide-btn {width:40px;} .m-head {margin-bottom:20px;} .main-reason .logo {margin-bottom:18px;} .main-reason .logo img {height:37px;} .main-reason .wrap .row {margin:-5px;} .main-reason .wrap > .col {padding:5px;} .main-reason .wrap .box {border-radius:8px; padding:15px;} .main-reason .wrap .title {display:block; padding-bottom:8px; margin-bottom:8px;} .main-reason .wrap .title .num {margin:0 0 5px;} .main-reason .wrap .title .num:after {display:none;} .main-consult .wrap {display:block;} .main-consult .wrap > .col {width:100%; margin-bottom:35px;} .main-consult .wrap .content {padding:15px;} .main-consult .wrap .content h3 {margin-bottom:15px;} .main-consult .current-list .slick-list {margin: -2px 0;} .main-consult .current-list .slick-slide {padding: 2px 0;} .main-consult .current-list .box {height: 40px;} .main-consult .current-list .box .txt {padding-right: 15px;} .main-consult .form .inner {margin:-3px;} .main-consult .form .inner .col {padding:3px;} .main-consult .form .input {border-radius:4px; height:38px; padding:0 10px;} .main-consult .form .box label {left:10px; top:10px;} .main-review .slider {margin-bottom:35px;} .main-review .arrows {margin-top:20px;} .main-inquiry {z-index:100;} .main-inquiry .toggle {display:block; width:100%; padding:15px; color:#fff; font-size:var(--reset-fz18); font-weight:700; line-height:1.33em; letter-spacing:-.03em; background:var(--reset-color-primary); border:0;} .main-inquiry .inner {display:none; padding:20px 0;} .main-inquiry .contain {display:block;} .main-inquiry .tel {margin:0 0 10px; text-align:center;} .main-inquiry .form {width:auto; display:block;} .main-inquiry .form .input-wrap {margin-bottom:10px; flex-direction:column; gap:6px 0;} .main-inquiry .form .input {width:100% !important;} .main-inquiry .check {margin-bottom:10px; text-align:center;} .main-inquiry .check a {line-height:26px; padding:0 8px;} .main-inquiry .submit {text-align:center;} .main-inquiry.active .toggle {position:absolute; top:-40px; left:0; width:40px; height:40px;} .main-inquiry.active .toggle:before, .main-inquiry.active .toggle:after {content:" "; position:absolute; top:50%; left:20%; width:60%; height:2px; background:#fff; border-radius:3px;} .main-inquiry.active .toggle:before {transform:rotate(45deg);} .main-inquiry.active .toggle:after {transform:rotate(-45deg);} .main-inquiry.active .toggle span {display:none;} .main-inquiry.active .inner {display:block;} .main-point .list ul {margin:-10px;} .main-point .list ul li {width:100%; padding:10px;} .main-point .list .box {padding:10px 20px 10px 70px;} .main-lawyer .lawyer-list {margin-bottom:35px;} .directions-tabs {right:50%; transform:translateX(50%);} .directions-tabs li a {min-width:120px;} .directions-inner .wrap {padding:110px 16px 50px 16px;} .directions-inner .info {padding-bottom:15px; margin-bottom:15px;} .directions-inner .info h2 {margin-bottom:3px;} .directions-inner .desc dl {margin-bottom:6px;} .directions-inner .desc dl dt {min-width:95px;} .directions-inner .desc dl dt img {width:17px; margin:.1em 5px 0 0;} .directions-inner .map-area {width:100%; height:250px;} /* footer */ .quick {right:8px; bottom:50px;} .quick ul {border-radius:4px;} .quick .scroll-top {height:34px; border-radius:4px;} #footer {padding:25px 0;} .foot-info .wrap {display:block;} .foot-info address:first-child {padding:0; margin:0 0 10px;} .foot-info address:first-child:after {display:none;} .foot-info address span {margin:0 15px 0 0;} .foot-etc {margin-top:15px;} .copyright {line-height:1.4em;} /* layout */ .sub-visual {height:160px;} .lnb ul li {flex:1 0 auto; width:auto; white-space:nowrap;} .lnb ul li a {height:40px;} #contArea {padding-left:16px; padding-right:16px;} .sub-title {padding:30px 0 22px;} .real-cont {min-height:200px; padding-bottom:60px;} /* content */ .sub-tab {margin-bottom:30px;} .doc-tit {margin-bottom:20px;} .greeting-top {padding-bottom:25px; margin-bottom:25px;} .greeting-top .t1 strong {font-size:1.4em;} .greeting-top .t2 {margin-bottom:20px;} .greeting-top .t2 br {display:none;} .greeting {flex-direction:column-reverse;} .greeting .cnt {width:100%; margin-bottom:35px;} .greeting .cnt h2 {margin-bottom:10px;} .greeting .cnt h2 br {display:none;} .greeting .cnt .txt-wrap {margin-bottom:10px;} .greeting .cnt .txt-wrap p {margin-bottom:10px;} .greeting .cnt .strong {margin-bottom:20px;} .greeting .cnt .sign-wrap .sign img {width:80px;} .greeting .img {width:100%; text-align:center; margin:0;} .contact-info .map-area {height:250px;} .contact-info .comp {margin-top:20px;} .contact-info .info {display:block;} .contact-info .info .col {width:100%;} .contact-info .info .col:not(:last-child) {margin-bottom:20px;} .contact-info .info dl {margin-bottom:6px; width:100%;} .contact-info .info dl dt {min-width:95px;} .contact-info .info dl dt img {width:17px; margin:.1em 5px 0 0;} .foreground h2 {margin-bottom:10px;} .slideshow .slider-for {margin-bottom:6px;} .slideshow .slider-for .slide-btn {width:34px; height:34px;} .slideshow .slider-for .slide-btn.prev {left:5px;} .slideshow .slider-for .slide-btn.next {right:5px;} .slideshow .slider-nav .items {margin:0 -3px;} .slideshow .slider-nav .item {padding:0 3px;} .point .wrap {padding:60px 0;} .point h2 {margin:15px 0;} .point .bar {height:50px; margin:0 auto -25px;} .point .label {font-size:var(--reset-fz18); padding:0 13px; border-radius:12px; line-height:32px;} .point .list ul {display:block; margin:-20px 0;} .point .list ul li {width:100%; padding:20px 0;} .point .list .box {padding:30px 15px 20px; border-radius:12px;} .point .list .box .num {line-height:30px; width:80px;} .reason .group {flex-direction:column-reverse !important;} .reason .group .cnt {width:100%; padding:0 0 20px;} .reason .group .cnt .tit {margin-bottom:10px;} .reason .group .cnt .txt br {display:none;} .reason .group .img {width:100%;} .tomorrow .wrap ul {margin:-5px;} .tomorrow .wrap ul li {padding: 5px; width:100%;} .tomorrow .wrap .box {padding:20px 30px 20px 20px; border-radius:12px;} .tomorrow .wrap .box .ico {width:44px; margin-right:15px;} .merit .list ul li {margin-bottom:15px;} .merit .doc-tit {margin-bottom:20px;} .merit .list .num {width:32px; height:45px; margin-right:15px;} .merit .list .txt {padding-top:.3em;} .qualification .doc-tit {margin-bottom:35px;} .qualification .wrap .row {margin:-15px -5px;} .qualification .wrap .row .col {width:100%; padding:15px 5px;} .qualification .wrap .box {padding:25px 10px 15px; border-radius:12px;} .qualification .wrap .box .num {width:34px; line-height:34px; margin:-17px 0 0 -17px;} .qualification .wrap .box .txt {line-height:1.4em;} .flowchart .img {padding:10px;} .flow-list .wrap ol {justify-content:flex-start; margin:-10px;} .flow-list .wrap ol li {width:33.333%; padding:10px;} .flow-list .wrap ol li:after {display:none !important;} .flow-list .wrap .ico {margin-bottom:5px;} /* board */ .input {font-size:14px; padding:0 10px; height:38px;} select.input {padding-right:26px; background-position:right 8px center; background-size:12px auto;} textarea.input {padding:7px 10px;} .board-search {display:flex; flex-direction:column; margin-bottom:10px;} .board-search .total-page {order:3; float:none; font-size:13px;} .board-search .cate {float:none; order:1; margin-left:0; margin-bottom:5px;} .board-search .cate .input {display:block; width:100%;} .board-search .search {float:none; order:2; display:flex;} .board-search .search .input {flex:1 1 auto; min-width:0; width:1%;} .board-list {display:none;} .board-list-m {display:block;} .gallery-list {padding-top:15px;} .gallery-list ul {margin:0 -7px;} .gallery-list ul li {width:50%; padding:0 7px; margin-bottom:27px;} .gallery-list ul li .thumb {margin-bottom:10px;} .gallery-list ul li .tit {font-size:14px;} .gallery-list ul li .date {font-size:12px; margin-top:4px;} .review-list {padding-top:15px;} .review-list ul {margin:0 -7px;} .review-list ul li {width:50%; padding:0 7px; margin-bottom:27px;} .review-list ul li .thumb {margin-bottom:10px;} .review-list ul li .tit {font-size:14px;} .review-list ul li .date {font-size:12px; margin-top:4px;} .news-list ul li {padding:17px 0;} .news-list .thumb {width:38%; margin-right:14px;} .news-list .tit {font-size:15px; max-height:2.8em; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .news-list .txt {font-size:13px; margin-top:3px; max-height:3em; -webkit-line-clamp:2;} .news-list .date {display:none;} .event-list {padding-top:20px;} .event-list ul li {width:100%; margin-bottom:32px;} .event-list ul li .thumb {margin-bottom:10px;} .event-list ul li .tit {font-size:15px;} .event-list ul li .date {font-size:12px; margin-top:4px;} .faq .tit a {padding:7px 0 7px 5px;} .faq .tit a:after {display:none;} .faq .q {flex:0 0 26px; width:26px; height:26px; font-size:15px; line-height:26px; margin-right:10px;} .faq .cnt {padding:12px 12px 12px 15px;} .calendar-head {margin-bottom:15px;} .calendar-head h3 {font-size:20px; margin:0 17px;} .calendar-head .cal-btn {width:34px; height:34px; background-size:9px auto;} .calendar-head .cal-prev {background-image:url(assets/cal_prev_x2.png);} .calendar-head .cal-next {background-image:url(assets/cal_next_x2.png);} .calendar table th {padding:6px 4px; font-size:14px;} .calendar table td {height:60px; padding:5px 4px; font-size:12px;} .calendar ul li {padding-left:0; margin-bottom:6px;} .calendar ul li:before {display:none;} .calendar .cal-date {font-size:10px; margin-bottom:8px;} .board-white table {display:block; border-top:0; border-bottom:0; font-size:14px;} .board-white table tbody {display:block;} .board-white table tr {display:block; padding:12px 0;} .board-white table th {display:block; border:0; text-align:left; padding:0; margin-bottom:7px; font-size:16px; background:none;} .board-white table td {display:block; border:0; padding:0;} .board-white .editor {padding:0; margin-top:-12px;} .board-white .item {margin:3px 12px 3px 0;} .board-white #user_name {max-width:100% !important;} .board-white + .buttons {margin-top:30px;} .board-form table tbody {display:block;} .board-form table tr {display:block; padding:12px 0;} .board-form table th {display:block; border:0; text-align:left; padding:0; margin-bottom:7px; font-size:16px; background:none;} .board-form table td {display:block; border:0; padding:0;} .board-form + .buttons {margin-top:30px;} .board-form .input {width:100% !important;} .form-agree {margin:30px 0 30px;} .form-agree h3 {font-size:16px;} .form-agree .scroll-box {font-size:12px; max-height:110px; overflow:auto;} .form-agree .check {margin-top:12px; font-size:14px;} .board-view-tit h3 {font-size:17px;} .board-view-info {font-size:12px;} .board-prev-next dl {padding:10px 6px;} .board-prev-next dt {width:70px} .buttons {margin:15px 0;} .btn-pack.small {height:26px; padding:0 8px; font-size:11px; line-height:24px;} .btn-pack.medium {height:38px; padding:0 14px; font-size:14px; line-height:36px;} .btn-pack.large {min-width:120px; height:42px; padding:0 18px; font-size:15px; line-height:40px;} .btn-pack.xlarge {min-width:120px; height:50px; padding:0 22px; font-size:16px; line-height:48px;} .btn-pack.comment {width:80px; height:32px; font-size:14px;} .paginate {margin-top:20px;} .paginate a, .paginate strong{margin:0 1px;width:30px;height:30px;font-size:14px;line-height:30px;} .paginate a.direction {margin:0; background-size:11px;} .paginate a.direction.first {background-image:url(assets/btn_first_x2.png);} .paginate a.direction.prev {background-image:url(assets/btn_prev_x2.png); margin-right:14px;} .paginate a.direction.next {background-image:url(assets/btn_next_x2.png); margin-left:14px;} .paginate a.direction.last {background-image:url(assets/btn_last_x2.png);} .comment-area {margin-top:37px;} .comment-total {font-size:14px; margin-bottom:12px;} .comment-write {position:relative; padding:10px;} .comment-write .byte {position:absolute; bottom:15px; left:12px; font-size:12px;} .comment-write .write {display:block;} .comment-write .write textarea {display:block; width:100%; height:65px; margin-right:0;} .comment-write .write .btn {text-align:right; margin-top:6px;} .comment-item {padding:17px 4px;} .comment-item.comment-reply {padding-left:25px; background-image:url(assets/icon_reply_x2.png); background-position:3px 18px; background-size:auto 13px;} .comment-info {font-size:14px;} .comment-info .name {margin-right:5px;} .comment-info .date {font-size:11px;} .comment-ctr {font-size:12px;} .comment-ctr .bar {vertical-align:middle; margin:-.2em 4px 0;} .comment-txt {font-size:14px;} .comment-link {font-size:13px;} .comment-input {padding:10px;} .comment-input textarea {height:48px;} .board-password {padding:30px 20px;} .product-list ul {margin:0 -7px;} .product-list ul li {width:50%; padding:0 7px; margin-bottom:27px;} .product-list ul li .thumb {margin-bottom:10px;} .product-list ul li .tit {font-size:14px;} .product-summary {display:block;} .product-image {width:100%; margin-bottom:20px;} .product-info {width:100%;} .product-info .tit {font-size:22px; padding-bottom:14px; margin-bottom:14px;} .product-detail {padding-bottom:25px; margin-bottom:25px;} .product-detail .tit {font-size:17px; padding-bottom:10px; margin-bottom:14px;} .store-search {padding:0;} .store-search .search-area h3 {font-size:16px; padding:15px 25px; margin-bottom:20px; background:#f4f4f4;} .store-search .search-area dl {display:block; padding:0 15px; margin:20px 0;} .store-search .search-area dl dt {width:auto; margin-bottom:6px; font-size:15px;} .store-search .search-area dl dd {width:auto;} .store-search .search-area input.input {width:calc(100% - 74px); margin-right:4px;} .store-search .search-area select.input {width:calc(50% - 39px); margin-right:4px;} .store-search .search-area .btn-pack.medium {width:70px;} .result-top {font-size:18px;} .result-group .gall {margin:0 -7px;} .result-group .gall li {width:50%; padding:0 7px;} .result-group dl dt {font-size:15px;} .result-group dl dd {font-size:13px;} .result-group dl dd.date {font-size:12px;} .lawyer-list ul {margin:-10px; flex-wrap:wrap;} .lawyer-list ul li {padding:10px; width:50%;} .lawyer-list .box {border-radius:8px; padding:20px 15px 0; box-shadow: 0 4px 4px rgba(0, 0, 0, .16);} .lawyer-list .info {padding:0 12px;} .lawyer-list .info .name {padding:10px 40px 10px 0;} .lawyer-list .info .btn {top:3px; width:34px; height:34px; right:10px;} .lawyer-list .info .txt {line-height:1.5em;} .lawyer-list .box:hover .info {height:100%; overflow-Y:scroll;} .lawyer-list .box:hover .info .txt {padding-bottom:10px;} .lawyer-detail {flex-direction:column;} .lawyer-detail .pic {width:100%; margin:0 0 20px 0; border-radius:8px;} .lawyer-detail .cnt {width:100%;} .lawyer-detail .cnt h2 {margin-bottom:15px;} .lawyer-detail .cnt h3 {padding-bottom:5px; margin-bottom:5px;} .review-box {padding:15px;} .review-box .head {padding-bottom:8px; margin-bottom:8px;} .review-box .head .label {line-height:24px; padding:0 10px;} .review-box .per .bar .t {font-size:var(--reset-fz13);line-height:34px;} .review-box .txt {line-height:1.5em; max-height:4.5em; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} } /* Landscape phones and down */ @media (max-width:320px) { } /* ---- block 11 ---- */ /*! * froala_editor v4.0.16 (https://www.froala.com/wysiwyg-editor) * License https://froala.com/wysiwyg-editor/terms/ * Copyright 2014-2022 Froala Labs */ .fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{-webkit-box-shadow:10px 10px 5px 0px #cccccc;-moz-box-shadow:10px 10px 5px 0px #cccccc;box-shadow:10px 10px 5px 0px #cccccc}.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}.fr-view img.fr-bordered{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-view li img.fr-dii.fr-fil{margin-right:20px}.fr-view{word-wrap:break-word}.fr-view span[style~="color:"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=""],.fr-view table[border='0'] th[class=""]{border-width:0px}.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}.fr-view table td,.fr-view table th{border:1px solid #DDD}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#ececec}.fr-view table tfoot td{background:#ececec}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;break-after:always;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:"\1F4CE";font-weight:normal}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir="rtl"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir="rtl"] blockquote blockquote{border-color:#00BCD4}.fr-view[dir="rtl"] blockquote blockquote blockquote{border-color:#43A047}.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}.fr-view span.fr-emoticon{font-weight:normal;font-family:"Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA !important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ffff00}.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:"Courier New", Courier, monospace}.fr-view .fr-class-transparency{opacity:0.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap a{display:block}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}.fr-view span.fr-img-caption.fr-dii.fr-fil,.fr-view p img.fr-dii.fr-fil{margin-right:15px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)} @media (max-width: 1024px) { .fr-video {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000;} .fr-video iframe, .fr-video object, .fr-video embed, .fr-video video{position: absolute;top:0;left:0;width:100%;height:100%;} } /* ---- block 12 ---- */ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #fff; text-shadow: none; } .fancybox-opened { z-index: 8030; } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(assets/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(assets/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(assets/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(assets/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--reset-moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('assets/fancybox_sprite.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('assets/fancybox_loading.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* ---- block 13 ---- */ .fancybox-margin{margin-right:0px;} /* ---- block 14 ---- */ [data-capture-h="60"] { min-height: 60px !important; } [data-capture-w="1200"] { min-width: 1200px !important; } [data-capture-w="300"] { min-width: 300px !important; } [data-capture-w="301"] { min-width: 301px !important; }