/*mobile*/   
@media screen and (max-width:767px){
    
   #tab1 li{font-size: 25px;width:47.5%;margin-right: 5%}
    #tab1 .all li:nth-child(2n) {margin-right: 0}

    #popup_video .video {
      width:538px;
      height: 650px
    }
    #popup_video .video div{
      width:423.5px;
      height: 750.3px;
      margin-right: 30px;
    }
}
 
    
/*tablet*/
@media screen and (min-width:768px) and (max-width:1023px){
    
    #tab1 li{font-size: 25px;width:47.5%;margin-right: 5%}
    #tab1 .all li:nth-child(2n) {margin-right: 0}

    #popup_video .video {
      width:538px;
      height: 650px
    }
    #popup_video .video div{
      width:423.5px;
      height: 750.3px;
      margin-right: 30px;
    }
}
    
/*pc*/  
@media screen and (min-width: 1024px){
    
    #tab1 li{font-size: 20px;width:22%;margin-right: 4%}
    #tab1 .all li:nth-child(4n) {margin-right: 0}

    #popup_video .video {
      width:510px;
      height: 640px;
    }
    #popup_video .video div{
      width:395px;
      height: 701.5px;
      margin-right: 30px;
    }
    
    #thumbnail:hover{transition: all 0.5s;
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px)}
}