/* 추가 템플릿 스타일 설정 2025.06.15 */

#logo .logo-w {
    display: block;
}

#logo .logo-v {
    display: none !important;
}

#intro div {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
}

#intro div img.main {
    object-fit: cover;
    border-radius: 0 !important;
    height: 100%;
}

.intro2 div section {
    padding-top: 110px;
}

.intro2 div section img.pro-logo {
    height: 120px !important;
}

.intro2 p {
    font-size: 30px;
    margin-top: 0;
    color: #D33717;
}

.intro2 a {
    min-width: 376px;
    height: 48px;
    line-height: 48px;
    border: none;
    border-radius: 5px;
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    color: #090909 !important;
    background-color: #fff;
}

.intro2 a::after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("../../images/arrow-right_stroke.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -5px;
}

#ai-supporter,
#ai-chatting {
    background: #F8F8F8 !important;
}

#wrtn-benefit,
#ai-tool {
    background: #212121 !important;
}

#wrtn-benefit .sec-title p,
#ai-tool .sec-title p {
    color: #fff;
}

#ai-supporter h3.orange {
    color: #D33717;
}

#ai-supporter .sec-title .title {
    background: linear-gradient(90deg, rgba(9, 9, 9, 0.80) 5.41%, rgba(211, 55, 23, 0.80) 94.06%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#ai-chatting h3.orange {
    color: #57CEA2;
}

#ai-chatting .sec-title .title {
    background: linear-gradient(90deg, rgba(9, 9, 9, 0.80) 5.41%, rgba(87, 206, 162, 0.80) 94.06%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#wrtn-benefit h3.orange {
    color: #00BFFF;
}

#wrtn-benefit .sec-title .title {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.80) 5.41%, rgba(0, 191, 255, 0.80) 94.06%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#ai-tool h3.orange {
    color: #F70;
}

#ai-tool .sec-title .title {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.90) 5.41%, rgba(255, 119, 0, 0.90) 94.06%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.feature-n {
    background: #212121 !important;
}

.feature .sec-title p {
    color: #090909;
}

.feature .sec-title h2.title {
    font-size: 47px;
    margin: 20px 0;
}

@media all and (max-width: 1279.99px) {
    .intro2 div section {
        padding-top: 80px !important;
    }
}

@media all and (max-width: 600px) {
    .intro2 div section {
        padding-top: 50px !important;
    }

    .intro2 p {
        font-size: 22px;
    }

    .intro2 a {
        min-width: 216px;

    }
}