@charset "utf-8";

/* ── 변수: 라이트 ── */
:root {
  --coing-bg:#ffffff; --coing-bg2:#f8f9fa; --coing-bg3:#f0f0f0; --coing-card:#ffffff;
  --coing-text:#212529; --coing-text2:#495057; --coing-text3:#6c757d;
  --coing-border:#dee2e6; --coing-border2:#ced4da; --coing-shadow:rgba(0,0,0,.10);
  --coing-header-bg:#ffffff; --coing-nav-bg:#010440; --coing-nav-text:#ffffff;
  --coing-sub-bg:#ffffff; --coing-sub-text:#212529; --coing-sub-hover:#f5f5f5;
  --coing-footer-bg:#f8f9fa; --coing-footer-text:#495057;
  --coing-lnb-bg:#ffffff; --coing-lnb-text:#495057;
  --coing-input-bg:#ffffff; --coing-input-text:#212529;
  --coing-title-bg:#fafafa; --coing-title-text:#333333;
  --coing-toggle-bg:#e9ecef; --coing-toggle-icon:"\f186";
  --coing-accent:#010440; --coing-accent2:#00c98d;
  transition:background .3s,color .3s;
}

/* ── 변수: 다크 ── */
[data-theme="dark"] {
  --coing-bg:#0d0d1a; --coing-bg2:#161625; --coing-bg3:#1e1e30; --coing-card:#1a1a2e;
  --coing-text:#e8eaf6; --coing-text2:#b0b3c6; --coing-text3:#8086a0;
  --coing-border:#2a2a45; --coing-border2:#3a3a55; --coing-shadow:rgba(0,0,0,.40);
  --coing-header-bg:#0d0d1a; --coing-nav-bg:#010440; --coing-nav-text:#ffffff;
  --coing-sub-bg:#1a1a2e; --coing-sub-text:#e8eaf6; --coing-sub-hover:#252545;
  --coing-footer-bg:#0a0a15; --coing-footer-text:#9094a8;
  --coing-lnb-bg:#0d0d1a; --coing-lnb-text:#9094a8;
  --coing-input-bg:#1e1e30; --coing-input-text:#e8eaf6;
  --coing-title-bg:#161625; --coing-title-text:#c8cbdc;
  --coing-toggle-bg:#2a2a45; --coing-toggle-icon:"\f185";
  --coing-accent:#00c98d; --coing-accent2:#3e5bff;
}

/* ── 전환 애니메이션 ── */
[data-theme="dark"],[data-theme="dark"] *,[data-theme="light"],[data-theme="light"] * { transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease; }

/* ── 기본 ── */
[data-theme="dark"] body,[data-theme="dark"] .wrapper { background-color:var(--coing-bg) !important; color:var(--coing-text) !important; }
[data-theme="dark"] a { color:var(--coing-accent2); }
[data-theme="dark"] a:hover { color:var(--coing-accent); }

/* ── LNB ── */
[data-theme="dark"] #nt_lnb { background-color:var(--coing-lnb-bg) !important; border-bottom:1px solid var(--coing-border); }
[data-theme="dark"] #nt_lnb ul > li > a,[data-theme="dark"] #nt_lnb a { color:var(--coing-lnb-text) !important; }
[data-theme="dark"] #nt_lnb ul > li::after { color:var(--coing-border2) !important; }

/* ── PC 헤더 ── */
[data-theme="dark"] #header_pc { background-color:var(--coing-header-bg) !important; border-bottom:1px solid var(--coing-border); }
[data-theme="dark"] #header_pc .header-search form { border-color:var(--coing-border2) !important; background-color:var(--coing-input-bg) !important; }
[data-theme="dark"] #header_pc .header-search input,[data-theme="dark"] #header_pc .header-search .form-control { background-color:var(--coing-input-bg) !important; color:var(--coing-input-text) !important; }
[data-theme="dark"] #header_pc .header-search input::placeholder { color:var(--coing-text3) !important; }

/* ── 모바일 헤더 ── */
[data-theme="dark"] #header_mo { background-color:var(--coing-nav-bg) !important; }
[data-theme="dark"] #search_mo { background-color:var(--coing-bg2) !important; border-bottom:1px solid var(--coing-border) !important; }
[data-theme="dark"] #search_mo .form-control { background-color:var(--coing-input-bg) !important; color:var(--coing-input-text) !important; border-color:var(--coing-border2) !important; }

