@charset "UTF-8";

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

.swiper-container-vertical > .swiper-wrapper {
   flex-direction: column;
 }

.main_con{position: relative;padding: 40px 0 10px 0;font-family: 'GmarketSans';letter-spacing: -1px;}
.main_con a{font-family: 'GmarketSans'; color: #000000;}
.main_con::before{position: absolute;top: 0;left: 0;width: 100%;height: 770px;content: '';background-image: linear-gradient(180deg, #f2f3f7, #fff);}
.main_con a:focus{border:2px dashed #000;} /*접근성*/

.main_con h2,
.main_con h3{font-family: 'GmarketSans';}

.mConBox{position: relative;margin: 0 auto;padding: 0 40px;max-width: 1480px;z-index: 2;}

.mConArea1{position: relative;display: flex;justify-content: space-between;/*gap: 70px*/margin-bottom: 30px;}
.mConArea1::after{position: absolute;top: 60px;right: 0;width: calc(100% - 60px);height: 470px;content: '';background-color: #fff;border-radius: 20px 80px 20px 20px;box-shadow: 5px 20px 50px rgba(0,0,0,0.1);}
.mnCon1{position: relative;max-width: 870px;width: 64%;z-index: 2;}
.mnCon1 .mSlide1 ul li img{overflow: hidden;width: 100%;border-radius: 30px;}
.mnCon1 .control{display: flex;align-items: center;padding: 20px 100px;}
.mnCon1 .control .prevSlide1,
.mnCon1 .control .nextSlide1{position: absolute;top: 40%;width: 60px;height: 60px;text-indent: -999px;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-color:#fff;border-radius: 50%;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);z-index: 20;}
.mnCon1 .control .prevSlide1{left: -30px;background-image: url('/images/main/ico_prev1.png');}
.mnCon1 .control .nextSlide1{right: -30px;background-image: url('/images/main/ico_next1.png');}
.mnCon1 .control .vPage{display: inline-block;margin-right: 10px;font-family: 'GmarketSans';font-size: 16px;color: #666;line-height: 1;letter-spacing: -1px;}
.mnCon1 .control .vPage .swiper-pagination-current{font-size: 18px;color: #000;}
.mnCon1 .control .stopSlide1,
.mnCon1 .control .startSlide1{position: relative;display: inline-block;width: 24px;height: 24px;text-indent: -999px;overflow: hidden;border-radius: 50%;border: 2px solid #808289;}
.mnCon1 .control .stopSlide1::before,
.mnCon1 .control .startSlide1::before{position: absolute;top: 50%;left: 50%;content: '';transform: translate(-50%, -50%);}
.mnCon1 .control .stopSlide1::before{width: 3px;height: 10px;border: 1px solid #9699a1;border-width: 0 2px;}
.mnCon1 .control .startSlide1::before{width: 0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #9699a1;}
.mnCon1 .control .moreBtn{position: relative;display: inline-block;width: 24px;height: 24px;text-indent: -999px;overflow: hidden;border-radius: 50%;border: 2px solid #808289; margin-left: 6px;}
.mnCon1 .control .moreBtn a {display: block;width: 100%; height: 100%; background: url('/images/main/ico_more5.png') center center no-repeat;}
.mnCon1 .control .moreBtn a:focus{outline:2px dashed #000;outline-offset: 2px;} /*접근성*/

.mnCon2{position: relative;margin: 60px 0 0 80px;padding: 60px 40px 0 0;max-width: 460px;width: 40%;background:url('/images/main/mayor_bg.jpg') no-repeat right top;border-radius: 0 70px 0 0;z-index: 2;}
.mnCon2 h2{margin-bottom: 30px;font-size: 24px;}
.mnCon2 p{font-family: 'GmarketSans';}
.mnCon2 .txt1{display: inline-block;margin-bottom: 10px;font-size: 23px;font-weight: bold;color: #da2f37;background: -webkit-gradient(linear, right top, left bottom, color-stop(0, #2e3192), color-stop(100, #da2f37));background: -webkit-linear-gradient(to right, #2e3192, #da2f37);-webkit-background-clip: text; -webkit-text-fill-color: transparent;line-height: 1.2;;}
.mnCon2 .txt2{margin-bottom: 20px;font-size: 18px;color: #333;}
.mnCon2 .txt2 b{font-size: 22px;color: #000;}

.mnCon2 .link1{margin-bottom: 60px;width: 130px;}
.mnCon2 .link1 a{display: block;margin-bottom: 10px;font-size: 15px;color: #2f3191;line-height: 36px;text-align: center;background-color: rgba(255,255,255,0.7);border: 1px solid #6c6eb2;border-radius: 19px;}
.mnCon2 .link1 a:hover{text-decoration: underline;text-underline-offset: 3px;}
.mnCon2 .link2{display: flex;align-items: center;justify-content: space-evenly;/*gap: 25px*/;padding: 25px;border-radius:45px 20px;background: linear-gradient(to right, #2e3192, #da2f37);}
.mnCon2 .link2 li{width: 33.33%;text-align: center;}
.mnCon2 .link2 li a{display: flex;align-items: center;padding-left: 34px;height: 30px;color: #fff;line-height: 1.1;background-repeat: no-repeat;background-position: left center;}
.mnCon2 .link2 li a:hover{text-decoration: underline;text-underline-offset: 3px;}
.mnCon2 .link2 li.ic1 a{background-image: url('/images/main/ico_link1_1.png');}
.mnCon2 .link2 li.ic2 a{background-image: url('/images/main/ico_link1_2.png');}
.mnCon2 .link2 li.ic3 a{background-image: url('/images/main/ico_link1_3.png');}

/* 고향사랑기부제 */
.mnCon2_1 {position: relative;height: 180px;margin-bottom: 45px;border-radius: 20px 20px 20px 80px;background: url('/images/main/danation_bg.jpg') center 0 no-repeat;z-index: 1;overflow: hidden;}
.mnCon2_1::before {position: absolute; top: 0; left: 0; width: 482px; height: 180px; content: ""; background: url('/images/main/donation_img01.png') 50% 50% no-repeat; z-index: 0;}
.mnCon2_1::after {position: absolute;top: 0;right:0;width: 646px;height: 200px;content: "";background: url('/images/main/donation_img02.png') 0 0 no-repeat;z-index: 0;}
.mnCon2_1 .DonationCon {position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 0 150px 0 80px;height: 180px;z-index: 2;}
.mnCon2_1 .DonationCon span {margin-top: -30px;}
.mnCon2_1 .DonationCon p {margin: -20px 0 0 110px;}
.mnCon2_1 .DonationCon ul li {position: relative; border-radius: 30px; width: 200px; height:42px; margin-bottom: 7px;}
.mnCon2_1 .DonationCon ul li::after {position: absolute; top: 0; left: 0; width: 100%; height:42px; background: linear-gradient(90deg, #bb0a5d, #e54425); opacity: 0.8; border-radius: 30px; content: ""; z-index: -1;}
.mnCon2_1 .DonationCon ul li:last-child {margin-bottom: 0;}
.mnCon2_1 .DonationCon ul li a {display: block; color: #fff; padding:12px 30px 6px; font-size:18px; background: url('/images/main/donation_arrow.png') 86% center no-repeat;}
.mnCon2_1 .DonationCon ul li a:hover {text-decoration: underline;}


.mnCon3{position: relative;margin-bottom: 50px;padding: 0 70px;}
.mnCon3 .mSlide2 ul li a{display: block;font-size: 16px;color: #555;text-align: center;}
.mnCon3 .mSlide2 ul li a::before{display: block;margin: 0 auto 10px;width: 70px;height: 70px;content: '';background-repeat: no-repeat;background-position: center center;}
.mnCon3 .mSlide2 ul li a:hover{text-decoration: underline;text-underline-offset: 3px;}
.mnCon3 .mSlide2 ul li.ic1 a::before{background-image: url('/images/main/ico_link2_1.png');}
.mnCon3 .mSlide2 ul li.ic2 a::before{background-image: url('/images/main/ico_link2_2.png');}
.mnCon3 .mSlide2 ul li.ic3 a::before{background-image: url('/images/main/ico_link2_3.png');}
.mnCon3 .mSlide2 ul li.ic4 a::before{background-image: url('/images/main/ico_link2_4.png');}
.mnCon3 .mSlide2 ul li.ic5 a::before{background-image: url('/images/main/ico_link2_5.png');}
.mnCon3 .mSlide2 ul li.ic6 a::before{background-image: url('/images/main/ico_link2_6.png');}
.mnCon3 .mSlide2 ul li.ic7 a::before{background-image: url('/images/main/ico_link2_7.png');}
.mnCon3 .mSlide2 ul li.ic8 a::before{background-image: url('/images/main/ico_link2_8.png');}
.mnCon3 .mSlide2 ul li.ic9 a::before{background-image: url('/images/main/ico_link2_9.png');}
.mnCon3 .mSlide2 ul li.ic10 a::before{background-image: url('/images/main/ico_link2_10.png');}
.mnCon3 .control button{position: absolute;top: 50%;width: 48px;height: 48px;text-indent: -999px;overflow:hidden;background-repeat: no-repeat;background-position: center center;background-size: 8px;background-color: #fff;border: 1px solid #e5e5e5;border-radius: 50%;transform: translateY(-50%);}
.mnCon3 .control .prevSlide2{left: 0;background-image: url('/images/main/ico_prev1.png');}
.mnCon3 .control .nextSlide2{right: 0;background-image: url('/images/main/ico_next1.png');}

.mConArea2{display: flex;justify-content: space-between;gap: 50px;margin-bottom: 60px;padding: 60px;background-color: #f3f7ff;border-radius: 20px;}
.mnCon4{position: relative;padding-top: 100px;width: 940px;}
.mnCon4::before{position: absolute;top: 49px;left: 0;width: 100%;height: 0;content: '';border-top: 1px solid #d9dce7;}
.mnCon4 .mNoticeTab > li > a{position: absolute;top: 0;width: 100px;color: #5d6675;text-align: center;transition: 0.2s;}
.mnCon4 .mNoticeTab > li > a span{position: relative;display: inline-block;height: 50px;font-size: 18px;}
.mnCon4 .mNoticeTab > li > a span::after{position: absolute;bottom:0;left: 50%;width: 0;height: 2px;content: '';background-color: #2845a1;transition: 0.2s;}
.mnCon4 .mNoticeTab > li.tabm1 > a{left: 0;}
.mnCon4 .mNoticeTab > li.tabm2 > a{left: 110px;}
.mnCon4 .mNoticeTab > li.tabm3 > a{left: 225px;}
.mnCon4 .mNoticeTab > li.tabm4 > a{left: 335px;width: 120px;}
.mnCon4 .mNoticeTab > li.tabm5 > a{left: 465px;}
.mnCon4 .mNoticeTab > li.on > a{color: #2845a1;font-weight: bold;}
.mnCon4 .mNoticeTab > li.on > a span{font-size: 24px;}
.mnCon4 .mNoticeTab > li.on > a span::after{left: 0;width: 100%;}
.mnCon4 .mNoticeTab > li .mTabCon ul{display: flex;/*gap:75px*/;justify-content: space-between;overflow: hidden;}
.mnCon4 .mNoticeTab > li .mTabCon ul li{position: relative;width: calc(33.33% - 40px);}
.mnCon4 .mNoticeTab > li .mTabCon ul li a{display: block;}
.mnCon4 .mNoticeTab > li .mTabCon ul li .part{display: block;position: absolute;top: 0;right: 0;padding: 0 10px;color: #4562b3;line-height: 30px;text-align: center;background-color: #fff;border-radius: 15px;}
.mnCon4 .mNoticeTab > li .mTabCon ul li .tit{display: block;margin-bottom: 25px;height: 50px;font-size: 22px;color: #000; overflow: hidden;  text-overflow: ellipsis; word-wrap: break-word;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 1.2;}
.mnCon4 .mNoticeTab > li .mTabCon ul li .txt{display: block;height: 40px;font-family: 'bg';color: #555;overflow: hidden;  text-overflow: ellipsis; word-wrap: break-word;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 1.3;}
.mnCon4 .mNoticeTab > li .mTabCon ul li .date{display: block;margin-bottom: 20px;font-size: 14px;color: #777;line-height: 1.2;}
.mnCon4 .mNoticeTab > li .mTabCon ul li .date span{display: block;font-size: 30px;color: #333;font-weight: bold;}
.mnCon4 .mNoticeTab > li .mTabCon ul li a:focus .tit,
.mnCon4 .mNoticeTab > li .mTabCon ul li a:hover .tit{text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset : 4px;}
.mnCon4 .mNoticeTab > li .mTabCon .btnMore{position: absolute;top: -10px;right: 0;}
.mnCon4 .mNoticeTab > li .mTabCon .btnMore a{display: block;width: 40px;height: 40px;text-indent: -999px;overflow: hidden;background:#fff url('/images/main/ico_more1.png') no-repeat center center;border-radius: 12px;box-shadow: 5px 5px 20px rgba(0,0,0,0.1);}
.eminwon_board {width:100%; min-height:200px;}

.mnCon5{width: 240px;}
.mnCon5 .photo{position: relative;width:200px;margin-bottom: 20px;background-color: #fff;text-align: center;box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);}
.mnCon5 .photo .month{position: absolute;top: -30px;right: -30px;display: flex;align-items: center;justify-content: center;padding-top: 5px;font-family: 'GmarketSans';font-size: 16px;color: #fff;line-height: 1.2;text-align: center;width: 80px;height: 80px;background-color: rgba(54,67,107,0.9);border-radius: 50%;}
.mnCon5 ul{position: relative;display: flex;align-items: center;justify-content: space-between;width:200px;}
.mnCon5 ul::after{position: absolute;top: 50%;left: 50%;width: 0;height: 13px;content: '';border-left: 1px solid #d1d6db;transform: translateY(-50%);}
.mnCon5 ul li a{display: block;padding-left: 25px;background-repeat: no-repeat;background-position: left center;}
.mnCon5 ul li a:hover{text-decoration: underline;text-underline-offset: 3px;}
.mnCon5 ul li.ic1 a{background-image: url('/images/main/ico_go.png');}
.mnCon5 ul li.ic2 a{background-image: url('/images/main/ico_more2.png');}

.mConArea3{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 60px;padding: 60px 0 65px 60px;}
.mConArea3::before{position: absolute;top: 0;left: 0;width: 75%;height: 100%;content: '';background: linear-gradient(180deg, #f8ebee, #fffbf2);border-radius: 20px 120px 20px 20px;}
.mConArea3 h2{position: relative;margin-bottom: 40px;width: 100%;font-size: 30px;color: #000;text-align: center;line-height: 1;}
.mConArea3 h2 span{color: #d13c3c;}

.mnCon6{position: relative;max-width: 660px;width: 50%;}
.mnCon6 h3{margin-bottom: 20px;}
.mnCon6 ul{display: flex;justify-content: space-between;/*gap: 20px*/;}
.mnCon6 ul li{width: calc(50% - 10px);}
.mnCon6 ul li a{display: block;}
.mnCon6 ul li a:hover{text-decoration: underline;text-underline-offset: 3px;}
.mnCon6 ul li .photo{display: block;margin-bottom: 15px;overflow: hidden;}
.mnCon6 ul li .photo img{width: 100%;transition: 0.2s ease;}
.mnCon6 ul li a:hover .photo img{transform: scale(1.1);}
.mnCon6 ul li .tit{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mnCon6 .btnMore{position: absolute;top: -5px;right: 0;}
.mnCon6 .btnMore a{display: block;width: 40px;height: 40px;text-indent: -999px;overflow: hidden;background:#fff url('/images/main/ico_more1.png') no-repeat center center;border-radius: 12px;box-shadow: 5px 5px 20px rgba(0,0,0,0.1);}

.mnCon7{position: relative;padding: 40px 20px 40px 40px;max-width: 620px;width: 47%;background-color: #fff;border-radius: 20px;box-shadow: 20px 0 60px rgba(0, 0, 0, 0.1);}
.mnCon7 h3{margin-bottom: 25px;}
.mnCon7 ul{display: flex;width: calc(100% + 20px);}
.mnCon7 ul li{width: 33.33%;border-left: 1px solid #efefef;}
.mnCon7 ul li a{display: block;padding: 0 20px;}
.mnCon7 ul li:first-child{margin-left: -20px;border-left: 0;}
.mnCon7 ul li .part{display: inline-block;margin-bottom: 18px;padding: 0 18px;color: #0a6d08;line-height: 34px;background-color: #eaf8e7;border-radius: 17px;}
.mnCon7 ul li .tit{display: block;margin-bottom: 25px;height: 45px;font-size: 16px;color: #000; overflow: hidden;  text-overflow: ellipsis; word-wrap: break-word;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 1.4;}
.mnCon7 ul li .data{display: block;padding-left: 26px;font-size: 14px;color: #7b7b7b;background: url('/images/main/ico_data.png') no-repeat left center;}
.mnCon7 ul li a:hover .tit{text-decoration: underline;text-underline-offset: 4px;}
.mnCon7 .btnMore{position: absolute;top: 30px;right: 40px;}
.mnCon7 .btnMore a{display: block;width: 40px;height: 40px;text-indent: -999px;overflow: hidden;background:#f8ebee url('/images/main/ico_more3.png') no-repeat center center;border-radius: 12px;box-shadow: 5px 5px 20px rgba(0,0,0,0.1);}
.mnCon7 .sns1{position: absolute;top: 40px;left: 140px;}
.mnCon7 .sns2{position: absolute;top: 40px;left: 180px;}

.mnCon8{position: relative;display: flex;align-items: center;justify-content: space-between;margin-top: 45px;padding: 22px 40px 22px 80px;width: 100%;overflow: hidden;background: linear-gradient(to right, #d13c3c, #dc5231);border-radius: 20px 20px 50px;}
.mnCon8::before{position: absolute;top: 0;left: 0;width: 100px;height: 100%;content: '';background: url('/images/main/news_bg.png') no-repeat left center;}
.mnCon8 .con{display: flex;align-items: center;width: 570px;}
.mnCon8 .con h3{flex-shrink: 0;margin-right: 20px;}
.mnCon8 .con h3 a{display: block;padding-right: 20px;font-size: 17px;color: #fff;background: url('/images/main/ico_more4.png') no-repeat right center;}
.mnCon8 .mSlide3{position: relative;padding-right: 40px;height: 40px;}
.mnCon8 .mSlide3 ul li{display:flex;align-items: center;}
.mnCon8 .mSlide3 ul li .part{display: inline-block;margin-right: 10px;padding: 0 10px;color: #d13c3c;line-height: 29px;background-color: #fff;border-radius: 15px;}
.mnCon8 .mSlide3 ul li a{display: block;font-size: 16px;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mnCon8 .mSlide3 ul li a:hover{text-decoration: underline;text-underline-offset: 3px;}
.mnCon8 .mSlide3 .control{position: absolute;top: 50%;right: 0;display: flex;flex-direction: column;transform: translateY(-50%);}
.mnCon8 .mSlide3 .control button{width: 25px;height: 20px;text-indent: -999px;overflow: hidden;background-repeat: no-repeat;background-position: center center;}
.mnCon8 .mSlide3 .control .prevSlide3{background-image: url('/images/main/ico_prev3.png');}
.mnCon8 .mSlide3 .control .nextSlide3{background-image: url('/images/main/ico_next3.png');}
.mnCon8 .link{display: flex;align-items:center;}
.mnCon8 .link li{position: relative;padding: 0 20px;}
.mnCon8 .link li a{display: flex;align-items: center;padding-right: 30px;font-size: 16px;color: #fff;min-height: 18px;background: url('/images/main/ico_arrow1.png') no-repeat right center;}
.mnCon8 .link li a:hover{text-decoration: underline;text-underline-offset: 3px;}
.mnCon8 .link li:first-child::before{position: absolute;top: 50%;right: 0;width: 0;height: 17px;content: '';border-left: 1px solid #fff;opacity: 0.3;transform: translateY(-50%);}
.mnCon8 .link li a span{line-height: 1.1;word-break: keep-all;}
.mnCon8 .link li img{margin-right: 15px;}

.mConArea4{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 40px;padding:0 0 50px 60px;}
.mConArea4::before{position: absolute;top: 45px;left: 0;width: 100%;height: calc(100% - 45px);content: '';background: linear-gradient(180deg, #f3fbf6, #f9fcf5);border-radius: 20px 0 20px 20px;}
.mnCon9{position: relative;margin-bottom: 50px;padding: 50px 50px 30px;max-width: 420px;width: 32%;background: linear-gradient(to right, #2c9680, #259964);border-radius: 20px;box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.1);}
.mnCon9::before{position: absolute;right: 0;bottom: 0;width: 100%;height: 100%;content: '';background: url('/images/main/comp_bg.png') no-repeat right bottom;}
.mnCon9 h3{position: relative;margin-bottom: 20px;font-size: 26px;color: #fff;line-height: 1;}
.mnCon9 h3 span{font-weight: normal;}
.mnCon9 .con{position: relative;display: flex;justify-content: space-between;/*gap: 20px*/;margin-bottom: 10px;}
.mnCon9 .con dl:first-child{margin-right: 20px;}
.mnCon9 .con dl{flex-shrink: 0;}
.mnCon9 .con dl dt,
.mnCon9 .con dl dd{font-family: 'GmarketSans';color: #fff;}
.mnCon9 .con dl dt{display: inline-block;margin-bottom: 10px;padding: 0 10px;font-size: 16px;line-height:28px;background-color: #19835c;border-radius: 15px;}
.mnCon9 .con dl dd{font-size: 26px;font-weight: bold;line-height: 1.2;}
.mnCon9 .con dl dd .week{display: block;font-size: 19px;font-weight: normal;}
.mnCon9 .con dl dd .txt{display: block;font-size: 15px;font-weight: normal;}
.mnCon9 .btnGo{position: relative;display: block;}
.mnCon9 .btnGo a{display: flex;align-items: center;justify-content: center;padding-top: 10px;width: 100px;height: 100px;font-size: 16px;color: #fff;text-align: center;line-height: 1.2;background: #007357;border-radius: 50%;}
.mnCon9 .btnGo a:hover{text-decoration: underline;text-underline-offset: 3px;}
.mnCon9 .btnGo a span{display: block;padding-bottom: 20px;background: url('/images/main/ico_arrow1.png') no-repeat center bottom;}

.mnCon10{position: relative;display: flex;flex-wrap: wrap;flex-direction: column;max-width:890px;width: 68%;}
.mnCon10 h3{display: inline-flex;align-items: flex-end;justify-content: center;margin:0 0 40px auto;width: 248px;height: 45px;font-size: 20px;color: #068740;background-color: #f3fbf6;border-radius: 20px 20px 0 0;}
.mnCon10 .con1{margin-bottom: 40px;padding:0 40px;width: 100%;}
.mnCon10 .con1 .mSlide4 ul li{padding: 10px 0;text-align: center;}
.mnCon10 .con1 .mSlide4 ul li a{display: block;font-size: 16px;}
.mnCon10 .con1 .mSlide4 ul li a:hover{text-decoration: underline;text-underline-offset: 3px;}
.mnCon10 .con1 .mSlide4 ul li a::before{display: block;margin: 0 auto 15px;width: 110px;height: 110px;content: '';background-color: #fff;background-repeat: no-repeat;background-position: center center;border-radius: 50%;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);}
.mnCon10 .con1 .mSlide4 ul li.ic1 a::before{background-image: url('/images/main/ico_link3_1.png');}
.mnCon10 .con1 .mSlide4 ul li.ic2 a::before{background-image: url('/images/main/ico_link3_2.png');}
.mnCon10 .con1 .mSlide4 ul li.ic3 a::before{background-image: url('/images/main/ico_link3_3.png');}
.mnCon10 .con1 .mSlide4 ul li.ic4 a::before{background-image: url('/images/main/ico_link3_4.png');}
.mnCon10 .con1 .mSlide4 ul li.ic5 a::before{background-image: url('/images/main/ico_link3_5.png');}
.mnCon10 .con1 .mSlide4 ul li.ic6 a::before{background-image: url('/images/main/ico_link3_6.png');}
.mnCon10 .con1 .control{display: none;}
.mnCon10 .con2{padding:0 40px;width: 100%;}
.mnCon10 .con2 .mSlide5 ul{box-sizing: border-box;}
.mnCon10 .con2 .mSlide5 ul li{text-align: center;background-color: #fff;border: 1px solid #e3e9df;border-width: 1px 0 1px 1px;box-sizing: border-box;}
.mnCon10 .con2 .mSlide5 ul li:first-child{border-radius: 10px 0 0 10px;}
.mnCon10 .con2 .mSlide5 ul li:last-child{border-right: 1px solid #e3e9df;border-radius: 0 10px 10px 0;}
.mnCon10 .con2 .mSlide5 ul li a{display: flex;align-items: center;justify-content: center;height: 60px;}
.mnCon10 .con2 .control{display: none;}
.mnCon10 .con2 .mSlide5 ul li a:hover{text-decoration: underline;text-underline-offset: 3px;}
.mnCon10 .con2 .mSlide5 ul li a::before{margin-right: 5px;width: 26px;height: 26px;content: '';background-repeat: no-repeat;background-position: center center;}
.mnCon10 .con2 .mSlide5 ul li.ic1 a::before{background-image: url('/images/main/ico_link4_1.png');}
.mnCon10 .con2 .mSlide5 ul li.ic2 a::before{background-image: url('/images/main/ico_link4_2.png');}
.mnCon10 .con2 .mSlide5 ul li.ic3 a::before{background-image: url('/images/main/ico_link4_3.png');}
.mnCon10 .con2 .mSlide5 ul li.ic4 a::before{background-image: url('/images/main/ico_link4_4.png');}
.mnCon10 .con2 .mSlide5 ul li.ic5 a::before{background-image: url('/images/main/ico_link4_5.png');}

.mnCon11{position: relative;display: flex;justify-content: space-between;padding-right: 40px;width: 100%;}
.mnCon11 .con{width:49%;}
.mnCon11 .con h3{margin-bottom: 20px;font-size: 20px;line-height: 1;}
.mnCon11 .con ul{display: flex;align-items: center;/*gap: 5px*/;flex-wrap: wrap;}
.mnCon11 .con ul li{margin:0 5px 5px 0;width: 118px;text-align: center;}
.mnCon11 .con ul li a{display: flex;align-items: center;justify-content: center;height: 40px;font-size: 16px;color: #2c7c50;border: 1px solid #d4decd;border-radius: 20px;}
.mnCon11 .con ul li a:hover{text-decoration: underline;text-underline-offset: 3px;}

.mnCon12{position: relative;margin-bottom: 60px;}
.mnCon12 .btnGo{position: absolute;right: 0;bottom: 9%;}
.mnCon12 .btnGo a{display: flex;align-items: center;justify-content: center;width: 340px;height: 60px;font-size: 16px; background:#fff;letter-spacing: 2px;}
.mnCon12 .btnGo a:hover{text-decoration: underline;text-underline-offset: 3px;}
.mnCon12 .btnGo a::after{margin-left: 25px;width: 36px;height: 22px;content: '';background: url('/images/main/ico_arrow2.png') no-repeat left center;}
.mnCon12 .btnGo a span{margin-right: 10px;color: #2845a1;font-size: 16px;}

.mBanner{padding: 0 40px;background-color: #fff;border-top: 1px solid #efefef;}
.mBanner .mBox{position: relative;display: flex;align-items: center;margin: 0 auto;padding: 30px 0;max-width: 1400px;}
.mBanner .mBox .mbanSlide::before{position: absolute;top: 0;left: 0;width: 50px;height: 100%;content: '';background-image: linear-gradient(to right, #fff, transparent);z-index: 20;}
.mBanner .mBox .mbanSlide::after{position: absolute;top: 0;right: 0;width: 50px;height: 100%;content: '';background-image: linear-gradient(to right, transparent , #fff);z-index: 20;}
.mBanner .mBox h2{flex-shrink: 0;margin-right: 15px;font-size: 18px;}
.mBanner .mBox .control{display: flex;align-items: center;gap: 5px;flex-shrink: 0;margin-right: 30px;}
.mBanner .mBox .control button{position: relative;width: 25px;height: 25px;text-indent: -999px;overflow: hidden;flex-shrink: 0;background-repeat: no-repeat;background-position: center center;}
.mBanner .mBox .control .prevSlide_b{background-image: url('/images/main/ico_prev1.png');}
.mBanner .mBox .control .nextSlide_b{background-image: url('/images/main/ico_next1.png');}
.mBanner .mBox .control .stopSlide_b::after{position: absolute;top: 50%;left: 50%;width: 5px;height: 18px;content: '';border: 1px solid #000;border-width: 0 3px;transform: translate(-50%, -50%);}
.mBanner .mBox .control .startSlide_b::after{position: absolute;top: 50%;left: 50%;width: 0;height: 0;content: '';border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid #000;transform: translate(-50%, -50%);}
.mBanner .mBox .control .btnMore{flex-shrink: 0;}
.mBanner .mBox .control .btnMore a{display: block;width: 30px;height: 30px;text-indent: -999px;overflow: hidden;background: url('/images/main/ico_list.png') no-repeat center center;}
.mBanner .mBox .mbanSlide{padding-left: 30px;}
.mBanner .mBox .mbanSlide ul li{position: relative;padding: 0 20px;width: auto;}
.mBanner .mBox .mbanSlide ul li::after{position: absolute;top: 50%;right: 0;width: 0;height: 14px;content: '';border-left: 1px solid #c9c9c9;transform: translateY(-50%);}
.mBanner .mBox .mbanSlide ul li a:hover{text-decoration: underline;text-underline-offset: 3px;}

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

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

  .mConArea1{margin: 0 auto 60px;max-width: 1000px;}

  .mnCon1{max-width: 420px;width: 43%;}
  .mnCon2{max-width: 100%;width: 55%;}

  .mnCon2_1 .DonationCon { display: inherit; padding: 0 80px; text-align: center;}
  .mnCon2_1 .DonationCon span { display: block; margin:20px 0;}
  .mnCon2_1 .DonationCon span img {width: 110px; height: 61x;}
  .mnCon2_1 .DonationCon p {margin:0 0 20px 0;}
  .mnCon2_1 .DonationCon p img {width: 480px; height: 42x;}
  .mnCon2_1::before {left: -120px;}
  .mnCon2_1::after {right: -72px;}
  .mnCon2_1 .DonationCon ul li {display: inline-block; text-align: left; margin-right: 10px;}
  .mnCon2_1 .DonationCon ul li:last-child {margin-right: 0;}


  
}

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

  .mConArea2{gap: 30px;}

  .mnCon2_1::before {left: -250px;}
  .mnCon2_1::after {right: -250px; height: 360px;}

  .mnCon4 .mNoticeTab > li .mTabCon ul{gap: 40px;}

  .mnCon6{margin-bottom: 30px;width: 100%;max-width: 100%;}

  .mnCon7{width: 100%;max-width: 100%;}

  .mnCon8{display: block;padding: 20px 0 0 0;}
  .mnCon8 .con{margin-bottom: 20px;padding:0 30px 0 80px;width: 100%;}
  .mnCon8 .mSlide3{margin: 0;width: 100%;}
  .mnCon8 .link{padding: 30px 20px 30px 80px;background: rgba(0,0,0,0.2);}
  .mnCon8 .link li{width: 50%;}
  .mnCon8 .link li:first-child{padding-left: 0;}

  .mConArea4{display: block;padding: 0 50px 20px;}
  .mConArea4::before{border-radius: 20px;}
  .mnCon9{display: flex;flex-wrap: wrap;max-width: 100%;width: 100%;}
  .mnCon9 h3{width: 100%;}
  .mnCon9 h3 span{font-size: 26px;}
  .mnCon9 .con{/*gap: 50px*/margin-right: 50px;}

  .mnCon10{margin-bottom: 50px;max-width: 100%;width: 100%;}
  .mnCon10 h3{margin:0 0 20px;display: flex;width: auto;justify-content: flex-start;}
  .mnCon10 .con1{padding: 0;}
  .mnCon10 .con2{padding: 0;}

  .mnCon11{display: block;padding-right: 0;}
  .mnCon11 .con{display: flex;align-items: center;margin-bottom: 30px;width: 100%;}
  .mnCon11 .con h3{margin: 0 50px 0 0;flex-shrink: 0;}
  .mnCon11 .con ul{width: 100%;}
  .mnCon11 .con ul li{width: calc(20% - 5px);}
	
  .mnCon12 .btnGo a {width: 260px; letter-spacing: 0;}
  .mnCon12 .btnGo a::after {margin-left: 10px;}

}


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

  .main_con{padding-top: 30px;}

  .mConBox{padding: 0 30px;}

  .mConArea1{display: block;margin-bottom: 90px;}
  .mConArea1::after{display: none;}
  .mnCon1{width: 100%;max-width: 100%;}
  .mnCon1 .control{justify-content: center;padding: 15px 0 20px;}
  .mnCon1 .control .prevSlide1, .mnCon1 .control .nextSlide1{width: 50px;height: 50px;background-size: 10px;}

  .mnCon2{margin: 0;padding:60px 30px 0;width: 100%;max-width: 100%;background-color: #fff;border-radius:20px 70px 20px 20px ;background-size: auto 95%;box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);}
  .mnCon2 .txt1{background: linear-gradient(to right, #da2f37, #2e3192);color: transparent;-webkit-background-clip: text;}
  .mnCon2 .txt1 br,
  .mnCon2 .txt2 br{display: none;}

  .mnCon2 .link1{display: flex;gap: 10px;margin-bottom: 0;width: auto;}
  .mnCon2 .link1 a{width: 130px;}

  .mnCon2 .link2{transform: translateY(40px);}

  .mConArea2{display: block;padding:50px 30px;}
  .mConArea4{padding: 0 40px 20px;}
  .mnCon4{margin-bottom: 70px;padding-top: 70px;width: 100%;}
  .mnCon4::before{top: 39px;}
  .mnCon4 .mNoticeTab > li > a{width: 90px;}
  .mnCon4 .mNoticeTab > li > a span{height: 40px;}
  .mnCon4 .mNoticeTab > li.on > a span{font-size: 22px;}
  .mnCon4 .mNoticeTab > li.tabm2 > a{left: 100px;}
  .mnCon4 .mNoticeTab > li.tabm3 > a{left: 200px;}
  .mnCon4 .mNoticeTab > li.tabm4 > a{left: 300px;width: 100px;}
  .mnCon4 .mNoticeTab > li.tabm5 > a{left: 410px;}
  .mnCon4 .mNoticeTab > li .mTabCon .btnMore{top: -15px;}

  .mnCon4 .mNoticeTab > li .mTabCon ul{display: block;}
  .mnCon4 .mNoticeTab > li .mTabCon ul li{position: relative;margin-bottom: 10px;width: 100%;background-color: #fff;border-radius: 20px;}
  .mnCon4 .mNoticeTab > li .mTabCon ul li a{padding: 20px 20px 20px 105px;}
  .mnCon4 .mNoticeTab > li .mTabCon ul li .date{position: absolute;top: 50%;left:0;margin-bottom: 0;width: 105px;text-align: center;transform: translateY(-50%);line-height: 2.4;}
  .mnCon4 .mNoticeTab > li .mTabCon ul li .part{position: relative;display: inline-block;margin-bottom: 10px;background-color: #f3f7ff;}
  .mnCon4 .mNoticeTab > li .mTabCon ul li .tit{margin-bottom: 0;height: 20px;font-size: 18px;    -webkit-line-clamp: 1;}
  .mnCon4 .mNoticeTab > li .mTabCon ul li .txt{display: none;}
  
  .mnCon5{margin: 0 auto;width: 200px;}

  .mConArea3{display: block;padding:40px 30px;}
  .mConArea3::before{width: 100%;}
  .mConArea3 h2{margin-bottom: 20px;}
  .mConArea3 h2 span{font-size: 30px;}

  .mnCon8::before{display: none;}
  .mnCon8 .con{padding-left: 30px;}
  .mnCon8 .link{padding-left: 30px;}

  .mnCon10 .con1{position: relative;padding:0 50px;}
  .mnCon10 .con1 .control{display: block;}
  .mnCon10 .con1 .control button{position: absolute;top: 50%;width: 48px;height: 48px;text-indent: -999px;overflow:hidden;background-repeat: no-repeat;background-position: center center;background-size: 8px;background-color: #fff;border: 1px solid #e5e5e5;border-radius: 50%;transform: translateY(-50%);}
  .mnCon10 .con1 .control .prevSlide4{left: 0;background-image: url('/images/main/ico_prev1.png');}
  .mnCon10 .con1 .control .nextSlide4{right: 0;background-image: url('/images/main/ico_next1.png');}

  .mnCon10 .con2{position: relative;padding: 0 50px;}
  .mnCon10 .con2 .mSlide5 ul li{width: 200px;}
  .mnCon10 .con2 .control{display: block;}
  .mnCon10 .con2 .control button{position: absolute;top: 50%;width: 40px;height: 60px;text-indent: -999px;overflow:hidden;background-repeat: no-repeat;background-position: center center;background-size: 8px;background-color: #fff;border: 1px solid #e5e5e5;border-radius: 10px;transform: translateY(-50%);}
  .mnCon10 .con2 .control .prevSlide5{left: 0;background-image: url('/images/main/ico_prev1.png');}
  .mnCon10 .con2 .control .nextSlide5{right: 0;background-image: url('/images/main/ico_next1.png');}

  .mnCon11 .con{display: block;}
  .mnCon11 .con h3{margin: 0 0 10px;}

  .mnCon12{margin: 0 -30px 30px;overflow: hidden;}
  .mnCon12 img{transform: scale(1.1);}
  .mnCon12 .btnGo{position: relative;display: block;}
  .mnCon12 .btnGo a{margin: 0 auto;}

}

/* mobile Device */
@media all and (max-width:880px){
	
	.mnCon2_1 .DonationCon {padding: 0 40px;}
	.mnCon2_1::before {display: none;}
	.mnCon2_1 .DonationCon ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
	.mnCon2_1 .DonationCon ul li {width: 32%; margin: 0;}
	.mnCon2_1 .DonationCon ul li::after {height: 38px;}
	.mnCon2_1 .DonationCon ul li a {background-position: 92% center; font-size: 15px; padding:10px 20px 6px;}

}

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

  .mConBox{padding: 0 15px;overflow: hidden;}

  .mConArea1{margin-bottom: 60px;}

  .mnCon1{margin: 0 auto;max-width: 330px;}

  .mnCon2{padding: 30px 20px 0;border-radius: 10px 40px 10px 10px;background-size:auto 85%;background-position: right -40px top;}
  .mnCon2 h2{margin-bottom: 20px;font-size: 22px;}
  .mnCon2 .txt1 br, .mnCon2 .txt2 br{display: inline;}
  .mnCon2 .txt1{font-size: 20px;}
  .mnCon2 .link1{display: block;}
  .mnCon2 .link1 a{margin-bottom: 5px;}

  .mnCon2 .link2{padding: 20px;gap: 10px;}
  .mnCon2 .link2 li a{justify-content: center;padding: 40px 0 0;height: auto;background-position: center top;}

  .mnCon2_1 {height:auto; background-size:cover;}
  .mnCon2_1::after {right: -310px;}
  .mnCon2_1 .DonationCon {height:auto; padding: 10px 40px 30px;}
  .mnCon2_1 .DonationCon ul {display: block;}
  .mnCon2_1 .DonationCon ul li {width: 100%; margin-bottom: 5px;}
  .mnCon2_1 .DonationCon ul li a {background-position: 96% center;}

  .mnCon3{padding: 0 40px;}
  .mnCon3 .control button{width: 40px;height: 40px;}

  .mConArea2{margin-bottom: 30px;padding: 20px 15px;}

  .mnCon4{padding-top: 100px;}
  .mnCon4::before{display: none;}
  .mnCon4 .mNoticeTab > li > a{width: calc(33.33% - 5px);background-color: #e3eaf9;border-radius: 5px;z-index: 2;}
  .mnCon4 .mNoticeTab > li > a span{display: flex;align-items: center;justify-content: center;height: 40px;font-size: 15px;}
  .mnCon4 .mNoticeTab > li.on > a{color: #fff;background-color: #2845a1;}
  .mnCon4 .mNoticeTab > li.on > a span{font-size: 17px;}
  .mnCon4 .mNoticeTab > li > a span::after{display: none;}

  .mnCon4 .mNoticeTab > li.tabm2 > a{left: 33.33%;}
  .mnCon4 .mNoticeTab > li.tabm3 > a{left: 66.66%;}
  .mnCon4 .mNoticeTab > li.tabm4 > a{left: 0;top:45px;width:calc(33.33% - 5px);}
  .mnCon4 .mNoticeTab > li.tabm5 > a{left: 33.33%;top:45px;}

  .mnCon4 .mNoticeTab > li .mTabCon ul li{border-radius: 10px;}
  .mnCon4 .mNoticeTab > li .mTabCon ul li a{padding: 15px 10px 15px 80px;}
  .mnCon4 .mNoticeTab > li .mTabCon ul li .date{width: 80px;font-size: 13px;}
  .mnCon4 .mNoticeTab > li .mTabCon ul li .date span{font-size: 22px;}
  .mnCon4 .mNoticeTab > li .mTabCon ul li .part{font-size: 13px;}
  .mnCon4 .mNoticeTab > li .mTabCon ul li .tit{height: 40px;font-size: 16px;-webkit-line-clamp: 2;}

  .mnCon4 .mNoticeTab > li .mTabCon .btnMore{position: relative;top: 0;}
  .mnCon4 .mNoticeTab > li .mTabCon .btnMore a{display: flex;align-items: center;justify-content: center;width: 100%;text-indent: 0;background: #fff;}
  .mnCon4 .mNoticeTab > li .mTabCon .btnMore a i{display: none}
  .mnCon4 .mNoticeTab > li .mTabCon .btnMore a span{display: block;padding-right: 20px;background: url('/images/main/ico_more1.png') no-repeat right center;}
  
  .mConArea3{padding: 30px 15px;}
  .mConArea3::before{border-radius: 15px 60px 15px 15px;}
  .mConArea3 h2,
  .mConArea3 h2 span{font-size: 24px;}

  .mnCon7{padding: 20px 20px;}
  .mnCon7 ul{width: 100%;}
  .mnCon7 ul li:nth-child(3){display: none;}
  .mnCon7 ul li:first-child{margin-left: 0;}
  .mnCon7 ul li{width: 50%;}
  .mnCon7 ul li a{padding: 0 10px;}
  .mnCon7 ul li:first-child a{padding-left: 0;}
  .mnCon7 ul li:nth-child(2) a{padding-right: 0;}

  .mnCon7 .btnMore{top: 20px;right: 20px;}

  .mnCon7 .sns1{top: 20px;left: 130px;}
  .mnCon7 .sns2{top: 20px;left: 170px;}

  .mnCon8{margin-top: 30px;border-radius: 15px 15px 35px;}
  .mnCon8 .con{display: block;margin-bottom: 10px;padding: 0 15px;}
  .mnCon8 .con h3{display: inline-block;margin-bottom: 5px;}
  .mnCon8 .link{padding: 15px;}
  .mnCon8 .link li{padding: 0 10px;width: 50%;}
  .mnCon8 .link li img{display: none;}
  .mnCon8 .link li:last-child{padding-right: 0;}

  .mConArea3{margin-bottom: 30px;}

  .mConArea4{margin-bottom: 30px;padding: 0 15px 10px;}
  .mnCon9{margin-bottom: 30px;padding:25px 20px 50px;overflow: hidden;border-radius: 15px;}
  .mnCon9::before{display: none;}
  .mnCon9 h3,
  .mnCon9 h3 span{font-size: 22px;}
  .mnCon9 h3{margin-bottom: 15px;}
  .mnCon9 .con{display: block;margin: 0;}
  .mnCon9 .con dl{display: flex;align-items: center;flex-wrap: wrap;}
  .mnCon9 .con dl dt{margin: 5px 10px 5px 0;}
  .mnCon9 .con dl dd{font-size: 22px;}
  .mnCon9 .con dl dd br{display: none;}
  .mnCon9 .con dl dd .week{display: inline-block;}
  .mnCon9 .con dl dd .txt{display: inline-block;}

  .mnCon9 .btnGo{position: absolute;left: 0;bottom: 0;width: 100%;}
  .mnCon9 .btnGo a{padding-top: 0;width: 100%;height: 100%;border-radius: 0;}
  .mnCon9 .btnGo a br{display: none;}
  .mnCon9 .btnGo a span{display: inline-block;padding:0 40px 0 0;line-height: 35px;background-position: right center;}

  .mnCon10 h3{margin-bottom: 10px;}
  .mnCon10 .con1{margin-bottom: 20px;padding: 0 35px;}
  .mnCon10 .con1 .mSlide4 ul li a::before{width: 90px;height: 90px;}
  .mnCon10 .con1 .control button{width: 35px;height: 35px;}
  
  .mnCon10 .con2{padding: 0 40px;}
  .mnCon10 .con2 .mSlide5 ul li{width: 150px;}
  .mnCon10 .con2 .mSlide5 ul li a{height: 50px;}
  .mnCon10 .con2 .control button{width: 35px;height: 50px;}

  .mnCon11 .con ul li{width: calc(50% - 5px);}
  .mnCon11 .con ul li a{height: 35px;font-size: 15px;}
  
  .mnCon12{margin: 0 -15px 20px;}
  .mnCon12 img{transform: scale(1.3);}
  .mnCon12 .btnGo a{width: 100%;height: 50px; font-size: 15px;}
  .mnCon12 .btnGo a span {font-size: 15px;}

  .mBanner{padding: 0 10px;}
  .mBanner .mBox{padding: 20px 0;}
  .mBanner .mBox h2{display: none;margin-right: 10px;font-size: 17px;}
  .mBanner .mBox .control{gap: 0;margin-right: 10px;}
  .mBanner .mBox .mbanSlide{padding-left: 40px;}
  .mBanner .mBox .mbanSlide::before,
  .mBanner .mBox .mbanSlide::after{width: 20px;}
  .mBanner .mBox .mbanSlide ul li{padding: 0 10px;}

}

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

  .mnCon6 ul li{width: 100%;}
  .mnCon6 ul li:nth-child(2){display: none;}

}