#tab-button {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 20px;
}

#tab-button li {
  flex: 0 0 auto;
}

#tab-button li a {
  display: block;
  padding: 0.5em;
  font-size: 2.3vh;
  text-align: center;
  color: #fff;
  text-decoration: none;
  transition: 0.5s;
}

#tab-button li a:hover,
#tab-button .is-active a {
  color: #e9c392;
  transform: scale(1.05);
}

#tab-button li.gap-right {
  margin-right: 80px;
}

.tab-button-outer {
  display: none;
}

@media screen and (min-width: 768px) {
  .tab-button-outer {
    position: relative;
    z-index: 2;
    display: block;
  }

  .tab-select-outer {
    display: none;
  }

  .tab-contents {
    position: relative;
    top: -1px;
  }
}


.img_class1 {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4vTkV4ZRK-GAgiL3lIg0E7an5IjvGIR8_cn_Cz-1uLdp0WmhlvWFCXr0YFJWCSsvS2-09-qGH1Q8PwnZuZc1JIuMD0phohIpoAVtRQQ908IkjecqKdmXnHN4nrfxBIMp2S7_iiuajyb97GsuqiIkt_PY3xi0d7OvniMfNkZDntUbkqwBQ7rxW00rU-Pw/s1600/%EA%B5%B0%EC%A3%BC.png') top / cover no-repeat;
border-radius: 100%; border: 0.4vh solid #e9c392; display: flex; height: 100%; transition: 0.5s; width: 100%;
}
.img_class2 {
background: url('	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MJkHOX2mXmzN_Tu8LduJ5WNNwuDrqqhEJpLmsXHEd5x2iSb9fI-b1_Azv22WM-QnhuYO6-1vPsBpjtj7czt5BU1lFGKSeARucdyF9sHWC7BJqvcdz3YojfNlJZ1J64gF3-XvQOH4Q8gmkxhyg5NynwSCEYsOXujIM1LnusgmcOjFGJ69LoUdiVATyxQ/s1600/%EA%B8%B0%EC%82%AC.png') top / cover no-repeat;
border-radius: 100%; border: 0.4vh solid #e9c392; display: flex; height: 100%; transition: 0.5s; width: 100%;
}
.img_class3 {
background: url('	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ6uIvl6q9dHEPrC_UHlazVHLem9VCwAhyphenhyphenYs6NYxJpcitWC7jSCDdoDNDhyphenhyphenqrpUrt3Eud7hYFEJiJe16pyriuqjH6jfoLadryDUnGY3YrFtnShIuolFpjwZ9xRF56BvsZsv0nyJlqGtnK9m-F5tZW3TTYWIC7UTdwf34VyqRNDU5rp-Co8f8uQMzYJzlk/s1600/%EA%B6%81%EC%88%98.png') top / cover no-repeat;
border-radius: 100%; border: 0.4vh solid #e9c392; display: flex; height: 100%; transition: 0.5s; width: 100%;
}
.img_class4 {
background: url('	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9th33rcGLJhPocftdw20q40t6or1JE4EtGswlU13FkMSxhtQp-nAtysAY0F24mpLCJTcSchMFvbBSjgDq3qAzVR3kws60AM1J_7vHa6FqiiVjp1PhWhyphenhyphenemT9cc8y8si4kvYrZVZNafvUNcwFr-3sh_R10CHpwly9lOT8y555s-m4UN8rj77udhMOpTIY/s1600/%EB%A7%88%EB%B2%95%EC%82%AC.png') top / cover no-repeat;
border-radius: 100%; border: 0.4vh solid #e9c392; display: flex; height: 100%; transition: 0.5s; width: 100%;
}
.img_class5 {
background: url('	https://blogger.googleusercontent.com/img/a/AVvXsEivc3K9AzgymnEuYtvIH__D9-SBab0yX31kFPQ76Hjz-Bo7P1zWC18Eb12WXcai-M270J5UjsFyzjj3HWTbOJxDXVO-SeEuS5d0anA_mv4to2jghwjD6704n5ovwfszVhgUtmHIdtwZ4iim439Z9b4deODl848viV7U74owVzv3afFwl7J5WGnJKlxQ2U4') top / cover no-repeat;
border-radius: 100%; border: 0.4vh solid #e9c392; display: flex; height: 100%; transition: 0.5s; width: 100%;
}
.img_class6 {
background: url('	https://blogger.googleusercontent.com/img/a/AVvXsEhaUzmjOFJaUvArDKt2dFQbm1sJemqOhkJNOAxyYeIzw8aN_x-7BzrUpdLnK-HlM3mOyIL2NwxFHncnbW9Kd9B4RFXHJzOSQXu2sYT5K6E3ZeSCdbogu9Mt4kJk_7J88g1hFr-zKcynPaF-eIfEMgXk45vd5ouD9FQuN1lD-vCSDVG9YIRd-4dNbn5dit8') top / cover no-repeat;
border-radius: 100%; border: 0.4vh solid #e9c392; display: flex; height: 100%; transition: 0.5s; width: 100%;
}
.img_class7 {
background: url('	https://blogger.googleusercontent.com/img/a/AVvXsEhKnvofY9TD6_jlGz712ZYxl909plv_PQ8hCxCMK-_IOQtgzrCYe1PaX2VwtQNNEk9RbCYuqknIewWTKMTB8BXS4WOwuJYeWQQyR3l3iSu-RheP2iQGDDOxs2M2KTv6f8NdjKtKWoNidnSPZV12vHdbDq6a-u2lvR1hh5sMhNHjNI_3-7Tc7Jgo2tv3etI') top / cover no-repeat;
border-radius: 100%; border: 0.4vh solid #e9c392; display: flex; height: 100%; transition: 0.5s; width: 100%;
}
.img_class8 {
background: url('	https://blogger.googleusercontent.com/img/a/AVvXsEhh4gU_UBQ98Iy2ZkDowE-RYwGb3Ife9RZZj0x9Yzz_AindQfloX1xVWfHHShrnQOu5MIto4_T6V0BKL4W1MDBPJGFBMztDaWsre5KeEkISxuPFMeE0bb4kjpijq0WTczh4z74mIIM4uvuyDstL0kGU5s6s1-KDolR-fPdi1EyZWq6Xyfldn088HWARscY') top / cover no-repeat;
border-radius: 100%; border: 0.4vh solid #e9c392; display: flex; height: 100%; transition: 0.5s; width: 100%;
}

