@charset "utf-8";
/*
 * e-madeinkorea.com mobile.css
 * 그누보드5 모바일 기본 CSS 정리본
 * - head.php 구조 변경 없이 적용
 * - 기존 초록 계열 톤 유지
 * - 모바일 상단/메뉴/검색/링크바 실무형 개선
 * - 최근게시판 스킨 CSS 충돌 방지:
 *   전역/공통 규칙의 시각 값은 유지하고, :where()로 우선순위만 낮춤
 */

/* =========================================================
   0. 디자인 변수
========================================================= */
:root {
    --mk-green: #7fbd36;
    --mk-green-dark: #5b9826;
    --mk-green-soft: #eef9df;
    --mk-lime: #dff6a7;
    --mk-point: #ff3b30;
    --mk-text: #202124;
    --mk-muted: #6b7280;
    --mk-line: #e5eadf;
    --mk-bg: #f7faf5;
    --mk-white: #ffffff;
    --mk-shadow: 0 6px 18px rgba(34, 50, 22, .10);
    --mk-radius: 14px;
}

/* =========================================================
   1. 초기화
========================================================= */
* {box-sizing:border-box}
html {overflow-y:scroll;-webkit-text-size-adjust:100%}
body {
    margin:0;
    padding:0;
    background:var(--mk-bg);
    color:var(--mk-text);
    font-size:14px;
    line-height:1.55;
    font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",Dotum,sans-serif;
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
:where(legend) {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
:where(label, input, button, select, img) {vertical-align:middle}
:where(input, button) {margin:0;padding:0;font-size:1em;font-family:inherit}
:where(button) {cursor:pointer}
:where(input[type=text], input[type=password], input[type=submit], input[type=image], button) {border-radius:0;font-size:1em;-webkit-appearance:none;appearance:none}
:where(textarea, select) {font-size:1em;font-family:inherit}
:where(textarea) {border-radius:0;-webkit-appearance:none;appearance:none}
:where(select) {margin:0}
:where(p) {margin:0;padding:0;word-break:break-all}
:where(hr) {display:none}
:where(pre) {overflow-x:auto;font-size:1.05em;white-space:pre-wrap}
:where(a:link, a:visited) {color:var(--mk-text);text-decoration:none}
:where(a:hover, a:focus, a:active) {color:var(--mk-green-dark);text-decoration:none}
:where(img) {max-width:100%;height:auto}

/* =========================================================
   2. 팝업레이어
========================================================= */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:1px}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;max-width:94%;border:1px solid var(--mk-line);border-radius:12px;background:#fff;box-shadow:var(--mk-shadow);overflow:hidden}
.hd_pops_con {overflow:hidden}
.hd_pops_footer {padding:9px 10px;background:#111827;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:6px 10px;border:0;border-radius:8px;background:#374151;color:#fff}

/* =========================================================
   3. 상단 레이아웃
========================================================= */
#hd {
    position:relative;
    z-index:50;
    background:var(--mk-white);
    border-bottom:1px solid var(--mk-line);
    box-shadow:0 2px 12px rgba(42, 66, 20, .05);
}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin-top:100px; background:var(--mk-white)}

/* 로고 */
#logo {
    min-height:66px;
    padding:13px 58px 11px;
    text-align:center;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdf8 100%);
}
#logo a {display:inline-block;line-height:1}
#logo img {
    width:90%;
	height:auto;
}

/* 메뉴/검색 버튼 */
#gnb_open,
#hd_sch_open {
    position:absolute;
    top:12px;
    width:42px;
    height:42px;
    padding:0;
    border:1px solid #dfe9d6;
    border-radius:13px;
    background:#ffffff;
    color:var(--mk-text);
    font-size:0;
    line-height:42px;
    letter-spacing:0;
    box-shadow:0 3px 10px rgba(46, 75, 17, .08);
}
#gnb_open {left:12px}
#hd_sch_open {right:12px}
#gnb_open img,
#hd_sch_open img {
    width:22px !important;
    height:22px !important;
    object-fit:contain;
    opacity:.82;
}
#gnb_open:active,
#hd_sch_open:active {transform:translateY(1px);box-shadow:none}
#gnb_open:focus,
#hd_sch_open:focus {outline:2px solid rgba(127,189,54,.35);outline-offset:2px}

