/* 예약 조회 (2026-08-19 재작성)
   AdmissionProcess_search.php / _search_hp.php / _search_reulst.php 가 함께 쓴다.
   원본은 /data/spini/theme_backup_20260819_header/Admission/ 에 있다.

   예전에는 거의 같은 규칙이 세 파일 안에 <style> 로 각각 박혀 있었다.
   조회 화면 하나만 손봐도 나머지 둘과 어긋났다. */

.conttent{ max-width:none; margin:70px auto 90px; text-align:left; font-size:16px;
	font-family:'Manrope','Pretendard Variable','Pretendard','Noto Sans KR',sans-serif; }
.conttent .at-container{ max-width:640px; }

.srchHead{ display:flex; align-items:center; justify-content:space-between; gap:16px; }
.conttent h3{ font-size:24px; font-weight:800; letter-spacing:-0.5px; line-height:1.3;
	color:#203864; margin:0; padding:0; text-align:left; }
.srchSwap{ flex:0 0 auto; display:inline-flex; align-items:center; white-space:nowrap;
	border:1px solid #c9d0da; color:#5a6474; font-size:13.5px; font-weight:700;
	padding:9px 14px; transition:border-color .2s, color .2s; }
.srchSwap:hover{ border-color:#203864; color:#203864; }

.conttent .info{ margin:14px 0 0; padding:0 0 20px; border-bottom:1px solid #e5e8ee;
	font-size:15px; color:#5a6474; word-break:keep-all; }

/* ── 입력 ── */
.srchBox{ }
.srchField{ margin-top:22px; }
.srchField label{ display:block; margin-bottom:8px; font-size:14px; font-weight:700;
	color:#203864; }
.srchField input[type=text], .srchField input[type=password]{ width:100%; height:48px;
	padding:0 14px; font-size:15px; color:#333; background:#fff;
	border:1px solid #c9d0da; border-radius:6px; transition:border-color .15s; }
.srchField input:focus{ outline:none; border-color:#203864; }

/* 인증번호 칸 — 입력칸 오른쪽에 버튼이 붙는다 */
.injtd{ display:flex; gap:8px; }
.injtd input{ flex:1 1 auto; min-width:0; }
.injtd a{ flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center;
	width:120px; height:48px; background:#5a6474; color:#fff; font-size:14px;
	font-weight:700; border-radius:6px; cursor:pointer; transition:background-color .2s; }
.injtd a:hover{ background:#203864; }
.injtd a.cyBg1{ background:#203864 !important; }
#inj{ display:none; }

.btnDiv{ margin-top:30px; padding:0; text-align:center; }
.btnDiv .submitBtn{ width:100%; height:52px; line-height:50px; border-radius:0;
	background:#203864; border:1px solid #203864; color:#fff; font-size:15.5px;
	font-weight:700; cursor:pointer; transition:background-color .2s; }
.btnDiv .submitBtn:hover{ background:#2f4f8f; }

/* ── 조회 결과 ── */
.conttent .at-container.wide, .resultTable{ }
.resultTable{ width:100%; margin:26px 0 0; border-spacing:0; font-size:15px;
	border-top:2px solid #203864; border-bottom:1px solid #e5e8ee; }
.resultTable th{ padding:13px 12px; font-size:13.5px; font-weight:700; color:#5a6474;
	background:#f8fafc; border-bottom:1px solid #e5e8ee; text-align:center; }
.resultTable th:first-child{ text-align:left; }
.resultTable td{ padding:16px 12px; border-bottom:1px solid #e5e8ee;
	color:#333; text-align:center; vertical-align:middle; }
.resultTable td.tdName{ text-align:left; word-break:keep-all; line-height:1.6; }
.resultTable td.tdName b{ font-weight:700; color:#203864; }
.resultTable td.tdDate{ white-space:nowrap; color:#5a6474; font-size:14.5px; }
.resultTable td.tdGo a{ display:inline-flex; align-items:center; justify-content:center;
	height:38px; padding:0 16px; background:#203864; color:#fff; font-size:13.5px;
	font-weight:700; border-radius:6px; white-space:nowrap; transition:background-color .2s; }
.resultTable td.tdGo a:hover{ background:#2f4f8f; }

.ktag{ display:inline-block; font-size:11px; font-weight:800; padding:4px 9px;
	border-radius:4px; margin-right:6px; white-space:nowrap; vertical-align:middle; }
.ktag_od{ background:#e8f0fe; color:#1a56b8; }
.ktag_sd{ background:#fdf0e6; color:#c05621; }

/* 상태 표시. 예전에는 원데이클래스 줄에 상태가 아예 안 나왔다. */
.kstate{ display:inline-block; margin-left:7px; padding:3px 9px; border-radius:100px;
	font-size:11.5px; font-weight:800; white-space:nowrap; vertical-align:middle; }
.kstate.done{ background:#203864; color:#fff; }
.kstate.wait{ background:#fff3d6; color:#a06a00; }
.kstate.cancel{ background:#eceff3; color:#7a8493; }
.kstate.pass{ background:#1f7a4d; color:#fff; }
.kstate.fail{ background:#fdecea; color:#c0392b; }

.nodata3{ padding:70px 20px !important; text-align:center !important; color:#8b93a1; }

@media all and (max-width:1023px) {
	.conttent{ margin:50px auto 70px; }
	.conttent h3{ font-size:21px; }
}

@media all and (max-width:540px) {
	.srchHead{ flex-direction:column; align-items:flex-start; gap:12px; }

	/* 줄마다 카드처럼 쌓는다 */
	.resultTable, .resultTable thead, .resultTable tbody, .resultTable tr,
	.resultTable th, .resultTable td{ display:block; width:100%; }
	.resultTable{ border-top:none; border-bottom:none; }
	.resultTable thead{ display:none; }
	.resultTable tr{ border:1px solid #e5e8ee; border-radius:8px; margin-bottom:12px;
		padding:16px; }
	.resultTable td{ padding:0; border:none; text-align:left; }
	.resultTable td.tdDate{ margin-top:8px; font-size:14px; }
	.resultTable td.tdGo{ margin-top:14px; }
	.resultTable td.tdGo a{ width:100%; height:44px; }
	.resultTable tr:has(.nodata3){ border:none; padding:0; }
	.injtd{ flex-direction:column; }
	.injtd a{ width:100%; }
}