/* ===== 메인 비주얼(배너+찾기) ===== */
.main-visual{padding:30px 0 0;}
.visual-row{display:flex;gap:14px;}
.main-banner{position:relative;width:770px;height:448px;border-radius:20px;overflow:hidden;background:#e8edfb;}
.main-banner .swiper-slide a:focus{outline-offset:-3px;}
.main-banner .swiper-wrapper{width:100%;height:100%;}
.main-banner .swiper-slide{width:100%;height:100%;}
.main-banner .swiper-slide a{display:block;width:100%;height:100%;}
.main-banner .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block;}
.main-banner .banner-nav{position:absolute;left:20px;bottom:18px;display:flex;align-items:center;gap:4px;z-index:2;}
.main-banner .banner-nav button{width:32px;height:32px;border-radius:50%;border:1px solid #D8DADE;cursor:pointer;font-size:0;flex:0 0 auto;}
.main-banner .banner-nav .banner-prev	{background:url('../images/main_2026/banner-prev.png') no-repeat 50% 50% #fff;}
.main-banner .banner-nav .banner-next	{background:url('../images/main_2026/banner-prev.png') no-repeat 50% 50% #fff;transform:rotate(180deg);}
.main-banner .banner-nav .banner-pause	{background:url('../images/main_2026/banner-pause.png') no-repeat 50% 50% #fff;}
.main-banner .banner-nav .banner-play	{background:url('../images/main_2026/banner-play.png') no-repeat 50% 50% #fff;}
.main-banner .swiper-pagination{position:static;width:auto;font-size:15px;color:#555;letter-spacing:2px;background:#fff;border:1px solid #D8DADE;border-radius:20px;height:32px;padding:0 16px;display:flex;align-items:center;}
.main-banner .swiper-pagination .swiper-pagination-current	{color:#21409A;font-weight:700;}

.finder-box{width:416px;display:flex;flex-direction:column;gap:14px;}
.finder-card{border-radius:10px;padding:20px 25px 20px;}
.finder-card.card-youth{background:linear-gradient(90deg,#e9f0fd,#ecf2fe);}
.finder-card .finder-title{font-size:18px;font-weight:800;color:#212121;letter-spacing:-.3px;margin-bottom:19px;}
.finder-row{display:flex;gap:10px;align-items:flex-end;justify-content:space-between;}
.finder-fields{display:flex;flex: 1 1 auto;min-width: 0;flex-wrap: wrap;gap:8px;}
.finder-field{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%;}
.finder-field .f-label{flex:0 0 auto;white-space:nowrap;font-size:15px;font-weight:600;color:#333;width:26px;}
.finder-field select,.finder-field .date-input{height:46px;border-radius:5px;border:0;background:#fff;padding:0 10px;font-size:14px;letter-spacing:-0.5px;color:#333;}
.finder-field select{flex:0 1 auto;min-width:0;padding:0 16px 0 8px;background:url('../images/main_2026/select_ico_ma.png') no-repeat right 10px center/9px 6px #fff;appearance:none;-webkit-appearance:none;}
.finder-field select+select{margin-left:-5px;}
.finder-field .date-input{width:130px;letter-spacing:normal;display:flex;align-items:center;justify-content:space-between;font-family:inherit;cursor:pointer;background:url('../images/main_2026/ico_calender.png') no-repeat right 5px center #fff;}
.finder-field .date-input .date-icon{margin-left:6px;}
.finder-field .date-input:focus{outline:2px dashed #21409A;}
.finder-field select:nth-of-type(1){flex:0 0 auto;width:140px !important;}
.finder-field select:nth-of-type(2){flex:0 1 auto;width:130px !important;min-width:0;}

/* 날짜 선택 캘린더 팝업 */
.date-picker{position:absolute;z-index:3000;width:280px;background:#fff;border:1px solid #d5d5d5;border-radius:12px;box-shadow:0 12px 24px rgba(0,0,0,.15);padding:16px;box-sizing:border-box;}
.date-picker:not([hidden]){animation:dpSlideDown .2s ease-out;}
@keyframes dpSlideDown{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}
@media(prefers-reduced-motion:reduce){.date-picker:not([hidden]){animation:none;}}
.date-picker[hidden]{display:none;}
.date-picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.date-picker-head .dp-label{font-size:15px;font-weight:700;color:#121212;}
.date-picker-head button{width:28px;height:28px;border:0;border-radius:50%;background:#f5f6fb;color:#333;font-size:14px;cursor:pointer;}
.date-picker-week{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:12px;color:#666;margin-bottom:4px;}
.date-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;}
.dp-day{height:32px;border:0;background:none;border-radius:8px;font-size:13px;color:#333;cursor:pointer;}
.dp-day:hover{background:#f2f5ff;}
.dp-day-other{color:#767676;}
.dp-day-today{font-weight:800;color:#21409a;}
.dp-day-selected{background:#21409a;color:#fff;}
.finder-field .tilde{font-size:14px;color:#555;padding:0 3px;margin-left:-10px;margin-right:-10px;}
.finder-search-btn{min-width:45px;height:100px;border-radius:5px;border:0;background:url('../images/main_2026/search_ico.png') no-repeat 50% 50% #21409A;font-size:0;cursor:pointer;}

.finder-card.card-volunteer{background:linear-gradient(90deg,#e5f5ff,#e7f8fa);border-radius:10px 10px 0 0;}
.finder-shortcuts{background:#e5f5ff;border-radius:0 0 10px 10px;height:75px;display:flex;flex-wrap: wrap;align-items:center;justify-content:center;gap:0 40px;padding-bottom:7px;}
.finder-shortcuts:before{content:'';width:calc(100% - 58px);height:1px;border-top:1px dashed rgba(33,64,154,.3);}
.finder-shortcuts a{display:flex;align-items:center;gap:5px;font-size:17px;font-weight:500;color:#212121;}
.finder-shortcuts a::before{content:'';width:30px;height:30px;background:url('../images/main_2026/bongsa_ico01.png') no-repeat 50% 50%;}
.finder-shortcuts a:last-child::before{background-image:url('../images/main_2026/bongsa_ico02.png');}
.finder-shortcuts .divider{width:1px;height:16px;background:#c7c7c7;}

/* ===== 주요서비스 ===== */
.quick-service{padding:30px 0 60px;position:relative;}
.service-icons .swiper-wrapper{display:flex;justify-content:center;flex-wrap:wrap;}
.service-icons .swiper-slide{width:calc(100%/11);}
.service-icons .swiper-slide a{display:flex;flex-direction:column;align-items:center;gap:16px;width:75px;}
.service-icons .swiper-slide a::before{content:'';width:66px;height:66px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:26px;}
.service-icons .swiper-slide a{font-size:17px;color:#121212;text-align:center;letter-spacing:-0.3px;font-weight:500;width:100%;}
.service-icons .swiper-slide a:focus{outline-offset:-2px;}
.service-icons .swiper-slide:nth-child(1) a::before{background:url('../images/main_2026/mpage_ico01.png') no-repeat 50% 50% #f8f9ff;}
.service-icons .swiper-slide:nth-child(2) a::before{background:url('../images/main_2026/mpage_ico02.png') no-repeat 50% 50% #f8f9ff;}
.service-icons .swiper-slide:nth-child(3) a::before{background:url('../images/main_2026/mpage_ico03.png') no-repeat 50% 50% #f8f9ff;}
.service-icons .swiper-slide:nth-child(4) a::before{background:url('../images/main_2026/mpage_ico04.png') no-repeat 50% 50% #f8f9ff;}
.service-icons .swiper-slide:nth-child(5) a::before{background:url('../images/main_2026/mpage_ico05.png') no-repeat 50% 50% #f8f9ff;}
.service-icons .swiper-slide:nth-child(6) a::before{background:url('../images/main_2026/mpage_ico06.png') no-repeat 50% 50% #f8f9ff;}
.service-icons .swiper-slide:nth-child(7) a::before{background:url('../images/main_2026/mpage_ico07.png') no-repeat 50% 50% #f8f9ff;}
.service-icons .swiper-slide:nth-child(8) a::before{background:url('../images/main_2026/mpage_ico08.png') no-repeat 50% 50% #f8f9ff;}
.service-icons .swiper-slide:nth-child(9) a::before{background:url('../images/main_2026/mpage_ico09.png') no-repeat 50% 50% #f8f9ff;}
.service-icons .swiper-slide:nth-child(10) a::before{background:url('../images/main_2026/mpage_ico10.png') no-repeat 50% 50% #f8f9ff;}
.service-icons .swiper-slide:nth-child(11) a::before{background:url('../images/main_2026/mpage_ico11.png') no-repeat 50% 50% #f8f9ff;}
.qs-prev,.qs-next{display:none;}

/* ===== 최근등록 게시판 ===== */
.recent-board{background:#f8fafc;padding:80px 0;}
.recent-board .inner-wrap{display:flex;gap:52px;}
.recent-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:25px;}
.col-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.col-head h2{font-size:24px;font-weight:800;color:#212121;letter-spacing:-.3px;flex:1;}
.col-head h2 b{font-weight:600;}
.col-head-nav{display:none;}
.more-link{display:flex;align-items:center;font-size:17px;color:#1E2124;display:flex;align-items:center;gap:4px;}
.more-link:after{content:'';width:15px;height:15px;background:url('../images/main_2026/ico_more.png') no-repeat 50% 50%;}
.vol-list,.exp-grid{width:100%;min-width:0;}
.vol-list .swiper-wrapper{display:flex;flex-direction:column;gap:14px;height:auto;}
.vol-list .swiper-slide{display:flex;flex-direction:column;gap:14px;height:auto;}
.vol-card{display:block;border:1px solid #d5d5d5;border-radius:12px;padding:25px 25px 23px;background:#fff;}
.vol-card:focus{outline-offset:-3px;}
.vol-card:hover{border-color:#21409a;background:#f2f5ff;box-shadow:0 0 7.5px rgba(33,64,154,.2);}
.tag{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 6px;border-radius:5px;color:#fff;font-size:14px;font-weight:600;}
.tag.part1 {background-color: #D9F9DD;color:#007D07;} /*전국*/
.tag.part2 {background-color: #A36563;} /*서울*/
.tag.part3 {background-color: #6365AD;} /*부산*/
.tag.part4 {background-color: #315D94;} /*대구*/
.tag.part5 {background-color: #5575AF;} /*인천*/
.tag.part6 {background-color: #52555A;} /*전남광주*/
.tag.part7 {background-color: #2E8179;} /*대전*/
.tag.part8 {background-color: #0C8657;} /*울산*/
.tag.part9 {background-color: #CB4B10;} /*경기*/
.tag.part10 {background-color: #915EA9;} /*강원*/
.tag.part11 {background-color: #AA621F;} /*충북*/
.tag.part12 {background-color: #AF5A78;} /*충남*/
.tag.part13 {background-color: #AA4B58;} /*전북*/
.tag.part14 {background-color: #52555A;} /*전남광주*/
.tag.part15 {background-color: #877067;} /*경북*/
.tag.part16 {background-color: #727272;} /*경남*/
.tag.part17 {background-color: #72738A;} /*제주*/
.tag.part18 {background-color: #4572B4;} /*세종*/
.tag.part19 {background-color: #8464C5;} /*강원(강릉분소)*/
.tag.part20 {background-color: #E3EEFD;color:#315D94;} /*기타*/
.tag.part99 {background-color: #D9F9DD;color:#007D07;} /*전국*/

.vol-card p	{display:flex;align-items:center;gap:10px;width:calc(100% + 20px)}
.vol-card .title{font-size:18px;font-weight:700;color:#333;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient: vertical;width:calc(100% - 110px)}
.vol-card:hover .title{color:#21409a;text-decoration:underline;}
.vol-card .meta{display:flex;gap:25px;margin-top:15px;font-size:14px;color:#555;flex-wrap:wrap;}
.vol-card .meta .num{color:#206aff;font-weight:800;}
.vol-card .meta span {display:flex;align-items:center;gap:5px;}
.vol-card .meta span::before {content:'';width:15px;height:15px;background:url('../images/main_2026/recent_ico01.png') no-repeat 0 0;}
.vol-card .meta span:nth-child(2)::before {width:13px;height:14px;background:url('../images/main_2026/recent_ico02.png') no-repeat 0 0;}

.exp-grid .swiper-wrapper{display:flex;flex-direction:column;gap:14px;height:auto;}
.exp-row{display:flex;gap:14px;height:auto;}
.exp-card{display:block;flex:1;min-width:0;border:1px solid #d5d5d5;border-radius:12px;background:#fff;padding:22px 30px 30px;position:relative;min-height:224px;}
.exp-card:focus{outline-offset:-3px;}
.exp-card .tag{margin-bottom:7px;margin-right:4px;}
.tag.youthnavi{background-color:#FFD85D;color:#212121;}
.exp-card .title{font-size:18px;height:52px;font-weight:700;color:#333;line-height:1.45;margin-bottom:12px;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.exp-card .meta{display:flex;flex-direction:column;gap:12px;font-size:14px;color:#555;}
.exp-card .badge{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:4px;}
.exp-card .badge span{width:42px;height:42px;font-size:0;}
.exp-card .badge span.certi{background:url('../images/main_2026/recent_ico05.png') no-repeat 0 0;}
.exp-card .badge span.okay{background:url('../images/main_2026/recent_ico06.png') no-repeat 0 0;}
.exp-card .meta span {display:flex;align-items:center;gap:5px;}
.exp-card .meta span::before {content:'';width:14px;height:14px;background:url('../images/main_2026/recent_ico03.png') no-repeat 0 0;}
.exp-card .meta span:nth-child(2)::before {width:13px;height:14px;background:url('../images/main_2026/recent_ico02.png') no-repeat 0 0;}
.exp-card .meta span:nth-child(3)::before {width:15px;height:15px;background:url('../images/main_2026/recent_ico04.png') no-repeat 0 0;}

/* ===== 공지사항/안전콘텐츠 ===== */
.notice-safety{padding:80px 0;}
.notice-safety .inner-wrap{display:flex;gap:52px;}
.notice-col{flex:1;display:flex;flex-direction:column;gap:25px;}
.notice-list{display:flex;flex-direction:column;gap:28px;}
.notice-list li>a{display:flex;align-items:center;justify-content:space-between;padding:3px 0;}
.notice-list .txt{position:relative;flex:1;min-width:0;font-size:18px;font-weight:600;color:#333;padding:0 10px 0 15px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.notice-list .txt::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:#b7b7b7;}
.notice-list .txt:hover {color:#21409a;text-decoration:underline;}
.notice-list .date{font-size:14px;color:#555;display:flex;align-items:flex-end;gap:5px;}
.notice-list .date::before {content:'';width:15px;height:15px;background:url('../images/main_2026/recent_ico04.png') no-repeat 0 0;}

.safety-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:25px;}
.safety-nav{display:flex;align-items:center;gap:10px;}
.safety-nav button{width:28px;height:28px;border-radius:50%;border:1px solid #e2e2e2;background:url('../images/main_2026/contnet_ico01.png') no-repeat 50% 50% #fff;font-size:0;cursor:pointer;}
.safety-next{transform:rotate(180deg);}
.safety-cards{width:100%;min-width:0;}
.safety-cards .swiper-wrapper{display:flex;}
.safety-card{display:block;border:1px solid #d5d5d5;border-radius:12px;overflow:hidden;background:#fff;}
.safety-card:focus{outline-offset:-3px;}
.safety-card .thumb{height:175px;background-size:cover;background-position:center;}
.safety-card .thumb.dark{background:linear-gradient(160deg,#22242c,#3a3f52);}
.safety-card .thumb.warn{background:linear-gradient(160deg,#f9f5da,#f6df9e);}
.safety-card .body{padding:25px 30px 32px;display:flex;flex-direction:column;gap:18px;}
.safety-card .title{font-size:18px;font-weight:700;color:#333;line-height:1.45;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.safety-card .meta{display:flex;gap:10px;}
.safety-card .meta span {display:flex;align-items:center;gap:5px;font-size:14px;color:#555;}
.safety-card .meta span::before {content:'';width:14px;height:14px;background:url('../images/main_2026/recent_ico04.png') no-repeat 0 0;}
/*.safety-card .meta span:nth-child(2)::before {width:15px;height:15px;background:url('../images/main_2026/recent_ico04.png') no-repeat 0 0;}*/

/* ===== CTA 배너 ===== */
.cta-banner{padding:0 0 24px;}
.cta-banner .cta-box{position:relative;overflow:hidden;border-radius:16px;background:url('../images/main_2026/review_img.png') no-repeat 0 0/cover;height:140px;display:flex;align-items:center;justify-content:space-between;padding:0 60px;}
.cta-banner .cta-box:focus-within{overflow:visible;}
.cta-banner .cta-desc{position:relative;z-index:1;font-size:22px;font-weight:600;color:#141414;line-height:30px;letter-spacing:-0.3px;}
.cta-banner .cta-desc strong{display:block;font-weight:800;}
.cta-buttons{position:relative;z-index:1;display:flex;gap:8px;}
.cta-buttons a{height:56px;width:230px;border-radius:100px;background:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;font-weight:500;color:#121212;}
.cta-buttons a::after {content:'';width:30px;height:30px;border-radius:100%;background:url('../images/main_2026/review_ico01.png') no-repeat 50% 50% #EBEBEB;}

/* ===== 퀵링크 4카드 ===== */
.quick-links{padding:0 0 60px;}
.quicklink-cards{display:flex;gap:20px;}
.quicklink-cards li{flex:1;}
.quicklink-cards li>a{display:flex;flex-direction:column;gap:6px;height:148px;border-radius:12px 12px 12px 55px;padding:30px;position:relative;}
.quicklink-cards li:nth-child(1)>a{background:linear-gradient(90deg,#dbf0ff,#e9f6ff);}
.quicklink-cards li:nth-child(2)>a{background:linear-gradient(90deg,#e4edff,#eaf1ff);}
.quicklink-cards li:nth-child(3)>a{background:linear-gradient(90deg,#f1edfd,#eef1f8);}
.quicklink-cards li:nth-child(4)>a{background:linear-gradient(100deg,#3a6de8,#2057c8);border-radius:12px 60px 12px 12px;color:#fff;}
.quicklink-cards li>a:after{content:'';position:absolute;background-size:100% !important;}
.quicklink-cards li:nth-child(1)>a:after{right:20px;bottom:20px;width:72px;height:78px;background:url('../images/main_2026/last_img01.png') no-repeat 0 0;}
.quicklink-cards li:nth-child(2)>a:after{right:24px;bottom:27px;width:62px;height:69px;background:url('../images/main_2026/last_img02.png') no-repeat 0 0;}
.quicklink-cards li:nth-child(3)>a:after{right:20px;bottom:27px;width:101px;height:61px;background:url('../images/main_2026/last_img03.png') no-repeat 0 0;}
.quicklink-cards li:nth-child(4)>a:after{right:-14px;bottom:20px;width:158px;height:147px;background:url('../images/main_2026/last_img04.png') no-repeat 0 0;}
.quicklink-cards .ql-sub{font-size:14px;font-weight:500;}
.quicklink-cards .ql-title{font-size:22px;font-weight:800;}
.quicklink-cards li .ql-title::after {content:'';display:block;width:30px;height:30px;border-radius:100%;background:url('../images/main_2026/review_ico01.png') no-repeat 50% 50% #fff;margin-top:17px;}
.quicklink-cards li:nth-child(4) .ql-title::after {background-image:url('../images/main_2026/review_ico02.png');}

@media(max-width:1024px){
	#contents .inner-wrap{padding:0 20px;}

	/* 메인비주얼 */
	.main-visual{padding:16px 0 0;}
	.visual-row{flex-direction:column;gap:20px;}
	.main-banner{width:100%;height:auto;min-height:200px;border-radius:0;background:none;}
	.main-banner .swiper-slide a	{border-radius:16px;overflow:hidden;}
	.main-banner .banner-nav{position:relative;bottom:auto;left:0;justify-content:center;margin-top:5px;}
	.main-banner .banner-nav button{width:24px;height:24px;background-size:auto 40% !important;}
	.main-banner .swiper-pagination	{height:24px;font-size:13px;padding:0 10px;}

	.finder-box{width:100%;gap:10px;}
	.finder-card{padding:20px;}
	.finder-card.card-volunteer	{padding-bottom:0;}
	.finder-title{font-size:16px;margin-bottom:16px;}
	.finder-row{gap:8px;}
	.finder-fields{gap:8px;flex:1;min-width:0;flex-wrap:wrap;}
	.finder-field{gap:6px;flex-wrap:nowrap;width:100%;}
	.finder-field .f-label{width:auto;flex:0 0 auto;font-size:14px;}
	.finder-field select,.finder-field .date-input{flex:1;width:auto;min-width:0;height:44px;font-size:13px;padding:0 10px;}
	.finder-field select:nth-of-type(1), .finder-field select:nth-of-type(2) {width:50% !important;}
	.finder-field select+select{max-width:none;margin-left:0;}
	.finder-field .tilde	{margin:0;}
	.finder-search-btn{min-width:35px;height:auto;align-self:stretch;flex:0 0 48px;}
	.finder-shortcuts{height:auto;padding:16px 10px;gap:16px;}
	.finder-shortcuts a{font-size:16px;}
	.finder-shortcuts a::before	{width:25px;height:auto;aspect-ratio:1/1;background-size:100% auto;}
	.finder-shortcuts a:last-child::before	{width:25px;height:auto;aspect-ratio:1/1;}

	/* 주요서비스: Swiper 캐러셀 — Figma mobile_main "주요서비스" 프레임 기준 */
	.quick-service{padding:20px 0 40px;}
	.service-icons .swiper-wrapper	{gap:5px;}
	.quick-service .service-icons	{padding:0 40px 0 20px;}
	.service-icons .swiper-slide a::before {background-size: auto 50% !important;}
	.service-icons .swiper-slide:nth-child(1) a::before {background-size: auto 40% !important;}
	.service-icons .swiper-wrapper{flex-wrap:nowrap;justify-content:flex-start;}
	.service-icons .swiper-slide a{gap:8px;}
	.service-icons .swiper-slide a::before{width:50px;height:50px;font-size:20px;border-radius:16px;}
	.service-icons .swiper-slide a{font-size:12px;}
	.qs-prev,.qs-next{display:flex;align-items:center;justify-content:center;position:absolute;top:33px;width:24px;height:24px;border-radius:50%;border:1px solid #e2e2e2;background:url('../images/main_2026/contnet_ico01.png') no-repeat 50% 50% #fff;font-size:0;cursor:pointer;z-index:2;}
	.qs-prev{left:0;}
	.qs-next{right:0;transform:rotate(180deg);}

	/* 최근등록 게시판: Swiper 캐러셀(2개씩 슬라이드) — Figma mobile_main 기준 */
	.recent-col	{gap:16px;}
	.recent-board{padding:40px 0;}
	.recent-board .inner-wrap{flex-direction:column;gap:36px;}
	.col-head h2 {font-size:18px;}
	.more-link{font-size:0;}
	.col-head-nav{display:flex;gap:6px;}
	.col-head-nav button{width:28px;height:28px;border-radius:50%;border:1px solid #e2e2e2;background:url('../images/main_2026/contnet_ico01.png') no-repeat 50% 50% #fff;font-size:0;cursor:pointer;}
	.vol-next, .exp-next{transform:rotate(180deg);}
	.vol-list .swiper-wrapper{flex-direction:row;gap:0px;}
	.vol-list .swiper-slide{gap:10px;}
	.vol-card{padding:16px 16px 18px;border-radius:10px;}
	.vol-card .title{font-size:15px;}
	.vol-card .meta{gap:6px 16px;font-size:12px;margin-top:10px;}
	.exp-grid .swiper-wrapper{flex-direction:row;gap:0px;}
	.exp-row.swiper-slide{gap:10px;}
	.exp-card{padding:16px;min-height:auto;border-radius:10px;}
	.exp-card .title{font-size:14px;margin-bottom:8px;line-height:1.45;height:2.9em;}
	.exp-card .meta{gap:6px;font-size:12px;}
	.safety-card .meta span::before, .vol-card .meta span::before, .exp-card .meta span::before	{width:10px !important;height:10px !important;background-size:100% auto !important;}
	.vol-card .meta span:nth-child(2)::before, .exp-card .meta span:nth-child(2)::before	{height:12px !important;}
	.exp-card .badge {right:10px;bottom:10px;}
	.exp-card .badge span{width:28px;height:28px;background-size:100% auto !important;}

	/* 공지사항/안전콘텐츠 */
	.notice-col	{gap:6px;}
	.notice-safety{padding:40px 0;}
	.notice-safety .inner-wrap{flex-direction:column;gap:36px;}
	.notice-list{gap:18px;}
	.notice-list li:nth-child(n+4){display:none;}
	.notice-list .txt{font-size:14px;width:100%;}
	.notice-list li>a{flex-wrap:wrap;gap:4px;}
	.notice-list .date{font-size:12px;align-items: center}
	.notice-list .date::before	{width:10px;height:10px;background-size:100% auto;}
	.safety-col{gap:14px;}
	.safety-nav{gap:6px;}
	.safety-nav button{width:32px;height:32px;}
	.safety-card .thumb{height:110px;}
	.safety-card .body{padding:16px;gap:12px;}
	.safety-card .title{font-size:14px;line-height:1.4;}
	.safety-card .meta span{font-size:12px;gap:5px;}

	/* CTA 배너 */
	.cta-banner{padding:0 0 20px;}
	.cta-banner .cta-box{flex-direction:column;align-items:flex-start;justify-content:center;height:auto;padding:24px 20px;gap:16px;border-radius:14px;background-image:url('../images/main_2026/review_img_mo.png');}
	.cta-banner .cta-desc{font-size:15px;line-height:20px;}
	.cta-buttons{width:100%;gap:8px;}
	.cta-buttons a{flex:1;width:auto;height:44px;font-size:14px;}

	/* 퀵링크 4카드: 2x2 */
	.quick-links{padding:0 0 40px;}
	.quicklink-cards{flex-wrap:wrap;gap:10px;}
	.quicklink-cards li{flex:0 0 calc(50% - 5px);}
	.quicklink-cards li>a{height:112px;padding:18px;border-radius:10px 10px 10px 32px;}
	.quicklink-cards li:nth-child(4)>a{border-radius:10px 32px 10px 10px;}
	.quicklink-cards .ql-sub{font-size:12px;}
	.quicklink-cards .ql-title{font-size:17px;}
	.quicklink-cards li .ql-title::after	{margin-top:13px;}
	.quicklink-cards li:nth-child(1)>a:after{right:15px;bottom:14px;width:42px;height:46px;}
	.quicklink-cards li:nth-child(2)>a:after{right:13px;bottom:16px;width:38px;height:42px;}
	.quicklink-cards li:nth-child(3)>a:after{right:12px;bottom:16px;width:59px;height:36px;}
	.quicklink-cards li:nth-child(4)>a:after{right:0;top:0;bottom:auto;width:84px;height:90px;background-image:url('../images/main_2026/last_img04_mo.png')}

}
@media(max-width:680px){
	.f-label {display:none;}
}

@media(max-width:480px){
	#contents .inner-wrap	{padding:0 10px;}
	.finder-field .f-label{font-size:12px;}
	.finder-field select,.finder-field .date-input{font-size:12px;padding:0 8px;}
	.exp-card .badge {right:5px;bottom:5px;}
	.exp-card	{padding:10px 10px 15px 10px;}
	.exp-card .meta span	{letter-spacing:-0.5px;}
	.exp-card .meta span:nth-child(2)	{letter-spacing:-1px;}
	.safety-card .meta {flex-wrap:wrap;}
	.safety-card .meta span	{width:100%;}
	.cta-banner .cta-box	{padding:15px 10px;}
	.cta-buttons a	{font-size:13px;}
	.quicklink-cards li>a	{padding:15px 10px;}
	.finder-card	{padding:15px 10px;}
}
