html, body { font-family: 'Noto Sans', 'Noto Sans KR', 'Noto Sans SC', sans-serif; font-variation-settings: 'wdth' 87.5; font-weight: 400; font-style: normal; font-optical-sizing: auto; }

a  { text-decoration: none                    ;             }
hr { border-color   : var( --bs-border-color ); opacity: 1; }

ul              { padding-left:  0   ; }
li              { padding-left: .5rem; margin-bottom: .5rem; list-style-type: none; border-left: calc( var( --bs-border-width ) * 1 ) var( --bs-border-style ) var( --bs-primary ) !important; }
li:last-of-type {                      margin-bottom:  0   ; }

   input:focus,
textarea:focus { outline: none; }
::placeholder  { color: rgba( var( --bs-primary-rgb ), .5 ) !important; }

/* .desktop */      ::-webkit-scrollbar             { background: rgba( var( --bs-body-rgb    ),  1  ); width: .5rem; height: .5rem; }
/* .desktop */      ::-webkit-scrollbar-corner      { background: rgba( var( --bs-primary-rgb ), .25 ); }
/* .desktop */      ::-webkit-scrollbar-thumb       { background: rgba( var( --bs-primary-rgb ), .25 ); border-radius: .25rem; }
/* .desktop */      ::-webkit-scrollbar-thumb:hover { background: rgba( var( --bs-primary-rgb ), .75 ); }

.form-control:focus { box-shadow: 0 0 0 .25rem rgba( var( --bs-primary-rgb ), .25 ); }

.pf    { position: fixed;                      } .pa    { position: absolute;                      } .pr { position: relative; }
.pf_tl { position: fixed; top   : 0; left : 0; } .pa_tl { position: absolute; top   : 0; left : 0; }
.pf_tr { position: fixed; top   : 0; right: 0; } .pa_tr { position: absolute; top   : 0; right: 0; }
.pf_bl { position: fixed; bottom: 0; left : 0; } .pa_bl { position: absolute; bottom: 0; left : 0; }
.pf_br { position: fixed; bottom: 0; right: 0; } .pa_br { position: absolute; bottom: 0; right: 0; }

.br   { border-radius:     var( --bs-border-radius-xl )                                      !important; }
.br_t { border-radius:     var( --bs-border-radius-xl )     var( --bs-border-radius-xl ) 0 0 !important; } .br_tl { border-radius:       var( --bs-border-radius-xl ) 0 0 0 !important; }
.br_b { border-radius: 0 0 var( --bs-border-radius-xl )     var( --bs-border-radius-xl )     !important; } .br_tr { border-radius: 0     var( --bs-border-radius-xl )   0 0 !important; }
.br_l { border-radius:     var( --bs-border-radius-xl ) 0 0 var( --bs-border-radius-xl )     !important; } .br_bl { border-radius: 0 0 0 var( --bs-border-radius-xl )       !important; }
.br_r { border-radius: 0   var( --bs-border-radius-xl )     var( --bs-border-radius-xl )   0 !important; } .br_br { border-radius: 0 0   var( --bs-border-radius-xl )     0 !important; }

.nm_t { margin-top   : calc( var( --bs-border-width ) * -1 ) !important; } /* Negative Margin */
.nm_b { margin-bottom: calc( var( --bs-border-width ) * -1 ) !important; }
.nm_l { margin-left  : calc( var( --bs-border-width ) * -1 ) !important; }
.nm_r { margin-right : calc( var( --bs-border-width ) * -1 ) !important; }

.bgi   { background-position: center;   /* Background Image */
         background-size    : cover ; }
.bgp_c { background-position: center; }
.bgs_c { background-size    : cover ; }

.o_100 { opacity:  1 ; } .oh_100:hover { opacity:  1  !important; }
.o_75  { opacity: .75; } .oh_75:hover  { opacity: .75 !important; }
.o_50  { opacity: .5 ; } .oh_50:hover  { opacity: .5  !important; }
.o_25  { opacity: .25; } .oh_25:hover  { opacity: .25 !important; }
.o_10  { opacity: .1 ; } .oh_10:hover  { opacity: .1  !important; }
.o_0   { opacity:  0 ; } .oh_0:hover   { opacity:  0  !important; }

