/*메인비주얼*/
.inner{max-width:1400px; margin: 0 auto; }
.main_slide .inner {position: relative; height: 100%;}
.main_slide .slide {background-image: url("../images/bg/main_01.jpg"); background-size: cover; background-position: center center;}
.main_slide .slide_txt { position: absolute; top: 50%; transform: translateY(-80%); color: #fff;}
.main_slide .slide_txt small{font-size: 1.4rem; letter-spacing: 3px; opacity: .6; display: block; margin-bottom: .7rem;}
.main_slide .slide_txt p {font-size: 1.5rem; line-height: 1.4;margin-bottom: .5rem; letter-spacing: 2px;}
.main_slide .slide_txt strong {font-size: 3rem; letter-spacing: 3px;}
.main_slide .slick-dots li{width: 10px;height: 10px;}
.main_slide .slick-dots li button:before {content: '' !important;}
.main_slide .slick-dots li button {background: rgba(255,255,255,.35); width: 10px; height: 10px; border-radius: 50px;}
.main_slide .slick-dots li.slick-active button{background: #fff;}
.main_slide .slick-dots {bottom: 30%; position: relative; max-width: 1400px; margin: 0 auto; text-align: left;}
.main_slide .slick-dotted.slick-slider {margin-bottom: 0;}
.main_slide.slick-slider,.main_slide .slick-list, .main_slide .slick-track {height: 70vh; margin-bottom: 0;}
.main_slide .slick-arrow{display: none !important;}
.m_top {display: flex;}
.m_top .visual {width: calc(100% - 90px)}
.m_top .quick {width: 90px; }
.m_top .quick ul{display: flex; flex-wrap: wrap;  height: 100%; align-items: end;}
.m_top .quick li{ width: 100%; display: flex; justify-content: center; align-items: center;} .m_top .quick li a:hover{text-decoration: none;}
.m_top .quick li:first-child{order: 2; background: #0E1F43; height: 45%;}
.m_top .quick li:first-child a{color: #fff;}
.m_top .quick li a .more{position: relative; background: url("../images/layout/main/ico_more01.png") center no-repeat;  display: inline-block; width: 18px; height: 20px; margin-top: 20px; transition:  all .3s;}
.m_top .quick li:last-child a .more{background: url("../images/layout/main/ico_more02.png") center no-repeat; }
.m_top .quick li a:hover .more{transform: translateY(-5px)}

/*정보*/
.info_wrap{display: flex; position: relative;width: calc(100% - 90px);}
.info_left{color: #fff;width: 50%; position: relative;background: #2E3D5B;}
.info_left:after{content: ''; width: 100%; height: 100%; background: #2E3D5B; position: absolute; left: 0; top: -70px;}
.info_left p {font-size: 2rem; }
.info_left span{display: block; color: rgba(255,255,255,.75); font-weight: 300; font-size: 1.1rem;}
.info_left .txt {width: 530px; margin: 0 auto;position: relative; z-index: 1;}
.info_left li+li{padding-top: 1rem;}
.info_left .more {text-align: right; position: absolute; z-index: 1; bottom: 50px; right: 50px;}
.info_left .more a{color: #fff; font-weight: 300; position: relative; }
.info_left .more a:after{content: ''; display: inline-block; width: 20px ; height: 20px; background:rgba(255,255,255,.1); vertical-align: middle; margin-left: 15px; border-radius: 20px;}
.info_left .more a:before{content: ''; display: block; position: absolute; right: 7px; top: 4px; width: 20px; height: 10px; background: url("../images/layout/main/btn_more_01.png") no-repeat;transition: all .3s }
.info_left .more:hover a:before{transform: translateX(5px);}
.info_right{width: 50%;}
.info_right .schedule{display: flex; justify-content: space-between; align-items: center; background: #A39890; color:#fff; padding: 35px; height: 100px;}
.info_right .schedule .tit{font-size: 1.3rem; margin-right: 40px;}
.info_right .schedule ul{width: calc(100% - 250px )}
.info_right .schedule ul em{font-style: normal; line-height: 2rem; color: rgba(255,255,255,.5); font-weight: 500; display: inline-block; margin-right: 40px;}
.info_right .schedule ul span{font-weight: 500;}
.info_right .schedule ul li{height: 54px; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center; flex-wrap: wrap;}
.info_right .schedule .more{position: relative; display: block;background: #867C75; width:25px; height:25px; border-radius: 40px; transition: all .3s;  vertical-align: middle; }
.info_right .schedule .more:before,
.info_right .schedule .more:after{content: "";position: absolute;top: 11px; left: 6px; display: block;width: 12px;height: .1rem;background: #fff; border-radius: 1px;}
.info_right .schedule .more:after{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}
.info_right .schedule .more:hover{background: #6d655f;}

/*학사일정*/
.info_right .schedule .arrows_box button{width: 15px; height: 15px; display: inline-block; cursor: pointer; vertical-align: middle;}
.info_right .schedule .arrows_box .prev {background: url("../images/layout/main/arrow-left.png") center no-repeat;}
.info_right .schedule .arrows_box .pause {background: url("../images/layout/main/pause.png") center no-repeat;}
.info_right .schedule .arrows_box .play {background: url("../images/layout/main/play.png") center no-repeat;}
.info_right .schedule .arrows_box .next {background: url("../images/layout/main/arrow-right.png") center no-repeat;}

/*퀵메뉴*/
.info_right .link_group {display: flex; height: calc(100% - 100px); }
.info_right .link_group li{width: 100%; background:#F7F7F7; padding: 40px 30px; } .info_right .link_group li:hover a{ text-decoration: none; }
.info_right .link_group li:nth-child(2){background:#F3F3F3; }
.info_right .link_group p{font-size: 1.25rem; color: #666; font-weight: 600; margin-bottom: 20px;} .info_right .link_group em{font-size: 1.25rem; color: #666; font-weight: 600; margin-bottom: 20px; display:block; font-style:normal;}
.info_right .link_group span{color: #777; font-weight: 500; display: block; min-height: 48px; margin-bottom: 20px;}
.info_right .link_group .more {position: relative; display: block;background: #ECEBEB; width:40px; height: 40px; transition: all .5s ease;-ms-transition: all .5s ease;-webkit-transition: all .5s ease; border-radius: 40px;  vertical-align: middle;  }
.info_right .link_group .more:before,
.info_right .link_group .more:after{content: "";position: absolute;top: 18px; left: 12px; display: block;width: 16px;height: 2px;background: #C4C4C4; border-radius: 1px;}
.info_right .link_group .more:after{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}
.info_right .link_group li:hover .more{transform: translateY(-5px); background: #888;}
.info_right .link_group li:hover .more:before,
.info_right .link_group li:hover .more:after{background: #fff;}

/*공지사항*/
.m_notice {margin: 100px 0; padding-bottom: 100px; }
.m_notice .inner{position: relative;}
.notice_item {display: flex; }
.notice_item dt  { width: 20%; font-size: 1.8rem;word-wrap: normal;}
.notice_item dt a{color: #CECECE;  font-weight: 600;} .notice_item dt a:hover{text-decoration: none;}
.notice_item dd{width: 80%; position: absolute; left: 20%; top: 0;}
.notice_item ul{display: flex; /*justify-content: space-between;*/}
.notice_item ul li{width: calc(100% / 3); transition: all .3s } .notice_item ul li+li{margin-left:40px;}
.notice_item ul li .subject{ padding-bottom: 10px; min-height: 76px;}
.notice_item ul li .subject span{font-size: 1.3rem; transition: all .5s;font-weight: 500; color: #333; height: 62px;box-sizing: content-box; overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.notice_item ul li .txt {display:  block; padding-top: 10px; color: #555; max-height: 84px; min-height: 84px; overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.notice_item ul li .date{display:  block; margin-top: 10px; color: #888; font-size: .95rem;}
.notice_item ul li:hover {transform: translateY(-5px)}
.notice_item .more {position: relative; display: none; background: #ECEBEB; width: 35px; height: 35px; border-radius: 30px; vertical-align: sub;transition: all 0.3s;}
.notice_item .more:before{display: block;content: "";width: 8px;height: 8px;border: 2px solid transparent;border-top: 2px solid #C4C4C4;border-left: 2px solid #C4C4C4;position: absolute;top: 12px;left: 45%;border-radius: 2px;margin-left: -8px;transform: rotate(135deg);-ms-transform: rotate(135deg);}
.notice_item dt:hover .more{transform: translateX(5px); background: #888;}
.notice_item .active {color: #333;}
.notice_item .active~.more{display: inline-block; margin-left: 10px;} .notice_item ul li .subject {border-bottom: 1px solid #bdbdbd; margin-bottom: 10px; padding-bottom: 20px;}.notice_item ul li:hover .subject span{text-decoration: underline;}

/*뉴스*/
.m_news{background:#F7F7F7; padding: 80px 0;}
.m_news .tit{text-align: center; margin-bottom: 30px;}
.m_news .tit h2{ font-size: 2rem; color: #333; font-weight: 600; margin-bottom: 10px;}
.m_news .tit .more {position: relative; background: #ECEBEB; width: 35px; height: 35px; border-radius: 30px; display: inline-block; vertical-align: sub; transition: all .3s}
.m_news .tit .more:before{display: block;content: "";width: 8px;height: 8px;border: 2px solid transparent;border-top: 2px solid #C4C4C4;border-left: 2px solid #C4C4C4;position: absolute;top: 12px;left: 45%;border-radius: 2px;margin-left: -8px;transform: rotate(135deg);-ms-transform: rotate(135deg);}
.m_news .more:hover {transform: translateX(5px); background: #888;}
.m_news .tit p{color: #818181;}
.news_list {display: flex;justify-content: space-between;}
.news_list li{width: calc(33.33% - 40px); height: 360px; overflow: hidden; position: relative;}
.news_list li a{display: inline-block; width: 100%; height: 100%; position: relative;}
.news_list li a img{position: absolute;top: 50%;left: 50%; width: 100%!important; height: 100%!important;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); object-fit: cover;} .news_list li a .no_img{transform: translate(-50%,-50%) scale(1.3);}
.news_list li a .subject {position: absolute; bottom: 0; width: 100%; background: linear-gradient(357.81deg, rgba(0, 0, 0, 0.61) 0%, rgba(0, 0, 0, 0) 90.96%); padding: 90px 30px 30px; color: #fff; font-weight: 500;}
.news_list li a .subject p{position: relative; z-index: 1; font-size: 1.4rem; max-height: 70px; overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_list li:hover:after {content: '';position: absolute;bottom: 0;width: 100%;height: 160px;display: block;background-color: #F29300;animation: .3s over;} img.landscape {max-height: 100% !important;height: 100% !important;width: auto !important;max-width: none;} img.portrait {max-width: 100% !important;width: 100% !important; height:auto !important;max-height: none;}
@keyframes over{
    0%{
	   height: 0;
	   opacity: 0;
    }
    100%{
	   height: 160px;
	   opacity: 1;
    }
}

@media all and (max-width:1400px){

    /*메인비주얼*/
    .main_slide .slick-dots{padding: 0 15px;}
 
}


@media all and (max-width:1200px) {
  
    /*정보*/
    .info_wrap {flex-wrap: wrap; width: 100%;}
    .info_left{width: 100%; padding: 40px 0;}
    .info_left:after{display: none;}
    .info_left .txt{width: 900px; padding:10px 20px 20px;}
    .info_right{width: 100%;}
    .info_right .schedule{height: 70px;}
    .info_right .link_group {height: auto;}
    
    /*공지사항*/
    .m_notice{margin: 60px 0; height: 300px;}
    .notice_item{display: inline-block; margin-right: 10px;}
    .notice_item dt{width: initial;}
    .notice_item dd{width: 100%; left: 0; top: 60px; padding: 0 15px;}
    .notice_item .more{position: absolute; right: 15px;}
    .notice_item ul li .subject span {height: 50px}
    .notice_item ul li .txt{max-height: 85px; min-height: auto;}
    
    /*뉴스*/
    .news_list li a .subject p{min-height: 52px; font-size: 1.2rem;}
}

@media (max-width: 992px) {
 
    /*메인비주얼*/
    .m_top{flex-wrap: wrap;}
    .m_top .visual{width: 100%;}
    .m_top .quick {width: 100%;}
    .m_top .quick a{padding: 20px 0;}
    .m_top .quick ul{align-items: center; flex-wrap: nowrap;}
    .m_top .quick li:first-child{height: 100%;}
    .m_top .quick li a .more {height: 16px; margin-top: 0; margin-left: 10px; top:3px;}
    
    /*정보*/
    .info_left{padding: 20px 0 30px;}
    .info_left .txt{width: 100%;}
    .info_left .more{position: static;padding-right: 20px;}
    .info_right .schedule{padding: 15px;}
    .info_right .schedule .arrows_box {display: none;}
    .info_right .schedule .tit{margin-right: 20px;}
    .info_right .schedule ul{width: calc(100% - 105px)}
    .info_right .schedule ul span {display: block;}
    .info_right .link_group li{padding: 25px 10px;}
    .info_right .link_group .more{width: 30px; height: 30px;}
    .info_right .link_group .more:before, .info_right .link_group .more:after{top: 14px; left: 7px;}
    
    /*공지사항*/
    .m_notice{margin: 40px 0;}
    .notice_item dt {font-size: 1.6rem;}
    .notice_item .active~.more  {width: 28px; height: 28px; margin-left: 10px;}
    .notice_item .active~.more:before{top: 8px;}
    .m_news{padding: 40px 0;}
    .m_news .tit h2{font-size: 1.6rem;}
    .m_news .tit .more {width: 28px; height: 28px; margin-left: 10px;}
    .m_news .tit .more:before{top: 8px;}
    
    /*뉴스*/
    .news_list li {width: calc(33.33% - 15px); height: 250px;}
 
    
}

@media all and (max-width:768px) {
    
    /*메인비주얼*/
    .main_slide .slide_txt small{font-size: 1.2rem;}
    .main_slide .slide_txt p{font-size: 1.4rem;}
    .main_slide .slide_txt strong {font-size: 2.5rem;}
    .main_slide.slick-slider, .main_slide .slick-list, .main_slide .slick-track {height: 60vh;}
    
    /*정보*/
    .info_left p{font-size: 1.7rem;}
    
    /*공지사항*/
    .m_notice{height: 370px;}
    .notice_item ul{flex-wrap: wrap;}
    .notice_item ul li{width: 100%; padding-bottom: 10px; margin-bottom: 10px; margin-left:0 !important;}
    .notice_item ul li .subject{border-bottom: 0; padding-bottom: 0; min-height: 20px;}
    .notice_item ul li .subject span{-webkit-line-clamp: 1; height: 24px;}
    .notice_item ul li .txt{-webkit-line-clamp: 1; max-height: 24px; padding-top: 0;}
    .notice_item ul li .date{margin-top: 5px;color: #bdbdbd;}
    
    /*뉴스*/
    .news_list li:last-child{display: none;}
    .news_list li{width: calc(50% - 10px); }
    .news_list li a .subject{padding: 90px 15px 15px;}
   
    
}


@media all and (max-width:566px) {

    .news_list{flex-wrap: wrap;}
    .news_list li {width: 100%; margin-bottom: 10px;}
    .news_list li a .subject{padding: 30px 15px 15px; width: 100%;}
    .news_list li:hover:after{height: 120px;}
    @keyframes over{
	   0%{
		  height: 0;
		  opacity: 0;
	   }
	   100%{
		  height: 120px;
		  opacity: 1;
	   }
    }
  
    
}


@media all and (min-width:991px){
    .m_top .quick a{writing-mode: tb;-webkit-writing-mode:tb;-ms-writing-mode: tb-rl;}
}