/* ── 메뉴 ── */
[data-theme="dark"] #nt_menu { background-color:var(--coing-nav-bg) !important; }
[data-theme="dark"] #nt_menu .sub-2div,[data-theme="dark"] .nt-menu .sub-1div { background-color:var(--coing-sub-bg) !important; box-shadow:0 6px 20px var(--coing-shadow) !important; border:1px solid var(--coing-border) !important; }
[data-theme="dark"] #nt_menu .sub-2da,[data-theme="dark"] .nt-menu .sub-1da { color:var(--coing-sub-text) !important; border-bottom-color:var(--coing-border) !important; }
[data-theme="dark"] #nt_menu .sub-2dli.on .sub-2da,[data-theme="dark"] #nt_menu .sub-2dli:hover .sub-2da,[data-theme="dark"] .nt-menu .sub-1dli.on .sub-1da,[data-theme="dark"] .nt-menu .sub-1dli:hover .sub-1da { background-color:var(--coing-sub-hover) !important; color:var(--coing-sub-text) !important; border-color:var(--coing-border) !important; }
[data-theme="dark"] #nt_menu .sub-2line,[data-theme="dark"] .nt-menu .sub-1line { background-color:var(--coing-bg3) !important; color:var(--coing-text2) !important; }

/* ── 페이지 타이틀 ── */
[data-theme="dark"] #nt_title { background-color:var(--coing-title-bg) !important; border-bottom-color:var(--coing-border) !important; color:var(--coing-title-text) !important; }
[data-theme="dark"] #nt_title .breadcrumb a { color:var(--coing-title-text) !important; }
[data-theme="dark"] #nt_title .breadcrumb-item + .breadcrumb-item::before { color:var(--coing-text3) !important; }

/* ── 본문 ── */
[data-theme="dark"] #nt_body { background-color:var(--coing-bg) !important; }
[data-theme="dark"] .card,[data-theme="dark"] .na-card { background-color:var(--coing-card) !important; border-color:var(--coing-border) !important; color:var(--coing-text) !important; }
[data-theme="dark"] .card-header,[data-theme="dark"] .card-footer { background-color:var(--coing-bg2) !important; border-color:var(--coing-border) !important; }

/* ── 폼 ── */
[data-theme="dark"] .form-control,[data-theme="dark"] .custom-select,[data-theme="dark"] .input-group-text { background-color:var(--coing-input-bg) !important; color:var(--coing-input-text) !important; border-color:var(--coing-border2) !important; }
[data-theme="dark"] .form-control::placeholder { color:var(--coing-text3) !important; }
[data-theme="dark"] .form-control:focus { background-color:var(--coing-input-bg) !important; color:var(--coing-input-text) !important; border-color:var(--coing-accent) !important; box-shadow:0 0 0 .2rem rgba(0,201,141,.25) !important; }
[data-theme="dark"] .custom-file-label { background-color:var(--coing-input-bg) !important; color:var(--coing-input-text) !important; border-color:var(--coing-border2) !important; }
[data-theme="dark"] .custom-file-label::after { background-color:var(--coing-bg3) !important; color:var(--coing-text2) !important; border-color:var(--coing-border2) !important; }

/* ── 테이블 ── */
[data-theme="dark"] .table { color:var(--coing-text) !important; }
[data-theme="dark"] .table td,[data-theme="dark"] .table th { border-color:var(--coing-border) !important; }
[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) { background-color:var(--coing-bg2) !important; }
[data-theme="dark"] .table-hover tbody tr:hover { background-color:var(--coing-bg3) !important; color:var(--coing-text) !important; }
[data-theme="dark"] .table thead th { background-color:var(--coing-bg3) !important; border-color:var(--coing-border) !important; }

/* ── 게시판 ── */
[data-theme="dark"] .bo_list,[data-theme="dark"] .bo_view { background-color:var(--coing-bg) !important; color:var(--coing-text) !important; }
[data-theme="dark"] .list-group-item { background-color:var(--coing-card) !important; border-color:var(--coing-border) !important; color:var(--coing-text) !important; }
[data-theme="dark"] .border-top,[data-theme="dark"] .border-bottom,[data-theme="dark"] .border { border-color:var(--coing-border) !important; }

/* ── Alert / Dropdown / Modal ── */
[data-theme="dark"] .alert { border-color:var(--coing-border) !important; }
[data-theme="dark"] .alert-light { background-color:var(--coing-bg3) !important; color:var(--coing-text) !important; }
[data-theme="dark"] .dropdown-menu { background-color:var(--coing-sub-bg) !important; border-color:var(--coing-border) !important; }
[data-theme="dark"] .dropdown-item { color:var(--coing-sub-text) !important; }
[data-theme="dark"] .dropdown-item:hover,[data-theme="dark"] .dropdown-item:focus { background-color:var(--coing-sub-hover) !important; color:var(--coing-text) !important; }
[data-theme="dark"] .dropdown-divider { border-color:var(--coing-border) !important; }
[data-theme="dark"] .modal-content { background-color:var(--coing-card) !important; border-color:var(--coing-border) !important; color:var(--coing-text) !important; }
[data-theme="dark"] .modal-header { border-bottom-color:var(--coing-border) !important; }
[data-theme="dark"] .modal-footer { border-top-color:var(--coing-border) !important; }
[data-theme="dark"] .close { color:var(--coing-text) !important; }

