@charset "utf-8";
/* ==========================================================================
 * main-text-banner.css
 * 2026-03-25 12:20:00 r034
 *
 * [r034]
 * - 텍스트 배너
 * - 배너 안 텍스트 반응형 포함
 * - 기존 이미지 배너 선명도 보정 CSS 제거
 * ========================================================================== */

#erum-main-page .erum-banner-carousel__slide{
    display:flex;
    align-items:stretch;
}

#erum-main-page .erum-text-banner{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 79px;
    padding: 18px 17px;
    box-sizing: border-box;
    border-radius: 2px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    isolation: isolate;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.16),
        inset 0 1px 0 rgba(255,255,255,.10),
        inset 0 -1px 0 rgba(0,0,0,.04);
}

#erum-main-page .erum-text-banner::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:
        radial-gradient(circle at 18% 18%, rgba(255,255,255,.10) 0, rgba(255,255,255,0) 34%),
        radial-gradient(circle at 82% 82%, rgba(255,255,255,.08) 0, rgba(255,255,255,0) 32%);
    pointer-events:none;
}

#erum-main-page .erum-text-banner::after{
    content:"";
    position:absolute;
    right:-36px;
    bottom:-48px;
    width:180px;
    height:180px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    filter:blur(6px);
    z-index:0;
    pointer-events:none;
}

#erum-main-page .erum-text-banner__eyebrow,
#erum-main-page .erum-text-banner__title{
    position:relative;
    z-index:1;
    display:block;
    word-break:keep-all;
}

#erum-main-page .erum-text-banner__eyebrow{
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.03em;
    color: rgba(255,255,255,.94);
}

#erum-main-page .erum-text-banner__title{
    font-size: 21px;
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #fff;
}

#erum-main-page .erum-text-banner__eyebrow--color-black1{
    color: #191919;
}
#erum-main-page .erum-text-banner__eyebrow--color-black2{
    color: #0e0e0e;
}
#erum-main-page .erum-text-banner__eyebrow--color-black3{
    color: #000000;
}
#erum-main-page .erum-text-banner__eyebrow--color-black4{
    color: #959595;
}

#erum-main-page .erum-text-banner__title--color-black1{
    color: #424242;
}

#erum-main-page .erum-text-banner__title--color-black2{
    color: #242424;
}

#erum-main-page .erum-text-banner__title--color-black3{
    color: #000000;
}

#erum-main-page .erum-text-banner__title--color-black4{
    color: #3d4d5a;
}

#erum-main-page .erum-text-banner--green-1{background:linear-gradient(135deg,#1f8d61 0%,#58b86a 100%);}
#erum-main-page .erum-text-banner--green-2{background:linear-gradient(135deg,#0f7f63 0%,#33b58e 100%);}
#erum-main-page .erum-text-banner--green-3{background:#65ab6f;}
#erum-main-page .erum-text-banner--blue-1{background:linear-gradient(135deg,#2448ff 0%,#3e7bff 100%);}
#erum-main-page .erum-text-banner--blue-2{background:linear-gradient(135deg,#14a5b8 0%,#58cdd1 100%);}
#erum-main-page .erum-text-banner--blue-3{background:linear-gradient(135deg,#1b2f74 0%,#2b4aa0 100%);}
#erum-main-page .erum-text-banner--gray-1{background:linear-gradient(135deg,#eeeeee 11%,#d0d0d0 100%);}

#erum-main-page .erum-text-banner--brown-1{background:linear-gradient(135deg,#c0ad98,#ae967b 100%);}
#erum-main-page .erum-text-banner--skyblue-1{background:linear-gradient(135deg,#8cb8bf,#72a8af 100%);}
#erum-main-page .erum-text-banner--deepgreen-1{background:linear-gradient(135deg,#689d71,#578660 100%);}

#erum-main-page .erum-text-banner--green-1{background:linear-gradient(135deg,#6cab78,#5b9968 100%);}
#erum-main-page .erum-text-banner--green-2{background:linear-gradient(135deg,#5e9f86,#4f8d75 100%);}
#erum-main-page .erum-text-banner--green-3{background:linear-gradient(135deg,#7aae72,#679a60 100%);}

#erum-main-page .erum-text-banner--blue-1{background:linear-gradient(135deg,#5e7fd6,#4e6ec1 100%);}
#erum-main-page .erum-text-banner--blue-2{background:linear-gradient(135deg,#6a96d1,#5984bb 100%);}
#erum-main-page .erum-text-banner--blue-3{background:linear-gradient(135deg,#5f74b4,#50639b 100%);}

#erum-main-page .erum-text-banner--skyblue-1{background:linear-gradient(135deg,#8cb8bf,#72a8af 100%);}
#erum-main-page .erum-text-banner--skyblue-2{background:linear-gradient(135deg,#90b9c8,#7ba6b6 100%);}

#erum-main-page .erum-text-banner--deepgreen-1{background:linear-gradient(135deg,#7aa184,#678d72 100%);}
#erum-main-page .erum-text-banner--olive-1{background:linear-gradient(135deg,#9aa56f,#86925b 100%);}

#erum-main-page .erum-text-banner--brown-4{background:linear-gradient(135deg,#c0ad98,#ae967b 100%);}
#erum-main-page .erum-text-banner--brown-2{background:linear-gradient(135deg,#bda690,#aa9076 100%);}
#erum-main-page .erum-text-banner--brown-3{background:linear-gradient(135deg,#b59a82,#a28368 100%);}

#erum-main-page .erum-text-banner:hover{
    transform:translateY(-2px);
    transition:transform .2s ease;
}

@media all and (max-width:991px){
    #erum-main-page .erum-text-banner{
/*        min-height:180px;*/
        padding:20px 16px;
        border-radius:3px;
    }

    #erum-main-page .erum-text-banner__eyebrow{
/*        margin-bottom:10px;*/
        font-size:13px;
    }

    #erum-main-page .erum-text-banner__title{
        font-size:21px;
    }
}

@media all and (max-width:767px){
    #erum-main-page .erum-text-banner{
/*        min-height:150px;*/
        padding:18px 16px;
        border-radius:3px;
    }

    #erum-main-page .erum-text-banner__eyebrow{
/*        margin-bottom:8px;*/
        font-size:13px;
/*        line-height:1.25;*/
    }

    #erum-main-page .erum-text-banner__title{
        font-size:21px;
/*        line-height:1.15;*/
    }
}

@media all and (max-width:412px){
    #erum-main-page .erum-text-banner{
/*        min-height:132px;*/
/*        padding:16px 14px;*/
        border-radius:3px;
    }

    #erum-main-page .erum-text-banner__eyebrow{
/*        margin-bottom:6px;*/
        font-size:13px;
/*        line-height:1.2;*/
    }

    #erum-main-page .erum-text-banner__title{
        font-size:21px;
/*        line-height:1.12;*/
    }
}