@charset "UTF-8";
/* NO CSS*/
#wrap {
  overflow: visible;
}
@media (max-width: 1280px) {
  #wrap {
    overflow: hidden;
  }
}

.fw400 {
  font-weight: 400 !important;
}

.fs16 {
  font-size: 1.6rem !important;
}

.fs17 {
  font-size: 1.7rem !important;
}

.pl8 {
  padding-left: 0.8rem;
}

.pl16 {
  padding-left: 1.6rem;
}

.pl32 {
  padding-left: 3.2rem;
}

.mt4 {
  margin-top: 0.4rem;
}

.mt8 {
  margin-top: 0.8rem;
}

.mt12 {
  margin-top: 1.2rem;
}

.mt16 {
  margin-top: 1.6rem;
}

.mt24 {
  margin-top: 2.4rem !important;
}

.mt32 {
  margin-top: 3.2rem;
}

.mt40 {
  margin-top: 4rem;
}

.mt48 {
  margin-top: 4.8rem;
}

.mt55 {
  margin-top: 5.5rem;
}

.mb48 {
  margin-bottom: 4.8rem;
}

.mb80 {
  margin-bottom: 8rem;
}

#container {
  padding-top: 16.8rem;
  padding-bottom: 12rem;
}
#container > .inner {
  width: 144rem;
  max-width: 100%;
  margin: auto;
  display: flex;
  align-items: flex-start;
  gap: 8rem;
}
@media (max-width: 1640px) {
  #container > .inner {
    padding: 0 60px;
  }
}
@media (max-width: 1024px) {
  #container > .inner {
    padding: 0 40px;
  }
}
@media (max-width: 768px) {
  #container > .inner {
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  #container {
    padding-top: calc(60px + 8rem);
  }
}

.contents {
  width: calc(100% - 36rem);
}
@media (max-width: 1280px) {
  .contents {
    width: 100%;
  }
}

.lnb {
  width: 28rem;
  flex-shrink: 0;
  position: sticky;
  top: 5rem;
}
.lnb-tit {
  height: 24rem;
  display: flex;
  align-items: flex-end;
  background: url(/resources/images/mps/sub/lnb-bg.jpg) no-repeat center center/cover;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  margin-bottom: 2.4rem;
}
.lnb-tit::before {
  content: "";
  width: 21.1rem;
  height: 11.5rem;
  background: url(/resources/images/mps/sub/lnb-logo.png) no-repeat center center/contain;
  position: absolute;
  right: 0;
  top: 0;
}
.lnb-tit h2 {
  max-width: 80%;
  padding: 2rem 2.4rem 0 0;
  background: #fff;
  font-size: 3.6rem;
  font-weight: 800;
  border-top-right-radius: 1.6rem;
  position: relative;
}
.lnb-tit h2::before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background: url(/resources/images/mps/sub/lnb-border.png) no-repeat center center/contain;
  position: absolute;
  left: 0;
  top: -2.35rem;
}
.lnb-tit h2::after {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background: url(/resources/images/mps/sub/lnb-border.png) no-repeat center center/contain;
  position: absolute;
  right: -2.4rem;
  bottom: 0;
}
.lnb-list {
  padding: 1.2rem;
  border-radius: 1.6rem;
  border: 1px solid #818896;
}
.lnb-list > ul {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.lnb-list > ul > li.active > a {
  color: #fff;
  background: #081324 !important;
}
.lnb-list > ul > li.active > a::after {
  content: "\f1af" !important;
  color: #fff !important;
}
.lnb-list > ul > li:has(.lnb-submenu) > a {
  position: relative;
}
.lnb-list > ul > li:has(.lnb-submenu) > a::after {
  content: "\ea13";
  font-family: "remixicon";
  font-size: 1.8rem;
  color: #BDC1C9;
}
.lnb-list > ul > li > a {
  min-height: 5.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.95rem 1.4rem;
  border-radius: 0.8rem;
  font-size: 1.8rem;
  font-weight: 500;
  transition: 0.2s;
}
.lnb-list > ul > li > a:hover {
  background: #E3F1FF;
}
.lnb-list > ul > li > a[target=_blank] {
  position: relative;
}
.lnb-list > ul > li > a[target=_blank]::after {
  content: "\ecaf";
  font-family: "remixicon";
  font-size: 1.8rem;
  color: #BDC1C9;
}
.lnb-list .lnb-submenu {
  display: none;
  padding: 1.6rem;
  border-radius: 0.8rem;
  background: #F5F6F9;
  margin-top: 0.8rem;
}
.lnb-list .lnb-submenu > ul {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.lnb-list .lnb-submenu > ul > li {
  padding-left: 1.2rem;
  position: relative;
}
.lnb-list .lnb-submenu > ul > li::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  background: #bdbdbd;
  border-radius: 0.1rem;
  position: absolute;
  left: 0;
  top: 0.8rem;
}
.lnb-list .lnb-submenu > ul > li.active::before {
  background: #004EA2;
}
.lnb-list .lnb-submenu > ul > li.active > a {
  color: #004EA2;
  text-decoration: underline;
  text-underline-position: under;
}
.lnb-list .lnb-submenu > ul > li.active > a::after {
  color: #004EA2;
}
.lnb-list .lnb-submenu > ul > li > a {
  color: #616161;
}
.lnb-list .lnb-submenu > ul > li > a:hover, .lnb-list .lnb-submenu > ul > li > a:focus {
  color: #004EA2;
  text-decoration: underline;
  text-underline-position: under;
}
.lnb-list .lnb-submenu > ul > li > a:hover::after, .lnb-list .lnb-submenu > ul > li > a:focus::after {
  color: #004EA2 !important;
}
.lnb-list .lnb-submenu > ul > li > a[target=_blank] {
  position: relative;
}
.lnb-list .lnb-submenu > ul > li > a[target=_blank]::after {
  content: "\ecaf";
  font-family: "remixicon";
  font-size: 1.8rem;
  color: #616161;
}
@media (max-width: 1280px) {
  .lnb {
    display: none;
  }
}

.page-title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
.page-title-wrap .h-tit {
  font-size: 5.6rem;
  font-weight: 800;
}
@media (max-width: 768px) {
  .page-title-wrap .h-tit {
    font-size: 35px;
  }
}
.page-title-wrap .btns {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
@media (max-width: 1024px) {
  .page-title-wrap .btns {
    display: none;
  }
}
.page-title-wrap .btns a {
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E9EAEE;
  border-radius: 0.8rem;
  transition: 0.2s;
}
.page-title-wrap .btns a:hover, .page-title-wrap .btns a:focus {
  background: #F5F6F9;
}
.page-title-wrap .btns a i {
  font-size: 1.8rem;
  color: #818896;
}

.contents_util {
  margin-bottom: 4.8rem;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 2rem;
}
.breadcrumb > li {
  color: #818896;
  position: relative;
}
.breadcrumb > li::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  background: #E0E0E0;
  border-radius: 50%;
  position: absolute;
  right: -1rem;
  top: 50%;
  transform: translateX(50%) translateY(-50%);
}
.breadcrumb > li:last-of-type::before {
  display: none;
}
.breadcrumb > li > a:hover {
  text-decoration: underline;
  text-underline-position: under;
}

.h3 {
  font-size: 2.6rem;
  color: #081324;
  margin-bottom: 1.6rem;
}
.h3 + .h4 {
  margin-top: 0;
}
.h3.type2 {
  font-size: 3.2rem;
  line-height: 1.6;
}

* + .h3,
* + .h3-wrap {
  margin-top: 8rem;
}

.h3-wrap {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5rem 1rem;
  margin-bottom: 1.6rem;
}
.h3-wrap .h3 {
  margin-bottom: 0;
}
.h3-wrap .btn-more {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: #004EA2;
  position: relative;
}
.h3-wrap .btn-more::after {
  content: "\ea6e";
  font-family: "remixicon";
  font-size: 2rem;
  line-height: 1;
}
.h3-wrap .btn-more:hover span, .h3-wrap .btn-more:focus span {
  text-decoration: underline;
  text-underline-position: under;
}

.h4 {
  font-size: 2rem;
  color: #004EA2;
  margin-bottom: 0.8rem;
  padding-left: 1.5rem;
  position: relative;
}
.h4::before {
  content: "";
  width: 0.3rem;
  height: 1.6rem;
  background: #004EA2;
  position: absolute;
  left: 0;
  top: 0.6rem;
}

* + .h4 {
  margin-top: 4rem;
}

.p {
  font-size: 1.8rem;
  color: #434343;
  line-height: 1.6;
}
.p + .p {
  margin-top: 1.6rem;
}

.sub-p {
  font-size: 1.7rem;
  color: #6F7684;
  line-height: 1.5;
  padding-left: 1.4rem;
  position: relative;
}
.sub-p::before {
  content: "*";
  position: absolute;
  left: 0;
}
.sub-p + .sub-p {
  margin-top: 0.4rem;
}

.t-blue {
  color: #004EA2;
}

.t-red {
  color: #D43333;
}

#tabmenu {
  padding: 0.8rem;
  border-radius: 1.6rem;
  border: 1px solid #E9EAEE;
  margin-bottom: 4.8rem;
}
#tabmenu ul {
  display: flex;
}
@media (max-width: 580px) {
  #tabmenu ul {
    flex-direction: column;
  }
}
#tabmenu ul li {
  width: 100%;
}
#tabmenu ul li.on a {
  background: #081324 !important;
  color: #fff;
}
#tabmenu ul li a {
  height: 4.8rem;
  padding: 0rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  text-align: center;
  border-radius: 0.8rem;
  font-size: 1.8rem;
  color: #818896;
  font-weight: 600;
  transition: 0.2s;
}
@media (max-width: 768px) {
  #tabmenu ul li a {
    padding: 0 1rem;
    font-size: 14px;
    line-height: 1.2;
  }
}
#tabmenu ul li a:hover, #tabmenu ul li a:focus {
  background: #F5F6F9;
}
#tabmenu ul li a[target=_blank]::after {
  content: "\ecaf";
  font-family: "remixicon";
  font-weight: 400;
}

.topbox {
  border-radius: 2.4rem;
  background: #F5F6F9;
  padding: 3.2rem 6.4rem 3.2rem 12rem;
  margin-bottom: 4.8rem;
  position: relative;
}
.topbox-icon {
  position: absolute;
  left: 2.4rem;
  top: 2.4rem;
}
.topbox-icon > div {
  width: 6.4rem;
  height: 6.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.6rem;
  background: #6588FC;
}
.topbox-icon > div i {
  font-size: 2.4rem;
  color: #fff;
}
.topbox-txt-title {
  display: block;
  font-size: 1.8rem;
  color: #004EA2;
  margin-bottom: 1.6rem;
}
.topbox-txt-desc {
  font-size: 1.8rem;
  color: #424242;
  line-height: 1.5;
}
.topbox-txt-desc + .topbox-txt-desc {
  margin-top: 0.8rem;
}
.topbox-txt-title2 {
  display: block;
  padding-left: 2.6rem;
  position: relative;
  margin-top: 1.6rem;
  margin-bottom: 0.8rem;
  font-weight: 600;
}
.topbox-txt-title2 + .topbox-txt-title2 {
  margin-top: -0.4rem;
}
.topbox-txt-title2::before {
  content: "\ee58";
  font-family: "remixicon";
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1;
  color: #6588FC;
  position: absolute;
  left: 0;
  top: 0.1rem;
}
.topbox-txt-title2 + .topbox-txt-desc {
  font-size: 1.6rem;
  padding-left: 1.3rem;
}
.topbox-txt .btn-wrap {
  margin-top: 3.2rem;
  gap: 0.8rem;
  justify-content: flex-start;
}
.topbox-txt .bul1.type2 > li {
  font-size: 1.6rem;
}
.topbox + .h3 {
  margin-top: 4.8rem;
}
@media (max-width: 768px) {
  .topbox {
    padding: 24px;
  }
  .topbox-icon {
    left: auto;
    right: 16px;
    top: 16px;
  }
  .topbox-icon > div {
    width: 56px;
    height: 56px;
  }
  .topbox-txt-title {
    padding-right: 7rem;
  }
  .topbox-txt-title + * {
    padding-right: 7rem;
  }
}
@media (max-width: 420px) {
  .topbox .btn-wrap > a,
  .topbox .btn-wrap button {
    width: 100%;
    justify-content: center;
  }
}

.btn1 {
  height: 4.8rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0 1.8rem;
  border-radius: 0.8rem;
  background: #004EA2;
  color: #fff;
  border: 1px solid #004EA2;
  transition: 0.2s;
}
.btn1:hover, .btn1:focus {
  background: #013873;
}
.btn1:has(i) {
  padding: 0rem 1.6rem 0rem 1.8rem;
}
.btn1 span {
  font-weight: 500;
}
.btn1 i {
  font-size: 1.8rem;
}
.btn1.wt {
  background: #fff;
  color: #004EA2;
}
.btn1.wt:hover, .btn1.wt:focus {
  background: #F5F6F9;
}
.btn1.bk {
  background: #081324;
  border-color: #081324;
}
.btn1.bk:hover, .btn1.bk:focus {
  background: #fff;
  color: #081324;
}
.btn1.border {
  border-color: #818896;
  background: #fff;
  color: #434343;
}
.btn1.border:hover, .btn1.border:focus {
  background: #F5F6F9;
}
.btn1:disabled {
  background: #BDC1C9;
  border-color: #BDC1C9;
  color: #fff;
}

.btn2 {
  height: 3.2rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0 1rem;
  border-radius: 0.6rem;
  border: 1px solid #004EA2;
  color: #004EA2;
  transition: 0.2s;
}
.btn2:hover, .btn2:focus {
  background: #004EA2;
  color: #fff;
}
.btn2 span {
  font-size: 14px;
  font-weight: 700;
}
.btn2 i {
  font-size: 1.6rem;
}
.btn2.wt {
  color: #73767D;
  border-color: #E5E7F0;
}
.btn2.wt:hover, .btn2.wt:focus {
  background: #f5f5f5;
}
.btn2.grey {
  color: #6F7684;
  border-color: #BDC1C9;
}
.btn2.grey:hover, .btn2.grey:focus {
  background: #F5F6F9;
}

.btn3 {
  width: 3.6rem;
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.8rem;
  border: 1px solid #E5E7F0;
  background: #fff;
  color: #434343;
  transition: 0.2s;
}
.btn3:hover, .btn3:focus {
  background: #F5F6F9;
}

.btn4 {
  color: #004EA2;
  font-weight: 500;
  padding-right: 2.6rem;
  position: relative;
}
.btn4::after {
  content: "\ea6e";
  font-family: "remixicon";
  font-size: 2rem;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.btn4:hover span {
  text-decoration: underline;
  text-underline-position: under;
}

.board_btns {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.8rem;
}

ul[class*=bul] ul[class*=bul] {
  margin-top: 0.6rem;
}

.c-blue {
  color: #004EA2;
}
.c-blue2 {
  color: #6588FC;
}

.c-red {
  color: #D43333;
}

.c-green {
  color: #398380;
}

.c-dgrey {
  color: #6F7684 !important;
}

.bul1 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.bul1 > li {
  font-size: 1.8rem;
  line-height: 1.6;
  color: #434343;
  position: relative;
  padding-left: 1.2rem;
}
.bul1 > li::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #9E9E9E;
  position: absolute;
  left: 0;
  top: 1.2rem;
}
.bul1.type2 > li::before {
  height: 1px;
  background: #828282;
  top: 1.1rem;
}
.bul1.col2 {
  flex-direction: row;
  flex-wrap: wrap;
}
.bul1.col2 > li {
  width: calc(50% - 0.4rem);
}
@media (max-width: 768px) {
  .bul1.col2 > li {
    width: 100%;
  }
}

.bul2 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.bul2 > li {
  position: relative;
  padding-left: 3.2rem;
  counter-increment: list-number;
  color: #434343;
  font-size: 1.8rem;
  line-height: 1.55;
}
.bul2 > li::before {
  content: counter(list-number);
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #081324;
  font-size: 12px;
  font-weight: 700;
  line-height: 0.3;
  background: #fff;
  border-radius: 0.4rem;
  border: 1px solid #081324;
  position: absolute;
  top: 2px;
  left: 0;
}
.bul2.custom {
  gap: 1.1rem;
}
.bul2.custom > li {
  padding-left: 3.6rem;
  font-size: 1.6rem;
  line-height: 160%;
}
.bul2.custom > li:before {
  top: 0;
  width: 2.8rem;
  height: 2.8rem;
  border: 2px solid var(--dark_blue, #081324);
  border-radius: 1.4rem;
  font-size: 1.1rem;
  line-height: 1.1;
}
.bul2.custom > li:has(.num):before {
  display: none;
}
.bul2.custom > li:has(.num) .num {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.8rem;
  height: 2.8rem;
  color: #081324;
  font-weight: 700;
  border: 2px solid var(--dark_blue, #081324);
  border-radius: 1.4rem;
  font-size: 1.1rem;
  line-height: 1.1;
}
.bul2.custom > li.etc:before {
  content: "";
  width: 2rem;
  height: 2rem;
  border-radius: 1.2rem;
  margin: 0.3rem 0.4rem;
}
.bul2.custom > li.etc.etc1:before {
  content: "P";
  color: #fff;
  border-color: #6c9492;
  background: #6c9492;
}
.bul2.custom > li.etc.etc2:before {
  background: #badeb6;
  border-color: #badeb6;
}
.bul2.custom > li.etc.etc3:before {
  background: #e4c88b;
  border-color: #e4c88b;
}

.bul3 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  counter-reset: number 0;
}
.bul3 > li {
  position: relative;
  padding-left: 2.8rem;
  font-size: 1.8rem;
}
.bul3 > li::before {
  content: counter(number);
  counter-increment: number 1;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e5e7f0;
  padding-top: 1px;
  font-size: 11px;
  font-weight: 700;
  color: #081324;
  position: absolute;
  top: 0.4rem;
  left: 0;
}

.btn-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.2rem;
  margin-top: 8rem;
}
.btn-wrap.space-between {
  justify-content: space-between;
}
.btn-wrap.space-between > div {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
}
@media (max-width: 580px) {
  .btn-wrap.space-between {
    justify-content: center;
  }
  .btn-wrap.space-between > div {
    justify-content: center;
  }
}
.btn-wrap.right {
  justify-content: flex-end;
}
.btn-wrap.left {
  justify-content: flex-start;
}

.select {
  position: relative;
}
.select-wrap {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  flex-wrap: wrap;
}
.select select {
  height: 4.8rem;
  outline: 0 none;
  background-color: #fff;
  border-radius: 0.8rem;
  border: 1px solid #BDC1C9;
  color: #424242;
  padding: 0 1.5rem;
  padding-right: 4rem;
  background: #fff url(/resources/images/mps/sub/select-arrow.png) calc(100% - 1.6rem) 50% no-repeat;
  background-size: 1rem;
  line-height: 1;
  position: relative;
  appearance: none;
  -webkit-appearance: none;
}
.select select:focus {
  outline: 2px solid #000;
  outline-offset: -1px;
}

.input {
  position: relative;
}
.input input[type=text],
.input input[type=password] {
  width: 100%;
  height: 4.8rem;
  padding: 0 1.6rem;
  border-radius: 0.8rem;
  border: 1px solid #BDC1C9;
}
.input input[type=text]::placeholder,
.input input[type=password]::placeholder {
  color: #73767D;
}
.input textarea {
  width: 100%;
  height: 15.6rem;
  padding: 1.6rem;
  border-radius: 0.8rem;
  border: 1px solid #BDC1C9;
}
.input textarea::placeholder {
  color: #73767D;
}
.input:has(.datePicker) {
  position: relative;
  width: 18rem;
}
.input:has(.datePicker)::before {
  content: "\eb27";
  font-family: "remixicon";
  color: #616161;
  font-size: 2rem;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
}
@media (max-width: 640px) {
  .input:has(.datePicker) {
    width: 100%;
  }
}
.input.w10 {
  width: 10rem;
}
.input.w20 {
  width: 20rem;
}
.input.w50 {
  width: 50rem;
}

