/* ============================================================
   국양로지텍 게시판 리뉴얼 — .contents-sub 영역 전용 스타일
   (기존 사이트 chrome(메뉴/서브탑/푸터)은 건드리지 않음)
   ============================================================ */

/* --- footer 창 하단 고정 (내용이 짧아도 푸터가 바닥에 붙음) --- */
#wrap{min-height:100vh;display:flex;flex-direction:column;}
#contents{flex:1 0 auto;width:100%;display:flex;flex-direction:column;}
#contents > #container{flex:1 0 auto;width:100%;}
#contents > footer{margin-top:auto;} /* 기존 member 페이지처럼 footer가 #contents 안에 있는 경우도 하단 고정 */
#wrap>footer{margin-top:auto;}

/* --- 리뉴얼 콘텐츠 공통 --- */
.contents-sub .ky-wrap{max-width:1120px;margin:0 auto;padding:6px 0 40px;box-sizing:border-box;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;color:#243447;font-size:15px;line-height:1.6;}
.contents-sub .ky-wrap a{text-decoration:none;}
.contents-sub .ky-desc{font-size:13.5px;color:#768395;margin:0 0 18px;text-align:left;}

/* --- 버튼 ---
   주의: /css/board.css 가 전역 .btn 을 !important 로 덮어쓰므로 ky-btn 으로 이름을 분리했다. */
.contents-sub .ky-btn{display:inline-block;height:auto;min-width:0;margin:0;border:1px solid #C8D1DD;background:#fff;background-color:#fff;color:#243447;padding:9px 18px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:400;line-height:1.4;vertical-align:middle;text-decoration:none;text-align:center;box-sizing:border-box;}
.contents-sub .ky-btn:hover,.contents-sub .ky-btn.on{border:1px solid #98A3B3;background:#fff;background-color:#fff;color:#243447;font-weight:400;}
.contents-sub .ky-btn-primary{background:#0A50A1;background-color:#0A50A1;border-color:#0A50A1;color:#fff;font-weight:700;}
.contents-sub .ky-btn-primary:hover{background:#083D7C;background-color:#083D7C;border-color:#083D7C;color:#fff;font-weight:700;}
.contents-sub .ky-btn-navy{background:#172B4D;background-color:#172B4D;border-color:#172B4D;color:#fff;}
.contents-sub .ky-btn-navy:hover{color:#fff;background:#0e1d38;background-color:#0e1d38;border-color:#0e1d38;}
.contents-sub .ky-btn-danger{background:#fff;background-color:#fff;border-color:#EFD3D3;color:#D64545;}
.contents-sub .ky-btn-danger:hover{background:#FBEFEF;background-color:#FBEFEF;border-color:#D64545;color:#D64545;}
.contents-sub .ky-btn-sm{height:auto;min-width:0;padding:4px 10px;font-size:12.5px;line-height:1.4;border-radius:5px;}

/* --- 툴바(검색/글쓰기) --- */
.contents-sub .ky-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px;}
.contents-sub .ky-toolbar .search{display:flex;gap:6px;align-items:center;margin:0;}
.contents-sub .ky-toolbar select,
.contents-sub .ky-toolbar input[type=text]{border:1px solid #C8D1DD;border-radius:6px;padding:8px 10px;background:#fff;font-size:14px;height:auto;}
.contents-sub .ky-toolbar input[type=text]{width:200px;}

/* --- 리스트 테이블 --- */
/* 목록 페이지는 기존 채용정보 디자인(board.css의 .box-search/.data-table)을 그대로 사용.
   아래는 게시글 hover 연한 컴러 효과만 추가. */
.contents-sub .data-table > tbody > tr:hover > td{background:#F4F8FD;}
/* 목록 컴럼 폭 (모바일에서 숨김 컴럼만큼 제목 컴럼이 늘어나도록 반응형 처리) */
.contents-sub .data-table col.c-num{width:10%;}
.contents-sub .data-table col.c-title{width:40%;}
.contents-sub .data-table col.c-writer{width:15%;}
.contents-sub .data-table col.c-date{width:15%;}
.contents-sub .data-table col.c-hit{width:10%;}
.contents-sub .data-table col.c-file{width:10%;}
.contents-sub .ky-table{width:100%;background:#fff;border:1px solid #E1E6EC;border-radius:10px;border-collapse:separate;border-spacing:0;overflow:hidden;}
.contents-sub .ky-table th{background:#F8FAFC;border-bottom:2px solid #172B4D;font-size:13px;color:#556070;padding:11px 12px;text-align:left;font-weight:700;}
.contents-sub .ky-table td{border-bottom:1px solid #EEF1F5;padding:12px;font-size:14px;vertical-align:middle;text-align:left;}
.contents-sub .ky-table tr:hover td{background:#F4F8FD;}
.contents-sub .ky-table .t-num{color:#98A3B3;font-size:13px;}
.contents-sub .ky-table .t-title a{color:#243447;font-weight:500;}
.contents-sub .ky-table .t-title a:hover{color:#0A50A1;}
.contents-sub .ky-table .t-sub{color:#98A3B3;font-size:13px;}
.contents-sub .badge-file{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#0A50A1;background:#EAF2FB;border-radius:99px;padding:1px 9px;font-weight:700;}
.contents-sub .badge-new{font-size:10px;font-weight:700;color:#fff;background:#D64545;border-radius:99px;padding:1px 6px;vertical-align:2px;margin-left:6px;}
.contents-sub .badge-internal{font-size:12px;font-weight:700;color:#8A5A00;background:#FDF1CE;border:1px solid #F0D98C;padding:2px 10px;border-radius:99px;}

/* --- 페이징 --- */
.contents-sub .ky-paging{display:flex;justify-content:center;gap:5px;margin-top:18px;}
.contents-sub .ky-paging a,
.contents-sub .ky-paging span{min-width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-size:13.5px;color:#556070;padding:0 6px;}
.contents-sub .ky-paging span.cur{background:#172B4D;color:#fff;font-weight:700;}
.contents-sub .ky-paging a:hover{background:#E6ECF3;color:#172B4D;}

/* --- 게시글 보기 --- */
.contents-sub .ky-view{background:#fff;border:1px solid #E1E6EC;border-radius:10px;overflow:hidden;text-align:left;}
.contents-sub .ky-vhead{padding:24px 28px 18px;border-bottom:1px solid #EEF1F5;position:static;width:auto;height:auto;background:none;}
.contents-sub .ky-vhead h2{font-size:22px;color:#172B4D;margin:0;line-height:1.4;font-weight:700;}
.contents-sub .ky-vmeta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;font-size:13px;color:#768395;}
.contents-sub .ky-vbody{padding:26px 28px;font-size:15.5px;line-height:1.75;color:#33404F;min-height:120px;white-space:pre-line;word-break:break-word;overflow-wrap:break-word;}
.contents-sub .ky-vbody img{max-width:100%;height:auto;}
.contents-sub .ky-vbody table{max-width:100%;}

/* --- 첨부파일 박스 --- */
/* 기존 사이트 공통 CSS와의 클래스명 충돌을 피하기 위해 ky- 접두사 사용 */
.contents-sub .ky-files{margin:0 28px 24px;border:1px solid #DCE4EE;border-radius:10px;background:#F8FAFC;overflow:hidden;position:static;}
.contents-sub .ky-fbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-bottom:1px solid #E6ECF3;font-size:13.5px;font-weight:700;color:#172B4D;position:static;width:auto;height:auto;background:none;}
.contents-sub .ky-frow{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid #EEF1F5;background:#fff;position:static;width:auto;height:auto;}
.contents-sub .ky-frow:last-child{border-bottom:none;}
.contents-sub .ky-fext{font-size:10px;font-weight:800;letter-spacing:.5px;color:#fff;background:#556070;border-radius:5px;padding:3px 7px;flex:none;}
.contents-sub .ky-fext.pdf{background:#D64545;}
.contents-sub .ky-fext.xls,.contents-sub .ky-fext.xlsx{background:#1E7A46;}
.contents-sub .ky-fext.jpg,.contents-sub .ky-fext.jpeg,.contents-sub .ky-fext.png,.contents-sub .ky-fext.gif{background:#0A50A1;}
.contents-sub .ky-fext.hwp{background:#0B7285;}
.contents-sub .ky-fname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
.contents-sub .ky-fempty{padding:16px 14px;color:#98A3B3;font-size:13.5px;background:#fff;}
.contents-sub .ky-files form{margin:0;display:inline;position:static;}

/* --- 글쓰기 폼 --- */
.contents-sub .ky-form{background:#fff;border:1px solid #E1E6EC;border-radius:10px;padding:24px 28px;text-align:left;}
.contents-sub .ky-form .frow{display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:center;margin-bottom:12px;}
.contents-sub .ky-form .frow label{font-size:14px;font-weight:700;color:#556070;}
.contents-sub .ky-form .frow.top{align-items:start;}
.contents-sub .ky-form .frow.top label{padding-top:10px;}
.contents-sub .ky-form input[type=text],
.contents-sub .ky-form textarea{border:1px solid #C8D1DD;border-radius:8px;padding:10px 13px;font-size:15px;width:100%;box-sizing:border-box;height:auto;}
.contents-sub .ky-form input[readonly]{background:#F8FAFC;border-color:#E1E6EC;color:#556070;}
.contents-sub .ky-form textarea{min-height:200px;resize:vertical;line-height:1.7;}

/* --- 첨부 추가 영역 --- */
.contents-sub .attach-zone{border:2px dashed #C8D1DD;background:#FAFBFD;border-radius:10px;padding:16px;text-align:center;font-size:13.5px;color:#768395;}
.contents-sub .attach-zone .ky-btn{margin-left:6px;}
.contents-sub .attach-list{margin-top:8px;}
.contents-sub .attach-list .ky-frow{display:flex;align-items:center;gap:10px;border:1px solid #E6ECF3;border-radius:8px;padding:8px 12px;margin-top:6px;background:#F8FAFC;font-size:14px;}
.contents-sub .attach-list .ky-fname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.contents-sub .attach-list .ky-fdel{color:#D64545;cursor:pointer;background:none;border:none;font-size:13px;flex:none;}
.contents-sub .badge-newfile{font-size:11px;font-weight:700;color:#1E7A46;background:#E3F4EA;padding:1px 8px;border-radius:99px;}

/* --- 버튼 줄 --- */
.contents-sub .ky-actions{display:flex;justify-content:space-between;margin-top:16px;gap:8px;}
.contents-sub .ky-actions .right{display:flex;gap:8px;}

/* --- 헤더 드롭다운 보정 (사내전용 8개 하위메뉴가 잘리지 않도록) ---
   common.css 의 sub_menu 고정 높이 275px → 340px, 항목 간격 축소 */
#wrap header .gnb.on:before{height:340px;}
#wrap header .gnb .sub_menu{height:340px;}
#wrap header .gnb .sub_menu ul{padding:16px 0;}
#wrap header .gnb .sub_menu li a{font-size:16px;padding:8px 6px;letter-spacing:-.5px;white-space:nowrap;}

/* --- 로그인/찾기 페이지 보정 --- */
/* 서브비주얼 왼쪽의 과거 회원관련 이미지 메뉴(ssm1) 숨김 */
.sub_tab_wrap .ssm1{display:none !important;}
/* 아이디 저장 체크박스가 기존 CSS에 의해 가려지는 문제 보정 */
.contents-sub .ky-login input[type=checkbox]{-webkit-appearance:checkbox;appearance:auto;position:static;opacity:1;width:16px;height:16px;margin:0;padding:0;border:none;clip:auto;cursor:pointer;}

/* --- 로그인 카드 --- */
.contents-sub .ky-login{max-width:420px;margin:36px auto;background:#fff;border:1px solid #E1E6EC;border-radius:12px;padding:34px;box-shadow:0 2px 12px rgba(23,43,77,.06);text-align:left;}
.contents-sub .ky-login h2{font-size:22px;font-weight:900;color:#172B4D;margin:0 0 6px;}
.contents-sub .ky-login .notice{font-size:13.5px;color:#768395;margin-bottom:22px;}
.contents-sub .ky-login input[type=text],
.contents-sub .ky-login input[type=password]{width:100%;box-sizing:border-box;border:1px solid #C8D1DD;border-radius:8px;padding:12px 14px;font-size:15px;margin-bottom:10px;height:auto;}
.contents-sub .ky-login .opts{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#556070;margin:4px 0 16px;}
.contents-sub .ky-login .ky-btn-primary{width:100%;padding:13px 0;font-size:16px;border-radius:8px;}

@media (max-width:767px){
	.contents-sub .ky-wrap{padding:6px 14px 28px;}
	.contents-sub .ky-table .hide-m,
	.contents-sub .data-table .hide-m{display:none;}
	/* 숨긴 컴럼(작성일/조회)의 폭을 제목 컴럼으로 흡수 → 첨부 옆 공백 제거 */
	.contents-sub .data-table col.c-num{width:13%;}
	.contents-sub .data-table col.c-title{width:53%;}
	.contents-sub .data-table col.c-writer{width:20%;}
	.contents-sub .data-table col.c-date,
	.contents-sub .data-table col.c-hit{width:0;}
	.contents-sub .data-table col.c-file{width:14%;}
	.contents-sub .ky-form .frow{grid-template-columns:1fr;gap:6px;}
	.contents-sub .ky-toolbar input[type=text]{width:130px;}
	.contents-sub .ky-vhead{padding:18px 16px 14px;}
	.contents-sub .ky-vhead h2{font-size:18px;}
	.contents-sub .ky-vbody{padding:18px 16px;font-size:15px;min-height:60px;}
	.contents-sub .ky-files{margin:0 12px 16px;}
	.contents-sub .ky-fbar{padding:9px 12px;}
	.contents-sub .ky-frow{padding:8px 12px;flex-wrap:wrap;}
	.contents-sub .ky-actions{flex-wrap:wrap;}
}

/* --- 관리자(member) 페이지 버튼 통일 --- */
.admin-tools{margin:0 0 18px;text-align:right;}
.admin-tools a{display:inline-block;margin-left:6px;padding:9px 16px;border:1px solid #c8d1dd;background:#fff;color:#243447;}
.admin-tools a.on{background:#244c88;border-color:#244c88;color:#fff;}
.admin-tools a{font-size:14px;border-radius:6px;transition:background .15s,color .15s,border-color .15s;}
.manage-btn{font-size:14px;border-radius:5px;transition:background .15s,color .15s,border-color .15s;}
.admin-tools a:hover,
.manage-btn:hover{background:#2872b9;border-color:#2872b9;color:#fff;}
.admin-tools a.on:hover{background:#1b3a68;border-color:#1b3a68;color:#fff;}
.manage-btn.primary:hover{background:#1b3a68;border-color:#1b3a68;color:#fff;}
.manage-btn.danger:hover{background:#933333;border-color:#933333;color:#fff;}
/* board.css 의 .btn(60px)과 크기 통일: member 페이지에서만 축소 */
.member-page .buttonArea .btn{height:auto;min-width:0;padding:12px 32px;font-size:15px;line-height:1.4;margin-right:6px;}
.member-page .btnarea .btn-d.btn-lg{width:auto;height:auto;min-width:140px;padding:12px 32px;font-size:15px;line-height:1.4;}