/* 전체 메뉴 */
#gnb {
    display:none;
    clear:both;
    padding:8px 12px 12px;
    background:#ffffff;
    border-top:1px solid var(--mk-line);
    box-shadow:0 10px 20px rgba(39, 57, 20, .08);
}
#gnb a {display:block;color:var(--mk-text)}
#gnb_1dul {overflow:hidden;border:1px solid var(--mk-line);border-radius:16px;background:#fff}
.gnb_1dli + .gnb_1dli {border-top:1px solid #edf2e8}
.gnb_1da {
    position:relative;
    padding:13px 40px 13px 15px;
    border-top:0;
    background:#fff;
    color:#26321f !important;
    font-size:14px;
    font-weight:700;
}
.gnb_1da:after {
    content:"›";
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    color:var(--mk-green-dark);
    font-size:20px;
    line-height:1;
}
.gnb_1da:hover,
.gnb_1da:focus {background:var(--mk-green-soft);color:var(--mk-green-dark) !important}
.gnb_2dul {padding:4px 0 7px;background:#f8fbf4;border-top:1px solid #edf2e8}
.gnb_2da {
    padding:10px 15px 10px 27px;
    border-top:0;
    color:#536250 !important;
    font-size:13px;
}
.gnb_2da span:before {display:inline-block;margin:0 8px 0 0;color:var(--mk-green);content:'•'}
.gnb_2da:hover,
.gnb_2da:focus {color:var(--mk-green-dark) !important;background:#ffffff}
#gnb_close {
    display:block;
    margin:10px 0 0;
    padding:11px 0;
    width:100%;
    border:0;
    border-radius:13px;
    background:#eef4e8;
    color:#3d4d36;
    font-weight:700;
}
#gnb_empty {padding:22px 12px;color:var(--mk-muted);text-align:center;line-height:1.8em}
#gnb_empty a {display:inline;color:var(--mk-green-dark);text-decoration:underline}

/* 검색 영역 */
#hd_sch {
    display:none;
    clear:both;
    padding:12px;
    border-top:1px solid var(--mk-line);
    background:#ffffff;
    text-align:center;
    box-shadow:0 10px 20px rgba(39, 57, 20, .08);
}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {
    display:flex;
    gap:7px;
    position:relative;
    padding:0;
}
#hd_sch #sch_stx {
    flex:1 1 auto;
    min-width:0;
    height:42px;
    padding:0 13px;
    border:1px solid #d9e6d2;
    border-radius:13px;
    background:#fbfdf8 !important;
    color:var(--mk-text);
    line-height:42px;
    vertical-align:middle;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.02);
}
#hd_sch #sch_stx::placeholder {color:#99a395}
#hd_sch #sch_stx:focus {outline:none;border-color:var(--mk-green);background:#fff !important;box-shadow:0 0 0 3px rgba(127,189,54,.16)}
#hd_sch #sch_submit {
    flex:0 0 66px;
    margin:0;
    padding:0 10px;
    height:42px;
    border:0;
    border-radius:13px;
    background:var(--mk-green);
    color:#fff;
    font-weight:700;
    vertical-align:middle;
}
#hd_sch #sch_submit:active {background:var(--mk-green-dark)}
#hd_sch #sch_close {
    display:block;
    margin:9px 0 0;
    padding:10px 0;
    width:100%;
    border:0;
    border-radius:13px;
    background:#eef4e8;
    color:#3d4d36;
    font-weight:700;
}