.table {
  border-top: 3px solid #BAD1E9;
  position: relative;
}
.table::after {
  content: "";
  width: 1px;
  height: 100%;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.table-info {
  overflow-x: auto;
}
.table table {
  table-layout: fixed;
}
.table table th {
  background: #F3F7FB;
  text-align: center;
  padding: 2rem 1rem;
  color: #081324;
  font-weight: 700;
  border-right: 1px solid #E5E7F0;
}
.table table th:last-of-type {
  border-right: 0;
}
.table table tbody th {
  border-bottom: 1px solid #E5E7F0;
}
.table table td {
  padding: 2rem;
  border-bottom: 1px solid #E5E7F0;
  border-right: 1px solid #E5E7F0;
  font-size: 1.8rem;
  line-height: 1.4;
  color: #434343;
  text-align: center;
}
.table table td.bg {
  background: #f5f6f9;
}
.table table td.bg b {
  color: #081324;
}

.privacy > div + div {
  margin-top: 8rem;
}
.privacy strong,
.privacy b {
  font-weight: 700;
}
.privacy-title {
  border: 1px solid #E8E8E8;
  padding: 4rem 4.5rem;
  display: flex;
  align-items: center;
}
.privacy-title-icon {
  width: 10.9rem;
  flex-shrink: 0;
}
.privacy-title-text {
  flex-grow: 1;
  padding-left: 3rem;
  display: flex;
  flex-direction: column;
}
.privacy-title-text-title {
  font-size: 2rem;
  margin-bottom: 1.6rem;
}
.privacy-box {
  border-top: 1px solid #B4B4B4;
  overflow: hidden;
}
.privacy-box-title strong {
  display: block;
  text-align: center;
  padding: 2rem;
  font-size: 2.2rem;
  background: #F8F8F8;
}
.privacy-box-title div {
  padding: 2.3rem 2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px solid #E8E8E8;
}
.privacy-box-title div p {
  font-weight: 500;
}
.privacy-box-align ul {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 1px);
}
.privacy-box-align ul li {
  width: 33.3333333333%;
  border-right: 1px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
}
.privacy-box-align--align2 ul li {
  width: 50%;
}
.privacy-box-align--align3 ul li {
  width: 33.3333333333%;
}
.privacy-box-align--align4 ul li {
  width: 25%;
}
.privacy-box-align--align5 ul li {
  width: 20%;
}
.privacy-box-align--align6 ul li {
  width: 16.6666666667%;
}
.privacy-labeling-icon {
  display: flex;
}
.privacy-labeling li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2.4rem 2rem;
  gap: 1.15rem;
}
.privacy-labeling li img {
  width: 6.5rem;
  max-width: 9.6rem;
}
.privacy-labeling li p {
  color: #757575;
  margin-top: 0.75rem;
}
.privacy-labeling--alignCenter li {
  justify-content: center;
}
.privacy-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(4, auto);
}
.privacy-list li {
  border-bottom: 1px solid #E5E7F0;
  border-right: 1px solid #E5E7F0;
}
.privacy-list li:nth-of-type(2n) {
  border-right: 0;
}
.privacy-list li a {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 1.6rem 2rem;
  transition: 0.2s;
}
.privacy-list li a:hover {
  background: #fafafa;
}
.privacy-list li a:hover span {
  text-decoration: underline;
  text-underline-position: under;
}
.privacy-list li a img {
  width: 5.6rem;
}
.privacy-list li a img + span {
  font-size: 1.8rem;
  color: #434343;
  margin-left: 1.6rem;
}
.privacy-list li a span br {
  display: none;
}
.privacy-contents > ul {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.privacy-item-title {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 1.6rem;
  margin-bottom: 1.6rem;
}
.privacy-item-title img {
  width: 5.6rem;
}
.privacy-item-title span {
  font-size: 2.6rem;
  font-weight: 700;
  color: #081324;
}
.privacy-item-info .table table td a[target=_blank]:hover {
  text-decoration: underline;
  text-underline-position: under;
}
.privacy-item-info p {
  font-size: 1.8rem;
  color: #434343;
  line-height: 1.6;
}
.privacy-item-info p + ul, .privacy-item-info p + .table {
  margin-top: 1.6rem;
}
.privacy-item-info ul + p, .privacy-item-info ul + .table {
  margin-top: 1.6rem;
}
.privacy-item-info ul li .table {
  margin-top: 1.6rem;
}
.privacy-item-info ul li ul {
  margin-top: 1rem;
}
.privacy-item-info .img {
  padding: 2.4rem 4.8rem;
  border-radius: 1.6rem;
  background: #F5F6F9;
  text-align: center;
  margin: 1.6rem 0;
}
.privacy-item-info .img strong {
  display: block;
  font-size: 1.8rem;
  color: #004EA2;
  margin-bottom: 1.6rem;
}
.privacy-item-info .img .box-wrap-item {
  width: 100% !important;
  flex-shrink: inherit;
}
.privacy-label-list {
  display: flex;
  flex-wrap: wrap;
}
.privacy-label-list > li {
  width: 33.3333%;
  border-right: 1px solid #E5E7F0;
  border-bottom: 1px solid #E5E7F0;
  text-align: center;
}
.privacy-label-list > li:nth-of-type(3n) {
  border-right: 0;
}
.privacy-label-list > li > button {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
  padding: 2rem;
  transition: 0.2s;
  position: relative;
}
.privacy-label-list > li > button:hover {
  background: #fafafa;
}
.privacy-label-list > li > button:hover > p {
  text-decoration: underline;
  text-underline-position: under;
}
.privacy-label-list > li > button:hover .hover {
  opacity: 1;
  visibility: visible;
}
.privacy-label-list > li .icon {
  width: 8rem;
}
.privacy-label-list > li .title {
  font-size: 1.8rem;
  color: #434343;
}
.privacy-label-list > li .hover {
  width: 28.5rem;
  padding: 2.4rem;
  text-align: left;
  background: #fff;
  border-radius: 0.8rem;
  border: 1px solid #081324;
  box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.24);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 1.2rem);
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  z-index: 1;
}
.privacy-label-list > li .hover .bul1 > span {
  font-size: 1.8rem;
  color: #434343;
  position: relative;
  padding-left: 1.2rem;
}
.privacy-label-list > li .hover .bul1 > span::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #9E9E9E;
  position: absolute;
  left: 0;
  top: 0.9rem;
}
.privacy-label-list > li .hover .additional2 {
  display: block;
  margin-top: 1.6rem;
  font-size: 1.7rem;
  color: #6F7684;
  position: relative;
}
.privacy-label-list > li .hover .additional2::before {
  content: "*";
  margin-right: 0.5rem;
}
.privacy .title-box {
  padding: 2rem;
  background: #F3F7FB;
  border-top: 3px solid #BAD1E9;
  text-align: center;
  color: #081324;
}
.privacy-table {
  border-top: 1px solid #000000;
  width: 100%;
  margin-top: 1.3rem;
}
.privacy-table table {
  table-layout: fixed;
}
.privacy-table th,
.privacy-table td {
  padding: 0.7rem 1rem;
  text-align: center;
  border: 1px solid #E8E8E8;
}
.privacy-table th {
  font-weight: 700;
  color: #202020;
  border-top: none;
  background: #F8F8F8;
}
.privacy-table td {
  color: #757575;
}
@media (max-width: 1280px) {
  .privacy-box-align--align3 ul {
    flex-direction: column;
  }
  .privacy-box-align--align3 ul li {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .privacy-box-align--align6 ul li {
    width: 20%;
  }
  .privacy-box-align--align5 ul li {
    width: 33.333%;
  }
  .privacy-list li a {
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    gap: 1rem;
    padding: 1.5rem;
  }
  .privacy-list .privacy-labeling-icon {
    align-self: flex-end;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .privacy .table-wrapper {
    overflow: auto;
  }
  .privacy-title {
    padding: 3rem;
  }
  .privacy-title-icon {
    display: none;
  }
  .privacy-title-text {
    padding-left: 0;
  }
  .privacy-box-align--align6 ul li {
    width: 25%;
  }
  .privacy-labeling li img {
    width: 6rem;
  }
}
@media (max-width: 587px) {
  .privacy-box-align--align6 ul li {
    width: 33.3333%;
  }
  .privacy-box-align--align5 ul li {
    width: 50%;
  }
}
@media (max-width: 487px) {
  .privacy-list {
    word-break: keep-all;
  }
}
@media (max-width: 360px) {
  .privacy-box-align--align6 ul li {
    width: 50%;
  }
}

.form-col-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.8rem;
}
.form-col-group .form-group label {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0 none;
  clip: rect(0, 0, 0, 0);
}
@media (max-width: 640px) {
  .form-col-group {
    flex-direction: column;
  }
  .form-col-group .form-group {
    width: 100%;
  }
}

#searchForm .search {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.8rem;
}
@media (max-width: 640px) {
  #searchForm .search {
    flex-direction: column;
  }
  #searchForm .search .form_select,
  #searchForm .search .form {
    width: 100%;
  }
  #searchForm .search .form_select select,
  #searchForm .search .form select {
    width: 100%;
  }
}

.search .form_select,
.sch-select {
  position: relative;
}
.search .form_select select,
.sch-select select {
  height: 4.8rem;
  outline: 0 none;
  background-color: #fff;
  border-radius: 0.8rem;
  border: 1px solid #BDC1C9;
  color: #424242;
  padding: 0 1.5rem;
  padding-right: 4rem;
  background: #fff url(/resources/images/mps/sub/select-arrow.png) calc(100% - 1.6rem) 50% no-repeat;
  background-size: 1rem;
  line-height: 1;
  position: relative;
  appearance: none;
  -webkit-appearance: none;
}
.search .form_select select:focus,
.sch-select select:focus {
  outline: 2px solid #000;
  outline-offset: -1px;
}

.search .form,
.sch-input {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.search .form input[type=text],
.sch-input input[type=text] {
  width: 100%;
  height: 4.8rem;
  padding: 0 1.6rem;
  border-radius: 0.8rem;
  border: 1px solid #BDC1C9;
}
.search .form input[type=text]::placeholder,
.sch-input input[type=text]::placeholder {
  color: #9e9e9e;
}
.search .form input[type=button],
.search .form button,
.sch-input input[type=button],
.sch-input button {
  height: 4.8rem;
  padding: 0 2.2rem;
  border-radius: 0.8rem;
  background: #081324;
  color: #fff;
  border: 0;
  flex-shrink: 0;
}
.search .form input[type=button],
.sch-input input[type=button] {
  cursor: pointer;
}

.board_info {
  margin-bottom: 1.8rem;
  position: relative;
}
.board_info .count {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 768px) {
  .board_info .count {
    position: static;
    margin-top: 2rem;
  }
}
.board_info .count > span {
  color: #424242;
  position: relative;
}
.board_info .count > span::before {
  content: "";
  width: 1px;
  height: 1.6rem;
  background: #e0e0e0;
  position: absolute;
  right: -1.2rem;
  top: 50%;
  transform: translateY(-50%);
}
.board_info .count > span:last-of-type::before {
  display: none;
}

.board_list {
  border-top: 2px solid #555;
  border-bottom: 1px solid #d8d8d8;
}
.board_list table {
  table-layout: fixed;
}
.board_list table thead th {
  padding: 2rem 0.5rem;
  border-bottom: 1px solid #424242;
  color: #424242;
  font-weight: 700;
}
.board_list table thead th.number {
  width: 7.5rem;
}
.board_list table thead th.writer {
  width: 15rem;
}
.board_list table thead th.date {
  width: 14.5rem;
}
.board_list table thead th.hit {
  width: 7rem;
}
.board_list table thead th.file {
  width: 7rem;
}
.board_list table thead th.state {
  width: 9.5rem;
}
.board_list table thead th.category {
  width: 18.5rem;
}
.board_list table thead th.category2 {
  width: 16rem;
}
.board_list table thead th.division {
  width: 15rem;
}
.board_list table tbody tr {
  transition: 0.2s;
}
.board_list table tbody tr:last-of-type td {
  border-bottom: 0;
}
.board_list table tbody tr:hover {
  background: #fafafa;
}
.board_list table tbody tr:hover td[aria-label=제목] a {
  text-decoration: underline;
  text-underline-position: under;
}
@media (min-width: 769px) {
  .board_list table tbody .noticeLine td[aria-label=번호] span {
    padding: 0.7rem 0.8rem;
    border-radius: 0.6rem;
    background: #081324;
    font-size: 1.4rem;
    color: #fff;
    font-weight: 600;
  }
}
.board_list table tbody td {
  padding: 2rem 1rem;
  border-bottom: 1px solid #e0e0e0;
  color: #424242;
  text-align: center;
}
.board_list table tbody td[aria-label=제목] {
  max-width: 50%;
  white-space: normal;
  word-break: keep-all;
}
.board_list table tbody td[aria-label=제목]:not(:has(a)) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.board_list table tbody td[aria-label=제목] a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.board_list table tbody td[aria-label=제목].secret a {
  padding-left: 2.4rem;
  position: relative;
}
.board_list table tbody td[aria-label=제목].secret a::before {
  content: "\eecd";
  font-family: "remixicon";
  font-size: 1.8rem;
  line-height: 1;
  color: #818896;
  position: absolute;
  left: 0;
  top: 0;
}
.board_list table tbody td[aria-label=제목].new a {
  display: flex;
}
.board_list table tbody td[aria-label=제목].new a span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  padding-right: 2.4rem;
  position: relative;
}
.board_list table tbody td[aria-label=제목].new a span::after {
  content: "N";
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #004EA2;
  color: #fff;
  font-size: 8px;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 769px) {
  .board_list table tbody td[aria-label=정보확인] {
    padding: 1.45rem;
  }
  .board_list table tbody td[aria-label=정보확인] .btn3 {
    margin: auto;
  }
}
@media (min-width: 769px) {
  .board_list table tbody td.file {
    position: relative;
  }
}
.board_list table tbody td.file .attach_file {
  width: 28rem;
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 1.6rem;
  background: #fff;
  padding: 1.2rem;
  border: 1px solid #6F7684;
  box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.16);
  z-index: 1;
  text-align: left;
}
@media (max-width: 768px) {
  .board_list table tbody td.file .attach_file {
    display: none;
  }
}
.board_list table tbody td.file .attach_file dl dt {
  display: none;
}
.board_list table tbody td.file .attach_file dl dd ul {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.board_list table tbody td.file .attach_file dl dd ul li a {
  border-radius: 0.8rem;
  border: 1px solid #E5E7F0;
  padding: 1.2rem;
  font-size: 14px;
  color: #434343;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  transition: 0.2s;
}
.board_list table tbody td.file .attach_file dl dd ul li a:hover, .board_list table tbody td.file .attach_file dl dd ul li a:focus {
  background: #F5F6F9;
}
.board_list table tbody td.file .attach_file dl dd ul li a img {
  margin-right: 0.6rem;
}
.board_list table tbody td.file .attach_file dl dd ul li a span {
  display: none;
}
.board_list table tbody td.file .attach_file .file_close {
  width: 2.8rem;
  height: 2.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #081324;
  position: absolute;
  top: -1.4rem;
  right: -1.4rem;
  z-index: 1;
}
.board_list table tbody td.file .attach_file .file_close button {
  width: 100%;
  height: 100%;
  font-size: 0;
  position: relative;
}
.board_list table tbody td.file .attach_file .file_close button::before {
  content: "\eb99";
  font-family: "remixicon";
  font-size: 1.6rem;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.board_list table tbody td .viewFiles .ri-file-2-line {
  font-size: 1.8rem;
}
.board_list table tbody td .label {
  display: inline-flex;
  justify-content: center;
  width: 7rem;
}
.board_list table tbody td.no-data {
  width: 100%;
  height: 30rem;
  padding: 2rem;
  text-align: center;
}
@media (max-width: 768px) {
  .board_list table tbody td.no-data {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.board_list table tbody td.no-data img {
  width: 6.4rem;
  margin-bottom: 1.6rem;
}
@media (max-width: 768px) {
  .board_list table thead {
    display: none;
  }
  .board_list table tbody tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    padding: 2.4rem 0;
    border-bottom: 1px solid #e0e0e0;
  }
  .board_list table tbody tr:last-of-type {
    border-bottom: 0 none;
  }
  .board_list table tbody td {
    display: block;
    padding: 0;
    border-bottom: 0 none;
    font-size: 15px;
    text-align: left;
    margin-bottom: 3px;
  }
  .board_list table tbody td:last-of-type {
    margin-bottom: 0;
  }
  .board_list table tbody td[aria-label=번호] {
    width: 100%;
    margin-bottom: 2.4rem;
  }
  .board_list table tbody td[aria-label=번호]::before {
    display: none;
  }
  .board_list table tbody td[aria-label=제목] {
    width: 100%;
    max-width: 100%;
    font-weight: 600;
    margin-bottom: 0.8rem;
  }
  .board_list table tbody td[aria-label=제목]::before {
    display: none;
  }
  .board_list table tbody td[aria-label=제목] a {
    -webkit-line-clamp: 2;
  }
  .board_list table tbody td[aria-label=제목] ~ td {
    padding-right: 2rem;
    position: relative;
  }
  .board_list table tbody td[aria-label=제목] ~ td::after {
    content: "";
    width: 0.4rem;
    height: 0.4rem;
    background: #e0e0e0;
    border-radius: 50%;
    position: absolute;
    right: 0.8rem;
    top: 50%;
    transform: translateY(-50%);
  }
  .board_list table tbody td[aria-label=제목] ~ td:last-of-type::after {
    display: none;
  }
}
.board_list:has(.faq-list) {
  border: 0;
}
.board_list:has(.researcher-list) {
  border: 0;
}
.board_list:has(.org-info) {
  border-top: 3px solid #BAD1E9;
}
.board_list:has(.org-info) .org-info {
  margin-top: 0;
}

.board-pdf {
  display: flex;
  flex-wrap: wrap;
  gap: 4.8rem;
  padding: 4.8rem;
}
.board-pdf > li {
  width: calc(33.3333333333% - 3.2rem);
}
.board-pdf > li.no-data {
  width: 100%;
  height: 30rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  padding: 2rem;
  text-align: center;
}
.board-pdf > li.no-data img {
  width: 6.4rem;
}
.board-pdf-thumb {
  aspect-ratio: 296/414;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
}
.board-pdf-thumb:hover::before,
.board-pdf-thumb:hover .board-pdf-btns, .board-pdf-thumb:focus::before,
.board-pdf-thumb:focus .board-pdf-btns {
  opacity: 1;
  visibility: visible;
}
.board-pdf-thumb::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
}
.board-pdf-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.board-pdf-btns {
  display: flex;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
}
.board-pdf-btns > a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  padding: 1.4rem 1rem;
  background: #434343;
  color: #fff;
  border-right: 1px solid rgb(98, 98, 100);
  transition: 0.2s;
}
.board-pdf-btns > a:last-of-type {
  border-right: 0;
}
.board-pdf-btns > a:hover, .board-pdf-btns > a:focus {
  background: #282828;
}
.board-pdf-btns > a i {
  font-size: 1.8rem;
}
.board-pdf .label {
  margin-top: 2.4rem;
}
.board-pdf .label + .board-pdf-title {
  margin-top: 1.6rem;
}
.board-pdf-title {
  font-size: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 2.3rem;
}
.board-pdf .type1 {
  display: flex;
  gap: 0.5rem 2.4rem;
  flex-wrap: wrap;
  margin-top: 1.6rem;
}
.board-pdf .type1 > li {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
  color: #73767D;
  position: relative;
}
.board-pdf .type1 > li::before {
  content: "";
  width: 1px;
  height: 1.5rem;
  background: #E5E7F0;
  position: absolute;
  right: -1.2rem;
  top: 50%;
  transform: translateY(-50%);
}
.board-pdf .type1 > li:last-of-type::before {
  display: none;
}
.board-pdf .type1 > li:last-of-type b {
  display: inline-block;
}
.board-pdf .type1 > li b {
  display: none;
}
@media (max-width: 1025px) {
  .board-pdf {
    padding: 4rem 0;
  }
}
@media (max-width: 480px) {
  .board-pdf {
    gap: 3rem 2rem;
  }
  .board-pdf > li {
    width: calc(50% - 1rem);
  }
}

.board-video {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
  padding: 4.8rem 0;
}
.board-video > li {
  width: calc(33.3333333333% - 2.6666666667rem);
}
.board-video > li.no-data {
  width: 100%;
  height: 30rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  padding: 2rem;
  text-align: center;
}
.board-video > li.no-data img {
  width: 6.4rem;
}
.board-video > li > a {
  display: flex;
  flex-direction: column;
}
.board-video > li > a:hover .board-video-thumb img, .board-video > li > a:focus .board-video-thumb img {
  transform: translate(-50%, -50%) scale(1.2);
}
.board-video > li > a:hover .board-video-thumb::after, .board-video > li > a:focus .board-video-thumb::after {
  background: rgba(0, 0, 0, 0.9);
}
.board-video-thumb {
  aspect-ratio: 333/205;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
}
.board-video-thumb::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.board-video-thumb::after {
  content: "\f00b";
  font-family: "remixicon";
  width: 6.4rem;
  height: 6.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  padding-left: 2px;
  font-size: 2.8rem;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.board-video-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.2s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.board-video-info {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 2.4rem;
  margin-top: 2.4rem;
}
.board-video-info > span {
  color: #73767D;
  position: relative;
}
.board-video-info > span::before {
  content: "";
  width: 1px;
  height: 1.5rem;
  background: #E5E7F0;
  position: absolute;
  right: -1.2rem;
  top: 50%;
  transform: translateY(-50%);
}
.board-video-info > span:last-of-type::before {
  display: none;
}
.board-video-title {
  font-size: 2rem;
  margin-top: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 768px) {
  .board-video {
    gap: 3rem;
    padding: 4rem 0;
  }
  .board-video > li {
    width: calc(50% - 1.5rem);
  }
}
@media (max-width: 480px) {
  .board-video {
    gap: 3rem 2rem;
  }
  .board-video > li {
    width: calc(50% - 1rem);
  }
}

.board-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 4.8rem 4rem;
  padding: 4.8rem 0;
}
.board-gallery > li {
  width: calc(33.3333333333% - 2.6666666667rem);
}
@media (max-width: 768px) {
  .board-gallery > li {
    width: calc(50% - 2rem);
  }
}
@media (max-width: 480px) {
  .board-gallery > li {
    width: 100%;
  }
}
.board-gallery > li > a {
  display: flex;
}
.board-gallery > li.no-data {
  width: 100%;
  height: 30rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.6rem !important;
  padding: 2rem !important;
  text-align: center;
}
.board-gallery > li.no-data img {
  width: 6.4rem;
}
.board-gallery-link {
  display: flex;
  flex-direction: column;
}
.board-gallery-link:hover .board-gallery-thumb img, .board-gallery-link:focus .board-gallery-thumb img {
  transform: scale(1.2);
}
.board-gallery-thumb {
  aspect-ratio: 333/205;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
}
.board-gallery-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.2s;
}
.board-gallery-info {
  display: flex;
  gap: 1.6rem;
  margin-top: 2.4rem;
}
.board-gallery-info > span {
  color: #9FA3AA;
}
.board-gallery-info > span::before {
  content: "";
  width: 1px;
  height: 1.5rem;
  background: #E5E7F0;
  position: absolute;
  right: -1.2rem;
  top: 50%;
  transform: translateY(-50%);
}
.board-gallery-info > span:last-of-type::before {
  display: none;
}
.board-gallery-title {
  font-size: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 1.6rem;
}
.board-gallery .btn2 {
  display: inline-flex;
  margin-top: 1.6rem;
}
.board-gallery.type2 {
  flex-direction: column;
  gap: 0;
  padding: 0;
}
.board-gallery.type2 > li {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 4.8rem;
  padding: 4.8rem;
  border-bottom: 1px solid #E5E7F0;
}
@media (max-width: 1024px) {
  .board-gallery.type2 > li {
    padding: 4rem 0;
  }
}
@media (max-width: 768px) {
  .board-gallery.type2 > li {
    flex-direction: column;
    gap: 3rem;
  }
}
.board-gallery.type2 > li:last-of-type {
  border-bottom: 0;
}
.board-gallery.type2 > li:has(> a) {
  padding: 0;
}
.board-gallery.type2 > li:has(> a) > a {
  display: flex;
  align-items: center;
  gap: 4.8rem;
  padding: 4.8rem;
}
.board-gallery.type2 > li:has(> a) > a:hover .title, .board-gallery.type2 > li:has(> a) > a:focus .title {
  text-decoration: underline;
  text-underline-position: under;
}
@media (max-width: 1024px) {
  .board-gallery.type2 > li:has(> a) > a {
    padding: 4rem 0;
  }
}
@media (max-width: 768px) {
  .board-gallery.type2 > li:has(> a) > a {
    flex-direction: column;
    gap: 3rem;
  }
}
.board-gallery.type2 .board-gallery-thumb {
  width: 33rem;
  max-width: 100%;
  aspect-ratio: 33/20.5;
  flex-shrink: 0;
  border-radius: 0.8rem;
  overflow: hidden;
}
.board-gallery.type2 .board-gallery-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.board-gallery.type2 .board-gallery-txt {
  width: 100%;
}
.board-gallery.type2 .board-gallery-txt .title {
  font-size: 2rem;
  color: #434343;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 1.6rem;
}
.board-gallery.type2 .board-gallery-txt .info {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.board-gallery.type2 .board-gallery-txt .info > li,
.board-gallery.type2 .board-gallery-txt .info > span {
  display: flex;
  align-items: flex-start;
  gap: 1rem 2.4rem;
}
.board-gallery.type2 .board-gallery-txt .info-title {
  width: 10.8rem;
  flex-shrink: 0;
  color: #73767D;
  position: relative;
}
.board-gallery.type2 .board-gallery-txt .info-title::before {
  content: "";
  width: 1px;
  height: 1.5rem;
  background: #E5E7F0;
  position: absolute;
  right: -1.2rem;
  top: 50%;
  transform: translateY(-50%);
}
.board-gallery.type2 .board-gallery-txt .info-txt {
  width: 100%;
  color: #434343;
}

* + .board_pager {
  margin-top: 4.8rem;
}

.board_pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}
.board_pager a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 0.3rem;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  color: #424242;
  transition: all 0.2s;
  position: relative;
}
.board_pager a:hover {
  border-color: #081324;
}
.board_pager a::before {
  font-family: "remixicon";
  font-size: 1.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.board_pager a.first::before {
  content: "\f2e3";
}
.board_pager a.prev {
  margin-right: 0.8rem;
}
.board_pager a.prev::before {
  content: "\ea64";
}
.board_pager a.prev.mobile {
  display: none;
}
.board_pager a.next {
  margin-left: 0.8rem;
}
.board_pager a.next::before {
  content: "\ea6e";
}
.board_pager a.next.mobile {
  display: none;
}
.board_pager a.last::before {
  content: "\f2e4";
}
.board_pager a.active {
  background: #081324;
  border-color: #081324;
  color: #fff;
}
.board_pager a.active .last_page {
  display: none;
}
@media (max-width: 768px) {
  .board_pager a.active .last_page {
    display: block;
    padding-left: 1.2rem;
    position: relative;
  }
  .board_pager a.active .last_page::before {
    content: "";
    width: 1px;
    height: 12px;
    background: #777;
    position: absolute;
    left: 0.5rem;
    top: 50%;
    transform: translateY(-50%) rotate(17deg);
  }
}
.board_pager a img {
  display: none;
}
@media (max-width: 768px) {
  .board_pager a {
    display: none;
  }
  .board_pager a.first, .board_pager a.last, .board_pager a.mobile {
    display: inline-flex !important;
  }
  .board_pager a.active {
    display: flex;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    background: none;
    color: #081324;
    padding: 0 1rem;
  }
}
.board_pager > span {
  display: flex;
  gap: 0.4rem;
}

.board-view-title {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  border-top: 2px solid #081324;
  border-bottom: 1px solid #E5E7F0;
  padding: 4rem 0;
  text-align: center;
}
.board-view-title .category {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.board-view-title .title {
  font-size: 2.4rem;
  color: #081324;
}
.board-view-title .info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem 2.4rem;
  flex-wrap: wrap;
}
.board-view-title .info > li {
  font-size: 1.7rem;
  color: #9FA3AA;
  position: relative;
}
.board-view-title .info > li::before {
  content: "";
  width: 1px;
  height: 1.5rem;
  background: #E5E7F0;
  position: absolute;
  right: -1.2rem;
  top: 50%;
  transform: translateY(-50%);
}
.board-view-title .info > li:last-of-type::before {
  display: none;
}
.board-view-contents {
  padding: 6.5rem 0;
  line-height: 1.6;
}
.board-view-util {
  border-top: 1px solid #E5E7F0;
}
.board-view-util dl {
  display: flex;
}
.board-view-util dl dt {
  width: 24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-bottom: 1px solid #E5E7F0;
  background: #F8F9FB;
  padding: 1.5rem 2rem;
  color: #434343;
  font-weight: 700;
}
.board-view-util dl dd {
  width: 100%;
  padding: 1.8rem 1.6rem;
  border-bottom: 1px solid #E5E7F0;
}
@media (max-width: 768px) {
  .board-view-util dl {
    display: flex;
    flex-wrap: wrap;
  }
  .board-view-util dl dt {
    width: 100%;
  }
}
.board-view-file-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.8rem;
}
.board-view-file-list > div {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
}
.board-view-file-list > a {
  height: 4rem;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
  padding: 0 1.6rem 0 1.4rem;
}
.board-view-file-list > a:hover .name {
  text-decoration: underline;
  text-underline-position: under;
}
.board-view-file-list > a > img {
  width: 2rem;
}
.board-view-file-list > a .name {
  color: #434343;
}
.board-view-file-list > a .volume {
  color: #9FA3AA;
  font-size: 1.4rem;
}
.board-view .board_prevnext > li {
  display: flex;
}
.board-view .board_prevnext > li strong {
  width: 24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  flex-shrink: 0;
  border-bottom: 1px solid #E5E7F0;
  background: #F8F9FB;
  padding: 1.5rem 2rem;
  color: #434343;
  font-weight: 700;
}
.board-view .board_prevnext > li strong i {
  font-weight: 400;
}
.board-view .board_prevnext > li > div {
  width: 100%;
  padding: 1.8rem 1.6rem;
  border-bottom: 1px solid #E5E7F0;
}
.board-view .board_prevnext > li > div a {
  color: #434343;
}
.board-view .board_prevnext > li > div a:hover, .board-view .board_prevnext > li > div a:focus {
  text-decoration: underline;
  text-underline-position: under;
}
.board-view .board_prevnext > li > div a.no-post {
  color: #9FA3AA;
}
@media (max-width: 768px) {
  .board-view .board_prevnext > li {
    display: flex;
    flex-wrap: wrap;
  }
  .board-view .board_prevnext > li strong {
    width: 100%;
  }
}
.board-view-answer {
  margin-top: 6.4rem;
}
.board-view-answer .title {
  border-top: 2px solid #081324;
  border-bottom: 1px solid #E5E7F0;
  background: #F5F6F9;
  padding: 2rem 2.4rem;
  font-weight: 700;
  color: #434343;
}
.board-view-answer .cont {
  padding: 2.4rem;
  border-bottom: 1px solid #E5E7F0;
}
.board-view-answer .cont-info {
  display: flex;
  align-items: center;
  gap: 0.5rem 1.6rem;
  flex-wrap: wrap;
  margin-bottom: 1.6rem;
}
.board-view-answer .cont-info .name {
  font-size: 1.8rem;
  color: #081324;
}
.board-view-answer .cont-info .date {
  font-size: 1.7rem;
  color: #9FA3AA;
}
.board-view-answer .cont-answer {
  font-size: 1.8rem;
  color: #434343;
  line-height: 1.6;
}

