@charset "utf-8";
@font-face {
	font-family: 'Pretendard';
	src: url('/assets/fonts/Pretendard-Light.woff2') format('woff2'),
		url('/assets/fonts/Pretendard-Light.woff') format('woff'),
		url('/assets/fonts/Pretendard-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Pretendard';
	src: url('/assets/fonts/Pretendard-Regular.woff2') format('woff2'),
		url('/assets/fonts/Pretendard-Regular.woff') format('woff'),
		url('/assets/fonts/Pretendard-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Pretendard';
	src: url('/assets/fonts/Pretendard-Medium.woff2') format('woff2'),
		url('/assets/fonts/Pretendard-Medium.woff') format('woff'),
		url('/assets/fonts/Pretendard-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Pretendard';
	src: url('/assets/fonts/Pretendard-SemiBold.woff2') format('woff2'),
		url('/assets/fonts/Pretendard-SemiBold.woff') format('woff'),
		url('/assets/fonts/Pretendard-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Pretendard';
	src: url('/assets/fonts/Pretendard-Bold.woff2') format('woff2'),
		url('/assets/fonts/Pretendard-Bold.woff') format('woff'),
		url('/assets/fonts/Pretendard-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}


#skip-nav a {position: absolute; left: -3000%;}
#skip-nav a:focus {display: block; left: 0; top: 0; z-index: 10000000000; width: 100%; height: 30px; line-height: 30px; background: #485068; color: #fff; text-align: center;}
#header-2025{width: 100%;margin: 0 auto;position: relative;}
#header-2025 *{font-family: 'Pretendard' !important;}
.head-nuri{width: 100%;margin: 0 auto;background: #eef2f7;}
.head-nuri .wid-c{display: flex;justify-content: space-between;align-items: center;}
.wid-c{width: calc(100% - 20px);max-width: 1200px;margin: 0 auto;}
.head-nuri p{padding: 7px 0 7px 30px;background: url('/images/common/nuri.png') no-repeat left center;font-size: 15px;color: #333;line-height: 1.3;}
.head-nuri .krds-drop-wrap.krds-resize .drop-btn{font-size: 15px;color: #555;}
.head-nuri .krds-drop-wrap.krds-resize .drop-menu{top: 100%;right: 0;margin-top: 4px;}
.head-top-2025{width: 100%;margin: 0 auto;background: #097c7c;}
.head-top-2025 > .wid-c{width: 100%;display: flex;justify-content: space-between;}
.head-top-2025 .sot-menu{display: flex;}
.head-top-2025 .sot-menu > li{width: 120px;text-align: center;}
.head-top-2025 .sot-menu > li > a{display: block;line-height: 40px;font-size: 16px;color: #fff;}
.head-top-2025 .sot-menu > li.on > a{background: #fff;color: #097c7c;}
.head-top-2025 .mp-box{display: flex;border-right: 1px solid rgba(255,255,255,0.2);}
.head-top-2025 .mp-box > li{border-left: 1px solid rgba(255,255,255,0.2);}
.head-top-2025 .mp-box > li > a{display: inline-block;font-size: 0;width: 40px;line-height: 40px;height: 40px;}
.head-top-2025 .mp-box > li.minus > a{background: url('/images/common/pa1.png') no-repeat center center;}
.head-top-2025 .mp-box > li.plus > a{background: url('/images/common/pa2.png') no-repeat center center;}

.head-conts{width: 100%;margin: 0 auto;border-bottom: 1px solid #dfdfdf;}
.head-conts .h-top{display: flex;padding-top: 20px;justify-content: space-between;align-items: center;}
.head-conts .h-top h1{display: inline-block;font-size: 0;}
.head-conts .h-top h1 a{display: inline-block;font-size: 0;}
.head-conts .h-top h1 a img{max-width: 100%;}
.head-conts .h-top .tc-btns{display: flex;}
.head-conts .h-top .tc-btns > li + li{margin-left: 35px;}
.head-conts .h-top .tc-btns > li > a{display: inline-block;font-size: 18px;color: #111;font-weight: 600;line-height: 23px;}
.head-conts .h-top .tc-btns > li.ytb-c > a{padding-left: 33px;background: url('/images/common/ytb.png') no-repeat left center;}
.head-conts .h-top .tc-btns > li.join-c > a{padding-left: 31px;background: url('/images/common/join.png') no-repeat left center;}
.head-conts .h-top .tc-btns > li.mypage-c > a{padding-left: 31px;background: url('/images/common/mypage.png') no-repeat left center;}
.head-conts .h-top .tc-btns > li.log-c > a{padding-left: 28px;background: url('/images/common/log.png') no-repeat left center;}
.head-conts .h-top .tc-btns > li.logout-c > a{padding-left: 28px;background: url('/images/common/logout.png') no-repeat left center;}
.head-conts .h-top .tc-btns > li.lang-c > a{padding-left: 28px;background: url('/images/common/lang-c.png') no-repeat left center;}
.head-conts .h-bot{width: 100%;height: 60px;display: flex;justify-content: space-between;align-items: center;}

/* 공통 메뉴 */
.btn-log a {font-size: 17px !important; position: relative; display: inline-flex; align-items: center; padding-right: 6px; margin-right: 6px; color: #444; }
/* '연장하기' 강조 */
.extend a { color: #c63e34 !important; font-weight: 600; }
/* 구분선 */
.btn-log a::after { content: ""; position: absolute; right: -15px; width: 2px; height: 12px; background: #a5a5a5; top: 50%; transform: translateY(-50%); }
#timer { display: inline-block; width: 50px; text-align: right; font-family: monospace; }

.krds-drop-wrap.krds-resize .drop-btn{display: inline-flex !important;align-items: center !important;height: 24.5px !important;line-height: 1 !important;}
.krds-drop-wrap.krds-resize .drop-btn .svg-icon{margin-bottom: 0 !important;vertical-align: middle;}
.hrt-conts .pc-search-bn{display: inline-block;color: #111;font-size: 20px;font-weight: 600;line-height: 25px;padding-left: 30px;background: url('/images/common/scic1.png') no-repeat left center;}
.hrt-conts .pc-menu-open{display: inline-block;color: #111;font-size: 20px;font-weight: 600;line-height: 25px;padding-left: 33px;background: url('/images/common/amenu.png') no-repeat left center;}

.mo-close{display: none;}
.mo-hd-top{display: none;}
.gnb2025-bg{display: none;position: absolute;top: 100%;left: 0;z-index: 20;width: 100%;padding: 20px 0;background: #fff;border-bottom: 1px solid #c8d2c6;box-shadow:3px 4px 5px rgba(0,0,0,0.05);}
#gnb-2025{display: flex;position: relative;}
#gnb-2025 > li{position: relative;}
#gnb-2025 > li > a{padding: 0 47px;height: 60px;color: #111;font-size: 18px;font-weight: 500;display: flex;align-items: center;justify-content: center;position: relative;} /* 2026-05-27: 1뎁스 텍스트 중앙 정렬 (padding-right:100px → 양쪽 균등) */
#gnb-2025 > li > a::before{position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);z-index: 22;width: 6px;height: 0;background: #097c7c;content:"";border-radius: 5px;} /* 2026-05-27: underline indicator 중앙 정렬 */
#gnb-2025 > li > a.on{color: #097c7c;}
#gnb-2025 > li > a:hover::before,
#gnb-2025 > li > a:focus::before{height: 19px;}
/* removed: 클릭(.on) 시 .nMenu-depth2 배경 덮어쓰던 룰 제거 — gradient 적용을 위해 */
/* === GNB top-level items: down-arrow indicator (epeople KRDS 패턴 — hover는 배경만, click으로 토글) === */
#gnb-2025 > li:has(.nMenu-depth2) > a::after{content: '';display: inline-block;width: 12px;height: 12px;margin-left: 6px;background-color: #555;-webkit-mask: url(/images/krds/ico_angle.svg) no-repeat center / contain;mask: url(/images/krds/ico_angle.svg) no-repeat center / contain;transition: transform 0.2s, background-color 0.2s;vertical-align: middle;flex-shrink: 0;}
/* hover: 배경 + 폰트색 시각 피드백 */
#gnb-2025 > li > a:focus,
#gnb-2025 > li > a:hover{background: #f0f7f7;color: #097c7c;}
#gnb-2025 > li:has(.nMenu-depth2) > a:hover::after,
#gnb-2025 > li:has(.nMenu-depth2) > a:focus::after{transform: rotate(180deg);background-color: #097c7c;}
/* .on (모바일 클릭 활성): 배경 반전 제거, 화살표 회전·underline 만 유지 */
#gnb-2025 > li > a.on{background: transparent;}
#gnb-2025 > li > a.on::after{transform: rotate(180deg);background-color: #097c7c;}
.nMenu-depth2{display: none;position: absolute;top: 100%;left: 0;width: 100%;box-sizing: border-box;z-index: 21;padding: 16px 0;background: #fff;border-top: 1px solid #d9dde2;border-left: 1px solid #e0e6ea;}
#gnb-2025 > li:hover > .nMenu-depth2{background: #fff;border-top-color: #097c7c;}
#gnb-2025 > li:last-child > .nMenu-depth2{border-right: 1px solid #e0e6ea;}
#gnb-2025 > li:not(:has(.nMenu-depth2)):hover::after{content:'';position: absolute;top: 100%;left: 0;right: 0;height: 1px;background: #097c7c;z-index: 22;}
.nMenu-depth2 > li{margin: 0;}
.nMenu-depth2 > li:not(:first-child){margin-top: 0;}
.nMenu-depth2 > li > a{display: block;color: #1f2933;font-size: 15px;font-weight: 500;line-height: 22px;padding: 8px 16px;word-break: keep-all;}
.nMenu-depth2 > li > a::before{display: none;}
.nMenu-depth2 > li:hover > a{color: #097c7c;background: #f0f7f7;}
.nMenu-depth3{margin-top: 10px;padding: 14px;background: #f8f8f8;border-radius: 10px;}
.nMenu-depth3 > li:not(:first-child){margin-top: 12px;}
.nMenu-depth3 > li > a{display: block;color: #000;font-size: 15px;line-height: 18px;word-break: keep-all;border-radius: 4px;}
.nMenu-depth3 > li > a:hover{color: #097c7c;background: #f0f7f7;}
.mo-hrt-box{display: none;}


#footer-2025 *{font-family: 'Pretendard' !important;}
#footer-2025{width: 100%;margin: 0 auto;border-top: 1px solid #dfdfdf;}
.ftop-area{padding: 20px 0;display: flex;justify-content: space-between;flex-direction: row-reverse;}
.fbot-area{padding: 20px 0;border-top: 1px solid #cecece;position: relative;}
.ftop-area .ft-lf h1{font-size: 0;margin-bottom: 23px;}
.ftop-area .ft-lf ul{font-size: 0;}
.ftop-area .ft-lf ul > li{display: inline-block;position: relative;}
.ftop-area .ft-lf ul > li + li{margin-left: 30px;}
.ftop-area .ft-lf ul > li:after{content: "";position: absolute;right: -15px;top: 50%;width: 1px;height: 12px;margin-top: -6px;background: #d9d9d9;}
.ftop-area .ft-lf ul > li:last-child:after{display: none;}
.ftop-area .ft-lf ul > li > a{display: inline-block;padding-bottom: 2px;border-bottom: 1px solid #fff;font-size: 16px;color: #111;font-weight: 500;line-height: 1.1;}
.ftop-area .ft-lf ul > li.on > a{font-weight: bold;color: #097c7c;border-bottom: 1px solid #097c7c;}
.ftop-area .solo-bn > a{display: inline-block;line-height: 39px;border-radius: 5px;padding: 0 15px;font-size: 15px;color: #111;font-weight: 600;border: 1px solid #dcdcdc;}
.ftop-area .solo-bn > a > span{display: inline-block;padding-right: 12px;background: url('/images/common/adm.png') no-repeat right center;}
.ftop-area .fc-select{display: flex;justify-content: space-between;width: 560px;}
.ftop-area .fc-select > li{width: calc(50% - 3px);box-sizing: border-box;}
.ftop-area .fc-select > li{width: calc(50% - 10px);height: 36px;margin: 5px 5px 0;padding-right: 8px;display: flex;justify-content: space-between;align-items: center;}
.ftop-area .fc-select > li .secbn{display: block;width: 48px;line-height: 38px;color: #fff;font-size: 16px;text-align: center;background: #d55d95;border-radius: 5px;}
.ftop-area .fc-select > li select{margin-left: -2px;width: calc(100% - 50px);height: 38px;color: #000;font-size: 16px;padding: 0 15px;border: 0;border: 1px solid #e5e5e5;background: url('/images/common/secic.png') no-repeat right 15px center;border-radius: 5px;}
.fbot-area > p{font-size: 16px;color: #111;font-weight: 400;line-height: 1.4;}
.fbot-area > p strong{font-weight: bold;}
.fbot-area > p + p{margin-top: 5px;}
.fbot-area > p.cp{margin-top: 10px;color: #777;font-weight: 400;}
.fbot-area > p > span{display: inline-block;position: relative;margin-right: 24px;}
.fbot-area > p > span:last-child{margin-right: 0;}
.fbot-area > p > span:after{content: "";position: absolute;right: -15px;top: 50%;width: 1px;height: 12px;margin-top: -6px;background: #d9d9d9;}
.fbot-area > p > span:last-child:after{display: none;}
.fbot-area .rb-box{position: absolute;right: 0;bottom: 35px;}



@media screen and (max-width: 1024px){
	#wrap-2025::before{visibility: hidden;opacity: 0;position: fixed;left: 0;top: 0;bottom: 0;z-index: 9;width: 100%;height: 100%;padding: 0;background: rgba(0, 0, 0, 0.5);content: "";transition: all 0.5s;}
	#wrap-2025.Menu-bg{position: relative;}
	#wrap-2025.Menu-bg::before{visibility: visible;opacity: 1;transition: all 0.5s ease .1s;}
	.head-conts .h-top .tc-btns{display: none;}
	.head-conts .h-top{padding: 15px 0;}
	.head-conts .h-bot{height: 0;}
	.head-top-2025 .mp-box{display: none;}
	.hrt-conts{display: none;}
	.mo-close{display: inline-block;position: absolute;right: 17px;top: 10px;width: 20px;}
	.mo-close img{width: 100%;}

	.header-2025-menu.show{right: 0;}
	.header-2025-menu{position: fixed;top: 0;right: -100%;z-index: 20;padding: 0;width: 96%;max-width: 410px;height: 100vh;background: #fff;transition: all 0.5s ease .1s;}
	#gnb-2025{display: block;height: calc(100vh - 40px);overflow-y: auto;background: #fff;padding: 10px 0;}
	#gnb-2025 > li{float: none;width: auto;border-bottom: 1px solid #ddd;}
	#gnb-2025 > li > a{display: block;padding: 15px 0;color: #000 !important;height: auto;position: relative;}
	#gnb-2025 > li > a::before{display: none;}
	#gnb-2025 > li > a::after{position: absolute;top: calc(50% - 6px);right: 5px;width: 12px;height: 12px;background-color: #555;-webkit-mask: url(/images/krds/ico_angle.svg) no-repeat center / contain;mask: url(/images/krds/ico_angle.svg) no-repeat center / contain;content: "";transition: all 0.2s ease-out;}
	#gnb-2025 > li > a.on{color: #097c7c !important;font-weight: bold;}
	#gnb-2025 > li > a.on::after{transform: rotate(180deg);}
	.nMenu-depth2{position: static;height: auto !important;border: 0 !important;border-top: 1px solid #ddd !important;}

	.mo-hrt-box,
	.rtt-con .mo-hrt-box{display: inline-block !important;}
	.mo-hrt-box > a{display: inline-block;letter-spacing: -1px;font-size: 16px;font-weight: 600;color: #333;}
	.mo-hrt-box > a + a{margin-left: 10px;}
	.mo-hrt-box > a.mo-open{padding-top: 30px;background: url('/images/common/menu.png') no-repeat center top;background-size: auto 18px;}
	.mo-hrt-box > a.mo-search-bn{padding-top: 30px;background: url('/images/common/scic1.png') no-repeat center top;}
	.mo-hrt-box > a.mo-eng-bn{padding-top: 30px;background: url('/images/common/lang-c.png') no-repeat center top;background-size: auto 18px;}
	.mo-hd-top{display: block;height: 40px;padding: 0 20px;border-bottom: 1px solid #097c7c;}
	.mo-hd-top > ul{display: flex;width: 100%;height: 40px;align-items: center;}
	.mo-hd-top > ul > li + li{margin-left: 20px;}
	.mo-hd-top > ul > li > a{display: inline-block;font-size: 16px;color: #111;font-weight: 600;line-height: 20px;}
	.mo-hd-top > ul > li.ytb-c > a{padding-left: 29px;background: url('/images/common/ytb.png') no-repeat left center;background-size: auto 16px;}
	.mo-hd-top > ul > li.join-c > a{padding-left: 23px;background: url('/images/common/join.png') no-repeat left center;background-size: auto 16px;}
	.mo-hd-top > ul > li.mypage-c > a{padding-left: 23px;background: url('/images/common/mypage.png') no-repeat left center;background-size: auto 16px;}
	.mo-hd-top > ul > li.log-c > a{padding-left: 20px;background: url('/images/common/log.png') no-repeat left center;background-size: auto 16px;}
	.mo-hd-top > ul > li.logout-c > a{padding-left: 20px;background: url('/images/common/logout.png') no-repeat left center;background-size: auto 16px;}
	.mo-hd-top > ul > li.lang-c > a{padding-left: 21px;background: url('/images/common/lang-c.png') no-repeat left center;background-size: auto 16px;}

	/* 로그인 페이지 .certify-type 박스: 1024 이하에서 가로 가용 폭을 stretch — 좌측 치우침 + 우측 빈 공간 제거 */
	.certify-type{justify-content: space-between;gap: 14px 0;}
	.certify-type > li{flex: 0 0 calc(50% - 12px);min-width: 0;max-width: calc(50% - 12px);box-sizing: border-box;}
	/* GPKI/EPKI 공무원 로그인 박스를 모바일에서도 표시 (style.css의 .mo_none{display:none} 모바일 숨김 해제) */
	.certify-type > li.mo_none,
	li.login_type.mo_none{display: flex !important;}
	
	
}

@media screen and (max-width: 768px){
	.head-nuri .krds-drop-wrap.krds-resize{display: none;}
	.head-conts .h-top h1 a{max-width: 150px;}
	
	.ftop-area{display: block;}
	.ftop-area .ft-lf{margin-top: 15px;}
	.ftop-area .ft-lf h1{margin-bottom: 15px;}
	.ftop-area .solo-bn > a{display: block;text-align: center;}
	.fbot-area > p{font-size: 15px;}
	.fbot-area > p > span{display:block;margin-top: 5px;margin-right: 0;}
	.ftop-area .fc-select{width: 100%;}
	.fbot-area .rb-box{bottom: 15px;}
}
@media (max-width: 670px) {
	.certify-type.type2{flex-direction: column}
	.certify-type.type2 > li{flex: 1 1 100%; max-width:100%;}
}


@media screen and (max-width: 520px){
	.mo-hd-top > ul > li + li{margin-left: 15px;}
	.ftop-area .fc-select{display: block;}
	.ftop-area .fc-select > li{width: 100%;}
	.ftop-area .fc-select > li + li{margin-top: 6px;}
}

/* 태블릿: 푸터 ftop 가로 배치 시 ft-lf 폭 부족으로 약관 wrap → block 전환하여 한 줄 정렬 */
@media screen and (min-width: 769px) and (max-width: 1024px){
	.ftop-area{display: block;}
	.ftop-area .ft-lf{margin-top: 15px;}
}

/* 혁신24 일 경우 */
.innovation .head-top-2025{background: #d55d95;}
.innovation .head-top-2025 .sot-menu > li.on > a{background: #fff;color: #d55d95;}
.innovation #gnb-2025 > li > a::before{background: #d55d95;}
.innovation #gnb-2025 > li > a.on{color: #d55d95;}
.innovation #gnb-2025 > li > a:hover,
.innovation #gnb-2025 > li > a:focus{color: #d55d95; background: #fdf0f8;}
.innovation .nMenu-depth2 > li > a:hover,
.innovation .nMenu-depth2 > li > a:focus{color: #d55d95;background: #fdf0f8;}
.innovation .nMenu-depth2 > li > a:hover::before,
.innovation .nMenu-depth2 > li > a:focus::before{background: #d55d95;}
.innovation .nMenu-depth3 > li > a:hover,
.innovation .nMenu-depth3 > li > a:focus{color: #d55d95;background: #fdf0f8;}

.Site-box{display: none;position: absolute;top: 100%;left: 0;z-index: 22;width: 100%;padding: 45px 0 40px;background: #fff;border-bottom: 1px solid #c8d2c6;box-shadow:3px 4px 5px rgba(0,0,0,0.1);}
#Site-gnb{margin: 0 -10px;display: flex;flex-wrap: wrap;}
#Site-gnb > li{width: calc(20% - 20px);margin: 0 10px;}
#Site-gnb > li > h2{padding-bottom: 18px;border-bottom: 3px solid #000;text-align: center;}
#Site-gnb > li > h2 > a{display: inline-block;color: #000;font-size: 22px;font-weight: 500;line-height: 1;}
.Site-depth2{margin-top: 22px;}
.Site-depth2 > li:not(:first-child){margin-top: 16px;}
.Site-depth2 > li > a{display: table;color: #000;font-size: 18px;font-weight: 500;line-height: 22px;position: relative;padding-left: 12px;word-break: keep-all;}
.Site-depth2 > li > a::before{position: absolute;top: 8px;left: 0px;width: 6px;height: 6px;background: #000;border-radius: 5px;content:"";}
.Site-depth2 > li:hover > a{color: #097c7c;}
.Site-depth2 > li:hover > a::before{background: #097c7c;}
.Site-depth3{margin-top: 10px;padding: 14px;background: #f8f8f8;border-radius: 10px;}
.Site-depth3 > li:not(:first-child){margin-top: 14px;}
.Site-depth3 > li > a{display: table;color: #000;font-size: 16px;line-height: 18px;position: relative;padding-left: 14px;word-break: keep-all;}
.Site-depth3 > li > a::before{position: absolute;top: 8px;left: 0px;width: 6px;height: 2px;background: #000;border-radius: 5px;content:"";}
.Site-depth3 > li > a:hover{color: #097c7c;}
.Site-depth3 > li > a:hover::before{background: #097c7c;}

.innovation .ftop-area .ft-lf ul > li.on > a{color: #313da9;border-bottom: 1px solid #313da9;}


@media screen and (max-width: 1024px){
	.innovation  #gnb-2025 > li > a.on{color: #d55d95 !important;}
	.innovation-footer{padding-bottom:54px;}
}

@media screen and (max-width: 768px){
	
}

/* 자동로그아웃 팝업창_소통 기존에 자동로그아웃 UI 적용 */
.modal-dialog { width:600px; border-radius: 16px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12),0 2px 6px rgba(0, 0, 0, 0.08);}
.logout_pop {padding:30px;text-align: center; width:600px; margin: 0 auto;margin-top: 140px; border-radius: 16px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12),0 2px 6px rgba(0, 0, 0, 0.08);}
.logout_pop img{width:140px;}
.logout_pop .title{padding:25px 0 0;}
.logout_pop .title h4{font-size:24px; color:#4b4f56; padding-bottom:30px; font-weight: 600;}
.logout_pop .title p{font-size:20px; padding:5px 0 15px;}
.logout_pop .title p strong{color:#ff3064;}
.logout_pop .text{line-height:1.5; word-break:keep-all;}
.logout_pop .text strong{color:#ff3064;}
.logout_pop .link{padding: 20px 0;}
.logout_pop .link a{background:#576c87; margin-right:3px; padding: 8px 13px; font-size:14px; border-radius: 50px; color:#fff;}
.logout_pop .link .go_link{background: #2b7be1;}

/*--------------------------400사이즈--------------------------*/
@media (max-width:400px) {
/* 자동로그아웃 팝업창 */
.logout_pop {width:100%;}
}


/* 2025-12-23 탭 스타일 */
.tab_style_new{margin-bottom: 25px;display: flex;flex-wrap: wrap;border: 1px solid #dbdbdb;padding: 1px;}
.tab_style_new > li{border: 1px solid #fff;height: 50px;text-align: center;display: table;box-sizing: border-box;}
/* line6 (6탭) — 한 줄에 6개면 글자 좁아 빡빡 → 3+3 두 줄 정렬 (자료실 정책자료 등) */
.tab_style_new.line6 > li{width: 33.333333333%;}
.tab_style_new.line5 > li{width: 20%;}
.tab_style_new.line4 > li{width: 25%;}
.tab_style_new.line3 > li{width: 33.333333333%;}
.tab_style_new.line2 > li{width: 50%;}
.tab_style_new > li > a{display: table-cell;vertical-align: middle;background: #f2f2f2;font-size: 16px;color: #333;line-height: 1.2;}
.tab_style_new > li.active > a{background: #000;color: #fff;}

@media screen and (max-width:767px){
	.tab_style_new.line5 > li{width: 50%;}
	.tab_style_new.line4 > li{width: 50%;}
	.tab_style_new > li > a{font-size: 15px;}
}


/* 2025-12-23 검색 스타일  */
.search2025{background: #f8f6f9;padding: 20px;border-radius: 12px;}
.search2025 .wide_group{margin-bottom: 10px;}
.search2025 .group{padding-left: 100px;position: relative;}
.search2025 .group > label.title{position: absolute;left: 0;top: 15px;font-size: 16px;color: #111;font-weight: 600;line-height: 20px;}
.search2025 .g_box{display: flex;align-items: center;flex-wrap: wrap;}
.search2025 .g_box > span.crd{display: inline-block;margin-right: 30px;position: relative;width: 200px;}
.search2025 .g_box > span.crd.last{margin-right: 0;}
.search2025 .g_box > span.crd.last:after{display: block;content: "~";position: absolute;left: -30px;top: 50%;width: 30px;text-align: center;margin-top: -10px;font-size: 18px;color: #555;line-height: 20px;}
.search2025 .g_box > span.crd input{position: relative;width: 100%;height: 40px;border: 0;border-radius: 6px;box-sizing: border-box;padding: 0 14px;font-size: 16px;color: #555;background: #fff url('/images/crd.png') no-repeat right 12px center;}
.search2025 .g_box > span.crd input[type="date"]::-webkit-calendar-picker-indicator {opacity: 0;cursor: pointer;}
.search2025 .g_box > .date_radio{display: flex;align-items: center;flex-wrap: wrap;}
.search2025 .g_box > .date_radio > span{margin-left: 30px;display: inline-block;position: relative;}
.search2025 .g_box > .date_radio > span > input[type='radio'] {position: absolute;top: 0;left: 0;opacity: 0;width: 0;height: 0;}
.search2025 .g_box > .date_radio > span > label{display: block;line-height: 22px;padding-left: 28px;font-size: 16px;color: #555;}
.search2025 .g_box > .date_radio > span > input[type='radio'] + label{background: url('/images/bg_rd.png') no-repeat left top; background-size: 18px 18px;}
.search2025 .g_box > .date_radio > span > input[type='radio']:checked + label{background: url('/images/bg_rd_on.png') no-repeat left top;color: #097c7c;font-weight: 600; background-size: 18px 18px;}
.search2025 .g_box > .sn-b{display: block;width: calc(100% - 190px); /*margin-right: 10px;*/}
.search2025 .g_box > .sn-b input{width: 100%;height: 40px;border: 0;border-radius: 6px;box-sizing: border-box;padding: 0 14px;font-size: 16px;color: #555;background: #fff;}
.search2025 .g_box button{display: inline-block;width: 150px;line-height: 40px;text-align: center;background: #097c7c;border-radius: 6px;font-size: 16px;color: #fff;font-weight: bold;}
.search2025 .g_box button span{display: inline-block;padding-left: 22px;background: url('/images/gsic.png') no-repeat left center;}
.search2025 .g_box select{width:100%; border-radius:4px;}
@media screen and (max-width:1024px){
.search2025 .wide_group{margin-bottom: 20px;}
.search2025 .g_box > .date_radio{width: 100%;margin-top: 10px;margin-left: -20px;}
.search2025 .g_box > .date_radio > span{margin-left: 20px;margin-bottom: 4px;}
.search2025 .g_box > span.crd{margin-right: 20px;width: calc(50% - 10px);}
.search2025 .g_box > span.crd.last{margin-right: 0;}
.search2025 .g_box > span.crd.last:after{left: -20px;width: 20px}
}
@media screen and (max-width:768px){
.search2025{padding: 20px 12px;}
.search2025 .group{padding-left: 0;}
.search2025 .group > label.title{position: static;display: block;margin-bottom: 10px;}
.search2025 .group > label.title2{position: static;display: block;margin-bottom: 10px;}
.search2025 .g_box > .sn-b{width: 100%;margin-right: 0;margin-bottom: 10px;}
.search2025 .g_box button{display: block;width: 100%;}
.search2025 .g_box > .date_radio{margin-left: 0;flex-wrap: nowrap;justify-content: space-between;gap: 4px;}
.search2025 .g_box > .date_radio > span{margin-left: 0;flex-shrink: 1;min-width: 0;}
.search2025 .g_box > .date_radio > span > label{line-height: 16px;padding-left: 20px;font-size: 14px;white-space: nowrap;}
.search2025 .g_box > .date_radio > span > input[type='radio'] + label{background-size: 16px;}
.search2025 .g_box > .date_radio > span > input[type='radio']:checked + label{background-size: 16px;}
}


/* 2025_추진사례 검색스타일 */
.search2025.search-task {background: #f8f6f9; padding: 20px; border-radius: 12px; margin-bottom:15px;}
/* 협업이음기록관(.recordSearch) + 협업이음터(.MatchingSearch) — 라벨/입력이 검색박스 좌우에 너무 붙어 보이는 문제 보정 (동일 갭으로 통일) */
.search2025.search-task.recordSearch,
.search2025.search-task.MatchingSearch {padding: 20px 40px; }
.group_box{display: flex; }
.search2025.search-task .group,
.search2025.search-task .wide_group {margin-bottom: 14px; }
.search2025.search-task .group,
.search2025.search-task .wide_group {padding-left: 110px; position: relative; }
.search2025.search-task .group > label.title,
.search2025.search-task .wide_group > label.title {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100px; font-size: 15px; color: #111; font-weight: 600; line-height: 1.3; text-align: right; padding-right: 10px; box-sizing: border-box; }
.search2025.search-task .g_box {display: flex; align-items: center; flex-wrap: nowrap; }
.search2025.search-task .g_box > span.crd {width: 160px; margin-right: 20px; position: relative; }
.search2025.search-task .g_box > span.crd select {width: 100%; height: 40px; border-radius: 6px; padding: 0 12px; font-size: 15px; box-sizing: border-box; }
.search2025.search-task .g_box > span.crd.last::after {content: "~"; position: absolute; left: -25px; top: 73%; transform: translateY(-50%); width: 30px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #555; line-height: 1;}
.search2025.search-task .label_wrap {display: flex; flex-wrap: wrap; gap: 10px 18px; }
.search2025.search-task .label_wrap input[type="checkbox"] { width: 16px; height: 16px; accent-color: #097c7c; }
.search2025.search-task .label_wrap label {font-size: 16px; white-space: nowrap; cursor: pointer; }
.search2025.search-task .group_box {display: block; display: flex; gap: 24px;}
.search2025.search-task .group_box .group:first-child {flex: 0 0 40%; }
.search2025.search-task .group_box .group:last-child {flex: 0 0 50%; }
.search2025.search-task .group_box .group {flex: 1; padding-left: 110px; position: relative; margin-bottom: 0; }
.search2025.search-task .group_box .group > label.title {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100px; font-size: 15px; white-space: nowrap; }
.search2025.search-task .group_box .g_box {display: flex; align-items: center; gap: 16px; width: 100%; }
.search2025.search-task .group_box .sn-b {flex: 1; }
.search2025.search-task .group_box button {flex: 0 0 150px;  width: 150px; height: 40px; display: inline-block; line-height: 40px; text-align: center; background: #097c7c; border-radius: 6px; font-size: 16px; color: #fff; font-weight: bold;}
.search2025 .group_box button span {display: inline-block; padding-left: 22px; background: url(/images/gsic.png) no-repeat left center; }
.search2025.search-task .sn-b {width: 100%; border: 0px solid red;}
.search2025.search-task .sn-b input {width: 100%; height: 40px; border-radius: 6px; padding: 0 14px; font-size: 15px; box-sizing: border-box; }
.search2025.search-task .g_box button {width: 120px; height: 40px; background: #097c7c; border-radius: 6px; font-size: 15px; color: #fff; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; }
.search2025.search-task .g_box button span {padding-left: 22px; background: url('/images/gsic.png') no-repeat left center; }
.search2025.search-task .group
/* 기본 검색(search-basic) */
.search2025.search-basic .noticeFlex {display: flex; align-items: flex-start; gap: 24px; width: 100%; }
.search2025.search-basic .group,
.search2025.search-basic .wide_group {position: relative; padding-left: 80px; }
.search2025.search-basic .title2 {position: absolute;left: 0;top: 10px;font-size: 16px;color: #111;font-weight: 600;line-height: 20px; }
.search2025.search-basic .noticeFlex > .wide_group {flex: 0 0 300px; }
.search2025.search-basic .wide_group .g_box {display: flex; align-items: center; gap: 12px; }
.search2025.search-basic .noticeFlex > .group:not(.wide_group) {flex: 1 1 auto; min-width: 0; }
.search2025.search-basic .group .g_box {display: flex; align-items: center; gap: 12px; width: 100%; }
.search2025.search-basic .sn-b {flex: 1; min-width: 0; }
.search2025.search-basic .sn-b input {width: 100%; height: 40px; border-radius: 6px; padding: 0 14px; font-size: 15px; box-sizing: border-box; }
.search2025.search-basic button {flex: 0 0 120px; height: 40px; background: #097c7c; border-radius: 6px; font-size: 15px; font-weight: 600; color: #fff; display: inline-flex; align-items: center; justify-content: center; }
.search2025.search-basic button span {padding-left: 22px; background: url('/images/gsic.png') no-repeat left center; }
.search2025.search-basic select {width: 100%; height: 40px; border-radius: 6px; padding: 0 12px; font-size: 15px; box-sizing: border-box; }
.search2025.search-basic.faq {margin-bottom: 32px; }


/* 공청회 검색 2025 퍼블 보정  */
.search2025.publicHearingBbsSearch .g_box:last-child{display:flex; gap:20px; align-items:flex-end; }
.search2025.publicHearingBbsSearch .g_box:last-child .group{flex:1; }
.search2025.publicHearingBbsSearch .g_box:last-child .group:last-child{flex:0 0 140px; }
.search2025.publicHearingBbsSearch .g_box:first-of-type{display:flex; flex-wrap:wrap; gap:20px; }
.search2025.publicHearingBbsSearch .g_box:first-of-type .group:nth-child(2){width:100%; }
.search2025.publicHearingBbsSearch .g_box:last-child .group:nth-child(2){order:-1; flex:0 0 220px; }
.search2025.publicHearingBbsSearch select{width:100%; /*max-width:224px; height:44px;*/ padding:0 40px 0 14px; font-size:15px; color:#222; border:1px solid #dcdcdc; border-radius:8px; background:#fff url("/images/arrow_select2.png") no-repeat right 14px center / 12px; appearance:none; -webkit-appearance:none; -moz-appearance:none; cursor:pointer; }
.search2025.publicHearingBbsSearch select:focus{outline:2px solid #005fcc; outline-offset:1px; border-color:#1a8f89; }
.search2025.publicHearingBbsSearch .btn_blue{height:44px; padding:0 22px; border-radius:8px; font-size:15px; display:inline-flex; align-items:center; justify-content:center; }
.search2025.publicHearingBbsSearch .g_box > .date_radio{display: flex;align-items: center;flex-wrap: wrap; transform: translate(-10px, -10px);}


/* 정책제안 통합검색 퍼블보정*/
.search2025.search-task.proposalSearchListPage .g_box > span.crd.last::after {left: -35px;}
.search2025.search-task.proposalSearchListPage .g_box > .date_radio{display: flex;align-items: center;flex-wrap: wrap; transform: translate(-40px, -0px);}
.search2025.search-task.proposalSearchListPage .group > label.title.search_title_contents, 
.search2025.search-task.proposalSearchListPage .wide_group > label.title.search_title_contents{left:0px;}
/* 제안자 라벨 절대위치 + 검색버튼 absolute -40px 룰 제거: PC에서 제안자 input과 검색버튼 겹침 유발 */
/* .search2025.search-task.proposalSearchListPage .group > label.title.search_writer{position: absolute; left:-18px !important;} */
/* .search2025.search-task.proposalSearchListPage .searchBtn{position: absolute; left:-40px !important; top:-43px !important;} */
.search2025.search-task.proposalSearchListPage .group > label.title{left:30px;}
/* 등록일(wide_group)은 absolute로 left:0 — 구분 등 .group> label.title(static, normal flow x=138)과 시각 정렬 일치 */
.search2025.search-task.proposalSearchListPage .wide_group > label.title{left: 0;}
.search2025.search-task.proposalSearchListPage label.title.search_write_bgnde {bottom:-10%}
.search2025.search-task.proposalSearchListPage .text.search_tag{width: 100%; min-width:167px;}
.search2025.search-task.proposalSearchListPage .g_box:last-child{display:flex; gap:20px; align-items:flex-end; }
.search2025.search-task.proposalSearchListPage .g_box:last-child .group{flex:1; }
.search2025.search-task.proposalSearchListPage .g_box:last-child .group:last-child{flex:0 0 140px; }
.search2025.search-task.proposalSearchListPage .g_box:first-of-type{display:flex; flex-wrap:wrap; gap:20px; }
.search2025.search-task.proposalSearchListPage .g_box:first-of-type .group:nth-child(2){width:100%; }
.search2025.search-task.proposalSearchListPage .g_box:last-child .group:nth-child(2){order:-1; flex:0 0 220px; }
.search2025.search-task.proposalSearchListPage select{width:100%; max-width:224px; height:44px; padding:0 80px 0 14px; font-size:15px; color:#222; border:1px solid #dcdcdc; border-radius:8px; background:#fff url("/images/arrow_select2.png") no-repeat right 14px center / 12px; appearance:none; -webkit-appearance:none; -moz-appearance:none; cursor:pointer; }
.search2025.search-task.proposalSearchListPage select:focus{outline:2px solid #005fcc; outline-offset:1px; border-color:#1a8f89; }
.search2025.search-task.proposalSearchListPage .btn_blue{height:44px; padding:0 22px; border-radius:8px; font-size:15px; display:inline-flex; align-items:center; justify-content:center; }

/* 국민심사 목록(jdgmnListPage) — 최신순/참여자순 정렬 토글이 검색박스 바로 아래 붙는 현상 보정 (살짝 떨어뜨림) */
/* #orderDate.section_top{margin-top: 15px;} */

/* 활동 캘린더(activeCal) — 모바일에서 참여기간 시작일/종료일이 세로로 쌓이는 현상 보정: 한 줄 정렬 */
@media screen and (max-width: 1024px){
	.search2025.search-task .g_box > span.crd{width: calc(50% - 30px);}
	.search2025.search-task.activeCal .g_box > span.crd{width: calc(50% - 15px); margin-right: 10px;}
	.search2025.search-task.activeCal .g_box > span.crd.last{margin-right: 0;}
	.search2025.search-task.activeCal .g_box > span.crd.last::after{left: -20px;}
}

/* 타플랫폼 제안 검색 퍼블보정*/
/* .search2025.search-task.otherPlatformListPage .g_box{border:0px solid red; padding-right: 20px;} */
.search2025.search-task.otherPlatformListPage input{width: 100%; height: 40px; border-radius: 6px; padding: 0 14px; font-size: 15px; box-sizing: border-box;}
.search2025.search-task.otherPlatformListPage #searchPlatform{width: 100%; /*max-width: 220px; height: 44px;*/ padding: 0 40px 0 14px; font-size: 15px; color: #222; border: 1px solid #dcdcdc; border-radius: 8px;
background: #fff url(/images/arrow_select2.png) no-repeat right 14px center / 12px; appearance: none; -webkit-appearance: none; -moz-appearance: none;  cursor: pointer;
}
.search2025.policy_search .wide_group{padding-left: 60px;}
/* 타블릿/모바일(1024px 이하) — .search-task의 라벨 absolute/우측정렬 룰 무력화 (.policy_search만) */
@media (max-width: 1024px) {
	.search2025.search-task.policy_search .form-group > .g_box > .group > label.title,
	.search2025.search-task.policy_search .form-group > .g_box > .group.wide_group > label.title{
		position: static !important;
		transform: none !important;
		width: auto !important;
		text-align: left !important;
		padding-right: 0 !important;
	}
}
/* PC(1025px+)에서만 .policy_search 한 줄 정렬 — L695 PC 미디어쿼리 .group{flex-direction:column} 보정 (모바일/타블릿은 기존 column 유지) */
@media (min-width: 1025px) {
	.search2025.search-task.policy_search .form-group > .g_box > .group.wide_group{display: flex !important; flex-direction: row !important; align-items: center !important; padding-left: 0 !important; gap: 10px;}
	.search2025.search-task.policy_search .form-group > .g_box > .group.wide_group > label.title{position: static !important; transform: none !important; flex: 0 0 auto; width: auto !important; margin-bottom: 0; text-align: left !important; padding-right: 0 !important;}
	.search2025.search-task.policy_search .form-group > .g_box > .group.wide_group .radio_wrap{display: flex; flex-wrap: nowrap; gap: 12px;}
	.search2025.search-task.policy_search .form-group > .g_box > .group.wide_group .radio_wrap span{white-space: nowrap;}
}

@media screen and (max-width:1024px){
.search2025.search-task .group,
.search2025.search-task .wide_group {padding-left: 0; }
.search2025.search-task .group > label.title,
.search2025.search-task .wide_group > label.title {position: static; transform: none; display: block; margin-bottom: 6px; width: auto; text-align: left; padding-right: 0; }
/* 1024 이하 라벨 좌측 정렬 보정 (글로벌 text-align:right 무력화) */
.search2025.search-task .group > label.title,
.search2025.search-task .wide_group > label.title {text-align: left !important; padding-right: 0 !important;}
/* proposalSearchListPage 등 PC용 음수 transform이 태블릿에서 첫 라디오 잘리는 문제 — 1024 이하에선 무력화 */
.search2025.search-task.proposalSearchListPage .g_box > .date_radio,
.search2025.publicHearingBbsSearch .g_box > .date_radio{transform: none !important;}
/* 공모전/수상작/수상후보작(.sub-contest) — 부모(.w1150)가 padding 없어 검색박스+목록 모두 풀폭 → 태블릿 좌우 20px 일괄 적용 */
.sub-contest > .w1150{padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box;}
/* 설문조사/협업이음 등 .MatchingSearch / .recordSearch PC용 좌우 padding 40px이 태블릿에서 안쪽 요소를 너무 안으로 밀어 다른 메뉴와 일관성 깨짐 → 1024이하 padding 축소 */
.search2025.search-task.MatchingSearch,
.search2025.search-task.recordSearch{padding: 16px !important;}
.search2025.search-task .group:last-of-type .g_box {display: flex; flex-wrap: wrap; }
.search2025.search-task .sn-b {width: 100%; margin-bottom: 8px; }
.search2025.search-task .g_box button {width: 100%;}
.search2025.publicHearingBbsSearch .g_box:first-of-type { display: flex; flex-wrap: nowrap; gap: 0px;}
/* 정책실명제 모바일/타블릿 — 내부 contentsarea padding(20px)을 보정해 검색박스를 상단 탭 폭까지 확장. ID 셀렉터로 Frame_v2/Empty 인라인 룰(main#content-2025 .search2025 margin:0)을 덮음 */
main#content-2025 .search2025.policy_search,
.search2025.policy_search {margin-left: -20px !important; margin-right: -20px !important; width: calc(100% + 40px) !important; box-sizing: border-box !important;}
}

@media screen and (max-width:768px){
.search2025.search-task .group_box{display: block !important;}
.search2025.search-task .group_box button{flex: 0 0 100%; width: 100%; height: 40px;}
.search2025.search-task {padding: 16px 12px; }
.search2025.search-task .label_wrap {gap: 8px 12px; }
.search2025.search-task .label_wrap label {font-size: 14px; }
.group_box{display: flex; flex-direction: column; }
.search2025.search-basic .noticeFlex {flex-direction: column; align-items: stretch; }
.search2025.search-basic .group, .search2025.search-basic .group {flex: 1 1 auto; min-width: 0; }
.search2025.search-basic .sn-b {flex: 1 1 100%; }
.search2025.search-basic .crd {flex: 0 0 140px; }
.search2025.search-basic button {flex: 0 0 100%; }
.search2025.search-basic .noticeFlex{display: block; }
.search2025.search-basic select {width: 100%; height: 40px; border-radius: 6px; padding: 0 12px; font-size: 15px; box-sizing: border-box; }
.search2025.search-basic .group .g_box {display: block;}
.search2025.search-task .group .fst{display: block;}
.search2025.search-task.propseSearch .g_box.flex{display: flex;}
.search2025.search-task.propseSearch .g_box { border: 0px solid red; display: block;}
.search2025.search-task.MatchingSearch .g_box.flex{display: flex;}
.search2025.search-task.MatchingSearch .g_box { border: 0px solid red; display: block;}
.search2025.search-task.propseSearch .g_box.flex{display: flex;}
.search2025.search-task.propseSearch .g_box { border: 0px solid red; display: block;}
.search2025.search-task .group:last-of-type .g_box {display: block; flex-wrap: nowrap; } 
.search2025.search-task.recordSearch .g_box.flex{display: flex !important; border:0px solid red;}
.search2025.search-task.recordSearch .g_box { border: 0px solid red; display: block;}
.search2025.publicHearingBbsSearch .g_box{display: block;}
.search2025.publicHearingBbsSearch .g_box .sn-b{margin-left:0px !important;}
.search2025.publicHearingBbsSearch .g_box:last-child {display: block;}

/*구분 전체를 한 줄로*/  
.search2025.policy_search .wide_group{display: flex; align-items: center; padding-left: 0 !important; gap: 10px;}
.search2025.policy_search .wide_group .title{flex: 0 0 auto; width: auto !important; margin-bottom: 0;}
.search2025.policy_search .radio_wrap{display: flex; flex-wrap: nowrap; gap: 12px;}
.search2025.policy_search .radio_wrap span{white-space: nowrap;}
.search2025.search-task #searchOrgNmTitle{border:0px solid red; transform: translate(0px, -10px);}
.search2025.search-task.activeCal #searchOrgNmTitle{transform: translateY(-50%) !important;}
@media screen and (max-width:1024px){
	.search2025.search-task.activeCal #searchOrgNmTitle{transform: none !important;}
}
.search2025.search-basic .g_box,
.search2025.search-basic .g_box .crd {width: 100%;}
.search2025.search-task select#searchQustnrSttusCode{width:100% !important;}
.search2025.publicHearingBbsSearch .g_box > .date_radio{transform: translate(0px,0px);}
    
/*타플랫폼 제안 검색 모바일*/
.search2025.search-task.otherPlatformListPage .g_box.fst > .g_box.flex {display: flex; flex-direction: row; align-items: center; gap: 8px; width: 100%;}
.search2025.search-task.otherPlatformListPage .g_box.fst > .g_box.flex .crd {flex: 1; min-width: 0;}
.search2025.search-task.otherPlatformListPage .g_box.fst > .g_box.flex .crd input {width: 100%; height: 44px; box-sizing: border-box;}
.search2025.search-task.otherPlatformListPage .date_radio, 
.search2025.search-task.otherPlatformListPage .period-btns {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px;}
.search2025.search-task.otherPlatformListPage .g_box {display: flex; flex-direction: column; gap: 12px; padding-right: 0;}
.search2025.search-task.otherPlatformListPage .group,
.search2025.search-task.otherPlatformListPage .group > div {width: 100%;}
.search2025.search-task.otherPlatformListPage input,
.search2025.search-task.otherPlatformListPage select {width: 100%; max-width: 100%; height: 44px; box-sizing: border-box;}
.search2025.search-task.otherPlatformListPage #searchPlatform {max-width: 100%; padding-right: 40px;}
.search2025.search-task.otherPlatformListPage .searchBtn,
.search2025.search-task.otherPlatformListPage .btn-search {width: 100%; display: flex;}
.search2025.search-task.otherPlatformListPage .searchBtn button,
.search2025.search-task.otherPlatformListPage .btn-search button {width: 100%; height: 48px; border-radius: 8px;}

}

/* 2025.03.31 퍼블리셔 추가 - 검색아이콘, 글자크기 버튼 */
.head-conts .h-top .tc-btns > li.search-c > a{padding-left: 26px; background: url(/images/common/scic1.png) no-repeat left center; background-size: auto 20px;}
.mp-box > li.zmsz{width: 50px;}
.mp-box > li.zmsz > span{display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; font-size: 12px; color: #fff; text-align: center; line-height: 1;}






/* 2026-05-14 */
.head-con-top{position: relative;padding: 20px 0;width: 100%;margin: 0 auto;border-bottom: 1px solid #dfdfdf;background: #fff;}
.head-ct-wp{width: calc(100% - 20px);max-width: 1200px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.head-ct-wp .lft-con{display: flex;align-items: center;}
.head-ct-wp .lft-con h1 a{display: inline-block;}
.head-ct-wp .lft-con .fs-btns{margin-left: 20px;}
.head-ct-wp .lft-con .fs-btns li{display: inline-block;}
.head-ct-wp .lft-con .fs-btns li > a{display: inline-block;width: 64px;line-height: 24px;border-radius: 3px;text-align: center;border: 1px solid #e5e5e5;font-size: 14px;color: #333;}
.head-ct-wp .lft-con .fs-btns li.on > a{background: #097c7c;border: 1px solid #097c7c;color: #fff;}
.head-ct-wp .lft-con .fs-btns li:nth-child(2).on > a{background: #e55096;border-color: #e55096;color: #fff;}
.fc-lg-after{margin-bottom: 15px;display: flex;align-items: center;justify-content: flex-end;}
.fc-lg-after .flog-box{display: flex;align-items: center;}
.fc-lg-after .flog-box p{position: relative; padding: font-size: 15px;color: #111;font-weight: bold;line-height: 1.1;}
/* .fc-lg-after .flog-box p:after{content: "";position: absolute;right: -14px;top: 2px;bottom: 2px;width: 1px;background: #d9d9d9;} */
.fc-lg-after .flog-box p.tim{color: #555;font-weight: 400;}
.fc-lg-after .flog-box p.tim a{display: inline-block;margin-left: 5px;padding-left: 16px;color: #111;background: url(/images/common/tim.png) no-repeat left center;}
.fc-lg-after .mpa-area > a{display: inline-block;font-size: 15px;color: #555;line-height: 1.1;font-weight: 500;padding-right: 20px;background: url(/images/common/apic.png) no-repeat right center;}
.head-ct-wp .rtt-con .tc-btns{display: flex;}
.head-ct-wp .rtt-con .tc-btns > li + li{margin-left: 35px;}
.head-ct-wp .rtt-con .tc-btns > li > a{display: inline-block;font-size: 18px;color: #111;font-weight: 600;line-height: 23px;}
.head-ct-wp .rtt-con .tc-btns > li.ytb-c > a{padding-left: 33px;background: url('/images/common/ytb.png') no-repeat left center;}
.head-ct-wp .rtt-con .tc-btns > li.join-c > a{padding-left: 31px;background: url('/images/common/join.png') no-repeat left center;}
.head-ct-wp .rtt-con .tc-btns > li.mypage-c > a{padding-left: 31px;background: url('/images/common/mypage.png') no-repeat left center;}
.head-ct-wp .rtt-con .tc-btns > li.log-c > a{padding-left: 28px;background: url('/images/common/log.png') no-repeat left center;}
.head-ct-wp .rtt-con .tc-btns > li.logout-c > a{padding-left: 28px;background: url('/images/common/logout.png') no-repeat left center;}
.head-ct-wp .rtt-con .tc-btns > li.lang-c > a{padding-left: 28px;background: url('/images/common/lang-c.png') no-repeat left center;}
.head-ct-wp .rtt-con .tc-btns > li.search-c > a{padding-left: 26px; background: url('/images/common/scic1.png') no-repeat left center; background-size: auto 20px;}
.search-box2026{display: none;position: absolute;left: 0;right: 0;top: 100%;z-index: 9000;box-shadow:4px 5px 8px rgba(0,0,0,0.05);}
.sbi-area-wp{padding: 30px 10px 30px;background: #fff;border-top: 1px solid #dfdfdf;z-index: 9000;position: relative;}
.sbi-area{width: 100%;max-width: 1200px;position: relative;margin: 0 auto;}
.sbi-in{width: 100%;max-width: 600px;margin: 0 auto;}
.sbi-in .input-search{position: relative;}
.sbi-in .input-search input{width: 100%;height: 52px;border-radius: 52px;box-sizing: border-box;padding: 0 45px 0 20px;border: 1px solid #dcdcdc;font-size: 17px;color: #222;}
.sbi-in .input-search input::placeholder{color: #b8b8b8;}
.sbi-in .input-search .btn-search-go{font-size: 0;position: absolute;right: 6px;top: 6px;bottom: 6px;width: 40px;height: 40px;border-radius: 100%;background: #097c7c url('/images/common/gic.png') no-repeat center center;}
.sbi-bottom{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.sbi-bottom > a{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;background: #f0f0f0;font-size: 0;position: relative;cursor: pointer;transition: background 0.2s;}
.sbi-bottom > a:hover{background: #e0e0e0;}
.sbi-bottom > a::before,.sbi-bottom > a::after{content:'';position: absolute;width: 18px;height: 2px;background: #555;border-radius: 2px;}
.sbi-bottom > a::before{transform: rotate(45deg);}
.sbi-bottom > a::after{transform: rotate(-45deg);}
.sb-chart-box{padding-left: 120px;position: relative;margin-top: 20px;}
.sb-chart-box > h3{position: absolute;left: 40px;font-size: 16px;color: #111;font-weight: 600;line-height: 1.1;}
.sb-chart-box > a{display: inline-block;font-size: 16px;color: #555;line-height: 1.1;margin-left: 12px;margin-bottom: 5px;}

@media screen and (max-width:1024px){
	.head-con-top{border-bottom: 0;}
	.fc-lg-after{display: none;}
	.fc-lg-after .flog-box p:after,
	.fc-lg-after .flog-box p::after{display: none !important;}
	.head-ct-wp .rtt-con .tc-btns{display: none;}
	.mo-hrt-box > a.mo-search-bn {padding-top: 43px !important; }
	.mo-hrt-box > a.mo-eng-bn {padding-top: 43px !important; }
	.mo-hrt-box > a.mo-open {padding-top: 43px !important; }
	#gnb-2025 > li > a {padding: 30px 20px !important; line-height: 0 !important; } /* 2026-06-14: 모바일 1뎁스 메뉴 줄높이를 메인 기준(0)으로 명시 — 서브가 contents.css의 body line-height(26px)를 상속해 칸이 커지던 문제 해결 */
	/* 검색박스 X버튼 — 모바일에서 오버레이 우상단으로 이동 */
	.sbi-area-wp{padding-top: 60px;}
	.sbi-area{position: static;}
	.sbi-bottom{position: absolute;right: 15px;top: 12px;transform: none;}
}

@media screen and (max-width:767px){
	.head-ct-wp .lft-con{display: block;position: relative;padding-top: 40px;}
	.head-ct-wp .lft-con .fs-btns{margin-left: 0;position: absolute;left: 0;top: 0;width: max-content;white-space: nowrap;}
	/* 모바일에서 로고 크기 축소: 우측(통합검색+전체메뉴) 잘림 방지 */
	.head-ct-wp .lft-con h1 a img{max-width: 110px;height: auto;}
	/* .rtt-con: 세로 column — .rtt-top(타이머)는 상단, .mo-hrt-box(아이콘)는 하단(margin-top:auto). 비로그인 시 .rtt-top 빈 div여도 .mo-hrt-box는 항상 로고 라인 */
	.head-ct-wp .rtt-con{min-height: 88px;display: flex;flex-direction: column;}
	.head-ct-wp .rtt-con .mo-hrt-box{margin-top: auto;}
	.sb-chart-box{padding-left: 80px;}
	.sb-chart-box > h3{left: 5px;}
}

/* matching(협업이음터) 검색 form input.text 가시화 */
.search2025 form#matchingListFrm input.text,
form#matchingListFrm input.text {
	border: 1px solid #c0c4d0 !important;
	border-radius: 4px !important;
	box-sizing: border-box !important;
}

/* .search2025.search-task PC (≥1025): 4-column grid로 위아래 row column 정렬 일치 (440/421/512/393/518/562 공통) */
@media (min-width: 1025px) {
	.search2025.search-task .form-group > .g_box {
		display: grid !important;
		grid-template-columns: repeat(4, 1fr) !important;
		row-gap: 36px !important;
		column-gap: 20px !important;
		align-items: end; /* 공모전 공고 - 검색 버튼 위치*/
	}
	/* .wide_group(이음기간/설문기간/등록일 등)은 전체 row 차지 + 라벨 좌측 정렬 통일 */
	.search2025.search-task .form-group > .wide_group,
	.search2025.search-task .form-group > .g_box > .wide_group {
		grid-column: 1 / -1 !important;
		padding-left: 0 !important;
	}
	.search2025.search-task .form-group > .wide_group > .title,
	.search2025.search-task .form-group > .g_box > .wide_group > .title {
		position: static !important;
		display: block !important;
		margin-bottom: 2px !important;
		width: auto !important;
		text-align: left !important;
		padding-right: 0 !important;
		transform: none !important;
		line-height: 20px !important;
	}
	/* wide_group 자체에도 아래 row와 큰 간격 부여 */
	.search2025.search-task .form-group > .wide_group {
		margin-bottom: 30px !important;
	}
	.search2025.search-task .form-group > .g_box > .group {
		padding-left: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		min-width: 0 !important;
	}
	/* 인라인 style="display:none;" (탭별 조건부 hide. 예: epilogue 페이지의 .group.cnddt/.rslt/.result) 가 위 display:flex !important에 덮이는 문제 보정 */
	.search2025.search-task .form-group > .g_box > .group[style*="display:none"],
	.search2025.search-task .form-group > .g_box > .group[style*="display: none"] {
		display: none !important;
	}
	.search2025.search-task .form-group > .g_box > .group > .title {
		position: static !important;
		margin-bottom: 0 !important;
		line-height: 18px !important;
		min-height: 18px !important;
		display: block !important;
		text-align: left !important;
		width: auto !important;
		padding-right: 0 !important;
	}
	/* btn-row-only(검색 버튼만 있는 group)의 빈 라벨도 같은 영역 차지 — 같은 row의 라벨/입력 정렬 일치 */
	.search2025.search-task .form-group > .g_box > .group.btn-row-only > .title {
		visibility: hidden !important;
	}
	.search2025.search-task .form-group > .g_box > .group input.text,
	.search2025.search-task .form-group > .g_box > .group select {
		width: 100% !important;
		max-width: 100% !important;
		height:40px;
		box-sizing: border-box !important;		
	}
	/* 검색 버튼 group은 항상 4번째 column으로 강제 (.g_box에 group 3개여도 col4 정렬) */
	.search2025.search-task .form-group > .g_box > .group.btn-row-only {
		/* grid-column: 4 !important; */
		justify-content: flex-end !important;
	}
	/* 정책실명제(policy_search) — group 수가 적어(구분/기관명/검색) 4컬럼 grid 비효율. flex 한 줄 정렬 + 세로 중앙 */
	.search2025.search-task.policy_search .form-group > .g_box {
		display: flex !important;
		grid-template-columns: none !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		gap: 20px !important;
	}
	.search2025.search-task.policy_search .form-group > .wide_group,
	.search2025.search-task.policy_search .form-group > .g_box > .wide_group {
		grid-column: auto !important;
		flex: 0 0 auto !important;
	}
	.search2025.search-task.policy_search .form-group > .g_box > .group {
		flex: 0 1 auto !important;
	}
	.search2025.search-task.policy_search .form-group > .g_box > .group.btn-row-only {
		grid-column: auto !important;
		margin-left: auto !important;
	}
}

/* 1024 이하 .search2025.search-task 폼 정렬 일관화 (562 정책제안통합검색, 421 설문조사참여 등) */
@media (max-width: 1024px) {
	.search2025.search-task .form-group .g_box {
		width:100%;
		flex-wrap: wrap !important;
	}
	.search2025.search-task .form-group .g_box > .group {
		flex: 1 1 100% !important;
		width: 100% !important;
		padding-left: 0 !important;
		margin-bottom: 8px !important;
	}
	.search2025.search-task input.text,
	.search2025.search-task select {
		width: 100% !important;
		height: 44px !important;
		box-sizing: border-box !important;
	}
	/* 라디오 라벨도 다른 라벨과 동일 굵기 (전체/1주일/1개월 등 들쑥날쑥 제거) */
	.search2025.search-task .date_radio label,
	.search2025.search-task .date_radio span label {
		font-weight: 500 !important;
	}
}

/* 검색 버튼 group 공통 — PC는 원래 form-group flex 자식 그대로, 1024 이하만 풀폭 별도 줄로 떨어뜨려 select/input과 겹침 방지 */
/* 적용: <div class="group btn-row-only"> 클래스 추가한 검색 버튼 group에만 영향 */
@media (max-width: 1024px) {
	/* 검색 버튼 group이 손자(.g_box > .group.btn-row-only) 형태일 때 부모 g_box도 wrap 허용 */
	.form-group .g_box:has(> .group.btn-row-only) {
		flex-wrap: wrap !important;
	}
	.form-group .group.btn-row-only {
		flex: 1 1 100% !important;
		width: 100% !important;
		margin-top: 12px !important;
	}
	.form-group .group.btn-row-only .g_box {
		width: 100% !important;
	}
	.form-group .group.btn-row-only button.btn_blue {
		width: 100% !important;
	}
}