@charset "utf-8";
:root {
--mt-blue-50:  #E8F2FF;
--mt-blue-100: #CCE4FF;
--mt-blue-200: #99C9FF;
--mt-blue-300: #66AFFF;
--mt-blue-400: #3394FF;
--mt-blue-500: #1A87FF;
--mt-blue-600: #007BFF;
--mt-blue-700: #0062CC;
--mt-blue-base:#007BFF;
--mt-ink-900: #0F172A;
--mt-ink-800: #1E293B;
--mt-ink-700: #334155;
--mt-ink-600: #475569;
--mt-ink-500: #52627A;
--mt-ink-400: #6B7A90;
--mt-ink-300: #CBD5E1;
--mt-ink-200: #E2E8F0;
--mt-ink-100: #E3E9F1;
--mt-ink-50:  #FBFCFE;
--mt-danger:  #DC3545;
--mt-success: #12805C;
--mt-warn:    #B4690E;
--mt-bg:        #FFFFFF;
--mt-surface:   #FFFFFF;
--mt-surface-2: var(--mt-ink-50);
--mt-line:      var(--mt-ink-200);
--mt-line-soft: var(--mt-ink-100);
--mt-text:      var(--mt-ink-900);
--mt-text-sub:  var(--mt-ink-700);
--mt-text-dim:  var(--mt-ink-500);
--mt-text-mute: var(--mt-ink-400);
--mt-primary:   var(--mt-blue-600);
--mt-primary-h: var(--mt-blue-700);
--mt-focus:     rgba(37,99,235,.14);
--mt-r-xs: 6px;
--mt-r-sm: 10px;
--mt-r-md: 12px;
--mt-r-lg: 14px;
--mt-r-xl: 18px;
--mt-r-pill: 999px;
--mt-sh-xs:   0 1px 2px rgba(15,23,42,.05);
--mt-sh-sm:   0 1px 2px rgba(15,23,42,.04), 0 1px 3px rgba(15,23,42,.06);
--mt-sh-md:   0 2px 4px rgba(15,23,42,.04), 0 10px 24px -8px rgba(15,23,42,.16);
--mt-sh-lg:   0 4px 8px rgba(15,23,42,.04), 0 18px 40px -12px rgba(15,23,42,.20);
--mt-ease:  cubic-bezier(.22,.61,.36,1);
--mt-t-fast: .12s var(--mt-ease);
--mt-t:      .2s var(--mt-ease);
--mt-field-h:    46px;
--mt-field-h-mo: 48px;
--mt-field-r:    var(--mt-r-sm);
}
:root[data-theme="dark"] {
--mt-bg:        #0F1418;
--mt-surface:   #171D23;
--mt-surface-2: #1F262E;
--mt-line:      #2B333C;
--mt-line-soft: #232A31;
--mt-text:      #EAF0F7;
--mt-text-sub:  #D6DFE9;
--mt-text-dim:  #BAC4D0;
--mt-text-mute: #98A4B0;
--mt-primary:   var(--mt-blue-400);
--mt-primary-h: var(--mt-blue-300);
--mt-focus:     rgba(96,165,250,.20);
--mt-sh-xs:   0 1px 2px rgba(0,0,0,.4);
--mt-sh-sm:   0 1px 3px rgba(0,0,0,.45);
--mt-sh-md:   0 10px 24px -8px rgba(0,0,0,.6);
--mt-sh-lg:   0 18px 40px -12px rgba(0,0,0,.7);
}
body,
body .f-de,
button, input, select, textarea, optgroup,
.btn, .form-control, .custom-select,
h1, h2, h3, h4, h5, h6,
.f-md, .f-mo, .f-lg, .f-xl, .en,
.na-subject, .na-title, .na-info {
font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui,
'Malgun Gothic', sans-serif !important;
}
body { letter-spacing: -0.01em; }
:root[data-theme="dark"] {
--mt-bg:        #15181c;
--mt-surface:   #1c2026;
--mt-surface-2: #232830;
--mt-border:    #2e343d;
--mt-text:      #dce1e8;
--mt-text-dim:  #98a3b2;
--mt-text-mute: #7b8695;
--mt-primary:   #4d9bff;
--mt-danger:    #ff6b6b;
--mt-shadow:    rgba(0,0,0,.45);
}
:root[data-theme="dark"] body,
:root[data-theme="dark"] .wrapper,
:root[data-theme="dark"] #wrapper {
background-color: var(--mt-bg) !important;
color: var(--mt-text) !important;
}
:root[data-theme="dark"] .bg-white,
:root[data-theme="dark"] .bg-light,
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .list-group-item,
:root[data-theme="dark"] .dropdown-menu,
:root[data-theme="dark"] .modal-content,
:root[data-theme="dark"] .popover,
:root[data-theme="dark"] .toast,
:root[data-theme="dark"] .na-item { background-color: transparent !important; }
:root[data-theme="dark"] .bg-white,
:root[data-theme="dark"] .bg-light,
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .list-group-item,
:root[data-theme="dark"] .dropdown-menu,
:root[data-theme="dark"] .modal-content,
:root[data-theme="dark"] .popover,
:root[data-theme="dark"] .toast {
background-color: var(--mt-surface) !important;
color: var(--mt-text) !important;
}
:root[data-theme="dark"] #header_pc,
:root[data-theme="dark"] #header_mo,
:root[data-theme="dark"] .navbar,
:root[data-theme="dark"] .nt-header,
:root[data-theme="dark"] .nt-menu,
:root[data-theme="dark"] .me-li,
:root[data-theme="dark"] .table thead th {
background-color: var(--mt-surface-2) !important;
color: var(--mt-text) !important;
}
:root[data-theme="dark"] .text-dark,
:root[data-theme="dark"] .text-body,
:root[data-theme="dark"] .text-black,
:root[data-theme="dark"] .na-subject,
:root[data-theme="dark"] .me-a,
:root[data-theme="dark"] h1, :root[data-theme="dark"] h2,
:root[data-theme="dark"] h3, :root[data-theme="dark"] h4,
:root[data-theme="dark"] h5, :root[data-theme="dark"] h6 {
color: var(--mt-text) !important;
}
:root[data-theme="dark"] .text-muted,
:root[data-theme="dark"] .na-info,
:root[data-theme="dark"] .text-secondary,
:root[data-theme="dark"] small {
color: var(--mt-text-mute) !important;
}
:root[data-theme="dark"] a { color: var(--mt-text); }
:root[data-theme="dark"] a:hover { color: var(--mt-primary); }
:root[data-theme="dark"] .text-primary,
:root[data-theme="dark"] a.text-primary { color: var(--mt-primary) !important; }
:root[data-theme="dark"] .border,
:root[data-theme="dark"] .border-top,
:root[data-theme="dark"] .border-bottom,
:root[data-theme="dark"] .border-left,
:root[data-theme="dark"] .border-right,
:root[data-theme="dark"] .na-line,
:root[data-theme="dark"] .dropdown-divider,
:root[data-theme="dark"] hr,
:root[data-theme="dark"] .table td,
:root[data-theme="dark"] .table th,
:root[data-theme="dark"] .list-group-item {
border-color: var(--mt-border) !important;
}
:root[data-theme="dark"] .form-control,
:root[data-theme="dark"] .custom-select,
:root[data-theme="dark"] input[type="text"],
:root[data-theme="dark"] input[type="password"],
:root[data-theme="dark"] input[type="search"],
:root[data-theme="dark"] input[type="email"],
:root[data-theme="dark"] input[type="tel"],
:root[data-theme="dark"] input[type="number"],
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] select {
background-color: var(--mt-surface-2) !important;
border-color: var(--mt-border) !important;
color: var(--mt-text) !important;
}
:root[data-theme="dark"] .form-control::placeholder,
:root[data-theme="dark"] textarea::placeholder { color: var(--mt-text-mute) !important; }
:root[data-theme="dark"] .form-control:focus {
border-color: var(--mt-primary) !important;
box-shadow: 0 0 0 .2rem rgba(77,155,255,.25) !important;
}
:root[data-theme="dark"] .btn-light,
:root[data-theme="dark"] .btn-outline-secondary,
:root[data-theme="dark"] .btn-secondary {
background-color: var(--mt-surface-2) !important;
border-color: var(--mt-border) !important;
color: var(--mt-text) !important;
}
:root[data-theme="dark"] .btn-primary { border-color: var(--mt-primary) !important; }
:root[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd),
:root[data-theme="dark"] .table-hover tbody tr:hover,
:root[data-theme="dark"] .list-group-item-action:hover,
:root[data-theme="dark"] .na-item:hover {
background-color: var(--mt-surface-2) !important;
}
:root[data-theme="dark"] .main_sd_list {
background-color: var(--mt-surface) !important;
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] .shadow,
:root[data-theme="dark"] .shadow-sm,
:root[data-theme="dark"] .card { box-shadow: 0 .125rem .5rem var(--mt-shadow) !important; }
:root[data-theme="dark"] img:not(.no-dim) { filter: brightness(.92); }
:root[data-theme="dark"] pre,
:root[data-theme="dark"] code,
:root[data-theme="dark"] blockquote {
background-color: var(--mt-surface-2) !important;
color: var(--mt-text) !important;
}
.mt-theme-toggle {
position: fixed;
right: 25px;
bottom: 20px;
z-index: 1030;
width: 42px;
height: 42px;
border-radius: 50%;
border: 1px solid rgba(0,0,0,.12);
background: #fff;
color: #333;
font-size: 17px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 2px 10px rgba(0,0,0,.18);
transition: transform .15s ease, background-color .15s ease;
padding: 0;
}
#nt_sidebar_move { bottom: 72px !important; }
.mt-theme-toggle:hover { transform: scale(1.06); }
.mt-theme-toggle:focus-visible { outline: 2px solid #4d9bff; outline-offset: 2px; }
:root[data-theme="dark"] .mt-theme-toggle {
background: var(--mt-surface-2);
color: #ffd166;
border-color: var(--mt-border);
box-shadow: 0 2px 10px rgba(0,0,0,.5);
}
@media (prefers-reduced-motion: reduce) {
.mt-theme-toggle { transition: none; }
.mt-theme-toggle:hover { transform: none; }
}
#bo_list .na-title .na-subject > .na-table > div {
white-space: nowrap;
overflow: hidden;
}
#bo_list .na-title .na-subject .mt-subject-text {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
}
#bo_list .na-title .na-subject .mt-subject-line {
display: flex;
align-items: center;
column-gap: .3rem;
min-width: 0;
max-width: 100%;
}
#bo_list .na-title .na-subject .mt-subject-line > .mt-subject-text {
flex: 0 1 auto;
min-width: 0;
}
#bo_list .na-title .na-subject .mt-subject-line > .na-icon,
#bo_list .na-title .na-subject .mt-subject-line > .na-hicon,
#bo_list .na-title .na-subject .mt-subject-line > .count-plus {
flex: 0 0 auto;
}
#bo_list #mttip_site_name_wrap {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#nt_search {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: auto;
background: #fff !important;
background-color: #fff !important;
border-bottom: 1px solid #e7ebf0;
box-shadow: 0 12px 28px rgba(16,24,40,.12);
z-index: 1040;
padding: 0;
animation: mtSearchDrop .16s cubic-bezier(.2,.7,.3,1);
}
@keyframes mtSearchDrop {
from { opacity: 0; transform: translateY(-10px); }
to   { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) { #nt_search { animation: none; } }
#nt_search .tcontent {
position: static;
top: auto;
width: 100%;
max-width: 680px;
margin: 0 auto;
padding: 1rem 1rem;
text-align: left;
}
#nt_search form {
display: flex;
align-items: center;
gap: .5rem;
margin: 0;
}
#nt_search input[type="text"] {
flex: 1 1 auto;
min-width: 0;
height: 48px;
padding: 0 1rem;
font-size: 1.02rem;
line-height: 48px;
color: #111827;
background: #f4f6f9;
border: 1px solid #e3e8ef;
border-radius: 12px;
outline: none;
transition: border-color .12s ease, background-color .12s ease, box-shadow .12s ease;
}
#nt_search input[type="text"]:focus {
background: #fff;
border-color: #007bff;
box-shadow: 0 0 0 3px rgba(37,99,235,.14);
}
#nt_search input[type="text"]::placeholder { color: #9aa4b2; }
#nt_search button[type="submit"] {
flex: 0 0 auto;
width: 48px;
height: 48px;
padding: 0;
border: 0;
border-radius: 12px;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: filter .12s ease;
}
#nt_search button[type="submit"]:hover { filter: brightness(1.08); }
#nt_search button[type="submit"] i { font-size: 1.05rem; }
#nt_search .closebtn {
position: absolute;
top: 50%;
right: 1rem;
transform: translateY(-50%);
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
font-size: 20px;
font-weight: 400;
color: #98a2b3;
background: transparent;
border-radius: 10px;
cursor: pointer;
transition: background-color .12s ease, color .12s ease;
}
#nt_search .closebtn:hover { background: #f1f3f7; color: #111827; }
#mt-search-backdrop {
position: fixed;
inset: 0;
background: rgba(15,23,42,.32);
z-index: 1039;
display: none;
}
@media (max-width: 575.98px) {
#nt_search .tcontent { padding: .8rem .75rem; padding-right: 3rem; }
#nt_search .closebtn { right: .5rem; }
#nt_search input[type="text"] { height: 44px; line-height: 44px; font-size: .98rem; }
#nt_search button[type="submit"] { width: 44px; height: 44px; }
}
:root[data-theme="dark"] #nt_search {
background: var(--mt-surface-2) !important;
background-color: var(--mt-surface-2) !important;
border-bottom-color: var(--mt-border);
box-shadow: 0 12px 28px rgba(0,0,0,.55);
}
:root[data-theme="dark"] #nt_search input[type="text"] {
background: var(--mt-bg);
border-color: var(--mt-border);
color: var(--mt-text);
}
:root[data-theme="dark"] #nt_search input[type="text"]:focus {
border-color: var(--mt-primary);
box-shadow: 0 0 0 3px rgba(77,155,255,.20);
}
:root[data-theme="dark"] #nt_search .closebtn { color: var(--mt-text-dim); }
:root[data-theme="dark"] #nt_search .closebtn:hover {
background: var(--mt-surface); color: var(--mt-text);
}
#bo_search > .alert:has(#fsearch),
#new_search > .alert:has(#fsearch) { margin-top: 1rem; }
#bo_search > .alert.bg-light.border.mx-3.mx-sm-0 { margin-top: 1rem; }
#new_list .na-title,
#new_list .na-item { min-width: 0; }
#new_list .na-subject {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#new_list .sv_member {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
}
#new_list .xp-icon { flex: 0 0 auto; }
#header_mo h3 {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 52px;
margin: 0;
}
#header_mo h3 > a.float-left,
#header_mo h3 > #header_mo_search {
position: absolute;
top: 50%;
transform: translateY(-50%);
float: none !important;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 10px;
color: #374151;
transition: background-color .12s ease;
}
#header_mo h3 > a.float-left   { left: 0; }
#header_mo h3 > #header_mo_search { right: 0; }
#header_mo h3 > a.float-left:hover,
#header_mo h3 > #header_mo_search a:hover { background: #f1f3f7; }
#header_mo h3 > #header_mo_search a {
display: flex; align-items: center; justify-content: center;
width: 100%; height: 100%; border-radius: 10px; color: inherit;
}
#header_mo h3 .fa { font-size: 1.15rem; }
#header_mo #logo_img { max-height: 34px; width: auto; }
:root[data-theme="dark"] #header_mo h3 > a.float-left,
:root[data-theme="dark"] #header_mo h3 > #header_mo_search { color: var(--mt-text); }
:root[data-theme="dark"] #header_mo h3 > a.float-left:hover,
:root[data-theme="dark"] #header_mo h3 > #header_mo_search a:hover { background: var(--mt-surface); }
#nt_sidebar .sidebar-icon { display: none !important; }
#nt_sidebar #sidebar_more_icon { display: none !important; }
#nt_sidebar .sidebar-content > .mt-n1 { margin-top: 0 !important; }
#nt_sidebar_header h3 { letter-spacing: -.01em; margin: 0; }
#nt_sidebar_menu h5 {
font-size: .78rem;
font-weight: 700;
letter-spacing: .06em;
color: #8b95a5;
padding: 1rem 1rem .5rem;
margin: 0;
}
#nt_sidebar .me-ul > li > a,
#nt_sidebar .sidebar-list .me-ul > li > a {
padding-top: .7rem;
padding-bottom: .7rem;
transition: background-color .12s ease;
}
#nt_sidebar .me-ul > li > a:hover { background: rgba(0,0,0,.035); }
#nt_sidebar .float-right { font-variant-numeric: tabular-nums; }
#nt_sidebar .progress { height: 6px; border-radius: 999px; overflow: hidden; }
#nt_sidebar .progress-bar-striped { background-image: none !important; }
:root[data-theme="dark"] #nt_sidebar { background: var(--mt-bg) !important; }
:root[data-theme="dark"] #nt_sidebar .bg-white,
:root[data-theme="dark"] #nt_sidebar .sidebar-list { background: var(--mt-surface) !important; }
:root[data-theme="dark"] #nt_sidebar .me-ul > li > a { color: var(--mt-text); }
:root[data-theme="dark"] #nt_sidebar .me-ul > li > a:hover { background: rgba(255,255,255,.06); }
:root[data-theme="dark"] #nt_sidebar .border-top,
:root[data-theme="dark"] #nt_sidebar .me-ul { border-color: var(--mt-border) !important; }
:root[data-theme="dark"] #nt_sidebar .progress { background: var(--mt-border); }
#nt_sidebar .me-li > .tree-toggle,
#nt_sidebar_menu .me-li > .tree-toggle {
display: inline-block;
transform: rotate(90deg);
transform-origin: center;
transition: transform .15s ease;
}
#nt_sidebar .me-li:has(> .me-ul1.on) > .tree-toggle,
#nt_sidebar_menu .me-li:has(> .me-ul1.on) > .tree-toggle {
transform: rotate(-90deg);
}
@media (prefers-reduced-motion: reduce) {
#nt_sidebar .me-li > .tree-toggle { transition: none; }
}
#nt_sidebar_header {
box-shadow: inset 0 -1px 0 rgba(255,255,255,.22);
padding-top: .15rem;
padding-bottom: .15rem;
}
#nt_sidebar .sidebar-content .btn-group > .btn-primary {
background-color: #0056b3 !important;
border-color: #0056b3 !important;
border-right: 1px solid rgba(255,255,255,.22) !important;
color: #fff !important;
padding-top: .6rem;
padding-bottom: .6rem;
font-weight: 500;
}
#nt_sidebar .sidebar-content .btn-group > .btn-primary:last-child {
border-right: 0 !important;
}
#nt_sidebar .sidebar-content .btn-group > .btn-primary:hover,
#nt_sidebar .sidebar-content .btn-group > .btn-primary:focus {
background-color: #004494 !important;
border-color: #004494 !important;
color: #fff !important;
}
#sch_res_detail > .alert,
#bo_search > .alert,
#new_search > .alert { margin-top: 1rem; }
.mt-me-emoji {
background: none !important;
background-image: none !important;
-webkit-background-clip: border-box !important;
background-clip: border-box !important;
-webkit-text-fill-color: initial !important;
color: initial !important;
text-shadow: none !important;
animation: none !important;
display: inline-block;
line-height: 1;
font-size: 1.05em;
font-weight: 400 !important;
margin-right: .2em;
flex: 0 0 auto;
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji",
"Segoe UI Symbol", sans-serif !important;
letter-spacing: 0 !important;
}
.register {
margin: 0 !important;
padding: .25rem .25rem 1rem;
}
.register .list-group-item > h5 {
font-size: .82rem;
font-weight: 700;
letter-spacing: .04em;
color: #6b7280;
margin: 0;
padding-bottom: .65rem;
border-bottom: 1px solid #eceff3;
}
.register .list-group { border: 0; }
.register .list-group-item {
border-left: 0 !important;
border-right: 0 !important;
border-top: 0 !important;
border-bottom: 0 !important;
background: transparent;
padding-left: 1rem;
padding-right: 1rem;
}
.register .col-form-label {
font-weight: 600;
font-size: .93rem;
color: #374151;
}
.register .col-form-label strong { font-weight: 600; }
.register .form-control,
.register .custom-select,
.register input[type="text"],
.register input[type="password"],
.register input[type="email"],
.register input[type="tel"],
.register input[type="number"] {
height: 46px;
padding: 0 .9rem;
font-size: .98rem;
color: #111827;
background: #f7f9fb;
border: 1px solid #e3e8ef;
border-radius: 10px;
box-shadow: none;
transition: border-color .12s ease, background-color .12s ease, box-shadow .12s ease;
}
.register textarea.form-control { height: auto; padding: .7rem .9rem; border-radius: 10px; }
.register .form-control:focus,
.register .custom-select:focus {
background: #fff;
border-color: #007bff;
box-shadow: 0 0 0 3px rgba(37,99,235,.13);
}
.register .form-control::placeholder { color: #9aa4b2; }
.register .form-control.required:invalid { border-color: #e3e8ef; }
.register .form-control-plaintext {
font-size: .84rem;
line-height: 1.6;
color: #8a94a4 !important;
padding-top: .35rem;
}
.register .form-group.row { margin-bottom: 1rem; }
.register .btn {
height: 46px;
padding: 0 1.1rem;
border-radius: 10px;
font-weight: 600;
display: inline-flex;
align-items: center;
justify-content: center;
}
.register .btn-lg, .register .btn-block { height: 50px; font-size: 1rem; }
.register .input-group .btn { border-radius: 0 10px 10px 0; }
.register .input-group .form-control { border-radius: 10px 0 0 10px; }
.register .custom-control-label { font-size: .93rem; }
.register .form-check-label { font-size: .93rem; }
@media (max-width: 575.98px) {
.register { padding: .25rem 0 1rem; }
.register .list-group-item { padding-left: .85rem; padding-right: .85rem; }
.register .col-form-label {
padding-bottom: .3rem;
font-size: .9rem;
}
.register .form-group.row { margin-bottom: 1.15rem; }
.register .form-control,
.register .custom-select { height: 48px; font-size: 1rem; }
.register .btn { height: 48px; }
.register .form-control-plaintext { padding-top: .25rem; }
}
:root[data-theme="dark"] .register .list-group-item > h5 {
color: var(--mt-text-dim);
border-bottom-color: var(--mt-border);
}
:root[data-theme="dark"] .register .col-form-label { color: var(--mt-text); }
:root[data-theme="dark"] .register .form-control,
:root[data-theme="dark"] .register .custom-select {
background: var(--mt-bg);
border-color: var(--mt-border);
color: var(--mt-text);
}
:root[data-theme="dark"] .register .form-control:focus {
border-color: var(--mt-primary);
box-shadow: 0 0 0 3px rgba(77,155,255,.18);
}
:root[data-theme="dark"] .register .form-control-plaintext { color: var(--mt-text-mute) !important; }
#nt_menu_mobile #mobile_nav a:has(> .mt-me-emoji) {
display: flex !important;
align-items: center;
}
#nt_menu .me-a:has(> .mt-me-emoji) {
display: inline-flex !important;
align-items: center;
}
#nt_menu .me-li > a { text-align: center; }
#nt_sidebar_menu .me-a:has(> .mt-me-emoji),
#nt_sidebar_menu .me-a1:has(> .mt-me-emoji),
#nt_sidebar .me-a:has(> .mt-me-emoji),
#nt_sidebar .me-a1:has(> .mt-me-emoji) {
display: flex !important;
align-items: center;
}
#nt_menu_mobile li.menu-totosite > a.on,
#nt_menu_mobile li.menu-totosite > a.d-block.on,
#nt_menu_mobile li.menu-totosite > a:hover {
background: linear-gradient(
90deg, #ff9aa2, #ffd166, #f9f871, #8ce99a,
#74c0fc, #b197fc, #faa2c1, #ff9aa2
) !important;
background-size: 300% auto !important;
-webkit-background-clip: text !important;
background-clip: text !important;
-webkit-text-fill-color: transparent !important;
color: transparent !important;
animation: rainbowTextFlow 3.8s linear infinite;
}
#nt_menu_mobile li.menu-totosite > a.on::after,
#nt_menu_mobile li.menu-totosite > a.d-block.on::after { width: 72% !important; }
#nt_menu_mobile li.menu-totosite > a.on .mt-me-emoji,
#nt_menu .me-li.menu-totosite.on .me-a .mt-me-emoji {
-webkit-text-fill-color: initial !important;
color: initial !important;
background: none !important;
animation: none !important;
}
@media (max-width: 767.98px) {
.na-row > .na-col.order-md-1 { margin-top: -.5rem; }
.main_sd_list { margin-bottom: .65rem !important; }
.main_sd_list > h3.h3 { margin-bottom: .1rem; }
.main_sd_list > hr.hr { margin-top: .45rem !important; margin-bottom: 0 !important; }
.main_sd_list > div.mt-3 { margin-top: .55rem !important; }
.main_sd_list > div.mb-4 { margin-bottom: .55rem !important; }
.main_sd_list > div.mb-3 { margin-bottom: .55rem !important; }
.main_sd_list .na-list > li { padding-top: 0; padding-bottom: 0; }
.main_sd_list .na-line { padding-top: .35rem; padding-bottom: .35rem; }
.main_sd_list > div[class*="px-3"] {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
#nt_menu > .d-flex {
align-items: center;
min-height: 56px;
padding: 0 8px;
background: var(--mt-surface);
border: 1px solid var(--mt-line-soft);
border-radius: var(--mt-r-pill);
box-shadow: var(--mt-sh-sm);
}
#nt_menu .me-ul { align-items: center; }
#nt_menu .fa.empty { display: none; }
#nt_menu .me-li:not(.menu-totosite) > a > .me-a {
display: block;
margin: 0 2px;
padding: 11px 16px !important;
border-radius: var(--mt-r-pill);
font-size: 15px !important;
font-weight: 700;
letter-spacing: -.035em;
color: var(--mt-ink-600);
text-align: center;
white-space: nowrap;
transition: color var(--mt-t-fast), background var(--mt-t-fast);
}
#nt_menu .me-li:not(.menu-totosite):hover > a > .me-a {
color: var(--mt-primary);
background: var(--mt-blue-50);
}
#nt_menu .me-li.on:not(.menu-totosite) > a > .me-a,
#nt_menu .me-li.on:not(.menu-totosite):hover > a > .me-a {
color: var(--mt-blue-700);
background: var(--mt-blue-100);
box-shadow: inset 0 0 0 1px var(--mt-blue-200);
font-weight: 800;
}
#nt_menu .me-li.menu-totosite > a > .me-a {
display: block;
margin: 0 1px;
padding: 9px 10px !important;
font-size: 15px !important;
text-align: center;
white-space: nowrap;
}
#nt_menu .me-li.menu-totosite > a {
display: block;
border-radius: var(--mt-r-pill);
transition: background-color var(--mt-t-fast), box-shadow var(--mt-t-fast);
}
#nt_menu .me-li.menu-totosite:hover > a {
background-color: var(--mt-blue-50);
}
#nt_menu .me-li.menu-totosite.on > a,
#nt_menu .me-li.menu-totosite.on:hover > a {
background-color: var(--mt-blue-100);
box-shadow: inset 0 0 0 1px var(--mt-blue-200);
}
#nt_menu .me-li.menu-totosite > a > .me-a,
#nt_menu .me-li.menu-totosite:hover > a > .me-a,
#nt_menu .me-li.menu-totosite.on > a > .me-a {
box-shadow: none !important;
}
#nt_menu .sub-1div {
background: var(--mt-surface);
border: 1px solid var(--mt-line-soft);
border-radius: var(--mt-r-md);
box-shadow: var(--mt-sh-lg);
padding: 6px;
margin-top: 8px;
}
#nt_menu .sub-1da {
display: block;
border-radius: var(--mt-r-sm);
border-bottom: 0;
font-weight: 600;
color: var(--mt-ink-700);
transition: background var(--mt-t-fast), color var(--mt-t-fast);
}
#nt_menu .sub-1dli:hover .sub-1da,
#nt_menu .sub-1dli.on .sub-1da { background: var(--mt-blue-50); color: var(--mt-primary); }
#nt_sticky_wrap.me-sticky #nt_menu > .d-flex {
background: transparent;
border-color: transparent;
box-shadow: none;
min-height: 48px;
}
#nt_sticky_wrap.me-sticky {
background: rgba(255,255,255,.92);
-webkit-backdrop-filter: saturate(180%) blur(14px);
backdrop-filter: saturate(180%) blur(14px);
box-shadow: 0 1px 0 var(--mt-line-soft), 0 10px 26px -16px rgba(15,23,42,.32);
}
.register #captcha.captcha {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: 0;
padding: 0;
border: 0;
}
.register #captcha.captcha > legend {
position: absolute;
width: 1px; height: 1px;
overflow: hidden; clip: rect(0 0 0 0);
white-space: nowrap;
}
.register #captcha_img {
flex: 0 0 auto;
height: var(--mt-field-h);
width: auto;
border: 1px solid var(--mt-line);
border-radius: var(--mt-field-r);
background: #fff;
}
.register #captcha_key.captcha_box {
flex: 0 1 150px;
min-width: 110px;
height: var(--mt-field-h) !important;
padding: 0 .8rem !important;
font-size: 1.02rem;
letter-spacing: .18em;
text-align: center;
background: var(--mt-surface-2);
border: 1px solid var(--mt-line);
border-radius: var(--mt-field-r);
color: var(--mt-text);
}
.register #captcha_key.captcha_box:focus {
background: var(--mt-surface);
border-color: var(--mt-primary);
box-shadow: 0 0 0 3px var(--mt-focus);
outline: none;
}
.register #captcha_mp3,
.register #captcha_reload {
flex: 0 0 auto;
width: var(--mt-field-h);
height: var(--mt-field-h);
padding: 0;
font-size: 0;
border: 1px solid var(--mt-line);
border-radius: var(--mt-field-r);
background: var(--mt-surface-2);
color: var(--mt-text-dim);
cursor: pointer;
transition: background var(--mt-t-fast), border-color var(--mt-t-fast);
}
.register #captcha_mp3::after,
.register #captcha_reload::after {
font-family: FontAwesome;
font-size: 1rem;
line-height: 1;
}
.register #captcha_mp3::after     { content: "\f028"; }
.register #captcha_reload::after  { content: "\f021"; }
.register #captcha_mp3:hover,
.register #captcha_reload:hover { background: var(--mt-blue-50); border-color: var(--mt-blue-200); }
.register #captcha_mp3 > span,
.register #captcha_reload > span { display: none; }
.register #captcha_info {
flex: 1 1 100%;
margin: 0;
font-size: .82rem;
line-height: 1.5;
color: var(--mt-text-mute);
}
@media (max-width: 575.98px) {
.register #captcha.captcha { gap: 6px; }
.register #captcha_img { height: var(--mt-field-h-mo); }
.register #captcha_key.captcha_box {
flex: 1 1 auto;
min-width: 0;
height: var(--mt-field-h-mo) !important;
font-size: 1rem;
}
.register #captcha_mp3,
.register #captcha_reload { width: var(--mt-field-h-mo); height: var(--mt-field-h-mo); }
.register #captcha_info { font-size: .78rem; }
}
:root[data-theme="dark"] .register #captcha_img { background: #fff; border-color: var(--mt-line); }
:root[data-theme="dark"] .register #captcha_key.captcha_box,
:root[data-theme="dark"] .register #captcha_mp3,
:root[data-theme="dark"] .register #captcha_reload {
background: var(--mt-bg); border-color: var(--mt-line); color: var(--mt-text);
}
#nt_menu_mobile { position: relative; z-index: 20; }
#nt_menu_mobile .mo-menu-bar {
display: flex;
align-items: center;
background: linear-gradient(135deg, var(--mt-blue-500) 0%, var(--mt-blue-600) 55%, var(--mt-blue-700) 100%);
box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 3px 12px -6px rgba(29,78,216,.6);
}
#nt_menu_mobile .mo-menu-fix {
position: relative;
flex: 0 0 auto;
display: flex; align-items: center;
max-width: 47%;
margin: 6px 8px;
padding: 0 12px;
min-height: 30px;
border-radius: var(--mt-r-pill);
background: #fff;
color: var(--mt-blue-700) !important;
text-decoration: none !important;
box-shadow: 0 3px 10px -4px rgba(0,30,80,.55), inset 0 0 0 1px rgba(255,255,255,.9);
overflow: hidden;
transition: transform .16s ease, box-shadow .16s ease;
}
#nt_menu_mobile .mo-menu-fix__t {
display: block; min-width: 0;
font-size: 13px; font-weight: 800; letter-spacing: -.04em;
line-height: 1.6;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
#nt_menu_mobile .mo-menu-fix:active { transform: scale(.97); }
#nt_menu_mobile .mo-menu-fix.on {
box-shadow: 0 4px 12px -3px rgba(0,30,80,.6), inset 0 0 0 2px var(--mt-blue-200);
}
#nt_menu_mobile .mo-menu-fix::before {
content: '';
position: absolute; top: 0; bottom: 0; left: -60%; width: 45%;
background: linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(37,99,235,.16) 50%, rgba(255,255,255,0) 100%);
transform: skewX(-18deg);
animation: mtFixSheen 3.6s ease-in-out infinite;
pointer-events: none;
}
@keyframes mtFixSheen { 0%,62% { left: -60%; } 92%,100% { left: 115%; } }
@media (prefers-reduced-motion: reduce) { #nt_menu_mobile .mo-menu-fix::before { display: none; } }
#nt_menu_mobile .mo-menu-frame { position: relative; flex: 1 1 auto; min-width: 0; overflow: hidden; }
#nt_menu_mobile .mo-menu-ul { display: flex; margin: 0; padding: 0; list-style: none; }
#nt_menu_mobile .mo-menu-ul > li { list-style: none; }
#nt_menu_mobile .mo-menu-ul > li > a {
position: relative; display: block;
padding: 13px 11px 12px;
color: rgba(255,255,255,.8) !important;
font-size: 13px; font-weight: 700; letter-spacing: -.04em; line-height: 1;
text-decoration: none !important;
transition: color .18s ease;
}
#nt_menu_mobile .mo-menu-ul > li > a:active { color: #fff !important; }
#nt_menu_mobile .mo-menu-ul > li.on > a { color: #fff !important; font-weight: 800; }
#nt_menu_mobile .mo-menu-ul > li.on > a::after {
content: '';
position: absolute; left: 9px; right: 9px; bottom: 4px; height: 2.5px;
border-radius: var(--mt-r-pill); background: #fff;
box-shadow: 0 0 8px rgba(255,255,255,.55);
}
#nt_menu_mobile .mo-menu-gra { position: absolute; top: 0; bottom: 0; width: 26px; pointer-events: none; z-index: 2; }
#nt_menu_mobile .mo-menu-gra--r { right: 0; background: linear-gradient(270deg, var(--mt-blue-700) 0%, rgba(29,78,216,0) 100%); }
#nt_menu_mobile .mo-menu-caret { margin-left: 4px; font-size: 11px; opacity: .75; transition: transform .2s ease; }
#nt_menu_mobile .mo-menu-ul > li.open > a .mo-menu-caret { transform: rotate(180deg); }
#nt_menu_mobile .mo-menu-ul > li.open > a { color: #fff !important; }
#nt_menu_mobile .mo-menu-sub {
display: none;
background: var(--mt-surface);
border-bottom: 1px solid var(--mt-line-soft);
box-shadow: inset 0 6px 10px -8px rgba(15,23,42,.35), 0 8px 18px -14px rgba(15,23,42,.5);
}
#nt_menu_mobile .mo-menu-sub.show { display: block; }
#nt_menu_mobile .mo-menu-sub > ul {
display: flex; flex-wrap: wrap;
margin: 0; padding: 6px 4px 8px; list-style: none;
}
#nt_menu_mobile .mo-menu-sub > ul > li { list-style: none; width: 50%; }
#nt_menu_mobile .mo-menu-sub > ul > li.all { width: 100%; }
#nt_menu_mobile .mo-menu-sub > ul > li > a {
display: block; margin: 2px 4px; padding: 9px 12px;
border-radius: var(--mt-r-md);
background: var(--mt-surface-2);
color: var(--mt-ink-800) !important;
font-size: 13px; font-weight: 700; letter-spacing: -.035em;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
text-decoration: none !important;
transition: background .16s ease, color .16s ease;
}
#nt_menu_mobile .mo-menu-sub > ul > li > a:active,
#nt_menu_mobile .mo-menu-sub > ul > li > a:hover { background: var(--mt-blue-50); color: var(--mt-primary) !important; }
#nt_menu_mobile .mo-menu-sub > ul > li.on > a {
background: linear-gradient(135deg, var(--mt-blue-500), var(--mt-blue-700));
color: #fff !important;
box-shadow: 0 6px 14px -8px rgba(29,78,216,.8);
}
#nt_menu_mobile .mo-menu-sub > ul > li.all > a { background: var(--mt-ink-800); color: #fff !important; font-weight: 800; }
#nt_menu_mobile .mo-menu-sub > ul > li.d2 > a { font-size: 12.3px; font-weight: 600; opacity: .92; }
#nt_menu_mobile .mo-menu-sub > ul > li.d2 > a::before { content: '· '; opacity: .6; }
#nt_search.mt-search-inflow {
position: static !important;
top: auto !important;
width: 100%;
border-bottom: 1px solid var(--mt-line-soft);
box-shadow: none;
z-index: auto;
animation: none;
}
#nt_search.mt-search-inflow .tcontent {
max-width: none;
width: 100%;
margin: 0;
padding: .7rem 1rem .8rem;
box-sizing: border-box;
}
@media (min-width: 576px) {
#nt_search.mt-search-inflow .tcontent { padding-left: 1.5rem; padding-right: 1.5rem; }
}
#nt_search.mt-search-inflow .closebtn { display: none; }
#nt_search.mt-search-inflow { box-sizing: border-box; overflow: hidden; }
#nt_search.mt-search-inflow form { width: 100%; min-width: 0; gap: .4rem; }
#nt_search.mt-search-inflow input[type="text"] { min-width: 0; }
#nt_search.mt-search-inflow input[type="text"],
#nt_search.mt-search-inflow button[type="submit"] { height: 46px; }
#nt_search.mt-search-inflow button[type="submit"] { width: 46px; flex: 0 0 46px; }
:root[data-theme="dark"] #nt_menu_mobile .mo-menu-sub { background: var(--mt-surface); }
:root[data-theme="dark"] #nt_menu_mobile .mo-menu-sub > ul > li > a { background: var(--mt-bg); color: var(--mt-text) !important; }
#nt_menu .me-li.menu-totosite > a {
margin: 0 1px;
padding: 0;
}
#nt_menu .me-li.menu-totosite > a > .me-a {
margin: 0 !important;
padding: 9px 10px !important;
line-height: inherit;
}
#nt_menu .me-li.menu-totosite > a > .me-a,
#nt_menu .me-li.menu-totosite:hover > a > .me-a,
#nt_menu .me-li.menu-totosite.on > a > .me-a {
transform: none !important;
}
#nt_menu .me-li.menu-totosite > a > .me-a::after { display: none !important; }
#nt_menu_mobile .mo-menu-frame { padding-left: 4px; }
#nt_menu_mobile .mo-menu-fix {
margin: 6px 6px 6px 8px;
min-height: 32px;
}
#nt_menu_mobile li.menu-totosite > a:hover,
#nt_menu_mobile li.menu-totosite > a.on,
#nt_menu_mobile li.menu-totosite > a.d-block.on,
#nt_menu_mobile .mo-menu-fix:hover,
#nt_menu_mobile .mo-menu-fix.on { transform: none !important; }
#nt_menu_mobile .mo-menu-fix::after { display: none !important; }
#nt_menu .me-list { flex-grow: 0 !important; width: 100%; }
#nt_menu .me-ul {
display: flex !important;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
width: 100%;
}
#nt_menu .me-ul > .me-li {
flex: 0 0 auto !important;
width: auto !important;
max-width: none !important;
}
@media (max-width: 1199.98px) {
#nt_menu .me-ul > .me-li { flex: 0 1 auto !important; min-width: 0; }
#nt_menu .me-li:not(.menu-totosite) > a > .me-a,
#nt_menu .me-li.menu-totosite > a > .me-a {
padding-left: 7px !important;
padding-right: 7px !important;
}
}
#nt_menu .me-list .me-li { position: relative; }
#nt_menu .me-li:hover::after {
content: '';
position: absolute;
left: -6px; right: -6px;
top: 100%;
height: 14px;
background: transparent;
z-index: 19;
}
#nt_menu .sub-1div::after {
content: '';
position: absolute;
left: -20px; right: -20px;
top: -20px;
height: 22px;
background: transparent;
z-index: 0;
}
#nt_menu .sub-1dul { position: relative; z-index: 2; }
#nt_menu .sub-1div { pointer-events: auto; }
#nt_menu .me-li .sub-1div.w-100,
#nt_menu .me-li .sub-1div {
width: auto !important;
min-width: 160px;
}
#nt_menu .sub-1dul { white-space: nowrap; }
#nt_menu .sub-1da { white-space: nowrap; }
#nt_menu .me-ul > .me-li:last-child .sub-1div { left: auto; right: 0; }
#nt_menu .me-ul > .me-li:last-child .sub-1div::before { left: auto; right: 24px; }
#nt_menu > .d-flex { padding: 0 16px; }
#nt_menu .me-ul > .me-li:first-child { margin-left: 2px; }
#nt_menu .me-ul > .me-li:last-child  { margin-right: 2px; }
#nt_menu .me-li:not(.menu-totosite) > a > .me-a { margin: 0 2px; }
#nt_menu .me-li.menu-totosite > a { margin: 0 2px; }
@media (min-width: 992px) and (max-width: 1199.98px) {
#nt_menu > .d-flex { padding: 0 10px; }
#nt_menu .me-li:not(.menu-totosite) > a > .me-a,
#nt_menu .me-li.menu-totosite > a > .me-a {
font-size: 14px !important;
padding: 9px 8px !important;
letter-spacing: -.05em;
}
}
.mt-tg-h { color: #007bff; }
.mt-tg {
display: block;
text-decoration: none !important;
color: inherit;
}
.mt-tg__row {
display: flex;
align-items: center;
gap: 10px;
}
.mt-tg__ico {
flex: 0 0 40px;
width: 40px; height: 40px;
display: flex; align-items: center; justify-content: center;
border-radius: 10px;
background: #29A3E7;
}
.mt-tg__ico svg { display: block; margin: 1px 2px 0 0; }
.mt-tg__txt { flex: 1 1 0; min-width: 0; }
.mt-tg__label {
display: flex; align-items: center; gap: 5px;
font-size: 12px; font-weight: 500; letter-spacing: -.03em;
color: var(--mt-text-sub); line-height: 1; white-space: nowrap;
}
.mt-tg__label i {
flex: 0 0 6px;
width: 6px; height: 6px; border-radius: 50%;
background: #12B76A;
}
.mt-tg__id {
display: block; margin-top: 3px;
font-size: 18px; font-weight: 700; letter-spacing: -.03em; line-height: 1.45;
color: var(--mt-blue-600);
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.mt-tg__go {
display: flex; align-items: center; justify-content: center; gap: 3px;
margin-top: 10px;
height: 34px;
border-radius: 5px;
background: var(--mt-blue-600);
color: #fff; font-size: 13px; font-weight: 700; letter-spacing: -.03em;
transition: background-color var(--mt-t-fast);
}
.mt-tg__go i { transition: transform var(--mt-t-fast); }
.mt-tg:hover .mt-tg__go { background: var(--mt-blue-700); }
.mt-tg:hover .mt-tg__go i { transform: translateX(3px); }
.mt-tg:hover .mt-tg__id { text-decoration: underline; }
@media (max-width: 767px) {
.mt-tg__ico { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 11px; }
.mt-tg__ico svg { width: 23px; height: 23px; }
.mt-tg__id { font-size: 20px; }
.mt-tg__go { height: 38px; font-size: 14px; }
}
:root[data-theme="dark"] .mt-tg__label { color: var(--mt-text-dim); }
:root[data-theme="dark"] .mt-tg__id { color: var(--mt-primary); }
:root[data-theme="dark"] .mt-tg__go { background: var(--mt-blue-600) !important; color: #fff !important; }
:root[data-theme="dark"] .mt-tg:hover .mt-tg__go { background: var(--mt-blue-700) !important; }
@media (min-width: 768px) and (max-width: 991.98px) {
#nt_menu, #nt_menu_wrap { display: none !important; }
#nt_menu_mobile { display: block !important; }
#nt_menu_mobile .mo-menu-ul > li > a { font-size: 15px; padding: 14px 14px 13px; }
#nt_menu_mobile .mo-menu-ul > li.on > a::after { left: 12px; right: 12px; bottom: 5px; }
#nt_menu_mobile .mo-menu-fix__t { font-size: 15px; }
#nt_menu_mobile .mo-menu-fix { min-height: 34px; padding: 0 14px; }
#nt_body .row.na-row > .na-col {
flex: 0 0 100% !important;
max-width: 100% !important;
}
#nt_body .row.na-row > .na-col.order-md-2 { order: 1 !important; }
#nt_body .row.na-row > .na-col.order-md-1 { order: 2 !important; }
#nt_body .row.na-row > .na-col:has(> .main_sd_list) {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 1rem;
align-content: start;
align-items: start;
}
#nt_title_flex { align-items: flex-start !important; }
#nt_title .page-title,
#nt_title .breadcrumb { text-align: left !important; }
#nt_title h1.page-title,
#nt_title h2.page-title { font-size: 1.45rem; line-height: 1.35; }
#nt_title .breadcrumb-item span {
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden;
max-width: 46rem;
font-size: .82rem; line-height: 1.5;
}
}
:root[data-theme="dark"] .widget-amina-outlogin {
background: var(--mt-surface) !important;
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] .widget-amina-outlogin .login-cell,
:root[data-theme="dark"] .widget-amina-outlogin .login-box {
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] .widget-amina-outlogin .login-cell .form-control,
:root[data-theme="dark"] .widget-amina-outlogin .login-cell .form-control:focus {
background: var(--mt-surface-2) !important;
border-color: var(--mt-line) !important;
color: var(--mt-text) !important;
}
:root[data-theme="dark"] .widget-amina-outlogin .login-misc,
:root[data-theme="dark"] .widget-amina-outlogin .login-misc label,
:root[data-theme="dark"] .widget-amina-outlogin .login-misc a {
color: var(--mt-text-dim) !important;
}
:root[data-theme="dark"] .widget-amina-outlogin .profile .photo,
:root[data-theme="dark"] .widget-amina-outlogin .profile .photo i {
background: var(--mt-surface-2) !important;
color: var(--mt-text-dim) !important;
}
:root[data-theme="dark"] .widget-amina-outlogin .logout-btn {
background: var(--mt-surface-2) !important;
border-color: var(--mt-line) !important;
color: var(--mt-text) !important;
}
:root[data-theme="dark"] .widget-amina-outlogin .bar,
:root[data-theme="dark"] .widget-amina-outlogin .exp-bar .progress {
background: var(--mt-line) !important;
}
:root[data-theme="dark"] .widget-amina-outlogin .btn-custom { color: #fff !important; }
:root[data-theme="dark"] .sidebar-list .me-ul  { background: var(--mt-surface) !important; }
:root[data-theme="dark"] .sidebar-list .me-ul1 { background: var(--mt-surface-2) !important; }
:root[data-theme="dark"] .sidebar-list .me-ul2 { background: var(--mt-surface-2) !important; }
:root[data-theme="dark"] .sidebar-list li a    { border-bottom-color: var(--mt-line) !important; }
:root[data-theme="dark"] .sidebar-list h5      { border-top-color: var(--mt-line) !important; color: var(--mt-text) !important; }
:root[data-theme="dark"] .sidebar-list .tree-toggle { color: var(--mt-text-mute) !important; }
:root[data-theme="dark"] .sidebar-list .me-line1 .me-a1,
:root[data-theme="dark"] .sidebar-list .me-line2 .me-a2 {
background: var(--mt-surface-2) !important;
color: var(--mt-text) !important;
}
:root[data-theme="dark"] .sidebar-list .me-a,
:root[data-theme="dark"] .sidebar-list .me-a1,
:root[data-theme="dark"] .sidebar-list .me-a2 { color: var(--mt-text) !important; }
:root[data-theme="dark"] .sidebar-list li a:hover { background: rgba(255,255,255,.06) !important; }
:root[data-theme="dark"] .pagination .page-link {
background-color: var(--mt-surface-2) !important;
border-color: var(--mt-line) !important;
color: var(--mt-text) !important;
}
:root[data-theme="dark"] .pagination .page-link:hover {
background-color: var(--mt-surface) !important;
color: var(--mt-primary) !important;
}
:root[data-theme="dark"] .pagination .page-item.active .page-link {
background-color: var(--mt-primary) !important;
border-color: var(--mt-primary) !important;
color: #0d1117 !important;
}
:root[data-theme="dark"] .pagination .page-item.disabled .page-link {
background-color: var(--mt-surface) !important;
border-color: var(--mt-line) !important;
color: var(--mt-text-mute) !important;
}
:root[data-theme="dark"] .input-group-text {
background-color: var(--mt-surface-2) !important;
border-color: var(--mt-line) !important;
color: var(--mt-text-dim) !important;
}
:root[data-theme="dark"] #nt_footer,
:root[data-theme="dark"] #nt_footer.bg-light {
background-color: var(--mt-surface) !important;
color: var(--mt-text-dim) !important;
}
:root[data-theme="dark"] #nt_footer a { color: var(--mt-text-dim) !important; }
:root[data-theme="dark"] #nt_footer a:hover { color: var(--mt-primary) !important; }
:root[data-theme="dark"] #nt_footer .nt-links ul > li { border-color: var(--mt-line) !important; }
:root[data-theme="dark"] .custom-control-label::before {
background-color: var(--mt-surface-2) !important;
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] .custom-control-input:checked ~ .custom-control-label::before {
background-color: var(--mt-primary) !important;
border-color: var(--mt-primary) !important;
}
:root[data-theme="dark"] .dropdown-toggle.btn-light,
:root[data-theme="dark"] .dropdown-item {
background-color: transparent !important;
color: var(--mt-text) !important;
}
:root[data-theme="dark"] .dropdown-item:hover,
:root[data-theme="dark"] .dropdown-item:focus {
background-color: var(--mt-surface-2) !important;
color: var(--mt-primary) !important;
}
:root[data-theme="dark"] .custom-switch .custom-control-label::after {
background-color: var(--mt-text-dim) !important;
}
:root[data-theme="dark"] .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #fff !important;
}
:root[data-theme="dark"] .main_notice_text { color: var(--mt-text-dim) !important; }
:root[data-theme="dark"] .main_notice_links a { color: var(--mt-primary) !important; }
:root[data-theme="dark"] .main_faq_section {
background: var(--mt-surface) !important;
border-color: var(--mt-line) !important;
box-shadow: 0 0 10px rgba(0,0,0,.35) !important;
}
:root[data-theme="dark"] .main_faq_head h2 { color: var(--mt-primary) !important; }
:root[data-theme="dark"] .main_faq_head p  { color: var(--mt-text-dim) !important; }
:root[data-theme="dark"] .main_faq_card {
background: var(--mt-surface-2) !important;
border-color: var(--mt-line) !important;
box-shadow: 0 4px 14px rgba(0,0,0,.35) !important;
}
:root[data-theme="dark"] .main_faq_card:hover {
border-color: var(--mt-primary) !important;
box-shadow: 0 8px 20px rgba(0,0,0,.45) !important;
}
:root[data-theme="dark"] .main_faq_badge {
background: rgba(77,155,255,.15) !important;
color: var(--mt-primary) !important;
}
:root[data-theme="dark"] .main_faq_q { color: var(--mt-text) !important; }
:root[data-theme="dark"] .main_faq_a { color: var(--mt-text-dim) !important; }
:root[data-theme="dark"] .main_faq_a a { color: var(--mt-primary) !important; }
:root[data-theme="dark"] .cd-card {
background: var(--mt-surface) !important;
color: var(--mt-text) !important;
}
:root[data-theme="dark"] .cd-body {
border-top-color: var(--mt-line) !important;
border-bottom-color: var(--mt-line) !important;
color: var(--mt-text) !important;
}
:root[data-theme="dark"] .cd-actions .cd-close {
background: var(--mt-surface-2) !important;
border-color: var(--mt-line) !important;
color: var(--mt-text) !important;
}
:root[data-theme="dark"] i.light-circle,
:root[data-theme="dark"] img.light-circle { background-color: var(--mt-surface-2) !important; color: var(--mt-text-dim) !important; }
:root[data-theme="dark"] .btn.btn-basic { background-color: var(--mt-surface-2) !important; border-color: var(--mt-line) !important; color: var(--mt-text) !important; }
:root[data-theme="dark"] .sly-tab li a { background-color: var(--mt-surface-2) !important; color: var(--mt-text-dim) !important; }
:root[data-theme="dark"] .sly-tab .sly-btn { background-color: var(--mt-surface-2) !important; color: var(--mt-text) !important; }
:root[data-theme="dark"] .sly-tab .sly-btn:hover { background-color: var(--mt-surface-2) !important; }
:root[data-theme="dark"] #modal_loader { background-color: var(--mt-surface-2) !important; }
:root[data-theme="dark"] .tbl_bo_safety_info tr td { background-color: var(--mt-surface) !important; color: var(--mt-text-dim) !important; }
:root[data-theme="dark"] .tbl_bo_safety_info tr td .icon_safety_game { color: var(--mt-text-dim) !important; }
:root[data-theme="dark"] #bo_gallery .list-item .list-item-div { background-color: var(--mt-surface) !important; border-color: var(--mt-line) !important; }
:root[data-theme="dark"] #bo_gallery .list-item .list-item-div .list-item-title { background-color: var(--mt-surface) !important; border-color: var(--mt-line) !important; }
:root[data-theme="dark"] #bo_gallery .list-safety-info table tr td { background-color: var(--mt-surface-2) !important; }
:root[data-theme="dark"] #bo_gallery .list-safety-info table tr td.site_name { color: var(--mt-text) !important; }
:root[data-theme="dark"] #bo_gallery .list-safety-item-btn-wrap a.btn_safety_view { color: var(--mt-text) !important; }
:root[data-theme="dark"] #bo_gallery .list-safety-item-btn-wrap a.btn_safety_view:hover { background-color: var(--mt-surface-2) !important; }
:root[data-theme="dark"] .btn_mttip { background-color: var(--mt-surface-2) !important; color: var(--mt-text) !important; }
:root[data-theme="dark"] #bo_list .na-table-head .d-md-table-cell { background-color: var(--mt-surface-2) !important; }
:root[data-theme="dark"] #bo_list #mttip_price { color: var(--mt-text-dim) !important; }
:root[data-theme="dark"] #nt_loader { background-color: var(--mt-surface-2) !important; }
:root[data-theme="dark"] #nt_menu .sub-2div { background-color: var(--mt-surface) !important; }
:root[data-theme="dark"] #nt_menu .sub-2da { border-color: var(--mt-line) !important; color: var(--mt-text-dim) !important; }
:root[data-theme="dark"] #nt_menu .sub-2dli.on .sub-2da,
:root[data-theme="dark"] #nt_menu .sub-2dli:hover .sub-2da { background-color: var(--mt-surface) !important; border-color: var(--mt-line) !important; color: var(--mt-text) !important; }
:root[data-theme="dark"] #nt_menu .sub-2line { background-color: var(--mt-surface) !important; color: var(--mt-text-dim) !important; }
:root[data-theme="dark"] .nt-menu-full .sub-1da { color: var(--mt-text-dim) !important; }
:root[data-theme="dark"] .nt-menu-full .sub-1line { background-color: var(--mt-surface) !important; }
:root[data-theme="dark"] .owl-slider .owl-carousel .owl-nav button { background-color: var(--mt-surface-2) !important; border-color: var(--mt-line) !important; }
:root[data-theme="dark"] .owl-slider .owl-carousel .owl-nav button:hover { background-color: var(--mt-surface-2) !important; }
:root[data-theme="dark"] .main_banner_title2 { color: var(--mt-text) !important; }
:root[data-theme="dark"] #ft_copyright { color: var(--mt-text-dim) !important; }
:root[data-theme="dark"] .cnt_r .top_nav .nav li { background-color: var(--mt-surface-2) !important; border-color: var(--mt-line) !important; }
.show_box .mt-sbico {
display: inline-block;
line-height: 1;
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji",
"Segoe UI Symbol", sans-serif;
}
.show_box .main_line_2 ul li .mt-sbico { font-size: 46px; }
.show_box .main_line_3 > ul li .mt-sbico { font-size: 34px; }
.show_box .main_line_2 ul li { text-align: center; }
.show_box .main_line_2 ul li span.icon { display: block; }
.show_box .main_line_2 ul li .info h4 { height: auto; min-height: 24px; }
.show_box .main_line_3 > ul li { align-items: center; }
.show_box .main_line_3 > ul li .icon {
align-items: center;
height: auto;
flex: 0 0 46px;
width: 46px;
}
@media (max-width: 767px) {
.show_box .main_line_3 > ul li .icon { flex: 0 0 auto; width: auto; }
}
@media (max-width: 767px) {
.show_box .main_line_2 ul li .mt-sbico { font-size: 38px; }
.show_box .main_line_3 > ul li .mt-sbico { font-size: 30px; }
}
.widget_outlogin_wrap .login_menu > li .lm-ico {
font-size: 22px;
line-height: 1;
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji",
"Segoe UI Symbol", sans-serif;
}
@media (max-width: 767px) {
.widget_outlogin_wrap .login_menu > li .lm-ico { font-size: 24px; }
}
:root[data-theme="dark"] .widget-amina-outlogin {
background-color: var(--mt-surface) !important;
border-color: var(--mt-line) !important;
color: var(--mt-text) !important;
}
:root[data-theme="dark"] .widget-amina-outlogin .login-cell,
:root[data-theme="dark"] .widget-amina-outlogin .login-box,
:root[data-theme="dark"] .widget-amina-outlogin .logout-btn,
:root[data-theme="dark"] .widget-amina-outlogin .profile .photo i {
background-color: var(--mt-surface-2) !important;
border-color: var(--mt-line) !important;
color: var(--mt-text) !important;
}
:root[data-theme="dark"] .widget-amina-outlogin [style*="border-color:#ddd"],
:root[data-theme="dark"] .widget-amina-outlogin .no-top-border { border-color: var(--mt-line) !important; }
:root[data-theme="dark"] .widget_outlogin_wrap .login_menu > li {
background-color: var(--mt-surface-2) !important;
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] .widget-amina-outlogin a { color: var(--mt-text-sub) !important; }
:root[data-theme="dark"] .widget-amina-outlogin .logout-btn a { color: var(--mt-text) !important; }
:root[data-theme="dark"] .widget-amina-outlogin input[type="text"],
:root[data-theme="dark"] .widget-amina-outlogin input[type="password"] {
background-color: var(--mt-surface-2) !important;
border-color: var(--mt-line) !important;
color: var(--mt-text) !important;
}
:root[data-theme="dark"] .widget-amina-outlogin input::placeholder { color: var(--mt-text-mute) !important; }
#new_list .mt-newbo { min-width: 0; }
#new_list .mt-newbo > a {
display: block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (min-width: 768px) {
#new_list .mt-newbo { max-width: 13rem; }
}
@media (min-width: 0px) {
#nt_body > .nt-container.my-3 {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.na-col > #nt_title,
.na-col > #nt_title #nt-title-raster { overflow: visible !important; }
.na-col > #nt_title .nt-container,
.na-col > #nt_title .nt-container-wide {
max-width: none !important;
width: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#nt_title { background-color: transparent !important; }
#nt_title_flex,
.responsive #nt_title_flex { min-height: 0 !important; }
#nt_title_flex {
display: block !important;
padding: 1.75rem 1rem 1.2rem !important;
border-bottom: 1px solid var(--mt-line-soft, #e9edf3);
}
#nt_title_flex > .page-title::after {
content: "";
display: block;
width: 44px;
height: 3px;
margin-top: .8rem;
border-radius: 999px;
background: linear-gradient(90deg, var(--mt-blue-600, #007bff), var(--mt-blue-300, #66afff));
}
#nt_title_flex > div { margin: 0 !important; }
#nt_title .page-title,
#nt_title_flex > div.page-title { text-align: left !important; }
#nt_title .page-title {
font-size: clamp(18px, 1.95vw, 24px) !important;
font-weight: 800;
letter-spacing: -.05em;
line-height: 1.32;
color: var(--mt-text, #1f2937);
word-break: keep-all;
text-wrap: balance;
}
@media (max-width: 767px) {
#nt_title_flex {
padding: .8rem .9rem .8rem !important;
}
#nt_title_flex > .page-title::after { width: 36px; margin-top: .65rem; }
#nt_title .page-title { font-size: clamp(15px, 4.1vw, 19px) !important; }
}
:root[data-theme="dark"] #nt_title_flex { border-bottom-color: var(--mt-line); }
:root[data-theme="dark"] #nt_title_flex > .page-title::after {
background: linear-gradient(90deg, var(--mt-primary), rgba(96,165,250,.35));
}
:root[data-theme="dark"] #nt_title .page-title { color: var(--mt-text) !important; }
.nt-page-desc {
display: block;
width: 100%;
max-width: 62em;
margin: .5rem auto 0;
padding: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.65;
letter-spacing: -.02em;
color: var(--mt-text-dim, #64748b);
word-break: keep-all;
}
#nt_title_flex .nt-page-desc { margin-left: 0; margin-right: 0; text-align: left; }
#nt_title_flex .nt-page-desc { margin-top: .8rem; }
@media (max-width: 767px) {
.nt-page-desc { display: none; }
}
:root[data-theme="dark"] .nt-page-desc { color: var(--mt-text-mute) !important; }
.top_nav .nav.mt-navcards { align-items: stretch; }
.mt-navcards > li { display: flex; }
.mt-navcards > li > a {
display: flex !important;
align-items: center;
justify-content: center;
gap: 16px;
width: 100%;
padding: 20px 14px;
text-decoration: none !important;
color: inherit;
}
.mt-nc__ico {
flex: 0 0 auto;
font-size: 46px;
line-height: 1;
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji",
"Segoe UI Symbol", sans-serif;
}
.mt-nc__tx { flex: 0 1 auto; min-width: 0; max-width: 15em; text-align: left; }
.mt-nc__t {
display: block;
font-size: 21px;
font-weight: 800;
letter-spacing: -.04em;
line-height: 1.25;
color: var(--mt-blue-600, #007bff);
}
.mt-nc__d {
display: block;
margin-top: 5px;
font-size: 13px;
font-weight: 500;
line-height: 1.5;
letter-spacing: -.03em;
color: var(--mt-text-dim, #64748b);
}
.mt-navcards > li { transition: transform .15s ease; }
.mt-navcards > li:hover { transform: translateY(-2px); }
@media (max-width: 600px) {
.mt-navcards > li > a {
flex-direction: column;
gap: 7px;
padding: 14px 8px;
text-align: center;
}
.mt-nc__ico { font-size: 34px; }
.mt-nc__tx  { max-width: none; text-align: center; }
.mt-nc__t   { font-size: 15px; }
.mt-nc__d   { margin-top: 3px; font-size: 12px; line-height: 1.45; }
}
:root[data-theme="dark"] .mt-nc__t { color: var(--mt-primary); }
:root[data-theme="dark"] .mt-nc__d { color: var(--mt-text-mute); }
:root[data-theme="dark"] .show_box .main_line_2,
:root[data-theme="dark"] .show_box .main_line_3 { background-color: var(--mt-surface) !important; border-color: var(--mt-line) !important; }
:root[data-theme="dark"] .show_box .main_line_1 { background-color: var(--mt-surface) !important; border-color: var(--mt-line) !important; }
:root[data-theme="dark"] .show_box .main_line_2 ul li .info h4 { color: var(--mt-text) !important; }
:root[data-theme="dark"] .show_box .main_line_2 ul li .info p { color: var(--mt-text-dim) !important; }
:root[data-theme="dark"] .show_box .main_line_3>ul li .info h4 { color: var(--mt-text) !important; }
:root[data-theme="dark"] .show_box .main_line_3>ul li .info p { color: var(--mt-text-dim) !important; }
:root[data-theme="dark"] .main_explain_title2 { color: var(--mt-text) !important; }
:root[data-theme="dark"] .main_explain_con .main_explain_con_inner_end { color: var(--mt-text-dim) !important; }
:root[data-theme="dark"] .na-table-head { border-color: var(--mt-line) !important; }
:root[data-theme="dark"] .na-table-head .d-md-table-cell { color: var(--mt-text) !important; }
:root[data-theme="dark"] .na-table .d-md-table-row { border-color: var(--mt-line) !important; }
:root[data-theme="dark"] #nt_sticky_wrap,
:root[data-theme="dark"] #nt_sticky_wrap.bg-white,
:root[data-theme="dark"] #header_pc,
:root[data-theme="dark"] #header_mo,
:root[data-theme="dark"] #nt_menu,
:root[data-theme="dark"] .nt-menu,
:root[data-theme="dark"] #nt_sticky_wrap.me-sticky {
background-color: var(--mt-surface) !important;
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #nt_menu .me-li,
:root[data-theme="dark"] #nt_menu .me-ul,
:root[data-theme="dark"] #nt_menu .me-list,
:root[data-theme="dark"] #nt_menu .me-li > a {
background-color: transparent !important;
}
:root[data-theme="dark"] #nt_menu .me-li > a > .me-a { color: var(--mt-text-dim) !important; }
:root[data-theme="dark"] #nt_menu .me-li:hover > a > .me-a,
:root[data-theme="dark"] #nt_menu .me-li.on > a > .me-a { color: var(--mt-text) !important; }
:root[data-theme="dark"] #nt_menu .me-li:hover > a,
:root[data-theme="dark"] #nt_menu .me-li.on > a { background-color: var(--mt-surface-2) !important; }
:root[data-theme="dark"] #nt_menu .me-li.menu-totosite > a > .me-a { color: initial !important; }
:root[data-theme="dark"] #nt_menu .sub-1div,
:root[data-theme="dark"] #nt_menu .sub-1dul {
background-color: var(--mt-surface-2) !important;
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #nt_menu .sub-1da { color: var(--mt-text-dim) !important; }
:root[data-theme="dark"] #nt_menu .sub-1dli:hover .sub-1da {
background-color: var(--mt-surface) !important;
color: var(--mt-primary) !important;
}
:root[data-theme="dark"] #nt_lnb { background-color: var(--mt-bg) !important; }
:root[data-theme="dark"] #nt_lnb a { color: var(--mt-text-dim) !important; }
:root[data-theme="dark"] #nt_lnb a:hover { color: var(--mt-primary) !important; }
:root[data-theme="dark"] #nt_title,
:root[data-theme="dark"] #nt_title.bg-light { background-color: var(--mt-bg) !important; }
:root[data-theme="dark"] #nt_menu .sub-1div,
:root[data-theme="dark"] .nt-menu .sub-1div {
background-color: var(--mt-surface-2) !important;
border: 1px solid var(--mt-line) !important;
box-shadow: 0 8px 20px rgba(0,0,0,.55) !important;
}
:root[data-theme="dark"] #nt_menu .sub-1dul,
:root[data-theme="dark"] .nt-menu .sub-1dul { background-color: transparent !important; }
:root[data-theme="dark"] #nt_menu .sub-1da,
:root[data-theme="dark"] .nt-menu .sub-1da,
:root[data-theme="dark"] #nt_menu .sub-1div .me-sh {
color: var(--mt-text) !important;
border-bottom-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #nt_menu .sub-1dli:last-child .sub-1da { border-bottom-color: transparent !important; }
:root[data-theme="dark"] #nt_menu .sub-1dli.on .sub-1da,
:root[data-theme="dark"] #nt_menu .sub-1dli:hover .sub-1da,
:root[data-theme="dark"] .nt-menu .sub-1dli.on .sub-1da,
:root[data-theme="dark"] .nt-menu .sub-1dli:hover .sub-1da {
background-color: var(--mt-surface) !important;
border-color: var(--mt-line) !important;
color: var(--mt-primary) !important;
}
:root[data-theme="dark"] #nt_menu .sub-1line,
:root[data-theme="dark"] .nt-menu .sub-1line { background-color: transparent !important; }
:root[data-theme="dark"] #nt_menu .sub-2div,
:root[data-theme="dark"] .nt-menu .sub-2div {
background-color: var(--mt-surface-2) !important;
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #nt_menu .sub-2da,
:root[data-theme="dark"] .nt-menu .sub-2da {
color: var(--mt-text) !important;
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #nt_menu .sub-2dli.on .sub-2da,
:root[data-theme="dark"] #nt_menu .sub-2dli:hover .sub-2da {
background-color: var(--mt-surface) !important;
color: var(--mt-primary) !important;
}
:root[data-theme="dark"] #nt_menu .me-li:not(.menu-totosite):hover > a > .me-a {
background: rgba(77,155,255,.14) !important;
color: var(--mt-primary) !important;
}
:root[data-theme="dark"] #nt_menu .me-li.on:not(.menu-totosite) > a > .me-a,
:root[data-theme="dark"] #nt_menu .me-li.on:not(.menu-totosite):hover > a > .me-a {
background: rgba(77,155,255,.22) !important;
color: #cfe4ff !important;
box-shadow: inset 0 0 0 1px rgba(77,155,255,.45) !important;
}
:root[data-theme="dark"] #nt_menu .me-li:hover > a,
:root[data-theme="dark"] #nt_menu .me-li.on > a { background-color: transparent !important; }
:root[data-theme="dark"] #nt_menu .me-li.menu-totosite > a > .me-a { color: unset !important; }
:root[data-theme="dark"] #nt_lnb,
:root[data-theme="dark"] #nt_sticky {
background-color: var(--mt-surface) !important;
}
:root[data-theme="dark"] #nt_lnb .nt-container { background-color: transparent !important; }
:root[data-theme="dark"] #nt_lnb a { color: var(--mt-text-dim) !important; }
:root[data-theme="dark"] #nt_lnb a:hover { color: var(--mt-primary) !important; }
:root[data-theme="dark"] .mask-show,
:root[data-theme="dark"] .mask-zone,
:root[data-theme="dark"] .na-mask { display: none !important; }
:root[data-theme="dark"] i.light-circle,
:root[data-theme="dark"] img.light-circle { color: var(--mt-text) !important; }
:root[data-theme="dark"] .txt-blue { color: var(--mt-primary) !important; }
:root[data-theme="dark"] .txt-indigo { color: #AB7FF3 !important; }
:root[data-theme="dark"] .txt-purple { color: #A287D3 !important; }
:root[data-theme="dark"] .txt-pink { color: #E768A2 !important; }
:root[data-theme="dark"] .txt-red { color: #E1727D !important; }
:root[data-theme="dark"] .txt-navy { color: #8595A5 !important; }
:root[data-theme="dark"] .txt-darkgreen { color: #7F9A86 !important; }
:root[data-theme="dark"] .btn.btn-basic { color: var(--mt-text) !important; }
:root[data-theme="dark"] .sly-tab li a { color: var(--mt-text) !important; }
:root[data-theme="dark"] .sly-tab .sly-btn { color: var(--mt-text) !important; }
:root[data-theme="dark"] .tbl_bo_safety_info tr td { color: var(--mt-text) !important; }
:root[data-theme="dark"] .tbl_bo_safety_info tr td .icon_safety_game { color: var(--mt-text) !important; }
:root[data-theme="dark"] .bo_safety_view_con_line .text { color: var(--mt-primary) !important; }
:root[data-theme="dark"] #bo_gallery .list-safety-info table tr td.site_name { color: var(--mt-text) !important; }
:root[data-theme="dark"] #bo_gallery .list-safety-info table tr td.site_code { color: #E17373 !important; }
:root[data-theme="dark"] #bo_gallery .list-safety-item-btn-wrap a.btn_safety_view { color: var(--mt-text) !important; }
:root[data-theme="dark"] #bo_gallery .list-safety-item-btn-wrap a.btn_safety_site { color: #E17373 !important; }
:root[data-theme="dark"] .btn_mttip { color: var(--mt-text) !important; }
:root[data-theme="dark"] #bo_list #mttip_price { color: #E17373 !important; }
:root[data-theme="dark"] #nt_menu .me-a { color: var(--mt-text) !important; }
:root[data-theme="dark"] #nt_menu .sub-2da { color: var(--mt-text) !important; }
:root[data-theme="dark"] #nt_menu .sub-2dli.on .sub-2da,
:root[data-theme="dark"] #nt_menu .sub-2dli:hover .sub-2da { color: var(--mt-text) !important; }
:root[data-theme="dark"] #nt_menu .sub-2line { color: var(--mt-text) !important; }
:root[data-theme="dark"] .nt-menu .sub-1da { color: var(--mt-text) !important; }
:root[data-theme="dark"] .nt-menu .sub-1dli.on .sub-1da,
:root[data-theme="dark"] .nt-menu .sub-1dli:hover .sub-1da { color: var(--mt-text) !important; }
:root[data-theme="dark"] .nt-menu .sub-1line { color: var(--mt-text) !important; }
:root[data-theme="dark"] .nt-menu-full .sub-1da { color: var(--mt-text) !important; }
:root[data-theme="dark"] #nt_footer .nt-links ul>li>a { color: var(--mt-text) !important; }
:root[data-theme="dark"] .page-link,
:root[data-theme="dark"] .page-link:hover,
:root[data-theme="dark"] .page-link:focus { color: var(--mt-text) !important; }
:root[data-theme="dark"] .main_banner_title h2 { color: var(--mt-primary) !important; }
:root[data-theme="dark"] .main_banner_title h2 span { color: var(--mt-primary) !important; }
:root[data-theme="dark"] .main_banner_title2 { color: var(--mt-text) !important; }
:root[data-theme="dark"] #ft_copyright { color: var(--mt-text) !important; }
:root[data-theme="dark"] #ft_btn #btn_ft_device_change i { color: var(--mt-primary) !important; }
:root[data-theme="dark"] .show_box .main_line_2>h3 { color: var(--mt-primary) !important; }
:root[data-theme="dark"] .show_box .main_line_3>h3 { color: var(--mt-primary) !important; }
:root[data-theme="dark"] .show_box .main_line_2 ul li .info h4 { color: var(--mt-text) !important; }
:root[data-theme="dark"] .show_box .main_line_2 ul li .info p { color: var(--mt-text) !important; }
:root[data-theme="dark"] .show_box .main_line_3>ul li .info h4 { color: var(--mt-text) !important; }
:root[data-theme="dark"] .show_box .main_line_3>ul li .info p { color: var(--mt-text) !important; }
:root[data-theme="dark"] .main_explain_title2 { color: var(--mt-text) !important; }
:root[data-theme="dark"] .main_explain_con .main_explain_con_inner_end { color: var(--mt-text) !important; }
:root[data-theme="dark"] #main_con_3_1 .main_explain_con>div strong span { color: #988BDE !important; }
:root[data-theme="dark"] .widget-amina-outlogin .login-cell.login-btn { color: #8C96A7 !important; }
:root[data-theme="dark"] .list-safety-info table b[style*="#555"] { color: var(--mt-text) !important; }
:root[data-theme="dark"] .list-safety-info table b[style*="#dc3545"] { color: #FF8A94 !important; }
:root[data-theme="dark"] .list-safety-info table th { color: var(--mt-text-dim) !important; }
:root[data-theme="dark"] .list-safety-info table,
:root[data-theme="dark"] .list-safety-info table td,
:root[data-theme="dark"] .list-safety-info table th { border-color: var(--mt-line) !important; }
:root[data-theme="dark"] #bo_v [style^="background:#fff"],
:root[data-theme="dark"] #bo_v [style*=";background:#fff"],
:root[data-theme="dark"] #bo_v [style^="background: #fff"],
:root[data-theme="dark"] #bo_v [style*=";background: #fff"],
:root[data-theme="dark"] .view_content [style^="background:#fff"],
:root[data-theme="dark"] .view_content [style*=";background:#fff"],
:root[data-theme="dark"] .view_content [style^="background: #fff"],
:root[data-theme="dark"] .view_content [style*=";background: #fff"] {
background-color: var(--mt-surface) !important;
}
:root[data-theme="dark"] #bo_v [style^="background:#ffffff"],
:root[data-theme="dark"] #bo_v [style*=";background:#ffffff"],
:root[data-theme="dark"] #bo_v [style^="background: #ffffff"],
:root[data-theme="dark"] #bo_v [style*=";background: #ffffff"],
:root[data-theme="dark"] .view_content [style^="background:#ffffff"],
:root[data-theme="dark"] .view_content [style*=";background:#ffffff"],
:root[data-theme="dark"] .view_content [style^="background: #ffffff"],
:root[data-theme="dark"] .view_content [style*=";background: #ffffff"] {
background-color: var(--mt-surface) !important;
}
:root[data-theme="dark"] #bo_v [style^="background:#fbfcfe"],
:root[data-theme="dark"] #bo_v [style*=";background:#fbfcfe"],
:root[data-theme="dark"] #bo_v [style^="background: #fbfcfe"],
:root[data-theme="dark"] #bo_v [style*=";background: #fbfcfe"],
:root[data-theme="dark"] .view_content [style^="background:#fbfcfe"],
:root[data-theme="dark"] .view_content [style*=";background:#fbfcfe"],
:root[data-theme="dark"] .view_content [style^="background: #fbfcfe"],
:root[data-theme="dark"] .view_content [style*=";background: #fbfcfe"] {
background-color: var(--mt-surface) !important;
}
:root[data-theme="dark"] #bo_v [style^="background:#f4f7fb"],
:root[data-theme="dark"] #bo_v [style*=";background:#f4f7fb"],
:root[data-theme="dark"] #bo_v [style^="background: #f4f7fb"],
:root[data-theme="dark"] #bo_v [style*=";background: #f4f7fb"],
:root[data-theme="dark"] .view_content [style^="background:#f4f7fb"],
:root[data-theme="dark"] .view_content [style*=";background:#f4f7fb"],
:root[data-theme="dark"] .view_content [style^="background: #f4f7fb"],
:root[data-theme="dark"] .view_content [style*=";background: #f4f7fb"] {
background-color: var(--mt-surface-2) !important;
}
:root[data-theme="dark"] #bo_v [style^="background:#f8f9fa"],
:root[data-theme="dark"] #bo_v [style*=";background:#f8f9fa"],
:root[data-theme="dark"] #bo_v [style^="background: #f8f9fa"],
:root[data-theme="dark"] #bo_v [style*=";background: #f8f9fa"],
:root[data-theme="dark"] .view_content [style^="background:#f8f9fa"],
:root[data-theme="dark"] .view_content [style*=";background:#f8f9fa"],
:root[data-theme="dark"] .view_content [style^="background: #f8f9fa"],
:root[data-theme="dark"] .view_content [style*=";background: #f8f9fa"] {
background-color: var(--mt-surface-2) !important;
}
:root[data-theme="dark"] #bo_v [style^="background:#f1f1f1"],
:root[data-theme="dark"] #bo_v [style*=";background:#f1f1f1"],
:root[data-theme="dark"] #bo_v [style^="background: #f1f1f1"],
:root[data-theme="dark"] #bo_v [style*=";background: #f1f1f1"],
:root[data-theme="dark"] .view_content [style^="background:#f1f1f1"],
:root[data-theme="dark"] .view_content [style*=";background:#f1f1f1"],
:root[data-theme="dark"] .view_content [style^="background: #f1f1f1"],
:root[data-theme="dark"] .view_content [style*=";background: #f1f1f1"] {
background-color: var(--mt-surface-2) !important;
}
:root[data-theme="dark"] #bo_v [style^="background:#eef5ff"],
:root[data-theme="dark"] #bo_v [style*=";background:#eef5ff"],
:root[data-theme="dark"] #bo_v [style^="background: #eef5ff"],
:root[data-theme="dark"] #bo_v [style*=";background: #eef5ff"],
:root[data-theme="dark"] .view_content [style^="background:#eef5ff"],
:root[data-theme="dark"] .view_content [style*=";background:#eef5ff"],
:root[data-theme="dark"] .view_content [style^="background: #eef5ff"],
:root[data-theme="dark"] .view_content [style*=";background: #eef5ff"] {
background-color: rgba(96,165,250,.12) !important;
}
:root[data-theme="dark"] #bo_v [style^="background:#e3ecfa"],
:root[data-theme="dark"] #bo_v [style*=";background:#e3ecfa"],
:root[data-theme="dark"] #bo_v [style^="background: #e3ecfa"],
:root[data-theme="dark"] #bo_v [style*=";background: #e3ecfa"],
:root[data-theme="dark"] .view_content [style^="background:#e3ecfa"],
:root[data-theme="dark"] .view_content [style*=";background:#e3ecfa"],
:root[data-theme="dark"] .view_content [style^="background: #e3ecfa"],
:root[data-theme="dark"] .view_content [style*=";background: #e3ecfa"] {
background-color: rgba(96,165,250,.12) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#111"],
:root[data-theme="dark"] #bo_v [style*=";color:#111"],
:root[data-theme="dark"] #bo_v [style^="color: #111"],
:root[data-theme="dark"] #bo_v [style*=";color: #111"],
:root[data-theme="dark"] .view_content [style^="color:#111"],
:root[data-theme="dark"] .view_content [style*=";color:#111"],
:root[data-theme="dark"] .view_content [style^="color: #111"],
:root[data-theme="dark"] .view_content [style*=";color: #111"] {
color: var(--mt-text) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#222"],
:root[data-theme="dark"] #bo_v [style*=";color:#222"],
:root[data-theme="dark"] #bo_v [style^="color: #222"],
:root[data-theme="dark"] #bo_v [style*=";color: #222"],
:root[data-theme="dark"] .view_content [style^="color:#222"],
:root[data-theme="dark"] .view_content [style*=";color:#222"],
:root[data-theme="dark"] .view_content [style^="color: #222"],
:root[data-theme="dark"] .view_content [style*=";color: #222"] {
color: var(--mt-text) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#333"],
:root[data-theme="dark"] #bo_v [style*=";color:#333"],
:root[data-theme="dark"] #bo_v [style^="color: #333"],
:root[data-theme="dark"] #bo_v [style*=";color: #333"],
:root[data-theme="dark"] .view_content [style^="color:#333"],
:root[data-theme="dark"] .view_content [style*=";color:#333"],
:root[data-theme="dark"] .view_content [style^="color: #333"],
:root[data-theme="dark"] .view_content [style*=";color: #333"] {
color: var(--mt-text) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#444"],
:root[data-theme="dark"] #bo_v [style*=";color:#444"],
:root[data-theme="dark"] #bo_v [style^="color: #444"],
:root[data-theme="dark"] #bo_v [style*=";color: #444"],
:root[data-theme="dark"] .view_content [style^="color:#444"],
:root[data-theme="dark"] .view_content [style*=";color:#444"],
:root[data-theme="dark"] .view_content [style^="color: #444"],
:root[data-theme="dark"] .view_content [style*=";color: #444"] {
color: var(--mt-text-dim) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#555"],
:root[data-theme="dark"] #bo_v [style*=";color:#555"],
:root[data-theme="dark"] #bo_v [style^="color: #555"],
:root[data-theme="dark"] #bo_v [style*=";color: #555"],
:root[data-theme="dark"] .view_content [style^="color:#555"],
:root[data-theme="dark"] .view_content [style*=";color:#555"],
:root[data-theme="dark"] .view_content [style^="color: #555"],
:root[data-theme="dark"] .view_content [style*=";color: #555"] {
color: var(--mt-text-dim) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#666"],
:root[data-theme="dark"] #bo_v [style*=";color:#666"],
:root[data-theme="dark"] #bo_v [style^="color: #666"],
:root[data-theme="dark"] #bo_v [style*=";color: #666"],
:root[data-theme="dark"] .view_content [style^="color:#666"],
:root[data-theme="dark"] .view_content [style*=";color:#666"],
:root[data-theme="dark"] .view_content [style^="color: #666"],
:root[data-theme="dark"] .view_content [style*=";color: #666"] {
color: var(--mt-text-dim) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#888"],
:root[data-theme="dark"] #bo_v [style*=";color:#888"],
:root[data-theme="dark"] #bo_v [style^="color: #888"],
:root[data-theme="dark"] #bo_v [style*=";color: #888"],
:root[data-theme="dark"] .view_content [style^="color:#888"],
:root[data-theme="dark"] .view_content [style*=";color:#888"],
:root[data-theme="dark"] .view_content [style^="color: #888"],
:root[data-theme="dark"] .view_content [style*=";color: #888"] {
color: var(--mt-text-mute) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#007bff"],
:root[data-theme="dark"] #bo_v [style*=";color:#007bff"],
:root[data-theme="dark"] #bo_v [style^="color: #007bff"],
:root[data-theme="dark"] #bo_v [style*=";color: #007bff"],
:root[data-theme="dark"] .view_content [style^="color:#007bff"],
:root[data-theme="dark"] .view_content [style*=";color:#007bff"],
:root[data-theme="dark"] .view_content [style^="color: #007bff"],
:root[data-theme="dark"] .view_content [style*=";color: #007bff"] {
color: var(--mt-primary) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#0b62d6"],
:root[data-theme="dark"] #bo_v [style*=";color:#0b62d6"],
:root[data-theme="dark"] #bo_v [style^="color: #0b62d6"],
:root[data-theme="dark"] #bo_v [style*=";color: #0b62d6"],
:root[data-theme="dark"] .view_content [style^="color:#0b62d6"],
:root[data-theme="dark"] .view_content [style*=";color:#0b62d6"],
:root[data-theme="dark"] .view_content [style^="color: #0b62d6"],
:root[data-theme="dark"] .view_content [style*=";color: #0b62d6"] {
color: var(--mt-primary) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#e33030"],
:root[data-theme="dark"] #bo_v [style*=";color:#e33030"],
:root[data-theme="dark"] #bo_v [style^="color: #e33030"],
:root[data-theme="dark"] #bo_v [style*=";color: #e33030"],
:root[data-theme="dark"] .view_content [style^="color:#e33030"],
:root[data-theme="dark"] .view_content [style*=";color:#e33030"],
:root[data-theme="dark"] .view_content [style^="color: #e33030"],
:root[data-theme="dark"] .view_content [style*=";color: #e33030"] {
color: #FF8A94 !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#dc3545"],
:root[data-theme="dark"] #bo_v [style*=";color:#dc3545"],
:root[data-theme="dark"] #bo_v [style^="color: #dc3545"],
:root[data-theme="dark"] #bo_v [style*=";color: #dc3545"],
:root[data-theme="dark"] .view_content [style^="color:#dc3545"],
:root[data-theme="dark"] .view_content [style*=";color:#dc3545"],
:root[data-theme="dark"] .view_content [style^="color: #dc3545"],
:root[data-theme="dark"] .view_content [style*=";color: #dc3545"] {
color: #FF8A94 !important;
}
:root[data-theme="dark"] #bo_v [style^="border:1px solid #ddd"],
:root[data-theme="dark"] #bo_v [style*=";border:1px solid #ddd"],
:root[data-theme="dark"] #bo_v [style^="border: 1px solid #ddd"],
:root[data-theme="dark"] #bo_v [style*=";border: 1px solid #ddd"],
:root[data-theme="dark"] .view_content [style^="border:1px solid #ddd"],
:root[data-theme="dark"] .view_content [style*=";border:1px solid #ddd"],
:root[data-theme="dark"] .view_content [style^="border: 1px solid #ddd"],
:root[data-theme="dark"] .view_content [style*=";border: 1px solid #ddd"] {
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border-top:1px solid #ddd"],
:root[data-theme="dark"] #bo_v [style*=";border-top:1px solid #ddd"],
:root[data-theme="dark"] #bo_v [style^="border-top: 1px solid #ddd"],
:root[data-theme="dark"] #bo_v [style*=";border-top: 1px solid #ddd"],
:root[data-theme="dark"] .view_content [style^="border-top:1px solid #ddd"],
:root[data-theme="dark"] .view_content [style*=";border-top:1px solid #ddd"],
:root[data-theme="dark"] .view_content [style^="border-top: 1px solid #ddd"],
:root[data-theme="dark"] .view_content [style*=";border-top: 1px solid #ddd"] {
border-top-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border:1px solid #e5e8ee"],
:root[data-theme="dark"] #bo_v [style*=";border:1px solid #e5e8ee"],
:root[data-theme="dark"] #bo_v [style^="border: 1px solid #e5e8ee"],
:root[data-theme="dark"] #bo_v [style*=";border: 1px solid #e5e8ee"],
:root[data-theme="dark"] .view_content [style^="border:1px solid #e5e8ee"],
:root[data-theme="dark"] .view_content [style*=";border:1px solid #e5e8ee"],
:root[data-theme="dark"] .view_content [style^="border: 1px solid #e5e8ee"],
:root[data-theme="dark"] .view_content [style*=";border: 1px solid #e5e8ee"] {
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border-top:1px solid #e5e8ee"],
:root[data-theme="dark"] #bo_v [style*=";border-top:1px solid #e5e8ee"],
:root[data-theme="dark"] #bo_v [style^="border-top: 1px solid #e5e8ee"],
:root[data-theme="dark"] #bo_v [style*=";border-top: 1px solid #e5e8ee"],
:root[data-theme="dark"] .view_content [style^="border-top:1px solid #e5e8ee"],
:root[data-theme="dark"] .view_content [style*=";border-top:1px solid #e5e8ee"],
:root[data-theme="dark"] .view_content [style^="border-top: 1px solid #e5e8ee"],
:root[data-theme="dark"] .view_content [style*=";border-top: 1px solid #e5e8ee"] {
border-top-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border:1px solid #dcdfe5"],
:root[data-theme="dark"] #bo_v [style*=";border:1px solid #dcdfe5"],
:root[data-theme="dark"] #bo_v [style^="border: 1px solid #dcdfe5"],
:root[data-theme="dark"] #bo_v [style*=";border: 1px solid #dcdfe5"],
:root[data-theme="dark"] .view_content [style^="border:1px solid #dcdfe5"],
:root[data-theme="dark"] .view_content [style*=";border:1px solid #dcdfe5"],
:root[data-theme="dark"] .view_content [style^="border: 1px solid #dcdfe5"],
:root[data-theme="dark"] .view_content [style*=";border: 1px solid #dcdfe5"] {
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border-top:1px solid #dcdfe5"],
:root[data-theme="dark"] #bo_v [style*=";border-top:1px solid #dcdfe5"],
:root[data-theme="dark"] #bo_v [style^="border-top: 1px solid #dcdfe5"],
:root[data-theme="dark"] #bo_v [style*=";border-top: 1px solid #dcdfe5"],
:root[data-theme="dark"] .view_content [style^="border-top:1px solid #dcdfe5"],
:root[data-theme="dark"] .view_content [style*=";border-top:1px solid #dcdfe5"],
:root[data-theme="dark"] .view_content [style^="border-top: 1px solid #dcdfe5"],
:root[data-theme="dark"] .view_content [style*=";border-top: 1px solid #dcdfe5"] {
border-top-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border:1px solid #e3ecfa"],
:root[data-theme="dark"] #bo_v [style*=";border:1px solid #e3ecfa"],
:root[data-theme="dark"] #bo_v [style^="border: 1px solid #e3ecfa"],
:root[data-theme="dark"] #bo_v [style*=";border: 1px solid #e3ecfa"],
:root[data-theme="dark"] .view_content [style^="border:1px solid #e3ecfa"],
:root[data-theme="dark"] .view_content [style*=";border:1px solid #e3ecfa"],
:root[data-theme="dark"] .view_content [style^="border: 1px solid #e3ecfa"],
:root[data-theme="dark"] .view_content [style*=";border: 1px solid #e3ecfa"] {
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border-top:1px solid #e3ecfa"],
:root[data-theme="dark"] #bo_v [style*=";border-top:1px solid #e3ecfa"],
:root[data-theme="dark"] #bo_v [style^="border-top: 1px solid #e3ecfa"],
:root[data-theme="dark"] #bo_v [style*=";border-top: 1px solid #e3ecfa"],
:root[data-theme="dark"] .view_content [style^="border-top:1px solid #e3ecfa"],
:root[data-theme="dark"] .view_content [style*=";border-top:1px solid #e3ecfa"],
:root[data-theme="dark"] .view_content [style^="border-top: 1px solid #e3ecfa"],
:root[data-theme="dark"] .view_content [style*=";border-top: 1px solid #e3ecfa"] {
border-top-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border:1px solid #eee"],
:root[data-theme="dark"] #bo_v [style*=";border:1px solid #eee"],
:root[data-theme="dark"] #bo_v [style^="border: 1px solid #eee"],
:root[data-theme="dark"] #bo_v [style*=";border: 1px solid #eee"],
:root[data-theme="dark"] .view_content [style^="border:1px solid #eee"],
:root[data-theme="dark"] .view_content [style*=";border:1px solid #eee"],
:root[data-theme="dark"] .view_content [style^="border: 1px solid #eee"],
:root[data-theme="dark"] .view_content [style*=";border: 1px solid #eee"] {
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border-top:1px solid #eee"],
:root[data-theme="dark"] #bo_v [style*=";border-top:1px solid #eee"],
:root[data-theme="dark"] #bo_v [style^="border-top: 1px solid #eee"],
:root[data-theme="dark"] #bo_v [style*=";border-top: 1px solid #eee"],
:root[data-theme="dark"] .view_content [style^="border-top:1px solid #eee"],
:root[data-theme="dark"] .view_content [style*=";border-top:1px solid #eee"],
:root[data-theme="dark"] .view_content [style^="border-top: 1px solid #eee"],
:root[data-theme="dark"] .view_content [style*=";border-top: 1px solid #eee"] {
border-top-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border:1px solid #dee2e6"],
:root[data-theme="dark"] #bo_v [style*=";border:1px solid #dee2e6"],
:root[data-theme="dark"] #bo_v [style^="border: 1px solid #dee2e6"],
:root[data-theme="dark"] #bo_v [style*=";border: 1px solid #dee2e6"],
:root[data-theme="dark"] .view_content [style^="border:1px solid #dee2e6"],
:root[data-theme="dark"] .view_content [style*=";border:1px solid #dee2e6"],
:root[data-theme="dark"] .view_content [style^="border: 1px solid #dee2e6"],
:root[data-theme="dark"] .view_content [style*=";border: 1px solid #dee2e6"] {
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border-top:1px solid #dee2e6"],
:root[data-theme="dark"] #bo_v [style*=";border-top:1px solid #dee2e6"],
:root[data-theme="dark"] #bo_v [style^="border-top: 1px solid #dee2e6"],
:root[data-theme="dark"] #bo_v [style*=";border-top: 1px solid #dee2e6"],
:root[data-theme="dark"] .view_content [style^="border-top:1px solid #dee2e6"],
:root[data-theme="dark"] .view_content [style*=";border-top:1px solid #dee2e6"],
:root[data-theme="dark"] .view_content [style^="border-top: 1px solid #dee2e6"],
:root[data-theme="dark"] .view_content [style*=";border-top: 1px solid #dee2e6"] {
border-top-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v, :root[data-theme="dark"] #bo_v_con, :root[data-theme="dark"] .view_content { color: var(--mt-text) !important; }
:root[data-theme="dark"] #bo_v table, :root[data-theme="dark"] #bo_v td, :root[data-theme="dark"] #bo_v th { border-color: var(--mt-line) !important; }
:root[data-theme="dark"] #bo_v_info .bg-light { background-color: var(--mt-surface-2) !important; }
:root[data-theme="dark"] #bo_v hr { border-color: var(--mt-line) !important; }
@media (min-width: 576px) {
#nt_title #nt_title_flex,
#nt_wing .nt-container > *:not(script) {
margin-left: -0.75rem;
margin-right: -0.75rem;
}
}
:root[data-theme="dark"] #nt_title,
:root[data-theme="dark"] #nt_title.bg-light,
:root[data-theme="dark"] #nt-title-raster {
background-color: var(--mt-surface) !important;
}
:root[data-theme="dark"] #nt_title { border-bottom: 1px solid var(--mt-line) !important; }
:root[data-theme="dark"] #nt_title .page-title,
:root[data-theme="dark"] #nt_title h1 { color: var(--mt-text) !important; }
:root[data-theme="dark"] #nt_title .breadcrumb-item span,
:root[data-theme="dark"] #nt_title .breadcrumb .text-dark { color: var(--mt-text-dim) !important; }
.main_banner_title { padding: 1.6rem 1.4rem 1.5rem !important; }
.main_banner_textbox { padding: 0 !important; }
.main_notice_text {
font-size: 15px;
line-height: 1.8;
letter-spacing: -.025em;
color: var(--mt-text-sub, #334155);
word-break: keep-all;
}
.main_notice_links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: .45rem;
margin-top: 1.1rem !important;
}
.main_notice_links a.btn-link {
margin: 0 !important;
padding: .45rem 1rem !important;
border: 1px solid var(--mt-blue-200, #99c9ff);
border-radius: 999px;
background: var(--mt-blue-50, #e8f2ff);
color: var(--mt-blue-700, #0062cc) !important;
font-size: 14px !important;
font-weight: 700;
letter-spacing: -.03em;
text-decoration: none !important;
transition: background-color var(--mt-t-fast, .15s) ease, border-color var(--mt-t-fast, .15s) ease;
}
.main_notice_links a.btn-link:hover {
background: var(--mt-blue-100, #cce4ff);
border-color: var(--mt-blue-300, #66afff);
}
@media (max-width: 575px) {
.main_banner_title { padding: 1.25rem 1rem 1.2rem !important; }
.main_notice_text { font-size: 14px; line-height: 1.72; }
.main_notice_links a.btn-link { padding: .4rem .8rem !important; font-size: 13px !important; }
}
:root[data-theme="dark"] .main_notice_text { color: var(--mt-text-sub) !important; }
:root[data-theme="dark"] .main_notice_links a.btn-link {
background: rgba(96,165,250,.10);
border-color: rgba(96,165,250,.28);
color: var(--mt-primary) !important;
}
:root[data-theme="dark"] .main_notice_links a.btn-link:hover { background: rgba(96,165,250,.18); }
#fregisterform .form-control,
#fregisterform .custom-select,
form[name="fregisterform"] .form-control {
height: 42px;
border-radius: 8px;
border-color: var(--mt-line, #d8dee7);
background: var(--mt-surface-2, #f8fafc);
font-size: 14px;
}
#fregisterform .form-control:focus {
border-color: var(--mt-blue-500, #1a87ff);
background: var(--mt-surface, #fff);
box-shadow: 0 0 0 3px rgba(59,130,246,.12);
}
#fregisterform .form-group.row > [class*="col-sm-"] > .input-group,
#fregisterform .form-group.row > [class*="col-sm-"] > .form-control { max-width: 340px; }
#fregisterform .input-group > .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; }
#fregisterform .input-group-append > .btn {
height: 42px;
padding: 0 16px;
border-radius: 0 8px 8px 0;
font-size: 14px;
font-weight: 700;
letter-spacing: -.03em;
white-space: nowrap;
}
#btn_sms_cert_send { background: var(--mt-blue-600, #007bff); border-color: var(--mt-blue-600, #007bff); }
#btn_sms_cert_send:hover { background: var(--mt-blue-700, #0062cc); }
#fregisterform #captcha input[type="text"],
#fregisterform .captcha input[type="text"] { height: 42px; border-radius: 8px; }
#fregisterform .form-control-plaintext { font-size: 13px; line-height: 1.6; }
#fregisterform .btn-group-justified .btn,
#fregisterform .col-6 > .btn { height: 48px; border-radius: 8px; font-size: 15px; font-weight: 700; }
#mb_find_info { max-width: 380px !important; }
#mb_find_info .form-control {
height: 44px;
border-radius: 0 8px 8px 0;
border-color: var(--mt-line, #d8dee7);
background: var(--mt-surface-2, #f8fafc);
font-size: 14px;
}
#mb_find_info .form-control:focus {
border-color: var(--mt-blue-500, #1a87ff);
background: var(--mt-surface, #fff);
box-shadow: 0 0 0 3px rgba(59,130,246,.12);
}
#mb_find_info .input-group-text {
height: 44px;
width: 44px;
justify-content: center;
border-radius: 8px 0 0 8px;
border-color: var(--mt-line, #d8dee7);
background: var(--mt-surface-2, #f8fafc);
}
#mb_find_info .form-group > .form-control { border-radius: 8px; }
#mb_find_info .btn {
height: 46px;
border-radius: 8px;
font-size: 15px;
font-weight: 700;
letter-spacing: -.03em;
}
#mb_find_info .text-muted.small { font-size: 13px; line-height: 1.65; }
#mb_find_info a:not(.btn) { font-size: 13px; color: var(--mt-text-dim, #64748b); }
#mb_find_info a:not(.btn):hover { color: var(--mt-blue-600, #007bff); }
:root[data-theme="dark"] #mb_find_info .input-group-text { background: var(--mt-surface-2); border-color: var(--mt-line); }
#bo_list .qnaIco {
display: inline-block;
min-width: 62px;
padding: 4px 10px !important;
border-radius: 999px !important;
font-size: 12px !important;
font-weight: 700;
letter-spacing: -.03em;
line-height: 1.5;
text-align: center;
white-space: nowrap;
}
#bo_list .qnaIco i { display: none; }
@media (min-width: 768px) {
#bo_list .na-table.d-md-table,
#bo_list ul.na-table { table-layout: fixed; }
#bo_list .na-table-head > .nw-5,
#bo_list ul.na-table > li > .nw-5  { width: 3.4rem !important; }
#bo_list .na-table-head > .nw-15,
#bo_list ul.na-table > li > .nw-15 { width: 9rem !important; }
#bo_list .na-table-head > .nw-10,
#bo_list ul.na-table > li > .nw-10 { width: 7.5rem !important; }
#bo_list ul.na-table > li > .nw-10 { white-space: nowrap; }
#bo_list ul.na-table > li > .nw-10 .sv_wrap {
display: inline-block;
max-width: calc(100% - 1.7rem);
vertical-align: middle;
}
#bo_list ul.na-table > li > .nw-10 .sv_wrap > a,
#bo_list ul.na-table > li > .nw-10 .sv_wrap > span.sv_member,
#bo_list ul.na-table > li > .nw-10 .sv_wrap > span.sv_guest {
display: block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#bo_list ul.na-table > li > .nw-10 > .member,
#bo_list ul.na-table > li > .nw-10 > .guest {
display: inline-block;
max-width: calc(100% - 1.7rem);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
}
#bo_list .na-table-head > .nw-6,
#bo_list ul.na-table > li > .nw-6  { width: 5.8rem !important; }
#bo_list ul.na-table > li > .nw-6 { white-space: nowrap; }
#bo_list .na-table-head > .nw-4,
#bo_list ul.na-table > li > .nw-4  { width: 3.6rem !important; }
}
#bo_list .na-title .na-item > a.na-subject:has(> .na-table) {
display: block;
width: 100%;
min-width: 0;
}
#bo_list .na-title { max-width: 100%; }
#bo_list .na-title .na-item { min-width: 0; max-width: 100%; }
#bo_list .na-title .na-subject { flex: 0 1 auto; min-width: 0; max-width: 100%; }
#bo_list .na-subject > strong,
#bo_list .na-subject .mt-subject-text {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: bottom;
}
#bo_list ul.na-table > li.d-md-table-row { border-bottom-color: var(--mt-line-soft, #f1f5f9) !important; }
@media (min-width: 768px) {
#bo_list ul.na-table > li > div { padding-top: .62rem !important; padding-bottom: .62rem !important; }
}
#bo_list .na-subject {
font-size: 15px;
letter-spacing: -.03em;
color: var(--mt-text, #1f2937);
}
#bo_list .na-subject:hover { color: var(--mt-blue-600, #007bff); }
#bo_list .na-subject strong { font-weight: 700; }
#bo_list ul.na-table > li > div.f-sm { font-size: 13px !important; color: var(--mt-text-mute, #94a3b8) !important; }
#bo_list .na-table-head {
font-size: 13px;
font-weight: 700;
letter-spacing: -.02em;
color: var(--mt-text-dim, #64748b);
}
#bo_list ul.na-table > li.bg-light { background: var(--mt-blue-50, #e8f2ff) !important; }
:root[data-theme="dark"] #bo_list .na-subject { color: var(--mt-text) !important; }
:root[data-theme="dark"] #bo_list ul.na-table > li.d-md-table-row { border-bottom-color: var(--mt-line) !important; }
:root[data-theme="dark"] #bo_list ul.na-table > li.bg-light,
:root[data-theme="dark"] #bo_list ul.na-table > li.d-md-table-row.bg-light {
background-color: rgba(96,165,250,.10) !important;
}
:root[data-theme="dark"] #bo_list .na-table-head { color: var(--mt-text-dim) !important; }
#nt_body > .nt-container { margin-top: 1rem !important; margin-bottom: 1rem !important; }
@media (max-width: 575px) {
#nt_body > .nt-container { margin-top: .7rem !important; margin-bottom: .7rem !important; }
}
.nt-container { max-width: 1224px !important; }
@media (min-width: 1200px) {
#header_pc .nt-container.px-xl-0,
#nt_menu .nt-container.px-xl-0,
#nt_title .nt-container.px-xl-0 {
padding-left: .75rem !important;
padding-right: .75rem !important;
}
}
@media (min-width: 768px) {
.na-row > .na-col.col-md-3 {
flex: 0 0 324px !important;
max-width: 324px !important;
}
.na-row > .na-col.col-md-9 {
flex: 0 0 calc(100% - 324px) !important;
max-width: calc(100% - 324px) !important;
}
.na-row > .na-col.col-md-9.card {
flex: 0 0 calc(100% - 324px - 1.5rem) !important;
max-width: calc(100% - 324px - 1.5rem) !important;
margin-left: .75rem;
margin-right: .75rem;
}
}
.widget-amina-outlogin .login-cell.login-btn .btn-custom {
display: flex !important;
align-items: center;
justify-content: center;
text-decoration: none !important;
}
.widget-amina-outlogin .login-cell.login-btn .btn-custom b {
text-decoration: none !important;
border: 0 !important;
}
.main_sd_list { padding: 1rem !important; }
.main_sd_list > div[class*="mt-"] { margin: .8rem 0 0 !important; padding: 0 !important; }
.main_sd_list > h3.h3 { padding: 0 !important; }
.main_sd_list .na-list.mx-n2 { margin-left: 0 !important; margin-right: 0 !important; }
.main_sd_list .na-list > li.col { padding: 0 !important; }
.main_sd_list .na-list .na-line { padding: .34rem 0; }
.main_sd_list .na-subject {
font-size: 14px;
letter-spacing: -.03em;
line-height: 1.5;
color: var(--mt-text-sub, #334155);
}
.main_sd_list .na-subject:hover { color: var(--mt-blue-600, #007bff); }
.main_sd_list .na-list .float-right { font-size: 12px !important; color: var(--mt-text-mute, #94a3b8) !important; }
.main_sd_list .na-list .na-line { border-bottom-color: var(--mt-line-soft, #f1f5f9) !important; }
.main_sd_list .na-list > li.col:last-child .na-line { border-bottom: 0 !important; }
:root[data-theme="dark"] .main_sd_list .na-subject { color: var(--mt-text-sub) !important; }
:root[data-theme="dark"] .main_sd_list .na-list .na-line { border-bottom-color: var(--mt-line) !important; }
:root[data-theme="dark"] #nt_footer #btn_ft_cscenter,
:root[data-theme="dark"] #nt_footer #btn_ft_cscenter:hover,
:root[data-theme="dark"] #nt_footer #btn_ft_cscenter *,
:root[data-theme="dark"] #nt_footer .btn_ft,
:root[data-theme="dark"] #nt_footer .btn_ft:hover,
:root[data-theme="dark"] #nt_footer .btn_ft *,
:root[data-theme="dark"] #btn_ft_cscenter,
:root[data-theme="dark"] #btn_ft_cscenter:hover,
:root[data-theme="dark"] .btn_ft,
:root[data-theme="dark"] .btn_ft:hover,
:root[data-theme="dark"] .btn_ft * { color: #fff !important; }
:root[data-theme="dark"] .btn-primary,
:root[data-theme="dark"] .bg-primary,
:root[data-theme="dark"] #ft .btn,
:root[data-theme="dark"] .btn-custom {
background-color: var(--mt-blue-600) !important;
border-color: var(--mt-blue-600) !important;
color: #fff !important;
}
:root[data-theme="dark"] .btn-primary:hover,
:root[data-theme="dark"] #ft .btn:hover,
:root[data-theme="dark"] .btn-custom:hover {
background-color: var(--mt-blue-700) !important;
border-color: var(--mt-blue-700) !important;
}
div.shadow:has(> .widget-amina-outlogin) { box-shadow: none !important; }
.widget-amina-outlogin { padding: 1rem !important; }
.widget-amina-outlogin .login-box { display: block !important; width: 100%; }
.widget-amina-outlogin .login-cell { display: block !important; width: auto !important; height: auto !important; }
.widget-amina-outlogin .login-cell .input-group { display: block !important; margin-bottom: .4rem; }
.widget-amina-outlogin .login-cell .input-group:last-child { margin-bottom: 0; }
.widget-amina-outlogin input[type="text"],
.widget-amina-outlogin input[type="password"] {
width: 100% !important;
height: 40px !important;
padding: 0 12px !important;
border: 1px solid var(--mt-line, #d8dee7) !important;
border-radius: 8px !important;
background: var(--mt-surface-2, #f8fafc) !important;
font-size: 14px !important;
color: var(--mt-text, #1f2937) !important;
box-shadow: none !important;
}
.widget-amina-outlogin input[type="text"]:focus,
.widget-amina-outlogin input[type="password"]:focus {
border-color: var(--mt-blue-500, #1a87ff) !important;
background: var(--mt-surface, #fff) !important;
outline: none !important;
}
.widget-amina-outlogin input::placeholder { color: var(--mt-text-mute, #94a3b8); }
.widget-amina-outlogin .login-cell.login-btn {
width: auto !important;
margin-top: .55rem;
background: transparent !important;
border: 0 !important;
}
.widget-amina-outlogin .login-cell.login-btn .btn-custom {
display: block;
width: 100%;
height: 42px;
border: 0;
border-radius: 8px;
background: var(--mt-blue-600, #007bff);
color: #fff;
font-size: 15px;
letter-spacing: -.03em;
transition: background-color var(--mt-t-fast, .15s) ease;
}
.widget-amina-outlogin .login-cell.login-btn .btn-custom b { font-weight: 700; }
.widget-amina-outlogin .login-cell.login-btn .btn-custom:hover { background: var(--mt-blue-700, #0062cc); }
.widget-amina-outlogin .login-misc {
margin-top: .7rem;
padding-top: .7rem;
border-top: 1px solid var(--mt-line-soft, #e9edf3);
font-size: 13px;
}
.widget-amina-outlogin .login-misc a span { color: var(--mt-text-dim, #64748b) !important; }
.widget-amina-outlogin .login-misc a:hover span { color: var(--mt-blue-600, #007bff) !important; }
.widget-amina-outlogin .login-misc .bar { color: var(--mt-line, #d8dee7); margin: 0 4px; }
.widget-amina-outlogin .remember-me { margin-right: 4px; vertical-align: -1px; }
:root[data-theme="dark"] .widget-amina-outlogin .login-misc { border-top-color: var(--mt-line) !important; }
:root[data-theme="dark"] .widget-amina-outlogin .login-cell.login-btn .btn-custom { background: var(--mt-blue-600) !important; color: #fff !important; }
:root[data-theme="dark"] .widget-amina-outlogin .login-cell.login-btn .btn-custom:hover { background: var(--mt-blue-700) !important; }
.shadow, .shadow-sm, .card { box-shadow: none !important; }
.main_banner_title,
.cnt_r .top_nav .nav li,
.show_box .main_line_1,
.show_box .main_line_2,
.show_box .main_line_3,
.main_faq_section,
.main_faq_card,
.main_sd_list,
.widget-amina-outlogin,
.na-row > .na-col.card,
.main_explain_title_wrap,
.mt-lbar,
.mt-findbar,
#bo_search > .alert {
border: 1px solid var(--mt-line-soft, #e9edf3) !important;
border-radius: 10px !important;
box-shadow: none !important;
background-color: var(--mt-surface, #fff) !important;
}
.na-row > .na-col.card,
.na-row > .na-col.card.shadow { box-shadow: none !important; }
.main_faq_card:hover {
box-shadow: none !important;
border-color: var(--mt-blue-300, #66afff) !important;
}
.main_sd_list > h3.h3 {
margin-bottom: .55rem !important;
font-size: 16px;
font-weight: 800;
letter-spacing: -.035em;
color: var(--mt-text, #1f2937);
}
.main_sd_list > h3.h3 a { color: inherit; }
.main_sd_list > hr.hr { margin: 0 0 .1rem !important; }
.main_sd_list .more-plus {
color: var(--mt-text-mute, #94a3b8);
font-weight: 400;
}
:root[data-theme="dark"] .main_banner_title,
:root[data-theme="dark"] .cnt_r .top_nav .nav li,
:root[data-theme="dark"] .show_box .main_line_1,
:root[data-theme="dark"] .show_box .main_line_2,
:root[data-theme="dark"] .show_box .main_line_3,
:root[data-theme="dark"] .main_faq_section,
:root[data-theme="dark"] .main_faq_card,
:root[data-theme="dark"] .main_sd_list,
:root[data-theme="dark"] .widget-amina-outlogin,
:root[data-theme="dark"] .na-row > .na-col.card,
:root[data-theme="dark"] .main_explain_title_wrap,
:root[data-theme="dark"] .mt-lbar,
:root[data-theme="dark"] .mt-findbar,
:root[data-theme="dark"] #bo_search > .alert {
border-color: var(--mt-line) !important;
background-color: var(--mt-surface) !important;
box-shadow: none !important;
}
:root[data-theme="dark"] .main_sd_list > h3.h3 { color: var(--mt-text) !important; }
.main_banner_title > h2,
.show_box .main_line_2 > h3,
.show_box .main_line_3 > h3,
.main_faq_head > h2,
.nt-container:not(.my-3) .main_explain_title > h2,
.nt-container:not(.my-3) .main_explain_title > h3 {
height: auto !important;
margin: 0 !important;
font-size: 20px !important;
font-weight: 800 !important;
letter-spacing: -.04em !important;
line-height: 1.4 !important;
color: var(--mt-blue-600, #007bff) !important;
text-align: center !important;
word-break: keep-all;
}
.main_banner_title > h2,
.show_box .main_line_2 > h3,
.show_box .main_line_3 > h3,
.main_faq_head > h2 { margin-bottom: 1.5rem !important; }
@media (max-width: 575px) {
.main_banner_title > h2,
.show_box .main_line_2 > h3,
.show_box .main_line_3 > h3,
.main_faq_head > h2,
.nt-container:not(.my-3) .main_explain_title > h2,
.nt-container:not(.my-3) .main_explain_title > h3 { font-size: 18px !important; }
.main_banner_title > h2,
.show_box .main_line_2 > h3,
.show_box .main_line_3 > h3,
.main_faq_head > h2 { margin-bottom: 1.15rem !important; }
}
:root[data-theme="dark"] .main_banner_title > h2,
:root[data-theme="dark"] .show_box .main_line_2 > h3,
:root[data-theme="dark"] .show_box .main_line_3 > h3,
:root[data-theme="dark"] .main_faq_head > h2,
:root[data-theme="dark"] .nt-container:not(.my-3) .main_explain_title > h2 { color: var(--mt-primary) !important; }
.main_explain_title_wrap {
text-align: left;
border-color: var(--mt-line-soft, #e9edf3);
border-radius: 10px;
background: var(--mt-surface, #fff);
padding: 1.5rem 1.4rem 1.6rem;
}
.main_explain_title {
margin-top: 0 !important;
text-align: center;
margin-bottom: 1.5rem;
}
.main_explain_title h2,
.main_explain_title h3 {
display: block;
text-align: left;
font-size: 22px;
font-weight: 800;
letter-spacing: -.045em;
line-height: 1.35;
color: var(--mt-text, #1f2937);
word-break: keep-all;
}
.main_explain_con_wrap { margin-bottom: 0; }
.main_explain_con_div { padding-top: 1.2rem; }
.main_explain_con_wrap .main_explain_con_div:first-child { padding-top: 1.1rem; }
.main_explain_con_wrap .main_explain_con_div:not(:first-child) {
margin-top: 1.2rem;
padding: 1.1rem 1.15rem 1.2rem;
border: 1px solid var(--mt-line-soft, #e9edf3);
border-radius: 10px;
background: var(--mt-surface-2, #f8fafc);
}
.main_explain_con_title {
display: inline-block;
margin: 0 0 .2rem;
padding: 6px 14px;
border-radius: 999px;
font-size: 14px;
font-weight: 700;
letter-spacing: -.03em;
line-height: 1.45;
}
.main_explain_con { padding: 0; }
.main_explain_con > div {
margin-top: .9rem;
font-size: 15px;
line-height: 1.78;
letter-spacing: -.025em;
color: var(--mt-text-sub, #334155);
word-break: keep-all;
}
.main_explain_con > div:first-child { margin-top: .75rem; }
.main_explain_con > div ul li {
align-items: flex-start;
gap: 10px;
margin-top: .6rem;
font-size: 15px;
line-height: 1.7;
letter-spacing: -.025em;
}
.main_explain_con > div ul li > span[class^="main_explain_con_num_icon"] {
margin-top: 2px;
font-size: 12px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0;
flex: 0 0 24px;
}
.main_explain_con .main_explain_con_inner_end {
margin-top: 1rem;
padding: .8rem .95rem;
border-left: 3px solid var(--mt-blue-600, #007bff);
border-radius: 0 6px 6px 0;
background: var(--mt-blue-50, #e8f2ff);
font-size: 14px;
line-height: 1.7;
color: var(--mt-text-sub, #334155);
}
.main_explain_con a { color: var(--mt-blue-600, #007bff); font-weight: 600; }
@media (max-width: 575px) {
.main_explain_title_wrap { padding: 1.2rem 1rem 1.25rem; }
.main_explain_title h2,
.main_explain_title h3 { font-size: 19px; }
.main_explain_con_wrap .main_explain_con_div:not(:first-child) { padding: 1rem .9rem 1.05rem; }
.main_explain_con_title { font-size: 13px; padding: 5px 12px; }
.main_explain_con > div,
.main_explain_con > div ul li { font-size: 14px; line-height: 1.72; }
}
:root[data-theme="dark"] .main_explain_title_wrap {
background: var(--mt-surface) !important;
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] .main_explain_con_wrap .main_explain_con_div:not(:first-child) {
background: var(--mt-surface-2) !important;
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] .main_explain_title h2,
:root[data-theme="dark"] .main_explain_title h3 { color: var(--mt-text) !important; }
:root[data-theme="dark"] .main_explain_title::after {
background: linear-gradient(90deg, var(--mt-primary), rgba(96,165,250,.35));
}
:root[data-theme="dark"] .main_explain_con > div,
:root[data-theme="dark"] .main_explain_con > div ul li { color: var(--mt-text-sub) !important; }
:root[data-theme="dark"] .main_explain_con .main_explain_con_inner_end {
background: rgba(96,165,250,.10) !important;
border-left-color: var(--mt-primary) !important;
color: var(--mt-text-sub) !important;
}
:root[data-theme="dark"] .main_explain_con a { color: var(--mt-primary) !important; }
:root[data-theme="dark"] .main_explain_title_wrap {
background-color: var(--mt-surface) !important;
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] .main_explain_con_wrap,
:root[data-theme="dark"] .main_explain_con_div,
:root[data-theme="dark"] .main_explain_con {
background-color: transparent !important;
}
:root[data-theme="dark"] .main_explain_title,
:root[data-theme="dark"] .main_explain_title h2,
:root[data-theme="dark"] .main_explain_title h3,
:root[data-theme="dark"] .main_explain_title h4 { color: var(--mt-text) !important; }
:root[data-theme="dark"] .main_explain_con,
:root[data-theme="dark"] .main_explain_con > div,
:root[data-theme="dark"] .main_explain_con > div ul li,
:root[data-theme="dark"] .main_explain_con > div ul li > span:not([class]) { color: var(--mt-text-sub) !important; }
:root[data-theme="dark"] .main_explain_con a { color: var(--mt-primary) !important; }
:root[data-theme="dark"] #bo_v [style^="background:#fff"],
:root[data-theme="dark"] #bo_v [style*=";background:#fff"],
:root[data-theme="dark"] .view_content [style^="background:#fff"],
:root[data-theme="dark"] .view_content [style*=";background:#fff"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="background:#fff"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";background:#fff"] {
background-color: var(--mt-surface) !important;
}
:root[data-theme="dark"] #bo_v [style^="background:#ffffff"],
:root[data-theme="dark"] #bo_v [style*=";background:#ffffff"],
:root[data-theme="dark"] .view_content [style^="background:#ffffff"],
:root[data-theme="dark"] .view_content [style*=";background:#ffffff"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="background:#ffffff"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";background:#ffffff"] {
background-color: var(--mt-surface) !important;
}
:root[data-theme="dark"] #bo_v [style^="background:#fbfcfe"],
:root[data-theme="dark"] #bo_v [style*=";background:#fbfcfe"],
:root[data-theme="dark"] .view_content [style^="background:#fbfcfe"],
:root[data-theme="dark"] .view_content [style*=";background:#fbfcfe"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="background:#fbfcfe"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";background:#fbfcfe"] {
background-color: var(--mt-surface) !important;
}
:root[data-theme="dark"] #bo_v [style^="background:#fafafa"],
:root[data-theme="dark"] #bo_v [style*=";background:#fafafa"],
:root[data-theme="dark"] .view_content [style^="background:#fafafa"],
:root[data-theme="dark"] .view_content [style*=";background:#fafafa"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="background:#fafafa"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";background:#fafafa"] {
background-color: var(--mt-surface-2) !important;
}
:root[data-theme="dark"] #bo_v [style^="background:#f9f9f9"],
:root[data-theme="dark"] #bo_v [style*=";background:#f9f9f9"],
:root[data-theme="dark"] .view_content [style^="background:#f9f9f9"],
:root[data-theme="dark"] .view_content [style*=";background:#f9f9f9"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="background:#f9f9f9"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";background:#f9f9f9"] {
background-color: var(--mt-surface-2) !important;
}
:root[data-theme="dark"] #bo_v [style^="background:#f8f9fa"],
:root[data-theme="dark"] #bo_v [style*=";background:#f8f9fa"],
:root[data-theme="dark"] .view_content [style^="background:#f8f9fa"],
:root[data-theme="dark"] .view_content [style*=";background:#f8f9fa"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="background:#f8f9fa"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";background:#f8f9fa"] {
background-color: var(--mt-surface-2) !important;
}
:root[data-theme="dark"] #bo_v [style^="background:#f2f2f2"],
:root[data-theme="dark"] #bo_v [style*=";background:#f2f2f2"],
:root[data-theme="dark"] .view_content [style^="background:#f2f2f2"],
:root[data-theme="dark"] .view_content [style*=";background:#f2f2f2"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="background:#f2f2f2"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";background:#f2f2f2"] {
background-color: var(--mt-surface-2) !important;
}
:root[data-theme="dark"] #bo_v [style^="background:#f1f1f1"],
:root[data-theme="dark"] #bo_v [style*=";background:#f1f1f1"],
:root[data-theme="dark"] .view_content [style^="background:#f1f1f1"],
:root[data-theme="dark"] .view_content [style*=";background:#f1f1f1"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="background:#f1f1f1"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";background:#f1f1f1"] {
background-color: var(--mt-surface-2) !important;
}
:root[data-theme="dark"] #bo_v [style^="background:#eef5ff"],
:root[data-theme="dark"] #bo_v [style*=";background:#eef5ff"],
:root[data-theme="dark"] .view_content [style^="background:#eef5ff"],
:root[data-theme="dark"] .view_content [style*=";background:#eef5ff"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="background:#eef5ff"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";background:#eef5ff"] {
background-color: rgba(96,165,250,.10) !important;
}
:root[data-theme="dark"] #bo_v [style^="background:#f4f7fb"],
:root[data-theme="dark"] #bo_v [style*=";background:#f4f7fb"],
:root[data-theme="dark"] .view_content [style^="background:#f4f7fb"],
:root[data-theme="dark"] .view_content [style*=";background:#f4f7fb"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="background:#f4f7fb"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";background:#f4f7fb"] {
background-color: rgba(96,165,250,.10) !important;
}
:root[data-theme="dark"] #bo_v [style^="background:#f9fbff"],
:root[data-theme="dark"] #bo_v [style*=";background:#f9fbff"],
:root[data-theme="dark"] .view_content [style^="background:#f9fbff"],
:root[data-theme="dark"] .view_content [style*=";background:#f9fbff"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="background:#f9fbff"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";background:#f9fbff"] {
background-color: rgba(96,165,250,.10) !important;
}
:root[data-theme="dark"] #bo_v [style^="background:#f8fbff"],
:root[data-theme="dark"] #bo_v [style*=";background:#f8fbff"],
:root[data-theme="dark"] .view_content [style^="background:#f8fbff"],
:root[data-theme="dark"] .view_content [style*=";background:#f8fbff"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="background:#f8fbff"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";background:#f8fbff"] {
background-color: rgba(96,165,250,.10) !important;
}
:root[data-theme="dark"] #bo_v [style^="background:#f3f8ff"],
:root[data-theme="dark"] #bo_v [style*=";background:#f3f8ff"],
:root[data-theme="dark"] .view_content [style^="background:#f3f8ff"],
:root[data-theme="dark"] .view_content [style*=";background:#f3f8ff"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="background:#f3f8ff"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";background:#f3f8ff"] {
background-color: rgba(96,165,250,.10) !important;
}
:root[data-theme="dark"] #bo_v [style^="background:#fff5f5"],
:root[data-theme="dark"] #bo_v [style*=";background:#fff5f5"],
:root[data-theme="dark"] .view_content [style^="background:#fff5f5"],
:root[data-theme="dark"] .view_content [style*=";background:#fff5f5"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="background:#fff5f5"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";background:#fff5f5"] {
background-color: rgba(255,138,148,.10) !important;
}
:root[data-theme="dark"] #bo_v [style^="background:#f6fbf6"],
:root[data-theme="dark"] #bo_v [style*=";background:#f6fbf6"],
:root[data-theme="dark"] .view_content [style^="background:#f6fbf6"],
:root[data-theme="dark"] .view_content [style*=";background:#f6fbf6"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="background:#f6fbf6"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";background:#f6fbf6"] {
background-color: rgba(80,200,120,.10) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#111"],
:root[data-theme="dark"] #bo_v [style*=";color:#111"],
:root[data-theme="dark"] .view_content [style^="color:#111"],
:root[data-theme="dark"] .view_content [style*=";color:#111"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="color:#111"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";color:#111"] {
color: var(--mt-text) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#222"],
:root[data-theme="dark"] #bo_v [style*=";color:#222"],
:root[data-theme="dark"] .view_content [style^="color:#222"],
:root[data-theme="dark"] .view_content [style*=";color:#222"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="color:#222"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";color:#222"] {
color: var(--mt-text) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#333"],
:root[data-theme="dark"] #bo_v [style*=";color:#333"],
:root[data-theme="dark"] .view_content [style^="color:#333"],
:root[data-theme="dark"] .view_content [style*=";color:#333"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="color:#333"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";color:#333"] {
color: var(--mt-text) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#111827"],
:root[data-theme="dark"] #bo_v [style*=";color:#111827"],
:root[data-theme="dark"] .view_content [style^="color:#111827"],
:root[data-theme="dark"] .view_content [style*=";color:#111827"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="color:#111827"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";color:#111827"] {
color: var(--mt-text) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#0f172a"],
:root[data-theme="dark"] #bo_v [style*=";color:#0f172a"],
:root[data-theme="dark"] .view_content [style^="color:#0f172a"],
:root[data-theme="dark"] .view_content [style*=";color:#0f172a"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="color:#0f172a"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";color:#0f172a"] {
color: var(--mt-text) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#1f2328"],
:root[data-theme="dark"] #bo_v [style*=";color:#1f2328"],
:root[data-theme="dark"] .view_content [style^="color:#1f2328"],
:root[data-theme="dark"] .view_content [style*=";color:#1f2328"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="color:#1f2328"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";color:#1f2328"] {
color: var(--mt-text) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#444"],
:root[data-theme="dark"] #bo_v [style*=";color:#444"],
:root[data-theme="dark"] .view_content [style^="color:#444"],
:root[data-theme="dark"] .view_content [style*=";color:#444"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="color:#444"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";color:#444"] {
color: var(--mt-text-dim) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#555"],
:root[data-theme="dark"] #bo_v [style*=";color:#555"],
:root[data-theme="dark"] .view_content [style^="color:#555"],
:root[data-theme="dark"] .view_content [style*=";color:#555"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="color:#555"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";color:#555"] {
color: var(--mt-text-dim) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#666"],
:root[data-theme="dark"] #bo_v [style*=";color:#666"],
:root[data-theme="dark"] .view_content [style^="color:#666"],
:root[data-theme="dark"] .view_content [style*=";color:#666"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="color:#666"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";color:#666"] {
color: var(--mt-text-dim) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#374151"],
:root[data-theme="dark"] #bo_v [style*=";color:#374151"],
:root[data-theme="dark"] .view_content [style^="color:#374151"],
:root[data-theme="dark"] .view_content [style*=";color:#374151"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="color:#374151"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";color:#374151"] {
color: var(--mt-text-dim) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#4b5563"],
:root[data-theme="dark"] #bo_v [style*=";color:#4b5563"],
:root[data-theme="dark"] .view_content [style^="color:#4b5563"],
:root[data-theme="dark"] .view_content [style*=";color:#4b5563"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="color:#4b5563"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";color:#4b5563"] {
color: var(--mt-text-dim) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#777"],
:root[data-theme="dark"] #bo_v [style*=";color:#777"],
:root[data-theme="dark"] .view_content [style^="color:#777"],
:root[data-theme="dark"] .view_content [style*=";color:#777"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="color:#777"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";color:#777"] {
color: var(--mt-text-mute) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#007bff"],
:root[data-theme="dark"] #bo_v [style*=";color:#007bff"],
:root[data-theme="dark"] .view_content [style^="color:#007bff"],
:root[data-theme="dark"] .view_content [style*=";color:#007bff"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="color:#007bff"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";color:#007bff"] {
color: var(--mt-primary) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#0b62d6"],
:root[data-theme="dark"] #bo_v [style*=";color:#0b62d6"],
:root[data-theme="dark"] .view_content [style^="color:#0b62d6"],
:root[data-theme="dark"] .view_content [style*=";color:#0b62d6"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="color:#0b62d6"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";color:#0b62d6"] {
color: var(--mt-primary) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#0073e6"],
:root[data-theme="dark"] #bo_v [style*=";color:#0073e6"],
:root[data-theme="dark"] .view_content [style^="color:#0073e6"],
:root[data-theme="dark"] .view_content [style*=";color:#0073e6"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="color:#0073e6"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";color:#0073e6"] {
color: var(--mt-primary) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#1e40af"],
:root[data-theme="dark"] #bo_v [style*=";color:#1e40af"],
:root[data-theme="dark"] .view_content [style^="color:#1e40af"],
:root[data-theme="dark"] .view_content [style*=";color:#1e40af"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="color:#1e40af"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";color:#1e40af"] {
color: var(--mt-primary) !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#dc3545"],
:root[data-theme="dark"] #bo_v [style*=";color:#dc3545"],
:root[data-theme="dark"] .view_content [style^="color:#dc3545"],
:root[data-theme="dark"] .view_content [style*=";color:#dc3545"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="color:#dc3545"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";color:#dc3545"] {
color: #FF8A94 !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#db3232"],
:root[data-theme="dark"] #bo_v [style*=";color:#db3232"],
:root[data-theme="dark"] .view_content [style^="color:#db3232"],
:root[data-theme="dark"] .view_content [style*=";color:#db3232"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="color:#db3232"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";color:#db3232"] {
color: #FF8A94 !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#e33030"],
:root[data-theme="dark"] #bo_v [style*=";color:#e33030"],
:root[data-theme="dark"] .view_content [style^="color:#e33030"],
:root[data-theme="dark"] .view_content [style*=";color:#e33030"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="color:#e33030"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";color:#e33030"] {
color: #FF8A94 !important;
}
:root[data-theme="dark"] #bo_v [style^="color:#c00"],
:root[data-theme="dark"] #bo_v [style*=";color:#c00"],
:root[data-theme="dark"] .view_content [style^="color:#c00"],
:root[data-theme="dark"] .view_content [style*=";color:#c00"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="color:#c00"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";color:#c00"] {
color: #FF8A94 !important;
}
:root[data-theme="dark"] #bo_v [style^="border:1px solid #ddd"],
:root[data-theme="dark"] #bo_v [style*=";border:1px solid #ddd"],
:root[data-theme="dark"] .view_content [style^="border:1px solid #ddd"],
:root[data-theme="dark"] .view_content [style*=";border:1px solid #ddd"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="border:1px solid #ddd"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";border:1px solid #ddd"] {
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border:1px solid #e5e8ee"],
:root[data-theme="dark"] #bo_v [style*=";border:1px solid #e5e8ee"],
:root[data-theme="dark"] .view_content [style^="border:1px solid #e5e8ee"],
:root[data-theme="dark"] .view_content [style*=";border:1px solid #e5e8ee"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="border:1px solid #e5e8ee"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";border:1px solid #e5e8ee"] {
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border:1px solid #dcdfe5"],
:root[data-theme="dark"] #bo_v [style*=";border:1px solid #dcdfe5"],
:root[data-theme="dark"] .view_content [style^="border:1px solid #dcdfe5"],
:root[data-theme="dark"] .view_content [style*=";border:1px solid #dcdfe5"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="border:1px solid #dcdfe5"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";border:1px solid #dcdfe5"] {
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border:1px solid #ccc"],
:root[data-theme="dark"] #bo_v [style*=";border:1px solid #ccc"],
:root[data-theme="dark"] .view_content [style^="border:1px solid #ccc"],
:root[data-theme="dark"] .view_content [style*=";border:1px solid #ccc"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="border:1px solid #ccc"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";border:1px solid #ccc"] {
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border:1px solid #e7f0ff"],
:root[data-theme="dark"] #bo_v [style*=";border:1px solid #e7f0ff"],
:root[data-theme="dark"] .view_content [style^="border:1px solid #e7f0ff"],
:root[data-theme="dark"] .view_content [style*=";border:1px solid #e7f0ff"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="border:1px solid #e7f0ff"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";border:1px solid #e7f0ff"] {
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border:1px solid #e8eef5"],
:root[data-theme="dark"] #bo_v [style*=";border:1px solid #e8eef5"],
:root[data-theme="dark"] .view_content [style^="border:1px solid #e8eef5"],
:root[data-theme="dark"] .view_content [style*=";border:1px solid #e8eef5"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="border:1px solid #e8eef5"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";border:1px solid #e8eef5"] {
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border:1px solid #eee"],
:root[data-theme="dark"] #bo_v [style*=";border:1px solid #eee"],
:root[data-theme="dark"] .view_content [style^="border:1px solid #eee"],
:root[data-theme="dark"] .view_content [style*=";border:1px solid #eee"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="border:1px solid #eee"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";border:1px solid #eee"] {
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border:1px solid #d9eaff"],
:root[data-theme="dark"] #bo_v [style*=";border:1px solid #d9eaff"],
:root[data-theme="dark"] .view_content [style^="border:1px solid #d9eaff"],
:root[data-theme="dark"] .view_content [style*=";border:1px solid #d9eaff"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="border:1px solid #d9eaff"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";border:1px solid #d9eaff"] {
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border:1px solid #cce4ff"],
:root[data-theme="dark"] #bo_v [style*=";border:1px solid #cce4ff"],
:root[data-theme="dark"] .view_content [style^="border:1px solid #cce4ff"],
:root[data-theme="dark"] .view_content [style*=";border:1px solid #cce4ff"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="border:1px solid #cce4ff"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";border:1px solid #cce4ff"] {
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border:1px solid #d7e8ff"],
:root[data-theme="dark"] #bo_v [style*=";border:1px solid #d7e8ff"],
:root[data-theme="dark"] .view_content [style^="border:1px solid #d7e8ff"],
:root[data-theme="dark"] .view_content [style*=";border:1px solid #d7e8ff"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="border:1px solid #d7e8ff"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";border:1px solid #d7e8ff"] {
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border:1px solid #dee2e6"],
:root[data-theme="dark"] #bo_v [style*=";border:1px solid #dee2e6"],
:root[data-theme="dark"] .view_content [style^="border:1px solid #dee2e6"],
:root[data-theme="dark"] .view_content [style*=";border:1px solid #dee2e6"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="border:1px solid #dee2e6"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";border:1px solid #dee2e6"] {
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border-top:1px solid #e3ecfa"],
:root[data-theme="dark"] #bo_v [style*=";border-top:1px solid #e3ecfa"],
:root[data-theme="dark"] .view_content [style^="border-top:1px solid #e3ecfa"],
:root[data-theme="dark"] .view_content [style*=";border-top:1px solid #e3ecfa"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="border-top:1px solid #e3ecfa"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";border-top:1px solid #e3ecfa"] {
border-top-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border-top:1px solid #e5e5e5"],
:root[data-theme="dark"] #bo_v [style*=";border-top:1px solid #e5e5e5"],
:root[data-theme="dark"] .view_content [style^="border-top:1px solid #e5e5e5"],
:root[data-theme="dark"] .view_content [style*=";border-top:1px solid #e5e5e5"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="border-top:1px solid #e5e5e5"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";border-top:1px solid #e5e5e5"] {
border-top-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_v [style^="border:1px solid #f5c6cb"],
:root[data-theme="dark"] #bo_v [style*=";border:1px solid #f5c6cb"],
:root[data-theme="dark"] .view_content [style^="border:1px solid #f5c6cb"],
:root[data-theme="dark"] .view_content [style*=";border:1px solid #f5c6cb"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="border:1px solid #f5c6cb"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";border:1px solid #f5c6cb"] {
border-color: rgba(255,138,148,.35) !important;
}
:root[data-theme="dark"] #bo_v [style^="border:1px solid #f3b4b4"],
:root[data-theme="dark"] #bo_v [style*=";border:1px solid #f3b4b4"],
:root[data-theme="dark"] .view_content [style^="border:1px solid #f3b4b4"],
:root[data-theme="dark"] .view_content [style*=";border:1px solid #f3b4b4"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="border:1px solid #f3b4b4"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";border:1px solid #f3b4b4"] {
border-color: rgba(255,138,148,.35) !important;
}
:root[data-theme="dark"] #bo_v [style^="border:1px solid #cfe6cf"],
:root[data-theme="dark"] #bo_v [style*=";border:1px solid #cfe6cf"],
:root[data-theme="dark"] .view_content [style^="border:1px solid #cfe6cf"],
:root[data-theme="dark"] .view_content [style*=";border:1px solid #cfe6cf"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="border:1px solid #cfe6cf"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";border:1px solid #cfe6cf"] {
border-color: rgba(80,200,120,.35) !important;
}
:root[data-theme="dark"] #bo_v [style*="border-left:6px solid #007bff"],
:root[data-theme="dark"] #bo_v [style*="border-left:5px solid #007bff"],
:root[data-theme="dark"] #bo_v [style*="border-left:4px solid #1e40af"] {
border-left-color: var(--mt-primary) !important;
}
:root[data-theme="dark"] #bo_v table { background-color: transparent !important; }
:root[data-theme="dark"] #bo_v thead th { background-color: var(--mt-surface-2) !important; color: var(--mt-text) !important; }
:root[data-theme="dark"] #bo_v td, :root[data-theme="dark"] #bo_v th { color: var(--mt-text) !important; }
:root[data-theme="dark"] #bo_v [style^="border:1px dashed #ccc"],
:root[data-theme="dark"] #bo_v [style*=";border:1px dashed #ccc"],
:root[data-theme="dark"] .view_content [style^="border:1px dashed #ccc"],
:root[data-theme="dark"] .view_content [style*=";border:1px dashed #ccc"],
:root[data-theme="dark"] .main_explain_title_wrap [style^="border:1px dashed #ccc"],
:root[data-theme="dark"] .main_explain_title_wrap [style*=";border:1px dashed #ccc"] {
border-color: var(--mt-line) !important;
}
.mt-whois-box {
margin: 0 0 1.25rem;
border: 1px solid var(--mt-line, #e6e9ef);
border-radius: var(--mt-r-md, 8px);
background: var(--mt-surface, #fff);
overflow: hidden;
}
.mt-whois-box > summary {
position: relative;
display: flex;
align-items: center;
gap: 7px;
padding: 12px 40px 12px 14px;
cursor: pointer;
font-size: 14px;
font-weight: 700;
letter-spacing: -.03em;
color: var(--mt-text, #1f2937);
background: var(--mt-blue-50, #e8f2ff);
list-style: none;
}
.mt-whois-box > summary::-webkit-details-marker { display: none; }
.mt-whois-box > summary::after {
content: '\f107';
font-family: FontAwesome;
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
font-size: 16px;
line-height: 1;
color: var(--mt-text-dim, #6b7280);
transition: transform .18s ease;
}
.mt-whois-box[open] > summary::after { transform: translateY(-50%) rotate(180deg); }
.mt-whois-box > summary .fa-info-circle { color: var(--mt-blue-600, #007bff); }
.mt-whois-dom {
font-weight: 500;
font-size: 12px;
color: var(--mt-text-dim, #6b7280);
word-break: break-all;
}
.mt-whois-body { padding: 12px 14px 14px; }
table.mt-whois { width: 100%; border-collapse: collapse; font-size: 14px;  }
table.mt-whois th,
table.mt-whois td {
padding: 9px 10px;
border-bottom: 1px solid var(--mt-line-soft, #f0f2f6);
text-align: left;
vertical-align: top;
line-height: 1.55;
}
table.mt-whois th {
width: 108px;
white-space: nowrap;
font-weight: 600;
color: var(--mt-text-dim, #6b7280);
background: transparent;
}
table.mt-whois td { color: var(--mt-text, #1f2937); word-break: break-all; }
table.mt-whois tr:last-child th,
table.mt-whois tr:last-child td { border-bottom: 0; }
.mt-whois-em {
margin-left: 6px;
font-style: normal;
font-size: 12px;
font-weight: 700;
color: #d9480f;
}
.mt-whois-note {
padding-top: 10px !important;
font-size: 12px;
color: var(--mt-text-mute, #9aa3af);
}
.mt-whois-none {
margin: 0;
padding: 14px;
border-radius: 6px;
background: var(--mt-surface-2, #f8f9fa);
font-size: 14px;
line-height: 1.7;
color: var(--mt-text, #1f2937);
}
.mt-whois-none b { color: #d9480f; }
.mt-whois-none span { display: block; margin-top: 4px; font-size: 12px; color: var(--mt-text-dim, #6b7280); }
.mt-whois-warn {
margin: 0 0 12px;
padding: 11px 13px;
border-radius: 6px;
border: 1px solid #ffd8a8;
background: #fff8f0;
font-size: 14px;
line-height: 1.65;
color: #8a4b08;
}
.mt-whois-warn .fa { margin-right: 5px; }
.mt-whois-warn b { color: #a8410a; }
@media (max-width: 575px) {
.mt-whois-box > summary { flex-wrap: wrap; font-size: 14px; padding: 11px 38px 11px 12px; }
.mt-whois-box > summary::after { right: 12px; }
.mt-whois-dom { flex: 1 0 100%; margin-top: 2px; }
.mt-whois-body { padding: 10px 12px 12px; }
table.mt-whois th { width: 84px; font-size: 12px; }
table.mt-whois td { font-size: 14px; }
}
:root[data-theme="dark"] .mt-whois-box { background: var(--mt-surface); border-color: var(--mt-line); }
:root[data-theme="dark"] .mt-whois-box > summary { background: rgba(96,165,250,.10); color: var(--mt-text); }
:root[data-theme="dark"] table.mt-whois th { color: var(--mt-text-dim); }
:root[data-theme="dark"] table.mt-whois td { color: var(--mt-text); }
:root[data-theme="dark"] table.mt-whois th,
:root[data-theme="dark"] table.mt-whois td { border-bottom-color: var(--mt-line); }
:root[data-theme="dark"] .mt-whois-none { background: var(--mt-surface-2); color: var(--mt-text); }
:root[data-theme="dark"] .mt-whois-none b { color: #FF9A6B; }
:root[data-theme="dark"] .mt-whois-em { color: #FF9A6B; }
:root[data-theme="dark"] .mt-whois-warn {
background: rgba(255,154,107,.10);
border-color: rgba(255,154,107,.35);
color: #FFC9A3;
}
:root[data-theme="dark"] .mt-whois-warn b { color: #FFB380; }
.mt-sum.main_sd_list {
margin: 0 0 1.5rem;
padding: .85rem 1rem 1rem !important;
}
.mt-sum > h3.h3 { margin-bottom: .1rem; }
.mt-sum > hr.hr { margin-bottom: 1rem !important; }
.mt-sum__grid {
display: grid;
grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
gap: 1rem;
align-items: stretch;
}
.mt-sum__shot,
.mt-sum__info { display: flex; flex-direction: column; min-width: 0; }
.mt-sum__h {
margin-bottom: .5rem;
font-size: 12px;
font-weight: 700;
letter-spacing: -.02em;
color: var(--mt-text-dim, #6b7280);
}
.mt-sum__shot-b {
flex: 1 1 auto;
display: flex;
align-items: center;
border-radius: 8px;
overflow: hidden;
background: var(--mt-surface-2, #f5f7fa);
box-shadow: 0 3px 10px rgba(50,60,70,.14);
}
.mt-sum__shot-b > * { width: 100%; }
.mt-sum__shot-b #bo_v_img { margin: 0; }
.mt-sum__shot-b #bo_v_img img {
display: block;
width: 100%;
height: auto;
margin: 0 !important;
border-radius: 8px !important;
}
.mt-sum__tbl { width: 100%; height: 100%; border-collapse: collapse; font-size: 14px;  }
.mt-sum__tbl th,
.mt-sum__tbl td {
padding: .62rem .7rem;
border-bottom: 1px solid var(--mt-line-soft, #f0f2f6);
text-align: left;
vertical-align: middle;
line-height: 1.55;
}
.mt-sum__tbl th {
width: 106px;
white-space: nowrap;
font-weight: 600;
color: var(--mt-text-dim, #6b7280);
background: transparent;
}
.mt-sum__tbl td { color: var(--mt-text, #1f2937); }
.mt-sum__tbl tr:last-child th,
.mt-sum__tbl tr:last-child td { border-bottom: 0; }
.mt-sum__url { word-break: break-all; }
.mt-sum__amt { font-size: 18px;  font-weight: 800; color: #d9202a; }
.mt-grade {
display: inline-block;
padding: 3px 9px 4px;
border-radius: var(--mt-r-pill, 999px);
font-size: 12px;
font-weight: 800;
letter-spacing: -.02em;
color: #fff;
}
.mt-grade.bad { background: #d9202a; }
.mt-grade-d {
display: block;
margin-top: 4px;
font-size: 12px;
color: var(--mt-text-dim, #6b7280);
}
.mt-sum .mt-whois-box { margin: 1rem 0 0; }
@media (max-width: 767px) {
.mt-sum { padding: .9rem; }
.mt-sum__grid { grid-template-columns: minmax(0, 1fr); gap: .9rem; align-items: start; }
.mt-sum__tbl { height: auto; }
.mt-sum__shot-b { flex: 0 0 auto; }
.mt-sum__tbl { font-size: 14px; }
.mt-sum__tbl th { width: 88px; padding: .55rem .5rem; }
.mt-sum__tbl td { padding: .55rem .5rem; }
}
:root[data-theme="dark"] .mt-sum { background: var(--mt-surface); border-color: var(--mt-line); }
:root[data-theme="dark"] .mt-sum__h { color: var(--mt-text-dim); }
:root[data-theme="dark"] .mt-sum__shot-b { background: var(--mt-surface-2); }
:root[data-theme="dark"] .mt-sum__tbl th { color: var(--mt-text-dim); }
:root[data-theme="dark"] .mt-sum__tbl td { color: var(--mt-text); }
:root[data-theme="dark"] .mt-sum__tbl th,
:root[data-theme="dark"] .mt-sum__tbl td { border-bottom-color: var(--mt-line); }
:root[data-theme="dark"] .mt-sum__amt { color: #FF8A94; }
:root[data-theme="dark"] .mt-grade-d { color: var(--mt-text-dim); }
.mt-lbar {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .6rem 1.25rem;
margin: 0 0 1rem;
padding: .8rem 1rem;
border: 1px solid rgba(0,0,0,.125);
border-radius: 5px;
background: var(--mt-surface, #fff);
}
.mt-lbar__stat { flex: 0 0 auto; display: flex; align-items: stretch; }
.mt-stat { padding-right: .8rem; }
.mt-stat + .mt-stat {
padding-left: .8rem;
border-left: 1px solid var(--mt-line-soft, #eef1f5);
}
.mt-stat__v {
display: block;
font-size: 18px;
font-weight: 800;
line-height: 1.2;
letter-spacing: -.03em;
color: var(--mt-text, #1f2937);
font-variant-numeric: tabular-nums;
}
.mt-stat__v--amt { color: #d9202a; }
.mt-stat__l {
display: block;
margin-top: 2px;
font-size: 12px;
color: var(--mt-text-mute, #9aa3af);
letter-spacing: -.02em;
white-space: nowrap;
}
.mt-lbar__tools {
display: flex; flex-wrap: wrap; align-items: center; gap: .5rem;
flex: 1 1 auto; min-width: 0; margin-left: auto; justify-content: flex-end;
}
.mt-lbar__tools .mt-lbar__find { order: 1; }
.mt-lbar__tools .mt-lbar__sort { order: 2; flex: 0 0 auto; }
.mt-lbar__find { position: relative; margin: 0; flex: 1 1 240px; min-width: 170px; max-width: 380px; }
.mt-lbar__find input {
width: 100%;
height: 34px;
padding: 0 36px 0 13px;
border: 1px solid var(--mt-line, #d8dee7);
border-radius: var(--mt-r-pill, 999px);
background: var(--mt-surface-2, #f7f9fc);
font-size: 14px;
color: var(--mt-text, #1f2937);
}
.mt-lbar__find input:focus {
outline: none;
border-color: var(--mt-blue-500, #1a87ff);
background: var(--mt-surface, #fff);
box-shadow: 0 0 0 3px var(--mt-focus, rgba(59,130,246,.15));
}
.mt-lbar__find button {
position: absolute; right: 4px; top: 4px;
display: flex; align-items: center; justify-content: center;
width: 26px; height: 26px;
padding: 0;
border: 0; border-radius: 50%;
background: linear-gradient(135deg, var(--mt-blue-500, #1a87ff), var(--mt-blue-700, #0062cc));
color: #fff;
font-size: 12px;
line-height: 1;
cursor: pointer;
box-shadow: 0 2px 7px -2px rgba(37,99,235,.65);
transition: transform var(--mt-t-fast, .12s) ease, box-shadow var(--mt-t-fast, .12s) ease, filter var(--mt-t-fast, .12s) ease;
}
.mt-lbar__find button:hover { filter: brightness(1.08); box-shadow: 0 3px 10px -2px rgba(37,99,235,.8); }
.mt-lbar__find button:active { transform: scale(.94); }
.mt-lbar__find button:focus-visible { outline: 2px solid var(--mt-blue-500, #1a87ff); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .mt-lbar__find button { transition: none; } }
.mt-lbar__sort {
display: flex;
gap: 2px;
padding: 3px;
border-radius: var(--mt-r-pill, 999px);
background: var(--mt-surface-2, #f2f4f8);
border: 1px solid var(--mt-line-soft, #e9edf3);
}
.mt-lbar__s {
padding: 5px 12px;
border-radius: var(--mt-r-pill, 999px);
font-size: 14px;
font-weight: 600;
letter-spacing: -.02em;
color: var(--mt-text-dim, #6b7280);
text-decoration: none !important;
white-space: nowrap;
}
.mt-lbar__s:hover { color: var(--mt-blue-600, #007bff); }
.mt-lbar__s:hover { background: rgba(37,99,235,.06); }
.mt-lbar__s.on {
background: var(--mt-surface, #fff);
color: var(--mt-blue-600, #007bff);
font-weight: 700;
box-shadow: var(--mt-sh-xs, 0 1px 2px rgba(0,0,0,.12));
}
:root[data-theme="dark"] .mt-lbar__sort { background: var(--mt-surface-2); border-color: var(--mt-line); }
:root[data-theme="dark"] .mt-lbar__s.on { background: var(--mt-surface); color: var(--mt-primary); }
:root[data-theme="dark"] .mt-lbar__s:hover { background: rgba(96,165,250,.12); }
.mt-card { padding: .1rem .15rem .35rem; }
.mt-card__head { display: flex; align-items: baseline; gap: 8px; }
.mt-card__name {
flex: 1 1 auto; min-width: 0;
font-size: 15px;  font-weight: 800; letter-spacing: -.03em;
color: var(--mt-text, #1f2937);
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.mt-card__dom {
flex: 0 1 auto; min-width: 0;
font-size: 12px;
color: var(--mt-text-dim, #6b7280);
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
direction: rtl; text-align: right;
}
.mt-card__foot {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: .5rem;
margin-top: .5rem;
padding-top: .5rem;
border-top: 1px solid var(--mt-line-soft, #f0f2f6);
}
.mt-card__amtbox { display: flex; align-items: baseline; gap: 5px; min-width: 0; }
.mt-card__amtl {
font-size: 12px;
font-weight: 600;
color: var(--mt-text-mute, #9aa3af);
white-space: nowrap;
}
.mt-card__date {
font-size: 12px;
color: var(--mt-text-mute, #9aa3af);
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.mt-card__amt { font-size: 18px !important;  font-weight: 800 !important; color: #d9202a !important; }
@media (max-width: 575px) {
.mt-lbar { padding: .6rem .65rem; gap: .5rem 0; }
.mt-lbar__stat {
flex: 1 0 100%;
display: grid;
grid-template-columns: 1fr 1fr;
font-size: 13px;
text-align: center;
}
.mt-stat { padding-right: .5rem; }
.mt-stat + .mt-stat { padding-left: .5rem; }
.mt-lbar__tools { flex: 1 0 100%; gap: .4rem; flex-wrap: nowrap; }
.mt-lbar__find { order: 1; flex: 1 1 auto; min-width: 0; max-width: none; }
.mt-lbar__find input { width: 100%; height: 36px; padding-right: 32px; font-size: 13px; }
.mt-lbar__find button { width: 28px; height: 28px; top: 4px; right: 4px; }
.mt-lbar__sort { order: 2; flex: 0 0 auto; padding: 2px; }
.mt-lbar__s { text-align: center; padding: 6px 8px; font-size: 12px; letter-spacing: -.04em; }
}
:root[data-theme="dark"] .mt-lbar { background: var(--mt-surface); border-color: var(--mt-line); }
:root[data-theme="dark"] .mt-stat__v { color: var(--mt-text); }
:root[data-theme="dark"] .mt-stat__v--amt { color: #FF8A94; }
:root[data-theme="dark"] .mt-stat__l { color: var(--mt-text-mute); }
:root[data-theme="dark"] .mt-stat + .mt-stat { border-left-color: var(--mt-line); }
:root[data-theme="dark"] .mt-lbar__find input { background: var(--mt-surface-2); border-color: var(--mt-line); color: var(--mt-text); }
:root[data-theme="dark"] .mt-lbar__s { color: var(--mt-text-dim); }
:root[data-theme="dark"] .mt-lbar__s:hover { color: var(--mt-primary); }
:root[data-theme="dark"] .mt-lbar__sort { background: var(--mt-surface-2); }
:root[data-theme="dark"] .mt-lbar__s.on { background: var(--mt-surface); color: var(--mt-primary); box-shadow: none; }
:root[data-theme="dark"] .mt-card__name { color: var(--mt-text); }
:root[data-theme="dark"] .mt-card__dom { color: var(--mt-text-dim); }
:root[data-theme="dark"] .mt-card__foot { border-top-color: var(--mt-line); }
:root[data-theme="dark"] .mt-card__date,
:root[data-theme="dark"] .mt-card__amtl { color: var(--mt-text-mute); }
:root[data-theme="dark"] .mt-card__amt { color: #FF8A94 !important; }
.mt-wf__help { margin-top: 4px; font-size: 12px;  line-height: 1.5; }
.mt-req {
margin-left: 4px;
padding: 1px 5px 2px;
border-radius: var(--mt-r-pill, 999px);
background: #d9202a;
color: #fff;
font-size: 11px;
font-weight: 700;
vertical-align: 1px;
}
:root[data-theme="dark"] .mt-wf__help { color: var(--mt-text-dim) !important; }
#bo_gallery .list-safety-item-btn-wrap a.btn_safety_view {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
border: 1px solid var(--mt-line, #d8dee7) !important;
border-radius: 5px;
color: var(--mt-text-sub, #4b5563) !important;
background: var(--mt-surface-2, #f7f9fc);
font-size: 14px;
font-weight: 700;
padding: 7px 0 !important;
margin-right: 0 !important;
transition: background-color var(--mt-t-fast, .12s) ease, color var(--mt-t-fast, .12s) ease, border-color var(--mt-t-fast, .12s) ease;
}
#bo_gallery .list-safety-item-btn-wrap a.btn_safety_view:hover {
background: var(--mt-blue-600, #007bff) !important;
border-color: var(--mt-blue-600, #007bff) !important;
color: #fff !important;
}
#bo_gallery .list-safety-item-btn-wrap a.btn_safety_view .fa { transition: transform var(--mt-t-fast, .12s) ease; }
#bo_gallery .list-safety-item-btn-wrap a.btn_safety_view:hover .fa { transform: translateX(3px); }
@media (max-width: 575px) {
#bo_gallery .list-item-wrap:has(> .mt-card) {
display: grid;
grid-template-columns: 42% minmax(0, 1fr);
grid-template-rows: auto auto;
column-gap: 10px;
row-gap: 8px;
align-items: start;
}
#bo_gallery .list-item-wrap:has(> .mt-card) > .img-wrap {
grid-column: 1; grid-row: 1;
float: none !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding-bottom: 56.25% !important;
}
#bo_gallery .img-wrap .img-item { position: absolute !important; }
#bo_gallery .list-item-wrap:has(> .mt-card) > .mt-card { grid-column: 2; grid-row: 1; padding: 0; }
#bo_gallery .list-safety-item-btn-wrap {
grid-column: 1 / -1; grid-row: 2;
float: none !important;
width: auto !important;
margin: 0 !important;
}
#bo_gallery .list-safety-item-btn-wrap a.btn_safety_view {
width: 100%;
font-size: 14px;
padding: 8px 0 !important;
height: auto !important;
line-height: 1.5 !important;
}
#bo_gallery .list-item { padding-bottom: 1rem !important; }
.mt-card__head { flex-wrap: wrap; gap: 0 6px; }
.mt-card__name { flex: 1 0 100%; }
.mt-card__dom { flex: 1 0 100%; direction: ltr; text-align: left; }
.mt-card__foot { margin-top: .35rem; padding-top: .35rem; }
}
:root[data-theme="dark"] #bo_gallery .list-safety-item-btn-wrap a.btn_safety_view {
background: var(--mt-surface-2) !important;
border-color: var(--mt-line) !important;
color: var(--mt-text) !important;
}
:root[data-theme="dark"] #bo_gallery .list-safety-item-btn-wrap a.btn_safety_view:hover {
background: var(--mt-primary) !important;
border-color: var(--mt-primary) !important;
color: #0d1117 !important;
}
:root[data-theme="dark"] .mt-lbar__find button {
background: linear-gradient(135deg, var(--mt-primary), #2f6fd0);
box-shadow: 0 2px 7px -2px rgba(0,0,0,.6);
}
.cmt-btn ul { list-style: none; margin: 0; padding: 0; }
.cmt-btn ul > li {
float: left;
font-size: 12px;
padding: 0 10px;
}
.cmt-btn ul > li::before {
float: left;
margin-left: -12px;
color: var(--mt-line, #ccc);
content: "|";
}
.cmt-btn ul > li:last-child { padding-right: 0; }
.cmt-btn ul > li:first-child::before,
.cmt-btn ul > li.no-bar::before { content: ""; margin-left: 0; }
.cmt-btn ul > li > a {
float: left;
color: var(--mt-text-dim, #6b7280);
white-space: nowrap;
text-decoration: none !important;
transition: color var(--mt-t-fast, .12s) ease;
}
.cmt-btn ul > li > a:hover { color: var(--mt-blue-600, #007bff); }
@media (max-width: 575px) {
.cmt-btn ul > li { padding: 2px 11px; }
.cmt-btn ul > li::before { margin-left: -13px; }
}
:root[data-theme="dark"] .cmt-btn ul > li::before { color: var(--mt-line); }
:root[data-theme="dark"] .cmt-btn ul > li > a { color: var(--mt-text-dim); }
:root[data-theme="dark"] .cmt-btn ul > li > a:hover { color: var(--mt-primary); }
.mt-rel.main_sd_list { margin: 0 0 1.5rem; padding: .8rem 1rem .85rem !important; }
.mt-rel > h3.h3 { margin-bottom: .1rem; }
details.mt-rel-box { padding-bottom: .8rem !important; }
.mt-rel__sum {
position: relative;
display: flex;
align-items: center;
gap: 7px;
padding: .15rem 26px .15rem 0;
cursor: pointer;
font-size: 17px;
font-weight: 700;
letter-spacing: -.03em;
color: var(--mt-text, #1f2937);
list-style: none;
}
.mt-rel__sum::-webkit-details-marker { display: none; }
.mt-rel__sum::after {
content: '\f107';
font-family: FontAwesome;
position: absolute;
right: 2px;
top: 50%;
transform: translateY(-50%);
font-size: 16px;
line-height: 1;
color: var(--mt-text-dim, #6b7280);
transition: transform .18s ease;
}
details.mt-rel-box[open] .mt-rel__sum::after { transform: translateY(-50%) rotate(180deg); }
.mt-rel__cnt {
font-size: 12px;
font-weight: 600;
line-height: 1;
padding: 3px 7px;
border-radius: 999px;
color: var(--mt-text-mute, #6b7280);
background: var(--mt-surface-2, #f3f4f6);
}
details.mt-rel-box[open] .mt-rel__sum { margin-bottom: .55rem; border-bottom: 1px solid var(--mt-line-soft, #e5e7eb); padding-bottom: .5rem; }
:root[data-theme="dark"] .mt-rel__cnt { color: var(--mt-text-mute); background: var(--mt-surface-2); }
.mt-rel > hr.hr { margin-bottom: .65rem !important; }
.mt-rel__why {
margin: 0 0 .6rem;
font-size: 12px;
line-height: 1.55;
color: var(--mt-text-mute, #9aa3af);
}
.mt-rel__why.is-strong {
padding: .5rem .6rem;
border-radius: 5px;
background: var(--mt-blue-50, #e8f2ff);
color: var(--mt-blue-700, #0062cc);
font-weight: 600;
}
.mt-rel__why .fa { margin-right: 3px; }
.mt-rel__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .5rem;
margin: 0;
padding: 0;
list-style: none;
}
.mt-rel__item {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 0 8px;
min-width: 0;
padding: .55rem .65rem;
border: 1px solid var(--mt-line-soft, #eef1f5);
border-radius: 6px;
background: var(--mt-surface-2, #fafbfd);
text-decoration: none !important;
color: inherit;
transition: border-color var(--mt-t-fast, .12s) ease,
background-color var(--mt-t-fast, .12s) ease;
}
.mt-rel__item:hover {
border-color: var(--mt-blue-200, #99c9ff);
background: var(--mt-blue-50, #e8f2ff);
text-decoration: none !important;
}
.mt-rel__item:hover .mt-rel__nm { color: var(--mt-blue-600, #007bff); }
.mt-rel__nm {
grid-column: 1;
font-size: 14px;
font-weight: 700;
line-height: 1.35;
color: var(--mt-text, #1f2937);
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.mt-rel__amt {
grid-column: 2; grid-row: 1;
padding: 1px 6px 2px;
border-radius: var(--mt-r-pill, 999px);
background: rgba(217,32,42,.09);
font-size: 12px;
font-weight: 800;
color: #d9202a;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.mt-rel__dm {
grid-column: 1 / -1; grid-row: 2;
margin-top: 2px;
font-size: 12px;
color: var(--mt-text-mute, #9aa3af);
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
@media (max-width: 767px) {
.mt-rel.main_sd_list { padding: .75rem .8rem .8rem !important; }
.mt-rel__list { grid-template-columns: minmax(0, 1fr); gap: .45rem; }
}
:root[data-theme="dark"] .mt-rel__why { color: var(--mt-text-dim); }
:root[data-theme="dark"] .mt-rel__item {
background: var(--mt-surface-2);
border-color: var(--mt-line);
}
:root[data-theme="dark"] .mt-rel__item:hover {
background: rgba(96,165,250,.12);
border-color: rgba(96,165,250,.4);
}
:root[data-theme="dark"] .mt-rel__amt { background: rgba(255,138,148,.14); }
:root[data-theme="dark"] .mt-rel__why.is-strong { background: rgba(96,165,250,.12); color: var(--mt-primary); }
:root[data-theme="dark"] .mt-rel__nm { color: var(--mt-text); }
:root[data-theme="dark"] .mt-rel__dm { color: var(--mt-text-dim); }
:root[data-theme="dark"] .mt-rel__amt { color: #FF8A94; }
.mt-subjwrap { display: flex; gap: 6px; }
.mt-subjwrap > input { flex: 1 1 auto; min-width: 0; }
.mt-subjwrap > button { flex: 0 0 auto; white-space: nowrap; font-size: 13px; padding: 0 12px; }
@media (max-width: 575px) { .mt-subjwrap > button { font-size: 12px; padding: 0 9px; } }
#nt_menu .me-li > a { position: relative; }
#nt_menu .me-li > a { text-align: center; }
#nt_menu .me-a > i.fa.empty { display: none; }
#nt_menu .me-li > a > .me-a { position: relative; }
#nt_menu .me-li:not(.menu-totosite) > a > .me-a { display: inline-block; }
#nt_menu .me-li:not(.menu-totosite) > a > .me-a::after {
content: "";
position: absolute;
left: .5rem;
right: .5rem;
bottom: -5px;
height: 3px;
border-radius: 3px 3px 0 0;
background: var(--mt-blue-600);
transform: scaleX(0);
transform-origin: center;
transition: transform var(--mt-t-fast);
}
#nt_menu .me-li:not(.menu-totosite):hover > a > .me-a::after,
#nt_menu .me-li.on:not(.menu-totosite) > a > .me-a::after { transform: scaleX(1); }
#nt_menu .me-li.menu-totosite > a > .me-a::after {
display: block !important;
content: "" !important;
left: .5rem !important;
right: .5rem !important;
width: auto !important;
bottom: -5px !important;
height: 3px !important;
transform: scaleX(0) !important;
transform-origin: center;
transition: transform var(--mt-t-fast);
}
#nt_menu .me-li.menu-totosite:hover > a > .me-a::after,
#nt_menu .me-li.menu-totosite.on > a > .me-a::after {
width: auto !important;
transform: scaleX(1) !important;
}
#nt_menu .me-li:not(.menu-totosite):hover > a > .me-a,
#nt_menu .me-li.on:not(.menu-totosite) > a > .me-a,
#nt_menu .me-li.on:not(.menu-totosite):hover > a > .me-a {
background: transparent !important;
box-shadow: none !important;
}
#nt_menu .me-li.menu-totosite:hover > a,
#nt_menu .me-li.menu-totosite.on > a,
#nt_menu .me-li.menu-totosite.on:hover > a {
background-color: transparent !important;
box-shadow: none !important;
}
#nt_menu .me-li:not(.menu-totosite):hover > a > .me-a { color: var(--mt-blue-600) !important; }
#nt_menu .me-li.on:not(.menu-totosite) > a > .me-a,
#nt_menu .me-li.on:not(.menu-totosite):hover > a > .me-a {
color: var(--mt-blue-700) !important;
font-weight: 800;
}
:root[data-theme="dark"] #nt_menu .me-li:not(.menu-totosite):hover > a > .me-a,
:root[data-theme="dark"] #nt_menu .me-li.on:not(.menu-totosite) > a > .me-a,
:root[data-theme="dark"] #nt_menu .me-li.on:not(.menu-totosite):hover > a > .me-a {
background: transparent !important;
box-shadow: none !important;
}
:root[data-theme="dark"] #nt_menu .me-li:not(.menu-totosite):hover > a > .me-a { color: var(--mt-primary) !important; }
:root[data-theme="dark"] #nt_menu .me-li.on:not(.menu-totosite) > a > .me-a,
:root[data-theme="dark"] #nt_menu .me-li.on:not(.menu-totosite):hover > a > .me-a { color: #cfe4ff !important; }
:root[data-theme="dark"] #nt_menu .me-li:not(.menu-totosite) > a::after { background: var(--mt-primary); }
.main_explain_title_wrap {
padding: 1.6rem 1.5rem 1.7rem;
}
.main_explain_title_wrap > .main_explain_con_div,
.main_explain_con_wrap > .main_explain_con_div {
padding-top: 0;
}
.main_explain_title_wrap > .main_explain_con_div:not(:first-child),
.main_explain_con_wrap > .main_explain_con_div:not(:first-child) {
margin-top: 1.4rem;
padding: 1.25rem 1.3rem 1.35rem;
border: 1px solid var(--mt-line-soft);
border-radius: 10px;
background: var(--mt-surface);
}
.main_explain_title_wrap > .main_explain_con_div:first-child,
.main_explain_con_wrap > .main_explain_con_div:first-child {
padding: 0;
border: 0;
background: none;
}
.main_explain_con_title {
display: block !important;
margin: 0 0 1rem !important;
padding: .1rem 0 .1rem .8rem !important;
border-left: 4px solid var(--mt-blue-600);
border-radius: 0 !important;
background: none !important;
background-color: transparent !important;
}
.main_explain_con_title h2,
.main_explain_con_title h3,
.main_explain_con_title h4 {
margin: 0;
font-size: 17px;
font-weight: 800;
letter-spacing: -.04em;
line-height: 1.4;
color: var(--mt-text) !important;
word-break: keep-all;
}
.main_explain_con > div,
.main_explain_con > p {
margin-top: 1rem;
font-size: 15px;
line-height: 1.8;
letter-spacing: -.025em;
color: var(--mt-text-sub);
word-break: keep-all;
}
.main_explain_con > div:first-child,
.main_explain_con > p:first-child { margin-top: 0; }
.main_explain_con ul li > span[class^="main_explain_con_num_icon"] {
background: var(--mt-blue-600) !important;
color: #fff !important;
}
.main_explain_con > div ul { margin-top: .4rem; }
.main_explain_con > div ul li { margin-top: .55rem; }
.main_explain_con > ul,
.main_explain_con > div > ul {
margin: .9rem 0 0;
padding-left: 0;
list-style: none;
}
.main_explain_con > ul > li,
.main_explain_con > div > ul > li {
position: relative;
display: block;
margin-top: .55rem;
padding-left: 1.05rem;
font-size: 15px;
line-height: 1.75;
letter-spacing: -.025em;
color: var(--mt-text-sub);
word-break: keep-all;
}
.main_explain_con > ul > li::before,
.main_explain_con > div > ul > li::before {
content: "";
position: absolute;
left: .15rem;
top: .78em;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--mt-blue-600);
}
.main_explain_con ul > li:has(> span[class^="main_explain_con_num_icon"]) {
display: flex;
padding-left: 0;
}
.main_explain_con ul > li:has(> span[class^="main_explain_con_num_icon"])::before {
content: none;
}
.main_explain_con ol {
margin: .9rem 0 0;
padding-left: 0;
list-style: none;
counter-reset: none;
}
.main_explain_con ol > li {
position: relative;
margin-top: .55rem;
padding-left: 1.05rem;
font-size: 15px;
line-height: 1.75;
letter-spacing: -.025em;
color: var(--mt-text-sub);
word-break: keep-all;
}
.main_explain_con ol > li::before {
content: "";
position: absolute;
left: .15rem;
top: .78em;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--mt-blue-400);
}
.main_explain_con table {
width: 100%;
margin-top: 1rem !important;
border: 1px solid var(--mt-line) !important;
border-collapse: separate !important;
border-spacing: 0 !important;
border-radius: 10px;
overflow: hidden;
font-size: 14px;
line-height: 1.65;
}
.main_explain_con table th,
.main_explain_con table td {
border: 0 !important;
border-bottom: 1px solid var(--mt-line-soft) !important;
padding: .75rem .85rem !important;
text-align: left;
vertical-align: top;
letter-spacing: -.025em;
color: var(--mt-text-sub);
word-break: keep-all;
}
.main_explain_con table tr:last-child td { border-bottom: 0 !important; }
.main_explain_con table th {
background: var(--mt-surface-2) !important;
font-weight: 700;
color: var(--mt-text);
white-space: nowrap;
}
.main_explain_con table tr { background: none !important; }
.main_explain_con table td:first-child {
font-weight: 700;
color: var(--mt-text);
white-space: nowrap;
}
.main_explain_con .main_explain_con_inner_end {
margin-top: 1.15rem;
padding: .9rem 1rem;
border: 0;
border-left: 3px solid var(--mt-blue-600);
border-radius: 0 8px 8px 0;
background: var(--mt-blue-50);
font-size: 14px;
line-height: 1.75;
color: var(--mt-text-sub);
}
.main_explain_con a {
color: var(--mt-blue-600);
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid var(--mt-blue-200);
}
.main_explain_con a:hover {
color: var(--mt-blue-700);
border-bottom-color: var(--mt-blue-600);
}
@media (max-width: 575px) {
.main_explain_title_wrap { padding: 1.25rem 1rem 1.3rem; }
.main_explain_title_wrap > .main_explain_con_div:not(:first-child),
.main_explain_con_wrap > .main_explain_con_div:not(:first-child) {
margin-top: 1.1rem;
padding: 1.05rem 1rem 1.1rem;
}
.main_explain_con_title h2,
.main_explain_con_title h3,
.main_explain_con_title h4 { font-size: 16px; }
.main_explain_con > div,
.main_explain_con > ul > li,
.main_explain_con > div > ul > li,
.main_explain_con ol > li { font-size: 14px; line-height: 1.75; }
.main_explain_con table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
white-space: normal;
}
.main_explain_con table tbody { display: table; width: 100%; min-width: 33rem; }
.main_explain_con table th,
.main_explain_con table td { padding: .65rem .7rem !important; font-size: 13px; }
}
:root[data-theme="dark"] .main_explain_title_wrap > .main_explain_con_div:not(:first-child),
:root[data-theme="dark"] .main_explain_con_wrap > .main_explain_con_div:not(:first-child) {
background: var(--mt-surface-2) !important;
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] .main_explain_con_title { border-left-color: var(--mt-primary); }
:root[data-theme="dark"] .main_explain_con_title h2,
:root[data-theme="dark"] .main_explain_con_title h3,
:root[data-theme="dark"] .main_explain_con_title h4 { color: var(--mt-text) !important; }
:root[data-theme="dark"] .main_explain_con > ul > li,
:root[data-theme="dark"] .main_explain_con > div > ul > li,
:root[data-theme="dark"] .main_explain_con ol > li { color: var(--mt-text-sub) !important; }
:root[data-theme="dark"] .main_explain_con > ul > li::before,
:root[data-theme="dark"] .main_explain_con > div > ul > li::before,
:root[data-theme="dark"] .main_explain_con ol > li::before { background: var(--mt-primary); }
:root[data-theme="dark"] .main_explain_con ul li > span[class^="main_explain_con_num_icon"] {
background: var(--mt-primary) !important;
color: #0b1220 !important;
}
:root[data-theme="dark"] .main_explain_con table { border-color: var(--mt-line) !important; }
:root[data-theme="dark"] .main_explain_con table th,
:root[data-theme="dark"] .main_explain_con table td {
border-bottom-color: var(--mt-line) !important;
color: var(--mt-text-sub) !important;
}
:root[data-theme="dark"] .main_explain_con table th,
:root[data-theme="dark"] .main_explain_con table td:first-child { color: var(--mt-text) !important; }
:root[data-theme="dark"] .main_explain_con table th { background: rgba(148,163,184,.10) !important; }
:root[data-theme="dark"] .main_explain_con a { color: var(--mt-primary) !important; border-bottom-color: rgba(77,155,255,.4); }
.na-col.card > .main_explain_title_wrap {
border: 0 !important;
border-radius: 0 !important;
background: none !important;
background-color: transparent !important;
box-shadow: none !important;
margin-top: 1.5rem;
padding: 1.6rem 0 .25rem;
border-top: 1px solid var(--mt-line-soft) !important;
}
:root[data-theme="dark"] .na-col.card > .main_explain_title_wrap {
background-color: transparent !important;
border-top-color: var(--mt-line) !important;
}
@media (max-width: 575px) {
.na-col.card > .main_explain_title_wrap { padding: 1.3rem 0 .25rem; }
}
.na-col.card > .main_explain_title_wrap > .main_explain_con_div:first-child {
padding-left: 1.3rem;
padding-right: 1.3rem;
}
@media (max-width: 575px) {
.na-col.card > .main_explain_title_wrap > .main_explain_con_div:first-child {
padding-left: 1rem;
padding-right: 1rem;
}
}
#bo_list_wrap > .mt-lbar,
.na-col.card .mt-lbar {
border: 0 !important;
border-radius: 0 !important;
background: none !important;
background-color: transparent !important;
box-shadow: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-bottom: .75rem !important;
}
:root[data-theme="dark"] .na-col.card .mt-lbar {
background-color: transparent !important;
border: 0 !important;
}
.bo_safety_view_con_line {
display: flex;
align-items: center;
gap: .7rem;
margin: 1.9rem 0 1.15rem !important;
}
.bo_safety_view_con_line .text {
flex: 0 0 auto;
border: 0 !important;
border-left: 4px solid var(--mt-blue-600) !important;
border-radius: 0 !important;
padding: .05rem 0 .05rem .75rem !important;
color: var(--mt-text) !important;
font-size: 17px;
font-weight: 800;
letter-spacing: -.04em;
line-height: 1.4;
}
.bo_safety_view_con_line .bar {
flex: 1 1 auto;
width: auto !important;
height: 1px !important;
margin-top: 0 !important;
background: var(--mt-line-soft) !important;
}
@media (max-width: 575px) {
.bo_safety_view_con_line { margin: 1.5rem 0 1rem !important; }
.bo_safety_view_con_line .text { font-size: 16px; }
}
:root[data-theme="dark"] .bo_safety_view_con_line .text {
color: var(--mt-text) !important;
border-left-color: var(--mt-primary) !important;
}
:root[data-theme="dark"] .bo_safety_view_con_line .bar {
background: var(--mt-line) !important;
}
#bo_gallery .list-item .list-item-div {
border: 1px solid var(--mt-line-soft) !important;
border-radius: 10px !important;
background: var(--mt-surface) !important;
box-shadow: none !important;
overflow: hidden;
transition: border-color var(--mt-t-fast), background-color var(--mt-t-fast);
}
#bo_gallery .list-item:hover .list-item-div {
border: 1px solid var(--mt-blue-600) !important;
}
#bo_gallery .list-item:hover .list-item-div .list-item-title,
#bo_gallery .list-item:hover .list-item-div .list-item-wrap {
margin: 0 !important;
}
#bo_gallery .list-item .list-item-div .list-item-title {
border-bottom: 1px solid var(--mt-line-soft) !important;
background: var(--mt-surface) !important;
font-weight: 700;
color: var(--mt-text);
}
#bo_gallery .list-safety-info table tr th {
border: 1px solid var(--mt-line-soft) !important;
background: var(--mt-surface-2) !important;
color: var(--mt-text-sub) !important;
font-weight: 700 !important;
letter-spacing: -.03em;
}
#bo_gallery .list-safety-info table tr td {
border: 1px solid var(--mt-line-soft) !important;
background: var(--mt-surface) !important;
}
#bo_gallery .list-safety-info table tr th { border-right: 0 !important; }
#bo_gallery .list-safety-info table tr + tr th,
#bo_gallery .list-safety-info table tr + tr td { border-top: 0 !important; }
#bo_gallery .list-safety-item-btn-wrap a.btn_safety_view,
#bo_gallery .list-safety-item-btn-wrap a.btn_safety_site {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
border-width: 1px !important;
border-style: solid !important;
border-radius: 6px !important;
font-size: 14px;
font-weight: 600;
letter-spacing: -.03em;
padding: 8px 0 !important;
height: auto !important;
line-height: 1.5 !important;
}
#bo_gallery .list-safety-item-btn-wrap a.btn_safety_site {
border-color: var(--mt-danger) !important;
color: var(--mt-danger) !important;
background: var(--mt-surface) !important;
}
#bo_gallery .list-safety-item-btn-wrap a.btn_safety_site:hover {
background: var(--mt-danger) !important;
color: #fff !important;
}
#bo_gallery .list-safety-item-btn-wrap a.btn_safety_site img {
margin-top: 0 !important;
vertical-align: middle !important;
}
:root[data-theme="dark"] #bo_gallery .list-item .list-item-div {
border-color: var(--mt-line) !important;
background: var(--mt-surface) !important;
}
:root[data-theme="dark"] #bo_gallery .list-item:hover .list-item-div {
border-color: var(--mt-primary) !important;
}
:root[data-theme="dark"] #bo_gallery .list-safety-info table tr th {
background: var(--mt-surface-2) !important;
border-color: var(--mt-line) !important;
color: var(--mt-text-sub) !important;
}
:root[data-theme="dark"] #bo_gallery .list-safety-info table tr td {
background: var(--mt-surface) !important;
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] #bo_gallery .list-safety-item-btn-wrap a.btn_safety_site {
background: var(--mt-surface-2) !important;
border-color: #E17373 !important;
color: #E17373 !important;
}
:root[data-theme="dark"] #bo_gallery .list-safety-item-btn-wrap a.btn_safety_site:hover {
background: #E17373 !important;
color: #0d1117 !important;
}
.mt-card__amtl,
.mt-card__amt {
font-size: 15px !important;
line-height: 1.45 !important;
}
.mt-card__amtbox { align-items: center; }
@media (max-width: 575px) {
.mt-card__amtl,
.mt-card__amt { font-size: 14px !important; }
}
#bo_gallery .list-safety-item-btn-wrap {
display: flex;
gap: 6px;
}
#bo_gallery .list-safety-item-btn-wrap > a {
flex: 1 1 0;
min-width: 0;
margin: 0 !important;
}
@media (max-width: 575px) {
#bo_gallery .list-item-wrap:not(:has(> .mt-card)) > .img-wrap {
float: none !important;
width: auto !important;
margin: 0 0 .5rem !important;
}
#bo_gallery .list-item-wrap:not(:has(> .mt-card)) .list-safety-info {
float: none !important;
width: 100% !important;
margin-top: 0 !important;
}
#bo_gallery .list-item-wrap:not(:has(> .mt-card))::after {
content: '';
display: block;
clear: both;
}
#bo_gallery .list-safety-info table tr th { width: 90px !important; }
}
@media (max-width: 575px) {
#bo_gallery .list-item-wrap:not(:has(> .mt-card)) > .img-wrap {
float: none !important;
width: auto !important;
height: auto !important;
margin: 0 0 .55rem !important;
padding-bottom: 90% !important;
position: relative;
}
#bo_gallery .list-item-wrap:not(:has(> .mt-card)) > .img-wrap .img-item {
position: absolute !important;
top: 0; right: 0; bottom: 0; left: 0;
}
#bo_gallery .list-item-wrap:not(:has(> .mt-card)) > .img-wrap .img-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
#bo_list_wrap:has(> .mt-lbar) > #bo_search {
display: none !important;
}
@media (max-width: 767.98px) {
#bo_gallery ul#list-body.row-cols-1 > .list-item:not(:has(.mt-card)) {
flex: 0 0 50% !important;
max-width: 50% !important;
}
}
#bo_v:not(.mt-2) { margin-top: .5rem; }
@media (min-width: 577px) {
.bo_safety_top_con_wrap {
display: flex;
align-items: stretch;
gap: 15px;
}
.bo_safety_info_img_wrap {
flex: 0 0 330px;
max-width: 330px;
height: 270px;
}
.bo_safety_info_img_wrap .img_wrap {
background: var(--mt-surface-2);
overflow: hidden;
}
.bo_safety_info_img_wrap .img_wrap,
.bo_safety_info_img_wrap .img_wrap #bo_v_img,
.bo_safety_info_img_wrap .img_wrap #bo_v_img .view_image { height: 100%; }
.bo_safety_info_img_wrap .img_wrap #bo_v_img img {
height: 100%;
object-fit: contain;
}
.bo_safety_info_tbl_wrap {
float: none !important;
width: auto !important;
flex: 1 1 auto;
min-width: 0;
margin-top: 0 !important;
}
.tbl_bo_safety_info { height: 100%; }
}
.tbl_bo_safety_info tr th {
border: 1px solid var(--mt-line-soft) !important;
background: var(--mt-surface-2) !important;
color: var(--mt-text-sub) !important;
font-weight: 700 !important;
letter-spacing: -.03em;
border-right: 0 !important;
}
.tbl_bo_safety_info tr td {
border: 1px solid var(--mt-line-soft) !important;
background: var(--mt-surface) !important;
color: var(--mt-text) !important;
}
.tbl_bo_safety_info tr + tr th,
.tbl_bo_safety_info tr + tr td { border-top: 0 !important; }
.bo_safety_info_tbl_wrap {
box-shadow: none !important;
border-radius: 10px;
overflow: hidden;
}
.tbl_bo_safety_info tr td .icon_safety_game {
display: inline-block;
background: var(--mt-surface-2) !important;
color: var(--mt-text-sub) !important;
border: 1px solid var(--mt-line-soft);
border-radius: 6px !important;
padding: 3px 9px !important;
line-height: 1.5 !important;
}
:root[data-theme="dark"] .tbl_bo_safety_info tr th,
:root[data-theme="dark"] .tbl_bo_safety_info tr td {
border-color: var(--mt-line) !important;
}
:root[data-theme="dark"] .tbl_bo_safety_info tr th {
background: var(--mt-surface-2) !important;
color: var(--mt-text-sub) !important;
}
:root[data-theme="dark"] .tbl_bo_safety_info tr td {
background: var(--mt-surface) !important;
color: var(--mt-text) !important;
}
:root[data-theme="dark"] .tbl_bo_safety_info tr td .icon_safety_game {
background: var(--mt-surface-2) !important;
color: var(--mt-text) !important;
border-color: var(--mt-line);
}
@media (max-width: 767.98px) {
#bo_gallery .list-item-wrap:not(:has(> .mt-card)) > .img-wrap {
padding-bottom: 81.8% !important;
background: var(--mt-surface-2) !important;
}
#bo_gallery .list-item-wrap:not(:has(> .mt-card)) > .img-wrap .img-item img {
object-fit: contain !important;
}
#bo_gallery .list-safety-info table {
table-layout: fixed;
width: 100%;
}
#bo_gallery .list-safety-info table colgroup { display: none; }
#bo_gallery .list-safety-info table tr th {
width: 38% !important;
font-size: 11px !important;
padding: 0 4px !important;
height: 30px !important;
letter-spacing: -.06em;
word-break: keep-all;
}
#bo_gallery .list-safety-info table tr td {
width: 62% !important;
font-size: 12px !important;
padding: 0 5px !important;
height: 30px !important;
letter-spacing: -.04em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#bo_gallery .list-safety-item-btn-wrap {
flex-direction: column;
gap: 5px;
}
#bo_gallery .list-safety-item-btn-wrap > a {
width: 100%;
font-size: 13px;
padding: 7px 0 !important;
}
}
#bo_gallery .list-item-wrap:not(:has(> .mt-card)) > .img-wrap {
position: relative;
height: 0 !important;
padding-bottom: 81.8% !important;
background: var(--mt-surface-2) !important;
overflow: hidden;
}
#bo_gallery .list-item-wrap:not(:has(> .mt-card)) > .img-wrap .img-item {
position: absolute !important;
top: 0; right: 0; bottom: 0; left: 0;
}
#bo_gallery .list-item-wrap:not(:has(> .mt-card)) > .img-wrap .img-item a { display: block; height: 100%; }
#bo_gallery .list-item-wrap:not(:has(> .mt-card)) > .img-wrap .img-item img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
}
#bo_gallery ul#list-body > .list-item:not(:has(.mt-card)) { display: flex; }
#bo_gallery ul#list-body > .list-item:not(:has(.mt-card)) > .list-item-div {
display: flex;
flex-direction: column;
width: 100%;
}
#bo_gallery ul#list-body > .list-item:not(:has(.mt-card)) > .list-item-div > .list-item-wrap {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
#bo_gallery .list-item-wrap:not(:has(> .mt-card)) > .list-safety-info { flex: 1 1 auto; }
#bo_gallery .list-safety-item-btn-wrap {
margin-top: .8rem !important;
}
#btn_sms_cert_send,
#btn_sms_cert_check {
min-width: 8.75rem;
text-align: center;
white-space: nowrap;
letter-spacing: -.02em;
}
#sms_cert_code {
text-align: left;
letter-spacing: normal;
font-weight: 400;
}
@media (max-width: 575px) {
#btn_sms_cert_send,
#btn_sms_cert_check { min-width: 7.25rem; }
}
.mt-sum__info .mt-sum__tbl {
border: 1px solid var(--mt-line-soft);
border-radius: 10px;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
}
.mt-sum__tbl th {
background: var(--mt-surface-2);
border-right: 1px solid var(--mt-line-soft);
color: var(--mt-text-sub);
font-weight: 700;
}
.mt-sum__tbl th,
.mt-sum__tbl td { border-bottom: 1px solid var(--mt-line-soft); }
.mt-sum__tbl tr:last-child th,
.mt-sum__tbl tr:last-child td { border-bottom: 0; }
:root[data-theme="dark"] .mt-sum__info .mt-sum__tbl { border-color: var(--mt-line); }
:root[data-theme="dark"] .mt-sum__tbl th {
background: var(--mt-surface-2);
border-right-color: var(--mt-line);
color: var(--mt-text-sub);
}
:root[data-theme="dark"] .mt-sum__tbl th,
:root[data-theme="dark"] .mt-sum__tbl td { border-bottom-color: var(--mt-line); }
.mt-findbar {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .6rem 1rem;
margin: 0 0 1rem;
padding: .8rem 1rem;
}
.mt-findbar::before {
content: "보증업체 찾기";
flex: 0 0 auto;
font-size: 14px;
font-weight: 700;
letter-spacing: -.03em;
color: var(--mt-text);
}
.mt-findbar__form {
position: relative;
margin: 0 0 0 auto;
flex: 1 1 240px;
min-width: 170px;
max-width: 380px;
}
.mt-findbar__form input[type="text"] {
width: 100%;
height: 34px;
padding: 0 36px 0 13px;
border: 1px solid var(--mt-line, #d8dee7);
border-radius: var(--mt-r-pill, 999px);
background: var(--mt-surface-2, #f7f9fc);
font-size: 14px;
color: var(--mt-text, #1f2937);
}
.mt-findbar__form input[type="text"]:focus {
outline: none;
border-color: var(--mt-blue-500, #1a87ff);
background: var(--mt-surface, #fff);
box-shadow: 0 0 0 3px var(--mt-focus, rgba(59,130,246,.15));
}
.mt-findbar__form button {
position: absolute; right: 4px; top: 4px;
display: flex; align-items: center; justify-content: center;
width: 26px; height: 26px;
padding: 0;
border: 0; border-radius: 50%;
background: linear-gradient(135deg, var(--mt-blue-500, #1a87ff), var(--mt-blue-700, #0062cc));
color: #fff;
font-size: 12px;
line-height: 1;
cursor: pointer;
box-shadow: 0 2px 7px -2px rgba(37,99,235,.65);
transition: transform var(--mt-t-fast, .12s) ease, box-shadow var(--mt-t-fast, .12s) ease, filter var(--mt-t-fast, .12s) ease;
}
.mt-findbar__form button:hover { filter: brightness(1.08); box-shadow: 0 3px 10px -2px rgba(37,99,235,.8); }
.mt-findbar__form button:active { transform: scale(.94); }
.mt-findbar__form button:focus-visible { outline: 2px solid var(--mt-blue-500, #1a87ff); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .mt-findbar__form button { transition: none; } }
.mt-findbar__reset {
flex: 0 0 auto;
font-size: 12px;
font-weight: 600;
color: var(--mt-text-mute, #9aa3af);
white-space: nowrap;
}
.mt-findbar__reset:hover { color: var(--mt-blue-600, #007bff); }
@media (max-width: 575px) {
.mt-findbar { padding: .6rem .65rem; }
.mt-findbar__form { flex: 1 1 100%; max-width: none; margin-left: 0; }
.mt-findbar__form input[type="text"] { font-size: 16px; height: 38px; }
.mt-findbar__form button { width: 30px; height: 30px; top: 4px; }
}
:root[data-theme="dark"] .mt-findbar__form input[type="text"] {
background: var(--mt-surface-2);
border-color: var(--mt-line);
color: var(--mt-text);
}
:root[data-theme="dark"] .mt-findbar__reset { color: var(--mt-text-dim); }
#nt_search.mt-search-inflow { overflow: hidden; }
#nt_search.mt-search-inflow input[name="stx"],
#nt_search.mt-search-inflow input[type="text"] {
font-size: 16px;
}
#nt_search.mt-search-inflow.mt-search-in {
animation: mt-search-slide .22s cubic-bezier(.22,.61,.36,1);
}
@keyframes mt-search-slide {
from { max-height: 0;     opacity: 0; transform: translateY(-8px); }
to   { max-height: 22rem; opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
#nt_search.mt-search-inflow.mt-search-in { animation: none; }
}
#bo_gallery .img-item > .chk-box,
#bo_list .img-item > .chk-box {
position: absolute;
bottom: 5px;
right: 10px;
z-index: 2;
margin: 0;
}
.sv_wrap .sv:empty { display: none !important; }
.sv_wrap > span.sv_member,
.sv_wrap > span.sv_guest { color: var(--mt-text); }
#bo_list .xp-icon img,
#bo_v_info .xp-icon img,
#bo_vc .xp-icon img,
#new_list .xp-icon img,
.sv_wrap ~ .xp-icon img {
height: 16px !important;
width: auto !important;
vertical-align: -3px;
}
.mt-lbar { gap: .6rem .9rem; }
.mt-lbar__stat {
padding: .4rem .95rem;
border: 1px solid var(--mt-line-soft, #e9edf3);
border-radius: 10px;
background: var(--mt-surface-2, #f7f9fc);
}
.mt-lbar__stat .mt-stat { padding-right: .95rem; text-align: center; }
.mt-lbar__stat .mt-stat + .mt-stat {
padding-left: .95rem;
border-left-color: var(--mt-line, #d8dee7);
}
.mt-lbar__stat .mt-stat:last-child { padding-right: 0; }
.mt-lbar__tools { gap: .55rem; }
.mt-lbar__find { flex: 1 1 260px; max-width: 480px; }
@media (max-width: 575px) {
.mt-lbar__stat { padding: .45rem .5rem; }
.mt-lbar__stat .mt-stat { padding-right: .5rem; }
.mt-lbar__stat .mt-stat + .mt-stat { padding-left: .5rem; }
.mt-lbar__find { flex: 1 1 auto; max-width: none; }
}
:root[data-theme="dark"] .mt-lbar__stat {
background: var(--mt-surface-2);
border-color: var(--mt-line);
}
@media (max-width: 359px) {
.mt-lbar__tools { flex-wrap: wrap; }
.mt-lbar__tools .mt-lbar__find { flex: 1 0 100%; }
.mt-lbar__tools .mt-lbar__sort { flex: 1 0 100%; justify-content: center; }
.mt-lbar__s { flex: 1 1 0; text-align: center; }
}