@charset "utf-8";
/* @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-gov.min.css"); */
/* main */
#contentsWrap{margin-top: 200px;}
#mainTop{padding-bottom: 75px;}
#mainBanner{max-width: 1200px; margin: 0 auto;display: flex;align-items: center;gap: 24px;}
.main_visual{position: relative;/*background: linear-gradient(to bottom right, #FDF2D5, #FDA092);*/max-width: 815px;width: 100%;aspect-ratio: 815 / 394;border-radius: var(--radius-xl);overflow: hidden;}
.numWrap{display: flex;align-items: center;gap: 8px;position: absolute; bottom: 44px; left: 58px;z-index: 99;}
.controlWrap {display: inline-block;position: absolute;bottom: 46px; left: 225px; z-index: 99;}
.numWrap ul{display: flex;align-items: center;justify-content: space-between; max-width: 181px; padding: 0 18px;width: 100%; height: 36px;background: rgb(255 255 255 / 80%); border-radius: var(--radius-lg);}
.numWrap ul li.indexNum{ color: var(--color-text-gray-60);font-size: var(--font-md); font-weight: var(--font-weight-semi-bold); display: flex;justify-content: center;align-items: center;gap: 5px;}
.numWrap ul li.indexNum .currentNum{ font-weight: var(--font-weight-extra-bold); color: var(--color-text-black);}
.numWrap ul li button.prev{background: url(/web/vols/2025/images/main/2025/btn_prev.png) center no-repeat ;color: transparent;font-size: 2px;margin-right: 32px;}
.numWrap ul li button.next{background: url(/web/vols/2025/images/main/2025/btn_next.png) center no-repeat; color: transparent;font-size: 2px;margin-left: 32px;}
.controlWrap button.pause{background: url(/web/vols/2025/images/main/2025/btn_pause.png) center no-repeat; color: transparent;width: 32px;height: 32px;}
.controlWrap button.play{background: url(/web/vols/2025/images/main/2025/btn_play.png) center no-repeat; color: transparent;width: 32px;height: 32px;}
.swiper3 { width:100%; overflow:hidden; }
.swiper3 .swiper-wrapper {display:flex;flex-wrap: nowrap; gap: 0 ; margin: 0;}
.swiper3 .swiper-slide {width: 100%; min-width: 100%; flex: 0 0 100%;margin-right: 0; box-sizing: border-box;}
.swiper3 .swiper-slide img,.swiper3 .swiper-slide > a {display:block; width:100%;}
.swiper3 .swiper-slide img { height:100%; object-fit:cover; }
.mainsearch{max-width: 370px;width: 100%;/* height: 393px; */ background-color: var(--color-bg-orange-soft); border-radius: var(--radius-xl);}
.searchWrap{padding: 39px 20px;}
.search{display: flex;align-items: center; max-width: 330px; width: 100%; height: 60px; border: 3px solid var(--color-orange-base); border-radius: var(--radius-lg);background-color: var(--color-white-100);}
.search input[type='text']{ border-radius: var(--radius-lg);font-size: var(--font-lg-plus); width: 85%; padding: 17px 17px 17px 26px; outline: none;color: var(--color-text-black);}
.search > button{background: url(/web/vols/2025/images/main/2025/btn_search.png) center no-repeat; width: 28px; height: 28px;}
.searchWrap > ul{display: flex; justify-content: center;align-items: center;gap: 10px; margin-top: 20px; margin-bottom: 24px;}
.searchWrap > ul > li{background-color: var(--color-white-100); border-radius: var(--radius-xl);}
.searchWrap > ul > li a{ padding: 10px 20px;color: var(--color-orange-base); font-size: var(--font-lg); font-weight: var(--font-weight-bold);letter-spacing: -1px;display: inline-block;}
.accessor{display: grid; row-gap: 28px; /* padding: 0 20px; 숫자가 커지면서 여백 제거 요청*/}
.accessor > div{ display: flex;flex-direction: column; align-items: center;gap: 8px;} 
.accessor div > h4{font-size: var(--font-2xl); font-weight: var(--font-weight-bold);letter-spacing: var(--letter-spacing-tight); color: var(--color-border-orange);} 
.accessor div > p{font-size: var(--font-subheading); letter-spacing: var(--letter-spacing-tight);color: var(--color-text-gray-90); font-weight: var(--font-weight-medium);} 
.accessor .acc_txt1{grid-column: 1 / 3; text-align: center;border-top: 1px solid var(--color-white-100);border-bottom: 1px solid var(--color-white-100); padding: 14px 0;}
.accessor .acc_txt2{border-right: 1px solid var(--color-white-100);}

