@import url(../style_career/style_jobs.css);
/* =============================== */
/* 內頁 */
/* =============================== */
.mentor_bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: clamp(.625rem,1.0417vw,1.25rem);
    gap:10px;
   }
   .mentorImg{
    width: 50%;
   }
   .mentorImg span{
    display: block;
    position: relative;
    padding-top: 100%;
   }
   .mentorImg span img{
    width:100%;
    height:auto;
    transition: all 0.3s ease-out;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    float: none;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    transition: all 0.3s ease-out;
   }
   .mentor_list{
       display: flex;
       flex-direction: column;
       gap: 10px;
       align-items: flex-start;
       justify-content: center;
       width: 80%;
   }
   
   .mentor_section{
       border-bottom: dotted 2px #ccc;
       width:100%;
       padding-bottom: 10px;
   }
   
   @media(max-width:1100px){
       .mentor_bottom{
           display: flex;
           flex-direction: column;
           justify-content: space-between;
           align-items: flex-start;
           margin-bottom: 10px;
           gap:10px;
          }
          .mentorImg{
           width: 100%;
          }
          .mentor_list{
           display: flex;
           flex-direction: column;
           gap: 10px;
           align-items: flex-start;
           justify-content: center;
           width:100%;
       }
   }