@charset "utf-8";
html,
body {
    word-break: keep-all;
    font-size: 17px;
}
::selection {
    background: #75bad9;
    color: #fff;
}

.mt_2 {
    margin-top: 2rem !important;
}

/**/
.fc-blue {
    color: #1e7ce5;
}
.fc-blue-2 {
    color: #006ae2;
}
.fc-teal {
    color: #39bfc0;
}
.fc-mint {
    color: #39bfc0;
}
.lh-3 {
    line-height: 1.3;
}
.lh-4 {
    line-height: 1.4;
}
.lh-5 {
    line-height: 1.5;
}

/**/
.pages {
    font-family: 'Pretendard', sans-serif;
}
.pages .subject {
    font-weight: bold;
    padding-left: 15px;
    position: relative;
    margin-bottom: 20px;
    font-family: 'Pretendard-Regular', sans-serif;
    color: #111;
}
.pages .subject:after {
    content: '';
    width: 4px;
    position: absolute;
    margin: auto;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    background: #20b7e5;
    height: 50%;
    transform: translateY(2px);
}
.pages .wrap > section {
    margin-bottom: 80px;
}
.pages .wrap > section:last-child {
    margin-bottom: 0;
}
.pages .box-border-blue {
    border: 2px solid #006ae2;
    border-radius: 10px;
}
.pages .box-blue {
    background: #e1f2fc;
    border-radius: 15px;
    padding: 10px 2px;
    text-align: center;
    position: relative;
    color: #006ae2;
}
.pages .box-gray {
    border-radius: 10px;
    background: #f7f7f7;
}
.pages .box-white {
    background: #fff;
    border-radius: 10px;
}
.pages .box-orange {
    background: #fcf4f2;
    padding: 16px;
    border-radius: 10px;
}
.pages .after-arrow {
    position: relative;
}
.pages .after-arrow:after,
.pages .after-arrow:before {
    content: '';
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
}
.pages .after-arrow:before {
    height: 1px;
    width: 70px;
    background: #999;
    top: 0;
    bottom: 0;
    right: 0;
}
.pages .after-arrow:after {
    background: linear-gradient(45deg, transparent 50%, #999 50%);
    width: 9px;
    height: 9px;
    transform: rotate(45deg);
}
.pages img.shadow {
    box-shadow: none;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));
}

/**/
.pages .card-body {
    padding: 40px 50px;
}
@media (max-width: 768px) {
    .pages .card-body {
        padding: 20px 30px;
    }
}

/**/
#menu-8 {
}
#menu-8 .ceo {
    margin-bottom: 100px;
    padding-bottom: 100px;
}
#menu-8 .ceo .text {
    line-height: 35px;
}
#menu-8 .company {
    margin-bottom: 150px;
}
#menu-8 .company .card {
    border-radius: 20px;
}
#menu-8 .company .card-body {
    padding: 80px 0;
}
#menu-8 .company .flex {
    justify-content: space-evenly;
}
#menu-8 .company .item {
    width: 20%;
    position: relative;
    z-index: 10;
}
#menu-8 .company .item .rect {
    position: relative;
}
#menu-8 .company .item .rect:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    margin: auto;
    top: 0;
    bottom: 0;
    border-top: 1px dashed #ccc;
    z-index: 1;
}
#menu-8 .company .item .circle {
    width: 180px;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 15px solid #20b7e6;
    margin: auto;
    border-radius: 100%;
    background: #fff;
    z-index: 10;
    position: relative;
    transform: scale(1);
}
#menu-8 .company .item .circle .icon {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}
#menu-8 .company .item .circle .name {
    font-weight: bold;
}
#menu-8 .company .item .text {
    text-align: center;
    color: #888;
    margin-top: 20px;
}
#menu-8 .certified {
}
#menu-8 .certified .flex {
    flex-wrap: wrap;
}
#menu-8 .certified .item {
    width: 18.4%;
    margin-bottom: 50px;
    margin-right: 2%;
}
#menu-8 .certified .item .img {
    height: 320px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 15px;
    background: #fff;
    padding: 10px;
}
#menu-8 .certified .item .name {
    text-align: center;
    margin-top: 20px;
}

@media (min-width: 1025px) {
    #menu-8 .certified .item:nth-child(5n) {
        margin-right: 0;
    }
}
@media (max-width: 1024px) and (min-width: 769px) {
    #menu-8 .certified .item:nth-child(4n) {
        margin-right: 0;
    }
    #menu-8 .certified .item {
        width: 23.5%;
    }
    .pages .wrap > section {
        margin-bottom: 50px;
    }
    .pages .subject:after {
        height: 60%;
        transform: translateY(0);
    }
}
@media (max-width: 768px) {
    #menu-8 .certified .item:nth-child(2n) {
        margin-right: 0;
    }
    #menu-8 .certified .item {
        width: 49%;
    }
    #menu-8 .certified .item .img {
        height: 260px;
    }
}

@media (max-width: 1024px) {
    #menu-8 .company .item .circle {
        width: 120px;
        height: 120px;
        border-width: 8px;
    }
}
@media (max-width: 768px) {
    #menu-8 .company .card-body {
        overflow-x: auto;
    }
    #menu-8 .company .flex {
        width: 730px;
    }
    #menu-8 .company .item {
        width: 20%;
    }
}

/**/
#menu-9 {
    padding-top: 100px;
    background: #f7f7f7;
}
#menu-9 .history {
}
#menu-9 .hi-head {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0 10px 0;
    margin-bottom: 75px;
}
#menu-9 .hi-head .rect {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
#menu-9 .hi-head .rect:before {
    content: '';
    position: absolute;
    display: block;
    margin: auto;
    height: 1px;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px dashed #d5d5d5;
}
#menu-9 .hi-head .rect > a {
    cursor: pointer;
    user-select: none;
    padding: 10px;
    width: 140px;
    text-align: center;
    margin: 0 30px;
    border-radius: 30px;
    background: #d5d5d5;
    color: #fff;
    transition: all 300ms;
    z-index: 10;
}
#menu-9 .hi-head {
    display: flex;
    flex-direction: column;
}
#menu-9 .hi-head .rect > a:first-child {
    margin-left: 0;
}
#menu-9 .hi-head .rect > a:last-child {
    margin-right: 0;
}
#menu-9 .hi-head .rect > a.active {
    background: #20b7e5;
}
#menu-9 .hi-body .rect {
    position: relative;
    width: 100%;
}
#menu-9 .hi-body .rect:before {
    content: '';
    position: absolute;
    margin: auto;
    width: 1px;
    height: 100%;
    background: #ccc;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#menu-9 .hi-body .rect:last-child {
    padding-bottom: 100px;
}
#menu-9 .hi-body .rect:first-child:after,
#menu-9 .hi-body .rect:last-child:after {
    content: '';
    position: absolute;
    margin: auto;
    width: 29px;
    height: 1px;
    background: #ccc;
}
#menu-9 .hi-body .rect:first-child:after {
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
}
#menu-9 .hi-body .rect:last-child:after {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}
#menu-9 .hi-body .rect > div {
    width: 50%;
}
#menu-9 .hi-body .rect .year {
    float: right;
    text-align: left;
    padding: 100px 70px 0 70px;
}
#menu-9 .hi-body .rect .year .number {
    margin-bottom: 20px;
}
#menu-9 .hi-body .rect .img {
    float: right;
    padding: 0 70px;
}
#menu-9 .hi-body .rect .img img {
    box-shadow: 25px 25px 0 0 #e1ecf5;
}
#menu-9 .hi-body .rect .story {
    padding-top: 130px;
    float: left;
    padding-right: 100px;
    padding-left: 0;
}
#menu-9 .hi-body .rect .story .item {
    margin-bottom: 30px;
    position: relative;
    text-align: right;
}
#menu-9 .hi-body .rect .story .item:first-child:before,
#menu-9 .hi-body .rect .story .item:first-child:after {
    content: '';
    display: block;
    position: absolute;
    margin: auto;
}
#menu-9 .hi-body .rect .story .item:first-child:before {
    width: 14px;
    height: 14px;
    border: 3px solid #20b7e5;
    background: #fff;
    border-radius: 100%;
    top: 10px;
    z-index: 10;
    right: -107px;
    left: auto;
}
#menu-9 .hi-body .rect .story .item:first-child:after {
    width: 60px;
    height: 1px;
    background: #20b7e5;
    top: 16px;
    z-index: 1;
    right: -107px;
    left: auto;
}
#menu-9 .hi-body .rect .story .story-subject {
    font-weight: bold;
}
#menu-9 .hi-body .rect .story .story-text {
    display: inline-block;
    padding-left: 15px;
    color: #999;
    position: relative;
}
#menu-9 .hi-body .rect .story .story-text:before {
    content: '';
    width: 6px;
    height: 1px;
    background: #999;
    position: absolute;
    top: 13px;
    right: auto;
    bottom: 0;
    left: 1px;
}

@media (min-width: 769px) {
    #menu-9 .hi-body .rect:nth-child(2n) {
    }
    #menu-9 .hi-body .rect:nth-child(2n) .year {
        float: left;
        text-align: right;
    }
    #menu-9 .hi-body .rect:nth-child(2n) .story {
        float: right;
        padding-right: 0;
        padding-left: 100px;
    }
    #menu-9 .hi-body .rect:nth-child(2n) .story .item {
        text-align: left;
    }
    #menu-9 .hi-body .rect:nth-child(2n) .story .item:first-child:before,
    #menu-9 .hi-body .rect:nth-child(2n) .story .item:first-child:after {
        right: auto;
        left: -107px;
    }
    #menu-9 .hi-body .rect:nth-child(2n) .img {
        float: left;
    }
}
@media (max-width: 768px) {
    #menu-9 .hi-head {
        overflow: auto;
        justify-content: flex-start;
    }
    #menu-9 .hi-head .rect {
        min-width: 720px;
    }
    #menu-9 .hi-body {
        padding: 0 0 0 20px;
    }
    #menu-9 .hi-body .rect > div {
        width: 100%;
    }
    #menu-9 .hi-body .rect:before {
        right: auto;
    }
    #menu-9 .hi-body .rect:first-child:after,
    #menu-9 .hi-body .rect:last-child:after {
        right: auto;
        transform: translateX(-50%);
    }
    #menu-9 .hi-body .rect .year {
        float: none;
    }
    #menu-9 .hi-body .rect .story {
        padding: 0 0 0 70px;
        float: none;
    }
    #menu-9 .hi-body .rect .story .item:first-child:before,
    #menu-9 .hi-body .rect .story .item:first-child:after {
        left: -77px;
        right: auto;
    }
    #menu-9 .hi-body .rect .story .item:first-child:before {
        top: 7px;
    }
    #menu-9 .hi-body .rect .story .item:first-child:after {
        top: 13px;
    }
    #menu-9 .hi-body .rect .story .item {
        text-align: left;
    }
    #menu-9 .hi-body .rect .img {
        float: none;
    }
}
@media (max-width: 425px) {
    #menu-9 .hi-body .rect .year {
        padding: 100px 30px 0 30px;
    }
    #menu-9 .hi-body .rect .story .item:first-child:after {
        width: 26px;
    }
    #menu-9 .hi-body .rect .story {
        padding: 0 0 0 30px;
    }
    #menu-9 .hi-body .rect .story .item:first-child:before,
    #menu-9 .hi-body .rect .story .item:first-child:after {
        left: -36px;
    }
    #menu-9 .hi-body .rect .img {
        padding: 0 30px;
    }
}

