@media (max-width:1600px) {
    .gnb>ul {
        gap: 40px;
    }
}

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

@media (max-width:1400px) {
    .pd-sec .title-wrap .img-box {
        height: 300px;
    }

    .pd-sec .title-wrap h6 {
        font-size: 35px;
    }
}

@media (max-width:1300px) {
    .company .content-wrap .box- .box-title {
        font-size: 30px;
    }

    .company .content-wrap .box- .sub-title {
        font-size: 20px;
    }
}

@media (max-width:1230px) {
    .all-btn {
        display: block;
    }

    .gnb {
        display: none;
    }

    .sub-visual {
        margin-top: 70px;
    }

    .header {
        height: 70px;
        padding: 0;
    }

    .sec-header.main- .logo img {
        height: 26px;
        width: auto;
    }

    .header h1 {
        margin-left: 5%;
    }

    .header .logo {
        margin: 0;
    }

    .header .hd-right {
        margin-right: 24px;
    }

    .main-sec .wr {
        max-width: 870px;
    }

    .main-visual {
        height: 90vh;
    }

    .main-visual .main-title {
        font-size: 80px;
        width: 90%;
    }

    .main-sec00 .content-wrap {
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: center;
    }

    .main-sec00 .content-wrap .box- {
        width: 585px;
    }

    .main-sec .sec-title p br {
        display: none;
    }

    .main-sec01 .pagnation- {
        display: none;
    }

    .main-sec01 .software-banner .swiper-wrapper {
        width: 748px;
        margin: auto;
    }

    .main-sec01 .software-banner .swiper-slide {
        height: 523px;
    }

    .main-sec01 .software-banner .swiper-slide .text-box .text- br {
        display: none;
    }

    .main-sec02 .flex-wrap {
        flex-direction: column;
    }

    .main-sec02 .flex-wrap>div {
        width: 100%;
        padding-bottom: 90px;
        min-height: 330px;
        height: auto;
    }

    .main-sec02 .wr {
        width: 100%;
        max-width: 100%;
    }

    .main-sec02 .flex-wrap>div+div {
        padding-top: 90px;
        border-top: 1px solid #4C5B84;
    }

    .main-sec02 .flex-wrap>div>div,
    .main-sec02 .flex-wrap>div>ul {
        width: 100%;
        max-width: 534px;
        margin: auto;
    }

    .main-sec02 .flex-wrap>div>div {
        margin-bottom: 80px;
    }

    .sec-footer .ft-top-link {
        flex-direction: column;
        gap: 0;
        padding: 0;
    }

    .sec-footer .ft-top-link .bar- {
        width: 100%;
        height: 1px;
    }

    .sec-footer .ft-top-link a {
        height: 114px;
        display: flex;
        align-items: center;
    }

    .company .content-wrap .box- {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pd-sec .title-wrap {
        flex-direction: column-reverse;
        align-items: center;
    }

    .gator.pd-sec .title-wrap,
    .enpharos.pd-sec .title-wrap {
        align-items: center;
    }

    .pd-sec .title-wrap .title- {
        width: 100%;
    }

    .pd-sec .container- {
        flex-direction: column;
    }

    .pd-sec .container- .wrap- {
        width: 100%;
    }

    .pd-sec .container- .half-box-wrap .box- {
        width: 100%;
    }

    .career .flex-wrap {
        gap: 100px;
    }

    .career .flex-wrap .right- {
        width: calc(100% - 35% - 100px);
    }

    .career .flex-wrap .left- p {
        font-size: 18px;
    }

    .career .flex-wrap .left- h6 {
        font-size: 37px;
    }

    .career .flex-wrap .right- .box- h6 {
        font-size: 26px;
    }

    .career .flex-wrap .right- .box- p {
        font-size: 16px;
    }

    .career .sub-m-tit .pc-br {
        display: block;
    }

    .career .team-list>h6 {
        font-size: 28px;
    }

    .career .team-list .sub-title {
        font-size: 28px;
    }

    .main-sec .sec-title h2 {
        font-size: 35px;
    }

    .pd-sec .middle-banner::before {
        height: 400px;
        transform: translateY(-20%);
    }
}

@media (max-width:890px) {
    .pc-video {
        display: none;
    }

    .m-video {
        display: block;
    }

    .main-visual {
        height: 100vh;
    }

    .main-visual .main-title {
        width: 95%;
        font-size: 60px;
    }

    .main-sec00 {
        margin-top: 100vh;
    }

    .main-sec .sec-title p {
        font-size: 24px;
        line-height: 1.5;
    }

    .main-sec00 .content-wrap .box- {
        width: 100%;
    }

    .main-sec01 .software-banner .swiper-wrapper {
        width: 80%
    }

    .main-sec01 .software-banner .swiper-slide .text-box a {
        font-size: 24px;
    }

    .main-sec01 .software-banner .swiper-slide .text-box a img {
        width: 24px;
    }

    .main-sec01 .software-banner .swiper-slide .text-box p {
        font-size: 20px;
    }

    .main-sec01 .software-banner .swiper-slide .text-box .text- {
        font-size: 16px;
        margin-top: 30px;
    }

    .main-sec01 .software-banner .swiper-slide .text-box {
        padding: 0 24px;
    }

    .main-sec01 .software-banner .swiper-slide .text-box {
        top: 26px;
    }

    .main-sec01 .software-banner .swiper-slide {
        height: 330px;
    }

    .software-banner.pc-slide {
        display: none;
    }

    .software-banner.m-slide {
        display: block;
    }

    .main-sec01 .software-banner .swiper-slide>a {
        position: absolute;
        right: 5%;
        bottom: 5%;
        width: 40px;
        height: 40px;
    }

    .main-sec02 .wr {
        width: 90%;
        margin: auto;
    }

    .main-sec02 .board- ul li,
    .main-sec02 .board- ul li a {
        font-size: 18px;
    }

    .main-sec02 ul li {
        margin: 0;
    }

    .main-sec04 .img-box-wrap .img-box {
        width: 33.33%;
    }

    .sec-footer .ft-top-link a {
        height: 60px;
        font-size: 24px;
    }

    .sec-footer .ft-btm .ft-info {
        display: flex;
        flex-direction: column;
        gap: 40px;
        align-items: start;
    }

    .sec-footer .ft-btm .ft-info .ft-right .flex-wrap {
        justify-content: start;
    }

    .company .content-wrap {
        flex-direction: column;
        gap: 20px;
    }

    .company .content-wrap .box- {
        width: 100%;
        height: auto;
        padding: 40px 20px;
    }

    .company .content-wrap .box- .sub-title br {
        display: none;
    }

    .company .content-wrap .box- .text- br {
        display: none;
    }

    .company .content-wrap .box->div {
        height: 65px;
    }

    .company .content-wrap .box->div img {
        height: 100%;
        width: auto;
    }

    .pd-sec .title-wrap h6 {
        font-size: 24px;
    }

    .pd-sec .title-wrap h6 br {
        display: none;
    }

    .pd-sec .container->.title- {
        font-size: 20px;
    }

    .pd-sec .container- {
        gap: 40px;
    }

    .pd-sec .container- .wrap- .box-title {
        margin-top: 40px;
        margin-bottom: 30px;
        font-size: 24px;
    }

    .pd-sec .container- .wrap- .hover-box-wrap .box- .title- {
        font-size: 20px;
    }

    .pd-sec .container- .wrap- .hover-box-wrap .box- p {
        font-size: 16px;
    }

    .pd-sec .container- .wrap- .hover-box-wrap+.wrap-text {
        margin-top: 50px;
    }

    .pd-sec .container-+.container- {
        margin-top: 100px;
    }

    .pd-sec .container- .acodian- .head- h6 {
        font-size: 18px;
    }

    .pd-sec .container- .half-box-wrap .box- {
        min-height: initial;
    }

    .pd-sec .container- .half-box-wrap .box- h6 {
        font-size: 20px;
    }

    .pd-sec .container- .half-box-wrap .box- p {
        font-size: 16px;
        padding: 0 10px;
    }

    .management .process-box,
    .management .process-wrap div h6,
    .management .process-box-2,
    .management .process-wrap-2 h6 {
        font-size: 20px;
    }

    .management .process-wrap,
    .management .process-wrap-2 {
        flex-direction: column;
        gap: 30px;
    }

    .management .process-wrap div p,
    .management .process-wrap-2 .process-sub-title {
        font-size: 18px;
    }

    .demo- .demo-btn {
        padding: 15px 60px;
        font-size: 20px;
    }

    .demo- {

        padding-bottom: 150px;
        padding-top: 50px;
    }

    .pd-sec .container- .wrap- .wrap-text {
        font-size: 18px;
    }

    .pd-sec .container- .wrap-list li {
        font-size: 16px;
    }

    .pd-sec .container- .wrap- .list- li h6 {
        font-size: 16px;
        width: 130px;
    }

    .pd-sec .container- .wrap- .list- li p {
        font-size: 16px;
        width: calc(100% - 160px);
    }

    .hover-modal>.content-wrap {
        padding: 20px 20px 50px;
    }

    .hover-modal>.content-wrap .title- {
        flex-direction: column;
        align-items: start;
        font-size: 24px;
    }

    .hover-modal>.content-wrap .title- span {
        font-size: 18px;
    }

    .hover-modal>.content-wrap .sub-text {
        font-size: 18px;
    }

    .hover-modal>.content-wrap .content-title {
        font-size: 18px;
    }

    .hover-modal>.content-wrap .content- h6 {
        font-size: 20px;
    }

    .hover-modal>.content-wrap .content- .text- {
        font-size: 16px;
        flex-direction: column;
    }

    .hover-modal>.content-wrap .last-text {
        font-size: 18px;
        margin-top: 50px;
    }

    .pd-sec .container- .wrap- table td {
        font-size: 16px;
        height: 90px;
    }

    .pd-sec .container- .wrap- table th {
        font-size: 20px;
        height: 40px;
    }

    .pd-sec .container- .wrap- table tbody {
        display: block;
        width: max-content;
    }

    .pd-sec .container- .wrap- table {
        overflow-x: auto;
        display: block;
    }

    .career .flex-wrap {
        flex-direction: column;
        padding-bottom: 150px;
    }

    .career .flex-wrap .left- {
        position: initial;
        width: 100%;
    }

    .career .flex-wrap .right- {
        width: 100%;
    }

    .career .team-list>h6 {
        font-size: 22px;
    }

    .career .team-list .sub-title {
        font-size: 22px;
        margin-bottom: 50px;
        line-height: 1.4;
    }

    .career .team-list .sub-title br {
        display: none;
    }

    .career .tab-title {
        margin-top: 150px;
    }

    .career .sub-m-tit .pc-br {
        display: none;
    }

    #demo-modal .demo-wrap {
        padding: 20px 20px 40px;
        max-height: 95vh;
        overflow-y: auto;
    }

    #demo-modal .demo-wrap .modal-title h6 {
        font-size: 20px;
    }

    #demo-modal .demo-wrap .table-title {
        font-size: 16px;
    }

    #demo-modal .demo-wrap table td,
    #demo-modal .demo-wrap table th {
        font-size: 14px;
        padding: 10px 15px;
    }

    #demo-modal .demo-wrap .contact-btn {
        display: flex;
        justify-content: center;
    }

    .java .partner- .img-box-wrap>div {
        width: 33%;
    }

    .pd-sec .container- .wrap- .number-list-2 p b {
        display: block;
        margin-bottom: 5px;
    }

    .pd-sec .middle-banner .title-::after {
        display: none;
    }

    .pd-sec .middle-banner .wrap- h6 {
        font-size: 18px;
    }

    .pd-sec .container- .wrap- .number-list-2 .bold- {
        font-size: 18px;
    }

    .pd-sec .container- .wrap- .number-list h6,
    .pd-sec .container- .wrap- .clientes- div h6 {
        font-size: 20px;
    }

    .pd-sec .container- .wrap- .hover-box-wrap .box- p {
        padding: 0;
    }

    .pd-sec .container- .wrap- .number-list-2 p,
    .pd-sec .container- .wrap- .number-list p,
    .pd-sec .middle-banner .wrap- p,
    .pd-sec .container- .wrap- .clientes- div p {
        font-size: 16px;
    }

    .pd-sec .container- .wrap- .clientes- div+div {
        margin-top: 15px;
    }

    .pd-sec .container- .wrap- .wrap-tabs .tabs {
        font-size: 17px;
        width: calc(50% - 5px);
        height: 40px;
    }

    .pd-sec .container- .wrap- .wrap-tabs {
        gap: 10px;
    }

    .pd-sec .container- .wrap- .tab-content .box- {
        padding: 0 20px;
    }

    .pd-sec .container- .wrap- .tab-content .tab-title {
        font-size: 24px;
    }
}

