@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
/* samdle-polish.css — 2026-10-25
 * 현재 디자인(띠배너·민트 톤)을 유지하면서 세부만 다듬는다. 레이아웃·흐름은 바꾸지 않음.
 * 마지막에 로드되므로 기존 규칙을 덮어쓴다. 문제 시 head.2014.php의 <link> 한 줄만 지우면 원복.
 */
:root {
	--sd-mint: #6BC8CB;
	--sd-mint-text: #2E8F92;   /* 흰 바탕 위 민트 텍스트 (대비 4.5:1 이상) */
	--sd-ink: #1F2533;
	--sd-sub: #5B6475;
	--sd-line: #E6EBF0;
	--sd-focus: 0 0 0 3px rgba(107, 200, 203, 0.35);
}

/* 1. 상단 검색창: 안내 문구 왼쪽 정렬, 포커스 표시 */
.top_search_field input,
#searchEveryThing {
	text-align: left !important;
	padding-left: 40px !important;   /* 왼쪽 돋보기 아이콘 자리 */
	color: var(--sd-ink);
}
.top_search_field input::placeholder { color: #8A93A3; }
.top_search_field input:focus { outline: none; box-shadow: var(--sd-focus); }

/* 2. 키보드 포커스가 보이도록 (마우스 클릭엔 영향 없음) */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
	outline: 2px solid var(--sd-mint-text) !important;
	outline-offset: 2px;
}

/* 3. 목록: 접속 시간 표시를 읽기 쉽게, 라벨은 한 톤 연하게 */
.b_list tbody td.td_top > span {
	font-size: 12px !important;
	color: #7A8494 !important;
	white-space: nowrap;
}
.b_list tbody td.td_sub {
	color: var(--sd-sub) !important;
}

/* 4. 목록 페이지 이동: 이전/다음 버튼을 같은 크기의 버튼으로 */
#community-list div.paging {
	display: flex !important;
	gap: 10px;
	height: auto !important;
	padding: 8px 0 24px !important;
	overflow: visible !important;
}
#community-list div.paging a.btn_paging {
	flex: 1 1 0;
	width: auto !important;
	min-height: 44px;
	height: auto !important;
	line-height: 42px !important;
	margin: 0 !important;
	border: 1px solid var(--sd-mint) !important;
	border-radius: 10px !important;
	background: #fff !important;
	color: var(--sd-mint-text) !important;
	font-size: 14px !important;
	font-weight: 700;
	text-decoration: none;
	transition: background .15s ease, color .15s ease;
}
#community-list div.paging a.btn_paging:hover {
	background: var(--sd-mint) !important;
	color: #fff !important;
}