/*AI & Data 기반 국가R&D 사업*/
#menu-10 .business {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5%;
    margin-top: 50px;
}
#menu-10 .business li {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    width: 30%;
    background: #020203 url(/images/content/menu/business01.png) no-repeat;
    background-size: cover;
    color: #fff;
    padding: 3rem;
    border-radius: 0 3rem;
}
#menu-10 .business li:nth-child(2) {
    background-image: url(/images/content/menu/business02.png);
    background-position: bottom;
}
#menu-10 .business li:nth-child(3) {
    background-image: url(/images/content/menu/business03.png);
    background-position: bottom;
}

#menu-10 .business li h3 {
    width: 100%;
    padding: 3rem 0 5rem 0;
    font-size: 2rem;
    line-height: 1.2;
    color: #66ffff;
    font-weight: 600;
}
#menu-10 .business li:nth-child(2) h3 {
    color: #8bafff;
}
#menu-10 .business li:nth-child(3) h3 {
    color: #d9a9ff;
}
#menu-10 .business li strong {
    width: 80%;
    font-size: 1.5rem;
    background: #66ffff;
    color: #020203;
    padding: 1rem;
    border-radius: 3rem;
    line-height: 1;
}
#menu-10 .business li:nth-child(2) strong {
    background: #8bafff;
}
#menu-10 .business li:nth-child(3) strong {
    background: #d9a9ff;
}
#menu-10 .business li p {
    width: 100%;
    font-size: 1.2rem;
    padding: 1rem 0 2rem;
}
.history2 {
    position: relative;
    margin-top: 3rem;
}
.history2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 7rem;
    height: 100%;
    border-left: 1px dotted #dcdcdc;
}
.history2 ol > li {
    position: relative;
    width: 100%;
    margin-bottom: 1.5rem;
    padding-left: 180px;
    box-sizing: border-box;
}
.history2 ol > li .data {
    position: absolute;
    top: 1.5rem;
    left: 0;
    font-size: 1.5rem;
    color: #012350;
    letter-spacing: -1.5px;
}
.history2 .history_box {
    position: relative;
    width: 100%;
    height: auto;
    padding: 25px 30px;
    background-color: #ebeeef;
    box-sizing: border-box;
    border-radius: 30px 0 30px 0;
    -webkit-border-radius: 30px 0 30px 0;
}
.history2 .history_box:before {
    content: '';
    position: absolute;
    top: 48px;
    left: -48px;
    width: 48px;
    height: 1px;
    background-color: #dcdcdc;
}
.history2 .history_box:after {
    content: '';
    position: absolute;
    top: 33px;
    left: -75px;
    width: 29px;
    height: 29px;
    background: url(/images/content/menu/history_list_bul.png) no-repeat left top;
}
.history2 .history_box strong {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 19px;
    font-size: 19px;
}
.history2 .history_box ul {
    width: 100%;
    box-sizing: border-box;
}
.history2 .history_box ul li:after {
    background: #d2d2d2;
}
.history2 .history_box ul > li > ul > li {
    position: relative;
    color: #555;
    font-weight: 600;
    line-height: 1.2;
    padding-left: 1rem;
    margin-bottom: 0.5rem;
}
.history2 .history_box ul > li > ul > li:last-child {
    margin: 0;
}
.history2 .history_box ul > li > ul > li:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: #a75ae4;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 0;
}
.history2 .history_box ul li ul li.ty2:before {
    background: #656970;
}
.history2 .history_box ul li ul li.ty3:before {
    background: #2a9f9f;
}
.history2 .history_box ul li ul li.ty4:before {
    background: #6a8dda;
}
.history2 .history_box ul li ul li {
    color: #a75ae4;
}
.history2 .history_box ul li ul li.ty2 {
    color: #656970;
}
.history2 .history_box ul li ul li.ty3 {
    color: #2a9f9f;
}
.history2 .history_box ul li ul li.ty4 {
    color: #6a8dda;
}
.history2 .history_box ul > li > ul > li dl dd {
    margin-top: 0.5rem;
    line-height: 1.2;
}

@media (max-width: 1280px) {
    #menu-10 .business {
        gap: 2%;
    }
    #menu-10 .business li {
        width: 32%;
        padding: 1rem;
    }
}
@media (max-width: 960px) {
    #menu-10 .business li {
        width: 100%;
        margin-bottom: 1rem;
        padding: 0;
        border-radius: 0 1.5rem;
    }
    #menu-10 .business li h3 {
        padding: 2rem 0;
        font-size: 1.5rem;
    }
    #menu-10 .business li strong {
        width: auto;
        padding: 1rem 2rem;
        font-size: 1rem;
    }
    #menu-10 .business li p {
        padding: 0.5rem 0 2rem;
        font-size: 1rem;
    }
}
@media all and (max-width: 820px) {
    .history2 .history_box {
        margin-top: 0.5rem;
    }
}
@media all and (max-width: 560px) {
    .history2 ol > li .data {
        position: relative;
        top: 0;
        padding-left: 1rem;
    }
    .history2 ol > li {
        padding-left: 0;
    }
    .history2:before,
    .history2 .history_box:before,
    .history2 .history_box:after {
        display: none;
    }
}
/*
@media all and (max-width: 480px) {
    .history ol > li {
        padding-left: 120px;
    }
    .history ol > li .data {
        left: 0;
        font-size: 17px;
    }
    .history:before {
        left: 94px;
    }
    .history .history_box:after {
        left: -40px;
    } 
}*/

/**/
#menu-11 {
}
#menu-11 .location {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#menu-11 .location > div {
    width: 50%;
}
#menu-11 .location > div:nth-child(1) {
}
#menu-11 .location > div:nth-child(2) {
    border-top: 1px solid #000;
    padding: 10px 20px;
    border-bottom: 1px solid #ccc;
}
#menu-11 .location .row {
    padding: 10px;
}
#menu-11 .location .row > div:nth-child(1) {
    color: #454545;
}
#menu-11 .location .row > div:nth-child(2) {
    color: #777;
}

@media (max-width: 768px) {
    #menu-11 .location > div {
        width: 100%;
    }
}
@media (max-width: 425px) {
    #menu-11 .location .row > div:nth-child(1) {
        padding-left: 0;
    }
}

/* #menu-16 */
#menu-16 {
}
h4.stit,
.conbox h4.stit {
    font-family: 'NEXON Lv1 Gothic OTF', 'Noto Sans KR', sans-serif;
    font-size: 17px;
    margin-bottom: 0.7rem;
    font-weight: normal;
    line-height: 1.5;
}
.conbox h5 {
    width: 100%;
    text-align: center;
    padding: 10px;
    background: #012350;
    color: #fff;
    border-radius: 10px 10px 0 0;
}
#menu-16 .conbox .boxinner {
    padding: 0;
}
#menu-16 .conbox .boxinner {
    border: 1px solid #c6c8ce;
    border-top: 0;
    background: #fff;
    border-radius: 0 0 10px 10px;
}
.conbox .boxinner .item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 20px 50px;
}
.conbox .boxinner .item li {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 30%;
    height: 250px;
}
/*.conbox .boxinner .item li:after {content: ""; display: block; position: absolute; top: 50%; right: -63px; margin-top: -21px; width: 39px; height: 42px; background: url(/images/content/menu/arrow2.png) no-repeat;}
.conbox .boxinner .item li:last-child:after {display: none;}*/
.conbox .boxinner .item dl {
    width: calc(100% - 100px);
    height: 100%;
    text-align: center;
    padding: 20px;
    background: #75bad9;
    border-radius: 10px;
    color: #fff;
}
.conbox .boxinner .item dl dt {
    font-size: 20px;
    margin-bottom: 15px;
}
.conbox .boxinner .item dl dd span {
    display: block;
    font-weight: 600;
    padding: 5px;
    background: #fff;
    color: #6fb0ce;
    border-radius: 50px;
    margin: 5px 0;
}
.conbox .boxinner .item dl dd span:last-child {
    margin: 0;
}
.conbox .boxinner .item li:nth-child(2) {
    width: auto;
    text-align: center;
}
.conbox .boxinner .item li:nth-child(2) .img {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fafafa;
    border-radius: 10px 10px 0 0;
    padding: 1rem;
}
.conbox .boxinner .item li:nth-child(2) p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #f1f1f4;
    color: #6fb0ce;
    font-weight: 600;
    padding: 5px;
    border-radius: 0 0 10px 10px;
}
.conbox .boxinner .item dl.filtering {
    background: #eef5f9;
    color: #222;
}
.conbox .boxinner .item dl.filtering p {
    margin-top: 10px;
    font-weight: 600;
    color: #199cc5;
}
.conbox .boxinner .botbox {
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 1rem 2rem;
    border-top: 1px solid #c6c8ce;
    background: #f2f7fa;
    border-radius: 0 0 10px 10px;
}
.conbox .boxinner .botbox strong {
    position: absolute;
    top: -25px;
    display: inline-block;
    padding: 10px 30px;
    background: #75bad9;
    color: #fff;
    border-radius: 50px;
}
.conbox .boxinner .botbox p {
    position: relative;
    text-align: left;
    padding-left: 12px;
    color: #408eb0;
    font-weight: 600;
}
.conbox .boxinner .botbox p:after {
    content: '';
    display: block;
    position: absolute;
    left: 2px;
    top: 11px;
    width: 4px;
    height: 4px;
    background: #408eb0;
    border-radius: 30px;
}
.tdata {
    background: #e6f5f8;
    border: 1px solid #d7e7ea;
    border-radius: 5px;
    padding: 1rem 3rem;
    font-size: 1.3rem;
    font-weight: 600;
    text-align: center;
    color: #4c6b7c;
}
.conbox .boxinner .item.ty2 li {
    width: auto;
    height: auto;
}
.conbox .boxinner .item.ty2 li:first-child {
    width: 30%;
}
.conbox .boxinner .item.ty2 li:nth-child(2) .img {
    background: #fff;
    padding: 0;
}

