@import url("common.css");
section.border-type {
  padding-bottom: var(--space-17);
  border-bottom: 1px solid var(--border-light);
}

section + .info-link-box {
  margin-top: var(--space-16);
  border-color: var(--border-darken);
}

section + .text-sub {
  margin-top: var(--space-6);
}

section:has(.visual-cards.col3) > .section-title {
  margin-top: var(--space-10);
}

.section-title.mb-4 {
  margin-bottom: var(--space-4);
}

.section-title h3 {
  flex-shrink: inherit;
}

.section-title h3 + .text-basic {
  margin-top: var(--space-4);
}

.item-list:has(.info-link-box) {
  margin-top: var(--space-16);
}

.text-basic + * {
  margin-top: var(--space-7);
}

.item-list .video-box button img {
  width: initial;
}

.item-list.left-img-type {
  margin-top: var(--space-7);
}

.top-summary .icon {
  width: 80px;
  height: 80px;
}

.page-visual:not(.plan) {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 640px;
  padding: 0 var(--space-7) var(--space-20);
  color: var(--color-white);
  font-size: var(--font-size-4);
  font-weight: var(--font-weight-bold);
  background: url("../images/plan/visual-top-plan@2x.png") no-repeat center/cover;
}

.page-visual:not(.plan) h2 {
  display: block;
  margin: 0 0 var(--space-6);
  padding: 0;
  font-size: var(--font-size-9);
  line-height: 1.3;
}

.plan.page-visual {
  background: url("../images/plan/visual-top@2x.png") no-repeat center/cover;
}

.video-box {
  position: relative; /* flex: 1 1 40%; */
  margin-top: 0;
  max-height: 353px;
}

.video-box:first-of-type {
  position: relative;
  top: auto;
  padding: 0;
}

.video-box .icon-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%);
}

.content-wrap > p {
  margin: var(--space-4) 0;
}

.content-wrap a {
  word-break: break-all;
}

dl.line-box {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin-top: var(--space-2);
  padding: var(--space-6) var(--space-4);
}
dl.line-box + .ref-text {
  margin-top: var(--space-6);
}

dl.line-box dt {
  font-size: var(--font-size-5);
  font-weight: var(--font-weight-bold);
}

dl.line-box dd li + li {
  margin-top: var(--space-4);
}

dl.line-dl {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin-top: var(--space-4);
  padding-bottom: var(--space-3);
  color: var(--font-basic);
  border-bottom: 1px dashed var(--gray-2);
}

dl.line-dl:first-child {
  margin-top: 0;
}

dl.line-dl:last-child {
  border-bottom: 0;
}

dl.line-dl dt {
  font-weight: var(--font-weight-bold);
}

.ref-text {
  font-size: var(--font-size-2);
  line-height: 1.5;
  font-weight: var(--font-weight-semibold);
  color: var(--font-light);
}

.card.type-banner.shortform {
  background: url("../images/plan/bg-banner-shortform@2x.png") no-repeat right bottom/cover;
}
.card.type-banner.shortform h3 {
  font-size: var(--font-size-4);
}
.card.type-banner.shortform .text-wrap {
  gap: var(--space-6);
}

.step.left-img-type .line-box {
  padding: var(--space-4);
  gap: var(--space-4);
}

.step.left-img-type .line-box::after {
  display: none;
}

.step.left-img-type .line-box img {
  width: var(--space-15);
}

.basic-items {
  background-color: var(--bg-white);
}

.basic-items .dl-row-wrap .dl-row .dl-cell {
  gap: var(--space-2);
  padding: 0 0 var(--space-3) 0;
}
.basic-items .dl-row-wrap .dl-row .dl-cell:last-child {
  padding-bottom: 0;
}
.basic-items .dl-row-wrap .dl-row .dl-cell + .dl-cell {
  margin-top: var(--space-4);
}

.basic-items:has(.ref-text) .dl-row-wrap {
  margin-bottom: var(--space-4);
}

.basic-items.type-horizontal {
  margin-bottom: var(--space-7);
}

.basic-items.type-horizontal .title-wrap {
  gap: var(--space-2);
}

.basic-items.type-horizontal a {
  word-break: break-all;
  text-decoration: underline;
}

.ox-group.region {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin-top: var(--space-4);
  padding: var(--space-6) var(--space-4);
  background-color: var(--bg-white);
}

.ox-group.region span label {
  min-width: 56px;
}

