@media screen and (min-width: 800px) {
  #home-slider {  width: 800px;}
}
@media screen and (min-width: 1280px) {
  .contents p.txt2-1 {top: 25%;}
  .contents p.txt2-3 {top: 23%;}
    .contents p.txt9-31 {top: 70%;}
    .contents p.txt9-32 {top: 75%;}
}


@media screen and (min-width: 640px) {
    .number {font-size: 1000%;    margin-top: 30%;}
    .swiper-pagination-bullet {margin: 0 0.2%;}
    .btn-index, .btn-index2 {top: 5%;    width: 5%;}
    .layer-popup p {font-size: 100% !important; width: 40%;} .layer-popup p span {font-size: 120% !important;}
    .menuspan1 {height: 11%;}
    .menuspan2 {height: 11%; margin-top: 24%;}
    .menuspan3 {height: 11%; margin-top: 46%;}
    .menuspan4 {height: 11%; margin-top: 68%;}
    .menuspan5 {height: 11%; margin-top: 90%;}
    .contents {    height: 90%; width: 90%; }
    .logo {    width: 13%; margin-top: 17%; }
    h1 span:not(.emphasis) { font-size: 25%;}  
    h1 + p  { font-size: 105%;}  
    .logofooter {    width: 24%;    margin-left: -12%; }
    p.logofooter02 {    width: 40%;    margin-top: 10% !important; }
    p.zoo02 {right:20%; bottom: 37%;}
    .arrow {display: none;}
    .arrow2 {display: block; position: absolute; z-index: 9999; right:1vw; top:7%; width: 5%;}
    .arrow2 img {width:100%;}
    .arrow2 {
    animation: arrow2 1.5s linear infinite;
}

@keyframes arrow2 {
  0% {
    opacity: 1;
      transform: translate3d(0, 0%, 0);
     }
  50% {
    opacity: 0.5;
      transform: translate3d(0, 10%, 0);
  }
  100% {
    opacity: 1;
      transform: translate3d(0, 0%, 0);
  }
}

    
    /*2번째*/
    p.cha01 {    width: 100%;    top: -4%;}
    p.txt2-1 {font-size: 200%; top: 25%;}
    p.txt2-2 {font-size: 130%; top:35%;}
    p.txt2-3 {width: 100%; top: 25%; font-size: 10px;}
    p.txt2-4 {font-size: 100%;    line-height: 1.5rem; font-weight: 100; top: 43%;}
    p.zoo02 {width: 70%;    left: 15%;    bottom: 5%;}
        
    /*3번째*/
    p.wline {    width: 6%;    left: 47%;}
    p.wline:first-child {margin-top: 33%;}
    p.txt3-1 {font-size: 200%;}
    p.txt3-2 {font-size: 120%;    font-weight: 200; line-height: 1.5rem;}
    
    /*4번쩨*/
    p.txt4-1, p.txt4-3, p.txt4-5 {font-size: 250%; left: 5%;}
    p.txt4-2, p.txt4-4, p.txt4-6 {font-size: 130%; left: 5%;}
    .img4-1, .img4-2, .img4-3 {min-height: 33.3%;}
    
    /*5번째*/
    p.txt5-1 {font-size: 250%;    top: 10%;}        
    p.txt5-2 {font-size: 150%;    top: 40%;}
    p.txt5-3 {font-size: 100%;    font-weight: 300;    top: 50%;}
    .swiper-image-inner {background-position: top center;}
    
     /*6번째*/
    p.txt6-1 { top: 55%;}        
    p.txt6-2 { top: 70%;}
    p.txt6-3 { top: 75%;}
    
    /*7번째*/
     p.txt7-2 { top: 65%;}  
    
    /*8번쨰*/
    .img8-3 {width:80%; left:10%;}
    .img8-1 {    width: 40%;    left: 6%;    position: relative;}
    p.txt8-1 {left:10%;}
    .img8-2 {width: 25%;    top: 25%;    right: 15%;}
    
    /*9번째*/
    p.txt9-11 {font-size: 180%;  top: 40%;}
    p.txt9-12 {font-size: 120%;    top: 45%;}
    p.txt9-21 {font-size: 180%;  top: 85%;}
    p.txt9-22 {font-size: 120%;    top: 90%;}
    p.txt9-31 {font-size: 180%;  top: 70%; left:40%;}
    p.txt9-32 {font-size: 120%;    top: 75%; left:40%;}
    p.txt9-41 {font-size: 180%;  top: 37%;  right: 6.5%;}
    p.txt9-42 {font-size: 120%;    top: 42%; right: 11.5%;}
    p.txt9-51 {font-size: 180%;  top: 85%; right: 6.5%;}
    p.txt9-52 {font-size: 120%;    top: 90%; right: 9%;}

}




/*아이패드세로형-211116*/
@media (min-width: 767px) and (min-height: 1000px) {
    .tit000 {width: 75% !important;}
    .btn-index, .btn-index2 {top: 4%;  width: 6%;}
    p.zoo, p.zoo02 {font-size: 10px;}
    h1 span.dobtxt01 {font-size:45%; line-height: 1.8rem;}
    h1 span.dobtxt02 {font-size:35%; line-height: 1.4rem;}
    h1 span.dobtxt03 {font-size:40%; line-height: 1.4rem;}
    .menuspan1 {height: 10%;}
    .menuspan2 {height: 10%; margin-top: 35%;}
    .menuspan3 {height: 10%;margin-top: 70%;}
    .menuspan4 {height: 10%;margin-top: 105%;}
    .menuspan5 {height: 10%;margin-top: 140%;}
    /*1번슬라이드*/
    h1 span.tit01 {font-size: 40%;line-height: 180%; }
    h1 span.tit02 {font-size: 60%;}
    /*7번슬라이드*/
    .pyo06-2, .pyo08-2, .pyo10-2 {width: 90%; left: 5%;}

}


