@font-face {
  font-family: 'YUniverse';
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_yuniverse@1.0/YUniverse-L.woff2") format("woff2");
  font-weight: 300;
  font-display: swap; }

@font-face {
  font-family: 'YUniverse';
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_yuniverse@1.0/YUniverse-B.woff2") format("woff2");
  font-weight: 700;
  font-display: swap; }

.image-literacy {
  position: relative;
  font-size: 1.8rem; }

@media (min-width: 60em) {
  .image-literacy {
    font-size: 2.0rem; } }

.image-literacy .l-event,
.image-literacy .l-small {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem; }

.image-literacy .l-event {
  max-width: 800px; }

.image-literacy .l-small {
  max-width: 640px; }

@media (max-width: 44.99em) {
  .image-literacy .l-event .l-small {
    padding-left: 0;
    padding-right: 0; }
  .image-literacy.is-wide .l-event {
    padding-left: 4rem;
    padding-right: 4rem; } }

.image-literacy .h1, .image-literacy .h2, .image-literacy .h3, .image-literacy .h4, .image-literacy .h5 {
  margin-bottom: 0; }

.image-literacy strong {
  font-weight: bold; }

.image-literacy span {
  display: inline-block; }

.image-literacy-program {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem; }

.image-literacy-program .tl,
.image-literacy-program .cont {
  padding: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.image-literacy-program .tl {
  display: block;
  background-color: #f0f0f0; }

.image-literacy-program .item {
  position: relative;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  font-size: 1.6rem; }

@media (max-width: 59.99em) {
  .image-literacy-program .item {
    border-bottom: 0; }
  .image-literacy-program .item-link .link {
    border-bottom: 0;
    text-align: center; } }

@media (min-width: 60em) {
  .image-literacy-program {
    gap: 2rem; }
  .image-literacy-program .tl {
    padding-left: 1.5rem; }
  .image-literacy-program .cont {
    padding: 1.5rem; }
  .image-literacy-program .item-link {
    padding-right: 160px; }
  .image-literacy-program .item-link .link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #f0f0f0; } }

.top-wrap {
  position: relative; }

.top-thumb {
  position: relative; }

.top-title {
  font-family: 'YUniverse'; }

.cont-wrap {
  padding-top: 4rem;
  padding-bottom: 4rem; }

@media (min-width: 45em) {
  .cont-wrap {
    padding-top: 6rem;
    padding-bottom: 6rem; } }

@media (min-width: 60em) {
  .cont-wrap {
    padding-top: 8rem;
    padding-bottom: 8rem; } }

.cont-head {
  text-align: center;
  margin-bottom: 2rem; }

.cont-head .title {
  display: block; }

@media (min-width: 60em) {
  .cont-head {
    margin-bottom: 3rem; } }

.about-box {
  padding: 2rem;
  border-radius: 2rem;
  background-color: #f0f0f0; }

@media (min-width: 60em) {
  .about-box {
    padding: 4rem;
    border-radius: 2rem; } }

.about-list strong {
  font-size: 16px !important; }