@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

#greeting {
    margin-top:-20px;
}
#greeting .cont {
    display:flex;
    align-items:stretch;
}
#greeting .greeting_title {
    flex:1;
    max-width:460px;
    background-color:#FFF9FC;
    padding:50px;
    background-image:url(./img/greeting_bg.png);
    background-repeat:no-repeat;
    background-position:right 30px bottom;
}
#greeting .greeting_title p {
    font-size:1.55em;
    font-weight:500;
    font-family: "The Jamsil";
    line-height:1.50;
    letter-spacing:-0.84px;
    background: var(--point, linear-gradient(135deg, #C95094 16.43%, #7B4992 87.14%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#greeting .greeting_text {
    flex:1;
    padding:40px 20px 0 50px;
    display:flex;
    flex-direction:column;
    gap:50px;
}
#greeting .greeting_text .greeting_box {
    display:flex;
    flex-direction:column;
    gap:20px;
}
#greeting .greeting_text .greeting_box .greeting_ti span {
    display:block;
}
#greeting .greeting_text .greeting_box .greeting_ti {
    font-size: 1.11em;
    font-weight:500;
    line-height:2.10;
    color:#444;
}
#greeting .greeting_text .greeting_box .greeting_co {
    font-size:2em;
    font-weight:400;
    line-height:1.38;
    letter-spacing:-1.08px;
    font-family: "Nanum Pen Script", serif;
    color:#7B4992;
}
#greeting .greeting_text .greeting_sign {
    text-align:right;
    font-size:1.11em;
    font-weight:700;
    line-height:2.10;
    color:#444;
}



/* 반응형 미디어쿼리 css */
@media (max-width:1680px) {
    #greeting .greeting_title {
        max-width:400px;
    }
}
@media (max-width:1440px) {
    #greeting .cont {
        flex-direction:column;
    }
    #greeting .greeting_title {
        max-width:100%;
        background-size: auto 100px;
    }
}
@media (max-width:1200px) {}
@media (max-width:1024px) {}
@media (max-width:991px) {}
@media (max-width:768px) {}
@media (max-width:640px) {
    #greeting .greeting_title {
        padding:30px 20px;
    }
    #greeting .greeting_title p {
        font-size:1.22em;
    }
    #greeting .greeting_text .greeting_box .greeting_ti br {
        display:none;
    }

    #greeting .greeting_text {
        padding:20px;
    }

    #greeting .greeting_text .greeting_box .greeting_co br {
        display:none;
    }
}
@media (max-width:480px) {}
@media (max-width:320px) {}