/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- 부트스트랩 컬러 */

:root { --bs_primary_t_0  : #EEBB55; --bs_primary_s_0  : #EEBB55;
        --bs_primary_t_10 : #F0C266; --bs_primary_s_10 : #D6A84D;
        --bs_primary_t_20 : #F1C977; --bs_primary_s_20 : #BE9644;
        --bs_primary_t_25 : #F2CC80; --bs_primary_s_25 : #B38C40;
        --bs_primary_t_30 : #F3CF88; --bs_primary_s_30 : #A7833C;
        --bs_primary_t_40 : #F5D699; --bs_primary_s_40 : #8F7033;
        --bs_primary_t_50 : #F7DDAA; --bs_primary_s_50 : #775E2B;
        --bs_primary_t_60 : #F8E4BB; --bs_primary_s_60 : #5F4B22;
        --bs_primary_t_70 : #FAEBCC; --bs_primary_s_70 : #47381A;
        --bs_primary_t_75 : #FBEED5; --bs_primary_s_75 : #3C2F15;
        --bs_primary_t_80 : #FCF1DD; --bs_primary_s_80 : #302511;
        --bs_primary_t_90 : #FDF8EE; --bs_primary_s_90 : #181309;
        --bs_primary_t_100: #FFFFFF; --bs_primary_s_100: #000000; }

:root,  [data-bs-theme='light'] { --bs-primary          : #EEBB55; --bs-primary-rgb          : 238, 187, 85;
                                  --bs-primary-bg-subtle: #FCF1DD; --bs-primary-border-subtle: #F8E4BB; --bs-primary-text-emphasis: #5F4B22; }
        [data-bs-theme='dark' ] { --bs-primary-bg-subtle: #302511; --bs-primary-border-subtle: #8F7033; --bs-primary-text-emphasis: #F8E4BB; }

.link-primary:focus,
.link-primary:hover  {    color: rgba( 190, 150, 68, var( --bs-link-opacity          , 1 ) ) !important;
  -webkit-text-decoration-color: rgba( 190, 150, 68, var( --bs-link-underline-opacity, 1 ) ) !important;
          text-decoration-color: rgba( 190, 150, 68, var( --bs-link-underline-opacity, 1 ) ) !important; }

.progress,
.progress-stacked    {  --bs-progress-bar-bg          : #EEBB55; }
.btn-primary         {  --bs-btn-bg                   : #EEBB55; --bs-btn-bg-rgb          : 238, 187,  85;
                        --bs-btn-border-color         : #EEBB55;
                        --bs-btn-disabled-bg          : #EEBB55;
                        --bs-btn-disabled-border-color: #EEBB55;
                        --bs-btn-hover-border-color   : #F1C977;
                        --bs-btn-active-bg            : #F1C977;
                        --bs-btn-hover-bg             : #CA9F48; --bs-btn-focus-shadow-rgb: 241, 197, 111; }
.btn-outline-primary {  --bs-btn-color                : #EEBB55;
                        --bs-btn-border-color         : #EEBB55;
                        --bs-btn-hover-bg             : #EEBB55;
                        --bs-btn-hover-border-color   : #EEBB55;
                        --bs-btn-active-bg            : #EEBB55;
                        --bs-btn-active-border-color  : #EEBB55;
                        --bs-btn-disabled-color       : #EEBB55;
                        --bs-btn-disabled-border-color: #EEBB55; --bs-btn-focus-shadow-rgb: 238, 187,  85; }

:root,  [data-bs-theme=light] { --bs-link-color: #EEBB55; --bs-link-color-rgb: 238, 187,  85; --bs-link-hover-color: #BE9644; --bs-link-hover-color-rgb: 190, 150,  68; }
        [data-bs-theme=dark ] { --bs-link-color: #F5D699; --bs-link-color-rgb: 245, 214, 153; --bs-link-hover-color: #F7DEAD; --bs-link-hover-color-rgb: 247, 222, 173; }



/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- 전역 */

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

::placeholder  { color: rgba( var( --bs-body-color-rgb ), .5 ) !important; }

html, body { height: 100%; }

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

.oh_100:hover { opacity:  1  !important; }
.oh_75:hover  { opacity: .75 !important; }
.oh_50:hover  { opacity: .5  !important; }
.oh_25:hover  { opacity: .25 !important; }
.oh_10:hover  { opacity: .1  !important; }
.oh_0:hover   { opacity:  0  !important; }

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

.to_e   { display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom;                        }

.hsp { display: flex; flex-wrap: nowrap; overflow-x: auto; margin-top: .5rem; padding-bottom: .5rem; }
.hsp a            { margin-right: .5rem; }
.hsp a:last-child { margin-right:  0   ; }