/* ========================================================= 게시판 목록 (6단계) — 가비아(옛 사이트) 목록 모양 그대로 빌더 목록 스킨(normal_list · gallery_list · video_list) 마크업 위에 옛 skin/respon_default/css/common.css 값(board_search · bbs_list · bbs_gallery · paging)을 입힘. 빌더 코어 파일은 고치지 않음. 총 게시물 수 · 날짜(Y-m-d)는 custom.js 가 채움. ========================================================= */ /* ---------- 검색 띠 (옛 .board_search) ---------- */ #wrap .bl-page .search_wrap{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 0;width:100%;box-sizing:border-box;margin:0 0 2.4%;padding:1.2% 30px;background:#f2f2f2;line-height:30px;} #wrap .bl-page .search_wrap .inp_box{display:flex;justify-content:flex-end;align-items:center;gap:8px;width:100%;} #wrap .bl-page .search_wrap .inp_box [type="text"]{flex:0 0 auto;width:200px;max-width:100%;height:40px;box-sizing:border-box;margin:0;padding:0 8px;border:1px solid #d3d3d3;border-radius:0;background:#fff;font-family:inherit;font-size:14px;line-height:38px;color:#666;} #wrap .bl-page .search_wrap .inp_box [type="text"]::placeholder{color:#999;} #wrap .bl-page .search_wrap .inp_box [type="text"]:focus{outline:none;border-color:#999;} #wrap .bl-page .search_wrap .inp_box button{flex:0 0 auto;width:60px;height:40px;aspect-ratio:auto;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:#333;font-family:inherit;font-size:14px;font-weight:500;line-height:40px;color:#fff;text-align:center;} #wrap .bl-page .search_wrap .bl-search-chips{justify-content:flex-end;line-height:1.4;} /* ---------- 총 게시물 (옛 .bbs_num — custom.js 가 넣음) ---------- */ #wrap .bl-page .bbs_num{padding:0 0 8px;line-height:20px;font-size:13px;color:#333;} #wrap .bl-page .bbs_num strong{font-weight:700;} /* ---------- 일반 목록 표 (옛 table.bbs_list — 번호 · 제목 두 칸) ---------- */ #wrap .bl-page .table_wrap{overflow:visible;} #wrap .bl-page .bbs_table{display:table;width:100%;table-layout:fixed;border-collapse:collapse;border-top:1px solid #333;border-bottom:1px solid #bbb;font-size:13px;text-align:center;} #wrap .bl-page .bbs_table thead{display:table-header-group;} #wrap .bl-page .bbs_table tbody{display:table-row-group;} #wrap .bl-page .bbs_table tr{display:table-row;padding:0;border:0;background:none;} #wrap .bl-page .bbs_table col:first-child{width:7%;} #wrap .bl-page .bbs_table col:nth-child(n+3){display:none;} #wrap .bl-page .bbs_table :is(th,td){display:table-cell;width:auto;box-sizing:border-box;padding:13px 12px;border:0;font-size:13px;line-height:20px;font-weight:400;color:#666;text-align:center;vertical-align:middle;} #wrap .bl-page .bbs_table :is(th,td):nth-child(n+3){display:none;} #wrap .bl-page .bbs_table th{padding-top:15px;padding-bottom:15px;border-bottom:1px solid #ccc;color:#333;} #wrap .bl-page .bbs_table tbody tr + tr td{border-top:1px solid #ddd;} #wrap .bl-page .bbs_table td.left{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:clip;} #wrap .bl-page .bbs_table td.left > a{display:inline-block;vertical-align:middle;max-width:min(calc((100% - 50px) * .9), 810px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;color:#222;} #wrap .bl-page .bbs_table .for_t{display:none;} /* 공지 줄 */ #wrap .bl-page .bbs_table tr.notice td{background:#f4f4f4;font-weight:400;} #wrap .bl-page .bbs_table tr.notice td.num{color:#eb3949;font-weight:600;} #wrap .bl-page .bbs_table tr.notice .tag{display:inline;padding:0;border-radius:0;background:none;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;} @media (hover:hover) and (pointer:fine){ #wrap .bl-page .bbs_table tbody tr:hover{background:none;} } /* ---------- 카드 목록 — 뉴스 · 홍보자료(gallery) · 홍보영상(video) (옛 ul.bbs_gallery) ---------- */ #wrap .bl-page :is(.sub_gallery, .bl-video-grid){display:flex;flex-wrap:wrap;column-gap:12px;row-gap:0;grid:none;margin:0;padding:17px 0 0;} #wrap .bl-page :is(.sub_gallery > li, .bl-video-grid > .bl-video-card){position:relative;width:calc(25% - 9px);margin:0 0 2.4%;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;} #wrap .bl-page .sub_gallery > li > :is(a, .gallery-popup-trigger){display:block;} /* 썸네일: 가로 100% · 세로 가운데 · 테두리 (옛 .thumb padding-bottom:70%) */ #wrap .bl-page :is(.sub_gallery li .thumb, .bl-video-card .bl-video-thumb){display:block;position:relative;width:100%;height:0;aspect-ratio:auto;box-sizing:border-box;padding:0 0 70%;border:1px solid #d3d3d3;overflow:hidden;font-size:0;text-align:center;background:#fff;} #wrap .bl-page :is(.sub_gallery li .thumb img, .bl-video-card .bl-video-thumb img.bl-video-img){position:absolute;left:50%;top:50%;width:100%;height:auto;max-width:none;object-fit:fill;transform:translate(-50%,-50%);translate:none;scale:none;transition:none;} #wrap .bl-page :is(.sub_gallery li .thumb .bl-gallery-img--empty, .bl-video-card .bl-video-img--empty){position:absolute;inset:0;width:auto;height:auto;font-size:0;background:#fff url(/images/rotem/common/noimg.gif) no-repeat center/100% auto;} #wrap .bl-page .sub_gallery li .thumb .bl-gallery-img--secret{position:absolute;inset:0;width:auto;height:auto;} #wrap .bl-page .bl-video-card .bl-video-overlay{display:none;} /* 글자: 제목 2줄 + 「관리자 | 2026-08-26」 */ #wrap .bl-page :is(.sub_gallery li .info, .bl-video-card .bl-video-body){display:block;padding:5px 0 0;text-align:center;} #wrap .bl-page :is(.sub_gallery li .info .title, .bl-video-card .bl-video-title){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;text-overflow:clip;margin:5px 0 3px;padding:0;font-size:14px;line-height:20px;font-weight:500;color:#333;word-break:break-all;} /* 옛 홍보동영상 카드는 제목 위에 빈 .board_ico 한 줄(20px)이 있어 제목이 20px 아래 */ #wrap .bl-page .bl-video-grid > div.bl-video-card a.bl-video-title{margin-top:25px;} #wrap .bl-page :is(.sub_gallery li .info .content, .bl-video-card .bl-video-summary){display:none;} #wrap .bl-page .sub_gallery li .info :is(.bl-notice-badge, .prefix){display:inline-block;margin:5px 4px 0 0;padding:0;background:none;font-size:13px;line-height:20px;font-weight:600;color:#eb3949;} #wrap .bl-page .sub_gallery li .info .date, #wrap .bl-page .bl-video-card .bl-video-meta{display:block;margin:0;padding:0;font-size:13px;line-height:19px;font-weight:400;color:#666;} #wrap .bl-page .sub_gallery li .info .date::before{content:"관리자";display:inline-block;vertical-align:top;padding-right:17px;background:linear-gradient(#d3d3d3,#d3d3d3) no-repeat right 8px top 6px/1px 9px;} html[lang^="en"] #wrap .bl-page .sub_gallery li .info .date::before{content:"Admin";} #wrap .bl-page .bl-video-card .bl-video-meta-sep{display:inline-block;vertical-align:top;width:1px;height:9px;margin:6px 8px 0;background:#d3d3d3;font-size:0;color:transparent;} @media (hover:hover) and (pointer:fine){ #wrap .bl-page .sub_gallery li:hover img{scale:none;} #wrap .bl-page .bl-video-card:hover{background:none;} } /* ---------- 글 없음 (옛 .bbs_no_data) ---------- */ #wrap .bl-page .bl-empty{padding:1.2%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:13px;line-height:20px;color:#666;text-align:center;} /* ---------- 페이지 번호 (옛 .paging) ---------- */ #wrap .bl-page .paging{position:static;left:auto;top:auto;translate:none;display:block;width:auto;box-sizing:border-box;margin:2.8% auto 0;padding:2px 0 0;font-size:0;line-height:35px;text-align:center;} #wrap .bl-page .paging span{display:inline-block;vertical-align:top;} #wrap .bl-page .paging a{position:relative;display:inline-block;box-sizing:border-box;min-width:35px;width:auto;height:35px;margin:0;padding:0 5px;border:1px solid #ccc;border-radius:0;background:#fff;font-size:13px;font-weight:400;line-height:33px;color:#777;text-align:center;vertical-align:top;scale:none;transition:none;} #wrap .bl-page .paging span + span a{border-left:0;} #wrap .bl-page .paging .on a{color:#ad0003 !important;font-weight:700;background:#fff;} #wrap .bl-page .paging .on a::after{content:"";display:block;position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#ad0003;} #wrap .bl-page .paging a:hover{color:#ad0003;font-weight:700;} #wrap .bl-page .paging .arrow:is(.first,.prev,.next,.last) a{margin:0;scale:none;} #wrap .bl-page .paging .arrow a{width:34px;font-size:0;background:#fff no-repeat left 50%/cover;} #wrap .bl-page .paging .arrow.first a{background-image:url(/images/rotem/common/paging_first.gif);} #wrap .bl-page .paging .arrow.prev a{background-image:url(/images/rotem/common/paging_prev.gif);} #wrap .bl-page .paging .arrow.next a{background-image:url(/images/rotem/common/paging_next.gif);background-position:right 50%;} #wrap .bl-page .paging .arrow.last a{background-image:url(/images/rotem/common/paging_last.gif);background-position:right 50%;} /* 갈 곳 없는 화살표는 옛 사이트처럼 아예 안 보임 → 첫 번호 칸에 왼쪽 테두리 */ #wrap .bl-page .paging .arrow:has(> a.pointer-events-none){display:none;} #wrap .bl-page .paging .arrow.first:has(> a.pointer-events-none) ~ .page_num:nth-child(3) a{border-left:1px solid #ccc;} /* 목록 아래 여백 — 옛 .view_btn(min-height 80px) 안에 페이지 번호(위 여백 % + 높이 37px)가 들어가던 것과 같게 남는 높이 = 80 - 37 - 위 여백(본문 폭 × %) · 479px 이하는 옛 .view_btn .paging{min-height:87px} */ #wrap .bl-page::after{content:"";display:block;height:max(0px, calc(43px - min(100vw - 30px, 1240px) * .028));} @media (max-width:1200px){ #wrap .bl-page::after{height:max(0px, calc(43px - (100vw - 30px) * .038));} } @media (max-width:1023px){ #wrap .bl-page::after{height:max(0px, calc(43px - (100vw - 30px) * .042));} } @media (max-width:767px){ #wrap .bl-page::after{height:max(0px, calc(43px - (100vw - 30px) * .052));} } @media (max-width:640px){ #wrap .bl-page::after{height:max(0px, calc(43px - (100vw - 30px) * .058));} } @media (max-width:479px){ #wrap .bl-page::after{height:0;} #wrap .bl-page .paging{min-height:87px;} } #wrap .bl-page:not(:has(> .paging))::after{height:80px;} /* ---------- 반응형 (옛 common.css 단계 그대로) ---------- */ @media (max-width:1200px){ #wrap .bl-page .search_wrap{padding:1.2% 20px;} #wrap .bl-page .paging{margin-top:3.8%;} } @media (max-width:1023px){ #wrap .bl-page :is(.sub_gallery > li, .bl-video-grid > .bl-video-card){width:calc(33.32% - 8px);margin-bottom:3.6%;} #wrap .bl-page .paging{margin-top:4.2%;} } @media (max-width:860px){ #wrap .bl-page .search_wrap{margin-bottom:4.6%;padding:1.6% 12px;} #wrap .bl-page .bbs_table :is(th,td){padding-top:1.6%;padding-bottom:1.6%;font-size:12px;} #wrap .bl-page .bbs_table th{font-size:13px;} #wrap .bl-page .bbs_table td.left > a{font-size:12px;} } @media (max-width:767px){ #wrap .bl-page .bbs_table col:first-child{width:10%;} #wrap .bl-page .paging{margin-top:5.2%;} } @media (max-width:640px){ #wrap .bl-page .search_wrap{margin-bottom:6.4%;padding:2.4% 12px;justify-content:center;} #wrap .bl-page .search_wrap .inp_box{justify-content:center;} #wrap .bl-page .search_wrap .inp_box :is([type="text"], button){font-size:13px;} #wrap .bl-page .bbs_num{font-size:12px;} #wrap .bl-page .bbs_table :is(th,td){padding-top:2.4%;padding-bottom:2.4%;} #wrap .bl-page .bbs_table col:first-child{width:14%;} #wrap .bl-page :is(.sub_gallery > li, .bl-video-grid > .bl-video-card){width:calc(50% - 6px);margin-bottom:4.8%;} #wrap .bl-page :is(.sub_gallery li .info, .bl-video-card .bl-video-body){padding-top:8px;} /* 옛 640px 규칙 h3{13px} 은 기본 .board_tit h3{14px} 에 밀려 실제로는 14px — 그대로 둠 */ #wrap .bl-page :is(.sub_gallery li .info .date, .bl-video-card .bl-video-meta){padding-top:6px;font-size:12px;} #wrap .bl-page .paging{margin-top:5.8%;} } @media (max-width:530px){ #wrap .bl-page .search_wrap .inp_box [type="text"]{width:150px;} } @media (max-width:479px){ #wrap .bl-page .search_wrap .inp_box [type="text"]{flex:1 1 auto;width:auto;} #wrap .bl-page .search_wrap .inp_box button{width:80px;} #wrap .bl-page .bbs_table :is(th,td){padding:12px 8px;} #wrap .bl-page :is(.sub_gallery > li, .bl-video-grid > .bl-video-card){width:100%;margin-bottom:5.2%;} #wrap .bl-page .paging{margin-top:9.8%;} #wrap .bl-page .paging .arrow.prev a{border-right:0;} } @media (max-width:320px){ #wrap .bl-page .search_wrap{padding:2.4% 8px;} } /* ---------- 목록 화면 아래 여백 — 옛 #contents_box padding-bottom(%) 은 1240px 본문 폭 기준 ---------- */ #wrap #container.w_custom:has(> .bl-page){padding-bottom:calc(min(100vw - 30px, 1240px) * .072);} @media only screen and (max-width:1023px){ #wrap #container.w_custom:has(> .bl-page){padding-bottom:calc((100vw - 30px) * .064);} } @media only screen and (max-width:640px){ #wrap #container.w_custom:has(> .bl-page){padding-bottom:calc((100vw - 30px) * .104);} } @media only screen and (max-width:479px){ #wrap #container.w_custom:has(> .bl-page){padding-bottom:calc((100vw - 30px) * .12);} } /* ========================================================= 로템 전용 목록 스킨(rotem_list) — 채용공고 · 전자공고 (옛 table.bbs_list / .bbs_recruit) ========================================================= */ #wrap .bl-page table.bbs_list{width:100%;table-layout:fixed;border-collapse:collapse;box-sizing:border-box;border-top:1px solid #333;border-bottom:1px solid #bbb;text-align:center;} #wrap .bl-page table.bbs_list caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);} #wrap .bl-page table.bbs_list :is(th,td){padding:13px 12px;border:0;font-size:13px;line-height:20px;font-weight:400;color:#666;text-align:center;vertical-align:middle;} #wrap .bl-page table.bbs_list th{padding-top:15px;padding-bottom:15px;border-bottom:1px solid #ccc;color:#333;} #wrap .bl-page table.bbs_list tbody tr + tr td{border-top:1px solid #ddd;} #wrap .bl-page table.bbs_list td.left{text-align:left;} #wrap .bl-page table.bbs_list tr.board_notice td{background:#f4f4f4;} #wrap .bl-page table.bbs_list tr.board_notice td:first-child{color:#eb3949;font-weight:600;} #wrap .bl-page table.bbs_list .board_tit > a{display:block;color:inherit;} #wrap .bl-page table.bbs_list .board_tit :is(.board_ico, h3){display:inline-block;vertical-align:middle;} #wrap .bl-page table.bbs_list .board_tit h3{width:calc(100% - 50px);max-width:900px;margin:0;font-size:14px;line-height:20px;font-weight:400;color:#222;} #wrap .bl-page table.bbs_list .board_tit h3 strong{display:inline-block;vertical-align:top;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;} #wrap .bl-page table.bbs_list .board_tit > a:hover h3{color:#ad0003;} /* 첨부 아이콘 (옛 /lib/images/icon_attach_file.png 7×11 클립) */ #wrap .bl-page table.bbs_list .board_ico{font-size:13px;} #wrap .bl-page table.bbs_list .rt-ico-file{display:inline-block;width:7px;height:11px;margin-right:5px;vertical-align:middle;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 11'%3E%3Cpath d='M5.5 3v5a2 2 0 0 1-4 0V2.2a1.3 1.3 0 0 1 2.6 0V7.6a.6.6 0 0 1-1.2 0V3' fill='none' stroke='%23777' stroke-width='.9' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%;} /* 채용 줄 */ #wrap .bl-page table.bbs_list td .board_tit.bbs_recruit{position:relative;z-index:1;padding:10px 0;} #wrap .bl-page table.bbs_list td .board_tit.bbs_recruit h3{width:calc(100% - 84px);} #wrap .bl-page table.bbs_list td .board_tit.bbs_recruit h3 .board_ico{vertical-align:middle;} #wrap .bl-page table.bbs_list td .board_tit.bbs_recruit h3 strong{vertical-align:top;font-size:21px;line-height:1.2em;letter-spacing:-1px;color:#333;font-weight:400;} #wrap .bl-page table.bbs_list td .bbs_d_day{display:block;margin:0;padding:16px 0 0;white-space:normal;} #wrap .bl-page table.bbs_list td .bbs_d_day :is(span, em){display:inline-block;vertical-align:top;margin:0;padding:0;font-size:16px;line-height:1.2em;font-weight:400;font-style:normal;} #wrap .bl-page table.bbs_list td .bbs_d_day span{color:#898989;} #wrap .bl-page table.bbs_list td .bbs_d_day em{position:relative;z-index:1;margin-left:16px;padding-left:16px;font-weight:700;color:#ad0003;} #wrap .bl-page table.bbs_list td .bbs_d_day em::before{content:"";position:absolute;left:0;top:50%;width:1px;height:12px;background:#ddd;transform:translateY(-50%);} #wrap .bl-page table.bbs_list td .bbs_state{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-block;width:74px;height:34px;line-height:34px;font-size:15px;font-style:normal;text-align:center;color:#fff;background:#ad0003;} #wrap .bl-page table.bbs_list td .bbs_state.state_end{background:#b8b8b8;} @media (max-width:1023px){ #wrap .bl-page table.bbs_list td .board_tit.bbs_recruit{padding:8px 0;} #wrap .bl-page table.bbs_list td .board_tit.bbs_recruit h3{width:calc(100% - 82px);} #wrap .bl-page table.bbs_list td .board_tit.bbs_recruit h3 strong{font-size:20px;max-width:calc(100% - 21px);} #wrap .bl-page table.bbs_list td .bbs_d_day{padding-top:15px;} #wrap .bl-page table.bbs_list td .bbs_d_day :is(span, em){font-size:15px;} #wrap .bl-page table.bbs_list td .bbs_state{width:72px;} } @media (max-width:860px){ #wrap .bl-page table.bbs_list :is(th,td){padding-top:1.6%;padding-bottom:1.6%;font-size:12px;} #wrap .bl-page table.bbs_list th{font-size:13px;} #wrap .bl-page table.bbs_list .board_tit h3{font-size:12px;} #wrap .bl-page table.bbs_list td .board_tit.bbs_recruit h3{width:calc(100% - 78px);} #wrap .bl-page table.bbs_list td .board_tit.bbs_recruit h3 strong{font-size:19px;letter-spacing:-0.9px;} #wrap .bl-page table.bbs_list td .bbs_d_day{padding-top:14px;} #wrap .bl-page table.bbs_list td .bbs_d_day em{margin-left:13px;padding-left:13px;} #wrap .bl-page table.bbs_list td .bbs_state{width:68px;} } @media (max-width:767px){ #wrap .bl-page table.bbs_list col:first-child{width:10%;} #wrap .bl-page table.bbs_list.bbs_recruit col:first-child{width:40px;} #wrap .bl-page table.bbs_list.bbs_recruit th{padding-left:0;padding-right:0;} #wrap .bl-page table.bbs_list td .board_tit.bbs_recruit h3{width:calc(100% - 70px);} #wrap .bl-page table.bbs_list td .board_tit.bbs_recruit h3 strong{font-size:18px;} #wrap .bl-page table.bbs_list td .bbs_d_day{padding-top:13px;} #wrap .bl-page table.bbs_list td .bbs_d_day :is(span, em){font-size:14px;} #wrap .bl-page table.bbs_list td .bbs_d_day em{margin-left:10px;padding-left:10px;} #wrap .bl-page table.bbs_list td .bbs_d_day em::before{height:10px;} #wrap .bl-page table.bbs_list td .bbs_state{width:60px;height:32px;line-height:32px;font-size:14px;} } @media (max-width:640px){ #wrap .bl-page table.bbs_list :is(th,td){padding-top:2.4%;padding-bottom:2.4%;} #wrap .bl-page table.bbs_list col:first-child{width:14%;} #wrap .bl-page table.bbs_list .board_tit .board_ico{display:block;} #wrap .bl-page table.bbs_list .board_tit h3{width:100%;} #wrap .bl-page table.bbs_list.bbs_recruit :is(col:first-child, th:first-child, td:first-child){display:none;} #wrap .bl-page table.bbs_list.bbs_recruit td .board_tit .board_ico{display:inline-block;} } @media (max-width:500px){ #wrap .bl-page table.bbs_list td .board_tit.bbs_recruit h3{width:calc(100% - 60px);} #wrap .bl-page table.bbs_list td .board_tit.bbs_recruit h3 strong{font-size:17px;letter-spacing:-0.7px;} #wrap .bl-page table.bbs_list td .bbs_d_day{padding-top:12px;} #wrap .bl-page table.bbs_list td .bbs_d_day :is(span, em){display:block;} #wrap .bl-page table.bbs_list td .bbs_d_day em{margin:8px 0 0;padding-left:0;} #wrap .bl-page table.bbs_list td .bbs_d_day em::before{display:none;} #wrap .bl-page table.bbs_list td .bbs_state{width:55px;height:30px;line-height:30px;} } @media (max-width:479px){ #wrap .bl-page table.bbs_list :is(th,td){padding:12px 8px;} } @media (max-width:414px){ #wrap .bl-page table.bbs_list td .board_tit.bbs_recruit{padding:5px 0;} #wrap .bl-page table.bbs_list td .board_tit.bbs_recruit h3{width:80%;} #wrap .bl-page table.bbs_list td .board_tit.bbs_recruit h3 strong{font-size:15px;} #wrap .bl-page table.bbs_list td .bbs_d_day{padding-top:10px;width:calc(100% - 55px);} #wrap .bl-page table.bbs_list td .bbs_d_day :is(span, em){font-size:13px;letter-spacing:-0.4px;} #wrap .bl-page table.bbs_list td .bbs_d_day em{margin-top:5px;} #wrap .bl-page table.bbs_list td .bbs_state{width:50px;top:auto;bottom:9px;transform:none;} } @media (max-width:350px){ #wrap .bl-page table.bbs_list td .board_tit.bbs_recruit{padding:0;} #wrap .bl-page table.bbs_list td .bbs_d_day{width:calc(100% - 50px);} #wrap .bl-page table.bbs_list td .bbs_d_day span{font-size:12px;letter-spacing:-0.3px;} #wrap .bl-page table.bbs_list td .bbs_state{width:46px;height:28px;line-height:28px;font-size:13px;bottom:4px;} }