@font-face { font-family: "Pretendard"; font-style: normal; font-weight: 400; src: local("※"), url("/assets/common/fonts/Pretendard-Regular.woff") format("woff"), url("/assets/common/fonts/Pretendard-Regular.woff2") format("woff2"); }

body :not(.fas){
    font-family: Pretendard, 돋움, dotum, sans-serif ;
}

.break-base-word{
    word-break: keep-all !important;
}

#top-button{
    position: fixed;
    bottom: 58px;
    right: 58px;
    z-index: 1000;
}
#top-button img{
    width: 2.3rem;
}

#first-feature{
    padding-bottom: 3rem;
}

#last-feature{
    padding-bottom: 3rem;
}

.has-floating-items-custom svg{
    height: auto;
}

.font-size-biggest{
    font-size: 3rem;
}

.font-white{
    color: #ffffff;
}

.text-box-radius{
    display: inline-block;
    padding: 0.3rem 1rem;
    border-radius: 1.3rem;
}

.tongue-left{
    display: inline-block;
    position: absolute;
    top: 42%;
    left: 0;
    z-index: 1;
    transform: rotate(90deg) translateY(10%);
}
.tongue-left i {
    animation: floating-sm 2s ease infinite;
}
.tongue-left:hover i {
    animation-play-state: paused;
}

.using-content-padding-left{
    padding-left: 2rem;
}

.ai-model{
    border: 1px solid slategray;
    background: rgb(243, 235, 255);
    border-radius: 20px;
    padding: 5px;
}

.client-group {
    gap: 10px;
}

.client {
    flex: 1;
    display: flex;
    align-items: stretch;
    height: 75px;
}

.client img {
    width: auto;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 1200px) {
    #first-feature{
        padding-bottom: 1.5rem;
    }

    #last-feature{
        padding-bottom: 1.5rem;
    }

    .font-size-biggest {
        font-size: calc(1.5rem + 1.5vw);
    }
}


@media (max-width: 992px) {
    #first-feature{
        padding-bottom: 3rem;
    }

    #last-feature{
        padding-bottom: 3rem;
    }

    .floating-items{
        display: none;
    }

    .tongue-left{
        display: none;
    }

    .using-content-padding-left{
        padding-left: 15px;
    }
}

@media (max-width: 768px) {
    .using-content-padding-top{
        padding-top: 20px;
    }
}

a.white {
    color: #f4edff;
    text-decoration: none;
    background-color: transparent; }
a.white:hover {
    color: #4d00b3;
    text-decoration: none; }

.display-flex{
    display: flex;
}

@media (max-width: 1200px) {
    .display-flex{
        flex-wrap: wrap;
    }
}
@media (max-width: 992px) {
    .display-flex{
        justify-content: space-evenly;
    }

    .display-flex+p{
        text-align: center;
    }
}

#follow-apply-btn{
    z-index: 100;
}

.sticky-btn {
    position: fixed;
    bottom: -120px; /* 초기에는 숨겨져 있도록 설정 */
    right: 50%;
    background: linear-gradient(to right, #53008F, #8b33ff, #3498db, #77C6FF); /* 그라데이션 배경 효과 추가 */
    /*background-color: #3498db;*/
    color: #fff;
    padding: 20px 40px;
    border-radius: 5px;
    cursor: pointer;
    transition: bottom 0.3s ease-in-out, background 0.3s ease-in-out; /* 부드러운 나타나고 사라짐을 위한 트랜지션 설정 */
    transform: translate(50%, 0%);
    box-shadow: 0px 8px 27px 1px gray;
    border: none;
}

.sticky-btn.show {
    bottom: 20px; /* 스크롤이 아래로 내려갈 때 나타나도록 설정 */
    background: linear-gradient(to right, #53008F, #3498db, #77C6FF);
}

.sticky-btn:hover {
    background: linear-gradient(to left, #53008F, #8b33ff, #3498db, #77C6FF); /* 그라데이션 배경 효과 추가 */
}

.font-size-larger{
    font-size: larger;
}