.ar_1_1  { aspect-ratio:  1 /  1; }
.ar_3_4  { aspect-ratio:  3 /  4; } .ar_4_3  { aspect-ratio:  4 /  3; }
.ar_5_7  { aspect-ratio:  5 /  7; } .ar_7_5  { aspect-ratio:  7 /  5; } /* Standard Playing Card */
.ar_9_16 { aspect-ratio:  9 / 16; } .ar_16_9 { aspect-ratio: 16 /  9; }

.fs_50  { font-size:  50% !important; }
.fs_75  { font-size:  75% !important; }
.fs_875 { font-size: 875% !important; }

@media print {
  .p_ba_p { break-after : page           ; } .p_pba_a { page-break-after : always; }
  .p_bb_p { break-before: page           ; } .p_pbb_a { page-break-before: always; }
  .p_bi_a { break-inside: avoid          ; }
  .p_d_n  { display     : none !important; }
}

.as_3_4  { aspect-ratio: 3 /  4; }
.as_9_16 { aspect-ratio: 9 / 16; }

.f_g_100,
.f_g       { filter: grayscale( 100% ); }
.f_g:hover { filter: grayscale(   0% ); }

.slf_article h2,
.slf_article h3,
.slf_article p  { margin-bottom: 0; padding    : 1rem; border-top: var( --bs-border-width ) var( --bs-border-style ) var( --bs-border-color ); }
.slf_article h2 { margin-top: 3rem; margin-left: 0   ; font-size: calc( 1.275rem + .3vw ); font-weight: bold; }
.slf_article h3 { margin-top: 3rem; margin-left: 3rem; font-size:        1.25rem         ;                    }
.slf_article h3 + p + p + p + p,
.slf_article h3 + p + p + p    ,
.slf_article h3 + p + p        ,
.slf_article h3 + p { margin-left: 3rem; opacity: .5; }

/* @media ( max-width: 767.98px ) { di-md { display: none  ; } dn-md { display: inline; } } */
/* @media ( min-width: 768px    ) { di-md { display: inline; } dn-md { display: none  ; } } */



@media ( max-width: 575.98px ) { di-sm { display: none; } dn-sm { display: inline; } } @media ( min-width: 576px ) { di-sm { display: inline; } dn-sm { display: none; } }
@media ( max-width: 767.98px ) { di-md { display: none; } dn-md { display: inline; } } @media ( min-width: 768px ) { di-md { display: inline; } dn-md { display: none; } }

.slf_article figcaption { padding: 1rem; font-size: 75%; opacity: .5; text-align: center; }

.slf_article img { width: 100%; max-width: 100%; border-radius: var( --bs-border-radius ); }

.slf_article table                  { width: 100%; max-width: 100%; border-bottom: var( --bs-border-width ) var( --bs-border-style ) var( --bs-border-color ); }
.slf_article table td               { padding      : .5rem;         border-top   : var( --bs-border-width ) var( --bs-border-style ) var( --bs-border-color ); vertical-align: top; }
.slf_article table td:first-of-type { padding-left :  1rem; }
.slf_article table td:last-of-type  { padding-right:  1rem; }

/* .slf_article table .btn { margin: -.25rem 0; } */

.slf_article ul { padding     : 1rem;                                              border-top : var( --bs-border-width ) var( --bs-border-style ) var( --bs-border-color ); }
.slf_article li { padding-left: 1rem; margin-bottom: .5rem; list-style-type: none; border-left: var( --bs-border-width ) var( --bs-border-style ) var( --bs-border-color ); }



.slf_article p:first-child,
.slf_article p  + p       ,
.slf_article p  + ul      ,
.slf_article ul + p          { border-top: 0; margin-top: -1rem; margin-bottom: 0; }
.slf_article li:last-of-type {                                   margin-bottom: 0; }

.slf_article mark                                   {           -color: rgba( var( --bs-body-color-rgb    ), var( --bs-text-opacity ) ) !important; padding:  0; }
.slf_article mark[style="background-color:#EEEADD"] { background-color:       var( --bs-primary-bg-subtle )                             !important;              }
.slf_article mark[style="background-color:#D1D1E4"] { background-color: transparent                                                     !important; opacity: .5; }

.slf_article sub { font-size: 75%; bottom: inherit; }