#wrap {width: 100%;}

/* 헤더 */
header {
    width: calc(100% - 260px);
    padding: 0 130px;
    height: 93px;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999;
}
header.scrolled {
    background: radial-gradient(50% 50% at 10% 0%, rgba(231, 206, 255, 0.3) 0%, rgba(248, 241, 255, 0.13) 62%, rgba(255, 255, 255, 0) 100%), 
    radial-gradient(50% 50% at 100% 0%, rgba(206, 237, 255, 0.4) 0%, rgba(241, 243, 255, 0.174) 62%, rgba(255, 255, 255, 0) 100%), #fff;
    background-repeat: no-repeat;
    background-size: cover 2069px, cover 2069px;
    box-shadow: 0px 5px 9px 0px #00000026;
}
header .logo {
    width: 168px;
    height: 21px;
    background: url(../img/logo-b.png) center center no-repeat;
    font-size: 0;
}
header ul {
    display: flex;
    align-items: center;
    gap: 90px;
}
header ul li a {
    font-size: 18px;
    color: #383838;
    font-weight: 600;
}
header ul li.btn_close_menu {display: none; cursor: pointer;}
header .hamburger_menu {display: none; cursor: pointer;}
@media (max-width: 1235px) {
    header {padding: 0 60px; width: calc(100% - 120px);}
    header ul {gap: 70px;}
}
@media (max-width: 767px) {
    header {height: 80px; padding: 0 16px; width: calc(100% - 32px);}
    header .hamburger_menu {display: block;}
    header ul {
        display: none;
        position: fixed;
        right: 0;
        top: 0;
        background-color: #ffffff;
        width: 220px;
        height: 100vh;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        border-radius: 20px 0 0 20px;
        z-index: 999;
        box-shadow: rgba(0, 0, 0, 0.5) 0 0 0 9999px;
    }
    header ul li {
        width: calc(100% - 40px);
        padding: 18px 20px;
    }
    header ul li a {font-size: 20px;}
    header ul li.btn_close_menu {
        display: block;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: end;
    }
}

section {width: 100%;}

/* 섹션 #home */
section#home {
    background: radial-gradient(50% 50% at 0% 0%, rgba(231, 206, 255, 0.3) 0%, rgba(248, 241, 255, 0.13) 62%, rgba(255, 255, 255, 0) 100%), 
    radial-gradient(50% 50% at 100% 0%, rgba(206, 237, 255, 0.4) 0%, rgba(241, 243, 255, 0.174) 62%, rgba(255, 255, 255, 0) 100%), #fff;
    background-repeat: no-repeat;
    background-size: auto, auto, cover;
}
section#home .container {
    max-width: 1660px;
    padding: 130px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 30px;
    margin: 0 auto;
}
section#home .container .left_area {
    height: 584px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
section#home .container .left_area .top_area .title_mark {
    width: fit-content;
    padding: 6px 14px 6px 6px;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #71C3FF 100%);
    border-radius: 10px;
    color: #383838;
    font-size: 16px;
}
section#home .container .left_area .top_area .title_mark .logo {
    padding: 6px 8px;
    background-color: #fff;
    font-weight: 600;
    display: inline-block;
    border-radius: 8px;
}
section#home .container .left_area .top_area .title_mark .desc {
    font-weight: 500;
    padding-left: 10px;
}
section#home .container .left_area .top_area h2 {
    padding: 14px 0 24px;
    word-break: keep-all;
}
section#home .container .left_area .top_area .h2_desc {line-height: 160%;}
section#home .container .left_area .bottom_area .btn_area {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}
/* section#home .container .left_area .bottom_area .btn_a.blue {margin-right: 16px;} */
section#home .container .left_area .bottom_area .check_desc_area {
    display: flex;
    flex-wrap: wrap;
    column-gap: 36px;
    row-gap: 10px;
}
section#home .container .left_area .bottom_area .check_desc {
    position: relative;
    padding-left: 33.75px;
}
section#home .container .left_area .bottom_area .check_desc::before {
    content: "";
    width: 19.5px;
    height: 19.5px;
    background: url(/img/icon_ckeckBlue.png) center center no-repeat;
    position: absolute;
    left: 0; top: 2.25px;
}
section#home .container .right_area {
    width: 40.4%;
    max-width: 670px;
    height: 664px;
    display: flex;
    align-items: center;
}
section#home .container .right_area img {width: 100%;}

