@charset "utf-8";

#greeting {
    display:flex;
    flex-direction:column;
    gap:30px;
}
#greeting .greeting_title {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:20px;
}
#greeting .greeting_title .greeting_title_icon {
    width:70px;
    height:70px;
    border-radius:999px;
    background-color:#E2F4FF;
    display:flex;
    align-items:center;
    justify-content:center;
}
#greeting .greeting_title .greeting_title_ti {
    font-size:1.77rem;
    font-weight:600;
    letter-spacing:-0.96px;
    font-family:'Paperlogy';
    color:#45A7E5;
    text-align: center;
}

#greeting .greeting_point {
    width:0;
    height:60px;
    margin:auto;
    border-left:2px dashed #ddd;
}


#greeting .greeting_context {
    display:flex;
    align-items: stretch;
    gap:70px;
}
#greeting .greeting_context .greeting_img {}
#greeting .greeting_context .greeting_img img {
    width:100%;
    max-width:825px;
}
#greeting .greeting_context .greeting_text {
    position: relative;
    flex:1;
    padding:50px 0;
    display:flex;
    flex-direction:column;
    gap:60px;
}
#greeting .greeting_context .greeting_text::before {
    content: '';
    width: 115%;
    max-width: 1255px;
    height: 600px;
    background-color: #F3FBFF;
    border-radius: 240px 0px 0px 240px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
#greeting .greeting_context .greeting_text .text_box {
    display:flex;
    flex-direction:column;
    gap:50px;
}
#greeting .greeting_context .greeting_text .text_box p {
    font-size:1.11rem;
    font-weight:400;
    letter-spacing:-0.6px;
    line-height:170%;
}
#greeting .greeting_context .greeting_text .greeting_sign {
    font-size:1.22rem;
    font-weight:500;
    letter-spacing:-0.66px;
    color:#45A7E5;
    text-align:right;
    font-family:'Paperlogy';
    max-width:765px;
    width:100%;
    margin-top:20px;
}


/* ********** 반응형 미디어 쿼리 css ********** */
@media(max-width:1800px) {}
@media(max-width:1660px) {
    #greeting .greeting_context {
        align-items:center;
    }
    #greeting .greeting_context .greeting_img {
        width:45%;
    }
    #greeting .greeting_context .greeting_text {
        padding:40px 0;
        gap:30px;
    }
    #greeting .greeting_context .greeting_text::before {
        height:100%;
    }
    #greeting .greeting_context .greeting_text .text_box {
        gap:30px;
    }
    #greeting .greeting_context .greeting_text .greeting_sign {
        margin-top:0;
        text-align:left;
    }
    #greeting .greeting_context .greeting_text .text_box p {
        font-size:1rem;
    }
   
}
@media(max-width:1440px) {}
@media(max-width:1200px) {
    #greeting .greeting_context {
        gap:50px;
    }
    #greeting .greeting_context .greeting_text .text_box p br {
        display:none;
    }
}
@media(max-width:1024px) {
    #greeting .greeting_context {
        flex-direction:column;
        gap:0;
    }
    #greeting .greeting_context .greeting_img {
        align-self:flex-start;
        width:55%;
    }

    #greeting .greeting_context .greeting_text {
        padding:40px 20px;
        text-align:center;
    }
    #greeting .greeting_context .greeting_text .greeting_sign {
        text-align:center;
        max-width:100%;
    }
    #greeting .greeting_context .greeting_text::before {
        top: -150px;
        width: 98%;
    }
}
@media(max-width:991px) {}
@media(max-width:768px) {
    #greeting .greeting_context .greeting_img {
        width:70%;
    }
}
@media(max-width:640px) {}
@media(max-width:480px) {}
@media(max-width:320px) {}