@charset "UTF-8";
/*
 * manhwa.co.kr Bootstrap 5.1.3 커스텀 오버라이드
 * CDN 원본(bootstrap-5.1.3/bootstrap.css)에서 분리된 사이트 전용 수정사항
 * 생성일: 2026-04
 *
 * 로드 순서: bootstrap-5.1.3/bootstrap.css -> 이 파일 -> manhwa.css
 */

/* ===================================================================
   A. Primary 컬러 변경 (BS5 #0d6efd -> BS3 #337ab7 체계)
   =================================================================== */

:root {
  --bs-primary: #337ab7;
  --bs-primary-rgb: 51, 122, 183;
}

a {
  color: #337ab7;
}
a:hover {
  color: #337ab7;
}

/* 폼 체크박스/라디오 */
.form-check-input:checked {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #337ab7;
  border-color: #2e6da4;
}

/* 범위 슬라이더 */
.form-range::-webkit-slider-thumb {
  background-color: #337ab7;
}
.form-range::-moz-range-thumb {
  background-color: #337ab7;
}

/* btn-primary */
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

/* btn-outline-primary */
.btn-outline-primary {
  color: #337ab7;
  border-color: #2e6da4;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #337ab7;
  background-color: transparent;
}

/* btn-link */
.btn-link {
  color: #337ab7;
}
.btn-link:hover {
  color: #337ab7;
}

/* 드롭다운 */
.dropdown-item.active, .dropdown-item:active {
  background-color: #337ab7;
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  background-color: #337ab7;
}

/* 네비게이션 */
.nav-link {
  color: #337ab7;
}
.nav-link:hover, .nav-link:focus {
  color: #337ab7;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #337ab7;
}

/* 페이지네이션 */
.page-link {
  color: #337ab7;
}
.page-link:hover {
  color: #337ab7;
}
.page-link:focus {
  color: #337ab7;
}
.page-item.active .page-link {
  background-color: #337ab7;
  border-color: #2e6da4;
}

/* 프로그레스 바 */
.progress-bar {
  background-color: #337ab7;
}

/* 리스트 그룹 */
.list-group-item.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}

/* link-primary */
.link-primary {
  color: #337ab7;
}
.link-primary:hover, .link-primary:focus {
  color: #337ab7;
}

/* border-primary */
.border-primary {
  border-color: #337ab7 !important;
}


/* ===================================================================
   B. 구조/레이아웃 변경
   =================================================================== */

/* 테이블 셀 패딩 확대 + 구분선 */
.table-sm > :not(caption) > * > * {
  padding: 1.5rem 1rem;
  border-color: #eee;
}

/* 버튼 border-radius 통일 (0.3968rem) */
.btn {
  border-radius: 0.3968rem;
}
.btn-lg, .btn-group-lg > .btn {
  border-radius: 0.3968rem;
}
.btn-sm, .btn-group-sm > .btn {
  border-radius: 0.3968rem;
}


/* ===================================================================
   C. Bootstrap 3 호환 + 사이트 전용 버튼
   =================================================================== */

/* btn-xs (BS3 호환) */
.btn-xs,.btn-group-xs > .btn {
  padding: 0.0625rem 0.3125rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 0.3968rem;
}

/* btn-default (BS3 호환) */
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}

/* btn-cancel (사이트 전용) */
.btn-cancel {
  color: #fff;
  background-color: #959595;
  border-color: #797878;
}
.btn-cancel.active, .btn-cancel.focus, .btn-cancel:active, .btn-cancel:focus, .btn-cancel:hover, .open>.dropdown-toggle.btn-cancel {
  color: #fff;
  background-color: #707070;
  border-color: #636363;
}
.btn-cancel.active, .btn-cancel:active, .open>.dropdown-toggle.btn-cancel {
  background-image: none;
}
.btn-cancel.disabled, .btn-cancel.disabled.active, .btn-cancel.disabled.focus, .btn-cancel.disabled:active, .btn-cancel.disabled:focus, .btn-cancel.disabled:hover, .btn-cancel[disabled], .btn-cancel[disabled].active, .btn-cancel[disabled].focus, .btn-cancel[disabled]:active, .btn-cancel[disabled]:focus, .btn-cancel[disabled]:hover, fieldset[disabled] .btn-cancel, fieldset[disabled] .btn-cancel.active, fieldset[disabled] .btn-cancel.focus, fieldset[disabled] .btn-cancel:active, fieldset[disabled] .btn-cancel:focus, fieldset[disabled] .btn-cancel:hover {
  background-color: #959595;
  border-color: #797878;
}
.btn-cancel .badge {
  color: #959595;
  background-color: #fff;
}

/* btn-help (사이트 전용) */
.btn-help {
  color: #252525;
  background-color: #e0e5eb;
  border-color: #b6b9bb;
  margin: 0 0.533vw;
  vertical-align: top;
}
.btn-help.active, .btn-help.focus, .btn-help:active, .btn-help:focus, .btn-help:hover, .open>.dropdown-toggle.btn-help {
  color: #252525;
  background-color: #cbcfd4;
  border-color: #a5a7a9;
}
.btn-help.active, .btn-help:active, .open>.dropdown-toggle.btn-help {
  background-image: none;
}
.btn-help.disabled, .btn-help.disabled.active, .btn-help.disabled.focus, .btn-help.disabled:active, .btn-help.disabled:focus, .btn-help.disabled:hover, .btn-help[disabled], .btn-help[disabled].active, .btn-help[disabled].focus, .btn-help[disabled]:active, .btn-help[disabled]:focus, .btn-help[disabled]:hover, fieldset[disabled] .btn-help, fieldset[disabled] .btn-help.active, fieldset[disabled] .btn-help.focus, fieldset[disabled] .btn-help:active, fieldset[disabled] .btn-help:focus, fieldset[disabled] .btn-help:hover {
  background-color: #e0e5eb;
  border-color: #b6b9bb;
}
.btn-help .badge {
  color: #e0e5eb;
  background-color: #fff;
}


/* ===================================================================
   D. manhwa.css에서 이동 (Bootstrap 오버라이드)
   이동일: 2026-04
   =================================================================== */

/* 테이블 하단 마진 제거 */
.table {
  margin-bottom: 0px;
}

/* 컨테이너 좌우 패딩 */
.container {
  padding-right: 15px;
  padding-left: 15px;
}

/* 스피너 두께 */
.spinner-border {
  border-width: 0.4rem;
}