markus / ConvertService / ServiceBase / UploadFonts / Content / bootstrap.css @ f333dcc2
이력 | 보기 | 이력해설 | 다운로드 (232 KB)
1 | 65674874 | taeseongkim | @charset "UTF-8"; |
---|---|---|---|
2 | 950e6b84 | taeseongkim | /*!
|
3 | 65674874 | taeseongkim | * Bootstrap v5.2.3 (https://getbootstrap.com/)
|
4 | * Copyright 2011-2022 The Bootstrap Authors
|
||
5 | * Copyright 2011-2022 Twitter, Inc.
|
||
6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||
7 | 950e6b84 | taeseongkim | */
|
8 | 65674874 | taeseongkim | :root {
|
9 | --bs-blue: #0d6efd; |
||
10 | --bs-indigo: #6610f2; |
||
11 | --bs-purple: #6f42c1; |
||
12 | --bs-pink: #d63384; |
||
13 | --bs-red: #dc3545; |
||
14 | --bs-orange: #fd7e14; |
||
15 | --bs-yellow: #ffc107; |
||
16 | --bs-green: #198754; |
||
17 | --bs-teal: #20c997; |
||
18 | --bs-cyan: #0dcaf0; |
||
19 | --bs-black: #000; |
||
20 | --bs-white: #fff; |
||
21 | --bs-gray: #6c757d; |
||
22 | --bs-gray-dark: #343a40; |
||
23 | --bs-gray-100: #f8f9fa; |
||
24 | --bs-gray-200: #e9ecef; |
||
25 | --bs-gray-300: #dee2e6; |
||
26 | --bs-gray-400: #ced4da; |
||
27 | --bs-gray-500: #adb5bd; |
||
28 | --bs-gray-600: #6c757d; |
||
29 | --bs-gray-700: #495057; |
||
30 | --bs-gray-800: #343a40; |
||
31 | --bs-gray-900: #212529; |
||
32 | --bs-primary: #0d6efd; |
||
33 | --bs-secondary: #6c757d; |
||
34 | --bs-success: #198754; |
||
35 | --bs-info: #0dcaf0; |
||
36 | --bs-warning: #ffc107; |
||
37 | --bs-danger: #dc3545; |
||
38 | --bs-light: #f8f9fa; |
||
39 | --bs-dark: #212529; |
||
40 | --bs-primary-rgb: 13, 110, 253; |
||
41 | --bs-secondary-rgb: 108, 117, 125; |
||
42 | --bs-success-rgb: 25, 135, 84; |
||
43 | --bs-info-rgb: 13, 202, 240; |
||
44 | --bs-warning-rgb: 255, 193, 7; |
||
45 | --bs-danger-rgb: 220, 53, 69; |
||
46 | --bs-light-rgb: 248, 249, 250; |
||
47 | --bs-dark-rgb: 33, 37, 41; |
||
48 | --bs-white-rgb: 255, 255, 255; |
||
49 | --bs-black-rgb: 0, 0, 0; |
||
50 | --bs-body-color-rgb: 33, 37, 41; |
||
51 | --bs-body-bg-rgb: 255, 255, 255; |
||
52 | --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; |
||
53 | --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; |
||
54 | --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); |
||
55 | --bs-body-font-family: var(--bs-font-sans-serif); |
||
56 | --bs-body-font-size: 1rem; |
||
57 | --bs-body-font-weight: 400; |
||
58 | --bs-body-line-height: 1.5; |
||
59 | --bs-body-color: #212529; |
||
60 | --bs-body-bg: #fff; |
||
61 | --bs-border-width: 1px; |
||
62 | --bs-border-style: solid; |
||
63 | --bs-border-color: #dee2e6; |
||
64 | --bs-border-color-translucent: rgba(0, 0, 0, 0.175); |
||
65 | --bs-border-radius: 0.375rem; |
||
66 | --bs-border-radius-sm: 0.25rem; |
||
67 | --bs-border-radius-lg: 0.5rem; |
||
68 | --bs-border-radius-xl: 1rem; |
||
69 | --bs-border-radius-2xl: 2rem; |
||
70 | --bs-border-radius-pill: 50rem; |
||
71 | --bs-link-color: #0d6efd; |
||
72 | --bs-link-hover-color: #0a58ca; |
||
73 | --bs-code-color: #d63384; |
||
74 | --bs-highlight-bg: #fff3cd; |
||
75 | } |
||
76 | |||
77 | *,
|
||
78 | *::before, |
||
79 | *::after { |
||
80 | box-sizing: border-box; |
||
81 | } |
||
82 | |||
83 | @media (prefers-reduced-motion: no-preference) { |
||
84 | :root {
|
||
85 | scroll-behavior: smooth; |
||
86 | } |
||
87 | 950e6b84 | taeseongkim | } |
88 | 65674874 | taeseongkim | |
89 | 950e6b84 | taeseongkim | body {
|
90 | margin: 0; |
||
91 | 65674874 | taeseongkim | font-family: var(--bs-body-font-family); |
92 | font-size: var(--bs-body-font-size); |
||
93 | font-weight: var(--bs-body-font-weight); |
||
94 | line-height: var(--bs-body-line-height); |
||
95 | color: var(--bs-body-color); |
||
96 | text-align: var(--bs-body-text-align); |
||
97 | background-color: var(--bs-body-bg); |
||
98 | -webkit-text-size-adjust: 100%; |
||
99 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
||
100 | 950e6b84 | taeseongkim | } |
101 | 65674874 | taeseongkim | |
102 | hr {
|
||
103 | margin: 1rem 0; |
||
104 | color: inherit; |
||
105 | border: 0; |
||
106 | border-top: 1px solid; |
||
107 | opacity: 0.25; |
||
108 | 950e6b84 | taeseongkim | } |
109 | 65674874 | taeseongkim | |
110 | h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { |
||
111 | margin-top: 0; |
||
112 | margin-bottom: 0.5rem; |
||
113 | font-weight: 500; |
||
114 | line-height: 1.2; |
||
115 | 950e6b84 | taeseongkim | } |
116 | 65674874 | taeseongkim | |
117 | h1, .h1 { |
||
118 | font-size: calc(1.375rem + 1.5vw); |
||
119 | 950e6b84 | taeseongkim | } |
120 | 65674874 | taeseongkim | @media (min-width: 1200px) { |
121 | h1, .h1 { |
||
122 | font-size: 2.5rem; |
||
123 | } |
||
124 | 950e6b84 | taeseongkim | } |
125 | 65674874 | taeseongkim | |
126 | h2, .h2 { |
||
127 | font-size: calc(1.325rem + 0.9vw); |
||
128 | 950e6b84 | taeseongkim | } |
129 | 65674874 | taeseongkim | @media (min-width: 1200px) { |
130 | h2, .h2 { |
||
131 | font-size: 2rem; |
||
132 | } |
||
133 | } |
||
134 | |||
135 | h3, .h3 { |
||
136 | font-size: calc(1.3rem + 0.6vw); |
||
137 | } |
||
138 | @media (min-width: 1200px) { |
||
139 | h3, .h3 { |
||
140 | font-size: 1.75rem; |
||
141 | } |
||
142 | } |
||
143 | |||
144 | h4, .h4 { |
||
145 | font-size: calc(1.275rem + 0.3vw); |
||
146 | } |
||
147 | @media (min-width: 1200px) { |
||
148 | h4, .h4 { |
||
149 | font-size: 1.5rem; |
||
150 | } |
||
151 | } |
||
152 | |||
153 | h5, .h5 { |
||
154 | font-size: 1.25rem; |
||
155 | } |
||
156 | |||
157 | h6, .h6 { |
||
158 | font-size: 1rem; |
||
159 | 950e6b84 | taeseongkim | } |
160 | 65674874 | taeseongkim | |
161 | p {
|
||
162 | margin-top: 0; |
||
163 | margin-bottom: 1rem; |
||
164 | } |
||
165 | |||
166 | 950e6b84 | taeseongkim | abbr[title] { |
167 | -webkit-text-decoration: underline dotted; |
||
168 | text-decoration: underline dotted; |
||
169 | 65674874 | taeseongkim | cursor: help; |
170 | -webkit-text-decoration-skip-ink: none; |
||
171 | text-decoration-skip-ink: none; |
||
172 | 950e6b84 | taeseongkim | } |
173 | 65674874 | taeseongkim | |
174 | address {
|
||
175 | margin-bottom: 1rem; |
||
176 | font-style: normal; |
||
177 | line-height: inherit; |
||
178 | } |
||
179 | |||
180 | ol,
|
||
181 | ul {
|
||
182 | padding-left: 2rem; |
||
183 | } |
||
184 | |||
185 | ol,
|
||
186 | ul,
|
||
187 | dl {
|
||
188 | margin-top: 0; |
||
189 | margin-bottom: 1rem; |
||
190 | } |
||
191 | |||
192 | ol ol, |
||
193 | ul ul, |
||
194 | ol ul, |
||
195 | ul ol { |
||
196 | margin-bottom: 0; |
||
197 | } |
||
198 | |||
199 | dt {
|
||
200 | font-weight: 700; |
||
201 | 950e6b84 | taeseongkim | } |
202 | 65674874 | taeseongkim | |
203 | dd {
|
||
204 | margin-bottom: 0.5rem; |
||
205 | margin-left: 0; |
||
206 | 950e6b84 | taeseongkim | } |
207 | 65674874 | taeseongkim | |
208 | blockquote {
|
||
209 | margin: 0 0 1rem; |
||
210 | 950e6b84 | taeseongkim | } |
211 | 65674874 | taeseongkim | |
212 | b,
|
||
213 | strong {
|
||
214 | font-weight: bolder; |
||
215 | 950e6b84 | taeseongkim | } |
216 | 65674874 | taeseongkim | |
217 | small, .small { |
||
218 | font-size: 0.875em; |
||
219 | 950e6b84 | taeseongkim | } |
220 | 65674874 | taeseongkim | |
221 | mark, .mark { |
||
222 | padding: 0.1875em; |
||
223 | background-color: var(--bs-highlight-bg); |
||
224 | } |
||
225 | |||
226 | 950e6b84 | taeseongkim | sub,
|
227 | sup {
|
||
228 | position: relative; |
||
229 | 65674874 | taeseongkim | font-size: 0.75em; |
230 | line-height: 0; |
||
231 | 950e6b84 | taeseongkim | vertical-align: baseline; |
232 | } |
||
233 | 65674874 | taeseongkim | |
234 | 950e6b84 | taeseongkim | sub {
|
235 | bottom: -0.25em; |
||
236 | } |
||
237 | 65674874 | taeseongkim | |
238 | sup {
|
||
239 | top: -0.5em; |
||
240 | 950e6b84 | taeseongkim | } |
241 | 65674874 | taeseongkim | |
242 | a {
|
||
243 | color: var(--bs-link-color); |
||
244 | text-decoration: underline; |
||
245 | 950e6b84 | taeseongkim | } |
246 | 65674874 | taeseongkim | a:hover { |
247 | color: var(--bs-link-hover-color); |
||
248 | 950e6b84 | taeseongkim | } |
249 | 65674874 | taeseongkim | |
250 | a:not([href]):not([class]), a:not([href]):not([class]):hover { |
||
251 | color: inherit; |
||
252 | text-decoration: none; |
||
253 | 950e6b84 | taeseongkim | } |
254 | 65674874 | taeseongkim | |
255 | pre,
|
||
256 | 950e6b84 | taeseongkim | code,
|
257 | kbd,
|
||
258 | samp {
|
||
259 | 65674874 | taeseongkim | font-family: var(--bs-font-monospace); |
260 | 950e6b84 | taeseongkim | font-size: 1em; |
261 | } |
||
262 | 65674874 | taeseongkim | |
263 | pre {
|
||
264 | display: block; |
||
265 | margin-top: 0; |
||
266 | margin-bottom: 1rem; |
||
267 | overflow: auto; |
||
268 | font-size: 0.875em; |
||
269 | 950e6b84 | taeseongkim | } |
270 | 65674874 | taeseongkim | pre code { |
271 | font-size: inherit; |
||
272 | color: inherit; |
||
273 | word-break: normal; |
||
274 | 950e6b84 | taeseongkim | } |
275 | 65674874 | taeseongkim | |
276 | code {
|
||
277 | font-size: 0.875em; |
||
278 | color: var(--bs-code-color); |
||
279 | word-wrap: break-word; |
||
280 | 950e6b84 | taeseongkim | } |
281 | 65674874 | taeseongkim | a > code { |
282 | color: inherit; |
||
283 | 950e6b84 | taeseongkim | } |
284 | 65674874 | taeseongkim | |
285 | kbd {
|
||
286 | padding: 0.1875rem 0.375rem; |
||
287 | font-size: 0.875em; |
||
288 | color: var(--bs-body-bg); |
||
289 | background-color: var(--bs-body-color); |
||
290 | border-radius: 0.25rem; |
||
291 | 950e6b84 | taeseongkim | } |
292 | 65674874 | taeseongkim | kbd kbd { |
293 | 950e6b84 | taeseongkim | padding: 0; |
294 | 65674874 | taeseongkim | font-size: 1em; |
295 | 950e6b84 | taeseongkim | } |
296 | 65674874 | taeseongkim | |
297 | figure {
|
||
298 | margin: 0 0 1rem; |
||
299 | 950e6b84 | taeseongkim | } |
300 | 65674874 | taeseongkim | |
301 | img,
|
||
302 | svg {
|
||
303 | vertical-align: middle; |
||
304 | 950e6b84 | taeseongkim | } |
305 | 65674874 | taeseongkim | |
306 | 950e6b84 | taeseongkim | table {
|
307 | 65674874 | taeseongkim | caption-side: bottom; |
308 | 950e6b84 | taeseongkim | border-collapse: collapse; |
309 | } |
||
310 | 65674874 | taeseongkim | |
311 | caption {
|
||
312 | padding-top: 0.5rem; |
||
313 | padding-bottom: 0.5rem; |
||
314 | color: #6c757d; |
||
315 | text-align: left; |
||
316 | } |
||
317 | |||
318 | th {
|
||
319 | text-align: inherit; |
||
320 | text-align: -webkit-match-parent; |
||
321 | } |
||
322 | |||
323 | thead,
|
||
324 | tbody,
|
||
325 | tfoot,
|
||
326 | tr,
|
||
327 | 950e6b84 | taeseongkim | td,
|
328 | th {
|
||
329 | 65674874 | taeseongkim | border-color: inherit; |
330 | border-style: solid; |
||
331 | border-width: 0; |
||
332 | 950e6b84 | taeseongkim | } |
333 | 65674874 | taeseongkim | |
334 | label {
|
||
335 | 950e6b84 | taeseongkim | display: inline-block; |
336 | } |
||
337 | 65674874 | taeseongkim | |
338 | button {
|
||
339 | border-radius: 0; |
||
340 | 950e6b84 | taeseongkim | } |
341 | 65674874 | taeseongkim | |
342 | button:focus:not(:focus-visible) { |
||
343 | outline: 0; |
||
344 | 950e6b84 | taeseongkim | } |
345 | 65674874 | taeseongkim | |
346 | input,
|
||
347 | button,
|
||
348 | select,
|
||
349 | optgroup,
|
||
350 | textarea {
|
||
351 | margin: 0; |
||
352 | font-family: inherit; |
||
353 | font-size: inherit; |
||
354 | line-height: inherit; |
||
355 | 950e6b84 | taeseongkim | } |
356 | 65674874 | taeseongkim | |
357 | button,
|
||
358 | select {
|
||
359 | text-transform: none; |
||
360 | 950e6b84 | taeseongkim | } |
361 | 65674874 | taeseongkim | |
362 | [role=button] {
|
||
363 | cursor: pointer; |
||
364 | 950e6b84 | taeseongkim | } |
365 | 65674874 | taeseongkim | |
366 | select {
|
||
367 | word-wrap: normal; |
||
368 | 950e6b84 | taeseongkim | } |
369 | 65674874 | taeseongkim | select:disabled { |
370 | opacity: 1; |
||
371 | 950e6b84 | taeseongkim | } |
372 | 65674874 | taeseongkim | |
373 | [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { |
||
374 | display: none !important; |
||
375 | 950e6b84 | taeseongkim | } |
376 | 65674874 | taeseongkim | |
377 | button,
|
||
378 | [type=button],
|
||
379 | [type=reset],
|
||
380 | [type=submit] {
|
||
381 | -webkit-appearance: button; |
||
382 | 950e6b84 | taeseongkim | } |
383 | 65674874 | taeseongkim | button:not(:disabled), |
384 | [type=button]:not(:disabled), |
||
385 | [type=reset]:not(:disabled), |
||
386 | [type=submit]:not(:disabled) { |
||
387 | cursor: pointer; |
||
388 | 950e6b84 | taeseongkim | } |
389 | 65674874 | taeseongkim | |
390 | ::-moz-focus-inner {
|
||
391 | padding: 0; |
||
392 | border-style: none; |
||
393 | 950e6b84 | taeseongkim | } |
394 | 65674874 | taeseongkim | |
395 | textarea {
|
||
396 | resize: vertical; |
||
397 | 950e6b84 | taeseongkim | } |
398 | 65674874 | taeseongkim | |
399 | fieldset {
|
||
400 | min-width: 0; |
||
401 | padding: 0; |
||
402 | margin: 0; |
||
403 | border: 0; |
||
404 | 950e6b84 | taeseongkim | } |
405 | 65674874 | taeseongkim | |
406 | legend {
|
||
407 | float: left; |
||
408 | width: 100%; |
||
409 | padding: 0; |
||
410 | margin-bottom: 0.5rem; |
||
411 | font-size: calc(1.275rem + 0.3vw); |
||
412 | line-height: inherit; |
||
413 | 950e6b84 | taeseongkim | } |
414 | 65674874 | taeseongkim | @media (min-width: 1200px) { |
415 | legend {
|
||
416 | font-size: 1.5rem; |
||
417 | } |
||
418 | 950e6b84 | taeseongkim | } |
419 | 65674874 | taeseongkim | legend + * { |
420 | clear: left; |
||
421 | 950e6b84 | taeseongkim | } |
422 | 65674874 | taeseongkim | |
423 | ::-webkit-datetime-edit-fields-wrapper,
|
||
424 | ::-webkit-datetime-edit-text,
|
||
425 | ::-webkit-datetime-edit-minute,
|
||
426 | ::-webkit-datetime-edit-hour-field,
|
||
427 | ::-webkit-datetime-edit-day-field,
|
||
428 | ::-webkit-datetime-edit-month-field,
|
||
429 | ::-webkit-datetime-edit-year-field {
|
||
430 | padding: 0; |
||
431 | 950e6b84 | taeseongkim | } |
432 | 65674874 | taeseongkim | |
433 | ::-webkit-inner-spin-button {
|
||
434 | height: auto; |
||
435 | 950e6b84 | taeseongkim | } |
436 | 65674874 | taeseongkim | |
437 | [type=search] {
|
||
438 | outline-offset: -2px; |
||
439 | -webkit-appearance: textfield; |
||
440 | 950e6b84 | taeseongkim | } |
441 | 65674874 | taeseongkim | |
442 | /* rtl:raw:
|
||
443 | [type="tel"],
|
||
444 | [type="url"],
|
||
445 | [type="email"],
|
||
446 | [type="number"] {
|
||
447 | direction: ltr;
|
||
448 | 950e6b84 | taeseongkim | }
|
449 | 65674874 | taeseongkim | */
|
450 | ::-webkit-search-decoration {
|
||
451 | -webkit-appearance: none; |
||
452 | 950e6b84 | taeseongkim | } |
453 | 65674874 | taeseongkim | |
454 | ::-webkit-color-swatch-wrapper {
|
||
455 | padding: 0; |
||
456 | 950e6b84 | taeseongkim | } |
457 | 65674874 | taeseongkim | |
458 | ::-webkit-file-upload-button {
|
||
459 | font: inherit; |
||
460 | -webkit-appearance: button; |
||
461 | 950e6b84 | taeseongkim | } |
462 | 65674874 | taeseongkim | |
463 | ::file-selector-button {
|
||
464 | font: inherit; |
||
465 | -webkit-appearance: button; |
||
466 | 950e6b84 | taeseongkim | } |
467 | 65674874 | taeseongkim | |
468 | output {
|
||
469 | display: inline-block; |
||
470 | 950e6b84 | taeseongkim | } |
471 | 65674874 | taeseongkim | |
472 | iframe {
|
||
473 | border: 0; |
||
474 | 950e6b84 | taeseongkim | } |
475 | 65674874 | taeseongkim | |
476 | summary {
|
||
477 | display: list-item; |
||
478 | cursor: pointer; |
||
479 | 950e6b84 | taeseongkim | } |
480 | 65674874 | taeseongkim | |
481 | progress {
|
||
482 | vertical-align: baseline; |
||
483 | 950e6b84 | taeseongkim | } |
484 | 65674874 | taeseongkim | |
485 | [hidden] {
|
||
486 | display: none !important; |
||
487 | 950e6b84 | taeseongkim | } |
488 | 65674874 | taeseongkim | |
489 | .lead {
|
||
490 | font-size: 1.25rem; |
||
491 | font-weight: 300; |
||
492 | 950e6b84 | taeseongkim | } |
493 | 65674874 | taeseongkim | |
494 | .display-1 {
|
||
495 | font-size: calc(1.625rem + 4.5vw); |
||
496 | font-weight: 300; |
||
497 | line-height: 1.2; |
||
498 | 950e6b84 | taeseongkim | } |
499 | 65674874 | taeseongkim | @media (min-width: 1200px) { |
500 | .display-1 {
|
||
501 | font-size: 5rem; |
||
502 | } |
||
503 | 950e6b84 | taeseongkim | } |
504 | 65674874 | taeseongkim | |
505 | .display-2 {
|
||
506 | font-size: calc(1.575rem + 3.9vw); |
||
507 | font-weight: 300; |
||
508 | line-height: 1.2; |
||
509 | 950e6b84 | taeseongkim | } |
510 | 65674874 | taeseongkim | @media (min-width: 1200px) { |
511 | .display-2 {
|
||
512 | font-size: 4.5rem; |
||
513 | } |
||
514 | 950e6b84 | taeseongkim | } |
515 | 65674874 | taeseongkim | |
516 | .display-3 {
|
||
517 | font-size: calc(1.525rem + 3.3vw); |
||
518 | font-weight: 300; |
||
519 | line-height: 1.2; |
||
520 | 950e6b84 | taeseongkim | } |
521 | 65674874 | taeseongkim | @media (min-width: 1200px) { |
522 | .display-3 {
|
||
523 | font-size: 4rem; |
||
524 | } |
||
525 | 950e6b84 | taeseongkim | } |
526 | 65674874 | taeseongkim | |
527 | .display-4 {
|
||
528 | font-size: calc(1.475rem + 2.7vw); |
||
529 | font-weight: 300; |
||
530 | line-height: 1.2; |
||
531 | 950e6b84 | taeseongkim | } |
532 | 65674874 | taeseongkim | @media (min-width: 1200px) { |
533 | .display-4 {
|
||
534 | font-size: 3.5rem; |
||
535 | } |
||
536 | 950e6b84 | taeseongkim | } |
537 | 65674874 | taeseongkim | |
538 | .display-5 {
|
||
539 | font-size: calc(1.425rem + 2.1vw); |
||
540 | font-weight: 300; |
||
541 | line-height: 1.2; |
||
542 | 950e6b84 | taeseongkim | } |
543 | 65674874 | taeseongkim | @media (min-width: 1200px) { |
544 | .display-5 {
|
||
545 | font-size: 3rem; |
||
546 | } |
||
547 | 950e6b84 | taeseongkim | } |
548 | 65674874 | taeseongkim | |
549 | .display-6 {
|
||
550 | font-size: calc(1.375rem + 1.5vw); |
||
551 | font-weight: 300; |
||
552 | line-height: 1.2; |
||
553 | 950e6b84 | taeseongkim | } |
554 | 65674874 | taeseongkim | @media (min-width: 1200px) { |
555 | .display-6 {
|
||
556 | font-size: 2.5rem; |
||
557 | } |
||
558 | 950e6b84 | taeseongkim | } |
559 | 65674874 | taeseongkim | |
560 | .list-unstyled {
|
||
561 | padding-left: 0; |
||
562 | list-style: none; |
||
563 | 950e6b84 | taeseongkim | } |
564 | 65674874 | taeseongkim | |
565 | .list-inline {
|
||
566 | padding-left: 0; |
||
567 | list-style: none; |
||
568 | 950e6b84 | taeseongkim | } |
569 | 65674874 | taeseongkim | |
570 | .list-inline-item {
|
||
571 | display: inline-block; |
||
572 | 950e6b84 | taeseongkim | } |
573 | 65674874 | taeseongkim | .list-inline-item:not(:last-child) { |
574 | margin-right: 0.5rem; |
||
575 | 950e6b84 | taeseongkim | } |
576 | 65674874 | taeseongkim | |
577 | .initialism {
|
||
578 | font-size: 0.875em; |
||
579 | text-transform: uppercase; |
||
580 | 950e6b84 | taeseongkim | } |
581 | 65674874 | taeseongkim | |
582 | .blockquote {
|
||
583 | margin-bottom: 1rem; |
||
584 | font-size: 1.25rem; |
||
585 | 950e6b84 | taeseongkim | } |
586 | 65674874 | taeseongkim | .blockquote > :last-child { |
587 | margin-bottom: 0; |
||
588 | 950e6b84 | taeseongkim | } |
589 | 65674874 | taeseongkim | |
590 | .blockquote-footer {
|
||
591 | margin-top: -1rem; |
||
592 | margin-bottom: 1rem; |
||
593 | font-size: 0.875em; |
||
594 | color: #6c757d; |
||
595 | 950e6b84 | taeseongkim | } |
596 | 65674874 | taeseongkim | .blockquote-footer::before { |
597 | content: "— "; |
||
598 | 950e6b84 | taeseongkim | } |
599 | 65674874 | taeseongkim | |
600 | .img-fluid {
|
||
601 | max-width: 100%; |
||
602 | height: auto; |
||
603 | 950e6b84 | taeseongkim | } |
604 | 65674874 | taeseongkim | |
605 | .img-thumbnail {
|
||
606 | padding: 0.25rem; |
||
607 | background-color: #fff; |
||
608 | border: 1px solid var(--bs-border-color); |
||
609 | border-radius: 0.375rem; |
||
610 | max-width: 100%; |
||
611 | height: auto; |
||
612 | 950e6b84 | taeseongkim | } |
613 | 65674874 | taeseongkim | |
614 | .figure {
|
||
615 | display: inline-block; |
||
616 | 950e6b84 | taeseongkim | } |
617 | 65674874 | taeseongkim | |
618 | .figure-img {
|
||
619 | margin-bottom: 0.5rem; |
||
620 | line-height: 1; |
||
621 | 950e6b84 | taeseongkim | } |
622 | 65674874 | taeseongkim | |
623 | .figure-caption {
|
||
624 | font-size: 0.875em; |
||
625 | color: #6c757d; |
||
626 | } |
||
627 | |||
628 | .container,
|
||
629 | .container-fluid,
|
||
630 | .container-xxl,
|
||
631 | .container-xl,
|
||
632 | .container-lg,
|
||
633 | .container-md,
|
||
634 | .container-sm {
|
||
635 | --bs-gutter-x: 1.5rem; |
||
636 | --bs-gutter-y: 0; |
||
637 | width: 100%; |
||
638 | padding-right: calc(var(--bs-gutter-x) * 0.5); |
||
639 | padding-left: calc(var(--bs-gutter-x) * 0.5); |
||
640 | margin-right: auto; |
||
641 | margin-left: auto; |
||
642 | 950e6b84 | taeseongkim | } |
643 | 65674874 | taeseongkim | |
644 | @media (min-width: 576px) { |
||
645 | .container-sm, .container { |
||
646 | max-width: 540px; |
||
647 | } |
||
648 | 950e6b84 | taeseongkim | } |
649 | 65674874 | taeseongkim | @media (min-width: 768px) { |
650 | .container-md, .container-sm, .container { |
||
651 | max-width: 720px; |
||
652 | } |
||
653 | 950e6b84 | taeseongkim | } |
654 | 65674874 | taeseongkim | @media (min-width: 992px) { |
655 | .container-lg, .container-md, .container-sm, .container { |
||
656 | max-width: 960px; |
||
657 | } |
||
658 | 950e6b84 | taeseongkim | } |
659 | 65674874 | taeseongkim | @media (min-width: 1200px) { |
660 | .container-xl, .container-lg, .container-md, .container-sm, .container { |
||
661 | max-width: 1140px; |
||
662 | } |
||
663 | 950e6b84 | taeseongkim | } |
664 | 65674874 | taeseongkim | @media (min-width: 1400px) { |
665 | .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { |
||
666 | max-width: 1320px; |
||
667 | } |
||
668 | 950e6b84 | taeseongkim | } |
669 | 65674874 | taeseongkim | .row {
|
670 | --bs-gutter-x: 1.5rem; |
||
671 | --bs-gutter-y: 0; |
||
672 | display: flex; |
||
673 | flex-wrap: wrap; |
||
674 | margin-top: calc(-1 * var(--bs-gutter-y)); |
||
675 | margin-right: calc(-0.5 * var(--bs-gutter-x)); |
||
676 | margin-left: calc(-0.5 * var(--bs-gutter-x)); |
||
677 | } |
||
678 | .row > * { |
||
679 | flex-shrink: 0; |
||
680 | width: 100%; |
||
681 | max-width: 100%; |
||
682 | padding-right: calc(var(--bs-gutter-x) * 0.5); |
||
683 | padding-left: calc(var(--bs-gutter-x) * 0.5); |
||
684 | margin-top: var(--bs-gutter-y); |
||
685 | 950e6b84 | taeseongkim | } |
686 | 65674874 | taeseongkim | |
687 | .col {
|
||
688 | flex: 1 0 0%; |
||
689 | 950e6b84 | taeseongkim | } |
690 | 65674874 | taeseongkim | |
691 | .row-cols-auto > * { |
||
692 | flex: 0 0 auto; |
||
693 | width: auto; |
||
694 | 950e6b84 | taeseongkim | } |
695 | 65674874 | taeseongkim | |
696 | .row-cols-1 > * { |
||
697 | flex: 0 0 auto; |
||
698 | width: 100%; |
||
699 | 950e6b84 | taeseongkim | } |
700 | 65674874 | taeseongkim | |
701 | .row-cols-2 > * { |
||
702 | flex: 0 0 auto; |
||
703 | width: 50%; |
||
704 | 950e6b84 | taeseongkim | } |
705 | 65674874 | taeseongkim | |
706 | .row-cols-3 > * { |
||
707 | flex: 0 0 auto; |
||
708 | width: 33.3333333333%; |
||
709 | 950e6b84 | taeseongkim | } |
710 | 65674874 | taeseongkim | |
711 | .row-cols-4 > * { |
||
712 | flex: 0 0 auto; |
||
713 | width: 25%; |
||
714 | 950e6b84 | taeseongkim | } |
715 | 65674874 | taeseongkim | |
716 | .row-cols-5 > * { |
||
717 | flex: 0 0 auto; |
||
718 | width: 20%; |
||
719 | 950e6b84 | taeseongkim | } |
720 | 65674874 | taeseongkim | |
721 | .row-cols-6 > * { |
||
722 | flex: 0 0 auto; |
||
723 | width: 16.6666666667%; |
||
724 | 950e6b84 | taeseongkim | } |
725 | 65674874 | taeseongkim | |
726 | .col-auto {
|
||
727 | flex: 0 0 auto; |
||
728 | width: auto; |
||
729 | 950e6b84 | taeseongkim | } |
730 | 65674874 | taeseongkim | |
731 | .col-1 {
|
||
732 | flex: 0 0 auto; |
||
733 | width: 8.33333333%; |
||
734 | 950e6b84 | taeseongkim | } |
735 | 65674874 | taeseongkim | |
736 | .col-2 {
|
||
737 | flex: 0 0 auto; |
||
738 | width: 16.66666667%; |
||
739 | 950e6b84 | taeseongkim | } |
740 | 65674874 | taeseongkim | |
741 | .col-3 {
|
||
742 | flex: 0 0 auto; |
||
743 | width: 25%; |
||
744 | 950e6b84 | taeseongkim | } |
745 | 65674874 | taeseongkim | |
746 | .col-4 {
|
||
747 | flex: 0 0 auto; |
||
748 | width: 33.33333333%; |
||
749 | 950e6b84 | taeseongkim | } |
750 | 65674874 | taeseongkim | |
751 | .col-5 {
|
||
752 | flex: 0 0 auto; |
||
753 | width: 41.66666667%; |
||
754 | 950e6b84 | taeseongkim | } |
755 | 65674874 | taeseongkim | |
756 | .col-6 {
|
||
757 | flex: 0 0 auto; |
||
758 | width: 50%; |
||
759 | 950e6b84 | taeseongkim | } |
760 | 65674874 | taeseongkim | |
761 | .col-7 {
|
||
762 | flex: 0 0 auto; |
||
763 | width: 58.33333333%; |
||
764 | 950e6b84 | taeseongkim | } |
765 | 65674874 | taeseongkim | |
766 | .col-8 {
|
||
767 | flex: 0 0 auto; |
||
768 | width: 66.66666667%; |
||
769 | 950e6b84 | taeseongkim | } |
770 | 65674874 | taeseongkim | |
771 | .col-9 {
|
||
772 | flex: 0 0 auto; |
||
773 | width: 75%; |
||
774 | 950e6b84 | taeseongkim | } |
775 | 65674874 | taeseongkim | |
776 | .col-10 {
|
||
777 | flex: 0 0 auto; |
||
778 | width: 83.33333333%; |
||
779 | 950e6b84 | taeseongkim | } |
780 | 65674874 | taeseongkim | |
781 | .col-11 {
|
||
782 | flex: 0 0 auto; |
||
783 | width: 91.66666667%; |
||
784 | 950e6b84 | taeseongkim | } |
785 | 65674874 | taeseongkim | |
786 | .col-12 {
|
||
787 | flex: 0 0 auto; |
||
788 | width: 100%; |
||
789 | 950e6b84 | taeseongkim | } |
790 | 65674874 | taeseongkim | |
791 | .offset-1 {
|
||
792 | margin-left: 8.33333333%; |
||
793 | 950e6b84 | taeseongkim | } |
794 | 65674874 | taeseongkim | |
795 | .offset-2 {
|
||
796 | margin-left: 16.66666667%; |
||
797 | 950e6b84 | taeseongkim | } |
798 | 65674874 | taeseongkim | |
799 | .offset-3 {
|
||
800 | margin-left: 25%; |
||
801 | 950e6b84 | taeseongkim | } |
802 | 65674874 | taeseongkim | |
803 | .offset-4 {
|
||
804 | margin-left: 33.33333333%; |
||
805 | 950e6b84 | taeseongkim | } |
806 | 65674874 | taeseongkim | |
807 | .offset-5 {
|
||
808 | margin-left: 41.66666667%; |
||
809 | 950e6b84 | taeseongkim | } |
810 | 65674874 | taeseongkim | |
811 | .offset-6 {
|
||
812 | margin-left: 50%; |
||
813 | 950e6b84 | taeseongkim | } |
814 | 65674874 | taeseongkim | |
815 | .offset-7 {
|
||
816 | margin-left: 58.33333333%; |
||
817 | 950e6b84 | taeseongkim | } |
818 | 65674874 | taeseongkim | |
819 | .offset-8 {
|
||
820 | margin-left: 66.66666667%; |
||
821 | 950e6b84 | taeseongkim | } |
822 | 65674874 | taeseongkim | |
823 | .offset-9 {
|
||
824 | margin-left: 75%; |
||
825 | 950e6b84 | taeseongkim | } |
826 | 65674874 | taeseongkim | |
827 | .offset-10 {
|
||
828 | margin-left: 83.33333333%; |
||
829 | 950e6b84 | taeseongkim | } |
830 | 65674874 | taeseongkim | |
831 | .offset-11 {
|
||
832 | margin-left: 91.66666667%; |
||
833 | 950e6b84 | taeseongkim | } |
834 | 65674874 | taeseongkim | |
835 | .g-0,
|
||
836 | .gx-0 {
|
||
837 | --bs-gutter-x: 0; |
||
838 | } |
||
839 | |||
840 | .g-0,
|
||
841 | .gy-0 {
|
||
842 | --bs-gutter-y: 0; |
||
843 | } |
||
844 | |||
845 | .g-1,
|
||
846 | .gx-1 {
|
||
847 | --bs-gutter-x: 0.25rem; |
||
848 | } |
||
849 | |||
850 | .g-1,
|
||
851 | .gy-1 {
|
||
852 | --bs-gutter-y: 0.25rem; |
||
853 | } |
||
854 | |||
855 | .g-2,
|
||
856 | .gx-2 {
|
||
857 | --bs-gutter-x: 0.5rem; |
||
858 | } |
||
859 | |||
860 | .g-2,
|
||
861 | .gy-2 {
|
||
862 | --bs-gutter-y: 0.5rem; |
||
863 | } |
||
864 | |||
865 | .g-3,
|
||
866 | .gx-3 {
|
||
867 | --bs-gutter-x: 1rem; |
||
868 | } |
||
869 | |||
870 | .g-3,
|
||
871 | .gy-3 {
|
||
872 | --bs-gutter-y: 1rem; |
||
873 | } |
||
874 | |||
875 | .g-4,
|
||
876 | .gx-4 {
|
||
877 | --bs-gutter-x: 1.5rem; |
||
878 | } |
||
879 | |||
880 | .g-4,
|
||
881 | .gy-4 {
|
||
882 | --bs-gutter-y: 1.5rem; |
||
883 | } |
||
884 | |||
885 | .g-5,
|
||
886 | .gx-5 {
|
||
887 | --bs-gutter-x: 3rem; |
||
888 | } |
||
889 | |||
890 | .g-5,
|
||
891 | .gy-5 {
|
||
892 | --bs-gutter-y: 3rem; |
||
893 | } |
||
894 | |||
895 | @media (min-width: 576px) { |
||
896 | .col-sm {
|
||
897 | flex: 1 0 0%; |
||
898 | } |
||
899 | .row-cols-sm-auto > * { |
||
900 | flex: 0 0 auto; |
||
901 | width: auto; |
||
902 | } |
||
903 | .row-cols-sm-1 > * { |
||
904 | flex: 0 0 auto; |
||
905 | width: 100%; |
||
906 | } |
||
907 | .row-cols-sm-2 > * { |
||
908 | flex: 0 0 auto; |
||
909 | width: 50%; |
||
910 | } |
||
911 | .row-cols-sm-3 > * { |
||
912 | flex: 0 0 auto; |
||
913 | width: 33.3333333333%; |
||
914 | } |
||
915 | .row-cols-sm-4 > * { |
||
916 | flex: 0 0 auto; |
||
917 | width: 25%; |
||
918 | } |
||
919 | .row-cols-sm-5 > * { |
||
920 | flex: 0 0 auto; |
||
921 | width: 20%; |
||
922 | } |
||
923 | .row-cols-sm-6 > * { |
||
924 | flex: 0 0 auto; |
||
925 | width: 16.6666666667%; |
||
926 | } |
||
927 | .col-sm-auto {
|
||
928 | flex: 0 0 auto; |
||
929 | width: auto; |
||
930 | } |
||
931 | .col-sm-1 {
|
||
932 | flex: 0 0 auto; |
||
933 | width: 8.33333333%; |
||
934 | } |
||
935 | .col-sm-2 {
|
||
936 | flex: 0 0 auto; |
||
937 | width: 16.66666667%; |
||
938 | } |
||
939 | .col-sm-3 {
|
||
940 | flex: 0 0 auto; |
||
941 | width: 25%; |
||
942 | } |
||
943 | .col-sm-4 {
|
||
944 | flex: 0 0 auto; |
||
945 | width: 33.33333333%; |
||
946 | } |
||
947 | .col-sm-5 {
|
||
948 | flex: 0 0 auto; |
||
949 | width: 41.66666667%; |
||
950 | } |
||
951 | .col-sm-6 {
|
||
952 | flex: 0 0 auto; |
||
953 | width: 50%; |
||
954 | } |
||
955 | .col-sm-7 {
|
||
956 | flex: 0 0 auto; |
||
957 | width: 58.33333333%; |
||
958 | } |
||
959 | .col-sm-8 {
|
||
960 | flex: 0 0 auto; |
||
961 | width: 66.66666667%; |
||
962 | } |
||
963 | .col-sm-9 {
|
||
964 | flex: 0 0 auto; |
||
965 | width: 75%; |
||
966 | } |
||
967 | .col-sm-10 {
|
||
968 | flex: 0 0 auto; |
||
969 | width: 83.33333333%; |
||
970 | } |
||
971 | .col-sm-11 {
|
||
972 | flex: 0 0 auto; |
||
973 | width: 91.66666667%; |
||
974 | } |
||
975 | .col-sm-12 {
|
||
976 | flex: 0 0 auto; |
||
977 | width: 100%; |
||
978 | } |
||
979 | .offset-sm-0 {
|
||
980 | margin-left: 0; |
||
981 | } |
||
982 | .offset-sm-1 {
|
||
983 | margin-left: 8.33333333%; |
||
984 | } |
||
985 | .offset-sm-2 {
|
||
986 | margin-left: 16.66666667%; |
||
987 | } |
||
988 | .offset-sm-3 {
|
||
989 | margin-left: 25%; |
||
990 | } |
||
991 | .offset-sm-4 {
|
||
992 | margin-left: 33.33333333%; |
||
993 | } |
||
994 | .offset-sm-5 {
|
||
995 | margin-left: 41.66666667%; |
||
996 | } |
||
997 | .offset-sm-6 {
|
||
998 | margin-left: 50%; |
||
999 | } |
||
1000 | .offset-sm-7 {
|
||
1001 | margin-left: 58.33333333%; |
||
1002 | } |
||
1003 | .offset-sm-8 {
|
||
1004 | margin-left: 66.66666667%; |
||
1005 | } |
||
1006 | .offset-sm-9 {
|
||
1007 | margin-left: 75%; |
||
1008 | } |
||
1009 | .offset-sm-10 {
|
||
1010 | margin-left: 83.33333333%; |
||
1011 | } |
||
1012 | .offset-sm-11 {
|
||
1013 | margin-left: 91.66666667%; |
||
1014 | } |
||
1015 | .g-sm-0,
|
||
1016 | .gx-sm-0 {
|
||
1017 | --bs-gutter-x: 0; |
||
1018 | } |
||
1019 | .g-sm-0,
|
||
1020 | .gy-sm-0 {
|
||
1021 | --bs-gutter-y: 0; |
||
1022 | } |
||
1023 | .g-sm-1,
|
||
1024 | .gx-sm-1 {
|
||
1025 | --bs-gutter-x: 0.25rem; |
||
1026 | } |
||
1027 | .g-sm-1,
|
||
1028 | .gy-sm-1 {
|
||
1029 | --bs-gutter-y: 0.25rem; |
||
1030 | } |
||
1031 | .g-sm-2,
|
||
1032 | .gx-sm-2 {
|
||
1033 | --bs-gutter-x: 0.5rem; |
||
1034 | } |
||
1035 | .g-sm-2,
|
||
1036 | .gy-sm-2 {
|
||
1037 | --bs-gutter-y: 0.5rem; |
||
1038 | } |
||
1039 | .g-sm-3,
|
||
1040 | .gx-sm-3 {
|
||
1041 | --bs-gutter-x: 1rem; |
||
1042 | } |
||
1043 | .g-sm-3,
|
||
1044 | .gy-sm-3 {
|
||
1045 | --bs-gutter-y: 1rem; |
||
1046 | } |
||
1047 | .g-sm-4,
|
||
1048 | .gx-sm-4 {
|
||
1049 | --bs-gutter-x: 1.5rem; |
||
1050 | } |
||
1051 | .g-sm-4,
|
||
1052 | .gy-sm-4 {
|
||
1053 | --bs-gutter-y: 1.5rem; |
||
1054 | } |
||
1055 | .g-sm-5,
|
||
1056 | .gx-sm-5 {
|
||
1057 | --bs-gutter-x: 3rem; |
||
1058 | } |
||
1059 | .g-sm-5,
|
||
1060 | .gy-sm-5 {
|
||
1061 | --bs-gutter-y: 3rem; |
||
1062 | } |
||
1063 | 950e6b84 | taeseongkim | } |
1064 | 65674874 | taeseongkim | @media (min-width: 768px) { |
1065 | .col-md {
|
||
1066 | flex: 1 0 0%; |
||
1067 | } |
||
1068 | .row-cols-md-auto > * { |
||
1069 | flex: 0 0 auto; |
||
1070 | width: auto; |
||
1071 | } |
||
1072 | .row-cols-md-1 > * { |
||
1073 | flex: 0 0 auto; |
||
1074 | width: 100%; |
||
1075 | } |
||
1076 | .row-cols-md-2 > * { |
||
1077 | flex: 0 0 auto; |
||
1078 | width: 50%; |
||
1079 | } |
||
1080 | .row-cols-md-3 > * { |
||
1081 | flex: 0 0 auto; |
||
1082 | width: 33.3333333333%; |
||
1083 | } |
||
1084 | .row-cols-md-4 > * { |
||
1085 | flex: 0 0 auto; |
||
1086 | width: 25%; |
||
1087 | } |
||
1088 | .row-cols-md-5 > * { |
||
1089 | flex: 0 0 auto; |
||
1090 | width: 20%; |
||
1091 | } |
||
1092 | .row-cols-md-6 > * { |
||
1093 | flex: 0 0 auto; |
||
1094 | width: 16.6666666667%; |
||
1095 | } |
||
1096 | .col-md-auto {
|
||
1097 | flex: 0 0 auto; |
||
1098 | width: auto; |
||
1099 | } |
||
1100 | .col-md-1 {
|
||
1101 | flex: 0 0 auto; |
||
1102 | width: 8.33333333%; |
||
1103 | } |
||
1104 | .col-md-2 {
|
||
1105 | flex: 0 0 auto; |
||
1106 | width: 16.66666667%; |
||
1107 | } |
||
1108 | .col-md-3 {
|
||
1109 | flex: 0 0 auto; |
||
1110 | width: 25%; |
||
1111 | } |
||
1112 | .col-md-4 {
|
||
1113 | flex: 0 0 auto; |
||
1114 | width: 33.33333333%; |
||
1115 | } |
||
1116 | .col-md-5 {
|
||
1117 | flex: 0 0 auto; |
||
1118 | width: 41.66666667%; |
||
1119 | } |
||
1120 | .col-md-6 {
|
||
1121 | flex: 0 0 auto; |
||
1122 | width: 50%; |
||
1123 | } |
||
1124 | .col-md-7 {
|
||
1125 | flex: 0 0 auto; |
||
1126 | width: 58.33333333%; |
||
1127 | } |
||
1128 | .col-md-8 {
|
||
1129 | flex: 0 0 auto; |
||
1130 | width: 66.66666667%; |
||
1131 | } |
||
1132 | .col-md-9 {
|
||
1133 | flex: 0 0 auto; |
||
1134 | width: 75%; |
||
1135 | } |
||
1136 | .col-md-10 {
|
||
1137 | flex: 0 0 auto; |
||
1138 | width: 83.33333333%; |
||
1139 | } |
||
1140 | .col-md-11 {
|
||
1141 | flex: 0 0 auto; |
||
1142 | width: 91.66666667%; |
||
1143 | } |
||
1144 | .col-md-12 {
|
||
1145 | flex: 0 0 auto; |
||
1146 | width: 100%; |
||
1147 | } |
||
1148 | .offset-md-0 {
|
||
1149 | margin-left: 0; |
||
1150 | } |
||
1151 | .offset-md-1 {
|
||
1152 | margin-left: 8.33333333%; |
||
1153 | } |
||
1154 | .offset-md-2 {
|
||
1155 | margin-left: 16.66666667%; |
||
1156 | } |
||
1157 | .offset-md-3 {
|
||
1158 | margin-left: 25%; |
||
1159 | } |
||
1160 | .offset-md-4 {
|
||
1161 | margin-left: 33.33333333%; |
||
1162 | } |
||
1163 | .offset-md-5 {
|
||
1164 | margin-left: 41.66666667%; |
||
1165 | } |
||
1166 | .offset-md-6 {
|
||
1167 | margin-left: 50%; |
||
1168 | } |
||
1169 | .offset-md-7 {
|
||
1170 | margin-left: 58.33333333%; |
||
1171 | } |
||
1172 | .offset-md-8 {
|
||
1173 | margin-left: 66.66666667%; |
||
1174 | } |
||
1175 | .offset-md-9 {
|
||
1176 | margin-left: 75%; |
||
1177 | } |
||
1178 | .offset-md-10 {
|
||
1179 | margin-left: 83.33333333%; |
||
1180 | } |
||
1181 | .offset-md-11 {
|
||
1182 | margin-left: 91.66666667%; |
||
1183 | } |
||
1184 | .g-md-0,
|
||
1185 | .gx-md-0 {
|
||
1186 | --bs-gutter-x: 0; |
||
1187 | } |
||
1188 | .g-md-0,
|
||
1189 | .gy-md-0 {
|
||
1190 | --bs-gutter-y: 0; |
||
1191 | } |
||
1192 | .g-md-1,
|
||
1193 | .gx-md-1 {
|
||
1194 | --bs-gutter-x: 0.25rem; |
||
1195 | } |
||
1196 | .g-md-1,
|
||
1197 | .gy-md-1 {
|
||
1198 | --bs-gutter-y: 0.25rem; |
||
1199 | } |
||
1200 | .g-md-2,
|
||
1201 | .gx-md-2 {
|
||
1202 | --bs-gutter-x: 0.5rem; |
||
1203 | } |
||
1204 | .g-md-2,
|
||
1205 | .gy-md-2 {
|
||
1206 | --bs-gutter-y: 0.5rem; |
||
1207 | } |
||
1208 | .g-md-3,
|
||
1209 | .gx-md-3 {
|
||
1210 | --bs-gutter-x: 1rem; |
||
1211 | } |
||
1212 | .g-md-3,
|
||
1213 | .gy-md-3 {
|
||
1214 | --bs-gutter-y: 1rem; |
||
1215 | } |
||
1216 | .g-md-4,
|
||
1217 | .gx-md-4 {
|
||
1218 | --bs-gutter-x: 1.5rem; |
||
1219 | } |
||
1220 | .g-md-4,
|
||
1221 | .gy-md-4 {
|
||
1222 | --bs-gutter-y: 1.5rem; |
||
1223 | } |
||
1224 | .g-md-5,
|
||
1225 | .gx-md-5 {
|
||
1226 | --bs-gutter-x: 3rem; |
||
1227 | } |
||
1228 | .g-md-5,
|
||
1229 | .gy-md-5 {
|
||
1230 | --bs-gutter-y: 3rem; |
||
1231 | } |
||
1232 | 950e6b84 | taeseongkim | } |
1233 | 65674874 | taeseongkim | @media (min-width: 992px) { |
1234 | .col-lg {
|
||
1235 | flex: 1 0 0%; |
||
1236 | } |
||
1237 | .row-cols-lg-auto > * { |
||
1238 | flex: 0 0 auto; |
||
1239 | width: auto; |
||
1240 | } |
||
1241 | .row-cols-lg-1 > * { |
||
1242 | flex: 0 0 auto; |
||
1243 | width: 100%; |
||
1244 | } |
||
1245 | .row-cols-lg-2 > * { |
||
1246 | flex: 0 0 auto; |
||
1247 | width: 50%; |
||
1248 | } |
||
1249 | .row-cols-lg-3 > * { |
||
1250 | flex: 0 0 auto; |
||
1251 | width: 33.3333333333%; |
||
1252 | } |
||
1253 | .row-cols-lg-4 > * { |
||
1254 | flex: 0 0 auto; |
||
1255 | width: 25%; |
||
1256 | } |
||
1257 | .row-cols-lg-5 > * { |
||
1258 | flex: 0 0 auto; |
||
1259 | width: 20%; |
||
1260 | } |
||
1261 | .row-cols-lg-6 > * { |
||
1262 | flex: 0 0 auto; |
||
1263 | width: 16.6666666667%; |
||
1264 | } |
||
1265 | .col-lg-auto {
|
||
1266 | flex: 0 0 auto; |
||
1267 | width: auto; |
||
1268 | } |
||
1269 | .col-lg-1 {
|
||
1270 | flex: 0 0 auto; |
||
1271 | width: 8.33333333%; |
||
1272 | } |
||
1273 | .col-lg-2 {
|
||
1274 | flex: 0 0 auto; |
||
1275 | width: 16.66666667%; |
||
1276 | } |
||
1277 | .col-lg-3 {
|
||
1278 | flex: 0 0 auto; |
||
1279 | width: 25%; |
||
1280 | } |
||
1281 | .col-lg-4 {
|
||
1282 | flex: 0 0 auto; |
||
1283 | width: 33.33333333%; |
||
1284 | } |
||
1285 | .col-lg-5 {
|
||
1286 | flex: 0 0 auto; |
||
1287 | width: 41.66666667%; |
||
1288 | } |
||
1289 | .col-lg-6 {
|
||
1290 | flex: 0 0 auto; |
||
1291 | width: 50%; |
||
1292 | } |
||
1293 | .col-lg-7 {
|
||
1294 | flex: 0 0 auto; |
||
1295 | width: 58.33333333%; |
||
1296 | } |
||
1297 | .col-lg-8 {
|
||
1298 | flex: 0 0 auto; |
||
1299 | width: 66.66666667%; |
||
1300 | } |
||
1301 | .col-lg-9 {
|
||
1302 | flex: 0 0 auto; |
||
1303 | width: 75%; |
||
1304 | } |
||
1305 | .col-lg-10 {
|
||
1306 | flex: 0 0 auto; |
||
1307 | width: 83.33333333%; |
||
1308 | } |
||
1309 | .col-lg-11 {
|
||
1310 | flex: 0 0 auto; |
||
1311 | width: 91.66666667%; |
||
1312 | } |
||
1313 | .col-lg-12 {
|
||
1314 | flex: 0 0 auto; |
||
1315 | width: 100%; |
||
1316 | } |
||
1317 | .offset-lg-0 {
|
||
1318 | margin-left: 0; |
||
1319 | } |
||
1320 | .offset-lg-1 {
|
||
1321 | margin-left: 8.33333333%; |
||
1322 | } |
||
1323 | .offset-lg-2 {
|
||
1324 | margin-left: 16.66666667%; |
||
1325 | } |
||
1326 | .offset-lg-3 {
|
||
1327 | margin-left: 25%; |
||
1328 | } |
||
1329 | .offset-lg-4 {
|
||
1330 | margin-left: 33.33333333%; |
||
1331 | } |
||
1332 | .offset-lg-5 {
|
||
1333 | margin-left: 41.66666667%; |
||
1334 | } |
||
1335 | .offset-lg-6 {
|
||
1336 | margin-left: 50%; |
||
1337 | } |
||
1338 | .offset-lg-7 {
|
||
1339 | margin-left: 58.33333333%; |
||
1340 | } |
||
1341 | .offset-lg-8 {
|
||
1342 | margin-left: 66.66666667%; |
||
1343 | } |
||
1344 | .offset-lg-9 {
|
||
1345 | margin-left: 75%; |
||
1346 | } |
||
1347 | .offset-lg-10 {
|
||
1348 | margin-left: 83.33333333%; |
||
1349 | } |
||
1350 | .offset-lg-11 {
|
||
1351 | margin-left: 91.66666667%; |
||
1352 | } |
||
1353 | .g-lg-0,
|
||
1354 | .gx-lg-0 {
|
||
1355 | --bs-gutter-x: 0; |
||
1356 | } |
||
1357 | .g-lg-0,
|
||
1358 | .gy-lg-0 {
|
||
1359 | --bs-gutter-y: 0; |
||
1360 | } |
||
1361 | .g-lg-1,
|
||
1362 | .gx-lg-1 {
|
||
1363 | --bs-gutter-x: 0.25rem; |
||
1364 | } |
||
1365 | .g-lg-1,
|
||
1366 | .gy-lg-1 {
|
||
1367 | --bs-gutter-y: 0.25rem; |
||
1368 | } |
||
1369 | .g-lg-2,
|
||
1370 | .gx-lg-2 {
|
||
1371 | --bs-gutter-x: 0.5rem; |
||
1372 | } |
||
1373 | .g-lg-2,
|
||
1374 | .gy-lg-2 {
|
||
1375 | --bs-gutter-y: 0.5rem; |
||
1376 | } |
||
1377 | .g-lg-3,
|
||
1378 | .gx-lg-3 {
|
||
1379 | --bs-gutter-x: 1rem; |
||
1380 | } |
||
1381 | .g-lg-3,
|
||
1382 | .gy-lg-3 {
|
||
1383 | --bs-gutter-y: 1rem; |
||
1384 | } |
||
1385 | .g-lg-4,
|
||
1386 | .gx-lg-4 {
|
||
1387 | --bs-gutter-x: 1.5rem; |
||
1388 | } |
||
1389 | .g-lg-4,
|
||
1390 | .gy-lg-4 {
|
||
1391 | --bs-gutter-y: 1.5rem; |
||
1392 | } |
||
1393 | .g-lg-5,
|
||
1394 | .gx-lg-5 {
|
||
1395 | --bs-gutter-x: 3rem; |
||
1396 | } |
||
1397 | .g-lg-5,
|
||
1398 | .gy-lg-5 {
|
||
1399 | --bs-gutter-y: 3rem; |
||
1400 | } |
||
1401 | 950e6b84 | taeseongkim | } |
1402 | 65674874 | taeseongkim | @media (min-width: 1200px) { |
1403 | .col-xl {
|
||
1404 | flex: 1 0 0%; |
||
1405 | } |
||
1406 | .row-cols-xl-auto > * { |
||
1407 | flex: 0 0 auto; |
||
1408 | width: auto; |
||
1409 | } |
||
1410 | .row-cols-xl-1 > * { |
||
1411 | flex: 0 0 auto; |
||
1412 | width: 100%; |
||
1413 | } |
||
1414 | .row-cols-xl-2 > * { |
||
1415 | flex: 0 0 auto; |
||
1416 | width: 50%; |
||
1417 | } |
||
1418 | .row-cols-xl-3 > * { |
||
1419 | flex: 0 0 auto; |
||
1420 | width: 33.3333333333%; |
||
1421 | } |
||
1422 | .row-cols-xl-4 > * { |
||
1423 | flex: 0 0 auto; |
||
1424 | width: 25%; |
||
1425 | } |
||
1426 | .row-cols-xl-5 > * { |
||
1427 | flex: 0 0 auto; |
||
1428 | width: 20%; |
||
1429 | } |
||
1430 | .row-cols-xl-6 > * { |
||
1431 | flex: 0 0 auto; |
||
1432 | width: 16.6666666667%; |
||
1433 | } |
||
1434 | .col-xl-auto {
|
||
1435 | flex: 0 0 auto; |
||
1436 | width: auto; |
||
1437 | } |
||
1438 | .col-xl-1 {
|
||
1439 | flex: 0 0 auto; |
||
1440 | width: 8.33333333%; |
||
1441 | } |
||
1442 | .col-xl-2 {
|
||
1443 | flex: 0 0 auto; |
||
1444 | width: 16.66666667%; |
||
1445 | } |
||
1446 | .col-xl-3 {
|
||
1447 | flex: 0 0 auto; |
||
1448 | width: 25%; |
||
1449 | } |
||
1450 | .col-xl-4 {
|
||
1451 | flex: 0 0 auto; |
||
1452 | width: 33.33333333%; |
||
1453 | } |
||
1454 | .col-xl-5 {
|
||
1455 | flex: 0 0 auto; |
||
1456 | width: 41.66666667%; |
||
1457 | } |
||
1458 | .col-xl-6 {
|
||
1459 | flex: 0 0 auto; |
||
1460 | width: 50%; |
||
1461 | } |
||
1462 | .col-xl-7 {
|
||
1463 | flex: 0 0 auto; |
||
1464 | width: 58.33333333%; |
||
1465 | } |
||
1466 | .col-xl-8 {
|
||
1467 | flex: 0 0 auto; |
||
1468 | width: 66.66666667%; |
||
1469 | } |
||
1470 | .col-xl-9 {
|
||
1471 | flex: 0 0 auto; |
||
1472 | width: 75%; |
||
1473 | } |
||
1474 | .col-xl-10 {
|
||
1475 | flex: 0 0 auto; |
||
1476 | width: 83.33333333%; |
||
1477 | } |
||
1478 | .col-xl-11 {
|
||
1479 | flex: 0 0 auto; |
||
1480 | width: 91.66666667%; |
||
1481 | } |
||
1482 | .col-xl-12 {
|
||
1483 | flex: 0 0 auto; |
||
1484 | width: 100%; |
||
1485 | } |
||
1486 | .offset-xl-0 {
|
||
1487 | margin-left: 0; |
||
1488 | } |
||
1489 | .offset-xl-1 {
|
||
1490 | margin-left: 8.33333333%; |
||
1491 | } |
||
1492 | .offset-xl-2 {
|
||
1493 | margin-left: 16.66666667%; |
||
1494 | } |
||
1495 | .offset-xl-3 {
|
||
1496 | margin-left: 25%; |
||
1497 | } |
||
1498 | .offset-xl-4 {
|
||
1499 | margin-left: 33.33333333%; |
||
1500 | } |
||
1501 | .offset-xl-5 {
|
||
1502 | margin-left: 41.66666667%; |
||
1503 | } |
||
1504 | .offset-xl-6 {
|
||
1505 | margin-left: 50%; |
||
1506 | } |
||
1507 | .offset-xl-7 {
|
||
1508 | margin-left: 58.33333333%; |
||
1509 | } |
||
1510 | .offset-xl-8 {
|
||
1511 | margin-left: 66.66666667%; |
||
1512 | } |
||
1513 | .offset-xl-9 {
|
||
1514 | margin-left: 75%; |
||
1515 | } |
||
1516 | .offset-xl-10 {
|
||
1517 | margin-left: 83.33333333%; |
||
1518 | } |
||
1519 | .offset-xl-11 {
|
||
1520 | margin-left: 91.66666667%; |
||
1521 | } |
||
1522 | .g-xl-0,
|
||
1523 | .gx-xl-0 {
|
||
1524 | --bs-gutter-x: 0; |
||
1525 | } |
||
1526 | .g-xl-0,
|
||
1527 | .gy-xl-0 {
|
||
1528 | --bs-gutter-y: 0; |
||
1529 | } |
||
1530 | .g-xl-1,
|
||
1531 | .gx-xl-1 {
|
||
1532 | --bs-gutter-x: 0.25rem; |
||
1533 | } |
||
1534 | .g-xl-1,
|
||
1535 | .gy-xl-1 {
|
||
1536 | --bs-gutter-y: 0.25rem; |
||
1537 | } |
||
1538 | .g-xl-2,
|
||
1539 | .gx-xl-2 {
|
||
1540 | --bs-gutter-x: 0.5rem; |
||
1541 | } |
||
1542 | .g-xl-2,
|
||
1543 | .gy-xl-2 {
|
||
1544 | --bs-gutter-y: 0.5rem; |
||
1545 | } |
||
1546 | .g-xl-3,
|
||
1547 | .gx-xl-3 {
|
||
1548 | --bs-gutter-x: 1rem; |
||
1549 | } |
||
1550 | .g-xl-3,
|
||
1551 | .gy-xl-3 {
|
||
1552 | --bs-gutter-y: 1rem; |
||
1553 | } |
||
1554 | .g-xl-4,
|
||
1555 | .gx-xl-4 {
|
||
1556 | --bs-gutter-x: 1.5rem; |
||
1557 | } |
||
1558 | .g-xl-4,
|
||
1559 | .gy-xl-4 {
|
||
1560 | --bs-gutter-y: 1.5rem; |
||
1561 | } |
||
1562 | .g-xl-5,
|
||
1563 | .gx-xl-5 {
|
||
1564 | --bs-gutter-x: 3rem; |
||
1565 | } |
||
1566 | .g-xl-5,
|
||
1567 | .gy-xl-5 {
|
||
1568 | --bs-gutter-y: 3rem; |
||
1569 | } |
||
1570 | 950e6b84 | taeseongkim | } |
1571 | 65674874 | taeseongkim | @media (min-width: 1400px) { |
1572 | .col-xxl {
|
||
1573 | flex: 1 0 0%; |
||
1574 | } |
||
1575 | .row-cols-xxl-auto > * { |
||
1576 | flex: 0 0 auto; |
||
1577 | width: auto; |
||
1578 | } |
||
1579 | .row-cols-xxl-1 > * { |
||
1580 | flex: 0 0 auto; |
||
1581 | width: 100%; |
||
1582 | } |
||
1583 | .row-cols-xxl-2 > * { |
||
1584 | flex: 0 0 auto; |
||
1585 | width: 50%; |
||
1586 | } |
||
1587 | .row-cols-xxl-3 > * { |
||
1588 | flex: 0 0 auto; |
||
1589 | width: 33.3333333333%; |
||
1590 | } |
||
1591 | .row-cols-xxl-4 > * { |
||
1592 | flex: 0 0 auto; |
||
1593 | width: 25%; |
||
1594 | } |
||
1595 | .row-cols-xxl-5 > * { |
||
1596 | flex: 0 0 auto; |
||
1597 | width: 20%; |
||
1598 | } |
||
1599 | .row-cols-xxl-6 > * { |
||
1600 | flex: 0 0 auto; |
||
1601 | width: 16.6666666667%; |
||
1602 | } |
||
1603 | .col-xxl-auto {
|
||
1604 | flex: 0 0 auto; |
||
1605 | width: auto; |
||
1606 | } |
||
1607 | .col-xxl-1 {
|
||
1608 | flex: 0 0 auto; |
||
1609 | width: 8.33333333%; |
||
1610 | } |
||
1611 | .col-xxl-2 {
|
||
1612 | flex: 0 0 auto; |
||
1613 | width: 16.66666667%; |
||
1614 | } |
||
1615 | .col-xxl-3 {
|
||
1616 | flex: 0 0 auto; |
||
1617 | width: 25%; |
||
1618 | } |
||
1619 | .col-xxl-4 {
|
||
1620 | flex: 0 0 auto; |
||
1621 | width: 33.33333333%; |
||
1622 | } |
||
1623 | .col-xxl-5 {
|
||
1624 | flex: 0 0 auto; |
||
1625 | width: 41.66666667%; |
||
1626 | } |
||
1627 | .col-xxl-6 {
|
||
1628 | flex: 0 0 auto; |
||
1629 | width: 50%; |
||
1630 | } |
||
1631 | .col-xxl-7 {
|
||
1632 | flex: 0 0 auto; |
||
1633 | width: 58.33333333%; |
||
1634 | } |
||
1635 | .col-xxl-8 {
|
||
1636 | flex: 0 0 auto; |
||
1637 | width: 66.66666667%; |
||
1638 | } |
||
1639 | .col-xxl-9 {
|
||
1640 | flex: 0 0 auto; |
||
1641 | width: 75%; |
||
1642 | } |
||
1643 | .col-xxl-10 {
|
||
1644 | flex: 0 0 auto; |
||
1645 | width: 83.33333333%; |
||
1646 | } |
||
1647 | .col-xxl-11 {
|
||
1648 | flex: 0 0 auto; |
||
1649 | width: 91.66666667%; |
||
1650 | } |
||
1651 | .col-xxl-12 {
|
||
1652 | flex: 0 0 auto; |
||
1653 | width: 100%; |
||
1654 | } |
||
1655 | .offset-xxl-0 {
|
||
1656 | margin-left: 0; |
||
1657 | } |
||
1658 | .offset-xxl-1 {
|
||
1659 | margin-left: 8.33333333%; |
||
1660 | } |
||
1661 | .offset-xxl-2 {
|
||
1662 | margin-left: 16.66666667%; |
||
1663 | } |
||
1664 | .offset-xxl-3 {
|
||
1665 | margin-left: 25%; |
||
1666 | } |
||
1667 | .offset-xxl-4 {
|
||
1668 | margin-left: 33.33333333%; |
||
1669 | } |
||
1670 | .offset-xxl-5 {
|
||
1671 | margin-left: 41.66666667%; |
||
1672 | } |
||
1673 | .offset-xxl-6 {
|
||
1674 | margin-left: 50%; |
||
1675 | } |
||
1676 | .offset-xxl-7 {
|
||
1677 | margin-left: 58.33333333%; |
||
1678 | } |
||
1679 | .offset-xxl-8 {
|
||
1680 | margin-left: 66.66666667%; |
||
1681 | } |
||
1682 | .offset-xxl-9 {
|
||
1683 | margin-left: 75%; |
||
1684 | } |
||
1685 | .offset-xxl-10 {
|
||
1686 | margin-left: 83.33333333%; |
||
1687 | } |
||
1688 | .offset-xxl-11 {
|
||
1689 | margin-left: 91.66666667%; |
||
1690 | } |
||
1691 | .g-xxl-0,
|
||
1692 | .gx-xxl-0 {
|
||
1693 | --bs-gutter-x: 0; |
||
1694 | } |
||
1695 | .g-xxl-0,
|
||
1696 | .gy-xxl-0 {
|
||
1697 | --bs-gutter-y: 0; |
||
1698 | } |
||
1699 | .g-xxl-1,
|
||
1700 | .gx-xxl-1 {
|
||
1701 | --bs-gutter-x: 0.25rem; |
||
1702 | } |
||
1703 | .g-xxl-1,
|
||
1704 | .gy-xxl-1 {
|
||
1705 | --bs-gutter-y: 0.25rem; |
||
1706 | } |
||
1707 | .g-xxl-2,
|
||
1708 | .gx-xxl-2 {
|
||
1709 | --bs-gutter-x: 0.5rem; |
||
1710 | } |
||
1711 | .g-xxl-2,
|
||
1712 | .gy-xxl-2 {
|
||
1713 | --bs-gutter-y: 0.5rem; |
||
1714 | } |
||
1715 | .g-xxl-3,
|
||
1716 | .gx-xxl-3 {
|
||
1717 | --bs-gutter-x: 1rem; |
||
1718 | } |
||
1719 | .g-xxl-3,
|
||
1720 | .gy-xxl-3 {
|
||
1721 | --bs-gutter-y: 1rem; |
||
1722 | } |
||
1723 | .g-xxl-4,
|
||
1724 | .gx-xxl-4 {
|
||
1725 | --bs-gutter-x: 1.5rem; |
||
1726 | } |
||
1727 | .g-xxl-4,
|
||
1728 | .gy-xxl-4 {
|
||
1729 | --bs-gutter-y: 1.5rem; |
||
1730 | } |
||
1731 | .g-xxl-5,
|
||
1732 | .gx-xxl-5 {
|
||
1733 | --bs-gutter-x: 3rem; |
||
1734 | } |
||
1735 | .g-xxl-5,
|
||
1736 | .gy-xxl-5 {
|
||
1737 | --bs-gutter-y: 3rem; |
||
1738 | } |
||
1739 | 950e6b84 | taeseongkim | } |
1740 | 65674874 | taeseongkim | .table {
|
1741 | --bs-table-color: var(--bs-body-color); |
||
1742 | --bs-table-bg: transparent; |
||
1743 | --bs-table-border-color: var(--bs-border-color); |
||
1744 | --bs-table-accent-bg: transparent; |
||
1745 | --bs-table-striped-color: var(--bs-body-color); |
||
1746 | --bs-table-striped-bg: rgba(0, 0, 0, 0.05); |
||
1747 | --bs-table-active-color: var(--bs-body-color); |
||
1748 | --bs-table-active-bg: rgba(0, 0, 0, 0.1); |
||
1749 | --bs-table-hover-color: var(--bs-body-color); |
||
1750 | --bs-table-hover-bg: rgba(0, 0, 0, 0.075); |
||
1751 | width: 100%; |
||
1752 | margin-bottom: 1rem; |
||
1753 | color: var(--bs-table-color); |
||
1754 | vertical-align: top; |
||
1755 | border-color: var(--bs-table-border-color); |
||
1756 | 950e6b84 | taeseongkim | } |
1757 | 65674874 | taeseongkim | .table > :not(caption) > * > * { |
1758 | padding: 0.5rem 0.5rem; |
||
1759 | background-color: var(--bs-table-bg); |
||
1760 | border-bottom-width: 1px; |
||
1761 | box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); |
||
1762 | 950e6b84 | taeseongkim | } |
1763 | 65674874 | taeseongkim | .table > tbody { |
1764 | vertical-align: inherit; |
||
1765 | 950e6b84 | taeseongkim | } |
1766 | 65674874 | taeseongkim | .table > thead { |
1767 | vertical-align: bottom; |
||
1768 | 950e6b84 | taeseongkim | } |
1769 | 65674874 | taeseongkim | |
1770 | .table-group-divider {
|
||
1771 | border-top: 2px solid currentcolor; |
||
1772 | 950e6b84 | taeseongkim | } |
1773 | 65674874 | taeseongkim | |
1774 | .caption-top {
|
||
1775 | caption-side: top; |
||
1776 | 950e6b84 | taeseongkim | } |
1777 | 65674874 | taeseongkim | |
1778 | .table-sm > :not(caption) > * > * { |
||
1779 | padding: 0.25rem 0.25rem; |
||
1780 | 950e6b84 | taeseongkim | } |
1781 | 65674874 | taeseongkim | |
1782 | .table-bordered > :not(caption) > * { |
||
1783 | border-width: 1px 0; |
||
1784 | 950e6b84 | taeseongkim | } |
1785 | 65674874 | taeseongkim | .table-bordered > :not(caption) > * > * { |
1786 | border-width: 0 1px; |
||
1787 | 950e6b84 | taeseongkim | } |
1788 | 65674874 | taeseongkim | |
1789 | .table-borderless > :not(caption) > * > * { |
||
1790 | border-bottom-width: 0; |
||
1791 | 950e6b84 | taeseongkim | } |
1792 | 65674874 | taeseongkim | .table-borderless > :not(:first-child) { |
1793 | border-top-width: 0; |
||
1794 | 950e6b84 | taeseongkim | } |
1795 | 65674874 | taeseongkim | |
1796 | .table-striped > tbody > tr:nth-of-type(odd) > * { |
||
1797 | --bs-table-accent-bg: var(--bs-table-striped-bg); |
||
1798 | color: var(--bs-table-striped-color); |
||
1799 | } |
||
1800 | |||
1801 | .table-striped-columns > :not(caption) > tr > :nth-child(even) { |
||
1802 | --bs-table-accent-bg: var(--bs-table-striped-bg); |
||
1803 | color: var(--bs-table-striped-color); |
||
1804 | } |
||
1805 | |||
1806 | .table-active {
|
||
1807 | --bs-table-accent-bg: var(--bs-table-active-bg); |
||
1808 | color: var(--bs-table-active-color); |
||
1809 | } |
||
1810 | |||
1811 | .table-hover > tbody > tr:hover > * { |
||
1812 | --bs-table-accent-bg: var(--bs-table-hover-bg); |
||
1813 | color: var(--bs-table-hover-color); |
||
1814 | } |
||
1815 | |||
1816 | .table-primary {
|
||
1817 | --bs-table-color: #000; |
||
1818 | --bs-table-bg: #cfe2ff; |
||
1819 | --bs-table-border-color: #bacbe6; |
||
1820 | --bs-table-striped-bg: #c5d7f2; |
||
1821 | --bs-table-striped-color: #000; |
||
1822 | --bs-table-active-bg: #bacbe6; |
||
1823 | --bs-table-active-color: #000; |
||
1824 | --bs-table-hover-bg: #bfd1ec; |
||
1825 | --bs-table-hover-color: #000; |
||
1826 | color: var(--bs-table-color); |
||
1827 | border-color: var(--bs-table-border-color); |
||
1828 | } |
||
1829 | |||
1830 | .table-secondary {
|
||
1831 | --bs-table-color: #000; |
||
1832 | --bs-table-bg: #e2e3e5; |
||
1833 | --bs-table-border-color: #cbccce; |
||
1834 | --bs-table-striped-bg: #d7d8da; |
||
1835 | --bs-table-striped-color: #000; |
||
1836 | --bs-table-active-bg: #cbccce; |
||
1837 | --bs-table-active-color: #000; |
||
1838 | --bs-table-hover-bg: #d1d2d4; |
||
1839 | --bs-table-hover-color: #000; |
||
1840 | color: var(--bs-table-color); |
||
1841 | border-color: var(--bs-table-border-color); |
||
1842 | } |
||
1843 | |||
1844 | .table-success {
|
||
1845 | --bs-table-color: #000; |
||
1846 | --bs-table-bg: #d1e7dd; |
||
1847 | --bs-table-border-color: #bcd0c7; |
||
1848 | --bs-table-striped-bg: #c7dbd2; |
||
1849 | --bs-table-striped-color: #000; |
||
1850 | --bs-table-active-bg: #bcd0c7; |
||
1851 | --bs-table-active-color: #000; |
||
1852 | --bs-table-hover-bg: #c1d6cc; |
||
1853 | --bs-table-hover-color: #000; |
||
1854 | color: var(--bs-table-color); |
||
1855 | border-color: var(--bs-table-border-color); |
||
1856 | } |
||
1857 | |||
1858 | .table-info {
|
||
1859 | --bs-table-color: #000; |
||
1860 | --bs-table-bg: #cff4fc; |
||
1861 | --bs-table-border-color: #badce3; |
||
1862 | --bs-table-striped-bg: #c5e8ef; |
||
1863 | --bs-table-striped-color: #000; |
||
1864 | --bs-table-active-bg: #badce3; |
||
1865 | --bs-table-active-color: #000; |
||
1866 | --bs-table-hover-bg: #bfe2e9; |
||
1867 | --bs-table-hover-color: #000; |
||
1868 | color: var(--bs-table-color); |
||
1869 | border-color: var(--bs-table-border-color); |
||
1870 | } |
||
1871 | |||
1872 | .table-warning {
|
||
1873 | --bs-table-color: #000; |
||
1874 | --bs-table-bg: #fff3cd; |
||
1875 | --bs-table-border-color: #e6dbb9; |
||
1876 | --bs-table-striped-bg: #f2e7c3; |
||
1877 | --bs-table-striped-color: #000; |
||
1878 | --bs-table-active-bg: #e6dbb9; |
||
1879 | --bs-table-active-color: #000; |
||
1880 | --bs-table-hover-bg: #ece1be; |
||
1881 | --bs-table-hover-color: #000; |
||
1882 | color: var(--bs-table-color); |
||
1883 | border-color: var(--bs-table-border-color); |
||
1884 | } |
||
1885 | |||
1886 | .table-danger {
|
||
1887 | --bs-table-color: #000; |
||
1888 | --bs-table-bg: #f8d7da; |
||
1889 | --bs-table-border-color: #dfc2c4; |
||
1890 | --bs-table-striped-bg: #eccccf; |
||
1891 | --bs-table-striped-color: #000; |
||
1892 | --bs-table-active-bg: #dfc2c4; |
||
1893 | --bs-table-active-color: #000; |
||
1894 | --bs-table-hover-bg: #e5c7ca; |
||
1895 | --bs-table-hover-color: #000; |
||
1896 | color: var(--bs-table-color); |
||
1897 | border-color: var(--bs-table-border-color); |
||
1898 | } |
||
1899 | |||
1900 | .table-light {
|
||
1901 | --bs-table-color: #000; |
||
1902 | --bs-table-bg: #f8f9fa; |
||
1903 | --bs-table-border-color: #dfe0e1; |
||
1904 | --bs-table-striped-bg: #ecedee; |
||
1905 | --bs-table-striped-color: #000; |
||
1906 | --bs-table-active-bg: #dfe0e1; |
||
1907 | --bs-table-active-color: #000; |
||
1908 | --bs-table-hover-bg: #e5e6e7; |
||
1909 | --bs-table-hover-color: #000; |
||
1910 | color: var(--bs-table-color); |
||
1911 | border-color: var(--bs-table-border-color); |
||
1912 | } |
||
1913 | |||
1914 | .table-dark {
|
||
1915 | --bs-table-color: #fff; |
||
1916 | --bs-table-bg: #212529; |
||
1917 | --bs-table-border-color: #373b3e; |
||
1918 | --bs-table-striped-bg: #2c3034; |
||
1919 | --bs-table-striped-color: #fff; |
||
1920 | --bs-table-active-bg: #373b3e; |
||
1921 | --bs-table-active-color: #fff; |
||
1922 | --bs-table-hover-bg: #323539; |
||
1923 | --bs-table-hover-color: #fff; |
||
1924 | color: var(--bs-table-color); |
||
1925 | border-color: var(--bs-table-border-color); |
||
1926 | } |
||
1927 | |||
1928 | .table-responsive {
|
||
1929 | overflow-x: auto; |
||
1930 | -webkit-overflow-scrolling: touch; |
||
1931 | 950e6b84 | taeseongkim | } |
1932 | 65674874 | taeseongkim | |
1933 | @media (max-width: 575.98px) { |
||
1934 | .table-responsive-sm {
|
||
1935 | overflow-x: auto; |
||
1936 | -webkit-overflow-scrolling: touch; |
||
1937 | } |
||
1938 | 950e6b84 | taeseongkim | } |
1939 | 65674874 | taeseongkim | @media (max-width: 767.98px) { |
1940 | .table-responsive-md {
|
||
1941 | overflow-x: auto; |
||
1942 | -webkit-overflow-scrolling: touch; |
||
1943 | } |
||
1944 | 950e6b84 | taeseongkim | } |
1945 | 65674874 | taeseongkim | @media (max-width: 991.98px) { |
1946 | .table-responsive-lg {
|
||
1947 | overflow-x: auto; |
||
1948 | -webkit-overflow-scrolling: touch; |
||
1949 | } |
||
1950 | 950e6b84 | taeseongkim | } |
1951 | 65674874 | taeseongkim | @media (max-width: 1199.98px) { |
1952 | .table-responsive-xl {
|
||
1953 | overflow-x: auto; |
||
1954 | -webkit-overflow-scrolling: touch; |
||
1955 | } |
||
1956 | 950e6b84 | taeseongkim | } |
1957 | 65674874 | taeseongkim | @media (max-width: 1399.98px) { |
1958 | .table-responsive-xxl {
|
||
1959 | overflow-x: auto; |
||
1960 | -webkit-overflow-scrolling: touch; |
||
1961 | } |
||
1962 | 950e6b84 | taeseongkim | } |
1963 | 65674874 | taeseongkim | .form-label {
|
1964 | margin-bottom: 0.5rem; |
||
1965 | 950e6b84 | taeseongkim | } |
1966 | 65674874 | taeseongkim | |
1967 | .col-form-label {
|
||
1968 | padding-top: calc(0.375rem + 1px); |
||
1969 | padding-bottom: calc(0.375rem + 1px); |
||
1970 | margin-bottom: 0; |
||
1971 | font-size: inherit; |
||
1972 | line-height: 1.5; |
||
1973 | 950e6b84 | taeseongkim | } |
1974 | 65674874 | taeseongkim | |
1975 | .col-form-label-lg {
|
||
1976 | padding-top: calc(0.5rem + 1px); |
||
1977 | padding-bottom: calc(0.5rem + 1px); |
||
1978 | font-size: 1.25rem; |
||
1979 | } |
||
1980 | |||
1981 | .col-form-label-sm {
|
||
1982 | padding-top: calc(0.25rem + 1px); |
||
1983 | padding-bottom: calc(0.25rem + 1px); |
||
1984 | font-size: 0.875rem; |
||
1985 | } |
||
1986 | |||
1987 | .form-text {
|
||
1988 | margin-top: 0.25rem; |
||
1989 | font-size: 0.875em; |
||
1990 | color: #6c757d; |
||
1991 | } |
||
1992 | |||
1993 | .form-control {
|
||
1994 | display: block; |
||
1995 | width: 100%; |
||
1996 | padding: 0.375rem 0.75rem; |
||
1997 | font-size: 1rem; |
||
1998 | font-weight: 400; |
||
1999 | line-height: 1.5; |
||
2000 | color: #212529; |
||
2001 | background-color: #fff; |
||
2002 | background-clip: padding-box; |
||
2003 | border: 1px solid #ced4da; |
||
2004 | -webkit-appearance: none; |
||
2005 | -moz-appearance: none; |
||
2006 | appearance: none; |
||
2007 | border-radius: 0.375rem; |
||
2008 | transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
||
2009 | 950e6b84 | taeseongkim | } |
2010 | 65674874 | taeseongkim | @media (prefers-reduced-motion: reduce) { |
2011 | .form-control {
|
||
2012 | transition: none; |
||
2013 | } |
||
2014 | 950e6b84 | taeseongkim | } |
2015 | 65674874 | taeseongkim | .form-control[type=file] { |
2016 | overflow: hidden; |
||
2017 | 950e6b84 | taeseongkim | } |
2018 | 65674874 | taeseongkim | .form-control[type=file]:not(:disabled):not([readonly]) { |
2019 | cursor: pointer; |
||
2020 | 950e6b84 | taeseongkim | } |
2021 | 65674874 | taeseongkim | .form-control:focus { |
2022 | color: #212529; |
||
2023 | background-color: #fff; |
||
2024 | border-color: #86b7fe; |
||
2025 | outline: 0; |
||
2026 | box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); |
||
2027 | 950e6b84 | taeseongkim | } |
2028 | 65674874 | taeseongkim | .form-control::-webkit-date-and-time-value { |
2029 | height: 1.5em; |
||
2030 | 950e6b84 | taeseongkim | } |
2031 | 65674874 | taeseongkim | .form-control::-moz-placeholder { |
2032 | color: #6c757d; |
||
2033 | opacity: 1; |
||
2034 | 950e6b84 | taeseongkim | } |
2035 | 65674874 | taeseongkim | .form-control::placeholder { |
2036 | color: #6c757d; |
||
2037 | opacity: 1; |
||
2038 | 950e6b84 | taeseongkim | } |
2039 | 65674874 | taeseongkim | .form-control:disabled { |
2040 | background-color: #e9ecef; |
||
2041 | opacity: 1; |
||
2042 | 950e6b84 | taeseongkim | } |
2043 | 65674874 | taeseongkim | .form-control::-webkit-file-upload-button { |
2044 | padding: 0.375rem 0.75rem; |
||
2045 | margin: -0.375rem -0.75rem; |
||
2046 | -webkit-margin-end: 0.75rem; |
||
2047 | margin-inline-end: 0.75rem; |
||
2048 | color: #212529; |
||
2049 | background-color: #e9ecef; |
||
2050 | pointer-events: none; |
||
2051 | border-color: inherit; |
||
2052 | border-style: solid; |
||
2053 | border-width: 0; |
||
2054 | border-inline-end-width: 1px; |
||
2055 | border-radius: 0; |
||
2056 | -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
||
2057 | transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
||
2058 | } |
||
2059 | .form-control::file-selector-button { |
||
2060 | padding: 0.375rem 0.75rem; |
||
2061 | margin: -0.375rem -0.75rem; |
||
2062 | -webkit-margin-end: 0.75rem; |
||
2063 | margin-inline-end: 0.75rem; |
||
2064 | color: #212529; |
||
2065 | background-color: #e9ecef; |
||
2066 | pointer-events: none; |
||
2067 | border-color: inherit; |
||
2068 | border-style: solid; |
||
2069 | border-width: 0; |
||
2070 | border-inline-end-width: 1px; |
||
2071 | border-radius: 0; |
||
2072 | transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
||
2073 | 950e6b84 | taeseongkim | } |
2074 | 65674874 | taeseongkim | @media (prefers-reduced-motion: reduce) { |
2075 | .form-control::-webkit-file-upload-button { |
||
2076 | -webkit-transition: none; |
||
2077 | transition: none; |
||
2078 | } |
||
2079 | .form-control::file-selector-button { |
||
2080 | transition: none; |
||
2081 | } |
||
2082 | 950e6b84 | taeseongkim | } |
2083 | 65674874 | taeseongkim | .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { |
2084 | background-color: #dde0e3; |
||
2085 | 950e6b84 | taeseongkim | } |
2086 | 65674874 | taeseongkim | .form-control:hover:not(:disabled):not([readonly])::file-selector-button { |
2087 | background-color: #dde0e3; |
||
2088 | 950e6b84 | taeseongkim | } |
2089 | 65674874 | taeseongkim | |
2090 | .form-control-plaintext {
|
||
2091 | display: block; |
||
2092 | width: 100%; |
||
2093 | padding: 0.375rem 0; |
||
2094 | margin-bottom: 0; |
||
2095 | line-height: 1.5; |
||
2096 | color: #212529; |
||
2097 | background-color: transparent; |
||
2098 | border: solid transparent; |
||
2099 | border-width: 1px 0; |
||
2100 | 950e6b84 | taeseongkim | } |
2101 | 65674874 | taeseongkim | .form-control-plaintext:focus { |
2102 | outline: 0; |
||
2103 | 950e6b84 | taeseongkim | } |
2104 | 65674874 | taeseongkim | .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { |
2105 | padding-right: 0; |
||
2106 | padding-left: 0; |
||
2107 | 950e6b84 | taeseongkim | } |
2108 | 65674874 | taeseongkim | |
2109 | .form-control-sm {
|
||
2110 | min-height: calc(1.5em + 0.5rem + 2px); |
||
2111 | padding: 0.25rem 0.5rem; |
||
2112 | font-size: 0.875rem; |
||
2113 | border-radius: 0.25rem; |
||
2114 | } |
||
2115 | .form-control-sm::-webkit-file-upload-button { |
||
2116 | padding: 0.25rem 0.5rem; |
||
2117 | margin: -0.25rem -0.5rem; |
||
2118 | -webkit-margin-end: 0.5rem; |
||
2119 | margin-inline-end: 0.5rem; |
||
2120 | } |
||
2121 | .form-control-sm::file-selector-button { |
||
2122 | padding: 0.25rem 0.5rem; |
||
2123 | margin: -0.25rem -0.5rem; |
||
2124 | -webkit-margin-end: 0.5rem; |
||
2125 | margin-inline-end: 0.5rem; |
||
2126 | } |
||
2127 | |||
2128 | .form-control-lg {
|
||
2129 | min-height: calc(1.5em + 1rem + 2px); |
||
2130 | padding: 0.5rem 1rem; |
||
2131 | font-size: 1.25rem; |
||
2132 | border-radius: 0.5rem; |
||
2133 | } |
||
2134 | .form-control-lg::-webkit-file-upload-button { |
||
2135 | padding: 0.5rem 1rem; |
||
2136 | margin: -0.5rem -1rem; |
||
2137 | -webkit-margin-end: 1rem; |
||
2138 | margin-inline-end: 1rem; |
||
2139 | } |
||
2140 | .form-control-lg::file-selector-button { |
||
2141 | padding: 0.5rem 1rem; |
||
2142 | margin: -0.5rem -1rem; |
||
2143 | -webkit-margin-end: 1rem; |
||
2144 | margin-inline-end: 1rem; |
||
2145 | } |
||
2146 | |||
2147 | textarea.form-control { |
||
2148 | min-height: calc(1.5em + 0.75rem + 2px); |
||
2149 | 950e6b84 | taeseongkim | } |
2150 | 65674874 | taeseongkim | textarea.form-control-sm { |
2151 | min-height: calc(1.5em + 0.5rem + 2px); |
||
2152 | 950e6b84 | taeseongkim | } |
2153 | 65674874 | taeseongkim | textarea.form-control-lg { |
2154 | min-height: calc(1.5em + 1rem + 2px); |
||
2155 | 950e6b84 | taeseongkim | } |
2156 | 65674874 | taeseongkim | |
2157 | .form-control-color {
|
||
2158 | width: 3rem; |
||
2159 | height: calc(1.5em + 0.75rem + 2px); |
||
2160 | padding: 0.375rem; |
||
2161 | 950e6b84 | taeseongkim | } |
2162 | 65674874 | taeseongkim | .form-control-color:not(:disabled):not([readonly]) { |
2163 | cursor: pointer; |
||
2164 | 950e6b84 | taeseongkim | } |
2165 | 65674874 | taeseongkim | .form-control-color::-moz-color-swatch { |
2166 | border: 0 !important; |
||
2167 | border-radius: 0.375rem; |
||
2168 | 950e6b84 | taeseongkim | } |
2169 | 65674874 | taeseongkim | .form-control-color::-webkit-color-swatch { |
2170 | border-radius: 0.375rem; |
||
2171 | 950e6b84 | taeseongkim | } |
2172 | 65674874 | taeseongkim | .form-control-color.form-control-sm { |
2173 | height: calc(1.5em + 0.5rem + 2px); |
||
2174 | 950e6b84 | taeseongkim | } |
2175 | 65674874 | taeseongkim | .form-control-color.form-control-lg { |
2176 | height: calc(1.5em + 1rem + 2px); |
||
2177 | 950e6b84 | taeseongkim | } |
2178 | 65674874 | taeseongkim | |
2179 | .form-select {
|
||
2180 | display: block; |
||
2181 | width: 100%; |
||
2182 | padding: 0.375rem 2.25rem 0.375rem 0.75rem; |
||
2183 | -moz-padding-start: calc(0.75rem - 3px); |
||
2184 | font-size: 1rem; |
||
2185 | font-weight: 400; |
||
2186 | line-height: 1.5; |
||
2187 | color: #212529; |
||
2188 | background-color: #fff; |
||
2189 | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); |
||
2190 | background-repeat: no-repeat; |
||
2191 | background-position: right 0.75rem center; |
||
2192 | background-size: 16px 12px; |
||
2193 | border: 1px solid #ced4da; |
||
2194 | border-radius: 0.375rem; |
||
2195 | transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
||
2196 | -webkit-appearance: none; |
||
2197 | -moz-appearance: none; |
||
2198 | appearance: none; |
||
2199 | 950e6b84 | taeseongkim | } |
2200 | 65674874 | taeseongkim | @media (prefers-reduced-motion: reduce) { |
2201 | .form-select {
|
||
2202 | transition: none; |
||
2203 | } |
||
2204 | 950e6b84 | taeseongkim | } |
2205 | 65674874 | taeseongkim | .form-select:focus { |
2206 | border-color: #86b7fe; |
||
2207 | outline: 0; |
||
2208 | box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); |
||
2209 | 950e6b84 | taeseongkim | } |
2210 | 65674874 | taeseongkim | .form-select[multiple], .form-select[size]:not([size="1"]) { |
2211 | padding-right: 0.75rem; |
||
2212 | background-image: none; |
||
2213 | 950e6b84 | taeseongkim | } |
2214 | 65674874 | taeseongkim | .form-select:disabled { |
2215 | background-color: #e9ecef; |
||
2216 | 950e6b84 | taeseongkim | } |
2217 | 65674874 | taeseongkim | .form-select:-moz-focusring { |
2218 | color: transparent; |
||
2219 | text-shadow: 0 0 0 #212529; |
||
2220 | } |
||
2221 | |||
2222 | .form-select-sm {
|
||
2223 | padding-top: 0.25rem; |
||
2224 | padding-bottom: 0.25rem; |
||
2225 | padding-left: 0.5rem; |
||
2226 | font-size: 0.875rem; |
||
2227 | border-radius: 0.25rem; |
||
2228 | } |
||
2229 | |||
2230 | .form-select-lg {
|
||
2231 | padding-top: 0.5rem; |
||
2232 | padding-bottom: 0.5rem; |
||
2233 | padding-left: 1rem; |
||
2234 | font-size: 1.25rem; |
||
2235 | border-radius: 0.5rem; |
||
2236 | } |
||
2237 | |||
2238 | .form-check {
|
||
2239 | display: block; |
||
2240 | min-height: 1.5rem; |
||
2241 | padding-left: 1.5em; |
||
2242 | margin-bottom: 0.125rem; |
||
2243 | 950e6b84 | taeseongkim | } |
2244 | 65674874 | taeseongkim | .form-check .form-check-input { |
2245 | float: left; |
||
2246 | margin-left: -1.5em; |
||
2247 | 950e6b84 | taeseongkim | } |
2248 | 65674874 | taeseongkim | |
2249 | .form-check-reverse {
|
||
2250 | padding-right: 1.5em; |
||
2251 | padding-left: 0; |
||
2252 | text-align: right; |
||
2253 | 950e6b84 | taeseongkim | } |
2254 | 65674874 | taeseongkim | .form-check-reverse .form-check-input { |
2255 | float: right; |
||
2256 | margin-right: -1.5em; |
||
2257 | margin-left: 0; |
||
2258 | 950e6b84 | taeseongkim | } |
2259 | 65674874 | taeseongkim | |
2260 | .form-check-input {
|
||
2261 | width: 1em; |
||
2262 | height: 1em; |
||
2263 | margin-top: 0.25em; |
||
2264 | vertical-align: top; |
||
2265 | background-color: #fff; |
||
2266 | background-repeat: no-repeat; |
||
2267 | background-position: center; |
||
2268 | background-size: contain; |
||
2269 | border: 1px solid rgba(0, 0, 0, 0.25); |
||
2270 | -webkit-appearance: none; |
||
2271 | -moz-appearance: none; |
||
2272 | appearance: none; |
||
2273 | -webkit-print-color-adjust: exact; |
||
2274 | color-adjust: exact; |
||
2275 | print-color-adjust: exact; |
||
2276 | 950e6b84 | taeseongkim | } |
2277 | 65674874 | taeseongkim | .form-check-input[type=checkbox] { |
2278 | border-radius: 0.25em; |
||
2279 | 950e6b84 | taeseongkim | } |
2280 | 65674874 | taeseongkim | .form-check-input[type=radio] { |
2281 | border-radius: 50%; |
||
2282 | 950e6b84 | taeseongkim | } |
2283 | 65674874 | taeseongkim | .form-check-input:active { |
2284 | filter: brightness(90%); |
||
2285 | 950e6b84 | taeseongkim | } |
2286 | 65674874 | taeseongkim | .form-check-input:focus { |
2287 | border-color: #86b7fe; |
||
2288 | outline: 0; |
||
2289 | box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); |
||
2290 | 950e6b84 | taeseongkim | } |
2291 | 65674874 | taeseongkim | .form-check-input:checked { |
2292 | background-color: #0d6efd; |
||
2293 | border-color: #0d6efd; |
||
2294 | 950e6b84 | taeseongkim | } |
2295 | 65674874 | taeseongkim | .form-check-input:checked[type=checkbox] { |
2296 | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); |
||
2297 | 950e6b84 | taeseongkim | } |
2298 | 65674874 | taeseongkim | .form-check-input:checked[type=radio] { |
2299 | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); |
||
2300 | 950e6b84 | taeseongkim | } |
2301 | 65674874 | taeseongkim | .form-check-input[type=checkbox]:indeterminate { |
2302 | background-color: #0d6efd; |
||
2303 | border-color: #0d6efd; |
||
2304 | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); |
||
2305 | 950e6b84 | taeseongkim | } |
2306 | 65674874 | taeseongkim | .form-check-input:disabled { |
2307 | pointer-events: none; |
||
2308 | filter: none; |
||
2309 | opacity: 0.5; |
||
2310 | 950e6b84 | taeseongkim | } |
2311 | 65674874 | taeseongkim | .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { |
2312 | cursor: default; |
||
2313 | opacity: 0.5; |
||
2314 | 950e6b84 | taeseongkim | } |
2315 | 65674874 | taeseongkim | |
2316 | .form-switch {
|
||
2317 | padding-left: 2.5em; |
||
2318 | 950e6b84 | taeseongkim | } |
2319 | 65674874 | taeseongkim | .form-switch .form-check-input { |
2320 | width: 2em; |
||
2321 | margin-left: -2.5em; |
||
2322 | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); |
||
2323 | background-position: left center; |
||
2324 | border-radius: 2em; |
||
2325 | transition: background-position 0.15s ease-in-out; |
||
2326 | 950e6b84 | taeseongkim | } |
2327 | 65674874 | taeseongkim | @media (prefers-reduced-motion: reduce) { |
2328 | .form-switch .form-check-input { |
||
2329 | transition: none; |
||
2330 | } |
||
2331 | 950e6b84 | taeseongkim | } |
2332 | 65674874 | taeseongkim | .form-switch .form-check-input:focus { |
2333 | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); |
||
2334 | 950e6b84 | taeseongkim | } |
2335 | 65674874 | taeseongkim | .form-switch .form-check-input:checked { |
2336 | background-position: right center; |
||
2337 | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); |
||
2338 | 950e6b84 | taeseongkim | } |
2339 | 65674874 | taeseongkim | .form-switch.form-check-reverse { |
2340 | padding-right: 2.5em; |
||
2341 | padding-left: 0; |
||
2342 | 950e6b84 | taeseongkim | } |
2343 | 65674874 | taeseongkim | .form-switch.form-check-reverse .form-check-input { |
2344 | margin-right: -2.5em; |
||
2345 | margin-left: 0; |
||
2346 | 950e6b84 | taeseongkim | } |
2347 | 65674874 | taeseongkim | |
2348 | .form-check-inline {
|
||
2349 | display: inline-block; |
||
2350 | margin-right: 1rem; |
||
2351 | 950e6b84 | taeseongkim | } |
2352 | 65674874 | taeseongkim | |
2353 | .btn-check {
|
||
2354 | position: absolute; |
||
2355 | clip: rect(0, 0, 0, 0); |
||
2356 | pointer-events: none; |
||
2357 | 950e6b84 | taeseongkim | } |
2358 | 65674874 | taeseongkim | .btn-check[disabled] + .btn, .btn-check:disabled + .btn { |
2359 | pointer-events: none; |
||
2360 | filter: none; |
||
2361 | opacity: 0.65; |
||
2362 | 950e6b84 | taeseongkim | } |
2363 | 65674874 | taeseongkim | |
2364 | .form-range {
|
||
2365 | width: 100%; |
||
2366 | height: 1.5rem; |
||
2367 | padding: 0; |
||
2368 | background-color: transparent; |
||
2369 | -webkit-appearance: none; |
||
2370 | -moz-appearance: none; |
||
2371 | appearance: none; |
||
2372 | 950e6b84 | taeseongkim | } |
2373 | 65674874 | taeseongkim | .form-range:focus { |
2374 | outline: 0; |
||
2375 | 950e6b84 | taeseongkim | } |
2376 | 65674874 | taeseongkim | .form-range:focus::-webkit-slider-thumb { |
2377 | box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); |
||
2378 | 950e6b84 | taeseongkim | } |
2379 | 65674874 | taeseongkim | .form-range:focus::-moz-range-thumb { |
2380 | box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); |
||
2381 | 950e6b84 | taeseongkim | } |
2382 | 65674874 | taeseongkim | .form-range::-moz-focus-outer { |
2383 | border: 0; |
||
2384 | 950e6b84 | taeseongkim | } |
2385 | 65674874 | taeseongkim | .form-range::-webkit-slider-thumb { |
2386 | width: 1rem; |
||
2387 | height: 1rem; |
||
2388 | margin-top: -0.25rem; |
||
2389 | background-color: #0d6efd; |
||
2390 | border: 0; |
||
2391 | border-radius: 1rem; |
||
2392 | -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
||
2393 | transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
||
2394 | -webkit-appearance: none; |
||
2395 | appearance: none; |
||
2396 | 950e6b84 | taeseongkim | } |
2397 | 65674874 | taeseongkim | @media (prefers-reduced-motion: reduce) { |
2398 | .form-range::-webkit-slider-thumb { |
||
2399 | -webkit-transition: none; |
||
2400 | transition: none; |
||
2401 | } |
||
2402 | 950e6b84 | taeseongkim | } |
2403 | 65674874 | taeseongkim | .form-range::-webkit-slider-thumb:active { |
2404 | background-color: #b6d4fe; |
||
2405 | 950e6b84 | taeseongkim | } |
2406 | 65674874 | taeseongkim | .form-range::-webkit-slider-runnable-track { |
2407 | width: 100%; |
||
2408 | height: 0.5rem; |
||
2409 | color: transparent; |
||
2410 | cursor: pointer; |
||
2411 | background-color: #dee2e6; |
||
2412 | border-color: transparent; |
||
2413 | border-radius: 1rem; |
||
2414 | 950e6b84 | taeseongkim | } |
2415 | 65674874 | taeseongkim | .form-range::-moz-range-thumb { |
2416 | width: 1rem; |
||
2417 | height: 1rem; |
||
2418 | background-color: #0d6efd; |
||
2419 | border: 0; |
||
2420 | border-radius: 1rem; |
||
2421 | -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
||
2422 | transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
||
2423 | -moz-appearance: none; |
||
2424 | appearance: none; |
||
2425 | 950e6b84 | taeseongkim | } |
2426 | 65674874 | taeseongkim | @media (prefers-reduced-motion: reduce) { |
2427 | .form-range::-moz-range-thumb { |
||
2428 | -moz-transition: none; |
||
2429 | transition: none; |
||
2430 | } |
||
2431 | 950e6b84 | taeseongkim | } |
2432 | 65674874 | taeseongkim | .form-range::-moz-range-thumb:active { |
2433 | background-color: #b6d4fe; |
||
2434 | 950e6b84 | taeseongkim | } |
2435 | 65674874 | taeseongkim | .form-range::-moz-range-track { |
2436 | width: 100%; |
||
2437 | height: 0.5rem; |
||
2438 | color: transparent; |
||
2439 | cursor: pointer; |
||
2440 | background-color: #dee2e6; |
||
2441 | border-color: transparent; |
||
2442 | border-radius: 1rem; |
||
2443 | 950e6b84 | taeseongkim | } |
2444 | 65674874 | taeseongkim | .form-range:disabled { |
2445 | pointer-events: none; |
||
2446 | 950e6b84 | taeseongkim | } |
2447 | 65674874 | taeseongkim | .form-range:disabled::-webkit-slider-thumb { |
2448 | background-color: #adb5bd; |
||
2449 | 950e6b84 | taeseongkim | } |
2450 | 65674874 | taeseongkim | .form-range:disabled::-moz-range-thumb { |
2451 | background-color: #adb5bd; |
||
2452 | 950e6b84 | taeseongkim | } |
2453 | 65674874 | taeseongkim | |
2454 | .form-floating {
|
||
2455 | position: relative; |
||
2456 | 950e6b84 | taeseongkim | } |
2457 | 65674874 | taeseongkim | .form-floating > .form-control, |
2458 | .form-floating > .form-control-plaintext, |
||
2459 | .form-floating > .form-select { |
||
2460 | height: calc(3.5rem + 2px); |
||
2461 | line-height: 1.25; |
||
2462 | 950e6b84 | taeseongkim | } |
2463 | 65674874 | taeseongkim | .form-floating > label { |
2464 | position: absolute; |
||
2465 | top: 0; |
||
2466 | left: 0; |
||
2467 | width: 100%; |
||
2468 | height: 100%; |
||
2469 | padding: 1rem 0.75rem; |
||
2470 | overflow: hidden; |
||
2471 | text-align: start; |
||
2472 | text-overflow: ellipsis; |
||
2473 | white-space: nowrap; |
||
2474 | pointer-events: none; |
||
2475 | border: 1px solid transparent; |
||
2476 | transform-origin: 0 0; |
||
2477 | transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; |
||
2478 | 950e6b84 | taeseongkim | } |
2479 | 65674874 | taeseongkim | @media (prefers-reduced-motion: reduce) { |
2480 | .form-floating > label { |
||
2481 | transition: none; |
||
2482 | } |
||
2483 | 950e6b84 | taeseongkim | } |
2484 | 65674874 | taeseongkim | .form-floating > .form-control, |
2485 | .form-floating > .form-control-plaintext { |
||
2486 | padding: 1rem 0.75rem; |
||
2487 | 950e6b84 | taeseongkim | } |
2488 | 65674874 | taeseongkim | .form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder { |
2489 | color: transparent; |
||
2490 | 950e6b84 | taeseongkim | } |
2491 | 65674874 | taeseongkim | .form-floating > .form-control::placeholder, |
2492 | .form-floating > .form-control-plaintext::placeholder { |
||
2493 | color: transparent; |
||
2494 | 950e6b84 | taeseongkim | } |
2495 | 65674874 | taeseongkim | .form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) { |
2496 | padding-top: 1.625rem; |
||
2497 | padding-bottom: 0.625rem; |
||
2498 | 950e6b84 | taeseongkim | } |
2499 | 65674874 | taeseongkim | .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), |
2500 | .form-floating > .form-control-plaintext:focus, |
||
2501 | .form-floating > .form-control-plaintext:not(:placeholder-shown) { |
||
2502 | padding-top: 1.625rem; |
||
2503 | padding-bottom: 0.625rem; |
||
2504 | 950e6b84 | taeseongkim | } |
2505 | 65674874 | taeseongkim | .form-floating > .form-control:-webkit-autofill, |
2506 | .form-floating > .form-control-plaintext:-webkit-autofill { |
||
2507 | padding-top: 1.625rem; |
||
2508 | padding-bottom: 0.625rem; |
||
2509 | 950e6b84 | taeseongkim | } |
2510 | 65674874 | taeseongkim | .form-floating > .form-select { |
2511 | padding-top: 1.625rem; |
||
2512 | padding-bottom: 0.625rem; |
||
2513 | 950e6b84 | taeseongkim | } |
2514 | 65674874 | taeseongkim | .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { |
2515 | opacity: 0.65; |
||
2516 | transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); |
||
2517 | 950e6b84 | taeseongkim | } |
2518 | 65674874 | taeseongkim | .form-floating > .form-control:focus ~ label, |
2519 | .form-floating > .form-control:not(:placeholder-shown) ~ label, |
||
2520 | .form-floating > .form-control-plaintext ~ label, |
||
2521 | .form-floating > .form-select ~ label { |
||
2522 | opacity: 0.65; |
||
2523 | transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); |
||
2524 | 950e6b84 | taeseongkim | } |
2525 | 65674874 | taeseongkim | .form-floating > .form-control:-webkit-autofill ~ label { |
2526 | opacity: 0.65; |
||
2527 | transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); |
||
2528 | 950e6b84 | taeseongkim | } |
2529 | 65674874 | taeseongkim | .form-floating > .form-control-plaintext ~ label { |
2530 | border-width: 1px 0; |
||
2531 | 950e6b84 | taeseongkim | } |
2532 | 65674874 | taeseongkim | |
2533 | .input-group {
|
||
2534 | position: relative; |
||
2535 | display: flex; |
||
2536 | flex-wrap: wrap; |
||
2537 | align-items: stretch; |
||
2538 | width: 100%; |
||
2539 | 950e6b84 | taeseongkim | } |
2540 | 65674874 | taeseongkim | .input-group > .form-control, |
2541 | .input-group > .form-select, |
||
2542 | .input-group > .form-floating { |
||
2543 | position: relative; |
||
2544 | flex: 1 1 auto; |
||
2545 | width: 1%; |
||
2546 | min-width: 0; |
||
2547 | 950e6b84 | taeseongkim | } |
2548 | 65674874 | taeseongkim | .input-group > .form-control:focus, |
2549 | .input-group > .form-select:focus, |
||
2550 | .input-group > .form-floating:focus-within { |
||
2551 | z-index: 5; |
||
2552 | 950e6b84 | taeseongkim | } |
2553 | 65674874 | taeseongkim | .input-group .btn { |
2554 | position: relative; |
||
2555 | z-index: 2; |
||
2556 | 950e6b84 | taeseongkim | } |
2557 | 65674874 | taeseongkim | .input-group .btn:focus { |
2558 | z-index: 5; |
||
2559 | 950e6b84 | taeseongkim | } |
2560 | 65674874 | taeseongkim | |
2561 | .input-group-text {
|
||
2562 | display: flex; |
||
2563 | align-items: center; |
||
2564 | padding: 0.375rem 0.75rem; |
||
2565 | font-size: 1rem; |
||
2566 | font-weight: 400; |
||
2567 | line-height: 1.5; |
||
2568 | color: #212529; |
||
2569 | text-align: center; |
||
2570 | white-space: nowrap; |
||
2571 | background-color: #e9ecef; |
||
2572 | border: 1px solid #ced4da; |
||
2573 | border-radius: 0.375rem; |
||
2574 | 950e6b84 | taeseongkim | } |
2575 | 65674874 | taeseongkim | |
2576 | .input-group-lg > .form-control, |
||
2577 | .input-group-lg > .form-select, |
||
2578 | .input-group-lg > .input-group-text, |
||
2579 | .input-group-lg > .btn { |
||
2580 | padding: 0.5rem 1rem; |
||
2581 | font-size: 1.25rem; |
||
2582 | border-radius: 0.5rem; |
||
2583 | } |
||
2584 | |||
2585 | .input-group-sm > .form-control, |
||
2586 | .input-group-sm > .form-select, |
||
2587 | .input-group-sm > .input-group-text, |
||
2588 | .input-group-sm > .btn { |
||
2589 | padding: 0.25rem 0.5rem; |
||
2590 | font-size: 0.875rem; |
||
2591 | border-radius: 0.25rem; |
||
2592 | } |
||
2593 | |||
2594 | .input-group-lg > .form-select, |
||
2595 | .input-group-sm > .form-select { |
||
2596 | padding-right: 3rem; |
||
2597 | } |
||
2598 | |||
2599 | .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), |
||
2600 | .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), |
||
2601 | .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, |
||
2602 | .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { |
||
2603 | border-top-right-radius: 0; |
||
2604 | border-bottom-right-radius: 0; |
||
2605 | 950e6b84 | taeseongkim | } |
2606 | 65674874 | taeseongkim | .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), |
2607 | .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), |
||
2608 | .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, |
||
2609 | .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { |
||
2610 | border-top-right-radius: 0; |
||
2611 | border-bottom-right-radius: 0; |
||
2612 | 950e6b84 | taeseongkim | } |
2613 | 65674874 | taeseongkim | .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { |
2614 | margin-left: -1px; |
||
2615 | border-top-left-radius: 0; |
||
2616 | border-bottom-left-radius: 0; |
||
2617 | 950e6b84 | taeseongkim | } |
2618 | 65674874 | taeseongkim | .input-group > .form-floating:not(:first-child) > .form-control, |
2619 | .input-group > .form-floating:not(:first-child) > .form-select { |
||
2620 | border-top-left-radius: 0; |
||
2621 | border-bottom-left-radius: 0; |
||
2622 | 950e6b84 | taeseongkim | } |
2623 | 65674874 | taeseongkim | |
2624 | .valid-feedback {
|
||
2625 | display: none; |
||
2626 | width: 100%; |
||
2627 | margin-top: 0.25rem; |
||
2628 | font-size: 0.875em; |
||
2629 | color: #198754; |
||
2630 | 950e6b84 | taeseongkim | } |
2631 | 65674874 | taeseongkim | |
2632 | .valid-tooltip {
|
||
2633 | position: absolute; |
||
2634 | top: 100%; |
||
2635 | z-index: 5; |
||
2636 | display: none; |
||
2637 | max-width: 100%; |
||
2638 | padding: 0.25rem 0.5rem; |
||
2639 | margin-top: 0.1rem; |
||
2640 | font-size: 0.875rem; |
||
2641 | color: #fff; |
||
2642 | background-color: rgba(25, 135, 84, 0.9); |
||
2643 | border-radius: 0.375rem; |
||
2644 | } |
||
2645 | |||
2646 | .was-validated :valid ~ .valid-feedback, |
||
2647 | .was-validated :valid ~ .valid-tooltip, |
||
2648 | .is-valid ~ .valid-feedback, |
||
2649 | .is-valid ~ .valid-tooltip { |
||
2650 | display: block; |
||
2651 | 950e6b84 | taeseongkim | } |
2652 | 65674874 | taeseongkim | |
2653 | .was-validated .form-control:valid, .form-control.is-valid { |
||
2654 | border-color: #198754; |
||
2655 | padding-right: calc(1.5em + 0.75rem); |
||
2656 | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); |
||
2657 | background-repeat: no-repeat; |
||
2658 | background-position: right calc(0.375em + 0.1875rem) center; |
||
2659 | background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); |
||
2660 | } |
||
2661 | .was-validated .form-control:valid:focus, .form-control.is-valid:focus { |
||
2662 | border-color: #198754; |
||
2663 | box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); |
||
2664 | } |
||
2665 | |||
2666 | .was-validated textarea.form-control:valid, textarea.form-control.is-valid { |
||
2667 | padding-right: calc(1.5em + 0.75rem); |
||
2668 | background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); |
||
2669 | } |
||
2670 | |||
2671 | .was-validated .form-select:valid, .form-select.is-valid { |
||
2672 | border-color: #198754; |
||
2673 | } |
||
2674 | .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { |
||
2675 | padding-right: 4.125rem; |
||
2676 | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); |
||
2677 | background-position: right 0.75rem center, center right 2.25rem; |
||
2678 | background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); |
||
2679 | } |
||
2680 | .was-validated .form-select:valid:focus, .form-select.is-valid:focus { |
||
2681 | border-color: #198754; |
||
2682 | box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); |
||
2683 | } |
||
2684 | |||
2685 | .was-validated .form-control-color:valid, .form-control-color.is-valid { |
||
2686 | width: calc(3rem + calc(1.5em + 0.75rem)); |
||
2687 | } |
||
2688 | |||
2689 | .was-validated .form-check-input:valid, .form-check-input.is-valid { |
||
2690 | border-color: #198754; |
||
2691 | } |
||
2692 | .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { |
||
2693 | background-color: #198754; |
||
2694 | } |
||
2695 | .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { |
||
2696 | box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); |
||
2697 | } |
||
2698 | .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { |
||
2699 | color: #198754; |
||
2700 | } |
||
2701 | |||
2702 | .form-check-inline .form-check-input ~ .valid-feedback { |
||
2703 | margin-left: 0.5em; |
||
2704 | } |
||
2705 | |||
2706 | .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, |
||
2707 | .was-validated .input-group > .form-select:not(:focus):valid, |
||
2708 | .input-group > .form-select:not(:focus).is-valid, |
||
2709 | .was-validated .input-group > .form-floating:not(:focus-within):valid, |
||
2710 | .input-group > .form-floating:not(:focus-within).is-valid { |
||
2711 | z-index: 3; |
||
2712 | 950e6b84 | taeseongkim | } |
2713 | 65674874 | taeseongkim | |
2714 | .invalid-feedback {
|
||
2715 | display: none; |
||
2716 | width: 100%; |
||
2717 | margin-top: 0.25rem; |
||
2718 | font-size: 0.875em; |
||
2719 | color: #dc3545; |
||
2720 | 950e6b84 | taeseongkim | } |
2721 | 65674874 | taeseongkim | |
2722 | .invalid-tooltip {
|
||
2723 | position: absolute; |
||
2724 | top: 100%; |
||
2725 | z-index: 5; |
||
2726 | display: none; |
||
2727 | max-width: 100%; |
||
2728 | padding: 0.25rem 0.5rem; |
||
2729 | margin-top: 0.1rem; |
||
2730 | font-size: 0.875rem; |
||
2731 | color: #fff; |
||
2732 | background-color: rgba(220, 53, 69, 0.9); |
||
2733 | border-radius: 0.375rem; |
||
2734 | } |
||
2735 | |||
2736 | .was-validated :invalid ~ .invalid-feedback, |
||
2737 | .was-validated :invalid ~ .invalid-tooltip, |
||
2738 | .is-invalid ~ .invalid-feedback, |
||
2739 | .is-invalid ~ .invalid-tooltip { |
||
2740 | display: block; |
||
2741 | 950e6b84 | taeseongkim | } |
2742 | 65674874 | taeseongkim | |
2743 | .was-validated .form-control:invalid, .form-control.is-invalid { |
||
2744 | border-color: #dc3545; |
||
2745 | padding-right: calc(1.5em + 0.75rem); |
||
2746 | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); |
||
2747 | background-repeat: no-repeat; |
||
2748 | background-position: right calc(0.375em + 0.1875rem) center; |
||
2749 | background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); |
||
2750 | } |
||
2751 | .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { |
||
2752 | border-color: #dc3545; |
||
2753 | box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); |
||
2754 | } |
||
2755 | |||
2756 | .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { |
||
2757 | padding-right: calc(1.5em + 0.75rem); |
||
2758 | background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); |
||
2759 | } |
||
2760 | |||
2761 | .was-validated .form-select:invalid, .form-select.is-invalid { |
||
2762 | border-color: #dc3545; |
||
2763 | } |
||
2764 | .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { |
||
2765 | padding-right: 4.125rem; |
||
2766 | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); |
||
2767 | background-position: right 0.75rem center, center right 2.25rem; |
||
2768 | background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); |
||
2769 | } |
||
2770 | .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { |
||
2771 | border-color: #dc3545; |
||
2772 | box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); |
||
2773 | } |
||
2774 | |||
2775 | .was-validated .form-control-color:invalid, .form-control-color.is-invalid { |
||
2776 | width: calc(3rem + calc(1.5em + 0.75rem)); |
||
2777 | } |
||
2778 | |||
2779 | .was-validated .form-check-input:invalid, .form-check-input.is-invalid { |
||
2780 | border-color: #dc3545; |
||
2781 | } |
||
2782 | .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { |
||
2783 | background-color: #dc3545; |
||
2784 | } |
||
2785 | .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { |
||
2786 | box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); |
||
2787 | } |
||
2788 | .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { |
||
2789 | color: #dc3545; |
||
2790 | } |
||
2791 | |||
2792 | .form-check-inline .form-check-input ~ .invalid-feedback { |
||
2793 | margin-left: 0.5em; |
||
2794 | } |
||
2795 | |||
2796 | .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, |
||
2797 | .was-validated .input-group > .form-select:not(:focus):invalid, |
||
2798 | .input-group > .form-select:not(:focus).is-invalid, |
||
2799 | .was-validated .input-group > .form-floating:not(:focus-within):invalid, |
||
2800 | .input-group > .form-floating:not(:focus-within).is-invalid { |
||
2801 | z-index: 4; |
||
2802 | } |
||
2803 | |||
2804 | .btn {
|
||
2805 | --bs-btn-padding-x: 0.75rem; |
||
2806 | --bs-btn-padding-y: 0.375rem; |
||
2807 | --bs-btn-font-family: ; |
||
2808 | --bs-btn-font-size: 1rem; |
||
2809 | --bs-btn-font-weight: 400; |
||
2810 | --bs-btn-line-height: 1.5; |
||
2811 | --bs-btn-color: #212529; |
||
2812 | --bs-btn-bg: transparent; |
||
2813 | --bs-btn-border-width: 1px; |
||
2814 | --bs-btn-border-color: transparent; |
||
2815 | --bs-btn-border-radius: 0.375rem; |
||
2816 | --bs-btn-hover-border-color: transparent; |
||
2817 | --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); |
||
2818 | --bs-btn-disabled-opacity: 0.65; |
||
2819 | --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); |
||
2820 | display: inline-block; |
||
2821 | padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); |
||
2822 | font-family: var(--bs-btn-font-family); |
||
2823 | font-size: var(--bs-btn-font-size); |
||
2824 | font-weight: var(--bs-btn-font-weight); |
||
2825 | line-height: var(--bs-btn-line-height); |
||
2826 | color: var(--bs-btn-color); |
||
2827 | text-align: center; |
||
2828 | 950e6b84 | taeseongkim | text-decoration: none; |
2829 | 65674874 | taeseongkim | vertical-align: middle; |
2830 | cursor: pointer; |
||
2831 | -webkit-user-select: none; |
||
2832 | -moz-user-select: none; |
||
2833 | user-select: none; |
||
2834 | border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); |
||
2835 | border-radius: var(--bs-btn-border-radius); |
||
2836 | background-color: var(--bs-btn-bg); |
||
2837 | transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
||
2838 | } |
||
2839 | @media (prefers-reduced-motion: reduce) { |
||
2840 | .btn {
|
||
2841 | transition: none; |
||
2842 | } |
||
2843 | } |
||
2844 | .btn:hover { |
||
2845 | color: var(--bs-btn-hover-color); |
||
2846 | background-color: var(--bs-btn-hover-bg); |
||
2847 | border-color: var(--bs-btn-hover-border-color); |
||
2848 | } |
||
2849 | .btn-check + .btn:hover { |
||
2850 | color: var(--bs-btn-color); |
||
2851 | background-color: var(--bs-btn-bg); |
||
2852 | border-color: var(--bs-btn-border-color); |
||
2853 | } |
||
2854 | .btn:focus-visible { |
||
2855 | color: var(--bs-btn-hover-color); |
||
2856 | background-color: var(--bs-btn-hover-bg); |
||
2857 | border-color: var(--bs-btn-hover-border-color); |
||
2858 | outline: 0; |
||
2859 | box-shadow: var(--bs-btn-focus-box-shadow); |
||
2860 | 950e6b84 | taeseongkim | } |
2861 | 65674874 | taeseongkim | .btn-check:focus-visible + .btn { |
2862 | border-color: var(--bs-btn-hover-border-color); |
||
2863 | outline: 0; |
||
2864 | box-shadow: var(--bs-btn-focus-box-shadow); |
||
2865 | 950e6b84 | taeseongkim | } |
2866 | 65674874 | taeseongkim | .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { |
2867 | color: var(--bs-btn-active-color); |
||
2868 | background-color: var(--bs-btn-active-bg); |
||
2869 | border-color: var(--bs-btn-active-border-color); |
||
2870 | 950e6b84 | taeseongkim | } |
2871 | 65674874 | taeseongkim | .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { |
2872 | box-shadow: var(--bs-btn-focus-box-shadow); |
||
2873 | 950e6b84 | taeseongkim | } |
2874 | 65674874 | taeseongkim | .btn:disabled, .btn.disabled, fieldset:disabled .btn { |
2875 | color: var(--bs-btn-disabled-color); |
||
2876 | pointer-events: none; |
||
2877 | background-color: var(--bs-btn-disabled-bg); |
||
2878 | border-color: var(--bs-btn-disabled-border-color); |
||
2879 | opacity: var(--bs-btn-disabled-opacity); |
||
2880 | 950e6b84 | taeseongkim | } |
2881 | 65674874 | taeseongkim | |
2882 | .btn-primary {
|
||
2883 | --bs-btn-color: #fff; |
||
2884 | --bs-btn-bg: #0d6efd; |
||
2885 | --bs-btn-border-color: #0d6efd; |
||
2886 | --bs-btn-hover-color: #fff; |
||
2887 | --bs-btn-hover-bg: #0b5ed7; |
||
2888 | --bs-btn-hover-border-color: #0a58ca; |
||
2889 | --bs-btn-focus-shadow-rgb: 49, 132, 253; |
||
2890 | --bs-btn-active-color: #fff; |
||
2891 | --bs-btn-active-bg: #0a58ca; |
||
2892 | --bs-btn-active-border-color: #0a53be; |
||
2893 | --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
||
2894 | --bs-btn-disabled-color: #fff; |
||
2895 | --bs-btn-disabled-bg: #0d6efd; |
||
2896 | --bs-btn-disabled-border-color: #0d6efd; |
||
2897 | } |
||
2898 | |||
2899 | .btn-secondary {
|
||
2900 | --bs-btn-color: #fff; |
||
2901 | --bs-btn-bg: #6c757d; |
||
2902 | --bs-btn-border-color: #6c757d; |
||
2903 | --bs-btn-hover-color: #fff; |
||
2904 | --bs-btn-hover-bg: #5c636a; |
||
2905 | --bs-btn-hover-border-color: #565e64; |
||
2906 | --bs-btn-focus-shadow-rgb: 130, 138, 145; |
||
2907 | --bs-btn-active-color: #fff; |
||
2908 | --bs-btn-active-bg: #565e64; |
||
2909 | --bs-btn-active-border-color: #51585e; |
||
2910 | --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
||
2911 | --bs-btn-disabled-color: #fff; |
||
2912 | --bs-btn-disabled-bg: #6c757d; |
||
2913 | --bs-btn-disabled-border-color: #6c757d; |
||
2914 | } |
||
2915 | |||
2916 | .btn-success {
|
||
2917 | --bs-btn-color: #fff; |
||
2918 | --bs-btn-bg: #198754; |
||
2919 | --bs-btn-border-color: #198754; |
||
2920 | --bs-btn-hover-color: #fff; |
||
2921 | --bs-btn-hover-bg: #157347; |
||
2922 | --bs-btn-hover-border-color: #146c43; |
||
2923 | --bs-btn-focus-shadow-rgb: 60, 153, 110; |
||
2924 | --bs-btn-active-color: #fff; |
||
2925 | --bs-btn-active-bg: #146c43; |
||
2926 | --bs-btn-active-border-color: #13653f; |
||
2927 | --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
||
2928 | --bs-btn-disabled-color: #fff; |
||
2929 | --bs-btn-disabled-bg: #198754; |
||
2930 | --bs-btn-disabled-border-color: #198754; |
||
2931 | } |
||
2932 | |||
2933 | .btn-info {
|
||
2934 | --bs-btn-color: #000; |
||
2935 | --bs-btn-bg: #0dcaf0; |
||
2936 | --bs-btn-border-color: #0dcaf0; |
||
2937 | --bs-btn-hover-color: #000; |
||
2938 | --bs-btn-hover-bg: #31d2f2; |
||
2939 | --bs-btn-hover-border-color: #25cff2; |
||
2940 | --bs-btn-focus-shadow-rgb: 11, 172, 204; |
||
2941 | --bs-btn-active-color: #000; |
||
2942 | --bs-btn-active-bg: #3dd5f3; |
||
2943 | --bs-btn-active-border-color: #25cff2; |
||
2944 | --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
||
2945 | --bs-btn-disabled-color: #000; |
||
2946 | --bs-btn-disabled-bg: #0dcaf0; |
||
2947 | --bs-btn-disabled-border-color: #0dcaf0; |
||
2948 | } |
||
2949 | |||
2950 | .btn-warning {
|
||
2951 | --bs-btn-color: #000; |
||
2952 | --bs-btn-bg: #ffc107; |
||
2953 | --bs-btn-border-color: #ffc107; |
||
2954 | --bs-btn-hover-color: #000; |
||
2955 | --bs-btn-hover-bg: #ffca2c; |
||
2956 | --bs-btn-hover-border-color: #ffc720; |
||
2957 | --bs-btn-focus-shadow-rgb: 217, 164, 6; |
||
2958 | --bs-btn-active-color: #000; |
||
2959 | --bs-btn-active-bg: #ffcd39; |
||
2960 | --bs-btn-active-border-color: #ffc720; |
||
2961 | --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
||
2962 | --bs-btn-disabled-color: #000; |
||
2963 | --bs-btn-disabled-bg: #ffc107; |
||
2964 | --bs-btn-disabled-border-color: #ffc107; |
||
2965 | } |
||
2966 | |||
2967 | .btn-danger {
|
||
2968 | --bs-btn-color: #fff; |
||
2969 | --bs-btn-bg: #dc3545; |
||
2970 | --bs-btn-border-color: #dc3545; |
||
2971 | --bs-btn-hover-color: #fff; |
||
2972 | --bs-btn-hover-bg: #bb2d3b; |
||
2973 | --bs-btn-hover-border-color: #b02a37; |
||
2974 | --bs-btn-focus-shadow-rgb: 225, 83, 97; |
||
2975 | --bs-btn-active-color: #fff; |
||
2976 | --bs-btn-active-bg: #b02a37; |
||
2977 | --bs-btn-active-border-color: #a52834; |
||
2978 | --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
||
2979 | --bs-btn-disabled-color: #fff; |
||
2980 | --bs-btn-disabled-bg: #dc3545; |
||
2981 | --bs-btn-disabled-border-color: #dc3545; |
||
2982 | } |
||
2983 | |||
2984 | .btn-light {
|
||
2985 | --bs-btn-color: #000; |
||
2986 | --bs-btn-bg: #f8f9fa; |
||
2987 | --bs-btn-border-color: #f8f9fa; |
||
2988 | --bs-btn-hover-color: #000; |
||
2989 | --bs-btn-hover-bg: #d3d4d5; |
||
2990 | --bs-btn-hover-border-color: #c6c7c8; |
||
2991 | --bs-btn-focus-shadow-rgb: 211, 212, 213; |
||
2992 | --bs-btn-active-color: #000; |
||
2993 | --bs-btn-active-bg: #c6c7c8; |
||
2994 | --bs-btn-active-border-color: #babbbc; |
||
2995 | --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
||
2996 | --bs-btn-disabled-color: #000; |
||
2997 | --bs-btn-disabled-bg: #f8f9fa; |
||
2998 | --bs-btn-disabled-border-color: #f8f9fa; |
||
2999 | } |
||
3000 | |||
3001 | .btn-dark {
|
||
3002 | --bs-btn-color: #fff; |
||
3003 | --bs-btn-bg: #212529; |
||
3004 | --bs-btn-border-color: #212529; |
||
3005 | --bs-btn-hover-color: #fff; |
||
3006 | --bs-btn-hover-bg: #424649; |
||
3007 | --bs-btn-hover-border-color: #373b3e; |
||
3008 | --bs-btn-focus-shadow-rgb: 66, 70, 73; |
||
3009 | --bs-btn-active-color: #fff; |
||
3010 | --bs-btn-active-bg: #4d5154; |
||
3011 | --bs-btn-active-border-color: #373b3e; |
||
3012 | --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
||
3013 | --bs-btn-disabled-color: #fff; |
||
3014 | --bs-btn-disabled-bg: #212529; |
||
3015 | --bs-btn-disabled-border-color: #212529; |
||
3016 | } |
||
3017 | |||
3018 | .btn-outline-primary {
|
||
3019 | --bs-btn-color: #0d6efd; |
||
3020 | --bs-btn-border-color: #0d6efd; |
||
3021 | --bs-btn-hover-color: #fff; |
||
3022 | --bs-btn-hover-bg: #0d6efd; |
||
3023 | --bs-btn-hover-border-color: #0d6efd; |
||
3024 | --bs-btn-focus-shadow-rgb: 13, 110, 253; |
||
3025 | --bs-btn-active-color: #fff; |
||
3026 | --bs-btn-active-bg: #0d6efd; |
||
3027 | --bs-btn-active-border-color: #0d6efd; |
||
3028 | --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
||
3029 | --bs-btn-disabled-color: #0d6efd; |
||
3030 | --bs-btn-disabled-bg: transparent; |
||
3031 | --bs-btn-disabled-border-color: #0d6efd; |
||
3032 | --bs-gradient: none; |
||
3033 | } |
||
3034 | |||
3035 | .btn-outline-secondary {
|
||
3036 | --bs-btn-color: #6c757d; |
||
3037 | --bs-btn-border-color: #6c757d; |
||
3038 | --bs-btn-hover-color: #fff; |
||
3039 | --bs-btn-hover-bg: #6c757d; |
||
3040 | --bs-btn-hover-border-color: #6c757d; |
||
3041 | --bs-btn-focus-shadow-rgb: 108, 117, 125; |
||
3042 | --bs-btn-active-color: #fff; |
||
3043 | --bs-btn-active-bg: #6c757d; |
||
3044 | --bs-btn-active-border-color: #6c757d; |
||
3045 | --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
||
3046 | --bs-btn-disabled-color: #6c757d; |
||
3047 | --bs-btn-disabled-bg: transparent; |
||
3048 | --bs-btn-disabled-border-color: #6c757d; |
||
3049 | --bs-gradient: none; |
||
3050 | } |
||
3051 | |||
3052 | .btn-outline-success {
|
||
3053 | --bs-btn-color: #198754; |
||
3054 | --bs-btn-border-color: #198754; |
||
3055 | --bs-btn-hover-color: #fff; |
||
3056 | --bs-btn-hover-bg: #198754; |
||
3057 | --bs-btn-hover-border-color: #198754; |
||
3058 | --bs-btn-focus-shadow-rgb: 25, 135, 84; |
||
3059 | --bs-btn-active-color: #fff; |
||
3060 | --bs-btn-active-bg: #198754; |
||
3061 | --bs-btn-active-border-color: #198754; |
||
3062 | --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
||
3063 | --bs-btn-disabled-color: #198754; |
||
3064 | --bs-btn-disabled-bg: transparent; |
||
3065 | --bs-btn-disabled-border-color: #198754; |
||
3066 | --bs-gradient: none; |
||
3067 | } |
||
3068 | |||
3069 | .btn-outline-info {
|
||
3070 | --bs-btn-color: #0dcaf0; |
||
3071 | --bs-btn-border-color: #0dcaf0; |
||
3072 | --bs-btn-hover-color: #000; |
||
3073 | --bs-btn-hover-bg: #0dcaf0; |
||
3074 | --bs-btn-hover-border-color: #0dcaf0; |
||
3075 | --bs-btn-focus-shadow-rgb: 13, 202, 240; |
||
3076 | --bs-btn-active-color: #000; |
||
3077 | --bs-btn-active-bg: #0dcaf0; |
||
3078 | --bs-btn-active-border-color: #0dcaf0; |
||
3079 | --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
||
3080 | --bs-btn-disabled-color: #0dcaf0; |
||
3081 | --bs-btn-disabled-bg: transparent; |
||
3082 | --bs-btn-disabled-border-color: #0dcaf0; |
||
3083 | --bs-gradient: none; |
||
3084 | } |
||
3085 | |||
3086 | .btn-outline-warning {
|
||
3087 | --bs-btn-color: #ffc107; |
||
3088 | --bs-btn-border-color: #ffc107; |
||
3089 | --bs-btn-hover-color: #000; |
||
3090 | --bs-btn-hover-bg: #ffc107; |
||
3091 | --bs-btn-hover-border-color: #ffc107; |
||
3092 | --bs-btn-focus-shadow-rgb: 255, 193, 7; |
||
3093 | --bs-btn-active-color: #000; |
||
3094 | --bs-btn-active-bg: #ffc107; |
||
3095 | --bs-btn-active-border-color: #ffc107; |
||
3096 | --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
||
3097 | --bs-btn-disabled-color: #ffc107; |
||
3098 | --bs-btn-disabled-bg: transparent; |
||
3099 | --bs-btn-disabled-border-color: #ffc107; |
||
3100 | --bs-gradient: none; |
||
3101 | } |
||
3102 | |||
3103 | .btn-outline-danger {
|
||
3104 | --bs-btn-color: #dc3545; |
||
3105 | --bs-btn-border-color: #dc3545; |
||
3106 | --bs-btn-hover-color: #fff; |
||
3107 | --bs-btn-hover-bg: #dc3545; |
||
3108 | --bs-btn-hover-border-color: #dc3545; |
||
3109 | --bs-btn-focus-shadow-rgb: 220, 53, 69; |
||
3110 | --bs-btn-active-color: #fff; |
||
3111 | --bs-btn-active-bg: #dc3545; |
||
3112 | --bs-btn-active-border-color: #dc3545; |
||
3113 | --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
||
3114 | --bs-btn-disabled-color: #dc3545; |
||
3115 | --bs-btn-disabled-bg: transparent; |
||
3116 | --bs-btn-disabled-border-color: #dc3545; |
||
3117 | --bs-gradient: none; |
||
3118 | } |
||
3119 | |||
3120 | .btn-outline-light {
|
||
3121 | --bs-btn-color: #f8f9fa; |
||
3122 | --bs-btn-border-color: #f8f9fa; |
||
3123 | --bs-btn-hover-color: #000; |
||
3124 | --bs-btn-hover-bg: #f8f9fa; |
||
3125 | --bs-btn-hover-border-color: #f8f9fa; |
||
3126 | --bs-btn-focus-shadow-rgb: 248, 249, 250; |
||
3127 | --bs-btn-active-color: #000; |
||
3128 | --bs-btn-active-bg: #f8f9fa; |
||
3129 | --bs-btn-active-border-color: #f8f9fa; |
||
3130 | --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
||
3131 | --bs-btn-disabled-color: #f8f9fa; |
||
3132 | --bs-btn-disabled-bg: transparent; |
||
3133 | --bs-btn-disabled-border-color: #f8f9fa; |
||
3134 | --bs-gradient: none; |
||
3135 | } |
||
3136 | |||
3137 | .btn-outline-dark {
|
||
3138 | --bs-btn-color: #212529; |
||
3139 | --bs-btn-border-color: #212529; |
||
3140 | --bs-btn-hover-color: #fff; |
||
3141 | --bs-btn-hover-bg: #212529; |
||
3142 | --bs-btn-hover-border-color: #212529; |
||
3143 | --bs-btn-focus-shadow-rgb: 33, 37, 41; |
||
3144 | --bs-btn-active-color: #fff; |
||
3145 | --bs-btn-active-bg: #212529; |
||
3146 | --bs-btn-active-border-color: #212529; |
||
3147 | --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
||
3148 | --bs-btn-disabled-color: #212529; |
||
3149 | --bs-btn-disabled-bg: transparent; |
||
3150 | --bs-btn-disabled-border-color: #212529; |
||
3151 | --bs-gradient: none; |
||
3152 | } |
||
3153 | |||
3154 | .btn-link {
|
||
3155 | --bs-btn-font-weight: 400; |
||
3156 | --bs-btn-color: var(--bs-link-color); |
||
3157 | --bs-btn-bg: transparent; |
||
3158 | --bs-btn-border-color: transparent; |
||
3159 | --bs-btn-hover-color: var(--bs-link-hover-color); |
||
3160 | --bs-btn-hover-border-color: transparent; |
||
3161 | --bs-btn-active-color: var(--bs-link-hover-color); |
||
3162 | --bs-btn-active-border-color: transparent; |
||
3163 | --bs-btn-disabled-color: #6c757d; |
||
3164 | --bs-btn-disabled-border-color: transparent; |
||
3165 | --bs-btn-box-shadow: none; |
||
3166 | --bs-btn-focus-shadow-rgb: 49, 132, 253; |
||
3167 | text-decoration: underline; |
||
3168 | 950e6b84 | taeseongkim | } |
3169 | 65674874 | taeseongkim | .btn-link:focus-visible { |
3170 | color: var(--bs-btn-color); |
||
3171 | 950e6b84 | taeseongkim | } |
3172 | 65674874 | taeseongkim | .btn-link:hover { |
3173 | color: var(--bs-btn-hover-color); |
||
3174 | 950e6b84 | taeseongkim | } |
3175 | 65674874 | taeseongkim | |
3176 | .btn-lg, .btn-group-lg > .btn { |
||
3177 | --bs-btn-padding-y: 0.5rem; |
||
3178 | --bs-btn-padding-x: 1rem; |
||
3179 | --bs-btn-font-size: 1.25rem; |
||
3180 | --bs-btn-border-radius: 0.5rem; |
||
3181 | 950e6b84 | taeseongkim | } |
3182 | 65674874 | taeseongkim | |
3183 | .btn-sm, .btn-group-sm > .btn { |
||
3184 | --bs-btn-padding-y: 0.25rem; |
||
3185 | --bs-btn-padding-x: 0.5rem; |
||
3186 | --bs-btn-font-size: 0.875rem; |
||
3187 | --bs-btn-border-radius: 0.25rem; |
||
3188 | 950e6b84 | taeseongkim | } |
3189 | 65674874 | taeseongkim | |
3190 | .fade {
|
||
3191 | transition: opacity 0.15s linear; |
||
3192 | 950e6b84 | taeseongkim | } |
3193 | 65674874 | taeseongkim | @media (prefers-reduced-motion: reduce) { |
3194 | .fade {
|
||
3195 | transition: none; |
||
3196 | } |
||
3197 | 950e6b84 | taeseongkim | } |
3198 | 65674874 | taeseongkim | .fade:not(.show) { |
3199 | opacity: 0; |
||
3200 | 950e6b84 | taeseongkim | } |
3201 | 65674874 | taeseongkim | |
3202 | .collapse:not(.show) { |
||
3203 | display: none; |
||
3204 | 950e6b84 | taeseongkim | } |
3205 | 65674874 | taeseongkim | |
3206 | .collapsing {
|
||
3207 | height: 0; |
||
3208 | overflow: hidden; |
||
3209 | transition: height 0.35s ease; |
||
3210 | 950e6b84 | taeseongkim | } |
3211 | 65674874 | taeseongkim | @media (prefers-reduced-motion: reduce) { |
3212 | .collapsing {
|
||
3213 | transition: none; |
||
3214 | } |
||
3215 | 950e6b84 | taeseongkim | } |
3216 | 65674874 | taeseongkim | .collapsing.collapse-horizontal { |
3217 | width: 0; |
||
3218 | height: auto; |
||
3219 | transition: width 0.35s ease; |
||
3220 | 950e6b84 | taeseongkim | } |
3221 | 65674874 | taeseongkim | @media (prefers-reduced-motion: reduce) { |
3222 | .collapsing.collapse-horizontal { |
||
3223 | transition: none; |
||
3224 | 950e6b84 | taeseongkim | } |
3225 | } |
||
3226 | 65674874 | taeseongkim | |
3227 | .dropup,
|
||
3228 | .dropend,
|
||
3229 | .dropdown,
|
||
3230 | .dropstart,
|
||
3231 | .dropup-center,
|
||
3232 | .dropdown-center {
|
||
3233 | position: relative; |
||
3234 | 950e6b84 | taeseongkim | } |
3235 | 65674874 | taeseongkim | |
3236 | .dropdown-toggle {
|
||
3237 | white-space: nowrap; |
||
3238 | 950e6b84 | taeseongkim | } |
3239 | 65674874 | taeseongkim | .dropdown-toggle::after { |
3240 | display: inline-block; |
||
3241 | margin-left: 0.255em; |
||
3242 | vertical-align: 0.255em; |
||
3243 | content: ""; |
||
3244 | border-top: 0.3em solid; |
||
3245 | border-right: 0.3em solid transparent; |
||
3246 | border-bottom: 0; |
||
3247 | border-left: 0.3em solid transparent; |
||
3248 | 950e6b84 | taeseongkim | } |
3249 | 65674874 | taeseongkim | .dropdown-toggle:empty::after { |
3250 | margin-left: 0; |
||
3251 | 950e6b84 | taeseongkim | } |
3252 | 65674874 | taeseongkim | |
3253 | .dropdown-menu {
|
||
3254 | --bs-dropdown-zindex: 1000; |
||
3255 | --bs-dropdown-min-width: 10rem; |
||
3256 | --bs-dropdown-padding-x: 0; |
||
3257 | --bs-dropdown-padding-y: 0.5rem; |
||
3258 | --bs-dropdown-spacer: 0.125rem; |
||
3259 | --bs-dropdown-font-size: 1rem; |
||
3260 | --bs-dropdown-color: #212529; |
||
3261 | --bs-dropdown-bg: #fff; |
||
3262 | --bs-dropdown-border-color: var(--bs-border-color-translucent); |
||
3263 | --bs-dropdown-border-radius: 0.375rem; |
||
3264 | --bs-dropdown-border-width: 1px; |
||
3265 | --bs-dropdown-inner-border-radius: calc(0.375rem - 1px); |
||
3266 | --bs-dropdown-divider-bg: var(--bs-border-color-translucent); |
||
3267 | --bs-dropdown-divider-margin-y: 0.5rem; |
||
3268 | --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); |
||
3269 | --bs-dropdown-link-color: #212529; |
||
3270 | --bs-dropdown-link-hover-color: #1e2125; |
||
3271 | --bs-dropdown-link-hover-bg: #e9ecef; |
||
3272 | --bs-dropdown-link-active-color: #fff; |
||
3273 | --bs-dropdown-link-active-bg: #0d6efd; |
||
3274 | --bs-dropdown-link-disabled-color: #adb5bd; |
||
3275 | --bs-dropdown-item-padding-x: 1rem; |
||
3276 | --bs-dropdown-item-padding-y: 0.25rem; |
||
3277 | --bs-dropdown-header-color: #6c757d; |
||
3278 | --bs-dropdown-header-padding-x: 1rem; |
||
3279 | --bs-dropdown-header-padding-y: 0.5rem; |
||
3280 | position: absolute; |
||
3281 | z-index: var(--bs-dropdown-zindex); |
||
3282 | display: none; |
||
3283 | min-width: var(--bs-dropdown-min-width); |
||
3284 | padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); |
||
3285 | margin: 0; |
||
3286 | font-size: var(--bs-dropdown-font-size); |
||
3287 | color: var(--bs-dropdown-color); |
||
3288 | text-align: left; |
||
3289 | list-style: none; |
||
3290 | background-color: var(--bs-dropdown-bg); |
||
3291 | background-clip: padding-box; |
||
3292 | border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); |
||
3293 | border-radius: var(--bs-dropdown-border-radius); |
||
3294 | 950e6b84 | taeseongkim | } |
3295 | 65674874 | taeseongkim | .dropdown-menu[data-bs-popper] { |
3296 | top: 100%; |
||
3297 | left: 0; |
||
3298 | margin-top: var(--bs-dropdown-spacer); |
||
3299 | 950e6b84 | taeseongkim | } |
3300 | 65674874 | taeseongkim | |
3301 | .dropdown-menu-start {
|
||
3302 | --bs-position: start; |
||
3303 | 950e6b84 | taeseongkim | } |
3304 | 65674874 | taeseongkim | .dropdown-menu-start[data-bs-popper] { |
3305 | right: auto; |
||
3306 | left: 0; |
||
3307 | 950e6b84 | taeseongkim | } |
3308 | 65674874 | taeseongkim | |
3309 | .dropdown-menu-end {
|
||
3310 | --bs-position: end; |
||
3311 | 950e6b84 | taeseongkim | } |
3312 | 65674874 | taeseongkim | .dropdown-menu-end[data-bs-popper] { |
3313 | right: 0; |
||
3314 | left: auto; |
||
3315 | 950e6b84 | taeseongkim | } |
3316 | 65674874 | taeseongkim | |
3317 | @media (min-width: 576px) { |
||
3318 | .dropdown-menu-sm-start {
|
||
3319 | --bs-position: start; |
||
3320 | } |
||
3321 | .dropdown-menu-sm-start[data-bs-popper] { |
||
3322 | right: auto; |
||
3323 | left: 0; |
||
3324 | } |
||
3325 | .dropdown-menu-sm-end {
|
||
3326 | --bs-position: end; |
||
3327 | } |
||
3328 | .dropdown-menu-sm-end[data-bs-popper] { |
||
3329 | right: 0; |
||
3330 | left: auto; |
||
3331 | } |
||
3332 | 950e6b84 | taeseongkim | } |
3333 | 65674874 | taeseongkim | @media (min-width: 768px) { |
3334 | .dropdown-menu-md-start {
|
||
3335 | --bs-position: start; |
||
3336 | } |
||
3337 | .dropdown-menu-md-start[data-bs-popper] { |
||
3338 | right: auto; |
||
3339 | left: 0; |
||
3340 | } |
||
3341 | .dropdown-menu-md-end {
|
||
3342 | --bs-position: end; |
||
3343 | } |
||
3344 | .dropdown-menu-md-end[data-bs-popper] { |
||
3345 | right: 0; |
||
3346 | left: auto; |
||
3347 | } |
||
3348 | } |
||
3349 | @media (min-width: 992px) { |
||
3350 | .dropdown-menu-lg-start {
|
||
3351 | --bs-position: start; |
||
3352 | } |
||
3353 | .dropdown-menu-lg-start[data-bs-popper] { |
||
3354 | right: auto; |
||
3355 | left: 0; |
||
3356 | } |
||
3357 | .dropdown-menu-lg-end {
|
||
3358 | --bs-position: end; |
||
3359 | } |
||
3360 | .dropdown-menu-lg-end[data-bs-popper] { |
||
3361 | right: 0; |
||
3362 | left: auto; |
||
3363 | } |
||
3364 | 950e6b84 | taeseongkim | } |
3365 | 65674874 | taeseongkim | @media (min-width: 1200px) { |
3366 | .dropdown-menu-xl-start {
|
||
3367 | --bs-position: start; |
||
3368 | } |
||
3369 | .dropdown-menu-xl-start[data-bs-popper] { |
||
3370 | right: auto; |
||
3371 | left: 0; |
||
3372 | } |
||
3373 | .dropdown-menu-xl-end {
|
||
3374 | --bs-position: end; |
||
3375 | } |
||
3376 | .dropdown-menu-xl-end[data-bs-popper] { |
||
3377 | right: 0; |
||
3378 | left: auto; |
||
3379 | } |
||
3380 | 950e6b84 | taeseongkim | } |
3381 | 65674874 | taeseongkim | @media (min-width: 1400px) { |
3382 | .dropdown-menu-xxl-start {
|
||
3383 | --bs-position: start; |
||
3384 | } |
||
3385 | .dropdown-menu-xxl-start[data-bs-popper] { |
||
3386 | right: auto; |
||
3387 | left: 0; |
||
3388 | } |
||
3389 | .dropdown-menu-xxl-end {
|
||
3390 | --bs-position: end; |
||
3391 | } |
||
3392 | .dropdown-menu-xxl-end[data-bs-popper] { |
||
3393 | right: 0; |
||
3394 | left: auto; |
||
3395 | } |
||
3396 | 950e6b84 | taeseongkim | } |
3397 | 65674874 | taeseongkim | .dropup .dropdown-menu[data-bs-popper] { |
3398 | top: auto; |
||
3399 | bottom: 100%; |
||
3400 | margin-top: 0; |
||
3401 | margin-bottom: var(--bs-dropdown-spacer); |
||
3402 | 950e6b84 | taeseongkim | } |
3403 | 65674874 | taeseongkim | .dropup .dropdown-toggle::after { |
3404 | display: inline-block; |
||
3405 | margin-left: 0.255em; |
||
3406 | vertical-align: 0.255em; |
||
3407 | content: ""; |
||
3408 | border-top: 0; |
||
3409 | border-right: 0.3em solid transparent; |
||
3410 | border-bottom: 0.3em solid; |
||
3411 | border-left: 0.3em solid transparent; |
||
3412 | 950e6b84 | taeseongkim | } |
3413 | 65674874 | taeseongkim | .dropup .dropdown-toggle:empty::after { |
3414 | margin-left: 0; |
||
3415 | 950e6b84 | taeseongkim | } |
3416 | 65674874 | taeseongkim | |
3417 | .dropend .dropdown-menu[data-bs-popper] { |
||
3418 | top: 0; |
||
3419 | right: auto; |
||
3420 | left: 100%; |
||
3421 | margin-top: 0; |
||
3422 | margin-left: var(--bs-dropdown-spacer); |
||
3423 | 950e6b84 | taeseongkim | } |
3424 | 65674874 | taeseongkim | .dropend .dropdown-toggle::after { |
3425 | display: inline-block; |
||
3426 | margin-left: 0.255em; |
||
3427 | vertical-align: 0.255em; |
||
3428 | content: ""; |
||
3429 | border-top: 0.3em solid transparent; |
||
3430 | border-right: 0; |
||
3431 | border-bottom: 0.3em solid transparent; |
||
3432 | border-left: 0.3em solid; |
||
3433 | 950e6b84 | taeseongkim | } |
3434 | 65674874 | taeseongkim | .dropend .dropdown-toggle:empty::after { |
3435 | margin-left: 0; |
||
3436 | 950e6b84 | taeseongkim | } |
3437 | 65674874 | taeseongkim | .dropend .dropdown-toggle::after { |
3438 | vertical-align: 0; |
||
3439 | 950e6b84 | taeseongkim | } |
3440 | 65674874 | taeseongkim | |
3441 | .dropstart .dropdown-menu[data-bs-popper] { |
||
3442 | top: 0; |
||
3443 | right: 100%; |
||
3444 | left: auto; |
||
3445 | margin-top: 0; |
||
3446 | margin-right: var(--bs-dropdown-spacer); |
||
3447 | 950e6b84 | taeseongkim | } |
3448 | 65674874 | taeseongkim | .dropstart .dropdown-toggle::after { |
3449 | display: inline-block; |
||
3450 | margin-left: 0.255em; |
||
3451 | vertical-align: 0.255em; |
||
3452 | content: ""; |
||
3453 | 950e6b84 | taeseongkim | } |
3454 | 65674874 | taeseongkim | .dropstart .dropdown-toggle::after { |
3455 | display: none; |
||
3456 | 950e6b84 | taeseongkim | } |
3457 | 65674874 | taeseongkim | .dropstart .dropdown-toggle::before { |
3458 | display: inline-block; |
||
3459 | margin-right: 0.255em; |
||
3460 | vertical-align: 0.255em; |
||
3461 | content: ""; |
||
3462 | border-top: 0.3em solid transparent; |
||
3463 | border-right: 0.3em solid; |
||
3464 | border-bottom: 0.3em solid transparent; |
||
3465 | 950e6b84 | taeseongkim | } |
3466 | 65674874 | taeseongkim | .dropstart .dropdown-toggle:empty::after { |
3467 | margin-left: 0; |
||
3468 | 950e6b84 | taeseongkim | } |
3469 | 65674874 | taeseongkim | .dropstart .dropdown-toggle::before { |
3470 | vertical-align: 0; |
||
3471 | 950e6b84 | taeseongkim | } |
3472 | 65674874 | taeseongkim | |
3473 | .dropdown-divider {
|
||
3474 | height: 0; |
||
3475 | margin: var(--bs-dropdown-divider-margin-y) 0; |
||
3476 | overflow: hidden; |
||
3477 | border-top: 1px solid var(--bs-dropdown-divider-bg); |
||
3478 | opacity: 1; |
||
3479 | 950e6b84 | taeseongkim | } |
3480 | 65674874 | taeseongkim | |
3481 | .dropdown-item {
|
||
3482 | display: block; |
||
3483 | width: 100%; |
||
3484 | padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); |
||
3485 | clear: both; |
||
3486 | font-weight: 400; |
||
3487 | color: var(--bs-dropdown-link-color); |
||
3488 | text-align: inherit; |
||
3489 | text-decoration: none; |
||
3490 | white-space: nowrap; |
||
3491 | background-color: transparent; |
||
3492 | border: 0; |
||
3493 | 950e6b84 | taeseongkim | } |
3494 | 65674874 | taeseongkim | .dropdown-item:hover, .dropdown-item:focus { |
3495 | color: var(--bs-dropdown-link-hover-color); |
||
3496 | background-color: var(--bs-dropdown-link-hover-bg); |
||
3497 | 950e6b84 | taeseongkim | } |
3498 | 65674874 | taeseongkim | .dropdown-item.active, .dropdown-item:active { |
3499 | color: var(--bs-dropdown-link-active-color); |
||
3500 | text-decoration: none; |
||
3501 | background-color: var(--bs-dropdown-link-active-bg); |
||
3502 | 950e6b84 | taeseongkim | } |
3503 | 65674874 | taeseongkim | .dropdown-item.disabled, .dropdown-item:disabled { |
3504 | color: var(--bs-dropdown-link-disabled-color); |
||
3505 | pointer-events: none; |
||
3506 | background-color: transparent; |
||
3507 | 950e6b84 | taeseongkim | } |
3508 | 65674874 | taeseongkim | |
3509 | .dropdown-menu.show { |
||
3510 | display: block; |
||
3511 | 950e6b84 | taeseongkim | } |
3512 | 65674874 | taeseongkim | |
3513 | .dropdown-header {
|
||
3514 | display: block; |
||
3515 | padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); |
||
3516 | 950e6b84 | taeseongkim | margin-bottom: 0; |
3517 | 65674874 | taeseongkim | font-size: 0.875rem; |
3518 | color: var(--bs-dropdown-header-color); |
||
3519 | white-space: nowrap; |
||
3520 | 950e6b84 | taeseongkim | } |
3521 | 65674874 | taeseongkim | |
3522 | .dropdown-item-text {
|
||
3523 | display: block; |
||
3524 | padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); |
||
3525 | color: var(--bs-dropdown-link-color); |
||
3526 | } |
||
3527 | |||
3528 | .dropdown-menu-dark {
|
||
3529 | --bs-dropdown-color: #dee2e6; |
||
3530 | --bs-dropdown-bg: #343a40; |
||
3531 | --bs-dropdown-border-color: var(--bs-border-color-translucent); |
||
3532 | --bs-dropdown-box-shadow: ; |
||
3533 | --bs-dropdown-link-color: #dee2e6; |
||
3534 | --bs-dropdown-link-hover-color: #fff; |
||
3535 | --bs-dropdown-divider-bg: var(--bs-border-color-translucent); |
||
3536 | --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); |
||
3537 | --bs-dropdown-link-active-color: #fff; |
||
3538 | --bs-dropdown-link-active-bg: #0d6efd; |
||
3539 | --bs-dropdown-link-disabled-color: #adb5bd; |
||
3540 | --bs-dropdown-header-color: #adb5bd; |
||
3541 | } |
||
3542 | |||
3543 | .btn-group,
|
||
3544 | .btn-group-vertical {
|
||
3545 | position: relative; |
||
3546 | display: inline-flex; |
||
3547 | vertical-align: middle; |
||
3548 | 950e6b84 | taeseongkim | } |
3549 | 65674874 | taeseongkim | .btn-group > .btn, |
3550 | .btn-group-vertical > .btn { |
||
3551 | position: relative; |
||
3552 | flex: 1 1 auto; |
||
3553 | 950e6b84 | taeseongkim | } |
3554 | 65674874 | taeseongkim | .btn-group > .btn-check:checked + .btn, |
3555 | .btn-group > .btn-check:focus + .btn, |
||
3556 | .btn-group > .btn:hover, |
||
3557 | .btn-group > .btn:focus, |
||
3558 | .btn-group > .btn:active, |
||
3559 | .btn-group > .btn.active, |
||
3560 | .btn-group-vertical > .btn-check:checked + .btn, |
||
3561 | .btn-group-vertical > .btn-check:focus + .btn, |
||
3562 | .btn-group-vertical > .btn:hover, |
||
3563 | .btn-group-vertical > .btn:focus, |
||
3564 | .btn-group-vertical > .btn:active, |
||
3565 | .btn-group-vertical > .btn.active { |
||
3566 | z-index: 1; |
||
3567 | 950e6b84 | taeseongkim | } |
3568 | 65674874 | taeseongkim | |
3569 | .btn-toolbar {
|
||
3570 | display: flex; |
||
3571 | flex-wrap: wrap; |
||
3572 | justify-content: flex-start; |
||
3573 | 950e6b84 | taeseongkim | } |
3574 | 65674874 | taeseongkim | .btn-toolbar .input-group { |
3575 | width: auto; |
||
3576 | 950e6b84 | taeseongkim | } |
3577 | 65674874 | taeseongkim | |
3578 | .btn-group {
|
||
3579 | border-radius: 0.375rem; |
||
3580 | 950e6b84 | taeseongkim | } |
3581 | 65674874 | taeseongkim | .btn-group > :not(.btn-check:first-child) + .btn, |
3582 | .btn-group > .btn-group:not(:first-child) { |
||
3583 | margin-left: -1px; |
||
3584 | 950e6b84 | taeseongkim | } |
3585 | 65674874 | taeseongkim | .btn-group > .btn:not(:last-child):not(.dropdown-toggle), |
3586 | .btn-group > .btn.dropdown-toggle-split:first-child, |
||
3587 | .btn-group > .btn-group:not(:last-child) > .btn { |
||
3588 | border-top-right-radius: 0; |
||
3589 | border-bottom-right-radius: 0; |
||
3590 | 950e6b84 | taeseongkim | } |
3591 | 65674874 | taeseongkim | .btn-group > .btn:nth-child(n+3), |
3592 | .btn-group > :not(.btn-check) + .btn, |
||
3593 | .btn-group > .btn-group:not(:first-child) > .btn { |
||
3594 | border-top-left-radius: 0; |
||
3595 | border-bottom-left-radius: 0; |
||
3596 | 950e6b84 | taeseongkim | } |
3597 | 65674874 | taeseongkim | |
3598 | .dropdown-toggle-split {
|
||
3599 | padding-right: 0.5625rem; |
||
3600 | padding-left: 0.5625rem; |
||
3601 | 950e6b84 | taeseongkim | } |
3602 | 65674874 | taeseongkim | .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { |
3603 | margin-left: 0; |
||
3604 | 950e6b84 | taeseongkim | } |
3605 | 65674874 | taeseongkim | .dropstart .dropdown-toggle-split::before { |
3606 | margin-right: 0; |
||
3607 | 950e6b84 | taeseongkim | } |
3608 | 65674874 | taeseongkim | |
3609 | .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { |
||
3610 | padding-right: 0.375rem; |
||
3611 | padding-left: 0.375rem; |
||
3612 | 950e6b84 | taeseongkim | } |
3613 | 65674874 | taeseongkim | |
3614 | .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { |
||
3615 | padding-right: 0.75rem; |
||
3616 | padding-left: 0.75rem; |
||
3617 | 950e6b84 | taeseongkim | } |
3618 | 65674874 | taeseongkim | |
3619 | .btn-group-vertical {
|
||
3620 | flex-direction: column; |
||
3621 | align-items: flex-start; |
||
3622 | justify-content: center; |
||
3623 | 950e6b84 | taeseongkim | } |
3624 | 65674874 | taeseongkim | .btn-group-vertical > .btn, |
3625 | .btn-group-vertical > .btn-group { |
||
3626 | width: 100%; |
||
3627 | 950e6b84 | taeseongkim | } |
3628 | 65674874 | taeseongkim | .btn-group-vertical > .btn:not(:first-child), |
3629 | .btn-group-vertical > .btn-group:not(:first-child) { |
||
3630 | margin-top: -1px; |
||
3631 | 950e6b84 | taeseongkim | } |
3632 | 65674874 | taeseongkim | .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), |
3633 | .btn-group-vertical > .btn-group:not(:last-child) > .btn { |
||
3634 | border-bottom-right-radius: 0; |
||
3635 | border-bottom-left-radius: 0; |
||
3636 | 950e6b84 | taeseongkim | } |
3637 | 65674874 | taeseongkim | .btn-group-vertical > .btn ~ .btn, |
3638 | .btn-group-vertical > .btn-group:not(:first-child) > .btn { |
||
3639 | border-top-left-radius: 0; |
||
3640 | border-top-right-radius: 0; |
||
3641 | 950e6b84 | taeseongkim | } |
3642 | 65674874 | taeseongkim | |
3643 | .nav {
|
||
3644 | --bs-nav-link-padding-x: 1rem; |
||
3645 | --bs-nav-link-padding-y: 0.5rem; |
||
3646 | --bs-nav-link-font-weight: ; |
||
3647 | --bs-nav-link-color: var(--bs-link-color); |
||
3648 | --bs-nav-link-hover-color: var(--bs-link-hover-color); |
||
3649 | --bs-nav-link-disabled-color: #6c757d; |
||
3650 | display: flex; |
||
3651 | flex-wrap: wrap; |
||
3652 | padding-left: 0; |
||
3653 | margin-bottom: 0; |
||
3654 | list-style: none; |
||
3655 | } |
||
3656 | |||
3657 | .nav-link {
|
||
3658 | 950e6b84 | taeseongkim | display: block; |
3659 | 65674874 | taeseongkim | padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); |
3660 | font-size: var(--bs-nav-link-font-size); |
||
3661 | font-weight: var(--bs-nav-link-font-weight); |
||
3662 | color: var(--bs-nav-link-color); |
||
3663 | text-decoration: none; |
||
3664 | transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; |
||
3665 | 950e6b84 | taeseongkim | } |
3666 | 65674874 | taeseongkim | @media (prefers-reduced-motion: reduce) { |
3667 | .nav-link {
|
||
3668 | transition: none; |
||
3669 | } |
||
3670 | 950e6b84 | taeseongkim | } |
3671 | 65674874 | taeseongkim | .nav-link:hover, .nav-link:focus { |
3672 | color: var(--bs-nav-link-hover-color); |
||
3673 | 950e6b84 | taeseongkim | } |
3674 | 65674874 | taeseongkim | .nav-link.disabled { |
3675 | color: var(--bs-nav-link-disabled-color); |
||
3676 | pointer-events: none; |
||
3677 | cursor: default; |
||
3678 | 950e6b84 | taeseongkim | } |
3679 | 65674874 | taeseongkim | |
3680 | .nav-tabs {
|
||
3681 | --bs-nav-tabs-border-width: 1px; |
||
3682 | --bs-nav-tabs-border-color: #dee2e6; |
||
3683 | --bs-nav-tabs-border-radius: 0.375rem; |
||
3684 | --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6; |
||
3685 | --bs-nav-tabs-link-active-color: #495057; |
||
3686 | --bs-nav-tabs-link-active-bg: #fff; |
||
3687 | --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff; |
||
3688 | border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); |
||
3689 | } |
||
3690 | .nav-tabs .nav-link { |
||
3691 | margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); |
||
3692 | background: none; |
||
3693 | border: var(--bs-nav-tabs-border-width) solid transparent; |
||
3694 | border-top-left-radius: var(--bs-nav-tabs-border-radius); |
||
3695 | border-top-right-radius: var(--bs-nav-tabs-border-radius); |
||
3696 | } |
||
3697 | .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { |
||
3698 | isolation: isolate; |
||
3699 | border-color: var(--bs-nav-tabs-link-hover-border-color); |
||
3700 | } |
||
3701 | .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled { |
||
3702 | color: var(--bs-nav-link-disabled-color); |
||
3703 | background-color: transparent; |
||
3704 | border-color: transparent; |
||
3705 | 950e6b84 | taeseongkim | } |
3706 | 65674874 | taeseongkim | .nav-tabs .nav-link.active, |
3707 | .nav-tabs .nav-item.show .nav-link { |
||
3708 | color: var(--bs-nav-tabs-link-active-color); |
||
3709 | background-color: var(--bs-nav-tabs-link-active-bg); |
||
3710 | border-color: var(--bs-nav-tabs-link-active-border-color); |
||
3711 | 950e6b84 | taeseongkim | } |
3712 | 65674874 | taeseongkim | .nav-tabs .dropdown-menu { |
3713 | margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); |
||
3714 | border-top-left-radius: 0; |
||
3715 | border-top-right-radius: 0; |
||
3716 | 950e6b84 | taeseongkim | } |
3717 | 65674874 | taeseongkim | |
3718 | .nav-pills {
|
||
3719 | --bs-nav-pills-border-radius: 0.375rem; |
||
3720 | --bs-nav-pills-link-active-color: #fff; |
||
3721 | --bs-nav-pills-link-active-bg: #0d6efd; |
||
3722 | 950e6b84 | taeseongkim | } |
3723 | 65674874 | taeseongkim | .nav-pills .nav-link { |
3724 | background: none; |
||
3725 | border: 0; |
||
3726 | border-radius: var(--bs-nav-pills-border-radius); |
||
3727 | 950e6b84 | taeseongkim | } |
3728 | 65674874 | taeseongkim | .nav-pills .nav-link:disabled { |
3729 | color: var(--bs-nav-link-disabled-color); |
||
3730 | background-color: transparent; |
||
3731 | border-color: transparent; |
||
3732 | 950e6b84 | taeseongkim | } |
3733 | 65674874 | taeseongkim | .nav-pills .nav-link.active, |
3734 | .nav-pills .show > .nav-link { |
||
3735 | color: var(--bs-nav-pills-link-active-color); |
||
3736 | background-color: var(--bs-nav-pills-link-active-bg); |
||
3737 | 950e6b84 | taeseongkim | } |
3738 | 65674874 | taeseongkim | |
3739 | .nav-fill > .nav-link, |
||
3740 | .nav-fill .nav-item { |
||
3741 | flex: 1 1 auto; |
||
3742 | text-align: center; |
||
3743 | 950e6b84 | taeseongkim | } |
3744 | 65674874 | taeseongkim | |
3745 | .nav-justified > .nav-link, |
||
3746 | .nav-justified .nav-item { |
||
3747 | flex-basis: 0; |
||
3748 | flex-grow: 1; |
||
3749 | text-align: center; |
||
3750 | } |
||
3751 | |||
3752 | .nav-fill .nav-item .nav-link, |
||
3753 | .nav-justified .nav-item .nav-link { |
||
3754 | 950e6b84 | taeseongkim | width: 100%; |
3755 | } |
||
3756 | 65674874 | taeseongkim | |
3757 | .tab-content > .tab-pane { |
||
3758 | display: none; |
||
3759 | 950e6b84 | taeseongkim | } |
3760 | 65674874 | taeseongkim | .tab-content > .active { |
3761 | display: block; |
||
3762 | 950e6b84 | taeseongkim | } |
3763 | 65674874 | taeseongkim | |
3764 | .navbar {
|
||
3765 | --bs-navbar-padding-x: 0; |
||
3766 | --bs-navbar-padding-y: 0.5rem; |
||
3767 | --bs-navbar-color: rgba(0, 0, 0, 0.55); |
||
3768 | --bs-navbar-hover-color: rgba(0, 0, 0, 0.7); |
||
3769 | --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3); |
||
3770 | --bs-navbar-active-color: rgba(0, 0, 0, 0.9); |
||
3771 | --bs-navbar-brand-padding-y: 0.3125rem; |
||
3772 | --bs-navbar-brand-margin-end: 1rem; |
||
3773 | --bs-navbar-brand-font-size: 1.25rem; |
||
3774 | --bs-navbar-brand-color: rgba(0, 0, 0, 0.9); |
||
3775 | --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9); |
||
3776 | --bs-navbar-nav-link-padding-x: 0.5rem; |
||
3777 | --bs-navbar-toggler-padding-y: 0.25rem; |
||
3778 | --bs-navbar-toggler-padding-x: 0.75rem; |
||
3779 | --bs-navbar-toggler-font-size: 1.25rem; |
||
3780 | --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); |
||
3781 | --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1); |
||
3782 | --bs-navbar-toggler-border-radius: 0.375rem; |
||
3783 | --bs-navbar-toggler-focus-width: 0.25rem; |
||
3784 | --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; |
||
3785 | position: relative; |
||
3786 | display: flex; |
||
3787 | flex-wrap: wrap; |
||
3788 | align-items: center; |
||
3789 | justify-content: space-between; |
||
3790 | padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); |
||
3791 | } |
||
3792 | .navbar > .container, |
||
3793 | .navbar > .container-fluid, |
||
3794 | .navbar > .container-sm, |
||
3795 | .navbar > .container-md, |
||
3796 | .navbar > .container-lg, |
||
3797 | .navbar > .container-xl, |
||
3798 | .navbar > .container-xxl { |
||
3799 | display: flex; |
||
3800 | flex-wrap: inherit; |
||
3801 | align-items: center; |
||
3802 | justify-content: space-between; |
||
3803 | 950e6b84 | taeseongkim | } |
3804 | 65674874 | taeseongkim | .navbar-brand {
|
3805 | padding-top: var(--bs-navbar-brand-padding-y); |
||
3806 | padding-bottom: var(--bs-navbar-brand-padding-y); |
||
3807 | margin-right: var(--bs-navbar-brand-margin-end); |
||
3808 | font-size: var(--bs-navbar-brand-font-size); |
||
3809 | color: var(--bs-navbar-brand-color); |
||
3810 | text-decoration: none; |
||
3811 | white-space: nowrap; |
||
3812 | 950e6b84 | taeseongkim | } |
3813 | 65674874 | taeseongkim | .navbar-brand:hover, .navbar-brand:focus { |
3814 | color: var(--bs-navbar-brand-hover-color); |
||
3815 | 950e6b84 | taeseongkim | } |
3816 | 65674874 | taeseongkim | |
3817 | .navbar-nav {
|
||
3818 | --bs-nav-link-padding-x: 0; |
||
3819 | --bs-nav-link-padding-y: 0.5rem; |
||
3820 | --bs-nav-link-font-weight: ; |
||
3821 | --bs-nav-link-color: var(--bs-navbar-color); |
||
3822 | --bs-nav-link-hover-color: var(--bs-navbar-hover-color); |
||
3823 | --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); |
||
3824 | display: flex; |
||
3825 | flex-direction: column; |
||
3826 | padding-left: 0; |
||
3827 | margin-bottom: 0; |
||
3828 | list-style: none; |
||
3829 | 950e6b84 | taeseongkim | } |
3830 | 65674874 | taeseongkim | .navbar-nav .show > .nav-link, |
3831 | .navbar-nav .nav-link.active { |
||
3832 | color: var(--bs-navbar-active-color); |
||
3833 | 950e6b84 | taeseongkim | } |
3834 | 65674874 | taeseongkim | .navbar-nav .dropdown-menu { |
3835 | position: static; |
||
3836 | 950e6b84 | taeseongkim | } |
3837 | 65674874 | taeseongkim | |
3838 | .navbar-text {
|
||
3839 | padding-top: 0.5rem; |
||
3840 | padding-bottom: 0.5rem; |
||
3841 | color: var(--bs-navbar-color); |
||
3842 | 950e6b84 | taeseongkim | } |
3843 | 65674874 | taeseongkim | .navbar-text a, |
3844 | .navbar-text a:hover, |
||
3845 | .navbar-text a:focus { |
||
3846 | color: var(--bs-navbar-active-color); |
||
3847 | 950e6b84 | taeseongkim | } |
3848 | 65674874 | taeseongkim | |
3849 | .navbar-collapse {
|
||
3850 | flex-basis: 100%; |
||
3851 | flex-grow: 1; |
||
3852 | align-items: center; |
||
3853 | } |
||
3854 | |||
3855 | .navbar-toggler {
|
||
3856 | padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); |
||
3857 | font-size: var(--bs-navbar-toggler-font-size); |
||
3858 | line-height: 1; |
||
3859 | color: var(--bs-navbar-color); |
||
3860 | background-color: transparent; |
||
3861 | border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); |
||
3862 | border-radius: var(--bs-navbar-toggler-border-radius); |
||
3863 | transition: var(--bs-navbar-toggler-transition); |
||
3864 | 950e6b84 | taeseongkim | } |
3865 | 65674874 | taeseongkim | @media (prefers-reduced-motion: reduce) { |
3866 | .navbar-toggler {
|
||
3867 | transition: none; |
||
3868 | } |
||
3869 | 950e6b84 | taeseongkim | } |
3870 | 65674874 | taeseongkim | .navbar-toggler:hover { |
3871 | text-decoration: none; |
||
3872 | 950e6b84 | taeseongkim | } |
3873 | 65674874 | taeseongkim | .navbar-toggler:focus { |
3874 | text-decoration: none; |
||
3875 | outline: 0; |
||
3876 | box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); |
||
3877 | 950e6b84 | taeseongkim | } |
3878 | 65674874 | taeseongkim | |
3879 | .navbar-toggler-icon {
|
||
3880 | display: inline-block; |
||
3881 | width: 1.5em; |
||
3882 | height: 1.5em; |
||
3883 | vertical-align: middle; |
||
3884 | background-image: var(--bs-navbar-toggler-icon-bg); |
||
3885 | background-repeat: no-repeat; |
||
3886 | background-position: center; |
||
3887 | background-size: 100%; |
||
3888 | } |
||
3889 | |||
3890 | .navbar-nav-scroll {
|
||
3891 | max-height: var(--bs-scroll-height, 75vh); |
||
3892 | overflow-y: auto; |
||
3893 | 950e6b84 | taeseongkim | } |
3894 | 65674874 | taeseongkim | |
3895 | @media (min-width: 576px) { |
||
3896 | .navbar-expand-sm {
|
||
3897 | flex-wrap: nowrap; |
||
3898 | justify-content: flex-start; |
||
3899 | 950e6b84 | taeseongkim | } |
3900 | 65674874 | taeseongkim | .navbar-expand-sm .navbar-nav { |
3901 | flex-direction: row; |
||
3902 | 950e6b84 | taeseongkim | } |
3903 | 65674874 | taeseongkim | .navbar-expand-sm .navbar-nav .dropdown-menu { |
3904 | position: absolute; |
||
3905 | 950e6b84 | taeseongkim | } |
3906 | 65674874 | taeseongkim | .navbar-expand-sm .navbar-nav .nav-link { |
3907 | padding-right: var(--bs-navbar-nav-link-padding-x); |
||
3908 | padding-left: var(--bs-navbar-nav-link-padding-x); |
||
3909 | 950e6b84 | taeseongkim | } |
3910 | 65674874 | taeseongkim | .navbar-expand-sm .navbar-nav-scroll { |
3911 | overflow: visible; |
||
3912 | 950e6b84 | taeseongkim | } |
3913 | 65674874 | taeseongkim | .navbar-expand-sm .navbar-collapse { |
3914 | display: flex !important; |
||
3915 | flex-basis: auto; |
||
3916 | 950e6b84 | taeseongkim | } |
3917 | 65674874 | taeseongkim | .navbar-expand-sm .navbar-toggler { |
3918 | display: none; |
||
3919 | 950e6b84 | taeseongkim | } |
3920 | 65674874 | taeseongkim | .navbar-expand-sm .offcanvas { |
3921 | position: static; |
||
3922 | z-index: auto; |
||
3923 | flex-grow: 1; |
||
3924 | width: auto !important; |
||
3925 | height: auto !important; |
||
3926 | visibility: visible !important; |
||
3927 | background-color: transparent !important; |
||
3928 | border: 0 !important; |
||
3929 | transform: none !important; |
||
3930 | transition: none; |
||
3931 | 950e6b84 | taeseongkim | } |
3932 | 65674874 | taeseongkim | .navbar-expand-sm .offcanvas .offcanvas-header { |
3933 | display: none; |
||
3934 | 950e6b84 | taeseongkim | } |
3935 | 65674874 | taeseongkim | .navbar-expand-sm .offcanvas .offcanvas-body { |
3936 | display: flex; |
||
3937 | flex-grow: 0; |
||
3938 | padding: 0; |
||
3939 | overflow-y: visible; |
||
3940 | 950e6b84 | taeseongkim | } |
3941 | 65674874 | taeseongkim | } |
3942 | @media (min-width: 768px) { |
||
3943 | .navbar-expand-md {
|
||
3944 | flex-wrap: nowrap; |
||
3945 | justify-content: flex-start; |
||
3946 | 950e6b84 | taeseongkim | } |
3947 | 65674874 | taeseongkim | .navbar-expand-md .navbar-nav { |
3948 | flex-direction: row; |
||
3949 | 950e6b84 | taeseongkim | } |
3950 | 65674874 | taeseongkim | .navbar-expand-md .navbar-nav .dropdown-menu { |
3951 | position: absolute; |
||
3952 | 950e6b84 | taeseongkim | } |
3953 | 65674874 | taeseongkim | .navbar-expand-md .navbar-nav .nav-link { |
3954 | padding-right: var(--bs-navbar-nav-link-padding-x); |
||
3955 | padding-left: var(--bs-navbar-nav-link-padding-x); |
||
3956 | 950e6b84 | taeseongkim | } |
3957 | 65674874 | taeseongkim | .navbar-expand-md .navbar-nav-scroll { |
3958 | overflow: visible; |
||
3959 | 950e6b84 | taeseongkim | } |
3960 | 65674874 | taeseongkim | .navbar-expand-md .navbar-collapse { |
3961 | display: flex !important; |
||
3962 | flex-basis: auto; |
||
3963 | 950e6b84 | taeseongkim | } |
3964 | 65674874 | taeseongkim | .navbar-expand-md .navbar-toggler { |
3965 | display: none; |
||
3966 | 950e6b84 | taeseongkim | } |
3967 | 65674874 | taeseongkim | .navbar-expand-md .offcanvas { |
3968 | position: static; |
||
3969 | z-index: auto; |
||
3970 | flex-grow: 1; |
||
3971 | width: auto !important; |
||
3972 | height: auto !important; |
||
3973 | visibility: visible !important; |
||
3974 | background-color: transparent !important; |
||
3975 | border: 0 !important; |
||
3976 | transform: none !important; |
||
3977 | transition: none; |
||
3978 | 950e6b84 | taeseongkim | } |
3979 | 65674874 | taeseongkim | .navbar-expand-md .offcanvas .offcanvas-header { |
3980 | display: none; |
||
3981 | 950e6b84 | taeseongkim | } |
3982 | 65674874 | taeseongkim | .navbar-expand-md .offcanvas .offcanvas-body { |
3983 | display: flex; |
||
3984 | flex-grow: 0; |
||
3985 | padding: 0; |
||
3986 | overflow-y: visible; |
||
3987 | 950e6b84 | taeseongkim | } |
3988 | 65674874 | taeseongkim | } |
3989 | @media (min-width: 992px) { |
||
3990 | .navbar-expand-lg {
|
||
3991 | flex-wrap: nowrap; |
||
3992 | justify-content: flex-start; |
||
3993 | 950e6b84 | taeseongkim | } |
3994 | 65674874 | taeseongkim | .navbar-expand-lg .navbar-nav { |
3995 | flex-direction: row; |
||
3996 | 950e6b84 | taeseongkim | } |
3997 | 65674874 | taeseongkim | .navbar-expand-lg .navbar-nav .dropdown-menu { |
3998 | position: absolute; |
||
3999 | 950e6b84 | taeseongkim | } |
4000 | 65674874 | taeseongkim | .navbar-expand-lg .navbar-nav .nav-link { |
4001 | padding-right: var(--bs-navbar-nav-link-padding-x); |
||
4002 | padding-left: var(--bs-navbar-nav-link-padding-x); |
||
4003 | 950e6b84 | taeseongkim | } |
4004 | 65674874 | taeseongkim | .navbar-expand-lg .navbar-nav-scroll { |
4005 | overflow: visible; |
||
4006 | 950e6b84 | taeseongkim | } |
4007 | 65674874 | taeseongkim | .navbar-expand-lg .navbar-collapse { |
4008 | display: flex !important; |
||
4009 | flex-basis: auto; |
||
4010 | 950e6b84 | taeseongkim | } |
4011 | 65674874 | taeseongkim | .navbar-expand-lg .navbar-toggler { |
4012 | display: none; |
||
4013 | 950e6b84 | taeseongkim | } |
4014 | 65674874 | taeseongkim | .navbar-expand-lg .offcanvas { |
4015 | position: static; |
||
4016 | z-index: auto; |
||
4017 | flex-grow: 1; |
||
4018 | width: auto !important; |
||
4019 | height: auto !important; |
||
4020 | visibility: visible !important; |
||
4021 | background-color: transparent !important; |
||
4022 | border: 0 !important; |
||
4023 | transform: none !important; |
||
4024 | transition: none; |
||
4025 | 950e6b84 | taeseongkim | } |
4026 | 65674874 | taeseongkim | .navbar-expand-lg .offcanvas .offcanvas-header { |
4027 | display: none; |
||
4028 | 950e6b84 | taeseongkim | } |
4029 | 65674874 | taeseongkim | .navbar-expand-lg .offcanvas .offcanvas-body { |
4030 | display: flex; |
||
4031 | flex-grow: 0; |
||
4032 | padding: 0; |
||
4033 | overflow-y: visible; |
||
4034 | 950e6b84 | taeseongkim | } |
4035 | 65674874 | taeseongkim | } |
4036 | @media (min-width: 1200px) { |
||
4037 | .navbar-expand-xl {
|
||
4038 | flex-wrap: nowrap; |
||
4039 | justify-content: flex-start; |
||
4040 | 950e6b84 | taeseongkim | } |
4041 | 65674874 | taeseongkim | .navbar-expand-xl .navbar-nav { |
4042 | flex-direction: row; |
||
4043 | 950e6b84 | taeseongkim | } |
4044 | 65674874 | taeseongkim | .navbar-expand-xl .navbar-nav .dropdown-menu { |
4045 | position: absolute; |
||
4046 | 950e6b84 | taeseongkim | } |
4047 | 65674874 | taeseongkim | .navbar-expand-xl .navbar-nav .nav-link { |
4048 | padding-right: var(--bs-navbar-nav-link-padding-x); |
||
4049 | padding-left: var(--bs-navbar-nav-link-padding-x); |
||
4050 | 950e6b84 | taeseongkim | } |
4051 | 65674874 | taeseongkim | .navbar-expand-xl .navbar-nav-scroll { |
4052 | overflow: visible; |
||
4053 | 950e6b84 | taeseongkim | } |
4054 | 65674874 | taeseongkim | .navbar-expand-xl .navbar-collapse { |
4055 | display: flex !important; |
||
4056 | flex-basis: auto; |
||
4057 | 950e6b84 | taeseongkim | } |
4058 | 65674874 | taeseongkim | .navbar-expand-xl .navbar-toggler { |
4059 | display: none; |
||
4060 | 950e6b84 | taeseongkim | } |
4061 | 65674874 | taeseongkim | .navbar-expand-xl .offcanvas { |
4062 | position: static; |
||
4063 | z-index: auto; |
||
4064 | flex-grow: 1; |
||
4065 | width: auto !important; |
||
4066 | height: auto !important; |
||
4067 | visibility: visible !important; |
||
4068 | background-color: transparent !important; |
||
4069 | border: 0 !important; |
||
4070 | transform: none !important; |
||
4071 | transition: none; |
||
4072 | 950e6b84 | taeseongkim | } |
4073 | 65674874 | taeseongkim | .navbar-expand-xl .offcanvas .offcanvas-header { |
4074 | display: none; |
||
4075 | 950e6b84 | taeseongkim | } |
4076 | 65674874 | taeseongkim | .navbar-expand-xl .offcanvas .offcanvas-body { |
4077 | display: flex; |
||
4078 | flex-grow: 0; |
||
4079 | padding: 0; |
||
4080 | overflow-y: visible; |
||
4081 | 950e6b84 | taeseongkim | } |
4082 | 65674874 | taeseongkim | } |
4083 | @media (min-width: 1400px) { |
||
4084 | .navbar-expand-xxl {
|
||
4085 | flex-wrap: nowrap; |
||
4086 | justify-content: flex-start; |
||
4087 | 950e6b84 | taeseongkim | } |
4088 | 65674874 | taeseongkim | .navbar-expand-xxl .navbar-nav { |
4089 | flex-direction: row; |
||
4090 | 950e6b84 | taeseongkim | } |
4091 | 65674874 | taeseongkim | .navbar-expand-xxl .navbar-nav .dropdown-menu { |
4092 | position: absolute; |
||
4093 | 950e6b84 | taeseongkim | } |
4094 | 65674874 | taeseongkim | .navbar-expand-xxl .navbar-nav .nav-link { |
4095 | padding-right: var(--bs-navbar-nav-link-padding-x); |
||
4096 | padding-left: var(--bs-navbar-nav-link-padding-x); |
||
4097 | 950e6b84 | taeseongkim | } |
4098 | 65674874 | taeseongkim | .navbar-expand-xxl .navbar-nav-scroll { |
4099 | overflow: visible; |
||
4100 | 950e6b84 | taeseongkim | } |
4101 | 65674874 | taeseongkim | .navbar-expand-xxl .navbar-collapse { |
4102 | display: flex !important; |
||
4103 | flex-basis: auto; |
||
4104 | 950e6b84 | taeseongkim | } |
4105 | 65674874 | taeseongkim | .navbar-expand-xxl .navbar-toggler { |
4106 | display: none; |
||
4107 | 950e6b84 | taeseongkim | } |
4108 | 65674874 | taeseongkim | .navbar-expand-xxl .offcanvas { |
4109 | position: static; |
||
4110 | z-index: auto; |
||
4111 | flex-grow: 1; |
||
4112 | width: auto !important; |
||
4113 | height: auto !important; |
||
4114 | visibility: visible !important; |
||
4115 | background-color: transparent !important; |
||
4116 | border: 0 !important; |
||
4117 | transform: none !important; |
||
4118 | transition: none; |
||
4119 | 950e6b84 | taeseongkim | } |
4120 | 65674874 | taeseongkim | .navbar-expand-xxl .offcanvas .offcanvas-header { |
4121 | display: none; |
||
4122 | 950e6b84 | taeseongkim | } |
4123 | 65674874 | taeseongkim | .navbar-expand-xxl .offcanvas .offcanvas-body { |
4124 | display: flex; |
||
4125 | flex-grow: 0; |
||
4126 | padding: 0; |
||
4127 | overflow-y: visible; |
||
4128 | 950e6b84 | taeseongkim | } |
4129 | 65674874 | taeseongkim | } |
4130 | .navbar-expand {
|
||
4131 | flex-wrap: nowrap; |
||
4132 | justify-content: flex-start; |
||
4133 | } |
||
4134 | .navbar-expand .navbar-nav { |
||
4135 | flex-direction: row; |
||
4136 | } |
||
4137 | .navbar-expand .navbar-nav .dropdown-menu { |
||
4138 | position: absolute; |
||
4139 | } |
||
4140 | .navbar-expand .navbar-nav .nav-link { |
||
4141 | padding-right: var(--bs-navbar-nav-link-padding-x); |
||
4142 | padding-left: var(--bs-navbar-nav-link-padding-x); |
||
4143 | } |
||
4144 | .navbar-expand .navbar-nav-scroll { |
||
4145 | overflow: visible; |
||
4146 | } |
||
4147 | .navbar-expand .navbar-collapse { |
||
4148 | display: flex !important; |
||
4149 | flex-basis: auto; |
||
4150 | } |
||
4151 | .navbar-expand .navbar-toggler { |
||
4152 | display: none; |
||
4153 | } |
||
4154 | .navbar-expand .offcanvas { |
||
4155 | position: static; |
||
4156 | z-index: auto; |
||
4157 | flex-grow: 1; |
||
4158 | width: auto !important; |
||
4159 | height: auto !important; |
||
4160 | visibility: visible !important; |
||
4161 | background-color: transparent !important; |
||
4162 | border: 0 !important; |
||
4163 | transform: none !important; |
||
4164 | transition: none; |
||
4165 | } |
||
4166 | .navbar-expand .offcanvas .offcanvas-header { |
||
4167 | display: none; |
||
4168 | } |
||
4169 | .navbar-expand .offcanvas .offcanvas-body { |
||
4170 | display: flex; |
||
4171 | flex-grow: 0; |
||
4172 | padding: 0; |
||
4173 | overflow-y: visible; |
||
4174 | } |
||
4175 | |||
4176 | .navbar-dark {
|
||
4177 | --bs-navbar-color: rgba(255, 255, 255, 0.55); |
||
4178 | --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); |
||
4179 | --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); |
||
4180 | --bs-navbar-active-color: #fff; |
||
4181 | --bs-navbar-brand-color: #fff; |
||
4182 | --bs-navbar-brand-hover-color: #fff; |
||
4183 | --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); |
||
4184 | --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); |
||
4185 | } |
||
4186 | |||
4187 | .card {
|
||
4188 | --bs-card-spacer-y: 1rem; |
||
4189 | --bs-card-spacer-x: 1rem; |
||
4190 | --bs-card-title-spacer-y: 0.5rem; |
||
4191 | --bs-card-border-width: 1px; |
||
4192 | --bs-card-border-color: var(--bs-border-color-translucent); |
||
4193 | --bs-card-border-radius: 0.375rem; |
||
4194 | --bs-card-box-shadow: ; |
||
4195 | --bs-card-inner-border-radius: calc(0.375rem - 1px); |
||
4196 | --bs-card-cap-padding-y: 0.5rem; |
||
4197 | --bs-card-cap-padding-x: 1rem; |
||
4198 | --bs-card-cap-bg: rgba(0, 0, 0, 0.03); |
||
4199 | --bs-card-cap-color: ; |
||
4200 | --bs-card-height: ; |
||
4201 | --bs-card-color: ; |
||
4202 | --bs-card-bg: #fff; |
||
4203 | --bs-card-img-overlay-padding: 1rem; |
||
4204 | --bs-card-group-margin: 0.75rem; |
||
4205 | position: relative; |
||
4206 | display: flex; |
||
4207 | flex-direction: column; |
||
4208 | min-width: 0; |
||
4209 | height: var(--bs-card-height); |
||
4210 | word-wrap: break-word; |
||
4211 | background-color: var(--bs-card-bg); |
||
4212 | background-clip: border-box; |
||
4213 | border: var(--bs-card-border-width) solid var(--bs-card-border-color); |
||
4214 | border-radius: var(--bs-card-border-radius); |
||
4215 | } |
||
4216 | .card > hr { |
||
4217 | margin-right: 0; |
||
4218 | margin-left: 0; |
||
4219 | } |
||
4220 | .card > .list-group { |
||
4221 | border-top: inherit; |
||
4222 | border-bottom: inherit; |
||
4223 | } |
||
4224 | .card > .list-group:first-child { |
||
4225 | border-top-width: 0; |
||
4226 | border-top-left-radius: var(--bs-card-inner-border-radius); |
||
4227 | border-top-right-radius: var(--bs-card-inner-border-radius); |
||
4228 | } |
||
4229 | .card > .list-group:last-child { |
||
4230 | border-bottom-width: 0; |
||
4231 | border-bottom-right-radius: var(--bs-card-inner-border-radius); |
||
4232 | border-bottom-left-radius: var(--bs-card-inner-border-radius); |
||
4233 | } |
||
4234 | .card > .card-header + .list-group, |
||
4235 | .card > .list-group + .card-footer { |
||
4236 | border-top: 0; |
||
4237 | } |
||
4238 | |||
4239 | .card-body {
|
||
4240 | flex: 1 1 auto; |
||
4241 | padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); |
||
4242 | color: var(--bs-card-color); |
||
4243 | } |
||
4244 | |||
4245 | .card-title {
|
||
4246 | margin-bottom: var(--bs-card-title-spacer-y); |
||
4247 | } |
||
4248 | |||
4249 | .card-subtitle {
|
||
4250 | margin-top: calc(-0.5 * var(--bs-card-title-spacer-y)); |
||
4251 | margin-bottom: 0; |
||
4252 | } |
||
4253 | |||
4254 | .card-text:last-child { |
||
4255 | margin-bottom: 0; |
||
4256 | } |
||
4257 | |||
4258 | .card-link + .card-link { |
||
4259 | margin-left: var(--bs-card-spacer-x); |
||
4260 | } |
||
4261 | |||
4262 | .card-header {
|
||
4263 | padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); |
||
4264 | margin-bottom: 0; |
||
4265 | color: var(--bs-card-cap-color); |
||
4266 | background-color: var(--bs-card-cap-bg); |
||
4267 | border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); |
||
4268 | } |
||
4269 | .card-header:first-child { |
||
4270 | border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; |
||
4271 | } |
||
4272 | |||
4273 | .card-footer {
|
||
4274 | padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); |
||
4275 | color: var(--bs-card-cap-color); |
||
4276 | background-color: var(--bs-card-cap-bg); |
||
4277 | border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); |
||
4278 | } |
||
4279 | .card-footer:last-child { |
||
4280 | border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); |
||
4281 | } |
||
4282 | |||
4283 | .card-header-tabs {
|
||
4284 | margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); |
||
4285 | margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); |
||
4286 | margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); |
||
4287 | border-bottom: 0; |
||
4288 | } |
||
4289 | .card-header-tabs .nav-link.active { |
||
4290 | background-color: var(--bs-card-bg); |
||
4291 | border-bottom-color: var(--bs-card-bg); |
||
4292 | } |
||
4293 | |||
4294 | .card-header-pills {
|
||
4295 | margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); |
||
4296 | margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); |
||
4297 | } |
||
4298 | |||
4299 | .card-img-overlay {
|
||
4300 | position: absolute; |
||
4301 | top: 0; |
||
4302 | right: 0; |
||
4303 | bottom: 0; |
||
4304 | left: 0; |
||
4305 | padding: var(--bs-card-img-overlay-padding); |
||
4306 | border-radius: var(--bs-card-inner-border-radius); |
||
4307 | } |
||
4308 | |||
4309 | .card-img,
|
||
4310 | .card-img-top,
|
||
4311 | .card-img-bottom {
|
||
4312 | width: 100%; |
||
4313 | } |
||
4314 | |||
4315 | .card-img,
|
||
4316 | .card-img-top {
|
||
4317 | border-top-left-radius: var(--bs-card-inner-border-radius); |
||
4318 | border-top-right-radius: var(--bs-card-inner-border-radius); |
||
4319 | } |
||
4320 | |||
4321 | .card-img,
|
||
4322 | .card-img-bottom {
|
||
4323 | border-bottom-right-radius: var(--bs-card-inner-border-radius); |
||
4324 | border-bottom-left-radius: var(--bs-card-inner-border-radius); |
||
4325 | } |
||
4326 | |||
4327 | .card-group > .card { |
||
4328 | margin-bottom: var(--bs-card-group-margin); |
||
4329 | } |
||
4330 | @media (min-width: 576px) { |
||
4331 | .card-group {
|
||
4332 | display: flex; |
||
4333 | flex-flow: row wrap; |
||
4334 | } |
||
4335 | .card-group > .card { |
||
4336 | flex: 1 0 0%; |
||
4337 | margin-bottom: 0; |
||
4338 | 950e6b84 | taeseongkim | } |
4339 | 65674874 | taeseongkim | .card-group > .card + .card { |
4340 | margin-left: 0; |
||
4341 | border-left: 0; |
||
4342 | 950e6b84 | taeseongkim | } |
4343 | 65674874 | taeseongkim | .card-group > .card:not(:last-child) { |
4344 | border-top-right-radius: 0; |
||
4345 | border-bottom-right-radius: 0; |
||
4346 | } |
||
4347 | .card-group > .card:not(:last-child) .card-img-top, |
||
4348 | .card-group > .card:not(:last-child) .card-header { |
||
4349 | border-top-right-radius: 0; |
||
4350 | } |
||
4351 | .card-group > .card:not(:last-child) .card-img-bottom, |
||
4352 | .card-group > .card:not(:last-child) .card-footer { |
||
4353 | border-bottom-right-radius: 0; |
||
4354 | } |
||
4355 | .card-group > .card:not(:first-child) { |
||
4356 | border-top-left-radius: 0; |
||
4357 | border-bottom-left-radius: 0; |
||
4358 | } |
||
4359 | .card-group > .card:not(:first-child) .card-img-top, |
||
4360 | .card-group > .card:not(:first-child) .card-header { |
||
4361 | border-top-left-radius: 0; |
||
4362 | } |
||
4363 | .card-group > .card:not(:first-child) .card-img-bottom, |
||
4364 | .card-group > .card:not(:first-child) .card-footer { |
||
4365 | border-bottom-left-radius: 0; |
||
4366 | } |
||
4367 | } |
||
4368 | |||
4369 | .accordion {
|
||
4370 | --bs-accordion-color: #212529; |
||
4371 | --bs-accordion-bg: #fff; |
||
4372 | --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; |
||
4373 | --bs-accordion-border-color: var(--bs-border-color); |
||
4374 | --bs-accordion-border-width: 1px; |
||
4375 | --bs-accordion-border-radius: 0.375rem; |
||
4376 | --bs-accordion-inner-border-radius: calc(0.375rem - 1px); |
||
4377 | --bs-accordion-btn-padding-x: 1.25rem; |
||
4378 | --bs-accordion-btn-padding-y: 1rem; |
||
4379 | --bs-accordion-btn-color: #212529; |
||
4380 | --bs-accordion-btn-bg: var(--bs-accordion-bg); |
||
4381 | --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); |
||
4382 | --bs-accordion-btn-icon-width: 1.25rem; |
||
4383 | --bs-accordion-btn-icon-transform: rotate(-180deg); |
||
4384 | --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; |
||
4385 | --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); |
||
4386 | --bs-accordion-btn-focus-border-color: #86b7fe; |
||
4387 | --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); |
||
4388 | --bs-accordion-body-padding-x: 1.25rem; |
||
4389 | --bs-accordion-body-padding-y: 1rem; |
||
4390 | --bs-accordion-active-color: #0c63e4; |
||
4391 | --bs-accordion-active-bg: #e7f1ff; |
||
4392 | } |
||
4393 | |||
4394 | .accordion-button {
|
||
4395 | position: relative; |
||
4396 | display: flex; |
||
4397 | align-items: center; |
||
4398 | width: 100%; |
||
4399 | padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); |
||
4400 | font-size: 1rem; |
||
4401 | color: var(--bs-accordion-btn-color); |
||
4402 | text-align: left; |
||
4403 | background-color: var(--bs-accordion-btn-bg); |
||
4404 | border: 0; |
||
4405 | border-radius: 0; |
||
4406 | overflow-anchor: none; |
||
4407 | transition: var(--bs-accordion-transition); |
||
4408 | 950e6b84 | taeseongkim | } |
4409 | 65674874 | taeseongkim | @media (prefers-reduced-motion: reduce) { |
4410 | .accordion-button {
|
||
4411 | transition: none; |
||
4412 | 950e6b84 | taeseongkim | } |
4413 | 65674874 | taeseongkim | } |
4414 | .accordion-button:not(.collapsed) { |
||
4415 | color: var(--bs-accordion-active-color); |
||
4416 | background-color: var(--bs-accordion-active-bg); |
||
4417 | box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); |
||
4418 | } |
||
4419 | .accordion-button:not(.collapsed)::after { |
||
4420 | background-image: var(--bs-accordion-btn-active-icon); |
||
4421 | transform: var(--bs-accordion-btn-icon-transform); |
||
4422 | } |
||
4423 | .accordion-button::after { |
||
4424 | flex-shrink: 0; |
||
4425 | width: var(--bs-accordion-btn-icon-width); |
||
4426 | height: var(--bs-accordion-btn-icon-width); |
||
4427 | margin-left: auto; |
||
4428 | content: ""; |
||
4429 | background-image: var(--bs-accordion-btn-icon); |
||
4430 | background-repeat: no-repeat; |
||
4431 | background-size: var(--bs-accordion-btn-icon-width); |
||
4432 | transition: var(--bs-accordion-btn-icon-transition); |
||
4433 | } |
||
4434 | @media (prefers-reduced-motion: reduce) { |
||
4435 | .accordion-button::after { |
||
4436 | transition: none; |
||
4437 | 950e6b84 | taeseongkim | } |
4438 | 65674874 | taeseongkim | } |
4439 | .accordion-button:hover { |
||
4440 | z-index: 2; |
||
4441 | } |
||
4442 | .accordion-button:focus { |
||
4443 | z-index: 3; |
||
4444 | border-color: var(--bs-accordion-btn-focus-border-color); |
||
4445 | outline: 0; |
||
4446 | box-shadow: var(--bs-accordion-btn-focus-box-shadow); |
||
4447 | } |
||
4448 | |||
4449 | .accordion-header {
|
||
4450 | margin-bottom: 0; |
||
4451 | } |
||
4452 | |||
4453 | .accordion-item {
|
||
4454 | color: var(--bs-accordion-color); |
||
4455 | background-color: var(--bs-accordion-bg); |
||
4456 | border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); |
||
4457 | } |
||
4458 | .accordion-item:first-of-type { |
||
4459 | border-top-left-radius: var(--bs-accordion-border-radius); |
||
4460 | border-top-right-radius: var(--bs-accordion-border-radius); |
||
4461 | } |
||
4462 | .accordion-item:first-of-type .accordion-button { |
||
4463 | border-top-left-radius: var(--bs-accordion-inner-border-radius); |
||
4464 | border-top-right-radius: var(--bs-accordion-inner-border-radius); |
||
4465 | } |
||
4466 | .accordion-item:not(:first-of-type) { |
||
4467 | border-top: 0; |
||
4468 | } |
||
4469 | .accordion-item:last-of-type { |
||
4470 | border-bottom-right-radius: var(--bs-accordion-border-radius); |
||
4471 | border-bottom-left-radius: var(--bs-accordion-border-radius); |
||
4472 | } |
||
4473 | .accordion-item:last-of-type .accordion-button.collapsed { |
||
4474 | border-bottom-right-radius: var(--bs-accordion-inner-border-radius); |
||
4475 | border-bottom-left-radius: var(--bs-accordion-inner-border-radius); |
||
4476 | } |
||
4477 | .accordion-item:last-of-type .accordion-collapse { |
||
4478 | border-bottom-right-radius: var(--bs-accordion-border-radius); |
||
4479 | border-bottom-left-radius: var(--bs-accordion-border-radius); |
||
4480 | } |
||
4481 | |||
4482 | .accordion-body {
|
||
4483 | padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); |
||
4484 | } |
||
4485 | |||
4486 | .accordion-flush .accordion-collapse { |
||
4487 | border-width: 0; |
||
4488 | } |
||
4489 | .accordion-flush .accordion-item { |
||
4490 | border-right: 0; |
||
4491 | border-left: 0; |
||
4492 | border-radius: 0; |
||
4493 | } |
||
4494 | .accordion-flush .accordion-item:first-child { |
||
4495 | border-top: 0; |
||
4496 | } |
||
4497 | .accordion-flush .accordion-item:last-child { |
||
4498 | border-bottom: 0; |
||
4499 | } |
||
4500 | .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed { |
||
4501 | border-radius: 0; |
||
4502 | } |
||
4503 | |||
4504 | .breadcrumb {
|
||
4505 | --bs-breadcrumb-padding-x: 0; |
||
4506 | --bs-breadcrumb-padding-y: 0; |
||
4507 | --bs-breadcrumb-margin-bottom: 1rem; |
||
4508 | --bs-breadcrumb-bg: ; |
||
4509 | --bs-breadcrumb-border-radius: ; |
||
4510 | --bs-breadcrumb-divider-color: #6c757d; |
||
4511 | --bs-breadcrumb-item-padding-x: 0.5rem; |
||
4512 | --bs-breadcrumb-item-active-color: #6c757d; |
||
4513 | display: flex; |
||
4514 | flex-wrap: wrap; |
||
4515 | padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); |
||
4516 | margin-bottom: var(--bs-breadcrumb-margin-bottom); |
||
4517 | font-size: var(--bs-breadcrumb-font-size); |
||
4518 | list-style: none; |
||
4519 | background-color: var(--bs-breadcrumb-bg); |
||
4520 | border-radius: var(--bs-breadcrumb-border-radius); |
||
4521 | } |
||
4522 | |||
4523 | .breadcrumb-item + .breadcrumb-item { |
||
4524 | padding-left: var(--bs-breadcrumb-item-padding-x); |
||
4525 | } |
||
4526 | .breadcrumb-item + .breadcrumb-item::before { |
||
4527 | float: left; |
||
4528 | padding-right: var(--bs-breadcrumb-item-padding-x); |
||
4529 | color: var(--bs-breadcrumb-divider-color); |
||
4530 | content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; |
||
4531 | } |
||
4532 | .breadcrumb-item.active { |
||
4533 | color: var(--bs-breadcrumb-item-active-color); |
||
4534 | } |
||
4535 | |||
4536 | .pagination {
|
||
4537 | --bs-pagination-padding-x: 0.75rem; |
||
4538 | --bs-pagination-padding-y: 0.375rem; |
||
4539 | --bs-pagination-font-size: 1rem; |
||
4540 | --bs-pagination-color: var(--bs-link-color); |
||
4541 | --bs-pagination-bg: #fff; |
||
4542 | --bs-pagination-border-width: 1px; |
||
4543 | --bs-pagination-border-color: #dee2e6; |
||
4544 | --bs-pagination-border-radius: 0.375rem; |
||
4545 | --bs-pagination-hover-color: var(--bs-link-hover-color); |
||
4546 | --bs-pagination-hover-bg: #e9ecef; |
||
4547 | --bs-pagination-hover-border-color: #dee2e6; |
||
4548 | --bs-pagination-focus-color: var(--bs-link-hover-color); |
||
4549 | --bs-pagination-focus-bg: #e9ecef; |
||
4550 | --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); |
||
4551 | --bs-pagination-active-color: #fff; |
||
4552 | --bs-pagination-active-bg: #0d6efd; |
||
4553 | --bs-pagination-active-border-color: #0d6efd; |
||
4554 | --bs-pagination-disabled-color: #6c757d; |
||
4555 | --bs-pagination-disabled-bg: #fff; |
||
4556 | --bs-pagination-disabled-border-color: #dee2e6; |
||
4557 | display: flex; |
||
4558 | padding-left: 0; |
||
4559 | list-style: none; |
||
4560 | } |
||
4561 | |||
4562 | .page-link {
|
||
4563 | position: relative; |
||
4564 | display: block; |
||
4565 | padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); |
||
4566 | font-size: var(--bs-pagination-font-size); |
||
4567 | color: var(--bs-pagination-color); |
||
4568 | text-decoration: none; |
||
4569 | background-color: var(--bs-pagination-bg); |
||
4570 | border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); |
||
4571 | transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
||
4572 | } |
||
4573 | @media (prefers-reduced-motion: reduce) { |
||
4574 | .page-link {
|
||
4575 | transition: none; |
||
4576 | 950e6b84 | taeseongkim | } |
4577 | 65674874 | taeseongkim | } |
4578 | .page-link:hover { |
||
4579 | z-index: 2; |
||
4580 | color: var(--bs-pagination-hover-color); |
||
4581 | background-color: var(--bs-pagination-hover-bg); |
||
4582 | border-color: var(--bs-pagination-hover-border-color); |
||
4583 | } |
||
4584 | .page-link:focus { |
||
4585 | z-index: 3; |
||
4586 | color: var(--bs-pagination-focus-color); |
||
4587 | background-color: var(--bs-pagination-focus-bg); |
||
4588 | outline: 0; |
||
4589 | box-shadow: var(--bs-pagination-focus-box-shadow); |
||
4590 | } |
||
4591 | .page-link.active, .active > .page-link { |
||
4592 | z-index: 3; |
||
4593 | color: var(--bs-pagination-active-color); |
||
4594 | background-color: var(--bs-pagination-active-bg); |
||
4595 | border-color: var(--bs-pagination-active-border-color); |
||
4596 | } |
||
4597 | .page-link.disabled, .disabled > .page-link { |
||
4598 | color: var(--bs-pagination-disabled-color); |
||
4599 | pointer-events: none; |
||
4600 | background-color: var(--bs-pagination-disabled-bg); |
||
4601 | border-color: var(--bs-pagination-disabled-border-color); |
||
4602 | } |
||
4603 | |||
4604 | .page-item:not(:first-child) .page-link { |
||
4605 | margin-left: -1px; |
||
4606 | } |
||
4607 | .page-item:first-child .page-link { |
||
4608 | border-top-left-radius: var(--bs-pagination-border-radius); |
||
4609 | border-bottom-left-radius: var(--bs-pagination-border-radius); |
||
4610 | } |
||
4611 | .page-item:last-child .page-link { |
||
4612 | border-top-right-radius: var(--bs-pagination-border-radius); |
||
4613 | border-bottom-right-radius: var(--bs-pagination-border-radius); |
||
4614 | } |
||
4615 | |||
4616 | .pagination-lg {
|
||
4617 | --bs-pagination-padding-x: 1.5rem; |
||
4618 | --bs-pagination-padding-y: 0.75rem; |
||
4619 | --bs-pagination-font-size: 1.25rem; |
||
4620 | --bs-pagination-border-radius: 0.5rem; |
||
4621 | } |
||
4622 | |||
4623 | .pagination-sm {
|
||
4624 | --bs-pagination-padding-x: 0.5rem; |
||
4625 | --bs-pagination-padding-y: 0.25rem; |
||
4626 | --bs-pagination-font-size: 0.875rem; |
||
4627 | --bs-pagination-border-radius: 0.25rem; |
||
4628 | } |
||
4629 | |||
4630 | .badge {
|
||
4631 | --bs-badge-padding-x: 0.65em; |
||
4632 | --bs-badge-padding-y: 0.35em; |
||
4633 | --bs-badge-font-size: 0.75em; |
||
4634 | --bs-badge-font-weight: 700; |
||
4635 | --bs-badge-color: #fff; |
||
4636 | --bs-badge-border-radius: 0.375rem; |
||
4637 | display: inline-block; |
||
4638 | padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); |
||
4639 | font-size: var(--bs-badge-font-size); |
||
4640 | font-weight: var(--bs-badge-font-weight); |
||
4641 | line-height: 1; |
||
4642 | color: var(--bs-badge-color); |
||
4643 | text-align: center; |
||
4644 | white-space: nowrap; |
||
4645 | vertical-align: baseline; |
||
4646 | border-radius: var(--bs-badge-border-radius); |
||
4647 | } |
||
4648 | .badge:empty { |
||
4649 | display: none; |
||
4650 | } |
||
4651 | |||
4652 | .btn .badge { |
||
4653 | position: relative; |
||
4654 | top: -1px; |
||
4655 | } |
||
4656 | |||
4657 | .alert {
|
||
4658 | --bs-alert-bg: transparent; |
||
4659 | --bs-alert-padding-x: 1rem; |
||
4660 | --bs-alert-padding-y: 1rem; |
||
4661 | --bs-alert-margin-bottom: 1rem; |
||
4662 | --bs-alert-color: inherit; |
||
4663 | --bs-alert-border-color: transparent; |
||
4664 | --bs-alert-border: 1px solid var(--bs-alert-border-color); |
||
4665 | --bs-alert-border-radius: 0.375rem; |
||
4666 | position: relative; |
||
4667 | padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); |
||
4668 | margin-bottom: var(--bs-alert-margin-bottom); |
||
4669 | color: var(--bs-alert-color); |
||
4670 | background-color: var(--bs-alert-bg); |
||
4671 | border: var(--bs-alert-border); |
||
4672 | border-radius: var(--bs-alert-border-radius); |
||
4673 | } |
||
4674 | |||
4675 | .alert-heading {
|
||
4676 | color: inherit; |
||
4677 | } |
||
4678 | |||
4679 | .alert-link {
|
||
4680 | font-weight: 700; |
||
4681 | } |
||
4682 | |||
4683 | .alert-dismissible {
|
||
4684 | padding-right: 3rem; |
||
4685 | } |
||
4686 | .alert-dismissible .btn-close { |
||
4687 | position: absolute; |
||
4688 | top: 0; |
||
4689 | right: 0; |
||
4690 | z-index: 2; |
||
4691 | padding: 1.25rem 1rem; |
||
4692 | } |
||
4693 | |||
4694 | .alert-primary {
|
||
4695 | --bs-alert-color: #084298; |
||
4696 | --bs-alert-bg: #cfe2ff; |
||
4697 | --bs-alert-border-color: #b6d4fe; |
||
4698 | } |
||
4699 | .alert-primary .alert-link { |
||
4700 | color: #06357a; |
||
4701 | } |
||
4702 | |||
4703 | .alert-secondary {
|
||
4704 | --bs-alert-color: #41464b; |
||
4705 | --bs-alert-bg: #e2e3e5; |
||
4706 | --bs-alert-border-color: #d3d6d8; |
||
4707 | } |
||
4708 | .alert-secondary .alert-link { |
||
4709 | color: #34383c; |
||
4710 | } |
||
4711 | |||
4712 | .alert-success {
|
||
4713 | --bs-alert-color: #0f5132; |
||
4714 | --bs-alert-bg: #d1e7dd; |
||
4715 | --bs-alert-border-color: #badbcc; |
||
4716 | } |
||
4717 | .alert-success .alert-link { |
||
4718 | color: #0c4128; |
||
4719 | } |
||
4720 | |||
4721 | .alert-info {
|
||
4722 | --bs-alert-color: #055160; |
||
4723 | --bs-alert-bg: #cff4fc; |
||
4724 | --bs-alert-border-color: #b6effb; |
||
4725 | } |
||
4726 | .alert-info .alert-link { |
||
4727 | color: #04414d; |
||
4728 | } |
||
4729 | |||
4730 | .alert-warning {
|
||
4731 | --bs-alert-color: #664d03; |
||
4732 | --bs-alert-bg: #fff3cd; |
||
4733 | --bs-alert-border-color: #ffecb5; |
||
4734 | } |
||
4735 | .alert-warning .alert-link { |
||
4736 | color: #523e02; |
||
4737 | } |
||
4738 | |||
4739 | .alert-danger {
|
||
4740 | --bs-alert-color: #842029; |
||
4741 | --bs-alert-bg: #f8d7da; |
||
4742 | --bs-alert-border-color: #f5c2c7; |
||
4743 | } |
||
4744 | .alert-danger .alert-link { |
||
4745 | color: #6a1a21; |
||
4746 | } |
||
4747 | |||
4748 | .alert-light {
|
||
4749 | --bs-alert-color: #636464; |
||
4750 | --bs-alert-bg: #fefefe; |
||
4751 | --bs-alert-border-color: #fdfdfe; |
||
4752 | } |
||
4753 | .alert-light .alert-link { |
||
4754 | color: #4f5050; |
||
4755 | } |
||
4756 | |||
4757 | .alert-dark {
|
||
4758 | --bs-alert-color: #141619; |
||
4759 | --bs-alert-bg: #d3d3d4; |
||
4760 | --bs-alert-border-color: #bcbebf; |
||
4761 | } |
||
4762 | .alert-dark .alert-link { |
||
4763 | color: #101214; |
||
4764 | } |
||
4765 | |||
4766 | @keyframes progress-bar-stripes { |
||
4767 | 0% {
|
||
4768 | background-position-x: 1rem; |
||
4769 | 950e6b84 | taeseongkim | } |
4770 | 65674874 | taeseongkim | } |
4771 | .progress {
|
||
4772 | --bs-progress-height: 1rem; |
||
4773 | --bs-progress-font-size: 0.75rem; |
||
4774 | --bs-progress-bg: #e9ecef; |
||
4775 | --bs-progress-border-radius: 0.375rem; |
||
4776 | --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); |
||
4777 | --bs-progress-bar-color: #fff; |
||
4778 | --bs-progress-bar-bg: #0d6efd; |
||
4779 | --bs-progress-bar-transition: width 0.6s ease; |
||
4780 | display: flex; |
||
4781 | height: var(--bs-progress-height); |
||
4782 | overflow: hidden; |
||
4783 | font-size: var(--bs-progress-font-size); |
||
4784 | background-color: var(--bs-progress-bg); |
||
4785 | border-radius: var(--bs-progress-border-radius); |
||
4786 | } |
||
4787 | |||
4788 | .progress-bar {
|
||
4789 | display: flex; |
||
4790 | flex-direction: column; |
||
4791 | justify-content: center; |
||
4792 | overflow: hidden; |
||
4793 | color: var(--bs-progress-bar-color); |
||
4794 | text-align: center; |
||
4795 | white-space: nowrap; |
||
4796 | background-color: var(--bs-progress-bar-bg); |
||
4797 | transition: var(--bs-progress-bar-transition); |
||
4798 | } |
||
4799 | @media (prefers-reduced-motion: reduce) { |
||
4800 | .progress-bar {
|
||
4801 | transition: none; |
||
4802 | 950e6b84 | taeseongkim | } |
4803 | 65674874 | taeseongkim | } |
4804 | |||
4805 | .progress-bar-striped {
|
||
4806 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
||
4807 | background-size: var(--bs-progress-height) var(--bs-progress-height); |
||
4808 | } |
||
4809 | |||
4810 | .progress-bar-animated {
|
||
4811 | animation: 1s linear infinite progress-bar-stripes; |
||
4812 | } |
||
4813 | @media (prefers-reduced-motion: reduce) { |
||
4814 | .progress-bar-animated {
|
||
4815 | animation: none; |
||
4816 | 950e6b84 | taeseongkim | } |
4817 | 65674874 | taeseongkim | } |
4818 | |||
4819 | .list-group {
|
||
4820 | --bs-list-group-color: #212529; |
||
4821 | --bs-list-group-bg: #fff; |
||
4822 | --bs-list-group-border-color: rgba(0, 0, 0, 0.125); |
||
4823 | --bs-list-group-border-width: 1px; |
||
4824 | --bs-list-group-border-radius: 0.375rem; |
||
4825 | --bs-list-group-item-padding-x: 1rem; |
||
4826 | --bs-list-group-item-padding-y: 0.5rem; |
||
4827 | --bs-list-group-action-color: #495057; |
||
4828 | --bs-list-group-action-hover-color: #495057; |
||
4829 | --bs-list-group-action-hover-bg: #f8f9fa; |
||
4830 | --bs-list-group-action-active-color: #212529; |
||
4831 | --bs-list-group-action-active-bg: #e9ecef; |
||
4832 | --bs-list-group-disabled-color: #6c757d; |
||
4833 | --bs-list-group-disabled-bg: #fff; |
||
4834 | --bs-list-group-active-color: #fff; |
||
4835 | --bs-list-group-active-bg: #0d6efd; |
||
4836 | --bs-list-group-active-border-color: #0d6efd; |
||
4837 | display: flex; |
||
4838 | flex-direction: column; |
||
4839 | padding-left: 0; |
||
4840 | margin-bottom: 0; |
||
4841 | border-radius: var(--bs-list-group-border-radius); |
||
4842 | } |
||
4843 | |||
4844 | .list-group-numbered {
|
||
4845 | list-style-type: none; |
||
4846 | counter-reset: section; |
||
4847 | } |
||
4848 | .list-group-numbered > .list-group-item::before { |
||
4849 | content: counters(section, ".") ". "; |
||
4850 | counter-increment: section; |
||
4851 | } |
||
4852 | |||
4853 | .list-group-item-action {
|
||
4854 | width: 100%; |
||
4855 | color: var(--bs-list-group-action-color); |
||
4856 | text-align: inherit; |
||
4857 | } |
||
4858 | .list-group-item-action:hover, .list-group-item-action:focus { |
||
4859 | z-index: 1; |
||
4860 | color: var(--bs-list-group-action-hover-color); |
||
4861 | text-decoration: none; |
||
4862 | background-color: var(--bs-list-group-action-hover-bg); |
||
4863 | } |
||
4864 | .list-group-item-action:active { |
||
4865 | color: var(--bs-list-group-action-active-color); |
||
4866 | background-color: var(--bs-list-group-action-active-bg); |
||
4867 | } |
||
4868 | |||
4869 | .list-group-item {
|
||
4870 | position: relative; |
||
4871 | display: block; |
||
4872 | padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); |
||
4873 | color: var(--bs-list-group-color); |
||
4874 | text-decoration: none; |
||
4875 | background-color: var(--bs-list-group-bg); |
||
4876 | border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); |
||
4877 | } |
||
4878 | .list-group-item:first-child { |
||
4879 | border-top-left-radius: inherit; |
||
4880 | border-top-right-radius: inherit; |
||
4881 | } |
||
4882 | .list-group-item:last-child { |
||
4883 | border-bottom-right-radius: inherit; |
||
4884 | border-bottom-left-radius: inherit; |
||
4885 | } |
||
4886 | .list-group-item.disabled, .list-group-item:disabled { |
||
4887 | color: var(--bs-list-group-disabled-color); |
||
4888 | pointer-events: none; |
||
4889 | background-color: var(--bs-list-group-disabled-bg); |
||
4890 | } |
||
4891 | .list-group-item.active { |
||
4892 | z-index: 2; |
||
4893 | color: var(--bs-list-group-active-color); |
||
4894 | background-color: var(--bs-list-group-active-bg); |
||
4895 | border-color: var(--bs-list-group-active-border-color); |
||
4896 | } |
||
4897 | .list-group-item + .list-group-item { |
||
4898 | border-top-width: 0; |
||
4899 | } |
||
4900 | .list-group-item + .list-group-item.active { |
||
4901 | margin-top: calc(-1 * var(--bs-list-group-border-width)); |
||
4902 | border-top-width: var(--bs-list-group-border-width); |
||
4903 | } |
||
4904 | |||
4905 | .list-group-horizontal {
|
||
4906 | flex-direction: row; |
||
4907 | } |
||
4908 | .list-group-horizontal > .list-group-item:first-child:not(:last-child) { |
||
4909 | border-bottom-left-radius: var(--bs-list-group-border-radius); |
||
4910 | border-top-right-radius: 0; |
||
4911 | } |
||
4912 | .list-group-horizontal > .list-group-item:last-child:not(:first-child) { |
||
4913 | border-top-right-radius: var(--bs-list-group-border-radius); |
||
4914 | border-bottom-left-radius: 0; |
||
4915 | } |
||
4916 | .list-group-horizontal > .list-group-item.active { |
||
4917 | margin-top: 0; |
||
4918 | } |
||
4919 | .list-group-horizontal > .list-group-item + .list-group-item { |
||
4920 | border-top-width: var(--bs-list-group-border-width); |
||
4921 | border-left-width: 0; |
||
4922 | } |
||
4923 | .list-group-horizontal > .list-group-item + .list-group-item.active { |
||
4924 | margin-left: calc(-1 * var(--bs-list-group-border-width)); |
||
4925 | border-left-width: var(--bs-list-group-border-width); |
||
4926 | } |
||
4927 | |||
4928 | @media (min-width: 576px) { |
||
4929 | .list-group-horizontal-sm {
|
||
4930 | flex-direction: row; |
||
4931 | 950e6b84 | taeseongkim | } |
4932 | 65674874 | taeseongkim | .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { |
4933 | border-bottom-left-radius: var(--bs-list-group-border-radius); |
||
4934 | border-top-right-radius: 0; |
||
4935 | 950e6b84 | taeseongkim | } |
4936 | 65674874 | taeseongkim | .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { |
4937 | border-top-right-radius: var(--bs-list-group-border-radius); |
||
4938 | border-bottom-left-radius: 0; |
||
4939 | 950e6b84 | taeseongkim | } |
4940 | 65674874 | taeseongkim | .list-group-horizontal-sm > .list-group-item.active { |
4941 | margin-top: 0; |
||
4942 | 950e6b84 | taeseongkim | } |
4943 | 65674874 | taeseongkim | .list-group-horizontal-sm > .list-group-item + .list-group-item { |
4944 | border-top-width: var(--bs-list-group-border-width); |
||
4945 | border-left-width: 0; |
||
4946 | 950e6b84 | taeseongkim | } |
4947 | 65674874 | taeseongkim | .list-group-horizontal-sm > .list-group-item + .list-group-item.active { |
4948 | margin-left: calc(-1 * var(--bs-list-group-border-width)); |
||
4949 | border-left-width: var(--bs-list-group-border-width); |
||
4950 | 950e6b84 | taeseongkim | } |
4951 | 65674874 | taeseongkim | } |
4952 | @media (min-width: 768px) { |
||
4953 | .list-group-horizontal-md {
|
||
4954 | flex-direction: row; |
||
4955 | 950e6b84 | taeseongkim | } |
4956 | 65674874 | taeseongkim | .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { |
4957 | border-bottom-left-radius: var(--bs-list-group-border-radius); |
||
4958 | border-top-right-radius: 0; |
||
4959 | 950e6b84 | taeseongkim | } |
4960 | 65674874 | taeseongkim | .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { |
4961 | border-top-right-radius: var(--bs-list-group-border-radius); |
||
4962 | border-bottom-left-radius: 0; |
||
4963 | 950e6b84 | taeseongkim | } |
4964 | 65674874 | taeseongkim | .list-group-horizontal-md > .list-group-item.active { |
4965 | margin-top: 0; |
||
4966 | 950e6b84 | taeseongkim | } |
4967 | 65674874 | taeseongkim | .list-group-horizontal-md > .list-group-item + .list-group-item { |
4968 | border-top-width: var(--bs-list-group-border-width); |
||
4969 | border-left-width: 0; |
||
4970 | 950e6b84 | taeseongkim | } |
4971 | 65674874 | taeseongkim | .list-group-horizontal-md > .list-group-item + .list-group-item.active { |
4972 | margin-left: calc(-1 * var(--bs-list-group-border-width)); |
||
4973 | border-left-width: var(--bs-list-group-border-width); |
||
4974 | 950e6b84 | taeseongkim | } |
4975 | 65674874 | taeseongkim | } |
4976 | @media (min-width: 992px) { |
||
4977 | .list-group-horizontal-lg {
|
||
4978 | flex-direction: row; |
||
4979 | 950e6b84 | taeseongkim | } |
4980 | 65674874 | taeseongkim | .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { |
4981 | border-bottom-left-radius: var(--bs-list-group-border-radius); |
||
4982 | border-top-right-radius: 0; |
||
4983 | 950e6b84 | taeseongkim | } |
4984 | 65674874 | taeseongkim | .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { |
4985 | border-top-right-radius: var(--bs-list-group-border-radius); |
||
4986 | border-bottom-left-radius: 0; |
||
4987 | 950e6b84 | taeseongkim | } |
4988 | 65674874 | taeseongkim | .list-group-horizontal-lg > .list-group-item.active { |
4989 | margin-top: 0; |
||
4990 | 950e6b84 | taeseongkim | } |
4991 | 65674874 | taeseongkim | .list-group-horizontal-lg > .list-group-item + .list-group-item { |
4992 | border-top-width: var(--bs-list-group-border-width); |
||
4993 | border-left-width: 0; |
||
4994 | 950e6b84 | taeseongkim | } |
4995 | 65674874 | taeseongkim | .list-group-horizontal-lg > .list-group-item + .list-group-item.active { |
4996 | margin-left: calc(-1 * var(--bs-list-group-border-width)); |
||
4997 | border-left-width: var(--bs-list-group-border-width); |
||
4998 | 950e6b84 | taeseongkim | } |
4999 | } |
||
5000 | @media (min-width: 1200px) { |
||
5001 | 65674874 | taeseongkim | .list-group-horizontal-xl {
|
5002 | flex-direction: row; |
||
5003 | 950e6b84 | taeseongkim | } |
5004 | 65674874 | taeseongkim | .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { |
5005 | border-bottom-left-radius: var(--bs-list-group-border-radius); |
||
5006 | border-top-right-radius: 0; |
||
5007 | 950e6b84 | taeseongkim | } |
5008 | 65674874 | taeseongkim | .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { |
5009 | border-top-right-radius: var(--bs-list-group-border-radius); |
||
5010 | border-bottom-left-radius: 0; |
||
5011 | 950e6b84 | taeseongkim | } |
5012 | 65674874 | taeseongkim | .list-group-horizontal-xl > .list-group-item.active { |
5013 | margin-top: 0; |
||
5014 | 950e6b84 | taeseongkim | } |
5015 | 65674874 | taeseongkim | .list-group-horizontal-xl > .list-group-item + .list-group-item { |
5016 | border-top-width: var(--bs-list-group-border-width); |
||
5017 | border-left-width: 0; |
||
5018 | 950e6b84 | taeseongkim | } |
5019 | 65674874 | taeseongkim | .list-group-horizontal-xl > .list-group-item + .list-group-item.active { |
5020 | margin-left: calc(-1 * var(--bs-list-group-border-width)); |
||
5021 | border-left-width: var(--bs-list-group-border-width); |
||
5022 | 950e6b84 | taeseongkim | } |
5023 | 65674874 | taeseongkim | } |
5024 | @media (min-width: 1400px) { |
||
5025 | .list-group-horizontal-xxl {
|
||
5026 | flex-direction: row; |
||
5027 | 950e6b84 | taeseongkim | } |
5028 | 65674874 | taeseongkim | .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { |
5029 | border-bottom-left-radius: var(--bs-list-group-border-radius); |
||
5030 | border-top-right-radius: 0; |
||
5031 | 950e6b84 | taeseongkim | } |
5032 | 65674874 | taeseongkim | .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { |
5033 | border-top-right-radius: var(--bs-list-group-border-radius); |
||
5034 | border-bottom-left-radius: 0; |
||
5035 | 950e6b84 | taeseongkim | } |
5036 | 65674874 | taeseongkim | .list-group-horizontal-xxl > .list-group-item.active { |
5037 | margin-top: 0; |
||
5038 | 950e6b84 | taeseongkim | } |
5039 | 65674874 | taeseongkim | .list-group-horizontal-xxl > .list-group-item + .list-group-item { |
5040 | border-top-width: var(--bs-list-group-border-width); |
||
5041 | border-left-width: 0; |
||
5042 | 950e6b84 | taeseongkim | } |
5043 | 65674874 | taeseongkim | .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { |
5044 | margin-left: calc(-1 * var(--bs-list-group-border-width)); |
||
5045 | border-left-width: var(--bs-list-group-border-width); |
||
5046 | 950e6b84 | taeseongkim | } |
5047 | } |
||
5048 | 65674874 | taeseongkim | .list-group-flush {
|
5049 | border-radius: 0; |
||
5050 | 950e6b84 | taeseongkim | } |
5051 | 65674874 | taeseongkim | .list-group-flush > .list-group-item { |
5052 | border-width: 0 0 var(--bs-list-group-border-width); |
||
5053 | 950e6b84 | taeseongkim | } |
5054 | 65674874 | taeseongkim | .list-group-flush > .list-group-item:last-child { |
5055 | border-bottom-width: 0; |
||
5056 | 950e6b84 | taeseongkim | } |
5057 | 65674874 | taeseongkim | |
5058 | .list-group-item-primary {
|
||
5059 | color: #084298; |
||
5060 | background-color: #cfe2ff; |
||
5061 | 950e6b84 | taeseongkim | } |
5062 | 65674874 | taeseongkim | .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { |
5063 | color: #084298; |
||
5064 | background-color: #bacbe6; |
||
5065 | 950e6b84 | taeseongkim | } |
5066 | 65674874 | taeseongkim | .list-group-item-primary.list-group-item-action.active { |
5067 | color: #fff; |
||
5068 | background-color: #084298; |
||
5069 | border-color: #084298; |
||
5070 | 950e6b84 | taeseongkim | } |
5071 | 65674874 | taeseongkim | |
5072 | .list-group-item-secondary {
|
||
5073 | color: #41464b; |
||
5074 | background-color: #e2e3e5; |
||
5075 | 950e6b84 | taeseongkim | } |
5076 | 65674874 | taeseongkim | .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { |
5077 | color: #41464b; |
||
5078 | background-color: #cbccce; |
||
5079 | 950e6b84 | taeseongkim | } |
5080 | 65674874 | taeseongkim | .list-group-item-secondary.list-group-item-action.active { |
5081 | color: #fff; |
||
5082 | background-color: #41464b; |
||
5083 | border-color: #41464b; |
||
5084 | 950e6b84 | taeseongkim | } |
5085 | 65674874 | taeseongkim | |
5086 | .list-group-item-success {
|
||
5087 | color: #0f5132; |
||
5088 | background-color: #d1e7dd; |
||
5089 | 950e6b84 | taeseongkim | } |
5090 | 65674874 | taeseongkim | .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { |
5091 | color: #0f5132; |
||
5092 | background-color: #bcd0c7; |
||
5093 | 950e6b84 | taeseongkim | } |
5094 | 65674874 | taeseongkim | .list-group-item-success.list-group-item-action.active { |
5095 | color: #fff; |
||
5096 | background-color: #0f5132; |
||
5097 | border-color: #0f5132; |
||
5098 | 950e6b84 | taeseongkim | } |
5099 | 65674874 | taeseongkim | |
5100 | .list-group-item-info {
|
||
5101 | color: #055160; |
||
5102 | background-color: #cff4fc; |
||
5103 | 950e6b84 | taeseongkim | } |
5104 | 65674874 | taeseongkim | .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { |
5105 | color: #055160; |
||
5106 | background-color: #badce3; |
||
5107 | 950e6b84 | taeseongkim | } |
5108 | 65674874 | taeseongkim | .list-group-item-info.list-group-item-action.active { |
5109 | color: #fff; |
||
5110 | background-color: #055160; |
||
5111 | border-color: #055160; |
||
5112 | 950e6b84 | taeseongkim | } |
5113 | 65674874 | taeseongkim | |
5114 | .list-group-item-warning {
|
||
5115 | color: #664d03; |
||
5116 | background-color: #fff3cd; |
||
5117 | 950e6b84 | taeseongkim | } |
5118 | 65674874 | taeseongkim | .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { |
5119 | color: #664d03; |
||
5120 | background-color: #e6dbb9; |
||
5121 | 950e6b84 | taeseongkim | } |
5122 | 65674874 | taeseongkim | .list-group-item-warning.list-group-item-action.active { |
5123 | color: #fff; |
||
5124 | background-color: #664d03; |
||
5125 | border-color: #664d03; |
||
5126 | 950e6b84 | taeseongkim | } |
5127 | 65674874 | taeseongkim | |
5128 | .list-group-item-danger {
|
||
5129 | color: #842029; |
||
5130 | background-color: #f8d7da; |
||
5131 | 950e6b84 | taeseongkim | } |
5132 | 65674874 | taeseongkim | .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { |
5133 | color: #842029; |
||
5134 | background-color: #dfc2c4; |
||
5135 | 950e6b84 | taeseongkim | } |
5136 | 65674874 | taeseongkim | .list-group-item-danger.list-group-item-action.active { |
5137 | color: #fff; |
||
5138 | background-color: #842029; |
||
5139 | border-color: #842029; |
||
5140 | 950e6b84 | taeseongkim | } |
5141 | 65674874 | taeseongkim | |
5142 | .list-group-item-light {
|
||
5143 | color: #636464; |
||
5144 | background-color: #fefefe; |
||
5145 | 950e6b84 | taeseongkim | } |
5146 | 65674874 | taeseongkim | .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { |
5147 | color: #636464; |
||
5148 | background-color: #e5e5e5; |
||
5149 | 950e6b84 | taeseongkim | } |
5150 | 65674874 | taeseongkim | .list-group-item-light.list-group-item-action.active { |
5151 | color: #fff; |
||
5152 | background-color: #636464; |
||
5153 | border-color: #636464; |
||
5154 | 950e6b84 | taeseongkim | } |
5155 | 65674874 | taeseongkim | |
5156 | .list-group-item-dark {
|
||
5157 | color: #141619; |
||
5158 | background-color: #d3d3d4; |
||
5159 | 950e6b84 | taeseongkim | } |
5160 | 65674874 | taeseongkim | .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { |
5161 | color: #141619; |
||
5162 | background-color: #bebebf; |
||
5163 | 950e6b84 | taeseongkim | } |
5164 | 65674874 | taeseongkim | .list-group-item-dark.list-group-item-action.active { |
5165 | color: #fff; |
||
5166 | background-color: #141619; |
||
5167 | border-color: #141619; |
||
5168 | } |
||
5169 | |||
5170 | .btn-close {
|
||
5171 | box-sizing: content-box; |
||
5172 | width: 1em; |
||
5173 | height: 1em; |
||
5174 | padding: 0.25em 0.25em; |
||
5175 | color: #000; |
||
5176 | background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; |
||
5177 | 950e6b84 | taeseongkim | border: 0; |
5178 | 65674874 | taeseongkim | border-radius: 0.375rem; |
5179 | opacity: 0.5; |
||
5180 | 950e6b84 | taeseongkim | } |
5181 | 65674874 | taeseongkim | .btn-close:hover { |
5182 | color: #000; |
||
5183 | text-decoration: none; |
||
5184 | opacity: 0.75; |
||
5185 | } |
||
5186 | .btn-close:focus { |
||
5187 | outline: 0; |
||
5188 | box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); |
||
5189 | 950e6b84 | taeseongkim | opacity: 1; |
5190 | } |
||
5191 | 65674874 | taeseongkim | .btn-close:disabled, .btn-close.disabled { |
5192 | pointer-events: none; |
||
5193 | -webkit-user-select: none; |
||
5194 | -moz-user-select: none; |
||
5195 | user-select: none; |
||
5196 | opacity: 0.25; |
||
5197 | } |
||
5198 | |||
5199 | .btn-close-white {
|
||
5200 | filter: invert(1) grayscale(100%) brightness(200%); |
||
5201 | } |
||
5202 | |||
5203 | .toast {
|
||
5204 | --bs-toast-zindex: 1090; |
||
5205 | --bs-toast-padding-x: 0.75rem; |
||
5206 | --bs-toast-padding-y: 0.5rem; |
||
5207 | --bs-toast-spacing: 1.5rem; |
||
5208 | --bs-toast-max-width: 350px; |
||
5209 | --bs-toast-font-size: 0.875rem; |
||
5210 | --bs-toast-color: ; |
||
5211 | --bs-toast-bg: rgba(255, 255, 255, 0.85); |
||
5212 | --bs-toast-border-width: 1px; |
||
5213 | --bs-toast-border-color: var(--bs-border-color-translucent); |
||
5214 | --bs-toast-border-radius: 0.375rem; |
||
5215 | --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); |
||
5216 | --bs-toast-header-color: #6c757d; |
||
5217 | --bs-toast-header-bg: rgba(255, 255, 255, 0.85); |
||
5218 | --bs-toast-header-border-color: rgba(0, 0, 0, 0.05); |
||
5219 | width: var(--bs-toast-max-width); |
||
5220 | max-width: 100%; |
||
5221 | font-size: var(--bs-toast-font-size); |
||
5222 | color: var(--bs-toast-color); |
||
5223 | pointer-events: auto; |
||
5224 | background-color: var(--bs-toast-bg); |
||
5225 | background-clip: padding-box; |
||
5226 | border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); |
||
5227 | box-shadow: var(--bs-toast-box-shadow); |
||
5228 | border-radius: var(--bs-toast-border-radius); |
||
5229 | 950e6b84 | taeseongkim | } |
5230 | 65674874 | taeseongkim | .toast.showing { |
5231 | opacity: 0; |
||
5232 | 950e6b84 | taeseongkim | } |
5233 | 65674874 | taeseongkim | .toast:not(.show) { |
5234 | display: none; |
||
5235 | 950e6b84 | taeseongkim | } |
5236 | 65674874 | taeseongkim | |
5237 | .toast-container {
|
||
5238 | --bs-toast-zindex: 1090; |
||
5239 | 950e6b84 | taeseongkim | position: absolute; |
5240 | 65674874 | taeseongkim | z-index: var(--bs-toast-zindex); |
5241 | width: -webkit-max-content; |
||
5242 | width: -moz-max-content; |
||
5243 | width: max-content; |
||
5244 | max-width: 100%; |
||
5245 | pointer-events: none; |
||
5246 | 950e6b84 | taeseongkim | } |
5247 | 65674874 | taeseongkim | .toast-container > :not(:last-child) { |
5248 | margin-bottom: var(--bs-toast-spacing); |
||
5249 | 950e6b84 | taeseongkim | } |
5250 | 65674874 | taeseongkim | |
5251 | .toast-header {
|
||
5252 | display: flex; |
||
5253 | align-items: center; |
||
5254 | padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); |
||
5255 | color: var(--bs-toast-header-color); |
||
5256 | background-color: var(--bs-toast-header-bg); |
||
5257 | background-clip: padding-box; |
||
5258 | border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); |
||
5259 | border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); |
||
5260 | border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); |
||
5261 | 950e6b84 | taeseongkim | } |
5262 | 65674874 | taeseongkim | .toast-header .btn-close { |
5263 | margin-right: calc(-0.5 * var(--bs-toast-padding-x)); |
||
5264 | margin-left: var(--bs-toast-padding-x); |
||
5265 | 950e6b84 | taeseongkim | } |
5266 | 65674874 | taeseongkim | |
5267 | .toast-body {
|
||
5268 | padding: var(--bs-toast-padding-x); |
||
5269 | word-wrap: break-word; |
||
5270 | 950e6b84 | taeseongkim | } |
5271 | 65674874 | taeseongkim | |
5272 | .modal {
|
||
5273 | --bs-modal-zindex: 1055; |
||
5274 | --bs-modal-width: 500px; |
||
5275 | --bs-modal-padding: 1rem; |
||
5276 | --bs-modal-margin: 0.5rem; |
||
5277 | --bs-modal-color: ; |
||
5278 | --bs-modal-bg: #fff; |
||
5279 | --bs-modal-border-color: var(--bs-border-color-translucent); |
||
5280 | --bs-modal-border-width: 1px; |
||
5281 | --bs-modal-border-radius: 0.5rem; |
||
5282 | --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); |
||
5283 | --bs-modal-inner-border-radius: calc(0.5rem - 1px); |
||
5284 | --bs-modal-header-padding-x: 1rem; |
||
5285 | --bs-modal-header-padding-y: 1rem; |
||
5286 | --bs-modal-header-padding: 1rem 1rem; |
||
5287 | --bs-modal-header-border-color: var(--bs-border-color); |
||
5288 | --bs-modal-header-border-width: 1px; |
||
5289 | --bs-modal-title-line-height: 1.5; |
||
5290 | --bs-modal-footer-gap: 0.5rem; |
||
5291 | --bs-modal-footer-bg: ; |
||
5292 | --bs-modal-footer-border-color: var(--bs-border-color); |
||
5293 | --bs-modal-footer-border-width: 1px; |
||
5294 | position: fixed; |
||
5295 | top: 0; |
||
5296 | left: 0; |
||
5297 | z-index: var(--bs-modal-zindex); |
||
5298 | display: none; |
||
5299 | width: 100%; |
||
5300 | height: 100%; |
||
5301 | overflow-x: hidden; |
||
5302 | overflow-y: auto; |
||
5303 | outline: 0; |
||
5304 | 950e6b84 | taeseongkim | } |
5305 | 65674874 | taeseongkim | |
5306 | .modal-dialog {
|
||
5307 | position: relative; |
||
5308 | width: auto; |
||
5309 | margin: var(--bs-modal-margin); |
||
5310 | pointer-events: none; |
||
5311 | 950e6b84 | taeseongkim | } |
5312 | 65674874 | taeseongkim | .modal.fade .modal-dialog { |
5313 | transition: transform 0.3s ease-out; |
||
5314 | transform: translate(0, -50px); |
||
5315 | 950e6b84 | taeseongkim | } |
5316 | 65674874 | taeseongkim | @media (prefers-reduced-motion: reduce) { |
5317 | .modal.fade .modal-dialog { |
||
5318 | transition: none; |
||
5319 | } |
||
5320 | 950e6b84 | taeseongkim | } |
5321 | 65674874 | taeseongkim | .modal.show .modal-dialog { |
5322 | transform: none; |
||
5323 | 950e6b84 | taeseongkim | } |
5324 | 65674874 | taeseongkim | .modal.modal-static .modal-dialog { |
5325 | transform: scale(1.02); |
||
5326 | 950e6b84 | taeseongkim | } |
5327 | 65674874 | taeseongkim | |
5328 | .modal-dialog-scrollable {
|
||
5329 | height: calc(100% - var(--bs-modal-margin) * 2); |
||
5330 | 950e6b84 | taeseongkim | } |
5331 | 65674874 | taeseongkim | .modal-dialog-scrollable .modal-content { |
5332 | max-height: 100%; |
||
5333 | overflow: hidden; |
||
5334 | 950e6b84 | taeseongkim | } |
5335 | 65674874 | taeseongkim | .modal-dialog-scrollable .modal-body { |
5336 | overflow-y: auto; |
||
5337 | 950e6b84 | taeseongkim | } |
5338 | 65674874 | taeseongkim | |
5339 | .modal-dialog-centered {
|
||
5340 | display: flex; |
||
5341 | align-items: center; |
||
5342 | min-height: calc(100% - var(--bs-modal-margin) * 2); |
||
5343 | 950e6b84 | taeseongkim | } |
5344 | 65674874 | taeseongkim | |
5345 | .modal-content {
|
||
5346 | position: relative; |
||
5347 | display: flex; |
||
5348 | flex-direction: column; |
||
5349 | width: 100%; |
||
5350 | color: var(--bs-modal-color); |
||
5351 | pointer-events: auto; |
||
5352 | background-color: var(--bs-modal-bg); |
||
5353 | background-clip: padding-box; |
||
5354 | border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); |
||
5355 | border-radius: var(--bs-modal-border-radius); |
||
5356 | outline: 0; |
||
5357 | 950e6b84 | taeseongkim | } |
5358 | 65674874 | taeseongkim | |
5359 | .modal-backdrop {
|
||
5360 | --bs-backdrop-zindex: 1050; |
||
5361 | --bs-backdrop-bg: #000; |
||
5362 | --bs-backdrop-opacity: 0.5; |
||
5363 | position: fixed; |
||
5364 | top: 0; |
||
5365 | left: 0; |
||
5366 | z-index: var(--bs-backdrop-zindex); |
||
5367 | width: 100vw; |
||
5368 | height: 100vh; |
||
5369 | background-color: var(--bs-backdrop-bg); |
||
5370 | 950e6b84 | taeseongkim | } |
5371 | 65674874 | taeseongkim | .modal-backdrop.fade { |
5372 | opacity: 0; |
||
5373 | 950e6b84 | taeseongkim | } |
5374 | 65674874 | taeseongkim | .modal-backdrop.show { |
5375 | opacity: var(--bs-backdrop-opacity); |
||
5376 | 950e6b84 | taeseongkim | } |
5377 | 65674874 | taeseongkim | |
5378 | .modal-header {
|
||
5379 | display: flex; |
||
5380 | flex-shrink: 0; |
||
5381 | align-items: center; |
||
5382 | justify-content: space-between; |
||
5383 | padding: var(--bs-modal-header-padding); |
||
5384 | border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); |
||
5385 | border-top-left-radius: var(--bs-modal-inner-border-radius); |
||
5386 | border-top-right-radius: var(--bs-modal-inner-border-radius); |
||
5387 | } |
||
5388 | .modal-header .btn-close { |
||
5389 | padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); |
||
5390 | margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto; |
||
5391 | } |
||
5392 | |||
5393 | .modal-title {
|
||
5394 | margin-bottom: 0; |
||
5395 | line-height: var(--bs-modal-title-line-height); |
||
5396 | 950e6b84 | taeseongkim | } |
5397 | 65674874 | taeseongkim | |
5398 | .modal-body {
|
||
5399 | 950e6b84 | taeseongkim | position: relative; |
5400 | 65674874 | taeseongkim | flex: 1 1 auto; |
5401 | padding: var(--bs-modal-padding); |
||
5402 | 950e6b84 | taeseongkim | } |
5403 | 65674874 | taeseongkim | |
5404 | .modal-footer {
|
||
5405 | display: flex; |
||
5406 | flex-shrink: 0; |
||
5407 | flex-wrap: wrap; |
||
5408 | align-items: center; |
||
5409 | justify-content: flex-end; |
||
5410 | padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); |
||
5411 | background-color: var(--bs-modal-footer-bg); |
||
5412 | border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); |
||
5413 | border-bottom-right-radius: var(--bs-modal-inner-border-radius); |
||
5414 | border-bottom-left-radius: var(--bs-modal-inner-border-radius); |
||
5415 | } |
||
5416 | .modal-footer > * { |
||
5417 | margin: calc(var(--bs-modal-footer-gap) * 0.5); |
||
5418 | } |
||
5419 | |||
5420 | @media (min-width: 576px) { |
||
5421 | .modal {
|
||
5422 | --bs-modal-margin: 1.75rem; |
||
5423 | --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); |
||
5424 | } |
||
5425 | .modal-dialog {
|
||
5426 | max-width: var(--bs-modal-width); |
||
5427 | margin-right: auto; |
||
5428 | margin-left: auto; |
||
5429 | } |
||
5430 | .modal-sm {
|
||
5431 | --bs-modal-width: 300px; |
||
5432 | } |
||
5433 | 950e6b84 | taeseongkim | } |
5434 | 65674874 | taeseongkim | @media (min-width: 992px) { |
5435 | .modal-lg,
|
||
5436 | .modal-xl {
|
||
5437 | --bs-modal-width: 800px; |
||
5438 | } |
||
5439 | 950e6b84 | taeseongkim | } |
5440 | 65674874 | taeseongkim | @media (min-width: 1200px) { |
5441 | .modal-xl {
|
||
5442 | --bs-modal-width: 1140px; |
||
5443 | } |
||
5444 | 950e6b84 | taeseongkim | } |
5445 | 65674874 | taeseongkim | .modal-fullscreen {
|
5446 | width: 100vw; |
||
5447 | max-width: none; |
||
5448 | height: 100%; |
||
5449 | margin: 0; |
||
5450 | 950e6b84 | taeseongkim | } |
5451 | 65674874 | taeseongkim | .modal-fullscreen .modal-content { |
5452 | height: 100%; |
||
5453 | border: 0; |
||
5454 | border-radius: 0; |
||
5455 | 950e6b84 | taeseongkim | } |
5456 | 65674874 | taeseongkim | .modal-fullscreen .modal-header, |
5457 | .modal-fullscreen .modal-footer { |
||
5458 | border-radius: 0; |
||
5459 | } |
||
5460 | .modal-fullscreen .modal-body { |
||
5461 | overflow-y: auto; |
||
5462 | } |
||
5463 | |||
5464 | @media (max-width: 575.98px) { |
||
5465 | .modal-fullscreen-sm-down {
|
||
5466 | width: 100vw; |
||
5467 | max-width: none; |
||
5468 | height: 100%; |
||
5469 | margin: 0; |
||
5470 | 950e6b84 | taeseongkim | } |
5471 | 65674874 | taeseongkim | .modal-fullscreen-sm-down .modal-content { |
5472 | height: 100%; |
||
5473 | border: 0; |
||
5474 | border-radius: 0; |
||
5475 | 950e6b84 | taeseongkim | } |
5476 | 65674874 | taeseongkim | .modal-fullscreen-sm-down .modal-header, |
5477 | .modal-fullscreen-sm-down .modal-footer { |
||
5478 | border-radius: 0; |
||
5479 | 950e6b84 | taeseongkim | } |
5480 | 65674874 | taeseongkim | .modal-fullscreen-sm-down .modal-body { |
5481 | overflow-y: auto; |
||
5482 | 950e6b84 | taeseongkim | } |
5483 | 65674874 | taeseongkim | } |
5484 | @media (max-width: 767.98px) { |
||
5485 | .modal-fullscreen-md-down {
|
||
5486 | width: 100vw; |
||
5487 | max-width: none; |
||
5488 | height: 100%; |
||
5489 | margin: 0; |
||
5490 | 950e6b84 | taeseongkim | } |
5491 | 65674874 | taeseongkim | .modal-fullscreen-md-down .modal-content { |
5492 | height: 100%; |
||
5493 | border: 0; |
||
5494 | border-radius: 0; |
||
5495 | 950e6b84 | taeseongkim | } |
5496 | 65674874 | taeseongkim | .modal-fullscreen-md-down .modal-header, |
5497 | .modal-fullscreen-md-down .modal-footer { |
||
5498 | border-radius: 0; |
||
5499 | 950e6b84 | taeseongkim | } |
5500 | 65674874 | taeseongkim | .modal-fullscreen-md-down .modal-body { |
5501 | overflow-y: auto; |
||
5502 | 950e6b84 | taeseongkim | } |
5503 | 65674874 | taeseongkim | } |
5504 | @media (max-width: 991.98px) { |
||
5505 | .modal-fullscreen-lg-down {
|
||
5506 | width: 100vw; |
||
5507 | max-width: none; |
||
5508 | height: 100%; |
||
5509 | margin: 0; |
||
5510 | 950e6b84 | taeseongkim | } |
5511 | 65674874 | taeseongkim | .modal-fullscreen-lg-down .modal-content { |
5512 | height: 100%; |
||
5513 | border: 0; |
||
5514 | border-radius: 0; |
||
5515 | 950e6b84 | taeseongkim | } |
5516 | 65674874 | taeseongkim | .modal-fullscreen-lg-down .modal-header, |
5517 | .modal-fullscreen-lg-down .modal-footer { |
||
5518 | border-radius: 0; |
||
5519 | 950e6b84 | taeseongkim | } |
5520 | 65674874 | taeseongkim | .modal-fullscreen-lg-down .modal-body { |
5521 | overflow-y: auto; |
||
5522 | 950e6b84 | taeseongkim | } |
5523 | } |
||
5524 | 65674874 | taeseongkim | @media (max-width: 1199.98px) { |
5525 | .modal-fullscreen-xl-down {
|
||
5526 | width: 100vw; |
||
5527 | max-width: none; |
||
5528 | height: 100%; |
||
5529 | margin: 0; |
||
5530 | } |
||
5531 | .modal-fullscreen-xl-down .modal-content { |
||
5532 | height: 100%; |
||
5533 | border: 0; |
||
5534 | border-radius: 0; |
||
5535 | } |
||
5536 | .modal-fullscreen-xl-down .modal-header, |
||
5537 | .modal-fullscreen-xl-down .modal-footer { |
||
5538 | border-radius: 0; |
||
5539 | } |
||
5540 | .modal-fullscreen-xl-down .modal-body { |
||
5541 | overflow-y: auto; |
||
5542 | 950e6b84 | taeseongkim | } |
5543 | } |
||
5544 | 65674874 | taeseongkim | @media (max-width: 1399.98px) { |
5545 | .modal-fullscreen-xxl-down {
|
||
5546 | width: 100vw; |
||
5547 | max-width: none; |
||
5548 | height: 100%; |
||
5549 | margin: 0; |
||
5550 | } |
||
5551 | .modal-fullscreen-xxl-down .modal-content { |
||
5552 | height: 100%; |
||
5553 | border: 0; |
||
5554 | border-radius: 0; |
||
5555 | } |
||
5556 | .modal-fullscreen-xxl-down .modal-header, |
||
5557 | .modal-fullscreen-xxl-down .modal-footer { |
||
5558 | border-radius: 0; |
||
5559 | } |
||
5560 | .modal-fullscreen-xxl-down .modal-body { |
||
5561 | overflow-y: auto; |
||
5562 | 950e6b84 | taeseongkim | } |
5563 | } |
||
5564 | 65674874 | taeseongkim | .tooltip {
|
5565 | --bs-tooltip-zindex: 1080; |
||
5566 | --bs-tooltip-max-width: 200px; |
||
5567 | --bs-tooltip-padding-x: 0.5rem; |
||
5568 | --bs-tooltip-padding-y: 0.25rem; |
||
5569 | --bs-tooltip-margin: ; |
||
5570 | --bs-tooltip-font-size: 0.875rem; |
||
5571 | --bs-tooltip-color: #fff; |
||
5572 | --bs-tooltip-bg: #000; |
||
5573 | --bs-tooltip-border-radius: 0.375rem; |
||
5574 | --bs-tooltip-opacity: 0.9; |
||
5575 | --bs-tooltip-arrow-width: 0.8rem; |
||
5576 | --bs-tooltip-arrow-height: 0.4rem; |
||
5577 | z-index: var(--bs-tooltip-zindex); |
||
5578 | display: block; |
||
5579 | padding: var(--bs-tooltip-arrow-height); |
||
5580 | margin: var(--bs-tooltip-margin); |
||
5581 | font-family: var(--bs-font-sans-serif); |
||
5582 | font-style: normal; |
||
5583 | font-weight: 400; |
||
5584 | line-height: 1.5; |
||
5585 | text-align: left; |
||
5586 | text-align: start; |
||
5587 | 950e6b84 | taeseongkim | text-decoration: none; |
5588 | 65674874 | taeseongkim | text-shadow: none; |
5589 | text-transform: none; |
||
5590 | letter-spacing: normal; |
||
5591 | word-break: normal; |
||
5592 | white-space: normal; |
||
5593 | word-spacing: normal; |
||
5594 | line-break: auto; |
||
5595 | font-size: var(--bs-tooltip-font-size); |
||
5596 | word-wrap: break-word; |
||
5597 | opacity: 0; |
||
5598 | 950e6b84 | taeseongkim | } |
5599 | 65674874 | taeseongkim | .tooltip.show { |
5600 | opacity: var(--bs-tooltip-opacity); |
||
5601 | 950e6b84 | taeseongkim | } |
5602 | 65674874 | taeseongkim | .tooltip .tooltip-arrow { |
5603 | display: block; |
||
5604 | width: var(--bs-tooltip-arrow-width); |
||
5605 | height: var(--bs-tooltip-arrow-height); |
||
5606 | 950e6b84 | taeseongkim | } |
5607 | 65674874 | taeseongkim | .tooltip .tooltip-arrow::before { |
5608 | position: absolute; |
||
5609 | content: ""; |
||
5610 | border-color: transparent; |
||
5611 | border-style: solid; |
||
5612 | 950e6b84 | taeseongkim | } |
5613 | 65674874 | taeseongkim | |
5614 | .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { |
||
5615 | bottom: 0; |
||
5616 | 950e6b84 | taeseongkim | } |
5617 | 65674874 | taeseongkim | .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { |
5618 | top: -1px; |
||
5619 | border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; |
||
5620 | border-top-color: var(--bs-tooltip-bg); |
||
5621 | 950e6b84 | taeseongkim | } |
5622 | 65674874 | taeseongkim | |
5623 | /* rtl:begin:ignore */
|
||
5624 | .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { |
||
5625 | left: 0; |
||
5626 | width: var(--bs-tooltip-arrow-height); |
||
5627 | height: var(--bs-tooltip-arrow-width); |
||
5628 | 950e6b84 | taeseongkim | } |
5629 | 65674874 | taeseongkim | .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { |
5630 | right: -1px; |
||
5631 | border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; |
||
5632 | border-right-color: var(--bs-tooltip-bg); |
||
5633 | 950e6b84 | taeseongkim | } |
5634 | 65674874 | taeseongkim | |
5635 | /* rtl:end:ignore */
|
||
5636 | .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { |
||
5637 | top: 0; |
||
5638 | 950e6b84 | taeseongkim | } |
5639 | 65674874 | taeseongkim | .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { |
5640 | bottom: -1px; |
||
5641 | border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); |
||
5642 | border-bottom-color: var(--bs-tooltip-bg); |
||
5643 | 950e6b84 | taeseongkim | } |
5644 | 65674874 | taeseongkim | |
5645 | /* rtl:begin:ignore */
|
||
5646 | .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { |
||
5647 | right: 0; |
||
5648 | width: var(--bs-tooltip-arrow-height); |
||
5649 | height: var(--bs-tooltip-arrow-width); |
||
5650 | 950e6b84 | taeseongkim | } |
5651 | 65674874 | taeseongkim | .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { |
5652 | left: -1px; |
||
5653 | border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); |
||
5654 | border-left-color: var(--bs-tooltip-bg); |
||
5655 | 950e6b84 | taeseongkim | } |
5656 | 65674874 | taeseongkim | |
5657 | /* rtl:end:ignore */
|
||
5658 | .tooltip-inner {
|
||
5659 | max-width: var(--bs-tooltip-max-width); |
||
5660 | padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); |
||
5661 | color: var(--bs-tooltip-color); |
||
5662 | text-align: center; |
||
5663 | background-color: var(--bs-tooltip-bg); |
||
5664 | border-radius: var(--bs-tooltip-border-radius); |
||
5665 | 950e6b84 | taeseongkim | } |
5666 | 65674874 | taeseongkim | |
5667 | .popover {
|
||
5668 | --bs-popover-zindex: 1070; |
||
5669 | --bs-popover-max-width: 276px; |
||
5670 | --bs-popover-font-size: 0.875rem; |
||
5671 | --bs-popover-bg: #fff; |
||
5672 | --bs-popover-border-width: 1px; |
||
5673 | --bs-popover-border-color: var(--bs-border-color-translucent); |
||
5674 | --bs-popover-border-radius: 0.5rem; |
||
5675 | --bs-popover-inner-border-radius: calc(0.5rem - 1px); |
||
5676 | --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); |
||
5677 | --bs-popover-header-padding-x: 1rem; |
||
5678 | --bs-popover-header-padding-y: 0.5rem; |
||
5679 | --bs-popover-header-font-size: 1rem; |
||
5680 | --bs-popover-header-color: ; |
||
5681 | --bs-popover-header-bg: #f0f0f0; |
||
5682 | --bs-popover-body-padding-x: 1rem; |
||
5683 | --bs-popover-body-padding-y: 1rem; |
||
5684 | --bs-popover-body-color: #212529; |
||
5685 | --bs-popover-arrow-width: 1rem; |
||
5686 | --bs-popover-arrow-height: 0.5rem; |
||
5687 | --bs-popover-arrow-border: var(--bs-popover-border-color); |
||
5688 | z-index: var(--bs-popover-zindex); |
||
5689 | display: block; |
||
5690 | max-width: var(--bs-popover-max-width); |
||
5691 | font-family: var(--bs-font-sans-serif); |
||
5692 | font-style: normal; |
||
5693 | font-weight: 400; |
||
5694 | line-height: 1.5; |
||
5695 | text-align: left; |
||
5696 | text-align: start; |
||
5697 | text-decoration: none; |
||
5698 | text-shadow: none; |
||
5699 | text-transform: none; |
||
5700 | letter-spacing: normal; |
||
5701 | word-break: normal; |
||
5702 | white-space: normal; |
||
5703 | word-spacing: normal; |
||
5704 | line-break: auto; |
||
5705 | font-size: var(--bs-popover-font-size); |
||
5706 | word-wrap: break-word; |
||
5707 | background-color: var(--bs-popover-bg); |
||
5708 | background-clip: padding-box; |
||
5709 | border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); |
||
5710 | border-radius: var(--bs-popover-border-radius); |
||
5711 | 950e6b84 | taeseongkim | } |
5712 | 65674874 | taeseongkim | .popover .popover-arrow { |
5713 | display: block; |
||
5714 | width: var(--bs-popover-arrow-width); |
||
5715 | height: var(--bs-popover-arrow-height); |
||
5716 | 950e6b84 | taeseongkim | } |
5717 | 65674874 | taeseongkim | .popover .popover-arrow::before, .popover .popover-arrow::after { |
5718 | position: absolute; |
||
5719 | display: block; |
||
5720 | content: ""; |
||
5721 | border-color: transparent; |
||
5722 | border-style: solid; |
||
5723 | border-width: 0; |
||
5724 | 950e6b84 | taeseongkim | } |
5725 | 65674874 | taeseongkim | |
5726 | .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { |
||
5727 | bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); |
||
5728 | 950e6b84 | taeseongkim | } |
5729 | 65674874 | taeseongkim | .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { |
5730 | border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; |
||
5731 | 950e6b84 | taeseongkim | } |
5732 | 65674874 | taeseongkim | .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { |
5733 | bottom: 0; |
||
5734 | border-top-color: var(--bs-popover-arrow-border); |
||
5735 | 950e6b84 | taeseongkim | } |
5736 | 65674874 | taeseongkim | .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { |
5737 | bottom: var(--bs-popover-border-width); |
||
5738 | border-top-color: var(--bs-popover-bg); |
||
5739 | 950e6b84 | taeseongkim | } |
5740 | 65674874 | taeseongkim | |
5741 | /* rtl:begin:ignore */
|
||
5742 | .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { |
||
5743 | left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); |
||
5744 | width: var(--bs-popover-arrow-height); |
||
5745 | height: var(--bs-popover-arrow-width); |
||
5746 | 950e6b84 | taeseongkim | } |
5747 | 65674874 | taeseongkim | .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { |
5748 | border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; |
||
5749 | 950e6b84 | taeseongkim | } |
5750 | 65674874 | taeseongkim | .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { |
5751 | left: 0; |
||
5752 | border-right-color: var(--bs-popover-arrow-border); |
||
5753 | 950e6b84 | taeseongkim | } |
5754 | 65674874 | taeseongkim | .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { |
5755 | left: var(--bs-popover-border-width); |
||
5756 | border-right-color: var(--bs-popover-bg); |
||
5757 | 950e6b84 | taeseongkim | } |
5758 | 65674874 | taeseongkim | |
5759 | /* rtl:end:ignore */
|
||
5760 | .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { |
||
5761 | top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); |
||
5762 | 950e6b84 | taeseongkim | } |
5763 | 65674874 | taeseongkim | .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { |
5764 | border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); |
||
5765 | 950e6b84 | taeseongkim | } |
5766 | 65674874 | taeseongkim | .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { |
5767 | top: 0; |
||
5768 | border-bottom-color: var(--bs-popover-arrow-border); |
||
5769 | 950e6b84 | taeseongkim | } |
5770 | 65674874 | taeseongkim | .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { |
5771 | top: var(--bs-popover-border-width); |
||
5772 | border-bottom-color: var(--bs-popover-bg); |
||
5773 | 950e6b84 | taeseongkim | } |
5774 | 65674874 | taeseongkim | .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { |
5775 | position: absolute; |
||
5776 | top: 0; |
||
5777 | left: 50%; |
||
5778 | 950e6b84 | taeseongkim | display: block; |
5779 | 65674874 | taeseongkim | width: var(--bs-popover-arrow-width); |
5780 | margin-left: calc(-0.5 * var(--bs-popover-arrow-width)); |
||
5781 | content: ""; |
||
5782 | border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); |
||
5783 | 950e6b84 | taeseongkim | } |
5784 | 65674874 | taeseongkim | |
5785 | /* rtl:begin:ignore */
|
||
5786 | .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { |
||
5787 | right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); |
||
5788 | width: var(--bs-popover-arrow-height); |
||
5789 | height: var(--bs-popover-arrow-width); |
||
5790 | 950e6b84 | taeseongkim | } |
5791 | 65674874 | taeseongkim | .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { |
5792 | border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); |
||
5793 | 950e6b84 | taeseongkim | } |
5794 | 65674874 | taeseongkim | .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { |
5795 | right: 0; |
||
5796 | border-left-color: var(--bs-popover-arrow-border); |
||
5797 | 950e6b84 | taeseongkim | } |
5798 | 65674874 | taeseongkim | .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { |
5799 | right: var(--bs-popover-border-width); |
||
5800 | border-left-color: var(--bs-popover-bg); |
||
5801 | 950e6b84 | taeseongkim | } |
5802 | 65674874 | taeseongkim | |
5803 | /* rtl:end:ignore */
|
||
5804 | .popover-header {
|
||
5805 | padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); |
||
5806 | margin-bottom: 0; |
||
5807 | font-size: var(--bs-popover-header-font-size); |
||
5808 | color: var(--bs-popover-header-color); |
||
5809 | background-color: var(--bs-popover-header-bg); |
||
5810 | border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); |
||
5811 | border-top-left-radius: var(--bs-popover-inner-border-radius); |
||
5812 | border-top-right-radius: var(--bs-popover-inner-border-radius); |
||
5813 | } |
||
5814 | .popover-header:empty { |
||
5815 | 950e6b84 | taeseongkim | display: none; |
5816 | } |
||
5817 | 65674874 | taeseongkim | |
5818 | .popover-body {
|
||
5819 | padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); |
||
5820 | color: var(--bs-popover-body-color); |
||
5821 | 950e6b84 | taeseongkim | } |
5822 | 65674874 | taeseongkim | |
5823 | .carousel {
|
||
5824 | position: relative; |
||
5825 | 950e6b84 | taeseongkim | } |
5826 | 65674874 | taeseongkim | |
5827 | .carousel.pointer-event { |
||
5828 | touch-action: pan-y; |
||
5829 | 950e6b84 | taeseongkim | } |
5830 | 65674874 | taeseongkim | |
5831 | .carousel-inner {
|
||
5832 | 950e6b84 | taeseongkim | position: relative; |
5833 | 65674874 | taeseongkim | width: 100%; |
5834 | 950e6b84 | taeseongkim | overflow: hidden; |
5835 | } |
||
5836 | 65674874 | taeseongkim | .carousel-inner::after { |
5837 | display: block; |
||
5838 | clear: both; |
||
5839 | content: ""; |
||
5840 | 950e6b84 | taeseongkim | } |
5841 | 65674874 | taeseongkim | |
5842 | .carousel-item {
|
||
5843 | position: relative; |
||
5844 | 950e6b84 | taeseongkim | display: none; |
5845 | float: left; |
||
5846 | 65674874 | taeseongkim | width: 100%; |
5847 | margin-right: -100%; |
||
5848 | -webkit-backface-visibility: hidden; |
||
5849 | backface-visibility: hidden; |
||
5850 | transition: transform 0.6s ease-in-out; |
||
5851 | 950e6b84 | taeseongkim | } |
5852 | 65674874 | taeseongkim | @media (prefers-reduced-motion: reduce) { |
5853 | .carousel-item {
|
||
5854 | transition: none; |
||
5855 | } |
||
5856 | 950e6b84 | taeseongkim | } |
5857 | 65674874 | taeseongkim | |
5858 | .carousel-item.active, |
||
5859 | .carousel-item-next,
|
||
5860 | .carousel-item-prev {
|
||
5861 | 950e6b84 | taeseongkim | display: block; |
5862 | } |
||
5863 | 65674874 | taeseongkim | |
5864 | .carousel-item-next:not(.carousel-item-start), |
||
5865 | .active.carousel-item-end { |
||
5866 | transform: translateX(100%); |
||
5867 | 950e6b84 | taeseongkim | } |
5868 | 65674874 | taeseongkim | |
5869 | .carousel-item-prev:not(.carousel-item-end), |
||
5870 | .active.carousel-item-start { |
||
5871 | transform: translateX(-100%); |
||
5872 | 950e6b84 | taeseongkim | } |
5873 | 65674874 | taeseongkim | |
5874 | .carousel-fade .carousel-item { |
||
5875 | opacity: 0; |
||
5876 | transition-property: opacity; |
||
5877 | transform: none; |
||
5878 | 950e6b84 | taeseongkim | } |
5879 | 65674874 | taeseongkim | .carousel-fade .carousel-item.active, |
5880 | .carousel-fade .carousel-item-next.carousel-item-start, |
||
5881 | .carousel-fade .carousel-item-prev.carousel-item-end { |
||
5882 | z-index: 1; |
||
5883 | opacity: 1; |
||
5884 | 950e6b84 | taeseongkim | } |
5885 | 65674874 | taeseongkim | .carousel-fade .active.carousel-item-start, |
5886 | .carousel-fade .active.carousel-item-end { |
||
5887 | z-index: 0; |
||
5888 | opacity: 0; |
||
5889 | transition: opacity 0s 0.6s; |
||
5890 | 950e6b84 | taeseongkim | } |
5891 | 65674874 | taeseongkim | @media (prefers-reduced-motion: reduce) { |
5892 | .carousel-fade .active.carousel-item-start, |
||
5893 | .carousel-fade .active.carousel-item-end { |
||
5894 | transition: none; |
||
5895 | } |
||
5896 | 950e6b84 | taeseongkim | } |
5897 | 65674874 | taeseongkim | |
5898 | .carousel-control-prev,
|
||
5899 | .carousel-control-next {
|
||
5900 | position: absolute; |
||
5901 | top: 0; |
||
5902 | bottom: 0; |
||
5903 | z-index: 1; |
||
5904 | display: flex; |
||
5905 | align-items: center; |
||
5906 | justify-content: center; |
||
5907 | width: 15%; |
||
5908 | padding: 0; |
||
5909 | color: #fff; |
||
5910 | text-align: center; |
||
5911 | background: none; |
||
5912 | border: 0; |
||
5913 | opacity: 0.5; |
||
5914 | transition: opacity 0.15s ease; |
||
5915 | 950e6b84 | taeseongkim | } |
5916 | 65674874 | taeseongkim | @media (prefers-reduced-motion: reduce) { |
5917 | .carousel-control-prev,
|
||
5918 | .carousel-control-next {
|
||
5919 | transition: none; |
||
5920 | } |
||
5921 | } |
||
5922 | .carousel-control-prev:hover, .carousel-control-prev:focus, |
||
5923 | .carousel-control-next:hover, |
||
5924 | .carousel-control-next:focus { |
||
5925 | color: #fff; |
||
5926 | text-decoration: none; |
||
5927 | outline: 0; |
||
5928 | opacity: 0.9; |
||
5929 | } |
||
5930 | |||
5931 | .carousel-control-prev {
|
||
5932 | 950e6b84 | taeseongkim | left: 0; |
5933 | } |
||
5934 | 65674874 | taeseongkim | |
5935 | .carousel-control-next {
|
||
5936 | right: 0; |
||
5937 | 950e6b84 | taeseongkim | } |
5938 | 65674874 | taeseongkim | |
5939 | .carousel-control-prev-icon,
|
||
5940 | .carousel-control-next-icon {
|
||
5941 | display: inline-block; |
||
5942 | width: 2rem; |
||
5943 | height: 2rem; |
||
5944 | background-repeat: no-repeat; |
||
5945 | background-position: 50%; |
||
5946 | background-size: 100% 100%; |
||
5947 | } |
||
5948 | |||
5949 | /* rtl:options: {
|
||
5950 | "autoRename": true,
|
||
5951 | "stringMap":[ {
|
||
5952 | "name" : "prev-next",
|
||
5953 | "search" : "prev",
|
||
5954 | "replace" : "next"
|
||
5955 | } ]
|
||
5956 | } */
|
||
5957 | .carousel-control-prev-icon {
|
||
5958 | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); |
||
5959 | } |
||
5960 | |||
5961 | .carousel-control-next-icon {
|
||
5962 | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); |
||
5963 | } |
||
5964 | |||
5965 | .carousel-indicators {
|
||
5966 | position: absolute; |
||
5967 | 950e6b84 | taeseongkim | right: 0; |
5968 | bottom: 0; |
||
5969 | left: 0; |
||
5970 | 65674874 | taeseongkim | z-index: 2; |
5971 | display: flex; |
||
5972 | justify-content: center; |
||
5973 | padding: 0; |
||
5974 | margin-right: 15%; |
||
5975 | margin-bottom: 1rem; |
||
5976 | margin-left: 15%; |
||
5977 | list-style: none; |
||
5978 | 950e6b84 | taeseongkim | } |
5979 | 65674874 | taeseongkim | .carousel-indicators [data-bs-target] { |
5980 | box-sizing: content-box; |
||
5981 | flex: 0 1 auto; |
||
5982 | width: 30px; |
||
5983 | height: 3px; |
||
5984 | padding: 0; |
||
5985 | margin-right: 3px; |
||
5986 | margin-left: 3px; |
||
5987 | text-indent: -999px; |
||
5988 | cursor: pointer; |
||
5989 | background-color: #fff; |
||
5990 | background-clip: padding-box; |
||
5991 | border: 0; |
||
5992 | border-top: 10px solid transparent; |
||
5993 | border-bottom: 10px solid transparent; |
||
5994 | opacity: 0.5; |
||
5995 | transition: opacity 0.6s ease; |
||
5996 | 950e6b84 | taeseongkim | } |
5997 | 65674874 | taeseongkim | @media (prefers-reduced-motion: reduce) { |
5998 | .carousel-indicators [data-bs-target] { |
||
5999 | transition: none; |
||
6000 | } |
||
6001 | 950e6b84 | taeseongkim | } |
6002 | 65674874 | taeseongkim | .carousel-indicators .active { |
6003 | opacity: 1; |
||
6004 | 950e6b84 | taeseongkim | } |
6005 | 65674874 | taeseongkim | |
6006 | .carousel-caption {
|
||
6007 | position: absolute; |
||
6008 | right: 15%; |
||
6009 | bottom: 1.25rem; |
||
6010 | left: 15%; |
||
6011 | padding-top: 1.25rem; |
||
6012 | padding-bottom: 1.25rem; |
||
6013 | color: #fff; |
||
6014 | text-align: center; |
||
6015 | 950e6b84 | taeseongkim | } |
6016 | 65674874 | taeseongkim | |
6017 | .carousel-dark .carousel-control-prev-icon, |
||
6018 | .carousel-dark .carousel-control-next-icon { |
||
6019 | filter: invert(1) grayscale(100); |
||
6020 | 950e6b84 | taeseongkim | } |
6021 | 65674874 | taeseongkim | .carousel-dark .carousel-indicators [data-bs-target] { |
6022 | background-color: #000; |
||
6023 | 950e6b84 | taeseongkim | } |
6024 | 65674874 | taeseongkim | .carousel-dark .carousel-caption { |
6025 | color: #000; |
||
6026 | 950e6b84 | taeseongkim | } |
6027 | 65674874 | taeseongkim | |
6028 | .spinner-grow,
|
||
6029 | .spinner-border {
|
||
6030 | display: inline-block; |
||
6031 | width: var(--bs-spinner-width); |
||
6032 | height: var(--bs-spinner-height); |
||
6033 | vertical-align: var(--bs-spinner-vertical-align); |
||
6034 | border-radius: 50%; |
||
6035 | animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); |
||
6036 | 950e6b84 | taeseongkim | } |
6037 | 65674874 | taeseongkim | |
6038 | @keyframes spinner-border { |
||
6039 | to {
|
||
6040 | transform: rotate(360deg) /* rtl:ignore */; |
||
6041 | } |
||
6042 | } |
||
6043 | .spinner-border {
|
||
6044 | --bs-spinner-width: 2rem; |
||
6045 | --bs-spinner-height: 2rem; |
||
6046 | --bs-spinner-vertical-align: -0.125em; |
||
6047 | --bs-spinner-border-width: 0.25em; |
||
6048 | --bs-spinner-animation-speed: 0.75s; |
||
6049 | --bs-spinner-animation-name: spinner-border; |
||
6050 | border: var(--bs-spinner-border-width) solid currentcolor; |
||
6051 | border-right-color: transparent; |
||
6052 | } |
||
6053 | |||
6054 | .spinner-border-sm {
|
||
6055 | --bs-spinner-width: 1rem; |
||
6056 | --bs-spinner-height: 1rem; |
||
6057 | --bs-spinner-border-width: 0.2em; |
||
6058 | } |
||
6059 | |||
6060 | @keyframes spinner-grow { |
||
6061 | 0% {
|
||
6062 | transform: scale(0); |
||
6063 | } |
||
6064 | 50% {
|
||
6065 | opacity: 1; |
||
6066 | transform: none; |
||
6067 | } |
||
6068 | } |
||
6069 | .spinner-grow {
|
||
6070 | --bs-spinner-width: 2rem; |
||
6071 | --bs-spinner-height: 2rem; |
||
6072 | --bs-spinner-vertical-align: -0.125em; |
||
6073 | --bs-spinner-animation-speed: 0.75s; |
||
6074 | --bs-spinner-animation-name: spinner-grow; |
||
6075 | background-color: currentcolor; |
||
6076 | opacity: 0; |
||
6077 | 950e6b84 | taeseongkim | } |
6078 | 65674874 | taeseongkim | |
6079 | .spinner-grow-sm {
|
||
6080 | --bs-spinner-width: 1rem; |
||
6081 | --bs-spinner-height: 1rem; |
||
6082 | } |
||
6083 | |||
6084 | @media (prefers-reduced-motion: reduce) { |
||
6085 | .spinner-border,
|
||
6086 | .spinner-grow {
|
||
6087 | --bs-spinner-animation-speed: 1.5s; |
||
6088 | } |
||
6089 | } |
||
6090 | .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { |
||
6091 | --bs-offcanvas-zindex: 1045; |
||
6092 | --bs-offcanvas-width: 400px; |
||
6093 | --bs-offcanvas-height: 30vh; |
||
6094 | --bs-offcanvas-padding-x: 1rem; |
||
6095 | --bs-offcanvas-padding-y: 1rem; |
||
6096 | --bs-offcanvas-color: ; |
||
6097 | --bs-offcanvas-bg: #fff; |
||
6098 | --bs-offcanvas-border-width: 1px; |
||
6099 | --bs-offcanvas-border-color: var(--bs-border-color-translucent); |
||
6100 | --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); |
||
6101 | } |
||
6102 | |||
6103 | @media (max-width: 575.98px) { |
||
6104 | .offcanvas-sm {
|
||
6105 | position: fixed; |
||
6106 | bottom: 0; |
||
6107 | z-index: var(--bs-offcanvas-zindex); |
||
6108 | display: flex; |
||
6109 | flex-direction: column; |
||
6110 | max-width: 100%; |
||
6111 | color: var(--bs-offcanvas-color); |
||
6112 | visibility: hidden; |
||
6113 | background-color: var(--bs-offcanvas-bg); |
||
6114 | background-clip: padding-box; |
||
6115 | outline: 0; |
||
6116 | transition: transform 0.3s ease-in-out; |
||
6117 | } |
||
6118 | } |
||
6119 | @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { |
||
6120 | .offcanvas-sm {
|
||
6121 | transition: none; |
||
6122 | } |
||
6123 | } |
||
6124 | @media (max-width: 575.98px) { |
||
6125 | .offcanvas-sm.offcanvas-start { |
||
6126 | top: 0; |
||
6127 | left: 0; |
||
6128 | width: var(--bs-offcanvas-width); |
||
6129 | border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6130 | transform: translateX(-100%); |
||
6131 | } |
||
6132 | 950e6b84 | taeseongkim | } |
6133 | 65674874 | taeseongkim | @media (max-width: 575.98px) { |
6134 | .offcanvas-sm.offcanvas-end { |
||
6135 | top: 0; |
||
6136 | right: 0; |
||
6137 | width: var(--bs-offcanvas-width); |
||
6138 | border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6139 | transform: translateX(100%); |
||
6140 | } |
||
6141 | 950e6b84 | taeseongkim | } |
6142 | 65674874 | taeseongkim | @media (max-width: 575.98px) { |
6143 | .offcanvas-sm.offcanvas-top { |
||
6144 | top: 0; |
||
6145 | right: 0; |
||
6146 | left: 0; |
||
6147 | height: var(--bs-offcanvas-height); |
||
6148 | max-height: 100%; |
||
6149 | border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6150 | transform: translateY(-100%); |
||
6151 | } |
||
6152 | 950e6b84 | taeseongkim | } |
6153 | 65674874 | taeseongkim | @media (max-width: 575.98px) { |
6154 | .offcanvas-sm.offcanvas-bottom { |
||
6155 | right: 0; |
||
6156 | left: 0; |
||
6157 | height: var(--bs-offcanvas-height); |
||
6158 | max-height: 100%; |
||
6159 | border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6160 | transform: translateY(100%); |
||
6161 | } |
||
6162 | 950e6b84 | taeseongkim | } |
6163 | 65674874 | taeseongkim | @media (max-width: 575.98px) { |
6164 | .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { |
||
6165 | transform: none; |
||
6166 | } |
||
6167 | 950e6b84 | taeseongkim | } |
6168 | 65674874 | taeseongkim | @media (max-width: 575.98px) { |
6169 | .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { |
||
6170 | visibility: visible; |
||
6171 | } |
||
6172 | 950e6b84 | taeseongkim | } |
6173 | 65674874 | taeseongkim | @media (min-width: 576px) { |
6174 | .offcanvas-sm {
|
||
6175 | --bs-offcanvas-height: auto; |
||
6176 | --bs-offcanvas-border-width: 0; |
||
6177 | background-color: transparent !important; |
||
6178 | } |
||
6179 | .offcanvas-sm .offcanvas-header { |
||
6180 | display: none; |
||
6181 | } |
||
6182 | .offcanvas-sm .offcanvas-body { |
||
6183 | display: flex; |
||
6184 | flex-grow: 0; |
||
6185 | padding: 0; |
||
6186 | overflow-y: visible; |
||
6187 | background-color: transparent !important; |
||
6188 | } |
||
6189 | 950e6b84 | taeseongkim | } |
6190 | 65674874 | taeseongkim | |
6191 | @media (max-width: 767.98px) { |
||
6192 | .offcanvas-md {
|
||
6193 | position: fixed; |
||
6194 | bottom: 0; |
||
6195 | z-index: var(--bs-offcanvas-zindex); |
||
6196 | display: flex; |
||
6197 | flex-direction: column; |
||
6198 | max-width: 100%; |
||
6199 | color: var(--bs-offcanvas-color); |
||
6200 | visibility: hidden; |
||
6201 | background-color: var(--bs-offcanvas-bg); |
||
6202 | background-clip: padding-box; |
||
6203 | outline: 0; |
||
6204 | transition: transform 0.3s ease-in-out; |
||
6205 | } |
||
6206 | 950e6b84 | taeseongkim | } |
6207 | 65674874 | taeseongkim | @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { |
6208 | .offcanvas-md {
|
||
6209 | transition: none; |
||
6210 | } |
||
6211 | 950e6b84 | taeseongkim | } |
6212 | 65674874 | taeseongkim | @media (max-width: 767.98px) { |
6213 | .offcanvas-md.offcanvas-start { |
||
6214 | top: 0; |
||
6215 | left: 0; |
||
6216 | width: var(--bs-offcanvas-width); |
||
6217 | border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6218 | transform: translateX(-100%); |
||
6219 | } |
||
6220 | 950e6b84 | taeseongkim | } |
6221 | 65674874 | taeseongkim | @media (max-width: 767.98px) { |
6222 | .offcanvas-md.offcanvas-end { |
||
6223 | top: 0; |
||
6224 | right: 0; |
||
6225 | width: var(--bs-offcanvas-width); |
||
6226 | border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6227 | transform: translateX(100%); |
||
6228 | } |
||
6229 | 950e6b84 | taeseongkim | } |
6230 | 65674874 | taeseongkim | @media (max-width: 767.98px) { |
6231 | .offcanvas-md.offcanvas-top { |
||
6232 | top: 0; |
||
6233 | right: 0; |
||
6234 | left: 0; |
||
6235 | height: var(--bs-offcanvas-height); |
||
6236 | max-height: 100%; |
||
6237 | border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6238 | transform: translateY(-100%); |
||
6239 | } |
||
6240 | 950e6b84 | taeseongkim | } |
6241 | 65674874 | taeseongkim | @media (max-width: 767.98px) { |
6242 | .offcanvas-md.offcanvas-bottom { |
||
6243 | right: 0; |
||
6244 | left: 0; |
||
6245 | height: var(--bs-offcanvas-height); |
||
6246 | max-height: 100%; |
||
6247 | border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6248 | transform: translateY(100%); |
||
6249 | } |
||
6250 | 950e6b84 | taeseongkim | } |
6251 | 65674874 | taeseongkim | @media (max-width: 767.98px) { |
6252 | .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { |
||
6253 | transform: none; |
||
6254 | } |
||
6255 | 950e6b84 | taeseongkim | } |
6256 | 65674874 | taeseongkim | @media (max-width: 767.98px) { |
6257 | .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { |
||
6258 | visibility: visible; |
||
6259 | } |
||
6260 | 950e6b84 | taeseongkim | } |
6261 | 65674874 | taeseongkim | @media (min-width: 768px) { |
6262 | .offcanvas-md {
|
||
6263 | --bs-offcanvas-height: auto; |
||
6264 | --bs-offcanvas-border-width: 0; |
||
6265 | background-color: transparent !important; |
||
6266 | } |
||
6267 | .offcanvas-md .offcanvas-header { |
||
6268 | display: none; |
||
6269 | } |
||
6270 | .offcanvas-md .offcanvas-body { |
||
6271 | display: flex; |
||
6272 | flex-grow: 0; |
||
6273 | padding: 0; |
||
6274 | overflow-y: visible; |
||
6275 | background-color: transparent !important; |
||
6276 | } |
||
6277 | 950e6b84 | taeseongkim | } |
6278 | 65674874 | taeseongkim | |
6279 | @media (max-width: 991.98px) { |
||
6280 | .offcanvas-lg {
|
||
6281 | position: fixed; |
||
6282 | bottom: 0; |
||
6283 | z-index: var(--bs-offcanvas-zindex); |
||
6284 | display: flex; |
||
6285 | flex-direction: column; |
||
6286 | max-width: 100%; |
||
6287 | color: var(--bs-offcanvas-color); |
||
6288 | visibility: hidden; |
||
6289 | background-color: var(--bs-offcanvas-bg); |
||
6290 | background-clip: padding-box; |
||
6291 | outline: 0; |
||
6292 | transition: transform 0.3s ease-in-out; |
||
6293 | } |
||
6294 | 950e6b84 | taeseongkim | } |
6295 | 65674874 | taeseongkim | @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { |
6296 | .offcanvas-lg {
|
||
6297 | transition: none; |
||
6298 | } |
||
6299 | 950e6b84 | taeseongkim | } |
6300 | 65674874 | taeseongkim | @media (max-width: 991.98px) { |
6301 | .offcanvas-lg.offcanvas-start { |
||
6302 | top: 0; |
||
6303 | left: 0; |
||
6304 | width: var(--bs-offcanvas-width); |
||
6305 | border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6306 | transform: translateX(-100%); |
||
6307 | } |
||
6308 | 950e6b84 | taeseongkim | } |
6309 | 65674874 | taeseongkim | @media (max-width: 991.98px) { |
6310 | .offcanvas-lg.offcanvas-end { |
||
6311 | top: 0; |
||
6312 | right: 0; |
||
6313 | width: var(--bs-offcanvas-width); |
||
6314 | border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6315 | transform: translateX(100%); |
||
6316 | } |
||
6317 | 950e6b84 | taeseongkim | } |
6318 | 65674874 | taeseongkim | @media (max-width: 991.98px) { |
6319 | .offcanvas-lg.offcanvas-top { |
||
6320 | top: 0; |
||
6321 | right: 0; |
||
6322 | left: 0; |
||
6323 | height: var(--bs-offcanvas-height); |
||
6324 | max-height: 100%; |
||
6325 | border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6326 | transform: translateY(-100%); |
||
6327 | } |
||
6328 | 950e6b84 | taeseongkim | } |
6329 | 65674874 | taeseongkim | @media (max-width: 991.98px) { |
6330 | .offcanvas-lg.offcanvas-bottom { |
||
6331 | right: 0; |
||
6332 | left: 0; |
||
6333 | height: var(--bs-offcanvas-height); |
||
6334 | max-height: 100%; |
||
6335 | border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6336 | transform: translateY(100%); |
||
6337 | } |
||
6338 | 950e6b84 | taeseongkim | } |
6339 | 65674874 | taeseongkim | @media (max-width: 991.98px) { |
6340 | .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { |
||
6341 | transform: none; |
||
6342 | } |
||
6343 | 950e6b84 | taeseongkim | } |
6344 | 65674874 | taeseongkim | @media (max-width: 991.98px) { |
6345 | .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { |
||
6346 | visibility: visible; |
||
6347 | } |
||
6348 | 950e6b84 | taeseongkim | } |
6349 | 65674874 | taeseongkim | @media (min-width: 992px) { |
6350 | .offcanvas-lg {
|
||
6351 | --bs-offcanvas-height: auto; |
||
6352 | --bs-offcanvas-border-width: 0; |
||
6353 | background-color: transparent !important; |
||
6354 | } |
||
6355 | .offcanvas-lg .offcanvas-header { |
||
6356 | display: none; |
||
6357 | } |
||
6358 | .offcanvas-lg .offcanvas-body { |
||
6359 | display: flex; |
||
6360 | flex-grow: 0; |
||
6361 | padding: 0; |
||
6362 | overflow-y: visible; |
||
6363 | background-color: transparent !important; |
||
6364 | } |
||
6365 | 950e6b84 | taeseongkim | } |
6366 | 65674874 | taeseongkim | |
6367 | @media (max-width: 1199.98px) { |
||
6368 | .offcanvas-xl {
|
||
6369 | position: fixed; |
||
6370 | bottom: 0; |
||
6371 | z-index: var(--bs-offcanvas-zindex); |
||
6372 | display: flex; |
||
6373 | flex-direction: column; |
||
6374 | max-width: 100%; |
||
6375 | color: var(--bs-offcanvas-color); |
||
6376 | visibility: hidden; |
||
6377 | background-color: var(--bs-offcanvas-bg); |
||
6378 | background-clip: padding-box; |
||
6379 | outline: 0; |
||
6380 | transition: transform 0.3s ease-in-out; |
||
6381 | } |
||
6382 | 950e6b84 | taeseongkim | } |
6383 | 65674874 | taeseongkim | @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { |
6384 | .offcanvas-xl {
|
||
6385 | transition: none; |
||
6386 | } |
||
6387 | 950e6b84 | taeseongkim | } |
6388 | 65674874 | taeseongkim | @media (max-width: 1199.98px) { |
6389 | .offcanvas-xl.offcanvas-start { |
||
6390 | top: 0; |
||
6391 | left: 0; |
||
6392 | width: var(--bs-offcanvas-width); |
||
6393 | border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6394 | transform: translateX(-100%); |
||
6395 | } |
||
6396 | 950e6b84 | taeseongkim | } |
6397 | 65674874 | taeseongkim | @media (max-width: 1199.98px) { |
6398 | .offcanvas-xl.offcanvas-end { |
||
6399 | top: 0; |
||
6400 | right: 0; |
||
6401 | width: var(--bs-offcanvas-width); |
||
6402 | border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6403 | transform: translateX(100%); |
||
6404 | } |
||
6405 | 950e6b84 | taeseongkim | } |
6406 | 65674874 | taeseongkim | @media (max-width: 1199.98px) { |
6407 | .offcanvas-xl.offcanvas-top { |
||
6408 | top: 0; |
||
6409 | right: 0; |
||
6410 | left: 0; |
||
6411 | height: var(--bs-offcanvas-height); |
||
6412 | max-height: 100%; |
||
6413 | border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6414 | transform: translateY(-100%); |
||
6415 | } |
||
6416 | 950e6b84 | taeseongkim | } |
6417 | 65674874 | taeseongkim | @media (max-width: 1199.98px) { |
6418 | .offcanvas-xl.offcanvas-bottom { |
||
6419 | right: 0; |
||
6420 | left: 0; |
||
6421 | height: var(--bs-offcanvas-height); |
||
6422 | max-height: 100%; |
||
6423 | border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6424 | transform: translateY(100%); |
||
6425 | } |
||
6426 | 950e6b84 | taeseongkim | } |
6427 | 65674874 | taeseongkim | @media (max-width: 1199.98px) { |
6428 | .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { |
||
6429 | transform: none; |
||
6430 | } |
||
6431 | 950e6b84 | taeseongkim | } |
6432 | 65674874 | taeseongkim | @media (max-width: 1199.98px) { |
6433 | .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { |
||
6434 | visibility: visible; |
||
6435 | } |
||
6436 | 950e6b84 | taeseongkim | } |
6437 | 65674874 | taeseongkim | @media (min-width: 1200px) { |
6438 | .offcanvas-xl {
|
||
6439 | --bs-offcanvas-height: auto; |
||
6440 | --bs-offcanvas-border-width: 0; |
||
6441 | background-color: transparent !important; |
||
6442 | } |
||
6443 | .offcanvas-xl .offcanvas-header { |
||
6444 | display: none; |
||
6445 | } |
||
6446 | .offcanvas-xl .offcanvas-body { |
||
6447 | display: flex; |
||
6448 | flex-grow: 0; |
||
6449 | padding: 0; |
||
6450 | overflow-y: visible; |
||
6451 | background-color: transparent !important; |
||
6452 | } |
||
6453 | 950e6b84 | taeseongkim | } |
6454 | 65674874 | taeseongkim | |
6455 | @media (max-width: 1399.98px) { |
||
6456 | .offcanvas-xxl {
|
||
6457 | position: fixed; |
||
6458 | bottom: 0; |
||
6459 | z-index: var(--bs-offcanvas-zindex); |
||
6460 | display: flex; |
||
6461 | flex-direction: column; |
||
6462 | max-width: 100%; |
||
6463 | color: var(--bs-offcanvas-color); |
||
6464 | visibility: hidden; |
||
6465 | background-color: var(--bs-offcanvas-bg); |
||
6466 | background-clip: padding-box; |
||
6467 | outline: 0; |
||
6468 | transition: transform 0.3s ease-in-out; |
||
6469 | } |
||
6470 | 950e6b84 | taeseongkim | } |
6471 | 65674874 | taeseongkim | @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { |
6472 | .offcanvas-xxl {
|
||
6473 | transition: none; |
||
6474 | } |
||
6475 | 950e6b84 | taeseongkim | } |
6476 | 65674874 | taeseongkim | @media (max-width: 1399.98px) { |
6477 | .offcanvas-xxl.offcanvas-start { |
||
6478 | top: 0; |
||
6479 | left: 0; |
||
6480 | width: var(--bs-offcanvas-width); |
||
6481 | border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6482 | transform: translateX(-100%); |
||
6483 | } |
||
6484 | 950e6b84 | taeseongkim | } |
6485 | 65674874 | taeseongkim | @media (max-width: 1399.98px) { |
6486 | .offcanvas-xxl.offcanvas-end { |
||
6487 | top: 0; |
||
6488 | right: 0; |
||
6489 | width: var(--bs-offcanvas-width); |
||
6490 | border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6491 | transform: translateX(100%); |
||
6492 | } |
||
6493 | 950e6b84 | taeseongkim | } |
6494 | 65674874 | taeseongkim | @media (max-width: 1399.98px) { |
6495 | .offcanvas-xxl.offcanvas-top { |
||
6496 | top: 0; |
||
6497 | right: 0; |
||
6498 | left: 0; |
||
6499 | height: var(--bs-offcanvas-height); |
||
6500 | max-height: 100%; |
||
6501 | border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6502 | transform: translateY(-100%); |
||
6503 | } |
||
6504 | 950e6b84 | taeseongkim | } |
6505 | 65674874 | taeseongkim | @media (max-width: 1399.98px) { |
6506 | .offcanvas-xxl.offcanvas-bottom { |
||
6507 | right: 0; |
||
6508 | left: 0; |
||
6509 | height: var(--bs-offcanvas-height); |
||
6510 | max-height: 100%; |
||
6511 | border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6512 | transform: translateY(100%); |
||
6513 | } |
||
6514 | 950e6b84 | taeseongkim | } |
6515 | 65674874 | taeseongkim | @media (max-width: 1399.98px) { |
6516 | .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { |
||
6517 | transform: none; |
||
6518 | } |
||
6519 | 950e6b84 | taeseongkim | } |
6520 | 65674874 | taeseongkim | @media (max-width: 1399.98px) { |
6521 | .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { |
||
6522 | visibility: visible; |
||
6523 | } |
||
6524 | 950e6b84 | taeseongkim | } |
6525 | 65674874 | taeseongkim | @media (min-width: 1400px) { |
6526 | .offcanvas-xxl {
|
||
6527 | --bs-offcanvas-height: auto; |
||
6528 | --bs-offcanvas-border-width: 0; |
||
6529 | background-color: transparent !important; |
||
6530 | } |
||
6531 | .offcanvas-xxl .offcanvas-header { |
||
6532 | display: none; |
||
6533 | } |
||
6534 | .offcanvas-xxl .offcanvas-body { |
||
6535 | display: flex; |
||
6536 | flex-grow: 0; |
||
6537 | padding: 0; |
||
6538 | overflow-y: visible; |
||
6539 | background-color: transparent !important; |
||
6540 | } |
||
6541 | 950e6b84 | taeseongkim | } |
6542 | 65674874 | taeseongkim | |
6543 | .offcanvas {
|
||
6544 | position: fixed; |
||
6545 | bottom: 0; |
||
6546 | z-index: var(--bs-offcanvas-zindex); |
||
6547 | display: flex; |
||
6548 | flex-direction: column; |
||
6549 | max-width: 100%; |
||
6550 | color: var(--bs-offcanvas-color); |
||
6551 | visibility: hidden; |
||
6552 | background-color: var(--bs-offcanvas-bg); |
||
6553 | background-clip: padding-box; |
||
6554 | outline: 0; |
||
6555 | transition: transform 0.3s ease-in-out; |
||
6556 | 950e6b84 | taeseongkim | } |
6557 | 65674874 | taeseongkim | @media (prefers-reduced-motion: reduce) { |
6558 | .offcanvas {
|
||
6559 | transition: none; |
||
6560 | } |
||
6561 | 950e6b84 | taeseongkim | } |
6562 | 65674874 | taeseongkim | .offcanvas.offcanvas-start { |
6563 | top: 0; |
||
6564 | left: 0; |
||
6565 | width: var(--bs-offcanvas-width); |
||
6566 | border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6567 | transform: translateX(-100%); |
||
6568 | 950e6b84 | taeseongkim | } |
6569 | 65674874 | taeseongkim | .offcanvas.offcanvas-end { |
6570 | top: 0; |
||
6571 | right: 0; |
||
6572 | width: var(--bs-offcanvas-width); |
||
6573 | border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6574 | transform: translateX(100%); |
||
6575 | 950e6b84 | taeseongkim | } |
6576 | 65674874 | taeseongkim | .offcanvas.offcanvas-top { |
6577 | top: 0; |
||
6578 | right: 0; |
||
6579 | left: 0; |
||
6580 | height: var(--bs-offcanvas-height); |
||
6581 | max-height: 100%; |
||
6582 | border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6583 | transform: translateY(-100%); |
||
6584 | 950e6b84 | taeseongkim | } |
6585 | 65674874 | taeseongkim | .offcanvas.offcanvas-bottom { |
6586 | right: 0; |
||
6587 | left: 0; |
||
6588 | height: var(--bs-offcanvas-height); |
||
6589 | max-height: 100%; |
||
6590 | border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); |
||
6591 | transform: translateY(100%); |
||
6592 | 950e6b84 | taeseongkim | } |
6593 | 65674874 | taeseongkim | .offcanvas.showing, .offcanvas.show:not(.hiding) { |
6594 | transform: none; |
||
6595 | 950e6b84 | taeseongkim | } |
6596 | 65674874 | taeseongkim | .offcanvas.showing, .offcanvas.hiding, .offcanvas.show { |
6597 | visibility: visible; |
||
6598 | 950e6b84 | taeseongkim | } |
6599 | 65674874 | taeseongkim | |
6600 | .offcanvas-backdrop {
|
||
6601 | position: fixed; |
||
6602 | top: 0; |
||
6603 | left: 0; |
||
6604 | z-index: 1040; |
||
6605 | width: 100vw; |
||
6606 | height: 100vh; |
||
6607 | background-color: #000; |
||
6608 | 950e6b84 | taeseongkim | } |
6609 | 65674874 | taeseongkim | .offcanvas-backdrop.fade { |
6610 | opacity: 0; |
||
6611 | } |
||
6612 | .offcanvas-backdrop.show { |
||
6613 | opacity: 0.5; |
||
6614 | } |
||
6615 | |||
6616 | .offcanvas-header {
|
||
6617 | display: flex; |
||
6618 | align-items: center; |
||
6619 | justify-content: space-between; |
||
6620 | padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); |
||
6621 | } |
||
6622 | .offcanvas-header .btn-close { |
||
6623 | padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); |
||
6624 | margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y)); |
||
6625 | margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x)); |
||
6626 | margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y)); |
||
6627 | } |
||
6628 | |||
6629 | .offcanvas-title {
|
||
6630 | 950e6b84 | taeseongkim | margin-bottom: 0; |
6631 | 65674874 | taeseongkim | line-height: 1.5; |
6632 | 950e6b84 | taeseongkim | } |
6633 | 65674874 | taeseongkim | |
6634 | .offcanvas-body {
|
||
6635 | flex-grow: 1; |
||
6636 | padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); |
||
6637 | overflow-y: auto; |
||
6638 | 950e6b84 | taeseongkim | } |
6639 | 65674874 | taeseongkim | |
6640 | .placeholder {
|
||
6641 | display: inline-block; |
||
6642 | min-height: 1em; |
||
6643 | vertical-align: middle; |
||
6644 | cursor: wait; |
||
6645 | background-color: currentcolor; |
||
6646 | opacity: 0.5; |
||
6647 | 950e6b84 | taeseongkim | } |
6648 | 65674874 | taeseongkim | .placeholder.btn::before { |
6649 | display: inline-block; |
||
6650 | content: ""; |
||
6651 | 950e6b84 | taeseongkim | } |
6652 | 65674874 | taeseongkim | |
6653 | .placeholder-xs {
|
||
6654 | min-height: 0.6em; |
||
6655 | 950e6b84 | taeseongkim | } |
6656 | 65674874 | taeseongkim | |
6657 | .placeholder-sm {
|
||
6658 | min-height: 0.8em; |
||
6659 | 950e6b84 | taeseongkim | } |
6660 | 65674874 | taeseongkim | |
6661 | .placeholder-lg {
|
||
6662 | min-height: 1.2em; |
||
6663 | 950e6b84 | taeseongkim | } |
6664 | 65674874 | taeseongkim | |
6665 | .placeholder-glow .placeholder { |
||
6666 | animation: placeholder-glow 2s ease-in-out infinite; |
||
6667 | 950e6b84 | taeseongkim | } |
6668 | 65674874 | taeseongkim | |
6669 | @keyframes placeholder-glow { |
||
6670 | 50% {
|
||
6671 | opacity: 0.2; |
||
6672 | } |
||
6673 | 950e6b84 | taeseongkim | } |
6674 | 65674874 | taeseongkim | .placeholder-wave {
|
6675 | -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); |
||
6676 | mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); |
||
6677 | -webkit-mask-size: 200% 100%; |
||
6678 | mask-size: 200% 100%; |
||
6679 | animation: placeholder-wave 2s linear infinite; |
||
6680 | 950e6b84 | taeseongkim | } |
6681 | 65674874 | taeseongkim | |
6682 | @keyframes placeholder-wave { |
||
6683 | 100% {
|
||
6684 | -webkit-mask-position: -200% 0%; |
||
6685 | mask-position: -200% 0%; |
||
6686 | } |
||
6687 | 950e6b84 | taeseongkim | } |
6688 | 65674874 | taeseongkim | .clearfix::after { |
6689 | display: block; |
||
6690 | clear: both; |
||
6691 | content: ""; |
||
6692 | 950e6b84 | taeseongkim | } |
6693 | 65674874 | taeseongkim | |
6694 | .text-bg-primary {
|
||
6695 | color: #fff !important; |
||
6696 | background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important; |
||
6697 | 950e6b84 | taeseongkim | } |
6698 | 65674874 | taeseongkim | |
6699 | .text-bg-secondary {
|
||
6700 | color: #fff !important; |
||
6701 | background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important; |
||
6702 | 950e6b84 | taeseongkim | } |
6703 | 65674874 | taeseongkim | |
6704 | .text-bg-success {
|
||
6705 | color: #fff !important; |
||
6706 | background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important; |
||
6707 | 950e6b84 | taeseongkim | } |
6708 | 65674874 | taeseongkim | |
6709 | .text-bg-info {
|
||
6710 | color: #000 !important; |
||
6711 | background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important; |
||
6712 | 950e6b84 | taeseongkim | } |
6713 | 65674874 | taeseongkim | |
6714 | .text-bg-warning {
|
||
6715 | color: #000 !important; |
||
6716 | background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important; |
||
6717 | 950e6b84 | taeseongkim | } |
6718 | 65674874 | taeseongkim | |
6719 | .text-bg-danger {
|
||
6720 | color: #fff !important; |
||
6721 | background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important; |
||
6722 | 950e6b84 | taeseongkim | } |
6723 | 65674874 | taeseongkim | |
6724 | .text-bg-light {
|
||
6725 | color: #000 !important; |
||
6726 | background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important; |
||
6727 | 950e6b84 | taeseongkim | } |
6728 | 65674874 | taeseongkim | |
6729 | .text-bg-dark {
|
||
6730 | color: #fff !important; |
||
6731 | background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important; |
||
6732 | 950e6b84 | taeseongkim | } |
6733 | 65674874 | taeseongkim | |
6734 | .link-primary {
|
||
6735 | color: #0d6efd !important; |
||
6736 | 950e6b84 | taeseongkim | } |
6737 | 65674874 | taeseongkim | .link-primary:hover, .link-primary:focus { |
6738 | color: #0a58ca !important; |
||
6739 | 950e6b84 | taeseongkim | } |
6740 | 65674874 | taeseongkim | |
6741 | .link-secondary {
|
||
6742 | color: #6c757d !important; |
||
6743 | 950e6b84 | taeseongkim | } |
6744 | 65674874 | taeseongkim | .link-secondary:hover, .link-secondary:focus { |
6745 | color: #565e64 !important; |
||
6746 | 950e6b84 | taeseongkim | } |
6747 | 65674874 | taeseongkim | |
6748 | .link-success {
|
||
6749 | color: #198754 !important; |
||
6750 | 950e6b84 | taeseongkim | } |
6751 | 65674874 | taeseongkim | .link-success:hover, .link-success:focus { |
6752 | color: #146c43 !important; |
||
6753 | 950e6b84 | taeseongkim | } |
6754 | 65674874 | taeseongkim | |
6755 | .link-info {
|
||
6756 | color: #0dcaf0 !important; |
||
6757 | 950e6b84 | taeseongkim | } |
6758 | 65674874 | taeseongkim | .link-info:hover, .link-info:focus { |
6759 | color: #3dd5f3 !important; |
||
6760 | 950e6b84 | taeseongkim | } |
6761 | 65674874 | taeseongkim | |
6762 | .link-warning {
|
||
6763 | color: #ffc107 !important; |
||
6764 | 950e6b84 | taeseongkim | } |
6765 | 65674874 | taeseongkim | .link-warning:hover, .link-warning:focus { |
6766 | color: #ffcd39 !important; |
||
6767 | 950e6b84 | taeseongkim | } |
6768 | 65674874 | taeseongkim | |
6769 | .link-danger {
|
||
6770 | color: #dc3545 !important; |
||
6771 | 950e6b84 | taeseongkim | } |
6772 | 65674874 | taeseongkim | .link-danger:hover, .link-danger:focus { |
6773 | color: #b02a37 !important; |
||
6774 | 950e6b84 | taeseongkim | } |
6775 | 65674874 | taeseongkim | |
6776 | .link-light {
|
||
6777 | color: #f8f9fa !important; |
||
6778 | 950e6b84 | taeseongkim | } |
6779 | 65674874 | taeseongkim | .link-light:hover, .link-light:focus { |
6780 | color: #f9fafb !important; |
||
6781 | 950e6b84 | taeseongkim | } |
6782 | 65674874 | taeseongkim | |
6783 | .link-dark {
|
||
6784 | color: #212529 !important; |
||
6785 | 950e6b84 | taeseongkim | } |
6786 | 65674874 | taeseongkim | .link-dark:hover, .link-dark:focus { |
6787 | color: #1a1e21 !important; |
||
6788 | 950e6b84 | taeseongkim | } |
6789 | 65674874 | taeseongkim | |
6790 | .ratio {
|
||
6791 | position: relative; |
||
6792 | width: 100%; |
||
6793 | 950e6b84 | taeseongkim | } |
6794 | 65674874 | taeseongkim | .ratio::before { |
6795 | 950e6b84 | taeseongkim | display: block; |
6796 | 65674874 | taeseongkim | padding-top: var(--bs-aspect-ratio); |
6797 | content: ""; |
||
6798 | 950e6b84 | taeseongkim | } |
6799 | 65674874 | taeseongkim | .ratio > * { |
6800 | position: absolute; |
||
6801 | top: 0; |
||
6802 | left: 0; |
||
6803 | width: 100%; |
||
6804 | height: 100%; |
||
6805 | 950e6b84 | taeseongkim | } |
6806 | 65674874 | taeseongkim | |
6807 | .ratio-1x1 {
|
||
6808 | --bs-aspect-ratio: 100%; |
||
6809 | 950e6b84 | taeseongkim | } |
6810 | 65674874 | taeseongkim | |
6811 | .ratio-4x3 {
|
||
6812 | --bs-aspect-ratio: 75%; |
||
6813 | 950e6b84 | taeseongkim | } |
6814 | 65674874 | taeseongkim | |
6815 | .ratio-16x9 {
|
||
6816 | --bs-aspect-ratio: 56.25%; |
||
6817 | 950e6b84 | taeseongkim | } |
6818 | 65674874 | taeseongkim | |
6819 | .ratio-21x9 {
|
||
6820 | --bs-aspect-ratio: 42.8571428571%; |
||
6821 | 950e6b84 | taeseongkim | } |
6822 | 65674874 | taeseongkim | |
6823 | .fixed-top {
|
||
6824 | position: fixed; |
||
6825 | top: 0; |
||
6826 | right: 0; |
||
6827 | left: 0; |
||
6828 | z-index: 1030; |
||
6829 | 950e6b84 | taeseongkim | } |
6830 | 65674874 | taeseongkim | |
6831 | .fixed-bottom {
|
||
6832 | 950e6b84 | taeseongkim | position: fixed; |
6833 | right: 0; |
||
6834 | 65674874 | taeseongkim | bottom: 0; |
6835 | 950e6b84 | taeseongkim | left: 0; |
6836 | z-index: 1030; |
||
6837 | } |
||
6838 | 65674874 | taeseongkim | |
6839 | .sticky-top {
|
||
6840 | position: -webkit-sticky; |
||
6841 | position: sticky; |
||
6842 | top: 0; |
||
6843 | z-index: 1020; |
||
6844 | } |
||
6845 | |||
6846 | .sticky-bottom {
|
||
6847 | position: -webkit-sticky; |
||
6848 | position: sticky; |
||
6849 | bottom: 0; |
||
6850 | z-index: 1020; |
||
6851 | 950e6b84 | taeseongkim | } |
6852 | 65674874 | taeseongkim | |
6853 | @media (min-width: 576px) { |
||
6854 | .sticky-sm-top {
|
||
6855 | position: -webkit-sticky; |
||
6856 | position: sticky; |
||
6857 | top: 0; |
||
6858 | z-index: 1020; |
||
6859 | } |
||
6860 | .sticky-sm-bottom {
|
||
6861 | position: -webkit-sticky; |
||
6862 | position: sticky; |
||
6863 | bottom: 0; |
||
6864 | z-index: 1020; |
||
6865 | 950e6b84 | taeseongkim | } |
6866 | } |
||
6867 | @media (min-width: 768px) { |
||
6868 | 65674874 | taeseongkim | .sticky-md-top {
|
6869 | position: -webkit-sticky; |
||
6870 | position: sticky; |
||
6871 | top: 0; |
||
6872 | z-index: 1020; |
||
6873 | } |
||
6874 | .sticky-md-bottom {
|
||
6875 | position: -webkit-sticky; |
||
6876 | position: sticky; |
||
6877 | bottom: 0; |
||
6878 | z-index: 1020; |
||
6879 | 950e6b84 | taeseongkim | } |
6880 | } |
||
6881 | 65674874 | taeseongkim | @media (min-width: 992px) { |
6882 | .sticky-lg-top {
|
||
6883 | position: -webkit-sticky; |
||
6884 | position: sticky; |
||
6885 | top: 0; |
||
6886 | z-index: 1020; |
||
6887 | } |
||
6888 | .sticky-lg-bottom {
|
||
6889 | position: -webkit-sticky; |
||
6890 | position: sticky; |
||
6891 | bottom: 0; |
||
6892 | z-index: 1020; |
||
6893 | } |
||
6894 | } |
||
6895 | @media (min-width: 1200px) { |
||
6896 | .sticky-xl-top {
|
||
6897 | position: -webkit-sticky; |
||
6898 | position: sticky; |
||
6899 | top: 0; |
||
6900 | z-index: 1020; |
||
6901 | } |
||
6902 | .sticky-xl-bottom {
|
||
6903 | position: -webkit-sticky; |
||
6904 | position: sticky; |
||
6905 | bottom: 0; |
||
6906 | z-index: 1020; |
||
6907 | } |
||
6908 | 950e6b84 | taeseongkim | } |
6909 | 65674874 | taeseongkim | @media (min-width: 1400px) { |
6910 | .sticky-xxl-top {
|
||
6911 | position: -webkit-sticky; |
||
6912 | position: sticky; |
||
6913 | top: 0; |
||
6914 | z-index: 1020; |
||
6915 | } |
||
6916 | .sticky-xxl-bottom {
|
||
6917 | position: -webkit-sticky; |
||
6918 | position: sticky; |
||
6919 | bottom: 0; |
||
6920 | z-index: 1020; |
||
6921 | } |
||
6922 | } |
||
6923 | .hstack {
|
||
6924 | display: flex; |
||
6925 | flex-direction: row; |
||
6926 | align-items: center; |
||
6927 | align-self: stretch; |
||
6928 | } |
||
6929 | |||
6930 | .vstack {
|
||
6931 | display: flex; |
||
6932 | flex: 1 1 auto; |
||
6933 | flex-direction: column; |
||
6934 | align-self: stretch; |
||
6935 | } |
||
6936 | |||
6937 | .visually-hidden,
|
||
6938 | .visually-hidden-focusable:not(:focus):not(:focus-within) { |
||
6939 | position: absolute !important; |
||
6940 | width: 1px !important; |
||
6941 | height: 1px !important; |
||
6942 | padding: 0 !important; |
||
6943 | margin: -1px !important; |
||
6944 | overflow: hidden !important; |
||
6945 | clip: rect(0, 0, 0, 0) !important; |
||
6946 | white-space: nowrap !important; |
||
6947 | border: 0 !important; |
||
6948 | } |
||
6949 | |||
6950 | .stretched-link::after { |
||
6951 | position: absolute; |
||
6952 | top: 0; |
||
6953 | right: 0; |
||
6954 | 950e6b84 | taeseongkim | bottom: 0; |
6955 | 65674874 | taeseongkim | left: 0; |
6956 | z-index: 1; |
||
6957 | content: ""; |
||
6958 | 950e6b84 | taeseongkim | } |
6959 | 65674874 | taeseongkim | |
6960 | .text-truncate {
|
||
6961 | overflow: hidden; |
||
6962 | text-overflow: ellipsis; |
||
6963 | white-space: nowrap; |
||
6964 | 950e6b84 | taeseongkim | } |
6965 | 65674874 | taeseongkim | |
6966 | .vr {
|
||
6967 | display: inline-block; |
||
6968 | align-self: stretch; |
||
6969 | width: 1px; |
||
6970 | min-height: 1em; |
||
6971 | background-color: currentcolor; |
||
6972 | opacity: 0.25; |
||
6973 | 950e6b84 | taeseongkim | } |
6974 | 65674874 | taeseongkim | |
6975 | .align-baseline {
|
||
6976 | vertical-align: baseline !important; |
||
6977 | 950e6b84 | taeseongkim | } |
6978 | 65674874 | taeseongkim | |
6979 | .align-top {
|
||
6980 | vertical-align: top !important; |
||
6981 | 950e6b84 | taeseongkim | } |
6982 | 65674874 | taeseongkim | |
6983 | .align-middle {
|
||
6984 | vertical-align: middle !important; |
||
6985 | 950e6b84 | taeseongkim | } |
6986 | 65674874 | taeseongkim | |
6987 | .align-bottom {
|
||
6988 | vertical-align: bottom !important; |
||
6989 | 950e6b84 | taeseongkim | } |
6990 | 65674874 | taeseongkim | |
6991 | .align-text-bottom {
|
||
6992 | vertical-align: text-bottom !important; |
||
6993 | 950e6b84 | taeseongkim | } |
6994 | 65674874 | taeseongkim | |
6995 | .align-text-top {
|
||
6996 | vertical-align: text-top !important; |
||
6997 | 950e6b84 | taeseongkim | } |
6998 | 65674874 | taeseongkim | |
6999 | .float-start {
|
||
7000 | float: left !important; |
||
7001 | 950e6b84 | taeseongkim | } |
7002 | 65674874 | taeseongkim | |
7003 | .float-end {
|
||
7004 | float: right !important; |
||
7005 | 950e6b84 | taeseongkim | } |
7006 | 65674874 | taeseongkim | |
7007 | .float-none {
|
||
7008 | float: none !important; |
||
7009 | 950e6b84 | taeseongkim | } |
7010 | 65674874 | taeseongkim | |
7011 | .opacity-0 {
|
||
7012 | opacity: 0 !important; |
||
7013 | 950e6b84 | taeseongkim | } |
7014 | 65674874 | taeseongkim | |
7015 | .opacity-25 {
|
||
7016 | opacity: 0.25 !important; |
||
7017 | 950e6b84 | taeseongkim | } |
7018 | 65674874 | taeseongkim | |
7019 | .opacity-50 {
|
||
7020 | opacity: 0.5 !important; |
||
7021 | 950e6b84 | taeseongkim | } |
7022 | 65674874 | taeseongkim | |
7023 | .opacity-75 {
|
||
7024 | opacity: 0.75 !important; |
||
7025 | 950e6b84 | taeseongkim | } |
7026 | 65674874 | taeseongkim | |
7027 | .opacity-100 {
|
||
7028 | opacity: 1 !important; |
||
7029 | 950e6b84 | taeseongkim | } |
7030 | 65674874 | taeseongkim | |
7031 | .overflow-auto {
|
||
7032 | overflow: auto !important; |
||
7033 | 950e6b84 | taeseongkim | } |
7034 | 65674874 | taeseongkim | |
7035 | .overflow-hidden {
|
||
7036 | overflow: hidden !important; |
||
7037 | 950e6b84 | taeseongkim | } |
7038 | 65674874 | taeseongkim | |
7039 | .overflow-visible {
|
||
7040 | overflow: visible !important; |
||
7041 | 950e6b84 | taeseongkim | } |
7042 | 65674874 | taeseongkim | |
7043 | .overflow-scroll {
|
||
7044 | overflow: scroll !important; |
||
7045 | 950e6b84 | taeseongkim | } |
7046 | 65674874 | taeseongkim | |
7047 | .d-inline {
|
||
7048 | display: inline !important; |
||
7049 | 950e6b84 | taeseongkim | } |
7050 | 65674874 | taeseongkim | |
7051 | .d-inline-block {
|
||
7052 | display: inline-block !important; |
||
7053 | 950e6b84 | taeseongkim | } |
7054 | 65674874 | taeseongkim | |
7055 | .d-block {
|
||
7056 | display: block !important; |
||
7057 | 950e6b84 | taeseongkim | } |
7058 | 65674874 | taeseongkim | |
7059 | .d-grid {
|
||
7060 | display: grid !important; |
||
7061 | 950e6b84 | taeseongkim | } |
7062 | 65674874 | taeseongkim | |
7063 | .d-table {
|
||
7064 | display: table !important; |
||
7065 | 950e6b84 | taeseongkim | } |
7066 | 65674874 | taeseongkim | |
7067 | .d-table-row {
|
||
7068 | display: table-row !important; |
||
7069 | 950e6b84 | taeseongkim | } |
7070 | 65674874 | taeseongkim | |
7071 | .d-table-cell {
|
||
7072 | display: table-cell !important; |
||
7073 | 950e6b84 | taeseongkim | } |
7074 | 65674874 | taeseongkim | |
7075 | .d-flex {
|
||
7076 | display: flex !important; |
||
7077 | 950e6b84 | taeseongkim | } |
7078 | 65674874 | taeseongkim | |
7079 | .d-inline-flex {
|
||
7080 | display: inline-flex !important; |
||
7081 | 950e6b84 | taeseongkim | } |
7082 | 65674874 | taeseongkim | |
7083 | .d-none {
|
||
7084 | display: none !important; |
||
7085 | 950e6b84 | taeseongkim | } |
7086 | 65674874 | taeseongkim | |
7087 | .shadow {
|
||
7088 | box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; |
||
7089 | 950e6b84 | taeseongkim | } |
7090 | 65674874 | taeseongkim | |
7091 | .shadow-sm {
|
||
7092 | box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; |
||
7093 | 950e6b84 | taeseongkim | } |
7094 | 65674874 | taeseongkim | |
7095 | .shadow-lg {
|
||
7096 | box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; |
||
7097 | 950e6b84 | taeseongkim | } |
7098 | 65674874 | taeseongkim | |
7099 | .shadow-none {
|
||
7100 | box-shadow: none !important; |
||
7101 | 950e6b84 | taeseongkim | } |
7102 | 65674874 | taeseongkim | |
7103 | .position-static {
|
||
7104 | position: static !important; |
||
7105 | 950e6b84 | taeseongkim | } |
7106 | 65674874 | taeseongkim | |
7107 | .position-relative {
|
||
7108 | position: relative !important; |
||
7109 | 950e6b84 | taeseongkim | } |
7110 | 65674874 | taeseongkim | |
7111 | .position-absolute {
|
||
7112 | position: absolute !important; |
||
7113 | 950e6b84 | taeseongkim | } |
7114 | 65674874 | taeseongkim | |
7115 | .position-fixed {
|
||
7116 | position: fixed !important; |
||
7117 | 950e6b84 | taeseongkim | } |
7118 | 65674874 | taeseongkim | |
7119 | .position-sticky {
|
||
7120 | position: -webkit-sticky !important; |
||
7121 | position: sticky !important; |
||
7122 | 950e6b84 | taeseongkim | } |
7123 | 65674874 | taeseongkim | |
7124 | .top-0 {
|
||
7125 | top: 0 !important; |
||
7126 | 950e6b84 | taeseongkim | } |
7127 | 65674874 | taeseongkim | |
7128 | .top-50 {
|
||
7129 | top: 50% !important; |
||
7130 | 950e6b84 | taeseongkim | } |
7131 | 65674874 | taeseongkim | |
7132 | .top-100 {
|
||
7133 | top: 100% !important; |
||
7134 | 950e6b84 | taeseongkim | } |
7135 | 65674874 | taeseongkim | |
7136 | .bottom-0 {
|
||
7137 | bottom: 0 !important; |
||
7138 | 950e6b84 | taeseongkim | } |
7139 | 65674874 | taeseongkim | |
7140 | .bottom-50 {
|
||
7141 | bottom: 50% !important; |
||
7142 | 950e6b84 | taeseongkim | } |
7143 | 65674874 | taeseongkim | |
7144 | .bottom-100 {
|
||
7145 | bottom: 100% !important; |
||
7146 | } |
||
7147 | |||
7148 | .start-0 {
|
||
7149 | left: 0 !important; |
||
7150 | } |
||
7151 | |||
7152 | .start-50 {
|
||
7153 | left: 50% !important; |
||
7154 | } |
||
7155 | |||
7156 | .start-100 {
|
||
7157 | left: 100% !important; |
||
7158 | } |
||
7159 | |||
7160 | .end-0 {
|
||
7161 | right: 0 !important; |
||
7162 | } |
||
7163 | |||
7164 | .end-50 {
|
||
7165 | right: 50% !important; |
||
7166 | } |
||
7167 | |||
7168 | .end-100 {
|
||
7169 | right: 100% !important; |
||
7170 | } |
||
7171 | |||
7172 | .translate-middle {
|
||
7173 | transform: translate(-50%, -50%) !important; |
||
7174 | } |
||
7175 | |||
7176 | .translate-middle-x {
|
||
7177 | transform: translateX(-50%) !important; |
||
7178 | } |
||
7179 | |||
7180 | .translate-middle-y {
|
||
7181 | transform: translateY(-50%) !important; |
||
7182 | } |
||
7183 | |||
7184 | .border {
|
||
7185 | border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; |
||
7186 | } |
||
7187 | |||
7188 | .border-0 {
|
||
7189 | border: 0 !important; |
||
7190 | } |
||
7191 | |||
7192 | .border-top {
|
||
7193 | border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; |
||
7194 | } |
||
7195 | |||
7196 | .border-top-0 {
|
||
7197 | border-top: 0 !important; |
||
7198 | } |
||
7199 | |||
7200 | .border-end {
|
||
7201 | border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; |
||
7202 | } |
||
7203 | |||
7204 | .border-end-0 {
|
||
7205 | border-right: 0 !important; |
||
7206 | } |
||
7207 | |||
7208 | .border-bottom {
|
||
7209 | border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; |
||
7210 | } |
||
7211 | |||
7212 | .border-bottom-0 {
|
||
7213 | border-bottom: 0 !important; |
||
7214 | } |
||
7215 | |||
7216 | .border-start {
|
||
7217 | border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; |
||
7218 | } |
||
7219 | |||
7220 | .border-start-0 {
|
||
7221 | border-left: 0 !important; |
||
7222 | } |
||
7223 | |||
7224 | .border-primary {
|
||
7225 | --bs-border-opacity: 1; |
||
7226 | border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; |
||
7227 | } |
||
7228 | |||
7229 | .border-secondary {
|
||
7230 | --bs-border-opacity: 1; |
||
7231 | border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; |
||
7232 | } |
||
7233 | |||
7234 | .border-success {
|
||
7235 | --bs-border-opacity: 1; |
||
7236 | border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; |
||
7237 | } |
||
7238 | |||
7239 | .border-info {
|
||
7240 | --bs-border-opacity: 1; |
||
7241 | border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; |
||
7242 | } |
||
7243 | |||
7244 | .border-warning {
|
||
7245 | --bs-border-opacity: 1; |
||
7246 | border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; |
||
7247 | } |
||
7248 | |||
7249 | .border-danger {
|
||
7250 | --bs-border-opacity: 1; |
||
7251 | border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; |
||
7252 | } |
||
7253 | |||
7254 | .border-light {
|
||
7255 | --bs-border-opacity: 1; |
||
7256 | border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; |
||
7257 | } |
||
7258 | |||
7259 | .border-dark {
|
||
7260 | --bs-border-opacity: 1; |
||
7261 | border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; |
||
7262 | } |
||
7263 | |||
7264 | .border-white {
|
||
7265 | --bs-border-opacity: 1; |
||
7266 | border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; |
||
7267 | } |
||
7268 | |||
7269 | .border-1 {
|
||
7270 | --bs-border-width: 1px; |
||
7271 | } |
||
7272 | |||
7273 | .border-2 {
|
||
7274 | --bs-border-width: 2px; |
||
7275 | } |
||
7276 | |||
7277 | .border-3 {
|
||
7278 | --bs-border-width: 3px; |
||
7279 | } |
||
7280 | |||
7281 | .border-4 {
|
||
7282 | --bs-border-width: 4px; |
||
7283 | } |
||
7284 | |||
7285 | .border-5 {
|
||
7286 | --bs-border-width: 5px; |
||
7287 | } |
||
7288 | |||
7289 | .border-opacity-10 {
|
||
7290 | --bs-border-opacity: 0.1; |
||
7291 | } |
||
7292 | |||
7293 | .border-opacity-25 {
|
||
7294 | --bs-border-opacity: 0.25; |
||
7295 | } |
||
7296 | |||
7297 | .border-opacity-50 {
|
||
7298 | --bs-border-opacity: 0.5; |
||
7299 | } |
||
7300 | |||
7301 | .border-opacity-75 {
|
||
7302 | --bs-border-opacity: 0.75; |
||
7303 | } |
||
7304 | |||
7305 | .border-opacity-100 {
|
||
7306 | --bs-border-opacity: 1; |
||
7307 | } |
||
7308 | |||
7309 | .w-25 {
|
||
7310 | width: 25% !important; |
||
7311 | } |
||
7312 | |||
7313 | .w-50 {
|
||
7314 | width: 50% !important; |
||
7315 | } |
||
7316 | |||
7317 | .w-75 {
|
||
7318 | width: 75% !important; |
||
7319 | } |
||
7320 | |||
7321 | .w-100 {
|
||
7322 | width: 100% !important; |
||
7323 | } |
||
7324 | |||
7325 | .w-auto {
|
||
7326 | width: auto !important; |
||
7327 | } |
||
7328 | |||
7329 | .mw-100 {
|
||
7330 | max-width: 100% !important; |
||
7331 | } |
||
7332 | |||
7333 | .vw-100 {
|
||
7334 | width: 100vw !important; |
||
7335 | } |
||
7336 | |||
7337 | .min-vw-100 {
|
||
7338 | min-width: 100vw !important; |
||
7339 | } |
||
7340 | |||
7341 | .h-25 {
|
||
7342 | height: 25% !important; |
||
7343 | } |
||
7344 | |||
7345 | .h-50 {
|
||
7346 | height: 50% !important; |
||
7347 | 950e6b84 | taeseongkim | } |
7348 | 65674874 | taeseongkim | |
7349 | .h-75 {
|
||
7350 | height: 75% !important; |
||
7351 | 950e6b84 | taeseongkim | } |
7352 | 65674874 | taeseongkim | |
7353 | .h-100 {
|
||
7354 | height: 100% !important; |
||
7355 | 950e6b84 | taeseongkim | } |
7356 | 65674874 | taeseongkim | |
7357 | .h-auto {
|
||
7358 | height: auto !important; |
||
7359 | 950e6b84 | taeseongkim | } |
7360 | 65674874 | taeseongkim | |
7361 | .mh-100 {
|
||
7362 | max-height: 100% !important; |
||
7363 | 950e6b84 | taeseongkim | } |
7364 | 65674874 | taeseongkim | |
7365 | .vh-100 {
|
||
7366 | height: 100vh !important; |
||
7367 | 950e6b84 | taeseongkim | } |
7368 | 65674874 | taeseongkim | |
7369 | .min-vh-100 {
|
||
7370 | min-height: 100vh !important; |
||
7371 | 950e6b84 | taeseongkim | } |
7372 | 65674874 | taeseongkim | |
7373 | .flex-fill {
|
||
7374 | flex: 1 1 auto !important; |
||
7375 | 950e6b84 | taeseongkim | } |
7376 | 65674874 | taeseongkim | |
7377 | .flex-row {
|
||
7378 | flex-direction: row !important; |
||
7379 | 950e6b84 | taeseongkim | } |
7380 | 65674874 | taeseongkim | |
7381 | .flex-column {
|
||
7382 | flex-direction: column !important; |
||
7383 | 950e6b84 | taeseongkim | } |
7384 | 65674874 | taeseongkim | |
7385 | .flex-row-reverse {
|
||
7386 | flex-direction: row-reverse !important; |
||
7387 | 950e6b84 | taeseongkim | } |
7388 | 65674874 | taeseongkim | |
7389 | .flex-column-reverse {
|
||
7390 | flex-direction: column-reverse !important; |
||
7391 | 950e6b84 | taeseongkim | } |
7392 | 65674874 | taeseongkim | |
7393 | .flex-grow-0 {
|
||
7394 | flex-grow: 0 !important; |
||
7395 | 950e6b84 | taeseongkim | } |
7396 | 65674874 | taeseongkim | |
7397 | .flex-grow-1 {
|
||
7398 | flex-grow: 1 !important; |
||
7399 | 950e6b84 | taeseongkim | } |
7400 | 65674874 | taeseongkim | |
7401 | .flex-shrink-0 {
|
||
7402 | flex-shrink: 0 !important; |
||
7403 | 950e6b84 | taeseongkim | } |
7404 | 65674874 | taeseongkim | |
7405 | .flex-shrink-1 {
|
||
7406 | flex-shrink: 1 !important; |
||
7407 | 950e6b84 | taeseongkim | } |
7408 | 65674874 | taeseongkim | |
7409 | .flex-wrap {
|
||
7410 | flex-wrap: wrap !important; |
||
7411 | 950e6b84 | taeseongkim | } |
7412 | 65674874 | taeseongkim | |
7413 | .flex-nowrap {
|
||
7414 | flex-wrap: nowrap !important; |
||
7415 | 950e6b84 | taeseongkim | } |
7416 | 65674874 | taeseongkim | |
7417 | .flex-wrap-reverse {
|
||
7418 | flex-wrap: wrap-reverse !important; |
||
7419 | 950e6b84 | taeseongkim | } |
7420 | 65674874 | taeseongkim | |
7421 | .justify-content-start {
|
||
7422 | justify-content: flex-start !important; |
||
7423 | 950e6b84 | taeseongkim | } |
7424 | 65674874 | taeseongkim | |
7425 | .justify-content-end {
|
||
7426 | justify-content: flex-end !important; |
||
7427 | 950e6b84 | taeseongkim | } |
7428 | 65674874 | taeseongkim | |
7429 | .justify-content-center {
|
||
7430 | justify-content: center !important; |
||
7431 | 950e6b84 | taeseongkim | } |
7432 | 65674874 | taeseongkim | |
7433 | .justify-content-between {
|
||
7434 | justify-content: space-between !important; |
||
7435 | 950e6b84 | taeseongkim | } |
7436 | 65674874 | taeseongkim | |
7437 | .justify-content-around {
|
||
7438 | justify-content: space-around !important; |
||
7439 | 950e6b84 | taeseongkim | } |
7440 | 65674874 | taeseongkim | |
7441 | .justify-content-evenly {
|
||
7442 | justify-content: space-evenly !important; |
||
7443 | 950e6b84 | taeseongkim | } |
7444 | 65674874 | taeseongkim | |
7445 | .align-items-start {
|
||
7446 | align-items: flex-start !important; |
||
7447 | 950e6b84 | taeseongkim | } |
7448 | 65674874 | taeseongkim | |
7449 | .align-items-end {
|
||
7450 | align-items: flex-end !important; |
||
7451 | 950e6b84 | taeseongkim | } |
7452 | 65674874 | taeseongkim | |
7453 | .align-items-center {
|
||
7454 | align-items: center !important; |
||
7455 | 950e6b84 | taeseongkim | } |
7456 | 65674874 | taeseongkim | |
7457 | .align-items-baseline {
|
||
7458 | align-items: baseline !important; |
||
7459 | 950e6b84 | taeseongkim | } |
7460 | 65674874 | taeseongkim | |
7461 | .align-items-stretch {
|
||
7462 | align-items: stretch !important; |
||
7463 | 950e6b84 | taeseongkim | } |
7464 | 65674874 | taeseongkim | |
7465 | .align-content-start {
|
||
7466 | align-content: flex-start !important; |
||
7467 | 950e6b84 | taeseongkim | } |
7468 | 65674874 | taeseongkim | |
7469 | .align-content-end {
|
||
7470 | align-content: flex-end !important; |
||
7471 | 950e6b84 | taeseongkim | } |
7472 | 65674874 | taeseongkim | |
7473 | .align-content-center {
|
||
7474 | align-content: center !important; |
||
7475 | 950e6b84 | taeseongkim | } |
7476 | 65674874 | taeseongkim | |
7477 | .align-content-between {
|
||
7478 | align-content: space-between !important; |
||
7479 | 950e6b84 | taeseongkim | } |
7480 | 65674874 | taeseongkim | |
7481 | .align-content-around {
|
||
7482 | align-content: space-around !important; |
||
7483 | 950e6b84 | taeseongkim | } |
7484 | 65674874 | taeseongkim | |
7485 | .align-content-stretch {
|
||
7486 | align-content: stretch !important; |
||
7487 | 950e6b84 | taeseongkim | } |
7488 | 65674874 | taeseongkim | |
7489 | .align-self-auto {
|
||
7490 | align-self: auto !important; |
||
7491 | 950e6b84 | taeseongkim | } |
7492 | 65674874 | taeseongkim | |
7493 | .align-self-start {
|
||
7494 | align-self: flex-start !important; |
||
7495 | } |
||
7496 | |||
7497 | .align-self-end {
|
||
7498 | align-self: flex-end !important; |
||
7499 | } |
||
7500 | |||
7501 | .align-self-center {
|
||
7502 | align-self: center !important; |
||
7503 | } |
||
7504 | |||
7505 | .align-self-baseline {
|
||
7506 | align-self: baseline !important; |
||
7507 | } |
||
7508 | |||
7509 | .align-self-stretch {
|
||
7510 | align-self: stretch !important; |
||
7511 | } |
||
7512 | |||
7513 | .order-first {
|
||
7514 | order: -1 !important; |
||
7515 | } |
||
7516 | |||
7517 | .order-0 {
|
||
7518 | order: 0 !important; |
||
7519 | } |
||
7520 | |||
7521 | .order-1 {
|
||
7522 | order: 1 !important; |
||
7523 | } |
||
7524 | |||
7525 | .order-2 {
|
||
7526 | order: 2 !important; |
||
7527 | } |
||
7528 | |||
7529 | .order-3 {
|
||
7530 | order: 3 !important; |
||
7531 | } |
||
7532 | |||
7533 | .order-4 {
|
||
7534 | order: 4 !important; |
||
7535 | } |
||
7536 | |||
7537 | .order-5 {
|
||
7538 | order: 5 !important; |
||
7539 | } |
||
7540 | |||
7541 | .order-last {
|
||
7542 | order: 6 !important; |
||
7543 | } |
||
7544 | |||
7545 | .m-0 {
|
||
7546 | margin: 0 !important; |
||
7547 | } |
||
7548 | |||
7549 | .m-1 {
|
||
7550 | margin: 0.25rem !important; |
||
7551 | } |
||
7552 | |||
7553 | .m-2 {
|
||
7554 | margin: 0.5rem !important; |
||
7555 | } |
||
7556 | |||
7557 | .m-3 {
|
||
7558 | margin: 1rem !important; |
||
7559 | } |
||
7560 | |||
7561 | .m-4 {
|
||
7562 | margin: 1.5rem !important; |
||
7563 | } |
||
7564 | |||
7565 | .m-5 {
|
||
7566 | margin: 3rem !important; |
||
7567 | } |
||
7568 | |||
7569 | .m-auto {
|
||
7570 | margin: auto !important; |
||
7571 | } |
||
7572 | |||
7573 | .mx-0 {
|
||
7574 | margin-right: 0 !important; |
||
7575 | margin-left: 0 !important; |
||
7576 | } |
||
7577 | |||
7578 | .mx-1 {
|
||
7579 | margin-right: 0.25rem !important; |
||
7580 | margin-left: 0.25rem !important; |
||
7581 | } |
||
7582 | |||
7583 | .mx-2 {
|
||
7584 | margin-right: 0.5rem !important; |
||
7585 | margin-left: 0.5rem !important; |
||
7586 | } |
||
7587 | |||
7588 | .mx-3 {
|
||
7589 | margin-right: 1rem !important; |
||
7590 | margin-left: 1rem !important; |
||
7591 | } |
||
7592 | |||
7593 | .mx-4 {
|
||
7594 | margin-right: 1.5rem !important; |
||
7595 | margin-left: 1.5rem !important; |
||
7596 | } |
||
7597 | |||
7598 | .mx-5 {
|
||
7599 | margin-right: 3rem !important; |
||
7600 | margin-left: 3rem !important; |
||
7601 | } |
||
7602 | |||
7603 | .mx-auto {
|
||
7604 | margin-right: auto !important; |
||
7605 | margin-left: auto !important; |
||
7606 | } |
||
7607 | |||
7608 | .my-0 {
|
||
7609 | margin-top: 0 !important; |
||
7610 | margin-bottom: 0 !important; |
||
7611 | } |
||
7612 | |||
7613 | .my-1 {
|
||
7614 | margin-top: 0.25rem !important; |
||
7615 | margin-bottom: 0.25rem !important; |
||
7616 | } |
||
7617 | |||
7618 | .my-2 {
|
||
7619 | margin-top: 0.5rem !important; |
||
7620 | margin-bottom: 0.5rem !important; |
||
7621 | } |
||
7622 | |||
7623 | .my-3 {
|
||
7624 | margin-top: 1rem !important; |
||
7625 | margin-bottom: 1rem !important; |
||
7626 | } |
||
7627 | |||
7628 | .my-4 {
|
||
7629 | margin-top: 1.5rem !important; |
||
7630 | margin-bottom: 1.5rem !important; |
||
7631 | } |
||
7632 | |||
7633 | .my-5 {
|
||
7634 | margin-top: 3rem !important; |
||
7635 | margin-bottom: 3rem !important; |
||
7636 | } |
||
7637 | |||
7638 | .my-auto {
|
||
7639 | margin-top: auto !important; |
||
7640 | margin-bottom: auto !important; |
||
7641 | } |
||
7642 | |||
7643 | .mt-0 {
|
||
7644 | margin-top: 0 !important; |
||
7645 | } |
||
7646 | |||
7647 | .mt-1 {
|
||
7648 | margin-top: 0.25rem !important; |
||
7649 | } |
||
7650 | |||
7651 | .mt-2 {
|
||
7652 | margin-top: 0.5rem !important; |
||
7653 | } |
||
7654 | |||
7655 | .mt-3 {
|
||
7656 | margin-top: 1rem !important; |
||
7657 | } |
||
7658 | |||
7659 | .mt-4 {
|
||
7660 | margin-top: 1.5rem !important; |
||
7661 | } |
||
7662 | |||
7663 | .mt-5 {
|
||
7664 | margin-top: 3rem !important; |
||
7665 | } |
||
7666 | |||
7667 | .mt-auto {
|
||
7668 | margin-top: auto !important; |
||
7669 | } |
||
7670 | |||
7671 | .me-0 {
|
||
7672 | margin-right: 0 !important; |
||
7673 | } |
||
7674 | |||
7675 | .me-1 {
|
||
7676 | margin-right: 0.25rem !important; |
||
7677 | } |
||
7678 | |||
7679 | .me-2 {
|
||
7680 | margin-right: 0.5rem !important; |
||
7681 | } |
||
7682 | |||
7683 | .me-3 {
|
||
7684 | margin-right: 1rem !important; |
||
7685 | } |
||
7686 | |||
7687 | .me-4 {
|
||
7688 | margin-right: 1.5rem !important; |
||
7689 | } |
||
7690 | |||
7691 | .me-5 {
|
||
7692 | margin-right: 3rem !important; |
||
7693 | } |
||
7694 | |||
7695 | .me-auto {
|
||
7696 | margin-right: auto !important; |
||
7697 | } |
||
7698 | |||
7699 | .mb-0 {
|
||
7700 | margin-bottom: 0 !important; |
||
7701 | } |
||
7702 | |||
7703 | .mb-1 {
|
||
7704 | margin-bottom: 0.25rem !important; |
||
7705 | } |
||
7706 | |||
7707 | .mb-2 {
|
||
7708 | margin-bottom: 0.5rem !important; |
||
7709 | } |
||
7710 | |||
7711 | .mb-3 {
|
||
7712 | margin-bottom: 1rem !important; |
||
7713 | } |
||
7714 | |||
7715 | .mb-4 {
|
||
7716 | margin-bottom: 1.5rem !important; |
||
7717 | } |
||
7718 | |||
7719 | .mb-5 {
|
||
7720 | margin-bottom: 3rem !important; |
||
7721 | } |
||
7722 | |||
7723 | .mb-auto {
|
||
7724 | margin-bottom: auto !important; |
||
7725 | } |
||
7726 | |||
7727 | .ms-0 {
|
||
7728 | margin-left: 0 !important; |
||
7729 | } |
||
7730 | |||
7731 | .ms-1 {
|
||
7732 | margin-left: 0.25rem !important; |
||
7733 | } |
||
7734 | |||
7735 | .ms-2 {
|
||
7736 | margin-left: 0.5rem !important; |
||
7737 | } |
||
7738 | |||
7739 | .ms-3 {
|
||
7740 | margin-left: 1rem !important; |
||
7741 | } |
||
7742 | |||
7743 | .ms-4 {
|
||
7744 | margin-left: 1.5rem !important; |
||
7745 | } |
||
7746 | |||
7747 | .ms-5 {
|
||
7748 | margin-left: 3rem !important; |
||
7749 | } |
||
7750 | |||
7751 | .ms-auto {
|
||
7752 | margin-left: auto !important; |
||
7753 | } |
||
7754 | |||
7755 | .p-0 {
|
||
7756 | padding: 0 !important; |
||
7757 | } |
||
7758 | |||
7759 | .p-1 {
|
||
7760 | padding: 0.25rem !important; |
||
7761 | } |
||
7762 | |||
7763 | .p-2 {
|
||
7764 | padding: 0.5rem !important; |
||
7765 | } |
||
7766 | |||
7767 | .p-3 {
|
||
7768 | padding: 1rem !important; |
||
7769 | } |
||
7770 | |||
7771 | .p-4 {
|
||
7772 | padding: 1.5rem !important; |
||
7773 | } |
||
7774 | |||
7775 | .p-5 {
|
||
7776 | padding: 3rem !important; |
||
7777 | } |
||
7778 | |||
7779 | .px-0 {
|
||
7780 | padding-right: 0 !important; |
||
7781 | padding-left: 0 !important; |
||
7782 | } |
||
7783 | |||
7784 | .px-1 {
|
||
7785 | padding-right: 0.25rem !important; |
||
7786 | padding-left: 0.25rem !important; |
||
7787 | } |
||
7788 | |||
7789 | .px-2 {
|
||
7790 | padding-right: 0.5rem !important; |
||
7791 | padding-left: 0.5rem !important; |
||
7792 | } |
||
7793 | |||
7794 | .px-3 {
|
||
7795 | padding-right: 1rem !important; |
||
7796 | padding-left: 1rem !important; |
||
7797 | } |
||
7798 | |||
7799 | .px-4 {
|
||
7800 | padding-right: 1.5rem !important; |
||
7801 | padding-left: 1.5rem !important; |
||
7802 | } |
||
7803 | |||
7804 | .px-5 {
|
||
7805 | padding-right: 3rem !important; |
||
7806 | padding-left: 3rem !important; |
||
7807 | } |
||
7808 | |||
7809 | .py-0 {
|
||
7810 | padding-top: 0 !important; |
||
7811 | padding-bottom: 0 !important; |
||
7812 | } |
||
7813 | |||
7814 | .py-1 {
|
||
7815 | padding-top: 0.25rem !important; |
||
7816 | padding-bottom: 0.25rem !important; |
||
7817 | } |
||
7818 | |||
7819 | .py-2 {
|
||
7820 | padding-top: 0.5rem !important; |
||
7821 | padding-bottom: 0.5rem !important; |
||
7822 | } |
||
7823 | |||
7824 | .py-3 {
|
||
7825 | padding-top: 1rem !important; |
||
7826 | padding-bottom: 1rem !important; |
||
7827 | } |
||
7828 | |||
7829 | .py-4 {
|
||
7830 | padding-top: 1.5rem !important; |
||
7831 | padding-bottom: 1.5rem !important; |
||
7832 | } |
||
7833 | |||
7834 | .py-5 {
|
||
7835 | padding-top: 3rem !important; |
||
7836 | padding-bottom: 3rem !important; |
||
7837 | } |
||
7838 | |||
7839 | .pt-0 {
|
||
7840 | padding-top: 0 !important; |
||
7841 | } |
||
7842 | |||
7843 | .pt-1 {
|
||
7844 | padding-top: 0.25rem !important; |
||
7845 | } |
||
7846 | |||
7847 | .pt-2 {
|
||
7848 | padding-top: 0.5rem !important; |
||
7849 | } |
||
7850 | |||
7851 | .pt-3 {
|
||
7852 | padding-top: 1rem !important; |
||
7853 | } |
||
7854 | |||
7855 | .pt-4 {
|
||
7856 | padding-top: 1.5rem !important; |
||
7857 | } |
||
7858 | |||
7859 | .pt-5 {
|
||
7860 | padding-top: 3rem !important; |
||
7861 | } |
||
7862 | |||
7863 | .pe-0 {
|
||
7864 | padding-right: 0 !important; |
||
7865 | } |
||
7866 | |||
7867 | .pe-1 {
|
||
7868 | padding-right: 0.25rem !important; |
||
7869 | } |
||
7870 | |||
7871 | .pe-2 {
|
||
7872 | padding-right: 0.5rem !important; |
||
7873 | } |
||
7874 | |||
7875 | .pe-3 {
|
||
7876 | padding-right: 1rem !important; |
||
7877 | } |
||
7878 | |||
7879 | .pe-4 {
|
||
7880 | padding-right: 1.5rem !important; |
||
7881 | } |
||
7882 | |||
7883 | .pe-5 {
|
||
7884 | padding-right: 3rem !important; |
||
7885 | } |
||
7886 | |||
7887 | .pb-0 {
|
||
7888 | padding-bottom: 0 !important; |
||
7889 | } |
||
7890 | |||
7891 | .pb-1 {
|
||
7892 | padding-bottom: 0.25rem !important; |
||
7893 | } |
||
7894 | |||
7895 | .pb-2 {
|
||
7896 | padding-bottom: 0.5rem !important; |
||
7897 | } |
||
7898 | |||
7899 | .pb-3 {
|
||
7900 | padding-bottom: 1rem !important; |
||
7901 | } |
||
7902 | |||
7903 | .pb-4 {
|
||
7904 | padding-bottom: 1.5rem !important; |
||
7905 | } |
||
7906 | |||
7907 | .pb-5 {
|
||
7908 | padding-bottom: 3rem !important; |
||
7909 | } |
||
7910 | |||
7911 | .ps-0 {
|
||
7912 | padding-left: 0 !important; |
||
7913 | } |
||
7914 | |||
7915 | .ps-1 {
|
||
7916 | padding-left: 0.25rem !important; |
||
7917 | 950e6b84 | taeseongkim | } |
7918 | 65674874 | taeseongkim | |
7919 | .ps-2 {
|
||
7920 | padding-left: 0.5rem !important; |
||
7921 | 950e6b84 | taeseongkim | } |
7922 | 65674874 | taeseongkim | |
7923 | .ps-3 {
|
||
7924 | padding-left: 1rem !important; |
||
7925 | 950e6b84 | taeseongkim | } |
7926 | 65674874 | taeseongkim | |
7927 | .ps-4 {
|
||
7928 | padding-left: 1.5rem !important; |
||
7929 | 950e6b84 | taeseongkim | } |
7930 | 65674874 | taeseongkim | |
7931 | .ps-5 {
|
||
7932 | padding-left: 3rem !important; |
||
7933 | 950e6b84 | taeseongkim | } |
7934 | 65674874 | taeseongkim | |
7935 | .gap-0 {
|
||
7936 | gap: 0 !important; |
||
7937 | 950e6b84 | taeseongkim | } |
7938 | 65674874 | taeseongkim | |
7939 | .gap-1 {
|
||
7940 | gap: 0.25rem !important; |
||
7941 | 950e6b84 | taeseongkim | } |
7942 | 65674874 | taeseongkim | |
7943 | .gap-2 {
|
||
7944 | gap: 0.5rem !important; |
||
7945 | 950e6b84 | taeseongkim | } |
7946 | 65674874 | taeseongkim | |
7947 | .gap-3 {
|
||
7948 | gap: 1rem !important; |
||
7949 | 950e6b84 | taeseongkim | } |
7950 | 65674874 | taeseongkim | |
7951 | .gap-4 {
|
||
7952 | gap: 1.5rem !important; |
||
7953 | 950e6b84 | taeseongkim | } |
7954 | 65674874 | taeseongkim | |
7955 | .gap-5 {
|
||
7956 | gap: 3rem !important; |
||
7957 | 950e6b84 | taeseongkim | } |
7958 | 65674874 | taeseongkim | |
7959 | .font-monospace {
|
||
7960 | font-family: var(--bs-font-monospace) !important; |
||
7961 | 950e6b84 | taeseongkim | } |
7962 | 65674874 | taeseongkim | |
7963 | .fs-1 {
|
||
7964 | font-size: calc(1.375rem + 1.5vw) !important; |
||
7965 | 950e6b84 | taeseongkim | } |
7966 | 65674874 | taeseongkim | |
7967 | .fs-2 {
|
||
7968 | font-size: calc(1.325rem + 0.9vw) !important; |
||
7969 | 950e6b84 | taeseongkim | } |
7970 | 65674874 | taeseongkim | |
7971 | .fs-3 {
|
||
7972 | font-size: calc(1.3rem + 0.6vw) !important; |
||
7973 | 950e6b84 | taeseongkim | } |
7974 | 65674874 | taeseongkim | |
7975 | .fs-4 {
|
||
7976 | font-size: calc(1.275rem + 0.3vw) !important; |
||
7977 | 950e6b84 | taeseongkim | } |
7978 | 65674874 | taeseongkim | |
7979 | .fs-5 {
|
||
7980 | font-size: 1.25rem !important; |
||
7981 | 950e6b84 | taeseongkim | } |
7982 | 65674874 | taeseongkim | |
7983 | .fs-6 {
|
||
7984 | font-size: 1rem !important; |
||
7985 | 950e6b84 | taeseongkim | } |
7986 | 65674874 | taeseongkim | |
7987 | .fst-italic {
|
||
7988 | font-style: italic !important; |
||
7989 | 950e6b84 | taeseongkim | } |
7990 | 65674874 | taeseongkim | |
7991 | .fst-normal {
|
||
7992 | font-style: normal !important; |
||
7993 | 950e6b84 | taeseongkim | } |
7994 | 65674874 | taeseongkim | |
7995 | .fw-light {
|
||
7996 | font-weight: 300 !important; |
||
7997 | 950e6b84 | taeseongkim | } |
7998 | 65674874 | taeseongkim | |
7999 | .fw-lighter {
|
||
8000 | font-weight: lighter !important; |
||
8001 | 950e6b84 | taeseongkim | } |
8002 | 65674874 | taeseongkim | |
8003 | .fw-normal {
|
||
8004 | font-weight: 400 !important; |
||
8005 | 950e6b84 | taeseongkim | } |
8006 | 65674874 | taeseongkim | |
8007 | .fw-bold {
|
||
8008 | font-weight: 700 !important; |
||
8009 | 950e6b84 | taeseongkim | } |
8010 | 65674874 | taeseongkim | |
8011 | .fw-semibold {
|
||
8012 | font-weight: 600 !important; |
||
8013 | 950e6b84 | taeseongkim | } |
8014 | 65674874 | taeseongkim | |
8015 | .fw-bolder {
|
||
8016 | font-weight: bolder !important; |
||
8017 | 950e6b84 | taeseongkim | } |
8018 | 65674874 | taeseongkim | |
8019 | .lh-1 {
|
||
8020 | line-height: 1 !important; |
||
8021 | 950e6b84 | taeseongkim | } |
8022 | 65674874 | taeseongkim | |
8023 | .lh-sm {
|
||
8024 | line-height: 1.25 !important; |
||
8025 | 950e6b84 | taeseongkim | } |
8026 | 65674874 | taeseongkim | |
8027 | .lh-base {
|
||
8028 | line-height: 1.5 !important; |
||
8029 | 950e6b84 | taeseongkim | } |
8030 | 65674874 | taeseongkim | |
8031 | .lh-lg {
|
||
8032 | line-height: 2 !important; |
||
8033 | 950e6b84 | taeseongkim | } |
8034 | 65674874 | taeseongkim | |
8035 | .text-start {
|
||
8036 | text-align: left !important; |
||
8037 | 950e6b84 | taeseongkim | } |
8038 | 65674874 | taeseongkim | |
8039 | .text-end {
|
||
8040 | text-align: right !important; |
||
8041 | 950e6b84 | taeseongkim | } |
8042 | 65674874 | taeseongkim | |
8043 | .text-center {
|
||
8044 | text-align: center !important; |
||
8045 | 950e6b84 | taeseongkim | } |
8046 | 65674874 | taeseongkim | |
8047 | .text-decoration-none {
|
||
8048 | text-decoration: none !important; |
||
8049 | 950e6b84 | taeseongkim | } |
8050 | 65674874 | taeseongkim | |
8051 | .text-decoration-underline {
|
||
8052 | text-decoration: underline !important; |
||
8053 | 950e6b84 | taeseongkim | } |
8054 | 65674874 | taeseongkim | |
8055 | .text-decoration-line-through {
|
||
8056 | text-decoration: line-through !important; |
||
8057 | 950e6b84 | taeseongkim | } |
8058 | 65674874 | taeseongkim | |
8059 | .text-lowercase {
|
||
8060 | text-transform: lowercase !important; |
||
8061 | 950e6b84 | taeseongkim | } |
8062 | 65674874 | taeseongkim | |
8063 | .text-uppercase {
|
||
8064 | text-transform: uppercase !important; |
||
8065 | 950e6b84 | taeseongkim | } |
8066 | 65674874 | taeseongkim | |
8067 | .text-capitalize {
|
||
8068 | text-transform: capitalize !important; |
||
8069 | 950e6b84 | taeseongkim | } |
8070 | 65674874 | taeseongkim | |
8071 | .text-wrap {
|
||
8072 | white-space: normal !important; |
||
8073 | 950e6b84 | taeseongkim | } |
8074 | 65674874 | taeseongkim | |
8075 | .text-nowrap {
|
||
8076 | white-space: nowrap !important; |
||
8077 | 950e6b84 | taeseongkim | } |
8078 | 65674874 | taeseongkim | |
8079 | /* rtl:begin:remove */
|
||
8080 | .text-break {
|
||
8081 | word-wrap: break-word !important; |
||
8082 | word-break: break-word !important; |
||
8083 | 950e6b84 | taeseongkim | } |
8084 | 65674874 | taeseongkim | |
8085 | /* rtl:end:remove */
|
||
8086 | .text-primary {
|
||
8087 | --bs-text-opacity: 1; |
||
8088 | color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; |
||
8089 | 950e6b84 | taeseongkim | } |
8090 | 65674874 | taeseongkim | |
8091 | .text-secondary {
|
||
8092 | --bs-text-opacity: 1; |
||
8093 | color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; |
||
8094 | 950e6b84 | taeseongkim | } |
8095 | 65674874 | taeseongkim | |
8096 | .text-success {
|
||
8097 | --bs-text-opacity: 1; |
||
8098 | color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; |
||
8099 | 950e6b84 | taeseongkim | } |
8100 | 65674874 | taeseongkim | |
8101 | .text-info {
|
||
8102 | --bs-text-opacity: 1; |
||
8103 | color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; |
||
8104 | 950e6b84 | taeseongkim | } |
8105 | 65674874 | taeseongkim | |
8106 | .text-warning {
|
||
8107 | --bs-text-opacity: 1; |
||
8108 | color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; |
||
8109 | 950e6b84 | taeseongkim | } |
8110 | 65674874 | taeseongkim | |
8111 | .text-danger {
|
||
8112 | --bs-text-opacity: 1; |
||
8113 | color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; |
||
8114 | } |
||
8115 | |||
8116 | .text-light {
|
||
8117 | --bs-text-opacity: 1; |
||
8118 | color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; |
||
8119 | } |
||
8120 | |||
8121 | .text-dark {
|
||
8122 | --bs-text-opacity: 1; |
||
8123 | color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; |
||
8124 | } |
||
8125 | |||
8126 | .text-black {
|
||
8127 | --bs-text-opacity: 1; |
||
8128 | color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; |
||
8129 | } |
||
8130 | |||
8131 | .text-white {
|
||
8132 | --bs-text-opacity: 1; |
||
8133 | color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; |
||
8134 | } |
||
8135 | |||
8136 | .text-body {
|
||
8137 | --bs-text-opacity: 1; |
||
8138 | color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; |
||
8139 | } |
||
8140 | |||
8141 | .text-muted {
|
||
8142 | --bs-text-opacity: 1; |
||
8143 | color: #6c757d !important; |
||
8144 | 950e6b84 | taeseongkim | } |
8145 | 65674874 | taeseongkim | |
8146 | .text-black-50 {
|
||
8147 | --bs-text-opacity: 1; |
||
8148 | color: rgba(0, 0, 0, 0.5) !important; |
||
8149 | 950e6b84 | taeseongkim | } |
8150 | 65674874 | taeseongkim | |
8151 | .text-white-50 {
|
||
8152 | --bs-text-opacity: 1; |
||
8153 | color: rgba(255, 255, 255, 0.5) !important; |
||
8154 | 950e6b84 | taeseongkim | } |
8155 | 65674874 | taeseongkim | |
8156 | .text-reset {
|
||
8157 | --bs-text-opacity: 1; |
||
8158 | color: inherit !important; |
||
8159 | 950e6b84 | taeseongkim | } |
8160 | 65674874 | taeseongkim | |
8161 | .text-opacity-25 {
|
||
8162 | --bs-text-opacity: 0.25; |
||
8163 | 950e6b84 | taeseongkim | } |
8164 | 65674874 | taeseongkim | |
8165 | .text-opacity-50 {
|
||
8166 | --bs-text-opacity: 0.5; |
||
8167 | 950e6b84 | taeseongkim | } |
8168 | 65674874 | taeseongkim | |
8169 | .text-opacity-75 {
|
||
8170 | --bs-text-opacity: 0.75; |
||
8171 | 950e6b84 | taeseongkim | } |
8172 | 65674874 | taeseongkim | |
8173 | .text-opacity-100 {
|
||
8174 | --bs-text-opacity: 1; |
||
8175 | 950e6b84 | taeseongkim | } |
8176 | 65674874 | taeseongkim | |
8177 | .bg-primary {
|
||
8178 | --bs-bg-opacity: 1; |
||
8179 | background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; |
||
8180 | 950e6b84 | taeseongkim | } |
8181 | 65674874 | taeseongkim | |
8182 | .bg-secondary {
|
||
8183 | --bs-bg-opacity: 1; |
||
8184 | background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; |
||
8185 | 950e6b84 | taeseongkim | } |
8186 | 65674874 | taeseongkim | |
8187 | .bg-success {
|
||
8188 | --bs-bg-opacity: 1; |
||
8189 | background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; |
||
8190 | } |
||
8191 | |||
8192 | .bg-info {
|
||
8193 | --bs-bg-opacity: 1; |
||
8194 | background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; |
||
8195 | } |
||
8196 | |||
8197 | .bg-warning {
|
||
8198 | --bs-bg-opacity: 1; |
||
8199 | background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; |
||
8200 | } |
||
8201 | |||
8202 | .bg-danger {
|
||
8203 | --bs-bg-opacity: 1; |
||
8204 | background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; |
||
8205 | } |
||
8206 | |||
8207 | .bg-light {
|
||
8208 | --bs-bg-opacity: 1; |
||
8209 | background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; |
||
8210 | } |
||
8211 | |||
8212 | .bg-dark {
|
||
8213 | --bs-bg-opacity: 1; |
||
8214 | background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; |
||
8215 | } |
||
8216 | |||
8217 | .bg-black {
|
||
8218 | --bs-bg-opacity: 1; |
||
8219 | background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; |
||
8220 | } |
||
8221 | |||
8222 | .bg-white {
|
||
8223 | --bs-bg-opacity: 1; |
||
8224 | background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; |
||
8225 | } |
||
8226 | |||
8227 | .bg-body {
|
||
8228 | --bs-bg-opacity: 1; |
||
8229 | background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; |
||
8230 | } |
||
8231 | |||
8232 | .bg-transparent {
|
||
8233 | --bs-bg-opacity: 1; |
||
8234 | background-color: transparent !important; |
||
8235 | } |
||
8236 | |||
8237 | .bg-opacity-10 {
|
||
8238 | --bs-bg-opacity: 0.1; |
||
8239 | } |
||
8240 | |||
8241 | .bg-opacity-25 {
|
||
8242 | --bs-bg-opacity: 0.25; |
||
8243 | } |
||
8244 | |||
8245 | .bg-opacity-50 {
|
||
8246 | --bs-bg-opacity: 0.5; |
||
8247 | } |
||
8248 | |||
8249 | .bg-opacity-75 {
|
||
8250 | --bs-bg-opacity: 0.75; |
||
8251 | } |
||
8252 | |||
8253 | .bg-opacity-100 {
|
||
8254 | --bs-bg-opacity: 1; |
||
8255 | } |
||
8256 | |||
8257 | .bg-gradient {
|
||
8258 | background-image: var(--bs-gradient) !important; |
||
8259 | } |
||
8260 | |||
8261 | .user-select-all {
|
||
8262 | -webkit-user-select: all !important; |
||
8263 | -moz-user-select: all !important; |
||
8264 | user-select: all !important; |
||
8265 | } |
||
8266 | |||
8267 | .user-select-auto {
|
||
8268 | -webkit-user-select: auto !important; |
||
8269 | -moz-user-select: auto !important; |
||
8270 | user-select: auto !important; |
||
8271 | } |
||
8272 | |||
8273 | .user-select-none {
|
||
8274 | -webkit-user-select: none !important; |
||
8275 | -moz-user-select: none !important; |
||
8276 | user-select: none !important; |
||
8277 | } |
||
8278 | |||
8279 | .pe-none {
|
||
8280 | pointer-events: none !important; |
||
8281 | } |
||
8282 | |||
8283 | .pe-auto {
|
||
8284 | pointer-events: auto !important; |
||
8285 | } |
||
8286 | |||
8287 | .rounded {
|
||
8288 | border-radius: var(--bs-border-radius) !important; |
||
8289 | } |
||
8290 | |||
8291 | .rounded-0 {
|
||
8292 | border-radius: 0 !important; |
||
8293 | } |
||
8294 | |||
8295 | .rounded-1 {
|
||
8296 | border-radius: var(--bs-border-radius-sm) !important; |
||
8297 | } |
||
8298 | |||
8299 | .rounded-2 {
|
||
8300 | border-radius: var(--bs-border-radius) !important; |
||
8301 | } |
||
8302 | |||
8303 | .rounded-3 {
|
||
8304 | border-radius: var(--bs-border-radius-lg) !important; |
||
8305 | } |
||
8306 | |||
8307 | .rounded-4 {
|
||
8308 | border-radius: var(--bs-border-radius-xl) !important; |
||
8309 | } |
||
8310 | |||
8311 | .rounded-5 {
|
||
8312 | border-radius: var(--bs-border-radius-2xl) !important; |
||
8313 | } |
||
8314 | |||
8315 | .rounded-circle {
|
||
8316 | border-radius: 50% !important; |
||
8317 | } |
||
8318 | |||
8319 | .rounded-pill {
|
||
8320 | border-radius: var(--bs-border-radius-pill) !important; |
||
8321 | } |
||
8322 | |||
8323 | .rounded-top {
|
||
8324 | border-top-left-radius: var(--bs-border-radius) !important; |
||
8325 | border-top-right-radius: var(--bs-border-radius) !important; |
||
8326 | } |
||
8327 | |||
8328 | .rounded-end {
|
||
8329 | border-top-right-radius: var(--bs-border-radius) !important; |
||
8330 | border-bottom-right-radius: var(--bs-border-radius) !important; |
||
8331 | } |
||
8332 | |||
8333 | .rounded-bottom {
|
||
8334 | border-bottom-right-radius: var(--bs-border-radius) !important; |
||
8335 | border-bottom-left-radius: var(--bs-border-radius) !important; |
||
8336 | } |
||
8337 | |||
8338 | .rounded-start {
|
||
8339 | border-bottom-left-radius: var(--bs-border-radius) !important; |
||
8340 | border-top-left-radius: var(--bs-border-radius) !important; |
||
8341 | } |
||
8342 | |||
8343 | .visible {
|
||
8344 | visibility: visible !important; |
||
8345 | } |
||
8346 | |||
8347 | .invisible {
|
||
8348 | visibility: hidden !important; |
||
8349 | 950e6b84 | taeseongkim | } |
8350 | 65674874 | taeseongkim | |
8351 | @media (min-width: 576px) { |
||
8352 | .float-sm-start {
|
||
8353 | float: left !important; |
||
8354 | 950e6b84 | taeseongkim | } |
8355 | 65674874 | taeseongkim | .float-sm-end {
|
8356 | float: right !important; |
||
8357 | 950e6b84 | taeseongkim | } |
8358 | 65674874 | taeseongkim | .float-sm-none {
|
8359 | float: none !important; |
||
8360 | 950e6b84 | taeseongkim | } |
8361 | 65674874 | taeseongkim | .d-sm-inline {
|
8362 | display: inline !important; |
||
8363 | 950e6b84 | taeseongkim | } |
8364 | 65674874 | taeseongkim | .d-sm-inline-block {
|
8365 | display: inline-block !important; |
||
8366 | 950e6b84 | taeseongkim | } |
8367 | 65674874 | taeseongkim | .d-sm-block {
|
8368 | display: block !important; |
||
8369 | } |
||
8370 | .d-sm-grid {
|
||
8371 | display: grid !important; |
||
8372 | } |
||
8373 | .d-sm-table {
|
||
8374 | display: table !important; |
||
8375 | } |
||
8376 | .d-sm-table-row {
|
||
8377 | display: table-row !important; |
||
8378 | } |
||
8379 | .d-sm-table-cell {
|
||
8380 | display: table-cell !important; |
||
8381 | } |
||
8382 | .d-sm-flex {
|
||
8383 | display: flex !important; |
||
8384 | } |
||
8385 | .d-sm-inline-flex {
|
||
8386 | display: inline-flex !important; |
||
8387 | } |
||
8388 | .d-sm-none {
|
||
8389 | display: none !important; |
||
8390 | } |
||
8391 | .flex-sm-fill {
|
||
8392 | flex: 1 1 auto !important; |
||
8393 | } |
||
8394 | .flex-sm-row {
|
||
8395 | flex-direction: row !important; |
||
8396 | } |
||
8397 | .flex-sm-column {
|
||
8398 | flex-direction: column !important; |
||
8399 | } |
||
8400 | .flex-sm-row-reverse {
|
||
8401 | flex-direction: row-reverse !important; |
||
8402 | } |
||
8403 | .flex-sm-column-reverse {
|
||
8404 | flex-direction: column-reverse !important; |
||
8405 | } |
||
8406 | .flex-sm-grow-0 {
|
||
8407 | flex-grow: 0 !important; |
||
8408 | } |
||
8409 | .flex-sm-grow-1 {
|
||
8410 | flex-grow: 1 !important; |
||
8411 | } |
||
8412 | .flex-sm-shrink-0 {
|
||
8413 | flex-shrink: 0 !important; |
||
8414 | } |
||
8415 | .flex-sm-shrink-1 {
|
||
8416 | flex-shrink: 1 !important; |
||
8417 | } |
||
8418 | .flex-sm-wrap {
|
||
8419 | flex-wrap: wrap !important; |
||
8420 | } |
||
8421 | .flex-sm-nowrap {
|
||
8422 | flex-wrap: nowrap !important; |
||
8423 | } |
||
8424 | .flex-sm-wrap-reverse {
|
||
8425 | flex-wrap: wrap-reverse !important; |
||
8426 | } |
||
8427 | .justify-content-sm-start {
|
||
8428 | justify-content: flex-start !important; |
||
8429 | } |
||
8430 | .justify-content-sm-end {
|
||
8431 | justify-content: flex-end !important; |
||
8432 | } |
||
8433 | .justify-content-sm-center {
|
||
8434 | justify-content: center !important; |
||
8435 | } |
||
8436 | .justify-content-sm-between {
|
||
8437 | justify-content: space-between !important; |
||
8438 | } |
||
8439 | .justify-content-sm-around {
|
||
8440 | justify-content: space-around !important; |
||
8441 | } |
||
8442 | .justify-content-sm-evenly {
|
||
8443 | justify-content: space-evenly !important; |
||
8444 | } |
||
8445 | .align-items-sm-start {
|
||
8446 | align-items: flex-start !important; |
||
8447 | } |
||
8448 | .align-items-sm-end {
|
||
8449 | align-items: flex-end !important; |
||
8450 | } |
||
8451 | .align-items-sm-center {
|
||
8452 | align-items: center !important; |
||
8453 | } |
||
8454 | .align-items-sm-baseline {
|
||
8455 | align-items: baseline !important; |
||
8456 | } |
||
8457 | .align-items-sm-stretch {
|
||
8458 | align-items: stretch !important; |
||
8459 | } |
||
8460 | .align-content-sm-start {
|
||
8461 | align-content: flex-start !important; |
||
8462 | } |
||
8463 | .align-content-sm-end {
|
||
8464 | align-content: flex-end !important; |
||
8465 | } |
||
8466 | .align-content-sm-center {
|
||
8467 | align-content: center !important; |
||
8468 | } |
||
8469 | .align-content-sm-between {
|
||
8470 | align-content: space-between !important; |
||
8471 | } |
||
8472 | .align-content-sm-around {
|
||
8473 | align-content: space-around !important; |
||
8474 | } |
||
8475 | .align-content-sm-stretch {
|
||
8476 | align-content: stretch !important; |
||
8477 | } |
||
8478 | .align-self-sm-auto {
|
||
8479 | align-self: auto !important; |
||
8480 | } |
||
8481 | .align-self-sm-start {
|
||
8482 | align-self: flex-start !important; |
||
8483 | } |
||
8484 | .align-self-sm-end {
|
||
8485 | align-self: flex-end !important; |
||
8486 | } |
||
8487 | .align-self-sm-center {
|
||
8488 | align-self: center !important; |
||
8489 | } |
||
8490 | .align-self-sm-baseline {
|
||
8491 | align-self: baseline !important; |
||
8492 | } |
||
8493 | .align-self-sm-stretch {
|
||
8494 | align-self: stretch !important; |
||
8495 | } |
||
8496 | .order-sm-first {
|
||
8497 | order: -1 !important; |
||
8498 | } |
||
8499 | .order-sm-0 {
|
||
8500 | order: 0 !important; |
||
8501 | } |
||
8502 | .order-sm-1 {
|
||
8503 | order: 1 !important; |
||
8504 | } |
||
8505 | .order-sm-2 {
|
||
8506 | order: 2 !important; |
||
8507 | } |
||
8508 | .order-sm-3 {
|
||
8509 | order: 3 !important; |
||
8510 | } |
||
8511 | .order-sm-4 {
|
||
8512 | order: 4 !important; |
||
8513 | } |
||
8514 | .order-sm-5 {
|
||
8515 | order: 5 !important; |
||
8516 | } |
||
8517 | .order-sm-last {
|
||
8518 | order: 6 !important; |
||
8519 | } |
||
8520 | .m-sm-0 {
|
||
8521 | margin: 0 !important; |
||
8522 | } |
||
8523 | .m-sm-1 {
|
||
8524 | margin: 0.25rem !important; |
||
8525 | } |
||
8526 | .m-sm-2 {
|
||
8527 | margin: 0.5rem !important; |
||
8528 | } |
||
8529 | .m-sm-3 {
|
||
8530 | margin: 1rem !important; |
||
8531 | } |
||
8532 | .m-sm-4 {
|
||
8533 | margin: 1.5rem !important; |
||
8534 | } |
||
8535 | .m-sm-5 {
|
||
8536 | margin: 3rem !important; |
||
8537 | } |
||
8538 | .m-sm-auto {
|
||
8539 | margin: auto !important; |
||
8540 | } |
||
8541 | .mx-sm-0 {
|
||
8542 | margin-right: 0 !important; |
||
8543 | margin-left: 0 !important; |
||
8544 | } |
||
8545 | .mx-sm-1 {
|
||
8546 | margin-right: 0.25rem !important; |
||
8547 | margin-left: 0.25rem !important; |
||
8548 | } |
||
8549 | .mx-sm-2 {
|
||
8550 | margin-right: 0.5rem !important; |
||
8551 | margin-left: 0.5rem !important; |
||
8552 | } |
||
8553 | .mx-sm-3 {
|
||
8554 | margin-right: 1rem !important; |
||
8555 | margin-left: 1rem !important; |
||
8556 | } |
||
8557 | .mx-sm-4 {
|
||
8558 | margin-right: 1.5rem !important; |
||
8559 | margin-left: 1.5rem !important; |
||
8560 | } |
||
8561 | .mx-sm-5 {
|
||
8562 | margin-right: 3rem !important; |
||
8563 | margin-left: 3rem !important; |
||
8564 | } |
||
8565 | .mx-sm-auto {
|
||
8566 | margin-right: auto !important; |
||
8567 | margin-left: auto !important; |
||
8568 | } |
||
8569 | .my-sm-0 {
|
||
8570 | margin-top: 0 !important; |
||
8571 | margin-bottom: 0 !important; |
||
8572 | } |
||
8573 | .my-sm-1 {
|
||
8574 | margin-top: 0.25rem !important; |
||
8575 | margin-bottom: 0.25rem !important; |
||
8576 | } |
||
8577 | .my-sm-2 {
|
||
8578 | margin-top: 0.5rem !important; |
||
8579 | margin-bottom: 0.5rem !important; |
||
8580 | } |
||
8581 | .my-sm-3 {
|
||
8582 | margin-top: 1rem !important; |
||
8583 | margin-bottom: 1rem !important; |
||
8584 | } |
||
8585 | .my-sm-4 {
|
||
8586 | margin-top: 1.5rem !important; |
||
8587 | margin-bottom: 1.5rem !important; |
||
8588 | } |
||
8589 | .my-sm-5 {
|
||
8590 | margin-top: 3rem !important; |
||
8591 | margin-bottom: 3rem !important; |
||
8592 | } |
||
8593 | .my-sm-auto {
|
||
8594 | margin-top: auto !important; |
||
8595 | margin-bottom: auto !important; |
||
8596 | } |
||
8597 | .mt-sm-0 {
|
||
8598 | margin-top: 0 !important; |
||
8599 | } |
||
8600 | .mt-sm-1 {
|
||
8601 | margin-top: 0.25rem !important; |
||
8602 | } |
||
8603 | .mt-sm-2 {
|
||
8604 | margin-top: 0.5rem !important; |
||
8605 | } |
||
8606 | .mt-sm-3 {
|
||
8607 | margin-top: 1rem !important; |
||
8608 | } |
||
8609 | .mt-sm-4 {
|
||
8610 | margin-top: 1.5rem !important; |
||
8611 | } |
||
8612 | .mt-sm-5 {
|
||
8613 | margin-top: 3rem !important; |
||
8614 | } |
||
8615 | .mt-sm-auto {
|
||
8616 | margin-top: auto !important; |
||
8617 | } |
||
8618 | .me-sm-0 {
|
||
8619 | margin-right: 0 !important; |
||
8620 | } |
||
8621 | .me-sm-1 {
|
||
8622 | margin-right: 0.25rem !important; |
||
8623 | } |
||
8624 | .me-sm-2 {
|
||
8625 | margin-right: 0.5rem !important; |
||
8626 | } |
||
8627 | .me-sm-3 {
|
||
8628 | margin-right: 1rem !important; |
||
8629 | } |
||
8630 | .me-sm-4 {
|
||
8631 | margin-right: 1.5rem !important; |
||
8632 | } |
||
8633 | .me-sm-5 {
|
||
8634 | margin-right: 3rem !important; |
||
8635 | } |
||
8636 | .me-sm-auto {
|
||
8637 | margin-right: auto !important; |
||
8638 | } |
||
8639 | .mb-sm-0 {
|
||
8640 | margin-bottom: 0 !important; |
||
8641 | } |
||
8642 | .mb-sm-1 {
|
||
8643 | margin-bottom: 0.25rem !important; |
||
8644 | } |
||
8645 | .mb-sm-2 {
|
||
8646 | margin-bottom: 0.5rem !important; |
||
8647 | } |
||
8648 | .mb-sm-3 {
|
||
8649 | margin-bottom: 1rem !important; |
||
8650 | } |
||
8651 | .mb-sm-4 {
|
||
8652 | margin-bottom: 1.5rem !important; |
||
8653 | } |
||
8654 | .mb-sm-5 {
|
||
8655 | margin-bottom: 3rem !important; |
||
8656 | } |
||
8657 | .mb-sm-auto {
|
||
8658 | margin-bottom: auto !important; |
||
8659 | } |
||
8660 | .ms-sm-0 {
|
||
8661 | margin-left: 0 !important; |
||
8662 | } |
||
8663 | .ms-sm-1 {
|
||
8664 | margin-left: 0.25rem !important; |
||
8665 | } |
||
8666 | .ms-sm-2 {
|
||
8667 | margin-left: 0.5rem !important; |
||
8668 | } |
||
8669 | .ms-sm-3 {
|
||
8670 | margin-left: 1rem !important; |
||
8671 | } |
||
8672 | .ms-sm-4 {
|
||
8673 | margin-left: 1.5rem !important; |
||
8674 | } |
||
8675 | .ms-sm-5 {
|
||
8676 | margin-left: 3rem !important; |
||
8677 | } |
||
8678 | .ms-sm-auto {
|
||
8679 | margin-left: auto !important; |
||
8680 | } |
||
8681 | .p-sm-0 {
|
||
8682 | padding: 0 !important; |
||
8683 | } |
||
8684 | .p-sm-1 {
|
||
8685 | padding: 0.25rem !important; |
||
8686 | } |
||
8687 | .p-sm-2 {
|
||
8688 | padding: 0.5rem !important; |
||
8689 | } |
||
8690 | .p-sm-3 {
|
||
8691 | padding: 1rem !important; |
||
8692 | } |
||
8693 | .p-sm-4 {
|
||
8694 | padding: 1.5rem !important; |
||
8695 | } |
||
8696 | .p-sm-5 {
|
||
8697 | padding: 3rem !important; |
||
8698 | } |
||
8699 | .px-sm-0 {
|
||
8700 | padding-right: 0 !important; |
||
8701 | padding-left: 0 !important; |
||
8702 | } |
||
8703 | .px-sm-1 {
|
||
8704 | padding-right: 0.25rem !important; |
||
8705 | padding-left: 0.25rem !important; |
||
8706 | } |
||
8707 | .px-sm-2 {
|
||
8708 | padding-right: 0.5rem !important; |
||
8709 | padding-left: 0.5rem !important; |
||
8710 | } |
||
8711 | .px-sm-3 {
|
||
8712 | padding-right: 1rem !important; |
||
8713 | padding-left: 1rem !important; |
||
8714 | } |
||
8715 | .px-sm-4 {
|
||
8716 | padding-right: 1.5rem !important; |
||
8717 | padding-left: 1.5rem !important; |
||
8718 | } |
||
8719 | .px-sm-5 {
|
||
8720 | padding-right: 3rem !important; |
||
8721 | padding-left: 3rem !important; |
||
8722 | } |
||
8723 | .py-sm-0 {
|
||
8724 | padding-top: 0 !important; |
||
8725 | padding-bottom: 0 !important; |
||
8726 | } |
||
8727 | .py-sm-1 {
|
||
8728 | padding-top: 0.25rem !important; |
||
8729 | padding-bottom: 0.25rem !important; |
||
8730 | } |
||
8731 | .py-sm-2 {
|
||
8732 | padding-top: 0.5rem !important; |
||
8733 | padding-bottom: 0.5rem !important; |
||
8734 | } |
||
8735 | .py-sm-3 {
|
||
8736 | padding-top: 1rem !important; |
||
8737 | padding-bottom: 1rem !important; |
||
8738 | } |
||
8739 | .py-sm-4 {
|
||
8740 | padding-top: 1.5rem !important; |
||
8741 | padding-bottom: 1.5rem !important; |
||
8742 | } |
||
8743 | .py-sm-5 {
|
||
8744 | padding-top: 3rem !important; |
||
8745 | padding-bottom: 3rem !important; |
||
8746 | } |
||
8747 | .pt-sm-0 {
|
||
8748 | padding-top: 0 !important; |
||
8749 | } |
||
8750 | .pt-sm-1 {
|
||
8751 | padding-top: 0.25rem !important; |
||
8752 | } |
||
8753 | .pt-sm-2 {
|
||
8754 | padding-top: 0.5rem !important; |
||
8755 | } |
||
8756 | .pt-sm-3 {
|
||
8757 | padding-top: 1rem !important; |
||
8758 | } |
||
8759 | .pt-sm-4 {
|
||
8760 | padding-top: 1.5rem !important; |
||
8761 | } |
||
8762 | .pt-sm-5 {
|
||
8763 | padding-top: 3rem !important; |
||
8764 | } |
||
8765 | .pe-sm-0 {
|
||
8766 | padding-right: 0 !important; |
||
8767 | } |
||
8768 | .pe-sm-1 {
|
||
8769 | padding-right: 0.25rem !important; |
||
8770 | } |
||
8771 | .pe-sm-2 {
|
||
8772 | padding-right: 0.5rem !important; |
||
8773 | } |
||
8774 | .pe-sm-3 {
|
||
8775 | padding-right: 1rem !important; |
||
8776 | } |
||
8777 | .pe-sm-4 {
|
||
8778 | padding-right: 1.5rem !important; |
||
8779 | } |
||
8780 | .pe-sm-5 {
|
||
8781 | padding-right: 3rem !important; |
||
8782 | } |
||
8783 | .pb-sm-0 {
|
||
8784 | padding-bottom: 0 !important; |
||
8785 | } |
||
8786 | .pb-sm-1 {
|
||
8787 | padding-bottom: 0.25rem !important; |
||
8788 | } |
||
8789 | .pb-sm-2 {
|
||
8790 | padding-bottom: 0.5rem !important; |
||
8791 | } |
||
8792 | .pb-sm-3 {
|
||
8793 | padding-bottom: 1rem !important; |
||
8794 | } |
||
8795 | .pb-sm-4 {
|
||
8796 | padding-bottom: 1.5rem !important; |
||
8797 | } |
||
8798 | .pb-sm-5 {
|
||
8799 | padding-bottom: 3rem !important; |
||
8800 | } |
||
8801 | .ps-sm-0 {
|
||
8802 | padding-left: 0 !important; |
||
8803 | } |
||
8804 | .ps-sm-1 {
|
||
8805 | padding-left: 0.25rem !important; |
||
8806 | } |
||
8807 | .ps-sm-2 {
|
||
8808 | padding-left: 0.5rem !important; |
||
8809 | } |
||
8810 | .ps-sm-3 {
|
||
8811 | padding-left: 1rem !important; |
||
8812 | } |
||
8813 | .ps-sm-4 {
|
||
8814 | padding-left: 1.5rem !important; |
||
8815 | } |
||
8816 | .ps-sm-5 {
|
||
8817 | padding-left: 3rem !important; |
||
8818 | } |
||
8819 | .gap-sm-0 {
|
||
8820 | gap: 0 !important; |
||
8821 | } |
||
8822 | .gap-sm-1 {
|
||
8823 | gap: 0.25rem !important; |
||
8824 | } |
||
8825 | .gap-sm-2 {
|
||
8826 | gap: 0.5rem !important; |
||
8827 | } |
||
8828 | .gap-sm-3 {
|
||
8829 | gap: 1rem !important; |
||
8830 | } |
||
8831 | .gap-sm-4 {
|
||
8832 | gap: 1.5rem !important; |
||
8833 | } |
||
8834 | .gap-sm-5 {
|
||
8835 | gap: 3rem !important; |
||
8836 | } |
||
8837 | .text-sm-start {
|
||
8838 | text-align: left !important; |
||
8839 | } |
||
8840 | .text-sm-end {
|
||
8841 | text-align: right !important; |
||
8842 | } |
||
8843 | .text-sm-center {
|
||
8844 | text-align: center !important; |
||
8845 | 950e6b84 | taeseongkim | } |
8846 | } |
||
8847 | 65674874 | taeseongkim | @media (min-width: 768px) { |
8848 | .float-md-start {
|
||
8849 | float: left !important; |
||
8850 | } |
||
8851 | .float-md-end {
|
||
8852 | float: right !important; |
||
8853 | } |
||
8854 | .float-md-none {
|
||
8855 | float: none !important; |
||
8856 | } |
||
8857 | .d-md-inline {
|
||
8858 | display: inline !important; |
||
8859 | } |
||
8860 | .d-md-inline-block {
|
||
8861 | display: inline-block !important; |
||
8862 | } |
||
8863 | .d-md-block {
|
||
8864 | display: block !important; |
||
8865 | } |
||
8866 | .d-md-grid {
|
||
8867 | display: grid !important; |
||
8868 | } |
||
8869 | .d-md-table {
|
||
8870 | display: table !important; |
||
8871 | } |
||
8872 | .d-md-table-row {
|
||
8873 | display: table-row !important; |
||
8874 | } |
||
8875 | .d-md-table-cell {
|
||
8876 | display: table-cell !important; |
||
8877 | } |
||
8878 | .d-md-flex {
|
||
8879 | display: flex !important; |
||
8880 | } |
||
8881 | .d-md-inline-flex {
|
||
8882 | display: inline-flex !important; |
||
8883 | } |
||
8884 | .d-md-none {
|
||
8885 | display: none !important; |
||
8886 | } |
||
8887 | .flex-md-fill {
|
||
8888 | flex: 1 1 auto !important; |
||
8889 | } |
||
8890 | .flex-md-row {
|
||
8891 | flex-direction: row !important; |
||
8892 | } |
||
8893 | .flex-md-column {
|
||
8894 | flex-direction: column !important; |
||
8895 | } |
||
8896 | .flex-md-row-reverse {
|
||
8897 | flex-direction: row-reverse !important; |
||
8898 | } |
||
8899 | .flex-md-column-reverse {
|
||
8900 | flex-direction: column-reverse !important; |
||
8901 | } |
||
8902 | .flex-md-grow-0 {
|
||
8903 | flex-grow: 0 !important; |
||
8904 | } |
||
8905 | .flex-md-grow-1 {
|
||
8906 | flex-grow: 1 !important; |
||
8907 | } |
||
8908 | .flex-md-shrink-0 {
|
||
8909 | flex-shrink: 0 !important; |
||
8910 | } |
||
8911 | .flex-md-shrink-1 {
|
||
8912 | flex-shrink: 1 !important; |
||
8913 | } |
||
8914 | .flex-md-wrap {
|
||
8915 | flex-wrap: wrap !important; |
||
8916 | } |
||
8917 | .flex-md-nowrap {
|
||
8918 | flex-wrap: nowrap !important; |
||
8919 | } |
||
8920 | .flex-md-wrap-reverse {
|
||
8921 | flex-wrap: wrap-reverse !important; |
||
8922 | } |
||
8923 | .justify-content-md-start {
|
||
8924 | justify-content: flex-start !important; |
||
8925 | } |
||
8926 | .justify-content-md-end {
|
||
8927 | justify-content: flex-end !important; |
||
8928 | } |
||
8929 | .justify-content-md-center {
|
||
8930 | justify-content: center !important; |
||
8931 | } |
||
8932 | .justify-content-md-between {
|
||
8933 | justify-content: space-between !important; |
||
8934 | } |
||
8935 | .justify-content-md-around {
|
||
8936 | justify-content: space-around !important; |
||
8937 | } |
||
8938 | .justify-content-md-evenly {
|
||
8939 | justify-content: space-evenly !important; |
||
8940 | } |
||
8941 | .align-items-md-start {
|
||
8942 | align-items: flex-start !important; |
||
8943 | } |
||
8944 | .align-items-md-end {
|
||
8945 | align-items: flex-end !important; |
||
8946 | } |
||
8947 | .align-items-md-center {
|
||
8948 | align-items: center !important; |
||
8949 | } |
||
8950 | .align-items-md-baseline {
|
||
8951 | align-items: baseline !important; |
||
8952 | } |
||
8953 | .align-items-md-stretch {
|
||
8954 | align-items: stretch !important; |
||
8955 | } |
||
8956 | .align-content-md-start {
|
||
8957 | align-content: flex-start !important; |
||
8958 | } |
||
8959 | .align-content-md-end {
|
||
8960 | align-content: flex-end !important; |
||
8961 | } |
||
8962 | .align-content-md-center {
|
||
8963 | align-content: center !important; |
||
8964 | } |
||
8965 | .align-content-md-between {
|
||
8966 | align-content: space-between !important; |
||
8967 | } |
||
8968 | .align-content-md-around {
|
||
8969 | align-content: space-around !important; |
||
8970 | } |
||
8971 | .align-content-md-stretch {
|
||
8972 | align-content: stretch !important; |
||
8973 | } |
||
8974 | .align-self-md-auto {
|
||
8975 | align-self: auto !important; |
||
8976 | } |
||
8977 | .align-self-md-start {
|
||
8978 | align-self: flex-start !important; |
||
8979 | } |
||
8980 | .align-self-md-end {
|
||
8981 | align-self: flex-end !important; |
||
8982 | } |
||
8983 | .align-self-md-center {
|
||
8984 | align-self: center !important; |
||
8985 | } |
||
8986 | .align-self-md-baseline {
|
||
8987 | align-self: baseline !important; |
||
8988 | } |
||
8989 | .align-self-md-stretch {
|
||
8990 | align-self: stretch !important; |
||
8991 | } |
||
8992 | .order-md-first {
|
||
8993 | order: -1 !important; |
||
8994 | } |
||
8995 | .order-md-0 {
|
||
8996 | order: 0 !important; |
||
8997 | } |
||
8998 | .order-md-1 {
|
||
8999 | order: 1 !important; |
||
9000 | } |
||
9001 | .order-md-2 {
|
||
9002 | order: 2 !important; |
||
9003 | } |
||
9004 | .order-md-3 {
|
||
9005 | order: 3 !important; |
||
9006 | } |
||
9007 | .order-md-4 {
|
||
9008 | order: 4 !important; |
||
9009 | } |
||
9010 | .order-md-5 {
|
||
9011 | order: 5 !important; |
||
9012 | } |
||
9013 | .order-md-last {
|
||
9014 | order: 6 !important; |
||
9015 | } |
||
9016 | .m-md-0 {
|
||
9017 | margin: 0 !important; |
||
9018 | } |
||
9019 | .m-md-1 {
|
||
9020 | margin: 0.25rem !important; |
||
9021 | } |
||
9022 | .m-md-2 {
|
||
9023 | margin: 0.5rem !important; |
||
9024 | } |
||
9025 | .m-md-3 {
|
||
9026 | margin: 1rem !important; |
||
9027 | } |
||
9028 | .m-md-4 {
|
||
9029 | margin: 1.5rem !important; |
||
9030 | } |
||
9031 | .m-md-5 {
|
||
9032 | margin: 3rem !important; |
||
9033 | } |
||
9034 | .m-md-auto {
|
||
9035 | margin: auto !important; |
||
9036 | } |
||
9037 | .mx-md-0 {
|
||
9038 | margin-right: 0 !important; |
||
9039 | margin-left: 0 !important; |
||
9040 | } |
||
9041 | .mx-md-1 {
|
||
9042 | margin-right: 0.25rem !important; |
||
9043 | margin-left: 0.25rem !important; |
||
9044 | } |
||
9045 | .mx-md-2 {
|
||
9046 | margin-right: 0.5rem !important; |
||
9047 | margin-left: 0.5rem !important; |
||
9048 | } |
||
9049 | .mx-md-3 {
|
||
9050 | margin-right: 1rem !important; |
||
9051 | margin-left: 1rem !important; |
||
9052 | } |
||
9053 | .mx-md-4 {
|
||
9054 | margin-right: 1.5rem !important; |
||
9055 | margin-left: 1.5rem !important; |
||
9056 | } |
||
9057 | .mx-md-5 {
|
||
9058 | margin-right: 3rem !important; |
||
9059 | margin-left: 3rem !important; |
||
9060 | } |
||
9061 | .mx-md-auto {
|
||
9062 | margin-right: auto !important; |
||
9063 | margin-left: auto !important; |
||
9064 | } |
||
9065 | .my-md-0 {
|
||
9066 | margin-top: 0 !important; |
||
9067 | margin-bottom: 0 !important; |
||
9068 | } |
||
9069 | .my-md-1 {
|
||
9070 | margin-top: 0.25rem !important; |
||
9071 | margin-bottom: 0.25rem !important; |
||
9072 | } |
||
9073 | .my-md-2 {
|
||
9074 | margin-top: 0.5rem !important; |
||
9075 | margin-bottom: 0.5rem !important; |
||
9076 | } |
||
9077 | .my-md-3 {
|
||
9078 | margin-top: 1rem !important; |
||
9079 | margin-bottom: 1rem !important; |
||
9080 | } |
||
9081 | .my-md-4 {
|
||
9082 | margin-top: 1.5rem !important; |
||
9083 | margin-bottom: 1.5rem !important; |
||
9084 | } |
||
9085 | .my-md-5 {
|
||
9086 | margin-top: 3rem !important; |
||
9087 | margin-bottom: 3rem !important; |
||
9088 | } |
||
9089 | .my-md-auto {
|
||
9090 | margin-top: auto !important; |
||
9091 | margin-bottom: auto !important; |
||
9092 | } |
||
9093 | .mt-md-0 {
|
||
9094 | margin-top: 0 !important; |
||
9095 | } |
||
9096 | .mt-md-1 {
|
||
9097 | margin-top: 0.25rem !important; |
||
9098 | } |
||
9099 | .mt-md-2 {
|
||
9100 | margin-top: 0.5rem !important; |
||
9101 | } |
||
9102 | .mt-md-3 {
|
||
9103 | margin-top: 1rem !important; |
||
9104 | } |
||
9105 | .mt-md-4 {
|
||
9106 | margin-top: 1.5rem !important; |
||
9107 | } |
||
9108 | .mt-md-5 {
|
||
9109 | margin-top: 3rem !important; |
||
9110 | } |
||
9111 | .mt-md-auto {
|
||
9112 | margin-top: auto !important; |
||
9113 | } |
||
9114 | .me-md-0 {
|
||
9115 | margin-right: 0 !important; |
||
9116 | } |
||
9117 | .me-md-1 {
|
||
9118 | margin-right: 0.25rem !important; |
||
9119 | } |
||
9120 | .me-md-2 {
|
||
9121 | margin-right: 0.5rem !important; |
||
9122 | } |
||
9123 | .me-md-3 {
|
||
9124 | margin-right: 1rem !important; |
||
9125 | } |
||
9126 | .me-md-4 {
|
||
9127 | margin-right: 1.5rem !important; |
||
9128 | } |
||
9129 | .me-md-5 {
|
||
9130 | margin-right: 3rem !important; |
||
9131 | } |
||
9132 | .me-md-auto {
|
||
9133 | margin-right: auto !important; |
||
9134 | } |
||
9135 | .mb-md-0 {
|
||
9136 | margin-bottom: 0 !important; |
||
9137 | } |
||
9138 | .mb-md-1 {
|
||
9139 | margin-bottom: 0.25rem !important; |
||
9140 | } |
||
9141 | .mb-md-2 {
|
||
9142 | margin-bottom: 0.5rem !important; |
||
9143 | } |
||
9144 | .mb-md-3 {
|
||
9145 | margin-bottom: 1rem !important; |
||
9146 | } |
||
9147 | .mb-md-4 {
|
||
9148 | margin-bottom: 1.5rem !important; |
||
9149 | } |
||
9150 | .mb-md-5 {
|
||
9151 | margin-bottom: 3rem !important; |
||
9152 | } |
||
9153 | .mb-md-auto {
|
||
9154 | margin-bottom: auto !important; |
||
9155 | } |
||
9156 | .ms-md-0 {
|
||
9157 | margin-left: 0 !important; |
||
9158 | } |
||
9159 | .ms-md-1 {
|
||
9160 | margin-left: 0.25rem !important; |
||
9161 | } |
||
9162 | .ms-md-2 {
|
||
9163 | margin-left: 0.5rem !important; |
||
9164 | } |
||
9165 | .ms-md-3 {
|
||
9166 | margin-left: 1rem !important; |
||
9167 | } |
||
9168 | .ms-md-4 {
|
||
9169 | margin-left: 1.5rem !important; |
||
9170 | } |
||
9171 | .ms-md-5 {
|
||
9172 | margin-left: 3rem !important; |
||
9173 | } |
||
9174 | .ms-md-auto {
|
||
9175 | margin-left: auto !important; |
||
9176 | } |
||
9177 | .p-md-0 {
|
||
9178 | padding: 0 !important; |
||
9179 | } |
||
9180 | .p-md-1 {
|
||
9181 | padding: 0.25rem !important; |
||
9182 | } |
||
9183 | .p-md-2 {
|
||
9184 | padding: 0.5rem !important; |
||
9185 | } |
||
9186 | .p-md-3 {
|
||
9187 | padding: 1rem !important; |
||
9188 | } |
||
9189 | .p-md-4 {
|
||
9190 | padding: 1.5rem !important; |
||
9191 | } |
||
9192 | .p-md-5 {
|
||
9193 | padding: 3rem !important; |
||
9194 | } |
||
9195 | .px-md-0 {
|
||
9196 | padding-right: 0 !important; |
||
9197 | padding-left: 0 !important; |
||
9198 | } |
||
9199 | .px-md-1 {
|
||
9200 | padding-right: 0.25rem !important; |
||
9201 | padding-left: 0.25rem !important; |
||
9202 | } |
||
9203 | .px-md-2 {
|
||
9204 | padding-right: 0.5rem !important; |
||
9205 | padding-left: 0.5rem !important; |
||
9206 | } |
||
9207 | .px-md-3 {
|
||
9208 | padding-right: 1rem !important; |
||
9209 | padding-left: 1rem !important; |
||
9210 | } |
||
9211 | .px-md-4 {
|
||
9212 | padding-right: 1.5rem !important; |
||
9213 | padding-left: 1.5rem !important; |
||
9214 | } |
||
9215 | .px-md-5 {
|
||
9216 | padding-right: 3rem !important; |
||
9217 | padding-left: 3rem !important; |
||
9218 | } |
||
9219 | .py-md-0 {
|
||
9220 | padding-top: 0 !important; |
||
9221 | padding-bottom: 0 !important; |
||
9222 | } |
||
9223 | .py-md-1 {
|
||
9224 | padding-top: 0.25rem !important; |
||
9225 | padding-bottom: 0.25rem !important; |
||
9226 | } |
||
9227 | .py-md-2 {
|
||
9228 | padding-top: 0.5rem !important; |
||
9229 | padding-bottom: 0.5rem !important; |
||
9230 | } |
||
9231 | .py-md-3 {
|
||
9232 | padding-top: 1rem !important; |
||
9233 | padding-bottom: 1rem !important; |
||
9234 | } |
||
9235 | .py-md-4 {
|
||
9236 | padding-top: 1.5rem !important; |
||
9237 | padding-bottom: 1.5rem !important; |
||
9238 | } |
||
9239 | .py-md-5 {
|
||
9240 | padding-top: 3rem !important; |
||
9241 | padding-bottom: 3rem !important; |
||
9242 | } |
||
9243 | .pt-md-0 {
|
||
9244 | padding-top: 0 !important; |
||
9245 | } |
||
9246 | .pt-md-1 {
|
||
9247 | padding-top: 0.25rem !important; |
||
9248 | } |
||
9249 | .pt-md-2 {
|
||
9250 | padding-top: 0.5rem !important; |
||
9251 | } |
||
9252 | .pt-md-3 {
|
||
9253 | padding-top: 1rem !important; |
||
9254 | } |
||
9255 | .pt-md-4 {
|
||
9256 | padding-top: 1.5rem !important; |
||
9257 | } |
||
9258 | .pt-md-5 {
|
||
9259 | padding-top: 3rem !important; |
||
9260 | } |
||
9261 | .pe-md-0 {
|
||
9262 | padding-right: 0 !important; |
||
9263 | } |
||
9264 | .pe-md-1 {
|
||
9265 | padding-right: 0.25rem !important; |
||
9266 | } |
||
9267 | .pe-md-2 {
|
||
9268 | padding-right: 0.5rem !important; |
||
9269 | } |
||
9270 | .pe-md-3 {
|
||
9271 | padding-right: 1rem !important; |
||
9272 | } |
||
9273 | .pe-md-4 {
|
||
9274 | padding-right: 1.5rem !important; |
||
9275 | } |
||
9276 | .pe-md-5 {
|
||
9277 | padding-right: 3rem !important; |
||
9278 | } |
||
9279 | .pb-md-0 {
|
||
9280 | padding-bottom: 0 !important; |
||
9281 | } |
||
9282 | .pb-md-1 {
|
||
9283 | padding-bottom: 0.25rem !important; |
||
9284 | } |
||
9285 | .pb-md-2 {
|
||
9286 | padding-bottom: 0.5rem !important; |
||
9287 | } |
||
9288 | .pb-md-3 {
|
||
9289 | padding-bottom: 1rem !important; |
||
9290 | } |
||
9291 | .pb-md-4 {
|
||
9292 | padding-bottom: 1.5rem !important; |
||
9293 | } |
||
9294 | .pb-md-5 {
|
||
9295 | padding-bottom: 3rem !important; |
||
9296 | } |
||
9297 | .ps-md-0 {
|
||
9298 | padding-left: 0 !important; |
||
9299 | } |
||
9300 | .ps-md-1 {
|
||
9301 | padding-left: 0.25rem !important; |
||
9302 | } |
||
9303 | .ps-md-2 {
|
||
9304 | padding-left: 0.5rem !important; |
||
9305 | } |
||
9306 | .ps-md-3 {
|
||
9307 | padding-left: 1rem !important; |
||
9308 | } |
||
9309 | .ps-md-4 {
|
||
9310 | padding-left: 1.5rem !important; |
||
9311 | } |
||
9312 | .ps-md-5 {
|
||
9313 | padding-left: 3rem !important; |
||
9314 | } |
||
9315 | .gap-md-0 {
|
||
9316 | gap: 0 !important; |
||
9317 | } |
||
9318 | .gap-md-1 {
|
||
9319 | gap: 0.25rem !important; |
||
9320 | } |
||
9321 | .gap-md-2 {
|
||
9322 | gap: 0.5rem !important; |
||
9323 | } |
||
9324 | .gap-md-3 {
|
||
9325 | gap: 1rem !important; |
||
9326 | } |
||
9327 | .gap-md-4 {
|
||
9328 | gap: 1.5rem !important; |
||
9329 | } |
||
9330 | .gap-md-5 {
|
||
9331 | gap: 3rem !important; |
||
9332 | } |
||
9333 | .text-md-start {
|
||
9334 | text-align: left !important; |
||
9335 | } |
||
9336 | .text-md-end {
|
||
9337 | text-align: right !important; |
||
9338 | } |
||
9339 | .text-md-center {
|
||
9340 | text-align: center !important; |
||
9341 | } |
||
9342 | 950e6b84 | taeseongkim | } |
9343 | 65674874 | taeseongkim | @media (min-width: 992px) { |
9344 | .float-lg-start {
|
||
9345 | float: left !important; |
||
9346 | } |
||
9347 | .float-lg-end {
|
||
9348 | float: right !important; |
||
9349 | } |
||
9350 | .float-lg-none {
|
||
9351 | float: none !important; |
||
9352 | } |
||
9353 | .d-lg-inline {
|
||
9354 | display: inline !important; |
||
9355 | } |
||
9356 | .d-lg-inline-block {
|
||
9357 | display: inline-block !important; |
||
9358 | } |
||
9359 | .d-lg-block {
|
||
9360 | display: block !important; |
||
9361 | } |
||
9362 | .d-lg-grid {
|
||
9363 | display: grid !important; |
||
9364 | } |
||
9365 | .d-lg-table {
|
||
9366 | display: table !important; |
||
9367 | } |
||
9368 | .d-lg-table-row {
|
||
9369 | display: table-row !important; |
||
9370 | } |
||
9371 | .d-lg-table-cell {
|
||
9372 | display: table-cell !important; |
||
9373 | } |
||
9374 | .d-lg-flex {
|
||
9375 | display: flex !important; |
||
9376 | } |
||
9377 | .d-lg-inline-flex {
|
||
9378 | display: inline-flex !important; |
||
9379 | } |
||
9380 | .d-lg-none {
|
||
9381 | display: none !important; |
||
9382 | } |
||
9383 | .flex-lg-fill {
|
||
9384 | flex: 1 1 auto !important; |
||
9385 | } |
||
9386 | .flex-lg-row {
|
||
9387 | flex-direction: row !important; |
||
9388 | } |
||
9389 | .flex-lg-column {
|
||
9390 | flex-direction: column !important; |
||
9391 | } |
||
9392 | .flex-lg-row-reverse {
|
||
9393 | flex-direction: row-reverse !important; |
||
9394 | } |
||
9395 | .flex-lg-column-reverse {
|
||
9396 | flex-direction: column-reverse !important; |
||
9397 | } |
||
9398 | .flex-lg-grow-0 {
|
||
9399 | flex-grow: 0 !important; |
||
9400 | } |
||
9401 | .flex-lg-grow-1 {
|
||
9402 | flex-grow: 1 !important; |
||
9403 | } |
||
9404 | .flex-lg-shrink-0 {
|
||
9405 | flex-shrink: 0 !important; |
||
9406 | } |
||
9407 | .flex-lg-shrink-1 {
|
||
9408 | flex-shrink: 1 !important; |
||
9409 | } |
||
9410 | .flex-lg-wrap {
|
||
9411 | flex-wrap: wrap !important; |
||
9412 | } |
||
9413 | .flex-lg-nowrap {
|
||
9414 | flex-wrap: nowrap !important; |
||
9415 | } |
||
9416 | .flex-lg-wrap-reverse {
|
||
9417 | flex-wrap: wrap-reverse !important; |
||
9418 | } |
||
9419 | .justify-content-lg-start {
|
||
9420 | justify-content: flex-start !important; |
||
9421 | } |
||
9422 | .justify-content-lg-end {
|
||
9423 | justify-content: flex-end !important; |
||
9424 | } |
||
9425 | .justify-content-lg-center {
|
||
9426 | justify-content: center !important; |
||
9427 | } |
||
9428 | .justify-content-lg-between {
|
||
9429 | justify-content: space-between !important; |
||
9430 | } |
||
9431 | .justify-content-lg-around {
|
||
9432 | justify-content: space-around !important; |
||
9433 | } |
||
9434 | .justify-content-lg-evenly {
|
||
9435 | justify-content: space-evenly !important; |
||
9436 | } |
||
9437 | .align-items-lg-start {
|
||
9438 | align-items: flex-start !important; |
||
9439 | } |
||
9440 | .align-items-lg-end {
|
||
9441 | align-items: flex-end !important; |
||
9442 | } |
||
9443 | .align-items-lg-center {
|
||
9444 | align-items: center !important; |
||
9445 | } |
||
9446 | .align-items-lg-baseline {
|
||
9447 | align-items: baseline !important; |
||
9448 | } |
||
9449 | .align-items-lg-stretch {
|
||
9450 | align-items: stretch !important; |
||
9451 | } |
||
9452 | .align-content-lg-start {
|
||
9453 | align-content: flex-start !important; |
||
9454 | } |
||
9455 | .align-content-lg-end {
|
||
9456 | align-content: flex-end !important; |
||
9457 | } |
||
9458 | .align-content-lg-center {
|
||
9459 | align-content: center !important; |
||
9460 | } |
||
9461 | .align-content-lg-between {
|
||
9462 | align-content: space-between !important; |
||
9463 | } |
||
9464 | .align-content-lg-around {
|
||
9465 | align-content: space-around !important; |
||
9466 | } |
||
9467 | .align-content-lg-stretch {
|
||
9468 | align-content: stretch !important; |
||
9469 | } |
||
9470 | .align-self-lg-auto {
|
||
9471 | align-self: auto !important; |
||
9472 | } |
||
9473 | .align-self-lg-start {
|
||
9474 | align-self: flex-start !important; |
||
9475 | } |
||
9476 | .align-self-lg-end {
|
||
9477 | align-self: flex-end !important; |
||
9478 | } |
||
9479 | .align-self-lg-center {
|
||
9480 | align-self: center !important; |
||
9481 | } |
||
9482 | .align-self-lg-baseline {
|
||
9483 | align-self: baseline !important; |
||
9484 | } |
||
9485 | .align-self-lg-stretch {
|
||
9486 | align-self: stretch !important; |
||
9487 | } |
||
9488 | .order-lg-first {
|
||
9489 | order: -1 !important; |
||
9490 | } |
||
9491 | .order-lg-0 {
|
||
9492 | order: 0 !important; |
||
9493 | } |
||
9494 | .order-lg-1 {
|
||
9495 | order: 1 !important; |
||
9496 | } |
||
9497 | .order-lg-2 {
|
||
9498 | order: 2 !important; |
||
9499 | } |
||
9500 | .order-lg-3 {
|
||
9501 | order: 3 !important; |
||
9502 | } |
||
9503 | .order-lg-4 {
|
||
9504 | order: 4 !important; |
||
9505 | } |
||
9506 | .order-lg-5 {
|
||
9507 | order: 5 !important; |
||
9508 | } |
||
9509 | .order-lg-last {
|
||
9510 | order: 6 !important; |
||
9511 | } |
||
9512 | .m-lg-0 {
|
||
9513 | margin: 0 !important; |
||
9514 | } |
||
9515 | .m-lg-1 {
|
||
9516 | margin: 0.25rem !important; |
||
9517 | } |
||
9518 | .m-lg-2 {
|
||
9519 | margin: 0.5rem !important; |
||
9520 | } |
||
9521 | .m-lg-3 {
|
||
9522 | margin: 1rem !important; |
||
9523 | } |
||
9524 | .m-lg-4 {
|
||
9525 | margin: 1.5rem !important; |
||
9526 | } |
||
9527 | .m-lg-5 {
|
||
9528 | margin: 3rem !important; |
||
9529 | } |
||
9530 | .m-lg-auto {
|
||
9531 | margin: auto !important; |
||
9532 | } |
||
9533 | .mx-lg-0 {
|
||
9534 | margin-right: 0 !important; |
||
9535 | margin-left: 0 !important; |
||
9536 | } |
||
9537 | .mx-lg-1 {
|
||
9538 | margin-right: 0.25rem !important; |
||
9539 | margin-left: 0.25rem !important; |
||
9540 | } |
||
9541 | .mx-lg-2 {
|
||
9542 | margin-right: 0.5rem !important; |
||
9543 | margin-left: 0.5rem !important; |
||
9544 | } |
||
9545 | .mx-lg-3 {
|
||
9546 | margin-right: 1rem !important; |
||
9547 | margin-left: 1rem !important; |
||
9548 | } |
||
9549 | .mx-lg-4 {
|
||
9550 | margin-right: 1.5rem !important; |
||
9551 | margin-left: 1.5rem !important; |
||
9552 | } |
||
9553 | .mx-lg-5 {
|
||
9554 | margin-right: 3rem !important; |
||
9555 | margin-left: 3rem !important; |
||
9556 | } |
||
9557 | .mx-lg-auto {
|
||
9558 | margin-right: auto !important; |
||
9559 | margin-left: auto !important; |
||
9560 | } |
||
9561 | .my-lg-0 {
|
||
9562 | margin-top: 0 !important; |
||
9563 | margin-bottom: 0 !important; |
||
9564 | } |
||
9565 | .my-lg-1 {
|
||
9566 | margin-top: 0.25rem !important; |
||
9567 | margin-bottom: 0.25rem !important; |
||
9568 | } |
||
9569 | .my-lg-2 {
|
||
9570 | margin-top: 0.5rem !important; |
||
9571 | margin-bottom: 0.5rem !important; |
||
9572 | } |
||
9573 | .my-lg-3 {
|
||
9574 | margin-top: 1rem !important; |
||
9575 | margin-bottom: 1rem !important; |
||
9576 | } |
||
9577 | .my-lg-4 {
|
||
9578 | margin-top: 1.5rem !important; |
||
9579 | margin-bottom: 1.5rem !important; |
||
9580 | } |
||
9581 | .my-lg-5 {
|
||
9582 | margin-top: 3rem !important; |
||
9583 | margin-bottom: 3rem !important; |
||
9584 | } |
||
9585 | .my-lg-auto {
|
||
9586 | margin-top: auto !important; |
||
9587 | margin-bottom: auto !important; |
||
9588 | } |
||
9589 | .mt-lg-0 {
|
||
9590 | margin-top: 0 !important; |
||
9591 | } |
||
9592 | .mt-lg-1 {
|
||
9593 | margin-top: 0.25rem !important; |
||
9594 | } |
||
9595 | .mt-lg-2 {
|
||
9596 | margin-top: 0.5rem !important; |
||
9597 | } |
||
9598 | .mt-lg-3 {
|
||
9599 | margin-top: 1rem !important; |
||
9600 | } |
||
9601 | .mt-lg-4 {
|
||
9602 | margin-top: 1.5rem !important; |
||
9603 | } |
||
9604 | .mt-lg-5 {
|
||
9605 | margin-top: 3rem !important; |
||
9606 | } |
||
9607 | .mt-lg-auto {
|
||
9608 | margin-top: auto !important; |
||
9609 | } |
||
9610 | .me-lg-0 {
|
||
9611 | margin-right: 0 !important; |
||
9612 | } |
||
9613 | .me-lg-1 {
|
||
9614 | margin-right: 0.25rem !important; |
||
9615 | } |
||
9616 | .me-lg-2 {
|
||
9617 | margin-right: 0.5rem !important; |
||
9618 | } |
||
9619 | .me-lg-3 {
|
||
9620 | margin-right: 1rem !important; |
||
9621 | } |
||
9622 | .me-lg-4 {
|
||
9623 | margin-right: 1.5rem !important; |
||
9624 | } |
||
9625 | .me-lg-5 {
|
||
9626 | margin-right: 3rem !important; |
||
9627 | } |
||
9628 | .me-lg-auto {
|
||
9629 | margin-right: auto !important; |
||
9630 | } |
||
9631 | .mb-lg-0 {
|
||
9632 | margin-bottom: 0 !important; |
||
9633 | } |
||
9634 | .mb-lg-1 {
|
||
9635 | margin-bottom: 0.25rem !important; |
||
9636 | } |
||
9637 | .mb-lg-2 {
|
||
9638 | margin-bottom: 0.5rem !important; |
||
9639 | } |
||
9640 | .mb-lg-3 {
|
||
9641 | margin-bottom: 1rem !important; |
||
9642 | } |
||
9643 | .mb-lg-4 {
|
||
9644 | margin-bottom: 1.5rem !important; |
||
9645 | } |
||
9646 | .mb-lg-5 {
|
||
9647 | margin-bottom: 3rem !important; |
||
9648 | } |
||
9649 | .mb-lg-auto {
|
||
9650 | margin-bottom: auto !important; |
||
9651 | } |
||
9652 | .ms-lg-0 {
|
||
9653 | margin-left: 0 !important; |
||
9654 | } |
||
9655 | .ms-lg-1 {
|
||
9656 | margin-left: 0.25rem !important; |
||
9657 | } |
||
9658 | .ms-lg-2 {
|
||
9659 | margin-left: 0.5rem !important; |
||
9660 | } |
||
9661 | .ms-lg-3 {
|
||
9662 | margin-left: 1rem !important; |
||
9663 | } |
||
9664 | .ms-lg-4 {
|
||
9665 | margin-left: 1.5rem !important; |
||
9666 | } |
||
9667 | .ms-lg-5 {
|
||
9668 | margin-left: 3rem !important; |
||
9669 | } |
||
9670 | .ms-lg-auto {
|
||
9671 | margin-left: auto !important; |
||
9672 | } |
||
9673 | .p-lg-0 {
|
||
9674 | padding: 0 !important; |
||
9675 | } |
||
9676 | .p-lg-1 {
|
||
9677 | padding: 0.25rem !important; |
||
9678 | } |
||
9679 | .p-lg-2 {
|
||
9680 | padding: 0.5rem !important; |
||
9681 | } |
||
9682 | .p-lg-3 {
|
||
9683 | padding: 1rem !important; |
||
9684 | } |
||
9685 | .p-lg-4 {
|
||
9686 | padding: 1.5rem !important; |
||
9687 | } |
||
9688 | .p-lg-5 {
|
||
9689 | padding: 3rem !important; |
||
9690 | } |
||
9691 | .px-lg-0 {
|
||
9692 | padding-right: 0 !important; |
||
9693 | padding-left: 0 !important; |
||
9694 | } |
||
9695 | .px-lg-1 {
|
||
9696 | padding-right: 0.25rem !important; |
||
9697 | padding-left: 0.25rem !important; |
||
9698 | } |
||
9699 | .px-lg-2 {
|
||
9700 | padding-right: 0.5rem !important; |
||
9701 | padding-left: 0.5rem !important; |
||
9702 | } |
||
9703 | .px-lg-3 {
|
||
9704 | padding-right: 1rem !important; |
||
9705 | padding-left: 1rem !important; |
||
9706 | } |
||
9707 | .px-lg-4 {
|
||
9708 | padding-right: 1.5rem !important; |
||
9709 | padding-left: 1.5rem !important; |
||
9710 | } |
||
9711 | .px-lg-5 {
|
||
9712 | padding-right: 3rem !important; |
||
9713 | padding-left: 3rem !important; |
||
9714 | } |
||
9715 | .py-lg-0 {
|
||
9716 | padding-top: 0 !important; |
||
9717 | padding-bottom: 0 !important; |
||
9718 | } |
||
9719 | .py-lg-1 {
|
||
9720 | padding-top: 0.25rem !important; |
||
9721 | padding-bottom: 0.25rem !important; |
||
9722 | } |
||
9723 | .py-lg-2 {
|
||
9724 | padding-top: 0.5rem !important; |
||
9725 | padding-bottom: 0.5rem !important; |
||
9726 | } |
||
9727 | .py-lg-3 {
|
||
9728 | padding-top: 1rem !important; |
||
9729 | padding-bottom: 1rem !important; |
||
9730 | } |
||
9731 | .py-lg-4 {
|
||
9732 | padding-top: 1.5rem !important; |
||
9733 | padding-bottom: 1.5rem !important; |
||
9734 | } |
||
9735 | .py-lg-5 {
|
||
9736 | padding-top: 3rem !important; |
||
9737 | padding-bottom: 3rem !important; |
||
9738 | } |
||
9739 | .pt-lg-0 {
|
||
9740 | padding-top: 0 !important; |
||
9741 | } |
||
9742 | .pt-lg-1 {
|
||
9743 | padding-top: 0.25rem !important; |
||
9744 | } |
||
9745 | .pt-lg-2 {
|
||
9746 | padding-top: 0.5rem !important; |
||
9747 | } |
||
9748 | .pt-lg-3 {
|
||
9749 | padding-top: 1rem !important; |
||
9750 | } |
||
9751 | .pt-lg-4 {
|
||
9752 | padding-top: 1.5rem !important; |
||
9753 | } |
||
9754 | .pt-lg-5 {
|
||
9755 | padding-top: 3rem !important; |
||
9756 | } |
||
9757 | .pe-lg-0 {
|
||
9758 | padding-right: 0 !important; |
||
9759 | } |
||
9760 | .pe-lg-1 {
|
||
9761 | padding-right: 0.25rem !important; |
||
9762 | } |
||
9763 | .pe-lg-2 {
|
||
9764 | padding-right: 0.5rem !important; |
||
9765 | } |
||
9766 | .pe-lg-3 {
|
||
9767 | padding-right: 1rem !important; |
||
9768 | } |
||
9769 | .pe-lg-4 {
|
||
9770 | padding-right: 1.5rem !important; |
||
9771 | } |
||
9772 | .pe-lg-5 {
|
||
9773 | padding-right: 3rem !important; |
||
9774 | } |
||
9775 | .pb-lg-0 {
|
||
9776 | padding-bottom: 0 !important; |
||
9777 | } |
||
9778 | .pb-lg-1 {
|
||
9779 | padding-bottom: 0.25rem !important; |
||
9780 | } |
||
9781 | .pb-lg-2 {
|
||
9782 | padding-bottom: 0.5rem !important; |
||
9783 | } |
||
9784 | .pb-lg-3 {
|
||
9785 | padding-bottom: 1rem !important; |
||
9786 | } |
||
9787 | .pb-lg-4 {
|
||
9788 | padding-bottom: 1.5rem !important; |
||
9789 | } |
||
9790 | .pb-lg-5 {
|
||
9791 | padding-bottom: 3rem !important; |
||
9792 | } |
||
9793 | .ps-lg-0 {
|
||
9794 | padding-left: 0 !important; |
||
9795 | } |
||
9796 | .ps-lg-1 {
|
||
9797 | padding-left: 0.25rem !important; |
||
9798 | } |
||
9799 | .ps-lg-2 {
|
||
9800 | padding-left: 0.5rem !important; |
||
9801 | } |
||
9802 | .ps-lg-3 {
|
||
9803 | padding-left: 1rem !important; |
||
9804 | } |
||
9805 | .ps-lg-4 {
|
||
9806 | padding-left: 1.5rem !important; |
||
9807 | } |
||
9808 | .ps-lg-5 {
|
||
9809 | padding-left: 3rem !important; |
||
9810 | } |
||
9811 | .gap-lg-0 {
|
||
9812 | gap: 0 !important; |
||
9813 | } |
||
9814 | .gap-lg-1 {
|
||
9815 | gap: 0.25rem !important; |
||
9816 | } |
||
9817 | .gap-lg-2 {
|
||
9818 | gap: 0.5rem !important; |
||
9819 | } |
||
9820 | .gap-lg-3 {
|
||
9821 | gap: 1rem !important; |
||
9822 | } |
||
9823 | .gap-lg-4 {
|
||
9824 | gap: 1.5rem !important; |
||
9825 | } |
||
9826 | .gap-lg-5 {
|
||
9827 | gap: 3rem !important; |
||
9828 | } |
||
9829 | .text-lg-start {
|
||
9830 | text-align: left !important; |
||
9831 | } |
||
9832 | .text-lg-end {
|
||
9833 | text-align: right !important; |
||
9834 | } |
||
9835 | .text-lg-center {
|
||
9836 | text-align: center !important; |
||
9837 | } |
||
9838 | 950e6b84 | taeseongkim | } |
9839 | 65674874 | taeseongkim | @media (min-width: 1200px) { |
9840 | .float-xl-start {
|
||
9841 | float: left !important; |
||
9842 | } |
||
9843 | .float-xl-end {
|
||
9844 | float: right !important; |
||
9845 | } |
||
9846 | .float-xl-none {
|
||
9847 | float: none !important; |
||
9848 | } |
||
9849 | .d-xl-inline {
|
||
9850 | display: inline !important; |
||
9851 | } |
||
9852 | .d-xl-inline-block {
|
||
9853 | display: inline-block !important; |
||
9854 | } |
||
9855 | .d-xl-block {
|
||
9856 | display: block !important; |
||
9857 | } |
||
9858 | .d-xl-grid {
|
||
9859 | display: grid !important; |
||
9860 | } |
||
9861 | .d-xl-table {
|
||
9862 | display: table !important; |
||
9863 | } |
||
9864 | .d-xl-table-row {
|
||
9865 | display: table-row !important; |
||
9866 | } |
||
9867 | .d-xl-table-cell {
|
||
9868 | display: table-cell !important; |
||
9869 | } |
||
9870 | .d-xl-flex {
|
||
9871 | display: flex !important; |
||
9872 | } |
||
9873 | .d-xl-inline-flex {
|
||
9874 | display: inline-flex !important; |
||
9875 | } |
||
9876 | .d-xl-none {
|
||
9877 | display: none !important; |
||
9878 | } |
||
9879 | .flex-xl-fill {
|
||
9880 | flex: 1 1 auto !important; |
||
9881 | } |
||
9882 | .flex-xl-row {
|
||
9883 | flex-direction: row !important; |
||
9884 | } |
||
9885 | .flex-xl-column {
|
||
9886 | flex-direction: column !important; |
||
9887 | } |
||
9888 | .flex-xl-row-reverse {
|
||
9889 | flex-direction: row-reverse !important; |
||
9890 | } |
||
9891 | .flex-xl-column-reverse {
|
||
9892 | flex-direction: column-reverse !important; |
||
9893 | } |
||
9894 | .flex-xl-grow-0 {
|
||
9895 | flex-grow: 0 !important; |
||
9896 | } |
||
9897 | .flex-xl-grow-1 {
|
||
9898 | flex-grow: 1 !important; |
||
9899 | } |
||
9900 | .flex-xl-shrink-0 {
|
||
9901 | flex-shrink: 0 !important; |
||
9902 | } |
||
9903 | .flex-xl-shrink-1 {
|
||
9904 | flex-shrink: 1 !important; |
||
9905 | } |
||
9906 | .flex-xl-wrap {
|
||
9907 | flex-wrap: wrap !important; |
||
9908 | } |
||
9909 | .flex-xl-nowrap {
|
||
9910 | flex-wrap: nowrap !important; |
||
9911 | } |
||
9912 | .flex-xl-wrap-reverse {
|
||
9913 | flex-wrap: wrap-reverse !important; |
||
9914 | } |
||
9915 | .justify-content-xl-start {
|
||
9916 | justify-content: flex-start !important; |
||
9917 | } |
||
9918 | .justify-content-xl-end {
|
||
9919 | justify-content: flex-end !important; |
||
9920 | } |
||
9921 | .justify-content-xl-center {
|
||
9922 | justify-content: center !important; |
||
9923 | } |
||
9924 | .justify-content-xl-between {
|
||
9925 | justify-content: space-between !important; |
||
9926 | } |
||
9927 | .justify-content-xl-around {
|
||
9928 | justify-content: space-around !important; |
||
9929 | } |
||
9930 | .justify-content-xl-evenly {
|
||
9931 | justify-content: space-evenly !important; |
||
9932 | } |
||
9933 | .align-items-xl-start {
|
||
9934 | align-items: flex-start !important; |
||
9935 | } |
||
9936 | .align-items-xl-end {
|
||
9937 | align-items: flex-end !important; |
||
9938 | } |
||
9939 | .align-items-xl-center {
|
||
9940 | align-items: center !important; |
||
9941 | } |
||
9942 | .align-items-xl-baseline {
|
||
9943 | align-items: baseline !important; |
||
9944 | } |
||
9945 | .align-items-xl-stretch {
|
||
9946 | align-items: stretch !important; |
||
9947 | } |
||
9948 | .align-content-xl-start {
|
||
9949 | align-content: flex-start !important; |
||
9950 | } |
||
9951 | .align-content-xl-end {
|
||
9952 | align-content: flex-end !important; |
||
9953 | } |
||
9954 | .align-content-xl-center {
|
||
9955 | align-content: center !important; |
||
9956 | } |
||
9957 | .align-content-xl-between {
|
||
9958 | align-content: space-between !important; |
||
9959 | } |
||
9960 | .align-content-xl-around {
|
||
9961 | align-content: space-around !important; |
||
9962 | } |
||
9963 | .align-content-xl-stretch {
|
||
9964 | align-content: stretch !important; |
||
9965 | } |
||
9966 | .align-self-xl-auto {
|
||
9967 | align-self: auto !important; |
||
9968 | } |
||
9969 | .align-self-xl-start {
|
||
9970 | align-self: flex-start !important; |
||
9971 | } |
||
9972 | .align-self-xl-end {
|
||
9973 | align-self: flex-end !important; |
||
9974 | } |
||
9975 | .align-self-xl-center {
|
||
9976 | align-self: center !important; |
||
9977 | } |
||
9978 | .align-self-xl-baseline {
|
||
9979 | align-self: baseline !important; |
||
9980 | } |
||
9981 | .align-self-xl-stretch {
|
||
9982 | align-self: stretch !important; |
||
9983 | } |
||
9984 | .order-xl-first {
|
||
9985 | order: -1 !important; |
||
9986 | } |
||
9987 | .order-xl-0 {
|
||
9988 | order: 0 !important; |
||
9989 | } |
||
9990 | .order-xl-1 {
|
||
9991 | order: 1 !important; |
||
9992 | } |
||
9993 | .order-xl-2 {
|
||
9994 | order: 2 !important; |
||
9995 | } |
||
9996 | .order-xl-3 {
|
||
9997 | order: 3 !important; |
||
9998 | } |
||
9999 | .order-xl-4 {
|
||
10000 | order: 4 !important; |
||
10001 | } |
||
10002 | .order-xl-5 {
|
||
10003 | order: 5 !important; |
||
10004 | } |
||
10005 | .order-xl-last {
|
||
10006 | order: 6 !important; |
||
10007 | } |
||
10008 | .m-xl-0 {
|
||
10009 | margin: 0 !important; |
||
10010 | } |
||
10011 | .m-xl-1 {
|
||
10012 | margin: 0.25rem !important; |
||
10013 | } |
||
10014 | .m-xl-2 {
|
||
10015 | margin: 0.5rem !important; |
||
10016 | } |
||
10017 | .m-xl-3 {
|
||
10018 | margin: 1rem !important; |
||
10019 | } |
||
10020 | .m-xl-4 {
|
||
10021 | margin: 1.5rem !important; |
||
10022 | } |
||
10023 | .m-xl-5 {
|
||
10024 | margin: 3rem !important; |
||
10025 | } |
||
10026 | .m-xl-auto {
|
||
10027 | margin: auto !important; |
||
10028 | } |
||
10029 | .mx-xl-0 {
|
||
10030 | margin-right: 0 !important; |
||
10031 | margin-left: 0 !important; |
||
10032 | 950e6b84 | taeseongkim | } |
10033 | 65674874 | taeseongkim | .mx-xl-1 {
|
10034 | margin-right: 0.25rem !important; |
||
10035 | margin-left: 0.25rem !important; |
||
10036 | 950e6b84 | taeseongkim | } |
10037 | 65674874 | taeseongkim | .mx-xl-2 {
|
10038 | margin-right: 0.5rem !important; |
||
10039 | margin-left: 0.5rem !important; |
||
10040 | 950e6b84 | taeseongkim | } |
10041 | 65674874 | taeseongkim | .mx-xl-3 {
|
10042 | margin-right: 1rem !important; |
||
10043 | margin-left: 1rem !important; |
||
10044 | 950e6b84 | taeseongkim | } |
10045 | 65674874 | taeseongkim | .mx-xl-4 {
|
10046 | margin-right: 1.5rem !important; |
||
10047 | margin-left: 1.5rem !important; |
||
10048 | 950e6b84 | taeseongkim | } |
10049 | 65674874 | taeseongkim | .mx-xl-5 {
|
10050 | margin-right: 3rem !important; |
||
10051 | margin-left: 3rem !important; |
||
10052 | 950e6b84 | taeseongkim | } |
10053 | 65674874 | taeseongkim | .mx-xl-auto {
|
10054 | margin-right: auto !important; |
||
10055 | margin-left: auto !important; |
||
10056 | 950e6b84 | taeseongkim | } |
10057 | 65674874 | taeseongkim | .my-xl-0 {
|
10058 | margin-top: 0 !important; |
||
10059 | margin-bottom: 0 !important; |
||
10060 | } |
||
10061 | .my-xl-1 {
|
||
10062 | margin-top: 0.25rem !important; |
||
10063 | margin-bottom: 0.25rem !important; |
||
10064 | } |
||
10065 | .my-xl-2 {
|
||
10066 | margin-top: 0.5rem !important; |
||
10067 | margin-bottom: 0.5rem !important; |
||
10068 | } |
||
10069 | .my-xl-3 {
|
||
10070 | margin-top: 1rem !important; |
||
10071 | margin-bottom: 1rem !important; |
||
10072 | } |
||
10073 | .my-xl-4 {
|
||
10074 | margin-top: 1.5rem !important; |
||
10075 | margin-bottom: 1.5rem !important; |
||
10076 | } |
||
10077 | .my-xl-5 {
|
||
10078 | margin-top: 3rem !important; |
||
10079 | margin-bottom: 3rem !important; |
||
10080 | } |
||
10081 | .my-xl-auto {
|
||
10082 | margin-top: auto !important; |
||
10083 | margin-bottom: auto !important; |
||
10084 | } |
||
10085 | .mt-xl-0 {
|
||
10086 | margin-top: 0 !important; |
||
10087 | } |
||
10088 | .mt-xl-1 {
|
||
10089 | margin-top: 0.25rem !important; |
||
10090 | } |
||
10091 | .mt-xl-2 {
|
||
10092 | margin-top: 0.5rem !important; |
||
10093 | } |
||
10094 | .mt-xl-3 {
|
||
10095 | margin-top: 1rem !important; |
||
10096 | } |
||
10097 | .mt-xl-4 {
|
||
10098 | margin-top: 1.5rem !important; |
||
10099 | } |
||
10100 | .mt-xl-5 {
|
||
10101 | margin-top: 3rem !important; |
||
10102 | } |
||
10103 | .mt-xl-auto {
|
||
10104 | margin-top: auto !important; |
||
10105 | } |
||
10106 | .me-xl-0 {
|
||
10107 | margin-right: 0 !important; |
||
10108 | } |
||
10109 | .me-xl-1 {
|
||
10110 | margin-right: 0.25rem !important; |
||
10111 | } |
||
10112 | .me-xl-2 {
|
||
10113 | margin-right: 0.5rem !important; |
||
10114 | } |
||
10115 | .me-xl-3 {
|
||
10116 | margin-right: 1rem !important; |
||
10117 | } |
||
10118 | .me-xl-4 {
|
||
10119 | margin-right: 1.5rem !important; |
||
10120 | } |
||
10121 | .me-xl-5 {
|
||
10122 | margin-right: 3rem !important; |
||
10123 | } |
||
10124 | .me-xl-auto {
|
||
10125 | margin-right: auto !important; |
||
10126 | } |
||
10127 | .mb-xl-0 {
|
||
10128 | margin-bottom: 0 !important; |
||
10129 | } |
||
10130 | .mb-xl-1 {
|
||
10131 | margin-bottom: 0.25rem !important; |
||
10132 | } |
||
10133 | .mb-xl-2 {
|
||
10134 | margin-bottom: 0.5rem !important; |
||
10135 | } |
||
10136 | .mb-xl-3 {
|
||
10137 | margin-bottom: 1rem !important; |
||
10138 | } |
||
10139 | .mb-xl-4 {
|
||
10140 | margin-bottom: 1.5rem !important; |
||
10141 | } |
||
10142 | .mb-xl-5 {
|
||
10143 | margin-bottom: 3rem !important; |
||
10144 | } |
||
10145 | .mb-xl-auto {
|
||
10146 | margin-bottom: auto !important; |
||
10147 | } |
||
10148 | .ms-xl-0 {
|
||
10149 | margin-left: 0 !important; |
||
10150 | } |
||
10151 | .ms-xl-1 {
|
||
10152 | margin-left: 0.25rem !important; |
||
10153 | } |
||
10154 | .ms-xl-2 {
|
||
10155 | margin-left: 0.5rem !important; |
||
10156 | } |
||
10157 | .ms-xl-3 {
|
||
10158 | margin-left: 1rem !important; |
||
10159 | } |
||
10160 | .ms-xl-4 {
|
||
10161 | margin-left: 1.5rem !important; |
||
10162 | 950e6b84 | taeseongkim | } |
10163 | 65674874 | taeseongkim | .ms-xl-5 {
|
10164 | margin-left: 3rem !important; |
||
10165 | 950e6b84 | taeseongkim | } |
10166 | 65674874 | taeseongkim | .ms-xl-auto {
|
10167 | margin-left: auto !important; |
||
10168 | 950e6b84 | taeseongkim | } |
10169 | 65674874 | taeseongkim | .p-xl-0 {
|
10170 | padding: 0 !important; |
||
10171 | 950e6b84 | taeseongkim | } |
10172 | 65674874 | taeseongkim | .p-xl-1 {
|
10173 | padding: 0.25rem !important; |
||
10174 | 950e6b84 | taeseongkim | } |
10175 | 65674874 | taeseongkim | .p-xl-2 {
|
10176 | padding: 0.5rem !important; |
||
10177 | 950e6b84 | taeseongkim | } |
10178 | 65674874 | taeseongkim | .p-xl-3 {
|
10179 | padding: 1rem !important; |
||
10180 | 950e6b84 | taeseongkim | } |
10181 | 65674874 | taeseongkim | .p-xl-4 {
|
10182 | padding: 1.5rem !important; |
||
10183 | 950e6b84 | taeseongkim | } |
10184 | 65674874 | taeseongkim | .p-xl-5 {
|
10185 | padding: 3rem !important; |
||
10186 | 950e6b84 | taeseongkim | } |
10187 | 65674874 | taeseongkim | .px-xl-0 {
|
10188 | padding-right: 0 !important; |
||
10189 | padding-left: 0 !important; |
||
10190 | 950e6b84 | taeseongkim | } |
10191 | 65674874 | taeseongkim | .px-xl-1 {
|
10192 | padding-right: 0.25rem !important; |
||
10193 | padding-left: 0.25rem !important; |
||
10194 | 950e6b84 | taeseongkim | } |
10195 | 65674874 | taeseongkim | .px-xl-2 {
|
10196 | padding-right: 0.5rem !important; |
||
10197 | padding-left: 0.5rem !important; |
||
10198 | 950e6b84 | taeseongkim | } |
10199 | 65674874 | taeseongkim | .px-xl-3 {
|
10200 | padding-right: 1rem !important; |
||
10201 | padding-left: 1rem !important; |
||
10202 | 950e6b84 | taeseongkim | } |
10203 | 65674874 | taeseongkim | .px-xl-4 {
|
10204 | padding-right: 1.5rem !important; |
||
10205 | padding-left: 1.5rem !important; |
||
10206 | 950e6b84 | taeseongkim | } |
10207 | 65674874 | taeseongkim | .px-xl-5 {
|
10208 | padding-right: 3rem !important; |
||
10209 | padding-left: 3rem !important; |
||
10210 | 950e6b84 | taeseongkim | } |
10211 | 65674874 | taeseongkim | .py-xl-0 {
|
10212 | padding-top: 0 !important; |
||
10213 | padding-bottom: 0 !important; |
||
10214 | 950e6b84 | taeseongkim | } |
10215 | 65674874 | taeseongkim | .py-xl-1 {
|
10216 | padding-top: 0.25rem !important; |
||
10217 | padding-bottom: 0.25rem !important; |
||
10218 | 950e6b84 | taeseongkim | } |
10219 | 65674874 | taeseongkim | .py-xl-2 {
|
10220 | padding-top: 0.5rem !important; |
||
10221 | padding-bottom: 0.5rem !important; |
||
10222 | 950e6b84 | taeseongkim | } |
10223 | 65674874 | taeseongkim | .py-xl-3 {
|
10224 | padding-top: 1rem !important; |
||
10225 | padding-bottom: 1rem !important; |
||
10226 | } |
||
10227 | .py-xl-4 {
|
||
10228 | padding-top: 1.5rem !important; |
||
10229 | padding-bottom: 1.5rem !important; |
||
10230 | } |
||
10231 | .py-xl-5 {
|
||
10232 | padding-top: 3rem !important; |
||
10233 | padding-bottom: 3rem !important; |
||
10234 | } |
||
10235 | .pt-xl-0 {
|
||
10236 | padding-top: 0 !important; |
||
10237 | } |
||
10238 | .pt-xl-1 {
|
||
10239 | padding-top: 0.25rem !important; |
||
10240 | } |
||
10241 | .pt-xl-2 {
|
||
10242 | padding-top: 0.5rem !important; |
||
10243 | } |
||
10244 | .pt-xl-3 {
|
||
10245 | padding-top: 1rem !important; |
||
10246 | } |
||
10247 | .pt-xl-4 {
|
||
10248 | padding-top: 1.5rem !important; |
||
10249 | } |
||
10250 | .pt-xl-5 {
|
||
10251 | padding-top: 3rem !important; |
||
10252 | } |
||
10253 | .pe-xl-0 {
|
||
10254 | padding-right: 0 !important; |
||
10255 | } |
||
10256 | .pe-xl-1 {
|
||
10257 | padding-right: 0.25rem !important; |
||
10258 | } |
||
10259 | .pe-xl-2 {
|
||
10260 | padding-right: 0.5rem !important; |
||
10261 | } |
||
10262 | .pe-xl-3 {
|
||
10263 | padding-right: 1rem !important; |
||
10264 | } |
||
10265 | .pe-xl-4 {
|
||
10266 | padding-right: 1.5rem !important; |
||
10267 | } |
||
10268 | .pe-xl-5 {
|
||
10269 | padding-right: 3rem !important; |
||
10270 | } |
||
10271 | .pb-xl-0 {
|
||
10272 | padding-bottom: 0 !important; |
||
10273 | } |
||
10274 | .pb-xl-1 {
|
||
10275 | padding-bottom: 0.25rem !important; |
||
10276 | } |
||
10277 | .pb-xl-2 {
|
||
10278 | padding-bottom: 0.5rem !important; |
||
10279 | } |
||
10280 | .pb-xl-3 {
|
||
10281 | padding-bottom: 1rem !important; |
||
10282 | } |
||
10283 | .pb-xl-4 {
|
||
10284 | padding-bottom: 1.5rem !important; |
||
10285 | } |
||
10286 | .pb-xl-5 {
|
||
10287 | padding-bottom: 3rem !important; |
||
10288 | } |
||
10289 | .ps-xl-0 {
|
||
10290 | padding-left: 0 !important; |
||
10291 | } |
||
10292 | .ps-xl-1 {
|
||
10293 | padding-left: 0.25rem !important; |
||
10294 | } |
||
10295 | .ps-xl-2 {
|
||
10296 | padding-left: 0.5rem !important; |
||
10297 | } |
||
10298 | .ps-xl-3 {
|
||
10299 | padding-left: 1rem !important; |
||
10300 | } |
||
10301 | .ps-xl-4 {
|
||
10302 | padding-left: 1.5rem !important; |
||
10303 | } |
||
10304 | .ps-xl-5 {
|
||
10305 | padding-left: 3rem !important; |
||
10306 | } |
||
10307 | .gap-xl-0 {
|
||
10308 | gap: 0 !important; |
||
10309 | } |
||
10310 | .gap-xl-1 {
|
||
10311 | gap: 0.25rem !important; |
||
10312 | } |
||
10313 | .gap-xl-2 {
|
||
10314 | gap: 0.5rem !important; |
||
10315 | } |
||
10316 | .gap-xl-3 {
|
||
10317 | gap: 1rem !important; |
||
10318 | } |
||
10319 | .gap-xl-4 {
|
||
10320 | gap: 1.5rem !important; |
||
10321 | } |
||
10322 | .gap-xl-5 {
|
||
10323 | gap: 3rem !important; |
||
10324 | } |
||
10325 | .text-xl-start {
|
||
10326 | text-align: left !important; |
||
10327 | } |
||
10328 | .text-xl-end {
|
||
10329 | text-align: right !important; |
||
10330 | } |
||
10331 | .text-xl-center {
|
||
10332 | text-align: center !important; |
||
10333 | 950e6b84 | taeseongkim | } |
10334 | } |
||
10335 | 65674874 | taeseongkim | @media (min-width: 1400px) { |
10336 | .float-xxl-start {
|
||
10337 | float: left !important; |
||
10338 | } |
||
10339 | .float-xxl-end {
|
||
10340 | float: right !important; |
||
10341 | } |
||
10342 | .float-xxl-none {
|
||
10343 | float: none !important; |
||
10344 | } |
||
10345 | .d-xxl-inline {
|
||
10346 | 950e6b84 | taeseongkim | display: inline !important; |
10347 | } |
||
10348 | 65674874 | taeseongkim | .d-xxl-inline-block {
|
10349 | 950e6b84 | taeseongkim | display: inline-block !important; |
10350 | } |
||
10351 | 65674874 | taeseongkim | .d-xxl-block {
|
10352 | 950e6b84 | taeseongkim | display: block !important; |
10353 | } |
||
10354 | 65674874 | taeseongkim | .d-xxl-grid {
|
10355 | display: grid !important; |
||
10356 | } |
||
10357 | .d-xxl-table {
|
||
10358 | 950e6b84 | taeseongkim | display: table !important; |
10359 | } |
||
10360 | 65674874 | taeseongkim | .d-xxl-table-row {
|
10361 | 950e6b84 | taeseongkim | display: table-row !important; |
10362 | } |
||
10363 | 65674874 | taeseongkim | .d-xxl-table-cell {
|
10364 | 950e6b84 | taeseongkim | display: table-cell !important; |
10365 | } |
||
10366 | 65674874 | taeseongkim | .d-xxl-flex {
|
10367 | display: flex !important; |
||
10368 | 950e6b84 | taeseongkim | } |
10369 | 65674874 | taeseongkim | .d-xxl-inline-flex {
|
10370 | display: inline-flex !important; |
||
10371 | 950e6b84 | taeseongkim | } |
10372 | 65674874 | taeseongkim | .d-xxl-none {
|
10373 | 950e6b84 | taeseongkim | display: none !important; |
10374 | } |
||
10375 | 65674874 | taeseongkim | .flex-xxl-fill {
|
10376 | flex: 1 1 auto !important; |
||
10377 | 950e6b84 | taeseongkim | } |
10378 | 65674874 | taeseongkim | .flex-xxl-row {
|
10379 | flex-direction: row !important; |
||
10380 | } |
||
10381 | .flex-xxl-column {
|
||
10382 | flex-direction: column !important; |
||
10383 | } |
||
10384 | .flex-xxl-row-reverse {
|
||
10385 | flex-direction: row-reverse !important; |
||
10386 | } |
||
10387 | .flex-xxl-column-reverse {
|
||
10388 | flex-direction: column-reverse !important; |
||
10389 | } |
||
10390 | .flex-xxl-grow-0 {
|
||
10391 | flex-grow: 0 !important; |
||
10392 | } |
||
10393 | .flex-xxl-grow-1 {
|
||
10394 | flex-grow: 1 !important; |
||
10395 | } |
||
10396 | .flex-xxl-shrink-0 {
|
||
10397 | flex-shrink: 0 !important; |
||
10398 | } |
||
10399 | .flex-xxl-shrink-1 {
|
||
10400 | flex-shrink: 1 !important; |
||
10401 | } |
||
10402 | .flex-xxl-wrap {
|
||
10403 | flex-wrap: wrap !important; |
||
10404 | } |
||
10405 | .flex-xxl-nowrap {
|
||
10406 | flex-wrap: nowrap !important; |
||
10407 | } |
||
10408 | .flex-xxl-wrap-reverse {
|
||
10409 | flex-wrap: wrap-reverse !important; |
||
10410 | } |
||
10411 | .justify-content-xxl-start {
|
||
10412 | justify-content: flex-start !important; |
||
10413 | } |
||
10414 | .justify-content-xxl-end {
|
||
10415 | justify-content: flex-end !important; |
||
10416 | } |
||
10417 | .justify-content-xxl-center {
|
||
10418 | justify-content: center !important; |
||
10419 | } |
||
10420 | .justify-content-xxl-between {
|
||
10421 | justify-content: space-between !important; |
||
10422 | } |
||
10423 | .justify-content-xxl-around {
|
||
10424 | justify-content: space-around !important; |
||
10425 | } |
||
10426 | .justify-content-xxl-evenly {
|
||
10427 | justify-content: space-evenly !important; |
||
10428 | } |
||
10429 | .align-items-xxl-start {
|
||
10430 | align-items: flex-start !important; |
||
10431 | } |
||
10432 | .align-items-xxl-end {
|
||
10433 | align-items: flex-end !important; |
||
10434 | } |
||
10435 | .align-items-xxl-center {
|
||
10436 | align-items: center !important; |
||
10437 | } |
||
10438 | .align-items-xxl-baseline {
|
||
10439 | align-items: baseline !important; |
||
10440 | } |
||
10441 | .align-items-xxl-stretch {
|
||
10442 | align-items: stretch !important; |
||
10443 | } |
||
10444 | .align-content-xxl-start {
|
||
10445 | align-content: flex-start !important; |
||
10446 | } |
||
10447 | .align-content-xxl-end {
|
||
10448 | align-content: flex-end !important; |
||
10449 | } |
||
10450 | .align-content-xxl-center {
|
||
10451 | align-content: center !important; |
||
10452 | } |
||
10453 | .align-content-xxl-between {
|
||
10454 | align-content: space-between !important; |
||
10455 | } |
||
10456 | .align-content-xxl-around {
|
||
10457 | align-content: space-around !important; |
||
10458 | } |
||
10459 | .align-content-xxl-stretch {
|
||
10460 | align-content: stretch !important; |
||
10461 | } |
||
10462 | .align-self-xxl-auto {
|
||
10463 | align-self: auto !important; |
||
10464 | } |
||
10465 | .align-self-xxl-start {
|
||
10466 | align-self: flex-start !important; |
||
10467 | } |
||
10468 | .align-self-xxl-end {
|
||
10469 | align-self: flex-end !important; |
||
10470 | } |
||
10471 | .align-self-xxl-center {
|
||
10472 | align-self: center !important; |
||
10473 | } |
||
10474 | .align-self-xxl-baseline {
|
||
10475 | align-self: baseline !important; |
||
10476 | } |
||
10477 | .align-self-xxl-stretch {
|
||
10478 | align-self: stretch !important; |
||
10479 | } |
||
10480 | .order-xxl-first {
|
||
10481 | order: -1 !important; |
||
10482 | } |
||
10483 | .order-xxl-0 {
|
||
10484 | order: 0 !important; |
||
10485 | } |
||
10486 | .order-xxl-1 {
|
||
10487 | order: 1 !important; |
||
10488 | } |
||
10489 | .order-xxl-2 {
|
||
10490 | order: 2 !important; |
||
10491 | } |
||
10492 | .order-xxl-3 {
|
||
10493 | order: 3 !important; |
||
10494 | } |
||
10495 | .order-xxl-4 {
|
||
10496 | order: 4 !important; |
||
10497 | } |
||
10498 | .order-xxl-5 {
|
||
10499 | order: 5 !important; |
||
10500 | } |
||
10501 | .order-xxl-last {
|
||
10502 | order: 6 !important; |
||
10503 | } |
||
10504 | .m-xxl-0 {
|
||
10505 | margin: 0 !important; |
||
10506 | } |
||
10507 | .m-xxl-1 {
|
||
10508 | margin: 0.25rem !important; |
||
10509 | } |
||
10510 | .m-xxl-2 {
|
||
10511 | margin: 0.5rem !important; |
||
10512 | } |
||
10513 | .m-xxl-3 {
|
||
10514 | margin: 1rem !important; |
||
10515 | } |
||
10516 | .m-xxl-4 {
|
||
10517 | margin: 1.5rem !important; |
||
10518 | } |
||
10519 | .m-xxl-5 {
|
||
10520 | margin: 3rem !important; |
||
10521 | } |
||
10522 | .m-xxl-auto {
|
||
10523 | margin: auto !important; |
||
10524 | } |
||
10525 | .mx-xxl-0 {
|
||
10526 | margin-right: 0 !important; |
||
10527 | margin-left: 0 !important; |
||
10528 | } |
||
10529 | .mx-xxl-1 {
|
||
10530 | margin-right: 0.25rem !important; |
||
10531 | margin-left: 0.25rem !important; |
||
10532 | } |
||
10533 | .mx-xxl-2 {
|
||
10534 | margin-right: 0.5rem !important; |
||
10535 | margin-left: 0.5rem !important; |
||
10536 | } |
||
10537 | .mx-xxl-3 {
|
||
10538 | margin-right: 1rem !important; |
||
10539 | margin-left: 1rem !important; |
||
10540 | } |
||
10541 | .mx-xxl-4 {
|
||
10542 | margin-right: 1.5rem !important; |
||
10543 | margin-left: 1.5rem !important; |
||
10544 | } |
||
10545 | .mx-xxl-5 {
|
||
10546 | margin-right: 3rem !important; |
||
10547 | margin-left: 3rem !important; |
||
10548 | } |
||
10549 | .mx-xxl-auto {
|
||
10550 | margin-right: auto !important; |
||
10551 | margin-left: auto !important; |
||
10552 | } |
||
10553 | .my-xxl-0 {
|
||
10554 | margin-top: 0 !important; |
||
10555 | margin-bottom: 0 !important; |
||
10556 | } |
||
10557 | .my-xxl-1 {
|
||
10558 | margin-top: 0.25rem !important; |
||
10559 | margin-bottom: 0.25rem !important; |
||
10560 | } |
||
10561 | .my-xxl-2 {
|
||
10562 | margin-top: 0.5rem !important; |
||
10563 | margin-bottom: 0.5rem !important; |
||
10564 | } |
||
10565 | .my-xxl-3 {
|
||
10566 | margin-top: 1rem !important; |
||
10567 | margin-bottom: 1rem !important; |
||
10568 | } |
||
10569 | .my-xxl-4 {
|
||
10570 | margin-top: 1.5rem !important; |
||
10571 | margin-bottom: 1.5rem !important; |
||
10572 | } |
||
10573 | .my-xxl-5 {
|
||
10574 | margin-top: 3rem !important; |
||
10575 | margin-bottom: 3rem !important; |
||
10576 | } |
||
10577 | .my-xxl-auto {
|
||
10578 | margin-top: auto !important; |
||
10579 | margin-bottom: auto !important; |
||
10580 | } |
||
10581 | .mt-xxl-0 {
|
||
10582 | margin-top: 0 !important; |
||
10583 | } |
||
10584 | .mt-xxl-1 {
|
||
10585 | margin-top: 0.25rem !important; |
||
10586 | } |
||
10587 | .mt-xxl-2 {
|
||
10588 | margin-top: 0.5rem !important; |
||
10589 | } |
||
10590 | .mt-xxl-3 {
|
||
10591 | margin-top: 1rem !important; |
||
10592 | } |
||
10593 | .mt-xxl-4 {
|
||
10594 | margin-top: 1.5rem !important; |
||
10595 | } |
||
10596 | .mt-xxl-5 {
|
||
10597 | margin-top: 3rem !important; |
||
10598 | } |
||
10599 | .mt-xxl-auto {
|
||
10600 | margin-top: auto !important; |
||
10601 | } |
||
10602 | .me-xxl-0 {
|
||
10603 | margin-right: 0 !important; |
||
10604 | } |
||
10605 | .me-xxl-1 {
|
||
10606 | margin-right: 0.25rem !important; |
||
10607 | } |
||
10608 | .me-xxl-2 {
|
||
10609 | margin-right: 0.5rem !important; |
||
10610 | } |
||
10611 | .me-xxl-3 {
|
||
10612 | margin-right: 1rem !important; |
||
10613 | } |
||
10614 | .me-xxl-4 {
|
||
10615 | margin-right: 1.5rem !important; |
||
10616 | } |
||
10617 | .me-xxl-5 {
|
||
10618 | margin-right: 3rem !important; |
||
10619 | } |
||
10620 | .me-xxl-auto {
|
||
10621 | margin-right: auto !important; |
||
10622 | } |
||
10623 | .mb-xxl-0 {
|
||
10624 | margin-bottom: 0 !important; |
||
10625 | } |
||
10626 | .mb-xxl-1 {
|
||
10627 | margin-bottom: 0.25rem !important; |
||
10628 | } |
||
10629 | .mb-xxl-2 {
|
||
10630 | margin-bottom: 0.5rem !important; |
||
10631 | } |
||
10632 | .mb-xxl-3 {
|
||
10633 | margin-bottom: 1rem !important; |
||
10634 | } |
||
10635 | .mb-xxl-4 {
|
||
10636 | margin-bottom: 1.5rem !important; |
||
10637 | } |
||
10638 | .mb-xxl-5 {
|
||
10639 | margin-bottom: 3rem !important; |
||
10640 | } |
||
10641 | .mb-xxl-auto {
|
||
10642 | margin-bottom: auto !important; |
||
10643 | } |
||
10644 | .ms-xxl-0 {
|
||
10645 | margin-left: 0 !important; |
||
10646 | } |
||
10647 | .ms-xxl-1 {
|
||
10648 | margin-left: 0.25rem !important; |
||
10649 | } |
||
10650 | .ms-xxl-2 {
|
||
10651 | margin-left: 0.5rem !important; |
||
10652 | } |
||
10653 | .ms-xxl-3 {
|
||
10654 | margin-left: 1rem !important; |
||
10655 | } |
||
10656 | .ms-xxl-4 {
|
||
10657 | margin-left: 1.5rem !important; |
||
10658 | } |
||
10659 | .ms-xxl-5 {
|
||
10660 | margin-left: 3rem !important; |
||
10661 | } |
||
10662 | .ms-xxl-auto {
|
||
10663 | margin-left: auto !important; |
||
10664 | } |
||
10665 | .p-xxl-0 {
|
||
10666 | padding: 0 !important; |
||
10667 | } |
||
10668 | .p-xxl-1 {
|
||
10669 | padding: 0.25rem !important; |
||
10670 | } |
||
10671 | .p-xxl-2 {
|
||
10672 | padding: 0.5rem !important; |
||
10673 | } |
||
10674 | .p-xxl-3 {
|
||
10675 | padding: 1rem !important; |
||
10676 | } |
||
10677 | .p-xxl-4 {
|
||
10678 | padding: 1.5rem !important; |
||
10679 | } |
||
10680 | .p-xxl-5 {
|
||
10681 | padding: 3rem !important; |
||
10682 | } |
||
10683 | .px-xxl-0 {
|
||
10684 | padding-right: 0 !important; |
||
10685 | padding-left: 0 !important; |
||
10686 | } |
||
10687 | .px-xxl-1 {
|
||
10688 | padding-right: 0.25rem !important; |
||
10689 | padding-left: 0.25rem !important; |
||
10690 | } |
||
10691 | .px-xxl-2 {
|
||
10692 | padding-right: 0.5rem !important; |
||
10693 | padding-left: 0.5rem !important; |
||
10694 | } |
||
10695 | .px-xxl-3 {
|
||
10696 | padding-right: 1rem !important; |
||
10697 | padding-left: 1rem !important; |
||
10698 | } |
||
10699 | .px-xxl-4 {
|
||
10700 | padding-right: 1.5rem !important; |
||
10701 | padding-left: 1.5rem !important; |
||
10702 | } |
||
10703 | .px-xxl-5 {
|
||
10704 | padding-right: 3rem !important; |
||
10705 | padding-left: 3rem !important; |
||
10706 | } |
||
10707 | .py-xxl-0 {
|
||
10708 | padding-top: 0 !important; |
||
10709 | padding-bottom: 0 !important; |
||
10710 | } |
||
10711 | .py-xxl-1 {
|
||
10712 | padding-top: 0.25rem !important; |
||
10713 | padding-bottom: 0.25rem !important; |
||
10714 | } |
||
10715 | .py-xxl-2 {
|
||
10716 | padding-top: 0.5rem !important; |
||
10717 | padding-bottom: 0.5rem !important; |
||
10718 | } |
||
10719 | .py-xxl-3 {
|
||
10720 | padding-top: 1rem !important; |
||
10721 | padding-bottom: 1rem !important; |
||
10722 | } |
||
10723 | .py-xxl-4 {
|
||
10724 | padding-top: 1.5rem !important; |
||
10725 | padding-bottom: 1.5rem !important; |
||
10726 | } |
||
10727 | .py-xxl-5 {
|
||
10728 | padding-top: 3rem !important; |
||
10729 | padding-bottom: 3rem !important; |
||
10730 | } |
||
10731 | .pt-xxl-0 {
|
||
10732 | padding-top: 0 !important; |
||
10733 | } |
||
10734 | .pt-xxl-1 {
|
||
10735 | padding-top: 0.25rem !important; |
||
10736 | } |
||
10737 | .pt-xxl-2 {
|
||
10738 | padding-top: 0.5rem !important; |
||
10739 | } |
||
10740 | .pt-xxl-3 {
|
||
10741 | padding-top: 1rem !important; |
||
10742 | } |
||
10743 | .pt-xxl-4 {
|
||
10744 | padding-top: 1.5rem !important; |
||
10745 | } |
||
10746 | .pt-xxl-5 {
|
||
10747 | padding-top: 3rem !important; |
||
10748 | } |
||
10749 | .pe-xxl-0 {
|
||
10750 | padding-right: 0 !important; |
||
10751 | } |
||
10752 | .pe-xxl-1 {
|
||
10753 | padding-right: 0.25rem !important; |
||
10754 | } |
||
10755 | .pe-xxl-2 {
|
||
10756 | padding-right: 0.5rem !important; |
||
10757 | } |
||
10758 | .pe-xxl-3 {
|
||
10759 | padding-right: 1rem !important; |
||
10760 | } |
||
10761 | .pe-xxl-4 {
|
||
10762 | padding-right: 1.5rem !important; |
||
10763 | } |
||
10764 | .pe-xxl-5 {
|
||
10765 | padding-right: 3rem !important; |
||
10766 | } |
||
10767 | .pb-xxl-0 {
|
||
10768 | padding-bottom: 0 !important; |
||
10769 | } |
||
10770 | .pb-xxl-1 {
|
||
10771 | padding-bottom: 0.25rem !important; |
||
10772 | } |
||
10773 | .pb-xxl-2 {
|
||
10774 | padding-bottom: 0.5rem !important; |
||
10775 | } |
||
10776 | .pb-xxl-3 {
|
||
10777 | padding-bottom: 1rem !important; |
||
10778 | } |
||
10779 | .pb-xxl-4 {
|
||
10780 | padding-bottom: 1.5rem !important; |
||
10781 | } |
||
10782 | .pb-xxl-5 {
|
||
10783 | padding-bottom: 3rem !important; |
||
10784 | } |
||
10785 | .ps-xxl-0 {
|
||
10786 | padding-left: 0 !important; |
||
10787 | } |
||
10788 | .ps-xxl-1 {
|
||
10789 | padding-left: 0.25rem !important; |
||
10790 | } |
||
10791 | .ps-xxl-2 {
|
||
10792 | padding-left: 0.5rem !important; |
||
10793 | } |
||
10794 | .ps-xxl-3 {
|
||
10795 | padding-left: 1rem !important; |
||
10796 | } |
||
10797 | .ps-xxl-4 {
|
||
10798 | padding-left: 1.5rem !important; |
||
10799 | } |
||
10800 | .ps-xxl-5 {
|
||
10801 | padding-left: 3rem !important; |
||
10802 | } |
||
10803 | .gap-xxl-0 {
|
||
10804 | gap: 0 !important; |
||
10805 | } |
||
10806 | .gap-xxl-1 {
|
||
10807 | gap: 0.25rem !important; |
||
10808 | } |
||
10809 | .gap-xxl-2 {
|
||
10810 | gap: 0.5rem !important; |
||
10811 | } |
||
10812 | .gap-xxl-3 {
|
||
10813 | gap: 1rem !important; |
||
10814 | } |
||
10815 | .gap-xxl-4 {
|
||
10816 | gap: 1.5rem !important; |
||
10817 | } |
||
10818 | .gap-xxl-5 {
|
||
10819 | gap: 3rem !important; |
||
10820 | } |
||
10821 | .text-xxl-start {
|
||
10822 | text-align: left !important; |
||
10823 | } |
||
10824 | .text-xxl-end {
|
||
10825 | text-align: right !important; |
||
10826 | } |
||
10827 | .text-xxl-center {
|
||
10828 | text-align: center !important; |
||
10829 | 950e6b84 | taeseongkim | } |
10830 | } |
||
10831 | @media (min-width: 1200px) { |
||
10832 | 65674874 | taeseongkim | .fs-1 {
|
10833 | font-size: 2.5rem !important; |
||
10834 | } |
||
10835 | .fs-2 {
|
||
10836 | font-size: 2rem !important; |
||
10837 | } |
||
10838 | .fs-3 {
|
||
10839 | font-size: 1.75rem !important; |
||
10840 | } |
||
10841 | .fs-4 {
|
||
10842 | font-size: 1.5rem !important; |
||
10843 | 950e6b84 | taeseongkim | } |
10844 | } |
||
10845 | @media print { |
||
10846 | 65674874 | taeseongkim | .d-print-inline {
|
10847 | display: inline !important; |
||
10848 | } |
||
10849 | .d-print-inline-block {
|
||
10850 | display: inline-block !important; |
||
10851 | } |
||
10852 | .d-print-block {
|
||
10853 | 950e6b84 | taeseongkim | display: block !important; |
10854 | } |
||
10855 | 65674874 | taeseongkim | .d-print-grid {
|
10856 | display: grid !important; |
||
10857 | } |
||
10858 | .d-print-table {
|
||
10859 | 950e6b84 | taeseongkim | display: table !important; |
10860 | } |
||
10861 | 65674874 | taeseongkim | .d-print-table-row {
|
10862 | 950e6b84 | taeseongkim | display: table-row !important; |
10863 | } |
||
10864 | 65674874 | taeseongkim | .d-print-table-cell {
|
10865 | 950e6b84 | taeseongkim | display: table-cell !important; |
10866 | } |
||
10867 | 65674874 | taeseongkim | .d-print-flex {
|
10868 | display: flex !important; |
||
10869 | 950e6b84 | taeseongkim | } |
10870 | 65674874 | taeseongkim | .d-print-inline-flex {
|
10871 | display: inline-flex !important; |
||
10872 | 950e6b84 | taeseongkim | } |
10873 | 65674874 | taeseongkim | .d-print-none {
|
10874 | 950e6b84 | taeseongkim | display: none !important; |
10875 | } |
||
10876 | } |
||
10877 | 65674874 | taeseongkim | |
10878 | 950e6b84 | taeseongkim | /*# sourceMappingURL=bootstrap.css.map */ |