/* 1010 */
.in_text_box {
    width: 100%;
    height: 200px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text_box_const {
    margin-top: 45px;
    box-sizing: border-box;
    
}

.text_box_const p {
    font-size: 18px;
    padding-left: 30px;
    box-sizing: border-box;
    line-height: 28px;
    font-weight: 500;
}

.in_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
}

.in_text_box p {
    font-size: 20px;
    margin: 0;
    box-sizing: border-box;
    padding: 0 90px;
}

.in_text_box p span {
    font-size: 24px;
}
.in_text_box h1{
    text-align: center;
    z-index: 1;
    padding: 0 30px;
}
.text_bold{
    color: #1870b9;
    font-size: 20px;
}
@media(max-width: 1400px) {
    .in_text_box p {
        font-size: 18px;
    }

    .in_text_box p span {
        font-size: 21px;
    }
}

@media(max-width: 800px) {
    .in_text_box p {
        font-size: 14px;
    }

    .in_text_box p span {
        font-size: 17px;
    }

    .text_box_const p {
        font-size: 1em;
    }
    .in_text_box h1{
        font-size: 26px;
}
}

@media(max-width: 600px) {
    .in_text_box p {
        font-size: 0.7em;
        padding: 0 30px;
    }

    .in_text_box p span {
        font-size: 1em;
    }
    .in_text_box h1{
        font-size: 22px;
}
.text_bold{
    font-size: 16px;
}
.text_box_const p {
padding-left: 10px;
}
}

/* 1011 */
.goals_box1 {
    width: 100%;
    height: 140px;
    background: #e2f2f6;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
    margin-top: 80px;
    border-radius: 80px;
    font-size: 22px;
    line-height: 34px;
    font-weight: 500;
}

.goals_box1_top,
.goals_box2_top {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #31bbd8;
    color: #fff;
    padding: 9px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 22px;
    border-radius: 80px;
}