.search-box {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

.search-box .select2, .search-box > * {
  width: 100% !important;
}

section:has(.bg-container) .tabs {
  max-width: inherit !important;
}

.bg-container {
  margin-top: var(--space-10);
  background-color: var(--gray-50);
}

.bg-container::before {
  left: 50px;
  bottom: 160px;
  width: 341px;
  height: 470px;
  background: url("../images/plan/bg-plan-container-01.svg") no-repeat top;
}

.bg-container::after {
  top: 0;
  background: url("../images/plan/bg-plan-container-02.svg") no-repeat;
}

.bg-uni-preview {
  margin-top: var(--space-16);
  padding: var(--space-16) var(--space-4);
  color: var(--font-white);
  background: var(--dark-blue-9) url("../images/plan/bg-univ-video@2x.png");
}

.bg-uni-preview .container {
  padding: 0;
}

.bg-uni-preview .buttons {
  margin-top: var(--space-7);
}

.bg-uni-preview .buttons .button {
  width: 100%;
}

.univ-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-4);
}
.univ-total h4 {
  margin: 0;
}

.item-list.col3 {
  margin-top: var(--space-7);
}

.item-list.topik li {
  padding: var(--space-10) var(--space-4);
}

.item-list.topik li h4 {
  margin-bottom: var(--space-6);
  font-size: var(--font-size-5);
}

.item-list.topik .topik-grade {
  display: flex;
  gap: var(--space-2);
}

.item-list.topik .topik-grade span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: var(--space-7);
  /* height: var(--space-7); */
  /* padding: 20px; */
  padding: 8px 15px;
  aspect-ratio: 1;
  box-sizing: border-box;
  color: var(--font-white);
  font-weight: var(--font-weight-bold);
  border-radius: var(--space-1);
}

.item-list.topik .beginner {
  background-color: #FFF8E2;
}

.item-list.topik .beginner .topik-grade span {
  background-color: #FEA421;
}

.item-list.topik .intermediate {
  background-color: #E6EAF2;
}

.item-list.topik .intermediate .topik-grade span {
  background-color: #526FA4;
}

.item-list.topik .graduation {
  border: 1px solid var(--border-light);
  border-top: 4px solid #006BCE;
}

.item-list.topik .graduation .topik-grade {
  flex-direction: column;
}

.item-list.topik .graduation .topik-grade .title span {
  width: 100%;
  background-color: #028EF3;
}

.item-list.topik .graduation .topik-grade span {
  background-color: #006BCE;
}

.online-edu .img-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  padding: 38px 0;
  text-align: center;
  border: 1px solid var(--border-light);
}

.online-edu .card:nth-of-type(1) .img-wrap {
  background-color: #E3F3FF;
}

.online-edu .card:nth-of-type(2) .img-wrap {
  background-color: #FFF8E2;
}

.online-edu .card:nth-of-type(3) .img-wrap {
  background-color: #F9F3FC;
}

.online-edu .text-wrap {
  padding: var(--space-9) var(--space-6) var(--space-6);
}

.list-dot li + li {
  margin-top: var(--space-4);
}

.item-list.ask .info-link-box {
  padding: var(--space-9) var(--space-6) var(--space-6);
  cursor: pointer;
}
.item-list.ask .info-link-box a {
  margin-top: var(--space-3);
}
.item-list.ask .info-link-box svg {
  width: 24px;
  height: 24px;
}

a.info-link-box {
  border-color: var(--border-darken);
}

.basic-items.dl-tbl .dl-row-wrap + .text-basic {
  margin-top: var(--space-4);
}

.basic-items.dl-tbl + a.info-link-box {
  margin-top: var(--space-16);
}

.tabs.bg-tile .top-summary {
  border-bottom: none;
  padding-bottom: var(--space-16);
}

.top-summary + .tabs {
  margin-top: 0;
}

.tab.inner-tab {
  margin-top: var(--space-9);
}

.line-box {
  padding: var(--space-6) var(--space-4);
}
.line-box .list-dot li + li {
  margin-top: 0;
}

.list-dot.md li:not(:last-child) {
  margin-bottom: var(--space-4);
}

.section-title + .list-dot li + li, .content-wrap h4 + .list-dot li + li {
  margin-top: 0;
}

.item-list.step .text-primary.big {
  font-size: var(--font-size-7);
}

.item-list.step.left-img-type {
  margin-top: var(--space-4);
}
.item-list.step.left-img-type li {
  padding: var(--space-6) var(--space-4);
}

.item-list .info-link-box {
  width: 100%;
  margin: 0;
}

.item-list .info-link-box img {
  width: 60px;
}

ul.item-list.ask {
  margin-top: var(--space-7);
}

ul.item-list.ask .info-link-box {
  align-items: flex-start;
  gap: var(--space-4);
}

