@charset "UTF-8";

#header .gnb li.pc {display: block;}
#header .gnb li.mb {display: none;}

#main .vd-wrap {position: relative; margin: 0 auto; display: flex; max-width: 950px; overflow: hidden; border-radius: 24px;}
#main .vd-wrap video {width: 100%; height: auto; object-fit: cover;}
#main .vd-wrap #main-video {display: block;}
#main .vd-wrap #m-main-video {display: none;}

/* #main .vd-wrap img:first-child {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} */

#vamkids .inner {padding: 186px 12px 160px;}

.main-cont-wrap {background: #f0eee8;}


.floating-wrap {position: absolute; bottom: 77px; right: 50px; border-radius: 10px; overflow: hidden; z-index: 10;}
.floating {position: unset;}
.go-test {width: 135px; height: 135px; margin-bottom: 10px; padding: 15px; display: flex; align-items: center; justify-content: center; text-align: center; background: url(../img/pc_flo_bg.png) no-repeat 50% 50%; background-size: cover;}
.go-test p {font-size: 20px; color: #f4ecdd; font-weight: 700; text-shadow: 0 1px 4px #000;}
.go-test p span {color: #c92d54;}
.go-test .pc {display: block;}
.go-test .mb {display: none;}

.en .go-test p {font-size: 17px;}
.jp .go-test p {font-size: 17px;}

#news .inner {padding: 160px 0 0; display: flex; gap: 20px}
#news .inner > div {width: 50%; overflow: hidden;}

#news .tit {margin: 0 12px 0 0;}
#news .tit, #videos .tit {color: #0d0f13;}

#news .board-tit {display: flex; align-items: center; margin-bottom: 24px;}
#news .board-tit a {width: 33px; height: 33px; background: url(../img/news-btn.png) no-repeat 50% 50%;}

#news .board-content {max-height: 450px; overflow: hidden;}
#news .board-content li a span.dot {max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.3;}
#news .board-content li a:after {content: ''; display: block; margin-left: 10px; width: 8px; height: 8px; min-width: 8px; background: #bd4c7f; border-radius: 100px;}
#news .board-content li .board-date {font-size: 12px; color: #8d867c;}

#news .notice .board-content {padding: 15px 35px 15px 25px; border-radius: 17px; border: 1px solid #ece6dc; background: #fff;}
#news .notice .board-content li {display: flex; flex-direction: column; justify-content: center; height: 70px; border-bottom: 1px solid rgb(123, 118, 105, 0.1);}
/* #news .notice .board-content li:nth-child(n+6) {border: none; padding-bottom: 1px;} */
#news .notice .board-content li:last-child {border: none; padding-bottom: 1px;}
#news .notice .board-content li a {display: flex; align-items: center; position: relative; width: 100%; padding-bottom: 10px; padding-left: 10px; color: #0d0f13; overflow: hidden;}
#news .notice .board-content li .board-date {padding-left: 10px;}

#news .event .board-content li {display: flex; margin-bottom: 13px; padding: 25px 50px 25px 25px; border-radius: 17px; border: 1px solid #ece6dc; background: #fff;}
#news .event .board-content li img {margin-right: 25px; width: 90px;}
#news .event .board-content li a {display: flex; flex-direction: column; align-items: flex-start; width: 100%; position: relative; overflow: hidden; color: #0d0f13;}
#news .event .board-content li a h4 {margin-bottom: 5px; font-size: 14px; font-weight: 900; letter-spacing: -0.35px; color: #0d0f13;}
#news .event .board-content li a span.dot {position: relative; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal;}
#news .event .board-content li .board-date {margin-top: auto; position: relative;}
/* #news .event .board-content li a:after {position: absolute; right: 0;} */
#news .event .board-content li a:after {display: none;}
#news .event .board-content li .board-date:after {content: ''; position: absolute; top: 50%; right: -18px; transform: translateY(-50%); width: 8px; height: 8px; min-width: 8px; background: #bd4c7f; border-radius: 100px;}


#news .board-more {display: none; margin: 0 auto; width: 103px; height: 36px; margin-top: 24px; text-align: center; line-height: 36px; font-size: 14px; color: #fff; border-radius: 100px; background: #b5b3af;}


#videos .vd-top {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 24px;}
#videos .tit {margin-bottom: 0;}
#videos .vdslider-btn-wrap {display: flex; flex-direction: row; justify-content: flex-end;}
#videos .vdslider-btn-wrap div {position: unset; width: 33px; height: 33px; margin-top: 0;}

#videos .vdslider-btn-wrap .swiper-button-prev {background: url(../img/slide-btn-01-hover.png) no-repeat 50% 50%;}
#videos .vdslider-btn-wrap .swiper-button-next {background: url(../img/slide-btn-02-hover.png) no-repeat 50% 50%;}
#videos .vdslider-btn-wrap .swiper-button-prev:after {content: '';}
#videos .vdslider-btn-wrap .swiper-button-next:after {content: '';}

#videos .vd-slider .vd-wrap {width: 332px; margin-right: 0;}
#videos .vd-slider .vd-wrap p {font-size: 17px; color: #000;}


@media screen and (min-width: 1024px) {
  #news .board-tit a:hover {background: url(../img/news-btn-over.png) no-repeat 50% 50%;}
}

@media screen and (max-width: 1300px) {
  #header .gnb {padding-bottom: 50px;}
  #header .gnb li {font-size: 22px; line-height: 2;}
  #header .gnb li:nth-child(7) {transition-delay: 0.6s;}
  #header .gnb li:nth-child(8) {transition-delay: 0.65s;}
  #header .gnb li:nth-child(9) {transition-delay: 0.7s;}
  #header .gnb li:nth-child(10) {transition-delay: 0.75s;}

  #vamkids .inner {padding: 90px 0 92px;}

  #news .inner {padding: 90px 22px 0;}
  #news .event .board-content li {padding-right: 35px;}

  .floating-wrap {right: 15px; bottom: 45px;}
  .go-test {margin: 0;}

}

@media screen and (max-width: 767px) {
  #header .gnb li.pc {display: none;}
  #header .gnb li.mb {display: block;}

  #main .main-vd-wrap .vd-wrap {max-height: none; border-radius: 0;}
  #main .main-vd-wrap .vd-wrap img {display: block;}

  #main .vd-wrap #main-video {display: none;}
  #main .vd-wrap #m-main-video {display: block;}

  #event .inner {padding-top: 0;}

  #news .inner {flex-direction: column;}
  #news .inner > div {width: 100%;}

  #news .board-tit a {display: none;}
  #news .board-content li a:after {margin-left: 8px;}

  #news .event {margin-bottom: 70px;}
  #news .event .board-content li img {width: 42px; height: 42px; margin-right: 18px; border-radius: 10px;}
  #news .event .board-content li {padding: 20px 30px 20px 20px;}
  #news .event .board-content li a {flex-wrap: wrap; flex-direction: row; align-items: unset;}
  #news .event .board-content li a span.dot {width: 100%; -webkit-line-clamp: 1; order: 2;}
  #news .event .board-content li .board-date {display: inline-block; order: 1; margin: 1.5px 0 0 7px;}
  #news .event .board-content li .board-date:after {top: 30%; right: -16px;}

  #news .notice .board-content {padding: 20px 30px 20px 20px;}

  #news .board-more {display: block;}

  #videos .vdslider-btn-wrap {display: none;}
  #videos .vd-slider-inner {display: flex; flex-direction: column;}
  #videos .vd-slider .vd-wrap {width: 100%;}

  .go-test {width: 75px; height: 75px; background: url(../img/m_flo_bg.png) no-repeat 50% 50%;}
  .go-test p {font-size: 14px;}
  .go-test .pc {display: none;}
  .go-test .mb {display: block;}

  .en .go-test p {font-size: 12px;}
  .jp .go-test p {font-size: 12px;}
}