@charset "UTF-8";
/* ====================================================================
   Loctite Korea — site.css
   원본 css.css 의 1000px 레이아웃 / .logo / .top_sitemap / .nav_area
   클래스를 그대로 사용하고, 본 파일은 그 위에 PHP 변환본 전용 셸·페이지
   영역(.lk-*) 만 덧붙인다. 운영본(loctitekorea.co.kr) 톤 기준 보정.
   ==================================================================== */

html, body { margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; color: #444; }
img { border: 0; vertical-align: middle; }
a { color: #444; text-decoration: none; }
a:hover { color: #c8102e; }

/* --- 운영본 BG-MainAll / BG-MainFla 동등: body 전체 폭에 적용
   bg_fla.jpg(메인 1300×455, 서브 1300×246)은 1000px shell 보다 넓어,
   body 에 깔아야 좌우 여백까지 자연스럽게 이어진다.
   bg_all.jpg(메인 17×675 tile, 서브 8×555 tile)은 repeat-x 로 가로 반복.
   ---------------------------------------------------------------------- */
body { background: #e2e2e2; }
.lk-body-main {
    background:
        url(/images/main/bg_fla.jpg) no-repeat center top,
        url(/images/main/bg_all.jpg) repeat-x top,
        #e2e2e2;
}
.lk-body-sub {
    background:
        url(/images/sub/bg_fla.jpg) no-repeat center top,
        url(/images/sub/bg_all.jpg) repeat-x top,
        #ededed;
}

/* --- 페이지 셸 (1000px, 가운데 정렬, 배경 투명) -------------------- */
.lk-shell {
    width: 1000px;
    margin: 0 auto;
    background: transparent;     /* body bg가 비치도록 — 운영본 동일 */
    position: relative;
}

.lk-shell-inner {
    position: relative;
    width: 1000px;
    margin: 0;
    padding: 0;
}

/* --- 원본 css.css 좌표 lock (다른 CSS 충돌 차단)
   .logo/.top_sitemap = right:38 top:18 → main_visual burn-in 영역과 정확 overlay
   ---------------------------------------------------------------------- */
.lk-shell-inner > .logo,
.lk-shell-inner > .sub_logo {
    position: absolute;
    left: 39px;
    top: 30px;
    width: 195px;
    height: 50px;
    display: block;
    margin: 0;
    padding: 0;
    z-index: 3;
}
.lk-shell-inner > .top_sitemap {
    position: absolute;
    right: 38px;
    top: 18px;
    margin: 0;
    padding: 0;
    line-height: 0;
    opacity: 1;
    z-index: 3;
}
.lk-shell-inner > .sub_top_sitemap {
    position: absolute;
    right: 38px;
    top: 18px;
    width: 239px;                 /* nav_sub_top 4 이미지 + margin 합계 (40+15+51+15+31+18+69) */
    height: 18px;                 /* 글자 클릭 영역 높이 */
    margin: 0;
    padding: 0;
    line-height: 0;
    opacity: 1;
    z-index: 10;                  /* 운영본 css.css 동일: 서브 비주얼 위로 확실히 노출 */
}

/* --- 서브 페이지 hotspot — sub_bg.jpg burn-in 위에 투명 클릭 영역 만 배치
   PIL 측정 burn-in: HOME x=726-760, SITEMAP x=780-826, FAQ x=846-872, CONTACT US x=894-958
   container right:38 width:239 → container left = 1000-38-239 = 723
   → hotspot 좌표 (container 기준 left = burn-in_x - 723):
       HOME       left:   3 width: 37  →  burn-in x=726-763 일치
       SITEMAP    left:  57 width: 49  →  x=780-829 일치
       FAQ        left: 123 width: 29  →  x=846-875 일치
       CONTACT US left: 171 width: 67  →  x=894-961 일치
   ---------------------------------------------------------------------- */
.sub-hotspots a {
    position: absolute;
    top: 0;
    height: 18px;
    display: block;
    background: transparent;
    overflow: hidden;
    cursor: pointer;
    line-height: 0;
    font-size: 0;                 /* 텍스트 비노출 (스크린리더용 span 만 남김) */
    border: 0;
    text-decoration: none;
}
.sub-hotspots a span {
    position: absolute;
    left: -9999px;                /* 접근성 텍스트는 화면 밖으로 */
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.sub-hotspots .hot-home    { left:   0; width:  55px; }
.sub-hotspots .hot-sitemap { left:  55px; width:  56px; }
.sub-hotspots .hot-faq     { left: 121px; width:  43px; }
.sub-hotspots .hot-contact { left: 168px; width:  71px; }
.lk-shell-inner > .top_sitemap a,
.lk-shell-inner > .sub_top_sitemap a { display: inline-block; line-height: 0; }
.lk-shell-inner > .top_sitemap img,
.lk-shell-inner > .sub_top_sitemap img { display: inline-block; vertical-align: top; border: 0; }

/* --- 메인 비주얼 / 서브 비주얼 ------------------------------------- */
.lk-mainvisual { display: block; width: 1000px; line-height: 0; margin: 0; padding: 0; }
.lk-mainvisual img { display: block; width: 1000px; height: auto; margin: 0; padding: 0; border: 0; }
.lk-subvisual  { display: block; width: 1000px; line-height: 0; height: 175px; overflow: hidden; }
.lk-subvisual  img { display: block; width: 1000px; height: 175px; }

/* --- 콘텐츠 영역 (배경 투명: body bg가 비침 — 운영본 동일) -------- */
.lk-content { width: 1000px; margin: 0 auto; background: transparent; }

/* --- 서브 페이지 2단 (운영본 250+750 동일) ------------------------- */
.lk-page { display: flex; width: 1000px; }
.lk-submenu { width: 250px; flex: none; padding: 0 22px 60px 28px; box-sizing: border-box; }

/* 운영본 .left_menu 좌측 타이틀 이미지 (195×100) — 텍스트형 .lk-submenu-title 폐기 */
.lk-submenu-img { display: block; margin: 0 0 6px; max-width: 100%; }

/* 운영본 .left_menu 톤 복원: li border-bottom #e1e1e1, a color #6b6b6b → on/hover #25078d */
.lk-submenu ul,
.left_menu ul { list-style: none; padding: 0; margin: 0; }
.lk-submenu li,
.left_menu li {
    margin: 0;
    border-bottom: 1px solid #e1e1e1;
    font-weight: 600;
    width: 100%;
    display: block;
}
.lk-submenu li a,
.left_menu li a {
    display: block; padding: 8px 10px;
    font-size: 13px; letter-spacing: -0.8px;
    color: #6b6b6b; background: transparent;
    border-left: 3px solid transparent;
    text-decoration: none;
}
.lk-submenu li a:hover, .left_menu li a:hover,
.lk-submenu li a._on,  .left_menu li a._on,
.lk-submenu li a.on,   .left_menu li a.on { color: #25078d; border-left-color: #25078d; }

.lk-main { flex: 1; min-width: 0; padding: 0 10px 60px 10px; }

.lk-breadcrumb {
    color: #888; font-size: 12px; height: 40px; line-height: 40px;
    margin: 0 0 16px; padding: 0 10px;
    border-bottom: 1px solid #e1e1e1;
    text-align: right;
}
.lk-breadcrumb a { color: #888; }
.lk-page-title {
    font-size: 20px; font-weight: 700; margin: 0 0 18px;
    color: #444; letter-spacing: -0.6px;
    padding-bottom: 10px; border-bottom: 2px solid #888;
}

.lk-static-body, .lk-static { padding: 0; text-align: center; }
.lk-static-body img, .lk-static img { max-width: 100%; height: auto; }

/* --- 오시는 길 (운영본 sub01/sub06 톤 — Kakao static map) -------------- */
.lk-location { width: 690px; max-width: 100%; margin: 0 0 30px; }
.lk-location-foot {
    overflow: hidden; padding: 7px 11px;
    border: 1px solid #dfdfdf;
    background: #f9f9f9;
    border-radius: 0 0 2px 2px;
    box-sizing: border-box; width: 690px; max-width: 100%;
}
.lk-location-kakao { float: left; }
.lk-location-big {
    float: right;
    font-size: 12px; text-decoration: none; height: 15px;
    padding-top: 1px; line-height: 15px; color: #000;
}
.lk-location-big:hover { text-decoration: underline; color: #c8102e; }
.lk-location-addr {
    margin-top: 14px; padding: 12px 16px;
    background: #f7f7f7; border: 1px solid #e5e5e5;
    font-size: 13px; color: #555; line-height: 1.7;
}
.lk-location-addr strong { color: #c8102e; margin-right: 10px; font-weight: 700; }

/* --- 메인 페이지 하단 3컬럼 영역 ----------------------------------- */
.lk-main-bottom { width: 1000px; margin: 0 auto; padding: 18px 0 6px; background: transparent; }
.lk-main-bottom table { background: transparent; }
.lk-main-notice { padding: 8px 12px 0; }
.lk-main-notice-head { position: relative; height: 28px; margin-bottom: 6px; }
.lk-main-notice-head img { vertical-align: middle; }
.lk-main-notice-head .lk-more { position: absolute; right: 6px; top: 0; }
.lk-main-notice-list { list-style: none; padding: 0; margin: 0; }
.lk-main-notice-list li { padding: 4px 0; font-size: 13px; line-height: 1.5; }
.lk-main-notice-list li img { margin-right: 4px; }
.lk-main-banner { padding-left: 8px; }
.lk-main-banner img { display: block; width: 343px; height: 91px; }

/* --- footer (운영본 inc/copy.asp 동일: 1000x68 td position:relative + copy.png + copy_bnt) ---
   원본 좌표 (css.css):  .copy_bnt { position:absolute; right:12px; bottom:35px; opacity:1.0; }
   copy.png 우측 (PIL 스캔): 버튼 burn-in at y=16~30 → overlay at y=16~34 일치 필요.
   ---------------------------------------------------------------------------------- */
.lk-footer-band {
    width: 1000px;
    margin: 0 auto;
    position: relative;        /* 운영본 td position:relative 대응 */
    height: 68px;              /* 운영본 td height:68 동일 */
    line-height: 0;
}
.lk-footer-band > img {
    display: block;
    width: 1000px;
    height: 69px;
    position: absolute;        /* 정확히 컨테이너 좌상단 고정 */
    left: 0;
    top: 0;
}
.lk-copy-btns {
    position: absolute;
    right: 12px;               /* 운영본 .copy_bnt 동일 */
    bottom: 35px;              /* ← 운영본 동일 (이전 17px는 burn-in 위치와 어긋남) */
    line-height: 0;
    opacity: 1;
    z-index: 2;
}
.lk-copy-btns a { display: inline-block; margin-left: 0; }
.lk-copy-btns a img { display: inline-block; vertical-align: top; }

/* --- 카탈로그 그리드 (운영본 4열 테이블형 톤) ----------------------- */
.lk-goods-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin: 4px 0 24px;
    padding: 0;
}
.lk-goods-card {
    display: block;
    border: 1px solid #d8d8d8;
    background: #fff;
    text-align: center;
}
.lk-goods-card:hover { border-color: #c8102e; }
.lk-goods-thumb {
    height: 150px;
    display: flex; align-items: center; justify-content: center;
    background: #fff;
    overflow: hidden;
    border-bottom: 1px solid #ececec;
}
.lk-goods-thumb img { max-width: 95%; max-height: 95%; }
.lk-goods-info { padding: 10px 8px 8px; }
.lk-goods-name {
    font-size: 12px; font-weight: 600; color: #555;
    margin: 0 0 6px; line-height: 1.4; min-height: 32px;
    letter-spacing: -0.4px;
}
.lk-goods-detail {
    display: inline-block; padding: 3px 12px;
    background: #f3f3f3; border: 1px solid #d8d8d8;
    color: #555; font-size: 11px;
}
.lk-goods-card:hover .lk-goods-detail { color: #c8102e; border-color: #c8102e; }

/* --- 제품 상세 (운영본 동등: 좌측 이미지/썸네일, 우측 정보, 하단 상세) ---- */
.lk-goods-view {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 28px;
    margin-bottom: 20px;
    padding: 0;
}

/* 좌측 — 큰 이미지 + ZOOM + 썸네일 슬라이드 */
.lk-gv-left { width: 380px; }
.lk-gv-bigimg {
    position: relative;
    width: 380px; height: 340px;
    background: #fff;
    border: 1px solid #d8d8d8;
    display: flex; align-items: center; justify-content: center;
    overflow: hidden;
}
.lk-gv-bigimg img { max-width: 92%; max-height: 92%; }
.lk-gv-noimg { color: #bbb; font-size: 12px; }
.lk-gv-zoom {
    position: absolute; left: 50%; bottom: 8px; transform: translateX(-50%);
    background: #fff; border: 1px solid #c0c0c0;
    font-size: 11px; color: #555;
    padding: 4px 14px; cursor: pointer;
}
.lk-gv-zoom span { color: #c8102e; font-weight: 700; margin-right: 4px; }
.lk-gv-zoom:hover { background: #f7f7f9; color: #c8102e; border-color: #c8102e; }

.lk-gv-thumbs {
    margin-top: 10px;
    display: flex; align-items: center; gap: 6px;
    width: 380px;
}
.lk-gv-tarrow {
    width: 22px; height: 64px;
    background: #f3f3f3; border: 1px solid #d8d8d8;
    color: #888; font-size: 14px; cursor: pointer;
    flex: none;
}
.lk-gv-tarrow:hover { background: #e8e8e8; color: #c8102e; }
.lk-gv-tlist {
    display: flex; gap: 6px;
    overflow: hidden;
    transition: transform .2s;
    flex: 1;
}
.lk-gv-titem {
    display: block; width: 74px; height: 64px; flex: none;
    background: #fff; border: 1px solid #d8d8d8;
    text-align: center;
    overflow: hidden;
}
.lk-gv-titem img { max-width: 100%; max-height: 100%; }
.lk-gv-titem.on { border: 2px solid #c8102e; }

/* 우측 — 제품명/카테고리/첨부 + 이전/목록/다음 */
.lk-gv-right { min-width: 0; }
.lk-gv-title {
    font-size: 22px; font-weight: 700; color: #444;
    margin: 0 0 16px; padding-bottom: 14px;
    border-bottom: 2px solid #888;
    letter-spacing: -0.4px;
}
.lk-gv-info {
    width: 100%; border-collapse: collapse;
    border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;
    font-size: 13px; color: #555;
    margin-bottom: 24px;
}
.lk-gv-info th {
    width: 88px; padding: 9px 12px;
    background: #f7f7f7; border-bottom: 1px solid #ececec;
    text-align: left; font-weight: 500; color: #666;
}
.lk-gv-info td { padding: 9px 12px; border-bottom: 1px solid #ececec; }
.lk-gv-attach { color: #2c2c54; text-decoration: none; }
.lk-gv-attach:hover { color: #c8102e; text-decoration: underline; }
.lk-gv-attach-icon { color: #c8102e; margin-right: 4px; }

.lk-gv-nav {
    display: flex; gap: 8px; justify-content: flex-end;
    margin-bottom: 12px;
}
.lk-gv-navbtn {
    display: inline-block; padding: 7px 16px;
    background: #fff; border: 1px solid #d0d0d0;
    color: #555; font-size: 12px; text-decoration: none;
}
.lk-gv-navbtn:hover { color: #c8102e; border-color: #c8102e; }
.lk-gv-navbtn.primary { background: #5b5b5b; color: #fff; border-color: #5b5b5b; }
.lk-gv-navbtn.primary:hover { background: #c8102e; border-color: #c8102e; color: #fff; }
.lk-gv-navbtn.disabled { color: #ccc; background: #f7f7f7; cursor: default; }
.lk-gv-navbtn.disabled:hover { color: #ccc; border-color: #d0d0d0; }

/* 상세 영역 (상품설명) */
.lk-gv-section { margin-top: 30px; }
.lk-gv-section-head {
    background: #f3f3f3;
    border-top: 2px solid #888; border-bottom: 1px solid #ccc;
    padding: 10px 14px;
    text-align: center;
    font-size: 14px; font-weight: 700; color: #444;
}
.lk-gv-section-body {
    padding: 24px 8px;
    font-size: 13px; line-height: 1.8; color: #555;
    min-height: 200px;
}
.lk-gv-section-body p { margin: 0 0 6px; }
.lk-gv-section-body ul,
.lk-gv-section-body ol { margin: 6px 0 12px; padding-left: 24px; }
.lk-gv-section-body li { margin: 2px 0; }
.lk-gv-section-body strong { font-weight: 700; }
.lk-gv-section-body img { max-width: 100%; height: auto; }

/* --- 게시판 (운영본 _module/bbs/skin/default 회색 톤 복원) -------- */
.lk-board-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    color: #555;
    background: #fff;
    border-top: 2px solid #888;
    border-bottom: 1px solid #ccc;
}
.lk-board-table th {
    padding: 9px 6px;
    background: #f3f3f3;
    color: #555;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
}
.lk-board-table td {
    padding: 9px 6px;
    border-bottom: 1px solid #e5e5e5;
}
.lk-board-table tr:hover td { background: #fafafa; }
.lk-board-title a { color: #555; }
.lk-board-title a:hover { color: #c8102e; text-decoration: underline; }
.lk-board-notice a { color: #c8102e; font-weight: 700; }
.lk-board-notice { background: #fcfafa; }

.lk-board-view {
    background: #fff;
    border-top: 2px solid #888;
    border-bottom: 1px solid #ccc;
}
.lk-bv-title { font-size: 14px; font-weight: 700; color: #444; padding: 12px 14px; border-bottom: 1px solid #ccc; background: #f7f7f7; }
.lk-bv-meta { color: #888; font-size: 11px; padding: 8px 14px; border-bottom: 1px solid #e5e5e5; background: #fafafa; }
.lk-bv-files { padding: 10px 14px; border-bottom: 1px solid #e5e5e5; font-size: 12px; background: #fff; }
.lk-bv-files a { color: #555; margin-right: 12px; }
.lk-bv-files a:hover { color: #c8102e; text-decoration: underline; }
.lk-bv-content { padding: 24px 14px; min-height: 220px; font-size: 13px; line-height: 1.8; color: #555; background: #fff; }
.lk-bv-content img { max-width: 100%; height: auto; }
.lk-board-actions { padding: 14px 0; text-align: right; background: transparent; }
.lk-board-actions a {
    display: inline-block; padding: 7px 18px; margin-left: 4px;
    background: #f3f3f3; border: 1px solid #ccc;
    color: #555; font-size: 12px;
}
.lk-board-actions a:hover { background: #e8e8e8; color: #c8102e; }

/* 검색 폼 — 운영본 회색 박스 톤 */
.lk-search-form {
    margin: 12px 0 16px;
    background: #f7f7f7;
    border: 1px solid #dcdcdc;
    padding: 10px 14px;
    text-align: center;
}
.lk-search-form input[type="text"] {
    padding: 5px 8px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 12px;
    width: 220px;
    color: #555;
}
.lk-search-form button {
    padding: 5px 14px;
    background: #5b5b5b;
    color: #fff;
    border: 0;
    font-size: 12px;
    cursor: pointer;
    margin-left: 4px;
}
.lk-search-form button:hover { background: #c8102e; }

/* --- 페이지네이션 (운영본 회색 톤) -------------------------------- */
.lk-pager { text-align: center; padding: 18px 0; }
.lk-pager a, .lk-pager span {
    display: inline-block; padding: 5px 11px; margin: 0 1px;
    border: 1px solid #ddd; border-radius: 0;
    font-size: 12px; color: #555; background: #fff;
}
.lk-pager a:hover { background: #f3f3f3; color: #c8102e; border-color: #c8102e; }
.lk-pager .cur { background: #5b5b5b; color: #fff; border-color: #5b5b5b; }

/* --- 사이트맵 (운영본 sitemap/sub01.asp 동등 2 row × 3 col, 이미지 타이틀) --- */
.lk-sitemap-page { padding: 0 0 40px; }
.lk-sitemap-grid {
    width: 1000px;
    margin: 0 auto;
    padding: 8px 24px 32px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 40px;
    grid-column-gap: 70px;
}
.lk-sitemap-col { min-width: 0; }
.lk-sitemap-col > img { display: block; max-width: 100%; margin: 0 0 6px; }
.lk-sitemap-col .left_menu { width: 100%; }

/* --- 개인정보처리방침 / 이용약관 ---------------------------------- */
.lk-policy { padding: 18px 20px 40px; }
.lk-policy h2 { font-size: 22px; color: #2c2c54; padding-bottom: 12px; border-bottom: 2px solid #2c2c54; margin: 0 0 16px; }
.lk-policy-empty { padding: 40px 16px; background: #f7f7f9; border: 1px solid #e1e4e8; border-radius: 4px; color: #777; font-size: 13px; text-align: center; }
.lk-policy-empty a { color: #2c2c54; font-weight: 600; }

/* --- TOP 버튼 (서브 페이지) --------------------------------------- */
.lk-top-btn {
    position: fixed; right: 28px; bottom: 28px;
    z-index: 50;
    line-height: 0;
    opacity: 0.85;
}
.lk-top-btn:hover { opacity: 1; }
.lk-top-btn img { width: 29px; height: 30px; }

/* --- nav_area 미세 보정 + hover 안정화 ----------------------------- */
.nav_area { width: 1000px; margin: 0; line-height: 0; position: relative; z-index: 5; }
.nav_area a { display: inline-block; }
.nav_btn_wrap ul li a img { display: inline-block; }
/* CSS :hover fallback — JS 미로드/지연 시에도 드롭다운 동작 */
.nav_area:hover .nav_btn_wrap { display: block; }
/* 로고가 nav 클릭 영역을 덮지 않도록 (좌상단 195x50만 점유, 그 외는 hit 통과) */
.lk-shell-inner > .logo a,
.lk-shell-inner > .sub_logo a { display: block; width: 195px; height: 50px; }

/* --- 고객문의 작성 폼 (운영본 _module/bbs 회색 톤) ------------------ */
.lk-form-note { color: #888; font-size: 12px; margin: 0 0 14px; }
.lk-form-err {
    background: #fdecec; border: 1px solid #f5b8b8; color: #b71c1c;
    padding: 10px 14px; margin: 0 0 14px; font-size: 13px;
    white-space: pre-line;
}
.lk-form-ok {
    background: #ecf6e3; border: 1px solid #bde0a0; color: #2e6b1c;
    padding: 10px 14px; margin: 0 0 14px; font-size: 13px;
}
.lk-form-table {
    width: 100%; border-collapse: collapse;
    border-top: 2px solid #888; border-bottom: 1px solid #ccc;
    background: #fff; font-size: 13px;
}
.lk-form-table th {
    padding: 11px 12px; background: #f3f3f3;
    border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;
    text-align: left; color: #444; font-weight: 600; vertical-align: top;
}
.lk-form-table th .req { color: #c8102e; }
.lk-form-table td {
    padding: 10px 12px; border-bottom: 1px solid #e5e5e5; vertical-align: top;
}
.lk-form-table input[type="text"],
.lk-form-table input[type="email"],
.lk-form-table input[type="tel"],
.lk-form-table textarea {
    width: 100%; max-width: 480px; box-sizing: border-box;
    padding: 6px 9px; border: 1px solid #ccc; background: #fff;
    font-family: inherit; font-size: 13px; color: #444;
}
.lk-form-table textarea { max-width: 100%; resize: vertical; line-height: 1.6; }
.lk-form-table input[type="file"] { font-size: 12px; }
.lk-form-hint { color: #888; font-size: 11px; margin-top: 4px; }

.lk-form-table .lk-tel-row { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #666; }
.lk-form-table .lk-tel-row input[type="text"] { width: 60px; max-width: 60px; padding: 5px 6px; text-align: center; font-size: 12px; }

/* 봇 차단 honeypot — 시각/스크린리더 모두에서 인식 안 되게 화면 밖 배치 */
.lk-hp {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.lk-form-actions { padding: 18px 0 8px; text-align: center; }
.lk-btn {
    display: inline-block; padding: 8px 22px; margin: 0 2px;
    border: 1px solid #ccc; background: #f3f3f3; color: #555;
    font-size: 13px; cursor: pointer; text-decoration: none;
}
.lk-btn:hover { background: #e8e8e8; color: #c8102e; }
.lk-btn-primary { background: #5b5b5b; color: #fff; border-color: #5b5b5b; }
.lk-btn-primary:hover { background: #c8102e; border-color: #c8102e; color: #fff; }

.lk-board-toolbar { padding: 8px 0 14px; text-align: right; }
.lk-board-toolbar .lk-btn { font-size: 12px; padding: 6px 16px; }

/* --- 팝업 --------------------------------------------------------- */
.lk-popup { position: fixed; background: #fff; border: 1px solid #ccc; box-shadow: 0 4px 16px rgba(0,0,0,.15); z-index: 1000; }
.lk-popup-body img { display: block; max-width: 100%; }
.lk-popup-foot { display: flex; justify-content: space-between; padding: 8px 12px; background: #2c2c54; }
.lk-popup-foot button { border: 0; background: transparent; color: #fff; font-size: 12px; cursor: pointer; }
.lk-popup-foot button:hover { color: #c8102e; }