@media (max-width: 1505px) {
    section#home .container .left_area .top_area h2 {font-size: 40px;}
}
@media (max-width: 1235px) {
    section#home .container {padding: 130px 60px; column-gap: 10px;}
    section#home .container .left_area .top_area h2 {font-size: 35px;}
    section#home .container .left_area .top_area .h2_desc,
    section#home .container .left_area .bottom_area .check_desc {font-size: 18px;}
    section#home .container .left_area .bottom_area .check_desc::before {top: 0.25px;}
}
@media (max-width: 1000px) {
    section#home .container {flex-direction: column; padding: 153px 60px 100px;}
    section#home .container .left_area  {
        width: 100%;
        height: unset;
    }
    section#home .container .right_area {
        width: 100%;
        max-width: unset;
        height: unset;
    }
    section#home .container .left_area .top_area h2 {font-size: 5.3vw;}
    section#home .container .left_area .top_area .h2_desc, 
    section#home .container .left_area .bottom_area .check_desc {font-size: 2.2vw;}
    section#home .container .left_area .bottom_area {padding: 50px 0 60px;}
}
@media (max-width: 767px) {
    section#home .container {padding: 100px 16px 100px;}
    section#home .container .left_area .top_area {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    section#home .container .left_area .top_area .title_mark {font-size: 14px;}
    section#home .container .left_area .top_area h2 {font-size: 24px;}
    section#home .container .left_area .top_area .h2_desc {font-size: 18px;}
    section#home .container .left_area .bottom_area {padding: 20px 0 42px; text-align: center;}
    section#home .container .left_area .bottom_area .check_desc_area {justify-content: center;}
    section#home .container .left_area .bottom_area .check_desc {
        width: 242.39px;
        text-align: left;
        font-size: 16px;
    }
}

/* 섹션 #service */
section#service {
    background: radial-gradient(50% 50% at 0% 50%, rgba(231, 206, 255, 0.5) 0%, rgba(248, 241, 255, 0.2175) 62%, rgba(255, 255, 255, 0) 100%), 
    radial-gradient(50% 50% at 100% 50%, rgba(206, 237, 255, 0.5) 0%, rgba(241, 243, 255, 0.2175) 62%, rgba(255, 255, 255, 0) 100%),
    radial-gradient(50% 20% at 50% 84%, rgba(206, 237, 255, 0.6) 0%, rgba(241, 243, 255, 0.261) 62%, rgba(255, 255, 255, 0) 100%), #fff;
    background-repeat: no-repeat;
    background-size: 100% 2069px, 100% 2069px, auto, cover;
}
section#service .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
section#service .title {
    width: fit-content;
    justify-self: center;
    font-size: 16px;
    font-weight: 500;
    background-color: #F5F5F5;
    color: #242424;
    padding: 16px 24px;
    border-radius: 10px;
}
section#service .title .inner_span1 {
    background-color: #ffffff;
    padding: 9.5px 12px;
    border-radius: 8px;
    margin-left: 24px;
}
section#service .title .inner_span2 {
    background-color: #DFF4FF;
    color: #0038FF;
    font-weight: 800;
    padding: 4px 12px;
    border-radius: 6px;
    margin-left: 8px;
}
section#service .monthly_fee_area {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
    padding: 40px 60px 50px;
}
section#service .monthly_fee_area .monthly_fee_box {
    width: 100%;
    height: fit-content;
    max-width: 400px;
    background: #FFFFFF;
    border: 1px solid #F5F5F5;
    box-shadow: -4px 10px 14px 0px #0000000D;
    align-self: end;
    border-radius: 22px;
}

section#service .monthly_fee_area .monthly_fee_box.winoffice {
    max-width: 390px;
    height: fit-content;
    background: #0094FF;
    border-radius: 22px;
    margin-bottom: 39px;
}

section#service .monthly_fee_area .monthly_fee_box .cont {padding: 45px 48px;}
section#service .monthly_fee_area .monthly_fee_box.winoffice .cont {padding: 4px;}
section#service .monthly_fee_area .monthly_fee_box.winoffice .name {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 72px;
}
section#service .monthly_fee_area .monthly_fee_box.winoffice .name img {margin-right: 12px;}
section#service .monthly_fee_area .monthly_fee_box.winoffice .inner {
    background-color: #ffffff;
    border-radius: 19px;
    padding: 45px 48px;
}
section#service .monthly_fee_area .monthly_fee_box .target {
    font-size: 20px;
    font-weight: 500;
    position: relative;
    padding-left: 48px;
}
section#service .monthly_fee_area .monthly_fee_box .target::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px; height: 20px;
    padding: 8px;
    background: url(/img/duo-icons_building.png) center center no-repeat #ffffff;
    border: 1px solid #F2F2F4;
    border-radius: 8px;
}
section#service .monthly_fee_area .monthly_fee_box.winoffice .target::before {
    background: url(/img/Lightning.png) center center no-repeat #ffffff;
}
section#service .monthly_fee_area .monthly_fee_box.winoffice .target::after {
    content: "free";
    padding: 4px 12px;
    font-size: 16px;
    font-weight: 800;
    color: #0038FF;
    background-color: #DFF4FF;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