/* 5. 사이드바 '성명' 검색 버튼: 비어 보이던 버튼을 돋보기 버튼으로 */
.box_searchUser_r dd.search_name a[rel="search_btn"] {
	flex: none !important;
	width: 32px !important;
	height: 32px !important;
	min-height: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 50% !important;
	background: var(--sd-mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.5' y2='16.5'/%3E%3C/svg%3E") no-repeat center !important;
	display: inline-flex !important;
}
.box_searchUser_r dd.search_name a[rel="search_btn"] img { display: none !important; }
.box_searchUser_r dd.search_name input[type="text"] { font-size: 13px !important; min-height: 32px; box-sizing: border-box; }

/* 6. 하단 회사정보·저작권 글자 대비 개선 (어두운 배경 위) */
.footer-2025 .footer-company,
.footer-2025 .footer-copyright { color: #A3A3BD !important; }

/* 7. 카드결제 안내 띠: 모바일에서 한 줄로 간결하게 */
#paybanner .pb-short { display: none; }
@media (max-width: 640px) {
	#paybanner { font-size: 12.5px !important; line-height: 1.45; padding: 8px 34px 8px 12px !important; }
	#paybanner b { font-weight: 700; }
	#paybanner a.pb-go { padding: 4px 10px !important; font-size: 12px !important; }
	#paybanner .pb-full { display: none; }
	#paybanner .pb-short { display: inline; }
}

/* =====================================================================
 * 8. 고급화 레이어 (2026-10-25) — 같은 배치, 더 정돈된 질감
 *    글꼴 Pretendard · 깊은 청록/네이비 · 얇은 선 · 부드러운 그림자
 * ===================================================================== */
:root {
	--sd-teal: #2E8F92;
	--sd-teal-deep: #1F6C72;
	--sd-navy: #1E2433;
	--sd-navy-2: #2B3348;
	--sd-bg-soft: #F6F8FA;
	--sd-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .06);
	--sd-shadow-hover: 0 2px 4px rgba(16, 24, 40, .06), 0 14px 32px rgba(16, 24, 40, .10);
	/* glassmorphism.css 변수 재정의: 반투명 유리 → 단정한 흰 카드 */
	--glass-bg: #FFFFFF;
	--glass-bg-strong: #FFFFFF;
	--glass-bg-subtle: #F6F8FA;
	--glass-border: #E6EBF0;
	--glass-border-strong: #DCE3EA;
	--glass-blur: none;
	--glass-blur-strong: none;
	--glass-shadow: var(--sd-shadow);
	--glass-shadow-hover: var(--sd-shadow-hover);
	--mint-dark: #2E8F92;
}

/* 글꼴 */
html body,
body input, body button, body select, body textarea,
body div, body span, body p, body a, body td, body th, body li, body dt, body dd, body b, body strong, body label, body h1, body h2, body h3, body h4 {
	font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif !important;
}
html body { letter-spacing: -0.005em; -webkit-font-smoothing: antialiased; color: var(--sd-ink); }

/* 헤더 */
.top_container { border-bottom: 1px solid #EEF1F4; }
.top_search_field input { border-color: #DDE3EA !important; background: #FAFBFC !important; }

/* 상단 카드 줄 */
.promo-login-row .modern-stats,
.promo-login-row .modern-member-card,
.promo-login-row .modern-login-card,
.tip-card {
	background: #fff !important;
	border: 1px solid #E6EBF0 !important;
	box-shadow: var(--sd-shadow) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}
.tip-card { transition: box-shadow .2s ease, transform .2s ease; }
.tip-card:hover { box-shadow: var(--sd-shadow-hover) !important; transform: translateY(-2px); }
.promo-login-row .promo-banner {
	background: linear-gradient(135deg, #2F9497 0%, #1F6C72 100%) !important;
	border: none !important;
	box-shadow: 0 10px 28px rgba(31, 108, 114, .22) !important;
}

/* 목록 탭 */
.bar-cate-active { background: none !important; }
.bar-cate-active span { color: var(--sd-navy) !important; font-weight: 700 !important; }

/* 목록 행 */
.b_list tbody td.td_top .t_name, .b_list tbody td.td_con b { color: var(--sd-navy); }
.course_abr { background: #EAF5F5 !important; color: #23777A !important; font-weight: 600 !important; }

/* 사이드바 */
.w_box-search .box_searchTitle { background: linear-gradient(135deg, #2F9497 0%, #1F6C72 100%) !important; }
.box_searchUser_r a.course { background: #fff !important; border: 1px solid #E3E8EE !important; }
.box_searchUser_r a.course span { color: #3B4455 !important; }
.box_searchUser_r a.course:hover { border-color: var(--sd-teal) !important; }
a.side-cta.side-cta-fee { background: linear-gradient(135deg, #2F9497 0%, #1F6C72 100%) !important; }
a.side-cta.side-cta-guide { background: linear-gradient(135deg, #2B3348 0%, #1E2433 100%) !important; }
a.side-cta { box-shadow: var(--sd-shadow) !important; }

/* 버튼·포인트 색을 깊은 청록으로 */
#community-list div.paging a.btn_paging { border-color: #CFE3E4 !important; color: var(--sd-teal) !important; }
#community-list div.paging a.btn_paging:hover { background: var(--sd-teal) !important; border-color: var(--sd-teal) !important; }
.box_searchUser_r dd.search_name a[rel="search_btn"] { background-color: var(--sd-teal) !important; }
#paybanner { background: #F3F7F8 !important; border-bottom-color: #E3EAEC !important; }
#paybanner b { color: var(--sd-teal-deep) !important; }
#paybanner a.pb-go { background: var(--sd-teal) !important; }
#paybanner a.pb-go:hover { background: var(--sd-teal-deep) !important; }

/* 하단 */
.footer-2025 { background: #151A26 !important; }

/* =====================================================================
 * 9. 쪽지함 팝업 (overlay/list_message.skin.php)
 * ===================================================================== */
.wrap_popup_layer {
	border-radius: 16px !important;
	overflow: hidden !important;
	box-shadow: 0 24px 64px rgba(16, 24, 40, .28) !important;
	padding-bottom: 20px !important;
}
.wrap_popup_layer .layer_header {
	background: var(--sd-navy) !important;
	height: auto !important;
	line-height: 1.4 !important;
	padding: 16px 52px 16px 22px !important;
	text-indent: 0 !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #fff !important;
	position: relative;
}
.wrap_popup_layer .layer_header a.closebtn {
	position: absolute !important;
	right: 14px; top: 50%; transform: translateY(-50%);
	width: 32px !important; height: 32px !important; margin: 0 !important;
	border-radius: 8px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3C/svg%3E") no-repeat center !important;
}
.wrap_popup_layer .layer_header a.closebtn:hover { background-color: rgba(255, 255, 255, .12) !important; }
#List_directMsg { padding: 0 20px; text-align: left; }
#List_directMsg ul.List_directMsg { padding: 0 !important; margin: 0 !important; border: none !important; background: none !important; }
#List_directMsg li.Direct_lists {
	border: 1px solid #E6EBF0 !important;
	border-image: none !important;
	outline: none !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: none !important;
	padding: 14px 16px !important;
	margin: 0 0 10px !important;
	list-style: none;
}
#List_directMsg li.Direct_lists.isntAccess { background: #F2FAFA !important; border-color: #BFE3E4 !important; }
#List_directMsg .wrap_directMsg_summary {
	display: flex !important; align-items: center; gap: 8px; flex-wrap: wrap;
	border: none !important; background: none !important; padding: 0 0 8px !important; margin: 0 !important; height: auto !important;
}
#List_directMsg .wrap_directMsg_summary .area_left { margin: 0 !important; float: none !important; font-size: 14px; color: var(--sd-navy); }
#List_directMsg .wrap_directMsg_summary .reg_date { margin-left: auto !important; float: none !important; color: #7A8494 !important; font-size: 12px !important; }
#List_directMsg .wrap_directMsg_summary .confirm_date { margin-left: 0 !important; color: #C2410C !important; }
#List_directMsg .w-btn_msgs { float: none !important; display: flex; gap: 6px; margin: 0 !important; }
#List_directMsg .w-btn_msgs a {
	width: 30px !important; height: 30px !important; border-radius: 8px !important; margin: 0 !important;
	background-color: #F2F4F7 !important; background-position: center !important;
}
#List_directMsg .w-btn_msgs a:hover { background-color: #E4E8EE !important; }
#List_directMsg p.msg_directMsg {
	font-size: 14px !important; line-height: 1.65 !important; color: #2B3240 !important;
	text-align: left !important; margin: 0 !important; padding: 0 !important;
	background: none !important; border: none !important; word-break: keep-all; overflow-wrap: anywhere;
}
#List_directMsg .wrap_directMsg_detail { margin-top: 10px !important; padding: 10px 12px !important; border-radius: 10px; background: var(--sd-bg-soft) !important; border: none !important; }
#List_directMsg div.paging { display: flex !important; gap: 10px; height: auto !important; padding: 6px 0 0 !important; overflow: visible !important; }
#List_directMsg div.paging a.btn_paging {
	flex: 1 1 0; width: auto !important; min-height: 40px; height: auto !important; line-height: 38px !important; margin: 0 !important;
	border: 1px solid #CFE3E4 !important; border-radius: 10px !important; background: #fff !important;
	color: var(--sd-teal) !important; font-size: 13px !important; font-weight: 700; text-decoration: none;
}
#List_directMsg div.paging a.btn_paging:hover { background: var(--sd-teal) !important; color: #fff !important; }
.wrap_popup_layer .wrap_btns a.btn_blue2 {
	background: var(--sd-navy) !important; border-radius: 10px !important; overflow: hidden;
}
.wrap_popup_layer .wrap_btns a.btn_blue2 span {
	background: none !important; height: 42px !important; line-height: 42px !important; padding: 0 28px !important; font-size: 14px !important;
}
.wrap_popup_layer .wrap_btns a.btn_blue2:hover { background: #2B3348 !important; }

/* =====================================================================
 * 10. 쪽지 보내기 팝업 (overlay/send_message.skin.php)
 * ===================================================================== */
.memo_popup { border-radius: 16px !important; box-shadow: 0 24px 64px rgba(16, 24, 40, .28) !important; background: #fff !important; }
.memo_popup .header {
	background: var(--sd-navy) !important; height: auto !important; margin: 0 !important;
	display: flex; align-items: center; justify-content: space-between; padding: 14px 16px 14px 22px;
}
.memo_popup .header dt { float: none !important; padding: 0 !important; font-size: 16px !important; font-weight: 700 !important; color: #fff !important; }
.memo_popup .header dd { float: none !important; padding: 0 !important; }
.memo_popup .body { padding: 20px 22px 0 !important; }
.memo_popup .body .today dt { font-size: 14px !important; color: var(--sd-sub) !important; padding: 0 0 10px !important; }
.memo_popup .body .today dt span { color: var(--sd-teal-deep) !important; font-weight: 700; }
.memo_popup .body .cntbx { width: auto !important; height: auto !important; padding: 12px 14px !important; border: 1px solid #DDE3EA !important; border-radius: 12px !important; }
.memo_popup .body .cntbx:focus-within { border-color: var(--sd-teal) !important; box-shadow: var(--sd-focus); }
.memo_popup .body .cntbx textarea { width: 100% !important; min-height: 160px; font-size: 14px !important; line-height: 1.6 !important; color: var(--sd-ink) !important; outline: none; resize: vertical; }
.memo_popup .footer { padding: 16px 22px 18px !important; display: flex; gap: 8px; justify-content: flex-end; }

/* 쪽지 버튼 아이콘: 옛 이미지 스프라이트 대신 선 아이콘 */
#List_directMsg .w-btn_msgs a { background-repeat: no-repeat !important; background-size: 16px 16px !important; }
#List_directMsg .w-btn_msgs a.btn_reply_msg { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 14 4 9 9 4'/%3E%3Cpath d='M20 20v-7a4 4 0 0 0-4-4H4'/%3E%3C/svg%3E") !important; }
#List_directMsg .w-btn_msgs a.btn_send_msg { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 11 13'/%3E%3Cpath d='M22 2 15 22l-4-9-9-4 20-7z'/%3E%3C/svg%3E") !important; }
#List_directMsg .w-btn_msgs a.btn_del_msg { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B42318' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6'/%3E%3Cpath d='M10 11v6M14 11v6'/%3E%3Cpath d='M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2'/%3E%3C/svg%3E") !important; }
#List_directMsg .w-btn_msgs a.btn_del_msg:hover { background-color: #FEE4E2 !important; }
.wrap_popup_layer .layer_header, .wrap_popup_layer .layer_contents { border: none !important; box-shadow: none !important; }
.wrap_popup_layer .layer_contents { background: #fff !important; }

/* 쪽지 보내기 팝업의 글자 버튼 (send_message.skin.php) */
.memo_popup .memo-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 22px; border-radius: 10px; font-size: 14px; font-weight: 700; text-decoration: none; border: 1px solid transparent; cursor: pointer; }
.memo_popup .memo-btn-primary { background: var(--sd-teal); color: #fff !important; }
.memo_popup .memo-btn-primary:hover { background: var(--sd-teal-deep); }
.memo_popup .memo-btn-ghost { background: #fff; color: var(--sd-ink) !important; border-color: #DDE3EA; }
.memo_popup .memo-btn-ghost:hover { background: var(--sd-bg-soft); }
.memo_popup .memo-x { display: inline-flex; width: 32px; height: 32px; border-radius: 8px; align-items: center; justify-content: center; color: #fff !important; font-size: 20px; line-height: 1; text-decoration: none; }
.memo_popup .memo-x:hover { background: rgba(255, 255, 255, .12); }

/* 한국어 단어 단위 줄바꿈 */
html body { word-break: keep-all; overflow-wrap: break-word; }
.memo_popup .body .cntbx textarea { border: 0 !important; background: transparent !important; }

/* =====================================================================
 * 11. 팝업 체계 통일 (2026-10-25)
 *     내용 팝업(상세·쪽지함·쪽지 보내기) = 청록 제목줄, 알림·확인 = 불투명 흰 카드
 * ===================================================================== */
:root { --sd-dialog-head: linear-gradient(135deg, #2F9497 0%, #1F6C72 100%); }
.wrap_popup_layer .layer_header,
.memo_popup .header { background: var(--sd-dialog-head) !important; }
#Overlay_userDetail .layer_box .layer_title { background: var(--sd-dialog-head) !important; padding: 20px 22px !important; }

#Alert_Overlay .wrap_popup_layer {
	background: #fff !important;
	backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
	border: 1px solid #E6EBF0 !important; border-radius: 16px !important;
	box-shadow: 0 24px 64px rgba(16, 24, 40, .28) !important;
	width: 400px !important; max-width: calc(100vw - 32px) !important;
}
#Alert_Overlay .layer_header {
	background: #fff !important; color: var(--sd-ink) !important;
	border-bottom: 1px solid #EEF1F4 !important;
	padding: 16px 16px 16px 20px !important; font-size: 16px !important; font-weight: 700 !important;
}
#Alert_Overlay .layer_header a.closebtn {
	position: static !important; transform: none !important;
	width: 32px !important; height: 32px !important; border-radius: 8px !important;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235B6475' stroke-width='2.2' stroke-linecap='round'%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3C/svg%3E") no-repeat center !important;
}
#Alert_Overlay .layer_header a.closebtn::after { content: none !important; }
#Alert_Overlay .layer_header a.closebtn:hover { background-color: #F2F4F7 !important; }
#Alert_Overlay .layer_contents, #Alert_Overlay .layer_contents .box_style_5 { background: #fff !important; border: none !important; box-shadow: none !important; }
#Alert_Overlay .layer_contents p.result_message { font-size: 15px !important; line-height: 1.6 !important; color: #2B3240 !important; }
#Alert_Overlay .wrap_btns { display: flex !important; gap: 8px; justify-content: center; padding: 4px 20px 20px !important; }
#Alert_Overlay .wrap_btns > a[class] { flex: 1 1 0; max-width: 200px; margin: 0 !important; display: block !important; background: none !important; border: none !important; }
#Alert_Overlay .wrap_btns > a[class] span {
	display: block !important; padding: 0 !important; min-height: 46px; line-height: 46px !important;
	border-radius: 12px !important; box-shadow: none !important; font-size: 15px !important; font-weight: 700 !important; text-align: center;
}
#Alert_Overlay .wrap_btns .btn_blue2 span { background: var(--sd-teal) !important; color: #fff !important; }
#Alert_Overlay .wrap_btns .btn_blue2:hover span { background: var(--sd-teal-deep) !important; }
#Alert_Overlay .wrap_btns .btn_white3 span { background: #fff !important; color: var(--sd-ink) !important; border: 1px solid #DDE3EA !important; line-height: 44px !important; }
#Alert_Overlay .wrap_btns .btn_white3:hover span { background: var(--sd-bg-soft) !important; }

/* 팝업이 열릴 때: 짧은 등장 (사용자 동작에 대한 응답) */
@keyframes sdDialogIn { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
#Alert_Overlay .wrap_popup_layer, #Overlay_userDetail .layer_box, #List_directMsg, .memo_popup { animation: sdDialogIn .18s ease-out; }

/* =====================================================================
 * 12. 상호작용 신호
 * ===================================================================== */
.b_list span.userName { cursor: pointer; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; transition: color .15s ease, text-decoration-color .15s ease; }
.b_list span.userName:hover { color: var(--sd-teal) !important; text-decoration-color: currentColor; }
.box_searchUser_r a.course, #community-list div.paging a.btn_paging, #paybanner a.pb-go, .np-method, a.side-cta, .promo-banner a { transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .1s ease; }
.box_searchUser_r a.course:active, #community-list div.paging a.btn_paging:active, #paybanner a.pb-go:active, .np-method:active, .np-pay:active,
a.side-cta:active, .promo-banner a:active, .memo_popup .memo-btn:active, #Alert_Overlay .wrap_btns > a:active { transform: scale(.97); }
a.side-cta:hover { transform: translateY(-2px); }

/* 최근 7일 내 접속 배지 (접속일 대신) */
.sd-recent-badge {
	display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px;
	background: #E9F7EF; color: #1E7A46; font-size: 11.5px; font-weight: 600; line-height: 1.4; white-space: nowrap;
}
.sd-recent-badge::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #22A35A; }
#Overlay_userDetail .layer_box .layer_ex .sd-recent-badge { font-size: 12px; }

@media (prefers-reduced-motion: reduce) {
	#Alert_Overlay .wrap_popup_layer, #Overlay_userDetail .layer_box, #List_directMsg, .memo_popup { animation: none !important; }
	.tip-card:hover, a.side-cta:hover { transform: none !important; }
}

/* 상세 팝업: 제목줄 높이 복구, TIP 띠는 제목 아래 전체 폭, '쪽지 보내기'는 아래 전용 자리 */
#Overlay_userDetail .layer_box .layer_title { display: flex !important; align-items: center; min-height: 56px; box-sizing: border-box; padding: 14px 60px 14px 20px !important; margin: 0 !important; }
#Overlay_userDetail .layer_box .layer_title dt { float: none !important; margin: 0 !important; font-size: 17px !important; }
#Overlay_userDetail .layer_title + .layer_ex { width: auto !important; clear: both; margin: 0 !important; }
#Overlay_userDetail .layer_box { padding-bottom: 68px !important; position: relative; }
#Overlay_userDetail .layer_title + .layer_ex a { top: auto !important; bottom: 14px !important; }
@media (max-width: 640px) {
	#Overlay_userDetail .layer_title + .layer_ex a { left: 16px !important; right: 16px !important; justify-content: center; text-align: center; min-height: 46px; box-sizing: border-box; }
	#Overlay_userDetail table.layer_cnt th { font-size: 13px !important; }
	#Overlay_userDetail table.layer_cnt td { font-size: 14px !important; }
}