.inpage_title {
      color:#e9c392;
      font-size:21px;
      font-weight:bold;
      }
      .inpage_title::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 20px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLTlYki4FExltZsYFxILBSRpVcLB_SIuXjw7i5FsC9yRzeUeruF6ekeOD7r1Fc3KhS2A43yHb9MmkhAhxNd4XGDLwqwpWTCpQpZXpOp5vXC0exJoOKpX7W1TtT4UuaL8LF1Uf-U6s84Ub0B_vI1Ef5VJYFQpeVNE2lnp3ro2N9qoOY9WSw6-lAkv1Z6PA/s1600/76.gif) no-repeat center;
    background-size: contain;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 5px;
}

 table.type1 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
border: 1px solid rgb(71, 57, 46);
      border-top: 3px solid rgba(255, 255, 255, 0.08);

}
table.type1 thead th {
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #e9c392;
    font-size: 15px;
     background-color: #1c150f ;
    text-align: center;
 border-bottom: 3px solid rgba(255, 255, 255, 0.08);

}
table.type1 tbody th {
   width:50%;
    padding: 10px;
    font-weight: bold;
    vertical-align: middle;
   
   background-color: rgba(68, 68, 68, .2);
    font-size:15px;
  color:#e0caaf ;
  border: 1px solid rgba(255, 255, 255, 0.08);
  text-align:center;
  border-left: none;
}
table.type1 td {
    width: 650px;
    padding: 10px;
    vertical-align: middle;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	background-color: rgba(0, 0, 0, 0.3);
    font-size:15px;
  color: #fff;
border-right: 1px solid rgba(255, 255, 255, 0.08);

}

table.type2 td {
    width: 650px;
    padding: 10px;
    vertical-align: middle;
	border: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	background-color: rgba(68, 68, 68, .2);
    font-size: 15px;
  	color: #fff;
	text-align:center;
}
table.type2 td:nth-child(1) {
	color:#e0caaf ;
	font-weight:bold;
}

table.type2 thead th {
    margin: 24px 0px 0px;
    padding: 10px;
    font-weight: bold;
    vertical-align: middle;
    color: #eaeaea;
    background-color: #1c150f ;
  	border: 1px solid rgba(226, 196, 158, 0.1);
    font-size: 0.9rem;
    text-align: center;
    color: #fff;
}