/*대형 데스크탑 및 대형 스크린*/
@media screen and (max-width: 1600px) {}

/*대형 데스크탑 및 대형 스크린*/
@media screen and (max-width: 1440px) {
    .history .f-box .info-box {
        min-width: auto;
    }
}

/*노트북 및 데스크탑*/
@media screen and (max-width: 1280px) {
    /*ceo*/
    .ceo .info-box {
        padding: 4rem 28rem 4rem 3rem;
    }
    .ceo .info-box .introduction-wrap {
        right: 3rem;
        bottom: 4rem;
    }
    /*ceo//*/
    /*competencies*/
    .competencies .info-box {
        margin-top: 4rem;
    }
    .competencies .info-box .f-box .list .txt-box {
        padding: 2rem 0;
    }
    .competencies .info-box .f-box {
        gap: 2rem;
    }
    /*competencies//*/
    /*history*/
    .history .f-box .year .tit {
        font-size: 6.5rem;
    }
    .history .history-wrap .line-wrap {
        left: 28%;
    }
    /*history//*/
    /*spirit*/
    .spirit .info-box .list-box .spirit-info .num-box .number {
        font-size: 4rem;
    }
    .spirit .info-box .list-box .spirit-info .right-box .txt-con .tit {
        font-size: 2.6rem;
    }
    .spirit .info-box .list-box .spirit-info .right-box .txt-con .txt {
        font-size: 1.6rem;
    }
    /*spirit//*/
    /*certi*/
    .certi .tab-buttons {
        flex-basis: 26rem;
    }
    .certi .tab-contents {
        flex-basis: calc(100% - 26rem);
    }
    .certi .tab-btn.active {
        padding: 1rem;
        min-width: 17rem;
        max-width: 17rem;
    }
    .certi .tab-btn {
        padding: 1rem;
        min-width: 14rem;
        max-width: 14rem;
    }
    /*certi//*/

    /*notice*/
    .notice .gallery .g-box {
        margin-right: 4rem;
        margin-bottom: 5rem;
        width: calc((100% - 8rem) / 3);
    }
    .notice .gallery .g-box:nth-child(4n) {
        margin-right: 4rem;
    }

    .notice .gallery .g-box:nth-child(3n) {
        margin-right: 0;
    }
    /*notice//*/

    /*solution*/
    .solution .feature .info-box.type-02 {
        gap: 2rem;
    }
    .solution .feature .sol-box .txt-box > .txt {
        font-size: 1.8rem;
    }
    .solution .feature .sol-box .img-box {
        max-width: 34rem;
        margin-right: 8rem;
    }

    /*solution//*/

    /*ideal*/
    .ideal .con-box .step-box .step .info-box img {
        max-width: 5rem;
    }
    .ideal .con-box .step-box .step .info-box .tit {
        font-size: 1.6rem;
    }
    /*ideal//*/

}