.label {
  height: 3.2rem;
  display: inline-flex;
  align-items: center;
  padding: 0rem 1rem;
  border-radius: 0.6rem;
  border: 1px solid #004EA2;
  color: #004EA2;
  font-size: 1.4rem;
  font-weight: 700;
}
.label[data-label=공지] {
  width: auto !important;
  background: #081324;
  border-color: #081324;
  color: #fff;
}
.label.grey {
  background: #6F7684;
  border-color: #6F7684;
  color: #fff;
}
.label.blue {
  background: #F3F7FB;
  border-color: #F3F7FB;
  color: #004EA2;
}
.label.blue2 {
  background: #004EA2;
  border-color: #004EA2;
  color: #fff;
}
.label.red {
  background: #fff;
  border: 1px solid #D43333;
  color: #D43333;
}
.label.border-grey {
  background: #fff;
  border: 1px solid #6F7684;
  color: #6F7684;
}

.video-top {
  display: flex;
  gap: 4rem;
  align-items: flex-end;
  margin-bottom: 8rem;
}
.video-top-left {
  width: 57.63rem;
  max-width: 100%;
  flex-shrink: 0;
  aspect-ratio: 576/355;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 1.6rem;
  overflow: hidden;
}
.video-top-left iframe,
.video-top-left video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.video-top-txt {
  width: 100%;
}
.video-top-txt .date {
  color: #9FA3AA;
  margin-bottom: 0.8rem;
}
.video-top-txt .title {
  display: block;
  font-size: 2.4rem;
  line-height: 1.6;
  color: #434343;
  margin-bottom: 2.4rem;
}
.video-top-txt .desc {
  padding: 2.4rem;
  padding-right: 0.8rem;
  border-radius: 1.6rem;
  background: #F5F6F9;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #434343;
}
.video-top-txt .desc-wrap {
  max-height: 19.2rem;
  min-height: 19.2rem;
  overflow-y: auto;
}
.video-top-txt .desc-wrap::-webkit-scrollbar-thumb {
  background: #818896;
  border-radius: 5rem;
}
@media (max-width: 1280px) {
  .video-top-left {
    width: 45rem;
  }
}
@media (max-width: 768px) {
  .video-top {
    flex-direction: column;
    align-items: center;
  }
  .video-top-left {
    width: 100%;
  }
  .video-top-txt .desc-wrap {
    min-height: auto;
  }
}

.board-modal {
  width: 108rem;
  max-width: 80%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 30;
  padding-top: 4.1rem;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s;
}
.board-modal.active {
  visibility: visible;
  opacity: 1;
}
.board-modal-close {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  color: #fff;
  font-size: 2rem;
}
.board-modal-close i {
  font-size: 2.4rem;
}
.board-modal-img {
  width: 100%;
  aspect-ratio: 1080/648;
  position: relative;
}
.board-modal-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.board-modal-txt {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem 6.4rem;
  margin-top: 3.2rem;
}
.board-modal-txt .title {
  font-size: 2rem;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
}
.board-modal-txt .date {
  display: block;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 1.6rem;
}
.board-modal-txt .btn2 {
  background: #000;
  border-color: #fff;
  color: #fff;
}
.board-modal-prev, .board-modal-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  font-size: 3rem;
  color: #fff;
}
.board-modal-prev {
  left: -4rem;
}
.board-modal-next {
  right: -4rem;
}

.modal {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 30;
  max-width: 95%;
  background: #fff;
  border-radius: 1.2rem;
  overflow: hidden;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  transition: 0.2s;
}
.modal.w114 {
  width: 114rem;
}
.modal.active {
  visibility: visible;
  opacity: 1;
}
.modal.qna-modal {
  width: 56rem;
}
.modal-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.4rem 3.2rem;
  border-bottom: 1px solid #e5e7f0;
}
.modal-top-title {
  font-size: 2rem;
}
.modal-top .modal-close {
  font-size: 2.4rem;
}
.modal-cont {
  padding: 2.4rem 3.2rem;
  max-height: 70vh;
  overflow-y: auto;
}
.modal-cont .btn-wrap {
  margin-top: 2.4rem;
}
.modal-cont .btn-wrap button,
.modal-cont .btn-wrap a {
  height: 4rem;
  padding: 0rem 2.2rem;
  display: flex;
  align-items: center;
  border-radius: 0.3rem;
  background: #081324;
  color: #fff;
  border: 1px solid #081324;
  transition: 0.2s;
}
.modal-cont .btn-wrap button.wt,
.modal-cont .btn-wrap a.wt {
  background: #fff;
  color: #081324;
  border-color: #081324;
}
@media (max-width: 640px) {
  .modal-top {
    padding: 15px;
  }
  .modal-cont {
    padding: 20px 15px;
  }
}

.link-list > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
}
.link-list > ul > li {
  width: calc(50% - 1.2rem);
}
.link-list > ul > li > a {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  padding: 3.2rem;
  border-radius: 1.6rem;
  border: 1px solid #E5E7F0;
  transition: 0.2s;
}
.link-list > ul > li > a:hover {
  border-color: #6F7684;
}
.link-list > ul > li > a:hover .link-list-top i {
  background: #004EA2;
  color: #fff;
}
@media (max-width: 640px) {
  .link-list > ul > li {
    width: 100%;
  }
  .link-list > ul > li > a {
    padding: 2.5rem;
  }
}
.link-list-top {
  display: flex;
  align-items: center;
}
.link-list-top .icon {
  width: 5.6rem;
  height: 5.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f3f7fb;
  margin-right: 1.6rem;
  flex-shrink: 0;
}
.link-list-top .icon img {
  width: 2rem;
}
.link-list-top .title {
  width: 100%;
  font-size: 2rem;
  color: #081324;
}
.link-list-top i {
  width: 3.6rem;
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 2rem;
  color: #081324;
  transition: 0.2s;
  flex-shrink: 0;
}

.line-box {
  padding: 2rem 2.4rem;
  margin-top: 1.6rem;
  border: 1px solid #E5E7F0;
  border-radius: 0.8rem;
  overflow: hidden;
  transition: 0.2s;
}
.line-box:hover, .line-box:focus {
  border-color: #6F7684;
}
.line-box:hover .line-box-link::before, .line-box:focus .line-box-link::before {
  color: #004EA2;
}
.line-box.type2 {
  border-color: #6F7684;
}
.line-box.type2:has(.report-process) {
  display: flex;
  justify-content: center;
}
.line-box.type3 {
  padding: 4.8rem;
  border-radius: 1.6rem;
}
@media (max-width: 1024px) {
  .line-box.type3 {
    padding: 3rem;
  }
}
.line-box.type3:hover, .line-box.type3:focus {
  border-color: #E5E7F0;
}
.line-box-link {
  padding-left: 3rem;
  color: #434343;
  position: relative;
}
.line-box-link::before {
  content: "\ecaf";
  font-family: "remixicon";
  font-size: 2.2rem;
  color: #6F7684;
  position: absolute;
  left: 0;
  top: -0.5rem;
}
.line-box-download {
  padding-left: 3rem;
  color: #434343;
  position: relative;
}
.line-box-download::before {
  content: "\ec5a";
  font-family: "remixicon";
  font-size: 2.2rem;
  color: #6F7684;
  position: absolute;
  left: 0;
  top: -0.5rem;
}
.line-box:has(.line-box-scroll) {
  padding: 0;
}
.line-box:has(.line-box-scroll) .check {
  padding: 2rem 2.4rem;
}
.line-box-scroll {
  padding: 2.4rem;
  padding-bottom: 0;
  padding-right: 0.6rem;
  background: #F5F6F9;
}
.line-box-scroll > div {
  max-height: 17.6rem;
  padding-bottom: 2.4rem;
  overflow-y: auto;
  padding-right: 1.2rem;
}
.line-box-scroll > div::-webkit-scrollbar-thumb {
  background: #6F7684;
  border-radius: 5rem;
}
.line-box-scroll .terms {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  color: #434343;
}
.line-box-scroll .terms > li > strong {
  display: block;
  margin-bottom: 0.8rem;
}
.line-box .report-process {
  width: 90rem;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2.4rem;
}
.line-box .report-process > li {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #004EA2;
  position: relative;
}
.line-box .report-process > li::after {
  content: "\ea6c";
  font-family: "remixicon";
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background: #F5F6F9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  color: #081324;
}
.line-box .report-process > li:last-of-type::after {
  display: none;
}

.check input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.check input[type=checkbox]:focus + label::before {
  outline: 2px solid #111;
  outline-offset: 1px;
  border-radius: 0.3rem;
}
.check input[type=checkbox]:checked + label::before {
  content: "\eb7b";
  font-family: "remixicon";
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  background: #004EA2;
  border-color: #004EA2;
}
.check input[type=checkbox] + label {
  display: inline-block;
  position: relative;
  padding-left: 2.4rem;
  cursor: pointer;
  font-size: 1.8rem;
  color: #434343;
}
.check input[type=checkbox] + label::before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 0.3rem;
  background: #fff;
  border: 1px solid #BDC1C9;
  position: absolute;
  left: 0;
  top: 0.2rem;
}

.radio-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 3.2rem;
}
.radio-wrap + .additional2 {
  margin-top: 0.8rem;
}

.radio input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.radio input[type=radio]:focus + label::before {
  outline: 2px solid #111;
  outline-offset: 1px;
}
.radio input[type=radio]:checked + label::before {
  border: 0.6rem solid #004EA2;
}
.radio input[type=radio] + label {
  display: inline-block;
  position: relative;
  padding-left: 2.4rem;
  cursor: pointer;
  color: #434343;
}
.radio input[type=radio] + label::before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  border: 1px solid #BDC1C9;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0.1rem;
}

.report-process > ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem 9.2rem;
}
.report-process > ul > li {
  display: flex;
  align-items: center;
  position: relative;
}
.report-process > ul > li.active::after {
  border-top: 2px dashed #081324;
}
.report-process > ul > li.active .report-process-num {
  background: #081324;
}
.report-process > ul > li.active .report-process-txt {
  color: #081324;
}
.report-process > ul > li.complete::after {
  border-color: #081324;
}
.report-process > ul > li.complete .report-process-num {
  border: 1px solid #081324;
  background: #fff;
  font-size: 0;
}
.report-process > ul > li.complete .report-process-num::after {
  content: "\eb7a";
  font-family: "remixicon";
  font-size: 1.8rem;
  color: #081324;
}
.report-process > ul > li::after {
  content: "";
  width: 6.4rem;
  height: 2px;
  border-top: 2px solid #E5E7F0;
  right: -7.6rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.report-process > ul > li:last-of-type::after {
  display: none;
}
.report-process > ul > li > a {
  display: flex;
  align-items: center;
}
.report-process-num {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #E5E7F0;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}
.report-process-txt {
  padding-left: 1.2rem;
  color: #73767d;
  font-weight: 600;
}
@media (max-width: 768px) {
  .report-process > ul {
    gap: 4.8rem;
  }
  .report-process > ul > li::after {
    width: 2.4rem;
    right: -3.6rem;
  }
  .report-process > ul > li.active::after {
    border-top: 2px dotted #081324;
  }
  .report-process-txt {
    display: none;
  }
}

.grey-box {
  padding: 2rem 2.4rem;
  border-radius: 0.8rem;
  background: #F5F6F9;
}
.grey-box.type2 {
  padding: 4.8rem;
  border-radius: 1.6rem;
}
.grey-box + .board-write {
  margin-top: 2rem;
}
.grey-box .warning-title {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.8rem;
  font-weight: 500;
  color: #434343;
  margin-bottom: 0.8rem;
}
.grey-box .warning-title i {
  font-size: 2.4rem;
  line-height: 1;
}
.grey-box .warning-title + p {
  margin-top: 0;
}
.grey-box .warning-title:has(i.c-blue2) {
  color: #73767D;
  line-height: 1.6;
  margin-bottom: 0;
}

p.additional {
  font-weight: 500;
  padding-left: 3.2rem;
  position: relative;
}
p.additional::before {
  content: "\ee58";
  font-family: "remixicon";
  font-size: 2.4rem;
  line-height: 1;
  color: #6588FC;
  position: absolute;
  left: 0;
  top: -0.1rem;
}
p.additional + p.additional {
  margin-top: 1.2rem;
}

p.additional2 {
  margin-top: 1.6rem;
  font-size: 1.7rem;
  color: #6F7684;
  position: relative;
}
p.additional2::before {
  content: "*";
  margin-right: 0.5rem;
}
p.additional2 + p.additional2 {
  margin-top: 0.4rem;
}

.board-write {
  border-top: 0.3rem solid #BAD1E9;
}
@media (max-width: 768px) {
  .board-write table {
    table-layout: fixed;
  }
}
@media (max-width: 768px) {
  .board-write table tbody tr {
    display: flex;
    flex-direction: column;
  }
  .board-write table tbody tr th {
    width: 100%;
    padding: 1.5rem 1.6rem;
    text-align: left;
  }
  .board-write table tbody tr td {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .board-write table tbody tr td > * {
    width: 100%;
  }
}
.board-write table th {
  width: 27rem;
  font-weight: 700;
  color: #081324;
  padding: 2rem 2.4rem;
  border-bottom: 1px solid #E5E7F0;
  background: #F3F7FB;
}
@media (max-width: 1024px) {
  .board-write table th {
    width: 20rem;
  }
}
.board-write table th label.essential::before {
  content: "*";
  color: #D43333;
  font-weight: 700;
  margin-right: 0.4rem;
}
.board-write table td {
  min-height: 6.5rem;
  color: #434343;
  padding: 0.85rem 1.6rem;
  border-bottom: 1px solid #E5E7F0;
}
.board-write table td:has(.radio-wrap) {
  padding-top: 1.6rem;
}
.board-write table td .email-input {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.board-write table td .email-input .address1 {
  width: calc(100% - 11.4rem - 0.8rem);
}
.board-write table td .email-input .btn1 {
  width: 11.4rem;
}
.board-write table td .email-input .address2 {
  width: 100%;
}
.board-write #uploaderContainer {
  overflow-y: auto;
}

.file-attach {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.file-attach-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 1.6rem 2.4rem;
  background: #F5F6F9;
  border-radius: 0.8rem;
}
.file-attach-top .btn {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.file-attach-top .btn .btn1 {
  height: 4rem;
}
.file-attach-top .btn ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 3.2rem;
}
.file-attach-top .btn ul li {
  color: #73767D;
  position: relative;
}
.file-attach-top .btn ul li::before {
  content: "";
  width: 1px;
  height: 1.4rem;
  background: #E5E7F0;
  position: absolute;
  right: -1.6rem;
  top: 50%;
  transform: translateY(-50%);
}
.file-attach-top .btn ul li:last-of-type::before {
  display: none;
}
.file-attach-top .progress {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  font-size: 14px;
  color: #73767D;
}
.file-attach-top .progress span {
  width: 9.8rem;
  height: 0.4rem;
  border-radius: 1rem;
  background: #E5E7F0;
  position: relative;
  overflow: hidden;
}
.file-attach-top .progress span::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #081324;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 1rem;
  transition: 0.3s;
}
.file-attach-wrap {
  border-radius: 0.8rem;
  border: 1px dashed #BDC1C9;
}
.file-attach-wrap > p {
  color: #434343;
  font-weight: 500;
  padding-left: 2.6rem;
  position: relative;
  margin: 3.2rem 2.4rem;
}
.file-attach-wrap > p::before {
  content: "\ec5e";
  font-family: "remixicon";
  font-size: 2rem;
  line-height: 1;
  color: #434343;
  position: absolute;
  left: 0;
  top: 0;
}
.file-attach-wrap:has(> ul) {
  padding: 2rem 1.6rem;
}
.file-attach-wrap > ul > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem 4rem;
  padding: 1.6rem 1.2rem;
  border-bottom: 1px dashed #E5E7F0;
}
.file-attach-wrap > ul > li:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
.file-attach-wrap > ul > li:first-of-type {
  padding-top: 0;
}
.file-attach-wrap > ul > li > div {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.file-attach-wrap > ul > li .icon {
  width: 1.7rem;
  margin-right: -0.6rem;
}
.file-attach-wrap > ul > li .name {
  color: #434343;
}
.file-attach-wrap > ul > li .volume {
  font-size: 14px;
  color: #73767D;
}
.file-attach-wrap > ul > li .download {
  color: rgba(0, 136, 0, 0.5333333333) 8;
  font-size: 1.8rem;
}
.file-attach-wrap > ul > li .success {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: #004EA2;
  font-weight: 500;
  position: relative;
}
.file-attach-wrap > ul > li .success::after {
  content: "\eb80";
  font-family: "remixicon";
  font-size: 2rem;
}
.file-attach-wrap > ul > li .delete {
  color: #081324;
  font-size: 1.8rem;
}

.report-success {
  padding: 8rem 2rem;
  border-radius: 1.6rem;
  border: 1px solid #E5E7F0;
  text-align: center;
  margin-top: 8rem;
}
.report-success-icon {
  width: 8.8rem;
  margin-bottom: 3.2rem;
}
.report-success-title {
  display: block;
  font-size: 2.4rem;
  margin-bottom: 1.6rem;
  color: #081324;
}
.report-success .btn-wrap {
  margin-top: 3.2rem;
}

.box-wrap {
  display: flex;
  gap: 1.6rem;
}
.box-wrap.column {
  flex-direction: column;
}
.box-wrap.gap24 {
  gap: 2.4rem;
}
.box-wrap-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 1.6rem;
  border: 1px solid #E5E7F0;
  background: #fff;
  padding: 1.2rem;
}
.box-wrap-item.blue {
  width: 38.4rem;
  flex-shrink: 0;
}
.box-wrap-item.blue .title {
  color: #004EA2;
  background: #F3F7FB;
}
.box-wrap-item.w34 {
  width: 34rem;
  flex-shrink: 0;
}
.box-wrap-item.w40 {
  width: 40rem;
  flex-shrink: 0;
}
.box-wrap-item.w45 {
  width: 45rem;
  flex-shrink: 0;
}
.box-wrap-item .title {
  padding: 0.95rem 1.5rem;
  text-align: center;
  border-radius: 0.8rem;
  background: #F5F6F9;
  font-size: 1.8rem;
  font-weight: 500;
  color: #081324;
}
.box-wrap-item .desc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 1.6rem;
  color: #434343;
  font-size: 1.8rem;
  line-height: 1.6;
}
.box-wrap-item .desc.pd0 {
  padding: 0;
  padding-top: 1.6rem;
}
.box-wrap-item .desc.no-content {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box-wrap-item .desc-imgwrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem 4rem;
  text-align: center;
}
.box-wrap-item .desc-imgwrap > div:first-of-type {
  grid-row: 1/3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 640px) {
  .box-wrap-item .desc-imgwrap {
    display: flex;
    flex-direction: column;
  }
}
.box-wrap-item .desc-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem 4rem;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .box-wrap {
    flex-direction: column;
  }
  .box-wrap-item {
    width: 100% !important;
  }
}

