.m-container{padding-top: 83px; width: 100%;}
.m-content{padding:70px 0;}
/* 251013 padding 0 으로 수정  */
.m-tit{font-size: 36px; font-weight: 600; padding-left: 0px; position: relative; margin-bottom: 40px;}
.m-tit.whc{color:#fff}
/* 251013 제목왼쪽위에 원 생기는거 삭제 width 14px -> 0px 수정 */
.m-tit::before{
    content: "";
    display: inline-block;
    width: 0px;
    height: 14px;
    border-radius: 50%;
    background-color: #183D86;
    position: absolute;
    left:0;
    top:0;

}
.m-tit.whc::before{background-color: #88ACE0;}

/* m-visual */
.m-visual{width: 100%;   position: relative; margin-bottom: 30px}
.m-visual .swiper-slide{width: 100%; height: 100%; }
.m-visual .swiper-slide .cont-box{position: relative;}
.m-visual .swiper-slide .cont-box img{width: 100%;}
.m-visual .swiper-slide .txt-wrap{max-width: 1530px; color:#fff; font-weight: 900; opacity: 0; transform: translateX(120px);  position: absolute; left:10%; top:31%;}
.m-visual .swiper-slide .txt-wrap >p{font-size: 60px; text-shadow: 1px 1px black}
.m-visual .swiper-slide .txt-wrap >span{display: inline-block; font-size: 44px;text-shadow: 1px 1px black}
.m-visual .swiper-slide.on .txt-wrap{opacity: 1;transform: translateX(0px);transition: opacity 1.5s, transform 1.6s;}




/* .m-visual .controler{ position: absolute; left:12%; bottom:120px; z-index: 8; display: flex; align-items: center; gap: 15px; font-size: 17px; color:#fff;}
.m-visual .controler .mvSlide_prev{width: 13px; height: 20px; background: url("../images/wh-Parw01.png") no-repeat;}
.m-visual .controler .mvSlide_next{width: 13px; height: 20px; background: url("../images/wh-Narw01.png") no-repeat;}
.m-visual .controler .btn_pause{width: 10px; height: 14px; background: url("../images/stop-icn.png") no-repeat;}
.m-visual .controler .btn_play{width: 12px; height: 17px; background: url("../images/play-icn.png") no-repeat;}

.m-visual .controler .page_num_bar{position: relative;width: 100px; height: 20px;}
.m-visual .controler .page_num_bar .swiper-progress{width: 100%;  top: 8px; background-color: rgba(255, 255, 255,0.3);}
.m-visual .controler .page_num_bar .swiper-progress .swiper-pagination-progressbar-fill{background-color: #fff;}
 */
.img-bg {border-radius: 0 0 0 160px;overflow: hidden;}



.m-visual .sliderAcc{width:100%;position: absolute;top: 77%;left:12%;;z-index: 1}
.m-visual .sliderAcc .ctl{width:220px;height: 22px;}
.m-visual .sliderAcc .ctl .slider-counter{color: #fff;font-size: 17px;font-weight: 500;width:165px;height: 22px; display: flex;align-items: center;margin: 0 0 0 22px}
.m-visual .sliderAcc .ctl .slider-counter span{display: inline-block;width:15px;text-align: center;}
.m-visual .sliderAcc .ctl .slider-counter .bx-controls-auto-item{width:12px;height: 17px;z-index: 10;margin: 0 0 0 39px}
.m-visual .sliderAcc .ctl .slider-counter .bx-controls-auto-item a{display: block;width:12px;height: 17px; background: url(../images/stop-icn.png) left no-repeat;}
.m-visual .sliderAcc .ctl .slider-counter .bx-controls-auto-item a.bx-stop.start{background: url(../images/play-icn.png) left no-repeat;}
.m-visual .sliderAcc .ctl .slider-arr .bx-controls a span{position: absolute;overflow: hidden;width: 1px;height: 1px;margin: -1px;line-height: 0;border: 0;clip: rect(0 0 0 0);font-size: 0;}
.m-visual .sliderAcc .ctl .slider-arr .bx-controls-direction .bx-prev{display: block;width: 13px;height: 20px;background: url(../images/wh-Parw01.png) left no-repeat;position: absolute;left:0}
.m-visual .sliderAcc .ctl .slider-arr .bx-controls-direction .bx-next{display: block;width: 13px;height: 20px;background: url(../images/wh-Narw01.png) left no-repeat;position: absolute;left:148px}
.m-visual .sliderAcc .ctl .slider-arr .bx-controls-auto {width: 12px;position: absolute;right: 0;}
.m-visual .sliderAcc .ctl .slider-counter .slider-progress {position: relative; width: 66px;height: 1px;background-color: rgba(255, 255, 255, 0.3);margin: 0 10px}
.m-visual .sliderAcc .ctl .slider-counter .slider-progress .slider-progress-bar {position: absolute;left: 0;bottom: 0;height: 2px;width: 0%; background-color: white; transition: width 0.3s ease;}
.m-visual .sliderAcc .txt{margin: 235px 0 45px 0}
.m-visual .sliderAcc .txt p{color:#fff;font-size: 40px;font-weight: 600;}
.m-visual .sliderAcc .txt p strong{display: block; font-size: 49px;font-weight: 900;}


.bx-viewport {height: auto !important;}
/* -- m-visual */








.wid-1530{margin: 0 auto;max-width: 1530px;width: calc(100% - 30px);padding: 0 20px}

#main-floor2 {margin-bottom: 80px}
.mf1 {display: flex;justify-content: space-between;}
.m-ser {width: calc(100% - 565px)}

/* m-service */
.main-title1{margin-bottom: 30px;color: #2d2d2d;font-size: 36px;line-height: 1.1;text-align: center;}
.mf1-title {text-align: left;}
.main-icon1{margin: 0 0 40px;display: flex;flex-wrap: wrap;justify-content: center;}
.main-icon1 > li{width: 33%;}
.main-icon1 > li > a{width: 185px;height: 185px;padding: 10px;color: #2d2d2d;font-size: 18px;line-height: 1.2;letter-spacing: -0.2px;text-align: center;border-radius: 100%;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
.main-icon1 > li > a:hover{background: #e6f5f0;color: #001d43;font-weight: 600;transition: all 0.5s;}
.main-icon1 > li > a p{word-break: keep-all;}
.main-icon1 .icon{margin-bottom: 15px;}

/* m-service */

/* popupzone  */
.board .title{font-size: 25px;font-weight: 600;color:#333333;margin: 0 0 25px 0;}
.board .popupzone{position: relative; width: 510px;}
/* 251111 css 추가 및 수정 S */
.board .popupzone .slideArea .bx-viewport{overflow: hidden;/* border-radius:17px; */}
.board .popupzone .slideArea .bx-viewport .popupSlide > li > img {border-radius: 17px;overflow: hidden;}
/* 251111 css 추가 및 수정 E */
.board .popupzone .slideArea .bx-controls{position: absolute;top:10px;right: 0;width: 53px;}
.board .popupzone .slideArea .bx-controls-direction a{position: absolute;display: block;width:6px;height: 9px; font-size: 0;}
.board .popupzone .slideArea .bx-controls-direction .bx-prev{left:0; background: url(../images/btn_popup_prev.png) center no-repeat; }
.board .popupzone .slideArea .bx-controls-direction .bx-next{right: 0; background: url(../images/btn_popup_next.png) center no-repeat;}
.board .popupzone .slideArea .bx-controls-auto .bx-controls-auto-item{position: absolute;left: 23px;} 
.board .popupzone .slideArea .bx-controls-auto-item a{display: none; width:8px;height: 10px;font-size: 0;position: relative;}
.board .popupzone .slideArea .bx-controls-auto-item .bx-start{background: url(../images/btn_popup_start.png) center no-repeat;   }
.board .popupzone .slideArea .bx-controls-auto-item .bx-stop{background: url(../images/btn_popup_stop.png) center no-repeat; }
.board .popupzone .slideArea .bx-controls-auto .bx-controls-auto-item .active{display: block;z-index: 5;}
.board .popupzone .slideArea .sliderAcc {position: absolute;top:10px;right:23px}
.board .popupzone .slideArea .sliderAcc .ctl .bx-controls-auto-item > a {display: block;width:8px;height: 10px;background: url(../images/btn_popup_start.png) center no-repeat;}
.board .popupzone .slideArea .sliderAcc .ctl .bx-controls-auto-item > .bx-stop.start{background: url(../images/btn_popup_stop.png) center no-repeat;}
.board .popupzone .slides li img {border-radius: 16px;overflow: hidden;}
/* popupzone  */


/* new notice  */
.main-notices1{position: relative;}
.notices1-more1{position: absolute;top: 0;right: 0;width: 34px;height: 34px;font-size: 0;background: url('../images/notices1_more1.png') no-repeat center;}
.notices1-tab1{margin: 0 -25px 40px;color: #989898;font-size: 25px;font-weight: 500;line-height: 28px;display: flex;flex-wrap: wrap;}
.notices1-tab1 > li{margin: 0 25px;}
.notices1-tab1 > li > a{position: relative;padding-bottom: 12px;}
.notices1-tab1 > li > a::after{position: absolute;left: 0;bottom: 0;width: 0;height: 3px;background: #014195;content:"";transition: all 0.3s ease-in-out;}
.notices1-tab1 > li.on > a{color: #014195;font-weight: 600;}
.notices1-tab1 > li.on > a::after{width: 100%;}
.notices1-list1{margin: -16px -8px 0;display: flex;flex-wrap: wrap;}
.notices1-list1 > li{width: calc(20% - 16px);margin: 16px 8px 0;}
.notices1-list1 > li > a{display: block;padding: 28px 22px 22px;line-height: 1.1;border: 1px solid #dee3ed;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);border-radius: 18px;transition: all 0.5s;}
.notices1-list1 .type{margin-bottom: 10px;color: #029dff;font-size: 16px;font-weight: 500;}
.notices1-list1 .title01{color: #000;font-size: 18px;line-height: 24px;height: 72px;overflow: hidden;-webkit-line-clamp: 3;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.notices1-list1 .date{margin-top: 22px;padding-top: 20px;color: #6b6b6b;font-size: 14px;text-align: right;border-top: 1px solid #e1e2e5;}
.notices1-list1 > li > a:hover{transform: translateY(-20px);background: linear-gradient(40deg, #00439a, #127866);transition: all 0.5s;}
.notices1-list1 > li > a:hover .title01,
.notices1-list1 > li > a:hover .date{color: #fff;}
.notices1-list1 > li > a:hover .type{color: #bdfffd;}
.notices1-child1{display: none;}
.notices1-child1.on{display: block;}



/* main-floor3  */
/* #main-floor3{padding: 75px 0;background: url('../images/main_floor3_bg1.jpg') no-repeat center;background-size: cover;}
.main-icon2{border: 1px solid rgba(255, 255, 255, 0.5);overflow: hidden;}
.main-icon2 > ul{margin: -1px 0 0 -1px;display: flex;flex-wrap: wrap;}
.main-icon2 > ul > li{width: 25%;border-top: 1px solid rgba(255, 255, 255, 0.5);border-left: 1px solid rgba(255, 255, 255, 0.5);}
.main-icon2 > ul > li > a{height: 180px;color: #fff;font-size: 24px;padding: 18px;line-height: 1.28;text-align: center;display: flex;align-items: center;justify-content: center;}
.main-icon2 > ul > li > a:hover{background: #fff;color: #033980;font-weight: 600;}
.main-icon2 > ul > li > a:hover .icon::after{position: absolute;top: 58%;left: 58%;width: 0;height: 0;background-color: transparent;box-shadow: 0 0 30px 15px #0048e6;content:"";border-radius: 100%;}
.main-icon2 > ul > li > a p{word-break: keep-all;}
.main-icon2 .icon{margin-bottom: 15px;height: 58px;position: relative;display: flex;align-items: center;justify-content: center;}

 */


@media (min-width: 1080px) {
	.m-visual .swiper-slide .cont-box img {min-height: 675px; object-fit : cover}
}
@media screen and (max-width: 1555px) {
    .news .inner{padding: 70px 15px 80px 15px;}
    
       
}


@media screen and (min-width: 1024px) {
	
	
	
    @keyframes hvr-style1 {
        50% {transform: scale(0.9);}
        100% {transform: scale(1);}
    }
    .hvr-style1:hover, 
    .hvr-style1:focus, 
    .hvr-style1:active {animation-name: hvr-style1;animation-duration: 0.3s;animation-timing-function: linear;animation-iteration-count: 1;}
    
     
    
}


@media (max-width: 1200px) {
    /* m-visual */
    .m-visual .swiper-slide{background-size: 100% 100%;}
    /* 251001 추가  */
    /* -- m-visual */
    /* m-quick */
    .m-quick .quick-slide{margin:0 40px;}
    /* -- m-quick */
    
    .mf1 {display: block;}
    .mf1-title {text-align: center;}
    .m-ser {width: 100%}
    .main-icon1 > li > a {margin: 0 auto;}
    .board .popupzone {width: 100%; margin-bottom: 60px}
    .board .popupzone .slides > li img {width: 100%};
    .board .popupzone .bx-viewport {height: auto}
}
@media (max-width: 1080px) {
    .df-box{flex-direction: column;}
    .df-box > .m-tit{width: 100%;}
    .df-box > .m-cont{width: 100%;}
    /* m-visual */
    
    .m-visual .swiper-slide{background-size: 100% auto;}
    
    .m-visual .swiper-slide .txt-wrap >p{font-size: 50px; }
    .m-visual .swiper-slide .txt-wrap >span{display: inline-block; font-size: 38px;}
    
    
    /* -- m-visual */

    /* m-service */
    .m-service .service-menu{gap: 10px; justify-content: space-between;}
    .m-service .service-menu > li{width: calc(100% / 5 - 8px);}
    .m-service .service-menu > li > a {width: 100%;}
    /* -- m-service */

    /* m-introduce */
    .introduce_zone{flex-direction: column;}
    .introduce_zone > li{width: 100%; height: 80px; background-size: 100% auto;  padding: 25px 40px; transition: none; }
    .introduce_zone > li > .accBtn{left:auto; right: 15px; top:14px }
    .introduce_zone > li > .tit{text-align: left; max-width: 100%; writing-mode: horizontal-tb;}
    .introduce_zone > li.active{width: 100%;  height: 100%; background-size: 100% 100%; }
    /*  -- m-introduce */

    /* m-quick */
    /* -- m-quick */
}
@media (max-width: 1024px) {
	
   .m-container{padding-top: 0;}
   
   .m-visual .swiper-slide .txt-wrap {top: 17%}
   .m-visual .swiper-slide .txt-wrap >p {font-size: 38px}
   .m-visual .swiper-slide .txt-wrap >span {font-size: 24px}
   .m-visual .sliderAcc {top: 62%}
   .m-visual .swiper-slide .cont-box img {min-height: 280px; object-fit:cover}
   

   
	/* m-news */
	/* 251016 padding 추가  */
	.m-news .m-content {display: block !important;padding: 40px 0}
	.m-news .df-box {width: 100% !important;}
	/* 251013 학사일정 css 추가, 251016 margin-top 40px 추가 */
	.m-news .df-cal {width: 100% !important;margin-top: 40px}
	/* -- m-news */
	
	/* 251013 news 추가  */
	.news .inner{padding: 60px 15px;}
    .newsList li{width: calc(33% - 17px);}
    .newsList li a .sbj{font-size: 16px;line-height: 18px;height: auto;}
    .newsList li a .sbj p{line-height: inherit;height: 36px;}
    
    /* new service, notice  */
    #main-floor2{margin: 40px auto 55px;}
	.main-icon1{margin: -16px -8px 28px;}
	
	.main-icon1 > li > a{width: 135px;height: 135px;font-size: 17px;}
	.main-icon1 .icon{margin: 0 auto 12px;}
	.notices1-tab1{margin: 0 -18px 25px;font-size: 22px;line-height: 24px;}
	.notices1-tab1 > li{margin: 0 18px;}
	.notices1-list1 > li{width: calc(33.33% - 16px);}
	.notices1-list1 > li > a:hover{transform: none;}
	
	.popupzone{width: 100%;}
    .popupzone .slideArea .popupSlide li img{width: 100%;}
    
    	#main-floor3{padding: 40px 0;}
	.main-icon2 > ul > li > a{font-size: 21px;}
	
}
@media (max-width: 960px) {
    /* m-visual */
    
    .m-visual .swiper-slide .txt-wrap >p{font-size: 40px; }
    .m-visual .controler{bottom: 53px;left: 50%;transform : translateX(-50%)}
    /* -- m-visual */
    /* m-news */
    
    /* 251014 4 -> 3으로 수정  */
    .m-news .tab-area .tab > ul > li{width: calc(100% / 3);}
    .m-news .tab-area .tab > ul > li >button{width: 100%; font-size: 18px;}
    /* 251013 top -79px로 고정  */
    /* .m-news .more-btn {top: -55px;} */
    /* -- m-news */
    #main-floor2_1 {display: block}
    .m-ser {width: 100%}
    
    
}

/* 251013 news 추가  251014 calc(48% - 1%) -> 100%로 수정*/
@media screen and (max-width: 768px) {
    .newsList li{width: 100%;}
    
    /* new service,notice  */
    
	.main-icon2 > ul > li > a{height: 160px;font-size: 19px;}
	.notices1-list1 > li > a{padding: 20px 16px 18px;}
	.notices1-list1 .title01{font-size: 16px;line-height: 22px;height: 66px;}
	
		.main-icon2 > ul > li > a{height: 160px;font-size: 19px;}
		
	.img-bg {border-radius: inherit;}
}


@media (max-width: 760px) {
    .m-content{padding:40px 0;}
    /* m-visual */
    
    .m-visual .swiper-slide{background-size: 100% 100%;}

    .m-visual .swiper-slide .txt-wrap >p{font-size: 32px; }
    .m-visual .swiper-slide .txt-wrap >span{display: inline-block; font-size: 22px;}
    
    /* -- m-visual */
    /* m-service */
    .m-service{background-size: 100% 100%;}
    .m-service .service-menu{flex-wrap: wrap; justify-content: flex-start;}
    .m-service .service-menu > li{width: calc(100% / 3 - 8px);}
    /* -- m-service */

    /* m-introduce */
    .introduce_zone > li > .tit{font-size: 24px;}
    .introduce_zone > li.active{background-size: 100% 100%;}
    .introduce_zone > li.active > .tit{font-size: 26px;}
    /* -- m-introduce */

    /* m-quick */
    .m-quick{padding:0;}
    .m-quick .swiper-slide {margin-top: 10px;  margin-bottom: 10px;}
    .m-quick .swiper-slide a{font-size: 16px;}
    /* -- m-quick */
    
    
}

@media (max-width: 680px) {
	.main-title1{margin-bottom: 22px;font-size: 32px;}
	.main-icon2 > ul > li {width: 50%;}
	.notices1-tab1{margin: -10px -5px 28px;font-size: 18px;line-height: 1.1;}
	.notices1-tab1 > li{width: calc(33.33% - 10px);margin: 10px 5px 0;min-height: 46px;}
	.notices1-tab1 > li > a{width: 100%;height: 100%;padding: 8px;color: #333;border: 2px solid #014195;border-radius: 5px;display: flex;align-items: center;justify-content: center;}
	.notices1-tab1 > li > a::after{display: none;}
	.notices1-tab1 > li.on > a{background: #014195;color: #fff;}
	.notices1-list1 > li{width: calc(50% - 16px);}
	.notices1-more1{position: static;margin: 30px auto 0;width: 140px;height: 52px;color: #666;font-size: 21px;font-weight: 600;border-radius: 25px;background: #fff;border: 2px solid #ddd;display: flex;align-items: center;justify-content: center;}
}


@media screen and (max-width: 600px){

	.main-title1{margin-bottom: 22px;font-size: 32px;}
	.main-icon2 > ul > li {width: 50%;}
	.notices1-tab1{margin: -10px -5px 28px;font-size: 18px;line-height: 1.1;}
	.notices1-tab1 > li{width: calc(33.33% - 10px);margin: 10px 5px 0;min-height: 46px;}
	.notices1-tab1 > li > a{width: 100%;height: 100%;padding: 8px;color: #333;border: 2px solid #014195;border-radius: 5px;display: flex;align-items: center;justify-content: center;}
	.notices1-tab1 > li > a::after{display: none;}
	.notices1-tab1 > li.on > a{background: #014195;color: #fff;}
	.notices1-list1 > li{width: calc(50% - 16px);}
	.notices1-more1{position: static;margin: 30px auto 0;width: 140px;height: 52px;color: #666;font-size: 21px;font-weight: 600;border-radius: 25px;background: #fff;border: 2px solid #ddd;display: flex;align-items: center;justify-content: center;}
	.main-icon1 > li {width: 50%}
}


 @media (max-width: 500px) {
	.visit-slide-arrw{position: static;margin: 0 auto 20px }	
	.m-visitors .m-tit {gap:0;justify-content: space-between;font-size: 28px; margin-bottom: 20px;}
	
	.notices1-tab1 > li{width: calc(50% - 10px);}
	.notices1-tab1 > li:last-child{width: calc(100% - 10px);}
}

@media (max-width: 480px) {
    
    
    .m-tit{font-size: 28px; margin-bottom: 20px;}
    
    /* m-visual */
    .m-visual .visual-slide{ border-radius: 0;}
    
    .m-visual .swiper-slide .txt-wrap >p{font-size: 30px; }
    .m-visual .swiper-slide .txt-wrap >span{display: inline-block; font-size: 20px;}
    .m-visual .controler { bottom:40px; font-size: 16px;}
    /* -- m-visual */
    /* m-news */
    .m-news .tab-area .tab > ul > li > button {font-size: 16px;padding:10px 0;}
    .m-news .tab-conts{font-size: 14px;}
    /* -- m-news */

    /* m-service */
    .m-service .service-menu > li{width: calc(100% / 3 - 7px);}
    .m-service .service-menu > li > a{font-size: 16px; width: 100%;}
    .m-service .service-menu a >p{height: 90px; border-radius: 16px;}
    /* -- m-service */

    /* m-introduce */
    .introduce_zone > li{padding:20px; height: 60px; border-radius: 10px;}
    .introduce_zone > li > .tit{font-size: 18px;}
    .introduce_zone > li > .accBtn{width: 40px; height: 40px;top: 10px;}
    .introduce_zone > li > .link_box{font-size: 16px;}
    .introduce_zone > li.active{background-size: 100% 100%;}
    .introduce_zone > li.active > .tit{font-size: 22px;}
    .introduce_zone > li.active > .tit:after {left:140px}
    /* -- m-introduce */

    /* m-quick */
    .m-quick .m-content{padding:40px 0;}
    .m-quick .quick-slide{margin:0;}
    .m-quick .swiper-wrapper{display: block !important; width: 100% !important;}
    .m-quick .swiper-slide{width: 100% !important;}
    .m-quick .swiper-slide a{display: flex; gap: 20px; padding:10px 15px;}
    .m-quick .swiper-slide a > p{width: 40px; height: auto;}
    .m-quick .swiper-slide a > p > img{width: 100%;}
    .m-quick .swiper-slide a span{width: calc(100% - 60px); min-height: 40px; height: auto; justify-content: flex-start; text-align: left;}
    .m-quick .swiper-slide a span > br{display: none;}
    
    /* -- m-quick */
    
    /* 251013 news 추가 */
        .news .inner{padding: 30px 10px;}
    .news::before{display: none;}
    .news .inner .titBox{margin-bottom:20px ;}
    .newsList li{width: 100%;}
    .newsList li a .pic{height: 95px;margin-bottom: 15px;}
    .newsList li a .sbj{font-size: 14px;line-height: 14px;}
    .newsList li a .sbj p{height: 30px;}
    
}

@media (max-width: 480px) {
	.notices1-list1 > li{width: calc(100% - 16px);}
	.notices1-list1 .title01{height: auto;}
	
	.m-visual .img-bg {border-radius: 0 0 0 0;}
	.m-visual .swiper-slide .txt-wrap {top: 16%}
}

@media (max-width: 380px) {
    .m-service .service-menu > li{width: calc(100% / 2 - 6px);}

}