.goals_box1_icon {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.goals_box2 {
    width: 100%;
    height: 230px;
    background: #e2f2f6;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    margin-top: 20px;
    border-radius: 15px;
    line-height: 34px;
}

.goals_box2_ul {
    width: 100%;
    height: 150px;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.goals_box2_li {
    width: 22%;
    height: 100%;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.goals_box2_li p {
    margin: 0;
    font-size: 22px;
    text-align: center;
    padding: 0 10px;
}

.goals_box2_li h2 {
    font-size: 30px;
    margin: 0;
}

.goals_box2_li:nth-child(1) {
    background: #0cae8e;
}

.goals_box2_li:nth-child(2) {
    background: #df5c7e;
}

.goals_box2_li:nth-child(3) {
    background: #4c7cd1;
}

.goals_box2_li:nth-child(4) {
    background: #5266af;
}

.goals_box3 {
    width: 100%;
    height: 370px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
    margin-top: 20px;
}

.goals_box3_ul {
    width: 100%;
    height: 330px;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;

}

.goals_box3_li {
    width: 22%;
    height: 100%;
    position: relative;
    border-radius: 55px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    padding: 70px 20px 0 35px;
    box-sizing: border-box;
}

.goals_box3_li_span {
    width: 85%;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 15px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    padding: 0 10px;
box-sizing: border-box;
}

.goals_box3_li:nth-child(1) {
    border: 1px solid #0cae8e;
}

.goals_box3_li:nth-child(1) .goals_box3_li_span {
    background: #0cae8e;
}

.goals_box3_li:nth-child(1) .goals_box3_ul_u .goals_box3_li_l::before {
    background: #0cae8e;
}

.goals_box3_li:nth-child(2) {
    border: 1px solid #df5c7e;
}

.goals_box3_li:nth-child(2) .goals_box3_li_span {
    background: #df5c7e;
}

.goals_box3_li:nth-child(2) .goals_box3_ul_u .goals_box3_li_l::before {
    background: #df5c7e;
}

.goals_box3_li:nth-child(3) {
    border: 1px solid #4c7cd1;
}

.goals_box3_li:nth-child(3) .goals_box3_li_span {
    background: #4c7cd1;
}

.goals_box3_li:nth-child(3) .goals_box3_ul_u .goals_box3_li_l::before {
    background: #4c7cd1;
}

.goals_box3_li:nth-child(4) {
    border: 1px solid #5266af;
}

.goals_box3_li:nth-child(4) .goals_box3_li_span {
    background: #5266af;
}

.goals_box3_li:nth-child(4) .goals_box3_ul_u .goals_box3_li_l::before {
    background: #5266af;
}

.goals_box3_ul_u {
    list-style: none;
}

.goals_box3_li_l {
    color: #000;
    font-size: 16px;
    position: relative;
    margin-bottom: 10px;

}

.goals_box3_li_l::before {
    content: '';
    position: absolute;
    left: -10px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    top: 10px;

}

@media (max-width:1400px) {
    .goals_box3_li_span {
        font-size: 15px;
    }

    .goals_box3_li_l {
        font-size: 15px;
    }
    .goals_box2_li p {
font-size: 17px;
}
.goals_box2_li h2 {
font-size: 25px;
}
.goals_box3_ul {
height: 380px;
}
.goals_box3 {
height: 430px;
}

}

@media (max-width:900px) {
    .goals_box1 {
        font-size: 18px;
    }

    .goals_box2_li p {
        font-size: 18px;
    }

    .goals_box2_li h2 {
        font-size: 24px;
    }

    .goals_box3_li_span {
        font-size: 12px;
    }

    .goals_box3_li_l {
        font-size: 12px;
    }
    .goals_box3_ul {
    height: 320px;
}
}

@media (max-width:700px) {
    .goals_box1 {
    font-size: 15px;
}
    .goals_box2_li p {
        font-size: 14px;
    }

    .goals_box2_li h2 {
        font-size: 18px;
    }
    .goals_box3_ul {
flex-wrap: wrap;
}
.goals_box3_li {
width: 48%;
margin-bottom: 60px;
}
.goals_box3 {
height: 800px;
align-items: start;
padding-top: 40px;
}
.goals_box3_li_span {
    font-size: 15px;
}
.goals_box3_li_l {
    font-size: 14px;
}
}
@media (max-width:600px){
.goals_box1 {
height: 200px;
padding: 0 40px;
}
.goals_box1 {
    font-size: 15px;
}
.goals_box2_li p {
    font-size: 18px;
}
.goals_box2_li h2 {
    font-size: 24px;
}
.goals_box3_ul {
    height: 310px;
}
.goals_box2 {
height: 360px;
align-items: flex-start;
padding-top: 30px;
}
.goals_box2_ul{
flex-wrap: wrap;
}
.goals_box2_li {
width: 44%;
height: 150px;
}
}
@media (max-width:500px){
.goals_box1 {
    font-size: 13px;
    text-align: center;
}

.goals_box2_li p {
    font-size: 15px;
}
.goals_box2_li h2 {
    font-size: 20px;
}
.goals_box3_li_span {
    font-size: 14px;
}
.goals_box3_li_l {
    font-size: 13px;
}
.goals_box3_ul {
    height: 370px;
}
}

/* 1012 */
.symbol_page{
    width: 100%;
    margin-top: 60px;
}

.symbol_box{
    width: 100%;
    height: 300px;
    background: #fbfbfb;
    position: relative;
    border-radius: 0 25px 25px 25px;
    padding: 0 0px 0 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin-bottom: 45px;
}
.border_width_box{
    position: absolute;
    top: -18px;
    left: 0;
    width: 100%;
}
.border_width1{
    width: 80px;
    height: 10px;
    border-radius: 50px;
    display: inline-block;
}
.border_width2{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}
.border_width1.green,.border_width2.green,.symbol_title.green{
    background: #0cae8e;
}
.border_width1.red,.border_width2.red,.symbol_title.red{
    background: #df5c7e;
}
.border_width1.blue,.border_width2.blue,.symbol_title.blue{
    background: #4c7cd1;
}
.border_width1.blue2,.border_width2.blue2,.symbol_title.blue2{
    background: #5266af;
}
.border_width3{
    width: 200px;
    height: 10px;
    background: #dadbdd;
    border-radius: 50px;
    display: inline-block;
}
.symbol_ul{
    width: 100%;
    height: 200px;
    list-style: none;
    display: flex;
    justify-content: space-around;
}
.symbol_li{
     height: 200px;
}
.symbol_li:nth-child(1){
    width: 280px;
    height: 200px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 10px 10px 10px rgb(0 0 0 / 10%);
    margin-right: 20px;
}

.symbol_li:nth-child(2){
    width: 70%;
    height: 200px;
}
.symbol_title{
    width: 100px;
    height: 45px;
    border-radius: 0 15px 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    margin: 10px 0 15px 0;
}
.symbol_text{
    margin: 0;
    font-size: 20px;
    line-height: 32px;
}
@media (max-width:1400px){
    .symbol_li:nth-child(2) {
width: 65%;
}
.symbol_text {
font-size: 16px;
}
}
@media (max-width:1000px){
    .symbol_box {
padding: 0 40px;
}

}
@media (max-width:700px){
    .symbol_text {
    font-size: 14px;
    padding: 0 20px;
}
}
@media (max-width:600px){
    .symbol_box {
height: 500px;
}
.symbol_ul {
    height: 450px;
    flex-direction: column;
    align-items: center;
}
.symbol_li:nth-child(2) {
    width: 100%;
}
.symbol_box {
    padding: 0;
}
.symbol_li{
    display: flex;
flex-direction: column;
align-items: center;
}
}

/* 1013 */
.school_song_div{
    display: flex;
}
.school_song_img{
    margin-right: 50px;
    width: 70%;
}
.school_song_text {
    box-sizing: border-box;
    padding-top: 15px;
    width: 30%;
}
.school_song_text h2{
    margin: 20px 0 0 0;
}
.school_song_text p{
    margin: 15px 0 0 0;
}
.Downlaod_box{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 50px;
    border-radius: 5px;
    background: #0069b3;
    color: #fff;
    margin-top: 50px;
}

@media (max-width:700px){
    .school_song_div {
flex-direction: column;
}
.school_song_img {
margin-right: 0px;
width: 100%;
}
.school_song_text {
width: 100%;
}
}

/* 1014 */

.history_page {
    margin-bottom: 120px;
  }

  .history-list li {
    display: flex;
    justify-content: space-between;
    height: 220px;
  }

  .year-badge {
    width: 180px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
  }

  .day_box_img {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
  }

  .content {
    width: 80%;
    box-sizing: border-box;
    padding-top: 35px;
  }

  .content p {
    margin: 0 0 20px 0;
    font-size: 18px;
    position: relative;
    display: flex;
  }

  .content p strong {
    margin-right: 20px;
  }

  .his_bol::before {
    content: "";
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background-color: #0069b3;
    border-radius: 50%;
  }

  .bor_der::after {
    content: "";
    position: absolute;
    left: -31px;
    top: 23px;
    width: 4px;
    height: 210px;
    background-image: linear-gradient(to bottom, #dadeec 50%, rgba(255, 255, 255, 0) 0%);
    background-position: top;
    background-size: 2px 16px;
    background-repeat: repeat-y;
    z-index: -1;
  }

  .history-list li:nth-child(13){
    height: 260px;
  }

  .history-list li:nth-child(13) .bor_der::after{
    height: 250px;
  }

  .history-list li:last-child .bor_der::after {
    display: none;
  }

  .history-list li:nth-last-child(4) {
    height: 260px;
  }

  .history-list li:nth-last-child(4) .bor_der::after {
    height: 250px;
  }

  /* 1015 */

  .title_text{
    font-size: 24px;
    font-weight: bold;
    margin: 20px 0 5px 0;
    color: #0069b3;
}
.school_text p{
    margin: 0;
    line-height: 26px;
}

/* 1016 */

.symbol_page{
    width: 100%;
    margin-top: 60px;
}

.symbol_box{
    width: 100%;
    height: 300px;
    background: #fbfbfb;
    position: relative;
    border-radius: 0 25px 25px 25px;
    padding: 0 0px 0 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin-bottom: 45px;
}
.border_width_box{
    position: absolute;
    top: -18px;
    left: 0;
    width: 100%;
}
.border_width1{
    width: 80px;
    height: 10px;
    border-radius: 50px;
    display: inline-block;
}
.border_width2{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}
.border_width1.green,.border_width2.green,.symbol_title.green{
    background: #0cae8e;
}
.border_width1.red,.border_width2.red,.symbol_title.red{
    background: #df5c7e;
}
.border_width1.blue,.border_width2.blue,.symbol_title.blue{
    background: #4c7cd1;
}
.border_width1.blue2,.border_width2.blue2,.symbol_title.blue2{
    background: #5266af;
}
.border_width3{
    width: 200px;
    height: 10px;
    background: #dadbdd;
    border-radius: 50px;
    display: inline-block;
}
.symbol_ul{
    width: 100%;
    height: 200px;
    list-style: none;
    display: flex;
    justify-content: space-around;
}
.symbol_li{
     height: 200px;
}
.symbol_li:nth-child(1){
    width: 280px;
    height: 200px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 10px 10px 10px rgb(0 0 0 / 10%);
    margin-right: 20px;
}

.symbol_li:nth-child(2){
    width: 70%;
    height: 200px;
}
.symbol_title{
    width: 100px;
    height: 45px;
    border-radius: 0 15px 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    margin: 10px 0 15px 0;
}
.symbol_text{
    margin: 0;
    font-size: 20px;
    line-height: 32px;
}
@media (max-width:1400px){
    .symbol_li:nth-child(2) {
width: 65%;
}
.symbol_text {
font-size: 16px;
}
}
@media (max-width:1000px){
    .symbol_box {
padding: 0 40px;
}

}
@media (max-width:900px){
    .symbol_text {
    font-size: 14px;
}
}
@media (max-width:800px){
    .symbol_text {
    font-size: 12px;
}
}
@media (max-width:700px){
    .symbol_text {
    font-size: 14px;
    padding: 0 20px;
}
.symbol_box {
height: 500px;
}
.symbol_ul {
    height: 450px;
    flex-direction: column;
    align-items: center;
}
.symbol_li:nth-child(2) {
    width: 100%;
}
.symbol_box {
    padding: 0;
}
.symbol_li{
    display: flex;
flex-direction: column;
align-items: center;
}
}

@media (max-width:500px){
    .symbol_box {
    height: 680px;
}
    .symbol_ul {
    height: 640px;
}
    .symbol_li:nth-child(2) {
height: 370px;
}
}

/* 1017 */

.tableTemp09 tbody tr td {
    text-align: center;
    padding: 7px;
}


 .tel_title{
    margin-bottom: 10px;
 }

 /* 1018 */

 .tableTemp09 tbody tr td {
    text-align: center;
    padding: 0px;
    font-size: 16px;
}

.tableTemp09 tbody tr th {
    padding: 5px 5px;
    background: #e1f0f8;
    color: #175e85;
    border: #7cb0ce 1px solid;
    font-size: 16px;
}

.tableTemp09 {
    border-top: #7cb0ce 2px solid;
}
.tel_title{
    margin-top: 20px;
    margin-bottom: 10px;
}

/* 1019 */

.map{
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 330px;
}
.map_info_box{
    width: 1080px;
    height: 400px;
    border: 2px solid #003058;
    border-radius: 15px;
    position: absolute;
    bottom: -230px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    transition: all 0.5s;
}
.map_info{
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    padding: 20px 20px 0 50px;
    position: relative;
}
.map_info ul{
    list-style: none;
}
.logo_title{
    display: flex;
    align-items: center;
    font-size: 32px;
}
.info_text{
    display: flex;
    align-items: center;
    font-size: 18px;
    margin-bottom: 5px;
}
.info_title{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #003058;
    width: 80px;
    height: 30px;
    border-radius: 50px;
    font-weight: 500;
    font-size: 18px;
    margin-right: 10px;
    padding: 5px;
}
.map_school_box{
    width: 40%;
}
.map_school_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 10px 10px 0;
}
.tel_title{
display: flex;
align-items: center;
}
.tel_info{
border-top: 2px solid #000;
width: 100%;
border-collapse: collapse;

}
.tel_info th{
background: #fafbfc;
text-align: center;
width: 30%;
border-right: 1px solid #ddd;
}
.tel_info td{
text-align: left;
width: 70%;
}
.tel_info td,.tel_info th{
padding: 20px;
font-size: 18px;
border-bottom: 1px solid #ddd;
}
.map_out{
position: absolute;
top: 10px;
right: 20px;
background: #fff;
border: 1px solid #003058;
cursor: pointer;
padding: 5px 20px;
}
.map_out:hover{
background: #003058;
color: #fff;
}
.map_on{
background: #fff;
border: 1px solid #003058;
cursor: pointer;
padding: 5px 20px;
font-size: 18px;
display: none;
margin-top: 15px;
position: relative;
z-index: 1;
}
.map_on:hover{
background: #003058;
color: #fff;
}

@media(max-width:1500px){
.map_info_box{
    width: 90%;
}
.info_text {
font-size: 16px;
}
.info_title {
font-size: 16px;
}
}

@media(max-width:1350px){
.map_info_box {
height: 470px;
}
}
@media(max-width:900px){
.map_info {
width: 100%;
}
.map_school_box{
    display: none;
}
.info_text {
font-size: 18px;
}
.info_title {
font-size: 18px;
}
}
@media(max-width:700px){
.map_info_box {
height: 430px;
bottom: -300px;
}
.logo_title {
margin: 0 0 15px 0;
}
.info_text {
font-size: 14px;
}
.info_title {
font-size: 14px;
margin: 5px 0;
}
.map_info {
padding: 20px 10px 0 20px;
}
.info_text2{
    padding: 0 10px;
}
.info_text {
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.tel_info td, .tel_info th {
font-size: 16px;
}
}

@media (max-width: 500px) {
.map_info_box {
    height: 470px;
}

}

/* 1217 */

.life_page{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.school_ul{
    list-style: none;
    border: 1px solid #ddd;
    width: 800px;
    height: 50px;
    display: flex;
    border-radius: 5px;
}
.school_li{
    width: 50%;
    height: 100%;
    border: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #000;
    cursor: pointer;
    border-radius: 5px;
}

.school_li_show{
    background-color: #0069b3;
    color: #fff;
    font-weight: bold;
}
.school_life_box{
    width: 90%;
    display: none;
    margin-top: 20px;
    border: 1px solid #ddd;
}
.school_life_box img{
    width: 100%;
}
.life_show{
    display: block;
}

/* 1610 */

.tableTemp09 tbody tr td {
    text-align: center;
    padding: 7px;
}

.tableTemp09 tbody tr th {
    padding: 5px 5px;
    background: #e1f0f8;
    color: #175e85;
    border: #7cb0ce 1px solid;

}

.tableTemp09 {
    border-top: #7cb0ce 2px solid;
}
.policy-title {
    font-weight: bold;
    color: #4b4b4b;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 25px;
}

.policy-introduction {
    padding: 10px 20px;
    border: 2px solid black;
}

.policy-subject {
    font-size: 20px;
    margin-top: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
li{
    list-style: none;
}
.policy-list>li>div>p{
margin: 0;
}
.policy-subject_num,
.policy-subject_text {
    font-weight: bold;
}

.policy-subject_text {
    margin-left: 4px;
}

.policy-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.policy-table tr td,
.policy-table tr th {
    border: 1px solid #000;
    padding: 10px;
    text-align: center;
}

.policy-table tr td {
    background-color: white;
    font-size: 1.2em;
}

.policy-table tr th {
    text-align: center;
    font-size: 1.2em;
}

.policy-table-process tr td {
    text-align: center;
    border-left: none;
}

.policy-table-process tr td:not(:last-of-type) {
    border-right: none;
}

.policy-table-process2 {
    border: 2px solid #d9d9d9;
    text-align: center;
    letter-spacing: 2px;
    max-width: 600px;
}

.policy-table-process2 tr td {
    border: none;
}

.policy-table-process2 tr td.policy-table-border_bottom {
    border-bottom: 1px solid #d9d9d9;
}

.policy-table-process2 tr td.policy-table-border_right {
    border-right: 1px solid #d9d9d9;
}

.policy-table-process2 tr td.policy-table-box {
    border: 1px solid #d9d9d9;
    padding: 4px 10px;
    width: 100px;
}

.policy-table-process2 tr td.policy-table-left {
    padding: 0;
    text-align: left;
    width: 16px;
}

.policy-table-process2 tr td.policy-table-right {
    padding: 0;
    text-align: right;
    width: 16px;
}

.policy-table-process2 tr td.policy-table-arrow {
    color: #777;
}

ol.policy-list {
    list-style: none;
    margin: 0 0 60px 0;
    padding: 0;
    line-height: 1.8;
}

ol.policy-list img {
    max-width: 100%;
}

ol.policy-list ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol.policy-list li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol.policy-list ol li {
    padding-left: 12px;
    text-indent: -12px;
}

ol.policy-list li>*:not(:first-child) {
    text-indent: 0;
}

ol.policy-list li>div:not(.policy-subject) {
    padding-left: 12px;
}
.application_box{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}
.application_box a{
    display: inline-block;
    padding: 10px 20px;
    margin: 0 10px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 4px;
}
.tableTemp09 tbody tr td {
    text-align: center;
    padding: 5px 10px;
    font-size: 16px;
}

.tableTemp09 tbody tr th {
    font-size: 16px;
    padding: 5px 10px;
    background: #e1f0f8;
    color: #175e85;
    border: #7cb0ce 1px solid;

}

.tableTemp09 {
    border-top: #7cb0ce 2px solid;
}

/* 1611 */

.tableTemp09 tbody tr td {
    text-align: center;
    padding: 7px;
}

.tableTemp09 tbody tr th {
    padding: 5px 5px;
    background: #e1f0f8;
    color: #175e85;
    border: #7cb0ce 1px solid;

}

.tableTemp09 {
    border-top: #7cb0ce 2px solid;
}
.policy-title {
    font-weight: bold;
    color: #4b4b4b;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 25px;
}

.policy-introduction {
    padding: 10px 20px;
    border: 2px solid black;
}

.policy-subject {
    font-size: 20px;
    margin-top: 20px;
    font-weight: bold;
    
}
.policy-list>li>div>p{
margin: 0;
}
.policy-subject_num,
.policy-subject_text {
    font-weight: bold;
}

.policy-subject_text {
    margin-left: 4px;
}

.policy-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.policy-table tr td,
.policy-table tr th {
    border: 1px solid #000;
    padding: 10px;
    text-align: center;
}

.policy-table tr td {
    background-color: white;
    font-size: 1.2em;
}

.policy-table tr th {
    text-align: center;
    font-size: 1.2em;
}

.policy-table-process tr td {
    text-align: center;
    border-left: none;
}

.policy-table-process tr td:not(:last-of-type) {
    border-right: none;
}

.policy-table-process2 {
    border: 2px solid #d9d9d9;
    text-align: center;
    letter-spacing: 2px;
    max-width: 600px;
}

.policy-table-process2 tr td {
    border: none;
}

.policy-table-process2 tr td.policy-table-border_bottom {
    border-bottom: 1px solid #d9d9d9;
}

.policy-table-process2 tr td.policy-table-border_right {
    border-right: 1px solid #d9d9d9;
}

.policy-table-process2 tr td.policy-table-box {
    border: 1px solid #d9d9d9;
    padding: 4px 10px;
    width: 100px;
}

.policy-table-process2 tr td.policy-table-left {
    padding: 0;
    text-align: left;
    width: 16px;
}

.policy-table-process2 tr td.policy-table-right {
    padding: 0;
    text-align: right;
    width: 16px;
}

.policy-table-process2 tr td.policy-table-arrow {
    color: #777;
}

ol.policy-list {
    list-style: none;
    margin: 0 0 60px 0;
    padding: 0;
    line-height: 1.8;
}

ol.policy-list img {
    max-width: 100%;
}

ol.policy-list ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol.policy-list li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol.policy-list ol li {
    padding-left: 12px;
    text-indent: -12px;
}

ol.policy-list li>*:not(:first-child) {
    text-indent: 0;
}

ol.policy-list li>div:not(.policy-subject) {
    padding-left: 12px;
}
.application_box{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}
.application_box a{
    display: inline-block;
    padding: 10px 20px;
    margin: 0 10px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 4px;
}
.tableTemp09 tbody tr td {
    text-align: center;
    padding: 5px 10px;
    font-size: 16px;
}

.tableTemp09 tbody tr th {
    padding: 5px 10px;
    background: #e1f0f8;
    color: #175e85;
    border: #7cb0ce 1px solid;
    font-size: 16px;
}

.tableTemp09 {
    border-top: #7cb0ce 2px solid;
}

/* 1612 */

.tableTemp09 tbody tr td {
    text-align: center;
    padding: 7px;
}

.tableTemp09 tbody tr th {
    padding: 5px 5px;
    background: #e1f0f8;
    color: #175e85;
    border: #7cb0ce 1px solid;

}

.tableTemp09 {
    border-top: #7cb0ce 2px solid;
}
.policy-title {
    font-weight: bold;
    color: #4b4b4b;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 25px;
}

.policy-introduction {
    padding: 10px 20px;
    border: 2px solid black;
}

.policy-subject {
    font-size: 20px;
    margin-top: 20px;
    font-weight: bold;
    
}
.policy-list>li>div>p{
margin: 0;
}
.policy-subject_num,
.policy-subject_text {
    font-weight: bold;
}

.policy-subject_text {
    margin-left: 4px;
}

.policy-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.policy-table tr td,
.policy-table tr th {
    border: 1px solid #000;
    padding: 10px;
    text-align: center;
}

.policy-table tr td {
    background-color: white;
    font-size: 1.2em;
}

.policy-table tr th {
    text-align: center;
    font-size: 1.2em;
}

.policy-table-process tr td {
    text-align: center;
    border-left: none;
}

.policy-table-process tr td:not(:last-of-type) {
    border-right: none;
}

.policy-table-process2 {
    border: 2px solid #d9d9d9;
    text-align: center;
    letter-spacing: 2px;
    max-width: 600px;
}

.policy-table-process2 tr td {
    border: none;
}

.policy-table-process2 tr td.policy-table-border_bottom {
    border-bottom: 1px solid #d9d9d9;
}

.policy-table-process2 tr td.policy-table-border_right {
    border-right: 1px solid #d9d9d9;
}

.policy-table-process2 tr td.policy-table-box {
    border: 1px solid #d9d9d9;
    padding: 4px 10px;
    width: 100px;
}

.policy-table-process2 tr td.policy-table-left {
    padding: 0;
    text-align: left;
    width: 16px;
}

.policy-table-process2 tr td.policy-table-right {
    padding: 0;
    text-align: right;
    width: 16px;
}

.policy-table-process2 tr td.policy-table-arrow {
    color: #777;
}

ol.policy-list {
    list-style: none;
    margin: 0 0 60px 0;
    padding: 0;
    line-height: 1.8;
}

ol.policy-list img {
    max-width: 100%;
}

ol.policy-list ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol.policy-list li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol.policy-list ol li {
    padding-left: 12px;
    text-indent: -12px;
}

ol.policy-list li>*:not(:first-child) {
    text-indent: 0;
}

ol.policy-list li>div:not(.policy-subject) {
    padding-left: 12px;
}
.application_box{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}
.application_box a{
    display: inline-block;
    padding: 10px 20px;
    margin: 0 10px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 4px;
}
.tableTemp09 tbody tr td {
    text-align: center;
    padding: 5px 10px;
    font-size: 16px;
}

.tableTemp09 tbody tr th {
    padding: 5px 10px;
    background: #e1f0f8;
    color: #175e85;
    border: #7cb0ce 1px solid;
    font-size: 16px;
}

.tableTemp09 {
    border-top: #7cb0ce 2px solid;
}
.bus_list{
    list-style: none;
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
}

.sub_cuntent .bus_list li{
    position: relative;
    width: 130px;
    height: 130px;
    padding: 20px;
    background: #eaeff9;
    margin-right: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    text-align: center;
    font-weight: 500;
}

.sub_cuntent .bus_list li::after {
    content: "¢º";
    position: absolute;
    right: -25px;
    color: #000;
    font-size: 14px;    
}

.sub_cuntent .bus_list li:nth-last-child(1):after{
    display: none;
}

.sub_cuntent .bus_list li:nth-last-child(1){
    background: #002d61;
    color: #fff;
}

/* 1618 */

.life_page{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.school_ul{
    list-style: none;
    border: 1px solid #ddd;
    width: 800px;
    height: 50px;
    display: flex;
    border-radius: 5px;
}
.school_li{
    width: 50%;
    height: 100%;
    border: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #000;
    cursor: pointer;
    border-radius: 5px;
}

.school_li_show{
    background-color: #0069b3;
    color: #fff;
    font-weight: bold;
}
.school_life_box{
    width: 90%;
    display: none;
    margin-top: 20px;
    border: 1px solid #ddd;
}
.school_life_box img{
    width: 100%;
}
.life_show{
    display: block;
}

/* 1619 */

.tableTemp09 tbody tr td {
    text-align: center;
    padding: 7px;
}

.tableTemp09 tbody tr th {
    padding: 5px 5px;
    background: #e1f0f8;
    color: #175e85;
    border: #7cb0ce 1px solid;

}

.tableTemp09 {
    border-top: #7cb0ce 2px solid;
}
.policy-title {
    font-weight: bold;
    color: #4b4b4b;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 25px;
}

.policy-introduction {
    padding: 10px 20px;
    border: 2px solid black;
}

.policy-subject {
    font-size: 20px;
    margin-top: 20px;
    font-weight: bold;
    
}
.policy-list>li>div>p{
margin: 0;
}
.policy-subject_num,
.policy-subject_text {
    font-weight: bold;
}

.policy-subject_text {
    margin-left: 4px;
}

.policy-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.policy-table tr td,
.policy-table tr th {
    border: 1px solid #000;
    padding: 10px;
    text-align: center;
}

.policy-table tr td {
    background-color: white;
    font-size: 1.2em;
}

.policy-table tr th {
    text-align: center;
    font-size: 1.2em;
}

.policy-table-process tr td {
    text-align: center;
    border-left: none;
}

.policy-table-process tr td:not(:last-of-type) {
    border-right: none;
}

.policy-table-process2 {
    border: 2px solid #d9d9d9;
    text-align: center;
    letter-spacing: 2px;
    max-width: 600px;
}

.policy-table-process2 tr td {
    border: none;
}

.policy-table-process2 tr td.policy-table-border_bottom {
    border-bottom: 1px solid #d9d9d9;
}

.policy-table-process2 tr td.policy-table-border_right {
    border-right: 1px solid #d9d9d9;
}

.policy-table-process2 tr td.policy-table-box {
    border: 1px solid #d9d9d9;
    padding: 4px 10px;
    width: 100px;
}

.policy-table-process2 tr td.policy-table-left {
    padding: 0;
    text-align: left;
    width: 16px;
}

.policy-table-process2 tr td.policy-table-right {
    padding: 0;
    text-align: right;
    width: 16px;
}

.policy-table-process2 tr td.policy-table-arrow {
    color: #777;
}

ol.policy-list {
    list-style: none;
    margin: 0 0 60px 0;
    padding: 0;
    line-height: 1.8;
}

ol.policy-list img {
    max-width: 100%;
}

ol.policy-list ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol.policy-list li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol.policy-list ol li {
    padding-left: 12px;
    text-indent: -12px;
}

ol.policy-list li>*:not(:first-child) {
    text-indent: 0;
}

ol.policy-list li>div:not(.policy-subject) {
    padding-left: 12px;
}
.application_box{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}
.application_box a{
    display: inline-block;
    padding: 10px 20px;
    margin: 0 10px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 4px;
}
.tableTemp09 tbody tr td {
    text-align: center;
    padding: 5px 10px;
    font-size: 16px;
}

.tableTemp09 tbody tr th {
    padding: 5px 10px;
    background: #e1f0f8;
    color: #175e85;
    border: #7cb0ce 1px solid;
    font-size: 16px;
}

.tableTemp09 {
    border-top: #7cb0ce 2px solid;
}

/* 1620 */

.tableTemp09 tbody tr td {
    text-align: center;
    padding: 7px;
}

.tableTemp09 tbody tr th {
    padding: 5px 5px;
    background: #e1f0f8;
    color: #175e85;
    border: #7cb0ce 1px solid;

}

.tableTemp09 {
    border-top: #7cb0ce 2px solid;
}

.policy-title {
    font-weight: bold;
    color: #4b4b4b;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 25px;
}

.policy-introduction {
    padding: 10px 20px;
    border: 2px solid black;
}

.policy-subject {
    font-size: 20px;
    margin-top: 20px;
    font-weight: bold;

}

.policy-list>li>div>p {
    margin: 0;
}

.policy-subject_num,
.policy-subject_text {
    font-weight: bold;
}

.policy-subject_text {
    margin-left: 4px;
}

.policy-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.policy-table tr td,
.policy-table tr th {
    border: 1px solid #000;
    padding: 10px;
    text-align: center;
}

.policy-table tr td {
    background-color: white;
    font-size: 1.2em;
}

.policy-table tr th {
    text-align: center;
    font-size: 1.2em;
}

.policy-table-process tr td {
    text-align: center;
    border-left: none;
}

.policy-table-process tr td:not(:last-of-type) {
    border-right: none;
}

.policy-table-process2 {
    border: 2px solid #d9d9d9;
    text-align: center;
    letter-spacing: 2px;
    max-width: 600px;
}

.policy-table-process2 tr td {
    border: none;
}

.policy-table-process2 tr td.policy-table-border_bottom {
    border-bottom: 1px solid #d9d9d9;
}

.policy-table-process2 tr td.policy-table-border_right {
    border-right: 1px solid #d9d9d9;
}

.policy-table-process2 tr td.policy-table-box {
    border: 1px solid #d9d9d9;
    padding: 4px 10px;
    width: 100px;
}

.policy-table-process2 tr td.policy-table-left {
    padding: 0;
    text-align: left;
    width: 16px;
}

.policy-table-process2 tr td.policy-table-right {
    padding: 0;
    text-align: right;
    width: 16px;
}

.policy-table-process2 tr td.policy-table-arrow {
    color: #777;
}

ol.policy-list {
    list-style: none;
    margin: 0 0 60px 0;
    padding: 0;
    line-height: 1.8;
}

ol.policy-list img {
    max-width: 100%;
}

ol.policy-list ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol.policy-list li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol.policy-list ol li {
    padding-left: 12px;
    text-indent: -12px;
}

ol.policy-list li>*:not(:first-child) {
    text-indent: 0;
}

ol.policy-list li>div:not(.policy-subject) {
    padding-left: 12px;
}

.application_box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}

.application_box a {
    display: inline-block;
    padding: 10px 20px;
    margin: 0 10px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 4px;
}

.tableTemp09 tbody tr td {
    text-align: center;
    padding: 5px 10px;
    font-size: 16px;
}

.tableTemp09 tbody tr th {
    padding: 5px 10px;
    background: #e1f0f8;
    color: #175e85;
    border: #7cb0ce 1px solid;
    font-size: 16px;
}

.tableTemp09 {
    border-top: #7cb0ce 2px solid;
}

.link_url {
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #007bff;
    padding: 15px;
    border-radius: 15px;
    font-weight: bold;
    width: 200px;
    margin-right: 20px;
    cursor: pointer;
}
.poto_img_box{
    display: none;
    position: absolute;
    top: 20px;
    width: 70%;
    height: 700px;
    background: #fff;
    border: 1px solid #ddd;
}
.poto_ul{
    width: 100%;
    display: flex;
    justify-content: center;
}
.poto_li{
    display: none;
    transition: 0.3s;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    display: none;
    transition: opacity 0.5s ease; 
}
.poto_li img{
    width: 320px;
    height: 630px;
}

.poto_li.poto_show {
    display: flex;
    opacity: 1;
}
.poto_pop_out{
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 10px;
    border: 1px solid #ddd;
    transition: 0.3s;
}
.poto_pop_out:hover{
    background: #007bff;
    color: #fff;
    font-weight: 600;
}
.nav_btn{
    width: 100%;
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}
.nav_btn button {
width: 45px;
height: 45px;
border-radius: 50%;
border: 1px solid #cfcfcf;
background: rgba(255, 255, 255, 0.9);
cursor: pointer;
position: relative; /* È­»ìÇ¥ À§Ä¡ ±âÁØ */
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
color: transparent; /* ±âÁ¸ ÅØ½ºÆ® < > ¼û±â±â */
outline: none;
}

/* ¹öÆ° È£¹ö È¿°ú */
.nav_btn button:hover {
background: #007bff;
border-color: #007bff;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,123,255,0.3);
}

/* È­»ìÇ¥ °øÅë ±×·¡ÇÈ (CSS·Î ±×¸®±â) */
.nav_btn button::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
border-top: 2px solid #555;
border-right: 2px solid #555;
transition: all 0.3s;
}

/* È£¹ö ½Ã È­»ìÇ¥ »ö»ó º¯°æ */
.nav_btn button:hover::before {
border-color: #fff;
}

/* ¿ÞÂÊ È­»ìÇ¥ ¹æÇâ È¸Àü */
.nav_btn_prev::before {
transform: translate(-30%, -50%) rotate(-135deg);
}

/* ¿À¸¥ÂÊ È­»ìÇ¥ ¹æÇâ È¸Àü */
.nav_btn_next::before {
transform: translate(-70%, -50%) rotate(45deg);
}

.nav_btn button:hover {
    background: #007bff;
    color: #fff;
}


.poto_title{
    font-size: 20px;
    margin-top: 20px;
}

/* 1710 */

.main_title{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
.policy-title {
    font-weight: bold;
    color: #4b4b4b;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 25px;
}

.policy-introduction {
    padding: 10px 20px;
    border: 2px solid black;
}

.policy-subject {
    font-size: 18px;
    margin-top: 20px;
}

.policy-subject_num,
.policy-subject_text {
    font-weight: bold;
}

.policy-subject_text {
    margin-left: 4px;
}

.policy-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.policy-table tr td,
.policy-table tr th {
    border: 1px solid #d9d9d9;
    padding: 0 6px;
}

.policy-table tr td {
    background-color: white;
}

.policy-table tr th {
    background-color: #f2f2f2;
    text-align: center;
}

.policy-table-process tr td {
    text-align: center;
    border-left: none;
}

.policy-table-process tr td:not(:last-of-type) {
    border-right: none;
}

.policy-table-process2 {
    border: 2px solid #d9d9d9;
    text-align: center;
    letter-spacing: 2px;
    max-width: 600px;
}

.policy-table-process2 tr td {
    border: none;
}

.policy-table-process2 tr td.policy-table-border_bottom {
    border-bottom: 1px solid #d9d9d9;
}

.policy-table-process2 tr td.policy-table-border_right {
    border-right: 1px solid #d9d9d9;
}

.policy-table-process2 tr td.policy-table-box {
    border: 1px solid #d9d9d9;
    padding: 4px 10px;
    width: 100px;
}

.policy-table-process2 tr td.policy-table-left {
    padding: 0;
    text-align: left;
    width: 16px;
}

.policy-table-process2 tr td.policy-table-right {
    padding: 0;
    text-align: right;
    width: 16px;
}

.policy-table-process2 tr td.policy-table-arrow {
    color: #777;
}

ol.policy-list {
    list-style: none;
    margin: 0 0 60px 0;
    padding: 0;
    line-height: 1.8;
}

ol.policy-list img {
    max-width: 100%;
}

ol.policy-list ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol.policy-list li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol.policy-list ol li {
    padding-left: 12px;
    text-indent: -12px;
}

ol.policy-list li>*:not(:first-child) {
    text-indent: 0;
}

ol.policy-list li>div:not(.policy-subject) {
    padding-left: 12px;
}

/* 1810 */

.procedure_box{
    padding: 40px 45px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 10px;
}
.procedure_ul{
    list-style: none;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.procedure_ul li{
    position: relative;
    width: 260px;
    background: #1681cb;
    color: #fff;
    font-weight: 500;
    height: 70px;
    margin-right: 30px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-left: 60px;
    font-size: 17px;
    
}
.procedure_ul li:nth-last-of-type(1){
    margin: 0;
}

.procedure_ul li::after {
content: '';
position: absolute;
right: -17px;
top: 50%;
transform: translateY(-50%) rotate(-45deg);
width: 8px;
height: 8px;
border-right: 2px solid #d6d6d6;
border-bottom: 2px solid #d6d6d6;
}

.procedure_ul li:last-child::after {
display: none;
}
.procedure_ul li:nth-last-of-type(1){
    background: #254474;
}
.procedure_span{
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 70px;
height: 70px;
box-sizing: border-box;
background: #1379c0;
border-radius: 20px 0px 20px 20px;
left: 0;
top: 0;
box-shadow: 2px 0px 3px -1px #574444;
}
.procedure_ul li:nth-last-of-type(1) .procedure_span:nth-last-of-type(1){
    background: #143260;
    box-shadow: 2px 0px 3px -1px #2c2323;
}

.tel_title{
display: flex;
align-items: center;
}
.tel_info{
border-top: 2px solid #000;
width: 100%;
border-collapse: collapse;

}
.tel_info th{
background: #fafbfc;
text-align: center;
width: 30%;
border-right: 1px solid #ddd;
}
.tel_info td{
text-align: center;
}
.tel_info td,.tel_info th{
padding: 20px;
font-size: 16px;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}

.tel_info td:last-child,.tel_info th:last-child{
border-right: none;
}
.procedure_text{
color: #0069b6;
font-weight: bold;
}
.tableTemp09 tbody tr td {
text-align: center;
padding: 7px;
}

.tableTemp09 tbody tr th {
padding: 5px 5px;
background: #e1f0f8;
color: #175e85;
border: #7cb0ce 1px solid;

}

.tableTemp09 {
border-top: #7cb0ce 2px solid;
}
.policy-title {
font-weight: bold;
color: #4b4b4b;
font-size: 1.5em;
text-align: center;
margin-bottom: 25px;
}

.policy-introduction {
padding: 10px 20px;
border: 2px solid black;
}

.policy-subject {
font-size: 20px;
margin-top: 20px;
font-weight: bold;

}
.policy-list>li>div>p{
margin: 0;
}
.policy-subject_num,
.policy-subject_text {
font-weight: bold;
}

.policy-subject_text {
margin-left: 4px;
}

.policy-table {
width: 100%;
border-collapse: collapse;
font-size: 12px;
}

.policy-table tr td,
.policy-table tr th {
border: 1px solid #000;
padding: 10px;
text-align: center;
}

.policy-table tr td {
background-color: white;
font-size: 1.2em;
}

.policy-table tr th {
text-align: center;
font-size: 1.2em;
}

.policy-table-process tr td {
text-align: center;
border-left: none;
}

.policy-table-process tr td:not(:last-of-type) {
border-right: none;
}

.policy-table-process2 {
border: 2px solid #d9d9d9;
text-align: center;
letter-spacing: 2px;
max-width: 600px;
}

.policy-table-process2 tr td {
border: none;
}

.policy-table-process2 tr td.policy-table-border_bottom {
border-bottom: 1px solid #d9d9d9;
}

.policy-table-process2 tr td.policy-table-border_right {
border-right: 1px solid #d9d9d9;
}

.policy-table-process2 tr td.policy-table-box {
border: 1px solid #d9d9d9;
padding: 4px 10px;
width: 100px;
}

.policy-table-process2 tr td.policy-table-left {
padding: 0;
text-align: left;
width: 16px;
}

.policy-table-process2 tr td.policy-table-right {
padding: 0;
text-align: right;
width: 16px;
}

.policy-table-process2 tr td.policy-table-arrow {
color: #777;
}

ol.policy-list {
list-style: none;
margin: 0 0 60px 0;
padding: 0;
line-height: 1.8;
}

ol.policy-list img {
max-width: 100%;
}

ol.policy-list ol {
list-style: none;
margin: 0;
padding: 0;
}

ol.policy-list li {
list-style: none;
margin: 0;
padding: 0;
}

ol.policy-list ol li {
padding-left: 12px;
text-indent: -12px;
}

ol.policy-list li>*:not(:first-child) {
text-indent: 0;
}

ol.policy-list li>div:not(.policy-subject) {
padding-left: 12px;
}
.application_box{
display: flex;
justify-content: center;
align-items: center;
padding-top: 20px;
}
.application_box a{
display: inline-block;
padding: 10px 20px;
margin: 0 10px;
background-color: #007bff;
color: white;
text-decoration: none;
border-radius: 4px;
}
.tableTemp09 tbody tr td {
text-align: center;
padding: 5px 10px;
font-size: 16px;
}

.tableTemp09 tbody tr th {
padding: 5px 10px;
background: #e1f0f8;
color: #175e85;
border: #7cb0ce 1px solid;
font-size: 16px;
}

.tableTemp09 {
border-top: #7cb0ce 2px solid;
}
@media(max-width:1500px){
.map_info_box{
    width: 90%;
}
.info_text {
font-size: 16px;
}
.info_title {
font-size: 16px;
}
.procedure_ul li {
font-size: 15px;
}
@media(max-width:1300px){
.procedure_box {
padding: 40px 20px;
}
.procedure_ul li {
width: 23%;
padding-left: 72px;
font-size: 14px;
}
}
}
@media(max-width:900px){

.info_text {
font-size: 18px;
}
.info_title {
font-size: 18px;
}
.procedure_ul{
flex-wrap: wrap;
gap: 20px;
}
.procedure_ul li {
margin-right: 0px;
font-size: 18px;
width: 30%;
}
.procedure_ul li::after {
display: none;
}
.tel_info td, .tel_info th {
padding: 20px !important;
font-size: 15px;
}
.map_info_box{
height: 450px;
bottom: -300px;
}
.logo_title {
margin: 0 0 15px 0;
}
.info_text {
font-size: 14px;
}
.info_title {
font-size: 14px;
margin: 5px 0;
}
.map_info {
padding: 20px 10px 0 20px;
}
.info_text {
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.tel_info td, .tel_info th {
font-size: 16px;
}
.tel_info td, .tel_info th {
padding: 10px !important;
font-size: 12px;
}
}




@media(max-width:500px){
.procedure_ul li {
    font-size: 15px;
    width: 55%;
}
.tableTemp09 td, .tel_info th {
    padding: 10px !important;
    font-size: 12px;
}
.tableTemp09 tbody tr td img{
    width: 70px;
}
}