@media (max-width:499px) {
    .header {
        height: 60px;
        padding: 0;
    }

    .m-360 {
        display: block;
    }

    .sub-visual {
        margin-top: 60px;
    }

    .main .main-visual .m-video {
        height: 100%;
        width: auto;
    }

    .main-sec .wr {
        width: 90%;
    }

    .sec-header .logo img,
    .all-gnb .all-logo .logo img {
        height: 16px;
    }

    .lang>p {
        font-size: 12px;
    }

    .lang>p .icon-btn {
        width: 16px;
        height: 16px;
    }

    .lang>p .icon-btn span:nth-child(1) {
        width: 8px;
        height: 1px;
    }

    .lang>p .icon-btn span:nth-child(2) {
        height: 8px;
        width: 1px;
    }

    .main-visual .main-title {
        font-size: 32px;
    }

    #top_btn {
        width: 40px;
        height: 40px;
    }

    #top_btn img {
        width: 100%;
    }

    .main-sec {
        padding: 48px 0;
    }

    .main-sec .sec-title {
        margin-bottom: 40px;
    }

    .main-sec .sec-title h2 {
        font-size: 18px;
        margin-bottom: 16px;
    }

    .main-sec .sec-title p {
        font-size: 16px;
    }

    .main-sec00 .content-wrap {
        gap: 12px;
    }

    .main-sec00 .content-wrap .box- {
        height: 92px;
        padding: 18px 16px;
    }

    .main-sec00 .content-wrap .box- .text-box h6 {
        font-size: 15px;
    }

    .main-sec00 .content-wrap .box- .text-box p {
        font-size: 13px;
        line-height: 1.2;
    }

    .main-sec00 .content-wrap .box- .img-box {
        height: 60px;
        width: 60px;
    }

    .main-sec00 .content-wrap .box- .text-box h6 {
        padding: 0;
        margin-bottom: 11px;
    }

    .main-sec01 .software-banner .swiper-wrapper {
        width: 90%;
    }

    .main-sec01 .software-banner .swiper-slide {
        height: 236px;
    }

    .main-sec01 .software-banner .swiper-slide .text-box {
        padding: 0 16px;
    }

    .main-sec01 .software-banner .swiper-slide .text-box a {
        font-size: 18px;
    }

    .main-sec01 .software-banner .swiper-slide .text-box a img {
        width: 18px;
    }

    .main-sec01 .software-banner .swiper-slide .text-box p {
        margin-top: 8px;
        font-size: 14px;
    }

    .main-sec01 .software-banner .swiper-slide .text-box .text- {
        margin-top: 14px;
        font-size: 12px;
    }

    .main-sec02 .board-title h6 {
        font-size: 18px;
    }

    .main-sec02 .flex-wrap>div>div a {
        width: 27px;
    }

    .main-sec02 .flex-wrap>div>div a img {
        width: 100%;
    }

    .main-sec02 .flex-wrap>div>div {
        margin-bottom: 40px;
    }

    .main-sec02 .board- ul li,
    .main-sec02 .board- ul li a {
        font-size: 14px;
    }

    .main-sec02 .flex-wrap>div>div,
    .main-sec02 .flex-wrap>div>ul {
        gap: 16px;
    }

    .main-sec02 .flex-wrap>div {
        min-height: 130px;
    }

    .main-sec02 .flex-wrap>div {
        padding-bottom: 40px;
    }

    .main-sec02 .flex-wrap>div+div {
        padding-top: 40px;
    }

    .sec-footer .ft-top-link a {
        font-size: 16px;
    }

    .sec-footer .wr {
        width: 90%;
    }

    .sec-footer .ft-btm .ft-logo {
        width: 112px;
    }

    .sec-footer .ft-btm .ft-info p {
        font-size: 12px;
    }

    .sec-footer .ft-btm .ft-info .ft-right .flex-wrap {
        font-size: 12px;
    }

    .sec-footer .ft-btm .ft-info .ft-right>p {
        font-size: 10px;
    }

    .sec-footer .ft-btm {
        padding: 48px 0;
    }

    .header .logo {
        width: max-content;
    }

    .all-gnb>ul>li>div.flex- {
        height: 50px;
    }

    .all-gnb>ul>li>div>a {
        font-size: 20px;
    }

    .all-gnb>ul>li a {
        padding-left: 5%;
    }

    .all-gnb>ul>li>div.flex- svg {
        transform: scale(0.7);
    }

    .all-gnb>ul>li>div.flex-.open- svg {
        transform: scale(0.7) rotate(180deg);
    }

    .all-gnb>ul>li>ul>li {
        padding-left: 5%;

    }

    .all-gnb>ul>li>ul>li a {
        font-size: 16px;
    }

    .all-gnb>ul>li>ul>li+li {
        margin-top: 26px;
    }

    .all-gnb>ul>li>ul {
        padding: 13px 0;
    }

    .sec-footer .ft-btm .ft-logo {
        margin-bottom: 12px;
    }

    .lang ul {
        top: 30px;
        left: -40px;
    }

    .lang ul {
        padding: 16px;
    }

    .lang ul li+li {
        margin-top: 18px;
    }

    .sec-header .lang ul li a {
        font-size: 16px;
    }

    .company .content-wrap .box- .box-title {
        font-size: 24px;
    }

    .company .content-wrap .box- .sub-title {
        font-size: 18px;
    }

    .company .content-wrap .box- .text- {
        font-size: 14px;
    }

    .company .content-wrap .box- {
        padding: 20px;
    }

    .company .content-wrap .box->div {
        height: 40px;
    }

    .sub .sec {
        padding-top: 100px;
    }

    .company .content-wrap {
        margin-bottom: 100px;
    }

    .sub-visual {
        height: 164px;
    }

    .pd-sec .title-wrap .img-box {
        height: 200px;
    }

    .pd-sec .title-wrap h6 {
        font-size: 22px;
    }

    .pd-sec .title-wrap p {
        font-size: 16px;
    }

    .pd-sec .container->.title- {
        font-size: 18px;
    }

    .pd-sec .container- .wrap- .wrap-text {
        font-size: 14px;
    }

    .pd-sec .container- .wrap- .box-title {
        font-size: 18px;
    }

    .pd-sec .container- .wrap- .hover-box-wrap .box-,
    .pd-sec .container- .half-box-wrap .box- {
        padding: 15px;
    }

    .pd-sec .container- .wrap- .hover-box-wrap .box- .title-,
    .pd-sec .container- .half-box-wrap .box- h6 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .pd-sec .container- .wrap- .hover-box-wrap .box- p,
    .pd-sec .container- .half-box-wrap .box- p {
        font-size: 14px;
    }

    .pd-sec .container- .acodian- .head- h6 {
        font-size: 16px;
    }

    .pd-sec .container- .acodian- .content- {
        padding: 20px 15px 30px;
        font-size: 14px;
    }

    .pd-sec .container- .acodian- .head- {
        height: 48px;
    }

    .demo- .demo-btn {
        padding: 10px 40px;
        font-size: 18px;
    }

    .pd-sec .container- .wrap- .list- li {
        flex-direction: column;
        gap: 20px;
    }

    .pd-sec .container- .wrap- .list- li p {
        width: 100%;
    }

    .hover-modal>.content-wrap .content- h6 {
        font-size: 18px;
    }

    .hover-modal>.content-wrap {
        color: #222;
    }

    .hover-modal>.content-wrap .content- .text- {
        font-size: 14px;
        line-height: 1.2;
    }

    .hover-modal>.content-wrap .last-text,
    .hover-modal>.content-wrap .title- span,
    .hover-modal>.content-wrap .sub-text {
        font-size: 16px;
    }

    .career {
        overflow-x: hidden;
        width: 100%;
    }

    .career .srboardList .listGallery .colUll>ul>li {
        margin-left: 0;
        width: 100%;
        margin-bottom: 50px;
    }

    .career .flex-wrap {
        margin-top: 60px;
        gap: 50px;
    }

    .career .flex-wrap .left- h6 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .career .flex-wrap .left- p {
        font-size: 16px;
    }

    .career .flex-wrap .right- .box-+.box- {
        margin-top: 40px;
    }

    .career .flex-wrap .right- .box- h6 {
        font-size: 22px;
    }

    .career .flex-wrap .right- .box- p {
        font-size: 14px;
    }

    .career .team-list .sub-title {
        font-size: 16px;
    }

    .career .team-slide .swiper-slide {
        width: 90%;
        height: 250px;
    }

    .career .team-slide .swiper-slide h6 {
        font-size: 22px;
    }

    .career .team-slide .swiper-slide img {
        height: 30px;
    }

    .career .team-slide .swiper-slide .slide-text {
        font-size: 14px;
        line-height: 1.4;
    }

    .career .team-slide .swiper-slide .slide-title {
        margin-bottom: 30px;
    }

    .career .tab-title {
        font-size: 18px;
    }

    #demo-modal .demo-wrap .modal-title {
        margin-bottom: 20px;
    }

    #demo-modal .demo-wrap .contact-btn {
        margin-bottom: 0;
    }

    .all-btn {
        width: 20px;
        height: auto;
    }

    .wrap .sec-header .logo img {
        height: 17px;
    }

    .all-gnb .gnb-close {
        display: flex;
        margin-left: 5px;
        font-size: 24px;
    }

    .sub-sm-tit02 {
        font-size: 26px;
        margin-bottom: 50px;
    }

    @keyframes arrow {
        from {
            bottom: 12%;
        }

        to {
            bottom: 9%;
        }
    }

    .main-sec01 .software-banner .swiper-slide>a {
        width: 30px;
        height: 30px;
    }

    .m-slide-br {
        display: block;
    }

    .main-sec01.mobile- .software-banner.m-slide .swiper-wrapper .swiper-slide {
        height: 190px;
    }
}