/* ── Pagination ── */
[data-theme="dark"] .page-link { background-color:var(--coing-card) !important; border-color:var(--coing-border) !important; color:var(--coing-text) !important; }
[data-theme="dark"] .page-link:hover,[data-theme="dark"] .page-link:focus { background-color:var(--coing-bg3) !important; color:var(--coing-text) !important; }
[data-theme="dark"] .page-item.disabled .page-link { background-color:var(--coing-bg2) !important; border-color:var(--coing-border) !important; color:var(--coing-text3) !important; }

/* ── 푸터 ── */
[data-theme="dark"] #nt_footer { background-color:var(--coing-footer-bg) !important; color:var(--coing-footer-text) !important; border-top:1px solid var(--coing-border); }
[data-theme="dark"] #nt_footer .nt-links { border-top-color:var(--coing-border) !important; }
[data-theme="dark"] #nt_footer .nt-links ul > li > a { color:var(--coing-footer-text) !important; }
[data-theme="dark"] #nt_footer .r-con a { background:var(--coing-accent) !important; color:#fff !important; }
[data-theme="dark"] #nt_footer .r-con ul li.mb-btn a { background:var(--coing-bg3) !important; color:var(--coing-text2) !important; }
[data-theme="dark"] #nt_footer strong { color:var(--coing-text) !important; }

/* ── 위젯 / 유틸리티 / 사이드바 ── */
[data-theme="dark"] h3.h3 { color:var(--coing-text) !important; }
[data-theme="dark"] hr.hr::before { background-color:var(--coing-border) !important; }
[data-theme="dark"] .bg-white,[data-theme="dark"] .bg-light { background-color:var(--coing-bg2) !important; }
[data-theme="dark"] .text-dark { color:var(--coing-text) !important; }
[data-theme="dark"] .text-muted { color:var(--coing-text3) !important; }
[data-theme="dark"] .text-secondary { color:var(--coing-text2) !important; }
[data-theme="dark"] #nt_sidebar,[data-theme="dark"] #nt_sidebar_bg { background-color:var(--coing-bg2) !important; }
[data-theme="dark"] #nt_sidebar .sidebar-inner { background-color:var(--coing-bg2) !important; color:var(--coing-text) !important; }