@media (max-width: 1780px) {
    .conbox .boxinner .item dl dt {
        font-size: 17px;
        line-height: 1.2;
    }
    .conbox .boxinner .item li:after {
        right: -55px;
    }
}

@media (max-width: 1360px) {
    .conbox .boxinner .item li {
        width: 40%;
        height: 235px;
    }
    .tdata {
        padding: 1rem 2rem;
    }
}

@media (max-width: 1240px) {
    .conbox .boxinner .item {
        flex-wrap: wrap;
        height: auto;
        padding: 20px 20px 40px;
    }
    .conbox .boxinner .item li {
        flex-wrap: wrap;
        width: 100%;
        height: auto;
    }
    .conbox .boxinner .item li:nth-child(2) {
        width: 100%;
    }
    .conbox .boxinner .item li:nth-child(2) .img {
        height: auto;
        padding: 1rem 1rem 3.2rem;
    }
    .conbox .boxinner .item li .arrow {
        transform: rotate(90deg);
        margin-top: 10px;
        margin: 0.5rem;
    }
    .conbox .boxinner .item dl {
        width: 100%;
        height: auto;
    }
    .conbox .boxinner .item.ty2 li:first-child {
        width: 100%;
    }
    .tdata {
        width: 100%;
        padding: 0.5rem;
    }
}

@media (max-width: 700px) {
    .conbox .boxinner .botbox {
        padding: 1rem;
    }
    .conbox .boxinner .botbox p:first-child {
        margin-bottom: 10px;
    }
}

/* #menu-17 */
#menu-17 {
}
.contents {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flexbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.flexbox .left {
    width: 24%;
}
.conbox.ty2 {
    position: relative;
    margin-bottom: 3.1rem;
}
.conbox.ty2:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -21%;
    left: calc(50% - 27px);
    width: 50px;
    height: 57px;
    background: url(/images/content/menu/arrow2.png) no-repeat;
    transform: rotate(90deg);
}
.conbox.ty2 h5 {
    font-size: 1.1rem;
    background: #75bad9;
}
.conbox .boxinner {
    background: #fff;
    padding: 1rem;
    text-align: center;
    border: 1px solid #c6c8ce;
    border-radius: 0 0 10px 10px;
}
.boxinner p {
    margin-top: 1rem;
    line-height: 1.2;
}
.conbox.ty2.bot {
    margin: 0;
}
.conbox.ty2.bot:after {
    transform: rotate(0deg);
    top: calc(50% - 31px);
    left: 100%;
}
.flex_txt {
    display: flex;
    justify-content: center;
}
.boxinner .flex_txt p {
    flex-basis: 50%;
    margin-top: 10px;
}
.flexbox.side {
    width: 100%;
}
.flexbox .center {
    width: 45%;
    text-align: center;
    background: #fff;
    padding: 2.8rem 1rem;
    border: 1px solid #c4c8ca;
    border-radius: 10px;
}
.flexbox .right {
    width: 24%;
}
.right .conbox.ty2.bot:after {
    left: -14.5%;
}
.step_box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 1rem 0;
}
.step_box li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24%;
    height: 60px;
    background: linear-gradient(
        90deg,
        rgba(193, 184, 184, 0.5) 0%,
        rgba(193, 184, 184, 0.7) 50%,
        rgba(193, 184, 184, 1) 100%
    );
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 700;
    padding-left: 10px;
    line-height: 1;
}
.step_box li:after {
    content: '';
    position: absolute;
    top: 0;
    right: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 20px;
    border-color: transparent #c1b8b8;
    z-index: 1;
}
.step_box li:last-child:after {
    display: none;
}
.step_box li:nth-child(2) {
    width: 52%;
    background: linear-gradient(
        90deg,
        rgba(175, 160, 160, 0.4) 0%,
        rgba(175, 160, 160, 0.7) 50%,
        rgba(175, 160, 160, 1) 100%
    );
}
.step_box li:nth-child(2):after {
    border-color: transparent #afa0a0;
}
.step_box li:last-child {
    background: linear-gradient(
        90deg,
        rgba(140, 122, 122, 0.4) 0%,
        rgba(140, 122, 122, 0.7) 70%,
        rgba(140, 122, 122, 1) 100%
    );
}

.conbox.ty2.half {
    width: 49%;
    margin: 3rem 0 1rem;
}
.conbox.ty2.half h5 {
    font-weight: 600;
}
.conbox.ty2.half:after {
    content: none;
}
.conbox.ty2.half .boxinner {
    display: flex;
    align-items: center;
    height: 165px;
    text-align: left;
}
.conbox.ty2.half .boxinner .tit {
    width: 100%;
}
.conbox.ty2.half .boxinner .tit li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 3px;
}
.conbox.ty2.half .boxinner .tit li span {
    width: 70px;
    height: 27px;
    line-height: 27px;
    font-size: 0.9rem;
    text-align: center;
    background: #a3c3e1;
    color: #fff;
    border-radius: 5px;
}
.conbox.ty2.half .boxinner .tit li em {
    font-style: normal;
    width: calc(100% - 80px);
}
.conbox.ty2.half .boxinner .tit li:nth-child(2) span {
    background: #75a4d1;
}
.conbox.ty2.half .boxinner .tit li:nth-child(3) span {
    background: #2691f7;
}
.conbox.ty2.half .boxinner .tit li:nth-child(4) span {
    background: #1865ad;
    margin-bottom: 0;
}
.bul li {
    position: relative;
    padding-left: 15px;
}
.bul li:after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: #555;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 0;
}
.conbox.ty3 h5 {
    width: 100%;
    background: #75bad9;
    font-size: 1.1rem;
    font-weight: 600;
}
.conbox .boxinner .item.ty3 {
    gap: 4rem;
    padding: 30px;
}
.conbox .boxinner .item.ty3 h5 {
    background: #75bad9;
    font-size: 0.9rem;
    font-weight: 600;
}
.conbox .boxinner .item.ty3 li {
    position: relative;
    flex-wrap: wrap;
    width: 176px;
    height: auto;
}
.conbox .boxinner .item.ty3 li strong {
    width: 100%;
    display: block;
    text-align: center;
    background: #1865ad;
    color: #fff;
    font-weight: normal;
    padding: 5px 0;
}
.conbox .boxinner .item.ty3 li:after {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 30px);
    left: -58px;
    width: 50px;
    height: 57px;
    background: url(/images/content/menu/arrow2.png) no-repeat;
    padding: 5px 0;
}
.conbox .boxinner .item.ty3 li:first-child:after {
    content: none;
}

@media (max-width: 1620px) {
    .conbox.ty2 h5,
    .boxinner p {
        font-size: 0.9rem;
    }
    .conbox.ty2 {
        margin-bottom: 2.5rem;
    }
    .conbox.ty2:after {
        background-size: 70%;
        bottom: -27%;
    }
    .conbox.ty2.bot:after {
        top: calc(50% - 22px);
    }
}

@media (max-width: 1183px) {
    .conbox.ty2.half {
        width: 100%;
        margin: 1rem 0;
    }
}

@media (max-width: 1000px) {
    #menu-17 .wrap {
        max-width: 100%;
    }
    .step_box li {
        font-size: 17px;
    }
}

@media (max-width: 760px) {
    #menu-17 .conbox {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .flexbox.side {
        width: calc(100% - 70px);
    }
    .step_box {
        width: 50px;
        display: flex;
        flex-direction: column;
        margin: 0;
    }
    .step_box li {
        width: 100%;
        writing-mode: tb;
        margin: 0;
        padding: 0;
    }
    .step_box li:first-child {
        height: 38%;
        background: linear-gradient(
            180deg,
            rgba(193, 184, 184, 0.5) 0%,
            rgba(193, 184, 184, 0.7) 50%,
            rgba(193, 184, 184, 1) 100%
        );
    }
    .step_box li:nth-child(2) {
        width: 100%;
        height: 37%;
        background: linear-gradient(
            180deg,
            rgba(175, 160, 160, 0.4) 0%,
            rgba(175, 160, 160, 0.7) 50%,
            rgba(175, 160, 160, 1) 100%
        );
        letter-spacing: 0;
    }
    .step_box li:last-child {
        height: 22%;
        background: linear-gradient(
            180deg,
            rgba(140, 122, 122, 0.4) 0%,
            rgba(140, 122, 122, 0.7) 70%,
            rgba(140, 122, 122, 1) 100%
        );
    }
    .step_box li:after {
        right: 0;
        top: auto;
        bottom: -20px;
        border-width: 20px 25px 0px 25px;
        border-color: #c1b8b8 transparent;
    }
    .step_box li:nth-child(2):after {
        border-color: #afa0a0 transparent;
    }
    .flexbox .left,
    .flexbox .center,
    .flexbox .right {
        width: 100%;
    }
    #menu-17 .conbox.ty2 h5,
    #menu-17 .boxinner {
        width: 100%;
    }
    .conbox.ty2:after {
        bottom: -24%;
    }
    .conbox.ty2.bot,
    .flexbox .center {
        margin-bottom: 2.5rem;
    }
    .conbox.ty2.bot:after {
        top: auto;
        bottom: -60px;
        left: calc(50% - 27px);
        transform: rotate(90deg);
    }
    .conbox.ty2.bot.marr:after {
        top: -45px;
        left: calc(50% - 27px);
    }
    .flexbox .center {
        padding: 2rem 1rem;
    }
}