.filter-tab {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 4rem;
}
.filter-tab > li input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.filter-tab > li input[type=radio]:checked + label {
  background: #fff;
  border-color: #081324;
  color: #081324;
  padding-left: 4rem;
}
.filter-tab > li input[type=radio]:checked + label::before {
  left: 1.4rem;
  opacity: 1;
}
.filter-tab > li input[type=radio] + label {
  display: inline-block;
  position: relative;
  padding: 1.2rem 1.6rem;
  border-radius: 5rem;
  background: #F5F6F9;
  color: #6F7684;
  border: 1px solid #F5F6F9;
  font-weight: 600;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  transition: 0.3s;
}
.filter-tab > li input[type=radio] + label::before {
  content: "\eb80";
  font-family: "remixicon";
  font-size: 2rem;
  position: absolute;
  left: 2.5rem;
  top: 0.9rem;
  opacity: 0;
  transition: 0.3s;
}

.faq-list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.faq-list > li {
  border: 1px solid #E5E7F0;
  border-radius: 0.8rem;
  overflow: hidden;
  transition: 0.2s;
}
.faq-list > li.no-data {
  height: 30rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  padding: 2rem;
  text-align: center;
}
.faq-list > li.no-data img {
  width: 6.4rem;
}
.faq-list > li.active {
  border-color: #6F7684;
}
.faq-list > li.active .faq-list-content {
  display: none;
}
.faq-list > li.active .faq-list-title::after {
  transform: translateY(-50%) rotate(180deg);
}
.faq-list > li:hover {
  border-color: #6F7684;
}
.faq-list-title {
  display: flex;
  align-items: center;
  gap: 1rem 2.4rem;
  padding: 2.6rem 2.4rem;
  padding-right: 6rem;
  position: relative;
}
@media (max-width: 580px) {
  .faq-list-title {
    flex-direction: column;
    align-items: flex-start;
  }
}
.faq-list-title::after {
  content: "\ea4e";
  font-family: "remixicon";
  font-size: 2.4rem;
  color: #434343;
  position: absolute;
  right: 2.4rem;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.2s;
}
.faq-list-title .category {
  width: 9.6rem;
  flex-shrink: 0;
  color: #004EA2;
  font-weight: 600;
}
.faq-list-title .title {
  font-size: 1.8rem;
  line-height: 1.6;
  color: #434343;
  font-weight: 600;
}
.faq-list-content {
  display: none;
  padding: 2.4rem;
  background: #F5F6F9;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #434343;
}

.box-process {
  display: flex;
  flex-wrap: wrap;
  gap: 4.4rem;
}
.box-process > div {
  position: relative;
}
.box-process > div::after {
  content: "";
  width: 3.4rem;
  height: 1.2rem;
  background: url(/resources/images/mps/sub/box-process-arrow.png) no-repeat center center/contain;
  position: absolute;
  left: 50%;
  bottom: -1.6rem;
  transform: translateX(-50%) translateY(100%);
}
.box-process > div:last-of-type::after {
  display: none;
}
.box-process-item {
  width: 100%;
  padding: 3.2rem;
  border-radius: 0.8rem;
  border: 1px solid #FFF;
  background: #F5F6F9;
}
.box-process-item-wrap {
  width: 100%;
  display: flex;
  gap: 2.4rem;
}
@media (max-width: 580px) {
  .box-process-item-wrap {
    flex-direction: column;
  }
}
.box-process-item .title {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 2rem;
}
.box-process-item .title span {
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #004EA2;
  border-radius: 0.4rem;
  font-size: 12px;
  color: #fff;
  font-weight: 700;
}
.box-process-item .bul1 {
  margin-top: 1.6rem;
}
.box-process-item .btn-wrap {
  margin-top: 1.6rem;
  justify-content: flex-start;
}

.reservation-list {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.reservation-list-item {
  display: flex;
  align-items: flex-start;
  gap: 2.4rem;
  border: 1px solid #E5E7F0;
  border-radius: 0.8rem;
  padding: 2.4rem;
  position: relative;
}
@media (max-width: 580px) {
  .reservation-list-item {
    flex-direction: column;
  }
}
.reservation-list-item:has(.label.default), .reservation-list-item:has(.label.blue2) {
  border-color: #6F7684;
}
.reservation-list-item:has(.label.default) .info-title, .reservation-list-item:has(.label.blue2) .info-title {
  color: #434343;
}
.reservation-list-item.no-data {
  height: 23.4rem;
  flex-direction: column;
  gap: 1.6rem;
  align-items: center;
  justify-content: center;
}
.reservation-list-item.no-data img {
  width: 6.4rem;
}
.reservation-list-item.no-data p {
  color: #434343;
}
.reservation-list-item:has(.label.blue2) .info-title {
  color: #004EA2;
}
.reservation-list .label {
  width: 7rem;
  justify-content: center;
  flex-shrink: 0;
}
.reservation-list .info {
  width: 100%;
}
.reservation-list .info-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  font-size: 2rem;
  font-weight: 600;
  color: #6F7684;
  margin-bottom: 1.6rem;
}
.reservation-list .info-title > span {
  position: relative;
}
.reservation-list .info-title > span::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  background: #e0e0e0;
  border-radius: 50%;
  position: absolute;
  right: -1.2rem;
  top: 50%;
  transform: translateY(-50%);
}
.reservation-list .info-title > span:last-of-type::before {
  display: none;
}
.reservation-list .info-box {
  padding: 2.4rem;
  background: #F5F6F9;
  border-radius: 0.8rem;
}
.reservation-list .info-box > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.reservation-list .info-box > ul > li {
  width: calc(50% - 0.4rem);
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.4rem;
  color: #434343;
}
@media (max-width: 1024px) {
  .reservation-list .info-box > ul > li {
    width: 100%;
  }
}
.reservation-list .info-box > ul > li:has(.info-box-title a) .info-box-content {
  display: none;
  width: 100%;
}
.reservation-list .info-box > ul > li.w100 {
  width: 100%;
}
.reservation-list .info-box-title {
  width: 12rem;
  flex-shrink: 0;
}
.reservation-list .info-box-title a {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  position: relative;
}
.reservation-list .info-box-title a::after {
  content: "\ea4e";
  font-family: "remixicon";
  font-size: 1.8rem;
  font-weight: 400;
  transition: 0.2s;
}
.reservation-list .info-box-title a.active::after {
  transform: rotate(180deg);
}
.reservation-list .info-box-content {
  width: calc(100% - 12rem - 0.4rem);
}
.reservation-list .date {
  margin-top: 0.8rem;
  color: #6F7684;
}
.reservation-list .cancel {
  position: absolute;
  bottom: 2.4rem;
  right: 2.4rem;
  color: #6F7684;
  text-decoration: underline;
  text-underline-position: under;
  transition: 0.2s;
}
.reservation-list .cancel:hover {
  color: #081324;
}

.subscribe-form {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  border-radius: 1.6rem;
  background: #F3F7FB;
  padding: 4rem 6.4rem;
  margin-top: 1.6rem;
}
.subscribe-form > img {
  width: 6.4rem;
  margin-right: 1.6rem;
}
.subscribe-form-input {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.subscribe-form-input label {
  color: #434343;
  font-weight: 600;
}
.subscribe-form-input:has(#email) {
  flex: 1;
}
.subscribe-form-input:has(#email) .input {
  width: 100%;
}
@media (max-width: 1024px) {
  .subscribe-form {
    padding: 3.5rem;
    flex-direction: column;
    gap: 1.6rem;
  }
  .subscribe-form > img {
    margin-right: 0;
    margin-bottom: 2rem;
  }
}
@media (max-width: 480px) {
  .subscribe-form-input {
    width: 100%;
    flex-wrap: wrap;
  }
  .subscribe-form-input label {
    width: 7.5rem;
    flex-shrink: 0;
  }
  .subscribe-form-input .input {
    width: calc(100% - 7.5rem - 1.6rem) !important;
  }
  .subscribe-form-input button {
    width: 100%;
    justify-content: center;
  }
}

.program-calendar {
  padding: 1.2rem;
  border-radius: 1.6rem;
  border: 1px solid #6F7684;
  margin-bottom: 2.4rem;
}
.program-calendar-top {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.4rem 1.6rem;
  padding: 2.4rem 2.8rem;
  background: #f3f7fb;
  border-radius: 0.8rem;
}
.program-calendar-top .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 1.6rem;
  background: #004EA2;
  color: #fff;
  font-size: 2.4rem;
  flex-shrink: 0;
}
.program-calendar-top .desc {
  width: calc(100% - 6.4rem - 1.6rem);
  padding-top: 0.5rem;
}
.program-calendar-top .desc-title {
  font-size: 2rem;
  color: #004EA2;
}
.program-calendar-top .desc-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem 0;
  margin-top: 0.6rem;
  color: #6F7684;
}
.program-calendar-top .desc-info-title {
  padding-right: 1.6rem;
  position: relative;
}
.program-calendar-top .desc-info-title::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  background: #e0e0e0;
  border-radius: 50%;
  position: absolute;
  right: 0.6rem;
  top: 50%;
  transform: translateY(-50%);
}
.program-calendar-top .desc-info-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.program-calendar-top .desc-info-wrap #name:empty {
  display: none;
}
.program-calendar-top .desc-info-wrap a {
  position: relative;
  padding-left: 2rem;
}
.program-calendar-top .desc-info-wrap a::before {
  font-family: "remixicon";
  position: absolute;
  left: 0;
  top: 0;
}
.program-calendar-top .desc-info-wrap a:empty {
  display: none;
}
.program-calendar-top .desc-info-wrap a#tel::before {
  content: "\efe9";
}
.program-calendar-top .desc-info-wrap a#email::before {
  content: "\eef3";
}
.program-calendar-top .img {
  width: 100%;
  border-radius: 1.6rem;
  overflow: hidden;
}
.program-calendar-top .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.grast {
  display: flex;
  background: #F5F6F9;
  border-radius: 2.4rem;
}
.grast-img {
  width: 24rem;
  border-radius: 2.4rem;
  overflow: hidden;
  flex-shrink: 0;
}
.grast-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.grast-desc {
  width: 100%;
  padding: 6.6rem 6rem;
}
.grast-desc .p {
  margin-top: 2.4rem;
}
.grast-desc .btn-wrap {
  margin-top: 4rem;
}
@media (max-width: 640px) {
  .grast {
    flex-direction: column;
  }
  .grast-img {
    width: 100%;
    height: 20rem;
  }
  .grast-desc {
    padding: 3.5rem 3rem;
  }
}

.img-box {
  padding: 1.6rem;
  border: 1px solid #E5E7F0;
  border-radius: 1.6rem;
}
.img-box.type2 {
  padding: 3.2rem;
}

.talent-visual {
  padding: 6.4rem 3rem;
  border-radius: 1.6rem;
  background: url(/resources/images/mps/sub/talent-visual-bg.jpg) no-repeat center center/cover;
  color: #fff;
  text-align: center;
  margin-bottom: 2.4rem;
  overflow: hidden;
}
.talent-visual strong {
  font-size: 2rem;
}
.talent-visual h3 {
  font-size: 2.8rem;
  line-height: 1.5;
}
.talent-box {
  padding: 2.35rem 3rem;
  background: #F3F7FB;
  border-radius: 1.6rem;
  text-align: center;
  margin-bottom: 8rem;
}
.talent-box p {
  font-size: 2.2rem;
  font-weight: 700;
  color: #004EA2;
}
.talent-list {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.talent-list > li {
  display: flex;
  align-items: center;
  gap: 6.4rem;
  padding: 4rem 6.4rem;
  border-radius: 1.6rem;
  border: 1px solid #E5E7F0;
}
.talent-list-icon {
  width: 28rem;
  display: flex;
  align-items: center;
  gap: 3.2rem;
  flex-shrink: 0;
}
.talent-list-icon img {
  width: 7.2rem;
}
.talent-list-icon > div b {
  color: #004EA2;
  letter-spacing: -0.016rem;
}
.talent-list-icon > div strong {
  display: block;
  font-size: 2rem;
  color: #081324;
}
@media (max-width: 768px) {
  .talent-list > li {
    flex-direction: column;
    gap: 4rem;
    padding: 4rem 2rem;
  }
  .talent-list-icon {
    width: 100%;
    justify-content: center;
  }
  .talent-list-icon img {
    width: 5rem;
  }
  .talent-list-txt {
    width: 100%;
    text-align: center;
  }
  .talent-list-txt br {
    display: none;
  }
}

.department {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding: 0.8rem;
  border: 1px solid #6F7684;
  border-radius: 0.8rem;
  margin-top: 8rem;
}
.department-icon {
  width: 5.6rem;
  height: 5.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.8rem;
  background: #081324;
  flex-shrink: 0;
}
.department-icon img {
  width: 3.2rem;
}
.department-txt {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 3.2rem;
}
.department-txt b {
  color: #081324;
  position: relative;
}
.department-txt p {
  color: #434343;
  position: relative;
}
.department-txt p::before {
  content: "";
  width: 1px;
  height: 1.8rem;
  background: #BDC1C9;
  position: absolute;
  left: -1.6rem;
  top: 50%;
  transform: translateY(-50%);
}
.department-txt a {
  color: #004EA2;
  padding-left: 2.1rem;
  margin-left: -1.5rem;
  position: relative;
}
.department-txt a:hover {
  text-decoration: underline;
  text-underline-position: under;
}
.department-txt a::before {
  font-family: "remixicon";
  position: absolute;
  left: 0;
  top: 0;
}
.department-txt a.call::before {
  content: "\efe9";
}
.department-txt a.mail::before {
  content: "\eef3";
}
@media (max-width: 640px) {
  .department-txt a {
    margin-left: 0;
  }
}

.sitemap-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
  margin-top: 4.8rem;
}
.sitemap-list-item .depth1 {
  border-radius: 8px;
  background: #F3F7FB;
  padding: 2.4rem;
  font-weight: 700;
}
.sitemap-list-item .depth1 a {
  font-size: 2.4rem;
  color: #004EA2;
}
.sitemap-list-item .depth2 {
  display: flex;
  flex-wrap: wrap;
  padding: 0 1.4rem;
}
.sitemap-list-item .depth2 > li {
  width: 25%;
  padding: 2.4rem 1rem;
  border-top: 1px solid #E5E7F0;
}
.sitemap-list-item .depth2 > li:nth-child(-n+4) {
  border-top: none;
}
@media (max-width: 640px) {
  .sitemap-list-item .depth2 > li {
    width: 50%;
  }
  .sitemap-list-item .depth2 > li:nth-child(3), .sitemap-list-item .depth2 > li:nth-child(4) {
    border-top: 1px solid #E5E7F0;
  }
}
.sitemap-list-item .depth2 > li > a {
  font-size: 1.8rem;
  font-weight: 700;
  color: #081324;
  transition: 0.2s;
}
.sitemap-list-item .depth2 > li > a:hover, .sitemap-list-item .depth2 > li > a:focus {
  color: #004EA2;
  text-decoration: underline;
  text-underline-position: under;
}
.sitemap-list-item .depth3 {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-top: 0.8rem;
}
.sitemap-list-item .depth3 > li > a {
  display: block;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #434343;
  padding-left: 1.2rem;
  position: relative;
}
.sitemap-list-item .depth3 > li > a::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  background: #9e9e9e;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 1rem;
}
.sitemap-list-item .depth3 > li > a:hover, .sitemap-list-item .depth3 > li > a:focus {
  color: #004EA2;
  text-decoration: underline;
  text-underline-position: under;
}
.sitemap-list-item .depth3 > li > a:hover::before, .sitemap-list-item .depth3 > li > a:focus::before {
  background: #004EA2;
}
.sitemap-list-item .depth3 > li > a[target=_blank]::after {
  content: "\ecaf";
  font-family: "remixicon";
  color: #004EA2;
  margin-left: 0.8rem;
}
.sitemap-list-item .depth4 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-top: 0.4rem;
  padding-left: 1.2rem;
}
.sitemap-list-item .depth4 > li > a {
  display: block;
  font-size: 1.8rem;
  color: #434343;
  padding-left: 1.2rem;
  position: relative;
}
.sitemap-list-item .depth4 > li > a::before {
  content: "";
  width: 0.4rem;
  height: 1px;
  background: #828282;
  position: absolute;
  left: 0;
  top: 1.2rem;
}
.sitemap-list-item .depth4 > li > a:hover, .sitemap-list-item .depth4 > li > a:focus {
  color: #004EA2;
  text-decoration: underline;
  text-underline-position: under;
}
.sitemap-list-item .depth4 > li > a:hover::before, .sitemap-list-item .depth4 > li > a:focus::before {
  background: #004EA2;
}
.sitemap-list-item .depth4 > li > a[target=_blank]::after {
  content: "\ecaf";
  font-family: "remixicon";
  color: #004EA2;
  margin-left: 0.8rem;
}

.phone-auth {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-radius: 1.6rem;
  border: 1px solid #E5E7F0;
  padding: 8rem 2.4rem;
}
.phone-auth > img {
  width: 8.8rem;
  margin-bottom: 3.2rem;
}
.phone-auth h3 {
  font-size: 2.4rem;
  color: #081324;
  margin-bottom: 1.6rem;
}
.phone-auth .btn-wrap {
  margin-top: 3.2rem;
}

.phone-auth-wrap {
  display: flex;
  gap: 2.4rem;
}
@media (max-width: 768px) {
  .phone-auth-wrap {
    flex-direction: column;
  }
}
.phone-auth-wrap .item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8rem 2.4rem;
  border-radius: 1.6rem;
  border: 1px solid #E5E7F0;
  text-align: center;
}
.phone-auth-wrap .item:first-of-type {
  background: #F5F6F9;
  border-color: #F5F6F9;
}
.phone-auth-wrap .item > img {
  width: 8.8rem;
  margin-bottom: 3.2rem;
}
.phone-auth-wrap .item h3 {
  font-size: 2.4rem;
  color: #081324;
}
.phone-auth-wrap .item-input {
  width: 36rem;
  max-width: 100%;
  display: flex;
  justify-content: center;
  gap: 0.8rem;
  margin-top: 3.2rem;
}
.phone-auth-wrap .item .btn-wrap {
  margin-top: 3.2rem;
}

