/* 반응형 시작 */
@media (max-width:428px) { 

/* common 영역 */
.main {
    width:100%;
    height: 100%;
}
.img {
    width:100%;
    height: 100%;
    object-fit: cover;
}
.main .con_wrap {
    width:100vw;
    height:100%;
}
/* common 영역  끝*/

/* section_0 메인 1 페이지  */

.section_0_wrap {
    width:100%;
    height: 100%;
}
.section_0_wrap .con_wrap {
   width:100%;
   height: 100%;
position:relative;}

.section_0_wrap .con_tab_menu_wrap {
   
}
.section_0_wrap .con_video {
    display: none;
    
}

.section_0_wrap .con_box_left {
    position: absolute;
    left: 50%;
    top: 27%;
    transform: translate(-73%,-100%);
    z-index: 1;
}

.section_0_wrap .con_box_right {
    width: calc(100vw * (280/ 428));
    height: calc(100vw * (440 / 428));
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-48%);
}


.section_0_wrap .con_box_right .con_img {
    width:100%;
    height: 100%;
    background:url("../img/main/main_bg_matt.png");
    background-size: cover;
    transition: 0.5s;
}

.section_0_wrap .content_answer {
    display: none;
}

.section_0_wrap .q_title {
    display: inline-block;
    font-family: 'Eina01',sans-serif;
    font-size: calc(100vw * (32 / 428));
    font-weight: bold;
    letter-spacing: 5px;
    text-align: left;
    color: #203465;
    cursor: pointer;
    position: relative;
}

.section_0_wrap .q_title .link {
    color:#203465;
}

.section_0_wrap .q_title::after {
    content: "";
    width:0%;
    height:calc(100vw * (5 / 428));
    position:absolute;
    bottom: 0%;
    left: 0%;
    background:#203465;
    transition: 0.5s;
    transform-origin: 0% 100%;
}

.section_0_wrap .q_title:hover::after {
    width:100%;
}

.section_0_wrap .content_answer_wrap .a_desc {
    display: block;
    font-family: 'Eina01',sans-serif;
    font-size: 4.042vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 3vw;
    letter-spacing: normal;
    color: #203465;
    margin-top: 2.336vw;
    margin-bottom: 2.336vw;
}

.better_img {
    margin-top:calc(100vw * (20 / 428));
}

/* section_0 메인 1 페이지 끝 */
.slide1-1 .fp-tableCell {
    padding-top:0px;
}

    

/* section_1 메인 2 페이지 */

.section_1_wrap .con_box {
    display: flex;
    align-items: center;
}
.section_1_wrap .con_box_img {
width: calc(100vw * ( 427 / 428 ));
}

.section_1_wrap .con_box_text {
    margin-left:  calc(100vw * ( 145 / 428 ));
}

.con_box_text .blue_nobold18,
.con_box_text .dark_span_nobold18 {
    font-size: calc(100vw * ( 14 / 428 ));
    line-height: 1;
}

.con_box_text .blue_nobold18 {
    font-size: calc(100vw * ( 13 / 428 ));
}
.con_box_text .dark_span_nobold18 {
    display: block;
    margin:0.1vw 0;
    word-break: keep-all;
    line-height: 1.5;
}

.con_box_text .dark_span_nobold18 br {
    display: none;
}
.con_box_text .e_blue_span_bold_line40 {
    display: block;
    font-size: calc(100vw * ( 34 / 428 ));
    margin-bottom: calc(100vw * (10 / 428));
}


.section_1_wrap_slide .con_box_img {
    /* width:45%; */
    position: relative;
}

.section_1_wrap_slide .con_box_img .clipimg2 {
    position:absolute;
    left: 0%;
    top:0%;
    background: #FFFF00;
    clip-path: circle(17% at 80% 45%);
    transition: 0.7s;
}

.circleImgback {
    content: "";
    width: 30%;
    height: 39%;
    border-radius: 50%;
    background: #FFFF00;
    position: absolute;
    left:61%;
    top: 27%;
    z-index: -1;
    transition: 0.65s;
}

/* section1스와이퍼  */

#section1 {
    margin:0 auto;
}
.section_1_wrap_slide .con_box {
    width: calc(100vw * ( 340 / 428 ));
    padding-top: calc(100vw*(135/428));
}

.section_1_wrap_slide .con_box .sw_bottom {
padding-top: calc(100vw * (50 / 428));
}
.materialSw .con_box_img {
    width: calc(100vw * ( 340 / 428 ));
}


/* 스와이퍼 커스텀  */
  .swiper-button-next,