ul.item-list.ask .contact {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

ul.item-list.ask i:not(.link) {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #006BCE;
  background-color: #E3F3FF;
  border-radius: 50%;
}

ul.item-list.ask svg {
  width: 16px;
  height: 16px;
}

.button.full {
  width: 100%;
}

.item-list.row li {
  margin-bottom: var(--space-2);
}

.item-list.row a.info-link-box {
  border-color: var(--border-light);
}

.item-list.row + a.info-link-box {
  margin-top: var(--space-2);
}

.line-dl .list-dot li + li {
  margin-top: 0;
}

.tabs .board-utility {
  margin-top: var(--space-7);
}

.admissions {
  margin-top: var(--space-7);
  padding: var(--space-4) var(--space-4);
}

.admissions .item-list {
  margin: 0;
}

.admissions .item-list-icon:first-child {
  border-top: 0;
}

.admissions .item-list-icon {
  display: flex;
  justify-content: space-between;
  padding: var(--space-4) 0;
  border-top-style: dashed;
}

.admissions h5 {
  margin-bottom: var(--space-2);
}

.admissions .row + h5 {
  margin-top: var(--space-10);
}

.admissions .num {
  font-size: var(--font-size-4);
  font-weight: var(--font-weight-bold);
}

.admissions .sum {
  margin-top: var(--space-10);
  font-weight: var(--font-weight-bold);
}

.admissions .sum .item-list-icon {
  flex-direction: column;
  margin-top: var(--space-4);
  padding: var(--space-4);
  background-color: var(--gray-50);
  border: 0;
}

.admissions .sum .item-list-icon::after {
  display: none !important;
}

.admissions + .content-wrap {
  margin-top: var(--space-10);
}

dl.inner-line {
  gap: 0;
}
dl.inner-line dt {
  margin-bottom: var(--space-4);
}

.inner-line dd .section-title {
  margin: var(--space-4) 0 var(--space-2);
}
.inner-line dd .section-title:first-child {
  margin-top: 0;
}

.inner-line dd .section-title h5 {
  font-size: var(--font-size-4);
}

.inner-line dd {
  padding: var(--space-5) 0;
  border: 1px solid var(--border-light);
  border-width: 1px 0;
}
.inner-line dd.sm {
  padding-bottom: 0;
  border: none;
}
.inner-line.lb-type1 {flex-wrap: wrap;}
.inner-line.lb-type1 dt {flex:none; margin-bottom: 0px;}
.inner-line.lb-type1 dd {flex:none; width: calc(100% - 200px - var(--space-10)); border-right: 0;}
.st-type1 {display: block; font-size: var(--font-size-4); margin-bottom: 12px;}

.info-link-box.row {
  flex-direction: row;
  align-items: center;
}

.list-dot.md .list-bar li:first-child {
  margin-bottom: 0;
}

.search-box {
  flex-direction: row;
}
.search-box input {
  flex: 1;
}
.search-box button {
  flex: 0;
}

.plan-list .section-title {
  margin-top: var(--space-4);
  margin-bottom: var(--space-2);
}
.plan-list .section-title h5 {
  font-size: var(--font-size-4);
  flex:1;
}
.plan-list .list-dot {
  margin-top: var(--space-1);
}
.plan-list .list-dot li + li {
  margin-top: 0;
}

.item-list.ask.etc {
  margin-top: var(--space-4);
}
.item-list.ask.etc .info-link-box {
  padding: var(--space-4);
  margin-bottom: var(--space-2);
}
.item-list.ask.etc .info-link-box a {
  margin-top: 0;
}

.item-list.etc-scholarship {
  margin-bottom: var(--space-10);
}

.item-list.etc-scholarship .card.line-box {
  gap: 0;
  margin-bottom: var(--space-2);
}
.item-list.etc-scholarship .card.line-box:last-child {
  background: #E3F3FF;
}
.item-list.etc-scholarship .card.line-box img {
  margin-bottom: var(--space-6);
}
.item-list.etc-scholarship .card.line-box strong {
  font-size: var(--font-size-5);
  margin-bottom: var(--space-2);
}
.item-list.etc-scholarship .card.line-box .title {
  justify-content: flex-start;
  padding-bottom: var(--space-4);
  margin-bottom: var(--space-4);
  border-bottom: 1px solid var(--border-light);
  text-align: left;
}

dl.line-box.practice {
  gap: 0;
}
dl.line-box.practice dt {
  padding-bottom: var(--space-4);
  margin-bottom: var(--space-4);
  border-bottom: 1px solid var(--border-light);
}
dl.line-box.practice strong {
  display: block;
  font-size: var(--font-size-4);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--space-2);
}
dl.line-box.practice dd + dd {
  margin-top: var(--space-6);
}
dl.line-box.practice + .line-box {
  margin-top: var(--space-2);
}

