/********** about.php **********/
#about_tab {margin-top: 130px; width: 100%; text-align: center; margin-bottom: 100px;}
#about_tab > div {width: 180px; height: 50px; display: inline-block; margin: 0 20px; color: #808181; background-color: #eee; text-align: center; line-height: 50px; font-size: 18px; cursor: pointer; font-weight: bold;}
#about_tab > div.on {color: #111; background-color: #fff; border: 1px solid #111; box-shadow: 10px 10px 12px rgba(0,0,0,0.15);}

/* 학과소개 */
#cont_major {width: 100%; height: 100%;}
#major_desc {display: flex; align-items: center; width: 100%; max-width: 1420px; padding: 0 70px; margin: 0 auto 130px auto;}
#major_desc .desc_lt {float: left; width: 66.6666%; padding-right: 70px;}
#major_desc .desc_rt {float: right; width: 33.3333%; text-align: right; }
#major_desc .desc_rt img {width: 100%; max-width: 345px; height: 100%;}
#major_desc .desc_lt h1 {font-size: 30px; padding-bottom: 30px;}
#major_desc .desc_lt p {font-size: 18px; color: #888;}
#major_desc .desc_lt p.noto {padding-bottom: 50px;}
#major_desc .desc_lt div {font-size: 18px; padding-bottom: 35px; line-height: 200%; transform: rotate(-0.03deg);}
#major_desc .desc_lt div:last-child {padding-bottom: 0;}
#major_desc .chairman {font-size: 14px; text-align: right; font-weight: bold; padding-top: 45px;}
#major_img img {width: 100%;}

/* 교수님 소개 */
#cont_professor {width: 100%; max-width: 1340px; padding: 0 30px; margin: 0 auto; color: #111;}
.professor {margin-bottom: 150px;}
.professor:last-child {margin-bottom: 130px;}
.pro_lt {display: flex; flex-direction: column; justify-content: space-between; float: left; height: 450px; width: 38%; transition: all 0.3s; /* opacity: 0; */}
.pro_lt h1 {font-size: 30px; font-weight: bold;}
.pro_lt h5 {padding-top: 50px; font-size: 18px; line-height: 180%; transform: rotate(-0.03deg);}
.pro_rt {float: left; width: 62%; display: flex; padding-left: 70px; max-height: 480px; transition: all 0.3s; /* opacity: 0; */}
.pro_rt .pro_rt_desc {display: flex; flex-direction: column; justify-content: space-between; padding-left: 40px; float: right;}
.pro_rt .pro_rt_desc .top_dot {padding: 30px 0; border-top: 1px dashed #b7b7b7;}
.pro_rt .pro_img {width: 100%; max-width: 330px; float: left;}
.pro_rt .pro_img img {width: 100%; max-height: 480px; max-width: 330px;}
.pro_rt p {color: #888; font-size: 14px; padding-bottom: 20px; font-family: 'Noto Sans KR', sans-serif; transform: rotate(-0.03deg);}
.pro_rt p:last-child {padding-bottom: 20px;}
.pro_rt .p_first {padding-top: 40px;}
.invite_h1 {width: 100%; max-width: 1300px; padding: 0 10px; margin: 0 auto;}
.invite_h1 h1 {font-size: 30px; padding-bottom: 30px;}
#cont_invite {width: 100%; max-width: 1300px; margin: 0 auto;}
#invite_wrap p {font-family: 'Noto Sans KR', sans-serif; font-size: 18px; text-align: center; padding: 25px 0 50px 0; font-weight: bold;}
#invite_wrap .invite_box_wrapper {width: 100%; max-width: 1300px; margin: 0 auto;}
#invite_wrap .invite_box_wrap {width: 100%; text-align: left; display: table; margin-bottom: 145px;}
#invite_wrap .invite_box_wrap > div {width: 23.3333%; margin: 0 0.5% 2% 0.5%; display: inline-table;}
#invite_wrap .invite_box_wrap > div img {width: 100%;}


@media screen and (max-width: 1350px) {
  #invite_wrap .invite_box_wrap > div {width: 32.3333%;}
}

@media screen and (max-width: 1280px) {
  .pro_lt, .pro_rt {float: none; padding: 0 20px; width: 100%;}
  .pro_lt {margin-bottom: 50px; height: auto;}
  .professor:nth-child(1) .pro_lt {height: auto;}
  .professor:nth-child(3) .pro_lt {height: auto;}
  .pro_rt .pro_img {width: auto;}
  .pro_rt .pro_rt_desc {padding-left: 30px;}
}

@media screen and (max-width: 768px) {
  #about_tab {margin: 50px 0;}
  #about_tab > div {width: 120px; margin: 0 10px; font-size: 16px;}
  #major_desc .desc_lt h1 {font-size: 24px; padding-bottom: 15px;}
  #major_desc .desc_lt p.noto {padding-bottom: 30px;}
  #major_desc .desc_lt div {font-size: 16px; text-align: justify;}
  #major_desc .desc_rt img {width: 100%;}
  #major_desc{
    padding: 0 20px;
    flex-direction: column-reverse;
    row-gap: 50px;
  }
  #major_desc .desc_lt{
    width: 100%;
    padding-right: 0;
  }
  
  #cont_professor {padding: 0 20px;}
  .invite_h1 h1 {font-size: 24px;}
  .pro_lt h1 {font-size: 24px;}
  .professor {margin-bottom: 50px;}
  .pro_lt, .pro_rt {padding: 0;}
  .pro_lt h5 {font-size: 16px; padding-top: 25px;}
  .pro_rt .pro_rt_desc {padding-left: 20px;}
  .pro_rt .pro_rt_desc h1 {font-size: 22px;}
  .pro_rt .p_first {padding-top: 20px;}
  .pro_rt p {font-size: 12px; padding-bottom: 15px;}
  .pro_rt .pro_rt_desc .top_dot {padding: 20px 0;}
  .professor .pro_lt {margin-bottom: 35px;}
  #invite_wrap .invite_box_wrap > div {width: 48%; margin: 0 1% 2% 1%;}
  #cont_invite {width: 103%;}

}

@media screen and (max-width: 468px) {
  .pro_rt {display: block;}
  .pro_rt .pro_rt_desc {padding-left: 0; padding-top: 15px; width: 100%;}
  .pro_lt h5 {padding-top: 20px;}
  .pro_lt h5 {line-height: 162%;}
  .pro_rt .pro_img {width: 75%; float: none; margin: 0 auto;}
  #invite_wrap .invite_box_wrap {margin-left: -5px;}
}


@media screen and (max-width: 400px) {
  #visit_list table td.list_name {width: 20%;}
}