@media screen and (max-width:1800px){

  /*공통*/
  .side-menu-container #side-contact {padding:1rem 1.9rem;}

  /*메인*/
  #section_02 {padding-top:11.5rem;}

  /*패브릭부스*/
  /* #booth-seciton-01 {aspect-ratio: 16 / 12 ;} */

  

}


@media screen and (max-width:1366px){


  /*공통*/
  html {font-size: 52.65%;}
  .flex_4ea .content {width: calc((100% - 4rem) / 3);}
  .grid-item {width: 33.333%;}


  /*메인*/
  #main-slide .swiper-wrapper .swiper-slide .main-ment>div>h3 {font-size:4rem;}
  #main-slide .swiper-wrapper .swiper-slide .main-ment>div>.title>li:first-child>h2 {font-size: 5rem;}
  #section_02 #main-slide {aspect-ratio: 16 / 9 ;}

  /*서브*/
  .wrap .banner-wrap {aspect-ratio: 4 / 5 ; height: auto;}
  .wrap .banner-wrap .cont-1366>ul>li>h2 {font-size:6vw;}
  .pad-200 {padding-top:10rem; padding-bottom: 10rem;}
  #overview-wrap .content h2 {font-size:4rem;}

  /*패브릭 부스*/
  .t-2 {font-size: 2rem;}
  .t-6 {font-size:6rem;}
  #booth-section-02 ul>li>h4 {font-size: 2.4rem;}

}

@media screen and (max-width:1024px){

  /*메인*/
  #section_04_01>.cont-1366>.flex_2ea>.content {width: calc((100% - 2rem) / 1);}
  #section_04_01 .process-wraps .content:nth-child(2) {margin-top: 0;}
  #section_04_01 .title-wraps {padding-bottom: 3rem;}
  #section_04_01 .title-wraps h3 {text-align: center;}
  #section_04_01 .title-wraps p {text-align: center;}
  .portfolio-layout .portfolio-list .content {width: calc((100% - 2rem) / 2);}

  /*패브릭부스*/
  /* #booth-seciton-01 {aspect-ratio: 4 / 3 ;} */

  .smart-factory-bg .flex_2ea .content {width: calc((100%) / 1);}

}