@media (max-width: 600px) {
    .step_box li:first-child {
        height: 40%;
    }
    .step_box li:nth-child(2) {
        height: 30%;
    }
    .step_box li:last-child {
        height: 27%;
    }
    .conbox.ty2.half .boxinner {
        height: auto;
    }
    .conbox .boxinner .item.ty3 {
        padding: 30px 70px;
        gap: 3rem;
    }
    .conbox .boxinner .item.ty3 li:after {
        top: -54px;
        left: calc(50% - 22px);
        transform: rotate(90deg);
    }
}

@media (max-width: 420px) {
    .flexbox.side {
        width: calc(100% - 60px);
    }
    .step_box li:first-child {
        height: 43%;
    }
    .step_box li:nth-child(2) {
        height: 26%;
    }
    .conbox .boxinner .item.ty3 {
        padding: 30px;
    }
}

/* #menu-18 */
#menu-18 {
}
.conbox .boxinner .img {
    padding: 2rem;
    text-align: center;
}
.conbox .boxinner h6 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.conbox .boxinner .inbox .leftbox {
    width: 70%;
}
.inbox {
    display: flex;
    flex-wrap: wrap;
    padding: 2rem;
}
.algo_top {
    display: flex;
    justify-content: center;
    margin: 0 8rem 1rem;
}
.algo_top li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33.33%;
    text-align: center;
    background: rgb(64 120 171 / 70%);
    border-radius: 50px;
    color: #fff;
    margin: 0 -10px;
    padding: 10px;
    font-size: 1.1rem;
    line-height: 1.2;
}
.algo_top li:nth-child(2) {
    background: rgb(13 115 211 / 70%);
}
.algo_top li:nth-child(3) {
    background: rgb(0 60 140 / 70%);
}
.algo {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.ginseng li {
    margin-bottom: 7px;
}
.conbox .boxinner .ginseng li h6 {
    display: flex;
    margin: 0;
    font-size: 1.2rem;
}
.ginseng li h6 .num {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    background: #006ed7;
    color: #fff;
    border-radius: 50%;
    margin-right: 5px;
}
.ginseng li:nth-child(2) h6 .num {
    background: #00ae46;
}
.ginseng li:nth-child(3) h6 .num {
    background: #f68100;
}
.ginseng li:nth-child(4) h6 .num {
    background: #d50000;
}
.ginseng li p {
    text-indent: 1.7rem;
    text-align: left;
    margin: 0;
}
.conbox .boxinner .inbox .rightbox {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    width: 30%;
    text-align: center;
    padding: 2rem;
    background: #f5f6f9;
    border-radius: 20px;
}
.rightbox dl dt {
    display: inline-block;
    background: #79a0c4;
    color: #fff;
    padding: 5px 20px;
    border-radius: 50px;
    margin-bottom: 3px;
}
.rightbox dl dd {
    line-height: 1.2;
}
.fourbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 5px;
}
.fourbox li {
    width: 49%;
    padding: 7px;
    background: #d6d8e4;
    margin-bottom: 5px;
    border-radius: 3px;
    letter-spacing: 0;
}

@media (max-width: 1820px) {
    .conbox .boxinner .inbox .leftbox,
    .conbox .boxinner .inbox .rightbox {
        width: 100%;
    }
    .algo {
        margin-bottom: 1rem;
    }
    .conbox .boxinner .inbox .rightbox {
        padding: 1.5rem;
    }
    .rightbox dl {
        width: 100%;
        margin-bottom: 10px;
    }
    .rightbox dl:last-child {
        margin: 0;
    }
    .fourbox {
        margin: 0 5rem;
    }
}

@media (max-width: 1310px) {
    .ginseng {
        margin-left: 10px;
    }
    .ginseng li p {
        text-indent: 0;
        text-align: left;
    }
    #menu-18 .boxinner p {
        margin: 0.2rem 0 0.5rem;
    }
    .algo_top {
        margin: 0 auto 1rem;
    }
}

@media (max-width: 1000px) {
    .algo {
        align-items: flex-start;
    }
}

@media (max-width: 700px) {
    .algo {
        flex-wrap: wrap;
    }
    .fourbox {
        margin: 0;
    }
}

@media (max-width: 600px) {
    .inbox {
        padding: 0;
    }
    .conbox .boxinner h6,
    .conbox h5 {
        font-size: 1rem;
    }
    .algo_top li {
        width: 40%;
        font-size: 0.9rem;
    }
    .conbox .boxinner .img {
        padding: 1rem;
    }
}

/* #menu-19 */
#menu-19 {
}
#menu-19.pages .wrap > section {
    margin-bottom: 1rem;
}
#menu-19 .conbox h5 {
    background: #75bad9;
}
#menu-19 .conbox.w30 h5 {
    background: #012350;
}
#menu-19 .conbox.w30 .boxinner {
    height: 105px;
}
#menu-19 .flexbox.mt-5 {
    position: relative;
}
#menu-19 .flexbox.mt-5:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -70px;
    left: calc(50% - 80px);
    width: 160px;
    height: 70px;
    background: url(/images/content/menu/arrow3.png) no-repeat;
}
#menu-19 .boxinner strong {
    display: block;
    margin-bottom: 10px;
    font-size: 1.2rem;
}
#menu-19 .boxinner p {
    margin: 0;
    font-weight: 600;
}
#menu-19 .boxinner:first-child p {
    line-height: 2;
}
.conbox.w50 {
    width: 49%;
}
.conbox.w30 {
    width: 32%;
}
.boxx {
    margin-top: 4.2rem;
    padding: 1.5rem 1rem 1rem;
    border: 1px solid #c6c8ce;
    border-radius: 10px;
    background: #fff;
}
.boxx p {
    font-size: 1.5rem;
    text-align: center;
}
.boxxin {
    display: flex;
    justify-content: center;
    gap: 7rem;
    margin-top: 1rem;
}

@media (max-width: 1330px) {
    #menu-19 .boxinner p.mb-3 {
        margin: 0 !important;
    }
}

@media (max-width: 1180px) {
    #menu-19 .flexbox.mt-5 {
        margin-top: 1rem !important;
    }
    #menu-19 .conbox.w50 {
        width: 100%;
        margin-bottom: 1rem;
    }
    #menu-19 .conbox.w30 h5 {
        font-size: 1rem;
    }
    #menu-19 .boxinner strong {
        margin-bottom: 3px;
    }
    .boxxin {
        gap: 2rem;
    }
}

@media (max-width: 884px) {
    .boxxin {
        gap: 1rem;
    }
}

@media (max-width: 822px) {
    #menu-19 .conbox.w30 .boxinner {
        height: 130px;
    }
}

@media (max-width: 630px) {
    #menu-19 .conbox.w30 {
        width: 100% !important;
        margin-bottom: 15px;
    }
    #menu-19 .conbox.w30 .boxinner {
        height: auto;
    }
    .boxx {
        padding: 1rem;
    }
    .boxxin {
        flex-wrap: wrap;
    }
    .boxxin .bul {
        width: 200px;
        margin: 0 auto;
    }
}

/* #menu-22 */
#menu-22 {
}
.conbox h4 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 10px;
}
.conbox h4 span {
    color: #20b7e5;
    margin-right: 5px;
}
.shabox {
    padding: 2rem;
    background: #fff;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    margin: 0 0 1rem;
    border-radius: 10px;
    margin-bottom: 2rem;
}
.boxthree {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.boxthree li {
    position: relative;
    width: 25%;
    background: #fff;
    border: 1px solid #c4c8ca;
    border-radius: 10px;
    text-align: center;
}
.boxthree li:nth-child(2) {
    display: flex;
    align-items: center;
    width: 45%;
}
.boxthree .boxtop {
    padding: 1rem;
}
.boxthree .boxbot {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0.7rem;
    border-top: 1px solid #c4c8ca;
    text-align: center;
    background: #f1f1f4;
    border-radius: 0 0 10px 10px;
}
#menu-22 .boxthree li h5 {
    background: #75bad9;
}
#menu-22 .boxthree li:last-child h5 {
    background: #2c1d72;
}
.txt_area {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 1.5rem;
}
.txt_area > li {
    width: 100% !important;
    padding: 1rem;
    border: none;
    font-weight: 600;
    line-height: 1.2;
}
.txt_area > li:first-child {
    background: #e1f2fc;
    color: #0465a0;
}
.txt_area > li:nth-child(2) {
    background: #eae7f2;
    color: #2c1d72;
    margin-bottom: 2rem;
}
.txt_area > li:nth-child(2):after {
    content: '';
    display: block;
    position: absolute;
    bottom: -50px;
    left: calc(50% - 50px);
    width: 100px;
    height: 44px;
    background: url(/images/content/menu/arrow3.png) no-repeat;
    background-size: 100px auto;
}
.txt_area > li:last-child {
    background: #fcf4f2;
    color: #f36d32;
}
.kdata {
    padding: 2rem;
}
.kdata strong {
    position: relative;
    display: block;
    font-size: 1.2rem;
    line-height: 1;
    padding: 2rem 2rem 2.5rem;
}
.kdata strong:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: calc(50% - 101px);
    width: 202px;
    height: 122px;
    background: url(/images/content/menu/menu_22_img2.png) no-repeat;
}
.kdata_logo {
    background: #f7f5f5;
    padding: 0.7rem 3rem;
    border-radius: 50px;
}
.boxinner .icon {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 1rem;
}
.boxinner .icon li {
    position: relative;
    width: 18%;
    text-align: center;
}
.boxinner .icon li:after {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 20px);
    right: -30px;
    width: 38px;
    height: 41px;
    background: url(/images/content/menu/arr.png) no-repeat;
}
.boxinner .icon li:last-child:after {
    content: none;
}
.boxinner .icon li strong {
    display: block;
    margin: 0.5rem;
}
.boxinner .icon li p {
    margin-top: 0;
}
.boxinner .flexbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.boxinner .flexbox strong {
    display: block;
    margin-bottom: 0.3rem;
}
h6.bullet {
    position: relative;
    padding-left: 10px;
    font-size: 1.2rem;
    font-weight: 600;
    color: #666;
    margin: 15px 0 5px;
}
h6.bullet:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: #75bad9;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 0;
}
.txtbox dl {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid #c6c8ce;
    border-bottom: 1px solid #c6c8ce;
}
.txtbox dl dt {
    width: 15%;
    padding: 2rem;
    border-right: 1px solid #c6c8ce;
    background: #f1f1f4;
    text-align: center;
}
.txtbox dl dd {
    width: 85%;
    padding: 0 2rem;
}