/* 상단 빠른 링크바 */
/* 상단 빠른 링크바 */
#hd_nb {
    clear:both;
    display:flex;
    align-items:center;
    justify-content:center; /* 메뉴 전체 가운데 정렬 */
    flex-wrap:wrap;         /* 메뉴가 많으면 아래 줄로 내려감 */
    gap:10px;
    min-height:50px;
    height:auto;
    padding:7px 8px;
    background:#A0D468;
    text-align:center;
    font-size:16px;
    white-space:normal;     /* 한 줄 고정 해제 */
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
	justify-content:center;
}

#hd_nb::-webkit-scrollbar {display:none}

#hd_nb li {
    display:inline-flex;
    flex:0 0 auto;
}

#hd_nb li:nth-last-of-type(1) {
    border-right:0 !important;
}

#hd_nb a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:6px 10px;
    color:#fff;
    font-weight:700;
    letter-spacing:-.03em;
    white-space:nowrap; /* 메뉴 제목 자체는 한 줄 유지 */
}

#hd_nb a:hover,
#hd_nb a:focus {
    background:rgba(255,255,255,.28);
    color:#fff;
    text-decoration:none;
}

#hd_nb a font {color:inherit !important}
#hd_nb a font b {color:inherit !important}

#hd_nb_b {
    height:12px;
    background:linear-gradient(90deg,var(--mk-lime),#f2ffd5);
}

#hd_nb_b li {display:none}

/* 보조 메뉴 */
#lnb {background:#fff;border-bottom:1px solid var(--mk-line)}
#lnb ul {margin:0;padding:0;border-bottom:0;list-style:none}
#lnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#lnb li {float:left;margin-bottom:0;width:25%}
#lnb a {display:block;padding:11px 0;border-right:1px solid var(--mk-line);border-bottom:1px solid var(--mk-line);color:#344033;text-align:center;text-decoration:none;background:#fff}
#lnb li:nth-of-type(4n) a {border-right:0}
#lnb a:hover,
#lnb a:focus {background:var(--mk-green-soft);color:var(--mk-green-dark)}

/* =========================================================
   4. 중간 레이아웃
========================================================= */
#wrapper {margin:0;padding:0;background:var(--mk-bg)}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#container {position:relative;min-height:300px;padding:10px 0 18px;background:var(--mk-bg)}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {
    margin:0 10px 12px;
    padding:12px 13px;
    border:1px solid var(--mk-line);
    border-radius:var(--mk-radius);
    background:#fff;
    color:#26321f;
    font-size:1.13em;
    font-weight:800;
    box-shadow:0 2px 8px rgba(42, 66, 20, .04);
}

/* 텍스트 크기 조절 */
#text_size {margin:0 0 10px;text-align:center}
#text_size button {margin:0;padding:3px 4px;border:1px solid #cfd9c8;border-radius:8px;background:#fff;vertical-align:middle}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* =========================================================
   5. 하단 레이아웃
========================================================= */
#ft {border-top:1px solid var(--mk-line);background:#fff}
#ft_vt {border-bottom:1px solid var(--mk-line);background:var(--mk-lime)}
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}
#ft_copy {
    padding:15px 12px;
    background:linear-gradient(180deg,#7fbd36 0%,#6fab2f 100%);
    color:#fff;
    line-height:1.8em;
    text-align:center;
}
#ft_copy #company {font-size:14px;opacity:.95}
#ft_copy #ft_company {font-size:13px;text-align:center;color:#fff}
#ft_copy #ft_company a {display:inline-block;padding:5px 8px;color:#fff}
#ft_copy b {color:inherit}
#ft_copy a {color:inherit;text-decoration:none}