/*아이패드프로13인치세로형*/
@media (min-width: 1000px) and (min-height: 1280px) {
        /*1번슬라이드*/
    .contents h1 span.dobtxt01 {margin-top: 80% !important; line-height: 2.2rem;}
    .contents h1 span.dobtxt02 {line-height: 1.8rem;}
    /*2번슬라이드*/
    p.txt2-1 {top: 20%;}
    p.txt2-3 {top: 18%;}
    p.txt2-4 {top: 30%;}
    /*3번슬라이드*/
    p.wline:first-child {margin-top: 45%;}
    /*5번슬라이드*/
    p.txt5-1 {top: 30%;}
    p.txt5-2 {top: 50%;}
    p.txt5-3 {top: 60%;}
    /*8번슬라이드*/
    p.txt9-11, p.txt9-41 {top: 31%;}
    p.txt9-12, p.txt9-42 {top: 35%;}
    p.txt9-21, p.txt9-51 {top: 82%;}
    p.txt9-22, p.txt9-52 {top: 86%;}
    p.txt9-31 {top: 60%;}
    p.txt9-32 {top: 65%}
    /*9번슬라이드*/
    p.txt8-1 {top: 26%;}
    .img8-1 {margin-top: 50%;}
    .img8-2 {top: 38%;}
    
}




/*아이패드 가로형*/
@media (min-width: 1000px) and (min-height: 650px) {
    p.zoo, p.zoo02 {font-size: 10px;}
    .number {margin-top: 10%;}
    h1 span.dobtxt01 {margin-top: 40% !important;}
    p.gra01, p.gra20, p.gra30, p.gra40, p.gra50 {width: 50%; left: 25%; margin-top:3%;}
    p.zoo05 {top: 50%;}
    .swiper-slide.swiper-slide-active .contit0505 {bottom: 8%;}
    /*2번슬라이드*/
    p.cha01 {top: -18%;}
    p.txt2-1 {font-size: 180%; top: 5%;}
    p.txt2-3 {top: 3%;}
    p.txt2-4 {font-size: 90%; line-height: 1.1rem;}
    /*3번슬라이드*/
    p.wline:first-child {margin-top: 13%;}
    p.wline {margin-top: 8%;}
    p.txt3-1 {font-size: 180%;}
    p.txt3-2 {font-size: 90%;}
    /*4번슬라이드*/
    p.txt4-2, p.txt4-4, p.txt4-6 {font-size: 110%; margin-top: 2%;}
    /*6번슬라이드*/
    p.txt6-1 {top: 10%;}
    p.txt6-2 {top: 50%;}
    /*7번슬라이드*/
    p.txt7-2 {top: 50%;}
    /*8번슬라이드*/
    p.txt9-31 {top: 60%;}
    p.txt9-32 {top: 65%;}
    /*9번슬라이드*/
    .img8-1 {width: 35%;left: 10%;}
    .img8-2 {top: 24%; width: 20%;}
    p.txt8-1 {left: 14%;}
}

/*아이패드프로10.5인치가로형*/
@media (min-width: 1100px) and (min-height: 800px) {
    /*2번슬라이드*/
    .contents p.txt2-1 {top: 33%;}
    .contents p.txt2-3 {top: 30%;}
}



/*아이패드프로13인치가로형*/
@media (min-width: 1281px) and (min-height: 1000px) {
    .btn-index, .btn-index2 {width: 4%;}
    .menuspan2 {height: 9%; margin-top: 20%;}
    .menuspan3 {height: 9%; margin-top: 40%;}
    .menuspan4 {height: 9%; margin-top: 60%;}
    .menuspan5 {height: 9%; margin-top: 80%;}
    
    .contents h1 span.dobtxt01 {margin-top: 55% !important;  font-size: 30%;}
    .contents h1 span.dobtxt02 { font-size: 20%;}
    .contents h1 span.dobtxt03 { font-size: 25%;}
    /*2번슬라이드*/
    p.cha01 {top: -2%;}
    h1 span.tit01 {font-size: 35%;}
    h1 span.tit02 {font-size: 45%;}
    p.txt2-4 {top: 40%;}
    /*3번슬라이드*/
    p.wline:first-child {margin-top: 25%;}
    /*4번슬라이드*/
    p.txt4-2, p.txt4-4, p.txt4-6 {margin-top: 0;}
    /*9번슬라이드*/
    .img8-2 {top: 22%;}
}

/*아이패드프로13인치가로형그이상*/
@media (min-width: 1380px) and (min-height: 1000px) {
    .btn-index .btn-index2 {width: 3%;}
    /*1번슬라이드*/
    .contents h1 span.dobtxt01 {margin-top: 65% !important;}
    /*8번슬라이드*/
    .pyo06-1-3, .pyo08-1-3, .pyo10-1-3 {bottom: 19%;}
}