.item-list.visa .line-box {
  align-items: flex-start;
  gap: var(--space-2);
  padding: var(--space-4);
}

.basic-items.dl-tbl .dl-row-wrap .section-title.mt0 {
  margin-bottom: var(--space-2);
}
.basic-items.dl-tbl .dl-row-wrap .section-title.mt0 + h6 {
  margin-top: var(--space-6);
}

.basic-items.dl-tbl .dl-row-wrap h6 {
  margin-bottom: var(--space-2);
}

.basic-items.dl-tbl .dl-row-wrap .list-num {
  margin-bottom: var(--space-6);
}
.basic-items.dl-tbl .dl-row-wrap .list-num:last-child {
  margin-bottom: 0;
}

.dl-row-wrap .dl-col {
  display: flex;
  flex-direction: column;
  margin-top: var(--space-6);
}

.dl-row-wrap .dl-col .dl-cell {
  flex-direction: column;
  align-items: flex-start;
  border: 1px dashed var(--gray-2);
  border-width: 0 0 1px;
  padding: var(--space-2) 0;
}
.dl-row-wrap .dl-col .dl-cell:last-child {
  border-bottom: none;
}

.line-box strong.title {
  font-size: var(--font-size-4);
  margin-bottom: var(--space-2);
}

.border-type .list-dot li + li {
  margin-top: 0;
}

.list-dot + .ref-text {
  margin-top: var(--space-7);
}

.flowchart-wrap {
  background: var(--dark-blue-9);
}

.flowchart {
  display: flex;
  flex-direction: column;
  padding: 0 var(--space-4) var(--space-17);
}

.flowchart .left-side {
  color: var(--font-white);
}

.flowchart .item-list.step .line-box {
  gap: var(--space-6);
  min-height: 312px;
  padding: var(--space-6) var(--space-4);
  background-color: var(--bg-white);
}

.flowchart .item-list.step .line-box::after {
  display: none;
}

.flowchart .flow-item {
  margin-top: var(--space-16);
}

.flowchart .line-box .icon-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.flowchart .line-box .icon-wrap img {
  width: 60px;
}

.flowchart .line-box .icon-wrap .text-primary {
  font-size: var(--font-size-7);
}

.flowchart .line-box .buttons {
  flex-wrap: wrap;
  width: 100%;
  margin-top: auto;
}

.flowchart .line-box .buttons .button {
  width: 100%;
}

.tab.inner-tab ul {
  gap: var(--space-1);
}

.tab.inner-tab li {
  border-radius: var(--space-1);
  border: 1px solid var(--border-light);
}

.tab.inner-tab li.active {
  background-color: var(--blue-8);
}

.line-box.color h4 {
  font-size: var(--font-size-5);
}

.line-box.color h5 {
  font-size: var(--font-size-4);
}

.line-box + .line-box {
  margin-top: var(--space-4);
}

.line-box.sm {
  padding: var(--space-4);
}

.gray-step {
  flex-direction: column;
}

.gray-step .item {
  display: flex;
  flex-direction: column;
}

.gray-step .item > [class*=box] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
  border: 1px solid var(--border-light);
}

.gray-step .item .step-box {
  position: relative;
  padding: var(--space-4);
  font-size: var(--font-size-5);
  font-weight: var(--font-weight-bold);
  background-color: var(--bg-light);
  border-width: 1px 1px 0;
}

.gray-step .item:last-child .step-box {
  background-color: var(--blue-50);
}

.gray-step .item .text-box {
  padding: var(--space-4) var(--space-4) var(--space-22);
}

.gray-step .item .text-box strong {
  font-size: var(--font-size-4);
}

.gray-step .item .text-box strong:has(svg) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.gray-step .item .text-box strong svg {
  width: 20px;
  height: 20px;
}

.gray-step .item .text-box img {
  position: absolute;
  bottom: var(--space-4);
  right: var(--space-4);
  width: 60px;
  margin: 0;
}

.banner-wrap {
  margin: var(--space-7) auto;
}

.banner {
  display: flex !important;
  flex-direction: column;
  width: 100%;
  height: 340px;
  padding: var(--space-6);
}

.banner + .banner {
  margin-top: var(--space-10);
}

.banner.main .banner-title {
  margin: 0;
  color: var(--font-white);
  font-size: var(--font-size-6);
}

.banner.main .banner-title span {
  color: #99F0FF;
}

.banner .banner-title span.point {
  color: #FD4B4F;
}

.banner.main {
  height: 240px;
  padding: 20px;
  background: url("../images/plan/bg-banner-main@2x.svg") no-repeat center/cover;
}