@media screen and (max-width:920px){

  /*공통*/
  header {height: 10rem;}
  header .menu-container {flex-wrap: wrap;}
  header .menu-container .logo { flex-basis: calc(100% - 5rem); max-width: calc(100% - 5rem); padding-top:1rem; padding-bottom: 1rem; height: 5rem; order:0; justify-content: flex-start; margin:0;}
  header .menu-container .logo>a {margin: 0; max-width: 20rem; margin-left:1rem;}
  header .menu-container .side-bar {flex-basis: 5rem; height: 5rem;  order:1;}
  header .menu-container .menu {flex-basis: 100%; max-width: 100%; order:2; height: 5rem; }
  header .menu-container .menu>ul {justify-content: flex-start; align-items: center;  width: 100%; overflow-x: auto; overflow-y: hidden; }
  header .menu-container .menu>ul>li>.sub-menu {top:9rem;}
  header .menu-container .menu>ul>li>a {font-size: 1.4rem;}
  header .menu-container .menu>ul>li>.sub-menu>.sub-menu-wrap>.sub-menu-share {flex-basis: 33.333%; max-width: 33.333%;}
  header .menu-container .menu>ul>li>.sub-menu>.sub-menu-wrap>.sub-menu-share:first-child {display: none;}
  header .menu-container .menu>ul>li>.sub-menu>.sub-menu-wrap>.sub-menu-share>h3 {white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
  .side-menu-container #side-contact {max-width: 80%;}

  .flex_6ea {gap:2rem;}
  .flex_6ea .content {width: calc((100% - 4rem) / 3); }

  /*서브*/

  .wrap .banner-wrap {aspect-ratio: 1 / 1 ; height: auto;}
  .sub-title .bg-title>h2 {font-size:15rem;}
  .portfolio-layout .side-menu-wrap {top:11rem;}

  #booth-section-04>.animation-text {font-size: 8rem;}

  #type-slide.fixed {position: fixed; top:10rem; left:50%; transform:translateX(-50%); max-width: 1600px; width: 100%;}


  /*텐션패브릭*/
  #application-wrap-01 .tab-content-wrap.fixed {top:11rem;}
  #application-wrap-01 .tab-content-wrap>.tab {padding:1rem; font-size: 1.4rem;}


}

@media screen and (max-width:768px){

  /*공통*/
  .mobile-br {display: none;}
  .pc-process {display: none !important;}
  .mobile-process {display: flex !important;}

  .flex_2ea .content {width: calc((100%) / 1);}
  .flex_3ea .content {width: calc((100% - 2rem) / 2); }
  .flex_5ea {gap:2rem;}
  .flex_5ea .content {width: calc((100% - 4rem) / 3); }

  /* .main-banner-slide {display: none;}
  .main-banner-slide-m {display: block !important;} */

  /*메인*/  
  .main-title>h3 {font-size:20vw;}
  #section_02 #main-slide {aspect-ratio: 5 / 4 ;}
  #section_04_01>.cont-1366>.flex_2ea>.content {width: calc((100%) / 1);}
  .flex_4ea .content {width: calc((100% - 2rem) / 2); }
  .grid-item {width: 50%;}

  .main-title>p {font-size: 4rem;}
  #section_04_01 .title-wraps h3 {font-size: 4rem;}
  #section_04_01 .title-wraps p {font-size: 2rem;}

  .side-menu-container #side-contact .menu>li:last-child.flex_2ea {flex-wrap: wrap;}
  .side-menu-container #side-contact .menu>li:last-child.flex_2ea .content {flex-basis: 100%; max-width: 100%;}

  #sub-slide .swiper-wrapper {flex-wrap: wrap; justify-content: flex-start; gap:1.5rem; width: 100%; margin-right: 0; margin-bottom: 1.5rem;}
  #sub-slide .swiper-wrapper .swiper-slide {width: calc((100% - 3rem) / 3);}
  #sub-slide .btn-wrapper {flex-direction: row; flex-basis: 100%; max-width: 100%;}
  #sub-slide .btn-wrapper #right-btn {order:1;}
  #sub-slide .btn-wrapper #left-btn {order:0;}
 

  

  #section_06 .partners-wrap ul li {width: 14rem; height: 14rem;}


  /*서브*/
  #business-wrap .container-wrap .rodun-wrap {flex-basis: 100%; max-width: 100%;}
  #business-wrap .container-wrap .text-wrap {flex-basis: 100%; max-width: 100%; margin-top:5rem; justify-content: flex-start;}
  #business-wrap .container-wrap .text-wrap h2 {text-align: left;}
  #business-wrap .container-wrap .text-wrap h4 {text-align: left;}
  #overview-wrap .content h2 {text-align: left;}
  #overview-wrap .content h3 {font-size: 3rem; text-align: left;}
  #overview-wrap .content h4 {text-align: left;}
  #overview-wrap .content h4>br {display: none;}
  #business-wrap .container-wrap .rodun-wrap .round:last-child {left:0;}
  #business-wrap .business-line {display: flex; flex-wrap: wrap; gap: 2rem;}
  #business-wrap .business-line .content {width: calc((100% - 4rem) / 3);  margin-right: 0;}

  .smart-factory-bg .flex_2ea .content {flex-wrap: wrap;}
  .smart-factory-bg .flex_2ea .content .img-wrap{width: calc((100%) / 1); flex-basis:calc((100%) / 1); }
  .smart-factory-bg .flex_2ea .content .text-wrap{width: calc((100%) / 1); padding-top:3rem;}

  #online-marketing .content .img-wrap {width: calc((100%) / 1); flex-basis:calc((100%) / 1); }
  #online-marketing .content .text-wrap {padding-bottom: 2rem;}
  

  .pad-100 {padding-top:5rem; padding-bottom: 5rem;}

  /* .portfolio-layout .side-menu-wrap .menu-wrap li {width: 100%; max-width: 16rem;} */
  .portfolio-layout .side-menu-wrap .menu-wrap li a {font-size:1.4rem;}

  .sub-title .bg-title>h2 {font-size:12rem;}
  .smart-factory-bg .title p>br {display: none;}

  .sub-title .tag-wrap .tag>li>p {font-size: 1.4rem; padding:1rem 1.5rem;}

  /*패브릭부스*/
  /* #booth-seciton-01 {aspect-ratio: 3 / 4 ;} */
  #booth-seciton-01 .t-1_6>br {display: none;}

  .sub-title {margin-top: 6rem;}
  #booth-section-02 ul>li>h4 {font-size: 2.4rem;}

  .t-8 {font-size: 4rem;}
  #sub-section-04 .content  {flex-direction: column; display: flex;}
  #sub-section-04 .content .img-wrap {order:0;}
  #sub-section-04 .content .text-wrap {order:1; background-color: rgba(255,255,255,0.05); margin-top:0; margin-bottom: 0; padding-top:5rem; padding-bottom: 5rem; text-align: left;}

 #booth-section-05 .cont-1366 ul {border:0;}
 #booth-section-05 .cont-1366 ul>li:first-child {border:0;}
  
}

@media screen and (max-width:640px){

  /*메인*/
  #main-slide .swiper-wrapper .swiper-slide .main-ment>div>.title>li:first-child>h2 {font-size:3rem;}
  #main-slide .swiper-wrapper .swiper-slide .main-ment>div>p {font-size: 1.8rem;}
  #section_02 #main-slide {aspect-ratio: 1 / 1;}
  #business-wrap .container-wrap .rodun-wrap .round>h3 {font-size:1.6rem;}

  /*서브*/
  .wrap .banner-wrap {aspect-ratio: 4 / 5 ; height: auto;}
  .contact-layout .cont-1366 .flex_3ea .content {width: calc(100% - 2rem / 1);}
  .contact-layout .cont-1366 .flex_3ea .content {width: calc(100% - 2rem / 1);}

  .sub-title .bg-title>h2 {font-size:12rem;}

  .smart-factory-bg .title {flex-wrap: wrap; margin-bottom: 5rem;}
  .smart-factory-bg .title .img-wrap {flex-basis: 100%; max-width: 100%;}
  .smart-factory-bg .title .img-wrap img {max-width: 30rem;}
  .smart-factory-bg .title .text-wrap {flex-basis: 100%; max-width: 100%;}


  .flex_6ea .content {width: calc((100% - 2rem) / 2); }

  /*패브릭 부스 */
  .t-2 {font-size: 1.6rem;}
  .t-6 {font-size:4rem;}
  #booth-seciton-01 .text-wrap {margin-top:20rem; text-align: left;}
  #booth-section-03 .text-wrap {text-align: left;}
  .booth-section .content:last-child {margin-bottom: 20rem;}

  #sub-section-04 .flex-2ea .content {flex-basis: 100%; max-width: 100%;}

  #booth-section-02 ul>li {width: calc((100%) / 1);}



 
}

@media screen and (max-width:500px){

  /*공통*/
  .flex_4ea .content {width: calc((100% ) / 1);}
  .flex_5ea .content {width: calc((100% - 2rem) / 2);}
  header .menu-container .menu>ul>li>.sub-menu>.sub-menu-wrap>.sub-menu-share {padding: 2rem 1rem;}
  header .menu-container .menu>ul>li>.sub-menu>.sub-menu-wrap>.sub-menu-share>h3 {font-size: 1.8rem;}

  .side-menu-container #side-contact .menu>li>p {font-size: 2rem;}
  footer>ul>.award-wrap>.content>img {max-height: 4rem;}

  /*메인*/
  #section_02 #main-slide {aspect-ratio: 1 / 1;}
  #sub-slide .swiper-wrapper .swiper-slide p {font-size:1.6rem;}
  #section_04_01 .process-wraps .content>.item {padding:2rem;}
  #section_04_01 .process-wraps .content>div h5 {font-size: 2rem;}
  #section_04_01 .process-wraps .content>div p {font-size: 1.6rem;}
  /*서브*/
  .marketing-page .flex_3ea .content {width: calc((100%) / 1);}
  #section_02 #main-slide {aspect-ratio: 1 / 1;}
  #sub-slide .swiper-wrapper .swiper-slide {height: 12rem;}

  .sub-title {margin-top: 8rem;}
  .sub-title .bg-title>h2 {font-size: 8rem; line-height: 1.6;}
  .sub-title .bg-title>p {font-size:5rem;}

  .portfolio-layout .portfolio-list .content {width: calc((100%) / 1);}

  /*텐션패브릭*/
  .table-wrap {overflow-y: auto;}
  .fa-table {min-width: 100rem;}
  .fa-table thead tr th {padding:1rem;}
  .fa-table tbody tr td {padding:1rem;}




  
}

@media screen and (max-width:375px){
 
}