/* 원데이클래스 · 원장님 상담 목록 (2026-08-19 재작성)
   AdmissionProcess.php 와 DirectorConsultation.php 가 함께 쓴다.
   원본은 /data/spini/theme_backup_20260819_header/Admission/ 에 있다.

   예전에는 이 90 줄짜리 규칙이 두 파일 안에 <style> 로 똑같이 박혀 있었다.
   한쪽만 고치면 두 화면이 어긋나서 한 파일로 합쳤다. */

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

/* ── 제목 줄 ── */
.conttent h2{ display:flex; align-items:flex-start; justify-content:space-between;
	gap:24px; font-size:30px; font-weight:800; letter-spacing:-0.5px; line-height:1.3;
	text-transform:uppercase; color:#203864; margin:0; padding:0; text-align:left; }
.conttent h2:after{ content:none; }
.conttent h2 .h2-txt{ display:block; }
.conttent h2 .h2-txt:after{ content:''; display:block; width:54px; height:3px;
	background:#e6c88a; margin-top:18px; }

.conttent #yeyak{ position:static; transform:none; flex:0 0 auto;
	display:inline-flex; align-items:center; gap:7px; white-space:nowrap;
	background:#fff; color:#203864; border:1px solid #203864; border-radius:0;
	box-shadow:none; font-size:14px; font-weight:700; padding:13px 20px; line-height:1;
	transition:background-color .2s, color .2s; }
.conttent #yeyak:hover{ background:#203864; color:#fff; }

/* ── 생년월일 입력 ── */
.searchTxt{ display:flex; justify-content:space-between; align-items:center; gap:20px;
	margin:34px 0 40px; padding:22px 26px; background:#f4f6f9; border:1px solid #e5e8ee;
	color:#203864; font-weight:700; text-align:left; }
.searchTxt p{ margin:0; font-size:15.5px; line-height:1.5; word-break:keep-all; padding:0; }
.searchTxt input{ flex:0 0 auto; width:220px; height:44px; text-align:center;
	border:1px solid #c9d0da; border-radius:0; font-size:15px; color:#203864;
	padding:0 40px 0 12px; cursor:pointer;
	background:#fff url(/img/calendar-svgrepo-com.svg) no-repeat calc(100% - 14px) center;
	background-size:19px auto; }
.searchTxt input:focus{ outline:none; border-color:#203864; }

/* ── 지점 카드 ──
   예전에는 카드 전체를 지점 색으로 칠했다. 노랑(#ffc947) 바탕에 흰 글씨는 읽기 어렵다.
   흰 카드에 왼쪽 띠만 지점 색으로 남겨 색 구분은 지키고 대비는 살렸다. */
div.jijum{ position:relative; display:flex; align-items:center; gap:40px;
	background:#fff; border:1px solid #e5e8ee; border-left:6px solid #203864;
	border-radius:0; box-shadow:0 6px 20px rgba(16,28,56,0.07);
	padding:32px 34px; margin-bottom:22px; color:#333; }
div.jijum.jj1{ background:#fff; border-left-color:#4472c4; }
div.jijum.jj2{ background:#fff; border-left-color:#203864; }
div.jijum.jj3{ background:#fff; border-left-color:#e0a500; }

div.jijum .jijum_title{ flex:0 0 200px; font-size:21px; font-weight:800;
	letter-spacing:-0.5px; color:#203864; word-break:keep-all; }
div.jijum .jijum_oneday{ flex:1 1 auto; min-width:0; border-left:1px solid #e5e8ee;
	padding-left:34px; }

div.jijum .jijum_oneday p{ display:flex; align-items:center; gap:16px;
	margin:0 0 14px; padding:0 0 14px; border-bottom:1px dashed #e5e8ee;
	font-size:14.5px; color:#5a6474; line-height:1.4; }
div.jijum .jijum_oneday p:last-child{ margin:0; padding:0; border-bottom:none; }
div.jijum .jijum_oneday p span{ display:flex; align-items:center; }
div.jijum .jijum_oneday p span.span1{ flex:0 0 130px; }
div.jijum .jijum_oneday p span.span2{ flex:1 1 auto; min-width:0; justify-content:flex-start;
	word-break:keep-all; }
div.jijum .jijum_oneday p span.span3{ flex:0 0 96px; }
div.jijum .jijum_oneday p b{ font-size:15.5px; font-weight:800; color:#203864;
	word-break:keep-all; }
div.jijum .jijum_oneday p a{ display:inline-flex; align-items:center; justify-content:center;
	width:100%; background:#203864; color:#fff; border-radius:0; padding:11px 0;
	font-size:14px; font-weight:700; cursor:pointer; transition:background-color .2s; }
div.jijum .jijum_oneday p a:hover{ background:#2f4f8f; transform:none; }

.nodatas{ margin:0 0 40px; padding:44px 30px; background:#f4f6f9;
	border:1px solid #e5e8ee; font-size:16px; color:#5a6474; text-align:center; }

@media all and (max-width:1023px) {
	.conttent{ margin:50px auto 70px; }
	.conttent h2{ font-size:26px; }
	div.jijum{ flex-direction:column; align-items:stretch; gap:24px; padding:28px 26px; }
	div.jijum .jijum_title{ flex:none; }
	div.jijum .jijum_oneday{ border-left:none; border-top:1px solid #e5e8ee;
		padding-left:0; padding-top:24px; }
}

@media all and (max-width:767px) {
	.conttent h2{ flex-direction:column; align-items:stretch; gap:20px; font-size:22px; }
	.conttent #yeyak{ align-self:flex-start; }
	.searchTxt{ flex-direction:column; align-items:stretch; gap:14px; padding:20px; }
	.searchTxt p{ text-align:center; }
	.searchTxt input{ width:100%; }
}

@media all and (max-width:623px) {
	/* 한 줄에 셋을 두기엔 좁다. 이름과 연령을 위로 올리고 버튼을 아래에 깐다 */
	div.jijum .jijum_oneday p{ flex-wrap:wrap; gap:6px 12px; }
	div.jijum .jijum_oneday p span.span1{ flex:1 1 100%; }
	div.jijum .jijum_oneday p span.span2{ flex:1 1 100%; }
	div.jijum .jijum_oneday p span.span3{ flex:1 1 100%; margin-top:8px; }
	div.jijum .jijum_oneday p a{ max-width:220px; }
}