/* =========================================================
   6. 공통 유틸리티
========================================================= */
#copymove {}
.copymove_current {float:right;color:var(--mk-point)}
.copymove_currentbg {background:#f4f8ef}
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
.to_content a:focus {width:auto;height:auto;padding:8px 12px;background:#111;color:#fff;font-size:13px;line-height:1.4;z-index:100001}
.img_fix {width:100%;height:auto}

/* =========================================================
   7. 캡챠 자동등록방지
========================================================= */
#captcha {display:inline-block;position:relative;max-width:100%}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha audio {display:block;margin:0 0 5px;width:187px;max-width:100%}
#captcha #captcha_img {width:160px;height:60px;border:1px solid var(--mk-line);margin-bottom:3px;margin-right:32px;vertical-align:top;background:#fff}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat 0 -30px;border:none;border-top:1px solid #ccc;overflow:hidden;cursor:pointer;text-indent:-9999px}
#captcha #captcha_key {margin:0;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7fbf4;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;color:var(--mk-muted);font-size:.95em;letter-spacing:-.05em}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat;vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}
#captcha.m_captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px;max-width:100%}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid var(--mk-line);margin-bottom:3px;display:block;background:#fff}
#captcha.m_captcha #captcha_reload {width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat 0 -30px;border:none;overflow:hidden;cursor:pointer;text-indent:-9999px;position:static}
#captcha.m_captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:115px;height:31px;border:1px solid #b8c9c2;border-radius:6px;background:#f7fbf4;font-size:1.2em;font-weight:bold;text-align:center;line-height:31px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;color:var(--mk-muted);font-size:.95em;letter-spacing:-.05em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat;vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* =========================================================
   8. 에디터 단축키
========================================================= */
.btn_cke_sc {background:#333;color:#fff;padding:6px 8px;border:none;border-radius:6px;margin-bottom:5px}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid var(--mk-line);border-radius:10px;background:#fff;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close {background:#333;padding:6px 8px;border:none;border-radius:6px;color:#fff}

/* =========================================================
   9. 버튼
========================================================= */
:where(a.btn01, button.btn01,
a.btn_cancel, button.btn_cancel,
a.btn_b01) {
    display:inline-block;
    margin:0 0 3px;
    padding:8px 10px;
    border:1px solid #d9e2d4;
    border-radius:9px;
    background:#fff;
    color:#26321f;
    text-decoration:none;
    vertical-align:middle;
}
:where(a.btn01:focus, a.btn01:hover,
a.btn_cancel:focus, a.btn_cancel:hover,
a.btn_b01:focus, a.btn_b01:hover) {background:var(--mk-green-soft);color:var(--mk-green-dark);text-decoration:none}

:where(a.btn02, button.btn02,
a.btn_b02) {
    display:inline-block;
    margin:0 0 3px;
    padding:8px 10px;
    border:1px solid var(--mk-green-dark);
    border-radius:9px;
    background:var(--mk-green);
    color:#fff;
    text-decoration:none;
    vertical-align:middle;
}
:where(a.btn02:focus, .btn02:hover,
a.btn_b02:focus, a.btn_b02:hover) {background:var(--mk-green-dark);color:#fff;text-decoration:none}
:where(.btn_confirm) {text-align:center}
:where(.btn_submit) {
    padding:9px 12px;
    border:0;
    border-radius:9px;
    background:var(--mk-green);
    color:#fff;
    font-weight:700;
    letter-spacing:-.05em;
}
:where(.btn_submit:active) {background:var(--mk-green-dark)}
:where(fieldset .btn_submit) {padding:0 9px;height:28px;line-height:28px}
:where(a.btn_frmline, button.btn_frmline) {display:inline-block;padding:0 8px;height:2.1em;border:0;border-radius:8px;background:#374151;color:#fff;letter-spacing:-.05em;text-decoration:none;vertical-align:top;line-height:2.1em}
:where(button.btn_frmline) {font-size:1em}
:where(a.btn_admin) {display:inline-block;margin:0 0 3px;padding:8px 10px;border:1px solid #e8180c;border-radius:9px;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle}
:where(a.btn_admin:focus, a.btn_admin:hover) {background:#c8140a;color:#fff;text-decoration:none}
:where(.cnt_cmt) {display:inline-block;margin:0 0 0 3px;color:var(--mk-point);font-weight:bold}

/* =========================================================
   10. 테이블
========================================================= */
:where(.tbl_wrap) {margin:0 10px 12px;overflow-x:auto;background:#fff;border-radius:12px}
:where(.tbl_wrap table) {width:100%;border-collapse:collapse;border-spacing:0}
:where(.tbl_wrap caption) {padding:10px 0;color:var(--mk-green-dark);font-weight:bold;text-align:left}
:where(.tbl_head01 caption, .tbl_head02 caption) {padding:0 0 10px;color:#777;text-align:left}
:where(.tbl_head01 thead th,
.tbl_head02 thead th) {
    padding:10px 4px;
    border-top:1px solid #dce6d6;
    border-bottom:1px solid #dce6d6;
    background:#f8fbf4;
    color:#344033;
    font-size:.95em;
    text-align:center;
    letter-spacing:-.05em;
}
:where(.tbl_head01 thead a, .tbl_head02 thead a) {color:#344033}
:where(.tbl_head01 thead th input, .tbl_head02 thead th input) {vertical-align:top}
:where(.tbl_head01 tfoot th, .tbl_head02 tfoot th) {border-top:1px solid #66735f;border-bottom:1px solid #66735f;background:#4b5a43;color:#fff}
:where(.tbl_head01 tfoot td, .tbl_head02 tfoot td) {border-color:#66735f;background:#4b5a43;color:#fff;font-weight:bold;text-align:center}
:where(.tbl_head01 tbody th, .tbl_head02 tbody th) {padding:7px 0;border-top:1px solid #edf2e8;border-bottom:1px solid #edf2e8}
:where(.tbl_head01 td) {padding:7px 5px;border-top:1px solid #edf2e8;border-bottom:1px solid #edf2e8;line-height:1.5em;word-break:break-all}
:where(.tbl_head02 td) {padding:7px 4px;border-top:1px solid #edf2e8;border-bottom:1px solid #edf2e8;line-height:1.45em;word-break:break-all}

/* 폼 테이블 */
:where(.tbl_frm01 th) {padding:10px 0;width:90px;border:1px solid #edf2e8;border-left:0;text-align:left;color:#344033}
:where(.tbl_frm01 td) {padding:10px 5px;border-top:1px solid #edf2e8;border-bottom:1px solid #edf2e8;background:transparent}
:where(.tbl_frm01 textarea, .frm_input) {border:1px solid #d9e6d2;border-radius:8px;background:#fbfdf8;vertical-align:middle;line-height:1.8em;-webkit-appearance:none;appearance:none}
:where(.tbl_frm01 textarea) {width:100%;height:100px;padding:8px}
:where(.tbl_frm01 a) {text-decoration:none}
:where(.tbl_frm01 .frm_file) {display:block;margin-bottom:5px;width:100%}
:where(.tbl_frm01 .frm_info) {display:block;padding:5px 0 0;color:var(--mk-muted);line-height:1.3em}
:where(.empty_table, .empty_list) {padding:24px 0 !important;color:var(--mk-muted);text-align:center}
:where(.required, textarea.required) {background:url('../img/wrest.gif') #fbfdf8 top right no-repeat !important}

/* 테이블 항목별 정의 */
:where(.td_board) {width:120px;text-align:center}
:where(.td_category) {width:80px;text-align:center}
:where(.td_chk) {width:30px;text-align:center}
:where(.td_date) {width:60px;text-align:center}
:where(.td_datetime) {width:150px;text-align:center}
:where(.td_group) {width:100px;text-align:center}
:where(.td_mb_id) {width:100px;text-align:center}
:where(.td_mng) {width:80px;text-align:center}
:where(.td_name) {width:100px;text-align:left}
:where(.td_nick) {width:100px;text-align:center}
:where(.td_num) {width:50px;text-align:center}
:where(.td_numbig) {width:80px;text-align:center}
:where(.td_stat) {width:60px;text-align:center}
:where(.txt_active) {color:var(--mk-green-dark)}
:where(.txt_done) {color:#e8180c}
:where(.txt_expired) {color:#aaa}
:where(.txt_rdy) {color:#8abc2a}

/* =========================================================
   11. 새창 기본 스타일
========================================================= */
.new_win {background:var(--mk-bg)}
.new_win #win_title {margin:0 0 15px;padding:17px 15px;border-top:3px solid var(--mk-green);border-bottom:1px solid var(--mk-line);background:#fff;font-size:1.15em;font-weight:800}
.new_win #win_title .sv {font-size:.75em;line-height:1.2em}
.new_win .tbl_wrap {margin:0 12px}
.new_win .win_ul {margin:-15px 0 15px 0;padding:0 12px;border-bottom:1px solid #e3eadc;background:#fff;list-style:none;overflow-x:auto;white-space:nowrap}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px;border-right:1px solid #e3eadc;border-left:1px solid #e3eadc;color:#344033;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:10px 15px;color:var(--mk-muted)}
.new_win .win_btn {clear:both;margin:18px 12px;text-align:center}
.new_win .win_btn a,
.new_win .win_btn button,
.new_win .win_btn input {display:inline-block;padding:0 12px;height:2.6em;border:0;border-radius:9px;background:#4b5a43;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.6em}

/* 검색결과 색상 */
:where(.sch_word) {color:var(--mk-point);font-weight:700}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646;border-radius:8px;overflow:hidden;box-shadow:var(--mk-shadow)}
.sv_wrap .sv a {display:inline-block;margin:0;padding:5px 7px;width:98px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* =========================================================
   12. 페이징
========================================================= */
:where(.pg_wrap) {clear:both;margin:0 0 20px;padding:18px 0 0;text-align:center}
:where(.pg) {}
:where(.pg_page, .pg_current) {display:inline-block;min-width:30px;height:30px;margin:0 2px;padding:0 8px;border-radius:9px;color:#344033;letter-spacing:0;line-height:30px;vertical-align:middle}
:where(.pg a:focus, .pg a:hover) {background:var(--mk-green-soft);color:var(--mk-green-dark);text-decoration:none}
:where(.pg_page) {background:#eef4e8;text-decoration:none}
:where(.pg_start, .pg_prev) {}
:where(.pg_end, .pg_next) {}
:where(.pg_current) {background:var(--mk-green);color:#fff;font-weight:700}

/* PC화면으로 */
#device_change {display:block;margin:10px;padding:9px 0;border:1px solid var(--mk-line);border-radius:999px;background:#fff;color:#344033;font-size:1em;text-decoration:none;text-align:center;box-shadow:0 2px 8px rgba(42,66,20,.04)}
#device_change:hover {background:var(--mk-green-soft);color:var(--mk-green-dark)}

/* =========================================================
   13. 좁은 모바일 보정
========================================================= */
@media (max-width:360px) {
    body {font-size:12px}
    #logo {padding-left:52px;padding-right:52px}
    #logo img {width:clamp(150px, 52vw, 220px) !important}
    #gnb_open, #hd_sch_open {width:38px;height:38px;top:13px;border-radius:12px}
    #gnb_open {left:9px}
    #hd_sch_open {right:9px}
    #hd_nb {gap:5px;padding:6px}
    #hd_nb a {padding:6px 8px;font-size:12px}
    #hd_sch #sch_submit {flex-basis:58px}
}

/* =========================================================
   14. 전체 외곽 여백 + 부드러운 모서리 보정
   - 기존 구조/코드 수정 없이 외곽 인상만 가볍게 정리
========================================================= */
body {
    padding:8px;
}

#hd {
    border-radius:8px 8px 0 0;
    overflow:hidden;
}

#ft {
    border-radius:0 0 8px 8px;
    overflow:hidden;
}

@media (max-width:360px) {
    body {
        padding:6px;
    }
}