/* header */
.header {position:absolute;background: rgba(255,255,255,.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%; max-width: 1270px; transform: translate(-50%,-20%); text-align: left; 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;letter-spacing: -0.6px; font-weight: 300;}
.main_slide .slide_txt strong {font-size: 3.2rem; font-weight: 500; letter-spacing: -0.6px; 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: 25%; position: relative; max-width: 1270px; 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: 60vh; margin-bottom: 0;}
.main_slide .slick-arrow{display: none !important;}
.m_top {display: flex;}
.m_top .visual {width: 100%; position: relative;}
.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)}
.visual .control {width: 1270px;  position: absolute; left: 50%; top: 50%; transform: translateX(-50%); text-align: right; display:none;}
.visual .control button{display: inline-block; width: 80px; height: 80px; margin: 0 5px; border: 1px solid #fff; border-radius: 50%;}
.visual .control button.prev{background: url("../images/layout/main/arrow-left-01.png") center no-repeat;}
.visual .control button.next{background: url("../images/layout/main/arrow-right-01.png") center no-repeat;}
.visual .control button.pause{background: url("../images/layout/main/pause_02.png") center no-repeat;}
.visual .control button.play{background: url("../images/layout/main/play_02.png") center no-repeat;}
/*공지사항*/

.section_01 {position: relative; max-width: 1270px; margin: 0 auto; z-index: 1; background:#fff; padding: 100px 0 50px; }
.section_01 h2{font-size: 2.25rem;font-weight: 800;color: #333; text-align: center; margin-bottom: 65px;}
.section_01_inner{ display: flex;}
.m_notice {padding-bottom: 415px; position: relative; width: calc(100% - 400px);  max-width: 830px;}
.m_notice:after{content: ''; width: 100%; height: 1px; position: absolute; top: 41px; left: 0; z-index: -1; background: #ccc; }
.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;  flex-wrap: wrap; justify-content: space-between; margin-left: -10px; margin-right: -10px;}
.notice_item ul li{width: calc(50% - 20px); margin:7px 10px; padding: 39px 20px; line-height: 1.2; background: #F9F9F9; transition: all .3s; }

.notice_item ul li .sort {display: none; margin-bottom: 10px; font-size: .88rem; color:#119DC5; border: 1px solid #119DC5; border-radius: 20px; padding: 4px 11px;}
.notice_item ul li .subject{ padding-bottom: 10px; }
.notice_item ul li .subject span{font-size: 1.15rem; transition: all .5s;font-weight: 600; color: #333; max-height: 22px;box-sizing: content-box; overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-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: 10px; 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: -70px; 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;}
.new{display: inline-block; width: 16px; height: 16px; margin-left: 5px; transform: translateY(-2px); 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; }


.section_02 {position: relative;} .m_news li .no_img{width:100% !important; height:auto !important;}
.section_02:after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 65%; background: #F2F4F7; z-index: -1;}
.introduce{max-width: 1270px; margin: 0 auto; padding: 75px 165px; background: #2E3C57 url("../images/bg/main_intro_bg.png") no-repeat; background-size: cover;}
.intro_inner {position: relative;}
.intro_item {display: flex !important; justify-content: space-between; align-items: flex-end;}
.intro_txt {width: 50%; min-height: 320px;}
.intro_txt span{color: #FFE600; font-size: 1.1rem; position: relative; margin-bottom: 70px; display: inline-block;}
.intro_txt span:after{content: ''; display: none; margin-left: 10px; width: 32px; height: 33px; background: url("../images/layout/main/ico_intro.png")}
.intro_txt h3{color: #fff; font-size: 2rem; font-weight: 400; margin-bottom: 20px;}
.intro_txt p{color: #fff; font-size: 1.1rem; font-weight: 100; margin-bottom: 80px; }
.intro_img {width: 50%; max-width: 450px; height: 250px; overflow: hidden; position: absolute;  right: 0; top: 100px;}
.introduce .control .prev,.introduce .control .next{display: inline-block;width: 38px; height: 38px; border: 1px solid #fff;}
.introduce .control .prev{background:url("../images/layout/main/arrow-left.png") center no-repeat; }
.introduce .control .next{background:url("../images/layout/main/arrow-right.png") center no-repeat; border-left: 0;}
.introduce .control .pause, .introduce .control .play{display: inline-block; width: 12px; height: 12px;}
.introduce .control .pause{background:url("../images/layout/main/pause.png") center no-repeat; }
.introduce .control .play{background:url("../images/layout/main/play.png") center no-repeat;}
.introduce .control_group_01 {position: absolute; display: flex; bottom: 0;}
.introduce .control_group_02 {position: absolute; right: 0; top: 25px;}
.introduce .slick-dots {bottom: auto; top: 30px; text-align: right; width: 100%; right: 20px;}
.introduce .slick-dots li {margin: 0}
.introduce .slick-dots li button:before {content: '' !important;}
.introduce .slick-dots li button {background: #B0B0B0; position: relative; top: -5px; left: -5px; width: 6px; height: 6px; border-radius: 10px; display: inline-block;  padding: 0}
.introduce .slick-dots li.slick-active button{background: #fff;}
.introduce .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 #fff; border-radius: 20px;} 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;}


.quick {padding: 50px 0;}
.quick ul{display: flex; max-width: 1270px; margin: 0 auto;}
.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: #fff; 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");}

.img_banner{width: 400px; position: relative; margin-bottom: 0 !important; margin-top:38px; margin-left: 40px;}
.img_banner li { 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; width: 100%;}
.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 {max-width: 1270px; margin: 0 auto;  position: relative; padding: 100px 0 85px; }
.m_news_cont{position: relative;}
.m_news .tit{margin-bottom: 80px; 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: 20%; margin: 0 15px; background: #fff; border: 1px solid #ddd; padding: 35px 30px 20px; } .m_news li+li{margin-left: 30px; }
.m_news li a{display: inline-block; width: 100%; height: 100%;}
.m_news li .thumb{ position: relative;height: 220px; overflow: hidden; border: 1px solid #ddd;}
.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.1rem; padding: 0; font-weight: 800; 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;width: 64px;height: 64px;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: 64px;height: 64px;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:1270px) {
    .visual .control{width: 100%;}
    .section_01 {padding: 50px 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;}
    
    /*공지사항*/
    .m_notice:after{top: 37px;}
    .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 dd{width: 100%; left: 0; top: 50px; }
    .notice_item .more{position: absolute; right: 0; top: -50px; width: 30px; height: 30px; background-size: contain;}
    .notice_item ul li .txt{max-height: 85px; min-height: auto;}
    
    /*학과소개*/
    .introduce {padding: 75px;}
    .introduce .slick-dots{top: 20px;}
    .introduce .control_group_02{top: 15px;}
    
    /*뉴스*/
    .news_list li a .subject p{min-height: 52px; font-size: 1.2rem;}
  
}

@media (max-width: 992px) {
    
    /*비주얼*/
    .main_slide .slide_txt{text-align: center; transform: translate(-50%,-50%);} .main_slide .slick-dots{text-align: center;}
    .visual .control {text-align: center;  top:65%;}
    .visual .control button {width: 50px; height: 50px; background-size: 50% !important;}
    
    /*공지사항*/
    .section_01_inner {flex-wrap: wrap;}
    .section_01 h2 {font-size: 1.8rem; margin-bottom: 30px;}
    .m_notice{ padding-bottom: 430px; width:100%;}
    .notice_item ul {flex-wrap: wrap;}
    .notice_item ul li {width: calc(50% - 20px); margin-bottom: 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: 100%; margin-left: 0;}
    .img_banner .slick-slide {margin: 0 10px;}
    .img_banner .slick-dots {width: 100%;}
    
    /*학과소개*/
    .section_02 {margin-top: 50px;flex-wrap: wrap;}
    .introduce{padding: 35px;}
    
    /*퀵메뉴*/
    .quick {width: 80%; margin: 0 auto; padding-top: 20px;}
    .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_news .tit {margin-bottom: 30px;}
    .m_news .tit h2{font-size: 1.8rem; }
    .m_news {padding: 50px 0;}
    .m_news .more{width: 30px; height: 30px; background-size: contain; top: 2px; right: -45px;}
    
    
}

@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: 500px;} .m_news li .thumb {height:340px;}
    .notice_item ul{flex-wrap: wrap;}
    .notice_item ul li{width: 100%; padding: 20px; margin-bottom: 0; min-height: 70px;}
    .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;}
    
    /*이미지배너*/
    .img_banner .slick-slide {margin: 0;}
    
    /*학과소개*/
    .intro_item{flex-wrap: wrap;}
    .intro_txt {width: 100%; min-height: auto;}
    .intro_txt span{margin-bottom: 10px;}
    .intro_txt p{margin-bottom: 25px;}
    .intro_img{width: 100%; height: auto; max-width:100%;text-align: center; position: static;}.intro_img img{display:inline-block !important; width: 100%;}
    .introduce .control_group_01{right: 0; top: 0;} .introduce .control .prev, .introduce .control .next {width: 30px; height: 30px;}
    .introduce .control_group_02 {top: auto; bottom: -30px;}
    .introduce .slick-dots{top: auto; bottom: -35px;}
   
    /*갤러리*/
    .m_public {width: 50%;}
    .m_public {width: 100%;} .m_gallery li:nth-child(3) {display: none;}
    .m_gallery li {width: 100%;}
    
  
    
    /*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%;}
    
    
}