section#service .monthly_fee_area .monthly_fee_box .h2 {padding: 20px 0 10px;}
section#service .monthly_fee_area .monthly_fee_box .h2 span {
    font-size: 18px;
    font-weight: 400;
    color: #878787;
    padding-left: 10px;
}
section#service .monthly_fee_area .monthly_fee_box .desc16px {
    padding-bottom: 22px; 
    line-height: 120%;
    letter-spacing: -1px;
}
section#service .monthly_fee_area .monthly_fee_box .box {
    width: 100%;
    height: 56px;
    background: #F5F5F5;
    border: 1.5px solid #EFEFEF;
    font-size: 16px;
    font-weight: 500;
    color: #383838;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}
section#service .monthly_fee_area .monthly_fee_box.winoffice .box {
    background: #0094FF;
    color: #ffffff;
}
section#service .monthly_fee_area .function_check_box {
    display: none;
    padding: 30px;
    background: #FFFFFF;
    border: 1px solid #F5F5F5;
    box-shadow: 4px 10px 14px 0px #0000000D;
    border-radius: 22px;
}
section#service .monthly_fee_area .function_check_box .target {
    font-size: 20px;
    font-weight: 500;
    position: relative;
    padding-left: 48px;
}
section#service .monthly_fee_area .function_check_box .target::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    padding: 8px;
    background: url(/img/duo-icons_building.png) center center no-repeat #ffffff;
    border: 1px solid #F2F2F4;
    border-radius: 8px;
}
section#service .monthly_fee_area .function_check_box.box6 .target::before {
    background: url(/img/Lightning.png) center center no-repeat #ffffff;
}

section#service .monthly_fee_area .function_check_box .fee {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #242424;
    padding: 24px 0;
}
section#service .monthly_fee_area .function_check_box.box6 .fee {color: #FF0734;}
section#service .monthly_fee_area .function_check_box .fee span {
    color: #D6D6D6;
    padding-left: 10px;
}
section#service .monthly_fee_area .function_check_box ul {
    display: flex;
    flex-wrap: wrap;
    width: 298px;
    justify-content: space-between;
    row-gap: 16px;
    letter-spacing: -1px;
}
section#service .monthly_fee_area .function_check_box ul li {
    width: 50%;
    display: flex;
    align-items: center;
}
section#service .monthly_fee_area .function_check_box ul li img {margin-right: 6px;}
section#service .feature_checklist_area {
    display: flex;
    gap: 20px;
    padding: 0 60px;
    width: calc(100% - 120px);
}
section#service .feature_checklist_area ul {
    border-radius: 22px;
}
section#service .feature_checklist_area ul li {
    height: 76px;
    padding: 0 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: 400;
    color: #242424;
    letter-spacing: -1px;
}
section#service .feature_checklist_item {
    width: 236px;
    flex-shrink: 0;
    background-color: #D2ECFF;
    border: 1px solid #F5F5F5;
    box-shadow: -4px 10px 14px 0px #0000000D;
}
section#service .feature_checklist_item .tit {
    font-weight: 700;
}
section#service .feature_checklist_list {
    width: calc((100% - 236px) * 0.309);
    background: #FFFFFF;
    border: 1px solid #F5F5F5;
    box-shadow: 4px 10px 14px 0px #0000000D;
}
section#service .feature_checklist_list li {justify-content: center;}
section#service .feature_checklist_list li.target {
    font-weight: 600;
    padding: 0 20px;
}
section#service .feature_checklist_list li.target .icon {
    width: 36px;
    height: 36px;
    background: url(/img/duo-icons_building.png) center center no-repeat #ffffff;
    border: 1px solid #F2F2F4;
    border-radius: 8px;
    display: inline-block;
    margin-right: 12px;
}
section#service .feature_checklist_list.winoffice li.target .icon {
    background: url(/img/Lightning.png) center center no-repeat #ffffff;
}
section#service .feature_checklist_list.winoffice {
    width: calc((100% - 236px) * 0.382);
    border: 2px solid #0094FF;
    box-shadow: 0px 0px 14px 0px #42BBC633;
}
section#service .feature_checklist_list .fee {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #242424;
    flex-wrap: wrap;
    column-gap: 10px;
    padding: 0 20px;
}
section#service .feature_checklist_list.winoffice .fee {color: #FF0734;}
section#service .feature_checklist_list .fee span {color: #D6D6D6;}
section#service .article2 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 120px 60px 0;
}
section#service .article2 .tit_badge::before {background: url(/img/duo-icons_message.png) center center no-repeat;}
section#service .article2 .feature_card_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}
section#service .article2 .feature_card_wrap .feature_card {
    width: 33.3333%;
    max-width: 400px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #F2F2F2;
    box-shadow: 0px 4px 14px 0px #37B7C31A;
    border-radius: 16px;
    padding: 0 25px;
    height: 252px;
    box-sizing: border-box;
}
section#service .article2 .feature_card_wrap .feature_card img {
    background: #0094FF;
    padding: 6px;
    border: 3.25px solid #D1ECFF;
    box-shadow: 1px 1px 4px 0px #8080801A;
    border-radius: 10.82px;
    margin-top: 50px;
}
section#service .article2 .feature_card_wrap .feature_card .card_title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #242424;
    padding: 32px 0 12px;
    line-height: 140%;
}
section#service .article2 .feature_card_wrap .feature_card .card_title span {
    white-space: nowrap;
    display: inline-block;
}
section#service .article2 .feature_card_wrap .feature_card .card_sub_title {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -1px;
    line-height: 120%;
    color: #606060;
    word-break: keep-all;
}
section#service .article2 .feature_card_wrap .feature_card .card_sub_title span {white-space: nowrap;}
section#service .article3 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: linear-gradient(180deg, #FFFFFF 0%, #F2FAFF 100%);
    padding: 120px 0;
}
section#service .article3 .tit_badge::before {background: url(/img/GlobeSimple.png) center center no-repeat;}
section#service .article3 .h3_desc {padding: 0 60px;}
section#service .article3 .map_img_area {
    width: 1280px;
    height: 506.95px;
    background: url(/img/Map.png) center center no-repeat;
    background-size: cover;
}
section#service .article4 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 120px 60px 120px;
}
section#service .article4 .tit_badge::before {background: url(/img/streamline_computer-pc-desktop-solid.png) center center no-repeat;}
section#service .article4 .function_card_area {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 30px;
}
section#service .article4 .function_card_area li {
    max-width: 358px;
    background: linear-gradient(180deg, #E8EEFF 0%, #F3EEFF 100%);
    border: 1px solid #F2F2F2;
    box-shadow: 0px 4px 14px 0px #37B7C31A;
    border-radius: 16px;
    padding: 30px 20px 40px;
    text-align: center;
}
section#service .article4 .function_card_area li img {
    width: 100%;
}
section#service .article4 .function_card_area li .card_tit {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #383838;
    padding: 20px 0 14px;
}
section#service .article4 .function_card_area li .card_desc {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -1px;
    color: #606060;
    line-height: 160%;
}

