@charset "UTF-8";

/* Education */
.broken .pr-edu,
.edit .pr-edu {padding: 94px 0 84px 0;}

#multipleDiv_ko_6213 {font-size: 0;}
#multipleDiv_ko_6213 .fp-tableCell {vertical-align: bottom;}

.pr-edu .title {position: relative; top: -50px; opacity: 0; text-align: center;}
.pr-edu .title > strong {font-family: 'Gmarket Bold'; font-size: 25px; color: #1e3a79;}
.pr-edu .title .desc {position: relative; margin-top: 20px; font-family: 'Dream Medium'; font-size: 30px; letter-spacing: -2px; color: #202020;}
.pr-edu .title .desc em {font-family: 'Dream Medium'; font-size: 50px;}
.pr-edu .title .desc > span {font-size: 50px; font-family: 'Dream Light';}
.pr-edu .title .desc strong {font-family: 'Dream Bold'; font-size: 60px; color: #e6378d;}
.pr-edu .title .desc strong span {position: relative;}
.pr-edu .title .desc strong span::after {content: ''; position: absolute; left: 50%; top: 0; width: 6px; height: 6px; background: #e6378d; border-radius: 100%;}
.pr-edu .title .desc .watermark {position: absolute; left: 0; top: 30px; z-index: -1; width: 100%; font-family: 'Gmarket Bold'; font-size: 72px; color: #e8e8e8; text-align: center; letter-spacing: 1px;}

.pr-edu .scroll {overflow: auto; max-height: 550px; width: 102%; margin-top: 75px;}
.pr-edu .scroll::-webkit-scrollbar {width: 7px;}
.pr-edu .scroll::-webkit-scrollbar-thumb {background-color: #e6378d;  border-radius: 10px;}
.pr-edu .scroll::-webkit-scrollbar-track {background-color: #fff;}
.pr-edu .slider {position: relative; display: inline-block;}
.pr-edu .slider .content {overflow: hidden;}
.pr-edu .slider .content.box4 {padding-bottom: 180px;}
.pr-edu .slider li {position: relative; float: left; width: 25%; padding-right: 55px; padding-bottom: 55px;}
.pr-edu .slider li:nth-child(even) {top: 50px;}
.pr-edu .slider li:nth-child(1),
.pr-edu .slider li:nth-child(3),
.pr-edu .slider li:nth-child(5),
.pr-edu .slider li:nth-child(7) {top: -50px; opacity: 0;}
.pr-edu .slider li:nth-child(2),
.pr-edu .slider li:nth-child(4),
.pr-edu .slider li:nth-child(6),
.pr-edu .slider li:nth-child(8) {top: 0; opacity: 0;}
.pr-edu .slider li img {width: 100%;}
.pr-edu .slider .thumb {position: relative;}
.pr-edu .slider .thumb::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0px solid #e6378d;}
.pr-edu .slider a:hover .thumb::after {border: 4px solid #e6378d;}
.pr-edu .slider .thumb .vr-mark {position: absolute; right: 0; bottom: 0; width: 70px; height: 50px; background: #e6378d url('../images/ic-envir.png') no-repeat center center; text-indent: -99999px;}
.pr-edu .slider .desc {text-align: center;}
.pr-edu .slider .desc strong {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin: 14px 0 10px 0; font-family: 'Dream Medium'; font-size: 17px; color: #222222;}
.pr-edu .slider .desc strong span {position: relative;}
.pr-edu .slider .desc strong span::after {content: ''; position: absolute; left: 0;  bottom: 0; width: 0; height: 1px; background: #e6378d; transition: width .5s;}
.pr-edu .slider a:hover .desc strong span::after {width: 100%;}
.pr-edu .slider a:hover .desc strong {color: #e6378d;}
.pr-edu .slider .desc p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-family: 'Dream Regular'; font-size: 15px; color: #222;}

@media (max-width: 1740px) {
  .pr-edu .scroll {width: 100%;}
  .pr-edu .slider li {padding-right: 30px;}
}

@media (max-width: 1500px) {
  .pr-edu .title {top: 0; opacity: 1;}
  .pr-edu .title > strong {font-size: 22px;}
  /* .pr-edu .title .desc {font-size: 40px;} */
  /* .pr-edu .title .desc strong {font-size: 50px;} */
  .pr-edu .title .desc .watermark {font-size: 60px;}
  .pr-edu .slider li:nth-child(1),
  .pr-edu .slider li:nth-child(3),
  .pr-edu .slider li:nth-child(5),
  .pr-edu .slider li:nth-child(7) {top: 0; opacity: 1;}
  .pr-edu .slider li:nth-child(2),
  .pr-edu .slider li:nth-child(4),
  .pr-edu .slider li:nth-child(6),
  .pr-edu .slider li:nth-child(8) {top: 50px; opacity: 1;}
}

@media (max-width: 1400px) {
  .pr-edu .scroll {overflow: visible; width: 102%; max-height: none; margin-top: 35px;}
  .pr-edu .slider .content.box4 {padding-bottom: 0;}
}

@media (max-width: 940px) {
  .broken .pr-edu,
  .edit .pr-edu {padding: 46px 0 36px 0;}
  .pr-edu .title > strong {font-size: 20px;}
  .pr-edu .title .desc {font-size: 30px;}
  .pr-edu .title .desc > span {font-size: 35px;}
  .pr-edu .title .desc em {font-size: 35px;}
  .pr-edu .title .desc strong {font-size: 35px;}
  .pr-edu .title .desc .watermark {font-size: 50px; top: 16px;}
  .pr-edu .slider li {padding-right: 20px;}
  .pr-edu .slider .desc strong {font-size: 15px;}
  .pr-edu .slider .desc p {font-size: 14px;}
}

@media (max-width: 815px) {
  .broken .pr-edu,
  .edit .pr-edu {padding: 47px 0 20px 0;}
  .pr-edu .scroll {margin-top: 40px;}
  .pr-edu .slider li {width: 50%; padding: 0 20px 20px 0;}
  .pr-edu .slider li:nth-child(even) {top: 0 !important;}
  .pr-edu .title .desc .watermark {font-size: 35px;}
}

@media (max-width: 660px) {
  .pr-edu .scroll {width: 104%;}
  .pr-edu .title .desc strong span::after {display: none;}
}