.banner.gks {
  justify-content: flex-start;
  height: 240px;
  padding: 30px 20px;
  color: var(--font-white);
  background: #292862 url("../images/plan/bg-banner-gks@2x.svg") no-repeat top 20px right/63%;
}
.banner.gks h2 {
  margin-top: var(--space-4);
}

.banner.ai {
  color: var(--font-white);
  background: #214890 url("../images/plan/bg-banner-ai.svg") right -15px bottom 15px/90% no-repeat;
}

.video {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: var(--radius-2);
  background-color: var(--bg-light);
  overflow: hidden;
}
.video-box.youtube {
  aspect-ratio: 205/98;
}
.video-box.youtube iframe {
  width: 100%;
  height: 100%;
}
.plan-gks-banner {display: flex; flex-direction: column;border:1px solid #E4E4E4; margin-top: 40px; }
.plan-gks-banner .item {flex:none; width: 100%; padding: 24px; position: relative;}
.plan-gks-banner .item:last-of-type {border: 0; margin-bottom: 0;}
.plan-gks-banner .item:last-of-type::before {position: absolute; top: 0px; content: ''; width: calc(100% - 48px); height: 1px; background: #E4E4E4;}
.plan-gks-banner .item .title {display: block; font-size: 20px; font-weight: 700; color: #1d1d1d;}
.plan-gks-banner .item .text {margin-top: 8px; display: block; font-size: 16px; color: #555;}

.plan-gks-banner .item.num01 {display: flex; flex-direction: column;}
.plan-gks-banner .item.num01::before {content: ''; display: block; margin-bottom: 16px; width: 80px; height: 80px; background: url(../images/common/icon_gks_alumni.svg) no-repeat center / cover;}
.plan-gks-banner .item.num01 .title {margin-bottom: 20px;}
.plan-gks-banner .item.num01 a {display: inline-block; margin-left: auto; margin-top: auto;}

.plan-gks-banner .item .sns-list {margin-top: 40px; display: flex;}
.plan-gks-banner .item .sns-list a {margin-right: 20px;}
.plan-gks-banner .item .sns-list a:last-of-type {margin-right: 0px;}
.plan-gks-banner .item .sns-list img {width: 60px; height: 60px;}

.item-list.col3 > li.video-box {width: 100%;}
.item-list.col3 > li.video-box iframe {width: 100%;}

.box-admissions-type1 h5 {margin-top: var(--space-5);}
.box-admissions-type1 .item01 {width: 100%;}
.box-admissions-type1 .item-col2 {width: 100%; display: flex;}
.box-admissions-type1 .item02 {flex:2;}
.box-admissions-type1 .item02 .item-list-icon:last-of-type {margin-right: var(--space-8);}
.box-admissions-type1 .item02 .item-list-icon:last-of-type::after {display: block;}
.box-admissions-type1 .item03 {flex:2;}
.box-admissions-type1 .item03 .item-list-icon:first-of-type {margin-left: var(--space-8);}
.admissions .item-list-icon > span:first-of-type {flex:none; width: calc(100% - 50px);}
.admissions .item-list-icon .num {flex:none; width: 50px; text-align: right;}

/* //mo */
@media screen and (min-width: 768px) {
  section.border-type {
    padding-bottom: var(--space-20);
    border-bottom: 1px solid var(--border-light);
  }
  section + .info-link-box {
    display: flex;
    align-items: center;
    margin-top: var(--space-20);
  }
  section + .block-wrap {
    display: flex;
    align-items: flex-start;
  }
  .section-title.mb-4 {
    margin-bottom: var(--space-6);
  }
  .item-list:has(.info-link-box) {
    margin-top: var(--space-20);
  }
  .text-basic + *:not(.content-wrap, .basic-items) {
    margin-top: var(--space-6);
  }
  .plan-list .list-dot {
    margin-top: var(--space-1);
  }
  .top-summary .icon {
    width: 108px;
    height: 108px;
  }
  .board-items {
    margin-bottom: var(--space-10);
  }
  .page-visual:not(.plan) {
    justify-content: center;
    align-items: center;
    height: 500px;
    padding: 0;
    font-size: var(--font-size-6);
    text-align: center;
    background: url("../images/plan/visual-top-plan.png") no-repeat center/cover;
  }
  .page-visual:not(.plan) h2 {
    margin: 0 0 var(--space-15);
    font-size: var(--font-size-11);
  }
  .plan.page-visual {
    background: url("../images/plan/visual-top.png") no-repeat center/cover;
  }
  .page-title::after {
    content: "";
    position: absolute;
    top: -10px;
    right: 0;
    width: 460px;
    height: 245px;
    background: url("../images/plan/bg-plan.svg") no-repeat center/contain;
    z-index: -1;
  }
  .card.type-banner.shortform {
    background: #0E2B5E url("../images/plan/bg-banner-shortform.png") no-repeat top left 30px/contain;
  }
  dl.line-box {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: inherit;
    padding: var(--space-6);
  }
  dl.line-box dt {
    width: 200px;
    padding-right: 20px;
  }
  dl.line-box dd {
    flex: 1;
    padding-left: var(--space-5);
    border-left: 1px solid var(--border-light);
  }
  dl.line-dl {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: inherit;
    padding-bottom: 0;
    border-bottom: 0;
  }
  dl.line-dl dt {
    width: 200px;
    font-weight: var(--font-normal);
  }
  dl.line-dl dd {
    position: relative;
    flex: 1;
    padding-left: var(--space-7);
  }
  dl.line-dl dd::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 1px;
    height: var(--space-3);
    background-color: var(--gray-2);
  }
  .step.left-img-type .line-box {
    padding: var(--space-10);
    gap: var(--space-2);
  }
  .step.left-img-type .line-box img {
    margin-bottom: var(--space-3);
  }
  .text-basic + .item-list {
    margin-top: var(--space-6);
  }
  .item-list.step.col3.left-img-type {
    justify-content: flex-start;
  }
  .basic-items .dl-row-wrap .dl-row {
    align-items: center;
  }
  .basic-items .dl-row-wrap .dl-row .dl-cell {
    padding: 0;
  }
  .basic-items .dl-row-wrap .dl-row .dl-cell:first-child {
    padding: 0;
  }
  .basic-items .dl-row-wrap .dl-row .dl-cell + .dl-cell {
    margin-top: 0;
    padding-left: var(--space-6);
  }
  .bg-container {
    margin: var(--space-20) auto 0;
    padding: var(--space-25) 0;
  }
  .ox-group.region {
    padding: var(--space-10);
  }
  .ox-group.region + .board-result {
    margin: var(--space-10) 0 var(--space-2);
  }
  .basic-items.type-horizontal {
    margin-top: 0;
    margin-bottom: var(--space-10);
  }
  .basic-items.type-horizontal .basic-item {
    gap: var(--space-6);
    padding: var(--space-6);
  }
  .basic-items.type-horizontal .basic-item .number {
    min-width: var(--space-7);
  }
  .basic-items.type-horizontal .basic-item .title-wrap {
    flex-direction: column;
  }
  .basic-items.type-horizontal .basic-item .major-wrap {
    flex: 1;
  }
  .basic-item .major::after {
    content: "";
    right: calc((var(--space-2) + 1px) * -1);
  }
  .basic-item .major-wrap {
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .basic-item .major {
    margin-right: 17px;
  }
  .search-box {
    flex-direction: row;
  }
  .search-box .select2, .search-box > * {
    width: initial !important;
  }
  .bg-uni-preview .container {
    padding: 0 20px;
  }
  .bg-uni-preview {
    margin-top: var(--space-20);
    padding: var(--space-20) var(--space-10);
    background: var(--dark-blue-9) url("../images/plan/bg-univ-video.png");
    background-repeat: no-repeat;
    background-position: center bottom;
  }
  .bg-uni-preview h4 {
    margin-bottom: var(--space-10);
  }
  .bg-uni-preview .buttons {
    margin-top: var(--space-6);
    justify-content: flex-end;
  }
  .bg-uni-preview .buttons .button {
    width: initial;
  }
  .info-link-box {
    margin-top: var(--space-20);
  }
  /*
  .item-list.col3 > li {
    flex: 0 0 32%;
    width: auto;
  }*/
  .item-list.topik .graduation .topik-grade {
    flex-direction: row;
  }
  .item-list.topik .graduation .topik-grade .title span {
    aspect-ratio: inherit;
  }
  .item-list.topik .graduation .topik-grade .grade {
    display: flex;
    gap: var(--space-2);
  }
  .item-list.ask {
    margin-bottom: var(--space-4);
  }
  a.info-link-box {
    gap: var(--space-6);
  }
  .top-summary + .tabs {
    margin-top: var(--space-4);
  }
  .tab.inner-tab {
    margin-top: var(--space-20);
  }
  .section-title.col {
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    margin-bottom: var(--space-10);
  }
  .item-list.step .text-primary.big {
    font-size: var(--font-size-9);
  }
  .item-list.gray-step .text-box {
    gap: 0;
  }
  .item-list.gray-step .text-box p {
    margin-top: var(--space-4);
  }
  .item-list.gray-step .text-box strong + strong {
    margin-top: var(--space-2);
  }
  .tabs .board-utility {
    margin-top: var(--space-10);
  }
  .img-list.admissions img {
    width: 25%;
    height: auto;
    aspect-ratio: initial;
  }
  .admissions {
    display: flex;
    flex-direction: column;
    margin-top: var(--space-10);
    padding: var(--space-6) var(--space-10);
  }
  .admissions .item-list-icon {
    flex: 1;
  }
  .admissions .item-list-icon:last-child:after {
    display: none;
  }
  .admissions .item-list {
    gap: var(--space-15);
  }
  .admissions .item-list:first-of-type {
    padding-bottom: var(--space-5);
    border-bottom: 1px solid var(--border-light);
  }
  .admissions .item-list:first-of-type + h5 {
    margin-top: var(--space-5);
  }
  .admissions .row .item-list-icon::after {
    content: "";
    position: absolute;
    top: 50% !important;
    right: -30px;
    width: 1px;
    height: var(--space-3) !important;
    transform: translateY(-50%);
    background-color: var(--gray-2);
  }
  .admissions .sum .item-list-icon {
    flex-direction: row;
    align-items: center;
    padding: var(--space-4) var(--space-10);
    font-size: var(--font-size-5);
    margin-top: 0;
  }
  .admissions .sum .num {
    font-size: var(--font-size-8);
  }
  dl.line-box.inner-line {
    gap: var(--space-5);
  }
  .inner-line dd {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 70px;
    padding: 0 var(--space-5);
    border: 1px solid var(--border-light);
    border-width: 0px 1px;
  }
  .inner-line dd .section-title {
    margin-bottom: var(--space-2);
  }
  .inner-line dd .section-title:last-child {
    margin-top: var(--space-4);
  }
  .inner-line dd.sm {
    flex: inherit;
    padding: 0;
    border: none;
  }
  .inner-line dd.sm .section-title {display: block;}
  .inner-line dd.sm .section-title h5::before {top: 14px;}
  .inner-line dd:nth-of-type(1) {
    padding: 0 var(--space-5);
    border-width: 0 1px;
  }
  .line-box, .line-box.color {
    padding: var(--space-10);
  }
  .line-box .sm {
    width: 120px;
    padding: var(--space-10);
  }
  .content-wrap.ask {
    margin-bottom: var(--space-4);
  }
  .item-list.ask .info-link-box {
    padding: var(--space-9) var(--space-6) var(--space-6);
  }
  .item-list.step.left-img-type .line-box {
    padding: var(--space-10);
  }
  .gray-step .item {
    flex-direction: row;
    align-items: stretch;
  }
  .gray-step .item .step-box {
    gap: var(--space-1);
    width: 280px;
    padding: var(--space-6);
    font-size: var(--font-size-5);
    border-width: 1px 0 1px 1px;
  }
  .gray-step .item .step-box .text-primary {
    font-size: var(--font-size-8);
  }
  .gray-step .item .text-box {
    justify-content: center;
    padding: var(--space-6) var(--space-10);
  }
  .gray-step .item .text-box strong {
    font-size: var(--font-size-5);
  }
  .gray-step .item .text-box img {
    bottom: 50%;
    right: var(--space-10);
    transform: translateY(50%);
  }
  .btn-wrap {
    width: 100%;
    text-align: right;
  }
  .button.full {
    width: auto;
  }
  .board-detail-body {
    width: 100%;
    max-width: unset;
  }
  .item-list.ask.etc {
    margin-bottom: var(--space-4);
  }
  .item-list.ask.etc .info-link-box {
    padding: var(--space-6);
  }
  .item-list.etc-scholarship {
    flex-wrap: wrap;
  }
  .item-list.etc-scholarship .card.line-box {
    height: 320px;
    margin-bottom: 0;
    padding: var(--space-10);
    flex: 0 0 32%;
  }
  @media screen and (max-width: 1250px) {
	/* .item-list.etc-scholarship .card.line-box{
		flex:none;
		width: 100%;
		height: auto;
	}*/
	.item-list.etc-scholarship .card.line-box {
		flex:none; width: calc(50% - var(--space-3)); height: auto;
	}
	.item-list.etc-scholarship .card.line-box .title {text-align: left;}
  }
  .item-list.etc-scholarship .card.line-box .title {
    height: auto;
  }
  dl.line-box.practice {
    flex-wrap: wrap;
  }
  dl.line-box.practice dt {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  dl.line-box.practice dt, dl.line-box.practice dd {
    border: none;
  }
  dl.line-box.practice .group {
    border-left: 1px solid var(--border-light);
    flex: 1;
  }
  .content-wrap:nth-child(12) > div.line-box.practice .line-dl {
    flex-direction: column;
    margin-top: var(--space-6);
  }
  .content-wrap:nth-child(12) > div.line-box.practice .line-dl:first-child {
    margin-top: 0;
  }
  .content-wrap:nth-child(12) > div.line-box.practice .line-dl dt {
    font-weight: var(--font-weight-bold);
    width: 100%;
  }
  .content-wrap:nth-child(12) > div.line-box.practice .line-dl dd {
    border: none;
    padding-left: 0;
    margin-top: var(--space-2);
  }
  .item-list.visa .line-box {
    padding: var(--space-6);
  }
  .flowchart {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: var(--space-6);
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 var(--space-5) var(--space-20);
  }
  .flowchart .left-side {
    flex: 0.5;
    max-width: 411px;
  }
  .flowchart .flow-item {
    flex: 1;
    margin-top: var(--space-20);
  }
  .flowchart .flow-item .item-list.step {
    flex-wrap: wrap;
  }
  .flowchart .flow-item .line-box {
    flex: inherit;
    width: calc(50% - 10px) !important;
  }
  .banner-wrap {
    margin: var(--space-10) auto;
  }
  .banner {
    justify-content: center;
    height: 200px;
    padding: var(--space-10);
  }
  .banner .banner-text {
    /* width: calc(100% - 400px); */
  }
  .banner .banner-title {
    margin: 0;
  }
  .banner.main .banner-title {
    margin: 0;
    font-size: var(--font-size-8);
  }
  .banner.main {
    padding: var(--space-20);
    background: #1867B0 url("../images/life/bg-banner-main.svg") right top/cover no-repeat;
  }
  .banner.gks {
    padding: var(--space-20);
    background: #292862 url("../images/plan/bg-banner-gks.svg") right top/cover no-repeat;
  }
  .banner.gks h2 {
    font-size: var(--font-size-9);
    margin-top: 0;
  }
  .banner.ai {
    background: #214890 url("../images/plan/bg-banner-ai.svg") right top 30px/30% no-repeat;
  }
  .banner .lg {
    font-size: var(--font-size-9) !important;
  }
  .banner .sm {
    font-size: var(--font-size-5);
  }

  .plan-gks-banner {flex-direction: row; padding: 40px 0;}
  .plan-gks-banner .item {width: 50%; padding: 0px 40px;}
  .plan-gks-banner .item:last-of-type::before {display: none;}
  .plan-gks-banner .item:last-of-type {border-left: 1px solid #E4E4E4;}

.card.type-banner.shortform h3 {font-size: var(--font-size-6); margin-top: 0 !important;}
.visual-cards .card.type-banner .text-wrap h2 {font-size: var(--font-size-6);}

.item-list.col3 > li {flex:none; width: calc(50% - var(--space-2));}
.item-list.col3 > li.video-box {flex:none; width: calc(50% - var(--space-6));}
.item-list.col3 > li iframe {width: 100%;}

  /* //tb-pc */
}
@media screen and (max-width: 768px) {
.univ-total {flex-direction: column; align-items: flex-start;}
.item-list.topik .graduation .topik-grade .title span {height: 40px;}
.dl-sek .dl-cell dd {margin-right: 4px;}
.dl-sek .dl-cell dt {flex:none; width: 140px;}
.dl-visa .dl-cell dd {width: 80px;}
.dl-visa .dl-cell dt {flex:1; text-align: left;}

.box-admissions-type1 .item-col2 {flex-direction: column;}
.box-admissions-type1 .item01 .item-list-icon:last-of-type {display: none;}
.box-admissions-type1 .item02 .item-list-icon:last-of-type {margin-right: 0;}
.box-admissions-type1 .item03 .item-list-icon:first-of-type {margin-left: 0;}
.box-admissions-type1 h5 {margin-top: var(--space-3);}
.admissions .sum {margin-top: var(--space-5);}

.admissions .sum .item-list-icon {flex-direction: row; align-items: center;}
.admissions .sum .tal {flex:1;}
.admissions .sum .num.tar {width: 50px;}


.inner-line.lb-type1 dt {/* margin-bottom: var(--space-4); */}
.inner-line.lb-type1 dd {width: 100%; border: 0; padding: 8px 0 0 0;}
.inner-line.lb-type1 dd + dt {margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--border-light);}
}

@media screen and (min-width: 1024px) {

.card.type-banner.shortform h3 {
    font-size: var(--font-size-8);
    margin-top: var(--space-6);
  }

.visual-cards .card.type-banner .text-wrap h2 {font-size: var(--font-size-9);}

.item-list.col3 > li {flex: 0 0 32%; width: auto;}
.item-list.col3 > li.video-box {flex: none; width: calc(33.33% - var(--space-6));}
/* //pc */
}