.swiper-button-prev,
.sec1_prev,
.sec1_next  {
    /* position: absolute; */
    position:relative;
    width: calc(100vw * ( 30 / 428 ));
    height: calc(100vw * ( 28 / 428 ));
    margin-top:0px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-button-next,
.sec1_next {
    bottom:0px;
    left:calc(100vw * ( 12 / 428 ));
}

.swiper-button-prev,
.sec1_prev {
    bottom:0px;
    left:0px;
}

.swiper-button-next:after, 
.swiper-button-prev:after,
.sec1_prev:after,
.sec1_next:after {
    content: "";
    width: calc(100vw * ( 30 / 428 ));
    height:  calc(100vw * ( 28 / 428 ));
    background:url("../img/icon/arrow_2.png") no-repeat;
    background-size:100% 100%;
}

.swiper-button-next:after,
.sec1_next:after {
    transform:rotateZ(180deg);
}
.materialTextSw {
    position:relative;
    padding-top:calc(100vw * (130 / 1025));
    margin-left:calc(100vw * (100 / 1025));
}
.sec1_entryBtn {
    width: calc(100vw * ( 53 / 428 ));
    height: calc(100vw * ( 53 / 428 ));
    background:url("../img/icon/circle_arrow.png") no-repeat;
    background-size:100% 100%;
    position: absolute;
    bottom:0%;
    z-index: 999;
    cursor: pointer;
}



/* 페이지 넘버링  */

.pagenations_ {
    position: absolute;
    bottom:0%;
    right: 0%;
    display: flex;
    justify-content: flex-start;
    align-items:flex-end;
    font-family: 'Eina01', sans-serif;
    font-size:  calc(100vw * ( 16 / 428 ));
    font-style: normal;
    line-height: 1;
    color: #203465;
    padding-top:0px;
    padding-right:0px;
    padding-bottom:calc(100vw * (  4 / 428));
    padding-left:calc(100vw * (  10 / 428));
}

.section_1_wrap_slide .pagenations_ {
    position: inherit;
    padding-left: calc(100vw * (40 / 428));
}

.pagenations_ .span,
.pagenations_ .div {
    display: inline-block;
    width:calc(100vw * ( 12 / 428 ));
    text-align: center;
}

.slide1-2 .pagenations_ {
    position:relative;
bottom:inherit;
right:inherit;   
justify-content: flex-end;

}
.sw_bottom {
    padding-top: 5.208 calc(100vw * ( 53 / 428 ));
    margin-left: 14.167 calc(100vw * ( 145 / 428 ));
    display: flex;
    justify-content: flex-start;
    transform: translate(0%,100%);
    transition: 0.5s;
}

.material_slide_navi {
    display: flex;
}

.material_slide_navi .swiper-button-prev,
.material_slide_navi .swiper-button-next {
    position: inherit;
}

.material_slide_navi .swiper-button-next {
    margin-left:calc(100vw * ( 21 / 428 ));
}

/* section_1 메인 2 페이지 끝 */





/* section_2 메인 3 페이지  */
.section_2_wrap {
    width: 100%;
    height: 100%;
    margin:0 auto;
}

.section_2_wrap .con_box_desc {
    display: none;
}

.section_2_wrap .con_box_wrap {
    width:100vw;
    height: 100%;
    padding-top: calc(100vw * (60 / 428));
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section_2_wrap .con_box_text {
    position: relative;
}

.section_2_wrap .con_box {
    width:100%;
    text-align: center;
}

.section_2_wrap .con_box .e_blue_span_nobold20 {
    font-size: calc(100vw * (14 / 428));
}

.section_2_wrap .con_box .blue_span_40 {
    display: inline-block;
    font-size: calc(100vw * (20 / 428));
text-align: center;
margin-bottom: calc(100vw * (25 / 428));
}

.section_2_wrap .con_box_desc {
padding-top: calc(100vw * (80 / 428));
}

.section_2_wrap .con_box_desc_top .e_blue_span_nobold20,
.section_2_wrap .con_box_desc_bottom .e_blue_span_nobold20 {
    font-size: calc(100vw * (16 / 428));
}

.section_2_wrap .con_box_desc_top .dark_span_15,
.section_2_wrap .con_box_desc_bottom .dark_span_15 {
    display: inline-block;
    margin-top: calc(100vw * (10 / 428));
    font-size:calc(100vw * (14 / 428));
    line-height: 1.5;
}



.mymattSw {
    width:calc(100vw * (240 / 428));
    text-align: left;
}


.section_2_wrap .con_box .link {
    display: block;
}
.section_2_wrap .con_box_text .line_ {
    display: inline-block;
    width:calc(100vw * (30 / 428));
    height: 1px;
    background:#203465;
    margin: 0vw 1.042vw 0.351vw 0vw;
  
}

.section_2_wrap .con_box_desc_top {
    padding-bottom: 2.083vw;
}

.section_2_wrap .con_box_desc_bottom,
.section_2_wrap .con_box_desc_top {
    padding-top: 4.083vw;
}

.section_2_wrap .con_box_desc_top>div,
.section_2_wrap .con_box_desc_bottom>div {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
}

.section_2_wrap .con_box_desc_top>div>div:first-child,
.section_2_wrap .con_box_desc_bottom>div>div:first-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.section_2_wrap .con_box_desc_top_icon,
.section_2_wrap .con_box_desc_bottom_icon {
    width:calc(100vw * (100 / 428));
    height:calc(100vw * (30 / 428));
    margin-right: auto;
    margin-top: calc(100vw * (30 / 428));
}

.section_2_wrap .con_box_desc_top_icon img,
.section_2_wrap .con_box_desc_bottom_icon img {
    object-fit: contain;
}

.section_2_wrap .con_box_desc_top_img,
.section_2_wrap .con_box_desc_bottom_img {
    width:calc(100vw * (240 / 428));
    height:calc(100vw * (224 / 428));
    margin:0 auto;
}

/* section_2 메인 3 페이지 끝 */

/* section_3 메인 4 페이지*/



.section_3_wrap .m_mat_tab {
    width:100%;
    height: 100%;
    margin:0 auto;
    background-color: #fbfbfe;
    padding-top: calc(100vw * (20 / 428));
  }
  
  
  .section_3_wrap .m_mat_tab .title_wrap {
    text-align: center;
    margin: 0px;
  }
  
  .section_3_wrap .m_mat_tab .title_wrap .span {
    display: block;
  }

  .section_3_wrap .m_mat_tab .title_wrap .e_blue_span_nobold20 {
      font-size: calc(100vw * (16 / 428));
  }
  
  .section_3_wrap .m_mat_tab .title_wrap .blue_span_nobold30 {
      font-size: calc(100vw * (18 / 428));
    margin-top:calc(100vw * (12 / 428));
    margin-bottom:calc(100vw * (30 / 428));
  }

  .section_3_wrap .m_mat_tab .mat_con_text_wrap .blue_bold18_ {
      display:block;
      text-align: left;
      font-size: calc(100vw * (17 / 428));
      line-height: 1.3;
      margin-top:calc(100vw * (19 / 428));
      margin-bottom:calc(100vw * (12 / 428));
  }
  .section_3_wrap .m_mat_tab .mat_con_text_wrap .dark_span_15{
      font-size: calc(100vw * (12 / 428));
      line-height: 1.5;
  }
  .section_3_wrap .m_mat_tab .mat_con_text_wrap .blue_span_16 {
      font-size: calc(100vw * (12 / 428));
      line-height: 1.8;
      margin-bottom: 0.521vw;
  }
  .section_3_wrap .m_mat_tab .mat_con_text_wrap .e_blue_span_light_bold20 {
      font-size:calc(100vw * (18 / 428));
      line-height: 1.2;
  }

  
/* 페이지 넘버링  */

.matt_pagenations_ {
    display: flex;
    align-items:flex-end;
    font-family: 'Eina01', sans-serif;
    font-size: calc(100vw * (15 / 428));
    font-style: normal;
    line-height: 1.2;
    color: #203465;
}

.matt_pagenations_ .span,
.matt_pagenations_ .div {
    display: inline-block;
    width:calc(100vw * (20 / 428));
    text-align: center;
}




  
/*메모리 폼이 제공하는의 하단 Tab-menu영역*/
.mat_tab {
    display: none;
}
.section_3_wrap .m_mat_con {
    width: 100%;
    list-style: none;
    text-align: center;
  }
  
  .section_3_wrap .m_mat_con .ul {
    display: flex;
    justify-content:center;
  }
  
  .section_3_wrap .m_mat_con .list {
    display: block;
    width: calc(100vw * (83 / 428));
    height:calc(100vw * (114 / 428));
    border-radius: calc(100vw * (10 / 428));
    margin-right: calc(100vw * (10 / 428));;
    cursor: pointer;
  }




  
  .section_3_wrap .m_mat_con .list:nth-child(1) {
    background: url('../img/mat_guide/man1.png') no-repeat;
    background-size: 102% 103%;
    background-position: center;
  }

  .clone_el:first-child {
    background: url('../img/mat_guide/man1.png') no-repeat;
    width: calc(100vw * (108 / 428));
    height:calc(100vw * (150 / 428));
    background-size:contain;
    border-radius: calc(100vw * (10 / 428));
    box-shadow: inset -6px -5px 0.1px #203465;
  }

 
  
  .section_3_wrap .m_mat_con .list:nth-child(2) {
    background: url('../img/mat_guide/man2.png') no-repeat;
    background-size: 102% 103%;
    background-position: center;
  }
  
  .section_3_wrap .m_mat_con .list:nth-child(3) {
    background: url('../img/mat_guide/man3.png') no-repeat;
    background-size: 102% 103%;
    background-position: center;
  }
  
  .section_3_wrap .m_mat_con .list:nth-child(4) {
    background: url('../img/mat_guide/man4.png') no-repeat;
    background-size: 102% 103%;
    background-position: center;
  }
  
  
  .section_3_wrap .m_mat_con .list .img {
    display: block;
    border-radius: calc(100vw * (10 / 428));
  }
  
  .section_3_wrap .m_mat_con .list.current {
      
    box-shadow: inset -0.3vw -0.3vw 0.1vw #203465;
  }
  
  .section_3_wrap .m_mat_con .mat_con_text_wrap {
    width: calc(100vw * (329 / 428));
    margin-top:calc(100vw * (10 / 428));
    margin-left: auto;
    margin-right: calc(100vw * (40 / 428));
    position: relative;
  }
  
  .section_3_wrap .m_mat_con .mat_con_text_wrap .p {
    margin-bottom:calc(100vw * (21 / 428));
  }
  
  .section_3_wrap .m_mat_con .mat_con_text_wrap .e_blue_span_light_bold20,
  .section_3_wrap .m_mat_con .mat_con_text_wrap .blue_span_16 {
    display: block;
  }
  .section_3_wrap .m_mat_con .mat_con_text_wrap .e_blue_span_light_bold20 .link {
      color:#203465;
  }
  
  .m_mat_con .tab-content {
    display: none;
  }
  
  
  .m_mat_con .tab-content.current {
    display: inherit;
    text-align: left;
    padding:1.094vw 0vw 0vw 1.302vw;
  }
  
  .arcodian_qna_wrap .ul,
  .map_toggle_menu_wrap .ul {
    border: none;
  }
  

  /* section_3 메인 4 페이지 끝 */


  /* section_4 메인 5 페이지  */
  .section4_wrap {
    width: 100vw;
    height: 100%;
    padding-top: calc(100vw * (75 / 428));

    display: flex;
    flex-direction: column;
    align-items: center;
}

.section4_wrap .con_wrap {
    padding-left: calc(100vw * (10 / 428));
    padding-right: calc(100vw * (10 / 428));
}
  .section4_wrap .blue_span_40{
      display:block;
      
      font-size:calc(100vw * (22 / 428));
      font-weight: bold;
      line-height:1.3;
      text-align: center;
      margin-bottom: calc(100vw * (20 / 428));
  }
  .section4_wrap .dark_span_nobold18 {
      display: block;
      width: calc(100vw * (350 / 428));
      font-size:calc(100vw * (13 / 428));
      line-height: 1.5;
      text-align: center;
      margin-bottom: calc(100vw * (20 / 428));
      margin:0 auto;
      margin-bottom: calc(100vw * (30 / 428));
  }

  .section4_wrap .dark_span_nobold18 br {
      display: none;
  }

  .section4_wrap .con_icon {
      width:calc(100vw * (201 / 428));
      height:calc(100vw * (100 / 428));
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin:3.125vw auto 4.167vw auto;
  }
  .section4_wrap .img {
      display: block;
      width:calc(100vw * (100 / 428));
      height:calc(100vw * (100 / 428));
      object-fit: contain;
  }

  /* section_4 메인 5 페이지 끝 */

  /* section_5 메인 6 페이지  */
  .slide2_wrap {
      width:100%;
      height: 92%;
      /* padding-top: calc(100vw * (50 / 428)); */
        
  }

  .slide2_wrap .con_wrap {
    width:calc(100vw * (341 / 428));
    height: 100%;
    margin:0 auto;
    margin-left: calc(100vw * (39 / 428));
    position: relative;
  }

  .slide2_wrap .con_box_left {
     width:100%;
  }

  .slide2_wrap .con_box_right {
      width:calc(100vw * (428 / 428));
      height: calc(100vw * (154 / 428));
      margin-left: auto;
      margin-top: calc(100vw * (30 / 428));
  }

  .slide2_wrap .ameriSw {
      width:100%;
      height: calc(100vw * (230 /428));
  }

  .slide2_wrap .con_box_left .ameriSwText,
  .slide2_wrap .con_box_left .ameriSwTitle {
      width:100%;
      padding-top: calc(100vw * (40 / 428));
  }


  .slide2_wrap .con_wrap .con_box_left {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .slide2_wrap .sw_title {
      width:calc(100vw * (120 / 428));
      position: absolute;
      left:0%;
      bottom:calc(100vw * (20 / 428));
      font-size: calc(100vw * (14 / 428));
      line-height: 1.5;
  }

  .slide2_wrap .sw_title .span {
      font-size:calc(100vw * (15 / 428));
      line-height:1.2;
  }

  .slide2_wrap .line_ {
      display: none;
  }

  .slide2_wrap .con_wrap .blue_span_nobold30 {
      display: inline-block;
    font-size: calc(100vw * (18 / 428));
    line-height: 1.5;
    margin-bottom:calc(100vw * (30 / 428));
  }

  .slide2_wrap .con_wrap .dark_span_nobold18 {
    font-size:calc(100vw * (12 / 428));
    line-height: 1.5;
  }

  /* 스와이퍼 css  */
  .ameriSw  {
width:100%;
height: calc(100vw * (200 / 428));
  }
  .ameriSw .swiper-slide:not(.swiper-slide:nth-child(3), .swiper-slide:nth-child(4)) .img {
    width:100%;
    object-fit: contain;
  }

  .factory_ img {
      width:calc(100vw * (428 / 428));
      height: 70%;
      object-fit: cover;
  }

  .factory_ span {
      font-size: calc(100vw * (12 / 428));
      line-height: 1.2;
  }

  .matt_inner img {
      display: none;
    
  }

  
            /* 스와이퍼 css  */
      /* .ameriSw .swiper-slide:not(.swiper-slide:nth-child(3), .swiper-slide:nth-child(4)) .img {
        width:36.458vw;
      } */
    
      .ameriSw .swiper-slide .img {
        width:36.458vw;
      }
    
      .ameriSw .factory_ img {
          width: 94%;
          height: 75%;
      }
    
      .ameriSw .factory_ .span {
          display: inline-block;
          padding-top: 10px;
      }
      .slide2_wrap .pagenations_ {bottom:20%; transform: translate(0%,100%);}
    
      /* 스케치 인터렉션 메인 섹션 5 - 4번 */
    .skech_wrap {
        width:100%;
        height:100%;
        position:relative;
    }
    .skech_wrap div {
        position:absolute;
    }
    
    .skech_wrap span {
        display: block;
        font-size: calc(100vw*(10/428));
        color:#203465;
        position:relative;
        text-align: center;
    }
    
    .skech_1,
    .skech_2,
    .skech_3,
    .skech_4,
    .skech_5{
        width:100%;
        height: 100%;
        position:absolute;
        left:0%;
        top:0%;
    }
    
    
    .skech_1{
        background:url('/img/main/skech_1.png') no-repeat;
        background-position: center center;
        background-size:100%;
    }
    .skech_2{
        background:url('/img/main/skech_2.png') no-repeat;
        background-position: center center;
        background-size:100%;
        opacity: 0;
        
        
    }
    .skech_3{
        background:url('/img/main/skech_3.png') no-repeat;
        background-position: center center;
        background-size:100%;
        opacity: 0;
    
    
    }
    .skech_4{
        background:url('/img/main/skech_4.png') no-repeat;
        background-position: center center;
        background-size:100%;
        opacity: 0;
    }
    .skech_5{
        background:url('/img/main/skech_5.png') no-repeat;
        background-position: center center;
        background-size:100%;
        opacity: 0;
    }
    
    .skech_animate_01 {
        animation: showslow1 .5s steps(22) forwards;
        animation-delay: 0.5s;
    }
    .skech_animate_02 {
        animation: showslow1 1.5s steps(22) forwards;
        animation-delay: 1s;
    }
    .skech_animate_03 {
        animation: showslow1 1.5s steps(22) forwards;
        animation-delay: 2.5s;
    }
    .skech_animate_04 {
        animation: showslow1 1.5s steps(22) forwards;
        animation-delay: 3.5s;
    }
    .skech_animate_05 {
        animation: showslow1 1.5s steps(22) forwards;
        animation-delay: 3.8s;
    }
    
    
    @keyframes showslow1 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    .skech_text_1,
    .skech_text_2,
    .skech_text_3,
    .skech_text_4,
    .skech_text_5 {
        position:absolute;
        opacity: 0;
    }
    
    
    .skech_text_1 .span:last-child::after,
    .skech_text_2 .span:last-child::after,
    .skech_text_3 .span:last-child::after,
    .skech_text_4 .span:last-child::after,
    .skech_text_5 .span:last-child::after {
        content: "";
        position:absolute;
        width: 1px;
        height: 20px;
        background:#203465;
        bottom:0%;
        left:50%;
        transform: translate(50%,100%);
    }
    
    .skech_text_1 .span:last-child::after{
        bottom: 15%;
    }
    .skech_text_2 .span:last-child::after{
        bottom: 0%;
    }
    .skech_text_3 .span:last-child::after{
        transform: translate(50%,0%);
        bottom: 200%;
    }
    .skech_text_4 .span:last-child::after{
        transform: translate(50%,0%);
        bottom: 200%;
    }
    .skech_text_5 .span:last-child::after{
        transform: translate(50%,-100%);
        bottom: 144%;
    }
    
    .skech_text_1{
        left: 7%;
        top: 7%;
    }
    .skech_text_2{
        left: 55%;
        top: 7%;
    }
    .skech_text_3{
        left: 50%;
        bottom: 8%;
    }
    .skech_text_4{
        left: 14%;
        bottom: 5%;
    }
    .skech_text_5{
        left: 2%;
        bottom: 21%;
    } 
    

    
      
    
    

  




  /* 스와이퍼 버튼 커스텀  */
  .slide2_wrap .swiper-button-next,
.slide2_wrap .swiper-button-prev {
    position: absolute;
    top:inherit;
    bottom: 0%;
    width:calc(100vw * (20 / 428));
    height:calc(100vw * (17 / 428));
    margin-top:0px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slide2_wrap .swiper-button-next {
    bottom:0px;
    left:calc(100vw * (35 / 428));
}

.slide2_wrap .swiper-button-prev {
    bottom:0px;
    left:calc(-100vw * (2 / 428));
}

.slide2_wrap .swiper-button-next:after, 
.slide2_wrap .swiper-button-prev:after {
    content: "";
    width:calc(100vw * (20 / 428));
    height:calc(100vw * (17 / 428));
    background:url("../img/icon/arrow_2.png") no-repeat;
    background-size:100% 100%;
}

.slide2_wrap .swiper-button-next:after {
    transform:rotateZ(180deg);
}



/* 페이지 넘버링  */

.slide2_wrap .pagenations_ {
    position: absolute;
    bottom:4%;
    right: 0%;
    display: flex;
    justify-content: flex-start;
    align-items:flex-end;
    font-family: 'Eina01', sans-serif;
    font-size: calc(100vw * (18 / 428));
    font-style: normal;
    line-height: 1.5;
    color: #203465;
    margin-left: calc(100vw * (20 / 428));
}

.slide2_wrap .pagenations_ .span,
.slide2_wrap .pagenations_ .div {
    display: inline-block;
    width:calc(100vw * (15 / 428));
    text-align: center;
}

/* 푸터  */
.pc_foo {
    width: 100%;
    height: 100%;
    padding-top: calc(100vw * (0 / 428));
    padding-bottom: calc(100vw * (200 / 428));
    margin-top: calc(100vw * (0 / 428));
}
.pc_foo_wrap .sns_title {
     padding-top: calc(100vw * (20 / 428));
     padding-bottom: calc(100vw * (20 / 428));

}
  /* section_5 메인 5 페이지 끝 */

  /* 풀페이지 css 시작 */
  /*!
 * fullPage 2.9.7
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    padding-top: calc(100vw * (110 / 428));
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    bottom: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
    display: none;
}
.fp-controlArrow.fp-next {
    width:calc(100vw * (44 / 428));
    height: calc(100vw * (44 / 428));
    background:url("../img/icon/circle_arrow.png") no-repeat;
    background-size: contain;
    left: 50%;
    bottom: 10.760vw;
    transform:translate(-50%,50%);
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 59%;
    left:3%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: calc(100vw * (20 / 428));
    height:calc(100vw * (20 / 428));
    margin-top: calc(100vw * (20 / 428));
    position:relative;

}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: calc(100vw * (20 / 428));
    height:calc(100vw * (20 / 428));
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    width: calc(100vw * (20 / 428));
    height:calc(100vw * (20 / 428));
    border-radius: 100%;
    background:#ffffff;
    border:1px solid #203465;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    top:50%;
    left: 50%;
    transform:translate(-50%,-50%);
    z-index: 1;
    width: calc(100vw * (10 / 428));
    height:calc(100vw * (10 / 428));
    border: 0;
    background: #203465;
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: calc(100vw * (20 / 428));
    height:calc(100vw * (20 / 428));
    
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

/* 풀페이지 css 끝  */

/* img 애니메이트  */
#section4 {
    position: relative;
}
.img_animate {
    width: 100%;
    height: 100%;
    position: absolute;
    top:0%;
    left:0%;
}

.img_animate div {
    width: calc(100vw * ( 250 /  428));
}

.top_left_box {
    position: absolute;
    top: 5%;
    left: -8%;
    transform: translate(-7%, 0%) rotate(20deg);
    width:100%;
    height:  calc(100vw * ( 330 /  428));
    background:url("../img/main/top_le.png") no-repeat;
    background-size:contain;
    -webkit-mask: url('../img/main/sprite.png');
    -webkit-mask-size: 2300% 100%;
    mask: url('../img/main/sprite.png');
    display: none;
}



.bottom_le_box {
    position: absolute;
    bottom:0%;
    left:0%;
    transform: translate(-16%,24%);
    width: calc(100vw * ( 200 /  428));
    height:  calc(100vw * ( 130 /  428));
    background:url("../img/main/bottom_le.png") no-repeat;
    background-size:contain;
    -webkit-mask: url('../img/main/sprite.png');
    -webkit-mask-size: 2300% 100%;
    mask: url('../img/main/sprite.png');
    display: none;
}






.side_right_box {
    position: absolute;
    top: 2%;
    bottom: 0;
    right:-15%;
    transform: translate(47%,1%);
    width: calc(100vw * ( 120 /  428));
    background:url("../img/main/side_ri.png");
    background-size:contain;
    -webkit-mask: url('../img/main/sprite.png');
    -webkit-mask-size: 2300% 100%;
    mask: url('../img/main/sprite.png');
    display: none;
}


/* 풀페이지 슬라이드 1번 - 스와이퍼 0번 인덱스 */
.top_left_box_slide2{
    background:url("../img/main/slide2_top_le.png") no-repeat;
    left:-8%;
    background-size: 0%;
}

.bottom_le_box_slide2{
    background:url("../img/main/slide2_bottom_le.png") no-repeat;
    left:-8%;
    background-size: 0%;
}

/* 풀페이지 슬라이드 1번 - 스와이퍼 1번 인덱스 */
.side_right_box_slide2{
    right: -8%;
    background: url('../img/main/slide2-2_side_right_box.png') no-repeat;
    background-size: 70% 50%;
}

/* 풀페이지 슬라이드 1번 - 스와이퍼 2번 인덱스 */
.bottom_le_box_slide3{
    background:url("../img/main/slide2-3_bottom_le.png") no-repeat;
    left:0%;
}
.side_right_box_slide3{
    right:2%;
    background:url("../img/main/slide2-3_side_right.png") no-repeat;
    background-size: 0%;
}

/* 풀페이지 슬라이드 1번 - 스와이퍼 3번 인덱스 */
.img_animate .top_left_box_slide4{
    background:url("../img/main/slide2-4_top_left.png") no-repeat;
    left:initial;
    right: -33%;
    top: 9%;
    transform: translate(-7%, 0%) rotate(358deg);
    background-size: 50% 50%;
}

.bottom_le_box_slide4{
    background:url("../img/main/slide2-4_bottom_le.png") no-repeat;
    background-size: 0%;
    left: 7%;
    bottom: 3%;
}



  /* 슬라이드 진입시 */
  @keyframes mainsection5_ani {
    from {
      -webkit-mask-position: 100% 0%;
          mask-position: 100% 0%;        
    }
  
    to {
      -webkit-mask-position: 0% 0%;                
    }
  }
  
.main_sec_flower_1 {
    display:block;
    animation: mainsection5_ani 1.2s steps(22) forwards;
}
.main_sec_flower_2 {
    display:block;
    animation: mainsection5_ani 1.2s steps(22) forwards;
}
.main_sec_flower_3 {
    display:block;
    animation: mainsection5_ani 1.2s steps(22) forwards;
}



/* 슬라이드 떠날때 */
  @keyframes mainsection5_ani_leave {
    from {
      -webkit-mask-position:0% 0%;
          mask-position:0% 0%;        
    }
  
    to {
      -webkit-mask-position: 100% 0%;                
    }
  }


.main_sec_flower_1_leave {
    display:block;
    animation: mainsection5_ani_leave 1.2s steps(22) forwards;
}
.main_sec_flower_2_leave {
    display:block;
    animation: mainsection5_ani_leave 1.2s steps(22) forwards;
}
.main_sec_flower_3_leave {
    display:block;
    animation: mainsection5_ani_leave 1.2s steps(22) forwards;
}





  /* 슬라이드 진입시 */
  @keyframes mainsection5_ani {
    from {
      -webkit-mask-position: 100% 0%;
          mask-position: 100% 0%;        
    }
  
    to {
      -webkit-mask-position: 0% 0%;                
    }
  }
  
.main_sec_flower_1 {
    display:block;
    animation: mainsection5_ani 1.2s steps(22) forwards;
}
.main_sec_flower_2 {
    display:block;
    animation: mainsection5_ani 1.2s steps(22) forwards;
}
.main_sec_flower_3 {
    display:block;
    animation: mainsection5_ani 1.2s steps(22) forwards;
}



/* 슬라이드 떠날때 */
  @keyframes mainsection5_ani_leave {
    from {
      -webkit-mask-position:0% 0%;
          mask-position:0% 0%;        
    }
  
    to {
      -webkit-mask-position: 100% 0%;                
    }
  }


.main_sec_flower_1_leave {
    display:block;
    animation: mainsection5_ani_leave 2.5s steps(22) forwards;
}
.main_sec_flower_2_leave {
    display:block;
    animation: mainsection5_ani_leave 2s steps(22) forwards;
}
.main_sec_flower_3_leave {
    display:block;
    animation: mainsection5_ani_leave 2.2s steps(22) forwards;
}



    
    /* 로딩 페이지  */

    
    @keyframes loding {
        from {
          -webkit-mask-position:0% 0%;
              mask-position:0% 0%;        
        }
      
        to {
          -webkit-mask-position: 100% 0%;                
        }
      }

      @keyframes loding_text {
          0% {
              width:1vw;
             
          }
          25% {
            width:4vw;
           
        }
        50% {
            width:8vw;
           
        }
        75% {
            width:12vw;
           
        }
        100% {
            width:80vw;
           
        }
      }

      .loading_wrap {
        width: 100vw;
        height: 100vh;
        background:#203465;
        position:relative;
        z-index: 9999;
        background-size:contain;
        -webkit-mask: url('../img/main/sprite.png');
        -webkit-mask-size: 2300% 100%;
        mask: url('../img/main/sprite.png');
         animation: loding 2s steps(22) forwards;  
        animation-delay: 2.5s;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .loding_logo {
        width: 0vw;
        height: 15vh;
        background:url('../img/ameri_logo2.svg') no-repeat;
        background-size:80vw;
        margin:0 auto;
        animation: loding_text 1s steps(50) forwards; 
        animation-delay: 1s;
    }


    [data-aos][data-aos][data-aos-delay='4500'].aos-animate, 
body[data-aos-delay='4500'] [data-aos].aos-animate {
	transition-delay: 4.5s;
}

[data-aos][data-aos][data-aos-delay='5000'].aos-animate, 
body[data-aos-delay='5000'] [data-aos].aos-animate {
	transition-delay: 5s;
}

[data-aos][data-aos][data-aos-delay='5700'].aos-animate, 
body[data-aos-delay='5700'] [data-aos].aos-animate {
	transition-delay: 5.7s;
}


@keyframes imgEffect {
    0%{
        opacity: 1;
        transform: scale(1) translateX(0px);

    }
    50%{
        opacity: 1;
        border-radius: 20%;
       

    }
    100%{
        opacity: 0;
        transform: scale(0) translateX(2000px);
        display: none;
    }
}
    
.ani_img_box {
    display: flex;
flex-wrap:wrap;
}
.blocks {
    position:relative;
    width: 9vw;
    height: 15vh;
    background:#ffffff;
    animation:imgEffect 1s ease-in-out forwards;
}


@keyframes section2ani {
    0% {
        
         transform: translate(-100%, 0%);
         filter: blur(100px);
    }
    100% {
        
         transform: translate(0%, 0%);
         filter: blur(0px);

    }
}

@keyframes section2ani_text {
    0% {
        
         transform: translate(0%, 100%);
         filter: hue-rotate(320deg);
    }
    25% {
        
    
        filter: hue-rotate(85deg);
   }
   50% {
        

    filter: hue-rotate(45deg);
}
80% {
        

    filter: hue-rotate(20deg);
}
    100% {
        filter: hue-rotate(0deg);
         transform: translate(0%, 0%);

    }
}

.section_1_wrap_slide .con_box_img {
    transform: translate(-100%, 0%);
}
.section_1_wrap_slide .con_box_img.animate_start {
    animation:section2ani 1.5s ease-in-out forwards;
}

.section_1_wrap_slide .con_box_text {
    transform: translate(0%, 100%);
}
.section_1_wrap_slide .con_box_text.animate_start_text {
    animation:section2ani_text 2.5s ease-in-out forwards;
}


@keyframes section3ani {
    0% {
         transform: translate(100%, 0%);
         filter: blur(200px);
    }
    100% {
        
         transform: translate(0%, 0%);
         filter: blur(0px);

    }
}

.section_2_wrap .con_box_wrap {
    transform: translate(100%, 0%);
}
.section_2_wrap .con_box_wrap.sec_animate_start {
    animation: section3ani 1.5s  ease-in-out forwards;
}


@keyframes section4ani {
    0% {
        width: 1%;
   }
100% {
    width: 100%;
}
}


.section_3_wrap .tab_wrap {
    width:1%;
    
}

.section_3_wrap .tab_wrap.sec4_animate_start {
    
    animation: section4ani .8s  ease-in-out forwards;
}


@keyframes section4aniText {
    0% {
        transform: translate(0%, -300%);
   }
100% {
    transform: translate(0%, 0%);
}
}

.section_3_wrap .title_wrap {
    transform: translate(0%, -300%);
    
}

.section_3_wrap .title_wrap.sec4_animate_start_text {
    animation: section4aniText 1.8s  ease-in-out forwards;
}
    


}

/* 중간 분기점 시작 */
@media (min-width: 429px) and (max-width: 1024px) { 

    /* common 영역 */
    .main {
        width:100%;
        height: 100%;
    }
    .img {
        width:100%;
        height: 100%;
        object-fit: cover;
    }
    .main .con_wrap {
        width:100vw;
        height:100%;
        
    }
    /* common 영역  끝*/
    
    /* section_0 메인 1 페이지  */
    .section_0_wrap {
        width: 100%;
        height: 100%;
    }

    .section_0_wrap .con_wrap {
       width:100vw;
       height: 100%;
    position:relative;}
    
    .section_0_wrap .con_tab_menu_wrap {
        width:100%;
        height: 100%;
    }
    .section_0_wrap .con_video {
        display: none;
        
    }
    
    .section_0_wrap .con_box_left {
        position: absolute;
        left: 36%;
        top: 20%;
        transform: translate(-65%,-2%);
        z-index: 1;
    }
    
    .section_0_wrap .con_box_right {
        width:calc(100vw * (628 / 1024));
        height:calc(100vw * (915 / 1024));
        position: absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-51%);
    
    }
    .section_0_wrap .con_box_right .con_img {
        width:100%;
        height: 100%;
        background:url("../img/main/main_bg_matt.png");
        background-size: cover;
        transition: 0.5s;
    }
    
    .section_0_wrap .content_answer {
        display: none;
    }
    
    .section_0_wrap .q_title {
        display: inline-block;
        font-family: 'Eina01',sans-serif;
        font-size: calc(100vw * (50 / 1024));
        font-weight: bold;
        letter-spacing: 5px;
        text-align: left;
        color: #203465;
        cursor: pointer;
        position: relative;
    }
    
    .section_0_wrap .q_title .link {
        color:#203465;
    }
    
    .section_0_wrap .q_title::after {
        content: "";
        width:0%;
        height:calc(100vw * (5 / 1024));
        position:absolute;
        bottom: 0%;
        left: 0%;
        background:#203465;
        transition: 0.5s;
        transform-origin: 0% 100%;
    }
    
    .section_0_wrap .q_title:hover::after {
        width:100%;
    }
    
    .section_0_wrap .content_answer_wrap .a_desc {
        display: block;
        font-family: 'Eina01',sans-serif;
        font-size: 4.042vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 3vw;
        letter-spacing: normal;
        color: #203465;
        margin-top: 2.336vw;
        margin-bottom: 2.336vw;
    }
    
    .better_img {
        margin-top:calc(100vw * (20 / 1024))
    }
    
    /* section_0 메인 1 페이지 끝 */
    .slide1-1 .fp-tableCell {
        padding-top:0px;
    }
    
    
    

/* section_1 메인 2 페이지 */
.section_1_wrap_slide {
    padding-top:calc(100vw*(293/1024));
}
.section_1_wrap .con_box {
    display: flex;
    align-items: center;
}
.section_1_wrap .con_box_img {
width: calc(100vw * ( 427 / 1024 ));
}

.section_1_wrap .con_box_text {
    margin-left:  calc(100vw * ( 145 / 1024 ));
}

.con_box_text .blue_nobold18,
.con_box_text .dark_span_nobold18 {
    font-size: calc(100vw * ( 30 / 1024 ));
    line-height: 1;
}

.con_box_text .blue_nobold18 {
    font-size: calc(100vw * ( 25 / 1024 ));
}
.con_box_text .dark_span_nobold18 {
    display: block;
    margin:0.1vw 0;
    word-break: keep-all;
    line-height: 1.5;
}

.con_box_text .dark_span_nobold18 br {
    display: none;
}
.con_box_text .e_blue_span_bold_line40 {
    display: block;
    font-size: calc(100vw * ( 50 / 1024 ));
    margin-bottom: calc(100vw * (17 / 1024));
}



.section_1_wrap_slide .con_box_img {
    width:90%;
    position: relative;
}
.section_1_wrap_slide .con_box_img .clipimg2 {
    position:absolute;
    left: 0%;
    top:0%;
    background: #FFFF00;
    clip-path: circle(17% at 80% 45%);
    transition: 0.7s;
}

.circleImgback {
    content: "";
    width: 30%;
    height: 39%;
    border-radius: 50%;
    background: #FFFF00;
    position: absolute;
    left:61%;
    top: 27%;
    z-index: -1;
    transition: 0.65s;
}


/* section1스와이퍼  */

#section1 {
    margin:0 auto;
}
.section_1_wrap_slide .con_box {
    width: calc(100vw * ( 742 / 1024 ));
}

.section_1_wrap_slide .con_box .sw_bottom {
padding-top: calc(100vw * (50 / 1024));
}
.materialSw .con_box_img {
    width: calc(100vw * ( 700 / 1024 ));
}


/* 스와이퍼 커스텀  */
  .swiper-button-next,
.swiper-button-prev,
.sec1_prev,
.sec1_next  {
    /* position: absolute; */
    position:relative;
    width: calc(100vw * ( 30 / 1024 ));
    height: calc(100vw * ( 28 / 1024 ));
    margin-top:0px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-button-next,
.sec1_next {
    bottom:0px;
    left:calc(100vw * ( 12 / 1024 ));
}

.swiper-button-prev,
.sec1_prev {
    bottom:0px;
    left:0px;
}

.swiper-button-next:after, 
.swiper-button-prev:after,
.sec1_prev:after,
.sec1_next:after {
    content: "";
    width: calc(100vw * ( 30 / 1024 ));
    height:  calc(100vw * ( 28 / 1024 ));
    background:url("../img/icon/arrow_2.png") no-repeat;
    background-size:100% 100%;
}

.swiper-button-next:after,
.sec1_next:after {
    transform:rotateZ(180deg);
}
.materialTextSw {
    position:relative;
    padding-top:calc(100vw * (130 / 1025));
    margin-left:calc(100vw * (100 / 1025));
}
.sec1_entryBtn {
    width: calc(100vw * ( 70 / 1024 ));
    height: calc(100vw * ( 70 / 1024 ));
    background:url("../img/icon/circle_arrow.png") no-repeat;
    background-size:100% 100%;
    position: absolute;
    bottom:0%;
    z-index: 999;
    cursor: pointer;
}



/* 페이지 넘버링  */

.pagenations_ {
    position: absolute;
    bottom:0%;
    right: 0%;
    display: flex;
    justify-content: flex-start;
    align-items:flex-end;
    font-family: 'Eina01', sans-serif;
    font-size:  calc(100vw * ( 16 / 1024 ));
    font-style: normal;
    line-height: 1;
    color: #203465;
    padding-top:0px;
    padding-right:0px;
    padding-bottom:calc(100vw * (  4 / 1024));
    padding-left:calc(100vw * (  10 / 1024));
}

.section_1_wrap_slide .pagenations_ {
    position: inherit;
    padding-left: calc(100vw * (40 / 1024));
}

.pagenations_ .span,
.pagenations_ .div {
    display: inline-block;
    width:calc(100vw * ( 12 / 1024 ));
    text-align: center;
}

.slide1-2 .pagenations_ {
    position:relative;
bottom:inherit;
right:inherit;   
justify-content: flex-end;

}
.sw_bottom {
    padding-top: 5.208 calc(100vw * ( 53 / 1024 ));
    margin-left: 14.167 calc(100vw * ( 145 / 1024 ));
    display: flex;
    justify-content: flex-start;
    transform: translate(0%,100%);
    transition: 0.5s;
}

.material_slide_navi {
    display: flex;
}

.material_slide_navi .swiper-button-prev,
.material_slide_navi .swiper-button-next {
    position: inherit;
}

.material_slide_navi .swiper-button-next {
    margin-left:calc(100vw * ( 21 / 1024 ));
}

/* section_1 메인 2 페이지 끝 */


    
    
    
    
    /* section_2 메인 3 페이지  */
    .section_2_wrap {
        width: 100%;
        height: 100%;
        margin:0 auto;
    }
    
    .section_2_wrap .con_box_desc {
        display: none;
    }
    
    .section_2_wrap .con_box_wrap {
        width:100vw;
        height: 100%;
        padding-top: calc(100vw * (220 / 1024));
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .section_2_wrap .con_box_text {
        position: relative;
    }
    
    .section_2_wrap .con_box {
        width:100%;
        text-align: center;
    }
    
    .section_2_wrap .con_box .e_blue_span_nobold20 {
        font-size: calc(100vw * (25 / 1024));
    }
    
    .section_2_wrap .con_box .blue_span_40 {
        font-size: calc(100vw * (35 / 1024));
    text-align: center;
    margin-bottom: calc(100vw * (25 / 1024));
    }
    
    .section_2_wrap .con_box_desc {
    padding-top: calc(100vw * (80 / 1024));
    }
    
    .section_2_wrap .con_box_desc_top .e_blue_span_nobold20,
    .section_2_wrap .con_box_desc_bottom .e_blue_span_nobold20 {
        font-size: calc(100vw * (30 / 1024));
    }
    
    .section_2_wrap .con_box_desc_top .dark_span_15,
    .section_2_wrap .con_box_desc_bottom .dark_span_15 {
        display: inline-block;
        margin-top: calc(100vw * (10 / 1024));
        font-size:calc(100vw * (22 / 1024));
        line-height: 1.5;
    }
    
    
    
    .mymattSw {
        width:calc(100vw * (500 / 1024));
        text-align: left;
    }
    
    
    .section_2_wrap .con_box .link {
        display: block;
    }
    .section_2_wrap .con_box_text .line_ {
        display: inline-block;
        width:calc(100vw * (30 / 1024));
        height: 1px;
        background:#203465;
        margin: 0vw 1.042vw 0.351vw 0vw;
      
    }
    
    .section_2_wrap .con_box_desc_top {
        padding-bottom: 2.083vw;
    }
    
    .section_2_wrap .con_box_desc_bottom {
        padding-top: 2.083vw;
    }
    
    .section_2_wrap .con_box_desc_top>div,
    .section_2_wrap .con_box_desc_bottom>div {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
    }
    
    .section_2_wrap .con_box_desc_top>div>div:first-child,
    .section_2_wrap .con_box_desc_bottom>div>div:first-child {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-top: calc(100vw * (30 / 1024));
        margin-bottom: calc(100vw * (30 / 1024));
    }
    
    .section_2_wrap .con_box_desc_top_icon,
    .section_2_wrap .con_box_desc_bottom_icon {
        width:calc(100vw * (300 / 1024));
        height:calc(100vw * (50 / 1024));
        margin-right: auto;
        margin-top: calc(100vw * (30 / 1024));
    }
    
    .section_2_wrap .con_box_desc_top_icon img,
    .section_2_wrap .con_box_desc_bottom_icon img {
        object-fit: contain;
    }
    
    .section_2_wrap .con_box_desc_top_img,
    .section_2_wrap .con_box_desc_bottom_img {
        width:100%;
        height:calc(100vw * (370 / 1024));
        margin:0 auto;
    }
    
    /* section_2 메인 3 페이지 끝 */
    
    /* section_3 메인 4 페이지*/
    
    
    
    .section_3_wrap .m_mat_tab {
        width:100%;
        height: 100%;
        margin:0 auto;
        background-color: #fbfbfe;
        padding-top: calc(100vw * (120 / 1024));
      }
      
      
      .section_3_wrap .m_mat_tab .title_wrap {
        text-align: center;
        margin: 0px;
      }
      
      .section_3_wrap .m_mat_tab .title_wrap .span {
        display: block;
      }
    
      .section_3_wrap .m_mat_tab .title_wrap .e_blue_span_nobold20 {
          font-size: calc(100vw * (25 / 1024));
      }
      
      .section_3_wrap .m_mat_tab .title_wrap .blue_span_nobold30 {
          font-size: calc(100vw * (35 / 1024));
        margin-top:calc(100vw * (12 / 1024));
        margin-bottom:calc(100vw * (30 / 1024));
      }
    
      .section_3_wrap .m_mat_tab .mat_con_text_wrap .blue_bold18_ {
          display:block;
          text-align: left;
          font-size: calc(100vw * (25 / 1024));
          line-height: 1.3;
          margin-top:calc(100vw * (19 / 1024));
          margin-bottom:calc(100vw * (12 / 1024));
      }
      .section_3_wrap .m_mat_tab .mat_con_text_wrap .dark_span_15{
          font-size: calc(100vw * (20 / 1024));
          line-height: 1.5;
      }
      .section_3_wrap .m_mat_tab .mat_con_text_wrap .blue_span_16 {
          font-size: calc(100vw * (22 / 1024));
          line-height: 1.8;
          margin-bottom: 0.521vw;
      }
      .section_3_wrap .m_mat_tab .mat_con_text_wrap .e_blue_span_light_bold20 {
          font-size:calc(100vw * (20 / 1024));
          line-height: 1.2;
      }
      .section_3_wrap .mat_con_text_wrap .e_blue_span_light_bold20 .link {
        color:#203465;
    }
    
      
    /* 페이지 넘버링  */
    
    .matt_pagenations_ {
        display: flex;
        align-items:flex-end;
        font-family: 'Eina01', sans-serif;
        font-size: calc(100vw * (15 / 1024));
        font-style: normal;
        line-height: 1.2;
        color: #203465;
    }
    
    .matt_pagenations_ .span,
    .matt_pagenations_ .div {
        display: inline-block;
        width:calc(100vw * (30 / 1024));
        text-align: center;
        font-size: calc(100vw * (25 / 1024));
    }
  
    #matt_page_number,
    #matt_current_page_number {
        font-size: calc(100vw * (25 / 1024));
    }
    
    
    
    
      
    /*메모리 폼이 제공하는의 하단 Tab-menu영역*/
    .mat_tab {
        display: none;
    }
    .section_3_wrap .m_mat_con {
        width: 100%;
        list-style: none;
        text-align: center;
      }
      
      .section_3_wrap .m_mat_con .ul {
        display: flex;
        justify-content:center;
      }
      
      .section_3_wrap .m_mat_con .list {
        display: block;
        width: calc(100vw * (140 / 1024));
        height:calc(100vw * (195 / 1024));
        border-radius: calc(100vw * (10 / 1024));
        margin-right: calc(100vw * (10 / 1024));;
        cursor: pointer;
      }
    
    
    
    
      
      .section_3_wrap .m_mat_con .list:nth-child(1) {
        background: url('../img/mat_guide/man1.png') no-repeat;
        background-size: 102% 103%;
        background-position: center;
      }
    
      .clone_el:first-child {
        background: url('../img/mat_guide/man1.png') no-repeat;
        width: calc(100vw * (140 / 1024));
        height:calc(100vw * (195 / 1024));
        background-size:contain;
        border-radius: calc(100vw * (10 / 1024));
        box-shadow: inset -6px -5px 0.1px #203465;
      }
    
     
      
      .section_3_wrap .m_mat_con .list:nth-child(2) {
        background: url('../img/mat_guide/man2.png') no-repeat;
        background-size: 102% 103%;
        background-position: center;
      }
      
      .section_3_wrap .m_mat_con .list:nth-child(3) {
        background: url('../img/mat_guide/man3.png') no-repeat;
        background-size: 102% 103%;
        background-position: center;
      }
      
      .section_3_wrap .m_mat_con .list:nth-child(4) {
        background: url('../img/mat_guide/man4.png') no-repeat;
        background-size: 102% 103%;
        background-position: center;
      }
      
      
      .section_3_wrap .m_mat_con .list .img {
        display: block;
        border-radius: calc(100vw * (10 / 1024));
      }
      
      .section_3_wrap .m_mat_con .list.current {
          
        box-shadow: inset -0.3vw -0.3vw 0.1vw #203465;
      }
      
      .section_3_wrap .m_mat_con .mat_con_text_wrap {
        width: calc(100vw * (521 / 1024));
        margin-top: calc(100vw * (10 / 1024));
        margin-left: auto;
        margin-right: calc(100vw * (310 / 1024));
        position: relative;
      }
      
      .section_3_wrap .m_mat_con .mat_con_text_wrap .p {
        margin-bottom:calc(100vw * (21 / 1024));
      }
      
      .section_3_wrap .m_mat_con .mat_con_text_wrap .e_blue_span_light_bold20,
      .section_3_wrap .m_mat_con .mat_con_text_wrap .blue_span_16 {
        display: block;
      }
      
      .m_mat_con .tab-content {
        display: none;
      }
      
      
      .m_mat_con .tab-content.current {
        display: inherit;
        text-align: left;
        padding:1.094vw 0vw 0vw 1.302vw;
      }
      
      .arcodian_qna_wrap .ul,
      .map_toggle_menu_wrap .ul {
        border: none;
      }
      
    
      /* section_3 메인 4 페이지 끝 */
    
    
      /* section_4 메인 5 페이지  */
      .section4_wrap {
        width: 100vw;
        height: 100%;
        padding-top: calc(100vw * (160 / 1024));
    
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .section4_wrap .con_wrap {
        padding-left: calc(100vw * (10 / 1024));
        padding-right: calc(100vw * (10 / 1024));
    }
      .section4_wrap .blue_span_40{
          display:block;
          
          font-size:calc(100vw * (35 / 1024));
          font-weight: bold;
          line-height:1.3;
          text-align: center;
          margin-bottom: calc(100vw * (20 / 1024));
      }
      .section4_wrap .dark_span_nobold18 {
          display: block;
          width: calc(100vw * (540 / 1024));
          font-size:calc(100vw * (25 / 1024));
          line-height: 1.5;
          text-align: center;
          word-break: keep-all;
          margin-bottom: calc(100vw * (40 / 1024));
          margin:0 auto;
          margin-bottom: calc(100vw * (50 / 1024));
      }
    
      .section4_wrap .dark_span_nobold18 br {
          display: none;
      }
    
      .section4_wrap .con_icon {
          width:calc(100vw * (360 / 1024));
          height:calc(100vw * (300 / 1024));
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          margin:3.125vw auto 4.167vw auto;
      }
      .section4_wrap .img {
          display: block;
          width:calc(100vw * (180 / 1024));
          height:calc(100vw * (180 / 1024));
          object-fit: contain;
      }
    
      /* section_4 메인 5 페이지 끝 */
    
      /* section_5 메인 6 페이지  */
      .slide2_wrap {
          width:100%;
          height: 80%;
          /* padding-top: calc(100vw * (50 / 1024)); */
            
      }
    
      .slide2_wrap .con_wrap {
        width:calc(100vw * (900 / 1024));
        height: 100%;
        margin:0 auto;
        margin-left: calc(100vw * (48 / 1024));
        position: relative;
      }
    
      .slide2_wrap .con_box_left {
         width:100%;
      }
    
      .slide2_wrap .con_box_right {
          width:calc(100vw * (1024 / 1024));
          height: calc(100vw * (154 / 1024));
          margin-left: auto;
          margin-top: calc(100vw * (30 / 1024));
      }
    
      .slide2_wrap .ameriSw {
          width:100%;
          height: calc(100vw * (511 /1024));
      }
    
      .slide2_wrap .con_box_left .ameriSwText,
      .slide2_wrap .con_box_left .ameriSwTitle {
          width:calc(100vw * (900 / 1024));
          padding-top: calc(100vw * (40 / 1024));
          margin-left: 0px;
      }
    
    
      .slide2_wrap .con_wrap .con_box_left {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
      }
    
      .slide2_wrap .sw_title {
          width:calc(100vw * (120 / 1024));
          position: absolute;
          left:0%;
          bottom:calc(100vw * (40 / 1024));
          font-size: calc(100vw * (14 / 1024));
          line-height: 1.5;
      }
    
      .slide2_wrap .sw_title .span {
          font-size:calc(100vw * (22 / 1024));
          line-height:1.2;
      }
    
      .slide2_wrap .line_ {
          display: none;
      }
    
      .slide2_wrap .con_wrap .blue_span_nobold30 {
          display: inline-block;
        font-size: calc(100vw * (32 / 1024));
        line-height: 1.5;
        margin-bottom:calc(100vw * (30 / 1024));
      }
    
      .slide2_wrap .con_wrap .dark_span_nobold18 {
        font-size:calc(100vw * (22 / 1024));
        line-height: 1.5;
      }
    
      /* 스와이퍼 css  */
      .ameriSw  {
    width:100%;
    height: calc(100vw * (200 / 1024));
      }
      .ameriSw .swiper-slide:not(.swiper-slide:nth-child(3), .swiper-slide:nth-child(4)) .img {
        width:100%;
        object-fit: contain;
      }
    
      .factory_ img {
          width:calc(100vw * (697 / 1024));
          height: 70%;
          object-fit: cover;
      }
    
      .factory_ span {
          display: block;
          width: 90%;
          font-size: calc(100vw * (16 / 1024));
          line-height: 1.2;
          margin-top:calc(100vw * (20 / 1024));
      }
    
      .matt_inner img {
          display: none;
        
      }

            /* 스와이퍼 css  */
      /* .ameriSw .swiper-slide:not(.swiper-slide:nth-child(3), .swiper-slide:nth-child(4)) .img {
        width:36.458vw;
      } */
    
      .ameriSw .swiper-slide .img {
        width:36.458vw;
      }
    
      .ameriSw .factory_ img {
          width: 94%;
          height: 75%;
      }
    
      .ameriSw .factory_ .span {
          display: inline-block;
          padding-top: 10px;
      }
      .slide2_wrap .pagenations_ {bottom:20%; transform: translate(0%,100%);}
    
      /* 스케치 인터렉션 메인 섹션 5 - 4번 */
    .skech_wrap {
        width:100%;
        height:100%;
        position:relative;
    }
    .skech_wrap div {
        position:absolute;
    }
    
    .skech_wrap span {
        display: block;
        font-size: calc(100vw*(16/1024));
        color:#203465;
        position:relative;
        text-align: center;
    }
    
    .skech_1,
    .skech_2,
    .skech_3,
    .skech_4,
    .skech_5{
        width:100%;
        height: 100%;
        position:absolute;
        left:0%;
        top:0%;
    }
    
    
    .skech_1{
        background:url('/img/main/skech_1.png') no-repeat;
        background-position: center center;
        background-size:100%;
    }
    .skech_2{
        background:url('/img/main/skech_2.png') no-repeat;
        background-position: center center;
        background-size:100%;
        opacity: 0;
        
        
    }
    .skech_3{
        background:url('/img/main/skech_3.png') no-repeat;
        background-position: center center;
        background-size:100%;
        opacity: 0;
    
    
    }
    .skech_4{
        background:url('/img/main/skech_4.png') no-repeat;
        background-position: center center;
        background-size:100%;
        opacity: 0;
    }
    .skech_5{
        background:url('/img/main/skech_5.png') no-repeat;
        background-position: center center;
        background-size:100%;
        opacity: 0;
    }
    
    .skech_animate_01 {
        animation: showslow1 .5s steps(22) forwards;
        animation-delay: 0.5s;
    }
    .skech_animate_02 {
        animation: showslow1 1.5s steps(22) forwards;
        animation-delay: 1s;
    }
    .skech_animate_03 {
        animation: showslow1 1.5s steps(22) forwards;
        animation-delay: 2.5s;
    }
    .skech_animate_04 {
        animation: showslow1 1.5s steps(22) forwards;
        animation-delay: 3.5s;
    }
    .skech_animate_05 {
        animation: showslow1 1.5s steps(22) forwards;
        animation-delay: 3.8s;
    }
    
    
    @keyframes showslow1 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    .skech_text_1,
    .skech_text_2,
    .skech_text_3,
    .skech_text_4,
    .skech_text_5 {
        position:absolute;
        opacity: 0;
    }
    
    
    .skech_text_1 .span:last-child::after,
    .skech_text_2 .span:last-child::after,
    .skech_text_3 .span:last-child::after,
    .skech_text_4 .span:last-child::after,
    .skech_text_5 .span:last-child::after {
        content: "";
        position:absolute;
        width: 1px;
        height: 60px;
        background:#203465;
        bottom:0%;
        left:50%;
        transform: translate(50%,100%);
    }
    
    .skech_text_1 .span:last-child::after{
        bottom: 15%;
    }
    .skech_text_2 .span:last-child::after{
        bottom: 0%;
    }
    .skech_text_3 .span:last-child::after{
        transform: translate(50%,0%);
        bottom: 200%;
    }
    .skech_text_4 .span:last-child::after{
        transform: translate(50%,0%);
        bottom: 200%;
    }
    .skech_text_5 .span:last-child::after{
        transform: translate(50%,-100%);
        bottom: 58%;
    }
    
    .skech_text_1{
        left: 10%;
        top: 11%
    }
    .skech_text_2{
        left: 62%;
        top: 8%;
    }
    .skech_text_3{
        left: 42%;
        bottom: 10%;
    }
    .skech_text_4{
        left: 19%;
        bottom: 12%;
    }
    .skech_text_5{
        left: 4%;
        bottom:23%;
    } 
    

    
      
    
    
    
    
      /* 스와이퍼 버튼 커스텀  */
      .slide2_wrap .swiper-button-next,
    .slide2_wrap .swiper-button-prev {
        position: absolute;
        top:inherit;
        bottom: 0%;
        width:calc(100vw * (30 / 1024));
        height:calc(100vw * (28 / 1024));
        margin-top:0px;
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .slide2_wrap .swiper-button-next {
        bottom:0px;
        left:calc(100vw * (35 / 1024));
    }
    
    .slide2_wrap .swiper-button-prev {
        bottom:0px;
        left:calc(-100vw * (2 / 1024));
    }
    
  .slide2_wrap .main_slide_navi {
    width: calc(100vw * (200 / 1024));
    display: flex;
    justify-content: space-between;
  }
    
    .slide2_wrap .swiper-button-next:after, 
    .slide2_wrap .swiper-button-prev:after {
        content: "";
        width:calc(100vw * (30 / 1024));
        height:calc(100vw * (28 / 1024));
        background:url("../img/icon/arrow_2.png") no-repeat;
        background-size:100% 100%;
    }
    
    .slide2_wrap .swiper-button-next:after {
        transform:rotateZ(180deg);
    }
    .slide2_wrap .pagenations_ {bottom:15%;}

    
    
    /* 페이지 넘버링  */
    
    .slide2_wrap .pagenations_ {
        position: absolute;
        bottom:0%;
        right: 0%;
        display: flex;
        justify-content: flex-start;
        align-items:flex-end;
        font-family: 'Eina01', sans-serif;
        font-size: calc(100vw * (18 / 1024));
        font-style: normal;
        line-height: 1.5;
        color: #203465;
        margin-left: calc(100vw * (20 / 1024));
    }
    
    .slide2_wrap .pagenations_ .span,
    .slide2_wrap .pagenations_ div,
    .section_1_wrap_slide .pagenations_ .span,
    .section_1_wrap_slide .pagenations_ div  {
        display: inline-block;
        width:calc(100vw * (15 / 1024));
        text-align: center;
        font-size: calc(100vw * (25 / 1024));
    }
    
    /* 푸터  */
    .pc_foo {
        width: 100%;
        height: 100%;
        padding-top: calc(100vw * (100 / 1024));
        padding-bottom: calc(100vw * (200 / 1024));
        margin-top: calc(100vw * (0 / 1024));
    }
    .pc_foo_wrap .sns_title {
         padding-top: calc(100vw * (20 / 1024));
         padding-bottom: calc(100vw * (20 / 1024));
    
    }
      /* section_5 메인 5 페이지 끝 */
    
      /* 풀페이지 css 시작 */
      /*!
     * fullPage 2.9.7
     * https://github.com/alvarotrigo/fullPage.js
     * MIT licensed
     *
     * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
     */
    html.fp-enabled,
    .fp-enabled body {
        margin: 0;
        padding: 0;
        overflow:hidden;
    
        /*Avoid flicker on slides transitions for mobile phones #336 */
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
    .fp-section {
        position: relative;
        -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
        -moz-box-sizing: border-box; /* <=28 */
        box-sizing: border-box;
    }
    .fp-slide {
        float: left;
    }
    .fp-slide, .fp-slidesContainer {
        height: 100%;
        display: block;
    }
    .fp-slides {
        z-index:1;
        height: 100%;
        overflow: hidden;
        position: relative;
        -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
        transition: all 0.3s ease-out;
    }
    .fp-section.fp-table, .fp-slide.fp-table {
        display: table;
        table-layout:fixed;
        width: 100%;
    }
    .fp-tableCell {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 100%;
        padding-top: calc(100vw * (210 / 1080));
    }
    .fp-slidesContainer {
        float: left;
        position: relative;
    }
    .fp-controlArrow {
        -webkit-user-select: none; /* webkit (safari, chrome) browsers */
        -moz-user-select: none; /* mozilla browsers */
        -khtml-user-select: none; /* webkit (konqueror) browsers */
        -ms-user-select: none; /* IE10+ */
        position: absolute;
        z-index: 4;
        bottom: 50%;
        cursor: pointer;
        width: 0;
        height: 0;
        margin-top: -38px;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    .fp-controlArrow.fp-prev {
        left: 15px;
        width: 0;
        border-width: 38.5px 34px 38.5px 0;
        border-color: transparent #fff transparent transparent;
        display: none;
    }
    .fp-controlArrow.fp-next {
        width:calc(100vw * (70 / 1024));
        height: calc(100vw * (70 / 1024));
        background:url("../img/icon/circle_arrow.png") no-repeat;
        background-size: contain;
        left: 50%;
        bottom: 10.760vw;
        transform:translate(-50%,50%);
    }
    .fp-scrollable {
        overflow: hidden;
        position: relative;
    }
    .fp-scroller{
        overflow: hidden;
    }
    .iScrollIndicator{
        border: 0 !important;
    }
    .fp-notransition {
        -webkit-transition: none !important;
        transition: none !important;
    }
    #fp-nav {
        position: fixed;
        z-index: 100;
        margin-top: -32px;
        top: 59%;
        left:3%;
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
    }
    #fp-nav.right {
        right: 17px;
    }
    #fp-nav.left {
        left: 17px;
    }
    .fp-slidesNav{
        position: absolute;
        z-index: 4;
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        left: 0 !important;
        right: 0;
        margin: 0 auto !important;
    }
    .fp-slidesNav.bottom {
        bottom: 17px;
    }
    .fp-slidesNav.top {
        top: 17px;
    }
    #fp-nav ul,
    .fp-slidesNav ul {
      margin: 0;
      padding: 0;
    }
    #fp-nav ul li,
    .fp-slidesNav ul li {
        display: block;
        width: calc(100vw * (20 / 1024));
        height:calc(100vw * (20 / 1024));
        margin-top: calc(100vw * (20 / 1024));
        position:relative;
    
    }
    .fp-slidesNav ul li {
        display: inline-block;
    }
    #fp-nav ul li a,
    .fp-slidesNav ul li a {
        display: block;
        position: relative;
        z-index: 1;
        width: calc(100vw * (20 / 1024));
        height:calc(100vw * (20 / 1024));
        cursor: pointer;
        text-decoration: none;
    }
    #fp-nav ul li a.active span,
    .fp-slidesNav ul li a.active span,
    #fp-nav ul li:hover a.active span,
    .fp-slidesNav ul li:hover a.active span{
        width: calc(100vw * (20 / 1024));
        height:calc(100vw * (20 / 1024));
        border-radius: 100%;
        background:#ffffff;
        border:1px solid #203465;
     }
    #fp-nav ul li a span,
    .fp-slidesNav ul li a span {
        border-radius: 50%;
        position: absolute;
        top:50%;
        left: 50%;
        transform:translate(-50%,-50%);
        z-index: 1;
        width: calc(100vw * (10 / 1024));
        height:calc(100vw * (10 / 1024));
        border: 0;
        background: #203465;
        display: flex;
        justify-content: space-between;
        align-items: center;
    
        margin: -2px 0 0 -2px;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }
    #fp-nav ul li:hover a span,
    .fp-slidesNav ul li:hover a span{
        width: calc(100vw * (20 / 1024));
        height:calc(100vw * (20 / 1024));
        
    }
    #fp-nav ul li .fp-tooltip {
        position: absolute;
        top: -2px;
        color: #fff;
        font-size: 14px;
        font-family: arial, helvetica, sans-serif;
        white-space: nowrap;
        max-width: 220px;
        overflow: hidden;
        display: block;
        opacity: 0;
        width: 0;
        cursor: pointer;
    }
    #fp-nav ul li:hover .fp-tooltip,
    #fp-nav.fp-show-active a.active + .fp-tooltip {
        -webkit-transition: opacity 0.2s ease-in;
        transition: opacity 0.2s ease-in;
        width: auto;
        opacity: 1;
    }
    #fp-nav ul li .fp-tooltip.right {
        right: 20px;
    }
    #fp-nav ul li .fp-tooltip.left {
        left: 20px;
    }
    .fp-auto-height.fp-section,
    .fp-auto-height .fp-slide,
    .fp-auto-height .fp-tableCell{
        height: auto !important;
    }
    
    .fp-responsive .fp-auto-height-responsive.fp-section,
    .fp-responsive .fp-auto-height-responsive .fp-slide,
    .fp-responsive .fp-auto-height-responsive .fp-tableCell {
        height: auto !important;
    }
    
    /* 풀페이지 css 끝  */



    /* img 애니메이트  */
    #section4 {
        position: relative;
    }
    .img_animate {
        width: 100%;
        height: 100%;
        position: absolute;
        top:0%;
        left:0%;
    }
    
    .img_animate div {
        width:460px;
    }
    
    .top_left_box {
        position: absolute;
        top:0%;
        left:0%;
        transform: translate(-7%, 0%) rotate(20deg);
        width:23vw;
        height: 419px;
        background:url("../img/main/top_le.png");
        background-size:contain;
        -webkit-mask: url('../img/main/sprite.png');
        -webkit-mask-size: 2300% 100%;
        mask: url('../img/main/sprite.png');
        display: none;
    }
    
    
    
    .bottom_le_box {
        position: absolute;
        bottom:0%;
        left:0%;
        transform: translate(-16%,24%);
        width:460px;
        height: 419px;
        background:url("../img/main/bottom_le.png") no-repeat;
        background-size:contain;
        -webkit-mask: url('../img/main/sprite.png');
        -webkit-mask-size: 2300% 100%;
        mask: url('../img/main/sprite.png');
        display: none;
    }
    
    
    
    
    
    
    .side_right_box {
        position: absolute;
        top:0%;
        bottom:0%;
        right:0%;
        transform: translate(47%,1%);
        width:600px;
        background:url("../img/main/side_ri.png");
        background-size:contain;
        -webkit-mask: url('../img/main/sprite.png');
        -webkit-mask-size: 2300% 100%;
        mask: url('../img/main/sprite.png');
        display: none;
    }
    
    
    /* 풀페이지 슬라이드 1번 - 스와이퍼 0번 인덱스 */
    .top_left_box_slide2{
        background:url("../img/main/slide2_top_le.png") no-repeat;
        left:-8%;
    }
    
    .bottom_le_box_slide2{
        background:url("../img/main/slide2_bottom_le.png") no-repeat;
        left:-8%;
    }
    
    /* 풀페이지 슬라이드 1번 - 스와이퍼 1번 인덱스 */
    .side_right_box_slide2{
        right:2%;
        background:url("../img/main/slide2-2_side_right_box.png") no-repeat;
        
    }
    
    /* 풀페이지 슬라이드 1번 - 스와이퍼 2번 인덱스 */
    .bottom_le_box_slide3{
        background:url("../img/main/slide2-3_bottom_le.png") no-repeat;
        left:0%;
    }
    .side_right_box_slide3{
        right:2%;
        background:url("../img/main/slide2-3_side_right.png") no-repeat;
        
    }
    
    /* 풀페이지 슬라이드 1번 - 스와이퍼 3번 인덱스 */
    .top_left_box_slide4{
        background:url("../img/main/slide2-4_top_left.png") no-repeat;
        left: -4%;
        top: -2%;
        transform: translate(-7%, 0%) rotate(358deg);
    }
    
    .bottom_le_box_slide4{
        background:url("../img/main/slide2-4_bottom_le.png") no-repeat;
        left: 7%;
        bottom: 3%;
    }
    
    
    
      /* 슬라이드 진입시 */
      @keyframes mainsection5_ani {
        from {
          -webkit-mask-position: 100% 0%;
              mask-position: 100% 0%;        
        }
      
        to {
          -webkit-mask-position: 0% 0%;                
        }
      }
      
    .main_sec_flower_1 {
        display:block;
        animation: mainsection5_ani 1.2s steps(22) forwards;
    }
    .main_sec_flower_2 {
        display:block;
        animation: mainsection5_ani 1.2s steps(22) forwards;
    }
    .main_sec_flower_3 {
        display:block;
        animation: mainsection5_ani 1.2s steps(22) forwards;
    }
    
    
    
    /* 슬라이드 떠날때 */
      @keyframes mainsection5_ani_leave {
        from {
          -webkit-mask-position:0% 0%;
              mask-position:0% 0%;        
        }
      
        to {
          -webkit-mask-position: 100% 0%;                
        }
      }
    
    
    .main_sec_flower_1_leave {
        display:block;
        animation: mainsection5_ani_leave 1.2s steps(22) forwards;
    }
    .main_sec_flower_2_leave {
        display:block;
        animation: mainsection5_ani_leave 1.2s steps(22) forwards;
    }
    .main_sec_flower_3_leave {
        display:block;
        animation: mainsection5_ani_leave 1.2s steps(22) forwards;
    }

        /* 로딩 페이지  */

    
        @keyframes loding {
            from {
              -webkit-mask-position:0% 0%;
                  mask-position:0% 0%;        
            }
          
            to {
              -webkit-mask-position: 100% 0%;                
            }
          }
    
          @keyframes loding_text {
              0% {
                  width:1px;
              }
              25% {
                width:40px;
            }
            50% {
                width:80px;
            }
            75% {
                width:120px;
            }
            100% {
                width:610px;
            }
          }
    
          .loading_wrap {
            width: 100vw;
            height: 100vh;
            background:#203465;
            position:relative;
            z-index: 9999;
            background-size:contain;
            -webkit-mask: url('../img/main/sprite.png');
            -webkit-mask-size: 2300% 100%;
            mask: url('../img/main/sprite.png');
             animation: loding 2s steps(22) forwards;  
            animation-delay: 2.5s;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    
        .loding_logo {
            height: 15vh;
            background:url('../img/ameri_logo2.svg') no-repeat;
            margin:0 auto;
            animation: loding_text 1s steps(50) forwards; 
            animation-delay: 1s;
        }
    
    
        [data-aos][data-aos][data-aos-delay='4500'].aos-animate, 
    body[data-aos-delay='4500'] [data-aos].aos-animate {
        transition-delay: 4.5s;
    }
    
    [data-aos][data-aos][data-aos-delay='5000'].aos-animate, 
    body[data-aos-delay='5000'] [data-aos].aos-animate {
        transition-delay: 5s;
    }
    
    [data-aos][data-aos][data-aos-delay='5700'].aos-animate, 
    body[data-aos-delay='5700'] [data-aos].aos-animate {
        transition-delay: 5.7s;
    }
    
    
    @keyframes imgEffect {
        0%{
            opacity: 1;
            transform: scale(1) translateX(0px);
    
        }
        50%{
            opacity: 1;
            border-radius: 20%;
           
    
        }
        100%{
            opacity: 0;
            transform: scale(0) translateX(2000px);
            display: none;
        }
    }
        
    .ani_img_box {
        display: flex;
    flex-wrap:wrap;
    }
    .blocks {
        position:relative;
        width: 5vw;
        height: 5vh;
        background:#ffffff;
        animation:imgEffect 0.75s ease-in-out forwards;
        
        /* border:1px solid red; */
    }
    
    @keyframes videoAni {
        0% {
            opacity: 0;
    
        }
        25% {
            opacity: 0.2;
    
        }
        50% {
            opacity: 0.5;
    
        }
        75% {
            opacity: 0.7;
    
        }
        100% {
            opacity: 1;
    
        }
    }
    
    .con_video {
        opacity: 0;
     animation:videoAni 1.5s ease-in-out forwards;
     animation-delay: 4s;
    }
    
    
    @keyframes section2ani {
        0% {
            
             transform: translate(-100%, 0%);
             filter: blur(100px);
        }
        100% {
            
             transform: translate(0%, 0%);
             filter: blur(0px);
    
        }
    }
    
    @keyframes section2ani_text {
        0% {
            
             transform: translate(0%, 100%);
             filter: hue-rotate(320deg);
        }
        25% {
            
        
            filter: hue-rotate(85deg);
       }
       50% {
            
    
        filter: hue-rotate(45deg);
    }
    80% {
            
    
        filter: hue-rotate(20deg);
    }
        100% {
            filter: hue-rotate(0deg);
             transform: translate(0%, 0%);
    
        }
    }
    
    .section_1_wrap_slide .con_box_img {
        transform: translate(-100%, 0%);
    }
    .section_1_wrap_slide .con_box_img.animate_start {
        animation:section2ani 1.5s ease-in-out forwards;
    }
    
    .section_1_wrap_slide .con_box_text {
        transform: translate(0%, 100%);
    }
    .section_1_wrap_slide .con_box_text.animate_start_text {
        animation:section2ani_text 2.5s ease-in-out forwards;
    }
    
    
    @keyframes section3ani {
        0% {
             transform: translate(100%, 0%);
             filter: blur(200px);
        }
        100% {
            
             transform: translate(0%, 0%);
             filter: blur(0px);
    
        }
    }
    
    .section_2_wrap .con_box_wrap {
        transform: translate(100%, 0%);
    }
    .section_2_wrap .con_box_wrap.sec_animate_start {
        animation: section3ani 1.5s  ease-in-out forwards;
    }
    
    
    @keyframes section4ani {
        0% {
            width: 1%;
       }
    100% {
        width: 100%;
    }
    }
    
    
    .section_3_wrap .tab_wrap {
        width:1%;
        
    }
    
    .section_3_wrap .tab_wrap.sec4_animate_start {
        
        animation: section4ani .8s  ease-in-out forwards;
    }
    
    
    @keyframes section4aniText {
        0% {
            transform: translate(0%, -300%);
       }
    100% {
        transform: translate(0%, 0%);
    }
    }
    
    .section_3_wrap .title_wrap {
        transform: translate(0%, -300%);
        
    }
    
    .section_3_wrap .title_wrap.sec4_animate_start_text {
        animation: section4aniText 1.8s  ease-in-out forwards;
    }









    }



