/*
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

@font-face{
	font-family:"Pretendard GOV";
	font-weight: 900;
	font-display: swap;
	src:url(font/PretendardGOV-Black.woff2) format('woff2');
}
@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 800;
	font-display: swap;
	src: url(font/PretendardGOV-ExtraBold.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 700;
	font-display: swap;
	src: url(font/PretendardGOV-Bold.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 600;
	font-display: swap;
	src: url(font/PretendardGOV-SemiBold.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 500;
	font-display: swap;
	src: url(font/PretendardGOV-Medium.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 400;
	font-display: swap;
	src:url(font/PretendardGOV-Regular.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 300;
	font-display: swap;
	src: url(font/PretendardGOV-Light.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 200;
	font-display: swap;
	src:url(font/PretendardGOV-ExtraLight.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 100;
	font-display: swap;
	src: url(font/PretendardGOV-Thin.woff2) format('woff2');
}
*/
.display-justify{display:flex;justify-content: space-between; align-items: center; gap:10px; flex-wrap:wrap;}
.display-justify:has(.asvs_tit){align-items: flex-end} /* 혁신제안톡 - 상세 컨텐츠 타이틀 마진 값*/

/*
.Could_all{font-family: 'PretendardGOV', sans-serif;}
.Could_all *{font-family: inherit;}
*/
.top_category_line{margin-left: -5px;margin-top: -5px;margin-bottom: 28px;display: flex;flex-wrap: wrap;}
.top_category_line > li{margin-left: 5px;margin-top: 5px;width: calc(10% - 5px);box-sizing: border-box;height: 50px;text-align: center;display: table;}
/* .top_category_line > li.line2{width: calc(20% - 5px);} */
.top_category_line > li > a{position: relative;display: table-cell;vertical-align: middle;border: 1px solid #dbdbdb;border-radius: 8px;}
.top_category_line > li > a > p{font-size: 17px;color: #454545;font-weight: 500;line-height: 1.1;letter-spacing: -0.7px;}
.top_category_line > li:hover > a{border: 1px solid #102c61;background: #102c60;}
.top_category_line > li:hover > a > p{color: #fff;}
.top_category_line > li > a.on{border: 1px solid #102c61;background: #102c60;}
.top_category_line > li > a.on > p{color: #fff;font-weight: 600;}

.t_search_wp{margin-bottom: 30px;background: #f5f8fe;border-radius: 8px;padding: 29px 4.5%;}
.t_search_box + .t_search_box{margin-top: 8px;}
.t_search_box{padding-left: 100px;position: relative;}
.t_search_box > label{display: block;position: absolute;left: 0;top: 9px;font-size: 18px;color: #3b3b3b;font-weight: 500;line-height: 20px;}
/* 검색영역 안내 문구(통합검색 '전체' 속도 안내) : PC는 필드 컬럼(타이틀 100px≈9.5%)에 맞춰 들여쓴다 (JSP 인라인 style 이관) */
.t_search_note{color: #d33;padding: 6px 9.5% 0;font-size: 13px;}
.t_days_box{display: flex;align-items: center;min-height: 40px;}
.t_days_radio{display: flex;flex-wrap: wrap;justify-content: space-between;width:100%;margin-right: 40px; align-items: center}
.t_days_radio > span{display: inline-block;margin: 3px 5px 3px 0;position: relative;}
.t_days_radio > span > input[type='radio'] {position: absolute;top: 0;left: 0;opacity: 0;width: 0;height: 0;}
.t_days_radio > span > label{display: block;line-height: 23px;padding-left: 28px;font-size: 16px;color: #3b3b3b;font-weight: 400;}
.t_days_radio > span > input[type='radio'] + label{background: url('/images/front/propseTalk/ck_ic.png') no-repeat left center; background-size: 23px 23px;}
.t_days_radio > span > input[type='radio']:checked + label{background: url('/images/front/propseTalk/ck_ic_on.png') no-repeat left center;}
.t_crd_box{display: flex;align-items: center;min-height: 40px; max-width: 392px;}
.t_crd_box > span{width: 90px;display: inline-block;margin-right: 5px;position: relative;}
.t_crd_box > span > input[type='radio'] {position: absolute;top: 0;left: 0;opacity: 0;width: 0;height: 0;}
.t_crd_box > span > label{display: block;line-height: 23px;padding-left: 28px;font-size: 16px;color: #3b3b3b;font-weight: 400;}
.t_crd_box > span > input[type='radio'] + label{background: url('/images/front/propseTalk/ck_ic.png') no-repeat left center; background-size: 23px 23px;}
.t_crd_box > span > input[type='radio']:checked + label{background: url('/images/front/propseTalk/ck_ic_on.png') no-repeat left center;}
.t_crd_box > .crd_line{width: calc(100% - 95px);display: flex;}
.t_crd_box > .crd_line > span.crd{display: inline-block;width: calc(50% - 10px);position: relative;}
.t_crd_box > .crd_line > span.last{margin-left: 20px;}
.t_crd_box > .crd_line > span.last:before{content: "~";position: absolute;left: -20px;top: 10px;width: 20px;display: block;text-align: center;font-size: 18px;color: #3b3b3b;font-weight: 500;line-height: 20px;}
/* 우측 padding 38px = 달력 아이콘 폭 20px + 우측 위치 12px + 여유 6px — 좁은 화면에서 날짜 텍스트가 아이콘 영역을 침범하지 않게 확보 */
.t_crd_box > .crd_line > span.crd input{position: relative;width: 100%;height: 40px;border: 1px solid #cacaca;box-sizing: border-box;padding: 0 38px 0 14px;font-size: 16px;color: #555;background: #fff url('/images/front/propseTalk/daic.png') no-repeat right 12px center;}
.t_crd_box > .crd_line > span.crd input[type="date"]::-webkit-calendar-picker-indicator {opacity: 0;cursor: pointer;}
/* 목록 검색영역 - 제안일(기간) : 달력과 기간 라디오(전체/1주일~1년)를 한 줄로 붙인다.
   space-between 이 항목을 양끝으로 벌려 생기던 넓은 공백 제거 + .crd_line 의
   calc(100% - 95px) 는 삭제된 '직접입력' 라디오 자리라 폭을 100%로 되돌린다.
   적용 조건 : .t_days_radio 안에 .t_crd_box(달력)가 첫 자식이고 그 뒤에 기간 라디오가 오는 구조.
   대상 화면 : 혁신제안톡·정책공동설계·타플랫폼 제안·협업이음터·정책제안 통합검색 목록 */
.t_days_radio { justify-content: flex-start; width: auto; margin-right: 0; }
.t_days_radio > .t_crd_box { width: 420px; margin-right: 24px; }
.t_days_radio > .t_crd_box > .crd_line { width: 100%; }
.t_days_radio > span { margin: 3px 18px 3px 0; }
.t_days_radio > span:last-child { margin-right: 0; }
.t_inp_box{width: 100%;position: relative;}
.t_inp_box input{padding: 0 14px;box-sizing: border-box;width: calc(100% - 130px);height: 40px;border: 1px solid #cacaca;background: #fff;}
/* style.css 모바일(≤751px) 전역 규칙(select,textarea,input[type=text] 33px)과 특이성 동점이면 로드 순서에 따라 33px로 눌리는 화면이 생김(예: pcd 목록) → 특이성 우위(0,2,1)로 검색영역 input 높이를 로드 순서 무관 40px 고정 */
.t_inp_box input[type="text"]{height: 40px;min-height: 40px;}
.t_inp_box a{position: absolute;right: 0;top: 0;width: 120px;line-height: 40px;text-align: center;background: #3464d0;font-size: 18px;color: #fff;font-weight: 600;}
.t_inp_box a > span{display: inline-block;padding-left: 23px;background: url('/images/front/propseTalk/gic.png') no-repeat left center;}
/* ===== 안건 목록(pcd/propsenew) 검색행 확장 : 상태 셀렉트 + 검색유형 셀렉트 + 검색어 + 검색/초기화 (0710 수정) ===== */
.t_sel{height: 40px;border: 1px solid #cacaca;background: #fff;padding: 0 34px 0 12px;font-size: 16px;color: #555;-webkit-appearance: none;appearance: none;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpath fill='%23888888' d='M0 0h10L5 7z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 12px center;cursor: pointer;box-sizing: border-box;}
.t_sel_box{width: 100%;}
.t_sel_box .t_sel{width: 200px;max-width: 100%;}
.t_inp_box.t_inp_search{display: flex;align-items: center;gap: 0 14px;}
.t_inp_box.t_inp_search .t_sel{flex: 0 0 auto;width: 150px;}
.t_inp_box.t_inp_search > label.t_inp_label{flex: 0 0 auto;font-size: 18px;color: #3b3b3b;font-weight: 500;white-space: nowrap;margin: 0 2px 0 10px;min-width: 60px;}
.t_inp_box.t_inp_search > input{position: static;flex: 1 1 auto;width: auto;min-width: 0;}
.t_inp_box.t_inp_search .t_btn{position: static;flex: 0 0 auto;width: 110px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;font-weight: 600;}
.t_inp_box.t_inp_search .t_btn > span{padding-left: 0;background: none;}
.t_inp_box.t_inp_search .t_btn_search{background: #3464d0;}
.t_inp_box.t_inp_search .t_btn_reset{background: #767676;}
/* 구분 라디오 그룹(정책실명제 등)을 검색줄과 같은 40px 높이로 세로 중앙정렬 → 라벨과 나란히 */
.t_search_wp .radio_wrap{min-height: 40px;}
/* ===== 공모전(epilogue) t_search 전용 보정 (JSP <style>에서 이동) ===== */
/* 수상후보작 '수상후보작 공개기간' 긴 라벨 겹침 방지: 라벨영역 확대(날짜칸 오른쪽으로, 1줄 유지) */
.t_search_wp.pagetype-cnddt .t_search_box.cnddt > label{white-space: nowrap;}
/* 수상후보작 상단 여백 이슈: 앞의 .result(공모기간) 박스가 숨겨져도 인접(+) margin-top:24px이 .cnddt에 붙어 상단이 공고탭보다 높아짐 → 첫 표시 박스인 .cnddt의 상단 margin 제거 */
.t_search_wp.pagetype-cnddt .t_search_box.cnddt{margin-top: 0;}
/* 수상작 탭: 검색 한 줄뿐이라 상하 여백 축소 + 박스 상단 margin 제거 */
.t_search_wp.pagetype-rslt{padding-top: 14px; padding-bottom: 14px;}
.t_search_wp.pagetype-rslt .t_search_box{margin-top: 0;}
/* .sub-contest(공모전)의 select/input height:33px가 css0623보다 구체적이라 검색요소가 눌림 → 40px(버튼과 동일) 복원 */
.t_search_wp .t_inp_box.t_inp_search > .t_sel,
.t_search_wp .t_inp_box.t_inp_search > input,
.t_search_wp .t_crd_box .crd_line span.crd input{height: 40px; min-height: 40px; box-sizing: border-box;}
/* 공모전 모바일 날짜칸 이탈 방지: style.css .sub-contest input[type="text"]의 min-width:130px가
   모바일 날짜칸(span.crd 50%폭 ~110px)보다 커서 인풋이 검색박스 밖으로 삐져나감 → min-width 해제 */
.sub-contest .t_crd_box .crd_line span.crd input{min-width: 0;}

/* 마이페이지 */
.my_content .boardlist_top .search_box li .group .day-group {
	flex: 0 0 auto;
}

.my_content .boardlist_top .search_box li .group .day-group input {
	flex: 0 0 180px;
	width: 180px;
	min-width: 180px;
}

@media screen and (max-width: 640px){
	/*
	.t_sel_box .t_sel{width: 100%;}
	.t_inp_box.t_inp_search{flex-wrap: wrap;}
	.t_inp_box.t_inp_search .t_sel{width: 100%;}
	.t_inp_box.t_inp_search > input{width: 100%;flex: 1 1 100%;}
	.t_inp_box.t_inp_search .t_btn{flex: 1 1 0;width: auto;font-size: 16px;}
	*/
	/* 모바일: 인라인 라벨(검색구분/검색어/상태)을 각 필드 위 전체폭 블록으로 → 제안일·상태 등 박스 라벨과 왼쪽 정렬 */
	/*
	.t_inp_box.t_inp_search > label.t_inp_label{flex: 1 1 100%;width: 100%;min-width: 0;display: block;margin: 8px 0 4px 0;}
	*/
}
/* 태블릿(641~1024px): 검색줄을 [라벨줄 / 필드줄 / 버튼줄]로 정리한다. 아이패드 에어(820) 등에서
   셀렉트·라벨·입력칸·버튼이 전부 한 줄이라 검색어 입력칸이 몇 px로 눌리고, 셀렉트 3개인
   화면(타플랫폼·통합검색)은 줄이 화면 밖으로 넘쳤다.
   - 라벨(검색어/검색구분/상태) : 절대배치로 박스 타이틀(상태·유형 등)과 "같은 줄"에 올린다.
     left 158px = 선행 셀렉트 150px + 간격 8px → 자기 필드(뒤따르는 셀렉트·입력칸) 컬럼 바로 위.
     top -30px = 타이틀 줄높이 20px + 타이틀 아래여백 10px(이 구간 .t_search_box>label 규칙).
     맨 앞(전체폭) 줄로 빼면 선행 셀렉트까지 덮는 것처럼 보여 라벨 의미가 깨진다(시도 후 회귀).
     ※ 검색줄 16개 전부 [타이틀 라벨 + 셀렉트(150px) 1개 + 인라인 라벨 + 나머지] 구조라 고정값 성립.
   - 필드들(선행 셀렉트 포함) : 원래대로 전부 한 줄. input flex-basis 0 으로 재접힘 방지.
   - 검색/초기화(::after 줄바꿈 + order) : 모바일(≤640)과 동일하게 아래 전체폭 반반 줄 */
/*
@media screen and (max-width: 1024px) and (min-width: 641px){
	.t_inp_box.t_inp_search{flex-wrap: wrap;}
	.t_inp_box.t_inp_search > label.t_inp_label{position: absolute;left: 158px;top: -30px;margin: 0;line-height: 20px;}
	.t_inp_box.t_inp_search > input{flex: 1 1 0;}
	.t_inp_box.t_inp_search::after{content: "";flex-basis: 100%;order: 1;height: 0;}
	.t_inp_box.t_inp_search .t_btn{order: 2;flex: 1 1 0;width: auto;}
}
*/

.sbc_tcon{margin-top: 60px;margin-bottom: 18px;position: relative;border-bottom: 1px solid #3464d0;}
.sbc_tcon_rt{position: absolute;right: 0;bottom: 7px;display: flex;align-items: center;}
.sbc_tcon_rt > p{margin-right: 10px;font-size: 14px;color: #363636;line-height: 1.4;}
.sbc_tcon_rt > a{display: inline-block;width: 100px;line-height: 36px;border-radius: 36px;background: #102c60;text-align: center;font-size: 16px;color: #fff;letter-spacing: -1px;}
.sbc_tcon_rt > a span{display: inline-block;padding-right: 18px;background: url('/images/front/propseTalk/bic.png') no-repeat right center;}
.sbc_tcon_lf{position: absolute;left: 0;bottom: 8px;}
.sbc_tcon_lf > p{font-size: 25px;color: #444;font-weight: 600;line-height: 30px;padding-left: 40px;background: url('/images/front/propseTalk/cic1.png') no-repeat left top;}
.sbc_tab{margin-left: 1px;display: flex;flex-wrap: wrap;}
.sbc_tab.ct{justify-content: center;}
.sbc_tab > li{margin-left: -1px;position: relative;width: 140px;height: 45px;text-align: center;display: table;}
.sbc_tab > li > a{display: table-cell;vertical-align: middle;border: 1px solid #dbdbdb;border-radius: 8px 8px 0 0;border-bottom: 0;font-size: 16px;color: #606060;line-height: 1.2;}
.sbc_tab > li.on{z-index: 1;}
.sbc_tab > li.on:after{content: "";position: absolute;left: 0;right: 0;bottom: -1px;height: 1px;background: #fff;}
.sbc_tab > li.on > a{border: 1px solid #3464d0;color: #3464d0;font-weight: 500;border-bottom: 0;}

.ser_area{margin-bottom: 18px;display: flex;align-items: center;flex-wrap: wrap;justify-content: flex-end;}
/* 목록 정렬(최신순/추천순/의견순/분야별) : 라디오 버튼 아이콘을 없애고 텍스트 클릭으로 정렬.
   input[type='radio'] 요소 자체는 남겨둔다 - 키보드 방향키 그룹 이동과 스크린리더의
   '선택됨' 안내가 유지되어야 하므로 화면에서만 감춘다.
   선택 상태는 색상만으로 구분하지 않고 굵기(bold)를 함께 적용한다. */
.ser_ck{display: flex;flex-wrap: wrap;}
.ser_ck > span{display: inline-block;margin-right: 18px;position: relative;}
.ser_ck > span:last-child{margin-right: 0;}
.ser_ck > span > input[type='radio'] {position: absolute;top: 0;left: 0;opacity: 0;width: 0;height: 0;}
.ser_ck > span > label{display: block;line-height: 23px;font-size: 15px;color: #666;font-weight: 500;cursor: pointer;}
.ser_ck > span > input[type='radio']:checked + label{color: #4251bf;font-weight: 700;}
/* 키보드 포커스 표시 : 구형 브라우저는 :focus 로, 최신 브라우저는 마우스 클릭 시 제외 */
.ser_ck > span > input[type='radio']:focus + label{outline: 2px solid #4251bf;outline-offset: 2px;}
.ser_ck > span > input[type='radio']:focus:not(:focus-visible) + label{outline: none;}
.ser_ck > span > input[type='radio']:focus-visible + label{outline: 2px solid #4251bf;outline-offset: 2px;}
.ser_change{display: flex;}
.ser_change > a{margin-left: 5px;display: inline-block;width: 32px;height: 32px;}
.ser_change > a > span{font-size: 0;}
.ser_change > a.cards{border: 1px solid #e1e1e1;background: url('/images/front/propseTalk/cka1.png') no-repeat center center;}
.ser_change > a.tabs{border: 1px solid #e1e1e1;background: url('/images/front/propseTalk/cka2.png') no-repeat center center;}
.ser_change > a.cards.on{border: 1px solid #3464d0;background: url('/images/front/propseTalk/cka1_2.png') no-repeat center center;}
.ser_change > a.tabs.on{border: 1px solid #3464d0;background: url('/images/front/propseTalk/cka2_2.png') no-repeat center center;}

.ac_list_box{display: none;}
.ac_list_box.on{display: block;}

.bs_card_line{display: flex;flex-wrap: wrap;margin-left: -20px;margin-top: -20px;}
.bs_card_line > li{margin-left: 20px;margin-top: 20px;width: calc(33.33333333% - 20px) }
.bs_card_line > li > a{display: block;width: 100%;height: 100%;box-sizing: border-box;padding: 15px 15px 0;;background: #fff;box-shadow:0 0 15px rgba(0,0,0,0.1);border-radius: 15px;}
.bs_card_line > li .ac_top{ margin-bottom: 15px;display: flex;align-items: center; gap:6px }
.bs_card_line > li .ac_top > .lf_t{display: inline-block;padding: 0 10px;line-height: 30px; border-radius: 6px;font-size: 15px; font-weight:600; color: #000;letter-spacing: -1px;background: #b2fff8;}
.bs_card_line > li > a .ac_top > .lf_t.typ1{background: #246beb; color:#fff }
.bs_card_line > li > a .ac_top > .lf_t.typ2{background: #c0d5ff;}
.bs_card_line > li > a .ac_top > .lf_t.typ3{background: #00c68a; color:#fff}
.bs_card_line > li > a .ac_top > .lf_t.typ4{background: #cecece;}
.bs_card_line > li > a .ac_top > .lf_t.typ5{background: #c0d5ff;}
.bs_card_line > li > a .ac_top > .lf_t.typ6{background: #d435a8; color:#fff }
.bs_card_line > li .ac_top > .lf_t.doing { background:#D4356A; color:#fff }
.bs_card_line > li .ac_top > .lf_t.writing { background:#33833D; color:#fff }
.bs_card_line > li .ac_top > .lf_t.standby { background:#C84D00; color:#fff }
.bs_card_line > li .ac_top > .lf_t.end { background:#464e5e; color:#fff } 
.bs_card_line > li > a .ac_top > .rt_t{font-size: 15px;color: #363636;font-weight: 500;line-height: 1.1;letter-spacing: -1px;}
.bs_card_line > li > a .ac_title{font-size: 20px; font-weight:bold; color: #1d1d1d;line-height: 25px; height:50px; overflow: hidden;word-break: keep-all;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.bs_card_line > li > a .ac_cta{text-align: center;margin: 25px 0;display: table;width: 100%;height: 38px;}
.bs_card_line > li > a .ac_cta > p{font-size: 14px;color: #363636;line-height: 1.1;}
.bs_card_line > li > a .ac_cta.typ2{text-align: left;}
.bs_card_line > li > a .ac_cont > p strong{color: #6c6c6c;font-weight: 500;}
/*
.bs_card_line > li > a .ac_nums{padding: 13px 0;border-top: 1px solid #ececf5;display: flex;flex-wrap: wrap;justify-content: flex-end;}
.bs_card_line > li > a .ac_nums > span{display: inline-block;font-size: 13px;line-height: 16px;color: #3f3f3f;letter-spacing: -1px;padding-left: 20px;}
*/
.bs_card_line > li > a progress.recomend_prgrs {
	display: block;
    border: none;
    width: 100%;
    height: 3px;
    appearance: none;
    pointer-events:none;
}
.bs_card_line > li > a progress.recomend_prgrs::-webkit-progress-bar {
	background: #cecece;
}
.bs_card_line > li > a progress.recomend_prgrs::-webkit-progress-value {
	background: #ff7f63;
}
.bs_card_line > li > a .ac_nums{padding: 18px 0 20px; border-top: 1px solid #ececf5;display: flex;flex-wrap: wrap;justify-content: flex-end;}
.bs_card_line > li > a .ac_nums > span{display: inline-block;font-size: 14px;line-height: 16px;color: #4d4d4d;letter-spacing: -1px;padding:2px 0 0 20px;}
/* .bs_card_line > li > a .ac_nums > span + span{margin-left: 20px;} */
.bs_card_line > li > a .ac_nums > span.jo{background: url('/images/front/propseTalk/aic1.png') no-repeat left center; margin-left:12px;}
.bs_card_line > li > a .ac_nums > span.qa{background: url('/images/front/propseTalk/aic2.png') no-repeat left center; margin-left:10px;}
/* .bs_card_line > li > a .ac_nums > span.dat{background: url('/images/front/propseTalk/aic3.png') no-repeat left center;}*/ 
/* ===== 안건 카드/리스트 재구성(0710) : 참여기간·기관명(외N)·참여수. .ac_nums3 는 PCD 카드 전용(공용 css 영향 방지) ===== */
.bs_card_line > li > a .ac_cta.typ2{height: auto; margin: 10px 0;overflow: hidden;word-break: keep-all;-webkit-line-clamp: 1;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.bs_card_line > li > a .ac_cta.typ3{height: auto;min-height: 36px;margin: 10px 0; text-align:left }
.bs_card_line > li > a .ac_cont > p.ac_period { margin-bottom:6px }
.bs_card_line > li > a .ac_cont > p.ac_period,
.bs_card_line > li > a .ac_cta > p.ac_instt{font-size: 14px;line-height: 1.5;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color: #333;font-weight: 500;}
.bs_card_line > li > a .ac_cta > p.ac_instt i.cut-bar:before { content:''; display:inline-block; background:#333; width:1px; height:10px; margin:0 6px }
.bs_card_line > li > a .ac_nums.ac_nums3{justify-content: flex-start;}
.bs_card_line > li > a .ac_nums.ac_nums3 > span.part{padding-left: 0;}
.bs_card_line > li > a .ac_nums.ac_nums3 > span.part:before{content: '참여 ';color: #888;}
.bs_list_line > li  div > .ct_c > .ac_nums > span.instt{padding-left: 0;color: #102c60;font-weight: 500;}
.bs_list_line > li  div > .ct_c > .ac_nums > span.part{padding-left: 0;}
.bs_list_line > li  div > .ct_c > .ac_nums > span.part:before{content: '참여 ';color: #888;}
/* 추천/의견 아이콘 제거 + 글자 라벨 (카드=.ac_nums3 / 리스트=.ac_numsp 에만 적용, 공용 css 영향 방지) */
.bs_card_line > li > a .ac_nums.ac_nums3 > span.dat{background: none;padding-left: 0;}
.bs_card_line > li > a .ac_nums.ac_nums3 > span.jo:before{content: '공감 ';color: #888;}
.bs_card_line > li > a .ac_nums.ac_nums3 > span.qa:before{content: '의견 ';color: #888;}
.bs_card_line > li > a .ac_nums.ac_nums3 > span.dat:before{content: '등록일 ';color: #888;}
/* 혁신제안톡 카드(ac_numsT) : 제안일·공감·의견 라벨(아이콘 제거) + 제안자(ac_wrter) */
.bs_card_line > li > a .ac_cta > p.ac_wrter{font-size: 14px;line-height: 1.5;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #102c60;font-weight: 500;}
/* 혁신제안톡 카드 : 제목 아래 내용 미리보기(태그 제거 텍스트) 2줄 말줄임. PCD 카드엔 .ac_desc 없어 영향 없음 */
.bs_card_line > li > a .ac_desc{font-size: 16px;color: #6c6c6c;line-height: 20px;height: 40px;margin-top: 22px;overflow: hidden;word-break: keep-all;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.bs_card_line > li > a .ac_nums.ac_numsT{justify-content: flex-start;}
/*
.bs_card_line > li > a .ac_nums.ac_numsT > span.jo,
.bs_card_line > li > a .ac_nums.ac_numsT > span.qa,
.bs_card_line > li > a .ac_nums.ac_numsT > span.dat{background: none;padding-left: 0;}
.bs_card_line > li > a .ac_nums.ac_numsT > span.dat:before{content: '제안일 ';color: #888;}
.bs_card_line > li > a .ac_nums.ac_numsT > span.jo:before{content: '공감 ';color: #888;}
.bs_card_line > li > a .ac_nums.ac_numsT > span.qa:before{content: '의견 ';color: #888;}
*/
.bs_card_line > li > a .ac_nums.ac_numsT > span.dat:before{content: '제안일 ';color: #4d4d4d; padding-left:0}
.bs_card_line > li > a .ac_nums.ac_numsT > span.jo:before{content: '공감 ';color: #4d4d4d;}
.bs_card_line > li > a .ac_nums.ac_numsT > span.qa:before{content: '의견 ';color: #4d4d4d;}
/* 혁신제안톡 목록형(#talkRowList) : 제안자·제안일·공감·의견 라벨(아이콘 제거) + 상태칸 결과공개일 한 줄 */
#talkRowList > li  div > .ct_c > .ac_nums.ac_numsTL > span.usr,
#talkRowList > li  div > .ct_c > .ac_nums.ac_numsTL > span.dat,
#talkRowList > li  div > .ct_c > .ac_nums.ac_numsTL > span.jo,
#talkRowList > li  div > .ct_c > .ac_nums.ac_numsTL > span.qa{background: none;padding-left: 0;}
#talkRowList > li  div > .ct_c > .ac_nums.ac_numsTL > span.usr:before{content: '제안자 ';color: #888;}
#talkRowList > li  div > .ct_c > .ac_nums.ac_numsTL > span.dat:before{content: '제안일 ';color: #888;}
#talkRowList > li  div > .ct_c > .ac_nums.ac_numsTL > span.jo:before{content: '공감 ';color: #888;}
#talkRowList > li  div > .ct_c > .ac_nums.ac_numsTL > span.qa:before{content: '의견 ';color: #888;}
#talkRowList > li  div > .rt_c{width: 150px;}
#talkRowList > li  div > .rt_c > p.rls{white-space: nowrap; margin-top: 8px; font-size: 12px; color: #666; line-height: 1.3;}
.bs_list_line > li  div > .ct_c > .ac_nums.ac_numsp > span.jo,
.bs_list_line > li  div > .ct_c > .ac_nums.ac_numsp > span.qa,
.bs_list_line > li  div > .ct_c > .ac_nums.ac_numsp > span.dat{background: none;padding-left: 0;}
.bs_list_line > li  div > .ct_c > .ac_nums.ac_numsp > span.jo:before{content: '공감 ';color: #888;}
.bs_list_line > li  div > .ct_c > .ac_nums.ac_numsp > span.qa:before{content: '의견 ';color: #888;}
.bs_list_line > li  div > .ct_c > .ac_nums.ac_numsp > span.dat:before{content: '등록일 ';color: #888;}
/* 안건 목록형(#rowList) : 결과공개일을 한 줄로 표시하려고 상태칸을 조금 넓힘 (제안톡 등 타 목록 영향 없게 #rowList 스코프) */
#rowList > li  div > .rt_c{width: 150px;}
#rowList > li  div > .ct_c{width: calc(100% - 300px);}
#rowList > li  div > .rt_c > p.rls{white-space: nowrap; margin-top: 8px; font-size: 12px; color: #666; line-height: 1.3;}

.bs_list_line > li + li{margin-top: 20px;}
.bs_list_line > li{background: #fff;box-shadow:0 0 15px rgba(0,0,0,0.1);border-radius: 15px;padding: 20px 30px 20px 0;}
.bs_list_line > li > a{display:block; }
.bs_list_line > li > a > div{display: flex;align-items: center;justify-content: space-between; padding-right: 30px;background: url('/images/front/propseTalk/sic.png') no-repeat right center;}
.bs_list_line > li div > .lf_c{text-align: center;width: 150px;border-right: 1px solid #ececf5;}
.bs_list_line > li div > .lf_c > p{font-size: 15px;color: #102c60;font-weight: 500;line-height: 1.1;margin-bottom: 6px;}
.bs_list_line > li div > .lf_c > span{display: inline-block;width: 60px;height: 60px;border-radius: 8px;background: #f5f8fe url('/images/front/propseTalk/csi1.png') no-repeat center center;}
.bs_list_line > li div > .lf_c > span.ico1{background: #f5f8fe url('/images/front/propseTalk/csi1.png') no-repeat center center;}
.bs_list_line > li div > .lf_c > span.ico2{background: #f5f8fe url('/images/front/propseTalk/csi2.png') no-repeat center center;}
.bs_list_line > li div > .lf_c > span.ico3{background: #f5f8fe url('/images/front/propseTalk/csi3.png') no-repeat center center;}
.bs_list_line > li div > .lf_c > span.ico4{background: #f5f8fe url('/images/front/propseTalk/csi4.png') no-repeat center center;}
.bs_list_line > li div > .lf_c > span.ico5{background: #f5f8fe url('/images/front/propseTalk/csi5.png') no-repeat center center;}
/* [목록형 분야 아이콘] 카테고리 버튼(codeList 순서)과 동일한 as-is 아이콘.
   JS(applyCateIcons)가 span.cate_{code} 에 'demo-icon icon-b_{순서}' 를 부여 → 글리프는 style.css의 .icon-b_N(폰트/이미지) 그대로 사용.
   기타(G99)는 회색 빈 박스(아이콘 없음). */
.bs_list_line > li div > .lf_c > span[class^="cate_"]{background:#f5f8fe;text-align:center;line-height:60px;}
.bs_list_line > li div > .lf_c > span[class^="cate_"]:before{font-size:30px;color:#102c60;vertical-align:middle;}
.bs_list_line > li div > .lf_c > span.cate_G99{background:#f0f0f0;}/* 기타: 회색 박스(아이콘 없음) */
.bs_list_line > li div > .ct_c{width: calc(100% - 270px);box-sizing: border-box;padding: 0 4%;}
.bs_list_line > li div > .ct_c > p.tit{display: block;font-size: 20px;color: #444;line-height: 1.1;font-weight: 500;width:100%;height:46px;text-overflow: ellipsis;overflow: hidden;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2}
.bs_list_line > li div > .ct_c > p.txt{display: block;font-size: 16px;color: #333;line-height: 1.1;font-weight: 300;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top: 10px;}
.bs_list_line > li div > .ct_c > .ac_nums{margin-top: 20px;display: flex;flex-wrap: wrap; gap:20px;}
.bs_list_line > li div > .ct_c > .ac_nums > span{display: inline-block;font-size: 13px;line-height: 16px;color: #3f3f3f;letter-spacing: -1px;padding-left: 20px;}

.bs_list_line > li div > .ct_c > .ac_nums > span.jo{background: url('/images/front/propseTalk/aic1.png') no-repeat left center;}
.bs_list_line > li div > .ct_c > .ac_nums > span.qa{background: url('/images/front/propseTalk/aic2.png') no-repeat left center;}
.bs_list_line > li div > .ct_c > .ac_nums > span.dat{background: url('/images/front/propseTalk/aic3.png') no-repeat left center;}
.bs_list_line > li div > .rt_c{text-align: center;width: 120px;}
.bs_list_line > li div > .rt_c > span{display: inline-block;padding: 0 9px;line-height: 26px;border-radius: 26px;font-size: 14px;color: #505050;letter-spacing: -1px;background: #b2fff8;}
.bs_list_line > li div > .rt_c > span.typ1{background: #b2fff8;}
.bs_list_line > li div > .rt_c > span.typ2{background: #ffe8bb;}
.bs_list_line > li div > .rt_c > span.typ3{background: #ffd2d2;}
.bs_list_line > li div > .rt_c > span.typ4{background: #f0f0f0;}
.bs_list_line > li div > .rt_c > span.typ5{background: #e7e0ff;}
.bs_list_line > li div > .rt_c > p{margin-top: 10px;font-size: 14px;color: #363636;line-height: 1.1;}

.all_lists_no{text-align: center;padding: 80px 0;margin-bottom: 60px;}
.all_lists_no > p{font-size: 20px;color: #444;font-weight: 500;padding-top: 130px;background: url('/images/front/propseTalk/nofile.png') no-repeat center top;}

.paging_wp{margin: 50px 0;display: flex;justify-content: center;align-items: center;}
.paging_wp button{display: inline-block;box-sizing: border-box;border: 1px solid #dfdfdf;width: 34px;height: 34px;border-radius: 7px;font-size: 0;}
.paging_wp button.as-paging-first{margin-right: 5px;background: url('/images/front/propseTalk/pg_lf1.png') no-repeat center center;}
.paging_wp button.as-paging-pre{margin-right: 5px;background: url('/images/front/propseTalk/pg_lf2.png') no-repeat center center;}
.paging_wp button.as-paging-next{margin-left: 5px;background: url('/images/front/propseTalk/pg_rt2.png') no-repeat center center;}
.paging_wp button.as-paging-last{margin-left: 5px;background: url('/images/front/propseTalk/pg_rt1.png') no-repeat center center;}
.paging_wp > span{display: flex;max-width: calc(100% - 170px);flex-wrap: wrap;}
.paging_wp > span > a{margin:2px;display: inline-block;text-align: center;box-sizing: border-box;border: 1px solid #dfdfdf; padding:0 3px; min-width: 34px;height: 34px;line-height: 32px;border-radius: 5px;font-size: 13px;}
.paging_wp > span > a.on{border: 1px solid #3464d0;color: #3464d0;}


.vrtop_btns{margin-bottom: 10px;display: flex;justify-content: flex-end;align-items:center; gap:8px;}
.vrtop_btns > a{display: inline-block;padding: 0 9px;color: #3f3f3f;font-size: 14px;line-height: 32px;border-radius: 7px;box-sizing: border-box;text-align: center;vertical-align: middle;}
.vrtop_btns > a + a{margin-left: 3px;}
.vrtop_btns > a.lists_bn{border: 1px solid #bcbcbc;color: #3f3f3f;background: #fff;}
.vrtop_btns > a.prints_bn{border: 1px solid #0f3f8a;color: #fff;background: #0f3f7a;}
.vrtop_btns > a.prints_bn span{display: inline-block;padding-left: 20px;background: url('/images/front/propseTalk/prt.png') no-repeat left center;}

.asv_info_box{margin-bottom: 45px;background: #f5f8fe;border-radius: 8px;padding: 25px 4%;position: relative; width:100% }
.asv_info_box .rt_bx{float:right; display: flex;flex-wrap: wrap;align-items: center;}
.asv_info_box .rt_bx > p{padding-left: 22px;position: relative;font-size: 14px;color: #3f3f3f;font-weight: 300;line-height: 1.2;background: url('/images/front/propseTalk/guic.png') no-repeat left center; display: inline-flex; gap: 4px }
.asv_info_box .rt_bx > p span{color: #000;font-weight: 500;}
.asv_info_box .rt_bx > .sns_ac{margin-left: 8px;display: flex;flex-wrap: wrap;font-size: 0;}
.asv_info_box .rt_bx > .sns_ac > li{font-size: 0;margin-left: 4px;line-height: 1;}
.asv_info_box .rt_bx > .sns_ac > li > a{display: inline-block;font-size: 0;width: 30px;height: 30px;background-size: 30px;}
.asv_info_box .rt_bx > .sns_ac > li.as_sns1 > a{background: url('/images/front/propseTalk/snsa1.png') no-repeat center center;}
.asv_info_box .rt_bx > .sns_ac > li.as_sns2 > a{background: url('/images/front/propseTalk/snsa2.png') no-repeat center center;}
.asv_info_box .rt_bx > .sns_ac > li.as_sns3 > a{background: url('/images/front/propseTalk/snsa3.png') no-repeat center center;}
.asv_info_box .rt_bx > .sns_ac > li.as_sns4 > a{background: url('/images/front/propseTalk/snsa4.png') no-repeat center center;}
.asv_info_box .rt_bx > .sns_ac > li.as_sns5 > a{background: url('/images/front/propseTalk/snsa5.png') no-repeat center center;}
.asv_info_box .t_cps {margin-bottom:8px;}
.asv_info_box .t_cps > span{display: inline-block;padding: 0 14px;line-height: 32px;border-radius: 32px;font-size: 15px;color: #505050;letter-spacing: -1px;background: #b2fff8;}
.asv_info_box .t_cps > span.typ1{background: #b2fff8;}
.asv_info_box .t_cps > span.typ2{background: #ffe8bb;}
.asv_info_box .t_cps > span.typ3{background: #ffd2d2;}
.asv_info_box .t_cps > span.typ4{background: #f0f0f0;}
.asv_info_box .t_cps > span.typ5{background: #e7e0ff;}
.asv_info_box .t_cps > span.typ_realm{background: #fff;border: 1px solid #d9dde3;color: #666;line-height: 32px;margin-left: 6px;}
.asv_info_box .t_titles{padding-left: 5px;font-size: 24px;color: #444;font-weight: 600;line-height: 1.3;}
.asv_info_box .t_cps + .t_titles { margin-top:14px }
.asv_info_box .t_texts{margin-top: 10px; margin-left: -30px;padding-left: 5px;display: flex;flex-wrap: wrap;}
.asv_info_box .t_cps + .t_titles + .t_texts { margin-top: 10px; }
.asv_info_box .t_texts > li{position: relative;margin-left: 30px;line-height: 1.1;margin-top: 5px;font-size: 15px;color: #5f5f5f;font-weight: 400;}
.asv_info_box .t_texts > li span{font-weight: 500;}
.asv_info_box .t_texts > li:after{content: "";position: absolute;right: -15px;top: 50%;width: 1px;height: 13px;background: #c3c5cd;margin-top: -6px;}
.asv_info_box .t_texts > li:last-child:after{display: none;}

.anums_area{display: flex;flex-wrap: wrap;}
.anums_area > div{box-sizing: border-box;width: 50%;padding: 0 50px;}
.anums_area > .lf_ns{border-right: 1px solid #d2d2d2;}
.anums_area > .lf_ns {padding:0 }
.nums_line{display: flex;}
.nums_line > li{position: relative;width: 33.3333%;text-align: center; }
.nums_line > li:after{content: "";position: absolute;right:0; top: 18px;width: 12px;height: 22px;background: url('/images/front/propseTalk/jic.png') no-repeat center center;}
.nums_line > li:last-child:after{display: none;}
.nums_line > li > span{display: inline-block;width: 60px;line-height: 60px;background: #e6e6e6;border-radius: 100%;font-size: 22px;color: #ada5a5;font-weight: 700;}
.nums_line > li.on > span{background: #3464d0;color: #fff;}
.nums_line > li > p{margin-top: 18px;font-size: 16px;color: #363636;line-height: 1.2;letter-spacing: -1px;}
.nums_line > li > p strong{display: block;font-size: 18px;color: #444;font-weight: 500;margin-bottom: 5px;}
.reco_box.typ2{padding-top: 15px;}
.reco_box.typ3{padding-top: 35px;text-align: center;}
.reco_box.typ3 > .c_txt{font-size: 18px;color: #444;font-weight: 500;line-height: 20px;}
.reco_box.typ3 > .c_txt > span{display: inline-block;}
.reco_box.typ3 > .c_txt > span:before{margin-right: 4px;content: "";display: inline-block;width: 32px;height: 22px;background: url('/images/front/propseTalk/pic1.png') no-repeat center center;}
.reco_box.typ3 > .c_txt > span:after{margin-left: 4px;content: "";display: inline-block;width: 32px;height: 22px;background: url('/images/front/propseTalk/pic2.png') no-repeat left center;}
.reco_box > p.txt{font-size: 16px;color: #363636;line-height: 1.3;}
.reco_box > .grpa_line > .nums{text-align: right;font-size: 13px;color: #3f3f3f;line-height: 1.1;margin: 7px 0;}
.reco_box > .grpa_line > .lines{position: relative;width: 100%;height: 8px;border-radius: 8px;overflow: hidden;background: #ececec;}
.reco_box > .grpa_line > .lines > span{display: inline-block;font-size: 0;position: absolute;left: 0;top: 0;bottom: 0;width: 50%;background: #f35e82;}
.reco_box > .reco_line{margin-top: 15px;display: flex;justify-content: space-between; gap:20px;}
.reco_box > .reco_line > a{display: block;flex:1;height: 50px;border-radius: 8px;background: #fff;border: 1px solid #b7b7b7;display: flex;align-items: center;justify-content: center;}
.reco_box > .reco_line > a.as_on{border: 1px solid #ff5f79;background: linear-gradient(to right, #ff5f79, #a70c7e);}
.reco_box > .reco_line > a > p{text-align: center;font-size: 18px;color: #434343;line-height: 1.1;}
.reco_box > .reco_line > a.as_on > p{color: #fff;}
.reco_box > .reco_line > a.as_on > p{padding-left: 26px;background: url('/images/front/propseTalk/ric1.png') no-repeat left center;}
.reco_box > .reco_line > a.as_off > p{padding-right: 26px;background: url('/images/front/propseTalk/ric2.png') no-repeat right center;}
.reco_box > .reco_line > a.disabled { filter: grayscale(1); opacity: .6; pointer-events: none; }
h3.asvs_tit{margin-top: 40px;margin-bottom: 15px;font-size: 25px;color: #444;font-weight: 600;line-height: 1.1;}

.scrt_box{overflow: hidden;position: relative;}
.scrt_box + .scrt_box{margin-top:40px;}
.scrt_box .scrt_title{border-bottom: 1px solid #ddd; padding-bottom: 15px; font-size:20px;}
.scrt_scr{height: 140px; min-height:140px; overflow: hidden;}
.scrt_scr p{font-size: 17px;color: #636363;line-height: 1.5;}
.scrt_scr p + p{margin-top: 20px;}
.scrt_scr img{max-width:100%;}
/* 혁신제안-상세-결과보기 [정책반영 결과- 결과공개일] */
.scrt_box .result-data{padding-top:10px; margin-top:10px; color:#777; font-size:13px; border-top:1px solid #ddd;}
.scrt_bn{position: absolute;right: 30px;bottom: 20px;display: inline-block;line-height: 1.1;font-size: 15px;color: #3464d0;}
.scrt_bn > span{display: inline-block;position: relative;padding-right: 22px;}
.scrt_bn > span:after{transform: rotate(180deg);content: "";position: absolute;right: 0;top: 50%;margin-top: -4px;width: 12px;height: 8px;background: url('/images/front/propseTalk/sa.png') no-repeat center center;}
.scrt_bn.on > span:after{transform: rotate(0);}
.scrt_box.on .scrt_scr{height: auto;}
.scrt_box.on .scrt_scr img{width:100%;}
.scrt_box .text_wrap{padding:20px; overflow:hidden;}
.scrt_box .text_wrap:has(.scrt_scr){padding-bottom:70px;}
.as_question_area{border-top: 1px solid #a5a5a5;background: #fafafa;}
.files_area{padding: 20px 30px; border-bottom: 1px solid #e2e2e2;}
.files_area > li{display: flex;justify-content: space-between;align-items: center; padding:12px 0; gap:10px;}
.files_box{max-width: calc(100% - 170px);}
.files_box > p{display:inline-flex;align-items: center; font-size: 17px;color: #636363;width: 100%;}
.files_box > p > span{display: inline-block;margin-right: 5px;vertical-align: middle;}
.files_box > p .file-txt{display:inline-block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; position:relative;padding-left:30px;}
.files_box > p .file-txt:before{
	content:"";
	display:inline-block;
	width:20px;
	height:20px;
	background:url("/images/front/icon_download3.svg") no-repeat center center/contain;
	position:absolute;
	left:0;
    top: 2px;    
}
.files_gbn{display:flex;align-items:center; gap:10px;}
.files_gbn > a{display: inline-block;width: 80px;text-align: center;line-height: 30px;border-radius: 5px;border: 1px solid #678bdb;background: #fff;font-size: 15px;color: #3464d0;}

.as_question_box{padding: 30px}
.as_qna_box + .as_qna_box{margin-top: 20px;}
.as_qna_box{border: 1px solid #f0f0f0;background: #fff;}
.as_qna_box .imgs:has(img){display:block; max-width:500px; width:100%; /*aspect-ratio: 16 / 9;*/}
.as_qna_box .imgs > img{width:100%;height:100%;object-fit:contain}

.as_qna_nums{width: 100%;box-sizing: border-box;padding: 18px 30px;background: #f0f3f9;display: flex;align-items: center;}
.as_qna_nums > h4{width: 80px;font-size: 20px;color: #444;font-weight: 600;line-height: 1.3;}
.as_qna_nums > div{width: calc(100% - 88px);}
.as_qna_nums > div p.tit{font-size: 18px;color: #323232;line-height: 1.4;font-weight: 500;}
.as_qna_nums > div p.txt{margin-top: 3px;font-size: 16px;color: #717171;line-height: 1.4;font-weight: 300;}
.as_qna_wp{padding: 30px 30px 30px 118px;}

.sqa_radio > li + li{margin-top: 10px;}
.sqa_radio > li > span{display: inline-block; width:100%; position: relative;}
.sqa_radio > li > span > input[type='radio'] {position: absolute;top: 0;left: 0;opacity: 0;width: 0;height: 0;}
.sqa_radio > li > span > label{display:flex; column-gap: 4px; row-gap:10px; line-height: 23px;padding-left: 30px;font-size: 16px;color: #3b3b3b;font-weight: 400;}
.sqa_radio > li > span > label:has(img){ flex-wrap:wrap; column-gap: 20px;}
.sqa_radio > li > span > input[type='radio'] + label{background: url('/images/front/propseTalk/ck_ic.png') no-repeat left top; background-size: 23px 23px; }
.sqa_radio > li > span > input[type='radio']:checked + label{background: url('/images/front/propseTalk/ck_ic_on.png') no-repeat left top;}
.sqa_radio > li > span > input[type='radio'] + label > span{display: inline-block; min-width:34px;}


.qcs_lines{margin: 10px 0;display: flex;width: 100%;}
.qcs_lines > li{width: calc(50% - 20px);position: relative;}
.qcs_lines > li:last-child{margin-left: 40px;}
.qcs_lines > li:last-child:before{content: "VS";position: absolute;left: -40px;top: 50%;transform: translateY(-50%);width: 40px;text-align: center;font-size: 16px;color: #000;font-weight: 500;line-height: 20px;}
.qcs_lines > li .imgs{margin-bottom:10px;}
.qcs_lines > li > a{position: relative;text-align: center;display: inline-flex; align-items:center; justify-content: center; width: 100%;height:100%; font-size: 16px;color: #000;font-weight: 500;border: 1px solid #cacaca;background: #fff;overflow: hidden;font-size: 17px;color:#3b3b3b;padding:6px 10px;}
.qcs_lines > li:has(.imgs) > a{height:auto;}
.qcs_lines > li > a.on{background: #3464d0;color: #fff;}
.qcs_lines > li:last-child > a.on{background: #ab0f7e;}

.sqa_sec{display:grid; gap:40px;grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));}
.sqa_sec > li > select{width: 100%;box-sizing: border-box;height: 40px;padding: 0 15px;background: #fff url('/images/front/propseTalk/secic.png') no-repeat right 15px center;-webkit-appearance: none;-moz-appearance: none;word-wrap: break-word;}
.sqa_sec > li > p{margin-top: 5px;font-size: 15px;color: #717171;line-height:1.2;}
.sqa_sec > li .imgs:has(img){display:block; width:100%; max-width:100%;}
.sqa_sec > li .imgs > img{display:block; width:100%; height:100%;  object-fit:contain;}

.t_area_box textarea{width: 100%;height: 100px;border: 1px solid #cacaca;background: #fff;box-sizing: border-box;padding: 15px;}

.sqa_ckc > li + li{margin-top: 20px;}
.sqa_ckc > li > span{display: inline-block;position: relative;}
.sqa_ckc > li > span > input[type='checkbox'] {position: absolute;top: 0;left: 0;opacity: 0;width: 0;height: 0;}
.sqa_ckc > li > span > label{display:flex; line-height: 19px;padding-left: 30px;font-size: 16px;color: #3b3b3b;font-weight: 400; column-gap:4px; row-gap:10px;}
.sqa_ckc > li > span > input[type='checkbox'] + label{background: url('/images/front/propseTalk/ck_off.png') no-repeat left top; background-size: 19px 19px;}
.sqa_ckc > li > span > input[type='checkbox']:checked + label{background: url('/images/front/propseTalk/ck_on.png') no-repeat left top;color: #000;background-size: 19px 19px;}
.sqa_ckc > li > span > input[type='checkbox'] + label > span{display:inline-block; font-weight: 500; min-width:34px;}
.sqa_ckc > li > span > label:has(img){column-gap:20px;}
.sqa_ckc > li > span > input[type='checkbox'] + label > span.imgs{display: block; max-width: 500px; width: 100%;}
.ct_btns{display:flex; align-items:center; justify-content:center; text-align: center;margin: 35px 0; gap:20px;}
.ct_btns.srvy_btn_wrap{ margin-top:28px; margin-bottom:0;}
.ct_btns > a,.ct_btns > button{display: inline-block; max-width:230px; width:100%; padding: 0 20px; font-family:inherit; font-weight: 600; font-size: 20px;border-radius: 6px;line-height: 50px;background:#fff; color:#555; border:1px solid #d5dbe3;}
.ct_btns > a.submit_bn{border: 1px solid #0f3f8a;background: #0f3f7a;color: #fff;}
.ct_btns > a.listg_bn{border: 1px solid #0f3f7a;background: #fff;color: #0f3f7a;}
/* 응답 제출*/
.ct_btns .btn_submit {    
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);
    color: #fff;   
    box-shadow: 0 4px 12px rgba(25, 118, 210, 0.25);
}




.bc_area{border-top: 1px solid #a5a5a5;background: #fafafa;padding: 30px;}
.bc_box + .bc_box{margin-top: 12px;}
.bc_box{border: 1px solid #f0f0f0;background: #fff;}
.bc_box > .top_bc{padding: 15px 30px;background: #f0f3f9;display: flex;align-items: center;}
.bc_box > .top_bc > span{display: inline-block;margin-right: 10px;width: 80px;line-height: 30px;font-size: 17px;font-weight: 500;letter-spacing: -1px;border-radius: 5px;text-align: center;color: #eb764b;border: 1px solid #f7b8a1;background: #fff8f4;}
.bc_box > .top_bc > span.typ1{color: #eb764b;border: 1px solid #f7b8a1;background: #fff8f4;}
.bc_box > .top_bc > span.typ2{color: #2180d1;border: 1px solid #83aee9;background: #e2f2fc;}
.bc_box > .top_bc > span.typ3{color: #1e9e4a;border: 1px solid #8fd6a8;background: #eefaf1;}
.bc_box > .top_bc > p{width: calc(100% - 90px);font-size: 17px;font-weight: 500;letter-spacing: -1px;color: #4c4c4c;line-height: 1.2;}
.bc_box > .bot_bc{padding: 30px;}
.bc_box > .bot_bc > ul > li + li{margin-top: 16px;}
.bc_box > .bot_bc > ul > li{display: flex; align-items: center; width:100%; font-size: 16px;color: #717171;line-height: 1.3;}
.bc_box > .bot_bc > ul > li > span{padding-left: 10px;box-sizing: border-box;display: table-cell; vertical-align: top;  white-space:nowrap; padding-right: 4px;font-weight: 500;color: #3f3f3f;min-width: 90px;}
.bc_box > .bot_bc img{width:100%;}
.bc_box > .bot_bc .modify_text{display:flex;align-items: center; justify-content: center; width:100%;}
.bc_box > .bot_bc .modify_text textarea{width:calc(100% - 80px); height:40px; padding:9px 10px;}
.bc_box > .bot_bc .modify_text textarea ~ a{display:inline-flex; align-items: center; justify-content: center; width:80px; height:40px;padding: 0 10px; background: #0f3f7a; color:#fff;}
.bc_box > .bot_bc .answer_editor_view p,
.bc_box > .bot_bc .answer_editor_view ul,
.bc_box > .bot_bc .answer_editor_view ol,
.bc_box > .bot_bc .answer_editor_view li{margin: revert; padding: revert; list-style: revert;}
.bc_box > .bot_bc .answer_editor_view p:first-child{margin-top: 0;}
.bc_box > .bot_bc .answer_editor_view p:last-child{margin-bottom: 0;}
.bc_box > .bot_bc .answer_editor_view{flex: 1; min-width: 0; line-height: 1.6; overflow-x: auto;}
.bc_box > .bot_bc .answer_editor_view table{max-width: 100%; height: auto;}
.bc_box > .bot_bc .answer_editor_view img{max-width: 100%; height: auto;}

.idea_bot > li + li{margin-top: 50px;}
.idea_bot > li > .cons{padding-left: 70px;position: relative;}
.idea_bot > li > .cons > .ida_ic{position: absolute;left: 0;top: -8px;display: inline-block;width: 46px;}
.idea_bot > li.top_wt > .cons > .ida_ic{top: 50%;margin-top: -23px;}
.idea_bot > li > .cons > .ida_ic img{width: 100%;}
/* 혁신제안톡 의견 목록(opinion) 미세조정 — opinion 영역에만 스코프 */
/* 날짜 앞 | (em) 구분선 제거 + 이름-날짜 간격 유지 (댓글 앞 | 는 링크 border 라 유지) */
.comment .comment_list .reply_box .name_box .date em{display:none;}
.comment .comment_list .reply_box .name_box .date{margin-left:8px;}
/* 답글 인용 원댓글(comment_1): 이름·날짜 한 줄로 + 이름 옆 | 구분선 표시
   (.name 이 -webkit-box/min-height 라 블록처럼 잡혀 날짜가 아래로 밀리는 것 해제, 세로 중앙 정렬) */
.comment .comment_list .reply_box .comment_box .comment_1 .name_box{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:8px;}
/* 이름 앞 사람 아이콘 — 메인 댓글과 동일한 icon_01(16px). score 배경은 제거하고 ::before 로 통일 */
.comment .comment_list .reply_box .comment_box .comment_1 .name_box .name{display:inline-flex;align-items:center;min-height:0;padding:0;margin:0;line-height:1.2;background:none;}
.comment .comment_list .reply_box .comment_box .comment_1 .name_box .name::before{content:"";display:inline-block;width:16px;height:16px;margin-right:6px;flex:none;background:url(/images/front/icon_01.png) no-repeat center / contain;}
.comment .comment_list .reply_box .comment_box .comment_1 .name_box .date{margin:0;padding:0;line-height:1.2;}
.comment .comment_list .reply_box .comment_box .comment_1 .name_box .date em{display:inline;margin:0 6px;color:#bbb;font-style:normal;line-height:1.2;}
/* '댓글' 링크 왼쪽 구분선(border-left) 제거 (간격은 유지) */
.comment .comment_list .reply_box .name_box a{border-left:none;}
/* '전체의견 N건' 과 '최신순/추천순' 을 한 줄로 */
.comment #thinkReplyCnt{display:flex;align-items:center;gap:5px;}
.comment #thinkReplyCnt .section_top{margin-left:auto;}

/* ===== 의견영역 JSP 인라인 style 이관 (국민참여 detail.jsp / 혁신 propseTalkOpinionPage.jsp 공용) =====
   두 화면 모두 의견영역이 #opinion_wrap 안에 있어 한 곳에 정의한다.
   ※ 답글 입력창·케밥 드롭다운의 style="display:none" 은 JS 가 .show()/.toggle() 로 제어하는 값이라
      CSS 로 옮기면 다시 열리지 않으므로 인라인으로 남겨둔다. */
/* 의견 본문 — 입력한 줄바꿈을 그대로 보존 */
#opinion_wrap .comment_view_box{white-space:pre-line;}
/* 페이징의 처음/이전/다음/마지막 버튼 — 이동 불가일 때 자리는 유지한 채 숨김 */
#opinion_wrap .paging button.btn-off,
#opinionPaging .paging button.btn-off{visibility:hidden;}

/* ===== 댓글 트리(계층) — 국민참여 상세 / 혁신 상세 의견영역 공용 =====
   답글(.line)은 부모 .line 안쪽에 중첩되어 렌더된다.
   → 한 단계씩 들여쓰면서 연한 카드로 감싸 원댓글과 영역이 확실히 구분되게 한다.
   댓글은 최대 3Depth 이므로 중첩도 2단계까지만 생긴다. */
/* 답글 카드 : 배경·테두리를 .line 자체에 건다.
   하위 답글(.line)은 이 .line 안쪽에 중첩되므로, 3Depth 카드가 2Depth 카드 '안'에 들어간다.
   (.reply_box 에 걸면 하위 .line 이 형제라 카드 바깥으로 빠져나온다)
   border-bottom:0 은 table.css 의 .comment .comment_list .line{border-bottom:1px solid #d7d7d7} 해제 —
   구분선은 원댓글 단위로만 남긴다. */
.comment .comment_list .line .line{
	position:relative;
	border-bottom:0;
	margin:4px 0 0 22px;
	/* 왼쪽 여백(26px)은 카드 안에 ㄴ 표시를 놓을 자리.
	   오른쪽 여백은 0 — 여백을 주면 안쪽 카드와 좋아요/싫어요/⋮ 가 Depth 마다 왼쪽으로 밀려
	   1·2·3Depth 의 버튼 위치가 어긋난다. 본문 우측 여백은 .comment_box 에서 준다. */
	padding:6px 0 6px 26px;
	background:#f7f8fa;
	border:1px solid #ebeef2;
	border-radius:6px;
}
/* 3Depth : 2Depth 카드 안에 놓이므로 흰 바탕으로 한 번 더 구분 */
.comment .comment_list .line .line .line{
	margin-left:16px;
	background:#fff;
	border-color:#e3e7ed;
}
/* 각 계층의 마지막 답글(2·3Depth) 아래 여백 — 원댓글 구분선/부모 카드 하단과 붙지 않게 */
.comment .comment_list .line .line:last-child{margin-bottom:5px;}

/* 안건 상세 키워드(해시태그) — 안건내용 아래, 혁신제안톡 키워드 박스와 동일 위치. 태그 사이 간격만 부여 */
.bc_area .text_wrap .t_kywd{display:inline-block;margin-right:8px;}
/* 본문 ↔ 키워드 박스 사이엔 .scrt_box + .scrt_box{margin-top:40px} 미적용 — kywd_box 지점만 예외 (안건 상세·혁신제안톡 상세 공용) */
.bc_area .scrt_box + .scrt_box.kywd_box{margin-top:0;}
/* ㄴ 표시 : 카드 '안쪽' 왼쪽 여백에 배치 (카드마다 1개).
   카드 밖에 두면 2Depth 는 흰 바탕 위, 3Depth 는 상위 카드 위에 놓여 서로 달라 보이므로
   깊이와 무관하게 항상 자기 카드 안에서 같은 위치에 오도록 한다. */
.comment .comment_list .line .line::before{
	content:"";
	position:absolute; left:9px; top:10px;
	width:13px; height:13px;
	background:url(/images/front/comment.png) no-repeat center center;
	background-size:13px;
}
/* 카드 안에서는 본문 앞 ㄴ 아이콘과 좌측 여백을 없앤다 (ㄴ 는 카드 왼쪽으로 이동했으므로 중복 방지) */
.comment .comment_list .line .line .comment_box .comment_2{background:none; padding:0;}

/* ── 간격 정리 : 불필요한 여백을 줄여 한 화면에 더 많은 댓글이 보이도록 한다 ── */
/* 원댓글 상단 여백 (table.css 의 .comment .comment_list .line{padding:20px 0 0}) 축소 */
.comment .comment_list > .line{padding-top:8px;}
/* 이름줄 ↔ 본문 사이 여백 (style.css 의 .comment_list .line .comment_box{padding-top:10px}) 축소 */
.comment .comment_list .line .comment_box{padding-top:0;}
/* 카드 안 본문도 원댓글과 같은 좌측 들여쓰기(20px)를 줘 이름줄 글자와 세로선을 맞춘다.
   0 으로 두면 본문만 아바타 왼쪽으로 튀어나와 어긋나 보인다.
   우측 여백은 카드가 아닌 여기서 준다 (카드 우측 여백은 버튼 정렬 때문에 0). */
.comment .comment_list .line .line .comment_box{padding-left:20px; padding-right:12px;}

/* 답글 입력창은 '그 답글이 실제로 붙을 카드'의 왼쪽 라인에 맞춰 들여쓴다.
   (원댓글에서 열면 2Depth 카드 시작선, 2Depth 에서 열면 3Depth 카드 시작선)
   들여쓰기 값은 아래 #opinion_wrap .reply-box 기본 규칙(margin)에서 함께 지정한다. */
/* 기본 규칙이 #opinion_wrap(ID) 스코프라, 클래스만으로는 특정도가 밀린다 → ID 를 함께 쓴다 */
#opinion_wrap .comment_list .line .line .reply-box{margin-left:16px;}
/* 좋아요/싫어요/⋮ 는 원댓글과 완전히 같은 세로선에 놓여야 하므로 우측 여백을 따로 주지 않는다.
   (style.css 의 .comment .comment_list .reply_box .opinion_click{margin-right:30px} 를 그대로 상속)
   여기서 다른 값을 주면 그 차이만큼 Depth 별로 버튼이 어긋난다. */

@media screen and (max-width: 750px){
	.comment .comment_list .line .line{margin-left:12px; padding:6px 0 6px 24px;}
	.comment .comment_list .line .line .line{margin-left:10px;}
	.comment .comment_list .line .line::before{left:7px; top:9px;}
	.comment .comment_list .line .line .comment_box{padding-left:4px; padding-right:8px;}
	#opinion_wrap .reply-box{margin-left:12px;}
	#opinion_wrap .comment_list .line .line .reply-box{margin-left:10px;}
}

/* ===== 국민참여 상세(detail.jsp) 의견 영역 — 인라인 style 이관 =====
   댓글 본문/이름/좋아요 등 시각 스타일은 혁신 댓글 공용 CSS(style.css/table.css .comment 계열) 재사용.
   아래는 detail 전용 보조 스타일만 이관. (#opinion_wrap 은 공용 id 지만 .op-edit/.reply-box/.op-empty 는
   detail 전용 클래스와의 복합 셀렉터라 detail 에서만 적용 → 타 화면 영향 없음) */
/* 수정 입력창: [인풋(ed_ta) + 저장/취소] 한 줄 + 카운터(인풋 컬럼 안, 우측 정렬) 아래줄 */
#opinion_wrap .op-edit{display:flex;gap:8px;margin:10px 0;align-items:flex-start;}
#opinion_wrap .op-edit .ed_ta{flex:1;min-width:0;padding-left:30px; background: url(/images/front/comment.png) 5px 6px no-repeat;}
#opinion_wrap .op-edit .ed_ta textarea{width:100%;height:48px;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;}
#opinion_wrap .op-edit .ed_ta .reply_cnt{display:block;text-align:right;margin-top:4px;font-size:12px;color:#888;}
#opinion_wrap .op-edit .ed_btn{display:flex;gap:8px;}

/* 저장/취소 버튼 높이를 인풋(48px)에 맞추고 상단 정렬 → 카운터로 늘어나지 않음 */
#opinion_wrap .op-edit button{align-self:flex-start;height:48px;padding:0 14px;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;}
/* 수정 「저장」 버튼도 의견 저장·답글 등록 버튼과 같은 #5e6880 으로 통일.
   기존 #0f3f7a 는 짙은 남색이라 목록 안에서 지나치게 강조돼 보였다. */
#opinion_wrap .op-edit .save{border:1px solid #5e6880; color:#fff; background:#5e6880;}
#opinion_wrap .op-edit .save:hover{border-color:#4e5872; background:#4e5872;}
/* 답글 입력창: [인풋(rb_ta) + 답글등록 버튼] 한 줄 + 카운터(인풋 컬럼 안, 우측 정렬) 아래줄 */
/* margin-left 22px : 답글이 붙을 2Depth 카드의 시작선(.line .line 의 margin-left)과 맞춘 값
   margin-right 10px : 「답글 등록」 버튼의 오른쪽 끝을 케밥(⋮) 아이콘 세로선에 맞춘 값.
                       ⋮ 는 24px 박스 안에 가운데 정렬돼 있어 글리프가 오른쪽 끝에서 약 10px 안쪽에 온다. */
#opinion_wrap .reply-box{display:flex;gap:8px;margin:8px 10px 0 22px;align-items:flex-start;}
#opinion_wrap .reply-box .rb_ta{flex:1;min-width:0;}
#opinion_wrap .reply-box .rb_ta textarea{width:100%;height:44px;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;}
#opinion_wrap .reply-box .rb_ta .reply_cnt{display:block;text-align:right;margin-top:4px;font-size:12px;color:#888;}
/* 버튼 높이를 인풋(44px)에 맞추고 상단 정렬 → 카운터로 늘어나지 않음 */
/* 배경색은 같은 화면 의견 「저장」 버튼(.opinion a)의 #5e6880 과 맞춘다.
   기존 #4251bf 는 채도가 높아 목록에서 지나치게 튀었다. */
#opinion_wrap .reply-box button{align-self:flex-start;height:44px;padding:0 14px;background:#5e6880;color:#fff;border:0;border-radius:4px;cursor:pointer;}
#opinion_wrap .reply-box button:hover{background:#4e5872;}
#opinion_wrap .op-empty{padding:24px 10px;color:#888;text-align:center;font-size:14px;}
/* 의견 페이징 (#opinionPaging 은 detail 전용 id) */
#opinionPaging .paging{clear:both;overflow:hidden;width:100%;margin:30px 0;text-align:center;font-size:0;}
#opinionPaging .paging *{vertical-align:middle;}
/* 
#opinionPaging .paging span a{display:inline-block;padding:0 9px;text-align:center;color:#4d4d4d;font-size:14px;line-height:18px;}
#opinionPaging .paging span a:hover,#opinionPaging .paging span a.on{color:#ee5a12;font-weight:800;border-bottom:1px solid #ee5a12;}
#opinionPaging .paging button{width:28px;height:28px;border:1px solid #d7d7d7;text-indent:-99999px;font-size:0;cursor:pointer;}
#opinionPaging .paging button.btn-paging-first{margin-right:5px;background:url('/images/arrow_first.png') no-repeat 50%;}
#opinionPaging .paging button.btn-paging-pre{margin-right:10px;background:url('/images/arrow_pre.png') no-repeat 50%;}
#opinionPaging .paging button.btn-paging-next{margin-left:10px;background:url('/images/arrow_next.png') no-repeat 50%;}
#opinionPaging .paging button.btn-paging-last{margin-left:5px;background:url('/images/arrow_last.png') no-repeat 50%;}
*/
/* 첨부파일 목록 마지막 줄 하단 구분선 제거 (#atchSection 은 detail 전용 id) */
#atchSection .files_area:last-child{border-bottom:0;}

/* 혁신 상세 의견 입력 글자수 카운터 (N / 200). .opin_ta 는 의견 입력창 전용 wrapper 라 타 화면 영향 없음 */
.opinion .opin_ta{display:inline-block;position:relative;width:calc(100% - 180px);vertical-align:top;}
.opinion .opin_ta textarea{width:100%;margin:0;box-sizing:border-box; padding-right:75px;border-radius: 4px;}
.opinion .opin_ta .opin_cnt{position:absolute;right:8px;bottom:6px;font-size:12px;color:#888;background:rgba(255,255,255,.85);padding:0 4px;border-radius:3px;pointer-events:none;}
/* 답글 입력 글자수 카운터 — 인풋 컬럼(label) 안 textarea 아래, 인풋 오른쪽 라인에 맞춰 우측 정렬
   (label 이 곧 인풋 폭이라 매직넘버 없이 인풋 오른쪽 끝선과 정확히 정렬됨) */
.comment_2.modify_text > label .reply_cnt{display:block;text-align:right;margin-top:4px;font-size:12px;color:#888;}
/* 저장 버튼 높이를 인풋(textarea 70px)에 맞춤 — 카운터가 label 에 추가돼 stretch 로 버튼이 길어지는 것 방지 */
.comment_2.modify_text > a{align-self:flex-start;height:70px;}

/* ── 혁신 답글 입력창을 국민참여(.reply-box)와 같은 모양으로 맞춘다 ──
   혁신은 .comment_2.modify_text, 국민참여는 .reply-box 로 마크업이 달라
   그대로 두면 같은 댓글 UI 안에서 입력창 높이·버튼 색이 서로 달라 보인다.
   #opinion_wrap 스코프라 다른 화면에는 영향이 없다. */
/* 들여쓰기·우측 여백은 국민참여 .reply-box(margin:8px 10px 0 22px) 와 같은 값으로 맞춘다.
   답글 카드 안에서 열릴 때는 하위 카드 시작선(16px)에 맞춘다. */
#opinion_wrap .comment_2.modify_text{padding:0; margin:8px 10px 0 22px;}
#opinion_wrap .comment_list .line .line .comment_2.modify_text{margin-left:16px;}
/* 테두리·모서리를 국민참여 입력창(.rb_ta textarea)과 동일하게 준다.
   혁신은 테두리 지정이 없어 브라우저 기본 스타일로 보이고 포커스 표시도 달랐다. */
#opinion_wrap .comment_2.modify_text textarea{
	height:40px !important; padding:8px !important;
	border:1px solid #ccc; border-radius:4px; box-sizing:border-box;
	font-size:14px; line-height:1.5;
}
/* 버튼 폭은 「답글 등록」 글자가 줄바꿈되지 않도록 내용 기준 + 최소폭으로 잡는다.
   style.css 의 flex:0 0 80px / font-size:17px 이면 글자가 두 줄로 깨진다. */
#opinion_wrap .comment_2.modify_text > a{
	flex:0 0 auto !important; width:auto !important; min-width:92px;
	height:40px; padding:0 14px; font-size:15px; border-radius:4px;
	background:#5e6880; white-space:nowrap !important;
}
#opinion_wrap .comment_2.modify_text > a:hover{background:#4e5872;}

/* 의견영역 입력창 포커스 표시 — 국민참여(.reply-box/.op-edit)와 혁신(.comment_2.modify_text)을 동일하게.
   브라우저 기본 outline 에 맡기면 화면마다 다르게 보여 명시한다. */
#opinion_wrap .reply-box textarea:focus,
#opinion_wrap .op-edit textarea:focus,
#opinion_wrap .comment_2.modify_text textarea:focus,
#opinion_wrap .opin_ta textarea:focus{
	border-color:#2a6ebb;
	outline:none;
	box-shadow:0 0 0 2px rgba(42,110,187,.25);
}
#opinion_wrap .comment_2.modify_text > a.btn_cancel{background:#fff; color:#555; border:1px solid #ccc;}
#opinion_wrap .comment_2.modify_text > a.btn_cancel:hover{background:#f4f5f7;}
/* 수정 취소 버튼 — 보조(밝은) 스타일 */
.comment_2.modify_text > a.btn_cancel{background:#fff;color:#555;border:1px solid #ccc;}
.idea_bot > li > .cons > .t_white{display: flex;justify-content: space-between;align-items: center;}
.idea_bot > li > .cons > .t_white textarea{width: calc(100% - 83px);height: 42px;border: 1px solid #cacaca;background: #fff;padding:10px 15px;box-sizing: border-box; white-space: nowrap;} 
.idea_bot > li > .cons > .t_white a{display: inline-block;width: 80px;text-align: center;line-height: 42px;background: #0f3f7a;font-size: 17px;color: #fff;font-weight: 500;}
.idea_bot > li > .cons > div > .tit > p{display: inline-block;font-size: 18px;color: #444;font-weight: 500;line-height: 1.1;}
.idea_bot > li > .cons > div > .tit > span{display: inline-block;margin-left: 8px;font-size: 14px;color: #717171;font-weight: 300;line-height: 1.1;}
.idea_bot > li > .cons > div > p.txt{margin-top: 8px;font-size: 16px;color: #3b3b3b;line-height: 1.1;display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.idea_bot > li > .cons > div > .jo_a{position: relative;margin-top: 12px;display: flex;align-items: center;background: #eaf2f5;width: 160px;border-radius: 28px;}
.idea_bot > li > .cons > div > .jo_a:after{content: "";position: absolute;left: 50%;top: 50%;width: 1px;height: 14px;margin-top: -7px;background: #d4d7d8;}
.idea_bot > li > .cons > div > .jo_a > a{display: inline-block;width: 50%;text-align: center;padding: 7px 0;font-size: 13px;line-height: 16px;font-weight: 500;}
.idea_bot > li > .cons > div > .jo_a > a.jo1{color: #288be7;}
.idea_bot > li > .cons > div > .jo_a > a.jo2{color: #e85448;}
.idea_bot > li > .cons > div > .jo_a > a.jo1 > span{display: inline-block;padding-left: 30px;background: url('/images/front/propseTalk/jo1.png') no-repeat left center;}
.idea_bot > li > .cons > div > .jo_a > a.jo2 > span{display: inline-block;padding-right: 30px;background: url('/images/front/propseTalk/jo2.png') no-repeat right center;}
.idea_bot .op-more{display:flex; gap:10px; align-item:center; padding-left:10px;}
.idea_bot .op-more a{font-size:12px;color:#888;cursor:pointer;text-decoration:none;}
/* 댓글 css*/
.idea_bot .comment_box .comment_1{padding:15px 20px; font-size:14px;margin:10px 0; border-radius:10px;border: 1px solid #cdcdcd;}
.idea_bot .comment_box .comment_2.comment_view_box{}
.sdata_grp{margin-top: 50px;text-align: center;}


@media screen and (max-width: 1180px) {
	.bs_card_line > li{width: calc(33.33333333% - 20px);}
	
	.sbc_tcon_rt{position: static;display: block;text-align: center;margin-bottom: 30px;}
	.sbc_tcon_rt > p{margin-right: 0;font-size: 16px;margin-bottom: 15px;}
	.sbc_tcon_lf{position: static;margin-bottom: 20px;}
	.sbc_tcon_lf > p{font-size: 25px;color: #444;font-weight: 600;line-height: 30px;padding-left: 40px;background: url('/images/front/propseTalk/cic1.png') no-repeat left top;}
	
}

@media screen and (max-width: 1024px) {
	/* 마이페이지 */
	.my_content .boardlist_top .search_box li .group .day-group {
		flex: 1;
		min-width: 0;
	}

	.my_content .boardlist_top .search_box li .group .day-group input {
		flex: 1 1 0;
		width: auto;
		min-width: 0;
	}

	.top_category_line > li{width: calc(20% - 5px);height: 40px;}
	/* .top_category_line > li.line2{width: calc(40% - 5px);} */
	.top_category_line > li > a > p{font-size: 15px;}
	.t_search_note{padding: 6px 0 6px;}	/* 필드가 왼쪽 끝부터 시작하는 구간 — 안내 문구도 같은 선으로 좌측 정렬, 아래 구분 라벨과 6px 간격 */
	.t_crd_box{width: auto;}
	.t_days_radio > .t_crd_box { width: 100%; margin-right: 0; margin-bottom: 10px; }
	
	.bs_card_line > li{width: calc(50% - 20px);}
}

@media screen and (max-width: 767px) {
	.top_category_line > li{width: calc(25% - 5px);height: 40px;}
	.top_category_line > li.line2{width: calc(50% - 5px);}
	.t_days_radio > span > label{line-height: 18px;padding-left: 22px;}
	.t_days_radio > span > input[type='radio'] + label{background-size: 18px 18px;}
	.t_days_radio > span > input[type='radio']:checked + label{background-size: 18px 18px;}
	.t_crd_box > span{width: 75px;}
	.t_crd_box > span > label{line-height: 18px;padding-left: 22px;font-size: 14px;}
	.t_crd_box > span > input[type='radio'] + label{background-size: 18px 18px;}
	.t_crd_box > span > input[type='radio']:checked + label{background-size: 18px 18px;}
	.t_crd_box > .crd_line{width: calc(100% - 80px);}
	/* 모바일 : 아이콘 확보영역(우측 38px)을 빼고도 YYYY-MM-DD 전체가 보이도록 축소 */
	.t_crd_box > .crd_line > span.crd input{font-size: 14px;}
	.t_inp_box input{padding: 0 10px;width: calc(100% - 90px);}
	.t_inp_box a{width: 85px;font-size: 16px;}
	.t_inp_box a > span{padding-left: 20px;}
	.sbc_tab { justify-content: space-between }
	.sbc_tab > li{width:20%; height: auto;min-height: 46px; margin:0 }
	.sbc_tab > li > a > span{display: none }
	.sbc_tab.line4 > li{width:25%}
	.sbc_tab.line3 > li{width: calc(33.33333333% + 1px);}

	/* 모바일 : 라디오 아이콘 제거에 맞춰 좌측 여백 없이 텍스트만 배치 */
	.ser_ck > span{margin-right: 14px;}
	.ser_ck > span > label{line-height: 18px;font-size: 14px;}
	.ser_change > a{width: 29px;height: 29px;}
	
	
	.asv_info_box{margin-bottom: 40px;padding: 20px 4%;}
	.asv_info_box > .rt_bx{ margin-bottom: 15px;justify-content: flex-end; float:inherit}
	.asv_info_box > .rt_bx > .sns_ac > li > a{width: 26px;height: 26px;background-size: 26px;}
	.asv_info_box > .rt_bx > .sns_ac > li.as_sns1 > a{background-size: 26px;}
	.asv_info_box > .rt_bx > .sns_ac > li.as_sns2 > a{background-size: 26px;}
	.asv_info_box > .rt_bx > .sns_ac > li.as_sns3 > a{background-size: 26px;}
	.asv_info_box > .rt_bx > .sns_ac > li.as_sns4 > a{background-size: 26px;}
	.asv_info_box > .rt_bx > .sns_ac > li.as_sns5 > a{background-size: 26px;}
	.asv_info_box > .t_titles{font-size: 18px;line-height: 1.4;}
	.asv_info_box > .t_texts{margin-top: 15px;margin-left: -15px;}
	.asv_info_box > .t_texts > li{margin-left: 15px;}
	.asv_info_box > .t_texts > li:after{display: none;}
	
	.anums_area{display: block;}
	.anums_area > div{width: 100%;padding: 0;}
	.anums_area > .lf_ns{border-right: 0;border-bottom: 1px solid #d2d2d2;padding-bottom: 25px;margin-bottom: 25px;}
	.nums_line{display: flex;}
	.nums_line > li:after{top: 13px;}
	.nums_line > li > span{width: 46px;line-height: 46px;font-size: 18px;}
	.nums_line > li > p{margin-top: 15px;font-size: 14px;}
	.nums_line > li > p strong{font-size: 15px;}
	.reco_box{padding-bottom: 20px;}
	.reco_box.typ2{padding-top: 0;}
	.reco_box.typ3{padding-top: 0;}
	.reco_box > p.txt{font-size: 15px;}
	.reco_box > .reco_line > a > p{font-size: 16px;}
	
	h3.asvs_tit{font-size: 22px;}

	.scrt_box{padding: 20px 15px 40px 15px;}
	.scrt_scr p{font-size: 15px;}
	.scrt_bn{right: 10px;bottom: 50px;}
	
	
	.files_area{padding: 20px 15px;}
	.files_box{max-width: calc(100% - 150px);}
	.files_box > p{font-size: 15px;}
	.files_gbn{display:flex; align-items: center; gap:5px;}
	.files_gbn > a{width: 66px;line-height: 26px;font-size: 14px;}

	.as_question_box{padding: 20px 15px;}

	.as_qna_nums{display: block;height: auto;padding: 20px 15px;}
	.as_qna_nums > h4{width: auto;font-size: 18px;line-height: 1.1;margin-bottom: 8px;}
	.as_qna_nums > div{width: 100%;}
	.as_qna_nums > div p.tit{font-size: 16px;}
	.as_qna_nums > div p.txt{font-size: 15px;}
	.as_qna_wp{padding: 20px 15px;}


	.sqa_radio > li > span > label{line-height: 18px;padding-left: 22px;font-size: 14px;}
	.sqa_radio > li > span > input[type='radio'] + label{background-size: 18px 18px;}
	.sqa_radio > li > span > input[type='radio']:checked + label{background-size: 18px 18px;}

	.sqa_ckc > li + li{margin-top: 6px;}
	.sqa_ckc > li > span > label{line-height: 18px;padding-left: 22px;font-size: 14px;}
	.sqa_ckc > li > span > input[type='checkbox'] + label{background-size: 18px 18px;}
	.sqa_ckc > li > span > input[type='checkbox']:checked + label{background-size: 18px 18px;}
	.sqa_ckc > li > span > input[type='checkbox'] + label > span{margin-left: 10px;}
	
	.ct_btns > a,.ct_btns > button{padding:0 10px; font-size: 16px;line-height: 43px;}
	


	.bc_area{padding: 15px;}
	.bc_box > .top_bc{padding: 15px;}
	.bc_box > .top_bc > span{width: 70px;line-height: 26px;font-size: 15px;}
	.bc_box > .top_bc > p{width: calc(100% - 80px);font-size: 16px;}
	.bc_box > .bot_bc{padding: 20px 15px;}
	.bc_box > .bot_bc > ul > li + li{margin-top: 10px;}
	.bc_box > .bot_bc > ul > li{font-size: 15px; flex-direction: column; align-items: flex-start; row-gap:10px}
	.bc_box > .bot_bc > ul > li > span{padding-left: 5px;min-width: 80px;}

	.idea_bot > li + li{margin-top: 30px;}
	.idea_bot > li > .cons{padding-left: 53px;}
	.idea_bot > li > .cons > .ida_ic{top: -5px;width: 40px;}
	.idea_bot > li.top_wt > .cons > .ida_ic{top: 50%;margin-top: -20px;}
	.idea_bot > li > .cons > .t_white{display: flex;justify-content: space-between;align-items: center;}
	.idea_bot > li > .cons > .t_white textarea{width: calc(100% - 72px);height: 38px;padding: 8px 10px;} 
	.idea_bot > li > .cons > .t_white a{width: 70px;line-height: 38px;font-size: 15px;}
	.idea_bot > li > .cons > div > .tit > p{font-size: 16px;}
	.idea_bot > li > .cons > div > .tit > span{margin-left: 5px;font-size: 13px;}
	.idea_bot > li > .cons > div > p.txt{font-size: 15px;}

	.opinion .opin_ta{width:calc(100% - 130px)}
	.ser_area { justify-content: space-between }
}

@media screen and (max-width: 640px) {
	.paging_wp button{width: 30px;height: 30px;}
	.paging_wp > span{max-width: calc(100% - 130px);}
	.paging_wp > span > a{margin:1px;width: 30px;height: 30px;line-height: 28px;font-size: 12px;}

	.bs_card_line > li{width: calc(100% - 20px);}

	.bs_list_line > li {padding:20px;}
	.bs_list_line > li > a > div{padding-right: 0;background: none;display: block;}
	.bs_list_line > li  div > .lf_c{width: 100%;border-right: 0;border-bottom: 1px solid #ececf5;padding-bottom: 10px;margin-bottom: 15px;}
	.bs_list_line > li  div > .ct_c{width: 100%;padding: 0;}
	.bs_list_line > li  div > .ct_c > p.tit{font-size: 16px; height:auto }
	.bs_list_line > li  div > .ct_c > p.txt{font-size: 14px;}

	.bs_list_line > li  div > .ct_c > .ac_nums{gap:15px}
	/* 결과공개일만 아래 줄로 내려 의견 아이콘 아래로 들여쓰기 (윗줄 정렬은 그대로, 아이콘 유지) */
	.bs_list_line > li  div > .ct_c > .ac_nums > span.dat + span.dat{flex-basis:100%; margin-left:50px; margin-top:-13px;}
	.bs_list_line > li  div > .rt_c{text-align: center;width: 100%;margin-top: 20px;padding-top: 20px;border-top: 1px solid #ececf5;display: flex;align-items: center;justify-content: space-between;}
	.bs_list_line > li  div > .rt_c > span{padding: 0 7px;line-height: 24px;border-radius: 24px;font-size: 13px;}
	.bs_list_line > li  div > .rt_c > p{margin-top: 0;font-size: 13px;}
}

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

	/* 마이페이지 */
	.my_content .boardlist_top .search_box li.search_word .group > label {
		margin-left: 0;
	}

	.my_content .boardlist_top .search_box li.search_word .group .day-group {
		margin-top: 4px;
		gap: 4px;
		min-width: 0;
	}

	.my_content .boardlist_top .search_box li.search_word .group .day-group input {
		flex: 1 1 0;
		width: 0;
		min-width: 0;
	}

	.my_content .boardlist_top .search_box li.search_word .group .day-group input::placeholder {
		font-size: 14px;
		letter-spacing: -0.5px;
	}

	.my_content .boardlist_top .search_box li.s_code {
		margin-top: 12px;
	}

	.my_content .boardlist_top .search_box li.search_word.type3 {
		margin-top: 12px;
	}

	.my_content .boardlist_top .search_box li.search_word.type3 .btn_blue {
		margin-top: 8px;
	}

	.files_area > li{flex-direction: column; align-items: flex-start;}
	.files_box{width:100%; max-width:100%;}
	
	.t_crd_box > .crd_line{width:100%;}
	.top_category_line > li{width: calc(33% - 5px);}
	.top_category_line > li.line2{width: calc(100% - 33% - 10px);}
	
	/* .sbc_tab > li > a{font-size:13px;} */
	.idea_bot .comment_box .comment_1{padding:10px;}
	
	.ct_btns > a{max-width:100%; flex:1;}
	
	#opinion_wrap .op-edit{flex-wrap:wrap;}
	#opinion_wrap .op-edit .ed_ta{flex: 0 0 100%;}
	#opinion_wrap .op-edit .ed_btn{padding-left:30px;width: 100%; justify-content:center; }
	#opinion_wrap .op-edit button{height:35px; flex:1; font-size:14px;}
	.opinion .opin_ta { width:100% }
	.scrt_box{padding: 10px 0 20px }
}

/* 제안자 추가의견 top_bc 영역의 수정/삭제 버튼을 dl 버전과 동일하게 */
/* p가 고정폭을 버리고 남는 폭만 차지하도록 */
.bc_box > .top_bc > p{width:auto; flex:1; min-width:0;}

/* 버튼 묶음은 줄바꿈/축소 금지 */
.bc_box > .top_bc .write_btn_group2{margin-left:auto; flex-shrink:0; white-space:nowrap; position:relative;}
.bc_box > .top_bc .write_btn_group2 a{
	display:inline-block; box-sizing:border-box;
	border:1px solid #ddd; background:#fff;
	font-size:13px; font-weight:normal; line-height:1.2;
	padding:4px 8px; color:#4984d9;
}
.bc_box > .top_bc .write_btn_group2 a:nth-child(2n){color:red;}

/* opinion 없는 propsr_answer 의 textarea 만 대상 (위 요소는 제외) */
.propsr_answer:not(.opinion) textarea{
  width:calc(100% - 80px); height:70px; padding:5px; font-size:13px;
  border:1px solid #ddd; box-sizing:border-box;
  margin:0;   /* 시작 위치는 아래 요소 기준 → 왼쪽 들여쓰기 없음 */
}
.propsr_answer:not(.opinion) a{    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height:70px;
    padding: 0 10px;
    background: #0f3f7a;
    font-size: 17px;
    color: #fff;
}

/* 컨테이너: 등록 영역처럼 flex 양끝 정렬 */
.propsr_answer:not(.opinion){display:flex; justify-content:space-between; align-items:center;}

.propsr_answer{ margin-bottom:12px;}
.srvy_preview_bar { max-width:900px; margin:20px auto 0; background:#fff8e1; border:1px solid #ffd54f; color:#8a6d00; padding:12px 18px; border-radius:8px; font-size:14px; font-weight:600; text-align:center; }
.srvy_empty_box { border:1px solid #f0f0f0; background:#fff; padding:60px 0; text-align:center; color:#888; }
.srvy_btn_wrap .preview_note { padding:13px 24px; color:#8a6d00; font-size:14px; font-weight:600; }
.as_qna_nums .req{display:inline-block;color:#e53935;margin-left:2px;margin-right:4px;font-size:16px;font-weight:700;vertical-align:middle;}
.as_qna_nums .qtype_badge{display:inline-block;padding:2px 8px;background:#e3f2fd;color:#1565c0;border-radius:4px;font-size:12px;vertical-align:middle;font-weight:500;margin-left:6px;}


.idea_bot .comment_box .comment_1 .name_box{display:flex;align-items:center;gap:6px;}
.idea_bot .comment_box .comment_1 .ida_ic_sm{display:inline-block;width:20px;flex-shrink:0;}
.idea_bot .comment_box .comment_1 .ida_ic_sm img{width:100%;}
.idea_bot .comment_box .comment_1 .name{font-size:15px;font-weight:600;}


/* ===========================================================================
 * 목록화면 전용 스타일 모음 — 2026-08-11 이관
 * 원래 각 JSP 의 인라인 <style> 블록에 있던 규칙이다. 화면 한정 클래스를
 * 컨테이너(.Could_all)에 부여하고 모든 선택자를 그 클래스로 감싸 적용 범위를
 * 이관 전(해당 화면 only)과 동일하게 유지한다.
 *   .page-propsetalk-list : front/propseTalk/propseTalkListPage.jsp
 *   .page-pcd-list        : front/pcd/propsenew/list.jsp
 * =========================================================================== */

/* ---------------------------------------------------------------------------
 * 혁신제안톡 목록 전용 (JSP 인라인 style → 이관). 선택자는 .page-propsetalk-list 로 한정해
 * 같은 클래스를 쓰는 다른 화면에 영향이 가지 않게 한다.
 * --------------------------------------------------------------------------- */
/* 페이징 숫자 박스 여유 — 4자리(예: 1510) 페이지에서도 빡빡하지 않게 (JSP 내 오버라이드) */
.page-propsetalk-list .paging_wp span a{ width: auto !important; min-width: 34px; padding: 0 10px !important; box-sizing: border-box; }
.page-propsetalk-list .paging_wp span{ gap: 4px; }
/* 모바일 : 마지막 블록 등 3자리 페이지에서 번호가 2줄로 줄바꿈되던 UI 오류 방지.
   css0623 의 .paging_wp>span{max-width:calc(100%-130px); flex-wrap:wrap} 제한을 풀고 한 줄 유지(+넘치면 가로 스크롤), 번호 박스 축소 */
@media screen and (max-width: 768px) {
	.page-propsetalk-list .paging_wp{ flex-wrap: nowrap; }
	.page-propsetalk-list .paging_wp > span{ max-width: none !important; flex-wrap: nowrap !important; overflow: visible; }
	/* flex-shrink 로 번호 박스가 줄어 3자리(111 등) 3번째 숫자가 잘리던 문제 방지:
	   축소 금지(flex:0 0 auto) + 내용 폭에 맞춤(width:auto) + 넘침 방지 해제(overflow:visible) */
	.page-propsetalk-list .paging_wp > span > a{ flex: 0 0 auto; width: auto !important; padding: 0 6px !important; font-size: 12px; margin: 0 !important; overflow: visible; white-space: nowrap; }
	.page-propsetalk-list .paging_wp button{ flex: 0 0 auto; }
}
/* 초기화 버튼: 회색 + 글자 가운데정렬 + 돋보기 아이콘 제거 */
.page-propsetalk-list .t_search_box .t_inp_box > a.t_reset{ background: #888888 !important; text-align: center !important; }
.page-propsetalk-list .t_search_box .t_inp_box > a.t_reset > span{ padding-left: 0 !important; background: none !important; }
/* 카드형 안내문구(ac_cta typ2): 카드 폭 벗어나면 한 줄 ... 말줄임 (긴 진행상태 안내문구 대응). 제목(ac_title)은 css0623에서 3줄 말줄임 처리됨 */
/*
.page-propsetalk-list .bs_card_line > li > a > .ac_cta.typ2{ height: 38px; }
.page-propsetalk-list .bs_card_line > li > a > .ac_cta.typ2 > p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
*/
.page-propsetalk-list .bs_card_line > li > a > .ac_cta.typ2{ height: 44px; display:flex; flex-direction: column-reverse; }
.page-propsetalk-list .bs_card_line > li > a > .ac_cta.typ2 > p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#333; font-size:15px }
/* 안내문구 1줄 / 결과공개일 2줄 사이 간격 */
/* .page-propsetalk-list .bs_card_line > li > a > .ac_cta.typ2 > p + p{ margin-top: 6px; } */
/* AI민주정부/정보(G17): 목록형 아이콘 — 분야명 표기(정보/정부) 매칭 실패해도 코드(G17)로 직접 이미지 지정 */
.page-propsetalk-list .bs_list_line > li > div > .lf_c > span.cate_G17:before{content:'';display:inline-block;width:40px;height:40px;background:url('/images/icons/ai-democracy-category-v2.png') no-repeat center center;background-size:contain;vertical-align:middle;}
/* 목록형 ac_nums 제안자(닉네임) — 댓글(qa)과 제안일(dat) 사이. 사람 아이콘(인라인 SVG) + 말줄임 */
.page-propsetalk-list .bs_list_line > li > div > .ct_c > .ac_nums > span.usr{background:url('/images/front/index/img-sub/ico-man.png') no-repeat left center;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
/* 모바일: 페이징 한 줄 표시 — 번호는 JS(fnTrimPagingMobile)로 5개만 노출되므로 축소 없이 내용 폭에 맞춤.
   (예전 width:20px 강제 방식은 3자리 숫자가 넘쳐 겹쳐서 제거) */
@media screen and (max-width: 640px){
	.page-propsetalk-list .paging_wp > span{ max-width: none !important; flex-wrap: nowrap !important; }
	.page-propsetalk-list .paging_wp > span > a{ flex: 0 0 auto !important; width: auto !important; min-width: 28px !important; height: 28px !important; line-height: 26px !important; margin: 0 !important; padding: 0 5px !important; font-size: 12px !important; overflow: visible !important; white-space: nowrap !important; }
	.page-propsetalk-list .paging_wp button{ width: 28px !important; height: 28px !important; }
	.page-propsetalk-list .paging_wp button.as-paging-first, .page-propsetalk-list .paging_wp button.as-paging-pre{ margin-right: 2px !important; }
	.page-propsetalk-list .paging_wp button.as-paging-next, .page-propsetalk-list .paging_wp button.as-paging-last{ margin-left: 2px !important; }
}
/* 리스트형 메타행 : 제안일(span.dat)을 결과공개일(p)과 동일한 글자 크기로 통일 +
   결과공개일 p의 큰 기본 line-height(≈1.5) 때문에 메타행이 높아져 생기던 '제안일 하단 여백' 제거 */
.page-propsetalk-list .bs_list_line > li div > .ct_c > .ac_nums{ align-items: center; }
.page-propsetalk-list .bs_list_line > li div > .ct_c > .ac_nums > span.dat,
.page-propsetalk-list .bs_list_line > li div > .ct_c > .ac_nums > p,
.page-propsetalk-list .bs_list_line > li div > .ct_c > .ac_nums > p strong{
	font-size: 13px; line-height: 16px; color: #3f3f3f;
}
.page-propsetalk-list .bs_list_line > li div > .ct_c > .ac_nums > p{ margin: 0; }

/* 검색어 입력칸 : 한글 입력기 기본 활성 (JSP 인라인 style 에서 이관) */
/* 한글 입력 모드 유도 (구 IE 전용, 현행 브라우저 미지원) */
.page-propsetalk-list #search_txt, .page-propsetalk-list #search_txt_rgst{ ime-mode: active; }

/* ---------------------------------------------------------------------------
 * 정책공동설계 목록 전용 (JSP 인라인 style → 이관). 선택자는 .page-pcd-list 로 한정해
 * 같은 클래스를 쓰는 다른 화면에 영향이 가지 않게 한다.
 * --------------------------------------------------------------------------- */
/* 목록형 분야 아이콘 — 기타(99)는 글리프 대신 점 3개(...) 표시 */
.page-pcd-list .bs_list_line > li > div > .lf_c > span.dot{ background:#f5f8fe; display:inline-flex; align-items:center; justify-content:center; gap:5px; }
.page-pcd-list .bs_list_line > li > div > .lf_c > span.dot > i{ width:7px; height:7px; border-radius:50%; background:#102c60; display:inline-block; }
/* 모바일: 페이징 한 줄 표시 (혁신제안톡 동일) — 번호는 JS(fnTrimPagingMobile)로 5개만 노출.
   축소 없이 내용 폭에 맞춤(겹침/잘림 방지), overflow:visible로 스크롤바(회색 바) 제거 */
@media screen and (max-width: 640px){
	.page-pcd-list .paging_wp{ flex-wrap: nowrap; }
	.page-pcd-list .paging_wp > span{ max-width: none !important; flex-wrap: nowrap !important; overflow: visible; gap: 3px !important; }
	.page-pcd-list .paging_wp > span > a{ flex: 0 0 auto !important; width: auto !important; min-width: 28px !important; height: 28px !important; line-height: 26px !important; margin: 0 !important; padding: 0 5px !important; font-size: 12px !important; overflow: visible !important; white-space: nowrap !important; }
	.page-pcd-list .paging_wp button{ flex: 0 0 auto; width: 28px !important; height: 28px !important; }
	.page-pcd-list .paging_wp button.as-paging-first, .page-pcd-list .paging_wp button.as-paging-pre{ margin-right: 2px !important; }
	.page-pcd-list .paging_wp button.as-paging-next, .page-pcd-list .paging_wp button.as-paging-last{ margin-left: 2px !important; }
}


/* 공모전(공고/수상후보작) 검색영역 안내문구(YYYY-MM-DD, 검색어를 입력하세요) 색·굵기
   style.css 의 .sub-contest input::placeholder 가 연한색(#c4c5c6)+얇은글씨(100)를 줘서
   글자가 잘 안 보인다. 다른 목록 화면과 같은 색(#999)+굵기(600)로 맞춘다.
   범위는 검색영역(.t_search_wp) 안으로 한정해 다른 영역에는 영향이 없다. */
.sub-contest .t_search_wp input::placeholder{ color: #999 !important; font-weight: 600; }
.sub-contest .t_search_wp input::-webkit-input-placeholder{ color: #999 !important; font-weight: 600; }


/* 2026-08-12 ~ 디자인 수정작업 */

/* 서브 공통 */
#s-visual-2025.lbgv .loc-nav { border-bottom:0 }
#s-visual-2025.lbgv .bl-tx > h2 { font-size: 40px; font-weight: 700; color: #333; text-align: left; margin-bottom: 30px }
.bl-tx .bl-tx_card {
	text-align: left;
	box-sizing: border-box;
    border: 1px solid #3464d0;
    padding: 30px 80px 30px 52px;
    border-radius: 0 90px 35px 35px;
}
.bl-tx .bl-tx_card .card_text-ct {
	padding-left:146px;	
    background-repeat: no-repeat;
    background-position: left center;
    display:flex;
    flex-direction: column;
    min-height:110px;
    justify-content: center;
}
.bl-tx .bl-tx_card .card_text-ct.cst-type1 { padding-left:0; background-position: left top 28% }
.bl-tx .bl-tx_card .card_text-ct.cst-type1 .tit-area { padding-left: 146px }
.bl-tx .bl-tx_card .card_text-ct .tit-area { }
.bl-tx .bl-tx_card .card_text-ct .tit-area > h4{ font-size:24px; margin-bottom:10px; color:#444; font-weight:500 }
.bl-tx .bl-tx_card .card_text-ct .tit-area > p { font-size:17px; color:#4c4c4c }
.bl-tx .bl-tx_card .card_text-ct .tit-area > p ~ p { margin-top:8px }
.bl-tx .bl-tx_card .card_text-ct .tit-area > p > span.r-pit { color:#D4356A }
.bl-tx .bl-tx_card .card_text-ct .tit-area > ul { padding-left:0 }
.bl-tx .bl-tx_card .card_text-ct .tit-area > ul > li { list-style:none; position:relative; padding-left:16px }
.bl-tx .bl-tx_card .card_text-ct .tit-area > ul.disc > li::before { content:'•'; position:absolute; left:4px; top:50%; transform:translateY(-50%); color:#4c4c4c; font-size:14px; line-height:1 }
.bl-tx .bl-tx_card .card_text-ct .tit-area > ul > li + li { margin-top:4px }
.bl-tx .bl-tx_card .card_text-ct .tit-area > ul > li > p { font-size:17px; color:#4c4c4c }
.bl-tx .bl-tx_card .card_text-ct .tit-area .chpt-list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; margin-top:35px }
.bl-tx .bl-tx_card .card_text-ct .tit-area .chpt-list > li { display: grid; grid-template-columns: 32px 1fr }
.bl-tx .bl-tx_card .card_text-ct .tit-area .chpt-list > li > span.circle {
	width:25px;
	height:25px;
	border-radius:50%;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	font-size:16px;
	color:#fff;
	background-color:rgb(15 63 122);
	font-weight:600;
}
.bl-tx .bl-tx_card .card_text-ct .tit-area .chpt-list > li:nth-child(1) > span.circle {background-color:rgb(15 63 122 / 70%);}
.bl-tx .bl-tx_card .card_text-ct .tit-area .chpt-list > li:nth-child(2) > span.circle {background-color:rgb(15 63 122 / 80%);}
.bl-tx .bl-tx_card .card_text-ct .tit-area .chpt-list > li:nth-child(3) > span.circle {background-color:rgb(15 63 122 / 90%);}
.bl-tx .bl-tx_card .card_text-ct .tit-area .chpt-list > li > .txt-area {
	padding-right:30px;
	background:url(/images/sub/chpt-arw-ic.png) right 10px top 4px no-repeat;
}
.bl-tx .bl-tx_card .card_text-ct .tit-area .chpt-list > li:last-child .txt-area {
	padding-right:0;
	background:none;
}
.bl-tx .bl-tx_card .card_text-ct .tit-area .chpt-list > li > .txt-area > .tit {
	min-height:25px;
	display:flex;
	align-items:center;
	color:#444;
	font-size:18px;
	margin-bottom:5px;
	font-weight:500;
}
.bl-tx .bl-tx_card .card_text-ct .tit-area .chpt-list > li > .txt-area > p {
	font-size:16px;
	color:#8f8f8f;
}
.bl-tx .bl-tx_card .card_text-ct .sub-tit-area {
	margin-top:24px;
	border-top:1px dashed #a6aeba;
	padding-top:24px;
}
.bl-tx .bl-tx_card .card_text-ct .sub-tit-area .sub-tit_btw { display:flex; justify-content:space-between; align-items:center; gap:10px }
.bl-tx .bl-tx_card .card_text-ct .sub-tit-area .sub-tit_btw .btn-gp { display:flex; justify-content:space-between; gap:6px }
.bl-tx .bl-tx_card .card_text-ct .sub-tit-area h6 {
	color:#3464d0;
	font-size:20px;
	margin-bottom:10px;
	font-weight:500;
}
.bl-tx .bl-tx_card .card_text-ct .sub-tit-area p { color:#636363; font-size:17px }
.bl-tx .bl-tx_card .card_text-ct .sub-tit-area .df-btn {
	height:50px;
	padding:0 20px;
	display:flex;
	justify-content: center;
	align-items:center;
	gap:8px;
	border-radius: 6px;
	box-sizing:border-box;
	border:1px solid #d3d3d3;
	color:#434343;
	font-size:17px;
}
.bl-tx .bl-tx_card .card_text-ct .sub-tit-area .blue-btn {
	background: #3464d0;
	border-color: #3464d0;
	color:#fff;	
	font-weight:700;
}
.bl-tx .bl-tx_card .card_text-ct .sub-tit-area .btn_ic-post:before {
	content:'';
	display:inline-flex;
	width:19px;
	height:19px;
	justify-content:center;
	align-items:center;
	background:url(/images/sub/post-ic-01.png)center/19px no-repeat;
}

/* 혁신제안톡 */
/* 혁신제안톡 - 검색역역 */
.t_sel { background-image: url('/images/common/slt_arw-ic.png'); border-radius: 6px }
.t_days_radio { width:auto }
.t_search_box + .t_search_box { margin-top:14px }
.t_search_wp .t_inp_box.t_inp_search > .t_sel,
.t_search_wp .t_inp_box.t_inp_search > input,
.t_search_wp .t_crd_box .crd_line span.crd input{ border-radius: 6px }
.t_crd_box.type2 { width: auto; flex:1 }
.t_crd_box > .crd_line.type2 { flex:1 }
.t_crd_box > .crd_line > span.crd input { background: #fff url('/images/common/daic-light.png') no-repeat right 12px center }
.t_crd_box > .crd_line > span.crd input::placeholder { color:#555555; font-weight: 300 }
.t_days_radio > .t_crd_box { margin:0 0 0 24px }
.t_days_radio > span { margin-right:14px }
.t_days_box { gap:0 14px }
.t_label_box { display: flex; align-items: center; width:234px }
.t_label_box > label.t_inp_label { flex: 0 0 auto; font-size: 18px; color: #3b3b3b; font-weight: 500; white-space: nowrap; margin: 0 2px 0 10px; min-width: 70px }
.t_label_box > .t_sel { flex:1; margin-right:0 }
.t_inp_box.t_inp_search .t_btn { border-radius: 6px; height:40px; line-height: 40px; display: inline-flex; align-items: center; justify-content: center; order: 1 }
.t_inp_box.t_inp_search .t_btn_search::before,
.t_inp_box.t_inp_search .t_btn_reset::before { content: ''; display: inline-block;  width:18px; height:18px; vertical-align: text-top; margin-right:6px; }
.t_inp_box.t_inp_search .t_btn_search::before { background: url('/images/common/btn-scic1.png') no-repeat center }
.t_inp_box.t_inp_search .t_btn_reset::before { background: url('/images/common/btn-rsic1.png') no-repeat center }
.t_search_btn-group { gap:14px; display: flex }

/* 혁신제안톡 - 카드형 리스트 */
.bs_card_line > li > a::not(.result) {
	border:1px solid #bbb;
	box-shadow: none;
	box-sizing: border-box;
	padding: 16px 18px 0;
}
.bs_card_line > li > a:hover { border-color:#3464d0; }
.bs_card_line > li > a .ac_nums > span.dat {padding-left:0}
.bs_card_line > li > a .ac_nums > span.jo { background:url('/images/front/board/card_like-ic.png') no-repeat left bottom 2px }
.bs_card_line > li > a .ac_nums > span.qa { background:url('/images/front/board/card_post-ic.png') no-repeat left center }
.bs_card_line > li.thm_card > a { padding:0 }
.bs_card_line > li.thm_card > a .thumb {
	height: 210px;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 15px 15px 0 0;
    aspect-ratio: 16 / 9;
}
.bs_card_line > li.thm_card > a .thumb > img { max-width: 100%; width:100%; height:100%; object-fit: cover; object-position: center;}
.bs_card_line > li.thm_card > a .thumb > .none-img {
	background:#eee;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.bs_card_line > li.thm_card > a .thumb > .none-img:before {
	content:'등록된 이미지가 없습니다.';
	font-size:16px;
	color:#919191;
	font-weight:500;
}
.bs_card_line > li.thm_card > a .ac_cont { padding: 16px 18px 0 }

/* 혁신제안톡 - 목록형 리스트 */
.bs_list_line > li div > .rt_c { text-align:right }
.bs_list_line > li div > .rt_c > span { 
	display: inline-block;
    padding: 0 9px;
    line-height: 30px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    letter-spacing: -1px;
}
.bs_list_line > li div > .rt_c > span.typ1 { background: #c0d5ff; }
.bs_list_line > li div > .rt_c > span.typ2 { background: #c0d5ff; }
.bs_list_line > li div > .rt_c > span.typ3 { background: #c3e2ca; }
.bs_list_line > li div > .rt_c > span.typ4 { background: #cecece; }
.bs_list_line > li div > .rt_c > span.typ5 { background: #c0d5ff; }
#talkRowList > li div > .rt_c { min-width: 100px; width: auto }
.ser_ck > span { margin-right:24px }
.ser_change { margin-left:20px }
.ser_change > a { margin-left: 0; border-radius: 4px }
.ser_change > a + a { margin-left: 5px }
.ser_change > a.cards {}
.ser_change > a.cards.on {}
.ser_change > a.tabs {}
.ser_change > a.tabs.on {}

.m_show { display: none }
.m_hide { display: block }

/* 공모전 공고 */
.sub-contest select, .sub-contest input[type="text"], .sub-contest input[type="date"] { height:40px; margin-right:0 }

/* 설문조사참여 */
.bs_card_line > li { position:relative; margin-right:0 }
.bs_card_line > li > a.result_btn {
	position: absolute;
    background: rgba(0,0,0,.02);
    padding: 0;
    display: inline-block;
    right: 10px;
    top: 10px;
    width: auto;
    height: auto;
    z-index:1;
}
.bs_card_line > li > a.result_btn > .ing_box {
    padding: 3px 10px;
    border-radius:6px;
    display:block;
}
.bs_card_line > li span.ing_box {
    margin:0!important;
    display: inline-block;
    padding: 0 10px;
    line-height: 30px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    letter-spacing: -1px;
    background: #880013;
}
.bs_card_line > li span.ing_box.prizewin {
	background:#5228b3;
	color:#fff;
	padding:0 9px;
	font-weight:600;
}
.bs_card_line > li > a.result_btn > .ing_box.result {
	background:#3566ab;
	color:#fff;
}

/* 협업이음터 */
.t_search_wp .t_stat_tab{display:flex;flex-wrap:wrap;margin:0 0 20px;background:#fff;border:1px solid #d5ddee;border-radius:8px;overflow:hidden;}
.t_search_wp .t_stat_tab > li{flex:1 1 0;min-width:0;}
.t_search_wp .t_stat_tab > li + li{border-left:1px solid #d5ddee;}
.t_search_wp .t_stat_tab > li > a{display:flex;align-items:center;justify-content:center;width:100%;gap:5px;height:48px;padding:0 8px;box-sizing:border-box;font-size:16px;color:#4a4a4a;letter-spacing:-1px;line-height:1.2;white-space:nowrap;}
.t_search_wp .t_stat_tab > li > a.on{background:#102c60;color:#fff;}
.t_search_wp .t_stat_tab > li > a.on > span{color:#fff;}

/* 국민심사 */
.bs_card_line > li > a .ac_nums > span { position:relative; }
.bs_card_line > li > a .ac_nums > span.join { background:url('/images/common/card_join-ic.png') no-repeat left center }
.bs_card_line > li > a .ac_nums > span.share { background:url('/images/common/card_share-ic.png') no-repeat left center; margin-left:12px }
.bs_card_line > li.thm_card .ac_top { position:absolute; left:15px; top:10px; z-index:1; gap:6px }
.bs_card_line > li > a .ac_cont > p.ac_period strong { color:#363636; }

.t_search_box.t_type { display:none }
.ser_count { font-size:16px; color:#101010; margin-left:14px; display:none }
.ser_count strong { font-weight:600 }
.ser_r-side { display:flex; align-items: center }

.bl-tx .bl-tx_card .card_text-ct.cst-type1 .tit-area .cst_h4_matching { flex-direction: column; align-items: flex-start; justify-content: center; }
.bl-tx .bl-tx_card .card_text-ct.cst-type1 .tit-area .cst_matching_tit { display:block }
.tb_show { display: none }
.tb_hide { display: block }

@media screen and (max-width: 1200px) {
	.t_days_radio > span { margin-right:8px }
	.t_days_box { gap: 0 8px }
	.t_search_box + .t_search_box { margin-top:8px }
	.t_search_btn-group { gap:8px }
	.t_inp_box.t_inp_search { gap
	: 0 8px }
}
@media screen and (max-width: 1024px) {
	/* 서브 공통 */
	.bl-tx .bl-tx_card { padding:20px 50px 30px 28px; border-radius:0 70px 35px 35px }
	#s-visual-2025.lbgv .bl-tx > h2 { font-size:35px; margin-bottom:16px }
	.bl-tx .bl-tx_card .card_text-ct {
		padding-left: 0;
	    background-size: 88px;
	    background-position: left top;
	}
	
	.bl-tx .bl-tx_card .card_text-ct.cst-type1 {
		background-position: left top;
	}
	.bl-tx .bl-tx_card .card_text-ct .tit-area { 
		padding-left: 106px;
        min-height: 88px;
        display: flex;
        flex-direction: column;
        justify-content: center;
	}
	.bl-tx .bl-tx_card .card_text-ct.cst-type1 .tit-area { padding-left:0 }
	.bl-tx .bl-tx_card .card_text-ct.cst-type1 .tit-area > h4,
	.bl-tx .bl-tx_card .card_text-ct.cst-type1 .tit-area > p { padding-left:106px }
	.bl-tx .bl-tx_card .card_text-ct .sub-tit-area { margin-top:20px; padding-top:20px }
	.bl-tx .bl-tx_card .card_text-ct .sub-tit-area .sub-tit_btw .txt-area { flex:1 }
	.bl-tx .bl-tx_card .card_text-ct .tit-area .chpt-list { margin-top:18px }
	.t_search_box { padding-left: 80px }
	.t_search_box + .t_search_box { margin-top:14px }
	.t_search_box[data-lb-leng="5"] { padding-left:90px }
	.t_days_box { display: flex; flex-wrap: wrap }
	.t_label_box { width: 100%; margin-top: 14px }
	.t_label_box > label.t_inp_label { position: absolute; left:0; margin:0 }
	.t_inp_box.t_inp_search .t_btn { flex:inherit; width: auto; min-width: 76px; font-size:17px }
	.t_inp_box.t_inp_search .t_btn_search::before, .t_inp_box.t_inp_search .t_btn_reset::before { margin-right: 4px }	
}
@media screen and (max-width: 768px) {
	/*서브 공통*/
	#s-visual-2025.lbgv .bl-tx > h2 { font-size:30px; margin-bottom:14px }
	.bl-tx .bl-tx_card { padding:26px 22px 22px }
	.bl-tx .bl-tx_card .card_text-ct { background-size:66px }
	.bl-tx .bl-tx_card .card_text-ct .tit-area { padding-left:0 }
	.bl-tx .bl-tx_card .card_text-ct .tit-area > h4 { padding-left:78px; min-height:78px; display: flex; align-items: center; font-size:18px }
	.bl-tx .bl-tx_card .card_text-ct .tit-area > p { font-size:16px }
	.bl-tx .bl-tx_card .card_text-ct .tit-area > ul > li > p { font-size:16px }
	.bl-tx .bl-tx_card .card_text-ct .sub-tit-area { margin-top:10px; padding-top:10px; }
	.bl-tx .bl-tx_card .card_text-ct .sub-tit-area h6 { font-size:16px; margin-bottom:8px }
	.bl-tx .bl-tx_card .card_text-ct .sub-tit-area p { font-size:14px }
	.bl-tx .bl-tx_card .card_text-ct .sub-tit-area .sub-tit_btw { flex-direction: column; gap:12px }
	.bl-tx .bl-tx_card .card_text-ct .sub-tit-area .sub-tit_btw .sub-tit_txt { width:100% }
	.bl-tx .bl-tx_card .card_text-ct .sub-tit-area .sub-tit_btw .txt-area { width:100% }
	.bl-tx .bl-tx_card .card_text-ct .sub-tit-area .sub-tit_btw .btn-gp { width:100% }
	.bl-tx .bl-tx_card .card_text-ct .sub-tit-area .df-btn { font-size:14px; padding:0 8px; gap:4px; width:100%; height:40px }
	.bl-tx .bl-tx_card .card_text-ct .sub-tit-area .btn_ic-post:before { background-size:14px }
	.bl-tx .bl-tx_card .card_text-ct.cst-type1 .sub-tit-area .df-btn { flex: 1 1 fit-content }
	.bl-tx .bl-tx_card .card_text-ct .tit-area .chpt-list { grid-template-columns: 1fr; gap:10px; padding-left:0 }
	.bl-tx .bl-tx_card .card_text-ct .tit-area .chpt-list > li > .txt-area { background:none }
	.bl-tx .bl-tx_card .card_text-ct.cst-type1 .tit-area > h4 { padding-left:78px }
	.bl-tx .bl-tx_card .card_text-ct.cst-type1 .tit-area > p { padding-left:0 }
	.bs_list_line > li div > .ct_c { margin-right:auto; width: calc(100% - 250px) }
	.t_search_box > label, .t_label_box > label.t_inp_label { font-size:17px }
	.t_crd_box > .crd_line > span.crd input { font-size:15px; }
	.t_search_box { padding-left:70px }
	.t_search_box + .t_search_box { margin-top:14px }
	.t_days_radio { width:100%; height:40px }
	.t_inp_box.t_inp_search { flex-wrap: wrap }
	.t_inp_box.t_inp_search .t_sel { width: 115px; padding:0 26px 0 10px; background-position: right 8px center }
	.t_inp_box.t_inp_search .t_btn { flex:1; font-size:16px }
	
	.ser_count { display:block }
 	/* 참여 커뮤니티 label */
	.t_search_wp .t_inp_box.t_inp_search > input { flex:1 }
	.t_search_wp .t_inp_box.t_inp_search > input::placeholder { font-weight:400 }
	.t_search_btn-group { margin-top:14px; width: calc(100% + 70px); margin-left: -70px; }
	.t_search_box[data-lb-leng="5"] .t_search_btn-group { width: calc(100% + 90px); margin-left: -90px; }
	
	/* 협업이음터 */
	.t_search_wp .t_stat_tab > li{flex:1 1 50%;}
	.t_search_wp .t_stat_tab > li:nth-child(3){border-left:0;}
	.t_search_wp .t_stat_tab > li:nth-child(n+3){border-top:1px solid #d5ddee;}
	.t_search_wp .t_stat_tab > li > a{font-size:15px;height:44px;}
	.sbc_tcon { margin-top:0 }
	.bl-tx .bl-tx_card .card_text-ct .tit-area .chpt-list > li { grid-template-columns: 26px 1fr; padding-left:0 }
	.bl-tx .bl-tx_card .card_text-ct .tit-area .chpt-list > li > span.circle { width:20px; height:20px; font-size:14px }
	.bl-tx .bl-tx_card .card_text-ct .tit-area .chpt-list > li > .txt-area > .tit { min-height:20px; font-size:16px; }
	.bl-tx .bl-tx_card .card_text-ct .tit-area .chpt-list > li > .txt-area > p { font-size:14px }
	.top_category_line { display:none }
	.t_search_box.t_type { display:block; }
	.ser_ck > span { margin-right:10px }
	.t_inp_box.t_inp_search .t_btn_reset::before { width:14px; height:14px; }
	.t_inp_box.t_inp_search .t_btn_search::before { background-size:14px; }
	.t_inp_box.t_inp_search .t_btn_reset::before { background-size:14px; }
	.tb_show { display: block }
	.tb_hide { display: none }
	.asv_info_box .tb_show .rt_bx { float: initial; justify-content: flex-end; margin-top: 10px; }
}
@media screen and (max-width: 640px) {
    .bs_list_line > li div > .ct_c { width: 100%; padding: 0 }
    #rowList > li div > .ct_c { width:100% }
    #rowList > li div > .rt_c { width:100% }
    .bs_card_line > li > a .ac_title, .bs_card_line > li > a .ac_desc,.page-propsetalk-list .bs_card_line > li > a > .ac_cta.typ2 { height:auto; min-height:auto }
}

@media screen and (max-width: 480px) {
	.t_search_wp .t_crd_box .crd_line span.crd input::placeholder { letter-spacing: -1px; }
	.m_flx1 { flex:1!important }
	.t_search_box { padding-left:60px }
	.t_search_box > label, .t_label_box > label.t_inp_label { font-size:16px }
	.t_inp_box.t_inp_search > input { flex:1 }
	.t_inp_box.t_inp_search .t_sel { width: 90px; min-width:90px; padding:0 22px 0 8px; background-position: right 6px center }
	.t_inp_box.t_inp_search .t_sel { font-size:14px }
	.t_inp_box.t_inp_search .t_btn { font-size:15px }
	.t_days_radio { flex-wrap: nowrap; justify-content: space-between; gap:8px }
	.t_days_radio > span { margin-right: 0; flex:1; }
	.t_days_radio > span > input[type='radio'] + label { background: #fff; display: flex; align-items: center; justify-content: center; padding:0; height: 40px; max-width: 76px; box-sizing: border-box; border:1px solid #cacaca; border-radius: 6px }
	.t_days_radio > span > input[type='radio']:checked + label { border-color:#3464d0; background:#3464d0; color:#fff }	
	.t_crd_box { margin-top:8px; }
	.t_crd_box > .crd_line > span.crd input { background-size: 14px; background-position: right 6px center; padding-right: 24px; padding-left: 8px;font-size:14px; letter-spacing:-1px   }
	.t_search_btn-group { width: calc(100% + 60px); margin-left: -60px;  }
	.bl-tx .bl-tx_card .card_text-ct.cst-type1 .tit-area .cst_matching_tit.sub-tit { font-size: .85em; margin-top: 4px }
	.asv_info_box .rt_bx { position:static; float: initial; justify-content: flex-end; margin:10px 0; }
	.ser_change { display: none }
	.list_view { display: none!important }
	.card_view { display: block!important }
	.m_show { display: block }
	.m_hide { display: none }
	#opinion_wrap .comment_2.modify_text { gap:6px }
	#opinion_wrap .comment_2.modify_text > a { font-size:14px; padding:0 6px; min-width:60px; }
}
@media screen and (max-width: 400px) {
	.m_cst_lb { min-width:auto!important; margin-left:0!important }
}

/* 정책의제(큐레이터 공개분) 섹션 : 소제목 앞 사각 불릿 + 소제목 고정폭(150px)으로 긴 소제목도 영역 안에서 줄바꿈.
   범위는 .plcy_agnd_area 안으로 한정해 기존 부처검토(bc_box)에는 영향이 없다. */
.plcy_agnd_area .bc_box > .bot_bc > ul > li{position: relative; padding-left: 150px; align-items: flex-start;}
.plcy_agnd_area .bc_box > .bot_bc > ul > li > span{position: absolute; left: 0; top: 0; width: 150px; min-width: 0; padding-left: 9px; padding-right: 10px; box-sizing: border-box; white-space: normal; word-break: keep-all;}
.plcy_agnd_area .bc_box > .bot_bc > ul > li > span:before{content: ""; position: absolute; left: 0; top: 9px; width: 3px; height: 3px; background: #737373;}
@media screen and (max-width: 767px) {
	.plcy_agnd_area .bc_box > .bot_bc > ul > li{padding-left: 0;}
	.plcy_agnd_area .bc_box > .bot_bc > ul > li > span{position: relative; width: auto; padding-left: 9px;}
	.bs_list_line > li div > .ct_c > .ac_nums { gap:5px }
	.scrt_box .text_wrap { padding:0 }
}