.top-visual {
  height: 26rem;
  border-radius: 1.6rem 1.6rem 1.6rem 0rem;
  background: url(/resources/images/mps/sub/top-visual-img1.jpg) no-repeat center center/cover;
  margin-bottom: 8rem;
  overflow: hidden;
  position: relative;
}
.top-visual:not(:has(h3)) {
  border-radius: 1.6rem;
}
.top-visual.bg2 {
  background-image: url(/resources/images/mps/sub/top-visual-img2.jpg);
}
.top-visual.bg3 {
  background-image: url(/resources/images/mps/sub/top-visual-img3.jpg);
}
.top-visual.bg4 {
  background-image: url(/resources/images/mps/sub/top-visual-img4.jpg);
}
.top-visual.bg5 {
  background-image: url(/resources/images/mps/sub/top-visual-img5.jpg);
  background-position: 80%;
}
.top-visual.bg6 {
  background-image: url(/resources/images/mps/sub/top-visual-img6.jpg);
}
.top-visual.bg7 {
  background-image: url(/resources/images/mps/sub/top-visual-img7.jpg);
}
.top-visual.bg8 {
  background-image: url(/resources/images/mps/sub/top-visual-img8.jpg);
}
.top-visual.bg9 {
  background-image: url(/resources/images/mps/sub/top-visual-img9.jpg);
}
.top-visual.bg10 {
  background-image: url(/resources/images/mps/sub/top-visual-img10.jpg);
}
.top-visual.bg11 {
  background-image: url(/resources/images/mps/sub/top-visual-img11.jpg);
}
.top-visual.bg12 {
  background-image: url(/resources/images/mps/sub/top-visual-img12.jpg);
}
.top-visual.bg13 {
  background-image: url(/resources/images/mps/sub/top-visual-img13.jpg);
}
.top-visual.bg14 {
  background-image: url(/resources/images/mps/sub/top-visual-img14.jpg);
}
.top-visual h3 {
  max-width: 88%;
  padding-top: 2.4rem;
  padding-right: 2.4rem;
  background: #fff;
  border-radius: 0 2.4rem 0 0;
  font-size: 3.2rem;
  color: #081324;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 480px) {
  .top-visual h3 {
    font-size: 2.4rem;
  }
}
.top-visual h3::before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background: url(/resources/images/mps/sub/lnb-border.png) no-repeat center center/contain;
  position: absolute;
  left: 0;
  top: -2.4rem;
}
.top-visual h3::after {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background: url(/resources/images/mps/sub/lnb-border.png) no-repeat center center/contain;
  position: absolute;
  right: -2.4rem;
  bottom: 0;
}
.top-visual:has(.top-visual-btn) {
  border-radius: 1.6rem 1.6rem 0 1.6rem;
}
.top-visual-btn {
  padding-top: 1.6rem;
  padding-left: 1.6rem;
  border-top-left-radius: 1.6rem;
  background: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
}
.top-visual-btn::before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background: url(/resources/images/mps/sub/lnb-border.png) no-repeat center center/contain;
  transform: rotate(-90deg);
  position: absolute;
  right: 0;
  top: -2.4rem;
}
.top-visual-btn::after {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background: url(/resources/images/mps/sub/lnb-border.png) no-repeat center center/contain;
  transform: rotate(-90deg);
  position: absolute;
  left: -2.4rem;
  bottom: -1px;
}
.top-visual-btn > a {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.top-visual-btn > a i {
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.2rem;
  background: #004EA2;
  color: #fff;
  font-size: 1.8rem;
}
.top-visual-btn > a strong {
  font-size: 1.8rem;
  color: #081324;
  font-weight: 600;
}

.box-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.box-list > li {
  width: calc(33.3333333333% - 1.0666666667rem);
  padding: 3.2rem;
  border-radius: 0.8rem;
  border: 1px solid #6F7684;
}
@media (max-width: 768px) {
  .box-list > li {
    width: calc(50% - 0.8rem);
    padding: 2.4rem;
  }
}
@media (max-width: 480px) {
  .box-list > li {
    width: 100%;
  }
}
.box-list-num {
  color: #004EA2;
  font-weight: 800;
}
.box-list-txt {
  font-size: 1.8rem;
  color: #434343;
  line-height: 1.6;
  margin-top: 0.8rem;
}

.img-list {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.img-list-item {
  display: flex;
  align-items: flex-start;
  gap: 6.4rem;
}
@media (max-width: 768px) {
  .img-list-item {
    flex-direction: column;
    align-items: center;
    gap: 3.5rem;
  }
}
.img-list-item-img {
  width: 34.9rem;
  max-width: 100%;
  aspect-ratio: 34.9/21.8;
  flex-shrink: 0;
  border-radius: 1.6rem;
  overflow: hidden;
}
.img-list-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img-list-item-txt {
  width: 100%;
}
.img-list-item-txt .p {
  margin-bottom: 1.6rem;
}
.img-list-item-imgdesc {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
  margin-top: 1.6rem;
}
.img-list-item-imgdesc > div {
  width: calc(50% - 0.8rem);
  text-align: center;
}
@media (max-width: 480px) {
  .img-list-item-imgdesc > div {
    width: 100%;
  }
}
.img-list-item-imgdesc .img {
  height: 20rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.8rem;
  background: #F5F6F9;
  padding: 1rem;
}
.img-list-item-imgdesc .desc {
  font-size: 1.6rem;
  color: #616161;
  margin-top: 1.6rem;
}

.slide-box {
  display: flex;
  align-items: center;
  gap: 3rem 6.4rem;
  padding: 3.2rem;
  border-radius: 1.6rem;
  background: #F5F6F9;
  margin-bottom: 2.4rem;
}
.slide-box-img {
  width: 21.6rem;
  max-width: 100%;
  flex-shrink: 0;
  background: #fff;
  border-radius: 0.8rem;
  border: 1px solid #E5E7F0;
}
.slide-box-img.w40 {
  width: 40rem;
}
.slide-box-img.w40 .swiper-slide {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.2rem;
}
.slide-box:has(.w40) .slide-box-txt {
  width: calc(100% - 40rem - 6.4rem);
}
.slide-box-txt {
  width: calc(100% - 21.6rem - 6.4rem);
}
.slide-box-txt .swiper-slide .info {
  color: #6F7684;
  line-height: 1.5;
  margin-bottom: 0.8rem;
}
.slide-box-txt .swiper-slide .p {
  font-weight: 600;
}
.slide-box-txt .swiper-pagination {
  width: auto;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-right: 2.4rem;
  position: static;
  font-size: 0;
}
.slide-box-txt .swiper-pagination span {
  min-width: 1rem;
  font-size: 1.6rem;
  color: #081324;
  font-weight: 700;
}
.slide-box-txt .swiper-pagination-current {
  position: relative;
}
.slide-box-txt .swiper-pagination-current::before {
  content: "";
  width: 1px;
  height: 1.4rem;
  background: #081324;
  position: absolute;
  right: -1.7rem;
  top: 50%;
  transform: translateY(-50%) skewX(-25deg);
}
.slide-box-txt .swiper-controls {
  display: flex;
  align-items: center;
  margin-top: 8rem;
}
.slide-box-txt .swiper-button {
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #3A4962;
  font-size: 2rem;
  color: #081324;
}
.slide-box-txt .swiper-button-disabled {
  opacity: 0.2;
}
.slide-box-txt .swiper-button.prev {
  margin-right: 0.8rem;
}
@media (max-width: 768px) {
  .slide-box {
    flex-direction: column;
  }
  .slide-box-txt {
    width: 100% !important;
  }
  .slide-box-txt .swiper-controls {
    margin-top: 4rem;
  }
}

.img-list2 {
  display: flex;
  flex-wrap: wrap;
  gap: 4.8rem 2.4rem;
}
.img-list2-item {
  width: calc(33.3333333333% - 1.6rem);
}
@media (max-width: 768px) {
  .img-list2-item {
    width: calc(50% - 1.2rem);
  }
}
@media (max-width: 480px) {
  .img-list2-item {
    width: 100%;
  }
}
.img-list2 .img {
  width: 100%;
  height: 21rem;
  aspect-ratio: 34.4/21;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.6rem;
  border-radius: 0.8rem;
  border: 1px solid #E5E7F0;
  text-align: center;
  margin-bottom: 1.6rem;
}
.img-list2 .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 480px) {
  .img-list2 .img {
    height: auto;
  }
  .img-list2 .img img {
    width: auto;
    height: auto;
  }
}
.img-list2 .info {
  color: #6F7684;
}
.img-list2.type2 .img-list2-item {
  width: calc(25% - 1.8rem);
}
@media (max-width: 640px) {
  .img-list2.type2 .img-list2-item {
    width: calc(50% - 1.2rem);
  }
}
.img-list2.type2 .img {
  height: auto;
  aspect-ratio: 25/28;
  padding: 0.5rem;
}
.img-list2.type3 {
  gap: 1.6rem;
}
.img-list2.type3 .img-list2-item {
  width: calc(33.3333333333% - 1.0666666667rem);
  border-radius: 1.6rem;
  overflow: hidden;
}
.img-list2.type3 .img-list2-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 640px) {
  .img-list2.type3 .img-list2-item {
    width: calc(50% - 0.8rem);
  }
}
@media (max-width: 480px) {
  .img-list2.type3 .img-list2-item {
    width: 100%;
  }
}

