@charset "UTF-8";

:root {font-family: Pretendard, "Noto Sans KR", sans-serif;}

.font-myeongjo {
    font-family: 'Nanum Myeongjo', 'Pretendard', 'Noto Sans KR', sans-serif;
}

b, strong {font-weight: bold;}

/* survey checkbox */
.surveyItem .item {position: relative;}
.surveyItem .item input {position: absolute; right: 0; top: 0; overflow: hidden; display: none;}
.surveyItem .item .ico {position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 27px; height: 27px; margin-top: 2px; background: url('/assets/images/common/self_radio_ico.png') no-repeat center / contain; cursor: pointer; background-size: contain; border-bottom: 0;}
.surveyItem .item input:checked + .ico {background: url('/assets/images/common/self_radio_on_ico.png') no-repeat center / contain;}

.section-animate {opacity: 0; transform: translateY(40px); transition: all 0.8s ease;}
.section-animate.active {opacity: 1; transform: translateY(0);}
.section-animate-slow {opacity: 0; transform: translateY(-40px); transition: all 1.5s ease;}
.section-animate-slow.active {opacity: 1; transform: translateY(0);}


.roll-right {
  animation: rollRight 10s linear infinite;
}

.roll-left {
  animation: rollLeft 10s linear infinite;
}

@keyframes rollRight {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes rollLeft {
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}