/* 섹션 #solution */
section#solution {
    background: radial-gradient(40% 9% at 10% 94%, rgba(231, 206, 255, 0.3) 0%, rgba(248, 241, 255, 0.1305) 62%, rgba(255, 255, 255, 0) 100%), 
    radial-gradient(40% 9% at 90% 94%, rgba(206, 237, 255, 0.3) 0%, rgba(241, 243, 255, 0.1305) 62%, rgba(255, 255, 255, 0) 100%), #fff;
    background-repeat: no-repeat;
    background-size: auto, auto, cover;
}
section#solution .article1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 60px 0;
}
section#solution .article1 .tit_badge::before {background: url(/img/Sparkle_blue.png) center center no-repeat;}
section#solution .article1 .merit_list_wrap {
    width: 100%;
    max-width: 1220px;
    display: flex;
    gap: 20px;
    flex-direction: column;
}
section#solution .article1 .merit_list_wrap li {
    /* width: 100%; */
    height: 534px;
    background: linear-gradient(180deg, #E8EEFF 0%, #F3EEFF 100%);
    /* background-color: red; */
    border: 1px solid #F2F2F2;
    box-shadow: 0px 0px 14px 0px #37B7C31A;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 170px;
    border-radius: 16px;
    position: relative;
}
section#solution .article1 .merit_list_wrap li .cont {}
section#solution .article1 .merit_list_wrap li .cont .subtitle_label {
    width: fit-content;
    background: #FFFFFF;
    border: 1px solid #F2F2F4;
    font-size: 16px;
    font-weight: 500;
    color: #0094FF;
    letter-spacing: -1px;
    padding: 8px 14px;
    border-radius: 8px;
    display: flex;
    align-items: center;
}
section#solution .article1 .merit_list_wrap li .cont .subtitle_label img {padding-right: 8px;}
section#solution .article1 .merit_list_wrap li .cont .title {
    font-size: 44px;
    font-weight: 600;
    color: #242424;
    letter-spacing: -1px;
    padding: 12px 0 16px;
}
section#solution .article1 .merit_list_wrap li .cont .desc {
    /* width: 490px; */
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -1px;
    line-height: 160%;
    color: #606060;
    word-break: keep-all;
}
section#solution .article1 .merit_list_wrap li:nth-child(1) .cont .desc {width: 370px;}
section#solution .article1 .merit_list_wrap li:nth-child(2) .cont .desc {width: 380px;}
section#solution .article1 .merit_list_wrap li:nth-child(3) .cont .desc {width: 400px;}
section#solution .article1 .merit_list_wrap li:nth-child(4) .cont .desc {width: 350px;}
section#solution .article1 .merit_list_wrap li:nth-child(5) .cont .desc {width: 340px;}
section#solution .article1 .merit_list_wrap li:nth-child(6) .cont .desc {width: 400px;}
section#solution .article1 .merit_list_wrap li:nth-child(7) .cont .desc {width: 578px;}

