@media screen and (min-width: 800px) {
  #home-slider {  width: 800px;}
}


@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번째*/
    .tit00 {    width: 60% ;    margin-top: 8%; }
    h1 span.tit01 {   font-size: 30%; line-height: 150%;}  h1 span.tit02 {   font-size: 40%; }
    .subtit01 {font-size: 100%;}
    p.age01 {height: 40%; width: 100%;}
    .age01-20, .age01-30, .age01-40, .age01-50 {width: 80%; left:10%;}
    p.contit02 {left: 0; width: 100%; font-size: 110%; line-height: 140%; font-weight: 200; bottom: 10%;}
    .fontsize {left: 20%; width: 60%; font-size: 130%; line-height: 140%; font-weight: 500;}
        
    /*3번째*/
    p.contit03 {left: 0; width: 100%; font-size: 110%; line-height: 140%; font-weight: 200; bottom: 20%;}
    

    
    /*5번째*/
    p.contit04 {left: 0; width: 100%; font-size: 110%; line-height: 140%; font-weight: 200; bottom: 18%;}  
    
    /*7번째*/
    .tit000 {width:60% !important;}
    .pyo06-2, .pyo08-2, .pyo10-2 {width: 100%; left:0%;}
    .pyo06-1-1, .pyo06-1-2, .pyo08-1-1, .pyo08-1-2, .pyo10-1-1, .pyo10-1-2 {top:42%;}
    .pyo06-1-3, .pyo08-1-3, .pyo10-1-3 {bottom: 14%;}
    
    /*8번째*/
    .pyo062-0 span, .pyo082-0 span, .pyo010-0 span {font-size: 100%; left: 23%; line-height: 1.3rem;}
    .pyo062-1, .pyo082-1, .pyo010-1 {top : 15%;}
    .pyo062-2 {top:45%;}
    .pyo062-3 {top:65%;}
    .pyo082-2, .pyo010-2 {top : 40%;}
    .pyo082-3 {top: 70%;}
    .pyo010-3 {top : 65%;}
    
    .swiper-image-inner {background-size: 70%;}
    
    /*핑크포인트위치값*/
    .pyo06-1-1 {left:33%; transform: translate3d(-60px, 0, 0);}
    .pyo06-1-2 {right: 41%; transform: translate3d(-28px, 0, 0);}
    .pyo06-1-3 {left: 40%; transform: translate3d(-120px, 0, 0);}
    .pyo08-1-1 {left:38%; transform: translate3d(-100px, 0, 0);}
    .pyo08-1-2 {right: 33%; transform: translate3d(-88px, 0, 0);}
    .pyo08-1-3 {left:40%; transform: translate3d(-118px, 0, 0);}
    .pyo10-1-1 {left:42%; transform: translate3d(-138px, 0, 0);}
    .pyo10-1-2 {right: 31%; transform: translate3d(-105px, 0, 0);}
    .pyo10-1-3 {left:41%; transform: translate3d(-129px, 0, 0);}

}




/*아이패드세로형-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;}
    /*7번슬라이드*/
    .pyo06-1-1, .pyo06-1-2, .pyo08-1-1, .pyo08-1-2, .pyo10-1-1, .pyo10-1-2 {top: 37%;}
    /*8번슬라이드*/
    .pyo06-1-3, .pyo08-1-3, .pyo10-1-3 {bottom: 27%;}
    /*10번슬라이드*/
    .pyo082-3 {top: 65%;}
    
}



/*아이패드 가로형*/
@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.contit02, p.contit03, p.contit04 {font-size: 90%;}
    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번슬라이드*/
    .age01-20, .age01-30, .age01-40, .age01-50 {width: 70%; left: 15%; top: 15%;}
    /*6번슬라이드*/
    .pyo06-1-1 {left: 37%;}
    .pyo06-1-3 {left: 43%;}
    .pyo06-1-2 {right: 43%;}
    .pyo08-1-1 {left: 41%;}
    .pyo08-1-3 {left: 42%;}
    .pyo08-1-2 {right: 38%;}
    .pyo10-1-1 {left: 43%;}
    .pyo10-1-3 {left: 44%;}
    .pyo10-1-2 {right: 35%;}
    /*7번슬라이드*/
    .pyo06-2, .pyo08-2, .pyo10-2 {width: 90%; left: 5%;}
    /*8번슬라이드*/
    .pyo062-0 span, .pyo082-0 span, .pyo010-0 span {font-size: 80%; left: 28%;}
}



/*아이패드프로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번슬라이드*/
    h1 span.tit01 {font-size: 35%;}
    h1 span.tit02 {font-size: 45%;}
    .age01-20, .age01-30, .age01-40, .age01-50 {top: 25%;}
    /*7번슬라이드*/
    .pyo06-2, .pyo08-2, .pyo10-2 {width: 88%; left: 6%;}
    /*8번슬라이드*/
    h2.graph03 ul {height: 8.8%;}
    
}

/*아이패드프로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%;}
}