.visual {width: 100%; height: 100vh; margin-top: 68px; background: var(--black); overflow: hidden;}
.visual .kv_rolling {position: relative; width: 100%; height: 175px; text-align: center; overflow: hidden;}
.visual .kv_rolling p {position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; font-size: 70px; font-weight: 800; color: var(--pr); opacity: .2; transition: all .5s;}
.visual .kv_rolling p.active {font-size: 96px;}
/* kv_rolling animate */
.visual .kv_rolling p.active {bottom: 0; opacity: 1;}
.visual .kv_rolling p.next {bottom: 91px; opacity: .2;}
.visual .kv_rolling p.prev {bottom: -91px; opacity: 0;}


.visual .kv_tit {margin-top: 80px; font-size: 56px; font-weight: bold; line-height: 1.2; color: var(--wt); text-align: center;}
.visual .kv_sub {margin-top: 40px; font-size: 21px; font-weight: 500; line-height: 1.5; color: var(--gray_b); text-align: center;}
.visual .kv_sub:after {content: ''; display: block; width: 1px; height: 64px; margin: 24px auto 40px; background: var(--gray_b);}

/* rolling-item */
.rolling-item {overflow: hidden; display: none !important;}
.rolling-item .rolling-area {position: relative; display: flex; align-items: center; gap: 80px; width: 100%; height: auto; overflow: hidden;}
.rolling-area ul {display: flex; align-items: center; gap: 80px;}
.rolling-area.rolling1 ul {animation: roll 20s linear infinite;}
.rolling-area.rolling2 ul {animation: roll2 20s linear infinite;}
.rolling-area ul {display: flex; align-items: center;}
.rolling-item ul:first-child {}
.rolling-item ul:last-child {}
.rolling-item ul li {width: auto; height: 62px;}
.rolling-item ul li img {width: auto; height: 100%;}
/* .rolling-item {display: flex; flex-flow: column; overflow: hidden;}
.rolling-area {position: relative; display: flex; align-items: center; gap: 80px; width: 100%; height: auto;}
.rolling-area.rolling2 {justify-content: flex-end;}
.rolling-area ul {display: flex; align-items: center; justify-content: flex-start; gap: 80px;}
.rolling-area ul li {flex: 0 0 auto; width: auto; height: 62px;}
.rolling-area ul li img {width: auto; height: 100%;} */
/* 롤링 애니메이션 정의 */
@keyframes roll {
  0% {
   transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes roll2 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}