section#solution .article1 .merit_list_wrap li:nth-child(1) .img {width: 226px; aspect-ratio: 226 / 459;}
section#solution .article1 .merit_list_wrap li:nth-child(2) .img {width: 300px; aspect-ratio: 300 / 300;}
section#solution .article1 .merit_list_wrap li:nth-child(3) .img {width: 336px; aspect-ratio: 336 / 230;}
section#solution .article1 .merit_list_wrap li:nth-child(4) .img {
    width: 339.77px; 
    aspect-ratio: 339.77 / 462.67;
    position: absolute;
    right: 170px;
    bottom: 0;
}
section#solution .article1 .merit_list_wrap li:nth-child(5) .img {width: 226.18px; aspect-ratio: 226.18 / 460;}
section#solution .article1 .merit_list_wrap li:nth-child(6) .img {width: 299.6px; aspect-ratio: 299.6 / 302;}
section#solution .article1 .merit_list_wrap li:nth-child(7) .img {width: 300px; aspect-ratio: 300 / 300;}
section#solution .article2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 120px 60px;
}
section#solution .article2 .tit_badge::before {background: url(/img/Lightning.png) center center no-repeat;}
section#solution .article2 .other_services_area {
    width: 100%;
    max-width: 1220px;
}
section#solution .article2 .other_services_area .service {
    width: calc(100% - 34px);
    max-width: 1220px;
    background: #FFFFFF;
    border: 1px solid #E5EAF2;
    border-radius: 12px;
    position: relative;
    padding: 14px 16px;
}
section#solution .article2 .other_services_area .service:first-child {margin-bottom: 20px;}
section#solution .article2 .other_services_area .service .tit {
    width: calc(100% - 60px);
    font-size: 24px;
    font-weight: 700;
    color: #0094FF;
    letter-spacing: -1px;
    padding-bottom: 14px;
    line-height: 140%;
}
section#solution .article2 .other_services_area .service .desc {
    width: calc(100% - 60px);
    max-width: 960px;
    font-size: 20px;
    font-weight: 400;
    color: #606060;
    letter-spacing: -1px;
    line-height: 160%;
}
section#solution .article2 .other_services_area .service a {
    position: absolute;
    top: 14px;
    right: 16px;
}
/* 섹션 #inquiry */
section#inquiry {
    width: 100%;
    background: radial-gradient(50% 50% at 90% 90%, rgba(231, 206, 255, 0.8) 0%, rgba(248, 241, 255, 0.348) 62%, rgba(255, 255, 255, 0) 100%), #fff;
    background-repeat: no-repeat;
    background-size: auto, cover;
}
section#inquiry .container {}
section#inquiry .article1 {
    width: calc(100% - 120px);
    padding: 120px 60px;
    /* margin: 0 auto; */
    display: flex;
    justify-content: center;
    gap: 67px;
}
section#inquiry .article1 .left_area {
    width: 415px;
    flex-shrink: 0;
}
section#inquiry .article1 .left_area .h2 {}
section#inquiry .article1 .left_area .desc {
    font-size: 22px;
    font-weight: 500;
    color: #1F2427B2;
    line-height: 140%;
    padding: 10px 0 20px;
}
section#inquiry .article1 .left_area .phone {padding-bottom: 5px;}
section#inquiry .article1 .left_area .phone,
section#inquiry .article1 .left_area .email {
    font-size: 15px;
    font-weight: 500;
    color: #0094FF;
    display: flex;
    align-items: center;
}
section#inquiry .article1 .left_area .phone img,
section#inquiry .article1 .left_area .email img {margin-right: 7px;}
section#inquiry .article1 .left_area .email {}
section#inquiry .article1 .left_area .email img {}
section#inquiry .article1 .right_area {
    width: calc(100% - 415px);
    max-width: 760px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