/*태블릿(가로모드) 및 작은 노트북*/
@media screen and (max-width: 1024px) {
    /*sub-content*/
    .sub-content {
        padding: 10rem 0;
    }
    /*sub-content//*/
    /*ceo*/
    .ceo .info-box {
        padding: 4rem 3rem;
    }
    .ceo .info-box .introduction-wrap {
        right: 0;
        bottom: -7rem;
    }
    /*ceo//*/
    /*competencies*/
    .competencies .info-box .f-box .list {
        width: calc(50% - 1rem);
    }
    .competencies .info-box .f-box .list {
        padding-top: 36%;
    }

    .competencies .info-box .f-box .list .txt-box {
        left: 2rem;
        bottom: 2rem;
    }

    .competencies .info-box .f-box .list:hover .txt-box .txt {
        opacity: 1;
        height: auto;
    }
    /*competencies//*/
    /*business*/
    .business .con-box .f-box .img-box {
        max-width: 40%;
        display: none;
    }
    .business .con-box .f-box .business-box {
        max-width: 100%;
        flex-basis: 100%;
    }
    /*business//*/
    /*history*/
    .history .f-box .year .tit {
        font-size: 5.4rem;
    }
    .history .history-wrap .line-wrap {
        top: -100px;
        left: 32%;
    }
    .history .f-box .info-box {
        margin-left: 12%;
    }
    .history .history-wrap .line-wrap {
        left: 22%;
    }
    .history .f-box .info-box {
        padding: 2rem;
    }
    /*history//*/
    /*mission&vision*/
    .mv .f-box .txt-box {
        padding: 2rem 3rem;
    }
    /*mission&vision//*/
    /*value*/
    .value .info-box .f-box .info {
        padding: 2rem;
    }
    .value .info-box .f-box .info {
        flex-basis: calc(50% - 1rem);
    }
    .circle-wrap {
        width: 16rem;
        height: 16rem;
    }
    .circle-wrap::before {
        width: 18rem;
        height: 18rem;
        animation: rotation 22s linear infinite;
    }
    .circle-wrap .point01 {
        right: 4px;
        top: 12px;
    }
    .circle-wrap .point02 {
        left: -16px;
        top: 90px;
    }
    .circle-wrap .point03 {
        right: 57px;
        bottom: -15px;
    }
    .value .info-box .f-box {
        flex-wrap: wrap;
        gap: 2rem;
    }
    /*value//*/
    /*spirit*/
    .spirit .info-box .list-box .spirit-info .num-box .number {
        font-size: 3rem;
    }
    .spirit .info-box .list-box .spirit-info .right-box .txt-con .tit {
        font-size: 2rem;
    }
    .spirit .info-box .list-box .spirit-info .right-box {
        width: 70%;
        padding: 1rem 1.4rem;
    }
    .spirit .info-box .list-box .spirit-info {
        margin: 0 1rem;
    }
    .spirit .info-box .list-box .spirit-info .right-box .check-con {
        width: 3rem;
        min-width: 3rem;
        height: 3rem;
    }
    /*spirit//*/
    /*org*/
    .org .o-btm .b-list > li .box > .tit,
    .org .o-midd .box .txt {
        font-size: 1.8rem;
    }
    /*org//*/
    /*certi*/
    .certi .c-list > li {
        width: calc((100% - 40px) / 3);
        margin-right: 2rem;
        margin-bottom: 3rem;
    }
    .certi .c-list > li > a .img-wrap .img {
        padding: 1.4rem;
    }
    /*certi//*/
    /*notice*/
    .notice .gallery .g-box {
        margin-right: 4rem;
        margin-bottom: 5rem;
        width: calc((100% - 4rem) / 2);
    }
    .notice .gallery .g-box:nth-child(3n) {
        margin-right: 4rem;
    }
    .notice .gallery .g-box:nth-child(2n) {
        margin-right: 0;
    }
    /*notice//*/
    /*ideal*/
    .ideal .con-box .step-box .step-list {
        flex-wrap: wrap;
    }
    .ideal .con-box .step-box .step {
        width: calc((100% - 6rem) / 3);
        margin-bottom: 2rem;
    }
    .ideal .con-box .step-box .step:first-child {
        margin-left: 1rem;
    }
    .ideal .con-box .step-box .step:last-child {
        margin-right: 1rem;
    }
    /*ideal//*/
    /*solution*/
    .solution .feature .sol-box .txt-box > .txt {
        font-size: 1.6rem;
    }
    .solution .feature .sol-box .img-box {
        max-width: 26rem;
        margin-right: 4rem;
    }

    .solution .feature .sol-box .img-box img {
        margin-top: -2rem;
    }
    .solution .feature .info-box.type-02 .list-item .info {
        margin-top: 4rem;
    }
    .solution .feature .info-box.type-01 .num {
        max-width: 6rem;
        flex-basis: 6rem;
    }
    .solution .feature .info-box.type-01 .info {
        width: calc(100% - 6rem);
    }

    .solution .pros-cons .info-box .f-box {
        gap: 4rem;
    }
    .solution .pros-cons .info-box .list-info .p-c-box.type-01::after {
        right: -34px;
    }

    .configuration .title-wrap {
        margin-bottom: 2rem;
    }
    .configuration.type-02 .title-wrap {
        margin-bottom: 4rem;
    }

    .configuration .con-wrap .info-box.w-50 {
        width: calc(50% - 1rem);
    }

    /*solution//*/

    /*certi*/
    .certi .tab-menu {
        gap: 2rem;
    }
    .certi .tab-buttons {
        flex-basis: 20rem;
    }
    .certi .tab-contents {
        flex-basis: calc(100% - 20rem);
    }
    /*certi//*/

    /*jop-posting*/
    .job-posting .posting-box .c-box .recruitment-box .title .tit {
        font-size: 1.8rem;

    }

    .job-posting .posting-box .c-box a {
        padding: 2rem;
    }

    .job-posting .posting-box .c-box .recruitment-box .recruitment {
        min-width: 8rem;
    }
    .job-posting .posting-box .c-box .recruitment-box .title {

        padding-left: 2rem;
        width: calc(100% - 80px);
    }
    .job-posting .posting-box .c-box .recruitment-box .recruitment .txt {
        padding: 0.6rem 0;
    }
    /*jop-posting//*/

    /*contact*/
    .inquiry .content-wrap .form-box {
        padding: 1rem 1.8rem;
    }
    .inquiry .form-box label.file-label {
        font-size: 1.4rem;
    }
    /*contact//*/

    .error {
        margin: 20rem auto 10rem;
    }

    .error h1 {
        font-size: 2.4rem;
        margin-bottom: 1rem;
    }

    .error p {
        font-size: 1.4rem;
        margin-bottom: 3rem;
    }

    .error a {
        padding: 1.4rem 2rem;
        font-size: 1.4rem;
    }
}