@media (max-width: 1860px) {
    .boxthree .boxtop {
        padding: 2rem;
    }
    .kdata {
        padding: 2.5rem 1rem;
    }
    .kdata_logo {
        padding: 0.5rem 1rem;
    }
}

@media (max-width: 1250px) {
    .boxthree > li {
        width: 49%;
    }
    .boxthree > li:nth-child(2) {
        width: 100%;
        order: 3;
        margin-top: 2%;
    }
    .boxthree > li:nth-child(3) {
        order: 2;
    }
    .txtbox dl dt {
        width: 20%;
    }
    .txtbox dl dd {
        width: 80%;
    }
}

@media (max-width: 1080px) {
    .boxinner .icon {
        justify-content: center;
        padding: 0;
    }
    .boxinner .icon li {
        width: 26%;
        margin: 0.5rem 0;
    }
    .boxinner .icon li:after {
        top: 23%;
        right: -20px;
        background-size: 80% auto;
    }
}

@media (max-width: 812px) {
    .boxthree > li {
        width: 100%;
    }
    .boxthree > li:nth-child(2) {
        order: 2;
        margin: 2% 0;
    }
    .boxthree > li:nth-child(3) {
        order: 3;
    }
    .boxthree .boxtop {
        padding: 1rem 1rem 4rem;
    }
    .kdata {
        padding: 1rem 5rem;
    }
    .txtbox dl dt {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #c6c8ce;
        padding: 0.5rem;
    }
    .txtbox dl dd {
        width: 100%;
        padding: 1rem;
    }
}

@media (max-width: 700px) {
    .boxinner .icon li:after {
        content: none;
    }
}

@media (max-width: 600px) {
    .shabox {
        padding: 1rem;
    }
    .kdata {
        padding: 1rem 3rem;
    }
    .boxinner .icon li {
        width: 50%;
        padding: 0 5px;
    }
    .boxinner .icon li img {
        width: 50%;
    }
}

/* #menu-23 */
#menu-23 {
}
.ginseng1 ul {
    position: relative;
    display: flex;
    margin: 0 5% 3rem;
}
.ginseng1 ul li {
    display: flex;
    align-items: center;
    width: 16.6%;
    border-radius: 50%;
    justify-content: center;
    margin: 0 -15px;
    background: rgb(79 137 192 / 50%);
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.2;
}
.ginseng1 ul li:nth-child(1) {
    background: transparent;
}
.ginseng1 ul li:nth-child(3) {
    background: rgb(0 117 229 / 70%);
}
.ginseng1 ul li:nth-child(4) {
    position: relative;
    background: rgb(11 87 159 / 70%);
}
.ginseng1 ul li:nth-child(4):after {
    content: '';
    position: absolute;
    top: 50%;
    right: -100%;
    width: 100%;
    height: 1px;
    border: 1px dashed #bbc7d5;
    transition: transform 0.2s ease-in-out;
}
.ginseng1 ul li:nth-child(5) {
    position: absolute;
    right: 7%;
    top: -15%;
    background: transparent;
    z-index: 1;
    width: 21%;
    height: 130%;
    color: #303b48;
    font-weight: 600;
}
.ginseng1 ul li:nth-child(5):after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url(/images/content/menu/menu_23_img2.png) no-repeat;
    background-size: contain;
}

#menu-23 .flexbox.m23 {
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}
.conbox.w25 {
    position: relative;
    width: 20%;
}
.conbox.w25:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -48px;
    width: 38px;
    height: 41px;
    background: url(/images/content/menu/arr.png) no-repeat;
}
.conbox.w25:last-child::after {
    content: none;
}
.conbox.w25 h4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background: #75bad9;
    border-radius: 30px;
}
.conbox.w25 h4 span {
    color: #fff;
    font-size: 1.2rem;
}
.conbox.w25 h4 span:first-child {
    font-size: 1rem;
    font-weight: normal;
    opacity: 0.8;
}
#menu-23 .conbox h5 {
    background: #fff;
    color: #303b48;
    border: 1px solid #75bad9;
    border-bottom: none;
    padding: 15px 10px 0;
}
#menu-23 .conbox .boxinner {
    height: 175px;
    border-color: #75bad9;
    border-top: none;
    padding: 0.5rem 1rem 1rem;
}
#menu-23 .conbox .boxinner.flex {
    justify-content: center;
    align-items: center;
    gap: 10px;
}

@media (max-width: 1600px) {
    .ginseng1 ul {
    }
    .ginseng1 ul li:nth-child(5) {
        top: -25%;
        width: 25%;
        height: 150%;
    }
}

@media (max-width: 1400px) {
    #menu-23 .flexbox.m23 {
        justify-content: space-between;
    }
    .conbox.w25 {
        width: 22%;
    }
    .conbox.w25:after {
        background-size: 80% auto;
    }
    #menu-23 .conbox .boxinner.flex {
        gap: 0;
    }
}

@media (max-width: 1300px) {
    .ginseng1 ul li {
        width: 20%;
        font-size: 1rem;
    }
    .ginseng1 ul li:nth-child(5) {
        top: -18%;
        right: 0;
        width: 28%;
    }
}

@media (max-width: 1200px) {
    .conbox.w25 h4 span {
        font-size: 1rem;
    }
    .conbox.w25:after {
        right: -43px;
    }
}

@media (max-width: 1078px) {
    .conbox.w25 {
        width: 49%;
    }
    #menu-23 .conbox .boxinner {
        margin-bottom: 1rem;
        padding: 1rem;
    }
    .conbox.w25:after {
        content: none;
    }
    #menu-23 .conbox .boxinner.flex {
        gap: 1rem;
    }
}

@media (max-width: 960px) {
    .ginseng1 ul li:nth-child(5) {
        width: 30%;
        top: -25%;
    }
}

@media (max-width: 720px) {
    .ginseng1 ul {
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 38%;
    }
    .ginseng1 ul li {
        width: 29%;
    }
    .ginseng1 ul li:nth-child(4):after {
        content: none;
    }
    .ginseng1 ul li:nth-child(5) {
        top: 100%;
        right: 34%;
        width: 35%;
        height: 125%;
    }
}

@media (max-width: 560px) {
    .ginseng1 ul {
        margin-bottom: 25%;
    }
    .ginseng1 ul li {
        width: 100%;
        padding: 10px;
        margin: 2px 0;
        border-radius: 5px;
        background: rgb(79 137 192 / 70%);
    }
    .ginseng1 ul li br {
        display: none;
    }
    .ginseng1 ul li:nth-child(5) {
        right: 0;
        width: 100%;
        height: auto;
        background: #012350;
        padding: 20px;
        color: #fff;
        margin-top: 7px;
    }
    .ginseng1 ul li:nth-child(5):after {
        content: none;
    }
    #menu-23 .conbox .boxinner.flex {
        gap: 0;
    }
    #menu-23 .conbox .boxinner p {
        margin-top: 0.25rem;
    }
}

@media (max-width: 560px) {
    .conbox.w25 {
        width: 100%;
    }
}

/* #menu-24 */
#menu-24 .flexbox {
    justify-content: space-evenly;
}
#menu-24 .conbox.w25 {
    width: 23%;
}
#menu-24 .conbox.w25 h5 {
    background: #75bad9;
}
#menu-24 .conbox.w25:after {
    content: none;
}
#menu-24 .boxinner p {
    margin: 0;
}
#menu-24 .conbox.w50 .flex1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
table.car {
    width: 50%;
}
#menu-24 .conbox.w50 .flex1 .rightbox {
    position: relative;
    width: 42%;
    background: #f8f9fa;
    margin-left: 8%;
}
#menu-24 .conbox.w50 .flex1 .rightbox strong {
    display: block;
    padding-top: 210px;
    background: url(/images/content/menu/menu_24_img1.png) no-repeat center center;
}
table caption {
    display: table-caption;
    overflow: hidden;
    border: 0;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
}
table.car {
    position: relative;
    border-collapse: separate;
    border-spacing: 2px;
}
table.car th,
table.car td {
    background: #e8ecf0;
    padding: 5px;
}
#menu-24 .conbox.w50 .flex1 .rightbox:after {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 21px);
    right: calc(100% - -6px);
    width: 38px;
    height: 41px;
    background: url(/images/content/menu/arr.png) no-repeat;
}
.flex2 {
}
.flex2 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 30px 0;
}
.flex2 ul li {
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 24%;
    padding-top: 100px;
}
.flex2 ul li:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: calc(50% - 52px);
    width: 105px;
    height: 77px;
    background: url(/images/content/menu/menu_24_img2.png) no-repeat;
}
.flex2 ul li:nth-child(2):after {
    background: url(/images/content/menu/menu_24_img3.png) no-repeat;
}
.flex2 ul li:nth-child(3):after {
    background: url(/images/content/menu/menu_24_img4.png) no-repeat;
}
.flex2 ul li:nth-child(4):after {
    background: url(/images/content/menu/menu_24_img5.png) no-repeat;
}
.flex2 ul li strong {
    display: block;
    text-align: center;
    background: #75bad9;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    z-index: 2;
}
.flex2 ul li h8 {
    display: block;
    width: 100%;
    height: 100px;
    line-height: 1.2;
    margin-top: -20px;
    background: #e8ecf0;
    padding: 2rem 1rem 1rem;
    border-radius: 10px;
}

@media (max-width: 1320px) {
    .conbox.w50 {
        width: 100%;
        margin-bottom: 10px;
    }
    #menu-24 .conbox.w50 .flex1 .rightbox {
        width: 45%;
        margin: 0;
    }
}

@media (max-width: 1170px) {
    #menu-24 .flexbox {
        justify-content: space-between;
        align-items: baseline;
    }
    #menu-24 .conbox.w25 {
        width: 49%;
        margin-bottom: 2%;
    }
}

@media (max-width: 1000px) {
    #menu-24 .conbox.w50 .flex1 .rightbox:after {
        right: calc(100% - -4px);
    }
}

@media (max-width: 650px) {
    table.car,
    #menu-24 .conbox.w50 .flex1 .rightbox {
        width: 100%;
    }
    #menu-24 .conbox.w50 .flex1 .rightbox:after {
        transform: rotate(90deg);
        top: -46px;
        right: calc(50% - 21px);
    }
    table.car {
        margin-bottom: 50px;
    }
    .flex2 ul {
        padding: 0;
    }
    .flex2 ul li {
        width: 49%;
        margin-bottom: 20px;
    }
}

