/*메인비주얼*/
.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: 10%; position: relative; max-width: 1400px; margin: 0 auto; text-align: right;}
.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;}

.m_top {display: flex;}
.m_top .visual {width: 100%;}


/*학사일정*/
.schedule{display: flex; max-width: 1400px; margin: 0 auto;}
.schedule .tit{width: 20%;  color: #fff; position: relative; padding: 30px 0;}
.schedule .tit:before{content: '';width: 200%; height: 100%; background: #2E3D5B; position: absolute; top: 0; right: 0; z-index: -1; }
.schedule .tit small{letter-spacing: 3px; }
.schedule .tit p {font-size: 1.5rem; font-weight: 600;}
.schedule .cont {width: 80%; position: relative;}
.schedule .cont:before{content: '';width: 200%; height: 100%; background: #F7F7F7; position: absolute; top: 0; left: 0; z-index: -1; }
.schedule .month {position: absolute; left: -35px; top: 50%; transform: translateY(-50%); background: #fff; text-align: center;padding:10px 20px; box-shadow: 0 5px 20px rgba(0,0,0,.1) }
.schedule .month span{display: block; color: #2E3D5B; font-size: 1.5rem; font-weight: 900;}
.schedule .month small{color: #2E3D5B;}
.schedule_list {padding: 33px 0 30px 100px; display: flex;}
.schedule_list li{width: calc(100% / 3);letter-spacing: .03rem; position: relative;}
/*.schedule_list li+li:before{content: ''; display: inline-block; position: absolute; left: 0; width: 1px; height: 100%;background: #ddd;}*/
.schedule_list li span{color:#868686; font-weight: 500; display: inline-block; margin-bottom: 5px; font-size: .95rem;}
.schedule_list li p{color: #333; font-size: 1.1rem; font-weight: 500; }
.schedule .more{position: absolute; top: 6px; left: -15px; display: block;background: #867C75; width:25px; height:25px; border-radius: 40px; transition: all .3s;  vertical-align: middle; }
.schedule .more:before,
.schedule .more:after{content: "";position: absolute;top: 50%; transform: translateY(-50%); left: 7px; display: block;width: 11px;height: .1rem;background: #fff; border-radius: 1px;}
.schedule .more:after{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}

/*공지사항*/
.m_notice {padding: 100px 0 430px;  background: #BDB3AD url("../images/layout/common/notice_bg.png") left bottom no-repeat; }
.m_notice .inner{position: relative;}
.notice_item {display: inline-block;}
.notice_item dt  { font-size: 1.4rem;  display: inline-block; padding-left: 15px; }
.notice_item dt a{color: rgba(255,255,255,.5);  font-weight: 600; }
.notice_item:first-child dt{padding-left: 0;}
.notice_item dd{width: 100%; position: absolute; left: 0; top: 65px;}
.notice_item ul{display: flex; /*justify-content: space-between;*/}
.notice_item ul li{width: calc(100% / 3); padding: 45px 40px; background: #fff; transition: all .3s; box-shadow: 0 4px 12px rgba(0,0,0,.1)} .notice_item ul li+li{margin-left:40px;}
.notice_item ul li .subject{ padding-bottom: 20px; min-height: 82px;}
.notice_item ul li .subject span{font-size: 1.3rem; transition: all .5s;font-weight: 600; color: #333; max-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;  color: #555; max-height:70px; min-height: 70px; 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: 40px; color: #555; font-size: .95rem;}
.notice_item ul li:hover{transform: translateY(-5px)}
.notice_item ul li:hover .subject span{text-decoration: underline;}
.notice_item .more {position: absolute; top: -60px; right: 0;   width: 35px; height: 35px; border-radius: 30px; vertical-align: sub;transition: all 0.3s;}
.notice_item .more:before,
.notice_item .more:after{content: "";position: absolute;top: 18px; left: 12px; display: block;width: 20px;height: 2px;background: #5C5047; }
.notice_item .more:after{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}
.notice_item .more:hover{transform: translateY(-3px); }
.notice_item .active {color: #fff; font-size: 1.8rem;}
.notice_item .more{display: inline-block; margin-left: 10px;}

/*메인-게시판*/
.m_board{display: flex; max-width: 1400px; margin: 0 auto; padding: 100px 0;}
.m_board .tit  {margin-bottom: 20px; position: relative;}
.m_board .tit h2{ font-size: 1.8rem; color: #333; }
.m_board .more{display: inline-block; position: absolute; right: 0; top: 0; width: 20px; height: 20px; transition: all .3s}
.m_board .more:before,
.m_board .more:after{content: "";position: absolute;top: 18px; left: 0; display: block;width: 20px;height: 2px;background: #5C5047; }
.m_board .more:after{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}
.m_board .more:hover{transform: translateY(-3px); }
.m_list {width: 40%;position: relative;}
.m_list li{background: #F6F6F6; margin-bottom: 20px; padding: 20px 35px; transition: all .3s;}
.m_list li a{display: flex; align-items: center;}
.m_list li .date{ text-align: center; width: 60px;}
.m_list li .date span{display: block;color: #9B928B; font-size: 2rem; font-weight: 800;}
.m_list li .date em{color: #9B928B; font-weight: 600; font-style: normal; font-size: .9rem; }
.m_list li .subject {padding-left: 40px; width: calc(100% - 60px);}
.m_list li .subject p {font-size: 1.15rem; margin-bottom: 5px; font-weight: 600;max-height:28px; overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.m_list li .subject span{ display: block; max-height:24px; overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
/*.m_list li:hover {box-shadow: 0 5px 20px rgba(0,0,0,.1)}*/
.m_list li:hover p{text-decoration: underline;}

.m_gallery {width: 60%; padding-left: 80px; position: relative;}
.m_gallery ul {display: flex; /*justify-content: space-between;*/}
.m_gallery li{width: 50%;} .m_gallery li+li{margin-left:15px;}
.m_gallery li a{display: inline-block; width: 100%; height: 100%;}
.m_gallery li .thumb{ position: relative;height: 300px; overflow: hidden; position: relative;}
.m_gallery li 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%); transition: all .3s;    object-fit: cover;} .m_gallery li .no_img{transform: translate(-50%,-50%) scale(1.4);}
.m_gallery li .subject{font-size: 1.15rem; margin-top: 20px; font-weight: 600;max-height:56px; overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.m_gallery li:hover img{transform: translate(-50%,-50%) scale(1.1);} .m_gallery li:hover .no_img{transform: translate(-50%,-50%) scale(1.4);}
.m_gallery li:hover .subject p{text-decoration: underline;} 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;}
/*.m_gallery li .thumb{height:375px;}*/

@media all and (max-width:1400px){
    
    /*메인비주얼*/
    .main_slide .slick-dots{padding: 0 15px;}
    
    /*학사일정*/
    .schedule {padding: 0 15px;}
    /*공지사항*/
    .notice_item{display: inline-block; }
    .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: 55px}
    .notice_item ul li .txt{min-height: 85px;}
   
    /*메인게시판*/
    .m_board{padding: 100px 15px;}
 
}
@media all and (max-width:1200px) {
    /*공지사항*/
    .notice_item ul li{width: calc(33.33% - 20px);} .notice_item ul li+li{margin-left:20px;}
    
}

@media (max-width: 992px) {

    /*메인비주얼*/
    .m_top{flex-wrap: wrap;}
    .m_top .visual{width: 100%;}
    .m_top .quick {width: 100%;}
    .m_top .quick a{writing-mode: initial;-webkit-writing-mode:initial;-ms-writing-mode: initial; 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;}
    
    /*공지사항*/
    .notice_item dt { padding-left: 10px;}
    .notice_item dt a{font-size: 1.4rem;}
    .notice_item dt a.active{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;}
    
    /*메인게시판*/
    .m_board .tit h2{font-size: 1.6rem;}
    .m_board{flex-wrap: wrap; padding: 50px 15px;}
    .m_list{width: 100%;}
    .m_gallery{width: 100%; padding:30px 0 0 0;}
    .m_gallery li .thumb {height: 240px;}
}

@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;}
    
    
    /*학사일정*/
    .schedule .tit {width: 45%;}
    .schedule .cont{width: 55%;}
    .schedule_list{padding-left: 50px;}
    /*공지사항*/
    .m_notice{height: 370px; padding: 50px 0 470px}
    .notice_item ul{flex-wrap: wrap;}
    .notice_item ul li{width: 100%; padding: 15px 20px; margin-bottom: 10px; margin-left:0 !important;}
    .notice_item ul li .subject{border-bottom: 0; padding-bottom: 10px; min-height: auto;}
    .notice_item ul li .subject span{-webkit-line-clamp: 1; height: 24px;}
    .notice_item ul li .txt{-webkit-line-clamp: 1; min-height: 24px; padding-top: 0;}
    .notice_item ul li .date{margin-top: 5px;color: #bdbdbd;}
    
    /*메인-게시판*/
    .m_list li{padding: 15px 20px; margin-bottom: 10px;}
    .m_list li .subject{padding-left: 30px;}
}


@media all and (max-width:566px) {
    
    /*메인-게시판*/
    .m_gallery ul{flex-wrap: wrap;}
    .m_gallery li {width: 100%; margin-bottom: 20px; margin-left:0 !important;}
    .m_gallery li .subject {max-height: 25px;-webkit-line-clamp: 1;}
}