@charset "euc-kr";
/* CSS Document basic - 상세검색(cd=common&cf=bid&scf=detail) 디자인 리뉴얼 */
#wrap_body { width: 1000px !important; }

.tab_bar { margin-bottom:0; }
h2 { border-bottom:none; margin-bottom:0; }

/* 페이지 타이틀 */
#page_title {
	width:100%;
	margin:18px 0 16px;
	padding:0 0 14px;
	font-size:20px;
	font-weight:700;
	letter-spacing:-.03em;
	color:#1f2937;
	text-align:center;
	border-bottom:1px solid #eceff4;
}
#page_title span { position:relative; }

/* 검색 박스 - 카드형 */
#box_search {
	padding:6px 22px 22px;
	background:#fff;
	border:1px solid #e5e8ee;
	border-top:3px solid #1f4fd8;
	border-radius:0 0 12px 12px;
	box-shadow:0 6px 18px rgba(17,24,39,.06);
	font-family:'Pretendard','Apple SD Gothic Neo','맑은 고딕',sans-serif;
}

/* 검색 폼 테이블 */
#box_search .d_table { border-top:none; border-collapse:collapse; }
#box_search .d_table th,
#box_search .d_table td {
	border-bottom:1px solid #f0f2f6;
	letter-spacing:-.02em;
	vertical-align:middle;
}
#box_search .d_table th {
	padding:14px 16px;
	font-size:13.5px;
	font-weight:700;
	color:#374151;
	background:#f7f9fc;
	text-align:left;
	white-space:nowrap;
}
#box_search .d_table td {
	padding:12px 16px;
	font-size:13px;
	color:#1f2937;
}
#box_search .d_table th.last,
#box_search .d_table td.last { border-bottom:none; }
#box_search .d_table label { cursor:pointer; }

/* 입력요소 */
#box_search .d_form { vertical-align:middle; }
#box_search input[type=text].d_form {
	height:34px;
	padding:0 11px;
	border:1px solid #d8dde6;
	border-radius:8px;
	background:#fff;
	font-size:13px;
	color:#1f2937;
	box-sizing:border-box;
	transition:border-color .15s, box-shadow .15s;
}
#box_search input[type=text].d_form:focus {
	outline:none;
	border-color:#3b82f6;
	box-shadow:0 0 0 3px rgba(59,130,246,.15);
}
#box_search select.d_form {
	height:34px;
	padding:0 8px;
	border:1px solid #d8dde6;
	border-radius:8px;
	background:#fff;
	font-size:13px;
	color:#1f2937;
	vertical-align:middle;
}
#box_search input[type=radio].d_form,
#box_search input[type=checkbox].d_form { vertical-align:middle; margin-right:4px; }

/* 기간 단축 버튼 / 일반 버튼 */
#box_search .combo { display:inline-block; margin-left:8px; vertical-align:middle; }
#box_search .d_btn {
	display:inline-block;
	height:32px;
	line-height:30px;
	padding:0 13px;
	margin:0 2px;
	border:1px solid #d8dde6;
	border-radius:8px;
	background:#fff;
	color:#475569;
	font-size:12.5px;
	font-weight:600;
	text-decoration:none;
	letter-spacing:-.02em;
	transition:all .15s;
}
#box_search .d_btn:hover {
	border-color:#3b82f6;
	color:#1f4fd8;
	background:#f5f8ff;
}
/* 검색 버튼 (강조) */
#box_search .d_btn.type_yellow,
#box_search .d_btn.type_search {
	height:34px;
	line-height:32px;
	padding:0 26px;
	margin-left:8px;
	border:none;
	background:linear-gradient(135deg,#1f4fd8,#3b82f6);
	color:#fff;
	font-size:14px;
	font-weight:700;
	box-shadow:0 5px 12px rgba(59,130,246,.28);
}
#box_search .d_btn.type_yellow:hover,
#box_search .d_btn.type_search:hover {
	transform:translateY(-1px);
	box-shadow:0 7px 16px rgba(59,130,246,.36);
	background:linear-gradient(135deg,#1b46c2,#2f74ec);
}

/* 업종선택 3단 컬럼 */
#cate1,#cate2,#cate3 {
	height:160px; overflow:auto; overflow-x:hidden; margin:0;
	padding:6px 0;
	border-right:1px solid #eceff4;
	background:#fbfcfe;
	border-radius:8px 0 0 8px;
}
#cate2 { border-radius:0; }
#cate3 { border-right:none; border-radius:0 8px 8px 0; }
#cate1 li,#cate1 li a,#cate2 li,#cate2 li a,#cate3 li,#cate3 li a {
	float:left; width:100%; height:auto; min-height:28px; line-height:28px;
	box-sizing:border-box; display:block; padding:0 12px;
}
#cate1 li a,#cate2 li a,#cate3 li a {
	font-size:12.5px; color:#475569; letter-spacing:-.02em;
	border-radius:6px; transition:background .12s, color .12s;
}
#cate1 li a:hover,#cate1 li.on a,
#cate2 li a:hover,#cate2 li.on a,
#cate3 li a:hover,#cate3 li.on a {
	background-color:#3b82f6; color:#fff; text-decoration:none;
}

/* 선택업종 태그 */
#sel_cate li {
	float:left; display:inline-flex; align-items:center; width:auto; height:26px; line-height:26px;
	margin:0 8px 6px 0; padding:0 6px 0 12px;
	background:#eef3ff; border:1px solid #d7e2fb; border-radius:999px;
	font-size:12px; color:#1f4fd8;
}
#sel_cate li a { width:auto; line-height:26px; display:block; }
#sel_cate li a img { vertical-align:middle; }

/* 지역제한 3단 컬럼 */
#areacate1,#areacate2,#selarea {
	height:160px; overflow:auto; overflow-x:hidden; margin:0;
	padding:6px 0;
	border-right:1px solid #eceff4;
	background:#fbfcfe;
	border-radius:8px 0 0 8px;
}
#areacate2 { border-radius:0; }
#areacate1 li,#areacate1 li a,#areacate2 li,#areacate2 li a,#selarea li,#selarea li a {
	float:left; width:100%; height:28px; line-height:28px;
	box-sizing:border-box; display:block; padding:0 12px;
}
#areacate1 li a,#areacate2 li a,#selarea li a {
	font-size:12.5px; color:#475569; letter-spacing:-.02em;
	border-radius:6px; transition:background .12s, color .12s;
}
#areacate1 li a:hover,#areacate1 li.on a,
#areacate2 li a:hover,#areacate2 li.on a,
#selarea li a:hover,#selarea a.on {
	background-color:#3b82f6; color:#fff; text-decoration:none;
}
#selarea { border-right:none; border-radius:0 8px 8px 0; background-color:#f4f6fb; }

#box_search li.line_break { margin-top:0; margin-bottom:5px; height:5px; }
