@charset "utf-8";
html {
    scroll-behavior: smooth;
}

#business03 .cont {
    display:flex;
    flex-direction:column;
    gap:30px;
}

#business03 .business_title {
    border-radius: 30px;
    border: 5px solid rgba(123, 73, 146, 0.10);
    padding:30px 10px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="125" height="96" viewBox="0 0 125 96" fill="none"><path d="M112.731 40.4284C109.206 13.0213 80.4487 5.76784 62.9987 24.167C45.5451 5.76784 16.7879 13.0213 13.2665 40.4284C9.97719 66.1583 37.7951 87.335 60.4558 95.3339C62.1022 95.914 63.8951 95.9175 65.5415 95.3339C88.2058 87.3526 116.038 66.1583 112.731 40.4284ZM86.913 59.4885H79.4844L74.0987 69.6707C73.3308 71.1264 71.8023 72.037 70.1415 72.037C68.4737 72.037 66.9487 71.1228 66.1808 69.6707L56.8558 52.0135L54.2022 56.9605C53.4272 58.402 51.9094 59.3056 50.2558 59.3056H39.0844C36.6201 59.3056 34.6201 57.3367 34.6201 54.9107C34.6201 52.4846 36.6201 50.5157 39.0844 50.5157H47.5594L52.9344 40.4952C53.7094 39.0536 55.2272 38.15 56.8808 38.15H56.8951C58.5558 38.1535 60.0772 39.0677 60.8415 40.5163L70.1415 58.1172L72.8165 53.0613C73.5844 51.6057 75.113 50.695 76.7737 50.695H86.913C89.3773 50.695 91.3773 52.664 91.3773 55.09C91.3773 57.516 89.3808 59.4885 86.913 59.4885Z" fill="%237B4992" fill-opacity="0.1"/></svg>');
    background-repeat: no-repeat;
    background-position: right 60px bottom;
}
#business03 .business_title p {
    font-size:1.11em;
    font-weight:400;
    font-family: "The Jamsil";
    line-height:1.80;
    letter-spacing:-0.6px;
    text-align:center;
    color:#7B4992;
}

#business03 .business_btns {
    display:flex;
    align-items:stretch;
    justify-content:center;
    flex-wrap: wrap;
    gap:21px;
}
#business03 .business_btns a {
    display:block;
    padding:10px 20px;
    text-align:center;
    font-size:1em;
    font-weight:500;
    letter-spacing:-0.54px;
    color:#777;
    position: relative;
}
#business03 .business_btns a::after {
    content:'';
    width:1px;
    height:30px;
    background-color:#ddd;
    position:absolute;
    right:-11px;
    top:50%;
    transform:translateY(-50%);
}
#business03 .business_btns a:last-child::after {
    display:none;
}
#business03 .business_btns a:hover {
    color:#7B4992
}
#business03 .business_cont {
    display:flex;
    flex-direction:column;
    gap:20px;
}
#business03 .business_sub_title {
    padding:20px;
    border-top: 1px solid rgba(123, 73, 146, 0.20);
    border-bottom: 1px solid rgba(123, 73, 146, 0.20);
}
#business03 .business_sub_title p {
    font-size:1em;
    font-weight:600;
    line-height:1.44;
    color:#7B4992;
}
#business03 .business_sub_title p span {
    color:#444;
    display: block;
}

#business03 .info_box {
    display:flex;
    flex-direction:column;
    gap:20px;
}
#business03 .info_box ul {
    display:flex;
    align-items:flex-start;
    gap:20px;
}
#business03 .info_box .info_ti {
    font-size:1em;
    font-weight:700;
    color:#7B4992;
    line-height:normal;
    width:90px;
}
#business03 .info_box .info_co {
    flex:1;
    font-size:1em;
    font-weight:400;
    line-height:normal;
}

#business03 .process_co {
    display:flex;
    align-items:center;
    gap:10px;
}
#business03 .process_co svg {
    width:6px;
    height:24px;
}

#business03 .table_ti {
    font-size:1em;
    font-weight:700;
    color:#7B4992;
    line-height:normal;
    margin-bottom:20px;
}