.research-list > li {
  border-bottom: 1px solid #E5E7F0;
}
.research-list > li:last-of-type {
  border-bottom: 0;
}
.research-list > li.no-data {
  width: 100%;
  height: 30rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.6rem !important;
  padding: 2rem !important;
  text-align: center;
}
.research-list > li.no-data img {
  width: 6.4rem;
}
.research-list > li > a {
  display: flex;
  align-items: flex-start;
  gap: 2.4rem;
  padding: 4.8rem;
  padding-right: 13rem;
  position: relative;
  transition: 0.2s;
  position: relative;
}
.research-list > li > a::after {
  content: "\ea70";
  width: 3.6rem;
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-family: "remixicon";
  font-size: 2.2rem;
  color: #6F7684;
  transition: 0.2s;
  position: absolute;
  right: 4.8rem;
  top: 4.8rem;
}
.research-list > li > a:hover, .research-list > li > a:focus {
  background: #FAFAFA;
}
.research-list > li > a:hover::after, .research-list > li > a:focus::after {
  background: #081324;
  color: #fff;
}
@media (max-width: 768px) {
  .research-list > li > a {
    padding: 3.5rem 0;
    padding-right: 7rem;
  }
  .research-list > li > a::after {
    top: 50%;
    transform: translateY(-50%);
    right: 0;
  }
}
@media (max-width: 480px) {
  .research-list > li > a {
    flex-direction: column;
    padding-right: 0;
  }
  .research-list > li > a::after {
    top: 3rem;
    transform: translateY(0);
  }
}
.research-list-label {
  width: 7rem;
  display: flex;
  justify-content: center;
  padding: 0.5rem 0;
  font-size: 14px;
  font-weight: 700;
  color: #004EA2;
  border: 1px solid #004EA2;
  border-radius: 0.6rem;
  flex-shrink: 0;
}
.research-list-txt {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.research-list-title {
  font-size: 2rem;
  color: #434343;
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 1.6rem;
}
.research-list-title + .research-list-subtitle {
  margin-top: -0.8rem;
}
.research-list-subtitle {
  font-size: 1.7rem;
  color: #73767D;
  line-height: 1.5;
}
.research-list-info span:first-of-type {
  color: #73767D;
  padding-right: 2.4rem;
  position: relative;
}
.research-list-info span:first-of-type::before {
  content: "";
  width: 1px;
  height: 1.5rem;
  background: #E5E7F0;
  position: absolute;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
}
.research-list-info span:last-of-type {
  color: #434343;
}

.white {
  color: #fff !important;
}

.darkgray {
  color: var(--sub_darkgray, #73767d) !important;
}
.darkblue {
  color: var(--dark_blue, #081324) !important;
}

.main-blue {
  color: var(--main_blue, #004ea2) !important;
}

.bold {
  font-weight: 700 !important;
}

.p.sm {
  font-size: 1.6rem;
  line-height: normal;
}

.strong {
  color: var(--p_gray, #434343);
  text-align: center;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: -0.066rem;
}
.strong .blue {
  color: #004ea2;
}
.strong.sm {
  font-family: Geologica;
  font-size: 2rem;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.02rem;
}
@media (max-width: 768px) {
  .strong {
    font-size: 2rem;
  }
}

.span {
  color: var(--sub_darkblue, #6f7684);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 160%;
}

.bul-list {
  display: flex;
  align-items: end;
  gap: 1.6rem;
}

.btn-email {
  display: flex;
  width: 4rem;
  height: 4rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.8rem;
  border: 1px solid var(--sub_gray, #bdc1c9);
  background: #fff;
  margin: auto;
}
.btn-email i {
  color: var(--sub_darkblue, #6f7684);
  text-align: center;
  font-size: 1.8rem;
}

.filter-tab[data-size=small] {
  flex-wrap: wrap;
}
.filter-tab[data-size=small] > li a {
  position: relative;
  display: inline-flex;
  padding: 1.2rem 1.4rem;
  border-radius: 10rem;
  background: #f5f6f9;
  border: 1px solid #f5f6f9;
  color: #6f7684;
  font-weight: 600;
}
.filter-tab[data-size=small] > li a.active {
  background: #fff;
  color: #081324;
  border-color: #081324;
  padding-left: 4rem;
}
.filter-tab[data-size=small] > li a.active:before {
  content: "\eb80";
  font-family: "remixicon";
  font-size: 2rem;
  position: absolute;
  top: 1rem;
  left: 1.4rem;
}

.banner {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  width: fit-content;
  height: 2.6rem;
  padding: 0 0.4rem;
  border-radius: 0.4rem;
  background: #e9eeff;
}
.banner i,
.banner em {
  color: #1b2e81;
  font-size: 1.4rem;
}

.form-filter {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
.form-filter select {
  min-width: 10.2rem;
}
.form-filter select[data-size=medium] {
  width: 25rem;
}
.form-search {
  display: flex;
  padding: 2.4rem 3.2rem;
  justify-content: center;
  align-items: center;
  gap: 2.4rem 6.4rem;
  border-top: 3px solid #bad1e9;
  border-bottom: 1px solid var(--border_gray, #e5e7f0);
}
.form-label label {
  color: var(--p_gray, #434343);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 140%;
}
@media (max-width: 1420px) {
  .form-search {
    flex-direction: column;
  }
  .form-label {
    flex-shrink: 0;
    width: 13rem;
  }
  .form-label + .search {
    flex: 1;
  }
  .form-filter {
    width: 100%;
  }
  .form-filter .form {
    flex: 1;
  }
  .form-filter .form_select {
    flex: 1;
  }
  .form-filter select[data-size=medium] {
    width: 100%;
  }
}
@media (max-width: 1280px) {
  .form-search {
    padding: 2.4rem 1.6rem;
  }
}
@media (max-width: 768px) {
  .form-filter {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
  }
  .form-filter .form {
    width: 100%;
  }
  .form-filter .form_select {
    width: 100%;
  }
  .form-label + .search {
    width: 100%;
    flex-direction: column;
  }
}

.captcha {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-top: 2.4rem;
}
.captcha-action {
  overflow: hidden;
  display: flex;
  border-radius: 0.8rem;
}
.captcha-img {
  position: relative;
  flex-shrink: 0;
  background: #d9d9d9;
  flex: 1;
}
.captcha-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.captcha-button {
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 1px;
}
.captcha-button button,
.captcha-button a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.4rem;
  height: 4.4rem;
  background-color: #222;
}
.captcha-button button i,
.captcha-button a i {
  color: #fff;
  font-size: 1.6rem;
}

.greeting {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.greeting-title {
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding: 3.2rem 10rem;
}
.greeting-title img {
  display: block;
  width: 9.1rem;
  transform: translateY(-2.6rem);
}
.greeting-title br.mobile {
  display: none;
}
.greeting-info {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 5.9rem;
  padding: 4.8rem 4.8rem 4.8rem 0;
}
.greeting-info:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: calc(100% - 4.5rem);
  height: 100%;
  background: #f5f6f9;
  border-radius: 1.6rem;
}
.greeting-captain {
  position: relative;
  width: 42rem;
  border-radius: 1.6rem;
  overflow: hidden;
}
.greeting-detail {
  position: relative;
  flex: 1;
  padding: 2.4rem 0 2.3rem;
}
.greeting-txt {
  letter-spacing: -0.09rem;
}
.greeting-sign {
  display: flex;
  justify-content: end;
  align-items: end;
  flex-wrap: wrap;
  gap: 1.6rem;
  margin-top: 1.6rem;
}
.greeting-sign strong {
  color: var(--main_blue, #004ea2);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 160%;
}
.greeting-sign img {
  width: 9.9rem;
  display: block;
}
@media (max-width: 1640px) {
  .greeting-title {
    padding: 3.2rem 6rem;
  }
}
@media (max-width: 1400px) {
  .greeting-title {
    padding: 3.2rem 1.6rem;
  }
  .greeting-info {
    gap: 4.8rem;
  }
  .greeting-captain {
    width: 38rem;
  }
}
@media (max-width: 1280px) {
  .greeting-title {
    justify-content: center;
    gap: 1.2rem;
    padding: 3.2rem 0;
  }
  .greeting-title img {
    width: 7.2rem;
  }
}
@media (max-width: 1024px) {
  .greeting-info {
    gap: 3.2rem;
  }
}
@media (max-width: 880px) {
  .greeting-title br.mobile {
    display: block;
  }
  .greeting-title img {
    width: 6.4rem;
  }
  .greeting-info {
    flex-direction: column;
    padding: 3.2rem;
    padding-top: 0;
  }
  .greeting-info:before {
    top: auto;
    bottom: 0;
    width: 100%;
    height: calc(100% - 4.5rem);
  }
  .greeting-captain {
    width: 36rem;
    max-width: 100%;
    margin: auto;
  }
  .greeting-detail {
    padding: 0;
  }
}
@media (max-width: 640px) {
  .greeting-title {
    position: relative;
  }
  .greeting-title img {
    position: absolute;
  }
  .greeting-title img.left {
    left: 2rem;
  }
  .greeting-title img.right {
    right: 2rem;
  }
}
@media (max-width: 480px) {
  .greeting-title img.left {
    left: 0;
  }
  .greeting-title img.right {
    right: 0;
  }
}

.org .board_list:has(.org-info) {
  border-top: 0.3rem solid #BAD1E9;
}
.org-info thead th {
  color: #081324 !important;
  border-right: 1px solid #E5E7F0;
  border-bottom: 0 !important;
  background: #F3F7FB;
}
.org-info thead th:last-of-type {
  border-right: 0;
}
.org-info tbody td {
  border-right: 1px solid #E5E7F0;
  font-size: 1.8rem;
}
.org-info tbody td:last-of-type {
  border-right: 0;
}
.org-info tbody td[aria-label=이메일주소] {
  word-break: break-all;
}
@media (max-width: 768px) {
  .org-info colgroup {
    display: none;
  }
  .org-info tbody tr {
    padding: 2rem !important;
  }
  .org-info tbody tr td {
    border-right: 0;
  }
  .org-info tbody tr td[aria-label=부서], .org-info tbody tr td[aria-label=담당업무], .org-info tbody tr td[aria-label=전화번호], .org-info tbody tr td[aria-label=이메일주소], .org-info tbody tr td[aria-label="연구자 정보"] {
    width: 100%;
  }
  .org-info tbody tr td[aria-label="연구자 정보"] {
    margin-bottom: 1.5rem;
  }
  .org-info tbody tr td[aria-label=간단인증], .org-info tbody tr td[aria-label="연락처 확인"] {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
  }
  .org-info .btn-email {
    margin: 0;
  }
}
.org-info .secret-info {
  font-size: 1.8rem;
  color: #73767D;
}
.org-info .secret-info i {
  color: #BDC1C9;
  padding-right: 0.3rem;
}

.location {
  display: flex;
  flex-direction: column;
  gap: 8rem;
  margin-top: 4.8rem;
}
.location .traffic {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.6rem;
}
.location .traffic .banner + .p {
  margin-left: 0.8rem;
}
.location .banner + .banner {
  margin-left: 0.8rem;
}
.location .banner + .span {
  margin-left: 0.8rem;
}
.location .arrow {
  display: inline-block;
  vertical-align: inherit;
  margin: 0 0.8rem;
}
.location-map {
  border-radius: 1.6rem;
  border: 1px solid var(--sub_darkblue, #6f7684);
  overflow: hidden;
}
.location-map-cont {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  padding: 2.4rem 2.8rem;
  background: #fff;
}
.location-map-tit {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
.location-map-tit .icon {
  flex-shrink: 0;
  display: flex;
  width: 6.4rem;
  height: 6.4rem;
  justify-content: center;
  align-items: center;
  border-radius: 1.6rem;
  background: var(--main_blue, #004ea2);
}
.location-map-tit .icon i {
  font-size: 2.4rem;
  color: #fff;
}
.location-map-tit .txt {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.location-map-tit .txt-detail {
  display: flex;
  gap: 0.8rem;
}
.location-map-tit .txt-detail .p {
  word-break: break-all;
}
.location-map-api {
  height: 40rem;
}
.location-map-api .root_daum_roughmap {
  width: 100%;
  height: 100%;
}
.location-map-api .root_daum_roughmap .cont,
.location-map-api .root_daum_roughmap .map_border,
.location-map-api .root_daum_roughmap .wrap_controllers,
.location-map-api .root_daum_roughmap .wrap_btn_zoom {
  display: none !important;
}
.location-map-api .root_daum_roughmap .wrap_map {
  height: 100% !important;
}
.location-map-info {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  padding: 2.5rem 3.2rem;
  border-radius: 0.8rem;
  background: var(--bg_gray, #f5f6f9);
  margin-top: 2.5rem;
}
.location-map-info > div {
  flex: 1;
  display: flex;
  align-items: center;
}
.location-map-info > div > div {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: 12.1rem;
}
.location-map-info > div > div i {
  color: var(--main_blue, #004ea2);
  font-size: 1.8rem;
}
.location-kakao {
  margin-left: auto;
}
.location-kakao > a {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.location-kakao .p {
  font-weight: 500;
}
.location-traffic .container {
  padding: 3.2rem;
  border-radius: 0.8rem;
  border: 1px solid var(--border_gray, #e5e7f0);
  background: #fff;
}
.location-traffic .container + .container {
  margin-top: 2.4rem;
}
.location-traffic .container-tit {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.location-traffic .container-tit > strong {
  font-size: 2rem;
}
.location-traffic .container-tit i {
  font-size: 2.4rem;
}
.location-traffic .container-tit + .bul2 {
  margin-top: 2.4rem;
}
.location-traffic .container-tit + .container-cont {
  margin-top: 2.4rem;
}
.location-traffic .container-cont {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.location-traffic .container-cont + .container-cont {
  margin-top: 2.4rem;
}
.location-view .container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8rem;
  padding: 2.4rem;
  border-radius: 1.6rem;
  border: 1px solid var(--border_gray, #e5e7f0);
}
.location-view .container-img img {
  display: block;
  width: 67.5rem;
}
.location-view .container-txt {
  flex: 1;
}
.location-view .container-txt:has(.bul-list) {
  position: relative;
  z-index: 1;
}
.location-view .container-txt:has(.bul-list) + .container-img {
  position: absolute;
  top: 50%;
  right: 2.4rem;
  transform: translateY(-50%);
}
.location-view .container-txt:has(.bul-list) + .container-img img {
  display: block;
  width: 71.7426rem;
}
@media (max-width: 1640px) {
  .location-view .container-txt:has(.bul-list) + .container-img {
    width: 60%;
  }
}
@media (max-width: 1280px) {
  .location-view .container {
    gap: 6.4rem;
  }
}
@media (max-width: 1024px) {
  .location-view .container {
    gap: 4.8rem;
  }
  .location-view .container-img {
    width: 70%;
  }
  .location-view .container-img img {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .location-map-cont {
    padding: 2.4rem;
  }
  .location-map-info {
    flex-direction: column;
    align-items: start;
    gap: 1.2rem;
  }
  .location-traffic .container {
    padding: 2.4rem;
  }
  .location-view .container {
    gap: 3.2rem;
  }
  .location-view .container:has(.bul-list) {
    flex-direction: column-reverse;
    align-items: start;
  }
  .location-view .container:has(.bul-list) .container-txt:has(.bul-list) + .container-img {
    position: static;
    width: 100%;
    transform: translateY(0);
  }
  .location-view .container:has(.bul-list) .container-txt:has(.bul-list) .bul-list {
    flex-wrap: wrap;
    gap: 1.1rem 1.6rem;
  }
}
@media (max-width: 560px) {
  .location-map-cont {
    flex-direction: column;
    align-items: flex-start;
  }
  .location-map-tit {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .location-map-tit .txt {
    align-items: center;
  }
  .location-map-tit .txt * {
    text-align: center;
  }
  .location-kakao {
    margin: auto;
  }
  .location-view .container {
    flex-direction: column;
  }
  .location-view .container-img {
    width: 100%;
  }
  .location-view .container-txt {
    width: 100%;
  }
}

.subscribe-form.row {
  align-items: start;
}
.subscribe-form:has(.check-wrap) .subscribe-form-input > label {
  flex-shrink: 0;
  width: 8rem;
}
.subscribe-form-icon img {
  display: block;
  width: 6.2rem;
}
.subscribe-form-txt {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.subscribe-form-input:has(.check-wrap) {
  align-items: start;
}
.subscribe-form-input .input + .btn1 {
  flex-shrink: 0;
}
.subscribe-form .check-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.6rem 3.2rem;
}
@media (max-width: 1024px) {
  .subscribe-form.row {
    align-items: center;
  }
  .subscribe-form-txt {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .subscribe-form:has(.check-wrap) .subscribe-form-input > label {
    width: 7.5rem;
  }
  .subscribe-form:has(.check-wrap) .subscribe-form-input .input {
    flex: 1;
  }
  .subscribe-form:has(.check-wrap):has(.check-wrap) label {
    width: auto;
  }
}

.anniversary {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.anniversary-bg {
  display: flex;
  align-items: end;
  justify-content: space-between;
  background: url("/resources/images/mps/sub/30th_bg.png") no-repeat center center/cover;
  padding: 8.2rem 10rem 8.3rem;
  border-radius: 1.6rem;
}
.anniversary-bg .strong {
  text-align: left;
}
.anniversary-tit {
  display: flex;
  align-items: end;
  gap: 2.4rem;
}
.anniversary-tit img {
  display: block;
}
.anniversary-list {
  display: flex;
  gap: 4.8rem;
}
.anniversary-list > li {
  display: flex;
  flex-direction: column;
}
.anniversary-list > li .h3 {
  flex-shrink: 0;
}
.anniversary-list > li > a {
  display: block;
  flex-grow: 1;
}
.anniversary-list > li.pdf {
  flex-shrink: 0;
  width: 32.8rem;
}
.anniversary-list > li.pdf .img {
  position: relative;
  width: fit-content;
  border-radius: 0.8rem;
  overflow: hidden;
}
.anniversary-list > li.pdf .img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.anniversary-list > li.pdf .img:hover:before {
  opacity: 1;
  visibility: visible;
}
.anniversary-list > li.pdf .img:hover .btn-more {
  display: flex;
}
.anniversary-list > li.pdf img {
  display: block;
  width: 32.8rem;
  aspect-ratio: 328/400;
}
.anniversary-list > li.pdf .btn-more {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4.8rem;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  padding: 0rem 2.2rem;
  background: var(--p_gray, #434343);
  transition: all 0.3s ease;
}
.anniversary-list > li.pdf .btn-more span,
.anniversary-list > li.pdf .btn-more i {
  color: #fff;
}
.anniversary-list > li.pdf .btn-more i {
  font-size: 1.8rem;
}
.anniversary-list > li.pdf .btn-more span {
  font-size: 1.6rem;
}
.anniversary-list > li.video {
  flex: 1;
}
.anniversary-list > li.video iframe {
  height: 100%;
  border-radius: 0.8rem;
  overflow: hidden;
}
.anniversary-list > li.video .video-wrap {
  flex-grow: 1;
  border-radius: 0.8rem;
  aspect-ratio: 704/400;
  overflow: hidden;
}
.anniversary-list > li.video .video-wrap video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1420px) {
  .anniversary-bg {
    padding: 8.2rem 6rem 8.3rem;
  }
}
@media (max-width: 1280px) {
  .anniversary-bg {
    padding: 8.2rem 4rem 8.3rem;
  }
  .anniversary-list {
    gap: 3.2rem;
  }
  .anniversary-list > li.pdf {
    width: 30rem;
  }
}
@media (max-width: 768px) {
  .anniversary {
    gap: 6.4rem;
  }
  .anniversary-bg {
    padding: 6.4rem 2.4rem;
  }
  .anniversary-list {
    gap: 2.4rem;
  }
  .anniversary-list > li.pdf {
    width: 26rem;
  }
}
@media (max-width: 640px) {
  .anniversary-list > li.pdf {
    width: 22rem;
  }
}
@media (max-width: 560px) {
  .anniversary-bg {
    flex-direction: column;
    align-items: start;
    gap: 2.4rem;
    padding: 4.8rem 2.4rem;
  }
  .anniversary-tit {
    flex-wrap: wrap;
  }
  .anniversary-years {
    margin-left: auto;
  }
  .anniversary-list {
    flex-direction: column;
  }
  .anniversary-list > li.pdf {
    width: 100%;
  }
  .anniversary-list > li.video iframe {
    aspect-ratio: 704/400;
  }
}

.media .swiper-slide {
  border-radius: 0.8rem;
  overflow: hidden;
}
.media .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.media-pagination {
  display: flex;
  gap: 1rem;
  color: var(--dark_blue, #081324);
  text-align: center;
  font-size: 1.6rem;
}
.media-contents {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.media-contents-title {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.media-contents-title .h3 {
  margin: 0;
}
.media-slider-main {
  padding: 1.2rem;
  border-radius: 1.6rem;
  border: 1px solid var(--border_gray, #e5e7f0);
}
.media-slider-main img {
  aspect-ratio: 523/348;
}
.media-slider-controller {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
  margin-top: 1.6rem;
}
.media-slider-controller > button {
  display: flex;
  width: 4rem;
  height: 4rem;
  justify-content: center;
  align-items: center;
  border-radius: 2rem;
  border: 1px solid var(--border_gray, #e5e7f0);
  background: #fff;
}
.media-slider-controller > button[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.org-detail {
  display: flex;
  flex-direction: column;
  margin-top: 8rem;
  padding: 0 6rem;
}
.org-detail > div {
  position: relative;
}
.org-team {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 23.5rem;
  height: 4.8rem;
  padding: 0rem 1.5rem;
  border-radius: 0.8rem;
  z-index: 1;
}
.org-team span {
  display: block;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  line-height: 140%;
}
.org-team.green {
  background: #207371;
}
.org-team.black {
  background: #081324;
}
.org-team.light-gray {
  background: var(--bg_gray, #f5f6f9);
}
.org-team.light-gray span {
  color: var(--dark_blue, #081324);
}
.org-team.sm {
  min-width: 11.4rem;
}
.org-captain {
  min-width: 24rem;
  height: 6.4rem;
  background: var(--main_blue, #004ea2);
}
.org-captain span {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
}
.org-subcaptain {
  border: 1px solid var(--main_blue, #004ea2);
  background: #fff;
}
.org-subcaptain span {
  color: var(--main_blue, #004ea2);
}
.org-wrap {
  position: relative;
  display: flex;
}
.org-item {
  position: relative;
}
.org-tit {
  position: relative;
  display: flex;
  min-height: 4.8rem;
  padding: 0.5rem 1.6rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.8rem;
  z-index: 1;
}
.org-tit strong {
  display: block;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}
.org-tit.blue {
  background: var(--bg_blue, #f3f7fb);
}
.org-tit.blue strong {
  color: var(--main_blue, #004ea2);
}
.org-tit.green {
  background: #e6f4f1;
}
.org-tit.green strong {
  color: #207371;
}
.org-tit.pink {
  background: #fbf5f8;
}
.org-tit.pink strong {
  color: #bc2573;
}
.org-box {
  position: relative;
  display: flex;
  padding: 1.2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  border: 1px solid var(--border_gray, #e5e7f0);
  background: #fff;
  border-radius: 0.8rem;
  z-index: 1;
}
.org-box span {
  display: block;
  padding: 0.5rem;
  color: var(--p_gray, #434343);
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 140%;
}
.org-box-top:hover > span, .org-box-sub:hover > span {
  text-decoration-line: underline;
}
.org-box-sub {
  display: flex;
  width: 100%;
  min-height: 4rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.8rem;
  background: var(--bg_gray, #f5f6f9);
}
.org-box-sub span {
  color: var(--sub_darkblue, #6f7684);
}
.org-box:has(:not(.org-box-top)):hover > span {
  text-decoration-line: underline;
}
.org1 {
  display: flex;
  justify-content: center;
}
.org1:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 1px;
  height: 35.5rem;
  border-left: 1px solid #bdc1c9;
}
.org2 {
  width: 100%;
  margin-top: 3.2rem;
}
.org2 .org-wrap {
  display: flex;
  justify-content: space-between;
  margin: 0 8.8rem;
}
.org2 .org-wrap:before {
  content: "";
  position: absolute;
  top: 50%;
  border-top: 1px solid #bdc1c9;
  width: 100%;
  height: 1px;
}
.org2 .org-team {
  z-index: 1;
}
.org3 {
  width: 100%;
  margin-top: 3.2rem;
}
.org3 .org-wrap {
  display: flex;
  justify-content: space-between;
  margin: 0 8.8rem;
}
.org3 .org-wrap:before {
  content: "";
  position: absolute;
  top: 50%;
  border-top: 1px solid #bdc1c9;
  width: 100%;
  height: 1px;
}
.org4 {
  display: flex;
  justify-content: center;
  margin-top: 3.2rem;
}
.org4 .org-team {
  min-width: 24rem;
}
.org5 {
  margin-top: 3.2rem;
}
.org5 .org-team-item {
  position: relative;
  width: fit-content;
  padding-left: 8.3rem;
  margin-left: 50%;
}
.org5 .org-team-item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #bdc1c9;
}
.org6, .org7 {
  padding-top: 3.2rem;
}
.org6 .org-container, .org7 .org-container {
  position: relative;
  display: flex;
  gap: 4rem;
}
.org6 .org-container:before, .org7 .org-container:before {
  content: "";
  position: absolute;
  bottom: calc(100% + 3.2rem);
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - (25% - 3rem));
  height: 1px;
  border-top: 1px solid #bdc1c9;
}
.org6 .org-item, .org7 .org-item {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  width: calc(25% - 3rem);
}
.org6 .org-item:before, .org7 .org-item:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 1px;
  height: 3.2rem;
  border-left: 1px solid #bdc1c9;
}
.org6 {
  margin-top: 3.5rem;
}
.org7 {
  margin-top: 4.8rem;
}
.org7 .org-item:first-child:before {
  display: none;
}
.org7 .org-container:before {
  left: auto;
  right: calc((25% - 3rem) / 2);
  transform: translateX(0);
  width: calc(100% - 4rem - (25% - 3rem) * 2);
}
@media (max-width: 1024px) {
  .org-detail {
    padding: 0;
  }
}
@media (max-width: 880px) {
  .org2 .org-wrap, .org3 .org-wrap {
    margin: 0;
  }
  .org2 .org-team, .org3 .org-team {
    max-width: 21rem;
  }
  .org6 .org-container, .org7 .org-container {
    gap: 2.4rem;
  }
  .org6 .org-container:before, .org7 .org-container:before {
    width: calc(100% - (25% - 1.8rem));
  }
  .org6 .org-item, .org7 .org-item {
    width: calc(25% - 1.8rem);
  }
  .org7 .org-container:before {
    right: calc((25% - 1.8rem) / 2);
    width: calc(100% - 2.4rem - (25% - 1.8rem) * 2);
  }
}
@media (max-width: 640px) {
  .org-team {
    min-width: 16rem;
    max-width: 16rem;
  }
  .org2 .org-team, .org3 .org-team {
    max-width: 16rem;
  }
  .org6 .org-container, .org7 .org-container {
    gap: 1.6rem;
  }
  .org6 .org-container:before, .org7 .org-container:before {
    width: calc(100% - (25% - 1.2rem));
  }
  .org6 .org-item, .org7 .org-item {
    width: calc(25% - 1.2rem);
  }
  .org7 .org-container:before {
    right: calc((25% - 1.2rem) / 2);
    width: calc(100% - 1.6rem - (25% - 1.2rem) * 2);
  }
}
@media (max-width: 480px) {
  .org-detail > div:not(.org1) {
    margin-top: 1.6rem;
  }
  .org-team {
    width: 100%;
    min-width: auto;
    max-width: 100%;
  }
  .org-team-item {
    width: 100%;
  }
  .org1:after {
    height: 28rem;
  }
  .org2 .org-wrap, .org3 .org-wrap {
    flex-direction: column;
    align-items: center;
    gap: 0.8rem;
  }
  .org2 .org-wrap:before, .org3 .org-wrap:before {
    display: none;
  }
  .org2 .org-team, .org3 .org-team {
    max-width: 100%;
  }
  .org3 .org-team-item {
    margin-left: 0;
  }
  .org5 .org-team-item {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
  }
  .org6, .org7 {
    padding-top: 0;
  }
  .org6 .org-container, .org7 .org-container {
    flex-direction: column;
  }
  .org6 .org-container:before, .org7 .org-container:before {
    bottom: auto;
    top: 0;
    transform: translateX(0);
    width: 1px;
    height: 100%;
    border-top: none;
    border-left: 1px solid #bdc1c9;
  }
  .org6 .org-item, .org7 .org-item {
    width: 100%;
  }
  .org6 .org-item:before, .org7 .org-item:before {
    display: none;
  }
  .org7 .org-container:before {
    left: 50%;
    top: 23.2rem;
    height: calc(100% - 23.2rem);
  }
  .org br {
    display: none;
  }
}

.reservation-info {
  padding: 2.4rem 4rem;
  border-radius: 1.6rem;
  border: 1px solid #6F7684;
  margin-top: 8rem;
}
.reservation-info .bul1 {
  flex-direction: row;
  margin-bottom: 2.5rem;
  padding-top: 1.5rem;
}
.reservation-info .bul1 > li {
  width: calc(50% - 0.4rem);
  display: flex;
  flex-wrap: wrap;
  font-size: 2rem;
}
.reservation-info .bul1 > li::before {
  top: 1.2rem;
}
.reservation-info .bul1 > li span {
  padding-right: 1.6rem;
}
.reservation-info .bul1 > li strong {
  color: #004EA2;
}
@media (max-width: 1024px) {
  .reservation-info .bul1 {
    flex-direction: column;
  }
  .reservation-info .bul1 > li {
    width: 100%;
  }
}
@media (max-width: 580px) {
  .reservation-info {
    padding: 2.4rem;
  }
  .reservation-info .bul1 {
    padding-top: 0;
  }
}

.history-list {
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
}
.history-list-item {
  display: flex;
  align-items: flex-start;
  gap: 3rem 2.4rem;
}
.history-list-item .year {
  width: 16.6rem;
  flex-shrink: 0;
  padding-right: 9.4rem;
  font-size: 2.8rem;
  color: #004EA2;
  letter-spacing: -0.028rem;
  text-align: right;
  position: relative;
}
.history-list-item .year::before {
  content: "";
  width: 6.4rem;
  height: 1px;
  border-top: 1px dashed #081324;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.history-list-item .year::after {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #081324;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.history-list-item .desc {
  width: 100%;
  padding-top: 0.5rem;
}
.history-list-item .desc .p {
  font-size: 1.6rem;
}
.history-list-item .desc-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5rem 2.4rem;
}
.history-list-item .desc-list > li {
  width: calc(33.3333333333% - 1.6rem);
}
.history-list-item .desc-list-img {
  aspect-ratio: 28/16;
  border-radius: 1.6rem;
  border: 1px solid #E5E7F0;
  overflow: hidden;
}
.history-list-item .desc-list-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.history-list-item .desc-list p {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  color: #081324;
  margin-top: 1.6rem;
}
@media (max-width: 640px) {
  .history-list-item .desc-list {
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .history-list-item .desc-list > li {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .history-list-item {
    flex-direction: column;
  }
  .history-list-item .year {
    width: 100%;
    padding-right: 0;
    text-align: center;
  }
  .history-list-item .year::before {
    width: 1px;
    height: 2rem;
    top: auto;
    right: auto;
    bottom: -3rem;
    left: 50%;
    border-top: 0;
    border-left: 1px dashed #081324;
  }
  .history-list-item .year::after {
    top: auto;
    right: auto;
    left: 50%;
    bottom: -3rem;
    transform: translateX(-50%);
  }
}

.previous-chief > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
}
.previous-chief-item {
  width: calc(50% - 1.2rem);
  display: flex;
  align-items: center;
  gap: 3.2rem;
  padding: 4rem;
  border-radius: 1.6rem;
  background: #f5f6f9;
}
@media (max-width: 850px) {
  .previous-chief-item {
    width: 100%;
    padding: 3rem 2rem;
  }
}
.previous-chief-item.active {
  background: #F3F7FB;
}
.previous-chief-item .number {
  color: #081324;
  margin-bottom: 0.8rem;
}
.previous-chief-item .name {
  font-size: 2.6rem;
  color: #004EA2;
  margin-bottom: 2.4rem;
}
.previous-chief-item .period {
  width: 100%;
  padding-top: 2.4rem;
  border-top: 1px solid #BDC1C9;
  color: #73767D;
}
.previous-chief-item .txt {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.previous-chief-item .img {
  width: 15.7rem;
  flex-shrink: 0;
  border-radius: 2.4rem;
  padding: 0.8rem;
  background: #fff;
}
.previous-chief-item .img img {
  width: 100%;
  height: 100%;
  border-radius: 2.4rem;
  aspect-ratio: 14.1/16.5;
  object-fit: cover;
}

.vision {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.vision-box {
  display: flex;
  align-items: center;
  gap: 3rem 6.4rem;
  padding: 4rem 6.4rem;
  border-radius: 1.6rem;
  border: 1px solid #E5E7F0;
}
.vision-box:has(.desc-wrap) {
  flex-wrap: wrap;
}
.vision-box .title {
  width: 20rem;
  display: flex;
  align-items: center;
  gap: 1rem 3.2rem;
  flex-shrink: 0;
}
.vision-box .title img {
  width: 7.2rem;
}
.vision-box .title strong {
  font-size: 2rem;
  color: #081324;
}
.vision-box .title strong span {
  display: block;
  font-size: 1.6rem;
  font-weight: 600;
  color: #004EA2;
  letter-spacing: -0.016rem;
  margin-top: 0.8rem;
}
.vision-box .desc {
  flex: 1;
}
.vision-box .desc-circle {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
}
.vision-box .desc-circle > li {
  width: calc(25% - 0.6rem);
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2.4rem;
  background: #F5F6F9;
  border-radius: 50%;
}
.vision-box .desc-circle > li:nth-of-type(2n) {
  background: #F3F7FB;
}
.vision-box .desc-circle-icon {
  width: 4rem;
  margin-bottom: 0.8rem;
}
.vision-box .desc-circle-title {
  font-size: 1.8rem;
  font-weight: 600;
  color: #081324;
  line-height: 1.6;
}
.vision-box .desc-circle-desc {
  color: #004EA2;
  font-weight: 600;
  line-height: 1.6;
}
.vision-box .desc-wrap {
  width: 100%;
  text-align: center;
}
.vision.type2 .vision-box .title {
  width: 22rem;
}
@media (max-width: 1024px) {
  .vision-box {
    flex-direction: column;
    padding: 3rem;
  }
  .vision-box .title {
    width: auto;
  }
  .vision-box .title img {
    width: 5.2rem;
  }
  .vision-box .title strong span {
    display: inline-block;
    margin-top: 0;
  }
  .vision-box .desc {
    width: 100%;
    text-align: center;
  }
  .vision-box .desc br {
    display: none;
  }
  .vision-box .desc-list > li {
    width: 100% !important;
    padding: 1.6rem;
  }
}
@media (max-width: 768px) {
  .vision-box .desc-circle {
    flex-wrap: wrap;
  }
  .vision-box .desc-circle > li {
    width: 16rem;
    padding: 1.5rem;
  }
}
@media (max-width: 480px) {
  .vision-box {
    padding: 2rem;
  }
}

.loader {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.6);
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 5;
}
.loader.active {
  display: flex;
}
.loader-wrapper {
  width: 28rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4rem;
  border-radius: 1.6rem;
  border: 1px solid #BDC1C9;
  background: #FFF;
  box-shadow: 0 0.8rem 2.4rem rgba(0, 0, 0, 0.12);
  text-align: center;
}
.loader .spinner {
  width: 2.7rem;
  height: 2.7rem;
  border: 0.3rem solid #e6e6e6;
  border-top-color: #1F9FE8;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
.loader .loading-text {
  color: #434343;
  line-height: 1.5;
  margin-top: 1.6rem;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.safety {
  background: url(/resources/images/mps/sub/safety-bg.jpg) no-repeat center center/cover;
  padding: 4.8rem;
  border-radius: 2.4rem;
  overflow: hidden;
}
.safety-wrap {
  border-radius: 2.4rem;
  background: #fff;
  text-align: center;
  padding: 4.8rem;
}
.safety-title {
  margin-bottom: 4.8rem;
}
.safety-title h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  padding: 1.7rem 0;
  margin-bottom: 1rem;
  font-size: 2.6rem;
}
.safety-title h3 > img {
  width: 8.4rem;
}
.safety-title .p {
  color: #73767D;
}
@media (max-width: 850px) {
  .safety-title .p br {
    display: none;
  }
}
.safety .bul2 {
  width: 70rem;
  max-width: 100%;
  gap: 1.5rem;
  text-align: left;
  margin: auto;
}
.safety .bul2 > li {
  font-weight: 600;
}
.safety .charter-list {
  margin: auto;
}
.safety-bottom {
  margin-top: 4.8rem;
}
.safety-bottom-date {
  font-size: 1.8rem;
  color: #081324;
  font-weight: 700;
}
.safety-bottom-sign {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 1.6rem;
  margin-top: 1.6rem;
  margin-bottom: 4.8rem;
}
.safety-bottom-sign p {
  color: #004EA2;
  font-weight: 600;
}
.safety-bottom-sign img {
  width: 9.9rem;
}
.safety-bottom > img {
  width: 24.074rem;
}
.safety.type2 {
  background: #FAFAFA;
  padding: 3rem;
  position: relative;
}
.safety.type2::before, .safety.type2::after {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  background: #FAFAFA;
  border: 0.3rem solid #004EA2;
  position: absolute;
  z-index: 1;
}
.safety.type2::before {
  left: 3rem;
  top: 3rem;
  border-left: 0;
  border-top: 0;
}
.safety.type2::after {
  top: 3rem;
  right: 3rem;
  border-top: 0;
  border-right: 0;
}
.safety.type2 .box {
  width: 2.5rem;
  height: 2.5rem;
  background: #FAFAFA;
  border: 0.3rem solid #004EA2;
  position: absolute;
  z-index: 1;
}
.safety.type2 .box.left {
  left: 3rem;
  bottom: 3rem;
  border-left: 0;
  border-bottom: 0;
}
.safety.type2 .box.right {
  right: 3rem;
  bottom: 3rem;
  border-bottom: 0;
  border-right: 0;
}
.safety.type2 .safety-wrap {
  border-radius: 0;
  background: none;
  padding: 8.5rem 4rem;
  border: 0.3rem solid #004EA2;
  position: relative;
}
.safety.type2 .safety-wrap::before {
  content: "";
  width: calc(100% - 1.5rem);
  height: calc(100% - 1.5rem);
  border: 2px solid #DBBE49;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
@media (max-width: 1024px) {
  .safety {
    padding: 2.8rem;
  }
  .safety-wrap {
    padding: 2.8rem !important;
    padding-bottom: 3.5rem !important;
  }
}

.organization-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.organization-list > li {
  width: calc(25% - 1.2rem);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.2rem;
  border: 1px solid #FFF;
  background: #F5F6F9;
  padding: 1.5rem;
  text-align: center;
  font-size: 1.8rem;
  color: #434343;
}
@media (max-width: 1024px) {
  .organization-list > li {
    width: calc(33.3333333333% - 1.0666666667rem);
  }
}
@media (max-width: 768px) {
  .organization-list > li {
    width: calc(50% - 0.8rem);
  }
}
@media (max-width: 520px) {
  .organization-list > li {
    width: 100%;
  }
}

.logo-type {
  display: flex;
  gap: 1.6rem;
}
.logo-type-item {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 2rem 4rem;
  padding: 4.8rem;
  border: 1px solid #E5E7F0;
  border-radius: 1.6rem;
}
@media (max-width: 1024px) {
  .logo-type-item {
    padding: 3rem;
  }
}
.logo-type-item .title {
  font-size: 1.8rem;
  color: #081324;
  padding-top: 1.35rem;
  flex-shrink: 0;
}
.logo-type-item .list {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.4rem;
}
.logo-type-item .list.center > li {
  justify-content: center;
}
.logo-type-item .list > li {
  width: 100%;
  min-height: 5.6rem;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .logo-type {
    flex-wrap: wrap;
  }
}
@media (max-width: 420px) {
  .logo-type-item {
    flex-direction: column;
  }
  .logo-type-item .list.center > li {
    justify-content: flex-start;
  }
}

.signature-color {
  display: flex;
  gap: 3rem;
}
.signature-color > div {
  width: calc(50% - 1.5rem);
  display: flex;
  align-items: flex-start;
  gap: 2rem 4rem;
}
.signature-color > div .title {
  font-size: 1.8rem;
  color: #081324;
  flex-shrink: 0;
}
.signature-color > div .desc {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
}
.signature-color > div .desc-color {
  width: 8rem;
  height: 8rem;
  border-radius: 1.6rem;
  background: #004EA2;
  flex-shrink: 0;
}
.signature-color > div .desc-color.black {
  background: #231815;
}
.signature-color > div .desc-txt {
  color: #73767D;
  line-height: 1.6;
}
@media (max-width: 1024px) {
  .signature-color {
    flex-wrap: wrap;
  }
  .signature-color > div {
    width: 100%;
  }
}
@media (max-width: 420px) {
  .signature-color > div {
    flex-direction: column;
  }
}

.emblem-img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8rem;
}

.international-cooperation {
  height: 52.4rem;
  border-radius: 2.4rem;
  background: linear-gradient(180deg, #183A6E 0%, #143AA7 100%);
  padding: 6.4rem;
  position: relative;
}
.international-cooperation > img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.international-cooperation > p {
  font-size: 2rem;
  color: #fff;
  font-weight: 500;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .international-cooperation {
    height: auto;
    padding: 4rem;
    padding-bottom: 36%;
  }
  .international-cooperation br {
    display: none;
  }
}

.banner2 {
  border-radius: 1.6rem;
  background: url(/resources/images/mps/sub/banner2-bg.jpg) no-repeat center center/cover;
  padding: 6.3rem 8rem;
  color: #fff;
}
.banner2-subtitle {
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.6);
}
.banner2-title {
  font-size: 2.2rem;
  line-height: 1.4;
  margin-top: 1.6rem;
}

.charter-list {
  width: 70.5rem;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  text-align: left;
}
.charter-list > li {
  font-size: 1.8rem;
  font-weight: 600;
  color: #434343;
  padding-left: 4.5rem;
  position: relative;
}
.charter-list > li::before {
  content: "하나,";
  color: #004EA2;
  position: absolute;
  left: 0;
  top: 0;
}

.link-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.link-list > a {
  width: calc(25% - 1.2rem);
  height: 18rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 1.6rem;
  background: #F5F6F9;
  border: 1px solid #F5F6F9;
  padding: 2.4rem;
  position: relative;
  transition: 0.2s;
}
.link-list > a:hover {
  background: #fff;
  border-color: #6F7684;
}
.link-list > a:hover::after {
  background: #081324;
  color: #fff;
}
.link-list > a::after {
  content: "\ea70";
  font-family: "remixicon";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 3.5rem;
  right: 2.4rem;
  font-size: 2.2rem;
  color: #6F7684;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  transition: 0.2s;
}
.link-list > a > img {
  mix-blend-mode: darken;
}
@media (max-width: 768px) {
  .link-list > a {
    width: calc(50% - 0.8rem);
  }
  .link-list > a::after {
    top: 2rem;
    right: 2rem;
  }
}
@media (max-width: 480px) {
  .link-list > a {
    width: 100%;
  }
}
.link-list-title {
  font-size: 1.8rem;
  color: #434343;
}

.curi {
  display: flex;
  align-items: center;
  gap: 3rem 4.8rem;
}
.curi-img {
  width: 24rem;
  height: 24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E5E7F0;
  border-radius: 1.6rem;
  flex-shrink: 0;
}
.curi-img > img {
  width: 15.5rem;
}
.curi-txt {
  width: 100%;
}
@media (max-width: 768px) {
  .curi {
    flex-direction: column;
    align-items: center;
    gap: 4rem;
  }
}

.accordion {
  border-radius: 0.8rem;
  border: 1px solid #E5E7F0;
  margin-top: 1.6rem;
}
.accordion.active .accordion-title i {
  transform: rotate(180deg);
}
.accordion-title {
  height: 7.2rem;
  padding: 0rem 2.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accordion-title .title {
  font-size: 1.8rem;
  color: #434343;
  font-weight: 600;
  line-height: 1.6;
}
.accordion-title i {
  font-size: 2.2rem;
  color: #434343;
  transition: 0.3s;
}
.accordion-content {
  padding: 1rem 2.4rem 2.4rem;
  display: none;
}

#container > .inner:has(.total-search) .lnb {
  display: none;
}
#container > .inner:has(.total-search) .contents {
  width: 100%;
}
#container > .inner:has(.total-search) .page-title-wrap {
  width: calc(100% - 36rem);
}
@media (max-width: 1280px) {
  #container > .inner .page-title-wrap {
    width: 100%;
  }
}

.total-search {
  display: flex;
  align-items: flex-start;
  gap: 8rem;
}
.total-search-cont {
  width: calc(100% - 36rem);
}
.total-search .popular-search {
  width: 28rem;
  flex-shrink: 0;
  position: sticky;
  top: 13rem;
  margin-top: -14rem;
}
@media (max-width: 1280px) {
  .total-search {
    flex-direction: column-reverse;
  }
  .total-search-cont,
  .total-search .popular-search {
    width: 100%;
  }
  .total-search .popular-search {
    margin-top: 0;
  }
}

.popular-search {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media (max-width: 1280px) {
  .popular-search {
    flex-direction: row;
    align-items: flex-start;
  }
  .popular-search > div {
    width: 100%;
  }
  .popular-search > div:last-of-type {
    width: 33rem;
    flex-shrink: 0;
  }
}
@media (max-width: 640px) {
  .popular-search {
    flex-direction: column;
  }
  .popular-search > div {
    width: 100% !important;
  }
}
.popular-search h3 {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 2rem;
  color: #434343;
  margin-bottom: 2.4rem;
}
.popular-search h3 i {
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.6rem;
  flex-shrink: 0;
}
.popular-search h3 .ri-fire-fill {
  color: #ff9c86;
  background: #FFF1D8;
}
.popular-search h3 .ri-thumb-up-fill {
  color: #004EA2;
  background: #F3F7FB;
}
.popular-search-list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  border-bottom: 1px solid #D6E0EB;
  padding-bottom: 4rem;
}
.popular-search-list > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-left: 2.8rem;
  counter-increment: list-number;
  color: #434343;
  line-height: 1.5;
}
.popular-search-list > li::before {
  content: counter(list-number);
  width: 2rem;
  height: 2.4rem;
  color: #73767D;
  position: absolute;
  top: 0;
  left: 0;
}
.popular-search-list > li a {
  padding-right: 1rem;
}
.popular-search-list > li a:hover {
  text-decoration: underline;
  text-underline-position: under;
}
.popular-search-list > li span {
  width: 4.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  gap: 0.2rem;
  color: #BDC1C9;
}
.popular-search-list > li span::before {
  font-family: "remixicon";
  font-size: 1.4rem;
}
.popular-search-list > li span.up {
  color: #D43333;
}
.popular-search-list > li span.up::before {
  content: "\ea77";
}
.popular-search-list > li span.down {
  color: #004EA2;
}
.popular-search-list > li span.down::before {
  content: "\ea4d";
}
.popular-search-list > li span.new {
  font-size: 12px;
  color: #D43333;
  text-transform: uppercase;
}
.popular-search-recommend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.popular-search-recommend > li > a {
  height: 3.6rem;
  display: flex;
  align-items: center;
  padding: 0rem 1.6rem;
  border-radius: 2rem;
  border: 1px solid #E5E7F0;
  font-size: 1.4rem;
  color: #434343;
  transition: 0.2s;
}
.popular-search-recommend > li > a:hover {
  background: #F5F6F9;
}

.total-search-wrap {
  display: flex;
  align-items: flex-start;
  gap: 2rem 4rem;
  padding: 4rem 6.4rem;
  border-radius: 1.6rem;
  background: #F3F7FB;
  margin-bottom: 8rem;
}
@media (max-width: 640px) {
  .total-search-wrap {
    flex-direction: column;
    align-items: center;
    padding: 4rem 3rem;
  }
}
.total-search-wrap .icon {
  width: 6rem;
  flex-shrink: 0;
}
.total-search-wrap .txt {
  width: 100%;
}
.total-search-wrap .txt .input-wrap {
  display: flex;
  gap: 0.8rem;
  margin-bottom: 1.6rem;
}
.total-search-wrap .txt .input-wrap .input {
  flex: 1;
}
.total-search-wrap .period > div {
  display: none;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.6rem;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #BDC1C9;
  margin-bottom: 1.6rem;
}
.total-search-wrap .period > div.active {
  display: flex;
}
.total-search-wrap .period > div > strong {
  width: 8rem;
  flex-shrink: 0;
  font-weight: 600;
  color: #434343;
  line-height: 1.6;
}
.total-search-wrap .period > div .radio-wrap {
  align-items: center;
}
.total-search-wrap .period > div .radio-wrap > li:has(.date-wrap) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.6rem;
}
@media (max-width: 480px) {
  .total-search-wrap .period > div .radio-wrap > li:has(.date-wrap) {
    width: 100%;
  }
}
.total-search-wrap .period > div .date-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.total-search-wrap .period > div .date-wrap .input {
  width: 18rem;
}
@media (max-width: 480px) {
  .total-search-wrap .period > div .date-wrap {
    width: 100%;
    flex-direction: column;
    gap: 0.4rem;
  }
  .total-search-wrap .period > div .date-wrap .input {
    width: 100%;
  }
}
.total-search-wrap .period > button {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-weight: 500;
  color: #6f7684;
}
.total-search-wrap .period > button i {
  font-size: 2rem;
  color: #081324;
  transition: 0.2s;
}
.total-search-wrap .period > button.active i {
  transform: rotate(180deg);
}

.total-search-result {
  margin-bottom: 8rem;
}
.total-search-result h3 {
  font-size: 2.6rem;
  font-weight: 500;
  color: #434343;
  line-height: 1.6;
  margin-bottom: 1.6rem;
}
.total-search-result h3 .c-blue {
  font-weight: 700;
}
.total-search-result .filter-tab {
  margin-bottom: 0;
}
.total-search-result .filter-tab input[type=radio]:checked + label span {
  color: #004EA2;
}
.total-search-result .filter-tab input[type=radio] + label span {
  font-weight: 600;
  color: #081324;
}

.result-box {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.result-box mark {
  color: #004EA2;
  font-weight: 700;
  background: #D4E9FF;
}
.result-box-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 2rem;
  border-bottom: 0.3rem solid #BAD1E9;
}
.result-box-title .more {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  color: #73767D;
  transition: 0.2s;
}
.result-box-title .more:hover {
  color: #004EA2;
}
.result-box-title h4 {
  font-size: 2.3rem;
  letter-spacing: -0.023rem;
  margin-bottom: 0;
}
.result-box-title h4 > span {
  font-size: 1.6rem;
  font-weight: 400;
  margin-left: 0.8rem;
}
.result-box-title h4 > span .c-blue {
  font-weight: 700;
}
.result-box-title + .board_list {
  border-top: 0;
}
.result-box-item > li {
  padding: 4rem 2.4rem;
  border-bottom: 1px solid #E5E7F0;
}
@media (max-width: 768px) {
  .result-box-item > li {
    padding: 3rem 0;
  }
}
.result-box-item > li:has(.board-view-file-list) {
  padding: 2.4rem;
}
.result-box-item > li:has(> a) {
  padding: 0;
}
.result-box-item > li:has(> a) > a {
  display: block;
  padding: 4rem 2.4rem;
}
@media (max-width: 768px) {
  .result-box-item > li:has(> a) > a {
    padding: 3rem 0;
  }
}
.result-box-item > li .link-item {
  padding-right: 10rem;
  position: relative;
}
.result-box-item > li .link-item::after {
  content: "\ea70";
  width: 3.6rem;
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-family: "remixicon";
  font-size: 2.2rem;
  color: #6f7684;
  position: absolute;
  right: 2.4rem;
  top: 4rem;
}
.result-box-item > li .link-item:hover::after {
  background: #F3F7FB;
  color: #004EA2;
}
.result-box-item > li .link-item:hover .title {
  text-decoration: underline;
  text-underline-position: under;
}
@media (max-width: 768px) {
  .result-box-item > li .link-item {
    padding-right: 5rem;
  }
  .result-box-item > li .link-item::after {
    top: 1rem;
    right: 1rem;
  }
}
.result-box-item > li.no-data {
  height: 30rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  padding: 2rem;
  text-align: center;
}
.result-box-item > li.no-data img {
  width: 6.4rem;
}
.result-box-item > li:last-of-type {
  border-bottom: 1px solid #E5E7F0;
}
.result-box-item > li .title {
  font-size: 1.9rem;
  color: #081324;
  font-weight: 500;
}
.result-box-item > li .title a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.result-box-item > li .title a:hover, .result-box-item > li .title a:focus {
  text-decoration: underline;
  text-underline-position: under;
}
.result-box-item > li .title a[target=_blank] {
  padding-right: 3rem;
  position: relative;
}
.result-box-item > li .title a[target=_blank]::after {
  content: "\ecaf";
  font-family: "remixicon";
  font-weight: 400;
  position: absolute;
  top: 0;
  right: 0;
}
.result-box-item > li .info {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2.4rem;
  margin-top: 1.6rem;
}
.result-box-item > li .info span {
  font-size: 1.7rem;
  color: #73767D;
  position: relative;
}
.result-box-item > li .info span::before {
  content: "";
  width: 1px;
  height: 1.5rem;
  background: #e5e7f0;
  position: absolute;
  right: -1.2rem;
  top: 50%;
  transform: translateY(-50%);
}
.result-box-item > li .info span:last-of-type::before {
  display: none;
}
.result-box-item > li .desc {
  font-size: 1.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #434343;
  line-height: 1.5;
  margin-top: 1.6rem;
}
.result-box-item > li .date {
  color: #73767D;
  margin-top: 1.6rem;
}
.result-box-item > li .location-wrap {
  display: inline-flex;
  align-items: center;
  gap: 2.6rem;
  margin-top: 1.6rem;
}
.result-box-item > li .location-wrap span {
  color: #73767D;
  position: relative;
}
.result-box-item > li .location-wrap span::before {
  content: "\ea6e";
  font-family: "remixicon";
  font-size: 1.8rem;
  color: #BDC1C9;
  position: absolute;
  right: -0.4rem;
  top: 50%;
  transform: translateY(-50%) translateX(100%);
}
.result-box-item > li .location-wrap span:last-of-type::before {
  display: none;
}
.result-box-item > li .location-link {
  display: inline-flex;
  align-items: center;
  gap: 2.6rem;
}
.result-box-item > li .location-link:hover span:last-of-type {
  text-decoration: underline;
  text-underline-position: under;
}
.result-box-item > li .location-link span {
  color: #444;
  font-weight: 500;
  position: relative;
}
.result-box-item > li .location-link span::before {
  content: "\ea6e";
  font-family: "remixicon";
  font-size: 1.8rem;
  color: #BDC1C9;
  position: absolute;
  right: -0.4rem;
  top: 50%;
  transform: translateY(-50%) translateX(100%);
}
.result-box-item > li .location-link span:last-of-type {
  font-weight: 700;
  color: #004EA2;
}
.result-box-item > li .location-link span:last-of-type::before {
  display: none;
}
.result-box .fil-list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-top: 3rem;
}
.result-box .fil-list > li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  padding: 2rem 3.2rem;
  border-radius: 0.8rem;
  border: 1px solid #E5E7F0;
  background: #FFF;
  position: relative;
}
.result-box .fil-list > li a {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
}
.result-box .fil-list > li img {
  width: 2.6rem;
  margin-right: 0.8rem;
}
.result-box .fil-list > li .txt {
  font-size: 1.6rem;
}
.result-box .org-info {
  margin-top: 0;
}
.result-box .org-info thead th {
  font-size: 1.6rem;
  color: #081324;
  border-right: 1px solid #E5E7F0;
  border-bottom: 0;
  background: #F3F7FB;
}
.result-box .org-info thead th:last-of-type {
  border-right: 0;
}
.result-box .org-info tbody td {
  border-right: 1px solid #E5E7F0;
}
.result-box .org-info tbody td:last-of-type {
  border-right: 0;
}
@media (max-width: 768px) {
  .result-box .org-info tbody tr {
    padding: 2rem !important;
  }
  .result-box .org-info tbody tr td {
    border-right: 0;
  }
  .result-box .org-info tbody tr td[aria-label=담당업무], .result-box .org-info tbody tr td[aria-label=전화번호], .result-box .org-info tbody tr td[aria-label=이메일주소] {
    width: 100%;
  }
  .result-box .org-info tbody tr td[aria-label="연락처 확인"] {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
  }
  .result-box .org-info .btn-email {
    margin: 0;
  }
}
.result-box .board-pdf-thumb {
  aspect-ratio: 333/205;
}

.intro-slide {
  margin-top: 8rem;
}
.intro-slide .swiper-slide {
  height: auto;
  display: flex;
}
.intro-slide .swiper-slide-img {
  width: 38.4rem;
  flex-shrink: 0;
  background: #F5F6F9;
  border-radius: 2.4rem 0 0 2.4rem;
  overflow: hidden;
}
.intro-slide .swiper-slide-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2.4rem;
}
.intro-slide .swiper-slide-txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: #F5F6F9;
  border-radius: 0 2.4rem 2.4rem 0;
  padding: 8.35rem 6rem 8.35rem 6.4rem;
}
.intro-slide .swiper-slide-txt .title {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-bottom: 2.4rem;
}
.intro-slide .swiper-slide-txt .title b {
  font-size: 1.6rem;
  color: #004EA2;
}
.intro-slide .swiper-slide-txt .title strong {
  font-size: 2.6rem;
  color: #081324;
}
.intro-slide .swiper-slide-txt .btn-wrap {
  justify-content: flex-start;
  gap: 2.4rem;
}
@media (max-width: 1024px) {
  .intro-slide .swiper-slide {
    flex-direction: column;
  }
  .intro-slide .swiper-slide-img {
    width: 100%;
    border-radius: 2.4rem 2.4rem 0 0;
  }
  .intro-slide .swiper-slide-txt {
    flex: 1;
    justify-content: flex-start;
    padding: 4rem 3rem;
    border-radius: 0 0 2.4rem 2.4rem;
  }
}
.intro-slide-controller {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.4rem;
  margin-top: 3.2rem;
}
.intro-slide-controller .arrow {
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #3A4962;
  font-size: 2rem;
  color: #081224;
}
.intro-slide-controller .arrow.swiper-button-disabled {
  opacity: 0.2;
}
.intro-slide-controller .pagination {
  width: auto;
  font-size: 1.8rem;
  font-weight: 700;
  color: #081224;
}

.btn-link {
  min-width: 20rem;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  padding-bottom: 1.6rem;
  border-bottom: 2px solid #3A4962;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 140%;
  color: #3A4962;
  letter-spacing: -0.018rem;
  position: relative;
}
.btn-link::after {
  content: "\ea70";
  font-family: "remixicon";
  font-size: 2.4rem;
  font-weight: 400;
  opacity: 0.2;
  transition: 0.2s;
}
.btn-link:hover::after {
  opacity: 1;
}

.intro-map {
  background: url(/resources/images/mps/sub/intro-map-bg.jpg) no-repeat center center/cover;
  display: flex;
  gap: 4.8rem;
  border-radius: 2.4rem;
  padding: 2.4rem;
  margin-top: 2.4rem;
}
.intro-map-img {
  max-width: 100%;
  width: 52.9rem;
  flex-shrink: 0;
}
.intro-map-img > svg {
  max-width: 100%;
}
.intro-map-img > svg .map-btn .map-btn-bg {
  transition: 0.2s;
}
.intro-map-img > svg .map-btn:hover .map-btn-bg {
  fill: #d0f1ff;
}
.intro-map-img > svg .map-btn.active .map-btn-bg {
  fill: #84DAFF;
}
.intro-map-info {
  width: 100%;
  border-radius: 1.6rem;
  background: #FFF;
  padding: 18.6rem 4.8rem 4.8rem 4.8rem;
  position: relative;
}
.intro-map-info::before {
  content: "";
  width: 24.8161rem;
  height: 13.5437rem;
  background: url(/resources/images/mps/sub/intro-map-info-bg.png) no-repeat center center/contain;
  position: absolute;
  top: 0;
  left: 0;
}
.intro-map-info > div {
  height: 100%;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.intro-map-info > div.active {
  display: flex;
  flex-direction: column;
}
.intro-map-info > div h4 {
  font-size: 2.6rem;
  color: #081324;
  margin-bottom: 1.6rem;
}
@media (max-width: 1280px) {
  .intro-map-img {
    width: 45rem;
  }
  .intro-map-info {
    padding: 18.6rem 3rem 4rem 3rem;
  }
}
@media (max-width: 1024px) {
  .intro-map {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
  .intro-map-img {
    margin-top: -7rem;
  }
  .intro-map-img > svg {
    margin: 0 -4rem;
  }
  .intro-map-info {
    margin-top: -7rem;
  }
  .intro-map-info::before {
    left: auto;
    right: 0;
  }
}

.img-wrap {
  position: relative;
}
.img-wrap-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #ddd;
  background: #fff;
  display: none;
}
.img-wrap-btn::before {
  content: "\f2db";
  font-family: "remixicon";
  font-size: 18px;
  color: #081224;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 640px) {
  .img-wrap {
    padding-bottom: 50px;
  }
  .img-wrap-btn {
    display: flex;
  }
}

.box-link {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.box-link > li {
  width: calc(50% - 0.8rem);
}
@media (max-width: 768px) {
  .box-link > li {
    width: 100%;
  }
}
.box-link > li > a {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding: 2.4rem;
  border-radius: 1.6rem;
  background: #F5F6F9;
  border: 1px solid #f5f6f9;
  transition: 0.2s;
  position: relative;
}
.box-link > li > a::after {
  content: "\ea6e";
  width: 3.6rem;
  height: 3.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-family: "remixicon";
  font-size: 2rem;
  color: #081324;
}
.box-link > li > a:hover {
  background: #fff;
  border-color: #081324;
}
.box-link > li > a:hover::after {
  background: #004EA2;
  color: #fff;
}
.box-link > li > a:hover .box-link-icon {
  background: #F3F7FB;
}
.box-link-icon {
  width: 6.4rem;
  height: 6.4rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.6rem;
  background: #fff;
}
.box-link-icon i {
  font-size: 2.4rem;
  color: #004EA2;
}
.box-link-txt {
  flex: 1;
  font-size: 1.8rem;
  font-weight: 600;
  color: #434343;
}

.img-list3 {
  display: flex;
  flex-wrap: wrap;
  gap: 4.8rem 2.4rem;
}
.img-list3-item {
  width: calc(50% - 1.2rem);
}
@media (max-width: 480px) {
  .img-list3-item {
    width: 100%;
  }
}
.img-list3-item-img {
  aspect-ratio: 52.8/31.5;
  border-radius: 1.6rem;
  margin-bottom: 1.6rem;
  overflow: hidden;
}
.img-list3-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img-list3-item-title {
  font-size: 1.8rem;
  font-weight: 600;
  color: #081324;
  margin-bottom: 0.8rem;
}
.img-list3-item-desc {
  font-size: 1.7rem;
  color: #6F7684;
}

.org-info {
  margin-top: 8rem;
}
.org-info-title {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 1rem;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.org-info-title .h3 {
  margin-bottom: 0;
}
.org-info .researcher-wrap {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
.org-info .researcher-wrap-img {
  width: 9.6rem;
  border-radius: 1.6rem;
  border: 1px solid var(--border_gray, #E5E7F0);
  background: #FFF;
  flex-shrink: 0;
  overflow: hidden;
}
.org-info .researcher-wrap-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.org-info .researcher-wrap-txt {
  width: 100%;
  text-align: left;
}
.org-info .researcher-wrap-name {
  font-size: 1.8rem;
  color: #081324;
}
.org-info .researcher-wrap-desc {
  font-size: 1.8rem;
  color: #6F7684;
  margin-top: 0.8rem;
}
.org-info .researcher-wrap-info {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 3.2rem;
  margin-top: 2.4rem;
}
.org-info .researcher-wrap-info > li {
  position: relative;
  padding-left: 3.2rem;
}
.org-info .researcher-wrap-info > li::before {
  font-family: "remixicon";
  font-size: 1.4rem;
  color: #73767D;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.6rem;
  background: #E5E7F0;
  position: absolute;
  left: 0;
  top: 0;
}
.org-info .researcher-wrap-info > li.call::before {
  content: "\efe9";
}
.org-info .researcher-wrap-info > li.mail::before {
  content: "\eef3";
}

.researcher-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
}
.researcher-list-item {
  width: calc(50% - 1.2rem);
  display: flex;
  flex-direction: column;
  padding: 3.2rem;
  border-radius: 1.6rem;
  border: 1px solid var(--border_gray, #E5E7F0);
}
@media (max-width: 640px) {
  .researcher-list-item {
    width: 100%;
  }
}
.researcher-list-item .name {
  display: block;
  font-size: 1.8rem;
  color: #081324;
  font-weight: 700;
}
.researcher-list-item .position {
  font-size: 1.8rem;
  color: #6F7684;
  margin-top: 0.8rem;
}
.researcher-list-item .info {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 3.2rem;
  margin-top: 2.4rem;
}
.researcher-list-item .info > li {
  position: relative;
  padding-left: 3.2rem;
}
.researcher-list-item .info > li::before {
  font-family: "remixicon";
  font-size: 1.4rem;
  color: #73767D;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.6rem;
  background: #E5E7F0;
  position: absolute;
  left: 0;
  top: 0;
}
.researcher-list-item .info > li.call::before {
  content: "\efe9";
}
.researcher-list-item .info > li.mail::before {
  content: "\eef3";
}
.researcher-list-item .bul1 {
  flex: 1;
  margin-top: 1.6rem;
}
.researcher-list-item .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem 5rem;
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 1px dashed #BDC1C9;
}
.researcher-list .no-data {
  width: 100%;
  height: 30rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.6rem !important;
  padding: 2rem !important;
  text-align: center;
  border-top: 2px solid #555;
  border-bottom: 1px solid #d8d8d8;
}
.researcher-list .no-data img {
  width: 6.4rem;
}

.info-btn {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: #6F7684;
  font-size: 1.8rem;
}
.info-btn:hover span {
  text-decoration: underline;
  text-underline-position: under;
}

.modal-research {
  display: flex;
  gap: 3rem 6.3rem;
  padding-bottom: 2.2rem;
}
.modal-research-img {
  width: 14.4rem;
  height: 20.2rem;
  border-radius: 1.6rem;
  position: relative;
  flex-shrink: 0;
}
.modal-research-img::before {
  content: "";
  width: 14.4rem;
  aspect-ratio: 14.4/20.2;
  background: url(/resources/images/mps/sub/modal-research-profile-bg.png) no-repeat center center/contain;
  position: absolute;
  right: -2.2rem;
  bottom: -2.2rem;
  z-index: -1;
}
.modal-research-img img {
  border-radius: 1.6rem;
  border: 1px solid var(--border_gray, #E5E7F0);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modal-research-txt {
  width: 100%;
  padding-top: 1.6rem;
}
.modal-research-txt .name {
  font-size: 2.2rem;
  color: #081324;
}
.modal-research-txt .position {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 2rem;
  margin-top: 0.8rem;
}
.modal-research-txt .position > li {
  font-size: 1.8rem;
  color: #6F7684;
  position: relative;
}
.modal-research-txt .position > li::after {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  background: #BDBDBD;
  border-radius: 50%;
  position: absolute;
  right: -1.2rem;
  top: 50%;
  transform: translateY(-50%);
}
.modal-research-txt .position > li:last-of-type::after {
  display: none;
}
.modal-research-txt .info {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 3.2rem;
  position: relative;
}
.modal-research-txt .info::after {
  content: "";
  width: 1px;
  height: 1.2rem;
  background-color: #BDC1C9;
  position: absolute;
  right: -1.6rem;
  top: 50%;
  transform: translateY(-50%);
}
.modal-research-txt .info-wrap {
  display: flex;
  gap: 1rem 3.2rem;
  flex-wrap: wrap;
  margin-top: 2.4rem;
}
.modal-research-txt .info > li {
  position: relative;
  padding-left: 3.2rem;
  color: #6F7684;
  font-size: 1.8rem;
}
.modal-research-txt .info > li::before {
  font-family: "remixicon";
  font-size: 1.4rem;
  color: #73767D;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.6rem;
  background: #E5E7F0;
  position: absolute;
  left: 0;
  top: 0;
}
.modal-research-txt .info > li.call::before {
  content: "\efe9";
}
.modal-research-txt .info > li.mail::before {
  content: "\eef3";
}
.modal-research-txt .bul1 {
  margin-top: 3.2rem;
}
.modal-research-txt .keywords {
  display: flex;
  gap: 0.8rem;
  margin-top: 1.6rem;
}
.modal-research-txt .keywords > li {
  height: 3.6rem;
  display: flex;
  align-items: center;
  padding: 0 1.2rem;
  border-radius: 2rem;
  border: 1px solid #E5E7F0;
}
.modal-research-txt .keywords > li span {
  font-size: 1.4rem;
  color: #434343;
  position: relative;
  padding-left: 1.9rem;
}
.modal-research-txt .keywords > li span::before {
  content: "\edfc";
  font-family: "remixicon";
  color: #BDC1C9;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 580px) {
  .modal-research {
    flex-direction: column;
    align-items: center;
  }
}

.modal-tab {
  margin-top: 4rem;
  display: flex;
  flex-wrap: wrap;
}
.modal-tab-btn {
  width: 33.3333333333%;
  display: flex;
  padding: 1.6rem 2.4rem 1.2rem 2.4rem;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 1.6rem 1.6rem 0 0;
  border-bottom: 1px solid #6F7684;
  background: var(--bg_gray, #F5F6F9);
  font-size: 1.8rem;
  font-weight: 700;
  color: #6F7684;
}
.modal-tab-btn.active {
  background: #FFF;
  border: 1px solid #6F7684;
  border-bottom: 0;
  color: #004EA2;
}
@media (max-width: 640px) {
  .modal-tab-btn {
    padding: 1.6rem 0.5rem 1.2rem 0.5rem;
    font-size: 14px;
  }
}
.modal-tab-cont {
  width: 100%;
  order: 9999;
  border-radius: 0 0 1.6rem 1.6rem;
  border: 1px solid #6F7684;
  border-top: 0;
  padding: 4rem;
  display: none;
}
.modal-tab-cont.active {
  display: block;
}
@media (max-width: 768px) {
  .modal-tab-cont {
    padding: 3rem 2rem;
  }
}

.achievement-list > li {
  padding: 2.4rem;
  border-bottom: 1px solid var(--border_gray, #E5E7F0);
}
.achievement-list > li:last-of-type {
  border-bottom: 0;
}
@media (max-width: 768px) {
  .achievement-list > li {
    padding: 2.4rem 0;
  }
}
.achievement-list > li.no-data {
  width: 100%;
  height: 30rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.6rem !important;
  padding: 2rem !important;
  text-align: center;
}
.achievement-list > li.no-data img {
  width: 6.4rem;
}
.achievement-list-label {
  color: #004EA2;
  font-size: 1.7rem;
  margin-bottom: 0.8rem;
}
.achievement-list-title {
  display: block;
  font-size: 1.8rem;
  color: var(--p_gray, #434343);
  font-weight: 600;
  margin-bottom: 1.6rem;
}
.achievement-list-info {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.achievement-list-info.type2 > li .title {
  width: 11rem;
}
.achievement-list-info > li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem 2.4rem;
  font-size: 1.7rem;
}
.achievement-list-info > li .title {
  min-width: 6.8rem;
  color: var(--sub_darkgray, #73767D);
  flex-shrink: 0;
  position: relative;
}
.achievement-list-info > li .title::after {
  content: "";
  width: 1px;
  height: 1.5rem;
  background: #E5E7F0;
  position: absolute;
  right: -1.2rem;
  top: 0.3rem;
}
.achievement-list-info > li .desc {
  flex: 1;
  color: var(--p_gray, #434343);
}
.achievement-list-desc {
  margin: -0.8rem 0 1.6rem;
  font-size: 1.7rem;
  color: #73767D;
}

.infra-wrap {
  display: flex;
  gap: 5.8rem;
  margin-top: 4rem;
}
.infra-wrap > div {
  border-radius: 2.4rem;
  border: 1px solid var(--border_gray, #E5E7F0);
  position: relative;
}
.infra-wrap > div .title {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%) translateY(-50%);
}
.infra-wrap > div .title > strong {
  display: inline-block;
  padding: 1rem;
  background: #FFF;
  color: #004EA2;
  font-size: 2rem;
}
.infra-wrap-left {
  width: calc(77% - 2.9rem);
  padding: 4.7rem 3.6rem 3.3rem;
  position: relative;
}
.infra-wrap-left::after, .infra-wrap-left::before {
  content: "";
  width: 3rem;
  height: 8.6rem;
  background: url(/resources/images/mps/sub/polygon.svg) no-repeat center center/contain;
  position: absolute;
  right: -2.9rem;
  transform: translateX(50%);
}
.infra-wrap-left::before {
  top: 21%;
}
.infra-wrap-left::after {
  top: 66%;
}
.infra-wrap-left .bul2 {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2.7rem 6.7rem;
}
.infra-wrap-left .bul2 > li {
  width: calc(50% - 3.35rem);
}
.infra-wrap-left .bul2 > li:first-of-type {
  width: 100%;
}
.infra-wrap-right {
  width: calc(23% - 2.9rem);
  padding: 6.6rem 1rem 3rem;
}
.infra-wrap-right .list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.infra-wrap-right .list > li {
  text-align: center;
}
.infra-wrap-right .list > li span {
  display: block;
  font-size: 1.8rem;
  color: #434343;
  margin-top: 0.9rem;
}
@media (max-width: 1024px) {
  .infra-wrap {
    flex-direction: column;
  }
  .infra-wrap > div {
    width: 100%;
  }
  .infra-wrap-left::before, .infra-wrap-left::after {
    top: auto;
    right: auto;
    bottom: -2.9rem;
    transform: translateX(0) translateY(50%) rotate(90deg);
  }
  .infra-wrap-left::before {
    left: 18%;
  }
  .infra-wrap-left::after {
    left: 78%;
  }
  .infra-wrap-right .list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.equipment-wrap {
  display: flex;
  margin-bottom: 2.4rem;
}
.equipment-wrap-img {
  width: 48.5rem;
  flex-shrink: 0;
  background: #F5F6F9;
  border-radius: 2.4rem 0 0 2.4rem;
  overflow: hidden;
}
.equipment-wrap-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2.4rem;
}
.equipment-wrap-txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: #F5F6F9;
  border-radius: 0 2.4rem 2.4rem 0;
  padding: 8.35rem 6rem 8.35rem 6.4rem;
}
.equipment-wrap-txt .title {
  font-size: 2rem;
  color: #081324;
  margin-bottom: 1.6rem;
}
.equipment-wrap-txt .subtitle {
  font-size: 1.8rem;
  color: #004EA2;
  margin-bottom: 1.6rem;
}
.equipment-wrap-txt .desc {
  font-size: 1.8rem;
  color: #434343;
  line-height: 1.6;
  margin-bottom: 4rem;
}
.equipment-wrap-txt .btn {
  min-width: 20rem;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  padding-bottom: 1.6rem;
  border-bottom: 2px solid #3A4962;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 140%;
  color: #3A4962;
  letter-spacing: -0.018rem;
  position: relative;
}
.equipment-wrap-txt .btn::after {
  content: "\ea70";
  font-family: "remixicon";
  font-size: 2.4rem;
  font-weight: 400;
  opacity: 0.2;
  transition: 0.2s;
}
.equipment-wrap-txt .btn:hover::after, .equipment-wrap-txt .btn:focus::after {
  opacity: 1;
}
@media (max-width: 1024px) {
  .equipment-wrap {
    flex-direction: column;
  }
  .equipment-wrap-img {
    width: 100%;
    border-radius: 2.4rem 2.4rem 0 0;
  }
  .equipment-wrap-txt {
    border-radius: 0 0 2.4rem 2.4rem;
    padding: 4rem 3rem;
  }
}

.equipment-list {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.equipment-list > li > a {
  display: flex;
  align-items: center;
  gap: 2.4rem 4.8rem;
  padding: 3.2rem;
  border-radius: 1.6rem;
  border: 1px solid #E5E7F0;
  transition: 0.2s;
}
.equipment-list > li > a:hover {
  border-color: #6F7684;
}
.equipment-list > li > a:hover .equipment-list-title::after {
  background: #004EA2;
  color: #fff;
}
.equipment-list-img {
  width: 30.9rem;
  aspect-ratio: 309/194;
  border-radius: 0.8rem;
  overflow: hidden;
}
.equipment-list-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.equipment-list-txt {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.equipment-list-title {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-bottom: 1.6rem;
  position: relative;
}
.equipment-list-title::after {
  content: "\ea6e";
  display: flex;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-family: "remixicon";
  font-size: 2rem;
  color: #081224;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.equipment-list-title i {
  width: 6.4rem;
  height: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.6rem;
  background: #F3F7FB;
  color: #004EA2;
  font-size: 2.4rem;
  flex-shrink: 0;
}
.equipment-list-title strong {
  font-size: 2rem;
  color: #081324;
}
.equipment-list-desc {
  font-size: 1.8rem;
  color: #434343;
  line-height: 1.6;
}
.equipment-list-info {
  border-top: 1px solid #BDC1C9;
  padding-top: 1.6rem;
  margin-top: 1.6rem;
}
.equipment-list-info .title {
  display: flex;
  align-items: center;
  gap: 2.8rem;
  font-size: 1.8rem;
  margin-bottom: 0.4rem;
}
.equipment-list-info .title b {
  font-weight: 600;
  color: #004EA2;
  position: relative;
}
.equipment-list-info .title b::after {
  content: "";
  display: flex;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #bdbdbd;
  position: absolute;
  right: -1.2rem;
  top: 50%;
  transform: translateY(-50%) translateX(100%);
}
.equipment-list-info .title span {
  color: #434343;
}
.equipment-list-info .desc {
  font-size: 1.8rem;
  color: #434343;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .equipment-list > li > a {
    flex-direction: column-reverse;
  }
  .equipment-list-txt {
    width: 100%;
  }
}

.input-number {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.input-email {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
}
@media (max-width: 420px) {
  .input-email {
    flex-direction: column;
  }
  .input-email > * {
    width: 100% !important;
  }
  .input-email > * select {
    width: 100%;
  }
}

.input-address {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.input-address > div {
  width: 100%;
  display: flex;
  gap: 0.8rem;
}
.input-address-bottom .input:first-of-type {
  flex: 1;
}
@media (max-width: 1024px) {
  .input-address-bottom {
    flex-direction: column;
  }
  .input-address-bottom .input {
    width: 100%;
  }
}

.preparing {
  padding: 8rem 2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  align-items: center;
  border: 1px solid #E5E7F0;
  border-radius: 1.6rem;
}
.preparing-img {
  width: 8.8rem;
}
.preparing-txt h2 {
  font-size: 2.4rem;
  color: #081324;
  margin-bottom: 1.6rem;
}
.preparing-txt .btn-wrap {
  margin-top: 3.2rem;
}