/* favMenu */
#favMenu{ max-width: 1200px;margin: 0 auto;}
#favMenu ul{display: flex;justify-content: space-between;align-items: center; margin-top: 48px;}
#favMenu ul > li{width: 150px; height: 150px; border-radius: var(--radius-xl);}
#favMenu ul > li:nth-child(1){background: url(/web/vols/2025/images/main/2025/favMenu_ic01.png) center 20px no-repeat #FEF4EE;}
#favMenu ul > li:nth-child(2){background: url(/web/vols/2025/images/main/2025/favMenu_ic02.png) center 20px no-repeat #FEF4EE;}
#favMenu ul > li:nth-child(3){background: url(/web/vols/2025/images/main/2025/favMenu_ic03.png) center 20px no-repeat #FEF4EE;}
#favMenu ul > li:nth-child(4){background: url(/web/vols/2025/images/main/2025/favMenu_ic04.png) center 20px no-repeat #FEF4EE;}
#favMenu ul > li:nth-child(5){background: url(/web/vols/2025/images/main/2025/favMenu_ic05.png) center 31px no-repeat #FEF4EE;}
#favMenu ul > li:nth-child(6){background: url(/web/vols/2025/images/main/2025/favMenu_ic06.png) center 31px no-repeat #FEF4EE;}
#favMenu ul > li > a{color: var(--color-text-gray-93);font-size: var(--font-md-plus);font-weight: var(--font-weight-bold);text-align: center;display: block;padding-top: 84px;}
#favMenu ul > li > a:hover{color: var(--color-orange-deep);}
#favMenu ul > li:nth-child(5) > a {padding-top: 96px;}
#favMenu ul > li:nth-child(6) > a {padding-top: 98px;}
/* 모집중인 자원봉사 */
#mainCont{ width: 100%;background-color: var(--color-bg-gray-light);}
#serviceVol{ max-width: 1200px; margin: 0 auto}
.volWrap{ position: relative; padding-top: 90px; padding-bottom: 124px;}
.volWrap .tit{display: flex;justify-content: space-between;align-items: center;}
.swiper2 {display: flex; flex-wrap: wrap; gap: 20px;overflow: unset;}
#volunteerList{ display: grid;grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 30px; margin-top: 60px;}
#volunteerList > li{width: 100%;background-color: var(--color-white-100); border-radius: var(--radius-xl);}
#volunteerList > li > a > ul{ padding: 40px 30px; display: flex; flex-direction: column; gap: 30px;}
#volunteerList .card {display: flex; flex-direction: column; justify-content: space-between; background: #fff; border-radius: 30px; padding: 30px 30px;height: 100%;box-sizing: border-box;}
/* hover 효과 */
#volunteerList .card:hover {background: var(--color-orange-darkest); color: #fff;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);} 
/* header */
#volunteerList .card-header {display: flex; justify-content: space-between; align-items: center;}
#volunteerList .category {font-size: var(--font-md); font-weight: var(--font-weight-semi-bold); color: var(--color-orange-dark); letter-spacing: -1px;}
#volunteerList .local {background-color: var(--color-bg-gray-dark); color: var(--color-white-100); padding: 5px 10px; border-radius: 12px; font-size: var(--font-md); letter-spacing: -0.1px;}
/* title */
#volunteerList .card-title {margin: 30px 0; font-size: var(--font-xl); font-weight: var(--font-weight-semi-bold);  letter-spacing: -1px;  color: var(--color-text-black); text-overflow: ellipsis;   overflow: hidden;   word-break: keep-all;   display: -webkit-box;   word-wrap: break-word;   -webkit-line-clamp: 2;   -webkit-box-orient: vertical;line-height: 1.2;}
/* body */
#volunteerList .card-body ul {font-size: var(--font-md);color:var(--color-text-black);font-weight:var(--font-weight-medium);}
#volunteerList .card-body li {display: flex;gap: 12px;}
/* footer */
#volunteerList .card-footer {font-size: var(--font-base); text-align: right; margin-top: 10px;}
#volunteerList .card-footer span {background-color: #F1EDED;font-weight: bold;border-radius: 30px;color: var(--color-text-black);}
#volunteerList .card-footer span:not(.ic){padding: 10px 18px;}
#volunteerList a.card:hover .card-footer span{color:#040404;}
#volunteerList a.card .category.disaster {color: var(--color-red-base);}
#volunteerList a.card .local.disaster {background-color: var(--color-red-base);}
/* 카드 전체 hover 시 disaster 관련 텍스트 색상 반전 */
#volunteerList a.card:hover .card-title, #volunteerList a.card:hover .card-body ul li {color: var(--color-white-100);}
#volunteerList a.card:hover .category{color:var(--color-yellow-base);}
#volunteerList a.card:hover .local{box-shadow: 0 0 0 1px #fff;color:#fff;background-color:var(--color-orange-darkest);}

