@charset "UTF-8";
/* TEST */
[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: 0.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: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.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: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.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: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.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: 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.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: 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.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: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.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: 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.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: 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.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: 0.5s;
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.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: 0.55s;
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.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: 0.6s;
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.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: 0.65s;
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.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: 0.7s;
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.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: 0.75s;
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.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: 0.8s;
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.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: 0.85s;
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.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: 0.9s;
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.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: 0.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(0.25, 0.25, 0.75, 0.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(0.6, -0.28, 0.735, 0.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(0.175, 0.885, 0.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(0.68, -0.55, 0.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(0.47, 0, 0.745, 0.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(0.39, 0.575, 0.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(0.445, 0.05, 0.55, 0.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(0.55, 0.085, 0.68, 0.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(0.25, 0.46, 0.45, 0.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(0.455, 0.03, 0.515, 0.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(0.55, 0.085, 0.68, 0.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(0.25, 0.46, 0.45, 0.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(0.455, 0.03, 0.515, 0.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(0.55, 0.085, 0.68, 0.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(0.25, 0.46, 0.45, 0.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(0.455, 0.03, 0.515, 0.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(0.6);
}
[data-aos="zoom-in-up"] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}
[data-aos="zoom-in-down"] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}
[data-aos="zoom-in-right"] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}
[data-aos="zoom-in-left"] {
  transform: translate3d(100px, 0, 0) scale(0.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);
}

@font-face {
  font-family: "GmarketSansMedium";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "hana";
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/Hana2L.woff") format("woff");
}

@font-face {
  font-family: "hana";
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Hana2M.woff") format("woff");
}

@font-face {
  font-family: "hana";
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Hana2B.woff") format("woff");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/Pretendard-Thin.woff2") format("woff2");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/Pretendard-Light.woff2") format("woff2");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Pretendard-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Pretendard-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/Pretendard-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Pretendard-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/Pretendard-Black.woff2") format("woff2");
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?w5c1xr");
  src: url("../fonts/icomoon.eot?w5c1xr#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?w5c1xr") format("truetype"), url("../fonts/icomoon.woff?w5c1xr") format("woff"), url("../fonts/icomoon.svg?w5c1xr#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon"  !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-check-circle:before {
  content: "\e92e";
}

.icon-check-square:before {
  content: "\e92f";
}

.icon-chevron-down:before {
  content: "\e930";
}

.icon-chevron-left:before {
  content: "\e931";
}

.icon-chevron-right:before {
  content: "\e932";
}

.icon-chevron-up:before {
  content: "\e933";
}

.icon-chevrons-down:before {
  content: "\e934";
}

.icon-chevrons-left:before {
  content: "\e935";
}

.icon-chevrons-right:before {
  content: "\e936";
}

.icon-chevrons-up:before {
  content: "\e937";
}

.icon-chrome:before {
  content: "\e938";
}

.icon-circle:before {
  content: "\e939";
}

.icon-clipboard:before {
  content: "\e93a";
}

.icon-clock:before {
  content: "\e93b";
}

.icon-cloud:before {
  content: "\e93c";
}

.icon-cloud-drizzle:before {
  content: "\e93d";
}

.icon-cloud-lightning:before {
  content: "\e93e";
}

.icon-cloud-off:before {
  content: "\e93f";
}

.icon-cloud-rain:before {
  content: "\e940";
}

.icon-cloud-snow:before {
  content: "\e941";
}

.icon-code:before {
  content: "\e942";
}

.icon-codepen:before {
  content: "\e943";
}

html {
  line-height: 1.3;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: antialiased;
  height: 100%;
  font-size: 62.5%;
  letter-spacing: -0.04em;
}

@media (max-width: 1024px) {
  html {
    font-size: 9.5px;
  }
}

@media (max-width: 767px) {
  html {
    font-size: 9px;
  }
}

@media (max-width: 641px) {
  html {
    font-size: 8.5px;
  }
}

body {
  background-color: transparent;
  font-family: "hana", "Pretendard", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  color: #000;
  font-size: 1.6rem;
  min-width: 280px;
  margin-left: auto;
  margin-right: auto;
}

figure {
  margin-top: 0;
  margin-bottom: 0;
}

body {
  margin: 0;
}

main {
  display: block;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: inherit, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: #333;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: inherit, monospace;
  font-size: 1em;
}

i,
em,
address {
  font-style: normal;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

ul,
ol,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

dl,
dt,
dd {
  margin: 0;
}

img {
  border-style: none;
  max-width: 100%;
}

input,
textarea {
  border-radius: 0;
  border: 1px solid #ddd;
  border: 1px solid #ddd;
  padding-left: 10px;
  font-family: inherit;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #999;
}

input::placeholder,
textarea::placeholder {
  color: #999;
}

input,
textarea,
select {
  outline: none;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

input:focus,
input:focus-visible,
textarea:focus,
textarea:focus-visible,
select:focus,
select:focus-visible {
  border-color: #34afd2;
}

input:-moz-read-only,
textarea:-moz-read-only,
select:-moz-read-only {
  color: #999;
}

input:read-only,
textarea:read-only,
select:read-only {
  color: #999;
}

input:read-only::-webkit-input-placeholder,
textarea:read-only::-webkit-input-placeholder,
select:read-only::-webkit-input-placeholder {
  color: #999;
}

input:read-only:-ms-input-placeholder,
textarea:read-only:-ms-input-placeholder,
select:read-only:-ms-input-placeholder {
  color: #999;
}

input:read-only::-ms-input-placeholder,
textarea:read-only::-ms-input-placeholder,
select:read-only::-ms-input-placeholder {
  color: #999;
}

input:read-only::-moz-placeholder,
textarea:read-only::-moz-placeholder,
select:read-only::-moz-placeholder {
  color: #999;
}

input:read-only::placeholder,
textarea:read-only::placeholder,
select:read-only::placeholder {
  color: #999;
}

input.invalid,
textarea.invalid,
select.invalid {
  border-color: #ed0000;
  color: #ed0000;
}

input:disabled,
textarea:disabled,
select:disabled {
  background-color: #ddd;
  color: #999;
  opacity: 0.7;
}

input:disabled::-webkit-input-placeholder,
textarea:disabled::-webkit-input-placeholder,
select:disabled::-webkit-input-placeholder {
  color: #999;
}

input:disabled:-ms-input-placeholder,
textarea:disabled:-ms-input-placeholder,
select:disabled:-ms-input-placeholder {
  color: #999;
}

input:disabled::-ms-input-placeholder,
textarea:disabled::-ms-input-placeholder,
select:disabled::-ms-input-placeholder {
  color: #999;
}

input:disabled::placeholder,
textarea:disabled::placeholder,
select:disabled::placeholder {
  color: #999;
}

input.round-field,
textarea.round-field,
select.round-field {
  border-radius: 20px;
  padding-left: 20px;
}

select {
  background: none;
  border: 1px solid #ddd;
  padding-left: 10px;
  font-family: inherit;
  background-image: url("../images/ico-mobile-nav-arrow.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select:disabled {
  background-image: url("../images/icons/ico_select_down__disabled.svg");
}

input,
select,
button {
  background-color: transparent;
  font-family: inherit;
}

input[type="text"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type="text"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  color: #222;
}

input[type="number"] {
  -moz-appearance: textfield;
  color: #222;
}

button {
  outline: none;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
}

[hidden] {
  display: none;
}

p {
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
}

table {
  border-collapse: collapse;
}

figure {
  margin: 10px auto;
}

/*IR*/
.blind {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.align-left {
  text-align: left;
}

.pc-only {
  display: block;
}

.m-only {
  display: none;
}

.pc-only-inline {
  display: inline-block;
}

.m-only-inline {
  display: none;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}
.mt-pc20_mb16 {
  margin-top: 20px !important;
}
@media screen and (max-width: 640px) {
  .mt-pc20_mb16 {
    margin-top: 16px !important;
  }
}

.mt-30 {
  margin-top: 30px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mt-60 {
  margin-top: 60px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-100 {
  margin-top: 100px !important;
}
.mt-11030m {
  margin-top: 110px !important;
}
@media screen and (max-width: 768px) {
  .pc-only {
    display: none;
  }
  .m-only {
    display: block;
  }
  .pc-only-inline {
    display: none;
  }
  .m-only-inline {
    display: inline-block;
  }
  .mt-11030m {
  margin-top: 30px !important;
}
}

.checkbox-wrap {
  display: block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 12px;
  line-height: 30px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (max-width: 640px) {
  .checkbox-wrap {
    padding-left: 30px;
    line-height: 20px;
    font-size: 12px;
  }
}

.checkbox-wrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkbox-wrap input:checked ~ .checkmark {
  background-color: #00a7a0;
}

.checkbox-wrap input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-wrap .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  border-radius: 4px;
  width: 30px;
  background-color: transparent;
  border: 1px solid #00a7a0;
}

@media screen and (max-width: 640px) {
  .checkbox-wrap .checkmark {
    width: 20px;
    height: 20px;
  }
}

.checkbox-wrap .checkmark:after {
  content: "";
  position: absolute;
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: none;
}

@media screen and (max-width: 640px) {
  .checkbox-wrap .checkmark:after {
    top: 3px;
    left: 7px;
    width: 3px;
    height: 8px;
    border-width: 0 2px 2px 0;
  }
}

.radio-wrap {
  display: block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 12px;
  line-height: 30px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (max-width: 640px) {
  .radio-wrap {
    font-size: 10px;
    white-space: normal;
    margin-bottom: 0;
    line-height: 15px;
    padding-left: 20px;
  }
}

.radio-wrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.radio-wrap input:checked ~ .checkmark {
  background-color: #00a7a0;
}

.radio-wrap input:checked ~ .checkmark:after {
  display: block;
}

.radio-wrap .checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 20px;
  border-radius: 30px;
  width: 20px;
  background-color: transparent;
  border: 1px solid #00a7a0;
}

@media screen and (max-width: 640px) {
  .radio-wrap .checkmark {
    width: 15px;
    height: 15px;
	top: 1px;
  }
}

.radio-wrap .checkmark:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: none;
}

@media screen and (max-width: 640px) {
  .radio-wrap .checkmark:after {
    position: absolute;
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
  }
}

fieldset {
  border: 0;
  padding: 0;
}

.header {
  position: absolute;
  width: 100%;
  z-index: 123;
  left: 0;
  top: 0;
  padding: 20px 20px;
  background: rgba(255, 255, 255, 0.7);
}

@media screen and (max-width: 1680px) {
  .header {
    padding: 20px;
  }
}

@media screen and (max-width: 640px) {
  .header {
    height: 50px;
    background: white;
    padding: 10px 14px 10px 5px;
  }
}

.header__inner {
  max-width: 1725px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.header__logo {
  width: 209px;
  height: 57px;
  background: url("../images/logo.png") no-repeat center/contain;
}

@media screen and (max-width: 1280px) {
  .header__logo {
    width: 172px;
    height: 54px;
  }
}

@media screen and (max-width: 1024px) {
  .header__logo {
    width: 150px;
    height: 42px;
  }
}

@media screen and (max-width: 640px) {
  .header__logo {
    width: 100px;
    height: 30px;
    background: url("../images/logo.png") no-repeat center/contain;
  }
}

.header__logo a {
  display: block;
  height: 100%;
}

.header__side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 640px) {
  .header__side {
    display: block;
  }
}

.header__side__search {
  width: 30px;
  height: 30px;
  background-image: url("../images/ico-search.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

@media screen and (max-width: 1024px) {
  .header__side__search {
    width: 25px;
  }
}

@media screen and (max-width: 640px) {
  .header__side__search {
    display: none;
  }
}

.header__side__lib {
  margin-left: 33px;
}

@media screen and (max-width: 1024px) {
  .header__side__lib {
    margin-left: 20px;
  }
}

.header__side__lib a {
  border: 1px solid #009178;
  font-size: 16px;
  font-family: "Pretendard", sans-serif;
  padding: 7px 33px;
  border-radius: 33px;
  color: #009178;
  display: inline-block;
}
.header__side__lib a.btn_subscribe {
  border: none;
  /*background: #ec2100;*/
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .header__side__lib a {
    font-size: 14px;
    padding: 5px 20px;
  }
}

.header__side__lib a::after {
  content: "";
  width: 25px;
  height: 25px;
  background: url("../images/ico-back-black.png") no-repeat center/contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.header__side__lib a.btn_subscribe::after {
  background: url("../images/ico-subscribe.png") no-repeat center/contain;
}

@media screen and (max-width: 1024px) {
  .header__side__lib a::after {
    width: 18px;
    height: 18px;
  }
}

.nav-list {
  border: 1px solid black;
  border-radius: 20px;
  background: white;
  position: -webkit-sticky;
  position: sticky;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  max-width: 1725px;
  margin-top: -50px;
  z-index: 110;
  margin-left: auto;
  margin-right: auto;
  top: 10px;
  height: 80px;
  overflow: hidden;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  max-width: 1525px;
}

@media screen and (max-width: 1680px) {
  .nav-list {
    max-width: calc(100% - 24px);
  }
}

@media screen and (max-width: 1024px) {
  .nav-list {
    height: 80px;
  }
}

@media screen and (max-width: 640px) {
  .nav-list {
    height: 92px;
  }
}

.nav-list:hover {
  height: 500px;
}

@media screen and (max-width: 1024px) {
  .nav-list:hover {
    height: 350px;
  }
}

@media screen and (max-width: 640px) {
  .nav-list:hover {
    height: auto;
  }
}

.nav-list:hover .nav-sub {
  display: block;
}

.nav-list__inner > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media screen and (max-width: 640px) {
  .nav-list__inner > ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.nav-list__inner > ul > li {
  width: 100%;
  position: relative;
}

@media screen and (max-width: 640px) {
  .nav-list__inner > ul > li {
    width: 50%;
  }
  .nav-list__inner > ul > li:nth-child(2),
  .nav-list__inner > ul > li:nth-child(3) {
    border-bottom: 1px solid black;
  }
  .nav-list__inner > ul > li:nth-child(2),
  .nav-list__inner > ul > li:nth-child(4) {
    border-right: 1px solid black;
  }
  .nav-list__inner > ul > li:nth-child(1) {
    width: 75px;
    background: #009178;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 0;
    border-radius: 12px;
	z-index: 500;
  }
  .nav-list__inner > ul > li:nth-child(1) a {
    color: #fff;
  }
  .nav-list__inner > ul > li:last-child a {
    height: 40px;
    line-height: 40px;
  }
}

.nav-list__inner > ul > li > a {
  color: black;
  font-size: 24px;
  line-height: 44px;
  font-weight: 700;
  line-height: 80px;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: block;
}

.nav-list__inner > ul > li > a:hover {
  color: #009178;
}

@media screen and (max-width: 1024px) {
  .nav-list__inner > ul > li > a {
    font-size: 22px;
    line-height: 80px;
  }
}

@media screen and (max-width: 640px) {
  .nav-list__inner > ul > li > a {
    font-size: 15px;
    height: 46px;
    line-height: 46px;
  }
  .nav-list__inner > ul > li > a:nth-child(1):hover {
		color: #000;
	}
}

.nav-list__inner > ul > li > a.live {
  color: #009178;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 640px) {
  .nav-list__inner > ul > li > a.live {
    color: white;
  }
}

.nav-list__inner > ul > li > a.live::before {
  content: "";
  width: 36px;
  height: 36px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  background-image: url("../images/ico-youtube_gold.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media screen and (max-width: 640px) {
  .nav-list__inner > ul > li > a.live::before {
    background-image: url("../images/ico-youtube-mobile.png");
    width: 18px;
    margin-right: 4px;
    height: 18px;
  }
}

.nav-list__inner > ul > li:not(:first-child) a::after {
  content: "";
  width: 1px;
  height: 35px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  background: black;
}

@media screen and (max-width: 640px) {
  .nav-list__inner > ul > li:not(:first-child) a::after {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  .nav-list .nav-sub {
    display: none !important;
  }
}

.nav-list .nav-sub > ul {
  padding-bottom: 30px;
  padding-top: 10px;
}

.nav-list .nav-sub > ul > li {
  margin-top: 25px;
}

.nav-list .nav-sub > ul > li:first-child {
  margin-top: 0;
}

.nav-list .nav-sub > ul > li > a {
  display: block;
  font-size: 22px;
  font-weight: 400;
  text-align: center;
}

.nav-list .nav-sub > ul > li > a:hover {
  color: #009178;
}

@media screen and (max-width: 1024px) {
  .nav-list .nav-sub > ul > li > a {
    font-size: 22px;
  }
}

.nav-list .nav-sub > ul > li > a::after {
  display: none;
}

.nav-list .nav-sub > ul > li > a::before {
  display: none;
}

.btn-mobile-menu {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 122;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 3px;
  display: none;
}

.btn-mobile-menu.open {
  position: fixed;
}

@media screen and (max-width: 640px) {
  .btn-mobile-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.btn-mobile-menu span {
  width: 20px;
  height: 2px;
  background: #009178;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform-origin: center;
  transform-origin: center;
}
/*
.btn_subscribe_m {
	position: absolute;
	right: 50px;
	/* background: url('../images/ico-subscribe_green.png') no-repeat center/contain; 
	width: 28px;
	height: 28px;
	background:#ec2100;
	border-radius: 50px;
	color: #fff;
	font-size: 12px;
	padding: 0 10px;
	line-height: 28px;
	display: inline-block;
	display:none;
}*/
.btn_subscribe_m {
    position: absolute;
    right: 50px;
    border: 1px solid #009178;
    /* background: #ec2100; */
    border-radius: 50px;
    color: #009178;
    font-size: 12px;
    padding: 0 10px;
    line-height: 28px;
    display: inline-block;
    display: none;
}
@media screen and (max-width: 640px) {
	.btn_subscribe_m {
		display:block;
}
}

.btn-mobile-menu.open {
  background: #d3d3d3;
}

.btn-mobile-menu.open span {
  background: white;
}

.btn-mobile-menu.open span:nth-child(2) {
  width: 0;
  height: 0;
}

.btn-mobile-menu.open span:nth-child(1) {
  -webkit-transform: rotate(45deg) translate(3px, 3px);
  transform: rotate(45deg) translate(3px, 3px);
}

.btn-mobile-menu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg) translate(3px, -3px);
  transform: rotate(-45deg) translate(3px, -3px);
}

.mobile-menu {
  position: fixed;
  top: 0;
  background: white;
  right: 0;
  width: 182px;
  z-index: 120;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  right: -182px;
  padding-top: 40px;
  border-bottom: 1px solid #c6c6c6;
  border-left: 1px solid #c6c6c6;
}

.page-cover {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 115;
  display: none;
}

.page-cover.open {
  display: block;
}

@media screen and (max-width: 640px) {
  .mobile-menu.open {
    right: 0;
  }
}

.mobile-menu-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mobile-menu-top .btn-lib {
  width: 106px;
  height: 26px;
  border-radius: 26px;
  top: 0;
  right: 50px;
  z-index: 1;
  border: 1px solid #009178;
  color: #009178;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.mobile-menu-top .btn-lib a {
	color: #009178;
}

.mobile-menu-top .btn-lib::after {
  content: "";
  width: 16px;
  height: 15px;
  margin-left: 10px;
  background: url("../images/ico-back-black.png") no-repeat center/15px;
}

.mobile-menu-top .btn-search {
  width: 20px;
  height: 20px;
  background: url("../images/ico-search-black.png") no-repeat center/contain;
}

.mobile-menu__inner {
  padding: 12px;
}

.mobile-menu__inner > ul {
  margin-top: 10px;
}

.mobile-menu__inner > ul > li {
  border-bottom: 1px solid #c6c6c6;
  overflow: hidden;
}

.mobile-menu__inner > ul > li.live {
  border-bottom: 0;
}

.mobile-menu__inner > ul > li.live a {
  color: #ec2100;
  font-weight: 700;
}

.mobile-menu__inner > ul > li.live a::after {
  display: none;
}

.mobile-menu__inner > ul > li.live a::before {
  content: "";
  background: url("../images/ico-youtube.png") no-repeat center/contain;
  width: 18px;
  margin-right: 4px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
}

.mobile-menu__inner > ul > li > a {
  display: block;
  font-size: 15px;
  padding: 13px 10px 13px 20px;
  position: relative;
  font-weight: 700;
}

.mobile-menu__inner > ul > li > a.active::after {
  -webkit-transform: rotate(90deg) translateY(-50%);
  transform: rotate(90deg) translateY(-50%);
}

.mobile-menu__inner > ul > li > a::after {
  content: "";
  width: 13px;
  height: 7px;
  background: url("../images/ico-mobile-nav-arrow.png") no-repeat center;
  position: absolute;
  right: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mobile-menu .nav-sub {
  display: none;
}

.mobile-menu .nav-sub > ul > li {
  margin-top: 13px;
}

.mobile-menu .nav-sub > ul > li:first-child {
  margin-top: 0;
}

.mobile-menu .nav-sub > ul > li:last-child {
  margin-bottom: 13px;
}

.mobile-menu .nav-sub > ul > li > a {
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding-left: 33px;
}

.footer {
  background: #009178;
  padding: 60px 20px 40px 20px;
  position: relative;
}

@media screen and (max-width: 640px) {
  .footer {
    padding: 25px 0 0 0;
  }
}

.footer .btn-top {
  position: fixed;
  right: 5%;
  bottom: 5%;
  display: none;
}
.footer .btn-call {
  position: fixed;
  right: 4%;
  bottom: 10%;
  display: none;
}
.footer .btn-recom {
  position: fixed;
  right: 4%;
  bottom: 10%;
  display: none;
          z-index: 1;
}
@media screen and (max-width: 1280px) {
  .footer .btn-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
   .footer .btn-call {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
   .footer .btn-recom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.footer__inner {
  width: 100%;
  max-width: 600px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 640px) {
  .footer__inner {
    padding: 0 20px 0 20px;
  }
}

@media screen and (max-width: 640px) {
  .footer .company-info {
    margin: 0 auto;
  }
}

.footer .company-info .footer-logo {
  width: 185px;
  height: 50px;
  background: url("../images/logo_footer.png") no-repeat center/contain;
}

@media screen and (max-width: 640px) {
  .footer .company-info .footer-logo {
    width: 102px;
    height: 28px;
  }
}

.footer .company-info .info {
  color: white;
  margin-top: 80px;
}

.footer .company-info .info li {
  font-size: 11px;
  margin-top: 4px;
}

.footer .company-info .info li .btn-hanabank {
  display: none;
}

@media screen and (max-width: 640px) {
  .footer .company-info .info li .btn-hanabank {
    vertical-align: middle;
    margin-left: 6px;
    display: inline-block;
  }
}

.footer .company-info .info li address {
  display: inline-block;
}

@media screen and (max-width: 640px) {
  .footer .company-info .info li address {
    display: block;
    margin-top: 4px;
  }
}

@media screen and (max-width: 640px) {
  .footer .company-info .info li.copyrights {
    display: none;
  }
}

.footer .footer-nav {
  color: #FFF;
  text-align: right;
}

.footer .footer-nav strong {
  font-size: 12px;
  font-weight: 700;
}

.footer .footer-nav ul li {
  margin-top: 4px;
}

.footer .footer-nav ul li a {
  color: white;
  font-size: 11px;
  word-break: keep-all;
}

.footer .mobile-copyrights {
  display: none;
  background: #009178;
  font-size: 10px;
  color: #fff;
  padding: 12px 20px;
  text-align: center;
}

@media screen and (max-width: 640px) {
  .footer .mobile-copyrights {
    display: block;
  }
  .footer .footer-nav {
    display: none;
  }
}

.btn-top {
  width: 55px;
  height: 55px;
  background: #727272;
  color: white;
  z-index: 1;
  display: block;
  text-align: center;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-top span::before {
  content: "";
  width: 12px;
  height: 10px;
  background: url("../images/ico-arrow-up.png") no-repeat center;
  display: block;
  margin: auto;
  margin-bottom: 4px;
}
  .footer .btn-top, .footer .btn-back , .footer .btn-call, .footer .btn-recom{
	  display: none; 
  }
@media screen and (max-width: 640px) {
  .footer .btn-top, .footer .btn-back {
	width: 44px;
	height: 44px;
	background: rgba(0,0,0,0.5);
	font-size: 12px;
	display: block;
  }
    .footer .btn-call{
	width: 55px;
	height: 55px;
	z-index: 10000000;
	font-size: 12px;
	display: block;
  }
      .footer .btn-recom{
	width: 55px;
	height: 55px;
	z-index: 1000000;
	font-size: 12px;
	display: block;
  }
  .footer .btn-top {
    bottom: 84px;
	padding-top: 8px;
  }
  .footer .btn-call {
    bottom: 134px;
  }
  .footer .btn-recom {
    bottom: 184px;
	       
  }
  .footer .btn-back {
	position: fixed;
	right: 5%;
    bottom: 30px;
	z-index: 1;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
  }
  .footer .btn-back span::before {
    content: "";
    width: 12px;
    height: 10px;
    background: url(../images/ico_arrow_back.png) no-repeat center/contain;
    display: block;
    margin: auto;
    margin-bottom: 4px;
}
}

.search-modal {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: none;
}

.search-modal #search {
  background: white;
  padding: 100px;
}

.prev-issue-slide {
  overflow: hidden;
  margin-top: 40px;
}

.prev-issue__contents {
}

.prev-issue .selected-year-wrap {
  padding: 0 50px;
}

.prev-issue .selected-year {
  font-size: 44px;
  max-width: 400px;
  height: 90px;
  border: 1px solid #000;
  border-radius: 90px;
  font-weight: 900;
  margin: 0 auto;
  text-align: center;
  line-height: 86px;
}

.prev-issue .swiper-slide-controls {
  position: relative;
}

.prev-issue .issue-controls .prev-year,
.prev-issue .issue-controls .next-year {
  width: 25px;
  height: 90px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 30px;
  background-repeat: no-repeat;
  background-size: contain;
}

.prev-issue .issue-controls .swiper-button-next.swiper-button-disabled,
.prev-issue .issue-controls .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

@media screen and (max-width: 640px) {
  .prev-issue .issue-controls .prev-year,
  .prev-issue .issue-controls .next-year {
  margin: 0 0;}
	.prev-issue .selected-year {font-size: 34px;
    max-width: 200px;
	}
  
}

.prev-issue .issue-controls .prev-year {
  background: url("../images/prev-issue-arrow-left.png") no-repeat center center/80%;
}

.prev-issue .issue-controls .next-year {
  background: url("../images/prev-issue-arrow-right.png") no-repeat center center/80%;
}

.prev-issue .issue-controls .prev-year::after, .prev-issue .issue-controls .next-year::after {
	content: '';
}

.prev-issue .issue-list {
  margin-top: 70px;
}

.prev-issue .issue-list ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}

@media screen and (max-width: 1280px) {
  .prev-issue .issue-list ul {
    -ms-grid-columns: (1fr) [4];
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (max-width: 640px) {
  .prev-issue .issue-list ul {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
}

.prev-issue .issue-list ul li {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.prev-issue .issue-list ul a {
  display: block;
  overflow: hidden;
  border: 1px solid #000;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  position: relative;
}

@media screen and (max-width: 640px) {
  .prev-issue .issue-list ul a {
    border-radius: 20px;
  }
}

.prev-issue .issue-list ul .issue-month {
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 18px;
  font-size: 22px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background: white;
}

@media screen and (max-width: 1024px) {
  .prev-issue .issue-list ul .issue-month {
    font-size: 18px;
  }
}

@media screen and (max-width: 640px) {
  .prev-issue .issue-list ul .issue-month {
    font-size: 14px;
    height: 35px;
  }
}

.prev-issue .issue-list ul .issue-month > strong {
  font-weight: 700;
  padding-right: 10px;
  color: #009178;
}

@media screen and (max-width: 1024px) {
  .prev-issue .issue-list ul .issue-month > strong {
    padding-right: 4px;
  }
}

.prev-issue .issue-list ul .issue-month .month {
  color: #252525;
  font-weight: 700;
}

.prev-issue .issue-list ul .thumb {
  height: 0;
  padding-bottom: 140%;
  position: relative;
}

@media screen and (max-width: 640px) {
  .prev-issue .issue-list ul .thumb {
    padding-bottom: 133%;
  }
}

.prev-issue .issue-list ul .thumb img {
  position: absolute;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-height: 101%;
  min-width: 101%;
}

.hana-main .section-title {
  font-size: 44px;
  color: black;
  text-align: center;
  font-weight: 700;
}

@media screen and (max-width: 1024px) {
  .hana-main .section-title {
    font-size: 45px;
  }
}

@media screen and (max-width: 640px) {
  .hana-main .section-title {
    font-size: 27px;
  }
}

.hana-main .main-hero {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.hana-main .main-hero [class*="swiper-button-"] {
  width: 59px;
  height: 111px;
  background-size: cover;
  top: -300px;
}

@media screen and (max-width: 1680px) {
  .hana-main .main-hero [class*="swiper-button-"] {
    width: 45px;
    height: 86px;
  }
}

@media screen and (max-width: 640px) {
  .hana-main .main-hero [class*="swiper-button-"] {
    display: none;
  }
}

.hana-main .main-hero .swiper-button-prev {
  background-image: url("../images/ico-slide-prev.png");
}
.hana-main .main-hero .swiper-button-prev:after {
	content: '';
}
@media screen and (max-width: 1280px) {
  .hana-main .main-hero .swiper-button-prev {
    left: 20px;
  }
}

.hana-main .main-hero .swiper-button-next {
  background-image: url("../images/ico-slide-next.png");
}
.hana-main .main-hero .swiper-button-next:after {
	content: '';
}

@media screen and (max-width: 1280px) {
  .hana-main .main-hero .swiper-button-next {
    right: 20px;
  }
}

.hana-main .main-hero .swiper-pagination {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 0;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-hero .swiper-pagination {
    bottom: 0px;
  }
  .hana-main .main-hero [class*="swiper-button-"] {
    top: -260px;
  }
}

.hana-main .main-hero .swiper-pagination-bullet {
  width: 73px;
  height: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 12px;
  background: #e3e3e5;
  margin: 0 7px;
  opacity: 1;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-hero .swiper-pagination-bullet {
    width: 17px;
    height: 6px;
    margin: 0 3px;
  }
}

.hana-main .main-hero .swiper-pagination-bullet-active {
  background: #009178;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-hero .swiper-pagination-bullet-active {
    width: 37px;
  }
}

.hana-main .main-hero .swiper-slide-controls {
  max-width: 1525px;
  margin: 0 auto;
  left: 50%;
  bottom: 60px;
  height: 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 100%;
  position: absolute;
}

.hana-main .main-hero .swiper-slide {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 900px;
  max-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.hana-main .main-hero .swiper-slide a {
  display: flex;
  height: 900px;
  max-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-hero .swiper-slide {
    height: 640px;
  }
  .hana-main .main-hero .swiper-slide a {
    height: 640px;
  }
}

@media screen and (max-width: 640px) {
  .hana-main .main-hero .swiper-slide {
    height: 420px;
  }
  .hana-main .main-hero .swiper-slide a {
    height: 420px;
  }
}

.hana-main .main-hero__slide-01 {
  background-image: url("../images/main-hero-01.jpg");
}
.hana-main .main-hero__slide-02 {
  background-image: url("../images/main-hero-05.jpg");
}
.hana-main .main-hero__slide-03 {
  background-image: url("../images/main-hero-03.jpg");
}
.hana-main .main-hero__slide-04 {
  background-image: url("../images/main-hero-04.jpg");
}
.hana-main .main-hero .slide-text {
  font-size: 40px;
  text-align: center;
  color: #fff;
  line-height: 75px;
  font-weight: 700;
  margin-top: 250px;
  text-shadow: 4px 2px 7px rgba(0,0,0,0.8);
}
.hana-main .main-hero .slide-text span {
  font-size: 50px;
  text-align: center;
  color: #fff;
  line-height: 75px;
  font-weight: 700;
  text-shadow: 4px 2px 7px rgba(0,0,0,0.8);
}
@media screen and (max-width: 1680px) {
  .hana-main .main-hero .slide-text {
    font-size: 40px;
    line-height: 1.3;
  }
}

@media screen and (max-width: 640px) {
  .hana-main .main-hero .slide-text {
    font-size: 18px;
    line-height: 35px;
	  margin-top: 100px;
  }
  .hana-main .main-hero .slide-text span {
    font-size: 22px;
    line-height: 35px;
  }
}

.hana-main .main-hero .slide-text > strong {
  display: block;
}

.hana-main .with-tab-slide-thumbs,
.hana-main .artbank2-tab-slide-thumbs,
.hana-main .artbank-tab-slide-thumbs  {
  width: 100%;
  text-align: center;
  background: white;
  border: 1px solid #878787;
  border-radius: 42px;
  margin-top: 30px;
}

.hana-main .with-tab-slide-thumbs .swiper-slide,
.hana-main .artbank2-tab-slide-thumbs .swiper-slide,
.hana-main .artbank-tab-slide-thumbs .swiper-slide {
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  color: #636363;
  flex: 1;
}

.hana-main .with-tab-slide-thumbs .swiper-slide-active ,
.hana-main .artbank2-tab-slide-thumbs .swiper-slide-active ,
.hana-main .artbank-tab-slide-thumbs .swiper-slide-active {
  font-weight: 700;
  color: #009178;
}

.hana-main .with-tab-slide-thumbs .swiper-slide:not(:first-child) ,
.hana-main .artbank2-tab-slide-thumbs .swiper-slide:not(:first-child),
.hana-main .artbank-tab-slide-thumbs .swiper-slide:not(:first-child) {
  border-left: 1px solid #878787;
}

.hana-main .main-tab-slide {
  overflow: hidden;
  padding-bottom: 10px;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-tab-slide {
    margin-right: 0;
  }
}

@media screen and (max-width: 640px) {
  .hana-main .main-tab-slide {
    overflow: unset;
  }
  .hana-main .artbank-tab-slide-thumbs .swiper-slide-active{
  line-height: 18px;
  font-size: 13px;}
 
  .hana-main .artbank-tab-slide-thumbs .swiper-slide{
  font-size: 13px;
        line-height: 18px;
        padding-top: 10px;}
}

.hana-main .main-tab-slide .swiper-slide {
  background: white;
  border-radius: 20px;
  overflow: hidden;
  
  max-width: 100%; 
  -webkit-box-shadow: 5px 5px 9px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 9px rgba(0, 0, 0, 0.1);
  position: relative;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

@media screen and (max-width: 640px) {
  .hana-main .main-tab-slide .swiper-slide {
    width: 100%;
    height: auto;
    max-width: unset;
  }
}

.hana-main .main-tab-slide .swiper-slide .thumb {
  width: 100%;
  height: 0;
  padding-bottom: 93%;
  overflow: hidden;
  position: relative;
}

.hana-main .main-tab-slide .swiper-slide .thumb .badge {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  width: 100%;
  color: white;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 12px 24px;
}

.hana-main .main-tab-slide .swiper-slide .thumb img {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.hana-main .main-tab-slide .swiper-slide .thumb02 {
  width: 100%;
  height: 0;
  padding-bottom: 93%;
  overflow: hidden;
  position: relative;
}

.hana-main .main-tab-slide .swiper-slide .thumb02 .badge {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  width: 100%;
  color: white;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 12px 24px;
}

.hana-main .main-tab-slide .swiper-slide .thumb02 img {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 640px) {
  .hana-main .main-tab-slide .swiper-slide .thumb02 {
    width: 100%;
    height: 407px;
    padding-bottom: 93%;
    overflow: hidden;
    position: relative;
  }
}
.hana-main .main-tab-slide .swiper-slide dl {
  padding: 20px;
}

.hana-main .main-tab-slide .swiper-slide dl dt {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.04em;
}

.hana-main .main-tab-slide .swiper-slide dl dd {
  font-size: 20px;
  margin-top: 10px;
  font-weight: bold;
}

.hana-main .slide-button-prev,
.hana-main .slide-button-next {
  position: absolute;
  cursor: pointer;
  top: 50%;
  width: 30px;
  height: 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hana-main .slide-button-prev.swiper-button-disabled,
.hana-main .slide-button-next.swiper-button-disabled {
  opacity: 1;
}

@media screen and (max-width: 1024px) {
  .hana-main .slide-button-prev,
  .hana-main .slide-button-next {
    display: none;
  }
}

.hana-main  .slide-button-prev {
  left: -60px;
  background: url("../images/ico-slide-circle-prev.png") no-repeat center;
}

.hana-main  .slide-button-next {
  right: -60px;
  background: url("../images/ico-slide-circle-next.png") no-repeat center;
}

.hana-main .swiper-slide-controls.dark .slide-button-prev {
  background: url("../images/ico-slide-circle-dark-prev.png") no-repeat center;
}

.hana-main .swiper-slide-controls.dark .slide-button-next {
  background: url("../images/ico-slide-circle-dark-next.png") no-repeat center;
}

.hana-main .main-assets {
  overflow: hidden;
  padding: 60px 20px;
}

@media screen and (max-width: 640px) {
  .hana-main .main-assets {
    padding: 35px 20px;
  }
}

.hana-main .main-assets__inner {
  max-width: 920px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.hana-main .main-lifestyle {
  overflow: hidden;
  background: url("../images/bg-main-lifestyle.png") no-repeat center/cover;
  background-attachment: fixed;
  padding: 60px 20px;
}

@media screen and (max-width: 640px) {
  .hana-main .main-lifestyle {
    padding: 35px 20px;
  }
}

.hana-main .main-lifestyle .section-title {
  color: white;
}

@media screen and (max-width: 640px) {
  .hana-main .main-lifestyle .tab-ui__tab {
    overflow: scroll;
    white-space: nowrap;
  }
}

.hana-main .main-lifestyle .tab-ui__tab > ul {
  background: rgba(0, 0, 0, 0.5);
  border: 0;
}

@media screen and (max-width: 640px) {
  .hana-main .main-lifestyle .tab-ui__tab > ul {
    gap: 0 10px;
    background: transparent;
  }
}

.hana-main .main-lifestyle .tab-ui__tab > ul li {
  border-color: rgba(107, 107, 107, 0.3);
}

.hana-main .main-lifestyle .tab-ui__tab > ul button {
  color: white;
}

.hana-main .main-lifestyle__inner {
  max-width: 920px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}


.hana-main .main-lifestyle .main-tab-slide .swiper-slide {
  max-width: 100%; 
  background: transparent;
}

.hana-main .main-lifestyle .main-tab-slide .swiper-slide dl {
  position: absolute;
  left: 50%;
  bottom: 25px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: white;
  width: calc(100% - 50px);
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.hana-main .main-lifestyle .main-tab-slide .swiper-slide dl dt {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 1;
}

.hana-main .main-lifestyle .main-tab-slide .swiper-slide dl dd {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 2;
  margin: 0 0 5px 0;
}

/* artbank */
.hana-main .main-artbank {
  overflow: hidden;
  padding: 60px 20px;
  background: #fff;
}

@media screen and (max-width: 640px) {
  .hana-main .main-artbank {
    padding: 35px 20px;
  }
}

.hana-main .main-artbank__inner {
  max-width: 920px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: unset;
}

.hana-main .main-artbank .artbank-contents-slide {
  position: relative;
}

.hana-main .main-artbank .artbank2-tab-slide-thumbs,
.hana-main .main-artbank .artbank-tab-slide-thumbs {
  display: none;
}


@media screen and (max-width: 640px) {
  .hana-main .main-artbank .artbank2-tab-slide-thumbs,
  .hana-main .main-artbank .artbank-tab-slide-thumbs {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.hana-main .main-artbank .main-tab-slide {
  margin-top: 40px;
  position: static;
}

@media screen and (max-width: 640px) {
  .hana-main .main-artbank .main-tab-slide {
    margin-top: 20px;
    padding-bottom: 0;
  }
}

.hana-main .main-artbank .main-tab-slide .swiper-slide-controls {
  opacity: 0.6;
}

.hana-main .main-artbank .main-tab-slide .artbank-button-next {
  right: -40px;
}

.hana-main .main-artbank .main-tab-slide .swiper-slide {
  max-width: 445px;
}
@media screen and (max-width: 1024px) {
  .hana-main .main-artbank .main-tab-slide .swiper-slide {
    max-width: unset;
  }
}

.hana-main .main-artbank .main-tab-slide .swiper-slide a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-artbank .main-tab-slide .swiper-slide a {
    display: block;
  }
}

.hana-main .main-artbank .main-tab-slide .swiper-slide .thumb {
  width: 50%;
  height: 0;
  padding-bottom: 50%;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-artbank .main-tab-slide .swiper-slide .thumb {
    width: 100%;
    padding-bottom: 80%;
  }
}

@media screen and (max-width: 640px) {
  .hana-main .main-artbank .main-tab-slide .swiper-slide .thumb {
    padding-bottom: 93%;
    height: 407px;
  }
}

.hana-main .main-artbank .main-tab-slide .swiper-slide .thumb img {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.hana-main .main-artbank .main-tab-slide .swiper-slide .description {
  position: relative;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  text-align: left;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  padding: 24px 24px 18px 24px;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-artbank .main-tab-slide .swiper-slide .description {
    position: absolute;
    left: 50%;
    width: calc(100% - 40px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 20px;
    background: white;
    border-radius: 16px;
  }
}

@media screen and (max-width: 640px) {
  .hana-main .main-artbank .main-tab-slide .swiper-slide .description {
    padding: 16px;
    bottom: 10px;
    width: calc(100% - 20px);
  }
}

.hana-main .main-artbank .main-tab-slide .swiper-slide .description::before {
  content: "";
  width: 96px;
  height: 6px;
 /* background: #00b2a7;*/
  position: absolute;
  left: -43px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 1024px) {
  .hana-main .main-artbank .main-tab-slide .swiper-slide .description::before {
    display: none;
  }
}

.hana-main .main-artbank .main-tab-slide .swiper-slide .description .category {
  width: 100%;
  font-size: 13px;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-artbank .main-tab-slide .swiper-slide .description .category {
    display: flex;
	align-items: center;
  }
}

.hana-main
  .main-artbank
  .main-tab-slide
  .swiper-slide
  .description
  .category
  .month {
  font-weight: 700;
  display: block;
  margin-top: 4px;
}

@media screen and (max-width: 1024px) {
	.hana-main
  .main-artbank
  .main-tab-slide
  .swiper-slide
  .description
  .category
  .month {
  margin-top: 0px;
  margin-left: 4px;
	}
}

.hana-main .main-artbank .main-tab-slide .swiper-slide .description .title {
  font-size: 20px;
  font-weight: 700;
  margin-top: auto;
  letter-spacing: -0.06em;
  word-break: break-word;
}

.hana-main .main-artbank .main-tab-slide .swiper-slide dl {
	padding: 0 !important;
}
.hana-main  .main-artbank .main-tab-slide .swiper-slide dl dd {
	margin-top: 2px;
}

.hana-main  .main-artbank .main-tab-slide .swiper-slide dt {
	margin-top: 6px;
}

.hana-main .main-artbank .main-tab-slide .swiper-slide .description .title dt {
  font-size: 14px;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-artbank .main-tab-slide .swiper-slide .description .title {
    font-size: 18px;
  }
}

.hana-main .main-artbank .main-tab-slide .swiper-slide .description .title span {
  display: none;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-artbank .main-tab-slide .swiper-slide .description .title span {
    display: block;
    padding-bottom: 4px;
    font-size: 15px;
  }
}
.main-artbank .btn-more {
  display: none;
}
@media screen and (max-width: 640px) {
  .main-artbank .btn-more {
    display: block;
    width: 130px;
    height: 33px;
    line-height: 33px;
    color: #009178;
    font-size: 14px;
    border: 1px solid #009178;
    text-align: center;
    border-radius: 33px;
    margin: 30px auto 0;
    background-color: #fff;
  }
  .main-artbank .btn-more a {
    color: #009178;
  }
}
/* /artbank2 */

.hana-main .main-with {
  overflow: hidden;
  padding: 60px 20px;
  background: #edeeef;
}

@media screen and (max-width: 640px) {
  .hana-main .main-with {
    padding: 35px 20px;
  }
}

.hana-main .main-with__inner {
  max-width: 920px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: unset;
}

.hana-main .main-with .with-contents-slide {
  position: relative;
}

.hana-main .main-with .with-tab-slide-thumbs {
  display: none;
}

@media screen and (max-width: 640px) {
  .hana-main .main-with .with-tab-slide-thumbs,
  .hana-main .main-with .artbank2-tab-slide-thumbs
  .hana-main .main-with .artbank-tab-slide-thumbs {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.hana-main .main-with .with-tab-slide-thumbs div:first-child {
	min-width: 90px;
}

.hana-main .main-with .main-tab-slide {
  margin-top: 40px;
  position: static;
}

@media screen and (max-width: 640px) {
  .hana-main .main-with .main-tab-slide {
    margin-top: 20px;
    padding-bottom: 0;
  }
}

.hana-main .main-with .main-tab-slide .swiper-slide-controls {
  opacity: 0.6;
}

.hana-main .main-with .main-tab-slide .with-button-next {
  right: -40px;
}

.hana-main .main-with .main-tab-slide .swiper-slide {
  max-width: 445px;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-with .main-tab-slide .swiper-slide {
    max-width: unset;
  }
}

.hana-main .main-with .main-tab-slide .swiper-slide a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-with .main-tab-slide .swiper-slide a {
    display: block;
  }
}

.hana-main .main-with .main-tab-slide .swiper-slide .thumb {
  width: 50%;
  height: 0;
  padding-bottom: 50%;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-with .main-tab-slide .swiper-slide .thumb {
    width: 100%;
    padding-bottom: 80%;
  }
}

@media screen and (max-width: 640px) {
  .hana-main .main-with .main-tab-slide .swiper-slide .thumb {
    padding-bottom: 93%;
    height: 407px;
  }
}

@media screen and (max-width: 480px) {
  .hana-main .main-with .main-tab-slide .swiper-slide .thumb {
    padding-bottom: 93%;
    height: 305px;
  }
}

.hana-main .main-with .main-tab-slide .swiper-slide .thumb img {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.hana-main .main-with .main-tab-slide .swiper-slide .description {
  position: relative;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  text-align: left;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  padding: 24px 24px 18px 24px;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-with .main-tab-slide .swiper-slide .description {
    position: absolute;
    left: 50%;
    width: calc(100% - 40px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 20px;
    background: white;
    border-radius: 16px;
  }
}

@media screen and (max-width: 640px) {
  .hana-main .main-with .main-tab-slide .swiper-slide .description {
    padding: 16px;
    bottom: 10px;
    width: calc(100% - 20px);
  }
}

.hana-main .main-with .main-tab-slide .swiper-slide .description::before {
  content: "";
  width: 96px;
  height: 6px;
 /* background: #00b2a7;*/
  position: absolute;
  left: -43px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 1024px) {
  .hana-main .main-with .main-tab-slide .swiper-slide .description::before {
    display: none;
  }
}

.hana-main .main-with .main-tab-slide .swiper-slide .description .category {
  width: 100%;
  font-size: 13px;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-with .main-tab-slide .swiper-slide .description .category {
    display: none;
  }
}

.hana-main
  .main-with
  .main-tab-slide
  .swiper-slide
  .description
  .category
  .month {
  font-weight: 700;
  display: block;
  margin-top: 4px;
}

.hana-main .main-with .main-tab-slide .swiper-slide .description .title {
  font-size: 20px;
  font-weight: 700;
  margin-top: auto;
  letter-spacing: -0.06em;
  word-break: break-word;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-with .main-tab-slide .swiper-slide .description .title {
    font-size: 18px;
  }
}

.hana-main .main-with .main-tab-slide .swiper-slide .description .title span {
  display: none;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-with .main-tab-slide .swiper-slide .description .title span {
    display: block;
    padding-bottom: 4px;
    font-size: 15px;
  }
}
.main-with .btn-more {
  display: none;
}
@media screen and (max-width: 640px) {
  .main-with .btn-more {
    display: block;
    width: 130px;
    height: 33px;
    line-height: 33px;
    color: #009178;
    font-size: 14px;
    border: 1px solid #009178;
    text-align: center;
    border-radius: 33px;
    margin: 30px auto 0;
    background-color: #fff;
  }
  .main-with .btn-more a {
    color: #009178;
  }
}

.hana-main .main-event {
  overflow: hidden;
  padding: 25px 20px;
}

@media screen and (max-width: 640px) {
  .hana-main .main-event {
    padding: 25px 20px;
  }
}

.hana-main .main-event .main-event__item {
  width: 100%;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.hana-main .main-event .main-event__item-survey {
  height: 230px;
  border-radius: 16px;
  position: relative;
  /* background: #4fbcb7 url("../images/bg-main-event.jpg") no-repeat 
    bottom/contain; */
  background: url("../images/bg-main-event.jpg") no-repeat left
  top/contain;
  padding: 47px 25px;
  margin-bottom: 30PX;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-event .main-event__item-survey {
    padding: 25px;
  }
}

@media screen and (max-width: 640px) {
  .hana-main .main-event .main-event__item-survey {
    height: 371px;
    padding-bottom: 90%;
    background-position: center bottom;
	background: url("../images/bg-main-event_m01.png") no-repeat 
    bottom/contain !important;
  }
}

.hana-main .main-event .main-event__item-survey1 {
  height: 230px;
  border-radius: 16px;
  position: relative;
  /* background: #4fbcb7 url("../images/bg-main-event.jpg") no-repeat 
    bottom/contain; */
  background: url("../images/bg-main-event.jpg") no-repeat left
  top/contain;
  padding: 47px 25px;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-event .main-event__item-survey1 {
    padding: 25px;
  }
}

@media screen and (max-width: 640px) {
  .hana-main .main-event .main-event__item-survey1 {
    height: 371px;
    padding-bottom: 90%;
    background-position: center bottom;
	background: url("../images/bg-main-event_m.png") no-repeat 
    bottom/contain;
  }
}

.hana-main .main-event .main-event__item-survey2 {
  height: 230px;
  border-radius: 16px;
  position: relative;
  /* background: #4fbcb7 url("../images/bg-main-event.jpg") no-repeat 
    bottom/contain; */
  background: url("../images/bg-main-event.jpg") no-repeat left
  top/contain;
  padding: 47px 25px;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-event .main-event__item-survey2 {
    padding: 25px;
  }
}

@media screen and (max-width: 640px) {
  .hana-main .main-event .main-event__item-survey2 {
    height: 371px;
    padding-bottom: 90%;
    background-position: center bottom;
	background: url("../images/bg-main-event_m.png") no-repeat 
    bottom/contain;
  }
}

.hana-main .main-event .main-event__item-survey3 {
  height: 230px;
  border-radius: 16px;
  position: relative;
  /* background: #4fbcb7 url("../images/bg-main-event.jpg") no-repeat 
    bottom/contain; */
  background: url("../images/bg-main-event.jpg") no-repeat left
  top/contain;
  padding: 47px 25px;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-event .main-event__item-survey3 {
    padding: 25px;
  }
}

@media screen and (max-width: 640px) {
  .hana-main .main-event .main-event__item-survey3 {
    height: 371px;
    padding-bottom: 90%;
    background-position: center bottom;
	background: url("../images/bg-main-event_m.png") no-repeat 
    bottom/contain !important;
  }
}

.hana-main .main-event .main-event__item-survey strong {
  display: block;
  font-weight: 700;
}

.hana-main .main-event .main-event__item-survey .text {
  font-size: 43px;
  color: white;
  text-align: center;
  margin-left: auto;
  position: absolute;
  right: 45px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 1024px) {
  .hana-main .main-event .main-event__item-survey .text {
    font-size: 20px;
    right: 25px;
  }
}

@media screen and (max-width: 640px) {
  .hana-main .main-event .main-event__item-survey .text {
    top: 45px;
    left: 0;
    width: 100%;
    -webkit-transform: none;
    transform: none;
    font-size: 31px;
    right: unset;
  }
}

.hana-main .main-event .main-event__item-survey .text .desc {
  color: black;
  font-size: 26px;
  margin-top: 10px;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-event .main-event__item-survey .text .desc {
    font-size: 17px;
  }
}

.hana-main .main-event .main-event__item-survey .text .desc span {
  display: block;
  font-weight: 700;
}

.hana-main .main-event .main-event__item-alice {
  /*background-color: #25123f;*/
  margin-top: 20px;
  border-radius: 16px;
  overflow: hidden;
  padding: 5px;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-event .main-event__item-alice {
    margin-top: 40px;
	display: flex;
  }
}

.hana-main .main-event .main-event__item-alice .inner {
  max-width: 520px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: white;
}

@media screen and (max-width: 640px) {
  .hana-main .main-event .main-event__item-alice .inner {
    padding: 0 20px;
  }
}

.hana-main .main-event .main-event__item-alice .inner .text > span {
  font-size: 20px;
  display: block;
  font-weight: 400;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-event .main-event__item-alice .inner .text > span {
    font-size: 16px;
  }
}

@media screen and (max-width: 640px) {
  .hana-main .main-event .main-event__item-alice .inner .text > span {
    font-size: 13px;
  }
}

.hana-main .main-event .main-event__item-alice .inner .text > strong {
  font-size: 25px;
  margin-top: 5px;
  font-weight: 700;
}

@media screen and (max-width: 1024px) {
  .hana-main .main-event .main-event__item-alice .inner .text > strong {
    font-size: 20px;
  }
}

@media screen and (max-width: 640px) {
  .hana-main .main-event .main-event__item-alice .inner .text > strong {
    font-size: 15px;
  }
}

.tab-ui {
  margin-top: 40px;
}

@media screen and (max-width: 640px) {
  .tab-ui {
    margin-top: 20px;
  }
}

.tab-ui__tab {
  width: 100%;
}

.tab-ui__tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #cecece;
  border-radius: 60px;
}

@media screen and (max-width: 640px) {
  .tab-ui__tab ul {
    border: 0;
    background: transparent;
    border-radius: 0;
    overflow: scroll;
  }
}

.tab-ui__tab ul li {
  width: 100%;
  text-align: center;
}

.tab-ui__tab ul li:not(:first-child) {
  border-left: 1px solid #cecece;
}

@media screen and (max-width: 640px) {
  .tab-ui__tab ul li:not(:first-child) {
    border: 0;
  }
}

.tab-ui__tab ul li:first-child button[aria-selected="true"]::after {
  width: calc(100% - 30px);
  left: 30px;
}

.tab-ui__tab ul li:last-child button[aria-selected="true"]::after {
  width: calc(100% - 30px);
}

.tab-ui__tab ul li .icon {
  display: none;
}

@media screen and (max-width: 640px) {
  .tab-ui__tab ul li .icon {
    display: block;
    width: 67px;
    height: 67px;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto 7px auto;
  }
}

@media screen and (max-width: 640px) {
  .tab-ui__tab ul li .icon img {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
  }
}

.tab-ui__tab ul button {
  text-align: center;
  height: 52px;
  font-size: 16px;
  width: 100%;
  color: #252525;
  display: block;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  white-space: nowrap;
}

@media screen and (max-width: 640px) {
  .tab-ui__tab ul button {
    height: auto;
	font-size: 14px;
  }
}

.tab-ui__tab ul button::after {
  width: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: "";
}

.tab-ui__tab ul button[aria-selected="true"] {
  color: #009178 !important;
}

.tab-ui__tab ul button[aria-selected="true"] .icon {
  border: 2px solid #009178;
}

.tab-ui__tab ul button[aria-selected="true"]::after {
  width: 100%;
  height: 6px;
  background: #009178;
  position: absolute;
  left: 0;
  bottom: -6px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 640px) {
  .tab-ui__tab ul button[aria-selected="true"]::after {
    display: none;
  }
}

.tab-ui .tab-contents {
  margin-top: 40px;
  position: relative;
}
.tab-ui .swiper-slide-controls { 
  position: absolute; 
  top: 50%; ;
  width: 100%; 
  margin-top: -20px;
}
.tab-ui .tab-contents .inner { 
  width: 100%; 
  max-width: 930px; 
  margin-left: auto; 
  margin-right: auto;
}
@media screen and (max-width: 640px) {
  .tab-ui .tab-contents {
    margin-top: 20px;
  }
}

.tab-ui .btn-more {
  display: none;
}

.tab-ui .btn-more a {
  display: block;
  width: 130px;
  height: 33px;
  line-height: 33px;
  color: #009178;
  font-size: 14px;
  border: 1px solid #009178;
  text-align: center;
  border-radius: 33px;
  margin: auto;
}

@media screen and (max-width: 640px) {
  .main-lifestyle .btn-more a {
	  color: #009178;
	  border: 1px solid #009178;
  }
  .tab-ui .btn-more {
    display: block;
	padding-top: 30px;
  }
}

.quick-aside {
  width: 205px;
  position: fixed;
  top: 60%;
  right: 40px;
  z-index: 10001;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden;
  display: block;

  
}

.quick-aside ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px transparent;
  background-color: transparent;
}

.quick-aside ::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}

.quick-aside ::-webkit-scrollbar-thumb {
  background-color: transparent;
}

@media screen and (max-width: 1280px) {
  .quick-aside {
    display: none !important;
    opacity: 0 !important;
  }
}

.quick-aside .quick-contents {
  padding: 18px 35px 18px 35px;
  background: white;
  border: 1px solid black;
  max-height: 80vh;
  overflow: auto;
  border-radius: 20px;
}

.quick-aside .title {
  display: block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.06em;
  padding-bottom: 5px;
}

.quick-aside ul li:not(:first-child) {
  margin-top: 15px;
}

.quick-aside ul li .thumb {
  width: 100%;
  height: 0;
  padding-bottom: 62%;
  overflow: hidden;
  position: relative;
}

.quick-aside ul li .thumb img {
  /* -o-object-fit: cover;
  object-fit: cover; */
  width: 100%;
  height: 86px;
}

.quick-aside ul li .text {
  margin-top: 4px;
}

.quick-aside ul li .text .category {
  color: #009178;
  display: block;
  font-size: 9px;
}

.quick-aside ul li .text span {
  display: block;
  max-width: 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 9px;
}

.quick-aside .link {
  width: 100%;
  border-radius: 54px;
  height: 54px;
  background: white;
  border: 1px solid black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 13px;
  margin-top: 5px;
}

.quick-aside .link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #727272;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.quick-aside .link a span::after {
  content: "";
  width: 11px;
  height: 13px;
  background: url("../images/ico-arrow-right.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}

.quick-aside .btn-top {
  margin-top: 5px;
}

.card-component {
  background: white;
  border-radius: 20px;
  overflow: hidden;
  max-width: 295px;
  -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.13);
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.13);
  position: relative;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.card-component a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-component .desc {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 640px) {
  .card-component {
    width: 100%;
    height: auto;
    max-width: unset;
  }
}

.card-component .thumb {
  width: 100%;
  height: 0;
  padding-bottom: 93%;
  position: relative;
}

.card-component .thumb .badge {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  width: 100%;
  color: white;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 12px 24px;
}

.card-component .thumb img {
  position: absolute;
  left: 50%;
  top: 50%;
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: translate(-50%, -50%);
}

.card-component dl {
  padding: 20px;
}

.card-component dl dt {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.04em;
}

@media screen and (max-width: 640px) {
  .card-component dl dt {
    font-size: 12px;
  }
}

.card-component dl dd {
  font-size: 20px;
  margin-top: 10px;
  font-weight: bold;
}

@media screen and (max-width: 640px) {
  .card-component dl dd {
    font-size: 17px;
    margin-top: 5px;
  }
}

.card-component--wide {
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.card-component--wide .thumb {
  width: 275px;
  height: 100%;
  padding-bottom: 20%;
  overflow: hidden;
  aspect-ratio: 1.5;
}

.card-component--wide .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px;
  width: calc(100% - 275px);
}

@media screen and (max-width: 640px) {
  .card-component--wide .desc {
    padding: 15px;
    width: 200px;
    height: 150px;
  }
}

.card-component--wide .desc dl {
  padding: 0;
  margin-top: auto;
}

@media screen and (max-width: 640px) {
  .card-component--wide .desc dl {
    margin-top: 25px;
  }
}

@media screen and (max-width: 640px) {
  .card-component--wide .desc dl dt {
    font-size: 11px;
	font-weight: bold;
  }
}

@media screen and (max-width: 640px) {
  .card-component--wide .desc dl dd {
    font-size: 13px;
	font-weight: bold;
  }
}

.card-component--wide .desc .badge {
  color: #959595;
  font-size: 13px;
}

@media screen and (max-width: 640px) {
  .card-component--wide .desc .badge {
    font-size: 11px;
  }
}

.card-component--wide .desc .badge__label::after {
  content: "/";
  margin-left: 5px;
}

@media screen and (max-width: 640px) {
  .card-component.m-landscape a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media screen and (max-width: 640px) {
  .card-component.m-portrait a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.video-component {
  background: white;
  border-radius: 20px;
  overflow: hidden;
  max-width: 290px;
  -webkit-box-shadow: 0px 8px 34.78px 2.22px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 34.78px 2.22px rgba(0, 0, 0, 0.1);
  position: relative;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

@media screen and (max-width: 480px) {
  .video-component {
    max-width: 100%;
  }
}

.video-component.video-no-icon .thumb::after {
  display: none;
}

.video-component .thumb {
  width: 100%;
  height: 0;
  padding-bottom: 139.7%;
  position: relative;
}

.video-component .thumb::after {
  content: "";
  width: 90px;
  height: 90px;
  background: url("../images/ico-play-video.png") no-repeat center/contain;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 640px) {
  .video-component .thumb::after {
    top: 50%;
    width: 70px;
    height: 70px;
  }
}

.video-component .thumb img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.video-component .video-title {
  background: white;
  border-radius: 12px;
  width: calc(100% - 40px);
  left: 20px;
  bottom: 20px;
  padding: 25px;
  position: absolute;
}

@media screen and (max-width: 1024px) {
  .video-component .video-title {
    padding: 16px;
    left: 10px;
    width: calc(100% - 20px);
    bottom: 10px;
  }
}

.video-component .video-title span {
  font-size: 15px;
}

@media screen and (max-width: 1024px) {
  .video-component .video-title span {
    font-size: 14px;
  }
}

@media screen and (max-width: 640px) {
  .video-component .video-title span {
    font-size: 12px;
  }
}

.video-component .video-title p {
  font-size: 18px;
  font-weight: 700;
}

@media screen and (max-width: 1024px) {
  .video-component .video-title p {
    font-size: 16px;
  }
}

@media screen and (max-width: 640px) {
  .video-component .video-title p {
    font-size: 14px;
  }
}

.video-component .badge {
  display: none;
  font-size: 10px;
}

@media screen and (max-width: 640px) {
  .video-component .badge__label-right {
    font-weight: 700;
    margin-top: 5px;
  }
  .video-component .badge span {
    display: block;
  }
}

@media screen and (max-width: 640px) {
  .video-component.mobile-wide {
    max-width: 100%;
  }
  .video-component.mobile-wide a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .video-component.mobile-wide .thumb {
    width: 140px;
    padding: 0;
    height: auto;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }
  .video-component.mobile-wide .video-title {
    position: static;
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }
  .video-component.mobile-wide .video-title > span {
    margin-top: 30px;
    display: block;
  }
}

.hana-sub .header {
  position: static;
  height: 185px;
  border-bottom: 1px solid black;
}

@media screen and (max-width: 1680px) {
  .hana-sub .header {
    height: 115px;
  }
}

@media screen and (max-width: 1024px) {
  .hana-sub .header {
    height: 85px;
  }
}
@media screen and (max-width: 991px) {
  .hana-sub .header {
    height: 155px;
  }
}

@media screen and (max-width: 640px) {
  .hana-sub .header {
    height: 50px;
  }
}

.hana-sub .header__logo {
  background-image: url("../images/logo.png");
}

@media screen and (max-width: 1280px) {
  .hana-sub .header__logo {
    width: 172px;
    height: 54px;
  }
}

@media screen and (max-width: 1024px) {
  .hana-sub .header__logo {
    width: 150px;
    height: 42px;
  }
}

@media screen and (max-width: 640px) {
  .hana-sub .header__logo {
    width: 80px;
    height: 22px;
    background: url("../images/logo.png") no-repeat center/contain;
  }
}

.hana-sub .header__side__search {
  background-image: url("../images/ico-search-black.png");
}
.hana-sub .search > div:after {

  content: "";
  background: #009178;
  width: 4px;
  height: 20px;
  position: absolute;
  top: 20px;
  transform: rotate(135deg);
}
}
.hana-sub .search > div:after {
	  color: #009178;
}
.hana-sub .search > div > input {
	  border-color: #009178;
  color: #009178;
}
.hana-sub .search > div > input::placeholder {
  color: #009178;
 
}
.hana-sub .header__side__lib a {
  border-color: #009178;
  color: #009178;
}
/*
.hana-sub .header__side__lib a.btn_subscribe {
  border: none;
  background:#ec2100;
  color: #fff;
}*/
.header__side__lib a.btn_subscribe {
    /* border: none; */
    /* border: 1px solid #009178; */
    background: #009178;
    color: #fff;
}
.hana-sub .header__side__lib a::after {
  background-image: url("../images/ico-back-black.png");
}
.hana-sub .header__side__lib a.btn_subscribe::after {
  background: url("../images/ico-subscribe.png") no-repeat center/contain;
}

.hana-sub .nav-list {
  position: absolute;
  width: 100%;
  top: 182px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 1680px) {
  .hana-sub .nav-list {
    top: 130px;
  }
}

@media screen and (max-width: 1024px) {
  .hana-sub .nav-list {
    top: 120px;
  }
  .sub-contents-wrap {
    margin-top: 0px;
	  padding-left: 20px;
  padding-right: 20px;
  }
}

@media screen and (max-width: 640px) {
  .hana-sub .nav-list {
    display: none;
  }
}

.sub-contents-wrap {
  margin-top: 0px;
  padding-bottom: 60px;
  overflow: hidden;

}

@media screen and (max-width: 640px) {
  .sub-contents-wrap {
    margin-top: 0px;
	  padding-left: 20px;
  padding-right: 20px;
  }
}

@media screen and (max-width: 640px) {
  .sub-contents-wrap .tab-ui {
    margin-top: 20px;
  }
}

.sub-contents-wrap .tab-ui__tab ul {
  border: 1px solid #ccc;
  border-radius: 60px;
}

.sub-contents-wrap .tab-ui__tab ul li:not(:first-child) {
  border-left: 1px solid #ccc;
}

.sub-contents-wrap .tab-ui__tab ul button {
  height: 52px;
}

.sub-contents-wrap .inner {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.contents-title {
  font-size: 32px;
  text-align: left;
  max-width: 920px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top :70px;
  color: #009178;
}

.article-default .contents-title {
	max-width: 960px;
}

@media screen and (max-width: 640px) {
  .sub-contents-wrap .tab-ui__tab {
    display: inline-block;
  }
  .sub-contents-wrap .tab-ui__tab ul button {
    height: 32px;
    font-size: 13px;
  }
}
@media screen and (max-width: 640px) {
  .contents-title {
    font-size: 20px;
  }
}

.contents-title .current {
  font-size: 27px;
  padding-left: 15px;
}

@media screen and (max-width: 640px) {
  .contents-title .current {
    font-size: 20px;
    padding-left: 5px;
  }
}

.contents-title .current::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  margin-right: 15px;
  height: 18px;
  background: url("../images/ico-page-history-arrow.png") no-repeat
    center/contain;
}

@media screen and (max-width: 640px) {
  .contents-title .current::before {
    width: 9px;
    height: 14px;
    margin-right: 5px;
  }
}

@media screen and (max-width: 1024px) {
  .sub-video-view {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.sub-video-view__title {
  background: url("../images/article-video-bg.png") no-repeat center/cover;
  height: 360px;
  padding-top: 120px;
}

@media screen and (max-width: 1024px) {
  .sub-video-view__title {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 640px) {
  .sub-video-view__title {
    height: 160px;
    padding-top: 40px;
  }
}

.sub-video-view__title .title-wrap {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.sub-video-view__title .title-wrap .title {
  font-size: 48px;
  font-weight: 700;
  position: relative;
  padding-left: 40px;
  color: #009178;
}

@media screen and (max-width: 640px) {
  .sub-video-view__title .title-wrap .title {
    font-size: 20px;
    padding-left: 20px;
  }
}

.sub-video-view__title .title-wrap .title::before {
  content: "";
  width: 7px;
  height: 100%;
  border-radius: 7px;
  position: absolute;
  background: #009178;
  left: 0;
  top: 0;
}

@media screen and (max-width: 640px) {
  .sub-video-view__title .title-wrap .title::before {
    width: 5px;
  }
}

.sub-video-view__title .title-wrap .title > span {
  font-size: 23px;
  font-weight: 400;
  display: block;
}

@media screen and (max-width: 640px) {
  .sub-video-view__title .title-wrap .title > span {
    font-size: 15px;
  }
}

.sub-video-view .video-wrap {
  margin-top: -120px;
  /* border: 1px solid #00b2a7;
  border-radius: 12px; */
  border: none;
  border-radius: 0;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  height: 506px;
 border: 10px solid #fff;
 box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08), 0 13px 45px rgba(0, 0, 0, 0.08);
}
#vimeoWrap {
  position: relative;
  padding-bottom: 56%; /* 16/9 ratio */
  padding-top: 0; /* IE6 workaround*/
  height: 0;
  overflow: hidden;
  margin: 0;
}
/* 세로형 비디오 타입 241209*/
.video-wrap.video-vertical {
	margin: 16px auto 40px;
	max-width: 480px;
}
.video-caption {
	margin-bottom: 16px;
	max-width: 480px;
	border: 1px solid #ddd;
	padding: 20px;
	border-radius: 16px;
	margin-left: auto;
	margin-right: auto;
}
.video-wrap.video-vertical #vimeoWrap {
  position: relative;
  padding-bottom: 177%;
  padding-top: 0; /* IE6 workaround*/
  height: 0;
  overflow: hidden;
  margin: 0;
}
#vimeoWrap iframe,
#vimeoWrap object,
#vimeoWrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
@media screen and (max-width: 1024px) {
  .sub-video-view .video-wrap {
    height: 0;
    padding-bottom: 56%;
    /* padding-bottom: 49.5%; */
  }
}

@media screen and (max-width: 640px) {
  .sub-video-view .video-wrap {
    margin-top: -50px;
	    border: 0;
  }
}

.sub-video-view .video-wrap .poster img,
.sub-video-view .video-wrap video {
  -o-object-fit: cover;
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}

.sub-video-view .video-wrap video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.sub-video-view .video-wrap .poster {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
  top: 0;
}

.sub-video-view #sns-share {
	padding-right: 60px;
}
.sub-video-view #sns-share .share-area {
	margin-top: 20px;
}

@media screen and (max-width: 1024px) {
.sub-video-view #sns-share {
	padding-right: 0px;
}
}

.sub-video-view .video-info {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  color: #252525;
}

@media screen and (max-width: 640px) {
  .sub-video-view .video-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.sub-video-view .video-info__title {
  padding: 35px 0;
  text-align: center;
}

@media screen and (max-width: 640px) {
  .sub-video-view .video-info__title {
    padding: 20px 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.sub-video-view .video-info__title span {
  display: block;
  font-size: 24px;
}

@media screen and (max-width: 640px) {
  .sub-video-view .video-info__title span {
    font-size: 14px;
  }
}

.sub-video-view .video-info__title strong {
  font-size: 43px;
  color: #009178;
  display: block;
}

@media screen and (max-width: 640px) {
  .sub-video-view .video-info__title strong {
    font-size: 25px;
  }
}

.sub-video-view .video-info__index {
  border-top: 1px solid #009178;
  border-bottom: 1px solid #009178;
  padding: 25px 0;
  text-align: center;
}

@media screen and (max-width: 640px) {
  .sub-video-view .video-info__index {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    border-bottom: 0;
    padding-bottom: 0;
  }
}

.sub-video-view .video-info__index li {
  color: #252525;
  font-size: 16px;
}

@media screen and (max-width: 640px) {
  .sub-video-view .video-info__index li {
    font-size: 12px;
  }
}

.sub-video-view .video-info__index li:not(:first-child) {
  margin-top: 5px;
}

.sub-video-view .video-info__cast {
  padding: 35px 0;
  text-align: left;
  font-size: 18px;
}

@media screen and (max-width: 640px) {
  .sub-video-view .video-info__cast {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-top: 0;
    font-size: 14px;
    padding-bottom: 20px;
  }
}

.sub-video-view .prev-list-wrap {
  margin: 40px auto 0;
}

@media screen and (max-width: 1024px) {
  .sub-video-view .prev-list-wrap {
    margin-left: -20px;
    margin-right: -20px;
  }
}

@media screen and (max-width: 640px) {
  .sub-video-view .prev-list-wrap {
    margin-top: 20px;
  }
}

.sub-contents-view-wrap {
  margin-top: 150px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 640px) {
  .sub-contents-view-wrap {
    margin-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }
}

.card-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px 20px;
}

@media screen and (max-width: 640px) {
  .card-list {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
  }
}

.card-list--wide {
  -ms-grid-columns: auto !important;
  grid-template-columns: auto !important;
}

.video-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px 15px;
  margin-top: 40px;
}

@media screen and (max-width: 640px) {
  .video-list {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
}

@media screen and (max-width: 480px) {
  .video-list {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
}

.btn-load-more {
  margin-top: 50px;
}

@media screen and (max-width: 640px) {
  .btn-load-more {
    margin-top: 20px;
  }
}

.btn-load-more a {
  display: block;
  width: 210px;
  height: 54px;
  line-height: 54px;
  color: #009178;
  font-size: 18px;
  border: 1px solid #009178;
  text-align: center;
  border-radius: 33px;
  margin: auto;
}

@media screen and (max-width: 640px) {
  .btn-load-more a {
    width: 130px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
}

.board-title {
  text-align: center;
  font-size: 38px;
  padding-bottom: 80px;
  font-weight: 700;
}

@media screen and (max-width: 640px) {
  .board-title {
    padding-bottom: 30px;
    font-size: 20px;
  }
}

.board-search-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 640px) {
  .board-search-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
  }
}

.board-search-box .search-opt {
  width: 103px;
  border: 1px solid #9e9e9e;
  height: 40px;
}

.board-search-box .search-opt select {
  border: 0;
  line-height: 40px;
  color: black;
  font-size: 14px;
}

@media screen and (max-width: 640px) {
  .board-search-box .search-opt select {
    font-size: 11px;
  }
}

.board-search-box .input-box {
  border: 1px solid #9e9e9e;
  height: 40px;
  margin-left: 2px;
  width: 290px;
  position: relative;
}

.board-search-box .input-box .btn-search {
  width: 40px;
  height: 40px;
  background: url("../images/ico-search-black.png") no-repeat center/20px;
  position: absolute;
  right: 0;
  top: 0;
}

@media screen and (max-width: 640px) {
  .board-search-box .input-box .btn-search {
    background-size: 16px;
  }
}

.board-search-box .input-box input {
  border: 0;
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 640px) {
  .board-search-box .input-box input {
    font-size: 11px;
  }
}

.board-list {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

.board-list .col-num {
  width: 90px;
}

@media screen and (max-width: 640px) {
  .board-list .col-num {
    width: 60px;
  }
}

.board-list .col-title {
  width: 590px;
}

@media screen and (max-width: 1024px) {
  .board-list .col-title {
    width: 300px;
  }
}

@media screen and (max-width: 640px) {
  .board-list .col-title {
    width: calc(100% - 60px);
  }
}

.board-list .col-writer {
  width: 90px;
}

.board-list .col-date {
  width: 120px;
}

.board-list .col-hits {
  width: 60px;
}

.board-list__header {
  background-color: #f7f7f7;
  border-top: 1px solid #b8b8b8;
  border-bottom: 1px solid #b8b8b8;
  color: #9e9e9e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.board-list__header span {
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
  text-align: center;
  display: block;
  word-break: keep-all;
  font-size: 12px;
}

@media screen and (max-width: 640px) {
  .board-list__header span {
    height: 36px;
    line-height: 36px;
  }
}

@media screen and (max-width: 640px) {
  .board-list__header .col-writer,
  .board-list__header .col-date,
  .board-list__header .col-hits {
    display: none;
  }
}

.board-list__content [class*="col-"] {
  font-size: 15px;
}

@media screen and (max-width: 640px) {
  .board-list__content [class*="col-"] {
    font-size: 11px;
  }
}

.board-list__content .cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 37px 0;
  border-bottom: 1px solid #b8b8b8;
}

@media screen and (max-width: 640px) {
  .board-list__content .cell {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 20px;
  }
}

.board-list__content .cell p {
  padding: 0 10px;
}

@media screen and (max-width: 640px) {
  .board-list__content .cell p {
    padding: 16px 10px;
  }
}

.board-list__content .cell .col-num {
  color: #00aeef;
}

@media screen and (max-width: 640px) {
  .board-list__content .cell .col-num {
    width: 60px;
  }
}

.board-list__content .cell .col-title {
  font-size: 19px;
  max-width: 80%;
  max-width: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

@media screen and (max-width: 640px) {
  .board-list__content .cell .col-title {
    width: calc(100% - 60px);
    max-width: 100%;
    text-align: left;
    font-size: 12px;
  }
}

@media screen and (max-width: 640px) {
  .board-list__content .cell .col-writer,
  .board-list__content .cell .col-date,
  .board-list__content .cell .col-hits {
    text-align: center;
    width: 33.33%;
    padding: 10px;
    border-top: 1px solid #eaeaea;
    font-size: 11tpx;
  }
}

.board-list .board-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 45px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.board-list .board-pagination a {
  font-size: 15px;
  color: #3c3c3c;
  margin: 0 5px;
  width: 16px;
  height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 640px) {
  .board-list .board-pagination a {
    font-size: 11px;
    width: 11px;
    height: 11px;
  }
}

.board-list .board-pagination a.page-prev {
  background: url("../images/ico-mobile-nav-arrow.png") no-repeat center/contain;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.board-list .board-pagination a.page-next {
  background: url("../images/ico-mobile-nav-arrow.png") no-repeat center/contain;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.board-list .board-pagination a.page-current {
  color: #e00075;
}

.board-view-top h2 {
  font-size: 27px;
  font-weight: 400;
}

@media screen and (max-width: 640px) {
  .board-view-top h2 {
    font-size: 18px;
    text-align: center;
  }
}

.board-view-top__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #b1b1b1;
  border-bottom: 1px solid #b1b1b1;
  padding: 17px 0;
  margin-top: 40px;
}

@media screen and (max-width: 640px) {
  .board-view-top__info {
    margin-top: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.board-view-top__info .item {
  padding: 0 40px 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #191919;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  border-right: 1px solid #b1b1b1;
}

@media screen and (max-width: 640px) {
  .board-view-top__info .item {
    font-size: 12px;
    border-right: 0;
    padding: 0 10px;
  }
}

.board-view-top__info .item dt {
  padding-right: 25px;
}

@media screen and (max-width: 640px) {
  .board-view-top__info .item dt {
    padding: 0;
  }
  .board-view-top__info .item dt::after {
    content: ":";
    display: inline-block;
    vertical-align: middle;
  }
}

.board-view-cont {
  padding: 70px 50px;
  font-size: 18px;
  line-height: 140%;
}

@media screen and (max-width: 640px) {
  .board-view-cont {
    font-size: 13px;
    padding: 30px 20px;
  }
}

.board-view-cont * {
  font-weight: 300;
}

@media screen and (max-width: 640px) {
  .board-view-cont * {
    font-size: 13px;
  }
}

.board-view-cont img {
  max-width: 100%;
  margin: 50px 0;
}

@media screen and (max-width: 640px) {
  .board-view-cont img {
    margin: 20px 0;
  }
}

.board-view-footer {
  border-top: 1px solid #b1b1b1;
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 15px;
}

@media screen and (max-width: 640px) {
  .board-view-footer {
    font-size: 12px;
    padding: 20px 0;
  }
}

.board-view-footer [class*="btn-"]::before,
.board-view-footer [class*="btn-"]::after {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 640px) {
  .board-view-footer [class*="btn-"]::before,
  .board-view-footer [class*="btn-"]::after {
    width: 12px;
    height: 12px;
    margin-top: -2px;
  }
}

.board-view-footer .btn-list {
  margin: 0 40px;
}

.board-view-footer .btn-list::before {
  content: "";
  background: url("../images/ico-board-list.png") no-repeat center/contain;
  margin-right: 10px;
}

.board-view-footer .btn-prev::before {
  content: "";
  background: url("../images/ico-board-prev.png") no-repeat center/contain;
  margin-right: 10px;
}

.board-view-footer .btn-next::after {
  content: "";
  background: url("../images/ico-board-next.png") no-repeat center/contain;
  margin-left: 10px;
}

.hana-news {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.hana-news-top {
  margin-top: 50px;
}

@media screen and (max-width: 640px) {
  .hana-news-top {
    margin-top: 25px;
  }
}

.hana-news-top img {
  width: 100%;
  max-width: 100%;
}

.hana-news-top__title {
  text-align: center;
  font-size: 27px;
  font-weight: 700;
  margin: 30px auto;
}

@media screen and (max-width: 640px) {
  .hana-news-top__title {
    font-size: 14px;
    margin: 15px auto;
  }
}

.hana-news-top__title > strong {
  font-size: 44px;
  display: block;
  margin-top: 5px;
}

@media screen and (max-width: 640px) {
  .hana-news-top__title > strong {
    font-size: 22px;
  }
}

.hana-news-top__title::after {
  content: "";
  width: 100%;
  height: 18px;
  background: url("../images/article-01-hananews-line.png") no-repeat
    center/contain;
  display: block;
  margin-top: 40px;
}

@media screen and (max-width: 640px) {
  .hana-news-top__title::after {
    margin-top: 15px;
  }
}

.hana-news-cont .bg-title {
  background: #00928c;
  border-radius: 100px;
  padding: 28px 10px;
  text-align: center;
  font-size: 19px;
  color: white;
}

@media screen and (max-width: 640px) {
  .hana-news-cont .bg-title {
    font-size: 13px;
    padding: 17px 10px;
  }
}

.hana-news-cont .text-wrap {
  color: black;
  font-size: 16px;
  font-weight: 300;
  margin-top: 40px;
  line-height: 150%;
  padding: 0 25px;
}

@media screen and (max-width: 640px) {
  .hana-news-cont .text-wrap {
    font-size: 13px;
    padding: 0;
    margin-top: 20px;
  }
}

.prev-list-wrap {
  background: #eff2f3;
  padding: 80px 0;
  margin: 40px -20px -60px -20px;
}

@media screen and (max-width: 1024px) {
  .prev-list-wrap {
    padding: 60px 20px;
  }
}

@media screen and (max-width: 640px) {
  .prev-list-wrap {
    padding: 40px 20px;
  }
}

.prev-list-wrap .prev-list__inner {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.prev-list-wrap h3 {
  font-size: 22px;
}

@media screen and (max-width: 640px) {
  .prev-list-wrap h3 {
    font-size: 14px;
    text-align: center;
  }
}

.prev-list-wrap h3::before {
  content: "";
  width: 44px;
  height: 44px;
  background: url("../images/article-prev-arrow.png") no-repeat center/contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}

@media screen and (max-width: 640px) {
  .prev-list-wrap h3::before {
    width: 25px;
    height: 25px;
  }
}

.prev-list-wrap .prev-list {
  margin-top: 15px;
  display: -ms-grid;
  display: grid;
  grid-gap: 0 16px;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 640px) {
  .prev-list-wrap .prev-list {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    grid-gap: 20px 0;
  }
}

@media screen and (max-width: 640px) {
  .prev-list-wrap .prev-list .card-component {
    max-width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 144px;
  }
}

@media screen and (max-width: 640px) {
  .prev-list-wrap .prev-list .card-component .thumb .badge {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  .prev-list-wrap .prev-list .card-component .thumb {
    width: 144px;
    padding: 0;
    height: auto;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }
}

@media screen and (max-width: 640px) {
  .prev-list-wrap .prev-list .card-component .desc {
    width: calc(100% - 144px);
  }
}

.prev-list-wrap .prev-list .card-component .desc .badge {
  display: none;
}

@media screen and (max-width: 640px) {
  .prev-list-wrap .prev-list .card-component .desc .badge {
    display: block;
  }
}

.prev-list-wrap .prev-list .card-component .desc .badge > span {
  display: block;
  font-size: 10px;
}

@media screen and (max-width: 640px) {
  .prev-list-wrap .prev-list .card-component .desc {
    padding: 15px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .prev-list-wrap .prev-list .card-component .desc dl {
    padding: 0;
    margin-top: 25px;
  }
}

.card-news {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
  margin-top: 20px;
}

@media screen and (max-width: 640px) {
  .card-news {
    margin-bottom: 50px;
  }
}

.card-news #sns-share .share-area {
	margin-top: 0;
	margin-bottom: 20px;
}

.card-news-top {
  background: #009178;
  border-radius: 0;
  padding: 40px 30px 30px 30px;
  text-align: center;
  color: white;
}

@media screen and (max-width: 640px) {
  .card-news-top {
    padding: 30px 10px 20px 10px;
  }
}

.card-news-top .text {
  border-bottom: 1px solid white;
  padding-bottom: 20px;
}

@media screen and (max-width: 640px) {
  .card-news-top .text {
    padding-bottom: 10px;
  }
}

.card-news-top .text > span {
  display: block;
  font-size: 26px;
}

@media screen and (max-width: 640px) {
  .card-news-top .text > span {
    font-size: 14px;
  }
}

.card-news-top .text > strong {
  display: block;
  font-size: 44px;
  font-weight: 700;
}

@media screen and (max-width: 640px) {
  .card-news-top .text > strong {
    font-size: 22px;
  }
}

.card-news-top .dept {
  margin-top: 20px;
}
.editor-align p {display: inline-block; text-align: left;}
.editor-align span {display: inline-block; width: 50px;}

@media screen and (max-width: 640px) {
  .card-news-top .dept {
    margin-top: 10px;
    font-size: 11px;
  }
  .editor-align span {display: inline-block; width: 36px;}
}

.card-news-slide {
  border-radius: 0;
  /* background: #cfe7e7; */
  width: 100%;
  overflow: hidden;
  position: relative;
}

.card-news-slide-wrap {
  width: 100%;
  position: relative;
}

.card-news-slide img {
  max-width: 100%;
}

.card-news .swiper-slide {
  overflow: hidden;
  width: 100%;
}

.card-news .swiper-slide-controls {
	height: 45px;
}
.card-news .swiper-button-prev,
.card-news .swiper-button-next {
  width: 115px;
  height: 115px;
  border-radius: 100%;
  background-color: white;
  -webkit-box-shadow: 0px 8px 25.6px 6.4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 25.6px 6.4px rgba(0, 0, 0, 0.1);
  opacity: 0.5;
  top: 50%;
  -webkit-transform-origin: top;
  transform-origin: top;
}

@media screen and (max-width: 1024px) {
  .card-news .swiper-button-prev,
  .card-news .swiper-button-next {
    width: 80px;
    height: 80px;
  }
}

@media screen and (max-width: 640px) {
  .card-news .swiper-button-prev,
  .card-news .swiper-button-next {
    width: 40px;
    height: 40px;
    background-size: 10px;
  }
}

.card-news .swiper-button-next {
  background: #fff url("../images/ico-card-news-next.png") no-repeat center center/30%;
  right: -70px;
  -webkit-transform: rotate(0) translateY(-50%);
  transform: rotate(0) translateY(-50%);
}

@media screen and (max-width: 1024px) {
  .card-news .swiper-button-next {
    right: 20px;
  }
}

@media screen and (max-width: 640px) {
  .card-news .swiper-button-next {
    right: -10px;
  }
}

.card-news .swiper-button-prev {
  background: #fff url("../images/ico-card-news-next.png") no-repeat center center/30%;
  -webkit-transform: rotate(-180deg) translateY(-50%);
  transform: rotate(-180deg) translateY(-50%);
  left: -70px;
}

.card-news .swiper-button-prev::after, .card-news .swiper-button-next::after {
	content: '';
}

@media screen and (max-width: 1024px) {
  .card-news .swiper-button-prev {
    left: 20px;
  }
}

@media screen and (max-width: 640px) {
  .card-news .swiper-button-prev {
    left: -10px;
  }
}

.card-news .swiper-pagination {
  margin-top: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

@media screen and (max-width: 640px) {
  .card-news .swiper-pagination {
    margin-top: 10px;
  }
}

.card-news .swiper-pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background: white;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #636363;
  margin: 0 5px;
  opacity: 1;
}

@media screen and (max-width: 640px) {
  .card-news .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 2px;
  }
}

.card-news .swiper-pagination .swiper-pagination-bullet-active {
  background: #009178;
}

/* 상단없는 카드뉴스 */
.card-news.no-top .swiper-slide img {
	border-radius: 0px;
}

.calendar-wrap {
  margin-top:0px;
}

@media screen and (max-width: 640px) {
  .calendar-wrap {
    margin-top: 30px;
	margin-left: -20px;
    margin-right: -20px;
}
  }
}

@media screen and (max-width: 640px) {
  .calendar-wrap .contents-title {
    padding-left: 20px;
  }
}

.calendar-wrap .culture-calendar {
  max-width: 920px;
  margin-top: 25px;
}

.calendar-wrap .calendar-month {
  background: #00a7a0;
  margin-top: 20px;
  padding: 0 20px;
}

.calendar-wrap .calendar-month .inner {
  max-width: 920px;
  padding: 50px 0;
  margin: auto;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 640px) {
  .calendar-wrap .calendar-month .inner {
    padding: 20px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
  }
}

.calendar-wrap .calendar-month .inner strong {
  font-size: 40px;
  font-family: Prentendard, sans-serif;
  letter-spacing: -0.03em;
  font-weight: 700;
}

@media screen and (max-width: 1024px) {
  .calendar-wrap .calendar-month .inner strong {
    font-size: 50px;
  }
}

@media screen and (max-width: 640px) {
  .calendar-wrap .calendar-month .inner strong {
    font-size: 40px;
  }
}

.calendar-wrap .calendar-month .inner p {
  font-family: Prentendard, sans-serif;
  font-size: 18px;
  line-height: 120%;
  padding-left: 20px;
}

@media screen and (max-width: 1024px) {
  .calendar-wrap .calendar-month .inner p {
    font-size: 18px;
  }
}

@media screen and (max-width: 640px) {
  .calendar-wrap .calendar-month .inner p {
    font-size: 12px;
    padding-left: 0;
  }
}

.calendar-wrap .calendar-contents {
  max-width: 920px;
  margin: 70px auto 80px auto;
  padding: 0 20px;
}

@media screen and (max-width: 1024px) {
  .calendar-wrap .calendar-contents {
    margin-top: 30px;
  }
}

.calendar-wrap .calendar-contents ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 60px 100px;
}

@media screen and (max-width: 1024px) {
  .calendar-wrap .calendar-contents ul {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px 20px;
  }
}

@media screen and (max-width: 640px) {
  .calendar-wrap .calendar-contents ul {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px 20px;
  }
}

.calendar-wrap .calendar-contents ul li {
  border-top: 2px solid #333;
  max-width: 275px;
  font-family: Pretendard, sans-serif;
  border-bottom: 2px solid #333;
  padding-bottom: 20px;
}

@media screen and (max-width: 1024px) {
  .calendar-wrap .calendar-contents ul li {
    max-width: 450px;
  }
}

@media screen and (max-width: 640px) {
  .calendar-wrap .calendar-contents ul li {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 40px 0;
  }
}

@media screen and (max-width: 640px) {
  .calendar-wrap .calendar-contents .event-top {
    width: calc(100% - 130px);
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: stretch;
    align-self: stretch;
  }
}

.calendar-wrap .calendar-contents .event-top .title {
  height: 100%;
  font-size: 24px;
  font-weight: 700;
  white-space: initial;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: keep-all;
  max-height: 125px;
  height: 125px;
  display: block;
  position: relative;
  line-height: 120%;
  word-break: keep-all;
  text-align: left;
  padding-top: 20px;
}

@media screen and (max-width: 640px) {
  .calendar-wrap .calendar-contents .event-top .title {
    font-size: 14px;
    max-height: 50px;
    height: auto;
    padding-top: 0;
    padding-right: 10px;
  }
}

.calendar-wrap .calendar-contents .event-top .title::after {
  content: "";
  width: 9px;
  height: 9px;
  background: #009178;
  position: absolute;
  top: 10px;
  right: 0;
}

@media screen and (max-width: 640px) {
  .calendar-wrap .calendar-contents .event-top .title::after {
    width: 4px;
    height: 4px;
    top: 0;
  }
}

.calendar-wrap .calendar-contents .location {
  margin-top: 20px;
  border-top: 1px dotted #333;
  padding-top: 20px;
}

@media screen and (max-width: 640px) {
  .calendar-wrap .calendar-contents .location {
    margin-top: auto;
    padding-top: 0;
    margin-top: 0;
    padding-top: 10px;
  }
}

.calendar-wrap .calendar-contents .date {
  color: #00a7a0;
  font-weight: 500;
  font-size: 20px;
  display: block;
}

.calendar-wrap .calendar-contents .date-purple {
  color: #7c1db3;
}

@media screen and (max-width: 640px) {
  .calendar-wrap .calendar-contents .date {
    font-size: 11px;
    margin-bottom: 10px;
    margin-top: auto;
  }
}

.calendar-wrap .calendar-contents .contact {
  padding-bottom: 20px;
}

@media screen and (max-width: 640px) {
  .calendar-wrap .calendar-contents .contact {
    font-size: 11px;
    padding-bottom: 0;
  }
}

.calendar-wrap .thumb {
  border-radius: 20px;
  /* overflow: hidden; */
  position: relative;
  height: 0;
  padding-bottom: 150%;
}

@media screen and (max-width: 640px) {
  .calendar-wrap .thumb {
    width: 130px;
    padding-bottom: 0;
    height: 130px;
    margin: 0;
  }
}

.calendar-wrap .thumb img {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid #eee;
}

.calendar-wrap .cal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #000;
  color: #00a7a0;
  font-size: 13px;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .calendar-wrap .cal__header {
    display: none;
  }
}

.calendar-wrap .cal__header .cell {
  padding-bottom: 10px;
  text-align: center;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}

.calendar-wrap .cal__header .cell.sun {
  color: #e735aa;
}

.calendar-wrap .cal__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [7];
  grid-template-columns: repeat(7, 1fr);
}

@media screen and (max-width: 1024px) {
  .calendar-wrap .cal__body {
    display: block;
  }
}

.calendar-wrap .cal__body .cell {
  width: 100%;
  height: 170px;
  padding: 20px 10px;
  position: relative;
  border-bottom: 1px solid #000;
}

@media screen and (max-width: 1024px) {
  .calendar-wrap .cal__body .cell {
    padding: 20px 20px 10px 20px;
    border-color: #dfdfdf;
    height: auto;
    min-height: 105px;
  }
}

@media screen and (max-width: 1024px) {
  .calendar-wrap .cal__body .cell-prev,
  .calendar-wrap .cal__body .cell-next {
    display: none;
  }
}

.calendar-wrap .cal__body .cell-sun .day > em {
  color: #e735aa !important;
}

.calendar-wrap .cal__body .cell.event-start::after {
  content: "";
  width: calc(100% - 10px);
  background: #dbf1eb;
  position: absolute;
  left: 10px;
  top: 40px;
  height: calc(100% - 50px);
  z-index: -1;
  border-radius: 60px 0 0 60px;
}

@media screen and (max-width: 1024px) {
  .calendar-wrap .cal__body .cell.event-start::after {
    border-radius: 30px 30px 0 0;
    left: 55px;
    top: 20px;
    height: calc(100% - 20px);
    width: calc(100% - 55px);
  }
}

.calendar-wrap .cal__body .cell.event-mid::after {
  content: "";
  width: 100%;
  background: #dbf1eb;
  position: absolute;
  left: 0;
  top: 40px;
  height: calc(100% - 50px);
  z-index: -1;
}

@media screen and (max-width: 1024px) {
  .calendar-wrap .cal__body .cell.event-mid::after {
    left: 55px;
    top: 0;
    height: 100%;
    width: calc(100% - 55px);
  }
}

.calendar-wrap .cal__body .cell.event-end::after {
  content: "";
  width: calc(100% - 10px);
  background: #dbf1eb;
  position: absolute;
  left: 0;
  top: 40px;
  height: calc(100% - 50px);
  z-index: -1;
  border-radius: 0 60px 60px 0;
}

@media screen and (max-width: 1024px) {
  .calendar-wrap .cal__body .cell.event-end::after {
    left: 55px;
    top: 0;
    height: calc(100% - 20px);
    width: calc(100% - 55px);
    border-radius: 0 0 30px 30px;
  }
}

.calendar-wrap .cal__body .cell:not(:nth-child(7n + 1))::before {
  content: "";
  width: 1px;
  height: calc(100% - 40px);
  border-left: 1px dotted #333;
  position: absolute;
  left: 0;
  top: 20px;
}

@media screen and (max-width: 1024px) {
  .calendar-wrap .cal__body .cell:not(:nth-child(7n + 1))::before {
    display: none;
  }
}

.calendar-wrap .cal__body .cell .day {
  text-align: center;
  border-radius: 24px;
  color: white;
  font-size: 11px;
  display: block;
  line-height: 24px;
  margin-left: auto;
  width: 24px;
  height: 24px;
  background: #c3c3c3;
}

.calendar-wrap .cal__body .cell .day em {
  display: none;
}

@media screen and (max-width: 1024px) {
  .calendar-wrap .cal__body .cell .day em {
    display: block;
    font-size: 12px;
    color: #00a7a0;
    line-height: 1;
  }
}

@media screen and (max-width: 1024px) {
  .calendar-wrap .cal__body .cell .day {
    font-family: "GmarketSansMedium";
    font-size: 18px;
    width: auto;
    height: auto;
    background: transparent;
    color: #959595;
    text-align: left;
    position: absolute;
    left: 20px;
    top: 20px;
  }
}

.calendar-wrap .cal__body .cell-cont {
  margin-top: 20px;
  font-family: Pretendard, sans-serif;
}

@media screen and (max-width: 1024px) {
  .calendar-wrap .cal__body .cell-cont {
    padding-left: 45px;
    margin-top: 0;
  }
}

.calendar-wrap .cal__body .cell-cont .title {
  font-size: 15px;
  line-height: 120%;
  margin-bottom: 5px;
  font-weight: 700;
  white-space: initial;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: keep-all;
  max-height: 55px;
  height: 55px;
}

@media screen and (max-width: 1024px) {
  .calendar-wrap .cal__body .cell-cont .title {
    height: auto;
  }
}

@media screen and (max-width: 1024px) {
  .calendar-wrap .cal__body .cell-cont .date {
    margin-top: 20px;
    margin-bottom: 0;
  }
}

.calendar-wrap .cal__body .cell-cont .date,
.calendar-wrap .cal__body .cell-cont .contact {
  font-size: 12px;
  display: block;
}

.survey-wrap {
  margin-top: 150px;
  margin-bottom: 100px;
  min-height: 100vh;
  color: #191919;
}

@media screen and (max-width: 640px) {
  .survey-wrap {
    margin-top: 60px;
  }
}

.survey-wrap .contents-title {
  font-size: 38px;
  text-align: center;
  padding-bottom: 30px;
}

@media screen and (max-width: 640px) {
  .survey-wrap .contents-title {
    font-size: 23px;
  }
}

.survey-wrap .survey {
  max-width: 960px;
  margin: auto;
}

.survey-wrap .survey-top-info {
  border-bottom: 1px solid #cbcbcb;
  font-size: 20px;
}

.survey-wrap .survey-top-info .text-wrap {
  padding: 50px;
  line-height: 150%;
}

@media screen and (max-width: 1024px) {
  .survey-wrap .survey-top-info .text-wrap {
    padding: 25px;
  }
}

@media screen and (max-width: 640px) {
  .survey-wrap .survey-top-info .text-wrap {
    padding: 20px;
    font-size: 13px;
  }
}

.survey-wrap .survey-top-info .text-wrap .period span {
  color: #00a7a0;
}

.survey-wrap .survey-top-info .text-wrap p + p {
  margin-top: 20px;
}

.survey-wrap .survey-agreement {
  padding: 50px;
  border-bottom: 1px solid #cbcbcb;
}

@media screen and (max-width: 1024px) {
  .survey-wrap .survey-agreement {
    padding: 25px;
  }
}

@media screen and (max-width: 640px) {
  .survey-wrap .survey-agreement {
    padding: 20px;
  }
}

.survey-wrap .survey-agreement .text-wrap {
  border: 1px solid #cbcbcb;
  padding: 50px;
  line-height: 150%;
  font-size: 14px;
    font-family: sans-serif;
}

@media screen and (max-width: 640px) {
  .survey-wrap .survey-agreement .text-wrap {
    padding: 20px;
    font-size: 12px;
  }
}

.survey-wrap .survey-agreement .checkbox-wrap {
  margin-top: 20px;
  margin-left: 60px;
}

@media screen and (max-width: 1024px) {
  .survey-wrap .survey-agreement .checkbox-wrap {
    margin-left: 0;
  }
}

.survey-wrap .survey-section {
  padding: 50px;
  border-bottom: 1px solid #cbcbcb;
}

@media screen and (max-width: 1024px) {
  .survey-wrap .survey-section {
    padding: 25px;
  }
}

@media screen and (max-width: 640px) {
  .survey-wrap .survey-section {
    padding: 0px;
	padding-top: 20px;
    padding-bottom: 20px;
  }
}

.survey-wrap .survey-section .caution-info .important {
  color: #00a7a0;
}

.survey-wrap .survey-section .caution-info p + p {
  margin-top: 20px;
}

.survey-wrap .survey-section fieldset {
  padding-left: 60px;
  max-width: 720px;
}

@media screen and (max-width: 1024px) {
  .survey-wrap .survey-section fieldset {
    padding-left: 0;
    max-width: 100%;
  }
}

.survey-wrap .survey-section .input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 19px;
}

@media screen and (max-width: 640px) {
  .survey-wrap .survey-section .input-wrap {
    font-size: 12px;
  }
}

.survey-wrap .survey-section .input-wrap:first-of-type {
  margin-top: 50px;
}

@media screen and (max-width: 640px) {
  .survey-wrap .survey-section .input-wrap:first-of-type {
    margin-top: 20px;
  }
}

.survey-wrap .survey-section .input-wrap + .input-wrap {
  margin-top: 13px;
}

@media screen and (max-width: 640px) {
  .survey-wrap .survey-section .input-wrap + .input-wrap {
    margin-top: 8px;
  }
}

.survey-wrap .survey-section .input-wrap input[type="text"] {
  border: 1px solid #00a7a0;
  height: 50px;
  width: 100%;
  border-radius: 6px;
}

@media screen and (max-width: 640px) {
  .survey-wrap .survey-section .input-wrap input[type="text"] {
    height: 30px;
  }
}

.survey-wrap .survey-section .input-wrap input[type="text"].short {
  max-width: 290px;
}

.survey-wrap .survey-section .input-wrap.input-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.survey-wrap .survey-section .input-wrap.input-row label {
  width: 90px;
}

@media screen and (max-width: 640px) {
  .survey-wrap .survey-section .input-wrap.input-row label {
    width: 55px;
  }
}

.survey-wrap .survey-section .input-wrap.input-row input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.survey-wrap .survey-section .q-text {
  font-size: 19px;
}

@media screen and (max-width: 640px) {
  .survey-wrap .survey-section .q-text {
    font-size: 12px;
  }
}

.survey-wrap .survey-section .input-radio-row + [class*="input-radio"] {
  margin-top: 50px;
}

@media screen and (max-width: 640px) {
  .survey-wrap .survey-section .input-radio-row + [class*="input-radio"] {
    margin-top: 35px;
  }
}

.survey-wrap .survey-section .input-radio-row .radio-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  
}

@media screen and (max-width: 640px) {
  .survey-wrap .survey-section .input-radio-row .radio-list {
    margin-top: 15px;
  }
}

.survey-wrap .survey-section .input-radio-row .radio-list li {
  word-break: keep-all;
  white-space: nowrap;
  margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
  .survey-wrap .survey-section .input-radio-row .radio-list li {
    width: calc(33.333% - 10px);
  }
}

.survey-wrap .survey-section .input-radio-row .radio-list li.full {
  width: 100%;
  margin-left: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 5px;
}

@media screen and (max-width: 640px) {
  .survey-wrap .survey-section .input-radio-row .radio-list li.full {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.survey-wrap .survey-section .input-radio-row .radio-list li.full .radio-wrap {
  margin-bottom: 0;
}

.survey-wrap .survey-section .input-radio-row .radio-list li.full input {
  margin-left: 10px;
  height: 50px;
  border: 1px solid #959595;
  border-radius: 6px;
}

@media screen and (max-width: 640px) {
  .survey-wrap .survey-section .input-radio-row .radio-list li.full input {
    margin-left: 0;
    width: 100%;
    margin-top: 8px;
  }
}

.survey-wrap .survey-section .input-radio-row .radio-list li:not(:last-child) {
  margin-right: 30px;
}

@media screen and (max-width: 640px) {
  .survey-wrap
    .survey-section
    .input-radio-row
    .radio-list
    li:not(:last-child) {
    margin-right: 10px;
  }
}

.survey-wrap .survey-section .input-radio-col + [class*="input-radio"] {
  margin-top: 50px;
}

@media screen and (max-width: 640px) {
  .survey-wrap .survey-section .input-radio-col + [class*="input-radio"] {
    margin-top: 35px;
  }
}

.survey-wrap .survey-section .input-radio-col .radio-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 20px;
}

@media screen and (max-width: 640px) {
  .survey-wrap .survey-section .input-radio-col .radio-list {
    margin-top: 15px;
  }
}

.survey-wrap .survey-section .input-radio-col .radio-list li {
  word-break: keep-all;
  white-space: nowrap;
}

.survey-wrap .survey-section .input-radio-col .radio-list li:not(:first-child) {
  margin-top: 5px;
}

.survey-wrap .survey-section .input-textarea {
  margin-top: 20px;
}

@media screen and (max-width: 640px) {
  .survey-wrap .survey-section .input-textarea {
    margin-top: 10px;
  }
}

.survey-wrap .survey-section .input-textarea textarea {
  border: 1px solid #959595;
  padding: 10px;
  height: 130px;
  resize: none;
  border-radius: 6px;
}

.survey-wrap .survey-title {
  font-size: 27px;
  color: #00a7a0;
  padding: 24px 50px;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}

@media screen and (max-width: 640px) {
  .survey-wrap .survey-title {
    font-size: 16px;
    padding: 20px 20px;
  }
}

.survey-wrap .benefits {
  font-size: 16px;
  line-height: 150%;
  color: #959595;
  margin-top: 10px;
}

@media screen and (max-width: 640px) {
  .survey-wrap .benefits {
    font-size: 12px;
  }
}

.survey-wrap .btn-submit {
  margin-top: 20px;
}

.survey-wrap .btn-submit button {
  border: 1px solid #009178;
  color: #009178;
  font-size: 17px;
  margin: auto;
  text-align: center;
  width: 210px;
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 55px;
}

@media screen and (max-width: 640px) {
  .survey-wrap .btn-submit button {
    font-size: 12px;
    width: 130px;
    height: 33px;
  }
}

.hana-sub-default .quick-aside {
  display: none;
}

.hana-sub-default .header {
  position: static;
  height: 170px;
  padding: 25px 95px 0 95px;
  border-bottom: 1px solid black;
}

@media screen and (max-width: 640px) {
  .hana-sub-default .header {
    height: 40px;
    padding: 10px;
  }
}

.hana-sub-default .header__logo {
  background-image: url("../images/logo-black.png");
}

@media screen and (max-width: 1280px) {
  .hana-sub-default .header__logo {
    width: 172px;
    height: 54px;
  }
}

@media screen and (max-width: 1024px) {
  .hana-sub-default .header__logo {
    width: 150px;
    height: 42px;
  }
}

@media screen and (max-width: 640px) {
  .hana-sub-default .header__logo {
    width: 80px;
    height: 22px;
    background: url("../images/logo-black.png") no-repeat center/contain;
  }
}

.hana-sub-default .header__side__search {
  background-image: url("../images/ico-search-black.png");
}

.hana-sub-default .header__side__lib a {
  border-color: black;
  color: black;
}

.hana-sub-default .header__side__lib a::after {
  background-image: url("../images/ico-back-black.png");
}

.hana-sub-default .nav-list {
  position: absolute;
  width: 100%;
  max-width: 100%;
  top: 150px;
  height: 70px;
  left: 0;
  -webkit-transform: none;
  transform: none;
  border: 0;
  border-radius: 0;
  border-top: 1px solid #666;
}

@media screen and (max-width: 640px) {
  .hana-sub-default .nav-list {
    display: none;
  }
}

.hana-sub-default .nav-list .nav-sub > ul {
  padding-top: 20px;
}

.hana-sub-default .nav-list .nav-sub > ul > li > a {
  font-size: 22px;
}

@media screen and (max-width: 1024px) {
  .hana-sub-default .nav-list .nav-sub > ul > li > a {
    font-size: 18px;
  }
}

.hana-sub-default .nav-list::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 70px;
  left: 0;
  background: #666;
}

.hana-sub-default .nav-list.view-all {
  height: 460px;
}

.hana-sub-default .nav-list__inner {
  max-width: 1520px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 70px;
  position: relative;
}

.hana-sub-default .nav-list__inner .btn-view-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 102;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
  position: absolute;
  background: #33c1b9;
  left: 0;
  height: 70px;
  width: 70px;
  top: 0;
  cursor: pointer;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
}

.hana-sub-default .nav-list__inner .btn-view-menu span {
  width: 30px;
  height: 4px;
  background: white;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.hana-sub-default .nav-list__inner .btn-view-menu.view-all {
  background: #666;
}

.hana-sub-default .nav-list__inner .btn-view-menu.view-all span {
  background: white;
}

.hana-sub-default .nav-list__inner .btn-view-menu.view-all span:nth-child(2) {
  width: 0;
  height: 0;
}

.hana-sub-default .nav-list__inner .btn-view-menu.view-all span:nth-child(1) {
  -webkit-transform: rotate(45deg) translate(5px, 5px);
  transform: rotate(45deg) translate(5px, 5px);
}

.hana-sub-default .nav-list__inner .btn-view-menu.view-all span:nth-child(3) {
  -webkit-transform: rotate(-45deg) translate(5px, -5px);
  transform: rotate(-45deg) translate(5px, -5px);
}

.hana-sub-default .nav-list__inner > ul > li:last-child > a {
  border-right: 1px solid #666;
}

.hana-sub-default .nav-list__inner > ul > li:not(:first-child) a::after {
  top: 0;
  -webkit-transform: none;
  transform: none;
  height: 100%;
}

.hana-sub-default .nav-list__inner > ul > li > a {
  font-size: 24px;
  line-height: 70px;
}

@media screen and (max-width: 1024px) {
  .hana-sub-default .nav-list__inner > ul > li > a {
    font-size: 18px;
  }
}

.hana-sub-default .sub-contents-wrap {
  margin: 0;
  padding: 0;
  min-height: 80vh;
}

.article-default .visual-area {
  height: 600px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 1024px) {
  .article-default .visual-area {
    height: auto;
    display: block;
  }
  .article-default .visual-area .text-wrap .article-title {
    font-size: 27px;
    position: relative;
  }
  .article-default .visual-area .text-wrap .category {
    font-size: 15px;
    position: relative;
  }
}

.article-default .visual-area .text-wrap {
  margin-left: -85px;
  width: 100%;
  max-width: 960px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

@media screen and (max-width: 1280px) {
  .article-default .visual-area .text-wrap {
    margin-left: 0;
  }
}

@media screen and (max-width: 1024px) {
  .article-default .visual-area .text-wrap {
    position: static;
    margin: 0;
    -webkit-transform: none;
    transform: none;
    padding: 30px 20px;
  }
}

.article-default .visual-area .text-wrap .category {
  color: #009178;
  font-size: 22px;
  display: block;
}

@media screen and (max-width: 640px) {
  .article-default .visual-area .text-wrap .category {
    font-size: 15px;
    position: relative;
  }
}

.article-default .visual-area .text-wrap .article-title {
  font-size: 43px;
  color: #fff;
  font-weight: 700;
  margin-top: 15px;
}

@media screen and (max-width: 640px) {
  .article-default .visual-area .text-wrap .article-title {
    font-size: 27px;
    position: relative;
  }
}

.article-default .visual-area .text-wrap .subtext {
  margin-top: 30px;
  position: relative;
  font-size: 22px;
  color: #fff;
}

@media screen and (max-width: 640px) {
  .article-default .visual-area .text-wrap .subtext {
    font-size: 16px;
  }
}

.article-default .visual-area .text-wrap .subtext::before {
  content: "";
  width: 90px;
  height: 8px;
  background: #009178;
  display: block;
  margin-bottom: 30px;
}

@media screen and (max-width: 640px) {
  .article-default .visual-area .text-wrap .subtext::before {
    width: 55px;
    height: 3px;
  }
}

.article-default .visual-area .text-wrap .date {
  font-size: 16px;
  margin-top: 20px;
}

@media screen and (max-width: 640px) {
  .article-default .visual-area .text-wrap .date {
    font-size: 11px;
    color: #777;
  }
}

.article-default .visual-area__backdrop {
  /* position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../images/articles/@article-sample-visual.png") no-repeat center/cover;
  -webkit-filter: blur(30px);
          filter: blur(30px);*/
}

@media screen and (max-width: 1024px) {
  .article-default .visual-area__backdrop {
    display: inline;
  }
}

.article-default .visual-area__front {
  position: relative;
  width: 100%;
  height: 100%;
  /*max-width: 960px;*/
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 1024px) {
  .article-default .visual-area__front {
    display: none;
    max-width: 100%;
  }
}

.article-default .visual-area__front img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 1024px) {
  .article-default .visual-area__front img {
    position: static;
    -webkit-transform: none;
    transform: none;
    width: 100%;
  }
}

.article-default .content-area {
  max-width: 960px;
  margin: 50px auto;
  color: #000;
}

@media screen and (max-width: 1280px) {
  .article-default .content-area {
    /*padding: 0 20px;*/
  }
}

@media screen and (max-width: 640px) {
  .article-default .content-area {
    /* border-top: 1px solid #aaa; */
    margin-top: 0;
    padding-top: 20px;
  }
}

.article-default .content-area * {
  font-size: 18px;
  font-family: Pretendard, sans-serif;
  line-height: 150%;
  font-weight: 300;
}

@media screen and (max-width: 640px) {
  .article-default .content-area * {
    font-size: 18px;
  }
}

.article-default .content-area .img-wrap {
  margin: 50px auto;
  text-align: center;
}

.article-default .content-area .img-wrap p {
  margin-top: 5px;
  font-size: 15px;
  font-weight: 300;
  color: #000;
  text-align: left;
}

.article-default .content-area .img-wrap p.caption_gallery {
	text-align: center;
}
	
.article-default .content-area .img-wrap p span{
  margin-top: 5px;
  font-size: 15px;
  font-weight: 300;
  color: #000;
  text-align: center;
}

@media screen and (max-width: 1280px) {
  .article-default .content-area .img-wrap {
    margin-left: -20px;
    margin-right: -20px;
  }
  .article-default .content-area .img-wrap p {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 300;
    color: #000;
    text-align: left;
  }

  .article-default .content-area .img-wrap p span {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 300;
    color: #000;
    text-align: center;
  }
}

@media screen and (max-width: 640px) {
  .article-default .content-area .img-wrap {
    margin-top: 40px;
    margin-bottom: 40px;
  }
   .article-default .content-area .img-wrap p.caption_gallery {
    text-align: left;
  }
}

.article-default .content-area .img-wrap-gray {
  /*background: #f4f4f4;*/
}

.article-default .content-area .img-wrap-gray img {
  display: block;
  margin: auto;
}

/* 세로 사진 캡션 왼쪽 정렬 반영 */
.article-default .content-area .img-vertical img {
  max-width: 480px;
  margin: 0 auto;
  width: 100%;
}

.article-default .content-area .img-vertical p {
  max-width: 480px;
  margin: 0 auto;
}

.article-default .content-area .text-wrap + .text-wrap {
  margin-top: 50px;
}
.article-default .content-area .title + .text-wrap {
  margin-top: 10px;
}

@media screen and (max-width: 640px) {
  .article-default .content-area .text-wrap + .text-wrap {
    margin-top: 40px;
  }
  .article-default .content-area .img-wrap-gray img {
    padding: 10px;
  }
}

.article-default .content-area .text-wrap > .title {
  font-size: 27px;
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 40px;
}
/* 231223 WJJ START*/
.article-default .content-area .text-wrap > .title-pc22_mb18 {
  font-size: 22px;
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 40px;
}
/* 231223 WJJ START*/
.article-default .content-area .text-wrap .sub_title {
  font-size: 20px;
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
}

  /* 250118 WJJ start */
  .article-default .content-area .text-wrap .add_title {
    font-size: 18px;
  }
  /* 250118 WJJ end */

.article-default .content-area .text-wrap .title_comment {
  font-size: 20px;
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
  margin-top: -5px;
  color: #666;
}
@media screen and (max-width: 640px) {
  .article-default .content-area .text-wrap > .title {
    font-size: 20px;
    margin-bottom: 10px;
	margin-top: 30px;
  }
  /* 231223 WJJ START*/
  .article-default .content-area .text-wrap > .title-pc22_mb18 {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 30px;
  }
  /* 231223 WJJ START*/
  .article-default .content-area .text-wrap .sub_title {
    font-size: 18px;
    margin-bottom: 5px;
  }
  
    /* 250118 WJJ start */
  .article-default .content-area .text-wrap .add_title {
    font-size: 15px;
  }
  /* 250118 WJJ end */
  
	.article-default .content-area .text-wrap .title_comment {
	  font-size: 18px;
	  margin-bottom: 5px;
	 margin-top: -10px;
	}
}

.article-default .content-area .text-wrap .highlight {
  background: #b4ff87;
}

.article-default .content-area .exhibition-info {
  position: relative;
  height: 100%;
  margin-top: 80px;
}

@media screen and (max-width: 1280px) {
  .article-default .content-area .exhibition-info {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.article-default .content-area .exhibition-info__title-box {
  background: #009178;
  font-family: "hana", sans-serif;
  font-size: 38px;
  font-weight: 700;
  padding-top: 60px;
  padding-left: 60px;
  color: white;
  height: 366px;
}

@media screen and (max-width: 640px) {
  .article-default .content-area .exhibition-info__title-box {
    font-size: 22px;
    padding-top: 40px;
    padding-left: 20px;
    height: 300px;
  }
}

.article-default .content-area .exhibition-info__text-box {
  background: #edeeef;
  margin-left: 260px;
  padding: 40px 50px;
  position: absolute;
  right: -1px;
  top: 30px;
  z-index: 1;
}

@media screen and (max-width: 640px) {
  .article-default .content-area .exhibition-info__text-box {
    right: 0;
    width: calc(100% - 25px);
    top: 80px;
    padding: 25px;
  }
}

.article-default .content-area .exhibition-info__text-box .title {
  font-size: 27px;
}

@media screen and (max-width: 640px) {
  .article-default .content-area .exhibition-info__text-box .title {
    font-size: 16px;
  }
}

.article-default .content-area .exhibition-info__text-box .info-list {
  margin-top: 20px;
}

@media screen and (max-width: 640px) {
  .article-default .content-area .exhibition-info__text-box .info-list {
    margin-top: 30px;
  }
}

.article-default .content-area .exhibition-info__text-box .info-list li {
  margin-top: 4px;
}

@media screen and (max-width: 640px) {
  .article-default .content-area .exhibition-info__text-box .info-list li {
    font-size: 11px;
  }
}

.article-default .content-area .art-gallery-wrap {
  position: relative;
}

@media screen and (max-width: 1280px) {
  .article-default .content-area .art-gallery-wrap {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.article-default .content-area .art-gallery-wrap .gallery-btn-top {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.article-default
  .content-area
  .art-gallery-wrap
  .gallery-btn-top
  .swiper-button-prev,
.article-default
  .content-area
  .art-gallery-wrap
  .gallery-btn-top
  .swiper-button-next {
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 40px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  background-size: 10px auto;
}

.article-default
  .content-area
  .art-gallery-wrap
  .gallery-btn-top
  .swiper-button-prev {
  margin-left: -70px;
  background-image: url("../images/art-gallery-top-arrow-prev.png");
}

.article-default
  .content-area
  .art-gallery-wrap
  .gallery-btn-top
  .swiper-button-next {
  margin-right: -70px;
  background-image: url("../images/art-gallery-top-arrow-next.png");
}

.article-default .content-area .art-gallery-wrap .swiper-button-prev,
.article-default .content-area .art-gallery-wrap .swiper-button-next {
  display: block;
  opacity: 1;
}

.article-default .content-area .art-gallery-wrap .swiper-slide-controls {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
}

.article-default
  .content-area
  .art-gallery-wrap
  .swiper-slide-controls
  .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: static;
}

.article-default
  .content-area
  .art-gallery-wrap
  .swiper-slide-controls
  .swiper-pagination-bullet {
  width: 55px;
  height: 55px;
  background: #edeeef;
  opacity: 1;
  line-height: 55px;
  margin: 0 10px;
  font-weight: 700;
  font-family: "GmarketSansMedium";
}

@media screen and (max-width: 640px) {
  .article-default
    .content-area
    .art-gallery-wrap
    .swiper-slide-controls
    .swiper-pagination-bullet {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    margin: 0 4px;
  }
}

.article-default
  .content-area
  .art-gallery-wrap
  .swiper-slide-controls
  .swiper-pagination-bullet-active {
  color: #009178;
  font-weight: bold;
}

.article-default
  .content-area
  .art-gallery-wrap
  .swiper-slide-controls
  .swiper-button-prev,
.article-default
  .content-area
  .art-gallery-wrap
  .swiper-slide-controls
  .swiper-button-next {
  position: static;
  margin: 0;
  background-size: 15px auto;
  width: 55px;
  height: 55px;
}

@media screen and (max-width: 640px) {
  .article-default
    .content-area
    .art-gallery-wrap
    .swiper-slide-controls
    .swiper-button-prev,
  .article-default
    .content-area
    .art-gallery-wrap
    .swiper-slide-controls
    .swiper-button-next {
    width: 30px;
    height: 30px;
    background-size: 10px auto;
  }
}

.article-default
  .content-area
  .art-gallery-wrap
  .swiper-slide-controls
  .swiper-button-prev {
  background-image: url("../images/art-gallery-arrow-prev.png");
}

.article-default
  .content-area
  .art-gallery-wrap
  .swiper-slide-controls
  .swiper-button-next {
  background-image: url("../images/art-gallery-arrow-next.png");
}

.article-default .content-area .artist-info {
  margin-top: 130px;
}

@media screen and (max-width: 640px) {
  .article-default .content-area .artist-info {
    margin-top: 80px;
  }
}

.article-default .content-area .artist-info .art-slide {
  overflow: hidden;
}

.article-default .content-area .artist-info .title {
  font-size: 38px;
  color: #009178;
  padding-bottom: 30px;
  font-family: "hana";
  padding-left: 60px;
}

@media screen and (max-width: 640px) {
  .article-default .content-area .artist-info .title {
    font-size: 22px;
    padding-left: 0;
    padding-bottom: 15px;
  }
}

.article-default .content-area .artist-info .art-img {
  overflow: hidden;
}

.article-default .content-area .artist-info .art-img img {
  display: block;
  margin: auto;
}

.article-default .content-area .artist-info .art-title {
  background: #f4f4f4;
  text-align: center;
  font-size: 16px;
  padding: 40px 20px;
}

@media screen and (max-width: 640px) {
  .article-default .content-area .artist-info .art-title {
    padding: 10px;
  }
}

.article-default .content-area .artist-info .art-title dd {
  margin-top: 5px;
}

@media screen and (max-width: 640px) {
  .article-default .content-area .artist-info .art-title dd,
  .article-default .content-area .artist-info .art-title dt {
    font-size: 11px;
    margin: 0;
  }
}

.article-default .content-area .artist-info .art-description {
  background: #f4f4f4;
  padding: 45px 70px;
  margin-top: 5px;
  position: relative;
}

@media screen and (max-width: 640px) {
  .article-default .content-area .artist-info .art-description {
    padding: 20px;
    margin-top: 0;
  }
}

@media screen and (max-width: 640px) {
  .article-default .content-area .artist-info .art-description::before {
    content: "";
    width: calc(100% - 40px);
    background: #fff;
    height: 1px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
  }
}

.article-default .content-area .artist-info .art-description dt {
  font-size: 24px;
  font-weight: 700;
}

@media screen and (max-width: 640px) {
  .article-default .content-area .artist-info .art-description dt {
    font-size: 16px;
  }
}

.article-default .content-area .artist-info .art-description dd {
  font-size: 16px;
  margin-top: 20px;
}

@media screen and (max-width: 640px) {
  .article-default .content-area .artist-info .art-description dd {
    font-size: 11px;
    margin-top: 10px;
  }
}

.editor-info {
   margin: 40px auto;
  padding-left: 5px;
  text-align: right;
  font-family: Pretendard, sans-serif;
  line-height: 150%;
  font-weight: 300;
  width: 960px;
}
.editor-info02 {
  border-bottom: 0px solid #666;
  padding-bottom: 40px;
   margin: 50px auto;
  padding-left: 5px;
  text-align: right;
  font-family: Pretendard, sans-serif;
  line-height: 150%;
  font-weight: 300;
  width: 960px;
}
@media screen and (max-width: 1024px) {
  .editor-info {
	width: 100%;
    margin-top: 40px;
  }
   .editor-info02 {
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px 40px;
    margin-top: 0px;
  }
}

@media screen and (max-width: 640px) {
  .editor-info {

  }
   .editor-info02 {
    padding: 20px;
  }
}

.editor-info .editor:first-child {
  font-size: 18px;
    border: none;
	padding-bottom: 40px;
	padding-bottom:15px;
}
.editor-info .editor:last-child {
  font-size: 16px;
    border-bottom: 1px solid #666;
	padding-bottom: 40px;
}

@media screen and (max-width: 640px) {
  .editor-info .editor {
    font-size: 13px;
	text-align: left;
  }
  .editor-info02 .editor {
    font-size: 13px;
  }
}

.editor-info .editor strong {
  font-weight: 700;
}

.editor-info02 .editor strong {
  font-weight: 700;
}

.editor-info .tags {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 14px;
  column-gap: 14px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 3px;
}
.editor-info02 .tags {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 14px;
  column-gap: 14px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 3px;
}
@media screen and (max-width: 1024px) {
  .editor-info .tags {
    -webkit-column-gap: 7px;
    column-gap: 7px;
  }
  .editor-info02 .tags {
    -webkit-column-gap: 7px;
    column-gap: 7px;
  }
}

@media screen and (max-width: 640px) {
  .editor-info .tags {
    -webkit-column-gap: 3px;
    column-gap: 3px;
    margin-top: 10px;
  }
  .editor-info02 .tags {
    -webkit-column-gap: 3px;
    column-gap: 3px;
    margin-top: 10px;
  }
}

.editor-info .tags .tag {
  display: block;
  background: #009178;
  font-size: 16px;
  padding: 6px 24px;
  color: #fff;
  white-space: nowrap;
}
.editor-info02 .tags .tag {
  display: block;
  background: #d8f1ef;
  font-size: 16px;
  padding: 6px 24px;
  color: #009178;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .editor-info .tags .tag {
    font-size: 14px;
    padding: 6px 18px;
  }
   .editor-info02 .tags .tag {
    font-size: 14px;
    padding: 6px 18px;
  }
}

@media screen and (max-width: 640px) {
  .editor-info .tags .tag {
    font-size: 11px;
    padding: 4px 9px;
  }
  .editor-info02 .tags .tag {
    font-size: 11px;
    padding: 4px 9px;
  }
}

/* sub article guide css */
/* 좌우 꽉참 */
.article-default .visual-area.full {
  margin-left: -20px;
  margin-right: -20px;
}
.article-default .visual-area .visual-area__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* 딤드 */
.article-default .visual-area.dimed .visual-area__backdrop::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(0, 0, 0, 0.25);
}
/* 딤드의 타이틀 그림자 */
.article-default .visual-area.dimed .text-wrap > .article-title {
  text-shadow: 0px 0px 8px #999;
}
@media screen and (max-width: 640px) {
  .article-default .visual-area.dimed .text-wrap > .article-title {
    margin-top: 5px;
  }
}
/* sns 공유 */
.share-area {
  max-width: 960px;
  margin: 0 auto;
  text-align: right;
  margin-top: 40px;
}
.share-area strong,
.share-area a {
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 32px;
  height: 32px;
}
.share-area strong.title {
  background: url(../images/icon-share-32.png) no-repeat 0 0;
  background-size: cover;
}
.share-area a.home {
  background: url(../images/icon-home-32.png) no-repeat 0 0;
  background-size: cover;
}
.share-area a.naver {
  background: url(../images/icon-naver-32.png) no-repeat 0 0;
  background-size: cover;
}
.share-area a.facebook {
  background: url(../images/icon-facebook-32.png) no-repeat 0 0;
  background-size: cover;
}
.share-area a.twitter {
  background: url(../images/icon-twitter-32.png) no-repeat 0 0;
  background-size: cover;
}
.share-area a.line {
  background: url(../images/icon-line-32.png) no-repeat 0 0;
  background-size: cover;
}
.share-area a.kakaostory {
  background: url(../images/icon-kakaostory-32.png) no-repeat 0 0;
  background-size: cover;
}
.share-area a.kakaotalk {
  background: url(../images/icon-kakaotalk-32.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (max-width: 640px) {
  .share-area {
    margin-top: 20px;
  }
  .share-area strong,
  .share-area a {
    width: 24px;
    height: 24px;
  }
}
/* 서문 */
.article-default .content-area .text-wrap.preface {
  background: #009178;
  padding: 30px;
  color: #fff;
  border-radius: 20px;
}
.article-default .content-area .text-wrap.preface .title {
  margin-bottom: 10px;
  margin-top: 0px;
}
.article-default .content-area .text-wrap.preface p {
  margin: 0;
}
@media screen and (max-width: 640px) {
  .article-default .content-area .text-wrap.preface {
    padding: 20px;
    margin: 0 -10px ;
  }
}
/* 그림자 박스 */
.article-default .content-area .shadow-box {
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08), 0 13px 45px rgba(0, 0, 0, 0.08);
}
/* 라인 박스 */
.article-default .content-area .line-box {
  padding: 30px;
  border-radius: 20px;
  border: 1px solid #ccc;
}
/* 회색bg 박스(only 텍스트박스) */
.article-default .content-area .text-wrap.gray-box {
  background: #edeeef;
  padding: 30px;
}
/* 카드뉴스, 동영상에 회색bg 박스 추가 241127 */
.card-news .text-wrap.gray-box {
  background: #edeeef;
  padding: 30px;
}
.video-info .text-wrap.gray-box {
  background: #edeeef;
  padding: 30px;
}
/* 그림자 박스 안에 텍스트+이미지 */
.article-default .content-area .text-wrap.shadow-box .img-wrap {
  padding-left: 63px;
  padding-right: 63px;
}
.article-default .content-area .shadow-box div:first-child {
  margin-top: 0;
}
.article-default .content-area .text-wrap.shadow-box div {
  /* padding-left: 63px;
  padding-right: 63px; */
}
.article-default .content-area .shadow-box div:last-child {
  margin-bottom: 0;
}
/* 그림자, 라인박스에 이미지 들어갈 경우 좌우 여백 */
.article-default .content-area .img-wrap.shadow-box,
.article-default .content-area .img-wrap.line-box {
  padding-left: 93px;
  padding-right: 93px;
}
@media screen and (max-width: 1002px) {
  .article-default .content-area .img-wrap.shadow-box,
  .article-default .content-area .img-wrap.line-box {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.article-default .content-area .shadow-box img,
.article-default .content-area .line-box img {
  width: 100%;
}
@media screen and (max-width: 1280px) {
  .article-default .content-area .img-wrap.shadow-box,
  .article-default .content-area .img-wrap.line-box {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 640px) {
  .article-default .content-area .shadow-box {
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 5px 24px rgba(0, 0, 0, 0.08), 0 8px 18px rgba(0, 0, 0, 0.08);
  }
  .article-default .content-area .text-wrap .img-wrap {
    margin: 30px auto 40px;
  }
  .article-default .content-area .text-wrap.shadow-box .img-wrap {
    padding-left: 0px;
    padding-right: 0px;
  }
}
/* 그림자, 라인박스에 텍스트 들어갈 경우 여백 */
.article-default .content-area .text-wrap.shadow-box,
.article-default .content-area .text-wrap.line-box {
  padding: 30px;
}
.article-default .content-area .text-wrap.shadow-box,
.article-default .content-area .text-wrap.line-box {
  padding: 30px;
}
/* 박스안의 마지막 p 하단 여백 없앰 */
.article-default .content-area .text-wrap.shadow-box p:last-child,
.article-default .content-area .line-box p:last-child,
.article-default .content-area .text-wrap.gray-box p:last-child {
  margin-bottom: 0;
}
/* 단락안의 단락 여백 줄임 */
.article-default .content-area .text-wrap > p {
  margin: 30px auto;
}
.article-default .content-area .text-wrap > .title + p {
  margin-top: 10px;
}
.article-default .content-area .text-wrap > .title + .shadow-box {
  margin-top: 15px;
}
.article-default .content-area .text-wrap > .sub_title + p {
  margin-top: 10px;
}
@media screen and (max-width: 640px) {
  .article-default .content-area .text-wrap .img-wrap {
    margin: 10px auto 20px;
  }
  .article-default .content-area .text-wrap > p {
    margin: 10px auto;
  }
}
/* 박스 횡배열 */
.article-default .content-area .align-hor {
  display: flex;
  margin-bottom: 10px;
  margin: 50px auto;
}
.article-default .content-area .align-hor.box2 > .text-wrap {
  width: calc(50% - 20px);
  margin-right: 20px;
}
.article-default .content-area .align-hor .text-wrap + .text-wrap {
  margin-top: 0;
}
.article-default .content-area .align-hor .text-wrap.shadow-box .img-wrap {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 640px) {
  .article-default .content-area .align-hor {
    flex-direction: column;
    margin: 30px auto;
  }
  .article-default .content-area .align-hor .text-wrap + .text-wrap {
    margin-top: 30px;
  }
  .article-default .content-area .align-hor.box2 > .text-wrap {
    width: 100%;
  }
}
/* 이미지 횡배열 */
.article-default .content-area .img-wrap .align-hor {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.article-default .content-area .img-wrap .align-hor.img22 img {
  width: calc(100% - 20px);
  margin-right: 10px;
}
.article-default .content-area .img-wrap .align-hor.img2 img {
  width: calc(50% - 5px);
  margin-right: 10px;
}
.article-default .content-area .img-wrap .align-hor.img3 img {
  width: calc(33.33% - 6.5px);
  margin-right: 10px;
}
.article-default .content-area .img-wrap .align-hor.img4 img {
  width: calc(25% - 7.5px);
  margin-right: 10px;
}
@media screen and (max-width: 640px) {
  .article-default .content-area .img-wrap .align-hor {
    flex-direction: column;
  }
  .article-default .content-area .img-wrap .align-hor img {
    width: 100% !important;
    display: block;
    margin-right: 0px !important;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .article-default .content-area .img-wrap .align-hor img:last-child {
    margin-bottom: 0;
  }
}
/* 전화번호, 주소 등 */
.article-default .content-area .text-wrap strong {
  font-weight: bold;
}
.article-default .content-area .text-wrap a.link {
  text-decoration: underline;
  color: #009178;
}
/* 카드뉴스, 동영상 타입에 추가 241127 */
.card-news .text-wrap a.link {
  text-decoration: underline;
  color: #009178;
}
.video-info .text-wrap a.link {
  text-decoration: underline;
  color: #009178;
}
/* 준법 */
.text-wrap.notice {
  border: 2px solid #bbb;
  padding: 20px;
  border-radius: 20px;
  color: #888;
  margin-top: 20px;
  font-family: Pretendard, sans-serif;
  line-height: 150%;
  font-weight: 400;
}
/* 불릿타입 리스트 */
.article-default .content-area .text-wrap .marker-dot > li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0 0 0 12px;
  color: #666;
  font-weight: 400;
}
.article-default .content-area .text-wrap .marker-dot > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 12px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #111;
}
/* 카드뉴스, 동영상에 불릿타입 리스트 추가 241127 */
.card-news .text-wrap .marker-dot {
	margin-top: 8px;
}
.card-news .text-wrap .marker-dot > li {
  display: block;
  position: relative;
  margin: 0;
  padding: 3px 0 3px 12px;
  color: #666;
  font-weight: 400;
}
.text-wrap .marker-dot > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 12px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #111;
}
.video-info .text-wrap .marker-dot {
	margin-top: 8px;
}
.video-info .text-wrap .marker-dot > li {
  display: block;
  position: relative;
  margin: 0;
  padding: 3px 0 3px 12px;
  color: #666;
  font-weight: 400;
}
.video-info .marker-dot > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 12px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #111;
}
/* 원문자 불릿 */
.article-default .content-area .text-wrap .marker-circle_num-wrap {
  position: relative; padding-left: 30px; margin: 10px 0;
}
.article-default .content-area .text-wrap .marker-circle_num {
  color: #fff; background: #009178; width:22px; height: 22px; display: inline-block; border-radius: 50%; 
  text-align:center; 
  font-weight: 700 !important; font-size: 15px !important;
  position:absolute; top:3px; left:0px;
}
/* summary 타이틀 
.sum-title {
  background: #00b2a7;
  color: #fff; 
  padding: 5px 12px 5px 12px; 
  margin-bottom: 0 !important;
  font-size: 24px !important;
  display: inline-block !important;
}*/
.sum-title {
  color: #009178;
  padding: 5px 12px 5px 12px;
  margin-bottom: 0 !important;
  font-size: 24px !important;
  display: inline-block !important;
  border: 1px solid;
}
@media screen and (max-width: 640px) {
  .sum-title {
    font-size: 16px !important;
  }
}
/* 일반기사 pdf 다운로드 */
.article-default .pdf-down {
  margin-top: 100px;
  text-align: center;
  font-size: 18px;
  padding-bottom: 80px;
  line-height: 150%;
}
.article-default .pdf-down button {
  margin-top: 20px;
  background: #009178;
  border-radius: 24px;
  color: #fff;
  padding: 16px 80px;
  font-size: inherit;
  font-weight: bold;
  cursor: pointer;
}
.article-default .pdf-down button p {
  margin: 4px 0;
}
.article-default .pdf-down button .btn-name {
  font-weight: normal;
  margin-left: 15px;
}
.article-default .pdf-down button .btn-name::after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 14px solid #ffef80;
  border-right: 14px solid transparent;
  margin-left: 10px;
  margin-bottom: -2px;
}
.article-default .pdf-down br {
  display: none;
}
@media screen and (max-width: 640px) {
  .article-default .pdf-down {
    border: 1px solid #009178;
    margin-top: 80px;
    padding: 40px 15px;
    font-size: 16px;
  }
  .article-default .pdf-down br {
    display: block;
  }
  .article-default .pdf-down button {
    border-radius: 20px;
    padding: 12px 40px;
	min-width: 280px;
  }
}

/* 카드뉴스 pdf 다운로드 */
.card-news .pdf-down {
  margin-top: 100px;
  text-align: center;
  font-size: 18px;
  padding-bottom: 80px;
  line-height: 150%;
}
.card-news .pdf-down button {
  margin-top: 20px;
  background: #009178;
  border-radius: 24px;
  color: #fff;
  padding: 16px 80px;
  font-size: inherit;
  font-weight: bold;
  cursor: pointer;
}
.card-news .pdf-down button p {
  margin: 4px 0;
}
.card-news .pdf-down button .btn-name {
  font-weight: normal;
  margin-left: 15px;
}
.card-news .pdf-down button .btn-name::after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 14px solid #ffef80;
  border-right: 14px solid transparent;
  margin-left: 10px;
  margin-bottom: -2px;
}
.card-news .pdf-down br {
  display: none;
}
@media screen and (max-width: 640px) {
  .card-news .pdf-down {
    border: 1px solid #009178;
    margin-top: 80px;
    padding: 40px 15px;
    font-size: 16px;
  }
  .card-news .pdf-down br {
    display: block;
  }
  .card-news .pdf-down button {
    border-radius: 20px;
    padding: 12px 40px;
  }
}
/* 카드뉴스 하단 정보 */
.card-news .card-btm-info {
  border-top: 2px solid #009178;
  padding-top: 45px;
}
.card-news .card-btm-info .title {
  font-size: 24px;
  color: #009178;
  padding-bottom: 10px;
  display: block;
}
.card-news .card-btm-info p {
  line-height: 150%;
  font-family: Pretendard, sans-serif;
  line-height: 150%;
  font-weight: 300;
}
.card-news .card-btm-info .subtext br {
  display: none;
}
.card-news .editor-info {
 
  margin-top: 60px;
}
@media screen and (max-width: 640px) {
  .card-news .card-btm-info {
    border: none;
    padding-top: 30px;
    text-align: center;
  }
  .card-news .card-btm-info .title {
    font-size: 18px;
  }
  .card-news .card-btm-info p:last-child {
    margin-top: 7px;
  }
  .card-news .card-btm-info .subtext br {
    display: block;
  }
  .card-news .editor-info {
    border: none;
    margin-top: 50px;
    text-align: center;
  }
}
/* 서브 카드리스트 더보기 관련 */
.card-list-more > div {
  display: none;
}
.tab-ui-slides .tablist > li.active button {
  color: #009178;
  font-weight: 700;
}

.tab-ui-slides .tablist > li.active button::after {
  content: "";
  width: 100%;
  height: 6px;
  background: #009178;
  position: absolute;
  left: 0;
  bottom: -6px;
}
.main-lifestyle .tab-ui-slides .tablist > li.active button {
  color: #009178;
}

.main-lifestyle .tab-ui-slides .tablist > li.active button::after {
  background: #009178;
}
.tab-ui-slides .tablist > li:first-child button::after {
  width: calc(100% - 30px);
  left: 30px;
}
.tab-ui-slides .tablist > li:last-child button::after {
  width: calc(100% - 30px);
  left: 0;
}

/* .hana-main .main-assets .tab-contents .swiper-wrapper {

margin-left: 10px; ;
} */
/* .hana-main .main-lifestyle .swiper-wrapper {
  gap: 0 20px;
} */

@media screen and (max-width: 640px) {
  .hana-main .main-assets .tab-contents .swiper-wrapper,
  .hana-main .main-lifestyle .swiper-wrapper {
    gap: 0;
  }
  .tab-ui-slides .tablist > li.active button::after {
    display: none;
  }
}
.search {
  margin: 20px;
}

.search > h3 {
  font-weight: normal;
}



.search > div {
  display: inline-block;
  position: relative;
 
}

.search > div:after {
  content: "";
  background: #009178;
  width: 4px;
  height: 20px;
  position: absolute;
  top: 20px;
  
  transform: rotate(135deg);
}

.search > div > input {
  color: #009178;
  font-size: 16px;
  background: transparent;
  width: 30px;
  height: 30px;
  padding: 10px;
  border: solid 3px #009178;
  outline: none;
  border-radius: 35px;
  transition: width 0.5s;
}

.search > div > input::placeholder {
  color: #009178;
  opacity: 0;
  transition: opacity 150ms ease-out;
}

.search > div > input:focus::placeholder {
  opacity: 1;
}

.search > div > input:focus,
.search > div > input:not(:placeholder-shown) {
  width: 250px;
}

.pagination {
  text-align: center;
}

.pagination a {
  color: #333;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #ddd;
  width: 40px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 5px;
}

.pagination a.current {
  background: #009178;
  color: #fff;
  border-color: #009178;
}

.pagination a:hover {
  background: #f2f2f2;
  color: #333;
}

.pagination a.page-first::before {
  content: "\e935";
  font-family: "icomoon";
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.pagination a.page-prev::before {
  content: "\e931";
  font-family: "icomoon";
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.pagination a.page-next::before {
  content: "\e932";
  font-family: "icomoon";
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.pagination a.page-last::before {
  content: "\e936";
  font-family: "icomoon";
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* 추가 2023.10.03 START */

/* 타이틀 아래 여백 설정 */
.article-default .content-area .text-wrap > .title_mb-0 {
  margin-bottom: 5px;
}
.article-default .content-area .text-wrap > .title_mt-0 + p,
.article-default .content-area .text-wrap > .title_mt-0 + div {
  margin-top: 0;
}

/* 횡배열 */
.article-default .content-area .img-wrap .arrng-hor {
  display: flex;
  margin-bottom: 0px;
  align-items: top;
}
.article-default .content-area .img-wrap .arrng-hor > div,
.article-default .content-area .img-wrap .arrng-hor > img {
  margin: 10px 10px 10px 0;
}
.article-default .content-area .img-wrap .arrng-hor > div:last-child,
.article-default .content-area .img-wrap .arrng-hor > img:last-child {
  margin-right: 0;
}
@media screen and (max-width: 640px) {
  .article-default .content-area .img-wrap .arrng-hor {
    flex-direction: column;
  }
  .article-default .content-area .img-wrap .arrng-hor div,
  .article-default .content-area .img-wrap .arrng-hor img {
    width: 100% !important;
    display: block;
    margin-right: 0px !important;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .article-default .content-area .img-wrap .arrng-hor div:last-child,
  .article-default .content-area .img-wrap .arrng-hor img:last-child {
    margin-bottom: 0;
  }
}

/* 박스내부 타이틀 & 글 */
.article-default .content-area .img-wrap .title_in_box {
  padding: 20px 0 5px;
  text-align: left;
  font-size: 27px;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .article-default .content-area .img-wrap .title_in_box {
    padding: 20px 0 5px;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
  }
}

.article-default .content-area .img-wrap .text_in_box {
  margin: 15px 0 15px;
  text-align: left;
  font-size: 18px;
}
@media screen and (max-width: 640px) {
  .article-default .content-area .img-wrap .text_in_box {
    margin: 15px 0 15px;
    text-align: left;
    font-size: 16px;
  }
}

/* 추가 2023.10.03 END */

/* 2023.12.15 모바일 검색 추가 */

@media screen and (max-width: 640px) {
	.header__inner .search {
		display: block;
		position: absolute;
		right: 120px; 
		/* right: 55px;*/
		margin: 0;
		top: 10px;
	}
	.search > div > input {
		width: 24px;
		height: 24px;
		font-size: 14px;
		color: #009178;
		border: 3px solid #009178;
	}
	.search > div:after, 
	.hana-sub .search > div:after {
		height: 14px;
		right: -2px;
		top: 18px;
		background: #009178;
	}
	.search > div > input:focus,
	.search > div > input:not(:placeholder-shown) {
	  width: 145px; 
	}
	.search > div > input::placeholder {
		color: #009178;
	}
	.header__side__lib {
		display: none;
	}
}
/* 추가 2023.12.15 모바일 검색 추가 END */

.article-default .content-area .text-wrap .underline_blue {
  text-decoration: none;
  display: inline;
  box-shadow: inset 0 -10px 0 #DBEDE7;
  font-size: inherit;
}
.article-default .content-area .text-wrap .underline_yellow {
  text-decoration: none;
  display: inline;
  box-shadow: inset 0 -10px 0 #DBEDE7;
  font-size: inherit;
}
/* 250402 기존 언더라인 컬러 모두 페일그린으로 변경처리함 - 이후는 이 클래스쓰지않습니다. */
.article-default .content-area .text-wrap .underline_pale {
  text-decoration: none;
  display: inline;
  box-shadow: inset 0 -10px 0 #DBEDE7;
  font-size: inherit;
}
.article-default .content-area .text-wrap .underline_light {
  text-decoration: none;
  display: inline;
  box-shadow: inset 0 -10px 0 #A7D8B7;
  font-size: inherit;
}
	
/* 횡배열 사진 주석 3장 240222 WJJ START*/
.article-default .content-area .img-wrap .arrng-hor3 {
  display: flex;
  margin: 0 5px 10px;
  align-items: top;
}
.article-default .content-area .img-wrap .arrng-hor3 > div,
.article-default .content-area .img-wrap .arrng-hor3 > img {
  margin: 10px 25px 10px 0;
  width: calc(33.33% - 6.5px);
}
.article-default .content-area .img-wrap .arrng-hor3 > div:last-child,
.article-default .content-area .img-wrap .arrng-hor3 > img:last-child {
  margin-right: 0;
}
@media screen and (max-width: 640px) {
  .article-default .content-area .img-wrap .arrng-hor3 {
    flex-direction: column;
  }
  .article-default .content-area .img-wrap .arrng-hor3 div,
  .article-default .content-area .img-wrap .arrng-hor3 img {
    width: 100% !important;
    display: block;
    margin-right: 0px !important;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .article-default .content-area .img-wrap .arrng-hor3 div {
    margin-bottom: 30px;
  }
  .article-default .content-area .img-wrap .arrng-hor3 div:last-child,
  .article-default .content-area .img-wrap .arrng-hor3 img:last-child {
    margin-bottom: 0;
  }
}
/* 횡배열 사진 주석 3장 240222 WJJ END*/

/* 카드뉴스 카피라이트 240507 */
.cardnews-copyright {
   text-align: right;
   font-size: 12px;
}

/* primary color, secondary color 변경으로 클래스 생성 240528 */
.primary_color {
	color: #009178;
}
.secondary_color {
	color: #009178;
}

/* quick메뉴 상담예약 버튼 추가 241013 */
.quick_btn_area {display: flex; align-items: center; justify-content: center;}
.btn-top {border-radius: 50%; width: 60px; height: 60px;}
.quick-aside .btn-top { margin-top: 0;}
@media screen and (max-width: 640px) {
	.btn-top {border-radius: 0; width: 55px; height: 55px;}
	.quick-aside .btn-top { margin-top: 5px;}
}

/* 메인 레이어팝업 241013 */
.main_popup {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10000001; background: #333; display: none; width: 500px; height: auto;}
.main_popup.on {display:block;}
.main_popup img {display:block;}
.main_popup .mo {display: none; width: 100%;}
.main_popup .btn_close {position:absolute; right:0; top: 0; width: 48px; height: 48px; background: url('/resources/web/images/pop_btn_close.svg') no-repeat center center; background-size: 32px 32px; background-color: rgba(0,0,0,0.5);}
.main_popup .btn_today_close {background: #333; color: #ddd; text-align:center; padding: 8px; display:block; font-size: 14px; width: 100%;}
@media screen and (max-width: 640px) {
	.main_popup {width: 75%; height: auto; top: 60px; transform: translate(-50%, 0); }
	.main_popup .mo {display: block;}
	.main_popup .pc {display: none;}
	.main_popup .btn_close {width: 40px; height: 40px; background-size: 28px 28px; }
}

/* 메인 하단 비디오 241022 */
.main_video_area {padding: 60px 20px; text-align: center}
.main_video_area .video-wrap {max-width: 720px; height: 405px; position:relative; margin: 0 auto;}
.main_video_area .title {font-size: 24px; padding-bottom: 20px; font-weight: 700;  text-align: center}

@media screen and (max-width: 740px) {
	.main_video_area {padding: 40px 20px;}
	.main_video_area .video-wrap {
		height: 0;
		padding-bottom: 56%;
		/* padding-bottom: 49.5%; */
	}
	.main_video_area video {width: 100%; height: auto;}
	.main_video_area .title {font-size: 18px; padding-bottom: 16px; }
}


/* 주석 추가 241111 */
.article-default .content-area .text-wrap > p.footnote {
    font-size: 16px;
}

@media screen and (max-width: 640px) {
  .article-default .content-area .text-wrap > p.footnote {
    font-size: 14px;
  }
}


/* 이미지 카피라이트 241223 */
.img_copyright_wrap {
	position: relative;
	display: inline-block;
}
.img_copyright {
	position: absolute;
	color: #fff;
	right: 20px;
	bottom: 16px;
	font-size: 14px !important;
	opacity: 0.7;
	text-align:right;
	text-shadow: 1px 1px 6px rgba(0,0,0,0.4);
}
.img_copyright.black {
	color: #000;
	text-shadow: 1px 1px 6px rgba(255,255,255,0.4);
}
@media screen and (max-width: 640px) {
	.img_copyright {
		font-size: 13px !important;

	}
}

/* 2단 배열시 캡션 상단 마진 조정 250107 */
@media screen and (min-width: 641px) {
	.article-default .content-area .img-wrap .arrng-hor + p {
		margin-top: -10px;
	}
}

/* 250411 메인의 골드클럽탐방 탭 일시적으로 제거 */
.with-tab-slide-thumbs div:last-child {
display:none;
}