section#inquiry .article1 .right_area input,
section#inquiry .article1 .right_area textarea {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #6A6A6B;
    border-radius: 10px;
    padding: 20px;
    line-height: 140%;
    box-sizing: border-box;
    font-family: 'Pretendard';
    font-size: 18px;
}
section#inquiry .article1 .right_area textarea {height: 220px;}
section#inquiry .article1 .right_area input::placeholder,
section#inquiry .article1 .right_area textarea::placeholder {
    font-size: 20px;
    font-weight: 400;
    color: #6A6A6B;
    font-family: 'Pretendard';
}

section#inquiry .article1 .right_area iframe {
    width: 100%;
    border: 1px solid #D2D2D2;
    border-radius: 10px;
}
section#inquiry .article1 .right_area .btn_send {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
}

@media (max-width: 1310px) {
    section#service .article2 .feature_card_wrap .feature_card img {margin-top: 45px;}
}
@media (max-width: 1295px) {
    section#service .article3 .map_img_area {
        width: 100%;
        height: auto;
        aspect-ratio: 1280 / 506.95;
    }
}
@media (max-width: 1260px) {
    section#service .monthly_fee_area .monthly_fee_box .h2 {font-size: 35px;}
    section#service .monthly_fee_area .monthly_fee_box .h2 span {font-size: 16px;}
    section#service .article2 .feature_card_wrap {flex-wrap: wrap;}
    section#service .article2 .feature_card_wrap .feature_card {
        padding: 0 13px;
        width: 48%;
        max-width: 352px;
    }
    section#service .article2 .feature_card_wrap .feature_card .card_title {padding: 12px 0;}
    section#service .article2 .feature_card_wrap .feature_card .card_title span {display: block;}
    section#solution .article1 .merit_list_wrap li {height: 480px; padding: 0 50px;}
    section#solution .article1 .merit_list_wrap li:nth-child(1) .img {width: 202.31px;}
    section#solution .article1 .merit_list_wrap li:nth-child(2) .img {width: 251px;}
    section#solution .article1 .merit_list_wrap li:nth-child(3) .img {width: 263px;}
    section#solution .article1 .merit_list_wrap li:nth-child(4) .img {
        width: 247.33px;
        right: 50px;
    }
    section#solution .article1 .merit_list_wrap li:nth-child(5) .img {width: 195.7px;}
    section#solution .article1 .merit_list_wrap li:nth-child(6) .img {width: 232.14px;}
    section#solution .article1 .merit_list_wrap li:nth-child(7) .img {width: 236px;}
}
@media (max-width: 1154px) {
    section#service .monthly_fee_area .monthly_fee_box.winoffice .inner {padding: 30px;}
    section#service .monthly_fee_area .monthly_fee_box .h2 span {font-size: 14px;}
}
@media (max-width: 1108px) {
    section#service .monthly_fee_area .monthly_fee_box.winoffice .target::after {display: none;}
}
@media (max-width: 1070px) {
    section#service .monthly_fee_area .monthly_fee_box .h2 {font-size: 27px;}
    section#solution .article1 .merit_list_wrap li:nth-child(7) .cont .desc {width: 456px;}
    section#inquiry .article1 {flex-direction: column; padding: 0 60px 100px;}
    section#inquiry .article1 .right_area {width: 100%; max-width: 100%;}
}
@media (max-width: 970px) {
    section#service .monthly_fee_area .monthly_fee_box .target {font-size: 17px;}
    section#solution .article1 .merit_list_wrap li:nth-child(1) .cont .desc {width: 370px;}
    section#solution .article1 .merit_list_wrap li:nth-child(2) .cont .desc {width: 362px;}
    section#solution .article1 .merit_list_wrap li:nth-child(3) .cont .desc {width: 326px;}
    section#solution .article1 .merit_list_wrap li:nth-child(4) .cont .desc {width: 315px;}
    section#solution .article1 .merit_list_wrap li:nth-child(5) .cont .desc {width: 300px;}
    section#solution .article1 .merit_list_wrap li:nth-child(6) .cont .desc {width: 350px;}
    
}
@media (max-width: 930px) {
    section#service .feature_checklist_area {display: none;}
    section#service .monthly_fee_area {
        flex-wrap: wrap;
        align-items: center;
        row-gap: 20px;
        column-gap: 10px;
        grid-template-columns: 1fr 1fr;
    }
    section#service .monthly_fee_area .monthly_fee_box {height: 298px;}
    section#service .monthly_fee_area .monthly_fee_box.winoffice {
        height: unset;
        max-width: 356px;
        margin-bottom: unset;
    }
    section#service .monthly_fee_area .monthly_fee_box.winoffice .target::after {display: block;}
    section#service .monthly_fee_area .function_check_box {display: block; height: 238px;}
    section#service .monthly_fee_area .box1 {grid-column: 1 / 2; grid-row: 1 / 2;}
    section#service .monthly_fee_area .box2 {grid-column: 2 / 3; grid-row: 1 / 2;}
    section#service .monthly_fee_area .box3 {grid-column: 1 / 2; grid-row: 3 / 4;}
    section#service .monthly_fee_area .box4 {grid-column: 2 / 3; grid-row: 3 / 4;}
    section#service .monthly_fee_area .box5 {grid-column: 1 / 2; grid-row: 2 / 3;}
    section#service .monthly_fee_area .box6 {grid-column: 2 / 3; grid-row: 2 / 3;}
    section#service .monthly_fee_area .box7 {display: none;}
    section#service .article3 .map_img_area {
        width: 100%;
        height: auto;
        background: url(/img/Map_2.png) center center no-repeat;
        aspect-ratio: 840 / 507;
        background-size: cover;
    }
    section#service .article4 .function_card_area {grid-template-columns: repeat(2, minmax(0, 1fr));}
    /* section#solution .article1 .merit_list_wrap {transform: scale(0.8); transform-origin: top;} */
}
@media (max-width: 890px) {
    section#solution .article1 .merit_list_wrap {align-items: center;}
    section#solution .article1 .merit_list_wrap li {
        padding: 30px;
        width: calc(100% - 60px);
        height: 487px;
        flex-direction: column;
        gap: 20px;
    }
    section#solution .article1 .merit_list_wrap li:nth-child(1) .img {width: 139.8px;}
    section#solution .article1 .merit_list_wrap li:nth-child(3) .img {margin-bottom: 60px;}
    section#solution .article1 .merit_list_wrap li:nth-child(4) .img {
        left: 50%;
        transform: translateX(-50%);
        right: unset;
    }
    section#solution .article1 .merit_list_wrap li:nth-child(5) .img {width: 140.13px;}
    section#solution .article1 .merit_list_wrap li .cont {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    section#solution .article1 .merit_list_wrap li .cont .title {font-size: 28px;}
    section#solution .article1 .merit_list_wrap li .cont .desc {
        width: 100% !important; 
        font-size: 18px;
        word-break: normal;
    }
}
@media (max-width: 780px) {
    section#service .monthly_fee_area .monthly_fee_box.winoffice .target::after {display: none;}
}
@media (max-width: 767px) {
    section#home .container .left_area .bottom_area .btn_area {justify-content: center;}
    section#service {background: #ffffff;}
    section#service .monthly_fee_area {
        padding: 30px 16px;
        grid-template-columns: minmax(auto, 338px);
    }
    section#service .monthly_fee_area .box1 {grid-column: 1 / 2; grid-row: 1 / 2;}
    section#service .monthly_fee_area .box2 {display: none;}
    section#service .monthly_fee_area .box3 {grid-column: 1 / 2; grid-row: 4 / 5;}
    section#service .monthly_fee_area .box4 {display: none;}
    section#service .monthly_fee_area .box5 {grid-column: 1 / 2; grid-row: 2 / 3;}
    section#service .monthly_fee_area .box6 {grid-column: 1 / 2; grid-row: 5 / 6;}
    section#service .monthly_fee_area .box7 {display: block; grid-column: 1 / 2; grid-row: 3 / 4;}
    section#service .monthly_fee_area .monthly_fee_box {height: fit-content;}
    section#service .monthly_fee_area .monthly_fee_box .cont {padding: 34px 20px 30px;}
    section#service .monthly_fee_area .monthly_fee_box .h2 {padding: 14px 10px;}
    section#service .monthly_fee_area .monthly_fee_box .desc16px {padding-bottom: 43px;}
    section#service .monthly_fee_area .function_check_box {padding: 30px 20px;}
    section#service .monthly_fee_area .monthly_fee_box.winoffice .target::after {display: block;}
    section#solution .article1 .merit_list_wrap li {width: 340px;}
    section#service .article2 {padding: 100px 16px 0;}
    section#service .article2 .feature_card_wrap .feature_card {width: 100%; max-width: 338px;}
    section#service .article3 .h3 {padding: 0 16px;}
    section#service .article3 .h3_desc {padding: 0 16px;}
    section#service .article4 {padding: 100px 16px 100px;}
    section#service .article4 .function_card_area {grid-template-columns: repeat(1, minmax(0, 1fr));}
    section#solution .article1 {padding: 0 16px 0;}
    /* section#solution .article1 .merit_list_wrap li {width: 100%;} */
    section#solution .article2 {padding: 100px 16px;}
    section#solution .article2 .other_services_area .service .tit {width: calc(100% - 55px); font-size: 22px;}
    section#solution .article2 .other_services_area .service .desc {width: calc(100% - 55px); font-size: 16px;}
    section#inquiry .article1 {padding: 0 16px 100px; width: calc(100% - 32px);}
    section#inquiry .article1 .left_area {width: 100%;}
    section#inquiry .article1 .left_area .h2 {font-size: 38px;}
    section#inquiry .article1 .left_area .desc {font-size: 18px; padding: 10px 0;}
}
@media (max-width: 400px) {
    section#service .article4 h3.h3 span {white-space: normal;}
    section#home .container .left_area .bottom_area .btn_area {
        flex-direction: column;
    }
}
@media (max-width: 370px) {
    section#service .monthly_fee_area {
        grid-template-columns: 100%;
        width: calc(100% - 38px);
    }
    section#service .monthly_fee_area .function_check_box ul {width: 100%;}
    section#service .title {padding: 16px 5px;}
    section#service .title .inner_span1 {padding: 9.5px 5px; margin-left: 2px;}
    section#service .title .inner_span2 {padding: 4px; margin-left: 2px;}
    section#service .monthly_fee_area .function_check_box.box7 .fee span {display: none;}
    section#solution .article1 .merit_list_wrap li {width: 80%;}
}
@media (max-width: 340px) {
    section#service .monthly_fee_area .monthly_fee_box.winoffice .target::after {display: none;}
    section#solution .article1 .merit_list_wrap li {height: fit-content;}
    section#solution .article1 .merit_list_wrap li:nth-child(4) {height: 500px;}
}
@media (max-width: 300px) {
    section#service .article2 .feature_card_wrap .feature_card .card_title{font-size: 18px;}
    section#solution .article1 .merit_list_wrap li:nth-child(3) .img {width: 225px;}
    section#solution .article1 .merit_list_wrap li:nth-child(4) .img {width: 220px;}
}

