@charset "utf-8";

#shSub{display:flex;align-items:center;justify-content:center;height:360px;margin:0 auto;background-image:linear-gradient(rgb(0, 0, 0, 0.6), rgb(0, 0, 0, 0.6)), url(./sub_bg.jpg);background-repeat:no-repeat;background-position:50% 55%;background-size:cover;font-family:var(--e-font),var(--k-font)}
#shSub .txt_area{padding-top:0;color:#fff;text-align:center; margin:-20px 0 0 0}
#shSub .txt_area p{margin-bottom:0;font-size:42px}
#shSub .txt_area div{display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:500}
#shSub .txt_area div a{color:#fff}
#shSub .txt_area div svg{width:15px;margin:0 10px}

/* 반응형 [s] */
@media (max-width:1024px){
#shSub{height:360px}
#shSub .txt_area p{margin-bottom:15px;font-size:34px}
}
@media (max-width:768px){
#shSub{height:auto; padding:15px 0; margin:70px 0 0 0}
#shSub .txt_area p{margin-bottom:12px;font-size:30px}
#shSub .txt_area {display:none}
#shSub .txt_area div{font-size:15px}
}
@media (max-width:580px){
#shSub{height:auto; padding:15px 0; margin:70px 0 0 0}
#shSub .txt_area p{margin-bottom:10px;font-size:28px}
#shSub .txt_area div{font-size:14px}
}
@media (max-width:480px){
#shSub{height:auto; padding:15px 0; margin:0}	
#shSub .txt_area p{margin-bottom:0px;font-size:16px;color:#111}
#shSub .txt_area div{display:none}
}
/* 반응형 [e] */


.company-down-btn-wrap {
    margin-top: 32px;
}

.company-down-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 220px;
    height: 54px;
    padding: 0 24px;
    background: linear-gradient(135deg, #5ed7d1 0%, #2bbec0 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 999px;
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(43, 190, 192, 0.22);
    transition: all 0.25s ease;
    box-sizing: border-box;
}

.company-down-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(43, 190, 192, 0.3);
}

.company-down-btn:active {
    transform: translateY(0);
}

.company-down-btn svg {
    flex: 0 0 auto;
}

@media (max-width: 767px) {
    .company-down-btn-wrap {
        margin-top: 24px;
    }

    .company-down-btn {
        width: 100%;
        min-width: auto;
        height: 50px;
        font-size: 15px;
        padding: 0 18px;
    }
}