
/* tablet */
@media screen and (max-width:1418px){
   .all_photo{
        width:55%;
        left: 25%;
        top:118px;
        background-size:contain;
       }

       .photo_title{
        position: relative;
        top:54vh;
        left:76%;
       }
        

       .member{
        width: 100%;
        padding:2% 5% 0 5%;
        text-align: left;
        margin-bottom: 85px;
       }

       .member_name{
        position: relative;
       }

       .member_spec{
        position: relative;
        left:36%;
        width: 70%;
        word-break: keep-all;
       }




}

/* tablet 햄버거메뉴 시작*/
@media screen and (max-width:1024px){

   .photo_title{
    position: relative;
    top:54vh;
    left:73%;
    display: none;
   }

   .member_spec{
    position: relative;
    left:30%;
    width: 70%;
    word-break: keep-all;
   }
    
  
}

/* mobile 팀원 세로정렬 시작*/
@media screen and (max-width:768px){


   .member{
    float:none;
    width: 100%;
    height: auto;
    margin:12% 5% 0 5%;
    text-align: left;
   }

   .all_photo{
    width:80%;
    left: 10%;
    top:34%;
    background-size:contain;
   }

   .frame{
    top:57px;
    right: 28px;
   }

   .photo_title{
    position: relative;
    top:55vh;
    left:55%;
    font-size: 1.8em;
    display: none;
   }

   .member_spec{
    position: relative;
    left:-17%;
    width: 113%;
    word-break: keep-all;
    font-size: 1em;
    
    /* background-color: aqua; */
   }

   .member_spec li{
    line-height: 160%
   }
 
}