/* #menu-25 */
#menu-25 .conbox.w50 {
    margin-bottom: 2%;
}
#menu-25 .boxinner p {
    margin: 0;
}
#menu-25 .titty .conbox h5 {
    position: relative;
    text-align: left;
    padding-left: 62px;
}
#menu-25 .titty .conbox h5 span {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 20px;
    background: #75bad9;
    border-radius: 10px 0 10px 0;
}
#menu-25 .conbox .boxinner {
    min-height: 74px;
    text-align: left;
}
#menu-25 .conbox .boxinner p {
    position: relative;
    padding-left: 10px;
    line-height: 1.5;
}
#menu-25 .conbox .boxinner p:after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: #555;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 0;
}
#menu-25 .conbox h5.sky {
    background: #75bad9;
}
#menu-25 .boxinner .icon {
    padding: 1rem 2rem;
}
#menu-25 .half h5 span {
    color: #fff79b;
    padding-left: 10px;
}
#menu-25 .half table {
    width: 100%;
    text-align: center;
}
#menu-25 .half table th,
#menu-25 .half table td {
    padding: 10px;
    border: 1px solid #c6c8ce;
    border-top: 0;
}
#menu-25 .half table th {
    background: #e1ebef;
    line-height: 1.2;
}
#menu-25 .half table td {
    padding: 20px;
}

@media (max-width: 1080px) {
    #menu-25 .boxinner .icon {
        padding: 0;
    }
}

@media (max-width: 500px) {
    #menu-25 .half table td {
        padding: 10px 0;
    }
}

/**/
.card.flowchart {
    padding: 80px 0;
}
.card.flowchart .flex {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px 0;
}
.card.flowchart .flex > div {
}
.card.flowchart .flex .circle {
    width: 230px;
    height: 230px;
    border: 1px solid #ddd;
    border-radius: 100%;
    box-shadow: 0 0 10px 10px rgba(238, 238, 238, 0.7);
    position: relative;
}
.card.flowchart .flex .circle .number {
    position: absolute;
    color: #fff;
    background: var(--color-sky);
    margin: auto;
    border-radius: 100%;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Pretendard', sans-serif;
    font-size: 17px;
    font-weight: bold;
    transform: translateY(-45%);
}
.card.flowchart .flex .circle .number span {
    transform: translateY(-2px);
}
.card.flowchart .flex .circle .circle-subtxt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.card.flowchart .flex .circle .circle-subtxt strong {
    display: block;
    font-size: 20px;
    margin-bottom: 5px;
}
.card.flowchart .flex .circle .circle-subtxt span {
    display: block;
    text-align: left;
    width: 100%;
    padding-left: 60px;
    position: relative;
    font-size: 16px;
    color: #666;
}
.card.flowchart .flex .circle .circle-subtxt span::after {
    position: absolute;
    content: '';
    top: 10px;
    left: 46px;
    width: 5px;
    height: 5px;
    background: #20b7e5;
    border-radius: 50%;
}
.card.flowchart .flex .arrow {
    display: flex;
    align-items: center;
}

.subtit-box ul {
    display: flex;
    flex-direction: column;
}
.subtit-box ul li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
}
.subtit-box ul li:last-child {
    border-bottom: none;
}
.subtit-box ul li strong {
    background-color: #75bad9;
    font-size: 20px;
    color: #fff;
    padding: 10px 20px;
    width: 20%;
    text-align: center;
    border-radius: 3px;
}
.subtit-box ul li span {
    color: #666;
    font-size: 18px;
    padding-left: 15px;
    display: block;
    width: 80%;
}

@media (max-width: 1042px) {
    .card.flowchart .flex {
        flex-direction: column;
        align-items: center;
    }
    .card.flowchart .flex .arrow {
        transform: rotate(90deg);
    }
}
@media (max-width: 996px) {
    .subtit-box ul li strong {
        width: 30%;
        font-size: 18px;
    }
    .subtit-box ul li span {
        font-size: 16px;
    }
}
@media (max-width: 700px) {
    .subtit-box ul li {
        flex-direction: column;
    }
    .subtit-box ul li strong {
        margin-bottom: 5px;
        width: 100%;
    }
}
/**/
#menu-28 {
}
#menu-28 .card .card-flex {
    display: flex;
}
#menu-28 .card .card-flex > div {
}
#menu-28 .map {
    text-align: center;
    width: 40%;
}
#menu-28 .point {
    width: 60%;
    padding: 0 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
#menu-28 .point .flex {
    align-items: baseline;
    padding: 20px 0 15px 0;
    border-bottom: 1px solid #ccc;
}
#menu-28 .point .flex > div:nth-child(1) {
    margin-right: 10px;
    width: 31px;
}
#menu-28 .point .flex > div:nth-child(2) {
    margin-right: 15px;
}
#menu-28 .point .flex > div:nth-child(3) {
}

@media (max-width: 1024px) {
    #menu-28 .card .card-flex {
        flex-wrap: wrap;
    }
    #menu-28 .card .card-flex > div {
        width: 100%;
    }
    #menu-28 .point {
        padding: 0;
    }
    #menu-28 .point .flex {
        flex-wrap: wrap;
    }
    #menu-28 .point .flex > div:nth-child(1) {
    }
    #menu-28 .point .flex > div:nth-child(2) {
    }
    #menu-28 .point .flex > div:nth-child(3) {
        width: 100%;
        padding-left: 40px;
    }
}
@media (max-width: 768px) {
    #menu-28 .point .flex > div:nth-child(1) {
        width: 20px;
    }
    #menu-28 .point .flex > div:nth-child(3) {
        padding-left: 30px;
    }
}

/**/
#menu-29 {
}
#menu-29 .flex {
    justify-content: space-between;
}
#menu-29 .flex > div {
    width: 48%;
    text-align: center;
}
#menu-29 .flex > div .box {
    text-align: center;
    margin-bottom: 20px;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 30px 10px;
}
#menu-29 .flex > div .box:nth-child(1) {
    display: inline-block;
    background: #e1f2fc;
    color: #006ae2;
    font-weight: bold;
    border: 3px solid #fff;
    padding: 20px 40px;
    box-shadow: 5px 5px 10px 0 #eeeeee;
}
#menu-29 .flex > div .box:nth-child(2) {
}
#menu-29 .flex > div .box:nth-child(3) {
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#menu-29 .flex > div.left .box:nth-child(1) {
    background: #e1f2fc;
}
#menu-29 .flex > div.left .box:nth-child(2) {
    background: #e1f2fc;
}
#menu-29 .flex > div.left .box:nth-child(3) {
}
#menu-29 .flex > div.right .box:nth-child(1) {
    background: #e8f8fa;
    color: #39bfc0;
}
#menu-29 .flex > div.right .box:nth-child(2) {
    background: #e8f8fa;
}
#menu-29 .flex > div.right .box:nth-child(3) {
}
#menu-29 .bnr {
    margin-bottom: 20px;
    min-height: 110px;
}
#menu-29 .bnr img {
    margin: 5px;
}

@media (max-width: 1024px) {
    #menu-29 .flex .box:nth-child(4) {
        outline: 1px solid red;
    }
    #menu-29 .flex .box br {
        display: none;
    }
}
@media (max-width: 768px) {
    #menu-29 .flex {
        flex-wrap: wrap;
    }
    #menu-29 .flex > div {
        width: 100%;
    }
    #menu-29 .flex > div:first-child {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #ccc;
    }
}

/**/
.card-si {
}
.card-si .items {
    width: 67%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    padding: 20px;
    background: #f7f7f7;
    border-radius: 10px;
    height: 350px;
}
.card-si .items .item {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 2%;
    height: 140px;
    background: #fff;
}
.card-si .items .item > div:nth-child(1) {
    font-weight: bold;
    color: #454545;
    margin-bottom: 10px;
}
.card-si .items .item > div:nth-child(2) {
    color: #888;
}
.card-si .items .item:nth-child(4n) {
    margin-right: 0;
}
.card-si .system {
    width: 30%;
}
.card-si .system .box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 350px;
    border: 2px solid #1e7ce5;
    border-radius: 10px;
    padding: 40px 10px;
}
.card-si .needs {
    width: 45%;
    background: #fcf4f2;
    padding: 20px;
    border-radius: 10px;
}
.card-si .wide {
    width: 52%;
    padding: 20px;
    background: #e8f8fa;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.card-si .wide > div {
    width: 100%;
    position: relative;
}
.card-si .wide > div:nth-child(1):before {
    content: '';
    display: block;
    background: #fff;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -10px;
}
.card-si .wide.wide-tran {
    background: #fff;
    justify-content: space-between;
    padding: 0;
}
.card-si .wide.wide-tran > div {
    background: #e8f8fa;
    width: 47.5%;
    border-radius: 10px;
    padding: 20px;
    height: 100%;
}

/**/
#mmenu-30 {
}
@media (max-width: 1024px) {
    .card-si .items .item br {
        display: none;
    }
}
@media (max-width: 768px) {
    .card-si .card-body {
    }
    .card-si .card-body > .flex {
        flex-wrap: wrap;
        margin: 0 !important;
    }
    .card-si .card-body > .flex > div {
        width: 100%;
    }
    .card-si .items {
        height: auto;
    }
    .card-si .items .item,
    .card-si .items .item:nth-child(4n) {
        width: 30%;
        margin-right: 5%;
    }
    .card-si .items .item:nth-child(3n) {
        margin-right: 0;
    }
    #menu-30 .system {
        margin-top: 30px;
    }
    #menu-30 .needs {
        margin-top: 30px;
    }
    #menu-30 .wide {
        margin-top: 30px;
    }
    #menu-30 .wide > div:nth-child(2) {
        margin-top: 20px;
    }
}
@media (max-width: 540px) {
    .card-si .items .item,
    .card-si .items .item:nth-child(4n),
    .card-si .items .item:nth-child(3n) {
        width: 48%;
        margin-right: 4%;
    }
    .card-si .items .item:nth-child(2n) {
        margin-right: 0;
    }
}

/**/
#menu-31 {
}
@media (max-width: 768px) {
    #menu-31 .needs {
        margin: 30px 0 60px 0;
    }
    #menu-31 .wide.wide-tran > div {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    #menu-31 .wide.wide-tran > div:last-child {
        margin: 0;
    }
}

