.visual {width: 100%; height: auto; padding: 190px 0 100px; background: url(./../img/kv_bg.webp)no-repeat 50% 50%; background-size: cover;}
.visual .container {}
.visual > .container > .txt-box {text-align: center; margin-bottom: 50px;}
.visual > .container > .txt-box .tit {font-size: 50px; font-weight: 300; line-height: 1.3; letter-spacing: -2px; color: var(--wt);}
.visual > .container > .txt-box .tit b {font-weight: bold;}

.headerh {position: absolute; z-index: -9999; left: -9999px;}
.cont_p {position: absolute; z-index: -9999; left: -9999px;}

.list_item {margin-bottom: 50px;}
.list_item ul {display: flex; align-items: center; gap: 40px 0; flex-wrap: wrap; margin: 0 -20px;}
.list_item ul li {width: calc(100% / 3); padding: 0 20px; box-sizing: border-box;}
.list_item ul li .child-box {position: relative; width: 100%; height: auto; aspect-ratio: 600/400; overflow: hidden;}
.list_item ul li .child-box .img-box {width: 100%; height: 100%;}
.list_item ul li .child-box .img-box img {width: 100%; height: 100%; object-fit: cover; object-position: 0% 20%; transition: all .3s;}
.list_item ul li:hover .child-box .img-box img {transform: scale(1.2);}
.list_item ul li .child-box .txt-box {position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); text-align: center; width: 100%;}
.list_item ul li .child-box .txt-box .tit {margin-bottom: 10px; font-size: 24px; font-weight: bold; line-height: 1.5; letter-spacing: -0.48px; color: var(--wt);}
.list_item ul li .child-box .txt-box .txt {font-size: 20px; font-weight: 500; line-height: 1.5; letter-spacing: -0.4px; color: var(--gray_db);}

/* more_btn */
.more_btn {text-align: center;}
.more_btn .tit {margin-bottom: 30px; font-size: 32px; font-weight: bold; line-height: 1.6; letter-spacing: -0.64px; color: var(--wt);}
.more_btn .btns {animation: heartbeat 1.5s ease-in-out infinite both; display: flex; align-items: center; justify-content: center; gap: 20px; width: 220px; height: 60px; margin: 0 auto; border-radius: 60px; border: 1px solid var(--wt); font-size: 20px; font-weight: bold; line-height: 1.5; letter-spacing: -0.4px; color: var(--wt);}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

.more_btn .btns img {width: 8.4px; height: auto;}
.more_btn .btns.pr {margin: 30px 0 0;}