/*********************************************************
 * 2026-10-01 사이트 공통 디자인 (국문 하위 페이지 전체 — sub_page_menu.php 에서 불러옴)
 * 페이지마다 다르던 공통 부품을 한 모양으로:
 *   검색창(둥근 칸 + 빨간 원형 버튼) · '총 N건' 줄(옅은 회색) · 목록 표 · 사진 카드 · 갤러리 카드 · 소제목
 * 색 : 빨강 #e9382f (강조·선택) · 검정 #111 (제목) · 본문 #444/#555 · 테두리 #ececec · 바탕 #f7f7f7
 * 모서리 : 카드 14px · 입력·버튼 999px(알약)
 * 기존 규칙(sub.css·게시판 스킨)보다 구체적인 선택자로 덮어씀 — 원복은 이 파일을 불러오는 줄을 빼면 됨
 *********************************************************/

/* ── 1. 검색창 : 게시판(제목/내용 고르기 + 검색어) ── */
.sec01_product_body .sec01_search.board_bot { margin:44px 0 0; text-align:center; }
.sec01_product_body .sec01_search { text-align:center; }
.sec01_product_body .sec01_search.board_bot + .board_list { margin-top:36px; }
.sec01_product_body .sec01_search.board_bot + .sec01_seminar_list_title { margin-top:36px; }
.sec01_product_body .seminar_menu + br + form > .sec01_search.board_bot { margin-top:16px; }
.sec01_product_body .sec01_search > form { display:inline-flex; align-items:center; max-width:100%; height:50px; border:1px solid #e3e3e3; border-radius:999px; background:#fff; padding:0 5px 0 0; box-sizing:border-box; transition:border-color .15s, box-shadow .15s; }
.sec01_product_body .sec01_search > form:focus-within { border-color:#e9382f; box-shadow:0 0 0 3px rgba(233,56,47,.12); }
.sec01_product_body .sec01_search > form select { height:48px; border:0; border-right:1px solid #eee; border-radius:999px 0 0 999px; padding:0 34px 0 20px; margin:0; font-size:0.95rem; color:#333; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 14px center; -webkit-appearance:none; appearance:none; cursor:pointer; }
.sec01_product_body .sec01_search > form .sec01_search_form { height:48px; width:340px; max-width:52vw; border:0 !important; margin:0; padding:0 14px; font-size:0.98rem !important; background:transparent; outline:none; }
.sec01_product_body .sec01_search > form .magnifier { flex:0 0 40px; width:40px; height:40px; padding:0; border:0; border-radius:50%; background:#e9382f; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.sec01_product_body .sec01_search > form .magnifier:hover { background:#c4241a; }
.sec01_product_body .sec01_search > form .magnifier img { width:16px; height:16px; }

/* 1-1. 폼 없이 선택 상자·입력칸·버튼이 바로 들어 있는 검색 영역 (세미나 목록 등) — 같은 알약 모양 */
.sec01_product_body .sec01_search:has(> select) { display:flex; justify-content:center; }
.sec01_product_body .sec01_search:has(> select) > select, .sec01_product_body .sec01_search:has(> select) > .sec01_search_form, .sec01_product_body .sec01_search:has(> select) > .magnifier { margin:0; }
.sec01_product_body .sec01_search:has(> select) > select { height:50px; border:1px solid #e3e3e3; border-right:1px solid #eee; border-radius:999px 0 0 999px; padding:0 34px 0 20px; font-size:0.95rem; color:#333; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 14px center; -webkit-appearance:none; appearance:none; }
.sec01_product_body .sec01_search:has(> select) > .sec01_search_form { height:50px; width:340px; max-width:52vw; border:1px solid #e3e3e3 !important; border-left:0 !important; border-right:0 !important; padding:0 14px; font-size:0.98rem !important; outline:none; box-sizing:border-box; }
.sec01_product_body .sec01_search:has(> select) > .magnifier { height:50px; width:54px; border:1px solid #e3e3e3; border-left:0; border-radius:0 999px 999px 0; background:#fff; padding:0 7px 0 0; display:flex; align-items:center; justify-content:flex-end; box-sizing:border-box; }
.sec01_product_body .sec01_search:has(> select) > .magnifier img { width:40px; height:40px; padding:12px; border-radius:50%; background:#e9382f; box-sizing:border-box; }
.sec01_product_body .sec01_search:has(> select) > .magnifier:hover img { background:#c4241a; }

/* ── 1-1. 검색 영역 회색 띠 : 제품정보·레시피(pro-search-bk)와 같은 #f7f7f7 둥근 띠로 통일 (게시판·세미나·FAQ·해외파트너·협력업체) ── */
.sec01_product_body .sec01_search.board_bot { background:#f7f7f7; border-radius:16px; padding:22px 20px; }
.sec01_product_body .sec01_search.board_bot > form, .sec01_product_body .sec01_search.board_bot:has(> select) > * { box-shadow:none; }
.geo-faq-search { display:flex !important; justify-content:center; flex:1 1 100% !important; background:#f7f7f7; border-radius:16px; padding:22px 20px; box-sizing:border-box; }
.geo-faq-search input { width:420px !important; max-width:100%; }

/* ── 1-2. 검색창 : 레시피·제품 (pro-search-bk) — 제품정보와 같은 모양 ── */
.sec01_product_body .pro-search-bk { background:#f7f7f7; border-radius:16px; padding:22px 20px; gap:10px; }
.sec01_product_body .pro-search-bk .pro-search-box-s1, .sec01_product_body .pro-search-bk .pro-search-box-s2 { position:relative; display:flex; align-items:center; width:auto; }
.sec01_product_body .pro-search-bk .sec01_search_form { height:48px; width:420px; max-width:100%; border:1px solid #e3e3e3 !important; border-radius:999px; padding:0 54px 0 20px; font-size:1rem !important; background:#fff; margin:0; box-sizing:border-box; }
.sec01_product_body .pro-search-bk .sec01_search_form:focus { outline:none; border-color:#e9382f !important; box-shadow:0 0 0 3px rgba(233,56,47,.12); }
.sec01_product_body .pro-search-bk .magnifier, .sec01_product_body .pro-search-bk .magnifier:hover { position:absolute; right:5px; top:5px; width:38px; height:38px; padding:0; border:0; border-radius:50%; background:#e9382f; display:flex; align-items:center; justify-content:center; }
.sec01_product_body .pro-search-bk .magnifier:hover { background:#c4241a; }
.sec01_product_body .pro-search-bk .magnifier img { width:16px; height:16px; }
.sec01_product_body .pro-search-bk .reset-btn { height:48px; padding:0 18px; border-radius:999px; border:1px solid #e3e3e3; background:#fff; color:#555; font-size:0.95rem; }
.sec01_product_body .pro-search-bk .reset-btn:hover { background:#fff; border-color:#e9382f; color:#e9382f; }

/* ── 2. '총 N건' 줄 · 정렬 ── */
.sec01_product_body .sec01_list_title.board_total { margin-top:40px !important; }
.sec01_product_body .sec01_order select { height:40px; border:1px solid #e3e3e3; border-radius:999px; padding:0 34px 0 16px; font-size:0.92rem; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 14px center; -webkit-appearance:none; appearance:none; }
.sec01_product_body .recipe_list_head, .sec01_product_body .recipe_list_head tr { background:transparent; }
.sec01_product_body .sec01_list_title, .sec01_product_body .sec01_seminar_list_title { border-bottom:1px solid #ececec !important; padding-bottom:12px; font-weight:600; }
.sec01_product_body .sec01_total { font-size:0.98rem; color:#333; }
.sec01_product_body .sec01-list-select li { color:#888; font-size:0.95rem; }
.sec01_product_body .sec01-list-select li.active { color:#e9382f; font-weight:700; }

/* ── 3. 목록 표 : 게시판(board_list) · 세미나(recipe_list) ── */
.sec01_product_body .board_wrap .board_list, .sec01_product_body .recipe_list { border-collapse:collapse; }
.sec01_product_body .board_wrap .board_list thead tr th, .sec01_product_body .recipe_list_head th { background:transparent; border-bottom:1px solid #e3e3e3; padding:14px 0; font-size:0.9rem; font-weight:600; color:#888; }
.sec01_product_body .board_wrap .board_list tbody tr td, .sec01_product_body .recipe_list td { border-bottom:1px solid #f0f0f0; padding:18px 0; font-size:1rem; transition:background .12s; }
.sec01_product_body .board_wrap .board_list tbody tr:hover td, .sec01_product_body .recipe_list tbody tr:hover td { background:#fcf7f6; }
.sec01_product_body .board_wrap .board_list tbody tr td a, .sec01_product_body .recipe_list td a { color:#222; font-weight:500; }
.sec01_product_body .board_wrap .board_list tbody tr:hover td a, .sec01_product_body .recipe_list tbody tr:hover td a { color:#e9382f; }
.sec01_product_body .board_wrap .board_list .td_date, .sec01_product_body .board_wrap .board_list .td_num, .sec01_product_body .recipe_list .small_td { color:#999; font-size:0.92rem; }

/* ── 4. 사진 카드 : 레시피 목록 등 (sec01_img_list > .img-la) — 제품정보와 같은 카드 ── */
.sec01_product_body .sec01_img_list .row { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:20px; margin:22px 0 0; }
.sec01_product_body .sec01_img_list .row:before, .sec01_product_body .sec01_img_list .row:after { display:none; }
.sec01_product_body .sec01_img_list .row > div { width:auto !important; max-width:none !important; float:none; padding:0; margin:0 !important; min-width:0; }
.sec01_product_body .sec01_img_list .img-la > a { display:flex; flex-direction:column; height:100%; background:#fff; border:1px solid #ececec; border-radius:14px; overflow:hidden; text-decoration:none; transition:transform .2s ease, box-shadow .2s ease, border-color .2s; }
.sec01_product_body .sec01_img_list .img-la > a:hover { transform:translateY(-3px); border-color:#f2c4c0; box-shadow:0 16px 34px -22px rgba(0,0,0,.3); }
.sec01_product_body .sec01_img_list .img_list_controll { border:0; }
.sec01_product_body .sec01_img_list .img-la img:hover { transform:translate(-50%, -50%); }
.sec01_product_body .sec01_img_list .img-la .list_img { transition:transform .3s ease; }
.sec01_product_body .sec01_img_list .img-la > a:hover .list_img { transform:translate(-50%, -50%) scale(1.05); }
.sec01_product_body .sec01_img_list .sec01_img_title { margin:0; padding:12px 14px 14px; border-top:1px solid #f3f3f3; text-align:left; font-size:0.98rem; font-weight:600; color:#222; line-height:1.45em; height:calc(1.45em * 2 + 26px); -webkit-line-clamp:2; box-sizing:border-box; }
.sec01_product_body .sec01_img_list .img-la > a:hover .sec01_img_title { color:#e9382f; }

/* ── 5. 갤러리 카드 : 동영상·자료실 (gallery_item) ── */
.sec01_product_body .board_list .gallery_item .box { border:1px solid #ececec; border-radius:14px; padding:0; overflow:hidden; background:#fff; display:flex; flex-direction:column; }
.sec01_product_body .board_list .gallery_item .box:hover { border-color:#f2c4c0; box-shadow:0 16px 34px -22px rgba(0,0,0,.3); transform:translateY(-3px); }
.sec01_product_body .board_list .td_image { height:auto; aspect-ratio:16 / 10; background:#f7f7f7; }
.sec01_product_body .board_list .td_image img { width:100%; height:100%; object-fit:cover; }
.sec01_product_body .board_list .gallery_item .box:hover .td_image img { transform:scale(1.05); }
.sec01_product_body .board_list .td_title { margin:0; padding:14px 16px 4px; }
.sec01_product_body .board_list .td_title a { font-size:1.02rem; line-height:1.45; max-height:2.9em; -webkit-line-clamp:2; color:#222; }
.sec01_product_body .board_list .gallery_item .box:hover .td_title a { color:#e9382f; }
.sec01_product_body .board_list .td_time { padding:0 16px 14px; color:#999; font-size:0.88rem; }
.sec01_product_body .board_list .td_time .td_date { text-align:left !important; }

/* ── 6. 소제목 : 9/30 텍스트화 페이지(.geo-head) 를 오늘 페이지(.geo-ml-head) 와 같은 모양으로 ── */
.geo-head:before { display:none; }
.geo-head .geo-kicker { font-size:0.9rem !important; font-weight:700; letter-spacing:0.18em; color:#e9382f !important; margin:0 0 10px !important; text-transform:uppercase; }
.geo-head h2 { font-size:2.1rem; font-weight:700; color:#111; margin:0 0 14px; }
.geo-head p { color:#555; }

/* ── 7. 쪽 번호 ── */
.paging-layout, .paging_wrap { margin-top:34px; }

/* ── 반응형 ── */
@media (prefers-reduced-motion: reduce) {
  .sec01_product_body .sec01_img_list .img-la > a, .sec01_product_body .board_list .gallery_item .box { transition:none; }
  .sec01_product_body .sec01_img_list .img-la > a:hover, .sec01_product_body .board_list .gallery_item .box:hover { transform:none; }
}
@media (max-width: 1100px) { .sec01_product_body .sec01_img_list .row { grid-template-columns:repeat(4, minmax(0, 1fr)); } }
@media (max-width: 900px) {
  .sec01_product_body .sec01_img_list .row { grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; }
  .sec01_product_body .sec01_search.board_bot { margin-top:26px; padding:16px; }
  .geo-faq-search { padding:16px; }
  .geo-faq-search input { width:100% !important; }
  .sec01_product_body .sec01_list_title.board_total { margin-top:24px !important; }
  .sec01_product_body .sec01_search > form { width:100%; }
  .sec01_product_body .sec01_search > form .sec01_search_form { flex:1 1 auto; width:auto; max-width:none; min-width:0; }
  .sec01_product_body .pro-search-bk { padding:16px; }
  .sec01_product_body .pro-search-bk .pro-search-box-s1, .sec01_product_body .pro-search-bk .pro-search-box-s2 { width:100%; }
  .sec01_product_body .pro-search-bk .sec01_search_form { width:100%; }
  .sec01_product_body .board_wrap .board_list tbody tr td { padding:14px 0; font-size:0.95rem; }
  .geo-head h2 { font-size:1.6rem; }
}
@media (max-width: 640px) {
  .sec01_product_body .sec01_img_list .row { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
  .sec01_product_body .sec01_img_list .sec01_img_title { font-size:0.9rem; padding:10px 12px 12px; height:calc(1.45em * 2 + 22px); }
}

/* ── 10. 페이지 머리말 (.geo-ml-head) : 협력업체 페이지 모양을 전체 페이지 공통으로 — layout 의 geo_page_head() ── */
body .geo-ml-head { text-align:center; margin:44px auto 40px; max-width:720px; }
body .geo-ml-head .geo-ml-kicker { font-size:0.9rem; font-weight:700; letter-spacing:0.18em; color:#e9382f; margin:0 0 10px; text-transform:uppercase; }
body .geo-ml-head h2 { font-size:2.1rem; font-weight:700; color:#111; margin:0 0 14px; line-height:1.3; }
body .geo-ml-head p { font-size:1.08rem; line-height:1.7; color:#555; margin:0; word-break:keep-all; }
body .geo-page-intro .geo-ml-head { margin:60px auto 6px; }
body .geo-page-intro + .sec01_product_body .dummy-t1 { margin-top:0 !important; }
@media (max-width: 900px) {
  body .geo-ml-head { margin:44px auto 30px; }
  body .geo-page-intro .geo-ml-head { margin:40px auto 0; }
  body .geo-ml-head h2 { font-size:1.6rem; }
  body .geo-ml-head p { font-size:1rem; }
}

/* ── 11. 분류 탭 : 알약 모양 → 제품정보·동영상과 같은 글자형(회색 글자, 고른 탭은 빨간 글자 + 밑줄) ── */
body .geo-faq-tools { display:block; }
body .geo-faq-tabs { display:flex; flex-wrap:wrap; justify-content:center; gap:0; border-bottom:1px solid #e8e8e8; margin:0 0 24px; }
body .geo-faq-tabs button, body .geo-pt-type button, body .geo-hx-nav a { border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none; color:#888; font-weight:500; padding:1rem 1.1rem 0.95rem; font-size:1rem; letter-spacing:-0.02em; white-space:nowrap; transition:color .2s, box-shadow .2s; }
body .geo-faq-tabs button span, body .geo-pt-type button span { color:#bbb; font-weight:400; margin-left:3px; }
body .geo-faq-tabs button:hover, body .geo-pt-type button:hover, body .geo-hx-nav a:hover { color:#E42E20; }
body .geo-faq-tabs button.on, body .geo-pt-type button.on, body .geo-hx-nav a.on { color:#E42E20 !important; font-weight:700; box-shadow:inset 0 -3px 0 #E42E20; }
body .geo-faq-tabs button.on span, body .geo-pt-type button.on span { color:#E42E20; opacity:.6; }
/* 협력업체 : 지역 탭(한 줄 가로 스크롤) + 판매방식(작은 글자 탭) + 검색 띠 */
body .geo-pt-filter { gap:0; }
body .geo-pt-scroller .geo-pt-sido { justify-content:flex-start; margin:0; }
body .geo-pt-row2 { flex-direction:column; align-items:stretch; gap:16px; margin-top:6px; }
body .geo-pt-type { display:flex; justify-content:center; border:0; border-radius:0; overflow:visible; background:none; }
body .geo-pt-type button { padding:0.7rem 1rem 0.65rem; font-size:0.95rem; }
/* 회사연혁 : 연대 바로가기 */
body .geo-hx-nav { gap:0; border-bottom:1px solid #e8e8e8; padding:0; }
@media (max-width: 900px) {
  body .geo-faq-tabs { flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto; scrollbar-width:none; }
  body .geo-faq-tabs::-webkit-scrollbar { display:none; }
  body .geo-faq-tabs button, body .geo-pt-type button, body .geo-hx-nav a { flex:0 0 auto; padding:0.8rem 0.8rem 0.75rem; font-size:0.92rem; }
  body .geo-pt-type { width:auto; }
  body .geo-pt-type button { flex:0 0 auto; }
}
/* 공장소개 탭(tab_btn)도 같은 글자형 : 회색 글자, 고른 탭은 빨간 굵은 글자 + 3px 밑줄 */
body .fac_line { border-bottom:1px solid #e8e8e8; }
body .fac_line .tab_btn { color:#888; font-weight:500; border-bottom:0; padding:1rem 0.4rem 0.95rem; white-space:nowrap; letter-spacing:-0.02em; transition:color .2s; }
body .fac_line .tab_btn:hover { color:#E42E20; }
body .fac_line .tab_btn.current { color:#E42E20; font-weight:700; border-bottom:0; box-shadow:inset 0 -3px 0 #E42E20; }

/* ── 12. 머리말 카드 : 배경과 구분되게 옅은 붉은빛 바탕 + 빨간 윗선 (페이지 맨 위 머리말만 — 본문 중간 소제목 .geo-head 는 제외) ── */
body .geo-ml-head, body .geo-page > .geo-head:first-child, body .geo-page > .text-center:first-child > .geo-head { position:relative; overflow:hidden; max-width:none; box-sizing:border-box; padding:26px 28px 24px; border-radius:18px;
  background:radial-gradient(circle at 92% 18%, rgba(233,56,47,.10) 0, rgba(233,56,47,0) 34%), radial-gradient(circle at 6% 100%, rgba(233,56,47,.07) 0, rgba(233,56,47,0) 30%), linear-gradient(135deg, #fff6f4 0%, #faf7f6 55%, #f6f6f6 100%);
  border:1px solid #f3e4e1; margin:28px auto 28px; }
body .geo-ml-head:before, body .geo-page > .geo-head:first-child:before, body .geo-page > .text-center:first-child > .geo-head:before { content:""; display:block !important; position:absolute; left:50%; top:0; width:56px; height:4px; margin:0 0 0 -28px; border-radius:0 0 4px 4px; background:#e9382f; }
body .geo-ml-head .geo-ml-kicker { margin:0 0 6px; }
body .geo-ml-head h2, body .geo-page > .geo-head:first-child h2, body .geo-page > .text-center:first-child > .geo-head h2 { margin:0 0 8px; }
body .geo-ml-head p, body .geo-head p { text-align:center; }
body .geo-ml-head p:not(.geo-ml-kicker), body .geo-head p:not(.geo-kicker) { max-width:720px; margin-left:auto; margin-right:auto; }
body .geo-page-intro .geo-ml-head { margin:28px auto 0; }
@media (max-width: 900px) {
  body .geo-ml-head, body .geo-page > .geo-head:first-child, body .geo-page > .text-center:first-child > .geo-head { padding:22px 16px 20px; border-radius:14px; margin:20px auto 22px; }
  body .geo-page-intro .geo-ml-head { margin:20px auto 0; }
}
/* 인재상 : 예전 사진 띠 위에 걸치던 아이콘 원을 머리말 카드 아래로 */
body .geo-ml-head + .geo-hero-badges { margin-top:24px !important; position:relative; top:auto; transform:none; }
/* 머리말 카드 높이 통일 : 가장 긴 경우(영문 소제목 + 설명 두 줄)에 맞춘 고정 최소 높이 + 내용 세로 가운데 */
body .geo-ml-head, body .geo-page > .geo-head:first-child, body .geo-page > .text-center:first-child > .geo-head { min-height:196px; display:flex; flex-direction:column; justify-content:center; }
@media (max-width: 900px) {
  body .geo-ml-head, body .geo-page > .geo-head:first-child, body .geo-page > .text-center:first-child > .geo-head { min-height:198px; }
}
body .geo-page > .geo-head:first-child p, body .geo-page > .text-center:first-child > .geo-head p { font-size:1.08rem; line-height:1.7; color:#555; }
body .geo-page > .geo-head:first-child h2, body .geo-page > .text-center:first-child > .geo-head h2 { line-height:1.3; }
@media (max-width: 900px) {
  body .geo-page > .geo-head:first-child p, body .geo-page > .text-center:first-child > .geo-head p { font-size:1rem; }
  body .geo-page > .geo-head:first-child h2, body .geo-page > .text-center:first-child > .geo-head h2 { font-size:1.6rem; }
}
body .geo-page > .geo-head:first-child .geo-kicker, body .geo-page > .text-center:first-child > .geo-head .geo-kicker { margin:0 0 6px !important; }

/* ── 13. 선인피플 인터뷰 카드 : 동영상·다운로드 게시판 카드와 같은 모양 (둥근 테두리 카드 · 16:10 사진 · 제목 2줄) ── */
body .look-container { max-width:1280px; margin:28px auto 80px; padding:0; text-align:left; }
body .look-container .interview-wrap { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:20px; }
body .look-container .interview-wrap > a { display:block; text-decoration:none; color:inherit; }
body .look-container .look-wrap { display:flex; flex-direction:column; width:auto; height:100%; margin:0; list-style:none; background:#fff; border:1px solid #ececec; border-radius:14px; overflow:hidden; box-sizing:border-box; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
body .look-container a:hover .look-wrap { transform:translateY(-3px); border-color:#f2c4c0; box-shadow:0 16px 34px -22px rgba(0,0,0,.3); }
body .look-container .look-wrap .look-img { width:100%; height:auto !important; max-height:none; aspect-ratio:16 / 10; margin:0; background:#f7f7f7; overflow:hidden; }
body .look-container .look-wrap .look-img img { width:100% !important; height:100% !important; object-fit:cover; display:block; transition:transform .3s ease; }
body .look-container .look-wrap .look-img .look-img-positon:hover { transform:none; }
body .look-container a:hover .look-wrap .look-img img { transform:scale(1.05); }
body .look-container .look-wrap .look-text-wrap { margin:0; padding:14px 16px 16px; display:flex; flex-direction:column; flex:1 1 auto; }
body .look-container .look-wrap .look-text-wrap .look-department { font-size:0.85rem; font-weight:700; color:#e9382f; letter-spacing:0.02em; }
body .look-container .look-wrap .look-text-wrap .look-title { margin:6px 0 0; font-size:1.02rem; font-weight:600; line-height:1.45; color:#222; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; max-height:2.9em; }
body .look-container a:hover .look-wrap .look-title { color:#e9382f; }
body .look-container .look-wrap .look-text-wrap .look-text { margin-top:auto; padding-top:10px; border-top:0; }
body .look-container .look-wrap .look-text-wrap .look-name { margin:0; font-size:0.88rem; font-weight:500; color:#999; }
@media (max-width: 1100px) { body .look-container .interview-wrap { grid-template-columns:repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px)  { body .look-container .interview-wrap { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; } body .look-container { margin:20px 0 60px; } }
@media (max-width: 480px)  { body .look-container .interview-wrap { grid-template-columns:1fr; } }
@media (prefers-reduced-motion: reduce) { body .look-container .look-wrap, body .look-container .look-wrap .look-img img { transition:none; } body .look-container a:hover .look-wrap { transform:none; } }