/* ── 토글 버튼 ── */
#coing-theme-toggle { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; border:2px solid var(--coing-border2,#ced4da); background:var(--coing-toggle-bg,#e9ecef); color:var(--coing-text,#212529); cursor:pointer; font-size:16px; transition:all .3s; outline:none; vertical-align:middle; box-shadow:0 2px 6px rgba(0,0,0,.12); }
#coing-theme-toggle:hover { transform:scale(1.1); box-shadow:0 4px 12px rgba(0,0,0,.18); }
#coing-theme-toggle i { pointer-events:none; }
#coing-theme-toggle-mo { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; border:none; background:rgba(255,255,255,.15); color:#fff; cursor:pointer; font-size:16px; transition:all .3s; outline:none; padding:0; }
#coing-theme-toggle-mo:hover { background:rgba(255,255,255,.25); }
@media(max-width:767px){ #coing-theme-toggle { width:34px; height:34px; font-size:14px; } }

/* ── 로더 / 로고 ── */
[data-theme="dark"] #nt_loader { background-color:var(--coing-bg) !important; }
[data-theme="dark"] #header_pc #logo_img { border-color:var(--coing-border2) !important; filter:brightness(1.05); }

/* ── 하드코딩 텍스트 오버라이드 ── */
[data-theme="dark"] #nt_menu .sub-2da { color:var(--coing-sub-text) !important; }
[data-theme="dark"] #nt_menu .sub-2dli.on .sub-2da,[data-theme="dark"] #nt_menu .sub-2dli:hover .sub-2da { color:var(--coing-sub-text) !important; background-color:var(--coing-sub-hover) !important; }
[data-theme="dark"] #nt_menu .sub-2line { color:var(--coing-text2) !important; background-color:var(--coing-bg3) !important; }
[data-theme="dark"] .nt-menu .sub-1da { color:var(--coing-sub-text) !important; }
[data-theme="dark"] .nt-menu .sub-1dli.on .sub-1da,[data-theme="dark"] .nt-menu .sub-1dli:hover .sub-1da { color:var(--coing-sub-text) !important; background-color:var(--coing-sub-hover) !important; }
[data-theme="dark"] .nt-menu .sub-1line { color:var(--coing-text2) !important; background-color:var(--coing-bg3) !important; }
[data-theme="dark"] .na-subject,[data-theme="dark"] .na-subject:link,[data-theme="dark"] .na-subject:visited { color:var(--coing-text) !important; }
[data-theme="dark"] .na-subject:hover { color:var(--coing-accent2) !important; }
[data-theme="dark"] #nt_side_menu .me-li2.active .me-a2 { color:var(--coing-accent2) !important; }
[data-theme="dark"] .pc-scroll-top { background:rgba(0,201,141,.25); color:var(--coing-text); }
[data-theme="dark"] .pc-scroll-top:hover { background:#00c98d !important; color:#fff !important; }

/* ── 0101 소개 페이지 ── */
[data-theme="dark"] .p01-title { color:var(--coing-text) !important; }
[data-theme="dark"] .p01-desc { color:var(--coing-text3) !important; }
[data-theme="dark"] .p01-sec-alt { background:var(--coing-bg2) !important; }
[data-theme="dark"] .p01-str-card { background:var(--coing-card) !important; border-color:var(--coing-border) !important; }
[data-theme="dark"] .p01-str-card h3 { color:var(--coing-text) !important; }
[data-theme="dark"] .p01-str-card p { color:var(--coing-text3) !important; }
[data-theme="dark"] .p01-str-tags span { background:var(--coing-bg3) !important; color:var(--coing-text2) !important; }
[data-theme="dark"] .p01-tl-content { background:var(--coing-card) !important; border-color:var(--coing-border) !important; }
[data-theme="dark"] .p01-tl-content h4 { color:var(--coing-text) !important; }
[data-theme="dark"] .p01-tl-content p { color:var(--coing-text3) !important; }
[data-theme="dark"] .p01-tl-dot { border-color:var(--coing-bg) !important; }
[data-theme="dark"] .p01-faq-item { background:var(--coing-card) !important; border-color:var(--coing-border) !important; }
[data-theme="dark"] .p01-faq-q { color:var(--coing-text) !important; }
[data-theme="dark"] .p01-faq-a p { color:var(--coing-text2) !important; }

/* ── 0102 진행방식 페이지 ── */
[data-theme="dark"] .p02-nav { background:var(--coing-header-bg) !important; border-bottom-color:var(--coing-border) !important; }
[data-theme="dark"] .p02-nav-item::after { background:var(--coing-border) !important; }
[data-theme="dark"] .p02-nav-label { color:var(--coing-text) !important; }
[data-theme="dark"] .p02-nav-sub { color:var(--coing-text3) !important; }
[data-theme="dark"] .p02-main { background:var(--coing-bg2) !important; }
[data-theme="dark"] .p02-sec-title { color:var(--coing-text) !important; }
[data-theme="dark"] .p02-sec-desc { color:var(--coing-text3) !important; }
[data-theme="dark"] .p02-card { background:var(--coing-card) !important; border-color:var(--coing-border) !important; }
[data-theme="dark"] .p02-card-left { background:linear-gradient(160deg,rgba(0,201,141,0.06) 0%,var(--coing-card) 100%) !important; border-right-color:var(--coing-border) !important; border-bottom-color:var(--coing-border) !important; }
[data-theme="dark"] .p02-step-title { color:var(--coing-text) !important; }
[data-theme="dark"] .p02-step-desc { color:var(--coing-text3) !important; }
[data-theme="dark"] .p02-block { background:var(--coing-bg3) !important; border-color:var(--coing-border) !important; }
[data-theme="dark"] .p02-block-title { color:var(--coing-text) !important; }
[data-theme="dark"] .p02-list li { color:var(--coing-text2) !important; }
[data-theme="dark"] .p02-banner { background:rgba(0,201,141,0.08) !important; border-color:rgba(0,201,141,0.2) !important; }
[data-theme="dark"] .p02-banner-text { color:var(--coing-text2) !important; }
[data-theme="dark"] .p02-banner-text strong { color:var(--coing-text) !important; }
[data-theme="dark"] .p02-banner-alt { background:var(--coing-bg3) !important; border-color:var(--coing-border) !important; }
[data-theme="dark"] .p02 .bg-white,[data-theme="dark"] .p02 [style*="background:#fff"],[data-theme="dark"] .p02 [style*="background: #fff"] { background:var(--coing-card) !important; }
[data-theme="dark"] .p02 [style*="color:#212529"],[data-theme="dark"] .p02 [style*="color:#111827"],[data-theme="dark"] .p02 [style*="color:#333"] { color:var(--coing-text) !important; }
[data-theme="dark"] .p02 [style*="color:#6c757d"],[data-theme="dark"] .p02 [style*="color:#6b7280"],[data-theme="dark"] .p02 [style*="color:#495057"] { color:var(--coing-text3) !important; }