/**/
#menu-31 {
}
#menu-31 .card-si .wide.wide-tran {
    position: relative;
}
#menu-31 .card-si .wide.wide-tran:before {
    content: '< 커스터마이징 >';
    display: block;
    position: absolute;
    margin: auto;
    top: -30px;
    color: #333;
    text-align: center;
    width: 100%;
    font-weight: bold;
}

/**/
#menu-32 {
}
#menu-32 #sec-01 .card-body {
    position: relative;
}
#menu-32 #sec-01 .card-body > div:nth-child(1) {
    display: flex;
    justify-content: space-between;
}
#menu-32 #sec-01 .card-body > div:nth-child(2) {
    position: absolute;
    top: 40px;
    left: 0;
    padding: 0 400px;
    width: 100%;
    height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#menu-32 #sec-01 .card-body .box-green {
    background: #e8f8fa;
    padding: 25px 16px;
    border-radius: 15px;
    width: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
#menu-32 #sec-01 .card-body .box-none {
    width: 360px;
}
#menu-32 #sec-01 .card-body .box-white {
    padding: 23px 16px;
}
#menu-32 #sec-01 .card-body .box-orange {
    margin: 0 0 20px 0;
}
#menu-32 #sec-01 .card-body .box-orange ul {
    display: flex;
    flex-wrap: wrap;
}
#menu-32 #sec-01 .card-body .box-orange ul > li {
    width: 50%;
}
#menu-32 #sec-01 .card-body .box-orange ul.full > li {
    width: 100%;
}
#menu-32 #sec-01 .card-body .box-border-blue {
    border: 2px solid #006ae2;
    border-radius: 10px;
    width: 225px;
    margin: auto;
    position: relative;
}
#menu-32 #sec-01 .card-body .box-border-blue:before,
#menu-32 #sec-01 .card-body .box-border-blue:after {
    content: '';
    position: absolute;
    width: 80%;
    height: 1px;
    background: #c7c7c7;
    margin: auto;
    top: 0;
    right: auto;
    bottom: 0;
    left: auto;
}
#menu-32 #sec-01 .card-body .box-border-blue:before {
    left: 0;
    transform: translateX(-120%);
}
#menu-32 #sec-01 .card-body .box-border-blue:after {
    right: 0;
    transform: translateX(120%);
}
#menu-32 #sec-01 .card-body .box-service {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}
#menu-32 #sec-01 .card-body .box-service > div {
    width: 30%;
    background: #e1f2fc;
    margin: 8px;
    padding: 15px 10px;
    text-align: center;
    border-radius: 10px;
}
#menu-32 #sec-01 .card-body .rect {
    width: 90%;
}
#menu-32 #sec-01 .card-body .arrow-service {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    position: relative;
}
#menu-32 #sec-01 .card-body .arrow-service > div {
    transform: translateX(65%);
    position: relative;
}
#menu-32 #sec-01 .card-body .arrow-service:before {
    content: '';
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 50px;
    background: #c7c7c7;
}
#menu-32 #sec-01 .card-body .arrow-service:after {
    content: '';
    position: absolute;
    margin: auto;
    top: auto;
    right: 0;
    bottom: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    transform: rotate(-45deg);
    border-left: 5px solid #c7c7c7;
    border-bottom: 5px solid #c7c7c7;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
}
#menu-32 #sec-02 .card {
    width: 48%;
}
#menu-32 #sec-02 .card-body {
    position: relative;
}
#menu-32 #sec-02 .img {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    display: flex;
}
#menu-32 #sec-02 .img > div {
    margin-right: 20px;
}
#menu-32 #sec-02 .img > div:last-child {
    margin-right: 0;
}

@media (max-width: 1560px) {
    #menu-32 #sec-01 .card-body .box-border-blue:before,
    #menu-32 #sec-01 .card-body .box-border-blue:after {
        width: 60%;
    }
}
@media (max-width: 1460px) {
    #menu-32 #sec-01 .card-body > div:nth-child(1) {
        justify-content: center;
        margin-bottom: 60px;
        position: relative;
    }
    #menu-32 #sec-01 .card-body > div:nth-child(1):before {
        content: '';
        display: block;
        width: 1px;
        height: 40px;
        position: absolute;
        margin: auto;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateY(60px);
        background: #c7c7c7;
    }
    #menu-32 #sec-01 .card-body > div:nth-child(1) > div {
        margin: 1%;
    }
    #menu-32 #sec-01 .card-body > div:nth-child(1) .box-none {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    #menu-32 #sec-01 .card-body > div:nth-child(2) {
        position: relative;
        height: auto;
        width: 100%;
        padding: 30px 0 0 0;
        top: 0;
    }
    #menu-32 #sec-01 .card-body .box-white {
        margin-bottom: 5%;
    }
    #menu-32 #sec-01 .card-body .box-white:last-child {
        margin-bottom: 0;
    }
    #menu-32 #sec-01 .card-body .box-orange {
        margin: 0;
    }
    #menu-32 #sec-01 .card-body .box-border-blue:before,
    #menu-32 #sec-01 .card-body .box-border-blue:after {
        display: none;
    }
}

/**/
#menu-34 {
}
#menu-34 .card {
    padding: 40px 30px;
}
#menu-34 .card .flex > div {
}
#menu-34 .card .rect-phone {
    display: flex;
    width: 45%;
}
#menu-34 .card .rect-phone > div {
}
#menu-34 .card .rect-phone > div:nth-child(1) {
    width: 45%;
    position: relative;
}
#menu-34 .card .rect-phone > div:nth-child(1) img {
    position: absolute;
    margin: auto;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    z-index: 10;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
}
#menu-34 .card .rect-phone > div:nth-child(1):before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background: url(/images/content/menu/menu_34_02.png) no-repeat center right;
}
#menu-34 .card .rect-phone > div:nth-child(2) {
    width: 55%;
    z-index: 10;
}
#menu-34 .card .box-blue-green {
    background: #e8f8fa;
    color: #39bfc0;
    display: flex;
    flex-wrap: wrap;
    border-radius: 15px;
    justify-content: space-between;
    padding: 4% 4% 0 4%;
    margin-bottom: 4%;
}
#menu-34 .card .box-blue-green > div {
    width: 48%;
    background: #fff;
    margin-bottom: 4%;
    text-align: center;
    font-weight: bold;
    padding: 5% 10px;
    border-radius: 10px;
}
#menu-34 .card .box-gray {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    padding: 5px;
    margin: 2% 0;
}
#menu-34 .card .rect-banner {
    width: 52%;
}
#menu-34 .card .rect-banner .rect-body {
    background: #fcf4f2;
    width: 100%;
    padding: 2%;
    display: flex;
    flex-wrap: wrap;
    border-radius: 15px;
}
#menu-34 .card .rect-banner .rect-body > div {
    width: 16.6%;
    text-align: center;
    margin: 1.3% 0;
}

@media (max-width: 1300px) {
    #menu-34 .card .flex {
        flex-wrap: wrap;
    }
    #menu-34 .card .flex > div {
        width: 100%;
    }
    #menu-34 .rect-phone {
        margin-bottom: 50px;
    }
}
@media (max-width: 768px) {
    #menu-34 .card .rect-phone {
        flex-wrap: wrap;
    }
    #menu-34 .card .rect-phone > div {
    }
    #menu-34 .card .rect-phone > div:nth-child(1) {
        width: 100%;
        padding-bottom: 150px;
    }
    #menu-34 .card .rect-phone > div:nth-child(1):before {
        transform: rotate(90deg);
        position: absolute;
        width: 343px;
        height: 343px;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    #menu-34 .card .rect-phone > div:nth-child(1) img {
        display: block;
        position: relative;
    }
    #menu-34 .card .rect-phone > div:nth-child(2) {
        width: 100%;
    }
    #menu-34 .card .rect-banner .rect-body > div {
        width: 25%;
    }
}
@media (max-width: 425px) {
    #menu-34 .card {
        padding: 0;
    }
    #menu-34 .card .rect-banner .rect-body > div {
        width: 33.3%;
    }
}

/**/
#menu-35 {
}
#menu-35 .card-body {
}
#menu-35 .flex {
    justify-content: space-between;
}
#menu-35 .flex > div {
}
#menu-35 .flex > .left {
    width: 40%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#menu-35 .flex > .left > div:nth-child(1) {
    width: auto;
    text-align: center;
    color: #006ae2;
    font-weight: bold;
    position: relative;
    transform: translateY(-3%);
    z-index: 10;
}
#menu-35 .flex > .left > div:nth-child(1) > div {
    position: relative;
    z-index: 10;
}
#menu-35 .flex > .left > div:nth-child(2) {
    width: 62%;
    position: relative;
}
#menu-35 .flex > .left > div:nth-child(2):before {
    position: absolute;
    content: '';
    width: 125px;
    height: 343px;
    left: 0;
    transform: translateX(-100%);
    background: url(/images/content/menu/menu_34_02.png) no-repeat center center;
}
#menu-35 .box-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#menu-35 .box-list .box-blue {
    width: 48%;
    z-index: 10;
    margin-bottom: 4%;
}
#menu-35 .box-list .box-blue > div:nth-child(1) {
    font-weight: bold;
    color: #006ae2;
}
#menu-35 .box-list .box-blue > div:nth-child(2) {
    color: #888;
}
#menu-35 .flex > .right {
    width: 56%;
    position: relative;
}
#menu-35 .flex > .right > div {
    text-align: center;
    z-index: 10;
}
#menu-35 .flex > .right > div > div:nth-child(1) {
    line-height: 18px;
    margin-bottom: 4px;
    font-weight: bold;
}
#menu-35 .flex > .right .img-1 {
    position: absolute;
    left: 0;
    bottom: 0;
}
#menu-35 .flex > .right .img-2 {
    position: absolute;
    left: 196px;
    bottom: 0;
}
#menu-35 .flex > .right .img-3 {
    position: absolute;
    left: 382px;
    bottom: 0;
}
#menu-35 .flex > .right .img-4 {
    display: flex;
    justify-content: flex-end;
}
#menu-35 .flex > .right .img-4 {
    display: flex;
    justify-content: flex-end;
    z-index: 1;
    padding-bottom: 30px;
}
#menu-35 .flex > .right img {
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));
}