@media (min-width: 1025px) and (max-width: 1400px){
    /* pc 중간 분기 시작 */
    .better_img,
    .mymattSw {
        display: none;
    }
    /* common 영역 */
    .main {
        width:100%;
        height: 100%;
    }
    .main .con_wrap {
        width:100%;
        height:100%;
    }
    /* common 영역  끝*/
    
    /* section_0 메인 1 페이지  */
    
    .section_0_wrap .con_tab_menu_wrap,
    .section_0_wrap .con_box_right {
        position: absolute;
    }
    
    .section_0_wrap .con_tab_menu_wrap {
        top: 33%;
        left: 50%;
        transform: translate(-99%, -50%);
        z-index: 10;
    }
    .section_0_wrap .con_video {
        border:none;
        outline: none;
        
    }
    
    .section_0_wrap .con_video video{
        width: 59vw;
        height: 31.6vh;
        position: absolute;
        bottom: 0%;
        left: -10%;
        transform: translate(0%,-36.2%);
        opacity: 0.3;
        outline: none;
    }
    
    .section_0_wrap .con_box_right {
        right: 16.9%;
        bottom:0%;
        transform: translate(-7.6%,0%);
    }
    .section_0_wrap .con_box_right .con_img {
        width:26vw;
        height:75vh;
        background:url("../img/main/main_bg_matt.png");
        background-size: cover;
        transition: 0.5s;
    }
    
    .section_0_wrap .content_answer {
        display: none;
    }
    
    .section_0_wrap .q_title {
        display: inline-block;
        font-family: 'Eina01',sans-serif;
        font-size:  4.6vh;
        font-weight: bold;
        letter-spacing: 5px;
        text-align: left;
        color: #203465;
        cursor: pointer;
        position: relative;
    }
    .section_0_wrap .q_title::after {
        content: "";
        width:0%;
        height:5px;
        position:absolute;
        bottom: 0%;
        left: 0%;
        background:#203465;
        transition: 0.5s;
        transform-origin: 0% 100%;
    }
    
    .section_0_wrap .q_title:hover::after {
        width:100%;
    }
    
    .section_0_wrap .q_title .link {
        color:#203465;
    }
    
    .section_0_wrap .content_answer_wrap .a_desc {
        display: block;
        font-family: 'Eina01',sans-serif;
        font-size: 2.042vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: normal;
        color: #203465;
        margin-top: calc(100vw*(10/1400));
        margin-bottom: calc(100vw*(10/1400));
    }
    
    /* section_0 메인 1 페이지 끝 */
    
    
    
    
    /* section_1 메인 2 페이지 */
    .section_1_wrap_slide {
        width: 100%;
        height: 100%;
        padding-top: calc(100vw*(130/1400));
    }
    .section_1_wrap .con_box {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .section_1_wrap .con_box_img {
    width:41.667vw;
    }
    
    .section_1_wrap .con_box_text {
        margin-left: 14.167vw;
    }
    
    .con_box_text .blue_nobold18,
    .con_box_text .dark_span_nobold18 {
        font-size:calc(100vw*(18/1400));
        line-height: 1.2;
    }
    .con_box_text .dark_span_nobold18 {
        display: block;
        margin:0.1vw 0;
    }
    .con_box_text .e_blue_span_bold_line40 {
        display: block;
        font-size:calc(100vw*(40/1400));
        margin:0vw 0vw 1.667vw 0vw;
    }
    
    .section_1_wrap_slide .con_box_img {
        width:41%;
        position: relative;
    }
    
    .section_1_wrap_slide .con_box_img .clipimg2 {
        position:absolute;
        left: 0%;
        top:0%;
        background: #FFFF00;
        clip-path: circle(17% at 80% 45%);
        transition: 0.7s;
    }
    
    .circleImgback {
        content: "";
        width: 30%;
        height: 39%;
        border-radius: 50%;
        background: #FFFF00;
        position: absolute;
        left:61%;
        top: 27%;
        z-index: -1;
        transition: 0.65s;
    }
    
    
    
    
    
    /* section1스와이퍼  */
    .materialTextSw  {
        width:30%;
    }
    .slide1-2 .swiper-container {
    margin:inherit;
    }
    
    .section_1_wrap_slide .con_box {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .section_1_wrap_slide .con_box .sw_bottom {
    margin-left: inherit;
    }
    .materialSw .con_box_img {
        width: 41.667vw;
    }
    
    
    /* 스와이퍼 커스텀  */
      .swiper-button-next,
    .swiper-button-prev,
    .sec1_prev,
    .sec1_next  {
        /* position: absolute; */
        position:relative;
        width:2.604vw;
        height: 2.083vw;
        margin-top:0px;
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .swiper-button-next,
    .sec1_next {
        bottom:0px;
        left:1.125vw;
    }
    
    .swiper-button-prev,
    .sec1_prev {
        bottom:0px;
        left:0px;
    }
    
    .swiper-button-next:after, 
    .swiper-button-prev:after,
    .sec1_prev:after,
    .sec1_next:after {
        content: "";
        width:2.604vw;
        height: 2.083vw;
        background:url("../img/icon/arrow_2.png") no-repeat;
        background-size:100% 100%;
    }
    
    .swiper-button-next:after,
    .sec1_next:after {
        transform:rotateZ(180deg);
    }
    .materialTextSw {
        position:relative;
    }
    .sec1_entryBtn {
        width:5.208vw;
        height:5.208vw;
        background:url("../img/icon/main_arrow.png") no-repeat;
        background-size:100% 100%;
        position: absolute;
        bottom:0%;
        z-index: 999;
        cursor: pointer;
    }
    
    
    
    /* 페이지 넘버링  */
    
    .pagenations_ {
        position: absolute;
        bottom:0%;
        right: 0%;
        display: flex;
        justify-content: flex-start;
        align-items:flex-end;
        font-family: 'Eina01', sans-serif;
        font-size: 1.563vw;
        font-style: normal;
        line-height: 1vw;
        color: #203465;
        margin:0vw 0vw 0.4vw 1vw;
    }
    
    .pagenations_ .span,
    .pagenations_ .div {
        display: inline-block;
        width:1.163vw;
        text-align: center;
    }
    
    .slide1-2 .pagenations_ {
        position:relative;
    bottom:inherit;
    right:inherit;   
    justify-content: flex-end;
    
    }
    .sw_bottom {
        padding-top: 5.208vw;
        margin-left: 14.167vw;
        display: flex;
        justify-content: space-between;
        transform: translate(0%,100%);
        transition: 0.5s;
    }
    
    .material_slide_navi {
        display: flex;
    }
    
    .material_slide_navi .swiper-button-prev,
    .material_slide_navi .swiper-button-next {
        position: inherit;
    }
    
    .material_slide_navi .swiper-button-next {
        margin-left:2.083vw;
    }
    
    /* section_1 메인 2 페이지 끝 */
    
    
    
    
    
    /* section_2 메인 3 페이지  */
    .section_2_wrap {
        width: 100%;
        height: 100%;
        margin:0 auto;
    }
    
    .section_2_wrap .con_box_wrap {
        width:100%;
        height: 100%;
        padding-top: calc(100vw*(130/1400));
        display: flex;
        justify-content:center;
        align-items: center;
    }
    
    .section_2_wrap .con_box_text {
        position: relative;
    }
    
    .section_2_wrap .con_box {
        width:34.271vw;
    }
    
    .section_2_wrap .con_box .e_blue_span_nobold20 {
        font-size: 0.938vw;
    }
    
    .section_2_wrap .con_box .blue_span_40 {
        font-size: 2.083vw;
    
    }
    
    .section_2_wrap .con_box_desc_top .e_blue_span_nobold20,
    .section_2_wrap .con_box_desc_bottom .e_blue_span_nobold20 {
        font-size: calc(100vw*(20/1400));
    }
    
    .section_2_wrap .con_box_desc_top .dark_span_15,
    .section_2_wrap .con_box_desc_bottom .dark_span_15 {
        display: inline-block;
        margin-top: 1.094vw;
        font-size: calc(100vw*(14/1400));
        line-height: 1.2;
    }
    
    
    
    
    .section_2_wrap .con_box .link {
        display: block;
        position: absolute;
        right:11.042vw;
        bottom:-14.427vw;
    }
    .section_2_wrap .con_box_text .line_ {
        display: inline-block;
        width:2.604vw;
        height: 1px;
        background:#203465;
        margin: 0vw 1.042vw 0.351vw 0vw;
      
    }
    
    .section_2_wrap .con_box_desc_top {
        padding-bottom: 2.083vw;
        border-bottom: 1px solid #333333;
    }
    
    .section_2_wrap .con_box_desc_bottom {
        padding-top: 2.083vw;
    }
    
    .section_2_wrap .con_box_desc_top>div,
    .section_2_wrap .con_box_desc_bottom>div {
        display: flex;
        justify-content: space-between;
    }
    
    .section_2_wrap .con_box_desc_top>div>div:first-child,
    .section_2_wrap .con_box_desc_bottom>div>div:first-child {
        width:calc(100vw*(350/1400));
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .section_2_wrap .con_box_desc_top_icon,
    .section_2_wrap .con_box_desc_bottom_icon {
        width:6.354vw;
    }
    
    .section_2_wrap .con_box_desc_top_img,
    .section_2_wrap .con_box_desc_bottom_img {
        width:15.625vw;
    }
    
    /* section_2 메인 3 페이지 끝 */
    
    /* section_3 메인 4 페이지*/
    
    .m_mat_tab {
        display: none;
    } 
    
    .section_3_wrap {
        width:100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .section_3_wrap .mat_tab {
        width:39.167vw;
        height:40%;
        margin:0 auto;
        background-color: #fbfbfe;
      }
      
      
      .section_3_wrap .mat_tab .title_wrap {
        text-align: center;
        margin: 0px;
      }
      
      .section_3_wrap .mat_tab .title_wrap .span {
        display: block;
      }
    
      .section_3_wrap .mat_tab .title_wrap .e_blue_span_nobold20 {
          font-size:calc(100vw*(20/1400));
      }
      
      .section_3_wrap .mat_tab .title_wrap .blue_span_nobold30 {
          font-size:calc(100vw*(30/1400));
        margin: 0.625vw 0vw 4.167vw 0vw;
      }
    
      .section_3_wrap .mat_con_text_wrap .blue_bold18_ {
          font-size:calc(100vw*(18/1400));
          line-height: 1.3;
      }
      .section_3_wrap .mat_con_text_wrap .dark_span_15{
          font-size:calc(100vw*(15/1400));
          line-height: 1.3;
      }
      .section_3_wrap .mat_con_text_wrap .blue_span_16 {
          font-size:calc(100vw*(16/1400));
          line-height: 1.3;
          margin-bottom: 0.521vw;
      }
      .section_3_wrap .mat_con_text_wrap .e_blue_span_light_bold20 {
          font-size:calc(100vw*(20/1400));
          line-height: 1.3;
      }
    
      .section_3_wrap .mat_con_text_wrap .e_blue_span_light_bold20 .link {
          color:#203465;
      }
    
    
      
    /*메모리 폼이 제공하는의 하단 Tab-menu영역*/
    .section_3_wrap .mat_con {
        width: 100%;
        list-style: none;
        text-align: center;
      }
      
      .section_3_wrap .mat_con .ul {
        display: flex;
        justify-content: space-between;
      }
      
      .section_3_wrap .mat_con .list {
        display: block;
        width: 7.448vw;
        height: 10.365vw;
        border-radius: 0.781vw;
        cursor: pointer;
      }
      
      .section_3_wrap .mat_con .list:nth-child(1) {
        background: url('../img/mat_guide/man1.png') no-repeat;
        background-size: 102% 103%;
        background-position: center;
      }
      
      .section_3_wrap .mat_con .list:nth-child(2) {
        background: url('../img/mat_guide/man2.png') no-repeat;
        background-size: 102% 103%;
        background-position: center;
      }
      
      .section_3_wrap .mat_con .list:nth-child(3) {
        background: url('../img/mat_guide/man3.png') no-repeat;
        background-size: 102% 103%;
        background-position: center;
      }
      
      .section_3_wrap .mat_con .list:nth-child(4) {
        background: url('../img/mat_guide/man4.png') no-repeat;
        background-size: 102% 103%;
        background-position: center;
      }
      
      
      .section_3_wrap .mat_con .list .img {
        display: block;
        border-radius: 0.521vw;
      }
      
      .section_3_wrap .mat_con .list.current {
        box-shadow: inset -0.3vw -0.3vw 0.1vw #203465;
      }
      
      .section_3_wrap .mat_con .mat_con_text_wrap {
        width: 100%;
        height: 12.240vw;
        border-left: 1px solid #333333;
        margin: 1.302vw 0vw 0vw 1.042vw;
        position: absolute;
      }
      
      .section_3_wrap .mat_con .mat_con_text_wrap::after {
        content: "";
        width: 0.521vw;
        height: 0.521vw;
        background: #333333;
        border-radius: 50%;
        position: absolute;
        left: 0%;
        top: 1.667vw;
        transform: translate(-50%, 0px);
      }
      
      .section_3_wrap .mat_con .mat_con_text_wrap .p {
        margin: 1.042vw 0px;
      }
      
      .section_3_wrap .mat_con .mat_con_text_wrap .e_blue_span_light_bold20,
      .section_3_wrap .mat_con .mat_con_text_wrap .blue_span_16 {
        display: block;
      }
      
      .tab-content {
        display: none;
      }
      
      
      .tab-content.current {
        display: inherit;
        text-align: left;
        padding:1.094vw 0vw 0vw 1.302vw;
      }
      
      .arcodian_qna_wrap .ul,
      .map_toggle_menu_wrap .ul {
        border: none;
      }
    
      .arcodian_qna_wrap {
          position: relative;
      }
    
      .mat_con_text_wrap {
          position: absolute;
      }
      
    
      /* section_3 메인 4 페이지 끝 */
    
    
      /* section_4 메인 5 페이지  */
    
      .section4_wrap .blue_span_40{
          display:block;
          font-size:calc(100vw*(40/1400));
          font-weight: bold;
          line-height: 1.4;
          text-align: center;
          margin-bottom: 4.323vw;
      }
      .section4_wrap .dark_span_nobold18{
        font-size:calc(100vw*(18/1400));
          line-height: 1.4;
          text-align: center;
          margin-bottom: 1.323vw;
    
      }
    
      .section4_wrap .con_icon {
          width:40.677vw;
          display: flex;
          justify-content: space-between;
          margin:3.125vw auto 4.167vw auto;
      }
      .section4_wrap .img {
          width:8.229vw;
      }
    
      /* section_4 메인 5 페이지 끝 */
    
      /* section_5 메인 6 페이지  */
      .slide2_wrap {
          width:100%;
          height: 100%;
          padding-top:130px;
            
      }
    
      .slide2_wrap .con_wrap {
        width:79.688vw;
        /* height: 100%; */
        margin:0vw auto 0vw 13.542vw;
        position: relative;
        display: flex;
        align-items: center;
      }
    
      .slide2_wrap .con_box_left {
         width:36.50vw;
      }
    
      .slide2_wrap .con_box_right {
          width:50vw;
          height:70%;
      }
    
      .slide2_wrap .ameriSw {
          width:100%;
          height: 100%;
      }
    
      .slide2_wrap .con_box_left .ameriSwText,
      .slide2_wrap .con_box_left .ameriSwTitle {
          width:100%;
          padding-top: 1vw;
          padding-bottom:1vw;
      }
    
    
      .slide2_wrap .sw_title {
          width:15.531vw;
        
          font-size: 1.6vw;
          line-height: 1.4;
      }
    
      .slide2_wrap .sw_title .span {
          font-size:1.563vw;
          line-height: 3vw;
      }
    
      .slide2_wrap .line_ {
          width:1px;
          height: 23.979vh;
          border-left: 1px solid #203465;
      }
    .slide2_wrap .main_slide_navi {
        width: 5vw;
        display: flex;
        justify-content: space-between;
    }
    
      .slide2_wrap .con_wrap .blue_span_nobold30 {
          display: inline-block;
        font-size: 1.6vw;
        line-height: 1.4;
        margin-bottom: 1.563vw;
      }
    
      .slide2_wrap .con_wrap .dark_span_nobold18 {
        font-size: 1vw;
        line-height: 1.4;
      }
    
      /* 스와이퍼 css  */
      /* .ameriSw .swiper-slide:not(.swiper-slide:nth-child(3), .swiper-slide:nth-child(4)) .img {
        width:36.458vw;
      } */
    
      .ameriSw .swiper-slide .img {
        width:36.458vw;
      }
    
      .ameriSw .factory_ img {
          width: 100%;
          height: 71%;
      }
    
      .ameriSw .factory_ .span {
          display: inline-block;
          padding-top: 10px;
      }
      .slide2_wrap .pagenations_ {bottom:20%; transform: translate(0%,100%);}
    
      /* 스케치 인터렉션 메인 섹션 5 - 4번 */
    .skech_wrap {
        width:100%;
        height:90%;
        position:relative;
    }
    .skech_wrap div {
        position:absolute;
    }
    
    .skech_wrap span {
        display: block;
        font-size: 0.8vw;
        color:#203465;
        position:relative;
        text-align: center;
    }
    
    .skech_1,
    .skech_2,
    .skech_3,
    .skech_4,
    .skech_5{
        width:100%;
        height: 100%;
        position:absolute;
        left:0%;
        top:0%;
    }
    
    
    .skech_1{
        background:url('/img/main/skech_1.png') no-repeat;
        background-size:100% 100%;
    }
    .skech_2{
        background:url('/img/main/skech_2.png') no-repeat;
        background-size:100% 100%;
        opacity: 0;
        
        
    }
    .skech_3{
        background:url('/img/main/skech_3.png') no-repeat;
        background-size:100% 100%;
        opacity: 0;
    
    
    }
    .skech_4{
        background:url('/img/main/skech_4.png') no-repeat;
        background-size:100% 100%;
        opacity: 0;
    }
    .skech_5{
        background:url('/img/main/skech_5.png') no-repeat;
        background-size:100% 100%;
        opacity: 0;
    }
    
    .skech_animate_01 {
        animation: showslow1 .5s steps(22) forwards;
        animation-delay: 0.5s;
    }
    .skech_animate_02 {
        animation: showslow1 1.5s steps(22) forwards;
        animation-delay: 1s;
    }
    .skech_animate_03 {
        animation: showslow1 1.5s steps(22) forwards;
        animation-delay: 2.5s;
    }
    .skech_animate_04 {
        animation: showslow1 1.5s steps(22) forwards;
        animation-delay: 3.5s;
    }
    .skech_animate_05 {
        animation: showslow1 1.5s steps(22) forwards;
        animation-delay: 3.8s;
    }
    
    
    @keyframes showslow1 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    .skech_text_1,
    .skech_text_2,
    .skech_text_3,
    .skech_text_4,
    .skech_text_5 {
        position:absolute;
        opacity: 0;
    }
    
    
    .skech_text_1 .span:last-child::after,
    .skech_text_2 .span:last-child::after,
    .skech_text_3 .span:last-child::after,
    .skech_text_4 .span:last-child::after,
    .skech_text_5 .span:last-child::after {
        content: "";
        position:absolute;
        width: 1px;
        height: 60px;
        background:#203465;
        bottom:0%;
        left:50%;
        transform: translate(50%,100%);
    }
    
    .skech_text_1 .span:last-child::after{
        bottom: 15%;
    }
    .skech_text_2 .span:last-child::after{
        bottom: 0%;
    }
    .skech_text_3 .span:last-child::after{
        transform: translate(50%,0%);
        bottom: 200%;
    }
    .skech_text_4 .span:last-child::after{
        transform: translate(50%,0%);
        bottom: 200%;
    }
    .skech_text_5 .span:last-child::after{
        transform: translate(50%,-100%);
        bottom: 58%;
    }
    
    .skech_text_1{
        left: 10%;
        top: 20%;
    }
    .skech_text_2{
        left: 62%;
        top: 20%;
    }
    .skech_text_3{
        left: 42%;
        bottom: 16%;
    }
    .skech_text_4{
        left: 19%;
        bottom: 17%;
    }
    .skech_text_5{
        left: 4%;
        bottom: 28%;
    } 
    
    
      /* section_5 메인 5 페이지 끝 */
    
        /* 풀페이지 css 시작 */
      /*!
     * fullPage 2.9.7
     * https://github.com/alvarotrigo/fullPage.js
     * MIT licensed
     *
     * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
     */
    html.fp-enabled,
    .fp-enabled body {
        margin: 0;
        padding: 0;
        overflow:hidden;
    
        /*Avoid flicker on slides transitions for mobile phones #336 */
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
    .fp-section {
        position: relative;
        -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
        -moz-box-sizing: border-box; /* <=28 */
        box-sizing: border-box;
    }
    .fp-slide {
        float: left;
    }
    .fp-slide, .fp-slidesContainer {
        height: 100%;
        display: block;
    }
    .fp-slides {
        z-index:1;
        height: 100%;
        overflow: hidden;
        position: relative;
        -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
        transition: all 0.3s ease-out;
    }
    .fp-section.fp-table, .fp-slide.fp-table {
        display: table;
        table-layout:fixed;
        width: 100%;
    }
    .fp-tableCell {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 100%;
    }
    .fp-tableCell:nth-child(6) {
        padding:inherit;
    }
    .fp-slidesContainer {
        float: left;
        position: relative;
    }
    .fp-controlArrow {
        -webkit-user-select: none; /* webkit (safari, chrome) browsers */
        -moz-user-select: none; /* mozilla browsers */
        -khtml-user-select: none; /* webkit (konqueror) browsers */
        -ms-user-select: none; /* IE10+ */
        position: absolute;
        z-index: 4;
        bottom: 50%;
        cursor: pointer;
        width: 0;
        height: 0;
        margin-top: -38px;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    .fp-controlArrow.fp-prev {
        left: 15px;
        width: 0;
        border-width: 38.5px 34px 38.5px 0;
        border-color: transparent #fff transparent transparent;
        display: none;
    }
    .fp-controlArrow.fp-next {
        width:5.208vw;
        height: 5.208vw;
        background:url("../img/icon/main_arrow.png") no-repeat;
        background-size: contain;
        left: 50%;
        bottom: 7.760vw;
        transform:translate(-50%,50%);
    }
    
    /* section1 슬라이드  */
    #section1 .fp-controlArrow.fp-next {
        left: 50%;
        top: 50%;
        transform: translate(110%,200%);
    }
    .fp-scrollable {
        overflow: hidden;
        position: relative;
    }
    .fp-scroller{
        overflow: hidden;
        /* height: 100%; */
    }
    .iScrollIndicator{
        border: 0 !important;
    }
    .fp-notransition {
        -webkit-transition: none !important;
        transition: none !important;
    }
    #fp-nav {
        position: fixed;
        z-index: 100;
        margin-top: -32px;
        top: 50%;
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
    }
    #fp-nav.right {
        right: 17px;
    }
    #fp-nav.left {
        left: 17px;
    }
    .fp-slidesNav{
        position: absolute;
        z-index: 4;
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        left: 0 !important;
        right: 0;
        margin: 0 auto !important;
    }
    .fp-slidesNav.bottom {
        bottom: 17px;
    }
    .fp-slidesNav.top {
        top: 17px;
    }
    #fp-nav ul,
    .fp-slidesNav ul {
      margin: 0;
      padding: 0;
    }
    #fp-nav ul li,
    .fp-slidesNav ul li {
        display: block;
        width: 0.729vw;
        height: 0.677vw;
        margin: 1.823vw 0px 0px 2.604vw;
        position:relative;
    }
    .fp-slidesNav ul li {
        display: inline-block;
    }
    #fp-nav ul li a,
    .fp-slidesNav ul li a {
        display: block;
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
        cursor: pointer;
        text-decoration: none;
    }
    #fp-nav ul li a.active span,
    .fp-slidesNav ul li a.active span,
    #fp-nav ul li:hover a.active span,
    .fp-slidesNav ul li:hover a.active span{
        height: 1.042vw;
        width: 1.042vw;
        margin: -0.313vw 0 0 -0.313vw;
        border-radius: 100%;
        background:#ffffff;
        border:1px solid #203465;
     }
    #fp-nav ul li a span,
    .fp-slidesNav ul li a span {
        border-radius: 50%;
        position: absolute;
        z-index: 1;
        height: 0.521vw;
        width: 0.521vw;
        border: 0;
        background: #203465;
        left: 50%;
        top: 50%;
        margin: -2px 0 0 -2px;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }
    #fp-nav ul li:hover a span,
    .fp-slidesNav ul li:hover a span{
        width: 10px;
        height: 10px;
        margin: -5px 0px 0px -5px;
    }
    #fp-nav ul li .fp-tooltip {
        position: absolute;
        top: -2px;
        color: #fff;
        font-size: 14px;
        font-family: arial, helvetica, sans-serif;
        white-space: nowrap;
        max-width: 220px;
        overflow: hidden;
        display: block;
        opacity: 0;
        width: 0;
        cursor: pointer;
    }
    #fp-nav ul li:hover .fp-tooltip,
    #fp-nav.fp-show-active a.active + .fp-tooltip {
        -webkit-transition: opacity 0.2s ease-in;
        transition: opacity 0.2s ease-in;
        width: auto;
        opacity: 1;
    }
    #fp-nav ul li .fp-tooltip.right {
        right: 20px;
    }
    #fp-nav ul li .fp-tooltip.left {
        left: 20px;
    }
    .fp-auto-height.fp-section,
    .fp-auto-height .fp-slide,
    .fp-auto-height .fp-tableCell{
        height: auto !important;
    }
    
    .fp-responsive .fp-auto-height-responsive.fp-section,
    .fp-responsive .fp-auto-height-responsive .fp-slide,
    .fp-responsive .fp-auto-height-responsive .fp-tableCell {
        height: auto !important;
    }
    
    
    /* main footer 커스텀  */
    .pc_foo {
        width: 100%;
        padding: 1px 60px 0px 78px;
        background-color: #203465;
        margin-top: 150px;
    }
    .pc_foo_wrap .sns_title{
        padding-bottom: 50px;
    }
    
    .pc_foo .link {    
    font-size: 0.938vw;
    }
    .pc_foo .foo_top {
        padding-bottom: 50px;
    }
    .pc_foo_wrap .company_info_wrap {
        padding: 20px 0px 100px 0px;
    }
    /* 풀페이지 css 끝  */
    /* img 애니메이트  */
    #section4 {
        position: relative;
    }
    .img_animate {
        width: 100%;
        height: 100%;
        position: absolute;
        top:0%;
        left:0%;
    }
    
    .img_animate div {
        width:460px;
    }
    
    .top_left_box {
        position: absolute;
        top:0%;
        left:0%;
        transform: translate(-7%, 0%) rotate(20deg);
        width:23vw;
        height: 419px;
        background:url("../img/main/top_le.png");
        background-size:contain;
        -webkit-mask: url('../img/main/sprite.png');
        -webkit-mask-size: 2300% 100%;
        mask: url('../img/main/sprite.png');
        display: none;
    }
    
    
    
    .bottom_le_box {
        position: absolute;
        bottom:0%;
        left:0%;
        transform: translate(-16%,24%);
        width:460px;
        height: 419px;
        background:url("../img/main/bottom_le.png") no-repeat;
        background-size:contain;
        -webkit-mask: url('../img/main/sprite.png');
        -webkit-mask-size: 2300% 100%;
        mask: url('../img/main/sprite.png');
        display: none;
    }
    
    
    
    
    
    
    .side_right_box {
        position: absolute;
        top:0%;
        bottom:0%;
        right:0%;
        transform: translate(47%,1%);
        width:600px;
        background:url("../img/main/side_ri.png");
        background-size:contain;
        -webkit-mask: url('../img/main/sprite.png');
        -webkit-mask-size: 2300% 100%;
        mask: url('../img/main/sprite.png');
        display: none;
    }
    
    
    /* 풀페이지 슬라이드 1번 - 스와이퍼 0번 인덱스 */
    .top_left_box_slide2{
        background:url("../img/main/slide2_top_le.png") no-repeat;
        left:-8%;
    }
    
    .bottom_le_box_slide2{
        background:url("../img/main/slide2_bottom_le.png") no-repeat;
        left:-8%;
    }
    
    /* 풀페이지 슬라이드 1번 - 스와이퍼 1번 인덱스 */
    .side_right_box_slide2{
        right:2%;
        background:url("../img/main/slide2-2_side_right_box.png") no-repeat;
        
    }
    
    /* 풀페이지 슬라이드 1번 - 스와이퍼 2번 인덱스 */
    .bottom_le_box_slide3{
        background:url("../img/main/slide2-3_bottom_le.png") no-repeat;
        left:0%;
    }
    .side_right_box_slide3{
        right:2%;
        background:url("../img/main/slide2-3_side_right.png") no-repeat;
        
    }
    
    /* 풀페이지 슬라이드 1번 - 스와이퍼 3번 인덱스 */
    .top_left_box_slide4{
        background:url("../img/main/slide2-4_top_left.png") no-repeat;
        left: -4%;
        top: -2%;
        transform: translate(-7%, 0%) rotate(358deg);
    }
    
    .bottom_le_box_slide4{
        background:url("../img/main/slide2-4_bottom_le.png") no-repeat;
        left: 7%;
        bottom: 3%;
    }
    
    
    
      /* 슬라이드 진입시 */
      @keyframes mainsection5_ani {
        from {
          -webkit-mask-position: 100% 0%;
              mask-position: 100% 0%;        
        }
      
        to {
          -webkit-mask-position: 0% 0%;                
        }
      }
      
    .main_sec_flower_1 {
        display:block;
        animation: mainsection5_ani 1.2s steps(22) forwards;
    }
    .main_sec_flower_2 {
        display:block;
        animation: mainsection5_ani 1.2s steps(22) forwards;
    }
    .main_sec_flower_3 {
        display:block;
        animation: mainsection5_ani 1.2s steps(22) forwards;
    }
    
    
    
    /* 슬라이드 떠날때 */
      @keyframes mainsection5_ani_leave {
        from {
          -webkit-mask-position:0% 0%;
              mask-position:0% 0%;        
        }
      
        to {
          -webkit-mask-position: 100% 0%;                
        }
      }
    
    
    .main_sec_flower_1_leave {
        display:block;
        animation: mainsection5_ani_leave 1.2s steps(22) forwards;
    }
    .main_sec_flower_2_leave {
        display:block;
        animation: mainsection5_ani_leave 1.2s steps(22) forwards;
    }
    .main_sec_flower_3_leave {
        display:block;
        animation: mainsection5_ani_leave 1.2s steps(22) forwards;
    }


        /* 로딩 페이지  */

    
        @keyframes loding {
            from {
              -webkit-mask-position:0% 0%;
                  mask-position:0% 0%;        
            }
          
            to {
              -webkit-mask-position: 100% 0%;                
            }
          }
    
          @keyframes loding_text {
              0% {
                  width:1px;
              }
              25% {
                width:40px;
            }
            50% {
                width:80px;
            }
            75% {
                width:120px;
            }
            100% {
                width:610px;
            }
          }
    
          .loading_wrap {
            width: 100vw;
            height: 100vh;
            background:#203465;
            position:relative;
            z-index: 9999;
            background-size:contain;
            -webkit-mask: url('../img/main/sprite.png');
            -webkit-mask-size: 2300% 100%;
            mask: url('../img/main/sprite.png');
             animation: loding 2s steps(22) forwards;  
            animation-delay: 2.5s;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    
        .loding_logo {
            height: 15vh;
            background:url('../img/ameri_logo2.svg') no-repeat;
            margin:0 auto;
            animation: loding_text 1s steps(50) forwards; 
            animation-delay: 1s;
        }
    
    
        [data-aos][data-aos][data-aos-delay='4500'].aos-animate, 
    body[data-aos-delay='4500'] [data-aos].aos-animate {
        transition-delay: 4.5s;
    }
    
    [data-aos][data-aos][data-aos-delay='5000'].aos-animate, 
    body[data-aos-delay='5000'] [data-aos].aos-animate {
        transition-delay: 5s;
    }
    
    [data-aos][data-aos][data-aos-delay='5700'].aos-animate, 
    body[data-aos-delay='5700'] [data-aos].aos-animate {
        transition-delay: 5.7s;
    }
    
    
    @keyframes imgEffect {
        0%{
            opacity: 1;
            transform: scale(1) translateX(0px);
    
        }
        50%{
            opacity: 1;
            border-radius: 20%;
           
    
        }
        100%{
            opacity: 0;
            transform: scale(0) translateX(2000px);
            display: none;
        }
    }
        
    .ani_img_box {
        display: flex;
    flex-wrap:wrap;
    }
    .blocks {
        position:relative;
        width: 5vw;
        height: 5vh;
        background:#ffffff;
        animation:imgEffect 0.75s ease-in-out forwards;
        
        /* border:1px solid red; */
    }
    
    @keyframes videoAni {
        0% {
            opacity: 0;
    
        }
        25% {
            opacity: 0.2;
    
        }
        50% {
            opacity: 0.5;
    
        }
        75% {
            opacity: 0.7;
    
        }
        100% {
            opacity: 1;
    
        }
    }
    
    .con_video {
        opacity: 0;
     animation:videoAni 1.5s ease-in-out forwards;
     animation-delay: 4s;
    }
    
    
    @keyframes section2ani {
        0% {
            
             transform: translate(-100%, 0%);
             filter: blur(100px);
        }
        100% {
            
             transform: translate(0%, 0%);
             filter: blur(0px);
    
        }
    }
    
    @keyframes section2ani_text {
        0% {
            
             transform: translate(0%, 100%);
             filter: hue-rotate(320deg);
        }
        25% {
            
        
            filter: hue-rotate(85deg);
       }
       50% {
            
    
        filter: hue-rotate(45deg);
    }
    80% {
            
    
        filter: hue-rotate(20deg);
    }
        100% {
            filter: hue-rotate(0deg);
             transform: translate(0%, 0%);
    
        }
    }
    
    .section_1_wrap_slide .con_box_img {
        transform: translate(-100%, 0%);
    }
    .section_1_wrap_slide .con_box_img.animate_start {
        animation:section2ani 1.5s ease-in-out forwards;
    }
    
    .section_1_wrap_slide .con_box_text {
        transform: translate(0%, 100%);
    }
    .section_1_wrap_slide .con_box_text.animate_start_text {
        animation:section2ani_text 2.5s ease-in-out forwards;
    }
    
    
    @keyframes section3ani {
        0% {
             transform: translate(100%, 0%);
             filter: blur(200px);
        }
        100% {
            
             transform: translate(0%, 0%);
             filter: blur(0px);
    
        }
    }
    
    .section_2_wrap .con_box_wrap {
        transform: translate(100%, 0%);
    }
    .section_2_wrap .con_box_wrap.sec_animate_start {
        animation: section3ani 1.5s  ease-in-out forwards;
    }
    
    
    @keyframes section4ani {
        0% {
            width: 1%;
       }
    100% {
        width: 100%;
    }
    }
    
    
    .section_3_wrap .tab_wrap {
        width:1%;
        
    }
    
    .section_3_wrap .tab_wrap.sec4_animate_start {
        
        animation: section4ani .8s  ease-in-out forwards;
    }
    
    
    @keyframes section4aniText {
        0% {
            transform: translate(0%, -300%);
       }
    100% {
        transform: translate(0%, 0%);
    }
    }
    
    .section_3_wrap .title_wrap {
        transform: translate(0%, -300%);
        
    }
    
    .section_3_wrap .title_wrap.sec4_animate_start_text {
        animation: section4aniText 1.8s  ease-in-out forwards;
    }
        




    
    }

