@charset "UTF-8";
@import url("layout_respond.css");
/*-------------------------------------------------
title       : 메인 반응형
Author      : PLAN I
Create date : 2024-10-25
-------------------------------------------------*/
@media (max-width: 1680px) {
  .section_navi {
    left: 1rem;
  }
  section .container,
  #section1 .v_content {
    padding-left: 8rem;
    padding-right: 8rem;
  }
}
@media (max-width: 1600px) {
  #section1 .notice {
    max-width: calc(100% - 5rem);
  }
}
@media (max-width: 1440px) {
  .container .c_inner {
    padding: 0 2rem;
  }
  .section_navi {
    display: none;
  }
  #section1 .v_content {
    padding: 4rem 2rem;
  }
  #section2 .section_tit {
    width: 40rem;
  }
  #section2 .swiper-slide .tit {
    font-size: 2.4rem;
  }
  section .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1280px) {
  #section4 .left {
    width: 37rem;
    padding-right: 5rem;
  }
  #section4 .right {
    width: calc(100% - 37rem);
  }
  #section4 .tab_cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
  #section7 .c_inner {
    gap: 3rem;
  }
  #section7 .pr {
    width: 50rem;
  }
  #section7 .news .tab_cont li a {
    padding: 1.6rem 2rem;
  }
  #section6 .story_swiper {
    overflow: hidden;
    padding: 8% 0 5% 0;
  }
  #section6 .swiper-slide .txt {
    gap: 2rem;
  }
  #section6 .swiper-slide .img {
    height: 26rem;
  }
}
@media (max-width: 1080px) {
  #container section {
    padding-bottom: 6.4rem;
  }
  .section_tit h3 {
    font-size: 4rem;
  }
  .section_tit p {
    font-size: 1.8rem;
  }
  #section1 .video-container {
    min-height: calc(100vh - 6.4rem);
  }
  #section1 .notice {
    max-width: 100%;
  }
  #section1 .v_content {
    padding-bottom: 9rem;
  }
  #section1 .scroll_info {
    bottom: 2rem;
    left: 0;
    width: 100%;
    display: block;
    text-align: center;
  }
  #section1 .scroll_info span {
    display: block;
  }
  #section1 .scroll_info span::before {
    content: "SCROLL DOWN";
    font-size: 1.2rem;
  }
  #section1 .scroll_info span img {
    display: none;
  }
  #section2 .section_tit {
    width: 30rem;
  }
  #section3 .tech_list .tech_item {
    width: 10rem;
  }
  #section3 .tech_list .tech_item h4 {
    font-size: 3rem;
    line-height: 1.3;
  }
  #section3 .tech_list .tech_item .text p, #section3 .tech_list .tech_item .text hash {
    display: none;
  }
  #section3 .tech_list .tech_item.active {
    width: calc(100% - 24.8rem);
  }
  #section3 .tech_list .tech_item.active .text p {
    display: block;
  }
  #section3 .tech_list .tech_item.active .text hash {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #section4 .left {
    width: 28rem;
    padding-right: 3rem;
  }
  #section4 .right {
    width: calc(100% - 1rem);
  }
  #section4 .tab_btn button {
    padding: 1rem 1.8rem;
  }
  #section4 .tab_cont .tab_item {
    min-height: 100%;
  }
  #section4 .tab_cont .tab_item .txt {
    padding: 2.5rem;
  }
  #section4 .tab_cont .tab_item .txt strong {
    font-size: 2.4rem;
    margin-bottom: 1.2rem;
  }
  #section4 .tab_cont .tab_item .txt p {
    font-size: 1.6rem;
    padding-right: 0;
  }
  #section4 .tab_cont .more_btn {
    position: static;
    margin-top: 2rem;
  }
  #section7 .c_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5rem;
    padding: 7rem 2rem;
  }
  #section7 .pr {
    width: 100%;
  }
  #sideQuick {
    top: auto;
    bottom: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    max-width: 100%;
    width: 100%;
  }
  #sideQuick .qck_open {
    left: 0;
    top: -6.4rem;
    width: 100%;
    height: 6.4rem;
    border-radius: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2rem;
    padding: 0 2rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #sideQuick .qck_open span {
    -webkit-transform: none;
            transform: none;
    width: auto;
    height: auto;
  }
  #sideQuick .qck_open i::before {
    content: "\f2eb";
  }
  #sideQuick.on {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  #sideQuick .qck_box {
    min-height: auto;
    border-radius: 0;
  }
  #sideQuick .qck_box > div {
    max-width: 100%;
  }
  #krds-footer {
    margin-bottom: 8rem !important;
  }
  #section6 .swiper-slide .img {
    height: 20rem;
  }
}
@media (max-width: 767px) {
  #container section .container {
    padding-top: 5rem;
    padding-bottom: 5rem;
    min-height: 0;
  }
  .section_tit h3 {
    font-size: 3rem;
  }
  .section_tit p {
    font-size: 1.6rem;
  }
  #section1 .v_content h2 {
    font-size: 4rem;
  }
  #section1 .v_content .s_tit {
    font-size: 2rem;
  }
  #section1 .v_content .txt {
    font-size: 1.6rem;
  }
  #section1 .notice {
    display: block;
    border-radius: 2rem;
    padding: 1.2rem 1.6rem;
  }
  #section1 .notice .title {
    padding-right: 0;
  }
  #section1 .notice .title::before {
    display: none;
  }
  #section1 .notice .notice_swiper {
    width: 100%;
    height: 5rem;
    margin-top: 1rem;
  }
  #section1 .notice .notice_swiper a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 5rem;
    gap: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #section1 .notice .notice_swiper a .tit {
    width: 100%;
    font-size: 1.7rem;
  }
  #section1 .notice .notice_swiper a .date {
    font-size: 1.4rem;
  }
  #section1 .notice .control {
    position: absolute;
    top: 1.8rem;
    right: 2rem;
    padding-left: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #section2 .c_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 3rem;
  }
  #section2 .section_tit {
    width: 100%;
    padding-bottom: 0;
    text-align: center;
  }
  #section2 .tech_swiper {
    width: calc(100% + 50rem);
  }
  #section2 .control {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 3rem;
  }
  #section2 .swiper-slide .tit {
    font-size: 1.8rem;
  }
  #section3 .tech_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #section3 .tech_list .tech_item {
    width: 100%;
    height: 15rem;
  }
  #section3 .tech_list .tech_item .img img {
    width: 100%;
    height: auto;
  }
  #section3 .tech_list .tech_item h4 {
    font-size: 3rem;
    line-height: 1.3;
  }
  #section3 .tech_list .tech_item .text {
    padding: 2rem;
  }
  #section3 .tech_list .tech_item.active {
    width: 100%;
    height: auto;
    max-height: 40rem;
  }
  #section3 .tech_list .tech_item .more_btn {
    top: 5rem;
  }
  #section4 .c_inner {
    display: block;
    padding: 4rem 2rem;
  }
  #section4 .left {
    width: 100%;
    padding-right: 0;
    margin-bottom: 2rem;
  }
  #section4 .right {
    width: 100%;
  }
  #section4 .tab_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1rem;
  }
  #section4 .tab_btn button {
    width: calc(33.3333333333% - 0.6666666667rem);
    font-size: 1.6rem;
    padding: 0.5rem 1rem;
  }
  #section4 .tab_cont .tab_item {
    border-radius: 2rem;
  }
  #section4 .tab_cont .tab_item .txt {
    position: static;
    padding: 3rem 2rem;
    min-height: 25rem;
  }
  #section4 .tab_cont .tab_item .txt p br {
    display: none;
  }
  #section4 .tab_cont .tab_item .img {
    display: none;
  }
  #section4 .tab_cont .tab_item:nth-child(1) {
    background-image: url("/resources/images/mps/main/biz01.jpg");
  }
  #section4 .tab_cont .tab_item:nth-child(2) {
    background-image: url("/resources/images/mps/main/biz02.jpg");
  }
  #section4 .tab_cont .tab_item:nth-child(3) {
    background-image: url("/resources/images/mps/main/biz03.jpg");
  }
  #section4 .tab_cont .tab_item:nth-child(4) {
    background-image: url("/resources/images/mps/main/biz04.jpg");
  }
  #section4 .tab_cont .tab_item:nth-child(5) {
    background-image: url("/resources/images/mps/main/biz05.jpg");
  }
  #section4 .tab_cont .tab_item:nth-child(6) {
    background-image: url("/resources/images/mps/main/biz06.jpg");
  }
  #section6 .story_swiper {
    padding: 11.7rem 0 7% 0;
  }
  #section6 .swiper-slide-active {
    -webkit-transform: scale(2);
            transform: scale(2);
  }
  #section6 .swiper-slide .txt {
    padding: 0.8rem;
  }
  #section6 .swiper-slide .tit {
    font-size: 1rem;
  }
  #section6 .swiper-slide .date {
    font-size: 0.6rem;
  }
  #section6 .swiper-slide .img {
    height: 18rem;
  }
  #section7 .news .tab_wrap {
    gap: 1rem;
  }
  #section7 .news .tab_btn {
    width: calc(50% - 0.5rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1rem;
    padding: 1rem;
  }
  #section7 .news .tab_btn.on {
    padding: 1rem;
  }
  #section7 .news .tab_btn.on::before {
    display: block;
  }
  #section7 .news .tab_btn.on + .tab_cont {
    margin-top: 3rem;
  }
  #section7 .news .tab_btn::before {
    display: none;
    position: static;
    -webkit-transform: none;
            transform: none;
  }
  #section7 .news .tab_cont li a strong {
    font-size: 1.8rem;
  }
  #section7 .news .tab_cont li a span {
    font-size: 1.5rem;
  }
  #section7 .news .more {
    position: static;
    width: 100%;
    border-radius: 1rem;
    margin-top: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #section7 .news .more::before {
    content: "더보기";
    font-size: 1.6rem;
    line-height: 1;
  }
}
@media (max-width: 600px) {
  #section5 .tab_wrap {
    gap: 2rem 0;
  }
  #section5 .tab_btn {
    font-size: 1.7rem;
    width: 50%;
    padding-bottom: 1rem;
  }
  #section5 .tab_btn.on + .tab_cont {
    margin-top: 2rem;
  }
  #section5 .product_swiper {
    width: 100%;
    margin-right: 0;
  }
  #section5 .swiper-slide .txt h4 {
    font-size: 2.4rem;
  }
  #section5 .swiper-slide .txt p {
    font-size: 1.6rem;
    max-height: 5rem;
  }
  #section6 .story_swiper {
    padding: 0;
    overflow: hidden;
  }
  #section6 .swiper-slide-active,
  #section6 .swiper-slide-prev,
  #section6 .swiper-slide-next {
    -webkit-transform: none;
            transform: none;
  }
  #section6 .swiper-slide .txt {
    padding: 1rem;
  }
  #section6 .swiper-slide .tit {
    font-size: 1.8rem;
  }
  #section6 .swiper-slide .date {
    font-size: 1.5rem;
  }
  #section6 .swiper-slide .img {
    height: 35rem;
  }
}
@media (max-width: 480px) {
  #section3 .tech_list .tech_item {
    background-size: cover;
    height: auto;
  }
  #section3 .tech_list .tech_item:nth-child(1) {
    background-image: url("/resources/images/mps/main/tech_list01.jpg");
  }
  #section3 .tech_list .tech_item:nth-child(2) {
    background-image: url("/resources/images/mps/main/tech_list02.jpg");
  }
  #section3 .tech_list .tech_item:nth-child(3) {
    background-image: url("/resources/images/mps/main/tech_list03.jpg");
  }
  #section3 .tech_list .tech_item.active {
    height: auto;
    max-height: none;
  }
  #section3 .tech_list .tech_item .img {
    display: none;
  }
  #section3 .tech_list .tech_item h4 {
    font-size: 2.4rem;
    margin-bottom: 1.6rem;
  }
  #section3 .tech_list .tech_item h4 span {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
  }
  #section3 .tech_list .tech_item .text {
    position: static;
    background: rgba(0, 0, 0, 0.3843137255);
  }
  #section3 .tech_list .tech_item .text p {
    font-size: 1.7rem;
    margin-bottom: 1rem;
  }
  #section3 .tech_list .tech_item .text .more_btn {
    position: static;
    margin-top: 2rem;
    margin-left: auto;
  }
  #section3 .tech_list .tech_item .hash span {
    font-size: 1.4rem;
  }
  #section4 .tab_btn button {
    width: calc(50% - 1rem);
  }
  #section6 .swiper-slide .img {
    height: 30rem;
  }
}
@media (max-height: 700px) {
  #section1 .video-container {
    min-height: 80rem;
  }
  #container section {
    min-height: 70rem;
  }
}