@charset "utf-8";

/*slick-active*/

.content-article {position: relative;display: flex;width: 100%;min-height: 1100px;}
.content-article .wrap{}
.content-article section{top:0;left: 0;z-index: 1;position: absolute;background-size: 192rem;background-color: #ffffff;}
.content-article section header{display: flex;width: 100%;justify-content: space-between;align-items: center;padding-bottom: 3rem;}
.content-article section header h1{font-family: Poppins;font-weight: 800;font-size: 2.4rem;line-height: 1em;letter-spacing: 0.025em;}
.content-article section header .more-button{}
.content-article .control-box{display: flex;justify-content: space-between;align-items:center;height: 8rem;border-bottom:0.3rem solid #020202;}
.content-article .control-box .play-button{width: 2.3rem; height: 2.3rem; background: url(../images/icon-pause.png) no-repeat center center; background-size: cover; cursor: pointer;}
.content-article .control-box .control-buttons{display: flex;}
.content-article .control-box .page-box{font-family: NotoSansKR;font-size: 1.5rem;letter-spacing: -0.025em;color:#000000;}
.content-article .control-box .page-box .max-count{color: rgba(0,0,0,0.5);}
.content-article .control-box .play-button{background: url(../images/icon-pause-b.png) no-repeat center center;}
.content-article .control-box.stop .play-button{background: url(../images/icon-play-b.png) no-repeat center center;}
.content-article .control-box .prev-button:hover .icon-arrow::before,
.content-article .control-box .prev-button:hover .icon-arrow i.head:before,
.content-article .control-box .prev-button:hover .icon-arrow i.head:after,
.content-article .control-box .next-button:hover .icon-arrow::before,
.content-article .control-box .next-button:hover .icon-arrow i.head:before,
.content-article .control-box .next-button:hover .icon-arrow i.head:after{background-color: #990000;}

.content-article .news-section.announcement {left: 0; right: auto;}

.content-article .program-section {left: 35%; width: 30%; padding-top:7rem; top: 5px;}
.content-article .program-inner {height: 393px; border-bottom:0.3rem solid #020202;}
.content-article .program-inner + .program-inner {margin-top: 40px;}
.content-article .program-section .program-wrap {border-radius: 30px; background-color: #FFF9F9; text-align: center; padding: 30px 20px;}
.content-article .program-section .program-wrap .title {font-size: 23px; font-weight: 800; color: #990000; font-family: Poppins;}
.content-article .program-section .program-wrap .text {font-size: 18px; color: #333; line-height: 1.2; margin: 30px 0;}
.content-article .program-section .program-wrap a {background-color: #FFE8E8; border-radius: 54px; border-radius: 60px; color: #990000; padding: 16px 20px; line-height: 1.2; font-size: 18px; display: inline-block;}

.content-article .news-section{width: 35%;left: auto; right: 0;padding:7rem 5rem 0rem;transform: translateY(-11rem); top: 115px;}
.content-article .news-section .list-box .item-box{display:flex;border-bottom: 1px solid #e8e8e8;padding-bottom: 3rem;position:relative;line-height: 1em;}
.content-article .news-section .list-box .item-box:first-of-type {padding-bottom: 2rem;padding-left: 0;}
.content-article .news-section .list-box .item-box:first-of-type::before{content:'';}
.content-article .news-section .list-box .item-box:last-of-type{border-bottom:0.3rem solid #020202;}
.content-article .news-section .list-box .item-box .feed-box{display: flex;}
.content-article .news-section .list-box .item-box .title-box{font-size:1.8rem;font-weight: 400;color:#333333;line-height:1.333333333333333em;margin-top:3rem;letter-spacing: -0.02em;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 4.5rem;}
.content-article .news-section .list-box .item-box .content-text {font-weight: 300;font-size: 1.5rem;line-height: 1.466666666666667em;color:#767676;letter-spacing: -0.02em;margin-top: 1rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 4rem;}
.content-article .news-section .list-box .item-box .date-box{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width: 8rem;height: 8rem;border:1px solid #d8d8d8;flex: 1;margin-top:2rem;margin-left: 5rem;font-size: 1.4rem;color:#555555;line-height: 1.571428571428571em;transition-duration: 0.3s;transition-property: background-color,color;}
.content-article .news-section .list-box .item-box .date-box .day-text{font-family:Montserrat;font-weight: 700;font-size: 2.6rem;line-height: 1em;color: #555555;transition-duration: 0.3s;transition-property: background-color,color;}
.content-article .news-section .list-box .item-box .feed-box:hover .title-box{text-decoration: underline}
.content-article .news-section .list-box .item-box .feed-box:hover .date-box{background-color: #990000;color:#fffefe}
.content-article .news-section .list-box .item-box .feed-box:hover .date-box .day-text{color: #fffefe;}

.links-article{width: 100%;position: relative;display: flex;background-color: #990000;}
.links-article .wrap{display: flex;padding:0;}
.links-article section{padding:10rem 5rem 0rem;}
.links-article section header{display: flex;width: 100%;justify-content: space-between;align-items: center;}
.links-article section header h1{font-family: Poppins;font-weight: 800;font-size: 2.4rem;line-height: 1em;letter-spacing: 0.025em;color:#ffffff;}
.links-article section header .more-button{}

.links-article section .link-list{display: flex;flex-direction: column;margin-top: 9rem;margin-bottom: 9rem;position: relative;z-index: 1;}
.links-article section .link-list .link-item{display: flex;justify-content:space-between;align-items: center;width:100%;height: 5rem;font-family: Open Sans;font-weight: 400;font-size: 1.7rem;color:#ffffff;letter-spacing: -0.03em;line-height: 1.411764705882353em;border-bottom: 0.3rem solid rgba(255,255,255,0.35);transition-duration: 0.5s;transition-property: border-bottom-color;}
.links-article section .link-list .link-item .icon-arrow{width: 2rem;transform: rotate(180deg) translateX(2rem);opacity: 0;transition-duration: 0.6s;transition-property: opacity,transform;}
.links-article section .link-list .link-item:hover{border-bottom: 0.3rem solid rgba(255,255,255,1)}
.links-article section .link-list .link-item:hover .icon-arrow{width: 2rem;transform: rotate(180deg) translateX(0rem);opacity: 1;}

.links-article .programs-section{width: 28%;background-color: #990000;border-bottom: 0rem solid #181818;position: relative;}
.links-article .programs-section::before{content:'';display: block;position: absolute;top:0;left:-100%;width: 100%;height: 100%;background-color: #990000;border-bottom: 2rem solid #181818;}
.links-article .programs-section::after{content:'';display: block;background-image:url('../images/bg-programs-section.png');position: absolute;bottom:0;left:0;width: 20.2rem;height: 19.8rem;transform: translateX(-50%)}

.links-article .people-section{width: 32%;background-image:url('../images/bg-people-section.png');background-size: cover;border-bottom: 0rem solid #181818;}

.links-article .why-section{width: 40%;background-image:url('../images/bg-why-section.png');background-size: cover;position: relative;border-top: 0;padding: 8rem 5rem 0rem;}
.links-article .why-section::after{content:'';display: block;position: absolute;/* top:-2rem; */right:-100%;width: 100%;height: 100%;background-color: #2b2d3b;border-bottom: 2rem solid #181818;}
.links-article .why-section header h1:before{content:'';background-image:url('../images/icon-why.png');width: 7.9rem;height: 5.2rem;display: inline-block;}

.links-article .why-section h2{font-family: Open Sans;color:#ffffff;font-size: 1.6rem;line-height:1.5em;letter-spacing: -0.03em;margin-top: 1.5rem;margin-left: 2rem;}
.links-article .why-section p{font-family: Open Sans;color:#ffffff;font-size: 1.6rem;line-height:1.5em;letter-spacing: -0.03em; margin-top: 2.5rem;margin-left: 2rem;}
.links-article .why-section .link-button{display: flex;justify-content:space-between;align-items: center;width:22rem;height: 5rem;font-family: Open Sans;font-weight: 400;font-size: 1.7rem;color:#ffffff;letter-spacing: -0.03em;line-height: 1.411764705882353em;border-bottom: 0.3rem solid rgba(255,255,255,0.35);transition-duration: 0.5s;transition-property: border-bottom-color;margin-top: 4.7rem;margin-left: 2rem;}
.links-article .why-section .link-button .icon-arrow{width: 2rem;transform: rotate(180deg) translateX(2rem);opacity: 0;transition-duration: 0.6s;transition-property: opacity,transform;}
.links-article .why-section .link-button:hover{border-bottom: 0.3rem solid rgba(255,255,255,1)}
.links-article .why-section .link-button:hover .icon-arrow{width: 2rem;transform: rotate(180deg) translateX(0rem);opacity: 1;}


@keyframes wave {
    0%{opacity: 1;transform: scale(1);}
    100%{opacity: 0;transform: scale(1.5);}
}

@media screen and (max-width:1420px) {
    .content-article {padding: 0 3.2rem;}
    .content-article .schedule-section {padding: 10rem 2rem 0rem;}
    .content-article .research-section {padding: 10rem 2rem 1rem;}
    .content-article .courses-section {padding: 0 2rem}
    .content-article .spotlights-section {padding: 6rem 2rem 0rem;}
    .content-article .news-section {padding:7rem 2rem 0rem;}

    .links-article{padding: 0 3.2rem;}
    .links-article section {padding: 10rem 2rem 0rem;}
}

@media screen and (max-width:1024px) {
    .content-article .schedule-section,
    .content-article .spotlights-section{width: 50%;left: 0;right: auto;padding: 4rem 2rem 0rem;}
    .content-article .research-section,
    .content-article .courses-section,
    .content-article .news-section {width: 50%;left: auto;right: 0;transform: translateY(-11rem);padding: 4rem 2rem 1rem;}
    .content-article .schedule-section::before {content: none;}
    .content-article .courses-section {padding:7rem 2rem 0rem;}
    .content-article .spotlights-section {transform: translateY(0);}
    .content-article .spotlights-section::after{content:none;}
    .content-article .news-section .list-box .item-box .date-box {margin-left: 1rem;}
    .content-article .research-section::after {content: '';width: 100%;height: 100%;display: block;background-color: #ffffff;position: absolute;right: -100%;top: 0;}
    .keyVisual-section .main-slide-list .main-slide-item {height: 48.1rem;}
    .keyVisual-section .main-slide-list .main-slide-item .text-box h3 {font-size: 4.5rem;}
    .keyVisual-section .control-box{bottom: 14rem;}
    .links-article {padding:0;}
    .links-article .wrap{flex-direction: column;;}
    .links-article .programs-section {width: 100%;border-bottom: 0;}
    .links-article .people-section {width: 100%;border-bottom: 0;}
    .links-article .why-section {width: 100%;border-top: 0;padding: 3rem;}
    .links-article section {padding: 3rem;}
    .links-article section .link-list{flex-direction: row;flex-wrap: wrap;margin-top: 5rem;margin-bottom: 1rem;}
    .links-article section .link-list .link-item {width: calc(50% - 2rem);}
    .links-article section .link-list .link-item:nth-of-type(2n-1) {margin-right: 2rem;}
    .links-article section .link-list .link-item:nth-of-type(2n) {margin-left: 2rem;}
    .links-article .why-section .link-button {margin-left: 0;}
    .content-article {padding: 3rem;}
    .content-article section {position: relative;}
    .content-article .schedule-section,
    .content-article .spotlights-section,
    .content-article .research-section,
    .content-article .courses-section,
    .content-article .program-section,
    .content-article .news-section{width: 100%;left: 0;right: auto;top:0;padding: 0rem;transform: translateY(0rem)}
    .content-article section header  {margin-top:3rem;}
    .content-article .schedule-section .control-box {margin-top: 0;}
    .content-article .schedule-section .list-box .item-box .feed-box {padding-bottom: 0;}

    .content-article .program-section {display: flex; gap: 20px;}
    .content-article .program-section .program-inner {height: auto; padding-bottom: 20px; width: 100%;}
    .content-article .program-section .program-inner + .program-inner {margin-top: 0;}
    
      .keyVisual-section .main-slide-list .main-slide-item .text-box h3{
        padding-right: 30px;
      }

}
@media screen and (max-width:767px) {
  .content-article .program-section {flex-wrap: wrap;}
}
@media screen and (max-width:560px) {
  .keyVisual-section .main-slide-list .main-slide-item .text-box h3 a.link-button {
         right:0px;
      }
}
@media screen and (max-width:420px) {

}


#foot_layout{padding-bottom: 55px;}
@media screen and (max-width: 914px){
  #foot_layout{padding-bottom: 90px;}
}