/* common */
.subpage { overflow: hidden; position:relative; text-align: center; }
.subpage > section {padding: 90px 0; position: relative; }
.subpage > section:nth-of-type(even) {background: #f7f7f7;}
.sub_inner { padding: 0 50px; margin: 0 auto; max-width: 1400px; width: 100%; position: relative;}
.sub_tit {margin-bottom: 50px;}
.sub_tit h2 {display: inline; position: relative;}
.sub_tit h2::after {content: ''; display: block; width: 15px; height: 15px; background-color: #129cfd; border-radius: 50%; right: -19px; top: -9px; position: absolute;}

/* font size */
.fs_60 {font-size: 60px; font-weight: 700; color:#000; line-height: 1.3; }
.fs_32 {font-size: 32px; font-weight: 600; color:#111; line-height: 1.56; }
.fs_30 {font-size: 30px; font-weight: 700; color:#111; line-height: 1.56; }
.fs_24 {font-size: 24px; font-weight: 400; color:#000; line-height: 1.58; }
.fs_20 {font-size: 20px; font-weight: 700; color:#111; line-height: 1.58; }
.fs_18 {font-size: 18px; font-weight: 300; color:#111; line-height: 1.83; }
.fs_17 {font-size: 17px; font-weight: 300; color:#111; line-height: 1.83; }

/*Content CSS*/
.box_wrap {border-top: 1px solid #000; }
.box_wrap .box {border-bottom: 1px solid #ddd; padding: 50px 0; display: flex; }
.box_wrap .box .img { text-align: center; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
margin-right: 50px; overflow: hidden; border-radius: 10px; }
.box_wrap .box .img img {transition: transform .3s;}
.box_wrap .box .img:hover img {transform: scale(1.05);}

.box_wrap .box .txt {text-align: left; width: 100%; display: flex; flex-direction: column; justify-content: space-between; padding-top: 30px;}
.box_wrap .box .txt h3 {position: relative; border-bottom: 1px solid #ddd; padding-bottom:10px; margin-bottom: 20px;}
.box_wrap .box .txt h3::before {content: ''; display: block; width: 150px; height: 3px; background-color: #129cfd; position: absolute; left: 0; bottom: -1px; }
.box_wrap .box .txt h3 span {font-size: 17px; padding-left: 18px; }
.box_wrap .box .txt h4 {color:#1d1d1f; font-weight: 500;}
.box_wrap .box .txt h4 b {font-weight: 700; color:#30a9fd; padding-right:20px;}
.box_wrap .box .txt ul {margin-top: 5px;}
.box_wrap .box .txt ul li {line-height: 1.6;}
.box_wrap .box .txt ul li + li {margin-top: 5px;}
.box_wrap .box .txt ul span {color:#129cfd; font-weight: 500;}

.box_wrap .box .clover::before {content: '♣'; color:#fdad12; font-weight: 400; font-style: normal; font-family: 'Gulim';}
.box_wrap .box .circle::before {content: ''; background-color:#129cfd; display: inline-block; width: 10px; height: 10px; border-radius: 50%; }

/* table */
.medi_table table { width: 100%; border-collapse: collapse;text-align: center; }
.medi_table table thead th { padding:15px; border: 1px solid #ddd;  font-size: 17px; font-weight: 500;line-height: 1.3; color:#1d1d1f; }
.medi_table table thead th.slash { background-image: linear-gradient(to left bottom, transparent calc(50% - 1px), #ddd, transparent calc(50% + 1px)); background-size: 120% 120%; background-position: center;}
.medi_table table tbody td {padding:12px; border: 1px solid #ddd;  font-size: 14px; font-weight: 400; line-height: 1.3; color:#1d1d1f; }
.medi_table table tbody td.time {  writing-mode: vertical-lr; line-height: 1.21;}
.medi_table table tbody td .clover::before {font-size: 17px;}






@media screen and (max-width:1400px) {
    /* common */
    /* .subpage br:not(.space) {display: none;} */

    /* content */
    .box_wrap .box {align-items: flex-start; }
    .box_wrap .box .txt {display: block; }
    .medi_table {margin-top: 30px;}


}

@media screen and (max-width: 1024px) {
    /* common */
    .subpage {text-align: center;}
    .subpage > section {padding: 70px 0; }
    .sub_inner {padding:0 30px;}
    /* font size */
    .fs_60 {font-size: 40px;  }
    .fs_32 {font-size: 25px; }
    .fs_30 {font-size: 24px; }
    .fs_24 {font-size: 20px; }
    .fs_20 {font-size: 17px; }
    .fs_18 {font-size: 15px; line-height: 1.65;}
    .fs_17 {font-size: 14px; line-height: 1.65;}

    /* content */
    .box_wrap .box .img {width: 250px; margin-right:40px;}
    .box_wrap .box .txt {padding: 0; }
    .box_wrap .box .txt h3 span {padding-left: 10px;}
    .box_wrap .box .txt h4 b {padding-right: 10px;}

    .medi_table {  width: 100%; overflow-x: auto;}
    .medi_table table thead th {font-size: 15px; padding: 10px;}
    .medi_table table tbody td {font-size: 13px; padding: 10px;}

}

@media screen and (max-width: 768px) {
    .box_wrap .box {flex-direction: column; align-items: center;}
    .box_wrap .box .img {width: auto; margin:0 0 20px;}

}

@media screen and (max-width: 640px) {
    /* common */
    .subpage > section {padding: 50px 0;}
    .sub_inner {padding:0 20px;}
    .sub_tit {margin-bottom: 30px;}
    .sub_tit h2::after { width: 10px; height: 10px; right: -15px; top: -5px;}

    /* font size */
    .fs_60 {font-size: 32px;  }
    .fs_32 {font-size: 20px;  }
    .fs_30 {font-size: 20px;  }
    .fs_24 {font-size: 17px; }
    .fs_20 {font-size: 16px; }
    .fs_18 {font-size: 13px;}
    .fs_17 {font-size: 13px;}

    /* content */
    .box_wrap .box {padding: 40px 0;}

    .medi_table {margin-top: 20px;}
    .medi_table table thead th {font-size: 14px; padding: 7px;}
    .medi_table table tbody td {font-size: 12px; padding: 7px;}


}