@charset "utf-8";
*{list-style: none; margin:0; padding: 0;}
table tr th, table tr td {vertical-align: middle;}
/* sub tab5 */
.subtab{width:820px; margin: 0 auto;}
.tab03, .tab05{height:64px ;display: flex; justify-content:center; position: relative;z-index:1 ;top:-32px;}
.tab05 li{background: #2e473f; width: 164px; height:100%; text-align: center;}
.tab05 li a.sub{width: 164px; height:64px; color:#fff;
                display: flex;
                align-items: center;
                justify-content: center;}
.tab03 li a.on,
.tab05 li a.on{background: #bca175;}
/* sub tab3 */
.subtab03{width:820px; margin: 0 auto;}
.tab03 li{background: #2e473f; width: 273px; height:100%; text-align: center;}
.tab03 li a.sub{width: 273px; height:64px; color:#fff;
                display: flex;
                align-items: center;
                justify-content: center;}


/* about srf - welcome message */
.sub01{margin: 30px auto; width:1200px;display: flex;}
.welleftbox{width:490px;height:660px;position: relative;margin:0 auto;}
.welleft, .welleftb{width: 28.75rem; height:31.25rem;position:absolute;}
.welleft{z-index: 3;box-shadow: 0 20px 20px rgb(0 0 0 / 20%);}
.welleft img{width:100%;}
.welleftb{z-index: 2; background: #2e473f;top:30px; left:30px;}
.welrighttext{width: 50%; padding: 2rem;position: relative;}
.j-sign{width:154px;}
.j-sign img{width: 100%;}
.j-dear{font-family: 'Playfair Display', serif; margin: 2rem 0;}

/* about srf - SRF Imtroduction */
.sub02{margin: 30px auto 80px auto; width:1200px;}
.sub02 ul li{display: flex; margin: 22px 0; overflow: hidden;}
.sub02img{width:50%;min-width:300px; height: 380px;}
.sub02img:nth-child(1) {background: url('../img/sub02_01.jpg') no-repeat center;background-size: cover;}
.sub02img:nth-child(2) {background: url('../img/sub02_02.jpg') no-repeat center;background-size: cover;}
.sub02img:nth-child(3) {background: url('../img/sub02_03.jpg') no-repeat center;background-size: cover;}
.sub02text{width:50%;min-width:300px;background: #2e473f;padding: 3.75rem;
          display: flex;
          flex-direction: column;
          justify-content: center;}
.sub02text p{color: #fff;}

/* about srf - history of KAARS */
.sub03{margin: 0 auto; width:1020px;padding: 10px;}
.tablecustom{width:48%; border-top: 1px solid #b5b5b5;margin:1%;}
.tablebox{display: flex; flex-wrap: wrap;margin: 50px 0;}
.tablecustom tr{display: -webkit-box;margin: 10px 0;line-height: 1.5rem;}
.tablecustom th{font-size: 1.5rem; font-weight: bold;border-left: 3px solid #b49b74;}
.tablecustom tr td:nth-child(1){font-weight: bold;width:80px;}
.tablecustom td{padding: 0 0 0 0.5rem;}

/* about srf -Executive Committee */
.sub04{margin: 0 auto; width:1200px;padding: 10px 0;}
.sub04 > div {width: 100%; border-bottom: 1px solid #2e473f;text-align: center;}
.p-Executive{display: block;}
.m-Executive{display: none;}

/* about srf Previous Faculty */
.sub05{margin: 0 auto; width:820px;padding: 10px 0;}
.sub05 > ul{display: flex; flex-direction: row; justify-content: center; border-bottom: 1px solid #e9eaec;}
.sub05 > ul > li {padding: 3px 15px;text-align: center;}
.sub05 > ul > li > button{color:#2e473f;display: block;}
.sub05-1 > h2 > span{font-size: 2rem;}
.tab_list.tab_active{ border-bottom: 1px solid #b49b74;}
.tab_content{display: none};
.tab_container >div:nth-child(1){ display: block !important;}

/* SRF program */
.sub06{margin: 100px auto; width:1200px;display: flex;}
.welleft{width:500px;}
.sub06text{font-size: 2rem;padding:20px 0;color:#b5b5b5; font-weight: bold;opacity: 0.5;}
.sub06logo{width:154px;position:absolute;bottom: 50px;}
.sub06logo > svg {filter: grayscale(1);opacity: 0.5;}
.sub06-sub {
  display: flex;
  padding: 3.75rem 0 6rem;
  text-align: center;
  flex-direction: column;
  width: 1000px;
  margin: 0 auto;
  align-items: center;
}
.sub06img{
  margin: 0 auto;
}
.sub06-sub > table{
  font-size: 0.75rem;
  text-align: left;
}
.sub06-sub > table > thead {
  background-color: #b49b74;
}
.sub06-sub table>tbody>tr>td, .sub06-sub table>tbody>tr>th, .sub06-sub table>tfoot>tr>td, .sub06-sub table>tfoot>tr>th, .sub06-sub table>thead>tr>td, .sub06-sub table>thead>tr>th {
  padding: 2.5px;
}
.sub06-sub > table > thead > tr > th:nth-child(1){
  width: 10%;}
table>tbody>tr>th {text-align: center; font-weight: 300;}
.sub06-sub table>tbody>tr>td,
.table>thead:first-child>tr:first-child>th {padding: 2.5px 2.5px 2.5px 8px;}
.res-btn{
  padding: 10px;
  background: #2e473f;
  color: #fff;
  text-align: center;
  position: relative;
  top: 50px;
}
.res-btn:hover{
  color: #b49b74;
}

.pro-map{
  width: 800px;
  margin-top:50px;
}

/* sponsor */
.sub07 {
  max-width: 1200px;
  margin: 3rem auto;
  padding: 10px 0;
}

.spon_pc {
  display: block;
  width: 100%;
}

.spon_mo {display: none;}

@media all and (min-width: 321px) and (max-width: 1080px) {
  /* about srf - welcome message */
  .sub01, .sub06{width:100%;flex-direction: column;}
  .welrighttext{width: 100%;}
  /* about srf - SRF Imtroduction */
.sub02{width:800px;}
.sub02img{height: auto;}
/* sub06 */
.sub06logo{display:none;}

}

@media (max-width: 820px) {
/* sub tab */
.subtab{width:90%;}
.tab05{flex-wrap: wrap;}
/* sub03 */
.sub03{width:100%;margin-top: 30px;padding: 1rem;}
.tablebox{flex-direction: column;align-content: center;}
.tablecustom{width:100%; border-top: 1px solid #b5b5b5;margin:1%;}
/* sub04 */
.sub04{width:100%;}
.p-Executive{display: none;}
.m-Executive{display: block;}
/* sub05 */
.sub05{width: 100%;}
.sub05 > ul{flex-wrap: wrap;}
.tab_container{padding: 15px;}
/* sub06 */
.sub06-sub {  width: 100%;}
.pro-map{
  width: 100%;
  margin-top:50px;
}
.sub06-sub iframe,.pro-map img{width: 100%;}
/* sponsor */
.spon_pc {display: none;}
.spon_mo {display: block; width: 100%;}
}


@media (max-width: 768px) {
  /* sub tab3 */
  .subtab03{width:90%; margin: 0 auto;}
  .tab03 {height:64px ;display: flex;position: relative;z-index:1 ;top:-32px;}
  .tab03 li{background: #2e473f; width: 33.3%; height:100%; text-align: center;}
  .tab03 li a.sub{width: 100%; height:64px; color:#fff;
                  display: flex;
                  align-items: center;
                  justify-content: center;}

  /* about srf - welcome message */
  .sub01{margin: 50px auto;}
  .sub02{width:100%;}

}
@media (max-width: 500px) {
  .subtab{display: none;}

  /* about srf - welcome message */
  .sub02{margin:0;}
  .welleftbox{width:330px; height:400px; padding: 0 1rem;}
  .welleft, .welleftb{width: 300px; height:300px; position:absolute;}
  /* about srf - SRF Imtroduction */
  .sub02 ul li{flex-direction: column;width:90%;margin: 22px auto;}
  .sub02img{width: 100%; height: 380px;overflow: hidden;}
  .sub02img img{height:100%;}
  .sub02text{width:100%;}
  .sub02 ul li:nth-child(2){flex-direction: column-reverse;}
  .sub06img img{width:100%;}
}