/* 유사글체크*/
.laypop-area{display: none;}
.laypop-bk{position: fixed;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;display: flex;align-items: center;background: rgba(0, 0, 0, 0.5);z-index: 99;}
.laypop-conts{width: calc(100% - 30px);margin: 0 auto;max-width: 600px;background: #fff;border-radius: 20px;overflow: hidden;position: relative;}
.laypop-top{width: 100%;height: 60px;background: #097c7c;display: flex;align-items: center;}
.laypop-top p{padding-left: 25px;font-size: 22px;color: #fff;font-weight: 600;line-height: 1.1;}
.laypop-back{padding: 20px 20px 35px;}
.ptit-box{margin-bottom: 20px;border-bottom: 1px solid #d8d8d8;display: flex;padding-bottom: 10px;}
.ptit-box li{font-size: 17px;color: #001111;font-weight: 500;line-height: 1.2;text-align: center;}
.ptit-box li.wid1{width: calc(77% - 80px);}
.ptit-box li.wid2{width: 23%;}
.ptit-box li.wid3{width: 80px;}
.pcon-area{width: 100%;max-height: 300px;overflow-y: auto;}
.pcon-list > li + li{margin-top: 5px;}
.pcon-list > li{display: flex;text-align: center;}
.pcon-list > li > div{text-align: center;font-size: 16px;color: #555;}
.pcon-list > li > .wid1{width: calc(77% - 80px);text-align: left;}
.pcon-list > li > .wid2{width: 23%;}
.pcon-list > li > .wid3{width: 80px;}
.pcon-list > li > div > a.list{display: block;color: #111;display:block;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pcon-list > li > div > a.po-bn{display: block;border: 1px solid #313131;border-radius: 3px;font-size: 15px;color: #111;font-weight: 500;line-height: 26px;}
.pop-out{display: inline-block;font-size: 0;position: absolute;right: 25px;top: 12px;}
@media screen and (max-width: 540px){
	.laypop-top{height: 50px;}
	.laypop-top p{padding-left: 15px;font-size: 20px;}
	.laypop-back{padding: 20px 15px;}
	.ptit-box li{font-size: 15px;}
	.ptit-box li.wid1{width: calc(100% - 170px);}
	.ptit-box li.wid2{width: 100px;}
	.ptit-box li.wid3{width: 70px;}
	.pcon-list > li > .wid1{width: calc(100% - 170px);}
	.pcon-list > li > .wid2{width: 100px;}
	.pcon-list > li > .wid3{width: 70px;}
	.pcon-list > li > div{font-size: 14px;}
	.pcon-list > li > div > a.list{font-size: 14px;}
	.pcon-list > li > div > a.po-bn{font-size: 14px;line-height: 23px;}
	.pop-out{right: 15px;}
	.pop-out img{width: 26px;}
}
/* 유사글체크 */

/* 혁신제안 작성폼: 모바일(≤750px) 라벨/입력칸 세로 스택 (기본 flex 가로배치가 좁은 화면에서 깨지는 문제) */
@media (max-width:750px){
	.board_write .form-group{flex-direction:column; align-items:stretch;}
	.board_write .form-group .title{width:100% !important; text-align:left; padding:10px 0 4px;}
	.board_write .form-group .group{width:100%;}
}

/* 유사제안검색 결과 팝업: 모바일(≤768px) 표를 카드형으로 세로 정렬 (좁은 화면 컬럼 잘림 방지) */
@media (max-width:768px){
	.table-responsive2{height:auto; max-height:60vh;}
	.table-responsive2 table{width:100%;}
	.table-responsive2 colgroup, .table-responsive2 thead{display:none;}
	.table-responsive2 tbody tr{display:block; border:1px solid #ddd; border-radius:6px; margin:0 0 8px; padding:8px;}
	.table-responsive2 tbody td{display:block; width:auto !important; text-align:left !important; padding:3px 0; border:none;}
	.table-responsive2 tbody td.last{margin-top:6px;}
}