/* pc 시작 */
@media (min-width:1401px) { 
    .better_img,
    .mymattSw {
        display: none;
    }
    /* common 영역 */
    .main {
        width:100%;
        height: 100%;
    }
    .main .con_wrap {
        width:100%;
        height:100%;
    }
    /* common 영역  끝*/
    
    /* section_0 메인 1 페이지  */
    
    .section_0_wrap .con_tab_menu_wrap,
    .section_0_wrap .con_box_right {
        position: absolute;
    }
    
    .section_0_wrap .con_tab_menu_wrap {
        top: 33%;
        left: 50%;
        transform: translate(-99%, -50%);
        z-index: 10;
    }
    .section_0_wrap .con_video {
        border:none;
        outline: none;
        
    }
    
    .section_0_wrap .con_video video{
        width: 59vw;
        height: 31.6vh;
        position: absolute;
        bottom: 0%;
        left: -10%;
        transform: translate(0%,-36.2%);
        opacity: 0.3;
        outline: none;
    }
    
    .section_0_wrap .con_box_right {
        right: 16.9%;
        bottom:0%;
        transform: translate(-7.6%,0%);
    }
    .section_0_wrap .con_box_right .con_img {
        width:26vw;
        height:75vh;
        background:url("../img/main/main_bg_matt.png");
        background-size: cover;
        transition: 0.5s;
    }
    
    .section_0_wrap .content_answer {
        display: none;
    }
    
    .section_0_wrap .q_title {
        display: inline-block;
        font-family: 'Eina01',sans-serif;
        font-size:  4.6vh;
        font-weight: bold;
        letter-spacing: 5px;
        text-align: left;
        color: #203465;
        cursor: pointer;
        position: relative;
    }
    .section_0_wrap .q_title::after {
        content: "";
        width:0%;
        height:5px;
        position:absolute;
        bottom: 0%;
        left: 0%;
        background:#203465;
        transition: 0.5s;
        transform-origin: 0% 100%;
    }
    
    .section_0_wrap .q_title:hover::after {
        width:100%;
    }
    
    .section_0_wrap .q_title .link {
        color:#203465;
    }
    
    .section_0_wrap .content_answer_wrap .a_desc {
        display: block;
        font-family: 'Eina01',sans-serif;
        font-size: 1.2vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: normal;
        color: #203465;
        margin-top: calc(100vw*(10/1315));
        margin-bottom: calc(100vw*(10/1315));
    }
    
    /* section_0 메인 1 페이지 끝 */
    
    
    
    
    /* section_1 메인 2 페이지 */
    .section_1_wrap_slide {
        width: 100%;
        height: 100%;
        padding-top: calc(100vw*(130/1920));
    }
    .section_1_wrap .con_box {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .section_1_wrap .con_box_img {
    width:41.667vw;
    }
    
    .section_1_wrap .con_box_text {
        margin-left: 14.167vw;
    }
    
    .con_box_text .blue_nobold18,
    .con_box_text .dark_span_nobold18 {
        font-size:calc(100vw*(18/1920));
        line-height: 1.2;
    }
    .con_box_text .dark_span_nobold18 {
        display: block;
        margin:0.1vw 0;
    }
    .con_box_text .e_blue_span_bold_line40 {
        display: block;
        font-size:calc(100vw*(40/1920));
        margin:0vw 0vw 1.667vw 0vw;
    }
    
    .section_1_wrap_slide .con_box_img {
        width:41%;
        position: relative;
    }
    
    .section_1_wrap_slide .con_box_img .clipimg2 {
        position:absolute;
        left: 0%;
        top:0%;
        background: #FFFF00;
        clip-path: circle(17% at 80% 45%);
        transition: 0.7s;
    }
    
    .circleImgback {
        content: "";
        width: 30%;
        height: 39%;
        border-radius: 50%;
        background: #FFFF00;
        position: absolute;
        left:61%;
        top: 27%;
        z-index: -1;
        transition: 0.65s;
    }
    
    
    
    
    
    /* section1스와이퍼  */
    .materialTextSw  {
        width:30%;
    }
    .slide1-2 .swiper-container {
    margin:inherit;
    }
    
    .section_1_wrap_slide .con_box {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .section_1_wrap_slide .con_box .sw_bottom {
    margin-left: inherit;
    }
    .materialSw .con_box_img {
        width: 41.667vw;
    }
    
    
    /* 스와이퍼 커스텀  */
      .swiper-button-next,
    .swiper-button-prev,
    .sec1_prev,
    .sec1_next  {
        /* position: absolute; */
        position:relative;
        width:2.604vw;
        height: 2.083vw;
        margin-top:0px;
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .swiper-button-next,
    .sec1_next {
        bottom:0px;
        left:1.125vw;
    }
    
    .swiper-button-prev,
    .sec1_prev {
        bottom:0px;
        left:0px;
    }
    
    .swiper-button-next:after, 
    .swiper-button-prev:after,
    .sec1_prev:after,
    .sec1_next:after {
        content: "";
        width:2.604vw;
        height: 2.083vw;
        background:url("../img/icon/arrow_2.png") no-repeat;
        background-size:100% 100%;
    }
    
    .swiper-button-next:after,
    .sec1_next:after {
        transform:rotateZ(180deg);
    }
    .materialTextSw {
        position:relative;
    }
    .sec1_entryBtn {
        width:5.208vw;
        height:5.208vw;
        background:url("../img/icon/main_arrow.png") no-repeat;
        background-size:100% 100%;
        position: absolute;
        bottom:0%;
        z-index: 999;
        cursor: pointer;
    }
    
    
    
    /* 페이지 넘버링  */
    
    .pagenations_ {
        position: absolute;
        bottom:0%;
        right: 0%;
        display: flex;
        justify-content: flex-start;
        align-items:flex-end;
        font-family: 'Eina01', sans-serif;
        font-size: 1.563vw;
        font-style: normal;
        line-height: 1vw;
        color: #203465;
        margin:0vw 0vw 0.4vw 1vw;
    }
    
    .pagenations_ .span,
    .pagenations_ .div {
        display: inline-block;
        width:1.163vw;
        text-align: center;
    }
    
    .slide1-2 .pagenations_ {
        position:relative;
    bottom:inherit;
    right:inherit;   
    justify-content: flex-end;
    
    }
    .sw_bottom {
        padding-top: 5.208vw;
        margin-left: 14.167vw;
        display: flex;
        justify-content: space-between;
        transform: translate(0%,100%);
        transition: 0.5s;
    }
    
    .material_slide_navi {
        display: flex;
    }
    
    .material_slide_navi .swiper-button-prev,
    .material_slide_navi .swiper-button-next {
        position: inherit;
    }
    
    .material_slide_navi .swiper-button-next {
        margin-left:2.083vw;
    }
    
    /* section_1 메인 2 페이지 끝 */
    
    
    
    
    
    /* section_2 메인 3 페이지  */
    .section_2_wrap {
        width: 100%;
        height: 100%;
        margin:0 auto;
    }
    
    .section_2_wrap .con_box_wrap {
        width:100%;
        height: 100%;
        padding-top: calc(100vw*(130/1920));
        display: flex;
        justify-content:center;
        align-items: center;
    }
    
    .section_2_wrap .con_box_text {
        position: relative;
    }
    
    .section_2_wrap .con_box {
        width:34.271vw;
    }
    
    .section_2_wrap .con_box .e_blue_span_nobold20 {
        font-size: 0.938vw;
    }
    
    .section_2_wrap .con_box .blue_span_40 {
        font-size: 2.083vw;
    
    }
    
    .section_2_wrap .con_box_desc_top .e_blue_span_nobold20,
    .section_2_wrap .con_box_desc_bottom .e_blue_span_nobold20 {
        font-size: calc(100vw*(20/1920));
    }
    
    .section_2_wrap .con_box_desc_top .dark_span_15,
    .section_2_wrap .con_box_desc_bottom .dark_span_15 {
        display: inline-block;
        margin-top: 1.094vw;
        font-size: calc(100vw*(15/1920));
        line-height: 1.2;
    }
    
    
    
    
    .section_2_wrap .con_box .link {
        display: block;
        position: absolute;
        right:11.042vw;
        bottom:-14.427vw;
    }
    .section_2_wrap .con_box_text .line_ {
        display: inline-block;
        width:2.604vw;
        height: 1px;
        background:#203465;
        margin: 0vw 1.042vw 0.351vw 0vw;
      
    }
    
    .section_2_wrap .con_box_desc_top {
        padding-bottom: 2.083vw;
        border-bottom: 1px solid #333333;
    }
    
    .section_2_wrap .con_box_desc_bottom {
        padding-top: 2.083vw;
    }
    
    .section_2_wrap .con_box_desc_top>div,
    .section_2_wrap .con_box_desc_bottom>div {
        display: flex;
        justify-content: space-between;
    }
    
    .section_2_wrap .con_box_desc_top>div>div:first-child,
    .section_2_wrap .con_box_desc_bottom>div>div:first-child {
        width:calc(100vw*(350/1920));
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .section_2_wrap .con_box_desc_top_icon,
    .section_2_wrap .con_box_desc_bottom_icon {
        width:6.354vw;
    }
    
    .section_2_wrap .con_box_desc_top_img,
    .section_2_wrap .con_box_desc_bottom_img {
        width:15.625vw;
    }
    
    /* section_2 메인 3 페이지 끝 */
    
    /* section_3 메인 4 페이지*/
    
    .m_mat_tab {
        display: none;
    } 
    
    .section_3_wrap {
        width:100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .section_3_wrap .mat_tab {
        width:39.167vw;
        height:55%;
        margin:0 auto;
        background-color: #fbfbfe;
      }
      
      
      .section_3_wrap .mat_tab .title_wrap {
        text-align: center;
        margin: 0px;
      }
      
      .section_3_wrap .mat_tab .title_wrap .span {
        display: block;
      }
    
      .section_3_wrap .mat_tab .title_wrap .e_blue_span_nobold20 {
          font-size: 1.042vw;
      }
      
      .section_3_wrap .mat_tab .title_wrap .blue_span_nobold30 {
          font-size: 1.563vw;
        margin: 0.625vw 0vw 4.167vw 0vw;
      }
    
      .section_3_wrap .mat_con_text_wrap .blue_bold18_ {
          font-size: 1.458vw;
          line-height: 1vw;
      }
      .section_3_wrap .mat_con_text_wrap .dark_span_15{
          font-size: 0.781vw;
          line-height: 1vw;
      }
      .section_3_wrap .mat_con_text_wrap .blue_span_16 {
          font-size: 0.833vw;
          line-height: 1vw;
          margin-bottom: 0.521vw;
      }
      .section_3_wrap .mat_con_text_wrap .e_blue_span_light_bold20 {
          font-size: 1.042vw;
          line-height: 1vw;
      }
    
      .section_3_wrap .mat_con_text_wrap .e_blue_span_light_bold20 .link {
          color:#203465;
      }
    
    
      
    /*메모리 폼이 제공하는의 하단 Tab-menu영역*/
    .section_3_wrap .mat_con {
        width: 100%;
        list-style: none;
        text-align: center;
      }
      
      .section_3_wrap .mat_con .ul {
        display: flex;
        justify-content: space-between;
      }
      
      .section_3_wrap .mat_con .list {
        display: block;
        width: 7.448vw;
        height: 10.365vw;
        border-radius: 0.781vw;
        cursor: pointer;
      }
      
      .section_3_wrap .mat_con .list:nth-child(1) {
        background: url('../img/mat_guide/man1.png') no-repeat;
        background-size: 102% 103%;
        background-position: center;
      }
      
      .section_3_wrap .mat_con .list:nth-child(2) {
        background: url('../img/mat_guide/man2.png') no-repeat;
        background-size: 102% 103%;
        background-position: center;
      }
      
      .section_3_wrap .mat_con .list:nth-child(3) {
        background: url('../img/mat_guide/man3.png') no-repeat;
        background-size: 102% 103%;
        background-position: center;
      }
      
      .section_3_wrap .mat_con .list:nth-child(4) {
        background: url('../img/mat_guide/man4.png') no-repeat;
        background-size: 102% 103%;
        background-position: center;
      }
      
      
      .section_3_wrap .mat_con .list .img {
        display: block;
        border-radius: 0.521vw;
      }
      
      .section_3_wrap .mat_con .list.current {
        box-shadow: inset -0.3vw -0.3vw 0.1vw #203465;
      }
      
      .section_3_wrap .mat_con .mat_con_text_wrap {
        width: 100%;
        height: 12.240vw;
        border-left: 1px solid #333333;
        margin: 1.302vw 0vw 0vw 1.042vw;
        position: absolute;
      }
      
      .section_3_wrap .mat_con .mat_con_text_wrap::after {
        content: "";
        width: 0.521vw;
        height: 0.521vw;
        background: #333333;
        border-radius: 50%;
        position: absolute;
        left: 0%;
        top: 1.667vw;
        transform: translate(-50%, 0px);
      }
      
      .section_3_wrap .mat_con .mat_con_text_wrap .p {
        margin: 1.042vw 0px;
      }
      
      .section_3_wrap .mat_con .mat_con_text_wrap .e_blue_span_light_bold20,
      .section_3_wrap .mat_con .mat_con_text_wrap .blue_span_16 {
        display: block;
      }
      
      .tab-content {
        display: none;
      }
      
      
      .tab-content.current {
        display: inherit;
        text-align: left;
        padding:1.094vw 0vw 0vw 1.302vw;
      }
      
      .arcodian_qna_wrap .ul,
      .map_toggle_menu_wrap .ul {
        border: none;
      }
    
      .arcodian_qna_wrap {
          position: relative;
      }
    
      .mat_con_text_wrap {
          position: absolute;
      }
      
    
      /* section_3 메인 4 페이지 끝 */
    
    
      /* section_4 메인 5 페이지  */
    
      .section4_wrap .blue_span_40{
          display:block;
          font-size:2.083vw;
          font-weight: bold;
          line-height: 1.4;
          text-align: center;
          margin-bottom: 4.323vw;
      }
      .section4_wrap .dark_span_nobold18{
          font-size:1vw;
          line-height: 1.4;
          text-align: center;
          margin-bottom: 1.323vw;
    
      }
    
      .section4_wrap .con_icon {
          width:40.677vw;
          display: flex;
          justify-content: space-between;
          margin:3.125vw auto 4.167vw auto;
      }
      .section4_wrap .img {
          width:8.229vw;
      }
    
      /* section_4 메인 5 페이지 끝 */
    
      /* section_5 메인 6 페이지  */
      .slide2_wrap {
          width:100%;
          height: 100%;
          padding-top:130px;
            
      }
    
      .slide2_wrap .con_wrap {
        width:79.688vw;
        /* height: 100%; */
        margin:0vw auto 0vw 13.542vw;
        position: relative;
        display: flex;
        align-items: center;
      }
    
      .slide2_wrap .con_box_left {
         width:36.50vw;
      }
    
      .slide2_wrap .con_box_right {
          width:50vw;
          height:70%;
      }
    
      .slide2_wrap .ameriSw {
          width:100%;
          height: 100%;
      }
    
      .slide2_wrap .con_box_left .ameriSwText,
      .slide2_wrap .con_box_left .ameriSwTitle {
          width:100%;
          padding-top: 1vw;
          padding-bottom:1vw;
      }
    
    
      .slide2_wrap .sw_title {
          width:15.531vw;
        
          font-size: 1.6vw;
          line-height: 1.4;
      }
    
      .slide2_wrap .sw_title .span {
          font-size:1.563vw;
          line-height: 3vw;
      }
    
      .slide2_wrap .line_ {
          width:1px;
          height: 23.979vh;
          border-left: 1px solid #203465;
      }
    .slide2_wrap .main_slide_navi {
        width: 5vw;
        display: flex;
        justify-content: space-between;
    }
    
      .slide2_wrap .con_wrap .blue_span_nobold30 {
          display: inline-block;
        font-size: 1.6vw;
        line-height: 1.4;
        margin-bottom: 1.563vw;
      }
    
      .slide2_wrap .con_wrap .dark_span_nobold18 {
        font-size: 1vw;
        line-height: 1.4;
      }
    
      /* 스와이퍼 css  */
      /* .ameriSw .swiper-slide:not(.swiper-slide:nth-child(3), .swiper-slide:nth-child(4)) .img {
        width:36.458vw;
      } */
    
      .ameriSw .swiper-slide .img {
        width:36.458vw;
      }
    
      .ameriSw .factory_ img {
          width: 78%;
          height: 85%;
      }
    
      .ameriSw .factory_ .span {
          display: inline-block;
          padding-top: 10px;
      }
      .slide2_wrap .pagenations_ {bottom:20%; transform: translate(0%,100%);}
    
      /* 스케치 인터렉션 메인 섹션 5 - 4번 */
    .skech_wrap {
        width:100%;
        height:90%;
        position:relative;
    }
    .skech_wrap div {
        position:absolute;
    }
    
    .skech_wrap span {
        display: block;
        font-size: 0.8vw;
        color:#203465;
        position:relative;
        text-align: center;
    }
    
    .skech_1,
    .skech_2,
    .skech_3,
    .skech_4,
    .skech_5{
        width:100%;
        height: 100%;
        position:absolute;
        left:0%;
        top:0%;
    }
    
    
    .skech_1{
        background:url('/img/main/skech_1.png') no-repeat;
        background-size:100% 100%;
    }
    .skech_2{
        background:url('/img/main/skech_2.png') no-repeat;
        background-size:100% 100%;
        opacity: 0;
        
        
    }
    .skech_3{
        background:url('/img/main/skech_3.png') no-repeat;
        background-size:100% 100%;
        opacity: 0;
    
    
    }
    .skech_4{
        background:url('/img/main/skech_4.png') no-repeat;
        background-size:100% 100%;
        opacity: 0;
    }
    .skech_5{
        background:url('/img/main/skech_5.png') no-repeat;
        background-size:100% 100%;
        opacity: 0;
    }
    
    .skech_animate_01 {
        animation: showslow1 .5s steps(22) forwards;
        animation-delay: 0.5s;
    }
    .skech_animate_02 {
        animation: showslow1 1.5s steps(22) forwards;
        animation-delay: 1s;
    }
    .skech_animate_03 {
        animation: showslow1 1.5s steps(22) forwards;
        animation-delay: 2.5s;
    }
    .skech_animate_04 {
        animation: showslow1 1.5s steps(22) forwards;
        animation-delay: 3.5s;
    }
    .skech_animate_05 {
        animation: showslow1 1.5s steps(22) forwards;
        animation-delay: 3.8s;
    }
    
    
    @keyframes showslow1 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    .skech_text_1,
    .skech_text_2,
    .skech_text_3,
    .skech_text_4,
    .skech_text_5 {
        position:absolute;
        opacity: 0;
    }
    
    
    .skech_text_1 .span:last-child::after,
    .skech_text_2 .span:last-child::after,
    .skech_text_3 .span:last-child::after,
    .skech_text_4 .span:last-child::after,
    .skech_text_5 .span:last-child::after {
        content: "";
        position:absolute;
        width: 1px;
        height: 60px;
        background:#203465;
        bottom:0%;
        left:50%;
        transform: translate(50%,100%);
    }
    
    .skech_text_1 .span:last-child::after{
        bottom: 15%;
    }
    .skech_text_2 .span:last-child::after{
        bottom: 0%;
    }
    .skech_text_3 .span:last-child::after{
        transform: translate(50%,0%);
        bottom: 200%;
    }
    .skech_text_4 .span:last-child::after{
        transform: translate(50%,0%);
        bottom: 200%;
    }
    .skech_text_5 .span:last-child::after{
        transform: translate(50%,-100%);
        bottom: 58%;
    }
    
    .skech_text_1{
        left: 10%;
        top: 20%;
    }
    .skech_text_2{
        left: 62%;
        top: 20%;
    }
    .skech_text_3{
        left: 42%;
        bottom: 16%;
    }
    .skech_text_4{
        left: 19%;
        bottom: 17%;
    }
    .skech_text_5{
        left: 4%;
        bottom: 28%;
    } 
    
    
      /* section_5 메인 5 페이지 끝 */
    
        /* 풀페이지 css 시작 */
      /*!
     * fullPage 2.9.7
     * https://github.com/alvarotrigo/fullPage.js
     * MIT licensed
     *
     * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
     */
    html.fp-enabled,
    .fp-enabled body {
        margin: 0;
        padding: 0;
        overflow:hidden;
    
        /*Avoid flicker on slides transitions for mobile phones #336 */
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
    .fp-section {
        position: relative;
        -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
        -moz-box-sizing: border-box; /* <=28 */
        box-sizing: border-box;
    }
    .fp-slide {
        float: left;
    }
    .fp-slide, .fp-slidesContainer {
        height: 100%;
        display: block;
    }
    .fp-slides {
        z-index:1;
        height: 100%;
        overflow: hidden;
        position: relative;
        -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
        transition: all 0.3s ease-out;
    }
    .fp-section.fp-table, .fp-slide.fp-table {
        display: table;
        table-layout:fixed;
        width: 100%;
    }
    .fp-tableCell {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 100%;
    }
    .fp-tableCell:nth-child(6) {
        padding:inherit;
    }
    .fp-slidesContainer {
        float: left;
        position: relative;
    }
    .fp-controlArrow {
        -webkit-user-select: none; /* webkit (safari, chrome) browsers */
        -moz-user-select: none; /* mozilla browsers */
        -khtml-user-select: none; /* webkit (konqueror) browsers */
        -ms-user-select: none; /* IE10+ */
        position: absolute;
        z-index: 4;
        bottom: 50%;
        cursor: pointer;
        width: 0;
        height: 0;
        margin-top: -38px;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    .fp-controlArrow.fp-prev {
        left: 15px;
        width: 0;
        border-width: 38.5px 34px 38.5px 0;
        border-color: transparent #fff transparent transparent;
        display: none;
    }
    .fp-controlArrow.fp-next {
        width:5.208vw;
        height: 5.208vw;
        background:url("../img/icon/main_arrow.png") no-repeat;
        background-size: contain;
        left: 50%;
        bottom: 7.760vw;
        transform:translate(-50%,50%);
    }
    
    /* section1 슬라이드  */
    #section1 .fp-controlArrow.fp-next {
        left: 50%;
        top: 50%;
        transform: translate(110%,200%);
    }
    .fp-scrollable {
        overflow: hidden;
        position: relative;
    }
    .fp-scroller{
        overflow: hidden;
        /* height: 100%; */
    }
    .iScrollIndicator{
        border: 0 !important;
    }
    .fp-notransition {
        -webkit-transition: none !important;
        transition: none !important;
    }
    #fp-nav {
        position: fixed;
        z-index: 100;
        margin-top: -32px;
        top: 50%;
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
    }
    #fp-nav.right {
        right: 17px;
    }
    #fp-nav.left {
        left: 17px;
    }
    .fp-slidesNav{
        position: absolute;
        z-index: 4;
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        left: 0 !important;
        right: 0;
        margin: 0 auto !important;
    }
    .fp-slidesNav.bottom {
        bottom: 17px;
    }
    .fp-slidesNav.top {
        top: 17px;
    }
    #fp-nav ul,
    .fp-slidesNav ul {
      margin: 0;
      padding: 0;
    }
    #fp-nav ul li,
    .fp-slidesNav ul li {
        display: block;
        width: 0.729vw;
        height: 0.677vw;
        margin: 1.823vw 0px 0px 2.604vw;
        position:relative;
    }
    .fp-slidesNav ul li {
        display: inline-block;
    }
    #fp-nav ul li a,
    .fp-slidesNav ul li a {
        display: block;
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
        cursor: pointer;
        text-decoration: none;
    }
    #fp-nav ul li a.active span,
    .fp-slidesNav ul li a.active span,
    #fp-nav ul li:hover a.active span,
    .fp-slidesNav ul li:hover a.active span{
        height: 1.042vw;
        width: 1.042vw;
        margin: -0.313vw 0 0 -0.313vw;
        border-radius: 100%;
        background:#ffffff;
        border:1px solid #203465;
     }
    #fp-nav ul li a span,
    .fp-slidesNav ul li a span {
        border-radius: 50%;
        position: absolute;
        z-index: 1;
        height: 0.521vw;
        width: 0.521vw;
        border: 0;
        background: #203465;
        left: 50%;
        top: 50%;
        margin: -2px 0 0 -2px;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }
    #fp-nav ul li:hover a span,
    .fp-slidesNav ul li:hover a span{
        width: 10px;
        height: 10px;
        margin: -5px 0px 0px -5px;
    }
    #fp-nav ul li .fp-tooltip {
        position: absolute;
        top: -2px;
        color: #fff;
        font-size: 14px;
        font-family: arial, helvetica, sans-serif;
        white-space: nowrap;
        max-width: 220px;
        overflow: hidden;
        display: block;
        opacity: 0;
        width: 0;
        cursor: pointer;
    }
    #fp-nav ul li:hover .fp-tooltip,
    #fp-nav.fp-show-active a.active + .fp-tooltip {
        -webkit-transition: opacity 0.2s ease-in;
        transition: opacity 0.2s ease-in;
        width: auto;
        opacity: 1;
    }
    #fp-nav ul li .fp-tooltip.right {
        right: 20px;
    }
    #fp-nav ul li .fp-tooltip.left {
        left: 20px;
    }
    .fp-auto-height.fp-section,
    .fp-auto-height .fp-slide,
    .fp-auto-height .fp-tableCell{
        height: auto !important;
    }
    
    .fp-responsive .fp-auto-height-responsive.fp-section,
    .fp-responsive .fp-auto-height-responsive .fp-slide,
    .fp-responsive .fp-auto-height-responsive .fp-tableCell {
        height: auto !important;
    }
    
    
    /* main footer 커스텀  */
    .pc_foo {
        width: 100%;
        padding: 1px 60px 0px 78px;
        background-color: #203465;
        margin-top: 150px;
    }
    .pc_foo_wrap .sns_title{
        padding-bottom: 50px;
    }
    
    .pc_foo .link {    
    font-size: 0.938vw;
    }
    .pc_foo .foo_top {
        padding-bottom: 50px;
    }
    .pc_foo_wrap .company_info_wrap {
        padding: 20px 0px 100px 0px;
    }
    /* 풀페이지 css 끝  */
    /* img 애니메이트  */
    #section4 {
        position: relative;
    }
    .img_animate {
        width: 100%;
        height: 100%;
        position: absolute;
        top:0%;
        left:0%;
    }
    
    .img_animate div {
        width:460px;
    }
    
    .top_left_box {
        position: absolute;
        top:0%;
        left:0%;
        transform: translate(-7%, 0%) rotate(20deg);
        width:23vw;
        height: 419px;
        background:url("../img/main/top_le.png");
        background-size:contain;
        -webkit-mask: url('../img/main/sprite.png');
        -webkit-mask-size: 2300% 100%;
        mask: url('../img/main/sprite.png');
        display: none;
    }
    
    
    
    .bottom_le_box {
        position: absolute;
        bottom:0%;
        left:0%;
        transform: translate(-16%,24%);
        width:460px;
        height: 419px;
        background:url("../img/main/bottom_le.png") no-repeat;
        background-size:contain;
        -webkit-mask: url('../img/main/sprite.png');
        -webkit-mask-size: 2300% 100%;
        mask: url('../img/main/sprite.png');
        display: none;
    }
    
    
    
    
    
    
    .side_right_box {
        position: absolute;
        top:0%;
        bottom:0%;
        right:0%;
        transform: translate(47%,1%);
        width:600px;
        background:url("../img/main/side_ri.png");
        background-size:contain;
        -webkit-mask: url('../img/main/sprite.png');
        -webkit-mask-size: 2300% 100%;
        mask: url('../img/main/sprite.png');
        display: none;
    }
    
    
    /* 풀페이지 슬라이드 1번 - 스와이퍼 0번 인덱스 */
    .top_left_box_slide2{
        background:url("../img/main/slide2_top_le.png") no-repeat;
        left:-8%;
    }
    
    .bottom_le_box_slide2{
        background:url("../img/main/slide2_bottom_le.png") no-repeat;
        left:-8%;
    }
    
    /* 풀페이지 슬라이드 1번 - 스와이퍼 1번 인덱스 */
    .side_right_box_slide2{
        right:2%;
        background:url("../img/main/slide2-2_side_right_box.png") no-repeat;
        
    }
    
    /* 풀페이지 슬라이드 1번 - 스와이퍼 2번 인덱스 */
    .bottom_le_box_slide3{
        background:url("../img/main/slide2-3_bottom_le.png") no-repeat;
        left:0%;
    }
    .side_right_box_slide3{
        right:2%;
        background:url("../img/main/slide2-3_side_right.png") no-repeat;
        
    }
    
    /* 풀페이지 슬라이드 1번 - 스와이퍼 3번 인덱스 */
    .top_left_box_slide4{
        background:url("../img/main/slide2-4_top_left.png") no-repeat;
        left: -4%;
        top: -2%;
        transform: translate(-7%, 0%) rotate(358deg);
    }
    
    .bottom_le_box_slide4{
        background:url("../img/main/slide2-4_bottom_le.png") no-repeat;
        left: 7%;
        bottom: 3%;
    }
    
    
    
      /* 슬라이드 진입시 */
      @keyframes mainsection5_ani {
        from {
          -webkit-mask-position: 100% 0%;
              mask-position: 100% 0%;        
        }
      
        to {
          -webkit-mask-position: 0% 0%;                
        }
      }
      
    .main_sec_flower_1 {
        display:block;
        animation: mainsection5_ani 1.2s steps(22) forwards;
    }
    .main_sec_flower_2 {
        display:block;
        animation: mainsection5_ani 1.2s steps(22) forwards;
    }
    .main_sec_flower_3 {
        display:block;
        animation: mainsection5_ani 1.2s steps(22) forwards;
    }
    
    
    
    /* 슬라이드 떠날때 */
      @keyframes mainsection5_ani_leave {
        from {
          -webkit-mask-position:0% 0%;
              mask-position:0% 0%;        
        }
      
        to {
          -webkit-mask-position: 100% 0%;                
        }
      }
    
    
    .main_sec_flower_1_leave {
        display:block;
        animation: mainsection5_ani_leave 1.2s steps(22) forwards;
    }
    .main_sec_flower_2_leave {
        display:block;
        animation: mainsection5_ani_leave 1.2s steps(22) forwards;
    }
    .main_sec_flower_3_leave {
        display:block;
        animation: mainsection5_ani_leave 1.2s steps(22) forwards;
    }


    /* 로딩 페이지  */

    
    @keyframes loding {
        from {
          -webkit-mask-position:0% 0%;
              mask-position:0% 0%;        
        }
      
        to {
          -webkit-mask-position: 100% 0%;                
        }
      }

      @keyframes loding_text {
          0% {
              width:1px;
          }
          25% {
            width:40px;
        }
        50% {
            width:80px;
        }
        75% {
            width:120px;
        }
        100% {
            width:610px;
        }
      }

      .loading_wrap {
        width: 100vw;
        height: 100vh;
        background:#203465;
        position:relative;
        z-index: 9999;
        background-size:contain;
        -webkit-mask: url('../img/main/sprite.png');
        -webkit-mask-size: 2300% 100%;
        mask: url('../img/main/sprite.png');
         animation: loding 2s steps(22) forwards;  
        animation-delay: 2.5s;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .loding_logo {
        height: 15vh;
        background:url('../img/ameri_logo2.svg') no-repeat;
        margin:0 auto;
        animation: loding_text 1s steps(50) forwards; 
        animation-delay: 1s;
    }


    [data-aos][data-aos][data-aos-delay='4500'].aos-animate, 
body[data-aos-delay='4500'] [data-aos].aos-animate {
	transition-delay: 4.5s;
}

[data-aos][data-aos][data-aos-delay='5000'].aos-animate, 
body[data-aos-delay='5000'] [data-aos].aos-animate {
	transition-delay: 5s;
}

[data-aos][data-aos][data-aos-delay='5700'].aos-animate, 
body[data-aos-delay='5700'] [data-aos].aos-animate {
	transition-delay: 5.7s;
}


@keyframes imgEffect {
    0%{
        opacity: 1;
        transform: scale(1) translateX(0px);

    }
    50%{
        opacity: 1;
        border-radius: 20%;
       

    }
    100%{
        opacity: 0;
        transform: scale(0) translateX(2000px);
        display: none;
    }
}
    
.ani_img_box {
    display: flex;
flex-wrap:wrap;
}
.blocks {
    position:relative;
    width: 5vw;
    height: 5vh;
    background:#ffffff;
    animation:imgEffect 0.75s ease-in-out forwards;
    
    /* border:1px solid red; */
}

@keyframes videoAni {
    0% {
        opacity: 0;

    }
    25% {
        opacity: 0.2;

    }
    50% {
        opacity: 0.5;

    }
    75% {
        opacity: 0.7;

    }
    100% {
        opacity: 1;

    }
}

.con_video {
    opacity: 0;
 animation:videoAni 1.5s ease-in-out forwards;
 animation-delay: 4s;
}


@keyframes section2ani {
    0% {
        
         transform: translate(-100%, 0%);
         filter: blur(100px);
    }
    100% {
        
         transform: translate(0%, 0%);
         filter: blur(0px);

    }
}

@keyframes section2ani_text {
    0% {
        
         transform: translate(0%, 100%);
         filter: hue-rotate(320deg);
    }
    25% {
        
    
        filter: hue-rotate(85deg);
   }
   50% {
        

    filter: hue-rotate(45deg);
}
80% {
        

    filter: hue-rotate(20deg);
}
    100% {
        filter: hue-rotate(0deg);
         transform: translate(0%, 0%);

    }
}

.section_1_wrap_slide .con_box_img {
    transform: translate(-100%, 0%);
}
.section_1_wrap_slide .con_box_img.animate_start {
    animation:section2ani 1.5s ease-in-out forwards;
}

.section_1_wrap_slide .con_box_text {
    transform: translate(0%, 100%);
}
.section_1_wrap_slide .con_box_text.animate_start_text {
    animation:section2ani_text 2.5s ease-in-out forwards;
}


@keyframes section3ani {
    0% {
         transform: translate(100%, 0%);
         filter: blur(200px);
    }
    100% {
        
         transform: translate(0%, 0%);
         filter: blur(0px);

    }
}

.section_2_wrap .con_box_wrap {
    transform: translate(100%, 0%);
}
.section_2_wrap .con_box_wrap.sec_animate_start {
    animation: section3ani 1.5s  ease-in-out forwards;
}


@keyframes section4ani {
    0% {
        width: 1%;
   }
100% {
    width: 100%;
}
}


.section_3_wrap .tab_wrap {
    width:1%;
    
}

.section_3_wrap .tab_wrap.sec4_animate_start {
    
    animation: section4ani .8s  ease-in-out forwards;
}


@keyframes section4aniText {
    0% {
        transform: translate(0%, -300%);
   }
100% {
    transform: translate(0%, 0%);
}
}

.section_3_wrap .title_wrap {
    transform: translate(0%, -300%);
    
}

.section_3_wrap .title_wrap.sec4_animate_start_text {
    animation: section4aniText 1.8s  ease-in-out forwards;
}
    
    
    }