.m-container{padding-top: 80px; 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 .visual-slide{height: auto; overflow: hidden;}
.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:26%;}
.m-visual .swiper-slide .txt-wrap >p{font-size: 48px; text-shadow: 1px 1px black}
.m-visual .swiper-slide .txt-wrap >span{display: inline-block; font-size: 32px;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: 99; 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;}


.m-visual .swiper-slide .cont-box .img-bg img {min-height: 550px; object-fit : cover;}

@media (max-width: 760px) {
 .m-visual .swiper-slide .cont-box .img-bg img {min-height: 345px}	
 .m-visual .swiper-slide .txt-wrap{top:16%;}
}

.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: 25px}
.mf1 {display: flex;justify-content: space-between;}
.m-ser {width: calc(100% - 565px)}



/*board*/
.board{padding:55px 0 30px 0 ;}
.board .inner{display: flex;justify-content: space-between;}
.board .title{font-size: 25px;font-weight: 600;color:#333333;margin: 0 0 25px 0;}
.board .notice{width: calc(100% - 710px);}
.board .notice .noticeList li{margin: 0 0 5px 0;padding: 0 0 0 20px;background-color: #f7f7f7;border-radius: 8px;}
.board .notice .noticeList li:hover {background-color:#fffce5 ;}
/* .board .notice .noticeList li:nth-child(even) {background-color:#fffce5 ;} */
.board .notice .noticeList li:last-child{margin-bottom: 0;}
.board .notice .noticeList li a{display: flex;justify-content: space-between;align-items: center;position: relative; padding: 0 0 0 11px;height: 60px;}
.board .notice .noticeList li a::after{content: "";display: block;width: 4px;height: 4px; position: absolute;left:0;top:25px;  background-color:#535353 ;border-radius: 5px;}
.board .notice .noticeList li a .sbj{display: block;width:calc(100% - 117px);font-size: 17px;color:#444444;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.board .notice .noticeList li a .date{display: block;width:105px;padding: 0 0 0 7px; font-size: 14px;color:#878787;font-weight: 300;}

.mb-btns li a {
  font-size: 25px;
  font-weight: 600;
  color: #bfbfbf;
  margin: 0 0 25px 0;
  display: block;
}
.mb-btns li.on a{
  color: #333333;
}
.mb-btns > li{display: inline-block;margin-right: 30px;position: relative;}
.mb-btns > li:after{content: "";position: absolute;right: -15px;top: 30%;width: 1px;height: 18px;background: #bfbfbf;margin-top: -9px;}
.mb-btns > li:last-child{margin-right:0;}
.mb-btns > li:last-child:after{display: none;}

.mb-box{height: auto;overflow: hidden;}
.mb-box > .mb_lines{display: none;}
.mb-box > .mb_lines.on{display: block;}
.mb-box > .mb_lines > ul > li{
    background-color: #f7f7f7;
    border-radius: 8px;
    /* 251111 수정 margin 5 -> 6 , padding 0 0 0 20 -> 6 0 6 20  */
    margin: 0 0 6px 0;
    padding: 6px 0 6px 20px;
}
.mb-box > .mb_lines > ul > li:hover{
	background-color:#fffce5 ;
}
.mb-box > .mb_lines > ul > li > a{
	display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0 0 0 11px;
    height: 60px;
}
.mb-box > .mb_lines > ul > li > a .sbj{display: block;width:calc(100% - 117px);font-size: 17px;color:#444444;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.mb-box > .mb_lines > ul > li > a .date{display: block;width:105px;padding: 0 0 0 7px; font-size: 14px;color:#878787;font-weight: 300;}

.mb-box > .mb_lines > ul > li > a:hover{color:#3c497b;}
.mb-box > .mb_lines > ul > li:last-child{margin-bottom: 0;}



/* Notice  */
	.notTitle { 
        padding: 0 10px 0 0;
        position: relative;
        color: #d9d9d9 !important;
    }
    /* 보도자료  */
    .notTitle2 {
        padding: 0 0 0 10px;
        color: #d9d9d9 !important;
    }
    /* on 클래스  */
    .on {
        color: #333 !important;
    }
/* Notice :after css  */    
    .notTitle::after {
        content: '';
        width: 1px;
        height: 80%;
        display: block;
        background: #dedede;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
    }

/* board  */


/* popupzone  */
.board .title{font-size: 25px;font-weight: 600;color:#333333;margin: 0 0 25px 0;}
.board .popupzone{position: relative; width: 650px;}
/* 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;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;}

.notices1-list1 .img-box {border-radius: 18px;overflow: hidden;position: relative;}
.notices1-list1 .img-box img {width: 100%;min-height: 182px;object-fit:cover;max-height: 268px;}

.notices1-list1 > li .hv {position: absolute;left: 0;top: 0;z-index: 1;padding: 28px 22px 24px;opacity: 0;height: 100%;width: 100%}
.notices1-list1 > li > a:hover .hv {opacity:1; background: linear-gradient(40deg, #00439a, #127866);transition: all 0.3s;}


/*service*/
.service{background-color: #f9f8fc;padding: 55px 0 72px 0;}
.service .title{font-size: 35px;font-weight: 700;color:#333333;margin: 0 0 45px 0;text-align: center;}
.serviceList{display: flex;flex-wrap: wrap;border-top:1px solid #d0d0d0;}
.serviceList li{position: relative; width: 20%;border-bottom:1px solid #d0d0d0}
.serviceList li::before{content:"";display: block;position: absolute;left:0;top:0; width: 1px;height:21px ;background-color:#d0d0d0 ; }
.serviceList li::after{content:"";display: block;position: absolute;left: 0;bottom: 0; width: 1px;height:21px ;background-color:#d0d0d0 ; }
.serviceList li:first-child::before{display: none;}
.serviceList li:first-child::after{display: none;}
.serviceList li a{display: block;padding: 48px 0 0 0;}
.serviceList li a .ico{height: 73px;display: flex;align-items: center;justify-content: center;margin: 0 0 10px 0;transform: translate(0, 0);transition: all 0.4s ease-out;}
.serviceList li a .txt{display: block;height: 70px; text-align: center;font-size: 18px;color: #333333;font-weight: 500;}
.serviceList li:hover{background: #dfdee3}
.serviceList li:hover .ico{transform: translateY(-5px);transition: all 0.4s ease-out;}


@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 .inner{display: block;}
    .board .notice{width: 100%;margin-bottom: 30px;}
    
    .board .popupzone {width: 100%;}
    .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;}
   
    .board{padding: 30px 0}

   
	/* 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;}

    .serviceList li {width: 50%}
    .serviceList li:nth-child(3):before{display: none;}
    .serviceList li:nth-child(3):after{display: none;}
    .serviceList li:nth-child(5):before{display: none;}
    .serviceList li:nth-child(5):after{display: none;}
}
@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) {
	
	.board .title{font-size: 23px;margin-bottom: 15px;}
    .board .notice .noticeList li{padding-left: 0;}
    .board .notice .noticeList li a{height: 44px;}
    .board .notice .noticeList li a .sbj{font-size: 14px;width: calc(100% - 97px);}
    .board .notice .noticeList li a .date{font-size: 13px;width: 89px;}
    .board .notice .noticeList li a::after{top:20px}
	
    .newsList li{width: 100%;}
    
    /* new service,notice  */
    
	.main-icon2 > ul > li > a{height: 160px;font-size: 19px;}
	
	.notices1-list1 .title01{font-size: 16px;line-height: 22px;height: 66px;}
	
		.main-icon2 > ul > li > a{height: 160px;font-size: 19px;}
		
		.banner{padding: 15px 0;}
	.service .title{font-size: 23px;margin-bottom: 15px;}
    .serviceList li a .txt{font-size: 13px;font-weight: 300;}
    .serviceList li::before{height: 18px;}
    .serviceList li::after{height: 18px;}
}


@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) {
    
        .board .notice .noticeList li a{height: 75px;}
    .board .notice .noticeList li a .sbj{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 44px;white-space: normal;line-height: 22px;}
    .board .notice .noticeList li a::after{display: none;}
    
    .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;}
    
        .serviceList li a{padding-top: 20px;}
    .serviceList li a .ico{height: 40px;}
    .serviceList li a .ico img{height: 32px;}
    .serviceList li a .txt{height: auto;padding-bottom: 10px;}
    
}

@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);}

}