.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt100 {margin-top: 100px;}


.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}

.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}
.pt60 {padding-top: 60px;}


.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}
.pb60 {padding-bottom: 60px;}
.pb100 {padding-bottom: 100px;}


header.scrollBg {background:rgba(0,0,0,0.5); border-bottom: 1px solid #000;}
.pl16 {padding-left: 16px;}

table {border-collapse: collapse;}

.top_bg {
  width: 100%;
  height: 315px;
  position: relative;
  background: url('../img/sub/infirmary_banner.png') top left/cover no-repeat;
}

.top_bg.bg_01 {
  background: url('../img/sub/01_banner.png') top left/cover no-repeat;
}
.top_bg.bg_02 {
  background: url('../img/sub/02_banner.png') top left/cover no-repeat;
}
.top_bg.bg_03 {
  background: url('../img/sub/03_banner.png') top left/cover no-repeat;
}
.top_bg.bg_04 {
  background: url('../img/sub/04_banner.png') top left/cover no-repeat;
}
.top_bg div {
  bottom: 50px;
  width: 1400px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.top_bg div h3 {
  line-height: 30px !important;
  color: #fff;
  font-size: 25px;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.top_bg div h2 {
  color: #fff;
  font-size: 45px;
  font-weight: 800;
}

.p_color {color:#ee3e42 !important}
.lett_02 {    letter-spacing: -0.2px;}
.lett_05 {    letter-spacing: -0.5px;}
.inner {max-width: 1400px; width:100%;   margin: 0 auto;}

section {
  padding: 4.5vw 0 4.5vw;
  width: 1400px;
  margin: 0 auto;
}
section .tit {
  margin-bottom: 35px;
}
section .tit h3 {
  font-size: 2rem;
  font-weight: 700;
}
section .tit h3 span {
  color: #ee3e42;
}
section .tit p {
/*  margin-top: 2.1vw;
  font-size: 18px; */
}
section .info {
  display: flex;
  justify-content: center;
  width: 100%;
/*  min-height: 228px;*/
  background-color: #fff;
  border-radius: 20px;
}
section .info dl {
  position: relative;
  width: 33.3333333333%;
  padding: 38px;
}
section .info dl:after {
  right: 0;
  width: 1px;
  height: 175px;
  content: "";
  background-color: #bbb;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
section .info dl:last-child:after {
  display: none;
}
section .info dl dt {
  margin-bottom: 14px;
  font-size: 22px;
  font-weight: 700;
}
section .info dl dt:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 14px;
  content: "";
  background: url("../img/sub/check_icon.png") top left no-repeat;
  word-break: keep-all;
}
section .info dl dd {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  word-break: keep-all;
}

section .info.info_02 { justify-content: space-between;}
section .info.info_02 dl {display:flex; flex-wrap: wrap; width:70%} 
section .info.info_02 dl:last-child {width:30%;     flex-direction: column; }
section .info.info_02 dl dt {width:50%}

section .info.info_03 dl {width:50%}

section .info.info_04 dl {width:100%; display:flex; flex-wrap: wrap;}
section .info.info_04 dt {width:50%}

section .info.info_05 dl {width:100%;}
section .info.info_05 dl ul {display:flex; justify-content: space-between;}
section .info.info_05 dl ul li {width:50%}
section .info.info_05 dl ul li {display:flex; align-items: baseline;}
section .info.info_05 dl ul li p {padding-left:30px}

.sponsor_lay {background:#fff}
.sponsor_swiper {width:100%; max-width:1400px; margin:0 auto}
.sponsor_swiper .swiper-wrapper {height:auto; padding:20px 0px}





.tit_flex {display:flex; justify-content: space-between; align-items: flex-end;}


@media (max-width: 1421px) {
  .top_bg div {
    width: 100%;
    padding: 0 20px;
  }
  section {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 801px) {
section .info br.none {display:none}

section .info.info_02 dl {width:100%; flex-direction: column; }
section .info.info_02 dl:last-child {width:100%; flex-direction: column; border-top:1px solid #bbb }
section .info.info_02 dl dt {width:100%}
section .info dl:after {display:none}

section .info.info_04 dl  {flex-wrap: wrap;}
section .info.info_04 dl dt {width:100%}

section .info.info_05 dl ul {flex-wrap: wrap;}
section .info.info_05 dl ul li {flex-wrap: wrap; width:100%}
section .info.info_05 dl ul li:last-child {padding-top:20px}


section .info.info_06 dl:not(:first-child) { border-top:1px solid #bbb }



section .info.info_03 dl:last-child {width:100%; border-top:1px solid #bbb }

  section {
    padding-top: 36px;
    padding-bottom: 51px;
  }
  section .tit p {
    margin-top: 0px;
    word-break: keep-all;
  }
  section .info {
    flex-direction: column;
  }
  section .info dl {
    width: 100%;
  }
  section .info dl::after {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    width: 90%;
    height: 1px;
    content: "";
    background-color: #bbb;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}


.tab_flex {    flex-direction: column;
    padding: 4.5vw 0 6.4vw;
    background-color: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;}

#tabs {
  position: relative;
  background-color: #fff;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 5px ;
}
#tabs .tab-button {
  position: relative;
  z-index: 2;
  cursor: pointer;
  background: none;
  border: none;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  padding: 10px 30px;
  margin:0px 5px;
  transition: transform 0.3s ease;
}
#tabs .tab-button.active {
  color: #fff;
  background-color: #ee3e42;
  border-radius: 50px;
}
#tabs .tab-button:hover {
  color: #fff;
  background-color: #ee3e42;
  border-radius: 50px;
}

.tab-content {
  display: none;
  max-width: 1400px;
  margin: 0 auto;
}
.tab-content.active {
  display: block;
}

.tit {
  margin-bottom: 35px;
}
tit h3 {
  font-size: 2rem;
  font-weight: 700;
}
.tit h3 span {
  color: #ee3e42;
}
.tit .desc {
  display: flex;
  gap: 55px;
}
.tit .desc strong {
  font-size: 22px;
  font-weight: 600;
  white-space: nowrap;
}
.tit .desc p {
  font-size: 18px;
  line-height: 28px;
}
.info {
  min-height: 137px;
}

section .info dl:after {right: 0;
    width: 1px;
    height: 97px;
    content: "";
    background-color: #bbb;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.tab-content .introduction {
  margin-top: 87px;
}
.tab-content .introduction strong {
  font-size: 22px;
  font-weight: 600;
  white-space: nowrap;
}
.tab-content .introduction table {
  width: 100%;
  background-color: #fff;
  margin-top: 22px;
  text-align: center;
  border-collapse: collapse;
  font-weight: 500;
}
.tab-content .introduction th {
  width: 33.3333333333%;
  height: 57px;
  background-color: #d6d6d6;
  border: 1px solid #bbb;
  border-top: 1px solid #ee3e42;
}
.tab-content .introduction th:first-child {
  border-left: none;
}
.tab-content .introduction th:last-child {
  border-right: none;
}
.tab-content .introduction td {
  width: 33.3333333333%;
  height: 50px;
  border: 1px solid #bbb;
}

.tab-content .introduction.introduction_02 th {
  width: 14.4%;
}
.tab-content .introduction.introduction_02 td {
  width: 14.4%;
}

.tab-content .introduction td:first-child {
  border-left: none;
}
.tab-content .introduction td:last-child {
  border-right: none;
}





.introduction table.table_in_01 tr:first-child {    border-top: 1px solid #ee3e42;}
.introduction table.table_in_01 th { background:#d6d6d6} 
.introduction table.table_in_01 th:first-child{width:15%;}
.introduction table.table_in_01 td:first-child{width:15%; background:#e7e7e7; text-align:center;}
.introduction table.table_in_01 td {border:0px; border-bottom:1px solid #bbb; text-align:left; padding:20px}



.introduction table.table_in_02 tr:first-child {    border-top: 1px solid #ee3e42;}
.introduction table.table_in_02 th { background:#d6d6d6; } 
.introduction table.table_in_02 th:first-child{width:auto ;}
.introduction table.table_in_02 td:first-child{width:auto;  text-align:center;}
.introduction table.table_in_02 td {width:auto; border:0px; border-bottom:1px solid #bbb; text-align:center; padding:20px; border-right:1px solid #bbb;}
.introduction table.table_in_02 td.first {background:#e7e7e7;}
.introduction table.table_in_02 td:last-child {border-right:0px }

.bottom_line {border-bottom:1px solid #bbb !important; }
.right_line {border-right:1px solid #bbb !important; }

.ban_img img {width:auto}

@media (max-width: 1421px) {
.inner {padding:0px 20px}

#bo_v {padding-left:20px; padding-right:20px}
#bo_list {padding-left:20px; padding-right:20px}
#bo_gall {padding-left:20px; padding-right:20px}

}
@media (max-width: 801px) {
  {
    padding-top: 36px;
    padding-bottom: 51px;
  }
  .tab-content .tit p {
    word-break: keep-all;
  }
  .tab-content .info {
    flex-direction: column;
  }
  .tab-content .info dl {
    width: 100%;
  }
  .tab-content .info dl::after {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    width: 90%;
    height: 1px;
    content: "";
    background-color: #bbb;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 1021px) {
  .tit .desc {
    gap: 20px;
    flex-direction: column;
  }
}

.sub_page .catagory  {padding:30px 0px 20px}
.sub_page.01_02 .catagory  {padding:0px 0px 20px}

.sub_page .catagory ul {display:flex}
.sub_page .catagory ul div {color:#424242; background:#dfdfdf; padding:10px 20px; cursor: pointer;}
.sub_page .catagory ul div.page-sub-btn-on {color:#ee3e42}
.sub_page .catagory ul div:first-child {border-radius:50px 0px 0px 50px; padding:10px 20px 10px 30px}
.sub_page .catagory ul div:last-child {border-radius:0px 50px 50px 0px ; padding:10px 30px 10px 20px}


.sub_page .information .page-inner-content{padding-bottom:50px}

.sub_page .table-responsive table {width:100%; border-collapse: collapse;}
.sub_page  .page-sub-title  {padding:30px 0px 20px; }
.sub_page  .table-responsive th, .sub_page  .table-responsive td {text-align:center; padding:10px}
.sub_page  .table-responsive th {border-bottom:1px solid #bbbbbb; border-top:1px solid #ee3e42; background:#d6d6d6}
.sub_page  .table-responsive td {border-bottom:1px solid #bbbbbb; background:#fff}


.sub_page .div_foot_info {padding:50px 0px}
.sub_page .div_foot_info h4 {padding-bottom:20px}

.div_foot_info_02 {width:100%; display:flex; flex-wrap: wrap; padding:20px 0px; border-top:1px solid #ee3e42}
.div_foot_info_02 > div {display:flex; align-items: center; width:calc(33.3% - 20px); border-right:1px solid #bbbbbb}
.div_foot_info_02 > div:not(:first-child) {margin-left:30px}
.div_foot_info_02 > div:last-child {border-right:0;}
.div_foot_info_02 > div b {padding:0px 20px 0px 10px}
.div_foot_info_02 img {width:auto}

.info_flex {display:flex; flex-wrap: wrap; padding-top:0px}
.info_flex li {width:calc(50% - 33px) ; text-indent: -33px; margin-left:33px; padding:20px 0px}
.info_flex li:before {content: "";  display: inline-block; width: 20px; height: 20px; margin-right: 13px;   background: url(../img/sub/check_icon.png) top left no-repeat; word-break: keep-all; margin-top:3px;}

.info_flex.info_flex_02 li {width:calc(33.3% - 33px);  }

.info_flex.info_flex_100 li {width:calc(100%);    padding: 5px 0px 0px}


.tab_lay {background:#fff; border-radius:20px; padding:40px}

.tab_lay .flex {display:flex; justify-content: space-between;}
.tab_lay .table_01 table {}
.tab_lay .table_01 table th, .tab_lay .table_01 table td {padding:5px 10px; border-bottom:1px solid #bbbbbb}
.tab_lay .table_01 table tr:first-child th, .tab_lay .table_01 table tr:first-child td {border-top:1px solid #ee3e42}
.tab_lay .table_01 table th {background:#e7e7e7}


.tab_lay .tab_lay_box_01 ul {display:flex; }
.tab_lay .tab_lay_box_01 ul li {border:1px solid #ee3e42 !important; background:#f6f6f6; padding:30px; width:100%}


.tab_lay .tab_lay_box_01 ul li .tab_lay_box_01_in_flex {display:flex; gap:20px; align-items: center;}

.tab_lay .tab_lay_box_01 ul li .tab_lay_box_01_in_flex > div {background:#ee3e42; color:#fff; text-align:center; border-radius:10px; padding:20px 20px; width:16.6%; position: relative;}
.tab_lay .tab_lay_box_01 ul li .tab_lay_box_01_in_flex > div:after {color:#a2a2a2; content:'\25B6'; font-size:12px;     position: absolute; right:-15px; top:50%; transform: translateY(-50%);}
.tab_lay .tab_lay_box_01 ul li .tab_lay_box_01_in_flex > div:last-child:after {display:none}

.tab_lay .tab_lay_box_02 ul {display:flex; gap:30px}
.tab_lay .tab_lay_box_02 ul li {border:1px solid #ee3e42 !important; background:#f6f6f6; padding:30px; width:50%}

.img_ori img {width:auto}


.introduction table.table_in_01 td span {display:inline-block}
.introduction table.table_in_01 td span.ml_19 {margin-left:19px}
.introduction table.table_in_01 td span.ml_30 {margin-left:30px}
.introduction table.table_in_01 td span.ml_33 {margin-left:33px}
.introduction table.table_in_01 td span.ml_47 {margin-left:47px}
.introduction table.table_in_01 td span.ml_60 {margin-left:60px}
.introduction table.table_in_01 td span.ml_116 {margin-left:116px}
.introduction table.table_in_01 td span.ml_131 {margin-left:131px}


.introduction .ul_04_flex {display:flex; gap:20px}
.introduction .ul_04_flex li {width:25%}
.introduction .ul_04_flex li img {width:auto; max-width:100%}


.tag {display:flex}
.tag p {background:#939393; color:#fff; padding:5px 15px; border-radius:50px; margin-right:5px}
.center {text-align:Center}




.indent_18 {text-indent: -16px; margin-left: 17px;}


.flex_02_03 {display:flex; justify-content: space-between;}
@media (max-width:1200px) {
.flex_02_03 > div:not(:first-child) {padding-left:20px}
br.none {display:none}
}

@media (max-width:1000px) {

.tab_lay .flex {flex-wrap: wrap;}
.tab_lay .flex > div {width:100%}
.tab_lay .flex > div.table_01 {padding-top:30px}
.tab_lay .flex > div.table_01 table {width:100%}
.tab_lay .tab_lay_box_01 ul li .tab_lay_box_01_in_flex  {flex-wrap: wrap;}
.tab_lay .tab_lay_box_01 ul li .tab_lay_box_01_in_flex > div {width:100%}
.tab_lay .tab_lay_box_01 ul li .tab_lay_box_01_in_flex > div:after {color:#a2a2a2; content:'\25BC'; font-size:12px;     position: absolute; right:auto; left:50%;  top:auto; bottom:-23px; transform: translateY(0%); transform: translateX(-50%);}

.tag {flex-wrap: wrap;}
.tag p {margin:5px}

.tab-content div .tit h3 {margin-bottom:30px}
.info_flex {flex-wrap: wrap;}
.info_flex li {width:100%; padding:5px 0px}
.info_flex li br.none {display:none}
}

@media (max-width: 880px) {
.ban_img_880 img {width:100%}
}

@media (max-width: 800px) {
.tit .desc {gap:10px}
.flex_02_03  {flex-wrap: wrap;}
.flex_02_03 > div:not(:first-child) {padding-left:0px}
.flex_02_03 > div {width:100%}
.flex_02_03 > div p.pt30 {padding-top:10px}

#tabs .tab-button {padding:5px 15px}
#tabs .tab-04 .tab-button {}

.div_foot_info_02 > div {width:100%; border-right:0px solid #bbbbbb;  padding-bottom:20px}
.div_foot_info_02 > div:not(:first-child) {margin-left:0px; padding-top:20px}
.div_foot_info_02 > div:not(:last-child) {border-bottom:1px solid #bbbbbb;}

.tab_lay .tab_lay_box_02 ul {flex-wrap: wrap;}
.tab_lay .tab_lay_box_02 ul li {width:100%}


.sub_page .catagory.tab_in ul {flex-wrap: wrap;}
.sub_page .catagory.tab_in ul div:first-child {padding:10px 30px; border-radius:50px; width:100%}
.sub_page .catagory.tab_in ul div {padding:10px 30px; border-radius:50px; margin:5px 0px; width:100%; text-align:center}
.sub_page .catagory.tab_in ul div:nth-child(3) {padding:10px 30px; border-radius:50px; width:100%}


.img_ori img {width:100%}

.introduction .ul_04_flex {flex-wrap: wrap;}
.introduction .ul_04_flex li {width:calc(50% - 10px)}

    
}

@media (max-width:768px) {
.indent_18 {text-indent: -13px;}

}


@media (max-width: 600px) {
.tit_flex {justify-content: space-between; align-items: flex-start;  flex-direction: column;}
.tab-content div .tit .tit_flex h3 {margin-bottom:0px;}

.introduction table.table_in_01 th:first-child{width:10%;}
.introduction table.table_in_01 td:first-child{width:10%;}
.introduction table.table_in_01 td span {margin-left:0 !important; display:block !important}
.introduction table.table_in_01 td br.none {display:none}


#tabs .tab-button {padding:5px 10px; margin: 0px 2px;}
#tabs .tab-04 .tab-button {}
.tab_lay .tab_lay_box_01 ul li .tab_lay_box_01_in_flex > div {padding:10px}
.tab_lay {padding:30px 20px}
.tab_lay .tab_lay_box_02 ul li {padding:20px}
.sub_page .catagory ul {flex-wrap: wrap;}
.sub_page .catagory ul div {width:33.3%; margin:5px 0px; text-align:center}
.sub_page .catagory ul div:nth-child(3) {border-radius:0px 50px 50px 0px ; padding:10px 30px 10px 20px}
.sub_page .catagory ul div:nth-child(4) {border-radius:50px 0px 0px 50px; padding:10px 20px 10px 30px}
}


@media (max-width: 600px) {
#tabs.tab_04 {flex-wrap: wrap; margin:0 20px; border-radius:20px}
#tabs.tab_04 .tab-button {width:48%}

}