@charset "utf-8";

/* background 이미지 경로는 PHP에서 inline style로 주입 */
#shSub {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 350px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    /* 고해상도 디스플레이(Retina, QHD, 4K 등) 이미지 렌더링 선명도 보완 */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

#shSub .txt_area {
    color: #fff;
    text-align: center;
    font-family: 'Pretendard', sans-serif;
}

#shSub .txt_area p {
    margin-bottom: 20px;
    font-size: 46px;
    font-weight: 700;
}

#shSub .txt_area div {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
}

#shSub .txt_area div a {
    padding-top: 3px;
}

#shSub .txt_area div svg {
    fill: #fff;
}

#shSub .txt_area div i {
    margin: 0 20px;
    font-size: 14px;
}

#shSub .sub_tit {
    display: none;
}

@media (max-width: 1024px) {
    #shSub {
        height: 300px;
    }
    #shSub .txt_area p {
        font-size: 35px;
    }
}

@media (max-width: 480px) {
    #shSub {
        height: auto; /* 100%로 인한 높이 찌그러짐 방지 */
        padding: 20px 0;
        border-bottom: 1px solid #e1e1e1;
        background: #fff !important; /* 모바일에서는 배경 제거 */
    }
    #shSub .txt_area {
        display: none;
    }
    #shSub .sub_tit {
        display: block;
        font-size: 16px;
        font-weight: 500;
        color: #333;
    }
}