/* 푸터 */
footer {
    width: 100%;
    height: 353px;
    background-color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}
footer .container {
    width: 100%;
    max-width: 1311px;
    display: flex;
    justify-content: space-between;
    padding: 0 60px;
}
footer .left_area {
    font-size: 14px;
    font-weight: 600;
    align-self: end;
}
footer .left_area img {
    width: 232px;
}
footer .left_area .footer_info {
    padding: 21px 0 12px;
}
footer .left_area .footer_info div {display: inline;}
footer .left_area .footer_info div:nth-child(2) {padding-left: 27px;}
footer .left_area .number {padding-bottom: 12px;}
footer .left_area .number strong {
    font-weight: 600;
    font-size: 14px;
}
footer .left_area .number span {
    font-weight: 400;
    padding-left: 10px;
}
footer .left_area .footer_info span {
    font-weight: 400;
    padding-left: 10px;
}
footer .left_area .copyright {line-height: 140%;}
footer .right_area {text-align: right;}
footer .right_area .footer_label {
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 20px;
}
footer .right_area .footer_value {
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
}
footer .right_area .bottom_area {
    display: flex;
    align-items: baseline;
    justify-content: end;
    gap: 80px;
    padding-top: 40px;
}
footer .right_area .bottom_area .footer_value {
    height: 45px;
    align-content: center;
}
footer .right_area .btn_kakao {
    border: 1px solid #0094FF;
    color: #0094FF;
    border-radius: 10px;
    padding: 0 11.5px;
    width: fit-content;
    height: 45px;
    font-size: 18px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
@media (max-width: 930px) {
    footer .right_area .footer_label {font-size: 24px;}
    footer .right_area .footer_value {font-size: 20px;}
    footer .right_area .bottom_area {gap: 20px;}
}
@media (max-width: 767px) {
    footer {height: fit-content;}
    footer .container {
        flex-direction: column-reverse; 
        align-items: center; 
        gap: 62px;
        padding: 30px 16px;
        height: fit-content;
    }
    footer .left_area {align-self: flex-start;}
    footer .right_area {text-align: center;}
    footer .right_area .footer_label {font-size: 20px; padding-bottom: 10px;}
    footer .right_area .bottom_area .footer_label {padding-bottom: 24px;}
    footer .right_area .footer_value {font-size: 18px;}
    footer .right_area .bottom_area {gap: 30px;}
    footer .right_area .btn_kakao {font-size: 16px; height: 42px;}
}
@media (max-width: 330px) {
    footer .left_area .footer_info div:nth-child(2) {display: block; padding-left: 0; padding-top: 10px;}
    footer .right_area .bottom_area {flex-direction: column; gap: 10px; align-items: center;}
    footer .right_area .bottom_area .inner {display: flex; align-items: center;}
    footer .right_area .bottom_area .footer_label {width: 102px; padding-bottom: 0; padding-right: 10px;}
}