@charset "utf-8";

/* 공통 */
.w-100 {width:100px; max-width:100px;}
.max-w-new {max-width:1100px; margin: 0 auto;}
.pt0 {padding-top: 0px !important;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pb20 {padding-bottom: 20px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mr10 {margin-right: 10px;}
.ml10 {margin-left: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.d-block {display:block !important;}
.d-flex {display:flex !important; align-items: center; flex-wrap: wrap;}
.d-flex-sm {display:flex; align-items: center;}
.pc-d-flex {display:flex; align-items: center; gap: 10px;}
/* .flex-dd {display:flex; align-items: center;} */
input[type='checkbox']{width: 20px; height: 20px;flex-shrink: 0;}
.font-medium{font-weight:var(--font-weight-medium) !important;}
.btn.form_red {vertical-align: top; border: 0; background: #CA3B3B; color: #fff; border-radius: 5px; padding: 4px 10px;}
.btn.btn_round span{border-radius: var(--radius-xl);}
.btn.btn_d_blue span{background-color: var(--color-d-blue); color: #fff; height: auto; padding: 9px 30px; font-size: var(--font-body-lg); font-weight: var(--font-weight-semi-bold); letter-spacing: var(--letter-spacing-tight);}
.btn.btn_d_orange span{background-color: var(--color-orange-deep); color: #fff; height: auto; padding: 9px 30px; font-size: var(--font-body-lg); font-weight: var(--font-weight-semi-bold); letter-spacing: var(--letter-spacing-tight);}
.join_step_g ul li.on > div {gap: 5px; line-height: 25px;}
.required-mark {color: #FF0000; padding-right: 5px;}
.write_form .board_data.type2 {border-top: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2;}
.btn.md span {border: 0; color: #fff; border-radius: 10px; padding: 9px 30px; line-height: normal;}
.btn.md.btn_orange span {background-color: #D74A16;}
.btn_d_blue span, .btn.btn_d_blue span {background-color: var(--color-d-blue); 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);}
.agree_wrap .all.btm {width: 100%;}
.form_bottom .btn {line-height: 25px;}

/* 회원가입 - 회원가입(가입동의), 회원가입(실명인증) */
.agree_wrap .terms_content .big_title {font-size:20px; font-weight:bold;}
.agree_wrap .terms_content .title {font-size:18px; font-weight:bold;}

/* 회원가입  - 회원정보 입력 */
.newform_wrap {margin: 0 auto; max-width: 1100px;}
.newform_wrap .d-flex {gap:10px;}
.newform_wrap dt, 
.newform_wrap dd, 
.newform_wrap .type_service dt, 
.newform_wrap .type_service dd {line-height: normal;}
.write_form.qna.newform_wrap .form_header {margin-top: 40px;}
.write_form.qna.newform_wrap .form_header h3 {padding: 0 30px 20px; font-size: 24px; color: var(--color-black-100);}
.write_form.qna.newform_wrap .form_header h3.tit_lv2:after {top: 4px;}
.write_form.qna.newform_wrap .board_data.type2 dl dt {font-weight: 400; display: inline-flex; align-items: center; justify-content: center;}

.write_form.qna.newform_wrap .board_data.type2 dl dt.dt-w {width: 200px;}

.write_form.qna.newform_wrap .board_data.type2 dl dd {display: flex; align-items: center; gap: 10px;}
.write_form.qna.newform_wrap .board_data.type2 dl dd .comment {font-size: var(--font-base); font-weight: var(--font-weight-medium); color: var(--color-text-gray-65);}
.write_form.qna.newform_wrap .board_data.type2 dl dd input[type="text"],
.write_form.qna.newform_wrap .board_data.type2 dl dd input[type='password'], 
.write_form.qna.newform_wrap .board_data.type2 dl dd input[type='search'] {padding: 3px 9px !important; border-radius: 5px !important; width: 282px;border: 1px solid #ccc;}
.write_form.qna.newform_wrap .board_data.type2 dl dd input[type='tel'] {padding: 3px 9px !important; border-radius: 5px !important; width:100px; max-width:100px;}
.newform_wrap .board_data.type2 button {font-size:16px; font-weight: 400;}
.newform_wrap .agree {margin-top:0;}
.newform_wrap .agree .check_box {display:flex; align-items: center; line-height: 30px; gap: 5px;}
.write_form.qna.newform_wrap .board_data.type2 dl dd .email_id input[type="text"],
.write_form.qna.newform_wrap .board_data.type2 dl dd .email_domain input[type="text"] {width:180px;}
.type_service .group dd {flex-wrap: nowrap; max-width:375px;}
.type_service .group_dl2 .select_w1,
.type_service .group_dl3 .select_w1 {width:100%;}
.type_service .desired-field {display: block; font-size:16px; line-height: 15px;}
.newform_wrap p.info {margin-top: 20px; margin-bottom: 20px; padding: 0 0 0 30px; color: #D74A16; background: url(/web/vols/2025/images/ico/ico_caution.svg) no-repeat left center; line-height: normal;}
.write_form.qna.newform_wrap .board_data.type2.type_addinfo .group_dl1 dl dd input[type="text"],
.write_form.qna.newform_wrap .board_data.type2.type_addinfo .group_dl1 dl dd input[type="password"] {width:140px;}
.write_form.qna.newform_wrap .board_data.type2.type_addinfo .group_dl2 dl dd input[type="text"] {width:214px;}
.write_form.qna.newform_wrap .board_data.type2.type_addinfo dl dd .comment {display: block; font-weight:400; color: #D74A16;}
.type_addinfo .group_dl2 p {color: #7A7A7A; font-size: 16px; margin-bottom: 10px;}
.type_addinfo .group_dl2 .captcha .captcha_img {height:38px;}
.type_addinfo .group_dl2 .captcha .btn span {display:flex; font-size:18px; font-weight:300;}
.type_addinfo .group_dl2 .captcha .btn img {width: 24px; padding-right: 5px;}
.type_addinfo .group_dl2 .captcha .name-verification {display:block; margin-top:20px;}
.type_addinfo .group_dl2 .captcha .name-verification .verification-detail {display:flex; align-items: center; gap: 12px;}
.type_addinfo .group_dl2 .captcha .name-verification .verification-detail .span_text {font-size:16px; color: #D74A16; font-weight:300; padding-left: 10px;}
.newform_wrap .form_bottom.btn_flex_wrap {justify-content: end;}

/* 회원가입  - 부가정보 입력 */
.type_service_c .group_dl1 .select_form {width: 140px;}
.type_service_c .group_dl2 .select_form,
.type_service_c .group_dl3 .input_text {width: 313px;}
.newform_wrap dd .service_c_form a img {padding-top:5px;}
.write_form.qna.newform_wrap .board_data.type2.type_service_c dl dd input[type="text"] {width:100%;}

/* 미등록 이주아동 회원가입 - 가입동의 */
.write_form.qna.childform_wrap .form_header {margin-top: 40px;}
.write_form.qna.childform_wrap .form_header h3 {padding: 0 30px 20px; font-size: 24px; color: var(--color-black-100);}
.write_form.qna.childform_wrap .form_header h3.tit_lv2:after {top: 4px;}
.child-info-gray {margin-top:3px; font-size: var(--font-sm); color: var(--color-text-gray-65); line-height:28px;}
.childform_wrap .school-ipt {display: flex; align-items: center; gap: 10px;}
.childform_wrap .board_data.type2 .school-ipt button {margin-top: 0;}
.childform_wrap .input_text {width:300px;}
.childform_wrap .input_text input{padding:3px 9px !important; border-radius: 5px !important;}
.childform_wrap .board_data.type2 button {font-size: 16px; font-weight: 400;}
.childform_wrap  dl dt {font-weight: 400; display: inline-flex; align-items: center; justify-content: center;}
.customer_center .write_form.qna.childform_wrap .board_data.type2 dl.file dd .file_t_g {margin: 0 0 10px;}
.customer_center .write_form.qna.childform_wrap .board_data.type2 dl dd {line-height: normal;}
.file-upload-container {display: flex; align-items: center; gap: 10px;}
.file-upload-container .file-select-btn {font-size: 16px; font-weight: 400; cursor:pointer; line-height: 30px;}
.file-upload-container .file-path-display {display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 400; color: var(--color-text-gray-65);}
.file-upload-container .file-path-text {flex: 1;}
.file-upload-container .remove-file-btn {background: none; border: none; cursor: pointer; padding: 2px 6px; color: #666; font-size: 16px; line-height: 1; flex-shrink: 0;}
.file-upload-container input[type="file"] {display: none;}
.file-upload-container .fileadd {display: flex; flex-direction: column; gap: 10px;}
.customer_center .write_form.qna .board_data.type2 dl dd .fileadd input[type="text"] {width:300px; padding: 3px 9px; border: 1px solid #ccc; border-radius: 5px;}
.childform_wrap .group_gap dd {display:flex; align-items: center; gap: 10px;}
.childform_wrap .group_gap .sec-form1,
.childform_wrap .group_gap .sec-form2 {display:flex; align-items: center; gap: 10px;}
.childform_wrap .group_gap .sec-form2 {padding-top: 20px;}
.write_form.qna.childform_wrap .board_data.type2 dl dd .comment {font-size: var(--font-base); font-weight: var(--font-weight-medium); color: var(--color-text-gray-65); word-break: keep-all;}
.childform_wrap .num_select, .childform_wrap .mail_select {display:flex; align-items: center; gap: 5px;}
.childform_wrap .num_select .select_form,
.childform_wrap .num_select .input_text {width: 100px;}
.childform_wrap .mail_select .input_text {width: 180px;}
.childform_wrap .agree_radio_flex {display:flex; align-items: center; gap: 10px; padding: 10px 0;}
.childform_wrap .type_service .group dd {display:flex; align-items: center; gap: 10px;}
.childform_wrap .type_service .d-flex {gap: 10px;}
.childform_wrap .type_service .select_form {width: 140px;}
.childform_wrap .type_service .select_form.hope_select {width: 100%; max-width: 313px;}
.childform_wrap p.info {margin-top: 20px; margin-bottom: 20px; padding: 0 0 0 30px; color: #D74A16; background: url(/web/vols/2025/images/ico/ico_caution.svg) no-repeat left center; line-height: normal;}
.childform_wrap .type_addinfo p {font-size: var(--font-md); font-weight:400; color: var(--color-orange-deep); padding-top:15px; }
.childform_wrap .info_bottom {margin-top: 20px;}
.childform_wrap .info_bottom .check-radio {display: flex; align-items: center; margin-left: auto; gap:5px;}
.childform_wrap .info_bottom .p-first {font-size: var(--font-md); font-weight: var(--font-weight-medium); color: var(--color-text-gray-65);}
.childform_wrap .info_bottom .p-comment {font-size: 16px; font-weight: var(--font-weight-medium); color: var(--color-text-gray-65); padding:20px 0;}
.childform_wrap .form_bottom.btn_flex_wrap {margin-top: 20px; justify-content: end;}

/* 통합검색 - 공통 검색 영역 */
#integrated_search .mb-show {display: none;}
#integrated_search {padding: 0 0;}
#integrated_search .search {margin: 0 auto; padding: 30px 30px; background-color: #FFE3D4; border-radius: 15px;}
#integrated_search .search form {display: flex; gap: 6px; align-items: center; height: 40px;}
#integrated_search .search .select_form {position: relative; flex: 0 0 250px; width: 100%;}
#integrated_search .search select, 
#integrated_search .search input[type="text"] {height: 40px; border: 2px solid #D74A16; border-radius: 8px;}
#integrated_search .select_form select {width: 100%; height: 40px; padding: 4px 9px; border: 2px solid #D74A16; border-radius: 8px; background-color: #fff; cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
#integrated_search .select_form::after {content: '▼'; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); pointer-events: none; font-size: 12px; color: #333;}
#integrated_search .search .input_form {flex: 1; position: relative; height:40px; margin: 0; border-radius: 8px;}
#integrated_search .input_form label {display: block; margin: 0;}
#integrated_search .input_form .inp-search {width: 100%; height: 40px; padding: 4px 9px; border: 2px solid #D74A16;}
#integrated_search .btn_sec {flex: 0 0 115px;}
#integrated_search .search_service_btn.col_add .btn span {height: 40px; line-height: normal;}
.search-result-h3 {text-align: center; margin-top:50px;}
.search-result-h3 h3 {font-size:22px; color: #5B5B5B; font-weight: var(--font-weight-bold);}
.search-result-h3 h3 span {color: #000; font-weight: var(--font-weight-bold);}

/* 리스트 탭 */
.search_group .tab_wrap {margin-top: 40px;}
#integrated_search .tab_wrap ul.tab .tab_link {height: 60px; line-height: normal; font-weight: var(--font-weight-medium);}
.search_group .tab_wrap ul.tab {gap: 10px; margin-bottom: 0;}

/* 통합검색 - 개인봉사 리스트 */
.search_wrap {word-break: keep-all;}
#integrated_search .search_box {border-top: 0; padding: 0 0 0;}
.search-tit-wrap {display: flex; justify-content: space-between; align-items: baseline; margin-top: 40px; margin-bottom: 20px;}
.search-tit-left {display: flex; align-items: center; gap: 20px;}
.tit_h3 {font-size: 24px; font-weight: var(--font-weight-bold); line-height: normal; color: var(--color-black-100);}
.search-tit-left .post-count {font-size:18px; color: #9E9B9B; font-weight: 400;}
.search-tit-right {display: flex; gap: 20px; font-size: 18px; color: #9E9B9B;}
.sort-option {cursor: pointer;}
.sort-option.on {color: #000; font-weight: bold;}
.notice-card {background-color: #fff; border-radius: 20px; padding: 30px 40px; border: 1px solid #c8c8c8; margin-top: 20px;}
.notice-card:first-child {margin-top: 0;}
.notice-header {display: flex; align-items: center; gap: 12px; margin-bottom: 24px;}
.notice-header .badge {color: #fff; padding: 0 2px; border-radius: 10px; font-size: 15px; font-weight: var(--font-weight-medium); text-align: center; min-width:72px;}
.notice-header .badge.red {background-color: #113F9B;}
.notice-header .badge.blue {background-color: #CA3B3B;}
.notice-header .badge.orange {background-color: #D74A16;}
.notice-header .notice-title {font-size: 22px; font-weight: var(--font-weight-bold); color: #000;}
.notice-header .notice-title:hover {text-decoration: underline;}
.notice-card .notice-content {font-size: 18px; color: #5b5b5b; margin-bottom: 24px;}
.path-nav .path-nav-step {display: flex; background: #F6F3EF; width: fit-content; padding: 5px 13px; border-radius: 30px; line-height: normal; gap: 3px;}
.path-nav .path-nav-step span {margin: 0 1px; font-size: 15px; color: #D74A16; line-height: normal;}

/* 통합검색 - 봉사센터/활동기관 리스트 */
.info-right-wrap {margin-left:88px;}
.info-right-wrap .info-section .info-row {display: flex; align-items: flex-start; margin-bottom: 12px;}
.info-right-wrap .info-row .info-item {display: flex; align-items: center; width: 50%;}
.info-right-wrap .info-row .info-item:first-child {flex: 1; margin-right: 20px;}
.info-right-wrap .info-row .info-label {color: #D74A16; font-size: 18px; font-weight: var(--font-weight-bold); flex-shrink: 0; margin-right: 20px;}
.info-right-wrap .info-row .info-content {color: #333; font-size: 16px; line-height: 1.6;}

/* 통합검색 - 우측영역 */
#integrated_search .rescan label {color: #131416;}
#integrated_search .search_right .search {background-color: #fff; padding: 0 0;}
#integrated_search .search_right .rescan {padding: 0 0 20px 0; display: flex; align-items: center;}
#integrated_search .search_right .popular {border-top: 0; border-bottom: 0;}
#integrated_search .search_right .popular p.tit {padding: 0 0 10px 0; color: #000; font-size: 22px; font-weight: var(--font-weight-bold);}
#integrated_search .search_right .popular .ranking ul {background: #F4F4F4;}
#integrated_search .search_right .popular .ranking ul li {font-weight: 400; font-size: 18px;}
#integrated_search .search_right .popular .ranking ul li a {color: #000; width:auto;}
#integrated_search .search_right .popular .ranking ul li span.up {position: absolute; right: 15px; width: 20%; background: url(/web/vols/2025/images/ico/ico_search_ranking_up.svg) left no-repeat; text-align: right; padding-left: 0;}
#integrated_search .search_right .popular .ranking ul li span.down {position: absolute; right: 15px; width: 20%; background: url(/web/vols/2025/images/ico/ico_search_ranking_down.svg) left no-repeat; text-align: right; padding-left: 0;}
#integrated_search .search_right .my_input {border-top: 0; border-bottom: 0; margin-top: 20px;}
#integrated_search .search_right .my_input p.tit {padding: 0 0 10px 0; color: #000; font-size: 22px; font-weight: var(--font-weight-bold); border-bottom: 1px solid #000;}
#integrated_search .search_right .my_input ul {background: #F4F4F4; margin: 0;}
#integrated_search .search_right .my_input ul li {font-size:18px;}
#integrated_search .search_right .my_input ul li span {position: relative; background: none;}
#integrated_search .search_right .my_input ul li span::before {content: "•"; position: absolute; left: 0; color: #333; font-weight: bold;}
#integrated_search .search_right .my_input ul li a img {width: 20px; margin-top: 5px;}
#integrated_search .search_right .tab_wrap ul.tab .tab_link {border-top: 0; border-radius:0; font-weight: var(--font-weight-bold);}
.search_right .tab_wrap ul.tab {gap: 0;}
.search_right .tab_mini ul.tab .tab_link,
.search_right .tab_mini ul.tab .tab_list.on .tab_link {padding: 10px 0; background-color: transparent; color: #A7A7A7;}
.search_right .tab_wrap ul.tab .tab_list.on .tab_link,
.search_right .tab_wrap ul.tab .tab_list .tab_link.hover {padding: 10px 0; background-color: transparent; color: #000; border-bottom: 1px solid #000;}
.search_right .tab_mini ul.tab .tab_link,
.search_right .tab_mini ul.tab .tab_list.on .tab_link {height: auto !important;}

/* 자원봉사 실적 연계 소개 */
.inforesultcntc {max-width: 932px; margin: 60px auto 0;}
.inforesultcntc .cntc {gap: 16px;}
.inforesultcntc .cntc li {margin: 0; width: 100%;}
.inforesultcntc .cntc li div {box-sizing: border-box;}
.inforesultcntc .result p {padding: 40px 0;}
.inforesultcntc .result div {width: 100%; border: 3px solid var(--color-orange-deep); box-sizing: border-box; line-height: normal;}
.inforesultcntc .result div em {font-size: 34px; font-weight: bold;}
.inforesultcntc .result div span {margin-top:4px; font-size: 22px; font-weight: bold;}

/* 자원봉사 대상 */
.volunteer-new .admin_req {margin-top: 34px;}
.volunteer-new .admin_req:first-child {margin-top: 0;}
.volunteer-new .input_text input {height: 36px; box-sizing: border-box;}
.volunteer-new .select_form_inline select {height: 36px; box-sizing: border-box;}
.volunteer-new .tit-padd {display:flex; align-items: center; justify-content: space-between;}
.volunteer-new .tit_lv2 {padding: 10px 0 25px 30px;}
.volunteer-new .tit_lv2 span {font-size:20px; color:#000; padding-left: 0;}
.volunteer-new .btn_red span, .volunteer-new .btn.btn_red span,
.volunteer-new .btn_dark_g span, .volunteer-new .btn.btn_dark_g span {padding: 3px 16px; font-weight:400;}
.volunteer-new .admin_req .admin_req_data .group dt {flex-basis: 166px;}
.volunteer-new .admin_req .admin_req_data.rec_data .group dt {flex-basis: 195px;padding:10px 0;}
.volunteer-new .admin_req .admin_req_data dl dt {padding-right: 5px; padding-left: 5px;}
.volunteer-new .admin_req .admin_req_data .group dl dd {display: flex; align-items: center; gap: 5px;}
.volunteer-new .ad-wrap {display: flex; align-items: center; gap: 10px; margin-bottom:10px}
.volunteer-new .flex-wrap {justify-content: space-between; margin-bottom:20px;}
.volunteer-new .datepicker {position:relative;}
.volunteer-new .grey_box_guide {padding: 20px 20px;}
.volunteer-new .grey_box_guide .color_black {font-weight:bold; color: #1E1E1E;}
.volunteer-new .grey_box_guide ul li {color: #1E1E1E;}
.btn_btw {display: flex; justify-content: space-between; gap: 10px;flex-wrap:wrap;}
.btn_dblue span, .btn.btn_dblue span {background: #093576; color: #fff; border-radius: var(--radius-sm); height: auto; line-height: unset; padding: 9px 35px; font-size: var(--font-body-lg); font-weight: var(--font-weight-semi-bold); letter-spacing: var(--letter-spacing-tight); box-sizing: border-box;}
.volunteer-new .btn_gray span, .volunteer-new .btn.btn_gray span {background-color:#373737; padding: 9px 35px;}

@media screen and (min-width: 1200px) {
	/* 회원가입 - 회원가입(가입동의), 회원가입(실명인증) */
	.join_step_g ul {margin: 0 9rem;}
}

@media screen and (max-width: 1200px) {
	.pc-d-flex {display:block;}
	.mb-d-flex {display:flex; align-items: center; gap: 10px; height: 100%;}
	/* 회원가입  - 회원정보 입력 */
	.newform_wrap .btn {margin-top: 10px;} 
	.newform_wrap .input_text {display:block;}
	.write_form.qna.newform_wrap .board_data.type2 dl dd {display:block;}
	.write_form.qna.newform_wrap .board_data.type2 dl dd#originalHopeArea {display:flex;flex-wrap:wrap;}
	.write_form.qna.newform_wrap .form_header {padding-left:20px;}
	.write_form.qna.newform_wrap .board_data.type2 dl dd input[type="text"],
	.write_form.qna.newform_wrap .board_data.type2 dl dd input[type='password'], 
	.write_form.qna.newform_wrap .board_data.type2 dl dd input[type='search'] {width: 100%;}
	.write_form.qna.newform_wrap .board_data.type2 dl dd input[type='tel'] {width:100%; max-width:none;}
	.write_form.qna.newform_wrap .board_data.type2 dl dd .comment {display: block; padding-top:10px;}	
	.write_form.qna.newform_wrap .board_data.type2 dl dd .input_text {padding-top:10px;}
	.write_form.qna.newform_wrap .board_data.type2 dl dd .input_text:first-child,
	.write_form.qna.newform_wrap .board_data.type2 dl dd .input_text.tel1,
	.write_form.qna.newform_wrap .board_data.type2 dl dd .input_text.tel2,
	.write_form.qna.newform_wrap .board_data.type2 dl dd .input_text.email_domain {padding-top:0;}
	.newform_wrap p.info {margin-left:20px; margin-right:20px;}
	.newform_wrap .checks_wrap .checks_txt {padding-bottom:10px;}
	.newform_wrap .checks_wrap .checks {gap:5px; padding-right:10px;}	
	.newform_wrap .type_addinfo .captcha .btn {margin-top: 0;}
	.newform_wrap .form_bottom.btn_flex_wrap {justify-content: center;}
	
	/* 회원가입  - 부가정보 입력 */
	.type_service_c .service_c_form {display:flex; align-items: center; gap: 5px;}
	.type_service_c .group_dl2 .select_form,
	.type_service_c .group_dl3 .input_text {width: 100%;}
	.newform_wrap dd .service_c_form a img {padding-top:0;}
	.type_service_c .group_dl1 dd .service_c_form.m-pt {padding-top:10px;}
	
	/* 미등록 이주아동 회원가입 - 가입동의 */
	.write_form.qna.childform_wrap .form_header {padding-left: 20px;}
	.childform_wrap p.info, .childform_wrap .info_bottom {margin-left:20px; margin-right:20px;}
}

@media screen and (max-width: 1024px) {
	/* 회원가입  - 회원정보 입력 */
    .newform_wrap .board_data.type2 .group dl dd .checks.agree {padding: 0; justify-content: flex-start;}
    .type_service .group dd {max-width:100%;}
    
    /* 미등록 이주아동 회원가입 - 가입동의 */
    .childform_wrap .group_gap dd {display: block;}
    .childform_wrap .input_text {width:100%;}
    .file-upload-container {display: block;}
    .file-upload-container .file-path-text {flex: none;}
    .file-upload-container .file-select-btn {margin-top: 10px;}
    .customer_center .write_form.qna .board_data.type2 dl dd .fileadd input[type="text"] {width: 100%;}
    .type_addinfo .group_dl2 .captcha .captcha_img,
    .childform_wrap .board_data.type2 button {margin-top: 10px;}
    .childform_wrap .group_gap .sec-form1, .childform_wrap .group_gap .sec-form2 {display: block;}
    .childform_wrap .group_gap .sec-form2 .input_text {padding-top:10px;}
    .childform_wrap .board_data.type2 .group dl dd .checks.agree {padding: 3px 0 0 0; justify-content: flex-start;}
    .childform_wrap .num_select, .childform_wrap .mail_select {flex-wrap: wrap;}
    .childform_wrap .mail_select .input_text {width: 85%;}
    .childform_wrap .mail_select .input_text.email_domain {width: 100%;}
    .childform_wrap .agree_radio_flex {display: block;}
    .childform_wrap .agree_radio_flex .checks_txt {padding-bottom:10px;}
    
    /* 통합검색 - 우측영역 */
    #integrated_search .popular.on a.close,
    #integrated_search .my_input a.close {display:none;} /* 임시 none처리 (디자인에 없음) */
    #integrated_search .search_right .popular {padding: 0 20px;}
    .search_right .tab_wrap ul.tab {padding: 0;}
    #integrated_search .search_right .tab_mini ul.tab .tab_link {border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #A7A7A7; color: #A7A7A7; height: 50px !important;}
    #integrated_search .search_right .tab_mini ul.tab .tab_list.on .tab_link {border-bottom: 1px solid #000; color: #000;}
	.search_right .tab_wrap ul.tab .tab_list .tab_link.hover {padding: 10px 0; background-color: transparent; color: #000; border-bottom: 1px solid #000;}
	#integrated_search .search_right .my_input {padding: 0 20px;}
	#integrated_search .search_right .popular .ranking ul li span.up {right: 35px; width: auto; padding-left: 20px;}
	#integrated_search .search_right .popular .ranking ul li span.down {right: 35px; width: auto; padding-left: 20px;}

	/* 자원봉사 대상 */
    .file-upload-container .btn.form_gray{margin-top:10px;}
}

@media screen and (max-width: 768px) {
	.customer_center .form_bottom.btn_flex_wrap {display: inline-block; text-align: center; margin: 30px auto; width: 100%;}
    .customer_center .form_bottom.btn_flex_wrap .btn_flex {justify-content: center;}
	/* 회원가입 - 회원가입(가입동의), 회원가입(실명인증) */
	.join_step_g ul li > div {line-height: 20px; width: 95px; height: 95px;}
	.join_step_g ul li.on > div {line-height: 20px;}
	.join_step_g ul li.on > div img {max-width: 18px;}
	/* 회원가입  - 회원정보 입력 */
	.write_form.qna.newform_wrap .board_data.type2 dl dd .email_id {width: 85%;}
	.write_form.qna.newform_wrap .board_data.type2 dl dd .email_domain,
	.write_form.qna.newform_wrap .board_data.type2 dl dd .email_id input[type="text"],
	.write_form.qna.newform_wrap .board_data.type2 dl dd .email_domain input[type="text"],
	.write_form.qna.newform_wrap .board_data.type2.type_addinfo .group_dl1 dl dd input[type="text"], 
	.write_form.qna.newform_wrap .board_data.type2.type_addinfo .group_dl1 dl dd input[type="password"],
	.write_form.qna.newform_wrap .board_data.type2.type_addinfo .group_dl2 dl dd input[type="text"] {width: 100%;}
	.type_addinfo .d-flex {flex-wrap: nowrap;}
	.newform_wrap .type_addinfo .captcha .btn {margin-top: 10px;}
	.type_addinfo .group_dl2 .captcha .name-verification .verification-detail {display: block;}
	/* 미등록 이주아동 회원가입 - 가입동의 */
	.childform_wrap .type_service .group dd.area-wrap {display:block;}
	.childform_wrap .type_service .select_form {width: 100%;}
	.childform_wrap .type_service .select_form.first {width: 90%; margin-bottom: 10px;}
	
	/* 통합검색 */
	#integrated_search .mb-show {display: flex;}
	#integrated_search .search {padding: 30px 20px; border-radius: 0;}
	#integrated_search .search .input_form {margin-bottom: 6px;}
	#integrated_search .search form {display: block; height: 100%;}
	#integrated_search .select_form select {margin-bottom: 5px;}
	#integrated_search .search_service_btn.col_add {display: flex; align-items: center; justify-content: flex-start; gap: 0;}
	#integrated_search .search_service_btn button {width: auto;}
	.search-result-h3 {margin-top: 30px;}
	.search-result-h3 h3 {font-size: 20px;}
	.search_group .tab_wrap {margin-top: 30px;}
    #integrated_search .search_left .tab_wrap ul.tab {flex-wrap: wrap; gap: 8px;}
    #integrated_search .search_left .tab_wrap ul.tab li {flex: 0 0 calc(50% - 4px); max-width: calc(50% - 4px); box-sizing: border-box; list-style: none;}
    #integrated_search .search_left .tab_wrap ul.tab li button,
    #integrated_search .search_left .tab_wrap ul.tab li a {width: 100%; display: inline-flex; height: 75px; align-items: center; justify-content: center;}
    #integrated_search .search_left .tab_wrap ul.tab .tab_link span{font-size: 18px;}
    
    /* 통합검색 - 리스트 영역 */
    .mb-none {display: none;}
    .search-tit-wrap {align-items: center; padding: 0 20px; margin-top: 20px;}
    .search-tit-wrap.mb-block {display: block;}
    .search-tit-wrap.mb-block .search-tit-right {margin-top: 10px;}
    .tit_h3 {font-size: 22px;}
    .search-tit-left {gap: 15px;}
    .search-tit-right {gap: 8px;}
    .notice-header .badge {padding: 5px 2px;}
    .notice-card {border-radius: 0; padding: 30px 20px; border-top: 1px solid #c8c8c8; border-bottom: 0; border-left: 0; border-right: 0; margin-top: 0;}
    .notice-card:last-child {border-bottom: 1px solid #c8c8c8;}
    .notice-header {align-items: baseline; margin-bottom: 16px;}
    .notice-header .notice-title {word-break: break-word; font-size: 20px;}
    .info-right-wrap .info-section .info-row {display: block; margin-bottom: 5px;}
    .info-right-wrap .info-row .info-item {width: 100%; margin-top: 5px; align-items: baseline;}
    .info-right-wrap .info-row .info-label {min-width: 62px;}
    #integrated_search .path-nav {margin-top: 16px}  
    
    /* 자원봉사 실적 연계 소개 */
    .inforesultcntc .cntc li p {word-break: break-all;}
    .inforesultcntc .result div em {font-size: 24px;}
    
    /* 자원봉사 대상 */
    .volunteer-new h3.tit_lv2:after {top: 13px;}
    .add-info-new .tit_lv2 {padding: 10px 0 10px 30px;}
    .volunteer-new .tit-padd {display: block;}
    .volunteer-new .admin_req .admin_req_data .group dt {flex-basis: 100px;font-size:16px;}
    .volunteer-new .admin_req .admin_req_data .group dl dd{padding: 10px 12px 10px 0;font-size:16px;}
    .checks input[type="radio"] + label {font-size:16px;}
}
@media screen and (max-width: 480px) {
	/* 회원가입 - 회원가입(가입동의), 회원가입(실명인증) */
	.join_step_g ul li > div {width: 82px; height: 82px;}
	/* 회원가입  - 회원정보 입력 */
	.d-flex-sm,
	.d-flex-sm .span_text {display:block;}
	.type_addinfo .group_dl2 .captcha .name-verification .verification-detail .span_text {padding-top:10px; padding-left: 0;}
	/* 자원봉사 대상 */
	.btn_btw {display: block; text-align: center;}
	.btn_btw .btn-r {margin-top:10px;}
}

@media screen and (max-width: 375px) {
	/* 통합검색 */
	#integrated_search .search_left .tab_wrap ul.tab .tab_link span {font-size: 15px;}
	.search-tit-left {gap: 8px;}
	.search-tit-left .post-count {font-size: 15px;}
	.search-tit-right {font-size: 15px;}
	.info-right-wrap {margin-left: 0;}
}


/* 화면별 수정건 적용(피그마 기준 적용) */
/* 전체메뉴 PC 높이 이슈 */
.sitemap {height: 1050px;}

/* 모바일앱 안내 */
.mobile_app .box2.mobileapp-box2 .mobileapp-box2-wrap {display:flex; justify-content: center; align-items: center; gap: 20px;}
.mobile_app .mobileapp-box2 .box_pink.box3 {background: #F8F8F8; border:0; padding: 50px 30px; margin-top:20px;}
.mobile_app .mobileapp-box2 .box_pink.box3 ul {display:flex; justify-content: center; gap: 20px;}
.mobile_app .mobileapp-box2 .box_pink.box3 ul li a img {width:100%;}

/* 이메일 무단 수집거부 */
.email-box-wrap .box_pink {padding: 50px 30px;}
.email-box-wrap .box_pink .email-box {display:flex; justify-content: center; align-items: center; gap: 20px;}
.email-box-wrap .box_pink .email-box .txt {max-width:735px; color: #515151;}
.email-box-wrap .box_pink .email-box .txt .main_txt {font-weight: bold;}
.email-box-wrap .box_pink .email-box .txt .sub_txt a {color: #515151;}

/* 저작권정책 */
.license_policy.lic-poli-box .box_pink {padding: 50px 30px;}
.license_policy.lic-poli-box .box_pink .lic-poli-wrap {display:flex; justify-content: center; align-items: center; gap: 20px;}
.license_policy.lic-poli-box .box_pink .lic-poli-wrap .bull_list {margin-left: 20px;}
.license_policy.lic-poli-box .bull_list.disc li {margin-top:20px;}
.license_policy.lic-poli-box .bull_list_cont.lp_info {padding-top:20px; padding-bottom: 50px; display: flex; align-items: center; font-weight:bold;}
.license_policy.lic-poli-box .bull_list_cont.lp_info img {margin-right: 10px;}

/* 개인정보처리방침 */
.clause .terms_content .title {margin: 20px 0;}
.clause .terms_content .summary_wrap ul {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto;}
.clause .terms_content .summary_wrap ul li {width:33.33%; max-width: 275px;  border-radius: 10px; padding: 20px 15px; text-align: center; box-shadow: 0 0.2rem 0.8rem rgb(22 71 170 / 20%); margin-bottom: 20px;}
.clause .terms_content .summary_wrap ul li img {max-width:75px;}
.clause .terms_content .label_layer {display: none;}
.clause .terms_content table td:nth-child(2n-1), .clause .terms_content table td:nth-child(2n) {padding-left: 0;}
.clause .terms_content table tr td .box_pink {display:flex; align-items: center; padding:12px 12px; border-radius: 12px;}
.clause .terms_content .box_pink .polcy_title_img {width: 28px; height: 28px;}
.clause .terms_content .box_pink a {color:#0C57C4;}
.clause .terms_content .box_pink.min-h {min-height: 86px;box-sizing: border-box;}
.volsindvdlpolc_term_td_left {display: table-cell; width: 50%;}
.volsindvdlpolc_term_td_right {display: table-cell;}
.clause .terms_content .inner .polcy_img {width: 32px; height: 32px;}
.clause .terms_content .inner .title {display:flex; align-items: center; gap: 10px; font-weight: var(--font-weight-semi-bold); color:#000;}

/* NEIS 연계 서비스 */
.neis-step01 ul li span {line-height: 24px;}

/* 부가정보 - 봉사부가정보 */
.add-info-new .tit_lv2 {padding: 10px 0 20px 30px;}
.add-info-new .mber_board_data.type2 {margin-bottom: 20px;}
.add-info-new .mber_board_data.type2 .group dl dd .btn.delete {width: 12px; height: 12px; background: url(/web/vols/2025/images/common/ic_sch_close.png) center no-repeat; margin-left: 10px;}
.add-info-new .board_data_t {margin-bottom: 50px;}

/* 부가정보 - 외국어정보 */
.listLang .lang-chk .txts .tit_board_list {font-size:22px; color:#000;}

/* 로그인관리 - 로그인관리 */
.login-new p {font-weight: 400;}
.login-new .form_sec .box_pink {border-radius: 16px; padding: 20px 20px;}
.login-new .form_sec .box_pink a {font-weight: 400; color:#515151;}
.login-new .form_bottom.btn_flex_wrap {justify-content: center;}
.sns_login_g .sns_list .sns_item a {background-color:#D74A16; line-height: normal; width:120px; box-sizing: border-box;}

/* 나의 자원봉사 > 나의 작성글 > 자원봉사 후기 */
.rank_sch_form .searchArea_top {margin-bottom: 0;}
.searchArea_top .input_text input {padding: 4px 9px;}
.service_part_wrap.rank_sch_form .pc_only .searchArea_top ul li select {height: 38px; width: 152px;}

/* 교육신청내용 */
.customer_center .board_list3.non_sub .list_wrap > li {padding: 30px 40px;}
.search_box_cntr .select_form {height:38px; box-sizing: border-box;}

/* 추천봉사/관심봉사 */
.volsmy_interest .board_list2 .list_wrap > li.nonlist {border-top: 1px solid #A1A1A1;}
.board_list .close_dDay.vols-Dday .tit {padding: 4px 4px; box-sizing: border-box; width: 119px;}

/* 봉사참여실적 */
.volunteer_result .list2 dl.txts dt.tit_board_list {flex-wrap: nowrap;}
.volunteer_result .list2 dl.txts dt.tit_board_list span.tag {width: max-content; line-height: 22px; box-sizing: border-box;}
.volunteer_result .list2 dl.txts dd.board_data {gap: 10px;}
.volunteer_result .list2 dl.txts dd.board_data dl dt {margin: 0 0;}
.volunteer_result .list2 dl.txts dd.board_data dl dd {margin: 0 20px 0 0;}
.volunteer_result .mber_board_data.type2 .group dl dt {align-content: center;}

/* 실적확인서 발행 내역 */
.board_list .list_wrap .board_data .tit_board_list span.tag_g {line-height: 22px;}

/* 봉사 신청 내역 */
.space-btw {display:flex; justify-content:space-between;}
.space-btw .right-p {color:#33363D; font-size:18px;}
.req_board .list_wrap .list.list2 .tag_g {line-height: 22px;}
.req_board .list_wrap .tit_board_list.larg {flex-wrap: nowrap;}
.req_board .list_wrap .tit_board_list.larg .tag_g {width: 100%; max-width: fit-content;}
.req_board .list2 dl.txts dd.board_data {gap: 10px;}
.req_board .list2 dl.txts dd.board_data dl dt {margin: 0 0;}
.req_board .list2 dl.txts dd.board_data dl dd {margin: 0 20px 0 0;}

/* 질문과 답변 */
.customer_center .search_form .search_box .btn.btn_blue span {line-height: normal;}
.customer_center .search_form .search_box .input_text input {line-height: normal;}

/* 자원봉사 대상 */
.board_list.board_scr .board_nomal.table-padd table td a.btn {padding: 0;}

/* 자원봉사 교육자료 */
.board_list.study_data .list_wrap > li {padding: 24px 24px;}
.board_list.study_data .list_wrap .list {padding: 0;}
.board_list.study_data .list_wrap .list .txts {padding: 0;}

/* 센터소개 */
.vision .vm_row section .main_txt {padding: 56px 10px; width: 400px; height: 200px; line-height: 30px;}
.vision .vm_row::before {left: 50%; width: 190px;}
.vision .vm_row::after {left: 50%; top: calc(50%); height: 188px;}

@media screen and (max-width: 1024px) {
	/* 센터소개 */
	.vision .vm_row section {font-size: 20px}
	.vision .vm_row section .main_txt {width: 300px;}
}

@media screen and (max-width: 768px) {
	.m-pd {padding:0 20px;}
	.m-block {display:block !important;}
	.m-bnone {display: contents;}
	
    /* 모바일앱 안내 */
    .mobileapp-box {justify-content: center;}
    .mobile_app .box2.mobileapp-box2 .mobileapp-box2-wrap {display: block; text-align: center;}
	.mobile_app .mobileapp-box2 .box_pink.box3 ul {display: block; text-align: center;}
	
	/* 우수자원봉사증 신청하기 */
	.service_guide, .guide_list {padding: 0;} /* id 값 step1 때문에 padding 값 없앰 */
	
	/* 이메일 무단 수집거부 */
	h3.tit_lv2:after {top: 23px;}
	.email-box-wrap .box_pink {padding: 50px 20px;}
	.email-box-wrap .box_pink .email-box {display:block; text-align: center;}
	.email-box-wrap .box_pink .email-box .txt {text-align: left; padding-top: 20px;}
	
	/* 저작권정책 */
	.license_policy.lic-poli-box .box_pink .lic-poli-wrap {display:block; text-align: center;}
	.license_policy.lic-poli-box .box_pink .lic-poli-wrap .bull_list li {margin-top:20px; text-align: left;}
	
	/* 개인정보처리방침 */
	.clause .terms_content .summary_wrap ul li {width: 50%; max-width: 245px;}
	.volsindvdlpolc_term_td_left {display:block; width: 100%;}
	.volsindvdlpolc_term_td_right {display:block;}
	table td:nth-child(2n-1), table td:nth-child(2n) {padding-left: 0;}
	
	/* 봉사참여실적 */
	.mber_board_data.type2 .group dl dt {flex-basis: 120px; box-sizing: border-box; text-align: center;}
	.volunteer_result .mber_board_data.type2 .group:nth-child(4) dl dd div:nth-child(1) {display: block;}
	
	/* 센터소개 */
	.vision .btm_txt section.csec ul.csec_list{gap: 5px;}
	.vision .btm_txt .sec_wrapper table.goals tr:first-child th {word-break: keep-all;}
	.vision .btm_txt .sec_wrapper table.goals th, .vision .btm_txt .sec_wrapper table.goals td {padding: 15px 4px;}
	.vision .btm_txt .sec_wrapper table.goals td ul.disc li {line-height: 25px;}
}

@media screen and (max-width: 630px) {
	/* 개인정보처리방침 */
	.clause .terms_content .summary_wrap ul li {width: 100%; max-width: none;}
	
	/* 센터소개 */
	.vision .vm_row section {font-size: 18px; margin:50px 0 30px;}
	.vision .vm_row section .main_txt {width: 230px; padding: 20px 20px; line-height: 25px;} 
}

@media screen and (max-width: 500px) {
	/* 센터소개 */
	.vision .vm_row section .main_txt {width: 100%;}
	.service_guide .service_infra dl.haze {width: 100%; height: 450px; background: url(/web/vols/2025/images/service/bg_map_m.png) no-repeat center center; background-size: contain;}
}

/* 자원봉사증 정보 - 자원봉사증 */
/* 1번째 카드 - 자원봉사증 */
.v-card-contain .swiper-slide .certificate-card .card-center-box {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 100%;}
.v-card-contain .card-center-box .certificate-title {margin-bottom: 60px;}
.v-card-contain .card-center-box .info-row {padding: 0 0 15px;}

/* 2번째 카드 - 우수자원봉사증 */
.volunteer-card-wrap {width:100%; display:block;}
.volunteer-card-wrap .swiper7 {width: 100%; margin: 0 auto; padding-bottom: 45px; box-sizing: border-box;}
.volunteer-card-wrap .v-card-contain .swiper-wrapper {background:transparent;}/*  perspective-origin: center; */
.volunteer-card-wrap .v-card-contain .swiper-slide {backface-visibility: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; background:transparent;}
.v-card-contain .swiper-slide .certificate-card {height: 760px; background: #fff url(/web/vols/2025/images/common/vcard_back.svg) no-repeat center bottom; border: 1px solid #DBDBDB; border-radius: 24px; padding: 30px 20px 35px; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2); width: 100%; max-width: 465px; position: relative; box-sizing: border-box;}
.v-card-contain .certificate-number {font-size: 20px; color: #000; margin:5px 0 85px 25px; font-weight: var(--font-weight-semi-bold);}
.v-card-contain .certificate-title {font-size: 34px; font-weight: var(--font-weight-semi-bold); text-align: center; margin-bottom: 36px; color: #000; letter-spacing: 12px; padding-left: 10px;}
.v-card-contain .photo-container {width: 212px; height: 212px; margin: 0 auto; border: 1px solid #d9d9d9; border-radius: 24px; overflow: hidden;}
.v-card-contain .photo-container img {width: 100%; height: 100%; object-fit: cover;}
.v-card-contain .info-table {margin-top: 36px; margin-bottom: 88px; display: flex; justify-content: center;}
.v-card-contain .info-row {display: flex; justify-content: left; padding: 0 0 5px;}
.v-card-contain .info-row:last-child {padding: 0 0 0;}
.v-card-contain .info-label {font-size: 20px; color: #000; font-weight: bold; width: 80px; text-align: left; padding-right: 10px;}
.v-card-contain .info-value {font-size: 20px; color: #000; font-weight: 400; text-align: left; width: auto;}
.v-card-contain .card-footer {position:absolute; bottom:35px; left:50%; transform: translateX(-50%);}
.v-card-contain .timestamp {text-align: center; font-size: 18px; color: #2A2A2A; margin-bottom: 15px;}
.v-card-contain .timestamp span {padding-left:15px;}
.v-card-contain .sec2-card .timestamp {margin-bottom: 10px;}
.v-card-contain .issuer {text-align: center; font-size: 26px; color: #D74A16; font-weight: var(--font-weight-bold);}
.v-card-contain .action-button {margin-top: 40px; margin-bottom: 40px;}
.v-card-contain .action-button .btn-apply {width: 100%; height:50px; padding: 10px 30px; background: #CA3B3B; color: #fff; border: none; border-radius: 30px; font-size: 20px; font-weight: var(--font-weight-bold); cursor: pointer; box-sizing: border-box;}
.v-card-contain .pagination-wrap {display: flex; gap: 125px; width: 100%; position: relative; align-items: center; justify-content: center;}
.v-card-contain .pagination-wrap .swiper-pagination {display: flex; gap: 15px; justify-content: center;}
.v-card-contain .pagination-wrap .swiper-pagination-bullet {width: 24px; height: 24px; border-radius: 36px; background-color: #7A7A7A; opacity: 1; transition: all 0.3s ease; margin: 0;}
.v-card-contain .pagination-wrap .swiper-pagination-bullet-active {background-color: #D74A16; width: 38px; border-radius: 36px;}
.v-card-contain .pagination-wrap .swiper-button-prev,
.v-card-contain .pagination-wrap .swiper-button-next {width: 30px;height: 30px;margin-top: 0; cursor:pointer;}
.v-card-contain .pagination-wrap .swiper-button-prev {background: url(/web/vols/2025/images/common/left_swiper_prev.svg) no-repeat center center;}
.v-card-contain .pagination-wrap .swiper-button-next {background: url(/web/vols/2025/images/common/right_swiper_next.svg) no-repeat center center;}
.v-card-contain .pagination-wrap .swiper-button-prev svg {display: none;}
.v-card-contain .pagination-wrap .swiper-button-next svg {display: none;}
/* 3번째 카드 - 목록 */
.v-card-contain .swiper-slide .certificate-card.sec3-card {background: #fff url(/web/vols/2025/images/common/vcard_back2.svg) no-repeat center bottom; overflow-y: auto;}
.v-card-contain .certificate-number.back-num {margin: 8px 0 30px 25px;}
.v-card-contain .list-title {background: #FEBD8D; text-align: center; font-size: 22px; font-weight: var(--font-weight-semi-bold); padding:10px; color: #0A0A0A;}
.v-card-contain .center-list {margin-top: 0; padding: 0 10px;}
.v-card-contain .center-item {padding: 15px 0; border-bottom: 1px solid #CCCBCB; display: flex; justify-content: space-between; align-items: center; gap: 15px;}
.v-card-contain .center-item:last-child {border-bottom: 1px solid #d9d9d9;}
.v-card-contain .center-info {flex: 1;}
.v-card-contain .center-name {font-size: 19px; font-weight: var(--font-weight-semi-bold); color: var(--color-text-black);}
.v-card-contain .center-period {font-size: 17px; color: var(--color-text-gray-65);}
.v-card-contain .action-buttons {display: flex; flex-direction: column; gap: 10px; flex-shrink: 0;}
.v-card-contain .action-buttons .status-btn {padding: 10px 10px; border-radius: 8px; border: none; font-size: 17px; cursor: pointer; white-space: nowrap; width: 80px; color:#fff; box-sizing: border-box; line-height: normal;}
.v-card-contain .action-buttons .status-btn.expired {background: #1E1E1E;}
.v-card-contain .action-buttons .status-btn.renew {background: #093576;}
.v-card-contain .action-buttons .status-btn.apply {background: #D74A16;}

/* 4번째 카드 - 우수자원봉사증 */
.v-card-contain .sec4-card .info-table p {font-size: 20px; color:#000; text-align:center;}

@media (max-width: 768px) {
	.v-card-contain .swiper-slide .certificate-card {height: 558px; padding: 25px 20px 35px; max-width: 366px;}
	.v-card-contain .certificate-number {margin: 5px 0 40px 20px; font-size: 16px;}
	.v-card-contain .certificate-title {font-size: 28px; margin-bottom: 25px; letter-spacing: 7px; padding-left: 5px;}
	.v-card-contain .photo-container {width: 157px; height: 157px;}
	.v-card-contain .info-table {margin-top: 25px; margin-bottom: 45px;}
	.v-card-contain .info-label {font-size: 16px; width: 65px; padding-right: 5px;}
	.v-card-contain .info-value {font-size: 16px;}
	.v-card-contain .timestamp {font-size: 14px; margin-bottom: 10px;}
	.v-card-contain .timestamp span {padding-left: 13px;}
	.v-card-contain .sec2-card .timestamp {margin-bottom: 5px;}
	.v-card-contain .issuer {font-size: 20px;}
	.v-card-contain .issuer img {width: 80%;}
	.v-card-contain .card-footer {bottom: 25px;}
    .v-card-contain .pagination-wrap {gap: 80px;}
    .v-card-contain .list-title {font-size: 19px; padding: 6px;}
    .v-card-contain .center-name {font-size: 16px;}
    .v-card-contain .center-period {font-size: 15px;}
    .v-card-contain .center-item {padding: 10px 0;}
    .v-card-contain .action-buttons {gap: 8px;}
    .v-card-contain .action-buttons .status-btn {padding: 6px 10px; font-size: 16px; width: 70px;}
    .v-card-contain .sec4-card .info-table p {font-size: 16px; line-height: 30px;}
}

@media (max-width: 400px) {
	.volunteer-card-wrap .swiper7 {padding: 0 15px 45px;}
	.v-card-contain .swiper-slide .certificate-card {max-width: 100%;}
	.v-card-contain .certificate-title {font-size: 26px;}
    .v-card-contain .pagination-wrap {gap: 50px;}
}

@media (max-width: 285px) {
	.v-card-contain .photo-container {width: 100%;}
	.v-card-contain .certificate-title {font-size: 22px; letter-spacing: 5px;}
	.v-card-contain .certificate-number {margin: 5px 0 45px 25px;}
	.v-card-contain .pagination-wrap {gap: 15px;}
}