@charset "utf-8";
/****************************************/
/* Name: 부산광역시 수영
/* PART: MAIN CONTENT STYLE 
/* Version: 1.0 / day: 2025-06-05
/* Author: imtec 
/****************************************/

/* 슬라이드 기본설정 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-wrapper{
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;-ms-display: flexbox;  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;-ms-display: flexbox;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;  
}
.swiper-wrapper.vertical {
  flex-direction: column;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: auto;
  height: 100%;
  position: relative;
}



/*
=========================================================================
메인 콘텐츠 css
=========================================================================
*/

.mBoxBgTop a:focus-visible,
.mBoxBgTop button:focus-visible,
.mBoxBgBot a:focus-visible,
.mBoxBgBot button:focus-visible{outline: 2px dashed #000;outline-offset: -2px;}

.mBoxBgTop{position: relative;margin-top: -160px;padding:160px 0 0;overflow: hidden;background-image: linear-gradient(#fff,  #f5f6fa 200px, #f5f6fa);}
.mBoxBgTop::before{position: absolute;top: 245px;left: 50%;width: 340px;height: 340px;content: '';background:url('/img/suyeong/main_new/m_bg1.png') no-repeat;transform: translateX(185%);}
.mBoxBgTop::after{position: absolute;bottom:0;left: 0;width: 138px;height: 139px;content: '';background: url('/img/suyeong/main_new/bott_bg2.png') no-repeat left bottom}
.mBoxBgBot{position: relative;padding-bottom: 60px;overflow: hidden;}
.mConBox{position: relative;margin: 0 auto;padding: 0 40px;max-width: 1580px;z-index: 2;}
.mConBox h2{font-size: 30px;color: #000;font-weight: 600;line-height: 1.2;}
.mConBox h2,
.mConBox h3{font-family: 'S-CoreDream';}

.mConBg1{position: relative;margin-bottom: 30px;}
.mConBg1::after{position: absolute;top:0;left: 0;width: 100%;height: 100%;content: '';background: url('/img/suyeong/main_new/bott_bg1.jpg') no-repeat center top;}
.mConBg1::before{position: absolute;top:0;left: 50%;width: 50%;height: 100%;content: '';background-color: #f5f6fa;}
.mConBg1 .mConBox{padding: 60px 40px 10px;min-height: 512px;}
.mConBg2{position: relative;margin-bottom: 60px;}
.mConBg2::before{position: absolute;top: 0;left: 0;width: 50%;height: 100%;content: '';background-color: #fff7f2;}
.mConBg2 .mConBox{position: relative}
.mConBg2 .mConBox::before{position: absolute;top: 0;left:0;width: 85%;height:100%;content: '';background-image: linear-gradient(to right, #fff7f2, #f0ecf8);border-radius: 0 120px 40px 0;}
.mConBg3{position: relative;padding-top: 70px;}
.mConBg3::before{position: absolute;top: 0;left:50%;max-width: 1740px;width: 100%;;height:340px;content: '';background-image: linear-gradient(to right, #f3faf0, #ecf6fb);border-radius: 120px 40px 40px;transform: translateX(-50%);}

.mnCon1{position: relative;margin: 35px auto 40px;padding: 0 70px;max-width: 1200px;}
.mnCon1 .mSlide1 ul li{text-align: center;}
.mnCon1 .mSlide1 ul li a{position: relative;display:block;padding: 105px 0 5px;color: #333;line-height: 1.3;letter-spacing: -0.6px;transition: 0.2s ease;}
.mnCon1 .mSlide1 ul li a::after{position: absolute;top: 2px;left: 50%;width: 90px;height: 90px;content: '';background-color: #fff;background-repeat: no-repeat;background-position: center center;border-radius: 35px;transform: translateX(-50%);box-shadow: 5px 5px 16px rgba(69,98,179,0.06);}
.mnCon1 .mSlide1 ul li a::before{opacity: 0;position: absolute;top: 0;left: 50%;width: 94px;height: 94px;content: '';background-color: #fff;background-repeat: no-repeat;background-position: center center;border: 2px solid transparent;border-radius: 35px;background-image: linear-gradient(#fff, #fff), linear-gradient(130deg, #00ab4e,  #4991c9); background-origin: border-box; background-clip: content-box, border-box;transform: translateX(-50%);box-shadow: 5px 5px 16px rgba(69,98,179,0.06);transition: 0.2s ease;}

.mnCon1 .mSlide1 ul li.ic1 a::after{background-image: url('/img/suyeong/main_new/ico_link1_1.png');}
.mnCon1 .mSlide1 ul li.ic2 a::after{background-image: url('/img/suyeong/main_new/ico_link1_2.png');}
.mnCon1 .mSlide1 ul li.ic3 a::after{background-image: url('/img/suyeong/main_new/ico_link1_3.png');}
.mnCon1 .mSlide1 ul li.ic4 a::after{background-image: url('/img/suyeong/main_new/ico_link1_4.png');}
.mnCon1 .mSlide1 ul li.ic5 a::after{background-image: url('/img/suyeong/main_new/ico_link1_5.png');}
.mnCon1 .mSlide1 ul li.ic6 a::after{background-image: url('/img/suyeong/main_new/ico_link1_6.png');}
.mnCon1 .mSlide1 ul li.ic7 a::after{background-image: url('/img/suyeong/main_new/ico_link1_7.png');}
.mnCon1 .mSlide1 ul li.ic8 a::after{background-image: url('/img/suyeong/main_new/ico_link1_8.png');}
.mnCon1 .mSlide1 ul li.ic9 a::after{background-image: url('/img/suyeong/main_new/ico_link1_9.png');}
.mnCon1 .mSlide1 ul li.ic10 a::after{background-image: url('/img/suyeong/main_new/ico_link1_10.png');}
.mnCon1 .mSlide1 ul li.ic11 a::after{background-image: url('/img/suyeong/main_new/ico_link1_11.png');}
.mnCon1 .mSlide1 ul li.ic12 a::after{background-image: url('/img/suyeong/main_new/ico_link1_12.png');}
.mnCon1 .mSlide1 ul li.ic13 a::after{background-image: url('/img/suyeong/main_new/ico_link1_13.png');}
.mnCon1 .control button{position: absolute;top: 40px;width: 48px;height: 48px;text-indent: -999px;overflow: hidden;background-color: #e6e9f4;background-repeat: no-repeat;background-position: center center;background-size: 8px;border-radius: 50%;}
.mnCon1 .control .prevSlide1{left: 0;background-image: url('/img/suyeong/main_new/ico_prev.png');}
.mnCon1 .control .nextSlide1{right: 0;background-image: url('/img/suyeong/main_new/ico_next.png');}
.mnCon1 .mSlide1 ul li a:hover{font-weight: 500;text-decoration: underline;text-underline-offset: 4px;}
.mnCon1 .mSlide1 ul li a:focus::before,
.mnCon1 .mSlide1 ul li a:hover::before{opacity: 1;}

.mnConW1{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 85px;}
.mnCon2{position: relative;max-width:970px;width: 67%;}
.mnCon2 .mSlide2{overflow: hidden;border-radius: 40px;}
.mnCon2 .mSlide2 ul li{overflow: hidden;border-radius: 40px;}
.mnCon2 .mSlide2 ul li a{display: block;}
.mnCon2 .mSlide2 ul li img{width: 100%;}
.mnCon2 .control1 button{position: absolute;top: 50%;width: 60px;height: 60px;text-indent: -999px;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-color: rgba(255,255,255,0.9);box-shadow: 0 5px 20px rgba(0,0,0,0.06);border-radius: 50%;transform: translateY(-50%);z-index: 20;}
.mnCon2 .control1 button:hover{background-color: rgba(255,255,255,1);box-shadow: 0 5px 20px rgba(0,0,0,0.15);}
.mnCon2 .control1 .prevSlide2{left: -30px;background-image: url('/img/suyeong/main_new/ico_prev.png');}
.mnCon2 .control1 .nextSlide2{right: -30px;background-image: url('/img/suyeong/main_new/ico_next.png');}
.mnCon2 .control2{position: absolute;left: 0;bottom: 0;display: flex;align-items: center;justify-content: center;padding: 0 20px;width: 230px;;height: 60px;background-color: #f5f6fa;border-radius: 0 50px 0 0;z-index: 20;}
.mnCon2 .control2 button{position: relative;width: 34px;height: 34px;text-indent: -999px;overflow: hidden;}
.mnCon2 .control2 .vPage{display: flex;margin-right: 20px;font-size: 16px;color: #767b89;text-indent: -999px;overflow: hidden;}
.mnCon2 .control2 .vPage span{text-indent:0;}
.mnCon2 .control2 .vPage .swiper-pagination-current{position: relative;padding-right: 37px;color: #1b224e;font-weight: 600;}
.mnCon2 .control2 .vPage .swiper-pagination-current::after{position: absolute;top: 50%;right: 6px;width: 24px;height: 0;content: '';border-bottom: 1px solid #cacaca;}
.mnCon2 .control2 .stopSlide2::after{position: absolute;top: 50%;left: 50%;width: 10px;height: 13px;content: '';border: 1px solid #1b224e;border-width: 0 3px;transform: translate(-50%, -50%);}
.mnCon2 .control2 .startSlide2::after{position: absolute;top: 48%;left: 50%;width: 0;height: 0;content: '';border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 7px solid #1b224e;transform: translate(-50%, -50%);}
.mnCon2 .control2 .btnMore{display: block;margin-left: 10px;}

.mConBox .btnMore a{display: block;width: 34px;height: 34px;text-indent: -999px;overflow: hidden;background:#1b224e url('/img/suyeong/main_new/ico_more.png') no-repeat center center;border-radius: 50%;}
.mConBox .btnMore a:focus-visible{outline: 2px dashed #000;outline-offset: 1px;}

.mnCon3{margin-left: 50px;width:418px}
.mnCon3 .con1{position: relative;margin-bottom: 40px;padding: 45px 50px;height: 260px;color: #000;overflow: hidden;background:url('/img/suyeong/main_new/mayor_bg.jpg') no-repeat right center / cover;border-radius: 40px 40px 80px; }
.mnCon3 .con1 img{position: absolute;right: 0;bottom: 0;}
.mnCon3 .con1 h2{margin-bottom: 25px;font-size: 28px;color: #1b224e;font-weight: 400;line-height: 1.2;}
.mnCon3 .con1 .txt1{font-size: 24px;font-weight: 600;}
.mnCon3 .con1 .txt2{color: #2843a3;font-weight: 600;}
.mnCon3 .con1 ul li{margin-bottom: 8px;}
.mnCon3 .con1 ul li a{position: relative;display: flex;align-items: center;padding: 0 20px;width: 160px;height: 40px;font-size: 14px;color: #2843a3;line-height: 1.2;text-decoration: none;background: rgba(255,255,255,0.6) url('/img/suyeong/main_new/ico_may_arrow.png') no-repeat right 15px center;border:1px solid #7386c9;border-radius: 20px;transition: 0.2s ease;}
.mnCon3 .con1 ul li a:hover{font-weight: 500;background-color: #fff;}

.mnCon3 .con2 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.mnCon3 .con2 ul li{margin-bottom: 20px;min-width: 45%;}
.mnCon3 .con2 ul li a{position: relative;display: flex;align-items: center;font-size: 16px;color: #454c7d;text-decoration: none;}
.mnCon3 .con2 ul li a::before{position: relative;display: block;flex-shrink: 0;margin-right: 15px;width: 90px;height: 90px;content: '';background-color: #fff;background-repeat: no-repeat;background-position: center center;border-radius: 30px;box-shadow: 5px 5px 20px rgba(159, 186, 219, 0.26);z-index: 1;}
.mnCon3 .con2 ul li.ic1 a::before{background-image: url('/img/suyeong/main_new/ico_link2_1.png');}
.mnCon3 .con2 ul li.ic2 a::before{background-image: url('/img/suyeong/main_new/ico_link2_2.png');}
.mnCon3 .con2 ul li.ic3 a::before{background-image: url('/img/suyeong/main_new/ico_link2_3.png');}
.mnCon3 .con2 ul li.ic4 a::before{background-image: url('/img/suyeong/main_new/ico_link2_4.png');}
.mnCon3 .con2 ul li a::after{opacity: 0;position: absolute;top: -2px;left: -2px;width: 94px;height: 94px;content: '';background-color: #fff;border: 2px solid transparent;border-radius: 30px;background-image: linear-gradient(#fff, #fff), linear-gradient( #241ec7,  #dc6800); background-origin: border-box; background-clip: content-box, border-box;box-shadow: 5px 5px 16px rgba(69,98,179,0.06);transition: 0.2s ease;}
.mnCon3 .con2 ul li a:hover,
.mnCon3 .con2 ul li a:focus{font-weight: 600;text-decoration: underline;text-underline-offset: 2px;}
.mnCon3 .con2 ul li a:hover::after,
.mnCon3 .con2 ul li a:focus::after{opacity: 1;}


.mnConW2{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 60px;}
.mnCon4{position: relative;width: 1082px;}
.mnCon4 h2{max-width: 150px;}
.mnCon4 .mNotice{padding-top: 20px;}
.mnCon4 .mNotice .mNoticeTab > li > a{position: absolute;top: 0;padding:5px 5px;max-width: 100px;font-size: 18px;color: #767b89;line-height: 1.2;text-decoration: none;}
.mnCon4 .mNotice .mNoticeTab > li > a::before{position: absolute;top: 5px;right: 0;opacity: 0;width: 8px;height: 8px;content: '';border-radius: 50%;transition: 0.2s ease;}
.mnCon4 .mNotice .mNoticeTab > li > a::after{position: absolute;bottom: 5px;left: 50%;width: 0;height: 8px;content: '';background-color: #d9ddf2;border-radius: 4px;transform: translateX(-50%);z-index: -1;transition: 0.2s ease;}
.mnCon4 .mNotice .mNoticeTab > li.tabm1 > a{left: 170px;}
.mnCon4 .mNotice .mNoticeTab > li.tabm2 > a{left: 280px;}
.mnCon4 .mNotice .mNoticeTab > li.tabm3 > a{left: 390px;}
.mnCon4 .mNotice .mNoticeTab > li.tabm4 > a{left: 500px;}
.mnCon4 .mNotice .mNoticeTab > li.tabm5 > a{left: 630px;}
.mnCon4 .mNotice .mNoticeTab > li.tabm6 > a{left: 700px;}
.mnCon4 .mNotice .mNoticeTab > li > a:hover,
.mnCon4 .mNotice .mNoticeTab > li > a:focus,
.mnCon4 .mNotice .mNoticeTab > li.on > a{color: #1b224e;font-weight: 600;}


.mnCon4 .mNotice .mNoticeTab > li.tabm1.on > a::before{background-color: #293eaa;}
.mnCon4 .mNotice .mNoticeTab > li.tabm1 > a:hover::after,
.mnCon4 .mNotice .mNoticeTab > li.tabm1 > a:focus::after,
.mnCon4 .mNotice .mNoticeTab > li.tabm1.on > a::after{background-color: #d9ddf2;}

.mnCon4 .mNotice .mNoticeTab > li.tabm2.on > a::before{background-color: #1886c8;}
.mnCon4 .mNotice .mNoticeTab > li.tabm2 > a:hover::after,
.mnCon4 .mNotice .mNoticeTab > li.tabm2 > a:focus::after,
.mnCon4 .mNotice .mNoticeTab > li.tabm2.on > a::after{background-color: #c3deee;}

.mnCon4 .mNotice .mNoticeTab > li.tabm3.on > a::before{background-color: #00929f;}
.mnCon4 .mNotice .mNoticeTab > li.tabm3 > a:hover::after,
.mnCon4 .mNotice .mNoticeTab > li.tabm3 > a:focus::after,
.mnCon4 .mNotice .mNoticeTab > li.tabm3.on > a::after{background-color: #c1e6e9;}

.mnCon4 .mNotice .mNoticeTab > li.tabm4.on > a::before{background-color: #01905c;}
.mnCon4 .mNotice .mNoticeTab > li.tabm4 > a:hover::after,
.mnCon4 .mNotice .mNoticeTab > li.tabm4 > a:focus::after,
.mnCon4 .mNotice .mNoticeTab > li.tabm4.on > a::after{background-color: #c9e7dc;}

.mnCon4 .mNotice .mNoticeTab > li.tabm5.on > a::before{background-color: #68529a;}
.mnCon4 .mNotice .mNoticeTab > li.tabm5 > a:hover::after,
.mnCon4 .mNotice .mNoticeTab > li.tabm5 > a:focus::after,
.mnCon4 .mNotice .mNoticeTab > li.tabm5.on > a::after{background-color: #e5dff3;}

.mnCon4 .mNotice .mNoticeTab > li.tabm6.on > a::before{background-color: #b25793;}
.mnCon4 .mNotice .mNoticeTab > li.tabm6 > a:hover::after,
.mnCon4 .mNotice .mNoticeTab > li.tabm6 > a:focus::after,
.mnCon4 .mNotice .mNoticeTab > li.tabm6.on > a::after{background-color: #f3dbeb;}

.mnCon4 .mNotice .mNoticeTab > li.on > a::before{top: 0;right: -5px;opacity: 1;}
.mnCon4 .mNotice .mNoticeTab > li > a:hover::after,
.mnCon4 .mNotice .mNoticeTab > li > a:focus::after,
.mnCon4 .mNotice .mNoticeTab > li.on > a::after{width: 100%;}
.mnCon4 .mNotice .mNoticeTab > li .mTabCon ul{display: flex;margin-left: -30px;}
.mnCon4 .mNotice .mNoticeTab > li .mTabCon ul li{margin-left: 30px;width: calc(33.33% - 30px);border-radius: 30px;background-color: #fff;box-shadow: 10px 10px 20px rgba(0,0,0,0.06);border:2px solid transparent}
.mnCon4 .mNotice .mNoticeTab > li .mTabCon ul li a{position: relative;display: block;padding: 35px;min-height: 310px;text-decoration: none;}
.mnCon4 .mNotice .mNoticeTab > li .mTabCon ul li .part{display: block;margin-bottom: 20px;width: 50px;height: 50px;font-size: 16px;color: #fff;line-height: 50px;text-align: center;background-color: #000;border-radius: 50px;}
.mnCon4 .mNotice .mNoticeTab > li .mTabCon ul li .tit{display: block;margin-bottom: 30px;height: 55px;font-size: 20px;color: #000;font-weight: 500; overflow: hidden;  text-overflow: ellipsis; word-wrap: break-word;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 1.4;}
.mnCon4 .mNotice .mNoticeTab > li .mTabCon ul li .txt{display: block;padding-top: 25px;height: 70px;color: #666f7e;overflow: hidden;  text-overflow: ellipsis; word-wrap: break-word;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 1.5;border-top: 1px solid #e4e6ec;}
.mnCon4 .mNotice .mNoticeTab > li .mTabCon ul li .date{position: absolute;top: 45px;right: 35px;color: #666f7e;}
.mnCon4 .mNotice .mNoticeTab > li.tabm1 .mTabCon ul li .part{background-color: #293eaa;}
.mnCon4 .mNotice .mNoticeTab > li.tabm2 .mTabCon ul li .part{background-color: #1886c8;}
.mnCon4 .mNotice .mNoticeTab > li.tabm3 .mTabCon ul li .part{background-color: #00929f;}
.mnCon4 .mNotice .mNoticeTab > li.tabm4 .mTabCon ul li .part{background-color: #01905c;}
.mnCon4 .mNotice .mNoticeTab > li.tabm5 .mTabCon ul li .part{background-color: #68529a;}
.mnCon4 .mNotice .mNoticeTab > li.tabm6 .mTabCon ul li .part{background-color: #b25793;}
.mnCon4 .mNotice .mNoticeTab > li .mTabCon ul li:hover{border-color:transparent;background-origin: border-box;background-clip: content-box, border-box;}
.mnCon4 .mNotice .mNoticeTab > li .mTabCon ul li a:focus .tit,
.mnCon4 .mNotice .mNoticeTab > li .mTabCon ul li a:hover .tit{font-weight: 600;}
.mnCon4 .mNotice .mNoticeTab > li.tabm1 .mTabCon ul li:hover{background-image: linear-gradient(#fff, #fff),     linear-gradient(135deg, #293eaa 0%,  #554fa8 100%);}
.mnCon4 .mNotice .mNoticeTab > li.tabm2 .mTabCon ul li:hover{background-image: linear-gradient(#fff, #fff),     linear-gradient(135deg, #1886c8 0%,  #00929f 100%);}
.mnCon4 .mNotice .mNoticeTab > li.tabm3 .mTabCon ul li:hover{background-image: linear-gradient(#fff, #fff),     linear-gradient(135deg, #00929f 0%,  #01905c 100%);}
.mnCon4 .mNotice .mNoticeTab > li.tabm4 .mTabCon ul li:hover{background-image: linear-gradient(#fff, #fff),     linear-gradient(135deg, #01905c 0%,  #017a90 100%);}
.mnCon4 .mNotice .mNoticeTab > li.tabm5 .mTabCon ul li:hover{background-image: linear-gradient(#fff, #fff),     linear-gradient(135deg, #68529a 0%,  #b25793 100%);}
.mnCon4 .mNotice .mNoticeTab > li.tabm6 .mTabCon ul li:hover{background-image: linear-gradient(#fff, #fff),     linear-gradient(135deg, #b25793 0%,  #554fa8 100%);}

.mnCon4 .mNotice .mNoticeTab > li .mTabCon .btnMore{position: absolute;top: 5px;right: 0;}

.mnCon5{position: relative;margin: 60px 0 0 40px;padding: 65px 0 0 45px;width: 358px;min-height: 343px;background: url('/img/suyeong/main_new/event_sch_bg.png') no-repeat right bottom / cover;border-radius: 30px 100px 0 0;}
.mnCon5 h2{margin-bottom: 20px;color: #fff;/*background: -webkit-gradient(180deg, #fff 15%, #d7f8f3, #9dffe9, #66deee 60%, #fff 70%, #d7f8f3);*/}
.mnCon5 h2 span{color: #9dffe9;background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(50, #66deee), color-stop(100, #66deee));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.mnCon5 h2 span:nth-child(2){background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9dffe9), color-stop(100, #66deee));background: -webkit-linear-gradient(to right, #9dffe9, #66deee);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.mnCon5 p{color: #fff;}
.mnCon5 .btn{position: absolute;left: -1px;bottom: 18px;width: 166px;border-radius: 0 40px 0 0;background-color: #f5f6fa;}
.mnCon5 .btn a{display: flex;align-items: center;padding:0 20px 0 10px;height:50px;}
.mnCon5 .btn a span{position:relative;display: block;font-size: 17px;font-weight: 600;color: #287cbe
;line-height: 1.2;background: -webkit-gradient(linear, right top, left bottom, color-stop(0, #287cbe), color-stop(100, #1c9d87));background: -webkit-linear-gradient(to right, #1c9d87, #287cbe);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.mnCon5 .btn a::after{position: absolute;top: 50%;right: 25px;width:18px;height: 17px;content: '';background: url('/img/suyeong/main_new/ico_m_blank.png') no-repeat;transform: translateY(-50%);}
.mnCon5 .btn a::before{position: absolute;left: 0;bottom: 12px;width: 72%;height: 8px;content: '';background-color: #dfedee;border-radius: 4px;}
.mnCon5 .btn:hover{box-shadow: 10px -10px 10px rgba(0,0,0,0.2);}


.mnConW3{position: relative;display: flex;justify-content: space-between;align-items: center;margin-bottom: 60px;z-index:1}
.mnCon6{position: relative;max-width: 970px;width: 65%;}
.mnCon6 h2{margin-bottom: 25px;}
.mnCon6 .control{position: absolute;top: 0;right: 0;display: flex;align-items: center;}
.mnCon6 .control::after{position: absolute;top: 9px;left: 50px;width: 0;height: 17px;content: '';border-left: 1px solid #c6bdc0;}
.mnCon6 .control button{position: relative;margin: 0 10px;width: 30px;height: 30px;text-indent: -999px;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: 11px;}
.mnCon6 .control button.swiper-button-disabled{opacity: 0.3;}
.mnCon6 .control .prevSlide3{background-image: url('/img/suyeong/main_new/ico_prev.png');}
.mnCon6 .control .nextSlide3{background-image: url('/img/suyeong/main_new/ico_next.png');}
.mnCon6 .btnMore{display: block;}
.mnCon6 .mSlide3 ul li a{display: block;}
.mnCon6 .mSlide3 ul li .photo{position: relative;display: block;margin-bottom: 15px;padding-top: 58%;overflow: hidden;border-radius: 30px;}
.mnCon6 .mSlide3 ul li .photo img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: 0.3s ease;}
.mnCon6 .mSlide3 ul li .tit{display: block;font-size: 16px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #000;text-align: center;}
.mnCon6 .mSlide3 ul li a:hover .photo img{transform: scale(1.1);}
.mnCon6 .mSlide3 ul li a:hover .tit{font-weight: 500;text-decoration: underline;}

.mnCon7{position: relative;display: flex;align-items: center;flex-shrink: 0;margin-left: 40px;max-width: 420px;width: 100%;}
.mnCon7 .news_img{position: relative;flex-shrink: 0;margin-right: 55px;}
.mnCon7 .news_img .month{position: absolute;top: -20px;right: -20px;display: flex;align-items: center;flex-wrap: wrap;flex-direction: column;justify-content: center;width: 76px;height: 76px;font-size: 14px;color: #fff;background-color: #1c9d87;border-radius: 50%;z-index: 2;}
.mnCon7 .news_img .month span{width: 100%;font-size: 22px;font-weight: 600;text-align: center;line-height: 1;}
.mnCon7 .news_img .news_pap{position: relative;width: 190px;overflow: hidden;background-color: #fff;border-radius: 25px;box-shadow: 10px 10px 40px rgba(0,0,0,0.14);}
.mnCon7 .news_img .news_pap a{position: relative;display: block;padding: 5px;}
.mnCon7 .news_img .news_pap a::before{opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';background-image:linear-gradient(#07aa8e, #287cbe) ;transition: 0.2s ease;}
.mnCon7 .news_img .news_pap a::after{opacity: 0;position: absolute;top: 50%;left: 50%;width: 48px;height: 48px;content: '';background:rgba(0,0,0,0.5) url('/img/suyeong/main_new/ico_more2.png') no-repeat center center;border-radius: 20px;transform: translate(-50%, -50%);transition: 0.2s ease;}
.mnCon7 .news_img .news_pap a:hover::before{opacity: 0.7;}
.mnCon7 .news_img .news_pap a:hover::after{opacity: 1;}
.mnCon7 .news_txt{width: 170px;}
.mnCon7 .news_txt h2{margin-bottom: 30px;}
.mnCon7 .news_txt ul li{margin-bottom: 10px;border-bottom: 1px solid #adb0c4;}
.mnCon7 .news_txt ul li a{display: flex;align-items: center;height: 50px;font-size: 16px;color: #1b224e;line-height: 1.2;background: url('/img/suyeong/main_new/ico_m_blank2.png') no-repeat right center;}
.mnCon7 .news_txt ul li a:hover{font-weight: 500;text-decoration: underline;}

.mnConW4{width: 100%;}
.mnCon8{position: relative;}
.mnCon8 h2 img{margin:-40px 0 0 -50px;vertical-align: bottom;}
.mnCon8 > ul{position: relative;margin-top: -40px;padding-top:100px;z-index: 2;}
.mnCon8 > ul > li > a{position: absolute;top: 0;padding: 5px 20px;font-size: 20px;color: #000;font-weight: 500;line-height: 1.1;text-decoration: none;transition: 0.2s ease;}
.mnCon8 > ul > li:not(:first-child) > a::before{position: absolute;top: 50%;left: -40px;width: 0;height: 17px;content: '';border-left: 1px solid #a9a2b1;transform: translateY(-50%) rotate(30deg);}
.mnCon8 > ul > li > a span{position: relative;display: inline-block;padding: 5px 5px 4px;}
.mnCon8 > ul > li > a span::before{position: absolute;left: 50%;bottom: 0;width: 0;height: 8px;content: '';background-color: #e5daf3;border-radius: 4px;transform:translateX(-50%);z-index: -1;transition: 0.2s ease;}
.mnCon8 > ul > li > a span::after{opacity: 0;position: absolute;top: 0;right: 0;width: 8px;height: 8px;content: '';background-color: #471683;border-radius: 50%;transition: 0.3s ease;}
.mnCon8 > ul > li > a:hover,
.mnCon8 > ul > li.on > a{color: #471683;font-weight: 600;}
.mnCon8 > ul > li.on > a span::after{top: -5px;right: -5px;opacity: 1;}
.mnCon8 > ul > li > a:hover span::before,
.mnCon8 > ul > li.on > a span::before{width: 100%;}
.mnCon8 > ul > li.tabm1 > a{left: 31%;}
.mnCon8 > ul > li.tabm2 > a{left: 43%;}
.mnCon8 > ul > li.tabm3 > a{left: 56%;}
.mnCon8 > ul > li .mTabCon{padding-bottom: 40px;}
.mnCon8 > ul > li .mTabCon .m_tab_con{display: flex;align-items: flex-start;justify-content: space-between;}
.mnCon8 > ul > li .mTabCon .mSlide4{position: relative;padding:5px 75px;width: 1082px;margin-left: 0;}
.mnCon8 > ul > li .mTabCon .mSlide4::before{position: absolute;top: 0;left: 0;width: 50px;height: 100%;content: '';background-color: #fff7f2;z-index: 10;}
.mnCon8 > ul > li .mTabCon .mSlide4::after{position: absolute;top: 0;right: 0;width: 50px;height: 100%;content: '';background-color: #f2eef7;z-index: 10}
.mnCon8 > ul > li .mTabCon .mSlide4 ul li a{display: block;text-align: center;line-height: 1.3;}
.mnCon8 > ul > li .mTabCon .mSlide4 ul li a::before{position:relative;display: block;margin: 0 auto 20px;width: 114px;height: 114px;content: '';background-repeat: no-repeat;background-position: center center;background-color: #fff;border-radius: 40px;z-index: 1;}
.mnCon8 > ul > li .mTabCon .mSlide4 ul li.ic1_1 a::before{background-image: url('/img/suyeong/main_new/ico_link3_1_1.png');}
.mnCon8 > ul > li .mTabCon .mSlide4 ul li.ic1_2 a::before{background-image: url('/img/suyeong/main_new/ico_link3_1_2.png');}
.mnCon8 > ul > li .mTabCon .mSlide4 ul li.ic1_3 a::before{background-image: url('/img/suyeong/main_new/ico_link3_1_3.png');}
.mnCon8 > ul > li .mTabCon .mSlide4 ul li.ic1_4 a::before{background-image: url('/img/suyeong/main_new/ico_link3_1_4.png');}
.mnCon8 > ul > li .mTabCon .mSlide4 ul li.ic1_5 a::before{background-image: url('/img/suyeong/main_new/ico_link3_1_5.png');}
.mnCon8 > ul > li .mTabCon .mSlide4 ul li.ic2_1 a::before{background-image: url('/img/suyeong/main_new/ico_link3_2_1.png');}
.mnCon8 > ul > li .mTabCon .mSlide4 ul li.ic2_2 a::before{background-image: url('/img/suyeong/main_new/ico_link3_2_2.png');}
.mnCon8 > ul > li .mTabCon .mSlide4 ul li.ic2_3 a::before{background-image: url('/img/suyeong/main_new/ico_link3_2_3.png');}
.mnCon8 > ul > li .mTabCon .mSlide4 ul li.ic2_4 a::before{background-image: url('/img/suyeong/main_new/ico_link3_2_4.png');}
.mnCon8 > ul > li .mTabCon .mSlide4 ul li.ic2_5 a::before{background-image: url('/img/suyeong/main_new/ico_link3_2_5.png');}
.mnCon8 > ul > li .mTabCon .mSlide4 ul li.ic3_1 a::before{background-image: url('/img/suyeong/main_new/ico_link3_3_1.png');}
.mnCon8 > ul > li .mTabCon .mSlide4 ul li.ic3_2 a::before{background-image: url('/img/suyeong/main_new/ico_link3_3_2.png');}
.mnCon8 > ul > li .mTabCon .mSlide4 ul li.ic3_3 a::before{background-image: url('/img/suyeong/main_new/ico_link3_3_3.png');}
.mnCon8 > ul > li .mTabCon .mSlide4 ul li.ic3_4 a::before{background-image: url('/img/suyeong/main_new/ico_link3_3_4.png');}
.mnCon8 > ul > li .mTabCon .mSlide4 ul li.ic3_5 a::before{background-image: url('/img/suyeong/main_new/ico_link3_3_5.png');}
.mnCon8 > ul > li .mTabCon .mSlide4 ul li a::after{opacity: 0;position: absolute;top: -2px;left: 50%;width: 118px;height: 118px;content: '';background-color: #fff;background-repeat: no-repeat;background-position: center center;border: 2px solid transparent;border-radius: 40px;background-image: linear-gradient(#fff, #fff), linear-gradient(45deg, #b95892,  #68529a); background-origin: border-box; background-clip: content-box, border-box;transform: translateX(-50%);box-shadow: 5px 5px 16px rgba(69,98,179,0.06);transition: 0.2s ease;}
.mnCon8 > ul > li .mTabCon .mSlide4 ul li a:hover:after{opacity: 1;}
.mnCon8 > ul > li .mTabCon .mSlide4 ul li a:hover{color: #471683;font-weight: 500;text-decoration: underline;}

.mnCon8 .control button{position: absolute;top: 65px;width: 48px;height: 48px;text-indent: -999px;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: 8px;background-color: #e0d7ea;border-radius: 50%;z-index: 20;}
.mnCon8 .control .prevSlide4{left: 0;background-image: url('/img/suyeong/main_new/ico_prev.png');}
.mnCon8 .control .nextSlide4{right: 0;background-image: url('/img/suyeong/main_new/ico_next.png');}
.mnCon8 .control button.swiper-button-disabled{opacity: 0.4;}

.mnCon8 .m_link1{position: relative;margin: -100px 0 0 40px;padding: 45px 50px;width: 358px;background-image: linear-gradient(135deg, #68529a, #b95892);border-radius: 40px 40px 80px;}
.mnCon8 .m_link1 ul li{border-bottom: 1px solid rgba(255,255,255,0.2);}
.mnCon8 .m_link1 ul li:last-child{border-bottom: 0;}
.mnCon8 .m_link1 ul li a{position: relative;display: flex;align-items: center;padding: 0 10px 0 30px;height: 55px;font-size: 16px;color: #fff;line-height: 1.2;background: url('/img/suyeong/main_new/ico_fav_dot.png') no-repeat left center, url('/img/suyeong/main_new/ico_wh_arrow.png') no-repeat right center;}
.mnCon8 .m_link1 ul li a:hover{font-weight: 500;text-decoration: underline;}

.mnConW5{position: relative;display: flex;justify-content: space-between;padding-top: 80px;background: url('/img/suyeong/main_new/m_bg3.png') no-repeat left 58% top;}
.mnConW5 .m_h_tit{position: absolute;top: 0;left: 0;margin-bottom: 30px;width: 100%;}
.mnConW5 .m_h_tit h2{display: inline-block;margin-right: 15px;color: #289374;background: -webkit-gradient(linear, right top, left bottom, color-stop(0, #028ac6), color-stop(100, #85c844));background: -webkit-linear-gradient(to right, #85c844, #028ac6);-webkit-background-clip: text;-webkit-text-fill-color: transparent}
.mnConW5 .txt {display: inline-block;color: #6c6e8c;}
.mnCon9{position: relative;max-width: 1082px;width: 72%;}
.mnCon9 .mSlide5{padding: 0 0 40px 0;border-radius: 40px;}
.mnCon9 .mSlide5 ul li a{position: relative;display: block;overflow: hidden;border-radius: 40px 40px 110px;}
.mnCon9 .mSlide5 ul li .tit{position: absolute;left: 50px;bottom: 40px;padding-right: 40px;max-width: calc(100% - 100px);font-size: 18px;color: #fff;font-weight: 600;z-index: 2}
.mnCon9 .mSlide5 ul li .tit::after{position: absolute;top: 50%;right: 0;width: 26px;height: 26px;content: '';background: url('/img/suyeong/main_new/ico_tour_arrow.png') no-repeat;transform: translateY(-50%);opacity: 0.5;}
.mnCon9 .control1 button{position: absolute;top: 190px;width: 48px;height: 48px;text-indent: -999px;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: 8px;background-color: #fff;border-radius: 50%;z-index: 20;}
/* .mnCon9 .mSlide5 ul li a:hover{box-shadow: 15px 15px 25px rgba(0,0,0,0.14);} */
.mnCon9 .mSlide5 ul li a:hover .tit{text-decoration: underline;text-underline-offset: 3px;}
.mnCon9 .mSlide5 ul li a:hover .tit::after{opacity: 1;}
.mnCon9 .mSlide5 ul li a img{width: 100%;;transition: 0.8s ease;}
.mnCon9 .mSlide5 ul li a:hover img{transform: scale(1.1);}
.mnCon9 .control1 button:hover{box-shadow: 0 5px 20px rgba(0,0,0,0.15);}
.mnCon9 .control1 .prevSlide5{left: -30px;background-image: url('/img/suyeong/main_new/ico_prev.png');}
.mnCon9 .control1 .nextSlide5{right: -30px;background-image: url('/img/suyeong/main_new/ico_next.png');}
.mnCon9 .control2{display: flex;align-items: center;justify-content: center;margin: 0 auto ;padding: 0 20px;width: 230px;;height: 52px;background-color: #f5f6fa;border-radius:30px;z-index: 20;}
.mnCon9 .control2 button{position: relative;width: 34px;height: 34px;text-indent: -999px;overflow: hidden;}
.mnCon9 .control2 .tPage{display: flex;margin-right: 20px;font-size: 16px;color: #767b89;text-indent: -999px;overflow: hidden;}
.mnCon9 .control2 .tPage span{text-indent:0;}
.mnCon9 .control2 .tPage .swiper-pagination-current{position: relative;padding-right: 37px;color: #1b224e;font-weight: 600;}
.mnCon9 .control2 .tPage .swiper-pagination-current::after{position: absolute;top: 50%;right: 6px;width: 24px;height: 0;content: '';border-bottom: 1px solid #cacaca;}
.mnCon9 .control2 .stopSlide5::after{position: absolute;top: 50%;left: 50%;width: 10px;height: 13px;content: '';border: 1px solid #1b224e;border-width: 0 3px;transform: translate(-50%, -50%);}
.mnCon9 .control2 .startSlide5::after{position: absolute;top: 48%;left: 50%;width: 0;height: 0;content: '';border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 7px solid #1b224e;transform: translate(-50%, -50%);}
.mnCon9 .control2 .btnMore{display: block;margin-left: 10px;}

.mnCon10{display: flex;flex-direction: column;align-items: self-end;flex-shrink: 0;margin: -70px 0 0 50px;width: 340px;z-index:20}
.mnCon10 ul{display: flex;flex-wrap: wrap;justify-content: flex-end;margin-bottom: 40px;}
.mnCon10 ul li{margin:0 0 30px 30px;text-align: center;}
.mnCon10 ul li a{position: relative;display: block;padding: 95px 10px 0;width: 140px;;height: 140px;color: #000;text-decoration: none;background-repeat: no-repeat;background-position: center top -15px;background-color: #fff;border-radius: 50px;box-shadow: 10px 10px 10px rgba(0,0,0,0.05);}
.mnCon10 ul li.ic1 a{background-image: url('/img/suyeong/main_new/ico_link4_1.png');}
.mnCon10 ul li.ic2 a{background-image: url('/img/suyeong/main_new/ico_link4_2.png');}
.mnCon10 ul li.ic3 a{background-image: url('/img/suyeong/main_new/ico_link4_3.png');}
.mnCon10 ul li.ic4 a{background-image: url('/img/suyeong/main_new/ico_link4_4.png');}
.mnCon10 ul li a:hover{font-weight: 500;text-decoration: underline;text-underline-offset: 3px;}
.mnCon10 ul li a::before{opacity: 0;position: absolute;top: -2px;left: 50%;width: 144px;height: 144px;content: '';background-color: #fff;background-repeat: no-repeat;background-position: center center;border: 2px solid transparent;border-radius: 50px;background-image: linear-gradient(#fff, #fff), linear-gradient(-45deg, #00ab4e,  #4991c9); background-origin: border-box; background-clip: content-box, border-box;transform: translateX(-50%);box-shadow: 5px 5px 16px rgba(69,98,179,0.06);transition: 0.2s ease;z-index: -1}
.mnCon10 ul li a:hover::before{opacity: 1;}
.mnCon10 .btnGo{position: relative;padding-left: 45px;max-width: 360px;width: 100%;}
.mnCon10 .btnGo a{position: relative;display: flex;align-items: center;justify-content:flex-end;padding: 0 54px;height: 60px;font-size: 16px;color: #fff;font-weight: 600;background-image: linear-gradient(to right, #0a667d, #008654);border-radius: 10px 10px 25px 10px;}
.mnCon10 .btnGo a span{margin-right: 10px;color: #fdffc8;}
.mnCon10 .btnGo a::before{position: absolute;top: 50%;left: -70px;width:195px;height: 140px;content: '';background: url('/img/suyeong/main_new/character3.png') no-repeat;transform: translateY(-40%);}
.mnCon10 .btnGo a::after{position: absolute;top: 50%;right:30px;width: 18px;height: 17px;content: '';background: url('/img/suyeong/main_new/ico_m_blank3.png') no-repeat;transform: translateY(-50%);}
.mnCon10 .btnGo a:hover{text-decoration: underline;box-shadow: 10px 10px 20px rgba(8,108,117,0.2);}
.mnCon10 .btnGo a:focus-visible{outline-offset: 1px;}


/*
================================================================================
반응형 콘텐츠(메인콘텐츠)
================================================================================
*/

 /* PC Device */
@media all and (max-width:1500px){

  .mBoxBgTop{margin-top: -190px;padding-top: 200px;}
  .mBoxBgTop::before {left: 39%;}
  
  .mConBox{max-width: 1240px;}

  .mnCon1{max-width: 940px;}

  .mnConW1{display: block;margin: 0 auto 70px;max-width: 1000px;}
  .mnCon2{margin-bottom: 40px;width: 100%;max-width: 100%;}

  .mnCon3{display: flex;justify-content: space-between;margin-left: 0;width: 100%;}
  .mnCon3 .con1{margin-bottom: 0;width: 49%;}
  .mnCon3 .con2{display: flex;align-items: center;width: 42%;}

  .mnCon4{width:80%;max-width: 730px;}
  .mnCon4 .mNotice .mNoticeTab > li .mTabCon ul li{width: calc(50% - 30px);}
  .mnCon4 .mNotice .mNoticeTab > li .mTabCon ul li:nth-child(3){display: none;}

  .mnCon5{width: 370px;}

  .mnCon4 .mNotice .mNoticeTab > li > a{top: 5px;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm1 > a{left: 150px;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm2 > a{left: 240px;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm3 > a{left: 325px;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm4 > a{left: 410px;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm5 > a{left: 510px;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm6 > a{left: 570px;}
  
  .mConBg1::after{background-position: right 30% top;}

  .mnCon8 > ul > li:not(:first-child) > a::before{left: -20px;}
  .mnCon8 > ul > li .mTabCon .mSlide4{width:63%;max-width: 730px;}

  .mnConW5{background-position: right top;}
  .mnCon9{max-width: 710px;}
  
}


  /* Tablet Device */
@media all and (max-width:1024px){

  .mBoxBgTop{padding-top: 180px;}

  .mnConW1{margin-bottom: 50px;}
  .mnCon2{margin-bottom: 20px;}
  .mnCon3{display: block;padding-bottom:30px;border-bottom: 1px solid #dbdee9;}
  .mnCon3 .con1{margin-bottom: 40px;padding: 55px 60px;width: 100%;;height: auto;}
  .mnCon3 .con1 ul{display: flex;gap: 10px;}

  .mnCon3 .con2{display: block;margin: 0 auto;max-width: 520px;width: 100%;}

  .mnConW2{display: block;}

  .mnCon4{position: inherit;width: 100%;max-width: 100%;}
  .mnCon4 h2{margin-bottom: 20px;}
  .mnCon4 .mNotice{position: relative;padding-top: 60px;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm1 > a{left: 0;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm2 > a{left: 100px;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm3 > a{left: 200px;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm4 > a{left: 300px;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm5 > a{left: 415px;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm6 > a{left: 480px;}
  .mnCon4 .mNotice .mNoticeTab > li .mTabCon ul li{width: calc(50% - 30px);}
  .mnCon4 .mNotice .mNoticeTab > li .mTabCon .btnMore{top: -60px;}

  .mnCon5{margin:50px 0 0;padding: 65px 0 0 60px;width: 100%;min-height: 280px;}
  .mnCon5 p{display: none;}

  .mnConW3{display: block;}
  .mnConW3::before{position: absolute;left: 50%;bottom: -40px;width: 167px;height: 167px;content: '';background-image: linear-gradient(135deg, #6646d6, #008ace, #7ac9d1, #f6ffcb);border-radius: 50%;opacity: 0.1;transform: translateX(-180%);}
  .mnCon6{margin-bottom: 50px;width: 100%;}

  .mConBg1::before{display: none;}
  .mConBg2::before{display: none;}
  .mConBg2 .mConBox::before{width: 100%;height: 420px;}
  .mnCon7{margin: 0 auto;}
  .mnCon8 > ul{padding-top: 80px;}
  .mnCon8 > ul > li .mTabCon .m_tab_con{display: block}
  .mnCon8 > ul > li .mTabCon .mSlide4{width: 100%;max-width: 100%;}
  .mnCon8 .m_link1{margin: 30px 0 0;padding: 30px 50px;width: 100%;}
  .mnCon8 .m_link1 ul{display: flex;flex-wrap: wrap;gap:0 60px;}
  .mnCon8 .m_link1 ul li{width: calc(50% - 30px);}
  .mnCon8 .m_link1 ul li:nth-child(3){border-bottom: 0;}
  .mnCon8 > ul > li.tabm1 > a{left: auto;right: 190px;}
  .mnCon8 > ul > li.tabm2 > a{left: auto;right: 90px;}
  .mnCon8 > ul > li.tabm3 > a{left: auto;right: 0;}
  .mnCon8 > ul > li:not(:first-child) > a::before{left: 0;}
  .mnCon8 > ul > li .mTabCon{padding-bottom: 0;}
  .mnCon8 > ul > li .mTabCon .mSlide4::before{background-color: #fef6f2;}
  .mnCon8 > ul > li .mTabCon .mSlide4::after{background-color: #f1edf8;}

  .mConBg3{padding-top: 50px;}
  .mConBg3::before{left: 0;width: 100%;transform: translateX(0);}
  .mnConW5{flex-wrap: wrap;padding-top: 0;background-position: left 50px;}
  .mnConW5 .m_h_tit{position: relative;margin-bottom: 50px;text-align: center;}
  .mnConW5 .m_h_tit h2{display: block;margin: 0 0 10px;text-align: center;}
  .mnConW5 .m_h_tit .txt{display: block;text-align: center;}
  .mnCon9{width: 50%;}
  .mnCon9 .mSlide5 ul li a img{width: 100%;}
  .mnCon9 .control1 button{top: 170px;}

  .mnCon10{margin: 0;}
  

}


/* Mobile Device */
@media all and (max-width:800px){

  
  .mnCon8 h2{margin-bottom: 30px;}
  .mnCon8 > ul{margin-top: 0;}
  .mnCon8 > ul > li > a{right: auto !important;left: 50% !important;text-align: center;width: 120px;word-break: break-all;}
  .mnCon8 > ul > li:not(:first-child) > a::before{left: 12px;}
  .mnCon8 > ul > li.tabm1 > a{transform: translateX(-130%);}
  .mnCon8 > ul > li.tabm2 > a{transform: translateX(-45%);}
  .mnCon8 > ul > li.tabm3 > a{transform: translateX(40%);}

  .mConBg2 .mConBox::before{height: 480px;}

  .mConBg3::before{height: 85%;}
  .mnConW5{display: block;}
  .mnCon9{margin: 0 auto 40px;width: 100%;max-width: 400px;}
  .mnCon10{display: block;margin: 0 auto 30px;width: 100%;max-width: 400px;}
  .mnCon10 ul{justify-content: center;gap: 20px;margin-bottom: 60px;}
  .mnCon10 ul li{margin: 0;}
  

}
/* Mobile Device */
@media all and (max-width:640px){

  
  .mBoxBgTop{padding-top: 200px;}
  .mBoxBgTop::after{display: none}
  .mBoxBgBot{padding-bottom: 30px;}

  .mConBox{padding: 0 20px;}
  .mConBox h2{font-size: 24px;}

  .mnConW1{margin-bottom: 30px;}

  .mnCon1{padding: 0 45px;}
  .mnCon1 .control button{width: 40px;height: 40px;background-size: 6px;}
  
  .mnCon2 .control1 button{width: 42px;height: 42px;background-size: 9px;}
  .mnCon2 .control1 .prevSlide2{left: -15px;}
  .mnCon2 .control1 .nextSlide2{right: -15px;}
  .mnCon1 .mSlide1 ul li a{font-size: 14px;}

  .mnCon3{padding-bottom: 10px;}
  .mnCon3 .con1{margin-bottom: 20px;padding: 40px 30px;background-position: right -50px top;}
  .mnCon3 .con1 h2{font-size: 26px;}
  .mnCon3 .con1 .txt1{font-size: 22px;}
  .mnCon3 .con1 ul{display: block;}

  .mnCon3 .con2 ul li{min-width: 50%;width: 50%;}
  .mnCon3 .con2 ul li a{font-size: 14px;}
  .mnCon3 .con2 ul li a::before{margin-right: 10px;width: 64px;height: 64px;background-size: 100%;border-radius: 20px;}
  .mnCon3 .con2 ul li a::after{width: 68px;height: 68px;border-radius: 20px;}

  .mnCon4 .mNotice{padding-top: 120px;}
  .mnCon4 .mNotice .mNoticeTab > li > a{display: flex;align-items: center;justify-content: center;padding: 0;max-width: 100%;width: 33.33%;height: 45px;font-size: 15px;text-align: center;line-height: 1.2;background-color: #fff;border: 1px solid #dadde9;}
  .mnCon4 .mNotice .mNoticeTab > li > a::before,
  .mnCon4 .mNotice .mNoticeTab > li > a::after{display: none;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm1 > a{border-radius:20px 0 0;border-width: 1px 0 0 1px;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm2 > a{left: 33.33%;border-bottom-width: 0;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm3 > a{left: 66.66%;border-radius:0 20px 0 0;border-width: 1px 1px 0 0;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm4 > a{top:45px;left: 0;border-radius:0 0 0 20px;border-width: 1px 0 1px 1px;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm5 > a{top:45px;left: 33.33%;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm6 > a{top:45px;left: 66.66%;border-radius: 0 0 20px;border-width: 1px 1px 1px 0;}
  .mnCon4 .mNotice .mNoticeTab > li.on > a{color: #fff;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm1.on > a{background-color: #293eaa;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm2.on > a{background-color: #1886c8;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm3.on > a{background-color: #00929f;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm4.on > a{background-color: #01905c;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm5.on > a{background-color: #68529a;}
  .mnCon4 .mNotice .mNoticeTab > li.tabm6.on > a{background-color: #b25793;}
  .mnCon4 .mNotice .mNoticeTab > li .mTabCon ul{display: block;margin-left: 0;}
  .mnCon4 .mNotice .mNoticeTab > li .mTabCon ul li{margin: 0 0 10px;width: 100%;}
  .mnCon4 .mNotice .mNoticeTab > li .mTabCon ul li a{padding: 20px;min-height: 50px;}
  .mnCon4 .mNotice .mNoticeTab > li .mTabCon ul li .txt{display: none;}
  .mnCon4 .mNotice .mNoticeTab > li .mTabCon ul li .tit{margin-bottom: 0;height: auto;font-size: 16px;-webkit-line-clamp: 1;}
  .mnCon4 .mNotice .mNoticeTab > li .mTabCon ul li .part{display: inline-block;margin-bottom: 10px;padding: 0 10px;width: auto;height: 25px;font-size: 15px;line-height: 25px;}
  .mnCon4 .mNotice .mNoticeTab > li .mTabCon ul li .date{top: 25px;right: 20px;}
  .mnCon4 .mNotice .mNoticeTab > li .mTabCon .btnMore{top: -50px;}

  .mnCon5{margin-top: 40px;padding: 40px 0 0 30px;min-height: 230px;}

  .mnConW2{margin-bottom: 30px;}

  .mConBg1 .mConBox{padding: 40px 20px 10px;background-position: right -130px top;}

  .mnCon6 .control button{display: none;}

  .mnConW3{margin-bottom: 30px;}
  .mnConW3::before{bottom: 150px;transform: translateX(-110%);}
  .mConBg1::before{width: 30%;}
  .mConBg1 .mConBox::after{display: none;}

  
  .mnCon7{display: block;}
  .mnCon7 .news_img{margin: 0 auto 30px;width:200px ;}
  .mnCon7 .news_txt{width: 100%;}
  .mnCon7 .news_txt h2{margin-bottom: 10px;text-align: center;}
  .mnCon7 .news_txt ul{display: flex;flex-wrap: wrap;gap: 0 30px;}
  .mnCon7 .news_txt ul li{width: calc(50% - 15px);}
  
  .mnCon8 h2 img{margin: -30px 0 0 -30px;width: 98px;}
  .mnCon8 > ul{padding-top: 60px;}
  .mnCon8 > ul > li .mTabCon .mSlide4{padding: 5px 50px;}
  .mnCon8 > ul > li .mTabCon .mSlide4 ul li a::before{margin-bottom: 10px;width: 87px;height: 87px;background-size: 100%;border-radius: 30px;}
  .mnCon8 > ul > li .mTabCon .mSlide4 ul li a::after{display: none;}
  .mnCon8 .m_link1 ul{display: block;}
  .mnCon8 .m_link1 ul li{width: 100%;}
  .mnCon8 .m_link1 ul li:nth-child(3){border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
  .mnCon8 .control button{top: 45px;width: 38px;height: 38px;background-size: 6px;}
  
  .mConBg2{margin-bottom: 40px;}
  .mnConW5{background-size: 100%;background-position: center 50px;}
  
  .mnCon9 .control1 .prevSlide5{left: -20px;}
  .mnCon9 .control1 .nextSlide5{right: -20px;}
  
  .mnCon10{max-width: 340px;}
  .mnCon10 ul{margin-bottom: 40px;}
  .mnCon10 ul li a{padding-top: 65px;width:104px;height: 104px;border-radius: 30px;background-size: 100%;}
  .mnCon10 ul li a::before{display: none;}
  .mnCon10 .btnGo a{padding: 0 50px 0 30px;height: 54px;font-size: 14px;}
  .mnCon10 .btnGo a::before{left: -40px;width: 130px;height: 91px;background-size: 100%;}
  .mnCon10 .btnGo a::after{right: 20px;}

}

/* Mobile Device */
@media all and (max-width:450px){

 
  
}