@charset "UTF-8";
/*-------------------------------------------------
title       : 메인
Author      : 플랜아이 moni
Create date : 2024-02-01
-------------------------------------------------*/
@media (min-width: 1280px) and (max-height: 1050px) {
  .section1 .title {
    font-size: 13rem;
  }
  .section2 .group1 {
    padding: 5rem 7rem;
  }
  .section3 .group2 .txt2 {
    font-size: 2rem;
  }
  .section4 .title {
    font-size: 7rem;
  }
  .section4 .img_box {
    height: 44rem;
  }
  .section4 .txt2 {
    margin-bottom: 0rem;
  }
  .section4 .num {
    font-size: 6rem;
    line-height: 7rem;
  }
  .section5 .inner {
    width: 130rem;
  }
  .section5 .title {
    font-size: 7rem;
  }
  .section5 .title span {
    margin-top: 2rem;
  }
  .section5 .list a {
    line-height: 3.6rem;
    font-size: 1.6rem;
  }
  .section5 .txt1 {
    font-size: 2rem;
    margin-top: 2rem;
  }
  .section5 .cont_box .item2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50rem;
            flex: 0 0 50rem;
    max-width: 50rem;
    margin-top: 6rem;
  }
  /* .section6 {
       .inner{padding: 5rem 7rem;}
       .title{font-size: 8rem;}
       .txt1{font-size: 1.5rem; line-height: 1.4;}
       .item2 textarea{max-height: 15rem;}
   }*/
}
@media (min-width: 1280px) and (max-height: 900px) {
  .section1 .title {
    font-size: 10rem;
  }
  .section2 .group1 .img_box img {
    max-height: 30rem;
  }
  .section2 .group2 {
    padding: 8rem 10rem;
  }
  .section2 .group2 .item.item2 {
    margin-top: 5rem;
  }
  .section2 .group2 .txt2 {
    font-size: 1.6rem;
  }
  .section3 .group1 {
    width: 35rem;
  }
  .section3 .group2 {
    padding: 5rem 10rem;
  }
  .section3 .group2 a {
    padding: 3.8rem 4.5rem 3.8rem 0;
  }
  .section4 .img_box {
    height: 40rem;
    width: 30rem;
  }
  .section5 .inner {
    width: 110rem;
  }
  .section5 .title {
    font-size: 5rem;
  }
  .section5 .title span {
    line-height: 3.2rem;
    font-size: 1.7rem;
    margin-top: 1rem;
  }
  .section5 .cont_box .item2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40rem;
            flex: 0 0 40rem;
    max-width: 40rem;
  }
  .section6 .item:nth-child(n+2) {
    padding: 2rem 0;
  }
  .section6 .item:last-child {
    display: none;
  }
  /*.section6{
      .title{font-size: 7rem;}
      .item2 textarea{max-height: 12rem;}
  }*/
}
@media (max-width: 1400px) {
  .section1 .title {
    font-size: 12rem;
  }
}
@media (max-width: 1280px) {
  html {
    scrollbar-width: auto;
  }
  #header.fixed {
    background: #fff;
  }
  #header.fixed #logo a {
    background-image: url(../img/layout/logo.svg);
  }
  #header.fixed #hnb .list a {
    color: #111;
  }
  #header.fixed #search .control.open {
    color: #111;
  }
  #logo a {
    background-image: url(../img/layout/logo_2.svg);
  }
  #hnb .list a {
    color: #fff;
  }
  #search .control.open {
    color: #fff;
  }
  #main {
    height: auto;
    padding-left: 0;
    padding-top: 0rem;
  }
  #v_nav {
    display: none;
  }
  .main_scroll {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .section {
    height: auto;
  }
  .section1 .inner {
    width: 100%;
    height: 100vh;
  }
  .section1 .btn_scroll .arrow {
    width: 1.2rem;
    height: 2rem;
    background-image: url(../img/main/s_arrow3.png);
    -webkit-animation: RightMove2 1s infinite;
            animation: RightMove2 1s infinite;
  }
  .section1 .title {
    font-size: 10rem;
  }
  .section2 .group1 {
    width: 100%;
  }
  .section2 .group1 .img_box {
    max-width: 60%;
    margin-left: auto;
  }
  .section2 .group1 .txt1 {
    font-size: 6rem;
    margin-bottom: 3rem;
  }
  .section2 .group2 {
    width: 100%;
    padding: 7rem;
  }
  .section2 .group2 .txt2 {
    font-size: 1.6rem;
  }
  .section2 .group2 .item + .item {
    margin-top: 5rem;
  }
  .section3 .group1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 43rem;
            flex: 1 1 43rem;
    max-width: 33%;
  }
  .section3 .group2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(100% - 43rem);
            flex: 1 1 calc(100% - 43rem);
    padding: 7rem;
  }
  .section4 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .section4 .title {
    border: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
            writing-mode: unset;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .section4 .item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 33.33%;
            flex: 1 1 33.33%;
    max-width: 33.33%;
  }
  .section4 .item:last-child {
    border-right: none;
  }
  .section4 .item a {
    width: 100%;
  }
  .section4 .img_box {
    max-width: 100%;
    height: 40rem;
  }
  .section4 .txt2 {
    margin-bottom: 1rem;
  }
  .section4 .num {
    font-size: 5rem;
    line-height: 6rem;
    margin-bottom: 0rem;
  }
  .section5 .inner {
    width: 100%;
    padding: 14rem 7rem 10rem;
  }
  .section5 .title {
    font-size: 7rem;
  }
  .section5 .title span {
    line-height: 3rem;
    padding: 0 1rem;
    font-size: 1.7rem;
    margin-top: 2rem;
  }
  .section5 .list a {
    line-height: 3.2rem;
    margin-right: 0.2rem;
    margin-bottom: 0.4rem;
    font-size: 1.6rem;
    font-weight: 500;
  }
  .section5 .txt1 {
    font-size: 2rem;
    line-height: 1.5;
  }
  .section5 .cont_box .item1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
  }
  .section5 .cont_box .item2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
  }
  .section5 .img_box {
    height: auto;
  }
  .section6 .inner {
    width: 100%;
    padding: 7rem;
  }
  .section6 .title_wrap .title {
    font-size: 8rem;
  }
  .section6 .title_wrap .more {
    top: 3.5rem;
  }
  /*.section6 {
      .inner{width: 100%;}
      .group1,
      .group2{width: 60rem;  max-width: 100%; margin: 0 auto;}
      .title{font-size: 8rem;}

  }*/
}
@media (max-width: 1024px) {
  .section4 .item a {
    padding: 5rem 4rem;
  }
  .section4 .img_box {
    height: 34rem;
  }
}
@media (max-width: 900px) {
  .section1 .title {
    font-size: 8rem;
  }
  .section1 .title span {
    min-width: 2rem;
  }
  .section1 .txt1 {
    font-size: 2.2rem;
  }
  .section2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .section2 .group1 .img_box img {
    max-height: 30rem;
  }
  .section3 .group2 {
    padding: 2rem 7rem;
  }
  .section4 .title {
    font-size: 6rem;
  }
  .section4 .img_box {
    height: 28rem;
  }
  .section4 .item a:hover .txt1, .section4 .item a:focus .txt1 {
    padding: 0rem 5rem 0rem 2rem;
  }
  .section4 .txt1 {
    font-size: 1.6rem;
    line-height: 1.3;
  }
  .section4 .num {
    font-size: 4rem;
  }
  .section5 .title {
    font-size: 5rem;
  }
  .section5 .title span {
    margin-top: 1rem;
  }
  .section5 .list p {
    font-size: 1.6rem;
    margin-right: 0.5rem;
    line-height: 3.4rem;
  }
  .section5 .cont_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .section5 .cont_box .item1 {
    padding-right: 0;
  }
  .section5 .cont_box .item2 {
    margin-top: 5rem;
  }
}
@media (max-width: 768px) {
  .section1 .inner {
    padding: 7rem 4rem;
  }
  .section1 .title {
    font-size: 6rem;
  }
  .section1 .txt1 {
    font-size: 1.7rem;
    font-weight: 400;
  }
  .section3 .group2 {
    padding: 2rem 4rem;
  }
  .section4 .inner {
    overflow: hidden;
    overflow-x: auto;
  }
  .section4 .inner::-webkit-scrollbar {
    height: 1rem;
  }
  .section4 .inner::-webkit-scrollbar-thumb {
    background-color: #D5D5D5;
    border-radius: 5px;
  }
  .section4 .inner::-webkit-scrollbar-track {
    background: #F8F8FA;
    border-radius: 5px;
  }
  .section4 .group {
    width: 100rem;
  }
  .section4 .item a {
    padding: 5rem 4rem;
  }
  .section4 .img_box {
    height: 30rem;
  }
  .section5 .inner {
    padding: 10rem 4rem 6rem;
  }
  .section5 .title {
    font-size: 4rem;
  }
  .section5 .txt1 {
    font-size: 2rem;
  }
  .section6 .inner {
    padding: 6rem 4rem;
  }
  .section6 .title_wrap {
    margin-bottom: 2rem;
  }
  .section6 .title_wrap .title {
    font-size: 7rem;
  }
  .section6 .title_wrap .more {
    top: 3rem;
  }
  /*.section6 {
      .inner{padding: 7rem;}
      .group1, 
      .group2{}
      .title{font-size: 7rem;}
  }*/
}
@media (max-width: 500px) {
  .section1 .btn_scroll {
    width: 7rem;
    height: 7rem;
  }
  .section1 .btn_scroll .arrow {
    margin: 0 auto 0.5rem;
  }
  .section1 .btn_scroll .txt {
    display: none;
  }
  .section1 .txt1 br {
    display: block;
  }
  .section1 .title {
    font-size: 4.3rem;
  }
  .section1 .title span {
    min-width: 1.2rem;
  }
  .section2 .group1 {
    padding: 6rem 5rem;
  }
  .section2 .group1 .txt1 {
    font-size: 4.5rem;
    line-height: 5rem;
    margin-bottom: 2rem;
  }
  .section2 .group1 .link_list {
    margin-bottom: 0;
  }
  .section2 .group1 .link_list a {
    font-size: 1.7rem;
  }
  .section2 .group2 {
    padding: 6rem 5rem;
  }
  .section2 .group2 .txt1 {
    font-size: 3.6rem;
  }
  .section3 .group2 a {
    padding: 2.8rem 4.5rem 2.8rem 0;
  }
  .section3 .group2 .txt1 {
    margin-bottom: 1rem;
  }
  .section3 .group2 .txt2 {
    font-size: 1.7rem;
  }
  .section4 .title {
    font-size: 4.5rem;
  }
  .section5 .inner {
    padding: 10rem 2rem 6rem;
  }
  .section5 .title {
    font-size: 3.5rem;
  }
  .section5 .title span {
    margin-top: 0;
    font-size: 1.4rem;
    font-weight: 600;
  }
  .section6 .title_wrap {
    margin-bottom: 2rem;
  }
  .section6 .title_wrap .title {
    font-size: 4.5rem;
  }
  .section6 .title_wrap .more {
    top: 1rem;
    padding: 0 1.75rem;
    line-height: 4rem;
  }
  .section6 .item:first-child {
    display: block;
  }
  .section6 .item:first-child .img_box {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  .section6 .item:first-child .txt_box {
    padding-left: 0;
    margin-top: 2rem;
  }
  .section6 .item:nth-child(n+2) .txt_box {
    display: block;
  }
  .section6 .item:nth-child(n+2) .txt_box .date {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 350px) {
  .section1 .title {
    font-size: 3rem;
  }
  .section2 .group1 .txt1 {
    font-size: 3rem;
    line-height: 1.4;
  }
  .section2 .group2 .txt1 {
    font-size: 2.6rem;
  }
  .section5 .title {
    font-size: 3rem;
  }
  .section6 .list {
    padding: 0;
    background: transparent;
  }
}
@media (max-width: 280px) {
  .section1 .title {
    font-size: 2.5rem;
  }
}