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

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

#business02 .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="122" viewBox="0 0 125 122" fill="none"><g clip-path="url(%23clip0_174_1319)"><path d="M106.114 33.9831C106.114 31.2516 103.862 29 101.094 29H86.9195C84.151 29 81.8994 31.2516 81.8994 34.02V36.6925L106.114 47.7255V33.9831Z" fill="%237B4992" fill-opacity="0.1"/><path d="M116.054 59.5558L66.4476 36.9545C64.2513 35.9542 61.7413 35.9616 59.5487 36.9545L9.94624 59.5558C8.27413 60.3162 7.53958 62.2873 8.29996 63.9557C9.06404 65.6278 11.0352 66.3624 12.6999 65.602L19.883 62.3279V115.518H12.2828C10.4372 115.518 8.96069 116.995 8.96069 118.84C8.96069 120.686 10.4372 122.162 12.2828 122.162H113.717C115.563 122.162 117.039 120.686 117.039 118.84C117.039 116.995 115.563 115.518 113.717 115.518H106.117V62.3316L113.3 65.6057C113.747 65.8087 114.216 65.9047 114.677 65.9047C115.939 65.9047 117.143 65.1812 117.7 63.9594C118.46 62.291 117.726 60.3162 116.054 59.5558ZM74.4575 63.6198C76.292 63.6198 77.7796 65.1074 77.7796 66.9419C77.7796 68.7764 76.292 70.264 74.4575 70.264H51.5425C49.708 70.264 48.2204 68.7764 48.2204 66.9419C48.2204 65.1074 49.708 63.6198 51.5425 63.6198H74.4575ZM72.4495 115.522V91.6398C72.4495 90.717 71.6743 89.9418 70.7515 89.9418H55.2485C54.3257 89.9418 53.5505 90.717 53.5505 91.6398V115.522H46.9063V91.6398C46.9063 87.0627 50.6714 83.2976 55.2485 83.2976H70.7515C75.3286 83.2976 79.0937 87.0627 79.0937 91.6398V115.522H72.4495Z" fill="%237B4992" fill-opacity="0.1"/></g><defs><clipPath id="clip0_174_1319"><rect width="125" height="122" fill="white"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-position: right 60px bottom;
}
#business02 .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;
}

#business02 .business_btns {
    display:flex;
    align-items:stretch;
    justify-content:center;
    flex-wrap: wrap;
    gap:21px;
}
#business02 .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;
}
#business02 .business_btns a::after {
    content:'';
    width:1px;
    height:30px;
    background-color:#ddd;
    position:absolute;
    right:-11px;
    top:50%;
    transform:translateY(-50%);
}
#business02 .business_btns a:last-child::after {
    display:none;
}
#business02 .business_btns a:hover {
    color:#7B4992
}

#business02 .business_cont {
    display:flex;
    flex-direction:column;
    gap:20px;
}
#business02 .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);
}
#business02 .business_sub_title p {
    font-size:1em;
    font-weight:600;
    line-height:1.44;
    color:#7B4992;
}

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

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


#business02 .step_box {
    display:flex;
    align-items:flex-start;
    gap:26px;
}
#business02 .step_box .step {
    width:125px; 
    text-align:center;
    display:flex;
    flex-direction:column;
    gap:10px;
    position: relative;
}
#business02 .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;
}
#business02 .step_box .step:last-child::after {
    display:none;
}
#business02 .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;
}
#business02 .step_box .step .step_text {
    display:flex;
    flex-direction:column;
}
#business02 .step_box .step .step_text .step_ti {
    font-size:0.88em;
    font-weight:700;
    letter-spacing:-0.48px;
    line-height:1.37;
}
#business02 .step_box .step .step_text .step_co {
    font-size:0.77em;
    font-weight:400;
    letter-spacing:-0.42px;
}

#business02 .business02_noti {
    font-size:0.88em;
    font-weight:700;
}


#business02 .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%);
}
#business02 .inquiry .inquiry_title {
    display:flex;
    align-items:center;
    gap:5px;
}
#business02 .inquiry .inquiry_title .inquiry_icon {
    height:18px;
}
#business02 .inquiry .inquiry_title .inquiry_ti {
    font-size:0.88em;
    font-weight:700;
    color:#fff;
    line-height:normal;
}
#business02 .inquiry .inquiry_co {
    font-size:0.88em;
    font-weight:700;
    line-height:normal;
    text-align: center;
    color:#fff;
}

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

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

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

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




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

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

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

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