#business03 .step_box {
    display:flex;
    align-items:flex-start;
    gap:26px;
}
#business03 .step_box .step {
    width:125px; 
    text-align:center;
    display:flex;
    flex-direction:column;
    gap:10px;
    position: relative;
}
#business03 .step_box .step::after {
    content:'';
    width:6px;
    height:24px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="24" viewBox="0 0 6 24" fill="none"><g clip-path="url(%23clip0_341_8458)"><path d="M1.71018 7.28982L5.71018 11.2898C5.80388 11.3828 5.87828 11.4934 5.92908 11.6152C5.97988 11.7371 6.00598 11.8678 6.00598 11.9998C6.00598 12.1318 5.97988 12.2625 5.92908 12.3844C5.87828 12.5062 5.80388 12.6168 5.71018 12.7098L1.71018 16.7098C1.61698 16.8031 1.50628 16.877 1.38448 16.9275C1.26258 16.9779 1.13208 17.0039 1.00018 17.0039C0.868324 17.0039 0.737754 16.9779 0.615934 16.9275C0.494114 16.877 0.383424 16.8031 0.290184 16.7098C0.196944 16.6166 0.122984 16.5059 0.072524 16.3841C0.022064 16.2622 -0.00390629 16.1317 -0.00390629 15.9998C-0.0039063 15.868 0.022064 15.7374 0.072524 15.6156C0.122984 15.4937 0.196944 15.3831 0.290184 15.2898L3.59018 11.9998L0.290184 8.70982C0.101884 8.52152 -0.00390663 8.26612 -0.00390664 7.99982C-0.00390666 7.73352 0.101884 7.47812 0.290184 7.28982C0.478494 7.10152 0.733884 6.99572 1.00018 6.99572C1.26648 6.99572 1.52188 7.10152 1.71018 7.28982Z" fill="%237B4992"/></g><defs><clipPath id="clip0_341_8458"><rect width="24" height="6" fill="white" transform="translate(0 24) rotate(-90)"/></clipPath></defs></svg>');
    background-repeat:no-repeat;
    background-position:center center;
    position:absolute;
    right:-16px;
    top:45px;
}
#business03 .step_box .step:last-child::after {
    display:none;
}
#business03 .step_box .step .step_num {
    width:20px;
    height:20px;
    margin:auto;
    border-radius:50%;
    background-color:#7B4992;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:700;
    letter-spacing:-0.42px;
    color:#fff;
}
#business03 .step_box .step .step_text {
    display:flex;
    flex-direction:column;
}
#business03 .step_box .step .step_text .step_ti {
    font-size:0.88em;
    font-weight:700;
    letter-spacing:-0.48px;
    line-height:1.37;
}
#business03 .step_box .step .step_text .step_co {
    font-size:0.77em;
    font-weight:400;
    letter-spacing:-0.42px;
}

#business03 .business03_noti {
    font-size:0.88em;
    font-weight:700;
}


#business03 .inquiry {
    display:flex;
    justify-content:flex-end;
    align-items:flex-start;
    gap:10px;
    padding:15px 20px;
    width: fit-content;
    margin: auto;
    margin-right: 0;
    border-radius:999px;
    border:1px solid #ddd;
    background: rgb(201,80,148);
    background: linear-gradient(135deg, rgba(201,80,148,1) 16.43%, rgba(123,73,146,1) 87.14%);
}
#business03 .inquiry .inquiry_title {
    display:flex;
    align-items:center;
    gap:5px;
}
#business03 .inquiry .inquiry_title .inquiry_icon {
    height:18px;
}
#business03 .inquiry .inquiry_title .inquiry_ti {
    font-size:0.88em;
    font-weight:700;
    color:#fff;
    line-height:normal;
}
#business03 .inquiry .inquiry_co {
    font-size:0.88em;
    font-weight:700;
    line-height:normal;
    text-align: center;
    color:#fff;
}

/* 반응형 미디어쿼리 css */
@media (max-width: 1680px) {
    #business03 .business_btns a {
        padding:10px;
    }
}
@media (max-width:1440px) {
    #business03 .business_btns {
        gap:11px;
    }
    #business03 .business_btns a {
        width:calc(25% - 8.25px);
    }
    #business03 .business_btns a::after {
        right:-6px;
    }
}
@media (max-width:1200px) {
    #business03 .info_box .info_step {
        flex-direction:column;
    }

    #business03 .step_box .step {
        width:110px;
    }
}
@media (max-width:1024px) {
    #business03 .info_box .info_ti {
        width:70px;
    }
}
@media (max-width:991px) {}
@media (max-width:768px) {
    #business03 .business_title p br {
        display:none;
    }

    #business03 .info_box .info_co {
        flex-wrap: wrap;
    }

    #business03 .step_box {
        flex-wrap: wrap;
        gap:10px;
    }
    #business03 .step_box .step {
        flex:none;
        max-width:auto;
        width:calc(33.333% - 6.6666px)
    }
    #business03 .step_box .step::after {
        display:none;
    }




}
@media (max-width:640px) {

    #business03 .business_title {
        background-position:right bottom;
    }
    #business03 .business_btns {
        justify-content: flex-start;
    }
    #business03 .business_btns a {
        width: calc(33.333% - 7.333px);
        font-size: 0.88em;
        word-break: auto-phrase;
    }

    #business03 .info_box ul {
        flex-direction:column;
        gap:5px;
    }
    #business03 .info_box .info_ti {
        width:auto;
    }

    #business03 .inquiry {
        width:100%;
        justify-content:center;
        gap:5px;
    }
    #business03 .inquiry .inquiry_title .inquiry_ti,
    #business03 .inquiry .inquiry_co {
        font-size:0.94em;
    }
}
@media (max-width:480px) {
    #business03 .inquiry {
        flex-direction:column;
        align-items: center;
    }
}
@media (max-width:320px) {}