/* subVisual 공통 */

._sub{padding-top: 95px;}
.subVisual{padding-top: 70px;}
.subVisual ._tit{text-align: left;}
.subVisual ._tit > div{overflow: hidden;}
.subVisual ._tit h2{font-size: clamp(62px, 82/1920*100vw, 82px);font-family: 'DM Sans';font-weight: 500;letter-spacing: -0.025em;line-height: 1.2;}
.subVisual ._txt{padding-top: 60px;text-align: right;}
.subVisual ._txt > div{overflow: hidden;}
.subVisual ._txt p{font-size: clamp(16px, 18/1920*100vw, 18px);line-height: 1.5555;padding-bottom: 15px;
    display: inline-flex;flex-direction: column;
}
.subVisual ._txt p span{
    display: inline-block;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}
/* scrollDown */
.scrollDown{width: 64px;height: 64px;position: absolute;top: 30%;right: 0;transform: translateY(-50%);background-color:#e2f157;border-radius: 50%;
display: flex;align-items: center;justify-content: center;
}
.scrollDown .inner{display: flex;align-items: center;justify-content: center;position: relative;width: 100%;height: 100%;}
.scrollTxt{width: 98px;height: 98px;position: absolute;
animation: rotate 6s linear infinite;
}
.scrollTxt img{width: 100%;}
.scrollDown i{animation: floating 2s infinite;}

.subVisual .sub_line{width: 100%;height: 1px;background-color: #000;transform-origin: right;transform: scaleX(1);}

@keyframes rotate{
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes floating{
    0%{transform: translateY(0);}
    50%{transform: translateY(-5px);}
    100%{transform: translateY(0);}
}
@media screen and (max-width: 820px) {
    .subVisual{padding-top: 40px;}
}
@media screen and (max-width: 500px) {
    .subVisual{padding-top:0;}
    .subVisual ._tit h2{font-size: clamp(32px, 55/500*100vw, 55px);}

    .scrollDown {width: 52px;height: 52px;}
    .scrollTxt{width: 72px;height: 72px;}
}

@media screen and (max-width: 360px) {
    .subVisual ._txt p{font-size: 14px;}
}


/* service marquee */
.marqueeBx{padding-top: 80px;}
.marqueeBx .cont{display: flex;align-items: center;justify-content: center;}
.marqueeBx .marquee{display: flex;align-items: center;justify-content: center;gap: 10px;padding: 0 12px;}
.marqueeBx .marquee p{font-size: clamp(20px, 30/1920*100vw, 30px);font-family: 'DM Sans';font-weight: 600;letter-spacing: -0.025em;color: rgba(0,0,0,0.2);white-space: nowrap;}
.marqueeBx .marquee p em{margin-right: 25px;display: inline-block;}