/*태블릿(세로모드)*/
@media screen and (max-width: 768px) {
    /*common*/
    .txt-dot::after {
        top: 10px;
    }
    .sub-top {
    padding-top: 20rem;
}
    /*common//*/
    /*count*/
    .count-wrap {
        width: 100%;
    }
    .search-wrap {
        max-width: 100%;
        margin-bottom: 2rem;
    }

    /*count//*/
    /*ceo*/
    .ceo .info-box .introduction {
        gap: 0;
    }
    .ceo .info-box .introduction-wrap {
        right: 0;
        bottom: -3rem;
        padding: 1rem 2rem;
    }
    .ceo .info-box .introduction .b-box .img-box img {
        height: 14px;
    }
    .ceo .info-box .introduction .b-box .img-box {
        width: 3rem;
        height: 3rem;
    }

    @keyframes DownMove {
        0% {
            transform: translateY(-0rem);
        }
        50% {
            transform: translateY(-0.4rem);
        }
        100% {
            transform: translateY(-0rem);
        }
    }
    /*ceo//*/

    /*competecies*/
    .competencies .con-box {
        padding: 0 0 14rem;
    }
    .competencies .info-box .f-box .list {
        width: 100%;
        padding-top: 50%;
    }
    /*competecies//*/

    /*history*/
    .history .history-wrap .line-wrap {
        display: none;
    }
    .history .f-box {
        flex-direction: column;
        gap: 1.8rem;
    }
    .history .f-box .info-box {
        margin-left: 0;
    }
    /*history//*/

    /*business*/
    .business .business-box .b-list .business-info .bottom-box .txt {
        width: 100%;
    }
    .business .business-box .b-list .business-info {
        padding: 2.4rem 6rem 2.4rem 1rem;
    }
    .business .business-box .b-list .business-info .drop-btn {
        width: 3rem;
        height: 3rem;
    }
    /*business//*/

    /*mission&vision*/
    .mv .f-box {
        flex-direction: column;
    }
    .mv .f-box > div {
        width: 100%;
        flex-basis: 100%;
    }
    .mv .f-box.vision {
        flex-direction: column-reverse;
    }
    .mv .f-box .txt-box {
        padding: 2rem;
    }
    .mv .f-box .txt-box .tit-01 {
        margin-bottom: 2rem;
    }
    .mv .f-box .txt-box .tit-02 {
        margin-bottom: 1rem;
    }
    .mv .mission {
        margin-bottom: 6rem;
    }
    /*mission&vision//*/

    /*value*/
    .value .con-box {
        padding: 14rem 0;
    }
    .circle-wrap {
        display: none;
    }
    .value .info-box .f-box .info {
        flex-basis: 100%;
    }
    /*value//*/

    /*spirit*/
    .spirit .con-box {
        padding: 10rem 0 0;
    }
    .spirit .info-box .f-box.list-box {
        flex-wrap: wrap;
    }
    .spirit .info-box .list-box .spirit-info {
        margin: 0 0 2rem;
    }
    /*spirit//*/

    /*org*/
    .org .boundary02::before {
        display: none;
    }
    .org .o-midd::before {
        display: none;
    }
    .org .o-btm .b-list::before {
        display: none;
    }
    .org .o-btm .b-list > li::before {
        display: none;
    }
    .org .o-midd {
        justify-content: center;
    }
    .org .o-btm .b-list {
        flex-wrap: wrap;
    }
    .org .o-btm .b-list > li {
        flex-basis: 49%;
        max-width: 49%;
        padding-top: 2rem;
    }
    .org .o-btm .b-list > li:last-child {
        flex-basis: 100%;
        max-width: 100%;
    }
    .org .o-btm .b-list > li .cont {
        min-height: auto;
    }
    .org .org-box::before {
        display: none;
    }
    .org .o-midd {
        padding: 4rem 0 2dvh;
    }
    .org .o-btm .b-list > li .box > .tit,
    .org .o-midd .box .txt {
        font-size: 1.6rem;
    }
    /*org//*/

    /*location*/
    .location .info-box .list-box .list {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 2.4rem;
        padding-bottom: 1.4rem;
        gap: 0.6rem;
        border-bottom: 1px solid #eeeeee;
    }
    /*location//*/

    /*solution*/
    .solution .feature .sol-box {
        flex-direction: column;
    }

    .solution .feature .sol-box .img-box {
        max-width: 26rem;
        margin: auto;
    }

    .solution .feature .sol-box .img-box img {
        margin-top: -4rem;
        margin-left: -2rem;
    }

    .solution .feature .sol-box .txt-box {
        width: 100%;
        text-align: center;
        padding-right: 0;
    }

    .solution .feature .sol-box .txt-box > .f-box {
    justify-content: center;
}

    .solution .feature .info-box {
        flex-wrap: wrap;
    }
    .solution .feature .info-box .list-item {
        min-height: auto;
    }
    .solution .features .con-box {
        padding-bottom: 8rem;
    }

    .s1_arrow {
        margin: 5rem auto;
    }

    .solution .feature .info-box.type-01 .list-item {
        width: 100%;
    }

    .solution .feature .info-box.type-02 .list-item .info {
        margin-top: 3rem;
    }

    .solution .s-screen .con-box {
        padding: 10rem 0 0;
    }

    .solution .s-screen .txt-box {
        width: 100%;
        flex-basis: 100%;
    }
    .solution .s-screen .img-box {
        width: 100%;
    }
    .solution .pros-cons .con-box {
        padding: 10rem 0;
    }

    .solution .pros-cons .info-box .f-box {
        gap: 4rem;
        flex-wrap: wrap;
    }

    .solution .pros-cons .info-box .list-info .p-c-box {
        max-width: 100%;
        flex-basis: 100%;
    }
    .solution .pros-cons .info-box .list-info .p-c-box.type-01::after {
        right: 50%;
        bottom: -30px;
        transform: translateX(50%) rotate(90deg);
    }
    .configuration .con-box .con-wrap {
        flex-wrap: wrap;
    }
    .configuration .con-wrap .info-box.w-50 {
        width: 100%;
    }
    .configuration .con-wrap .info-box {
        margin-bottom: 8rem;
    }

    .configuration .con-box {
        padding: 0 0 12rem;
    }
    .solution .feature .info-box.type-02 .list-item {
        padding: 4rem;
        min-height: auto;
    }
    .solution .pros-cons-02 .con-box {
        padding: 10rem 0 0;
    }
    .solution .pros-cons-02 .info-box .list-info.f-box {
        gap: 1.2rem;
    }
    .solution .pros-cons-02 .info-box .list-info .p-c-box {
        max-width: 100%;
        flex-basis: 100%;
    }
    .solution .s-screen-box .swiper-wrapper {
        justify-content: flex-start;
        width: 100%;
    }

    .solution .s-screen-box .swiper-slide {
        max-width: calc(50% - 1rem);
        width: calc(50% - 1rem) !important;
    }

    .solution br {
        display: none;
    }

    /*solution//*/

    /*certi*/
    .certi .tab-menu {
        flex-wrap: wrap;
        gap: 4rem;
    }
    .certi .tab-buttons {
        flex-basis: 100%;
        flex-direction: row;
        gap: 1rem;
        flex-wrap: wrap;
    }
    .certi .tab-contents {
        flex-basis: 100%;
    }
    .certi .tab-btn {
        padding: 1rem 3rem;
    }
    .certi .tab-btn.active {
        padding: 1rem 4rem;
        font-size: var(--sub-txt-18);
    }
    /*certi//*/

    /*notice*/
    .notice .gallery .g-box {
        margin-right: 0;
        margin-bottom: 4rem;
        width: 100%;
    }
    .notice .gallery .g-box:nth-child(3n) {
        margin-right: 0;
    }
    .notice .top-center {
        flex-direction: column-reverse;
    }
    /*notice//*/

    /*ideal*/
    .ideal .con-box {
        padding-bottom: 14rem;
    }

    .ideal .con-box .step-box .step:first-child {
        margin-left: 1rem;
    }
    .ideal .con-box .step-box .step:last-child {
        margin-right: 1rem;
    }
    .ideal .con-box .step-box .step {
        width: calc((100% - 4rem) / 2);
        margin-bottom: 2rem;
    }
    /*ideal//*/
    /*culture*/
    .culture .con-box {
        padding: 14rem 0;
    }
    .culture .culture-box .f-box {
        flex-direction: column;
    }
    .culture .culture-box .f-box .info-box {
        padding: 4rem 3rem;
        width: 100%;
        margin-bottom: 2rem;
    }

    /*culture//*/

    /*jop-posting*/
    .job-posting .con-box {
        padding: 14rem 0 0;
    }
    .job-posting .posting-box .c-box {
        margin-bottom: 2rem;
        border: 1px solid #eeeeee;
        border-radius: 5px;
    }

    .job-posting .posting-box .c-box a {
        flex-direction: column;
        align-items: flex-start;
    }
    .job-posting .posting-box .c-box .recruitment-box {
        width: 100%;
        margin-bottom: 0.6rem;
        flex-direction: column;
        align-items: flex-start;
    }
    .job-posting .posting-box .c-box .day-box {
        width: 100%;
        text-align: left;
    }

    .job-posting .posting-box .c-box .recruitment-box .title {
        padding-left: 0;
        width: 100%;
    }
    .job-posting .posting-box .c-box .recruitment-box .recruitment {
        min-width: auto;
        margin-bottom: 1rem;
    }
    .job-posting .posting-box .c-box .recruitment-box .recruitment .txt {
        padding: 0.6rem 2rem;
    }
    /*jop-posting//*/

    /*contact*/
    .inquiry .content-wrap .form-box.w-50 {
        width: 100%;
    }
    /*contact//*/

    /*view-page*/
    .view-page .tit-info-wrap .info-box .info {
        font-size: 1.4rem;
    }
    /*view-page//*/

}

