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

:root { --bs_primary_t_0  : #336666; --bs_primary_s_0  : #336666;
        --bs_primary_t_10 : #477575; --bs_primary_s_10 : #2E5C5C;
        --bs_primary_t_20 : #5C8585; --bs_primary_s_20 : #295252;
        --bs_primary_t_25 : #668C8C; --bs_primary_s_25 : #264D4D;
        --bs_primary_t_30 : #709494; --bs_primary_s_30 : #244747;
        --bs_primary_t_40 : #85A3A3; --bs_primary_s_40 : #1F3D3D;
        --bs_primary_t_50 : #99B3B3; --bs_primary_s_50 : #1A3333;
        --bs_primary_t_60 : #ADC2C2; --bs_primary_s_60 : #142929;
        --bs_primary_t_70 : #C2D1D1; --bs_primary_s_70 : #0F1F1F;
        --bs_primary_t_75 : #CCD9D9; --bs_primary_s_75 : #0D1A1A;
        --bs_primary_t_80 : #D6E0E0; --bs_primary_s_80 : #0A1414;
        --bs_primary_t_90 : #EBF0F0; --bs_primary_s_90 : #050A0A;
        --bs_primary_t_100: #FFFFFF; --bs_primary_s_100: #000000; }

:root,  [data-bs-theme='light'] { --bs-primary          : #336666  ; --bs-primary-rgb          : 51, 102, 102;
                                  --bs-primary-bg-subtle: #D6E0E0; --bs-primary-border-subtle: #ADC2C2; --bs-primary-text-emphasis: #142929; }
        [data-bs-theme='dark' ] { --bs-primary-bg-subtle: #0A1414; --bs-primary-border-subtle: #1F3D3D; --bs-primary-text-emphasis: #ADC2C2; }

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

.btn-primary         {  --bs-btn-bg                   : #336666; --bs-btn-bg-rgb          : 51, 102, 102;
                        --bs-btn-border-color         : #336666;
                        --bs-btn-disabled-bg          : #336666;
                        --bs-btn-disabled-border-color: #336666;
                        --bs-btn-hover-border-color   : #5C8585;
                        --bs-btn-active-bg            : #5C8585;
                        --bs-btn-hover-bg             : #2B5757; --bs-btn-focus-shadow-rgb: 82, 125, 125; }
.btn-outline-primary {  --bs-btn-color                : #336666;
                        --bs-btn-border-color         : #336666;
                        --bs-btn-hover-bg             : #336666;
                        --bs-btn-hover-border-color   : #336666;
                        --bs-btn-active-bg            : #336666;
                        --bs-btn-active-border-color  : #336666;
                        --bs-btn-disabled-color       : #336666;
                        --bs-btn-disabled-border-color: #336666; --bs-btn-focus-shadow-rgb: 51, 102, 102; }
.progress,
.progress-stacked { --bs-progress-bar-bg: #336666; }

:root,  [data-bs-theme=light] { --bs-link-color: #336666; --bs-link-color-rgb:  51, 102, 102; --bs-link-hover-color: #295252; --bs-link-hover-color-rgb:  41,  82,  82; }
        [data-bs-theme=dark ] { --bs-link-color: #85A3A3; --bs-link-color-rgb: 133, 163, 163; --bs-link-hover-color: #9DB5B5; --bs-link-hover-color-rgb: 157, 181, 181; }



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

::-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   ; }

.fs_875 { font-size: .875rem; }
.fs_75  { font-size:  .75rem; }
.fs_625 { font-size: .625rem; }
.fs_50  { font-size:  .50rem; }