@font-face {
  font-family: 'OTEnjoystoriesBA';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/OTEnjoystoriesBA.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.tvn {font-family: 'OTEnjoystoriesBA';}

#academy .academy_wrap {/* height: 970px; */ padding: 200px 0 320px; background: url(/img/sub01/academy_bg.jpg) no-repeat center center; background-size: cover; text-align: center; display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden;}
#academy .academy_bg_wrap {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#academy .academy_bg_wrap img {position: absolute;}
#academy .academy_bg_wrap img.bg_obj1 {top: 0; left: 0; max-width: 100%; /* max-width: 75%; */}
#academy .academy_bg_wrap img.bg_obj2 {left: 0; bottom: 0; width: 100%; /* max-width: none; */}
/* #academy .academy_bg_wrap img.bg_obj3 {right: 0; bottom: 0; max-width: 65%;} */

#academy .academy_wrap .youtube_box {margin-bottom: 100px; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden;}
#academy .academy_wrap .youtube_box iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#academy .academy_wrap p.blue_bg {background: #3741BF; color: #fff; font-size: 1.625em; width: fit-content; margin: 0 auto; font-weight: 500; letter-spacing: 5px; padding: 1px 3px 2px 8px;}
#academy .academy_wrap h3.netb {color: #3741BF; font-size: 4.6875em; margin: 15px 0 50px; transition-delay: .2s;}
#academy .academy_wrap .tvn {font-size: 2.5em; line-height: 120%; transition-delay: .5s; margin-bottom: 40px; color: #0B4198; font-style: italic;}
#academy .academy_wrap .desc {font-size: 1.325em; line-height: 120%; transition-delay: .8s; color: #07285e;}

.class_half {margin: 50px 0 100px; display: flex; flex-wrap: wrap;}
.class_half > li {width: 50%; height: fit-content;}
.class_half .lt > div:not(:last-child) {margin-bottom: 30px;}
.class_half .lt .title {font-size: 1.375em; font-weight: 700; word-break: keep-all;}
.class_half .lt .title span {font-size: 0.875rem; margin: 3px 0 7px; display: inline-block;}
.class_half .lt ul {margin-top: 20px; font-size: 1.0625em; line-height: 165%;}
.class_half .lt ul li:not(:last-child) {margin-bottom: 3px;}
.class_half .lt ul li.dot_p .badge {margin-left: 10px; font-size: 0.875em; font-weight: 500; border-radius: 5px; padding: 0 15px; display: inline-block;}
.class_half .lt ul li.dot_p .badge.ing {background: #0B4198; color: #fff;}
.class_half .lt ul li.dot_p .badge.yet {background: #EDF0F9; color: #0B4198;}

.sub_sec_title {margin-bottom: 30px;}
.sub_sec_title .title {font-size: 2.5em;}
.sub_sec_title .desc {font-size: 1.25em; font-weight: 500; margin: 20px 0 5px;}
.grey_star {color: #aaa; font-size: 0.875rem; font-weight: 500; line-height: 157%; margin-top: 4px;}
.border_box {border-left: 3px solid #111; padding-left: 20px;}
.grey_star.point {font-size: 0.95rem; padding-left: 10px; color: #333;}
.grey_star.point span {background: #777; color: #fff; padding: 1px 4px; border-radius: 3px;}

.sub01_table thead {border-top: 1px solid #111; border-bottom: 1px solid #e6e6e6;}
.sub01_table thead tr th {height: 60px; color: #666; font-size: 0.9375em; font-weight: 600;}
.sub01_table .title {width: 300px;}
.sub01_table .detail {width: calc(100% - 450px);}
.sub01_table .time {width: 150px;}
.sub01_table tbody tr {border-bottom: 1px solid #e6e6e6;}
.sub01_table tbody tr td {font-size: 1.0625em; font-weight: 500;}
.sub01_table tbody tr td.title {font-weight: 700; background: #F6F6F6; text-align: center; height: 108px;}
.sub01_table tbody tr td.detail {padding: 17px 30px; line-height: 1.6; word-break: keep-all;}
.sub01_table tbody tr td.time {border-left: 1px solid #e6e6e6; text-align: center;}
.sub01_table .total_wrap {background: #0B4198; border-radius: 15px; margin-top: 20px; color: #fff; padding: 23px 104px 23px 0; display: flex; justify-content: space-between; align-items: center;}
.sub01_table .total_wrap .lt {width: 300px; text-align: center; font-size: 1.25em; font-weight: 500;}
.sub01_table .total_wrap .rt {display: flex; align-items: center; column-gap: 8px;}
.sub01_table .total_wrap .rt img {width: 24px;}
.sub01_table .total_wrap .rt span {font-size: 1.5em; font-weight: 700;}

.badge_list > li {display: flex; column-gap: 15px; align-items: center;}
.badge_list li .badge {width: 78px; background: #EDF0F9; border-radius: 5px; font-size: 0.875rem; font-weight: 500; color: #0B4198; display: flex; align-items: center; justify-content: center; padding: 5px 0;}
.badge_list li .badge_status {margin-left: 10px; font-size: 0.875em; font-weight: 500; border-radius: 5px; padding: 3px 15px; display: inline-block;}
.badge_list li .badge_status.ing {background: #0B4198; color: #fff;}
.badge_list li .badge_status.yet {background: #EDF0F9; color: #0B4198;}
.badge_list > li:not(:last-child) {margin-bottom: 20px;}
.badge_list li .desc {width: calc(100% - 93px); font-size: 1.0625em;}
.badge_list li .desc span.sm {font-size: 0.875rem; margin: 3px 0 7px; display: inline-block;}
.class_half .rt .grey_star {width: calc(100% - 93px); margin-left: auto;}

#class .sec3 {margin: 150px 0 130px;}
#class .sec3 ul.flex {display: flex; column-gap: 80px;}
#class .sec3 ul .img_box {border-radius: 15px; overflow: hidden;}
#class .sec3 ul .img_box img {width: 100%; height: 100%; object-fit: cover;}

#class .sec3 ul .border_box ul li {font-size: 1.0625em;}
#class .sec3 ul .border_box ul li .dot_p {font-weight: 700; line-height: 150%;}
#class .sec3 ul .border_box ul li:not(:last-child) {margin-bottom: 15px;}


#class .sec4 ul {display: flex; align-items: center; flex-wrap: wrap;}
#class .sec4 ul li.box {width: calc((100% - 210px)/4); text-align: center; background: rgba(224, 230, 242, 0.35); border-radius: 15px; min-height: 247px; display: flex; flex-direction: column; justify-content: center;}
#class .sec4 ul li.box .step {font-size: 0.875em; font-weight: 800; color: #0B4198;}
#class .sec4 ul li.box .bold {font-size: 1.625em; font-weight: 700; margin-top: 11px;}
#class .sec4 ul li.box p {font-size: 1.0625em; line-height: 141%; margin-top: 15px;}
#class .sec4 ul li.arrow {width: 70px; text-align: center;}
#class .sec4 ul li.arrow img {width: 35px;}
#class .sec4 .under_line {margin-top: 30px; padding-top: 15px; border-top: 1px solid #e6e6e6;}
#class .sec4 .under_line .grey_star {margin-top: 0;}

#process .sec1 .sub_sec_title {margin-top: 40px;}
#process .sec1 .class_half {margin: 30px 0 100px; column-gap: 80px; align-items: center;}
#process .sec1 .class_half > li.rt {width: calc(50% - 80px);}
#process .sec1 .badge_list li {align-items: baseline;}
#process .sec1 .badge_list > li:not(:last-child) {margin-bottom: 15px;}
#process .sec1 .badge_list li ul li:not(:last-child) {margin-bottom: 3px;}
#process .sec1 .badge_list li .desc > ul {line-height: 130%;}
#process .sec2, #process .sec3 {margin-bottom: 100px;}

#process .sec3 .project_detail_sec:not(:last-child) {margin-bottom: 50px;}
#process .sec3 .project_detail_sec .detail_title {font-size: 1.0625em; font-weight: 700; margin-bottom: 15px;}
#process .sec3 .project_detail_sec .blue_bg {background: #EDF0F9; border-radius: 15px; padding: 30px 50px;}
#process .sec3 .project_detail_sec .blue_bg p {font-size: 1.0625em; line-height: 176%;}
#process .sec3 .project_detail_sec .project_table {text-align: center;}
#process .sec3 .project_detail_sec .project_table thead {font-size: 0.9375em; color: #666; border-top: 1px solid #111; border-bottom: 1px solid #e6e6e6;}
#process .sec3 .project_detail_sec .project_table thead th {padding: 20px 10px;}
#process .sec3 .project_detail_sec .project_table tbody {font-size: 1.0625em;}
#process .sec3 .project_detail_sec .project_table tbody tr {border-bottom: 1px solid #e6e6e6;}
#process .sec3 .project_detail_sec .project_table tbody td {padding: 20px 10px;}
#process .sec3 .project_detail_sec .project_table tbody td:not(:last-child) {border-right: 1px solid #e6e6e6;}
#process .sec3 .project_detail_sec .project_table tbody .number {width: 15%;}
#process .sec3 .project_detail_sec .project_table tbody .name {width: 45%; font-weight: bold;}
#process .sec3 .project_detail_sec .project_table tbody .content {width: 40%;}

#process .sec4 .lecturer_list {display: flex; justify-content: space-between;}
#process .sec4 .lecturer_list li {text-align: center;}
#process .sec4 .lecturer_list li .badge {background: #EDF0F9; border-radius: 5px; font-size: 0.875rem; font-weight: 500; color: #0B4198; display: flex; align-items: center; justify-content: center; padding: 5px 15px; margin: 20px auto 10px; width: fit-content;}
#process .sec4 .lecturer_list li .info {font-size: 1.0625em; font-weight: 700;}
#process .sec4 .under_line {margin-top: 30px; padding-top: 15px; border-top: 1px solid #e6e6e6;}
#process .sec4 .under_line .grey_star {margin-top: 0;}

#contact .map_wrap {margin-bottom: 50px;}
#contact .map_wrap .education_wrap .one_box {padding: 50px 20px 100px; border-radius: 15px; background: #F6F6F6; text-align: center;}
#contact .map_wrap .education_wrap .one_box .netb {font-size: 1.875em; margin-bottom: 20px;}
#contact .map_wrap .education_wrap .one_box .md {font-size: 1.0625em;}
#contact .map_wrap .education_wrap .one_box .md p:not(:last-child) {margin-bottom: 10px;}
#contact .map_wrap .education_wrap .two_box {margin-top: 50px; display: flex; justify-content: center; column-gap: 24px; width: calc(100% - 48px); margin-left: auto; margin-right: auto;}
#contact .map_wrap .education_wrap .two_box li {max-width: calc((100% - 24px)/2);}
#contact .map_wrap #map {width: 100%; height: 450px; background: url(/img/sub01/map.jpg) no-repeat center center; background-size: cover; margin-top: 80px; position: relative; overflow: hidden;}
#contact .map_wrap #map iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

#contact .way_wrap > ul {display: flex; flex-wrap: wrap;}
#contact .way_wrap > ul > li {width: 50%;}
#contact .way_wrap > ul > li > div {display: flex; column-gap: 20px;}
#contact .way_wrap > ul > li > div:not(:last-child) {margin-bottom: 25px;}
#contact .way_wrap .icon {width: 85px;}
#contact .way_wrap .txt {width: calc(100% - 105px);}
#contact .way_wrap .txt > .bold {font-size: 1.3125em; margin-bottom: 10px;}
#contact .way_wrap .txt > .md {font-size: 1.0625rem; line-height: 147%;}
#contact .way_wrap .txt .md a.link_btn {font-size: 0.875rem; margin: 3px 0 10px 15px; padding: 3px 15px 3px; column-gap: 7px; color: #0B4198; font-weight: 600; display: flex; align-items: center; border-radius: 5px; border: 1px solid #0B4198; width: fit-content;}
#contact .way_wrap .txt .md a.link_btn img {width: 14px;}
#contact .way_wrap .txt .md .dot_p {margin-left: 6px;}
#contact .way_wrap .txt .md > ul {line-height: 153%;}
#contact .way_wrap .txt .md > ul li:not(:last-child) {margin-bottom: 30px;}


@media screen and (max-width: 1240px) {
  #class .sec3 ul.flex {column-gap: 4vw;}
  #class .sec3 ul .img_box {width: 40vw;}
  #class .sec3 ul .border_box {width: calc(100% - 44vw);}
  #process .sec1 .class_half {margin: 30px 0 100px; column-gap: 40px;}
  #process .sec1 .class_half > li.rt {width: calc(50% - 40px);}=
}

@media screen and (max-width: 1024px) {
  #academy .academy_wrap {padding: 18vw 0 24vw;}
  #academy .academy_wrap .academy_txt > .wrapper {padding: 0 5vw;}
  #academy .academy_wrap p.blue_bg {font-size: 1.25em;}
  #academy .academy_wrap h3.netb {font-size: 4em; margin: 15px 0 35px;}
  #academy .academy_wrap .tvn {font-size: 2.325em;}
  #academy .academy_wrap .desc {font-size: 1.125em;}

  .class_half {row-gap: 50px;}
  .class_half > li {width: 100%;}

  .sub01_table thead tr th {height: 55px;}
  .sub01_table tbody tr td {font-size: 1em;}
  .sub01_table .total_wrap .lt,
  .sub01_table .title {width: 230px;}
  .sub01_table .detail {width: calc(100% - 340px); line-height: 145%;}
  .sub01_table .time {width: 110px;}
  .sub01_table tbody tr td.detail {padding: 15px 25px;}
  .sub01_table .total_wrap {padding: 20px 70px 20px 0;}
  .sub01_table .total_wrap .lt {font-size: 1.125em;}
  .sub01_table .total_wrap .rt span {font-size: 1.325em;}

  #class .sec3 ul.flex {flex-direction: column; align-items: flex-start; row-gap: 35px;}
  #class .sec3 ul .img_box {width: auto;}
  #class .sec3 ul .border_box {width: 100%;}
  #class .sec3 ul .border_box ul li:not(:last-child) {margin-bottom: 12px;}

  #class .sec4 ul li.box {width: calc((100% - 13.5vw)/4); min-height: 22.5vw;}
  #class .sec4 ul li.box .step {font-size: 1.4vw;}
  #class .sec4 ul li.box .bold {font-size: 2.4vw; margin-top: 10px;}
  #class .sec4 ul li.box p {font-size: 1.675vw; margin-top: 12px;}
  #class .sec4 ul li.arrow {width: 4.5vw;}
  #class .sec4 ul li.arrow img {width: 2.75vw;}

  #process .sec1 .class_half > li.rt {width: 100%;}
  #process .sec4 .lecturer_list {flex-wrap: wrap; justify-content: center; column-gap: 1%; row-gap: 40px;}
  #process .sec4 .lecturer_list li {width: 32.3333%;}
  #process .sec4 .lecturer_list li img {max-width: 200px;}
  
  #contact .map_wrap #map {height: 370px; margin-top: 60px;}
  #contact .way_wrap > ul > li {width: 100%;}
  #contact .way_wrap > ul {row-gap: 35px;}
  #contact .way_wrap > ul > li > div:not(:last-child) {margin-bottom: 35px;}
}


@media screen and (max-width: 768px) {  
  .sub_sec_title {margin-bottom: 25px;}
  .sub_sec_title .title {font-size: 2.25em;}

  #academy .academy_wrap .youtube_box {margin-bottom: 10vw;}
  #academy .academy_wrap h3.netb {font-size: 3.625em; margin: 12px 0 30px;}
  #academy .academy_wrap .tvn {margin-bottom: 25px;}
  #academy .academy_wrap .desc {line-height: 130%;}

  .class_half {margin: 40px 0 100px;}
  
  .class_half .lt ul {margin-bottom: 15px;}
  .badge_list li .desc {line-height: 145%;}
  .badge_list li .desc br {display: none;}
  .badge_list li .badge {width: 70px;}
  .badge_list > li:not(:last-child) {margin-bottom: 15px;}
  .badge_list li .desc,
  .class_half .rt .grey_star {width: calc(100% - 85px);}
  .class_half .lt .grey_star {margin-top: 10px;}
  .grey_star.point {padding-left: 8px;}
  .class_half .lt .grey_star.point {margin-top: 6px;}
  .class_half .lt ul li.dot_p .badge {padding: 0 12px;}
  .class_half .lt .title span {margin: 3px 0 0;}
  .badge_list li .badge_status {padding: 3px 12px;}

  .sub01_table thead tr th {height: 50px; font-size: 0.9em;}
  .sub01_table tbody tr td {font-size: 0.975em;}
  .sub01_table .total_wrap .lt,
  .sub01_table .title {width: 150px; line-height: 145%;}
  .sub01_table tbody tr td.title {height: 90px;}
  .sub01_table .detail {width: calc(100% - 230px); line-height: 140%;}
  .sub01_table .time {width: 80px;}
  .sub01_table tbody tr td.detail {padding: 12px 16px;}
  .sub01_table .total_wrap {padding: 16px 35px 16px 0; border-radius: 10px;}
  .sub01_table .total_wrap .lt {font-size: 1.125em;}
  .sub01_table .total_wrap .rt span {font-size: 1.25em;}
  .sub01_table .total_wrap .rt img {width: 20px;}
  .sub01_table tbody tr td.detail br.br_768_none {display: none;}

  #class .sec3 {margin: 120px 0 100px;}

  #class .sec4 ul li.box {width: calc((100% - 12vw)/4); min-height: 23vw;}
  #class .sec4 ul li.box .step {font-size: 1.5vw;}
  #class .sec4 ul li.box .bold {font-size: 2.5vw; margin-top: 7px;}
  #class .sec4 ul li.box p {font-size: 2vw; margin-top: 9px;}
  #class .sec4 ul li.arrow {width: 4vw;}
  #class .sec4 ul li.arrow img {width: 2.875vw;}
  #class .sec4 .under_line {margin-top: 25px; padding-top: 10px;}
  
  #process .sec1 .class_half {row-gap: 35px;}
  #process .sec4 .under_line {margin-top: 25px; padding-top: 10px;}

  #process .sec4 .lecturer_list {column-gap: 2%; row-gap: 30px;}
  #process .sec4 .lecturer_list li {width: 30%;}
  #process .sec4 .lecturer_list li img {width: 180px; max-width: 100%;}
  #process .sec4 .lecturer_list li .badge {margin: 15px auto 8px;}

  #process .sec3 .project_detail_sec:not(:last-child) {margin-bottom: 40px;}
  #process .sec3 .project_detail_sec .detail_title {margin-bottom: 15px;}
  #process .sec3 .project_detail_sec .blue_bg {padding: 25px 30px;}
  #process .sec3 .project_detail_sec .project_table thead th {padding: 15px 10px;}
  #process .sec3 .project_detail_sec .project_table tbody {font-size: 1em;}
  #process .sec3 .project_detail_sec .project_table tbody td {padding: 15px 10px; word-break: keep-all; line-height: 150%;}
  #process .sec3 .project_detail_sec .project_table tbody .number {width: 8%;}
  #process .sec3 .project_detail_sec .project_table tbody .name {width: 48%;}
  #process .sec3 .project_detail_sec .project_table tbody .content {width: 44%;}

  #contact .map_wrap .education_wrap .one_box {padding: 50px 20px 60px;}
  #contact .map_wrap .education_wrap .one_box .netb {font-size: 1.75em;}
  #contact .map_wrap .education_wrap .one_box .md {font-size: 1em;}
  #contact .map_wrap .education_wrap .one_box .md p:not(:last-child) {margin-bottom: 7px;}
  #contact .map_wrap .education_wrap .two_box {margin-top: 40px;}
  #contact .map_wrap #map {height: 300px; margin-top: 40px;}
  #contact .way_wrap .icon {width: 70px;}
  #contact .way_wrap .txt {width: calc(100% - 90px);}
  #contact .way_wrap .txt .md a.link_btn {padding: 2px 10px 2px;}
  #contact .way_wrap > ul {row-gap: 30px;}
  #contact .way_wrap > ul > li > div:not(:last-child) {margin-bottom: 30px;}
  #contact .way_wrap .txt .md > ul li:not(:last-child) {margin-bottom: 20px;}
}

@media screen and (max-width: 540px) {
  .sub_sec_title {margin-bottom: 20px;}
  .sub_sec_title .title {font-size: 2em;}
  .sub_sec_title .desc {margin: 15px 0 5px; line-height: 152%; word-break: keep-all;}
  .border_box {padding-left: 16px; border-left: 2px solid #111;}

  #academy .academy_wrap {padding: 20vw 0 30vw;}
  #academy .academy_wrap .academy_txt > .wrapper {padding: 0 20px;}
  #academy .academy_wrap .youtube_box {margin-bottom: 15vw;}
  #academy .academy_wrap p.blue_bg {font-size: 3.625vw; letter-spacing: 3.5px; padding: 1px 1px 1px 5px; letter-spacing: 3px;}
  #academy .academy_wrap h3.netb {font-size: 8.25vw; margin: 10px 0 25px;}
  #academy .academy_wrap .tvn {font-size: 5.75vw; margin-bottom: 20px;}
  #academy .academy_wrap .desc {font-size: 3.5vw;}
  #academy .academy_wrap .desc br.br_540 {display: block;}
  
  .class_half {row-gap: 40px; margin: 35px 0 80px;}
  .class_half .lt ul {margin-top: 15px;}
  .badge_list > li {column-gap: 12px;}
  .badge_list li .desc {font-size: 1em; line-height: 145%;}
  .badge_list li .desc br {display: none;}
  .badge_list li .badge {width: 65px; padding: 4px 0;}
  .badge_list > li:not(:last-child) {margin-bottom: 12px;}
  .badge_list li .desc,
  .class_half .rt .grey_star {width: calc(100% - 77px);}
  .class_half .lt .grey_star {margin-top: 10px;}
  .class_half .lt ul li.dot_p .badge {padding: 0 10px;}
  .badge_list li .badge_status {padding: 3px 10px;}
  .badge_list li .desc span.sm {margin: 3px 0 0;}
  
  .sub01_table tbody tr td {font-size: 12px;}
  .sub01_table .total_wrap .lt, .sub01_table .title {width: 105px;}
  .sub01_table .detail {width: calc(100% - 155px); padding: 10px;}
  .sub01_table .time {width: 50px;}
  .sub01_table tbody tr td.title {height: 70px;}
  .sub01_table .total_wrap {padding: 15px 25px 15px 0; margin-top: 15px;}
  
  #class .sec3 {margin: 100px 0 80px;}
  
  #class .sec4 ul {row-gap: 12px;}
  #class .sec4 ul li.box {width: calc((100% - 13vw)/2); min-height: 35vw;}
  #class .sec4 ul li.box .step {font-size: 3.25vw;}
  #class .sec4 ul li.box .bold {font-size: 4.325vw; margin-top: 8px;}
  #class .sec4 ul li.box p {font-size: 3.325vw; margin-top: 8px;}
  #class .sec4 ul li.arrow {width: 6.5vw;}
  #class .sec4 ul li.arrow img {width: 4.325vw;}
  
  #process .sec1 .sub_sec_title {margin-top: 20px;}
  #process .sec1 .class_half {margin: 20px 0 80px; row-gap: 25px;}
  #process .sec1 .badge_list > li:not(:last-child) {margin-bottom: 12px;}
  #process .sec2, #process .sec3 {margin-bottom: 80px;}

  #process .sec3 .project_detail_sec:not(:last-child) {margin-bottom: 35px;}
  #process .sec3 .project_detail_sec .detail_title {margin-bottom: 13px;}
  #process .sec3 .project_detail_sec .blue_bg {padding: 22px 20px;}
  #process .sec3 .project_detail_sec .blue_bg p {font-size: 1em;}
  #process .sec3 .project_detail_sec .project_table tbody {font-size: 1em;}
  #process .sec3 .project_detail_sec .project_table tbody td {padding: 12px 10px; line-height: 145%;}
  #process .sec3 .project_detail_sec .project_table tbody .number {width: 20px;}
  #process .sec3 .project_detail_sec .project_table tbody .name {width: calc((100% - 20px)*0.5);}
  #process .sec3 .project_detail_sec .project_table tbody .content {width: calc((100% - 20px)*0.5);}

  #process .sec4 .lecturer_list {justify-content: flex-start; column-gap: 0; row-gap: 30px;}
  #process .sec4 .lecturer_list li {width: 50%;}
  #process .sec4 .lecturer_list li img {width: auto; max-height: 125px;}
  #process .sec4 .lecturer_list li .badge {padding: 4px 10px; margin: 12px auto 7px;}
  
  #contact .map_wrap .education_wrap .one_box {padding: 35px 20px 50px; width: calc(100% + 40px); margin-left: -20px; border-radius: 0;}
  #contact .map_wrap .education_wrap .two_box {margin-top: 30px;}
  #contact .map_wrap .education_wrap .one_box .netb {font-size: 1.5em;}
  #contact .map_wrap .education_wrap .one_box .md {font-size: 1em;}
  #contact .map_wrap .education_wrap .one_box .md p {line-height: 145%; word-break: keep-all;}
  #contact .map_wrap .education_wrap .one_box .md p .bold {display: block; margin-bottom: 3px;}
  #contact .map_wrap .education_wrap .one_box .md p:not(:last-child) {margin-bottom: 15px;}
  #contact .map_wrap .education_wrap .two_box {width: 100%; row-gap: 10px; flex-wrap: wrap;}
  #contact .map_wrap .education_wrap .two_box li {max-width: 100%;}
  #contact .map_wrap #map {height: 200px; margin-top: 30px; width: calc(100% + 40px); margin-left: -20px;}
  #contact .way_wrap > ul > li > div {column-gap: 15px;}
  #contact .way_wrap .icon {width: 50px;}
  #contact .way_wrap .txt {width: calc(100% - 65px);}
  #contact .way_wrap .txt .md a.link_btn {padding: 2px 8px 2px; column-gap: 5px; margin: 3px 0 6px 12px;}
  #contact .way_wrap .txt .md a.link_btn img {width: 12px;}
  #contact .way_wrap .txt > .bold {font-size: 1.25em; margin-bottom: 7px;}
  #contact .way_wrap .txt > .md {font-size: 1rem;}
  #contact .way_wrap > ul {row-gap: 25px;}
  #contact .way_wrap > ul > li > div:not(:last-child) {margin-bottom: 25px;}
  #contact .way_wrap .txt .md > ul li:not(:last-child) {margin-bottom: 15px;}
}