/* popup */
.layer-poster{position:absolute;box-shadow: 2px 2px 15px 0 rgb(0 0 0 / 50%);z-index:9999;}
.layer-poster .posterTop{position: relative; padding: 15px 40px 15px 20px; box-sizing: border-box;color: #fff;background: #D74A16;}
.layer-poster .posterTop p{font-size: var(--font-md);letter-spacing: -0.05em;font-weight: var(--font-weight-semi-bold);line-height: normal;}
.layer-poster .posterBtm{position: relative;padding: 13px 40px;box-sizing: border-box;text-align: right;color: #000000;background: #E6E6E6;}
.layer-poster .btn-close{position:absolute;right:-35px;top:-3px;margin-top: 19px;margin-right: 51px;}
.layer-poster .ico-cross{overflow:hidden;position:relative;width:20px;height:20px;background:none;color:transparent;font-size:1px;text-indent:-9999px;}
.layer-poster .ico-cross:before,
.layer-poster .ico-cross:after{position:absolute;top:50%;left:50%;width:2px;height:20px;margin:-10px 0 0 -1px;background:#fff;border-radius:2px;content:'';}
.layer-poster .ico-cross:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
.layer-poster .ico-cross:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.layer-poster .substance{position:relative;}
.layer-poster .substance .pic img{width:100%;}
.layer-poster .close-period{cursor:pointer;font-size: var(--font-sm);}
.layer-poster .close-period input[type='checkbox']{appearance: none;-webkit-appearance: none; -moz-appearance: none;width: 18px;height: 18px;border: none;background: #fff;cursor: pointer;}
.layer-poster .close-period input[type=checkbox]:checked{background:#ff6a00;}
@media (max-width: 767px) {
/**
	main layer popup
	**/
	.wrap-poster{position:absolute;width:100%;z-index:2;}
	.layer-poster{position:relative;left:auto !important;right:auto !important;top:0 !important;width:calc(100% - 20px) !important;margin:10px auto;}
	.relative_site{padding-top: 0;padding-bottom: 0;}
	.layer-poster .posterTop{padding: 15px 30px 15px 20px;}
	.layer-poster .posterTop p{font-size: 18px;}
	/* .layer-poster .btn-close{margin-top: 6px;margin-right: 0;} */
}
/* 기부 링크 이동 */
#link{ max-width: 1200px;margin: 0 auto; padding-bottom: 108px;}
.donWrap{ position: relative;background: linear-gradient(to bottom right, #4F9882, #336EA5); border-radius: var(--radius-xl); height: 182px;display: flex; align-items: center; gap: 308px; padding-left: 204px;}
.donWrap::before{content: ""; background: url(/web/vols/2025/images/main/2025/icon_donation.png) center no-repeat; width: 248px; height: 211px; position: absolute; top: -36px; left: 2px;}
.donWrap p{ color: var(--color-white-100);font-size: var(--font-3xl);}
.donWrap p span{font-weight: var(--font-weight-bold);}
.donWrap a{background-color: var(--color-white-100);border-radius: var(--radius-xl); padding: 12px 22px;color: var(--color-blue-deep);font-size: var(--font-lg-plus);font-weight: var(--font-weight-bold);}
/* 알림판 */
#board{max-width: 1200px; margin: 0 auto; display: flex; gap: 20px; padding-bottom: 90px;}
.tab-buttons{display: none;}
.notice, .localInfo{position: relative;width:100%}
#board ul{background-color: var(--color-white-100);border-radius: var(--radius-xl);padding: 54px 30px; margin-top: 70px;}
#board ul li{margin-bottom: 33px;}
#board ul {list-style: disc;padding-left: 50px;}
#board ul li a { vertical-align: middle;}
#board ul li a:hover{text-decoration: underline;}
#board ul li:last-child{margin-bottom: 0;}
#board  ul li a{font-size: var(--font-lg);color: var(--color-text-black);font-weight:var(--font-weight-medium); text-overflow: ellipsis; white-space: nowrap;overflow: hidden;max-width: 530px; width: 100%;display: inline-block;}
/* 자원봉사자 이야기 */
#volStory{max-width: 1200px;margin: 0 auto;}
.storyWrap{ display: flex;gap: 41px; padding-top: 113px; padding-bottom: 109px;}
.stoTxt{display: flex; flex-direction: column;align-items: flex-start;gap: 27px;line-height: normal;flex: 0 0 25%;}
.stoTxt h5{font-size: var(--font-4xl);letter-spacing: var(--letter-spacing-tight);font-weight: var(--font-weight-semi-bold);color: var(--color-text-black);}
.stoTxt > p{font-size: var(--font-lg); letter-spacing: var(--letter-spacing-tight);color: var(--color-bg-gray-dark);line-height: 1.5;}
.stoTxt a{display: inline-block;}
.stoTxt a > p{background-color: var(--color-bg-gray-light);border-radius: var(--radius-xl); color: var(--color-text-black-90); padding: 10px 18px;font-size: var(--font-md);letter-spacing: var(--letter-spacing-tight);}
.stoTxt a:hover > p{font-weight: var(--font-weight-bold);}
.swiper5.stopimgBox {width: 100%; overflow: hidden;}
.swiper5.stopimgBox > .swiper-wrapper {align-items: stretch;gap: 0; overflow: visible; scroll-behavior: auto; justify-content: flex-start;}
.swiper5.stopimgBox .swiper-slide {box-sizing: border-box; height: auto;}
.stopimgBox li { border: 1px solid var(--color-gray-80); border-radius: var(--radius-xl);}
.stopimgBox li a {display: block;width: 100%;height: 100%;}
.stopimgBox li a img {display: block; width: 100%;height: auto;max-width:500px; border-radius: var(--radius-xl) var(--radius-xl) 0 0;}
.imgTx{padding: 20px 20px 24px;}
.imgTx p:last-child {overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.stopimgBox ul li a:hover p:first-child{color: var(--color-orange-base);}
.stopimgBox ul li a:hover p{color: var(--color-orange-base);}
.imgTx p:first-child{font-size: var(--font-heading-sm);letter-spacing: var(--letter-spacing-tight);color: var(--color-text-black); font-weight: var(--font-weight-bold);margin-bottom: 12px;}
.imgTx p{font-size: var(--font-lg);letter-spacing: var(--letter-spacing-tight);color: var(--color-text-black);}
.titleWrap {display: flex;justify-content: space-between;align-items: center;width: 100%;}
.swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;z-index: 10; cursor: pointer; display: flex;align-items: center; justify-content: center;}

/*본인인증*/
#login_rlnmcheck .content_header {padding-bottom: 32px;}
#login_rlnmcheck .content_header h2 {padding-bottom: 32px;font-size: 40px;font-weight: var(--font-weight-bold);color:var(--color-text-black);letter-spacing: -0.060em; text-align: center;}
#login_rlnmcheck .box_pink{border:1px solid #C1B8B8;border-radius: 24px;padding: 32px 24px 32px 24px;font-size:var(--font-body-lg);margin-bottom:32px;}
#login_rlnmcheck .customer_center{font-family: 'Pretendard GOV', 'Noto Sans kr', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'Dotum', '돋움', sans-serif;font-size: var(--font-md);line-height: 30px;color: #515151;font-family: 'Pretendard GOV' !important;}
#login_rlnmcheck .write_form .board_data.type2 {border-top: 1px solid #C2C2C2;border-bottom: 1px solid #C2C2C2;}
#login_rlnmcheck .write_form .board_data.type2 .group {display: flex;}
#login_rlnmcheck .customer_center .write_form.qna .board_data.type2 dl {display: flex;align-items: center; flex: 1;}
#login_rlnmcheck .customer_center .write_form.qna .board_data.type2 .group-lar dl{align-items:stretch;}
#login_rlnmcheck .customer_center .write_form.qna .board_data.type2 dl dt {flex-basis: 166px;flex-shrink: 0;background-color: #EDEDED;padding: 16px 0;text-align: center;color: var(--color-text-black); box-sizing: border-box;}
#login_rlnmcheck .customer_center .write_form.qna .board_data.type2 dl dd {display: flex;align-items: center;gap: 10px;flex-grow: 1;padding: 10px 12px;color: var(--color-text-black);min-width: 0;}
#login_rlnmcheck input[type='text'], input[type='password']{width: 100%;border: 1px solid #CCCBCB;border-radius: 5px;padding: 7px 9px;}
#login_rlnmcheck span.deep_orange{color:var(--color-orange-deep);font-weight:var(--font-weight-bold);}
#login_rlnmcheck p.deep_orange{font-size:16px;color:var(--color-orange-deep);margin-top: 10px;}
#login_rlnmcheck span.symbol {line-height: 40px;align-self: center;}
#login_rlnmcheck .d-block {display: block !important;}
#login_rlnmcheck .required-mark {color: #FF0000;padding-right: 5px;}
#login_rlnmcheck .checks {position: relative;display: inline-flex;align-items: center;gap: 10px;}
#login_rlnmcheck input[type='radio'] {margin: 0;padding: 0;vertical-align: middle;width: 20px;height: 20px;}
#login_rlnmcheck .checks input[type="radio"] + label {display: inline-block;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;vertical-align: middle;font-size: var(--font-md);color: var(--color-black-100);}
#login_rlnmcheck .d-flex {display: flex !important;align-items: center;flex-wrap: wrap;gap: 10px;}
#login_rlnmcheck .form_bottom.btn_flex_wrap {display: flex;justify-content: flex-end;align-items: flex-end;flex-wrap: wrap;margin-top: 32px;}
#login_rlnmcheck .form_bottom .btn_flex {margin-top: 20px;display: flex;gap: 10px;justify-content: flex-end;}
#login_rlnmcheck .btn_orange span, .btn.btn_orange span {background-color: #d43e0c;color: #fff;border-radius: var(--radius-sm);height: auto;line-height: unset;padding: 9px 42px;font-size: var(--font-body-lg);font-weight: var(--font-weight-semi-bold);letter-spacing: var(--letter-spacing-tight);}
#login_rlnmcheck .btn_black span, .btn.btn_black span {background-color: var(--color-text-gray-90);color: #fff;border-radius: var(--radius-sm);height: auto;line-height: unset;padding: 9px 42px;font-size: var(--font-body-lg);font-weight: var(--font-weight-semi-bold);letter-spacing: var(--letter-spacing-tight);}
#login_rlnmcheck .btn.form_gray {vertical-align: top;border: 0;background: #3D3D3D;color: #fff;border-radius: 5px;padding: 7px 10px;}
#login_rlnmcheckdl.captcha .btn span {display: flex;font-size: 18px;font-weight: 300;}
#login_rlnmcheck .btn img {width: 24px;padding-right: 5px;}
#login_rlnmcheck .pc-d-flex{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;}
#login_rlnmcheck .group-lar dl.captcha input[type='text']{width:214px;margin-top:20px;}

/* 인쇄, 화면 크기조절 */
.screen_controll {justify-items: right;}
.screen_controll dl {display: flex;align-items: center;gap:12px;}
.screen_controll dl dd {line-height:0;display: flex;gap: 12px;}
.screen_controll dl dd button, .print_controll button {text-indent:-999em;}
.screen_controll dl dd button.btn_print {text-indent: 0;display: inline-flex;width: auto;align-items: center;gap: 9px;}
.screen_controll dl dd button.btn_print span{font-size:18px;}
.screen_controll dl dd button.btn_print::before{content: "";background: url(/web/vols/2025/images/ico/ic_print.png) no-repeat center;width: 21px;height: 21px;}
.screen_controll dl dd button.btn_plus {width: 20px;height: 19px;background: url(/web/vols/2025/images/common/2025/ic_zoomIn.png) center no-repeat;overflow: hidden;}
.screen_controll dl dd button.btn_minus {width: 20px;height: 19px;background: url(/web/vols/2025/images/common/2025/ic_zoomOut.png) center no-repeat;overflow: hidden;}

/* 개발 Ajax Loding Bar */
.ajax_hide {display: none;}
#ajax_loading_bg{
	position: fixed;overflow: hidden;top: 0;left: 0;height: 100%;width: 100%;
    background: #000000;opacity: 0.7;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	/* IE 5-7 */
	filter: alpha(opacity=70);
	/* Netscape */
	-moz-opacity: 0.7;
	/* Safari 1.x */
	-khtml-opacity: 0.7;
	z-index:1000000001;
}
#ajax_loading_center {width: 100px;height: 100px;position: absolute;left: 50%;top: 50%; margin-left: -50px;margin-top: -50px;z-index:1000000002;}
@media (min-width: 1024px) and (max-width: 1200px) {
    .bannerWrap{padding-left: 24px;}
    .bannerWrap .txtWrap h3{font-size: 3.8rem;}
    .bannerWrap .txtWrap p{font-size: 2.5rem;}
    .donWrap a{margin-right: 1.25rem;}
    .notice, .localInfo{width: 49.1%;}
    .storyWrap{padding-left: 30px;}
    .stopimgBox ul{justify-content: center;gap: 3rem;}
}
@media (min-width: 960px) and (max-width: 1024px) {
    .bannerWrap{padding-left: 36px;gap: 13px;}
    .bannerWrap .txtWrap h3{font-size: 3.4rem;}
    .bannerWrap .txtWrap p{font-size: 2rem;}
    .bannerWrap img{padding-top: 3rem;}
    .donWrap a{margin-right: 1.25rem;}
    .storyWrap{padding-left: 20px;}
}
@media (max-width: 1200px) {
    .icMore{right: 20px;} 
    #mainBanner{padding-right: 20px;padding-left: 20px;}
    .bannerWrap img{width: 50%;height: fit-content;}
    #favMenu ul{padding-right: 20px;padding-left: 20px;}
    .volWrap{padding-right: 20px;padding-left: 20px;}
    #link{padding-right: 20px;padding-left: 20px;}
    .donWrap{gap: 0;justify-content: space-around;}
    #board{padding-left: 20px;padding-right: 20px;}
    .notice, .localInfo{width: 49.1%;}
    .storyWrap{flex-direction: column;padding-right: 20px;}
}
@media (max-width: 1024px) {
	.screen_controll {display: none;}
}
@media (max-width: 960px) {
    .bannerWrap{padding: 76px 0 0 40px;}
    .bannerWrap .txtWrap{padding-top: 20px;}
    .bannerWrap .txtWrap h3{font-size: 36px;}
    .bannerWrap .txtWrap p{font-size: 28px;}
    .numWrap ul{gap: 0;justify-content: space-around;}
    #favMenu ul{ display: grid;grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr;row-gap: 16px; justify-items: center;align-items: center; }
    /* 메인배너 */
    #contentsWrap{margin-top: 0;}
    #mainBanner{margin: 38px auto 0;flex-direction: column;padding-left: 0;padding-right: 0;}
    .main_visual{border-radius: var(--radius-none);}
    .bannerWrap{padding: 36px 0 0 40px;justify-content: space-around;}
    .bannerWrap .txtWrap{padding-top: 0;}
    .mainsearch{min-width: 100%;}
    .search{min-width: 100%;height: 44px;border: 2px solid var(--color-orange-base); box-sizing: border-box;}
    .search input[type='text']{padding: 0 20px; font-size: 18px; background: transparent;}
    #contentsWrap:has(#login_rlnmcheck) {margin-top:200px;}
}
@media (min-width: 768px) and (max-width: 960px) {
    .volWrap > ul{gap: 15px;}
    #volunteerList .card-body ul {font-size: var(--font-base);}
    #volunteerList > li > a > ul{gap: 20px;}
    #volunteerList > li > a > ul > li:nth-child(2){height: 60px;}
    .contWrap{flex-direction: column; align-items: flex-start;gap: 10px;}
    .donWrap{flex-direction: column;align-items: flex-start;justify-content: space-evenly;padding-left: 16rem;}
    .stoTxt{padding-left: 20px;}
    .stopimgBox ul{overflow-x: auto;}
}
@media (max-width: 875px) {
	#login_rlnmcheck .content_header h2 {padding-bottom: 0;font-size: var(--font-xl);text-align: center;}
	#contentsWrap:has(#login_rlnmcheck) {margin-top: 80px;}
}
@media (max-width: 768px) {
    .contWrap .contMore p{font-size: 14px;}
    
    /* 모집중인 자원봉사 */
    .volWrap{padding-top: 40px;padding-bottom: 40px;overflow: hidden;}
    #volunteerList  {gap: 0 !important; /* grid gap 제거 */ display: flex; padding: 0 ;}
    #volunteerList  > li {flex-shrink: 0;}
    #volunteerList > li:last-child {margin-right: 0;}
	#volunteerList .card-title {font-size:var(--font-subheading);margin:14px 0;}
	#volunteerList .card-body ul {font-size:16px;}
    .volNavBtns {position: absolute;top: 40px;right: 20px;display: flex;gap: 15px;}
    .prevBtn,.nextBtn {width: 40px;height: 40px;background-size: cover;background-repeat: no-repeat;border: none;cursor: pointer;}
    .prevBtn {background-image: url('/web/vols/2025/images/main/2025/btn_carousel__prev.png');}
    .nextBtn {background-image: url('/web/vols/2025/images/main/2025/btn_carousel__next.png');}
    .sbp5,.sbn5 {width: 40px;height: 40px;background-size: cover;background-repeat: no-repeat;border: none;cursor: pointer;}
    .sbp5 {background-image: url('/web/vols/2025/images/main/2025/btn_carousel__prev.png');}
    .sbn5 {background-image: url('/web/vols/2025/images/main/2025/btn_carousel__next.png');}
    .icMore{display: none;}
    /* link */
    #link{display: none;}
   /* 알림판, 지역센터 행사정보 */
    #board {display: block;background-color: #fff;padding-bottom: 30px;}
    #board ul{margin-top: 0;padding: 20px 30px 0 20px;}
    #board ul li {margin-bottom:20px;}
    #board ul li a{min-width: 100%;font-size:16px;}
    #board .secTit{display: none;}
    .tab-buttons {display: flex;justify-content: center;padding-top: 30px;}
    .tab-btn {padding: 10px 30px;letter-spacing: -1px; font-size: 20px;border: none;cursor: pointer; width: auto;display: inline-block;color: #3C3E3E;font-weight: bold;}
    .tab-btn.active {background-color: #3C3E3E; font-weight: bold; color: #fff;font-size: 20px;border-radius: var(--radius-xl);}
    .tab-content {display: none; width: 100%;}
    .tab-content.active {display: block;}
    /* 자원봉사 이야기 */
    .storyWrap{background: #F1EDED;padding-top: 40px;padding-bottom: 40px;padding-right: 0;}
    .stoTxt h5, .secTit{font-size: 22px;padding: 7px 0;}
    .stoTxt{position: relative;padding-left: 20px;padding-right: 20px;}
    .stoTxt > p{display: none;}
    .stoTxt .slideBtns{position: absolute;top: 0; right: 20px;display: flex;gap: 15px;}
    .stoTxt a{display: none;}
    .imgTx p:first-child {font-size:var(--font-body-lg);font-weight:var(--font-weight-semi-bold);margin-bottom: 10px;}
    .imgTx p {font-size:16px;font-weight:var(--font-weight-medium);}
    .stopimgBox ul {overflow-x: auto; scroll-behavior: smooth; gap: 20px;}
    .stopimgBox ul li:first-child{margin-left: 20px;}
    .stopimgBox ul li:last-child{margin-right: 20px;}
    .stopimgBox .imgTx{background-color: #fff; border-radius: var(--radius-rounded-bottom-xl);}
    .relative_site{padding-top: 0;padding-bottom: 0;margin-top: 30px;margin-bottom: 30px;}
	#mfooter {display:block;}
	#mfooter .copyright{padding: 5%; width: auto; border-top: 1px solid #e5e5e5;}
	#tfooter {display:none;}
	#login_rlnmcheck .customer_center{font-size:16px;}
	#login_rlnmcheck .customer_center .write_form.qna .board_data.type2 dl dt {flex-basis: 120px;}
	.checks input[type="radio"] + label {font-size:16px;}
	.box_border {border-radius: unset;border: none;border-top: 1px solid #C1B8B8;border-bottom: 1px solid #C1B8B8;margin-bottom: 28px;}
}
@media (max-width: 640px) {
	.numWrap{bottom: 14px;left: 20px;}
	.controlWrap{bottom: 16px;left: 205px;}
}
@media (max-width: 540px) {
	#mainTop{padding-bottom: 0;}
    .mainsearch{background-color: #fff;}
    .searchWrap{padding-top: 0;}
    .searchWrap > ul > li a{border: 1px solid #B9B7B7;border-radius: var(--radius-xl);color: #3C3E3E;font-weight: 400; font-size: var(--font-base); padding: 4px 20px;}
    .bannerWrap{padding: 19px 0 0 40px;}
    .bannerWrap .txtWrap{padding-top: 17px;}
/*     .numWrap{display: none;} */
    #mainBanner{gap: 30px;}
    /* 자주찾는 메뉴 */
    .accessor {display: none;}
    .searchWrap > ul{margin-top: 20px;}
    #favMenu {padding: 30px 20px;}
    #favMenu ul {display: flex;flex-wrap: wrap;justify-content: space-around;gap: 20px; margin-top: 0;}
    #favMenu ul > li { width: 108px; height: 108px; background-size: 40px auto;background-position: center 15px;}
    #favMenu ul > li:nth-child(1){background-position-y: 0; background-color: #fff;}
    #favMenu ul > li:nth-child(2){background-position-y: 0; background-color: #fff;}
    #favMenu ul > li:nth-child(3){background-position-y: 0; background-color: #fff;}
    #favMenu ul > li:nth-child(4){background-position-y: 0; background-color: #fff;}
    #favMenu ul > li:nth-child(5){background-position-y: 13px; background-color: #fff;}
    #favMenu ul > li:nth-child(6){background-position-y: 10px; background-color: #fff;}
    #favMenu ul > li:nth-child(5) > a{padding-top: 76px;}
    #favMenu ul > li:nth-child(6) > a{padding-top: 79px;}
    #favMenu ul > li > a {padding-top: 70px;font-size: 16px;}
    .mainsearch {height: auto;}
    .searchWrap {padding-bottom: 0;}
    /* 모집중인 자원봉사 */
    #serviceVol{margin-top: 15px;}
    .volWrap{padding-top: 40px;}
    .volNavBtns{top: 40px;}
    
    #volunteerList .card-footer {font-size: 14px;}
    #volunteerList .card-footer span:not(.ic) {padding: 8px 15px;}
}
@media (max-width: 480px) {
    .logoMo img{width: 63%;}
    .bannerWrap img{width: 48%;}
    #volunteerList > li > a > ul{padding: 30px;gap: 14px;}
    #volunteerList > li > a > ul > li:nth-child(2){max-width: 285px; height: 59px;}
    .contWrap .contTxt ul li span{margin-left: 12px;}
    #volunteerList{margin-top: 20px;}
    #favMenu ul{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr 1fr;padding: 0;}
    .relative_site{padding-top: 0;padding-bottom: 0;}
	#footer .footer_wrap .swiper-prev{left: 4px;}
}
@media (max-width: 390px) {
	#volunteerList .card {padding: 20px 20px;}
	#volunteerList .card-body ul {font-size: 14px;}
	#volunteerList .card-body li {gap: 6px;}
    #favMenu ul{column-gap: 0;row-gap: 20px;}
    #volunteerList > li > a > ul{padding: 24px;}
    .contWrap{flex-direction: column;align-items: flex-start;gap: 14px;}
}
@media (max-width: 360px) {
    #volunteerList > li > a > ul > li:nth-child(2){max-width: 254px;}
	.tab-btn {padding:10px 20px;flex-shrink: 0;}
}