/* header */
.header {position:absolute;background: rgba(0,0,0,.2); border-bottom: 0;}
.header .top_util{background:transparent; border-bottom: 1px solid rgba(255,255,255,.3);transition: all .1s; }
.header .top_util ul li{border-right:1px solid rgba(255,255,255,.3);}
.header .top_util ul li.on {background:#d71920; }
.header .top_util .popup_open {position: relative; display: block; background: transparent; color: #fff; padding: 0 15px 0 34px; font-weight: 600;}.header .top_util .link_gr .search {background: transparent;}
.header .top_util .popup_open:before{ background: url("../images/layout/common/ico_popup_02.png") no-repeat;}
.header .head_menu{height: inherit;background: transparent; border-bottom:0; }
.header .head_menu .gnb .depth01 li a{color: #fff;}
.header .gnb_util{border-bottom: 0;}
.header .gnb_util .btn_ham{background: transparent url('../images/layout/common/btn_ham_w.png') center no-repeat;}
.m_header .gnb_util .btn_ham{background: #fff url('../images/layout/common/btn_ham.png') center no-repeat;}
.m_header .top_util .popup_open:before{ background: url("../images/layout/common/ico_popup.png") no-repeat;}
.m_header .top_util .popup_open {background: #050505;} .m_header .top_util .link_gr .search {background: #050505;}
.m_header:hover .top_util {background: #2B346A;}
.m_header .head_menu h1 span{ color: #333;}
.m_header .head_menu .gnb .depth01 li a{color: #111;}

/*메인비주얼*/
.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%; left: 50%; transform: translate(-50%,-80%); text-align: center; color: #fff;}
.main_slide .slide_txt small{font-size: 1rem; letter-spacing: 4px; opacity: .6; display: block; }
.main_slide .slide_txt p {font-size: 1.3rem; line-height: 1.4;margin-bottom: .5rem; letter-spacing: 2px;}
.main_slide .slide_txt strong {font-size: 3rem; letter-spacing: 3px; margin-bottom: .7rem; display: inline-block;}
.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: 35%; position: relative; max-width: 1400px; margin: 0 auto; text-align: center;}
.main_slide .slick-dotted.slick-slider {margin-bottom: 0;}
.main_slide.slick-slider,.main_slide .slick-list, .main_slide .slick-track {height: 80vh; margin-bottom: 0;}
.main_slide .slick-arrow{display: none !important;}
.main_slide video {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width:100%;}

.m_top {display: flex;}
.m_top .visual {position: relative; width: 100%;}
.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_bak.png") center no-repeat; }
.m_top .quick li a:hover .more{transform: translateY(-5px)}

.mv_arrow {display: flex;justify-content: center;}

.visual .video video {width: 100%; height: 100%; object-fit: cover;}
.visual .video .video-play {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
.visual .video .video-play button {position: relative;z-index: 2;vertical-align: middle;border-radius: 100%;background: #ffffff63;padding: 2rem 1.5rem;}
.visual .video .video-play button img {margin: 0 auto; max-width: 50%;}


.main_slide .slide{background: url(../images/layout/main/main_visual_03.jpg); background-size: cover; background-position: center center;}
.main_slide .slide_txt { position: absolute; top: 45%; transform: translateY(-80%); color: #fff;}
.main_slide .slide_txt span{font-size: 1.4rem; opacity: .6; display: block;}
.main_slide .slide_txt strong{font-size: 3rem;}
.main_slide .slick-dots{bottom: 40%; position: relative;text-align: left; max-width: 1400px; margin: 0 auto;}
.main_slide .slick-dots li{width: 15px; height: 15px;}
.main_slide .slick-dots li button{width: 15px; height: 15px; border-radius: 50px; background: rgba(255,255,255,.35);}
.main_slide .slick-dots li button:before{content: '' !important;}


/*공지사항*/
.m_notice {margin: 100px 0; padding-bottom: 100px; }
.m_notice .inner{position: relative; }
.m_notice dl+dl dt{border-bottom: 1px solid #D4D4D4;}
.m_notice dl:last-child dt{border-bottom: 0;}
.notice_item {display: flex; }
.notice_item dt  {position: relative; width: 20%; font-size: 1.2rem;word-wrap: normal; }
.notice_item dt a{color: #666;  font-weight: 500; padding: 20px; display: block;}
.notice_item dd{width: 75%; position: absolute; left: 25%; top: 0;}
.notice_item ul{display: flex; /*justify-content: space-between;*/}
.notice_item ul li{width: calc(100% / 3); position: relative; transition: all .3s;}
.notice_item ul li+li{margin-left:40px;}
.notice_item ul li:hover {transform: translateY(-10px)}
.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: flex; flex-wrap: wrap; max-width: 70px;  color:#979bb7; margin-bottom: 10px; font-size: .95rem; }
.notice_item ul li .date i{font-style: normal; width: 100%; text-align: left; font-weight: 500; }
.notice_item ul li .date i:first-child{font-size: .9rem; order: 2; letter-spacing: -.02rem; }
.notice_item ul li .date i:last-child{font-size: 1.8rem; font-weight: 600; line-height: 1.2; order: 1; letter-spacing: .03rem;}
.notice_item .more {position: absolute; display: none; width: 20px; height: 20px; top: 50%; right: 10px;  transform: translateY(-50%); transition: all .5s ease;-ms-transition: all .5s ease;-webkit-transition: all .5s ease;  }
.notice_item .more:after{content: "";position: absolute;width: 16px; height: 16px; right: 10px;    top: 50%;transform: translateY(-50%); display: block;background: url("../images/layout/main/ico_more01.png") center center no-repeat;}
.notice_item .more:hover{transform: translateY(-60%); }
.notice_item .active {color: #fff;background: linear-gradient(130deg, #005BAA, #D71920); display: block; width: 100%; height: 100%; font-weight: 600; box-shadow: 0 5px 15px rgba(0,0,0,.25)}
.notice_item .active~.more{display: inline-block; margin-left: 10px; }

/*학과소개*/
.introduce{position: relative; padding: 80px 0; }
.introduce:after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 130%; background:linear-gradient(181deg, #E1EDFF, #FFEFF1 ,transparent); z-index: -1;}
.intro_wrap{display: flex; max-width: 1400px; margin:  0 auto; position: relative;}
.intro_txt{position: relative; width: 50%; padding: 80px 80px 100px; background:rgba(255,255,255,.7); }
.intro_txt:after{content: 'Kyungsung'; position: absolute; right: 20px; bottom: 10px; color:#F4F4F4; font-size: 3.5rem; font-weight: 600; letter-spacing: .1rem; background:linear-gradient(90deg, #D11C26 0%, #208BEB 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;width:fit-content; opacity: .1;}
.intro_txt h2{font-size: 2rem;color: #111;font-weight: bold;margin-bottom: 30px;}
.intro_txt p{margin-bottom: 45px; padding-right: 60px;}
.intro_txt .more{position: relative; color:#C5453D; font-weight: 600; display: inline-block; }
/*.intro_txt .more:before{content: '';  display: inline-block; position: absolute; right: 12px; top: 50%;transition: all .3s; transform: translateY(-50%); width: 50px; z-index: 1; height: 1px;background:#C5453D; }*/
.intro_txt .more:after{content: '';  display: inline-block; transition: all .3s; margin-left: 10px; vertical-align: middle; width: 80px; height: 26px;  top: 50%;  background: url("../images/layout/main/intro_more.png") no-repeat;}
.intro_txt .more:hover:after{transform: translateX(5px);}
.intro_video{width: 50%; padding-left: 25px;}

.quick{display: flex;  max-width: 1400px; margin: 15px auto 0 auto;}
.quick li{width: 25%; text-align: right; padding:40px 15px 15px 40px;background: #2B346A;}
.quick li+li{border-left: 1px solid #586093;}
.quick li p{text-align: left; margin-bottom: 10px;font-size: 1.2rem; font-weight: 500; color:#fff;}
.quick li em{text-align: left; margin-bottom: 10px;font-size: 1.2rem; font-weight: 500;display:block; font-style:normal; color:#fff;}
.quick li span{display: block;text-align: left;margin-bottom: 10px; color: #fff; min-height: 42px;}
.quick li .more {position: relative;display: inline-block;background: #586093;width:40px;height: 40px;transition: all .3s ease;-ms-transition: all .5s ease;-webkit-transition: all .5s ease;border-radius: 40px;vertical-align: middle;}
.quick li .more:before,
.quick li .more:after{content: "";position: absolute;top: 18px;left: 12px;display: block;width: 16px;height: 2px;background: #ffffff;border-radius: 1px;}
.quick li .more:after{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}
.quick li:hover .more{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}

/*뉴스*/
.m_gallery {width: 100%;  position: relative; padding: 50px 0 100px;}
.m_gallery_cont{position: relative; max-width: 1400px; margin: 0 auto;}
.m_gallery .tit{margin-bottom: 20px; }
.m_gallery .tit h2{font-size: 2rem; font-weight:bold; color: #111;}
.m_gallery ul {display: flex; /*justify-content: space-between;*/}
.m_gallery li{width: calc(100% / 3);} .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; border: 1px solid #eee; background: #eee;}
.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.1rem; padding: 20px 0 10px; background: #fff; font-weight: 500;text-align: left; }
.m_gallery li .subject p{max-height: 56px; overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.m_gallery li .date{color: #777;}
.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 .more{display: inline-block; position: absolute; right:0; top: 0; width: 20px; height: 20px; transition: all .3s}
.m_gallery .more:after{content: '';position: absolute;width: 40px; height: 40px; right:0; top: 50%;transform: translateY(-50%); display: block;background: url("../images/layout/main/ico_more02.png") center center no-repeat;}
.m_gallery .more:hover{transform: translateY(-3px); }

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

    /*메인비주얼*/
    .main_slide .slick-dots{padding: 0 15px;}
    /*학과소개*/
    .intro_wrap {padding: 0 15px;}
    /*갤러리*/
    .m_gallery_cont {padding: 0 15px;}
    .m_gallery .more{right: 15px;}
}


@media all and (max-width:1200px) {
    
    /*공지사항*/
    .m_notice{margin: 60px 0; height: 300px;}
    .notice_item{display: inline-block; margin-right: 10px;}
    .notice_item dt{width: initial; position: static;}
    .notice_item dt a {padding: 10px 15px;}
    .notice_item .more:after{background: url("../images/layout/main/ico_more02_bak.png") center center no-repeat;}
    .notice_item .more:hover{transform: translateY(-90%)}
    .notice_item dd{width: 100%; left: 0; top: 70px; 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_notice{margin: 40px 0;}
    
    /*학과소개*/
    .introduce{padding: 50px 0 0;}
    .introduce:after{height: 100%;}
    .intro_txt {padding: 50px 50px 80px; margin-bottom: 15px;}
    .intro_txt p{padding-right: 0;} .main_slide .slick-dots{bottom:15%;}
    
    /*퀵메뉴*/
    .quick  {flex-wrap: wrap;}
    .quick li{width: 50%;border-bottom: 1px solid rgba(255,255,255,.5);}
    
    /*갤러리*/
    .m_gallery{padding: 40px 0;}
    .m_gallery .tit h2{font-size: 1.6rem;}
    .m_gallery .tit .more {width: 28px; height: 28px; margin-left: 10px;}
    .m_gallery .tit .more:before{top: 8px;}
    .m_gallery li .thumb {height: 240px;}
    
    
    /*뉴스*/
    .news_list li {width: calc(33.33% - 15px)}
    
    
}

@media all and (max-width:768px) {
    
    /*메인비주얼*/
    .main_slide .slide_txt{width: 100%;transform: translate(-50%,-50%); }
    .main_slide .slide_txt small{font-size: 1rem;}
    .main_slide .slide_txt p{font-size: 1.2rem;}
    .main_slide .slide_txt strong {font-size: 2.5rem;}
    .main_slide.slick-slider, .main_slide .slick-list, .main_slide .slick-track {height: 60vh;}
    
    
    /*공지사항*/
    .notice_item ul{flex-wrap: wrap;}
    .notice_item ul li{width: 100%; padding-bottom: 10px; margin-bottom: 10px; min-height: 70px; 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; font-size: 1.15rem;}
    .notice_item ul li .txt{-webkit-line-clamp: 1; max-height: 24px; padding-top: 0; padding-left: 80px;}
    .notice_item ul li .date{color: #bdbdbd; position: absolute; margin: 0; background: #f9f9f9;}
    .notice_item ul li .date i{text-align: center; }
    .notice_item ul li .date i:last-child{line-height: 1.7;}
    .notice_item ul li .subject {padding:10px 0 0 80px;}
    
    /*학과소개*/
    .intro_wrap {flex-wrap: wrap;}
    .intro_txt {width: 100%; padding: 30px 30px 80px}
    .intro_video {width: 100%; min-height: 350px; padding: 0;}
    
    /*퀵메뉴*/
    .quick li{padding: 20px;}
    
    /*갤러리*/
    .m_gallery li{width: calc(50% - 15px)}
    .m_public {width: 100%;} .m_gallery li:nth-child(3) {display: none;}
   
   
    
}


@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 p{max-height: 25px;-webkit-line-clamp: 1;}
    .intro_video {min-height: 250px;}
  
    
}


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