@media (max-width: 1440px) {
    #menu-35 .card-body {
        flex-wrap: wrap;
    }
    #menu-35 .flex > .left,
    #menu-35 .flex > .right {
        width: 100%;
    }
    #menu-35 .flex > .right {
        display: flex;
        justify-content: space-evenly;
        align-items: flex-end;
    }
    #menu-35 .flex > .right .img-1 {
        position: relative;
        left: 0;
    }
    #menu-35 .flex > .right .img-2 {
        position: relative;
        left: 0;
    }
    #menu-35 .flex > .right .img-3 {
        position: relative;
        left: 0;
    }
    #menu-35 .flex > .right .img-4 {
        display: block;
        padding: 0;
    }
}
@media (max-width: 768px) {
    #menu-35 .flex > .left {
        flex-wrap: wrap;
    }
    #menu-35 .flex > .left > div:nth-child(1) {
        width: 100%;
        padding-bottom: 100px;
    }
    #menu-35 .flex > .left > div:nth-child(2) {
        width: 100%;
    }
    #menu-35 .flex > .left > div:nth-child(2):before {
        width: 343px;
        transform: rotate(90deg) translateX(-70%);
        max-width: 100%;
        margin: auto;
        top: 0;
        right: 0;
        bottom: auto;
        left: 0;
    }
    #menu-35 .flex > .right > div {
        padding: 1%;
    }
}
@media (max-width: 343px) {
    #menu-35 .flex > .left > div:nth-child(2):before {
        width: 200px;
        height: 200px;
        background-size: auto 100%;
    }
}

/**/
#menu-36 {
}
#menu-36 .wrap {
}
#menu-36 .card-body {
    align-items: center;
}
#menu-36 .flex {
    justify-content: space-between;
}
#menu-36 .flex > div {
}
#menu-36 .flex > div:nth-child(1) {
    width: 40%;
}
#menu-36 .flex > div:nth-child(2) {
    width: 58%;
}
#menu-36 .box-border-blue {
    border: 2px solid #006ae2;
    border-radius: 10px;
    text-align: center;
    background: #fff;
    padding: 40px 0;
}
#menu-36 .box-orange {
    margin-top: 30px;
    padding: 30px;
}
#menu-36 .box-orange li {
    color: #777;
}
#menu-36 .box-gray {
    background: #f5f5f5;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    border-radius: 10px;
    padding: 45px 10px;
}
#menu-36 .box-gray > div {
    width: 50%;
    text-align: center;
    margin-bottom: 30px;
}
#menu-36 .box-gray > div:last-child {
    width: 100%;
    margin-bottom: 0;
}
#menu-36 .box-gray > div > div {
}
#menu-36 .box-gray > div > div:nth-child(1) {
}
#menu-36 .box-gray > div > div:nth-child(2) {
    margin-top: 10px;
    color: #454545;
    font-weight: bold;
}

@media (max-width: 1024px) {
    #menu-36 .flex {
        flex-wrap: wrap;
    }
    #menu-36 .flex > div:nth-child(1) {
        width: 100%;
        margin-bottom: 4%;
    }
    #menu-36 .flex > div:nth-child(2) {
        width: 100%;
    }
    #menu-36 .box-gray {
        justify-content: space-between;
    }
    #menu-36 .box-gray > div {
        width: 48%;
    }
}

/**/
#menu-39 {
}
#menu-39 .flex {
    justify-content: space-between;
}
#menu-39 .flex > div {
    width: 31%;
}
#menu-39 .flex .box-blue {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 1%;
}
#menu-39 .flex .box-blue .box-white {
    width: 48%;
    margin: 1%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #39bfc0;
    font-weight: bold;
}
#menu-39 .flex .exobid {
    text-align: center;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
#menu-39 .flex .box-gray {
    padding: 2% 1%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
#menu-39 .flex .box-gray .box-white {
    width: 100%;
    height: 31%;
    padding: 20px;
}

@media (max-width: 1200px) {
    #menu-39 .flex {
        flex-wrap: wrap;
    }
    #menu-39 .flex > div {
        width: 100%;
        margin-bottom: 30px;
    }
    #menu-39 .flex > div:last-child {
        margin-bottom: 0;
    }
    #menu-39 .flex .box-blue .box-white {
        padding: 15px;
        height: auto;
    }
}
@media (max-width: 375px) {
    #menu-39 .flex .box-blue .box-white {
        width: 100%;
    }
}

/**/
#menu-40 {
}
#menu-40 img {
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));
}
#menu-40 .flex {
    justify-content: space-evenly;
}
#menu-40 .box-orange {
    text-align: center;
    margin: auto;
    max-width: 800px;
}
#menu-40 .after-arrow:before,
#menu-40 .after-arrow:after {
    right: -100px;
}

@media (max-width: 1000px) {
    #menu-40 .flex > div {
        padding: 0 2%;
    }
    #menu-40 br {
        display: none;
    }
}
@media (max-width: 768px) {
    #menu-40 .flex {
        flex-wrap: wrap;
    }
    #menu-40 .flex > div {
        width: 100%;
        text-align: center;
        max-height: 340px;
    }
    #menu-40 .flex > div div:first-child {
        height: 80%;
    }
    #menu-40 .flex > div div img {
        max-height: 100%;
    }
}

/**/
#menu-41 {
}
#menu-41 .flex {
    justify-content: space-between;
}
#menu-41 .flex > div {
    width: 48%;
}
#menu-41 .box-blue {
    background: #e1f2fc;
}
#menu-41 .box-blue img {
    margin: 0 2%;
}
#menu-41 .box-pink {
    background: #fcf4f2;
    text-align: center;
}
#menu-41 .box-pink,
#menu-41 .box-blue {
    padding: 30px 20px 50px 20px;
}
#menu-41 .box-border-mint {
    text-align: center;
    border: 2px solid #39bfc0;
    border-radius: 10px;
    max-width: 800px;
    margin: auto;
    padding: 30px;
    margin-top: 4%;
}

@media (max-width: 1200px) {
    #menu-41 .flex {
        flex-wrap: wrap;
    }
    #menu-41 .flex > div {
        width: 100%;
        margin-bottom: 30px;
    }
}
@media (max-width: 768px) {
    #menu-41 .box-blue > div:nth-child(2) {
        display: flex;
        justify-content: center;
    }
    #menu-41 .box-blue > div:nth-child(2) img {
        max-width: 48%;
    }
}

/**/
#menu-42 {
}
#menu-42 .flex {
    justify-content: space-between;
}
#menu-42 .function {
    width: 35%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#menu-42 .function > div {
    height: 46%;
}
#menu-42 .function-default {
}
#menu-42 .function-customizing {
}
#menu-42 .fn-head {
    text-align: center;
    height: 30px;
    color: #333;
}
#menu-42 .fn-body {
    display: flex;
    justify-content: space-between;
    height: 180px;
}
#menu-42 .fn-body > div {
    width: 31%;
    text-align: center;
    background: #f7f7f7;
    padding: 20px 5px;
}
#menu-42 .fn-body > div > div:nth-child(1) {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
}
#menu-42 .fn-body > div > div:nth-child(2) {
    color: #454545;
    font-weight: bold;
}
#menu-42 .fn-body > div > div:nth-child(3) {
    font-size: 14px;
    color: #888;
    margin-top: 10px;
}
#menu-42 .service {
    width: 62%;
}
#menu-42 .service-1 {
    display: flex;
    justify-content: space-between;
}
#menu-42 .service-1 {
}
#menu-42 .service-1 > div:nth-child(1) {
    width: 450px;
    text-align: center;
}
#menu-42 .service-1 > div:nth-child(1) .box-border-blue {
    padding: 30px 0;
}
#menu-42 .service-1 > div:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: #999;
    position: relative;
}
#menu-42 .service-1 > div:nth-child(2):before,
#menu-42 .service-1 > div:nth-child(2):after {
    content: '';
    position: absolute;
    margin: auto;
}
#menu-42 .service-1 > div:nth-child(2):before {
    height: 1px;
    width: 70px;
    background: #999;
    top: 0;
    bottom: 0;
    transform: translateY(18px);
}
#menu-42 .service-1 > div:nth-child(2):after {
    background: linear-gradient(45deg, transparent 50%, #999 50%);
    width: 9px;
    height: 9px;
    transform: translateY(18px) translateX(35px) rotate(45deg);
}
#menu-42 .service-1 > div:nth-child(3) .box-list {
}
#menu-42 .service-1 > div:nth-child(3) .box-blue {
    width: 230px;
    padding: 20px 0;
    margin-bottom: 10px;
}
#menu-42 .service-2 {
    width: 450px;
    margin-top: 10px;
}
#menu-42 .service-2 .box-gray {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
    margin-top: 10px;
}
#menu-42 .service-2 .box-gray > div {
    margin: 5px;
}

@media (max-width: 1200px) {
    #menu-42 .flex {
        flex-wrap: wrap;
    }
    #menu-42 .function {
        width: 100%;
        margin-bottom: 60px;
    }
    #menu-42 .service {
        width: 100%;
    }
    #menu-42 .service-1 > div:nth-child(2) {
        width: 90px;
    }
    #menu-42 .service-1 .box-list {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    #menu-42 .service-2 {
        width: 100%;
    }
    #menu-42 .service-2 .box-gray {
        justify-content: space-evenly;
    }
}
@media (max-width: 900px) {
    #menu-42 .service-1 {
        align-items: center;
        flex-direction: column;
    }
    #menu-42 .service-1 > div {
        width: 100%;
    }
    #menu-42 .service-1 > div:nth-child(1) {
        margin: auto;
        max-width: 100%;
    }
    #menu-42 .service-1 > div:nth-child(2) {
        height: 120px;
        transform: rotate(90deg);
    }
    #menu-42 .service-1 .box-list {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    #menu-42 .service-1 .box-list > div {
        margin: 0.5%;
    }

    #menu-42 .function-default {
        height: auto;
        margin-bottom: 50px;
    }
    #menu-42 .function > div {
        height: auto;
    }
    #menu-42 .fn-body {
        flex-wrap: wrap;
        height: auto;
        justify-content: center;
    }
    #menu-42 .fn-body > div {
        width: 48%;
        margin: 1%;
    }
}
@media (max-width: 425px) {
    #menu-42 .fn-body > div {
        width: 100%;
        margin: 2% 0;
    }
}

.card-si .needs.w100 {
    width: 100%;
}