/*소형 장치 (스마트폰 가로모드)*/
@media screen and (max-width: 480px) {
    /*competecies*/
    .competencies .info-box .f-box .list {
        width: 100%;
        padding-top: 64%;
    }
    /*competecies//*/

    /*suv-visual*/
    .sub-visual {
        margin: 0;
        height: 40rem;
        border-radius: 0;
    }
    /*suv-visual//*/

    /*overview*/
    .overview-wrap .top-visual {
        margin: 0;
        height: 50rem;
        border-radius: 0;
        padding: 1rem;
    }
    /*overview//*/

    /*ceo*/
    .ceo .info-box {
        padding: 3.4rem 2rem;
    }
    /*ceo//*/

    /*ct_move*/
    .ct-move .con-box {
        margin: 0;
        border-radius: 0;
    }
    /*ct_move//*/

    /*org*/
    .org .o-btm .b-list > li {
        flex-basis: 100%;
        max-width: 100%;
        padding-top: 2rem;
    }
    /*org//*/

    /*certi*/
    .certi .c-list > li {
        width: calc((100% - 20px) / 2);
        margin-right: 2rem;
        margin-bottom: 3rem;
    }
    .certi .c-list > li:nth-child(3n) {
        margin-right: 2rem;
    }
    .certi .c-list > li:nth-child(2n) {
        margin-right: 0;
    }
    /*certi//*/

    /*solution*/
    .solution .feature .sol-box .img-box {
        max-width: 20rem;
    }
    .solution .feature .info-box.type-01 .list-item {
        flex-direction: column;
    }
    .solution .feature .info-box.type-01 .num {
        max-width: 100%;
        flex-basis: 100%;
    }
    .solution .feature .info-box.type-01 .num .txt {
        padding: 1rem;
    }
    .solution .feature .info-box.type-02 .list-item {
        padding: 3rem;
        min-height: auto;
    }
    .solution .s-screen-box .swiper-slide {
        max-width: 100%;
        width: 100% !important;
        margin: 0 0 1rem 0 !important;
    }
    /*solution//*/

    /*ideal*/
    .ideal .con-box .step-box .step .info-box img {
        max-width: 4rem;
        margin: 1rem 0;
    }
    .ideal .con-box .step-box .step .info-box .tit {
        font-size: 1.4rem;
    }
    /*ideal//*/

    /*gally*/
    .gallery .g-box .info .tit {
        font-size: 1.6rem;
    }
    /*gally//*/

}

/*초소형 장치 (스마트폰)*/
@media screen and (max-width: 320px) {}