/* header */
.header {position:absolute;background: rgba(0,0,0,.2); border-bottom: 1px solid rgba(255,255,255,.2);}
.header .top_util{background:transparent; border-bottom: 1px solid rgba(255,255,255,.2);transition: all .1s; }
.header .top_util ul li.on {background:transparent; }
.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 h1 span{ color: #fff;}
.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: #3D3A39;}
.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; width: 100%;}
.main_slide .slide_txt small{font-size: 1rem; letter-spacing: 4px; opacity: .6; display: block; margin-bottom: 5px;}
.main_slide .slide_txt p {font-size: 1.55rem; line-height: 1.4;margin-bottom: .5rem; letter-spacing: -0.6px; font-weight: 300;}
.main_slide .slide_txt strong {font-size: 3.2rem; font-weight: 400; letter-spacing: -0.6px; margin-bottom: .7rem; display: inline-block;}
.main_slide .slick-dots li{width: 10px;height: 10px;margin: 0 8px;}
.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; display: inline-block; }
.main_slide .slick-dots li.slick-active button{background: #fff; position: relative;}
.main_slide .slick-dots li.slick-active button:after{content: ''; width: 21px; height: 21px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);  border: 1px solid #fff; border-radius: 20px;}
.main_slide .slick-dots {bottom: 40%; 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: 75vh; margin-bottom: 0; max-height: 700px;}
.main_slide .slick-arrow{display: none !important;}
.m_top {display: flex;}
.m_top .visual {width: 100%;}

/*공지사항*/
.section_wrap{background:url('../images/bg/main_section_bg.png') center 0 no-repeat; background-size: cover; padding-bottom: 50px; }
.section_group{max-width: 1240px; margin: -200px auto 0 auto;  }
.section_01 {position: relative; z-index: 1; background:#fff; padding: 60px 35px 75px; border-radius: 30px; box-shadow: 0 4px 20px rgba(164,164,164,.1);}
.m_notice {padding-bottom: 240px; position: relative; }
.notice_item {display: inline-block;}
.notice_item dt  { font-size: 1.25rem;  display: inline-block; padding-left: 30px; position: relative;}
.notice_item dt:before{/* content: '/'; */ display: inline-block; color: #ddd; font-size: 15px; position: absolute; left: 18%; top: 50%; transform: translateY(-50%)}
.notice_item dt a{color: #333;  font-weight: 600; }
.notice_item:first-child dt{padding-left: 0;}
.notice_item:first-child dt:before{display: none;}
.notice_item dd{width: 100%; position: absolute; left: 0; top: 65px;}
.notice_item ul{display: flex; /*justify-content: space-between;*/ margin-left: -10px;margin-right: -10px;}
.notice_item ul li{width: 25%; margin: 0 10px; padding: 35px 25px; line-height: 1.2; background: #fff; transition: all .3s; box-shadow: 0 0 4px rgba(0,0,0,.25); border-radius: 20px;}

.notice_item ul li .sort {display: none; margin-bottom: 25px; font-size: .88rem; color:#119DC5; border: 1px solid #119DC5; border-radius: 20px; padding: 4px 11px;}
.notice_item ul li .subject{ padding-bottom: 15px; }
.notice_item ul li .subject span{font-size: 1.15rem; 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: #666; max-height:40px; min-height: 40px; letter-spacing: -0.6px; font-weight: 300; 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 .date{display:  block; margin-top: 30px; color: #999; font-size: .88rem; font-weight: 300; padding-left: 20px; background: url("../images/layout/main/ico_clock.png") left center no-repeat;}
.notice_item ul li:hover{transform: translateY(-5px)}
.notice_item .more {position: absolute; top: -75px; right: 0;   width: 40px; height: 40px; border-radius: 30px; vertical-align: sub;transition: all 0.3s; background: url("../images/layout/main/btn_more_01.png") no-repeat}
.notice_item .more:hover{transform: translateY(-3px); }
.notice_item .active {color: #F2591D; position: relative; }
.notice_item .active:after {content: ''; position: absolute; width: 100%; height: 3px; left: 0; bottom: -15px; background:#F2591D; }
.notice_item .more{display: inline-block; margin-left: 10px;}
.notice_item ul li .subject .new{display: inline-block; width: 16px; height: 16px; border-radius: 20px; vertical-align: middle; font-weight: 300; background: #FF005C;    font-style: normal;color: #fff;font-size: .5rem;text-align: center;line-height: 1.6; }

.quick ul{display: flex; margin-top: 55px;}
.quick li{width: 100%; position: relative; text-align: center;}
.quick li a{display: block; font-size: 1.25rem; margin-top: 15px;position: relative;}
.quick li a:before{content:''; display: inline-block; width: 125px; height: 125px; background-color: #F2F4F7; border-radius: 100px; background-repeat: no-repeat; background-position: center center; transition: all .3s;}
.quick li a span{display: block;}
.quick li:hover a:before{transform: translateY(-5px);}
.quick li.ico_01 a:before{background-image: url("../images/layout/main/quick_01.png");}
.quick li.ico_02 a:before{background-image: url("../images/layout/main/quick_02.png");}
.quick li.ico_03 a:before{background-image: url("../images/layout/main/quick_03.png");}
.quick li.ico_04 a:before{background-image: url("../images/layout/main/quick_04.png");}
.quick li.ico_05 a:before{background-image: url("../images/layout/main/quick_05.png");}
.quick li.ico_06 a:before{background-image: url("../images/layout/main/quick_06.png");}
.quick li.ico_07 a:before{background-image: url("../images/layout/main/quick_07.png");}


.section_02 {display: flex; margin-top: 90px;}
.intro_link{background: #F29300; width: 35%; border-radius: 20px; padding: 38px 40px; position: relative;}
.intro_link h2{color: #fff; font-weight: 400; margin-bottom: 40px;}
.intro_link_inner {position: relative;}
.intro_link li{border: 1px solid rgba(255,255,255,.7); border-radius: 50px;}
.intro_link li+li{margin-top: 15px;}
.intro_link li a{position: relative; color: #fff; display: block; padding: 15px 25px; font-size:1.15rem;  }
.intro_link li a:after{content: ''; width: 10px; height: 15px; background: url("../images/layout/main/chevron-right.png") center no-repeat; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); transition: all .3s;}
.intro_link .more {position: absolute; top: -3px; right: 0; width: 40px; height: 40px; border-radius: 30px; vertical-align: sub;transition: all 0.3s; background: url("../images/layout/main/btn_more_02.png") no-repeat;}
.intro_link .more:hover{transform: translateY(-5px)}
.intro_link li:hover a:after{transform: translate(5px,-50%)} .m_news li .no_img{transform: translate(-50%,-50%) scale(1.7) !important;}

/*뉴스*/
.m_public{width: 65%;padding: 0 20px;}
.m_gallery {width: 100%;  position: relative; padding: 38px 25px 15px; background: #fff; border-radius: 20px; box-shadow: 0 2px 4px rgba(226,226,226,.25); min-height:110px; }
.m_gallery_cont{position: relative; max-width: 1400px; margin: 0 auto;}
.m_gallery .tit{margin-bottom: 20px; }
.m_gallery .tit h2{ font-weight:400; color: #434E55;}
.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: 150px; overflow: hidden; border: 1px solid #ccc; background: #eee; border-radius: 10px;}
.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; padding: 10px 0 5px; color: #000; 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 ul li .date{display:  block; color: #999; font-size: .88rem; font-weight: 300; padding-left: 20px; background: url("../images/layout/main/ico_clock.png") left center no-repeat;}
.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: -3px; display: block;background: url("../images/layout/main/btn_more_01.png") center center no-repeat;}
.m_gallery .more:hover{transform: translateY(-3px); }

.sns{display: flex; background: #D6E0E8; margin-top: 20px; border-radius: 20px;  padding: 15px; justify-content: center;}
.sns li{position:relative; padding: 20px; background: #fff; border-radius: 50px;}
/*.sns li+li:before{content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 15px; height: 1px; background: #D4D4D4;}*/
.sns li+li {margin-left: 20px;}
.sns li a:before{content: ''; display: block; margin: 0 auto;width: 30px; height: 30px;}
.sns .youtube a:before{background: url("../images/layout/main/youtube.svg") center no-repeat;}
.sns .twitter a:before{background: url("../images/layout/main/twitter.svg") center no-repeat;}
.sns .facebook a:before{background: url("../images/layout/main/facebook.svg") center no-repeat;}
.sns .blog a:before{background: url("../images/layout/main/blog.svg") center no-repeat;}
.sns .instagram a:before{background: url("../images/layout/main/instagram.svg") center no-repeat;}


.img_banner{width: 26%;  position: relative; min-width:325px; margin-bottom: 0 !important;}
.img_banner li {border-radius: 20px; overflow: hidden;}
.img_banner img {width: 100%;image-rendering: -webkit-optimize-contrast; transform: translateZ(0);backface-visibility: hidden;}
.img_banner .slick-dots {bottom: auto; top: -25px; text-align: right;}
.img_banner .slick-dots li {margin: 0}
.img_banner .slick-dots li button:before {content: '' !important;}
.img_banner .slick-dots li button {background: #B0B0B0; position: relative; top: -5px; left: -5px; width: 6px; height: 6px; border-radius: 10px; display: inline-block;  padding: 0}
.img_banner .slick-dots li.slick-active button{background: #F29300;}
.img_banner .slick-dots li.slick-active button:after{content: ''; width: 11px; height: 11px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);  border: 1px solid #FBC400; border-radius: 20px;}

/*뉴스*/
.m_news {width: 100%;  position: relative; padding: 100px 0 85px; background:#f8f8f8;}
.m_news_cont{position: relative;}
.m_news .tit{margin-bottom: 35px; text-align: center; }
.m_news .tit h2{font-size: 2.25rem; font-weight:800; color: #333; display: inline-block; position: relative;}
.m_news ul {display: flex;}
.m_news li{width: calc(20% - 20px); margin: 0 15px; background: #fff; border: 1px solid #ccc; padding: 40px 30px; border-radius: 20px;}
.m_news li a{display: inline-block; width: 100%; height: 100%;}
.m_news li .thumb{ position: relative;height: 220px; overflow: hidden; border: 1px solid #ccc;}
.m_news 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_news li .subject{font-size: 1.25rem; padding: 0; font-weight: 500; margin-bottom: 15px; color: #000;}
.m_news li .subject p{min-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_news li:hover img{transform: translate(-50%,-50%) scale(1.1);}
.m_news li:hover .subject p{text-decoration: underline;}
.m_news .more{display: inline-block; position: absolute; right:-55px; top: 6px; width: 40px; height: 40px; transition: all .3s;background: url("../images/layout/main/btn_more_01.png") center center no-repeat;}
.m_news .more:hover{transform: translateY(-5px)}
.m_news .slick-list{padding:15px 18% 15px 18%;}
.m_news .slick-slide:not(.slick-active) {opacity: 0.5; box-shadow: 2px 2px 10px rgba(0,0,0,.25)}

.m_news .slick-slider .slick-arrow {-webkit-transition: all .2s ease-out;transition: all .2s ease-out;transition:.1s;-webkit-transition:.1s;    background:#333;padding: 10px;border-radius: 66%;width: 80px;height: 80px;box-shadow: 1px 1px 7px 5px rgba(0,0,0,.03);top: 50%;}
.m_news .slick-slider .slick-arrow:hover:before {color: #000000;}
.m_news .slick-slider .slick-arrow.slick-prev {left: 10%;top:50%; transform: translateY(-50%); position: absolute; z-index: 10;}
.m_news .slick-slider .slick-arrow.slick-next {right: 10%;top:50%;transform: translateY(-50%); position: absolute; z-index: 10;}
.m_news .slick-slider .slick-arrow.slick-prev:before { background: url("../images/layout/main/bannner-arr-prev.png") no-repeat center; }
.m_news .slick-slider .slick-arrow.slick-next:before { background: url("../images/layout/main/bannner-arr-next.png") no-repeat center;}
.m_news .slick-slider .slick-arrow.slick-prev:before,
.m_news .slick-slider .slick-arrow.slick-next:before {content:"";position: absolute;width: 28px;height: 15px;transform: translate(-50%, -50%);top: 50%;left: 50%;}
.m_news .slick-slider .slick-arrow:focus {border: 0;}


@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) {
    .section_group {margin: 0;}
    .section_01{border-radius: 0;} .main_slide .slick-dots {bottom:20%;}
    .header .gnb_util .btn_ham {display: block;}
    
    /*공지사항*/

    .notice_item{display: inline-block; margin-right: 10px;}
    .notice_item dt{width: initial; padding-left: 20px;}
    .notice_item dt:before {left: 1%;}
    .notice_item .more:after{background: url("../images/layout/main/ico_more02.png") center center no-repeat;}
    .notice_item .more:hover{transform: translateY(-90%)}
    .notice_item dd{width: 100%; left: 0; top: 70px; }
    .notice_item .more{position: absolute; right: 15px;}

    .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{ padding-bottom: 500px;}
    .notice_item ul {flex-wrap: wrap;}
    .notice_item ul li {width: calc(50% - 20px); margin-bottom: 20px;}
    .section_02{flex-wrap: wrap; padding: 0 20px;}
    .intro_link{width: 100%; margin-bottom: 20px;}
    .intro_link h2{margin-bottom: 25px;}
    .intro_link_inner ul {display: flex;}
    .intro_link_inner li{width: 25%;}
    .intro_link li+li {margin-top: 0; margin-left: 10px;}
    .m_public {padding: 0; width: 60%;}
    .img_banner{width: 40%; padding-left: 20px;}
    
    /*학과소개*/
    .section_02 {margin-top: 50px;}
    
    /*퀵메뉴*/
    .quick {width: 90%; margin: 0 auto; padding-top: 55px;}
    .quick li a:before {width: 95px; height: 95px; background-size: 50%;}
    .quick .slick-arrow:before {display: block; width: 20px; height: 20px;}
    .quick .slick-arrow.slick-prev:before { content: ''!important; background: url("../images/layout/main/quick_arr_prev.png") no-repeat center; }
    .quick .slick-arrow.slick-next:before { content: ''!important; background: url("../images/layout/main/quick_arr_next.png") no-repeat center;}

    /*갤러리*/
    .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: 100px;}
    
    /*뉴스*/
    .m_news {padding: 50px 0;}
    .m_news .tit h2{font-size: 1.7rem;}
    .m_news .more{top: -5px;}
    
    /*이미지배너*/
    .img_banner .slick-dots {bottom: -40px; top: auto; text-align: center;}
    .img_banner .slick-dots li {width: 25px;}
}

@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;}
    
    
    /*공지사항*/
    .section_01{padding: 50px 15px 20px;}
    .m_notice{padding-bottom: 450px;} .m_news li .thumb {height:285px;} .m_news li .thumb {height:285px;}
    .notice_item ul{flex-wrap: wrap;}
    .notice_item ul li{width: 100%; padding: 20px; margin-bottom: 10px; min-height: 114px;}
    .notice_item ul li .subject{border-bottom: 0; padding-bottom: 0; min-height: 27px;}
    .notice_item ul li .subject span{-webkit-line-clamp: 1; height: 18px; font-size: 1.15rem;}
    .notice_item ul li .txt{-webkit-line-clamp: 1; max-height: 24px; padding-top: 0;}
    .notice_item ul li .sort {margin-bottom: 10px;}
    .notice_item ul li .date {margin-top: 10px;}
    
    /*대학소개*/
    .intro_link{padding: 25px;}
    .intro_link_inner ul{flex-wrap: wrap; margin-left: -10px; margin-right: -10px;}
    .intro_link_inner li {width: calc(50% - 10px); margin: 5px 5px;}
    .intro_link li+li{margin-left: 5px;}
    
   
    /*갤러리*/
    .m_public {width: 50%;}
    .m_public {width: 100%;} .m_gallery li:nth-child(3) {display: none;}
    .m_gallery li {width: 100%;}
    
    /*이미지배너*/
    .img_banner{width: 50%; margin-left: 0; padding-left: 20px; padding:20px 0 0 0;}
   
    /*sns*/
    .sns {width: 100%;}
    .sns li{padding: 15px;}
}


@media all and (max-width:566px) {
    
    /*뉴스*/
    .m_news .slick-list {padding: 0;}
    .m_news .slick-slider .slick-arrow{width: 35px; height: 35px;}
    .m_news .slick-slider .slick-arrow:before {background-size: 60% !important;}
    .m_news .slick-slider .slick-arrow.slick-next{right: 20px;}
    .m_news .slick-slider .slick-arrow.slick-prev{left: 20px;}
    
    .m_public {width: 100%;} .intro_link_inner li {width:100%;}
    .img_banner{width: 100%; margin-left: 0; padding-left: 0; margin-top: 20px;}
    .img_banner .slick-dots {bottom: -30px; top: auto; text-align: center;}
    .img_banner .slick-dots li {width: 25px;}
    .sns{width: 100%;}
    .sns li+li{margin-left: 3%;}
    
    
}