/*html { font-size: 14px; }
@media (min-width: 768px) {
html { font-size: 16px; }
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus { box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb; }
html { position: relative; min-height: 100%; }
body { margin-bottom: 60px; }
@media (max-width:990px) {
.navbar-toggler { margin-left: auto; }
}
*/
a.btn.btn-xs,
button.btn.btn-xs { padding: 0.15rem 0.3rem; font-size: 0.75rem; border-radius: 0.2rem; }
.pagination { color: #72777a; }
.pagination a.button {
box-sizing: border-box;
display: inline-block;
min-width: 1.5em;
padding: 6px 12px;
margin-left: 6px;
margin-right: 6px;
transition: all 0.2s ease-in-out;
text-align: center;
-webkit-text-decoration: none;
text-decoration: none !important;
cursor: pointer;
color: #72777a !important;
border: 1px solid transparent;
border-radius: 2px;
}
.pagination a.first,
.pagination a.previous {
color: #666 !important;
background: transparent;
box-shadow: none;
margin-left: 0px;
margin-right: 10px;
}
.pagination a.next,
.pagination a.last {
color: #666 !important;
background: transparent;
box-shadow: none;
margin-left: 10px;
margin-right: 0px;
}
.pagination a.current {
color: #fff !important;
background: #7774e7;
border: 1px solid #979797;
}
.pagination a.disabled {
opacity: 0.4;
pointer-events: none;
cursor: default;
color: #666 !important;
border: 1px solid transparent;
background: transparent;
box-shadow: none;
}
select { word-wrap: normal; text-transform: none; font-family: inherit; font-size: inherit; line-height: inherit; border: 1px solid rgba(0, 0, 0, 0.0625); border-radius: 2px; box-shadow: none; height: 38px; font-size: 14px; padding: 5px; margin-left: 5px; margin-right: 5px; color: #72777a; transition: all 0.2s ease-in; margin:0px; padding-top:0px; }
.breadcrumb a,
.card-title a { color: #0c7bbe; text-decoration: none; }
.breadcrumb a:hover, .breadcrumb a:focus,
.card-title a:hover,
.card-title a:focus { transition: all 0.3s ease-in-out; }
nav.navbar.bg-light { padding-top: 9px; padding-bottom: 8px; }
@media (min-width: 992px) {
nav.navbar.bg-light { padding-top: 10px; padding-bottom: 9px; }
}
/* ══ 언어 전환(_CulturePartial) 구조 — 색상 테마는 프론트 dark.css ══
푸터 안의 한 줄이라 가로로 나란히 두고 가운데로 모은다. 언어가 늘면 그대로 옆에 붙는다. */
.site-lang { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 10px; }
.site-lang .lang-link { text-decoration: none; padding: 4px 8px; border: 1px solid transparent; border-radius: 6px; font-family: monospace; font-size: 12px; font-weight: 700; letter-spacing: .5px; }
/* ══ 사용자 메뉴(_LoginPartial) 구조 — 색상 테마는 프론트 dark.css ══
로그인하면 상단에 프로필 사진만 남기고, 계정에 딸린 것들(닉네임·마이페이지·로그아웃)은
누를 때 열리는 레이어로 접는다. 차림표는 이동을 위한 자리라 계정 항목이 늘수록 밀린다. */
.user-menu .user-toggle { display: flex; align-items: center; padding: 4px 8px; }
.user-photo { display: block; width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
.user-panel { min-width: 190px; }
/* 이름은 누르는 항목이 아니므로 머리글로 둔다(제품 차림표의 제품명과 같은 자리). */
.user-panel .user-name { font-size: .95rem; }
/* ══ 페이지네이션(.pager) 구조·동작 — 사이트 공용(프론트·관리자) ══
색상 테마는 분리: 프론트 다크는 dark.css, 관리자 라이트는 각 관리자 CSS(mint/ibank/lotto 등).
마크업: