/** slider **/
.ee-slider {position: relative;border-radius: 20px}
.swiper-slide::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.np-main .mtit {font-size:36px;font-weight:700;line-height:1.4;letter-spacing:-1px;color:#fff;text-shadow:2px 4px  6px rgba(0,0,0,0.3);}
.np-main .stit{font-weight:400;font-size:24px;line-height:1.4;letter-spacing:-1px;color:#fff;text-shadow:2px 4px  6px rgba(0,0,0,0.4);}
a.mvnews-link {border:0px solid #fff;background:rgba(255,255,255,0.5);font-size:1rem;font-weight:700;line-height:1;padding:10px 26px;color:#fff;display:inline-block;text-shadow:1px 2px  6px rgba(0,0,0,0.6);border-radius:20px;transition:all 0.2s}
a.mvnews-link:hover {background:#193889;color:#fff;}

@media (max-width: 991.98px) {
  .np-main .mtit {font-size:30px;}
  .np-main .stit {font-size:20px;}
}

@media (max-width: 767.98px) {
  .np-main .mtit {font-size:28px;}
  .np-main .stit {font-size:18px;}
}

@media (max-width: 575.98px) {
  .np-main .mtit {font-size:26px;}
  .np-main .stit {font-size:16px;}
  a.mvnews-link {padding:8px 22px;}
}


/** news-wrap **/
#news-wrap {
    position: relative;
    padding: 80px 0px;
    background: #fff url('../images/site/m-bgimage.jpg')no-repeat center bottom;
}
.ee-news.card {border-radius: 20px;border: 0px solid #eee;color: #444}
.ee-news.card.grayline {border: 2px solid #eee;}
.ee-news.card.noline .card-img {border: 1px solid #ccc;}
.ee-news.card:hover {border-color: #19398A !important;transition: all 0.51s;}
.ee-news.card:hover .tit {color: #19398A !important;text-decoration:underline}

.m-tit {margin-bottom:26px;font-size:26px;}
.tit-line {border-bottom:1px solid rgba(255,255,255,0.43);margin:14px 0 24px}
.m-tit2 {margin-bottom:0px;font-size:24px;}
a.more {font-size:15px;font-weight:500;color:#000}
a.more:hover {color:var(--cnvs-themecolor);}
a.more2 {font-size:14px;font-weight:500;color:#fff}
a.more2:hover {color:#f5b300}
.grid-inner a.thelink { color:#000; }
.grid-inner a.thelink:hover { color:#293b84; text-decoration:underline; }

.ee-news .card-body { margin-bottom:20px; padding-top:0 !important;/* padding-bottom:1rem !important;  */}
.ee-news .title {
    letter-spacing: -0.04em;
    color: #444;
    font-weight: 500;
    font-size: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.4em;
    margin-bottom:10px;

}
.ee-main-news .no-thumb .title {
    font-size: 26px;
    letter-spacing: -0.5px;
    font-weight: 500;
    line-height: 1.3;
}


@media (max-width: 579.98px) {
  .ee-main-news .no-thumb .title:not(.firstnews) { border-top:1px dotted #ddd; padding-top:10px; }
}

.ee-news .summary {
    font-size:0.9rem;
    color:#212529;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
}

.ee-news .date {
    font-size: 14px;
    font-weight: 300;
    color: #888;
    margin-top: 10px
}

.ee-news .card-body {
    padding: 2.2rem
}
.ee-news.noline .card-body {
    padding: 1.0rem
}
.ee-news .card-body.pd2 {
    padding: 2.5rem
}
/*
.ee-news .card-img, .ee-news .card-img-top {
    border-top-left-radius: calc(20px - 1px);
    border-top-right-radius: calc(20px - 1px);
}

.ee-news .card-img, .ee-news .card-img-bottom {
    border-bottom-right-radius: calc(20px - 1px);
    border-bottom-left-radius: calc(20px - 1px);
}
*/

.ee-news .card-img, .ee-news .card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ee-news .card-img, .ee-news .card-img-bottom {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.edu-curriculum { background-image: url('/_skin/ko/images/site/m-edu-01.jpg'); }
.edu-requirement { background-image: url('/_skin/ko/images/site/m-edu-02.jpg'); }
.edu-ssai { background-image: url('../images/site/m-edu-03.jpg'); }
.edu-imai { background-image: url('/_skin/ko/images/site/m-edu-04.jpg'); }
.edu-imic { background-image: url('/_skin/ko/images/site/m-edu-05.jpg'); }
.edu-gsai { background-image: url('/_skin/ko/images/site/m-edu-06.jpg'); }

@media (max-width: 576.98px) {
    #news-wrap {padding:46px 0px}
  .ee-news .tit {font-size:18px;}
}

/** event **/
#event {position: relative;padding:80px 0px 60px;
  background-image:  linear-gradient(#1C409B 1px, transparent 1px), linear-gradient(to right, #1C409B 1px, #19398a 1px);
  background-size: 20px 20px;
}
#event h4{color:#dfe4ea;font-size:1.75rem}

.list-bbs {list-style:none;margin:0;padding:0;}
.list-bbs li{position:relative;font-size:18px;line-height:24px;}
.list-bbs.mb li {margin-bottom:12px;position:relative;}
.list-bbs.mb li:last-child {margin-bottom:0}

.list-bbs li a {color:#fff;width:100%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;display:block;font-weight:500;letter-spacing:-0.5px;}
.list-bbs li a:hover {color:#c7ecee  ;text-decoration:underline !important}
.list-bbs li span.date{font-size:14px;line-height:28px;font-style:normal;color:#ced6e0;overflow:hidden;text-align:right;}

@media (max-width: 767.98px) {
  .list-bbs li{ font-size:14px;}
  .list-bbs.mb li {margin-bottom:2px;}
  .pub-wrap a {padding:8px;margin-bottom:4px;font-size:15px;}
}

@media (max-width: 579.98px) {
  .list-bbs li span.date {display:none}
  .list-bbs li a {width:100%;}
}


/** infos **/
#infos {
    position: relative;
    padding: 120px 0px 100px;
    background: #fff url('../images/site/bg-ic2.png') no-repeat left center;
    background-attachment: fixed;
}

.ee-edu h4.card-title{font-size:20px;margin-bottom:0}
.ee-edu .flip-card-front, .ee-edu .flip-card-back {height:220px}
.ee-edu .flip-card-front::after, .ee-edu .flip-card-back::after {opacity: 0.4;}

.bg-ee01 {background-color:#16a085}
.bg-ee02 {background-color:#2980b9}
.bg-ee03 {background-color:#8e44ad}
.bg-ee04 {background-color:#f39c12}
.bg-ee05 {background-color:#e74c3c}
.bg-ee06 {background-color:#34495e}

@media (max-width: 767.98px) {
  #infos {background-image:none;    padding: 60px 0px 40px}
}

@media (max-width: 576.98px) {
  .ee-edu .flip-card-front, .ee-edu .flip-card-back {height:180px}
}


/* main */
#popupModal .modal-title { font-size:1.5rem; }
#popupModal .modal-footer { position:relative; }
#popupModal .carousel-indicators [data-bs-target] { background-color:rgb(40, 60, 117); height:10px; margin-top:1px;}
#popupModal .carousel-indicators {position: relative; right: auto; bottom: auto; left: auto; z-index: 2; margin-right: 20px; margin-bottom: 0; margin-left: 20px; }
#popupModal .carousel-control-next,
#popupModal .carousel-control-prev { border-radius:50%; position:relative; }
#popupModal .carousel-control-next:hover,
#popupModal .carousel-control-prev:hover { color: #000; opacity: .4; }
#popupModal .carousel-control-next-icon,
#popupModal .carousel-control-prev-icon { background-size:50%; filter: invert(1) grayscale(100); }
#popupModal .carousel-control-next, #popupModal .carousel-control-prev { width: 30px; }
#popupModal .popup-modal h3.poptitle { text-align:center; margin-top:0; margin-bottom:20px; padding:5px; font-size:25px; color: #283c75;}
#popupModal .popup-modal .carousel-control-next, #popupModal .carousel-control-prev { width: auto; }
#popupModal .carousel-control-prev:hover, #popupModal .carousel-control-next:hover { background-color:rgba(0, 0, 0, .2); }



.img-ho,
.img-hoin {display: block;overflow: hidden; margin-bottom:1rem;}
.img-ho img,
.img-hoin img {
  -webkit-transform: scale(1.07);
  transform: scale(1.07);
  -webkit-transition: all 0.3s ease;
  transition: all 0.4s ease;
}

.img-ho:hover img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.img-hoin img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.img-hoin:hover img {
  -webkit-transform: scale(1.07);
  transform: scale(1.07);
}

.flip-card-front::after, .flip-card-back::after,
.flip-card-front, .flip-card-back {border-radius:20px;}