@charset "utf-8";

@font-face{
    font-family:'pretendard';
    src:url('../webfonts/pretendard/Pretendard-Thin.woff') format('woff');
    font-weight:100;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:'pretendard';
    src:url('../webfonts/pretendard/Pretendard-SemiBold.woff') format('woff');
    font-weight:200;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:'pretendard';
    src:url('../webfonts/pretendard/Pretendard-Regular.woff') format('woff');
    font-weight:300;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:'pretendard';
    src:url('../webfonts/pretendard/Pretendard-Medium.woff') format('woff');
    font-weight:400;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:'pretendard';
    src:url('../webfonts/pretendard/Pretendard-Light.woff') format('woff');
    font-weight:500;
    font-style:normal;
    font-display:swap;
} 
@font-face{
    font-family:'pretendard';
    src:url('../webfonts/pretendard/Pretendard-ExtraLight.woff') format('woff');
    font-weight:600;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:'pretendard';
    src:url('../webfonts/pretendard/Pretendard-ExtraBold.woff') format('woff');
    font-weight:700;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:'pretendard';
    src:url('../webfonts/pretendard/Pretendard-Bold.woff') format('woff');
    font-weight:800;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:'pretendard';
    src:url('../webfonts/pretendard/Pretendard-Black.woff') format('woff');
    font-weight:900;
    font-style:normal;
    font-display:swap;
}


*, *::before, *::after{padding:0; margin:0; /* box-sizing: border-box; */}

.d-flex{display:flex !important;}
.align-items-center{align-items:center;}
.ml-10{margin-left:10px !important;}
.ml-15{margin-left:15px !important;}
.ml-20{margin-left:20px !important;}
.ml-30{margin-left:30px !important;}
.ml-40{margin-left:40px !important;}
.ml-50{margin-left:50px !important;}
.ml-60{margin-left:60px !important;}
.ml-70{margin-left:70px !important;}
.ml-80{margin-left:80px !important;}
.ml-90{margin-left:90px !important;}
.ml-100{margin-left:100px !important;}
.mt-10{margin-top:10px !important;}
.mt-15{margin-top:15px !important;}
.mt-20{margin-top:20px !important;}
.mt-30{margin-top:30px !important;}
.mt-40{margin-top:40px !important;}
.mt-50{margin-top:50px !important;}
.mt-60{margin-top:60px !important;}
.mt-70{margin-top:70px !important;}
.mt-80{margin-top:80px !important;}
.mt-90{margin-top:90px !important;}
.mt-100{margin-top:100px !important;}
.alL, .taL{text-align:left !important;}
.alC, .taC{text-align:center !important;}
.alR, .taR{text-align:right !important;}

.padding-0{padding:0 !important;}

.pos-rel{position: relative !important;}
.pos-absol{position: absolute !important;}

.overflow-auto{overflow:auto !important;}
.overflow-x{overflow-x:auto !important;}
.overflow-y{overflow-y:auto !important;}

table{border-collapse:collapse;border-spacing:0;width:100%;}
caption{caption-side:top;text-align:left;font-weight:600;}
th,td{padding:0;margin:0;text-align:left;vertical-align:middle;border:0;}
th{font-weight:inherit;}

colgroup{display:table-column-group;}
thead{display:table-header-group;}
tbody{display:table-row-group;}
tr{display:table-row;}
th,td{display:table-cell;}

.flex-1{flex:1 !important}
    .row {--bitek-gutter-x:2rem; --bitek-gutter-y:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
    .row>* {-ms-flex-negative:0; flex-shrink:0; width:100%; max-width:100%; padding-right:calc(var(--bitek-gutter-x)*.5); padding-left:calc(var(--bitek-gutter-x)*.5); margin-top:var(--bitek-gutter-y)}
    
    .col {-webkit-box-flex:1; -ms-flex:1 0 0; flex:1 0 0}
    
    .row-cols-auto>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:auto}
    .row-cols-1>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:100%}
    .row-cols-2>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:50%}
    .row-cols-3>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:33.33333333%}    
    .row-cols-4>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:25%}    
    .row-cols-5>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:20%}    
    .row-cols-6>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:16.66666667%}  
      
    .col-auto {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:auto}    
    .col-1 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:8.33333333%}
    .col-1_5 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:12.33333333%}     
    .col-2 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:16.66666667%}
    .col-2_5 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:20%}    
    .col-3 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:25%}    
    .col-4 {-webkit-box-flex:0;-ms-flex:0 0 auto; flex:0 0 auto; width:33.33333333%}    
    .col-5 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:41.66666667%}    
    .col-6 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:50%}    
    .col-7 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:58.33333333%}    
    .col-8 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:66.66666667%}    
    .col-9 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:75%}    
    .col-10 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:83.33333333%}    
    .col-11 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:91.66666667%}    
    .col-12 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:100%}
    
    .offset-1 {margin-left:8.33333333%}
    .offset-2 {margin-left:16.66666667%}
    .offset-3 {margin-left:25%}
    .offset-4 {margin-left:33.33333333%}
    .offset-5 {margin-left:41.66666667%}
    .offset-6 {margin-left:50%}
    .offset-7 {margin-left:58.33333333%}
    .offset-8 {margin-left:66.66666667%}
    .offset-9 {margin-left:75%}
    .offset-10 {margin-left:83.33333333%}
    .offset-11 {margin-left:91.66666667%}

    .g-0,.gx-0 {--bitek-gutter-x:0}
    .g-0,.gy-0 {--bitek-gutter-y:0}
    .g-1,.gx-1 {--bitek-gutter-x:.25rem}
    .g-1,.gy-1 {--bitek-gutter-y:.25rem}
    .g-2,.gx-2 {--bitek-gutter-x:.5rem}    
    .g-2,.gy-2 {--bitek-gutter-y:.5rem}    
    .g-3,.gx-3 {--bitek-gutter-x:1rem}    
    .g-3,.gy-3 {--bitek-gutter-y:1rem}    
    .g-4,.gx-4 {--bitek-gutter-x:1.5rem}    
    .g-4,.gy-4 {--bitek-gutter-y:1.5rem}    
    .g-5,.gx-5 {--bitek-gutter-x:2rem}    
    .g-5,.gy-5 { --bitek-gutter-y:2rem}    
    .g-6,.gx-6 {--bitek-gutter-x:2.5rem}    
    .g-6,.gy-6 {--bitek-gutter-y:2.5rem}    
    .g-7,.gx-7 {--bitek-gutter-x:3rem}    
    .g-7,.gy-7 {--bitek-gutter-y:3rem}    
    .g-8,.gx-8 {--bitek-gutter-x:3.5rem}    
    .g-8,.gy-8 {--bitek-gutter-y:3.5rem}    
    .g-9,.gx-9 {--bitek-gutter-x:4rem}
    .g-9,.gy-9 {--bitek-gutter-y:4rem}
    .g-10,.gx-10 {--bitek-gutter-x:4.5rem}
    .g-10,.gy-10 {--bitek-gutter-y:4.5rem}
    .g-11,.gx-11 {--bitek-gutter-x:5rem}
    .g-11,.gy-11 {--bitek-gutter-y:5rem}
    .g-12,.gx-12 {--bitek-gutter-x:6rem}
    .g-12,.gy-12 {--bitek-gutter-y:6rem}    
    .g-13,.gx-13 {--bitek-gutter-x:6.5rem}    
    .g-13,.gy-13 {--bitek-gutter-y:6.5rem}    
    .g-14,.gx-14 {--bitek-gutter-x:7rem}    
    .g-14,.gy-14 {--bitek-gutter-y:7rem}    
    .g-15,.gx-15 {--bitek-gutter-x:7.5rem}    
    .g-15,.gy-15 {--bitek-gutter-y:7.5rem} 
    .g-card,.gx-card {--bitek-gutter-x:3rem}    
    .g-card,.gy-card {--bitek-gutter-y:3rem}
    
    @media(min-width: 576px) {
    .col-sm {-webkit-box-flex:1; -ms-flex:1 0 0; flex:1 0 0}
    
    .row-cols-sm-auto>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:auto}
    .row-cols-sm-1>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:100%}
    .row-cols-sm-2>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:50%}
    .row-cols-sm-3>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:33.33333333%}
    .row-cols-sm-4>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:25%}
    .row-cols-sm-5>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:20%}
    .row-cols-sm-6>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:16.66666667%}
    
    .col-sm-auto {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:auto}
    .col-sm-1 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:8.33333333%}
    .col-sm-2 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:16.66666667%}
    .col-sm-3 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:25%}
    .col-sm-4 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:33.33333333%}
    .col-sm-5 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:41.66666667%}
    .col-sm-6 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:50%}
    .col-sm-7 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:58.33333333%}
    .col-sm-8 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:66.66666667%}
    .col-sm-9 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:75%}
    .col-sm-10 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:83.33333333%}
    .col-sm-11 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:91.66666667%}
    .col-sm-12 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:100%}
    
    .offset-sm-0 {margin-left:0}
    .offset-sm-1 {margin-left:8.33333333%}
    .offset-sm-2 {margin-left:16.66666667%}
    .offset-sm-3 {margin-left:25%}
    .offset-sm-4 {margin-left:33.33333333%}
    .offset-sm-5 {margin-left:41.66666667%}
    .offset-sm-6 {margin-left:50%}
    .offset-sm-7 {margin-left:58.33333333%}
    .offset-sm-8 {margin-left:66.66666667%}
    .offset-sm-9 {margin-left:75%}    
    .offset-sm-10 {margin-left:83.33333333%}    
    .offset-sm-11 {margin-left:91.66666667%}
    
    .g-sm-0,.gx-sm-0 {--bitek-gutter-x:0}
    .g-sm-0,.gy-sm-0 {--bitek-gutter-y:0}
    .g-sm-1,.gx-sm-1 {--bitek-gutter-x:.25rem}
    .g-sm-1,.gy-sm-1 {--bitek-gutter-y:.25rem}
    .g-sm-2,.gx-sm-2 {--bitek-gutter-x:.5rem}
    .g-sm-2,.gy-sm-2 {--bitek-gutter-y:.5rem}
    .g-sm-3,.gx-sm-3 {--bitek-gutter-x:1rem}    
    .g-sm-3,.gy-sm-3 {--bitek-gutter-y:1rem}    
    .g-sm-4,.gx-sm-4 {--bitek-gutter-x:1.5rem}    
    .g-sm-4,.gy-sm-4 {--bitek-gutter-y:1.5rem}    
    .g-sm-5,.gx-sm-5 {--bitek-gutter-x:2rem}    
    .g-sm-5,.gy-sm-5 {--bitek-gutter-y:2rem}    
    .g-sm-6,.gx-sm-6 {--bitek-gutter-x:2.5rem}    
    .g-sm-6,.gy-sm-6 {--bitek-gutter-y:2.5rem}    
    .g-sm-7,.gx-sm-7 {--bitek-gutter-x:3rem}    
    .g-sm-7,.gy-sm-7 {--bitek-gutter-y:3rem}
    .g-sm-8,.gx-sm-8 {--bitek-gutter-x:3.5rem}    
    .g-sm-8,.gy-sm-8 {--bitek-gutter-y:3.5rem}    
    .g-sm-9,.gx-sm-9 {--bitek-gutter-x:4rem}    
    .g-sm-9,.gy-sm-9 {--bitek-gutter-y:4rem}    
    .g-sm-10,.gx-sm-10 {--bitek-gutter-x:4.5rem}    
    .g-sm-10,.gy-sm-10 {--bitek-gutter-y:4.5rem}    
    .g-sm-11,.gx-sm-11 {--bitek-gutter-x:5rem}    
    .g-sm-11,.gy-sm-11 {--bitek-gutter-y:5rem}    
    .g-sm-12,.gx-sm-12 {--bitek-gutter-x:6rem}    
    .g-sm-12,.gy-sm-12 {--bitek-gutter-y:6rem}    
    .g-sm-13,.gx-sm-13 {--bitek-gutter-x:6.5rem}
    .g-sm-13,.gy-sm-13 {--bitek-gutter-y:6.5rem}
    .g-sm-14,.gx-sm-14 {--bitek-gutter-x:7rem}
    .g-sm-14,.gy-sm-14 {--bitek-gutter-y:7rem}
    .g-sm-15,.gx-sm-15 {--bitek-gutter-x:7.5rem}    
    .g-sm-15,.gy-sm-15 {--bitek-gutter-y:7.5rem}
    .g-sm-card,.gx-sm-card {--bitek-gutter-x:3rem}    
    .g-sm-card,.gy-sm-card {--bitek-gutter-y:3rem}   
 }
    
    @media(min-width: 768px) {
    .col-md {-webkit-box-flex:1; -ms-flex:1 0 0; flex:1 0 0}
    
    .row-cols-md-auto>* {-webkit-box-flex:0; -ms-flex:0 0 auto;    flex:0 0 auto;    width:auto}
    .row-cols-md-1>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:100%}
    .row-cols-md-2>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:50%}
    .row-cols-md-3>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:33.33333333%}
    .row-cols-md-4>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:25%}
    .row-cols-md-5>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:20%}
    .row-cols-md-6>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:16.66666667%}

    .col-md-auto {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:auto}
    .col-md-1 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:8.33333333%}
    .col-md-2 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:16.66666667%}
    .col-md-3 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:25%}
    .col-md-4 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:33.33333333%}
    .col-md-5 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:41.66666667%}
    .col-md-6 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:50%}
    .col-md-7 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:58.33333333%}
    .col-md-8 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:66.66666667%}
    .col-md-9 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:75%}
    .col-md-10 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:83.33333333%}
    .col-md-11 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:91.66666667%}
    .col-md-12 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:100%}

    .offset-md-0 {margin-left:0}    
    .offset-md-1 {margin-left:8.33333333%}    
    .offset-md-2 {margin-left:16.66666667%}
    .offset-md-3 {margin-left:25%}
    .offset-md-4 {margin-left:33.33333333%}
    .offset-md-5 {margin-left:41.66666667%}    
    .offset-md-6 {margin-left:50%}
    .offset-md-7 {margin-left:58.33333333%}
    .offset-md-8 {margin-left:66.66666667%}
    .offset-md-9 {margin-left:75%}
    .offset-md-10 {margin-left:83.33333333%}
    .offset-md-11 {margin-left:91.66666667%}

    .g-md-0,.gx-md-0 {--bitek-gutter-x:0}
    .g-md-0,.gy-md-0 {--bitek-gutter-y:0}
    .g-md-1,.gx-md-1 {--bitek-gutter-x:.25rem}
    .g-md-1,.gy-md-1 {--bitek-gutter-y:.25rem}
    .g-md-2,.gx-md-2 {--bitek-gutter-x:.5rem}
    .g-md-2,.gy-md-2 {--bitek-gutter-y:.5rem}
    .g-md-3,.gx-md-3 {--bitek-gutter-x:1rem}
    .g-md-3,.gy-md-3 {--bitek-gutter-y:1rem}
    .g-md-4,.gx-md-4 {--bitek-gutter-x:1.5rem}
    .g-md-4,.gy-md-4 {--bitek-gutter-y:1.5rem}
    .g-md-5,.gx-md-5 {--bitek-gutter-x:2rem}
    .g-md-5,.gy-md-5 {--bitek-gutter-y:2rem}
    .g-md-6,.gx-md-6 {--bitek-gutter-x:2.5rem}
    .g-md-6,.gy-md-6 {--bitek-gutter-y:2.5rem}
    .g-md-7,.gx-md-7 {--bitek-gutter-x:3rem}
    .g-md-7,.gy-md-7 {--bitek-gutter-y:3rem}
    .g-md-8,.gx-md-8 {--bitek-gutter-x:3.5rem}
    .g-md-8,.gy-md-8 {--bitek-gutter-y:3.5rem}
    .g-md-9,.gx-md-9 {--bitek-gutter-x:4rem}
    .g-md-9,.gy-md-9 {--bitek-gutter-y:4rem}
    .g-md-10,.gx-md-10 {--bitek-gutter-x:4.5rem}
    .g-md-10,.gy-md-10 {--bitek-gutter-y:4.5rem}
    .g-md-11,.gx-md-11 {--bitek-gutter-x:5rem}
    .g-md-11,.gy-md-11 {--bitek-gutter-y:5rem}
    .g-md-12,.gx-md-12 {--bitek-gutter-x:6rem}
    .g-md-12,.gy-md-12 {--bitek-gutter-y:6rem}
    .g-md-13,.gx-md-13 {--bitek-gutter-x:6.5rem}
    .g-md-13,.gy-md-13 {--bitek-gutter-y:6.5rem}
    .g-md-14,.gx-md-14 {--bitek-gutter-x:7rem}
    .g-md-14,.gy-md-14 {--bitek-gutter-y:7rem}
    .g-md-15,.gx-md-15 {--bitek-gutter-x:7.5rem}
    .g-md-15,.gy-md-15 {--bitek-gutter-y:7.5rem}
    
    .g-md-card,.gx-md-card {--bitek-gutter-x:3rem}
    .g-md-card,.gy-md-card {--bitek-gutter-y:3rem}
    }    
    @media(min-width: 992px) {
    .col-lg {-webkit-box-flex:1;-ms-flex:1 0 0;flex:1 0 0}    
    .row-cols-lg-auto>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:auto}
    .row-cols-lg-1>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:100%}
    .row-cols-lg-2>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:50%}
    .row-cols-lg-3>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:33.33333333%}
    .row-cols-lg-4>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:25%}
    .row-cols-lg-5>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:20%}
    .row-cols-lg-6>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:16.66666667%}

    .col-lg-auto {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:auto}
    .col-lg-1 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:8.33333333%}
    .col-lg-2 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:16.66666667%}
    .col-lg-3 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:25%}
    .col-lg-4 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:33.33333333%}
    .col-lg-5 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:41.66666667%}
    .col-lg-6 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:50%}
    .col-lg-7 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:58.33333333%}
    .col-lg-8 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:66.66666667%}
    .col-lg-9 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:75%}
    .col-lg-10 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:83.33333333%}
    .col-lg-11 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:91.66666667%}
    .col-lg-12 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:100%}

    .offset-lg-0 {margin-left:0}    
    .offset-lg-1 {margin-left:8.33333333%}
    .offset-lg-2 {margin-left:16.66666667%}
    .offset-lg-3 {margin-left:25%}
    .offset-lg-4 {margin-left:33.33333333%}
    .offset-lg-5 {margin-left:41.66666667%}
    .offset-lg-6 {margin-left:50%}
    .offset-lg-7 {margin-left:58.33333333%}
    .offset-lg-8 {margin-left:66.66666667%}
    .offset-lg-9 {margin-left:75%}
    .offset-lg-10 { margin-left:83.33333333%}    
    .offset-lg-11 { margin-left:91.66666667%}
    
    .g-lg-0,.gx-lg-0 {--bitek-gutter-x:0}
    .g-lg-0,.gy-lg-0 {--bitek-gutter-y:0}
    .g-lg-1,.gx-lg-1 {--bitek-gutter-x:.25rem}
    .g-lg-1,.gy-lg-1 {--bitek-gutter-y:.25rem}
    .g-lg-2,.gx-lg-2 {--bitek-gutter-x:.5rem}
    .g-lg-2,.gy-lg-2 {--bitek-gutter-y:.5rem}
    .g-lg-3,.gx-lg-3 {--bitek-gutter-x:1rem}
    .g-lg-3,.gy-lg-3 {--bitek-gutter-y:1rem}
    .g-lg-4,.gx-lg-4 {--bitek-gutter-x:1.5rem}
    .g-lg-4,.gy-lg-4 {--bitek-gutter-y:1.5rem}
    .g-lg-5,.gx-lg-5 {--bitek-gutter-x:2rem}
    .g-lg-5,.gy-lg-5 {--bitek-gutter-y:2rem}
    .g-lg-6,.gx-lg-6 {--bitek-gutter-x:2.5rem}
    .g-lg-6,.gy-lg-6 {--bitek-gutter-y:2.5rem}
    .g-lg-7,.gx-lg-7 {--bitek-gutter-x:3rem}
    .g-lg-7,.gy-lg-7 {--bitek-gutter-y:3rem}
    .g-lg-8,.gx-lg-8 {--bitek-gutter-x:3.5rem}
    .g-lg-8,.gy-lg-8 {--bitek-gutter-y:3.5rem}
    .g-lg-9,.gx-lg-9 {--bitek-gutter-x:4rem}
    .g-lg-9,.gy-lg-9 {--bitek-gutter-y:4rem}
    .g-lg-10,.gx-lg-10 {--bitek-gutter-x:4.5rem}
    .g-lg-10,.gy-lg-10 {--bitek-gutter-y:4.5rem}
    .g-lg-11,.gx-lg-11 {--bitek-gutter-x:5rem}
    .g-lg-11,.gy-lg-11 {--bitek-gutter-y:5rem}
    .g-lg-12,.gx-lg-12 {--bitek-gutter-x:6rem}
    .g-lg-12,.gy-lg-12 {--bitek-gutter-y:6rem}
    .g-lg-13,.gx-lg-13 {--bitek-gutter-x:6.5rem}
    .g-lg-13,.gy-lg-13 {--bitek-gutter-y:6.5rem}
    .g-lg-14,.gx-lg-14 {--bitek-gutter-x:7rem}
    .g-lg-14,.gy-lg-14 {--bitek-gutter-y:7rem}
    .g-lg-15,.gx-lg-15 {--bitek-gutter-x:7.5rem}
    .g-lg-15,.gy-lg-15 {--bitek-gutter-y:7.5rem}
    
    .g-lg-card,.gx-lg-card {--bitek-gutter-x:3rem}
    .g-lg-card,.gy-lg-card {--bitek-gutter-y:3rem}
    }
    
    @media(min-width: 1200px) {
    .col-xl {-webkit-box-flex:1;    -ms-flex:1 0 0;    flex:1 0 0    }
    
    .row-cols-xl-auto>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:auto}
    .row-cols-xl-1>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:100%}
    .row-cols-xl-2>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:50%}
    .row-cols-xl-3>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:33.33333333%}
    .row-cols-xl-4>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:25%}
    .row-cols-xl-5>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:20%}
    .row-cols-xl-6>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:16.66666667%}

    .col-xl-auto {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:auto}
    .col-xl-1 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:8.33333333%}
    .col-xl-2 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:16.66666667%}
    .col-xl-3 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:25%}
    .col-xl-4 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:33.33333333%}
    .col-xl-5 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:41.66666667%}
    .col-xl-6 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:50%}
    .col-xl-7 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:58.33333333%}
    .col-xl-8 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:66.66666667%}
    .col-xl-9 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:75%}
    .col-xl-10 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:83.33333333%}
    .col-xl-11 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:91.66666667%}
    .col-xl-12 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:100%}

    .offset-xl-0 {margin-left:0}    
    .offset-xl-1 {margin-left:8.33333333%}
    .offset-xl-2 {margin-left:16.66666667%}
    .offset-xl-3 {margin-left:25%}    
    .offset-xl-4 {margin-left:33.33333333%}    
    .offset-xl-5 {margin-left:41.66666667%}    
    .offset-xl-6 {margin-left:50%}    
    .offset-xl-7 {margin-left:58.33333333%}    
    .offset-xl-8 {margin-left:66.66666667%}    
    .offset-xl-9 {margin-left:75%}    
    .offset-xl-10 {margin-left:83.33333333%}    
    .offset-xl-11 {margin-left:91.66666667%}   

    .g-xl-0,.gx-xl-0 {--bitek-gutter-x:0}    
    .g-xl-0,.gy-xl-0 {--bitek-gutter-y:0}    
    .g-xl-1,.gx-xl-1 {--bitek-gutter-x:.25rem}    
    .g-xl-1,.gy-xl-1 {--bitek-gutter-y:.25rem}    
    .g-xl-2,.gx-xl-2 {--bitek-gutter-x:.5rem}    
    .g-xl-2,.gy-xl-2 {--bitek-gutter-y:.5rem}    
    .g-xl-3,.gx-xl-3 {--bitek-gutter-x:1rem}    
    .g-xl-3,.gy-xl-3 {--bitek-gutter-y:1rem}    
    .g-xl-4,.gx-xl-4 {--bitek-gutter-x:1.5rem}    
    .g-xl-4,.gy-xl-4 {--bitek-gutter-y:1.5rem}    
    .g-xl-5,.gx-xl-5 {--bitek-gutter-x:2rem}    
    .g-xl-5,.gy-xl-5 {--bitek-gutter-y:2rem}
    .g-xl-6,.gx-xl-6 {--bitek-gutter-x:2.5rem}
    .g-xl-6,.gy-xl-6 {--bitek-gutter-y:2.5rem}
    .g-xl-7,.gx-xl-7 {--bitek-gutter-x:3rem}
    .g-xl-7,.gy-xl-7 {--bitek-gutter-y:3rem}
    .g-xl-8,.gx-xl-8 {--bitek-gutter-x:3.5rem}
    .g-xl-8,.gy-xl-8 {--bitek-gutter-y:3.5rem}
    .g-xl-9,.gx-xl-9 {--bitek-gutter-x:4rem}
    .g-xl-9,.gy-xl-9 {--bitek-gutter-y:4rem}
    .g-xl-10,.gx-xl-10 {--bitek-gutter-x:4.5rem}
    .g-xl-10,.gy-xl-10 {--bitek-gutter-y:4.5rem}
    .g-xl-11,.gx-xl-11 {--bitek-gutter-x:5rem}
    .g-xl-11,.gy-xl-11 {--bitek-gutter-y:5rem}
    .g-xl-12,.gx-xl-12 {--bitek-gutter-x:6rem}
    .g-xl-12,.gy-xl-12 {--bitek-gutter-y:6rem}
    .g-xl-13,.gx-xl-13 {--bitek-gutter-x:6.5rem}
    .g-xl-13,.gy-xl-13 {--bitek-gutter-y:6.5rem}
    .g-xl-14,.gx-xl-14 {--bitek-gutter-x:7rem}    
    .g-xl-14,.gy-xl-14 {--bitek-gutter-y:7rem}    
    .g-xl-15,.gx-xl-15 {--bitek-gutter-x:7.5rem}    
    .g-xl-15,.gy-xl-15 {--bitek-gutter-y:7.5rem}    

    .g-xl-card,.gx-xl-card {--bitek-gutter-x:3rem}    
    .g-xl-card,.gy-xl-card {--bitek-gutter-y:3rem}
    }
    
    @media(min-width: 1540px) {
    .col-xxl {    -webkit-box-flex:1;    -ms-flex:1 0 0;    flex:1 0 0    }
    
    .row-cols-xxl-auto>* {-webkit-box-flex:0;    -ms-flex:0 0 auto;    flex:0 0 auto;    width:auto}
    .row-cols-xxl-1>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:100%}
    .row-cols-xxl-2>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:50%}
    .row-cols-xxl-3>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:33.33333333%}
    .row-cols-xxl-4>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:25%}
    .row-cols-xxl-5>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:20%}
    .row-cols-xxl-6>* {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:16.66666667%}
    
    .col-xxl-auto {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:auto}
    .col-xxl-1 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:8.33333333%}
    .col-xxl-2 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:16.66666667%}
    .col-xxl-3 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:25%}
    .col-xxl-4 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:33.33333333%}
    .col-xxl-5 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:41.66666667%}
    .col-xxl-6 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:50%}
    .col-xxl-7 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:58.33333333%}
    .col-xxl-8 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:66.66666667%}
    .col-xxl-9 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:75%}
    .col-xxl-10 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:83.33333333%}
    .col-xxl-11 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:91.66666667%}
    .col-xxl-12 {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:100%}

    .offset-xxl-0 {margin-left:0}    
    .offset-xxl-1 {margin-left:8.33333333%}
    .offset-xxl-2 {margin-left:16.66666667%}    
    .offset-xxl-3 {margin-left:25%}
    .offset-xxl-4 {margin-left:33.33333333%}
    .offset-xxl-5 {margin-left:41.66666667%}
    .offset-xxl-6 {margin-left:50%}
    .offset-xxl-7 {margin-left:58.33333333%}
    .offset-xxl-8 {margin-left:66.66666667%}
    .offset-xxl-9 {margin-left:75%}
    .offset-xxl-10 {margin-left:83.33333333%}
    .offset-xxl-11 {margin-left:91.66666667%}

    .g-xxl-0,.gx-xxl-0 {--bitek-gutter-x:0}
    .g-xxl-0,.gy-xxl-0 {--bitek-gutter-y:0}
    .g-xxl-1,.gx-xxl-1 {--bitek-gutter-x:.25rem}
    .g-xxl-1,.gy-xxl-1 {--bitek-gutter-y:.25rem}
    .g-xxl-2,.gx-xxl-2 {--bitek-gutter-x:.5rem}
    .g-xxl-2,.gy-xxl-2 {--bitek-gutter-y:.5rem}
    .g-xxl-3,.gx-xxl-3 {--bitek-gutter-x:1rem}
    .g-xxl-3,.gy-xxl-3 {--bitek-gutter-y:1rem}
    .g-xxl-4,.gx-xxl-4 {--bitek-gutter-x:1.5rem}
    .g-xxl-4,.gy-xxl-4 {--bitek-gutter-y:1.5rem}
    .g-xxl-5,.gx-xxl-5 {--bitek-gutter-x:2rem}
    .g-xxl-5,.gy-xxl-5 {--bitek-gutter-y:2rem}
    .g-xxl-6,.gx-xxl-6 {--bitek-gutter-x:2.5rem}
    .g-xxl-6,.gy-xxl-6 {--bitek-gutter-y:2.5rem}
    .g-xxl-7,.gx-xxl-7 {--bitek-gutter-x:3rem}
    .g-xxl-7,.gy-xxl-7 {--bitek-gutter-y:3rem}
    .g-xxl-8,.gx-xxl-8 {--bitek-gutter-x:3.5rem}
    .g-xxl-8,.gy-xxl-8 {--bitek-gutter-y:3.5rem}
    .g-xxl-9,.gx-xxl-9 {--bitek-gutter-x:4rem}
    .g-xxl-9,.gy-xxl-9 {--bitek-gutter-y:4rem}
    .g-xxl-10,.gx-xxl-10 {--bitek-gutter-x:4.5rem}
    .g-xxl-10,.gy-xxl-10 {--bitek-gutter-y:4.5rem}
    .g-xxl-11,.gx-xxl-11 {--bitek-gutter-x:5rem}
    .g-xxl-11,.gy-xxl-11 {--bitek-gutter-y:5rem}
    .g-xxl-12,.gx-xxl-12 {--bitek-gutter-x:6rem}
    .g-xxl-12,.gy-xxl-12 {--bitek-gutter-y:6rem}
    .g-xxl-13,.gx-xxl-13 {--bitek-gutter-x:6.5rem}
    .g-xxl-13,.gy-xxl-13 {--bitek-gutter-y:6.5rem}
    .g-xxl-14,.gx-xxl-14 {--bitek-gutter-x:7rem}
    .g-xxl-14,.gy-xxl-14 {--bitek-gutter-y:7rem}
    .g-xxl-15,.gx-xxl-15 {--bitek-gutter-x:7.5rem}
    .g-xxl-15,.gy-xxl-15 {--bitek-gutter-y:7.5rem}

    .g-xxl-card,.gx-xxl-card {--bitek-gutter-x:3rem}
    .g-xxl-card,.gy-xxl-card {--bitek-gutter-y:3rem}
    }



    .hstack {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: stretch; align-self: stretch}    
    .vstack {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-item-align: stretch; align-self: stretch}    
    .visually-hidden,
    .visually-hidden-focusable:not(:focus):not(:focus-within) {width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important;        clip: rect(0, 0, 0, 0) !important;        white-space: nowrap !important;        border: 0 !important}
    .visually-hidden:not(caption),.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {position: absolute !important}
    
    .stretched-link::after {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""}
    .text-truncate {overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap}    
    .vr {display: inline-block; -ms-flex-item-align: stretch; align-self: stretch; width: var(--bitek-border-width); min-height: 1em; background-color: currentcolor; opacity: 1}
    
    .align-baseline {vertical-align: baseline !important}
    .align-top {vertical-align: top !important}    
    .align-middle {vertical-align: middle !important}    
    .align-bottom {vertical-align: bottom !important}
    .align-text-bottom {vertical-align: text-bottom !important}
    .align-text-top {vertical-align: text-top !important}

    .float-start {float: left !important}
    .float-end {float: right !important}
    .float-none {float: none !important}

    .object-fit-contain {-o-object-fit: contain !important; object-fit: contain !important}
    .object-fit-cover {-o-object-fit: cover !important; object-fit: cover !important}    
    .object-fit-fill {-o-object-fit: fill !important; object-fit: fill !important}    
    .object-fit-scale {-o-object-fit: scale-down !important; object-fit: scale-down !important}
    .object-fit-none {-o-object-fit: none !important; object-fit: none !important}

    .opacity-0 {opacity: 0 !important}    
    .opacity-25 {opacity: .25 !important}    
    .opacity-50 {opacity: .5 !important}    
    .opacity-75 {opacity: .75 !important}    
    .opacity-85 {opacity: .85 !important}
    .opacity-100 {opacity: 1 !important}

    .overflow-auto {overflow: auto !important}
    .overflow-hidden {overflow: hidden !important}
    .overflow-visible {overflow: visible !important}
    .overflow-scroll {overflow: scroll !important}    
    .overflow-x-auto {overflow-x: auto !important}
    .overflow-x-hidden {overflow-x: hidden !important}
    .overflow-x-visible {overflow-x: visible !important}
    .overflow-x-scroll {overflow-x: scroll !important}
    .overflow-y-auto {overflow-y: auto !important}
    .overflow-y-hidden {overflow-y: hidden !important}
    .overflow-y-visible {overflow-y: visible !important}
    .overflow-y-scroll {overflow-y: scroll !important}  

    .d-inline {display: inline !important}    
    .d-inline-block {display: inline-block !important}    
    .d-block {display: block !important}    
    .d-grid {display: grid !important}    
    .d-inline-grid {display: inline-grid !important}    
    .d-table {display: table !important}    
    .d-table-row {display: table-row !important}    
    .d-table-cell {display: table-cell !important}    
    .d-flex {display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important}
    .d-inline-flex {display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important}
    .d-none {display: none !important}    

    .shadow {-webkit-box-shadow: var(--bitek-box-shadow) !important; box-shadow: var(--bitek-box-shadow) !important}
    .shadow-sm {-webkit-box-shadow: var(--bitek-box-shadow-sm) !important; box-shadow: var(--bitek-box-shadow-sm) !important}    
    .shadow-lg {-webkit-box-shadow: var(--bitek-box-shadow-lg) !important; box-shadow: var(--bitek-box-shadow-lg) !important}
    .shadow-none {-webkit-box-shadow: none !important; box-shadow: none !important}

    .focus-ring-primary {--bitek-focus-ring-color: rgba(var(--bitek-primary-rgb), var(--bitek-focus-ring-opacity))}    
    .focus-ring-secondary {--bitek-focus-ring-color: rgba(var(--bitek-secondary-rgb), var(--bitek-focus-ring-opacity))}
    .focus-ring-success {--bitek-focus-ring-color: rgba(var(--bitek-success-rgb), var(--bitek-focus-ring-opacity))}
    .focus-ring-info {--bitek-focus-ring-color: rgba(var(--bitek-info-rgb), var(--bitek-focus-ring-opacity))}
    .focus-ring-warning {--bitek-focus-ring-color: rgba(var(--bitek-warning-rgb), var(--bitek-focus-ring-opacity))}
    .focus-ring-danger {--bitek-focus-ring-color: rgba(var(--bitek-danger-rgb), var(--bitek-focus-ring-opacity))}    
    .focus-ring-light {--bitek-focus-ring-color: rgba(var(--bitek-light-rgb), var(--bitek-focus-ring-opacity))}    
    .focus-ring-dark {--bitek-focus-ring-color: rgba(var(--bitek-dark-rgb), var(--bitek-focus-ring-opacity))} 

    .position-static {position: static !important}
    .position-relative {position: relative !important}    
    .position-absolute {position: absolute !important}    
    .position-fixed {position: fixed !important}    
    .position-sticky {position: sticky !important}  

    .top-0 {top: 0 !important}    
    .top-50 {top: 50% !important}    
    .top-100 {top: 100% !important}    
    .bottom-0 {bottom: 0 !important}    
    .bottom-50 {bottom: 50% !important}    
    .bottom-100 {bottom: 100% !important} 

    .start-0 {left: 0 !important}    
    .start-50 {left: 50% !important}
    .start-100 {left: 100% !important}
    .end-0 {right: 0 !important}    
    .end-50 {right: 50% !important}    
    .end-100 {right: 100% !important}    

    .translate-middle {-webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important}    
    .translate-middle-x {-webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important}    
    .translate-middle-y {-webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important}
    
    .border {border: var(--bitek-border-width) var(--bitek-border-style) var(--bitek-border-color) !important}    
    .border-0 {border: 0 !important}       
    .border-top {border-top: var(--bitek-border-width) var(--bitek-border-style) var(--bitek-border-color) !important}    
    .border-top-0 {border-top: 0 !important}    
    .border-end {border-right: var(--bitek-border-width) var(--bitek-border-style) var(--bitek-border-color) !important}    
    .border-end-0 {border-right: 0 !important}    
    .border-bottom {border-bottom: var(--bitek-border-width) var(--bitek-border-style) var(--bitek-border-color) !important}    
    .border-bottom-0 {border-bottom: 0 !important}    
    .border-start {border-left: var(--bitek-border-width) var(--bitek-border-style) var(--bitek-border-color) !important}    
    .border-start-0 {border-left: 0 !important}    
    .border-1 {border-width: 1px !important}   
    .border-2 {border-width: 2px !important}
    .border-3 {border-width: 3px !important}
    .border-4 {border-width: 4px !important}
    .border-5 {border-width: 5px !important}
    
    .w-25 {width: 25% !important}
    .w-30 {width: 30% !important}
    .w-50 {width: 50% !important}
    .w-60 {width: 60% !important}
    .w-70 {width: 70% !important}
    .w-75 {width: 75% !important}
    .w-100 {width: 100% !important}
    .w-auto {width: auto !important}
    .mw-100 {max-width: 100% !important}
    .vw-100 {width: 100vw !important}
    .min-vw-100 {min-width: 100vw !important}    
    
    .h-25 {height: 25% !important}
    .h-30 {height: 30% !important}
    .h-50 {height: 50% !important}    
    .h-60 {height: 60% !important}
    .h-70 {height: 70% !important}    
    .h-75 {height: 75% !important}    
    .h-100 {height: 100% !important}    
    .h-auto {height: auto !important}    
    .mh-100 {max-height: 100% !important}    
    .vh-50 {height: 50vh !important}    
    .vh-100 {height: 100vh !important}    
    .min-vh-50 {min-height: 50vh !important}    
    .min-vh-100 { min-height: 100vh !important}    

    .flex-fill {-webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important}
    .flex-row {-webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important}
    .flex-column {-webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important}
    .flex-row-reverse {-webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important}
    .flex-column-reverse {-webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important}
    .flex-grow-0 {-webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important}
    .flex-grow-1 {-webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important}
    .flex-shrink-0 {-ms-flex-negative: 0 !important; flex-shrink: 0 !important}    
    .flex-shrink-1 {-ms-flex-negative: 1 !important; flex-shrink: 1 !important}
    .flex-wrap {-ms-flex-wrap: wrap !important; flex-wrap: wrap !important}
    .flex-nowrap {-ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important}
    .flex-wrap-reverse {-ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important}   

    .justify-content-start {-webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important}
    .justify-content-end {-webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important}
    .justify-content-center {-webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important}
    .justify-content-between {-webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important}
    .justify-content-around {-ms-flex-pack: distribute !important; justify-content: space-around !important}
    .justify-content-evenly {-webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important}
    
    .align-items-start {-webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important}
    .align-items-end {-webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important}
    .align-items-center {-webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important}
    .align-items-baseline {-webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important}
    .align-items-stretch {-webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important}
    .align-content-start {-ms-flex-line-pack: start !important; align-content: flex-start !important}
    .align-content-end {  -ms-flex-line-pack: end !important; align-content: flex-end !important}    
    .align-content-center {-ms-flex-line-pack: center !important; align-content: center !important}
    .align-content-between {-ms-flex-line-pack: justify !important; align-content: space-between !important}
    .align-content-around {-ms-flex-line-pack: distribute !important; align-content: space-around !important}
    .align-content-stretch {-ms-flex-line-pack: stretch !important; align-content: stretch !important}
    .align-self-auto {-ms-flex-item-align: auto !important; align-self: auto !important}
    .align-self-start {-ms-flex-item-align: start !important; align-self: flex-start !important}
    .align-self-end {-ms-flex-item-align: end !important; align-self: flex-end !important}
    .align-self-center {-ms-flex-item-align: center !important; align-self: center !important}
    .align-self-baseline {-ms-flex-item-align: baseline !important; align-self: baseline !important}
    .align-self-stretch {-ms-flex-item-align: stretch !important; align-self: stretch !important}
    
    .order-first {-webkit-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; order: -1 !important}
    .order-0 {-webkit-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important}
    .order-1 {-webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important}
    .order-2 {-webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important}
    .order-3 {-webkit-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important}
    .order-4 {-webkit-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important}
    .order-5 {-webkit-box-ordinal-group: 6 !important; -ms-flex-order: 5 !important; order: 5 !important}
    .order-last {-webkit-box-ordinal-group: 7 !important; -ms-flex-order: 6 !important; order: 6 !important}
    
    .m-0 {margin: 0 !important}    
    .m-1 {margin: .25rem !important}    
    .m-2 {margin: .5rem !important}    
    .m-3 {margin: 1rem !important}    
    .m-4 {margin: 1.5rem !important}    
    .m-5 {margin: 2rem !important}    
    .m-6 {margin: 2.5rem !important}    
    .m-7 {margin: 3rem !important}
    .m-8 {margin: 3.5rem !important}
    .m-9 {margin: 4rem !important}
    .m-10 {margin: 4.5rem !important}
    .m-11 {margin: 5rem !important}
    .m-12 {margin: 6rem !important}    
    .m-13 {margin: 6.5rem !important}    
    .m-14 {margin: 7rem !important}    
    .m-15 {margin: 7.5rem !important}    
    .m-auto {margin: auto !important}    
    .mx-0 {margin-right: 0 !important; margin-left: 0 !important}
    .mx-1 {margin-right: .25rem !important; margin-left: .25rem !important}
    .mx-2 {margin-right: .5rem !important; margin-left: .5rem !important}
    .mx-3 {margin-right: 1rem !important; margin-left: 1rem !important}
    .mx-4 {margin-right: 1.5rem !important; margin-left: 1.5rem !important}
    .mx-5 {margin-right: 2rem !important; margin-left: 2rem !important}
    .mx-6 {margin-right: 2.5rem !important; margin-left: 2.5rem !important}
    .mx-7 {margin-right: 3rem !important; margin-left: 3rem !important   }
    .mx-8 {margin-right: 3.5rem !important; margin-left: 3.5rem !important}
    .mx-9 {margin-right: 4rem !important; margin-left: 4rem !important}
    .mx-10 {margin-right: 4.5rem !important; margin-left: 4.5rem !important}
    .mx-11 {margin-right: 5rem !important; margin-left: 5rem !important}
    .mx-12 {margin-right: 6rem !important; margin-left: 6rem !important}
    .mx-13 {margin-right: 6.5rem !important; margin-left: 6.5rem !important}
    .mx-14 {margin-right: 7rem !important; margin-left: 7rem !important}
    .mx-15 {margin-right: 7.5rem !important; margin-left: 7.5rem !important}
    .mx-auto {margin-right: auto !important; margin-left: auto !important}
    .my-0 {margin-top: 0 !important; margin-bottom: 0 !important}
    .my-1 {margin-top: .25rem !important; margin-bottom: .25rem !important}
    .my-2 {margin-top: .5rem !important; margin-bottom: .5rem !important}
    .my-3 {margin-top: 1rem !important; margin-bottom: 1rem !important}
    .my-4 {margin-top: 1.5rem !important; margin-bottom: 1.5rem !important}
    .my-5 {margin-top: 2rem !important; margin-bottom: 2rem !important}
    .my-6 {margin-top: 2.5rem !important; margin-bottom: 2.5rem !important}
    .my-7 {margin-top: 3rem !important; margin-bottom: 3rem !important}
    .my-8 {margin-top: 3.5rem !important; margin-bottom: 3.5rem !important}
    .my-9 {margin-top: 4rem !important; margin-bottom: 4rem !important}
    .my-10 {margin-top: 4.5rem !important; margin-bottom: 4.5rem !important}      
    .my-11 {margin-top: 5rem !important; margin-bottom: 5rem !important}
    .my-12 {margin-top: 6rem !important; margin-bottom: 6rem !important}
    .my-13 {margin-top: 6.5rem !important; margin-bottom: 6.5rem !important}
    .my-14 {margin-top: 7rem !important; margin-bottom: 7rem !important}
    .my-15 {margin-top: 7.5rem !important; margin-bottom: 7.5rem !important}
    .my-auto {margin-top: auto !important; margin-bottom: auto !important}    
    .mt-0 {margin-top: 0 !important}    
    .mt-1 {margin-top: .25rem !important}
    .mt-2 {margin-top: .5rem !important}
    .mt-3,
    .mt10 {margin-top: 1rem !important}
    .mt-4 {margin-top: 1.5rem !important}
    .mt-5 {margin-top: 2rem !important}
    .mt-6 {margin-top: 2.5rem !important}
    .mt-7 {margin-top: 3rem !important}
    .mt-8 {margin-top: 3.5rem !important}
    .mt-9 {margin-top: 4rem !important}
    .mt-10 {margin-top: 4.5rem !important}
    .mt-11 {margin-top: 5rem !important}
    .mt-12 {margin-top: 6rem !important}
    .mt-13 {margin-top: 6.5rem !important}    
    .mt-14 {margin-top: 7rem !important}    
    .mt-15 {margin-top: 7.5rem !important}    
    .mt-auto {margin-top: auto !important}    
    .me-0 {margin-right: 0 !important}    
    .me-1 {margin-right: .25rem !important}    
    .me-2 {margin-right: .5rem !important}    
    .me-3 {margin-right: 1rem !important}    
    .me-4 {margin-right: 1.5rem !important}    
    .me-5 {margin-right: 2rem !important}    
    .me-6 {margin-right: 2.5rem !important}    
    .me-7 {margin-right: 3rem !important}    
    .me-8 {margin-right: 3.5rem !important}    
    .me-9 {margin-right: 4rem !important}    
    .me-10 {margin-right: 4.5rem !important}    
    .me-11 {margin-right: 5rem !important}    
    .me-12 {margin-right: 6rem !important}    
    .me-13 {margin-right: 6.5rem !important}    
    .me-14 {margin-right: 7rem !important}
    .me-15 {margin-right: 7.5rem !important}
    .me-auto {margin-right: auto !important}    
    .mb-0 {margin-bottom: 0 !important}
    .mb-1 {margin-bottom: .25rem !important}    
    .mb-2 {margin-bottom: .5rem !important}    
    .mb-3 {margin-bottom: 1rem !important}    
    .mb-4 {margin-bottom: 1.5rem !important}    
    .mb-5 {margin-bottom: 2rem !important}    
    .mb-6 {margin-bottom: 2.5rem !important}    
    .mb-7 {margin-bottom: 3rem !important}    
    .mb-8 {margin-bottom: 3.5rem !important}    
    .mb-9 {margin-bottom: 4rem !important}    
    .mb-10 {margin-bottom: 4.5rem !important}    
    .mb-11 {margin-bottom: 5rem !important}    
    .mb-12 {margin-bottom: 6rem !important}    
    .mb-13 {margin-bottom: 6.5rem !important}    
    .mb-14 {margin-bottom: 7rem !important}    
    .mb-15 {margin-bottom: 7.5rem !important}    
    .mb-auto {margin-bottom: auto !important}    
    .ms-0 {margin-left: 0 !important}    
    .ms-1 {margin-left: .25rem !important}    
    .ms-2 {margin-left: .5rem !important}    
    .ms-3 {margin-left: 1rem !important}    
    .ms-4 {margin-left: 1.5rem !important}    
    .ms-5 {margin-left: 2rem !important}
    .ms-6 {margin-left: 2.5rem !important}
    .ms-7 {margin-left: 3rem !important}
    .ms-8 {margin-left: 3.5rem !important}
    .ms-9 {margin-left: 4rem !important}
    .ms-10 {margin-left: 4.5rem !important}
    .ms-11 {margin-left: 5rem !important}
    .ms-12 {margin-left: 6rem !important}
    .ms-13 {margin-left: 6.5rem !important}
    .ms-14 {margin-left: 7rem !important}
    .ms-15 {margin-left: 7.5rem !important}
    .ms-auto {margin-left: auto !important}
    .m-n1 {margin: -0.25rem !important}
    .m-n2 {margin: -0.5rem !important}
    .m-n3 {margin: -1rem !important}
    .m-n4 {margin: -1.5rem !important}
    .m-n5 {margin: -2rem !important}
    .m-n6 {margin: -2.5rem !important}
    .m-n7 {margin: -3rem !important}
    .m-n8 {margin: -3.5rem !important}
    .m-n9 {margin: -4rem !important}
    .m-n10 {margin: -4.5rem !important}
    .m-n11 {margin: -5rem !important}
    .m-n12 {margin: -6rem !important}
    .m-n13 {margin: -6.5rem !important}
    .m-n14 {margin: -7rem !important}
    .m-n15 {margin: -7.5rem !important}
    .mx-n1 {margin-right: -0.25rem !important; margin-left: -0.25rem !important}    
    .mx-n2 {margin-right: -0.5rem !important; margin-left: -0.5rem !important}
    .mx-n3 {margin-right: -1rem !important; margin-left: -1rem !important}
    .mx-n4 {margin-right: -1.5rem !important; margin-left: -1.5rem !important}
    .mx-n5 {margin-right: -2rem !important; margin-left: -2rem !important}
    .mx-n6 {margin-right: -2.5rem !important; margin-left: -2.5rem !important}
    .mx-n7 {margin-right: -3rem !important; margin-left: -3rem !important   }
    .mx-n8 {margin-right: -3.5rem !important; margin-left: -3.5rem !important}
    .mx-n9 {margin-right: -4rem !important; margin-left: -4rem !important}
    .mx-n10 { margin-right: -4.5rem !important; margin-left: -4.5rem !important}
    .mx-n11 { margin-right: -5rem !important; margin-left: -5rem !important}
    .mx-n12 {margin-right: -6rem !important; margin-left: -6rem !important}
    .mx-n13 {margin-right: -6.5rem !important; margin-left: -6.5rem !important}
    .mx-n14 {margin-right: -7rem !important; margin-left: -7rem !important}
    .mx-n15 {margin-right: -7.5rem !important; margin-left: -7.5rem !important}
    .my-n1 {margin-top: -0.25rem !important; margin-bottom: -0.25rem !important}
    .my-n2 {margin-top: -0.5rem !important; margin-bottom: -0.5rem !important}
    .my-n3 {margin-top: -1rem !important; margin-bottom: -1rem !important}
    .my-n4 {margin-top: -1.5rem !important; margin-bottom: -1.5rem !important}
    .my-n5 {margin-top: -2rem !important; margin-bottom: -2rem !important}
    .my-n6 {margin-top: -2.5rem !important; margin-bottom: -2.5rem !important}
    .my-n7 {margin-top: -3rem !important; margin-bottom: -3rem !important}
    .my-n8 {margin-top: -3.5rem !important; margin-bottom: -3.5rem !important}
    .my-n9 {margin-top: -4rem !important; margin-bottom: -4rem !important}
    .my-n10 {margin-top: -4.5rem !important; margin-bottom: -4.5rem !important}
    .my-n11 {margin-top: -5rem !important; margin-bottom: -5rem !important}
    .my-n12 {margin-top: -6rem !important; margin-bottom: -6rem !important}
    .my-n13 {margin-top: -6.5rem !important; margin-bottom: -6.5rem !important}
    .my-n14 {margin-top: -7rem !important; margin-bottom: -7rem !important}
    .my-n15 {margin-top: -7.5rem !important; margin-bottom: -7.5rem !important}
    .mt-n1 {margin-top: -0.25rem !important}
    .mt-n2 {margin-top: -0.5rem !important}    
    .mt-n3 { margin-top: -1rem !important}    
    .mt-n4 {margin-top: -1.5rem !important}
    .mt-n5 {margin-top: -2rem !important}
    .mt-n6 {margin-top: -2.5rem !important}
    .mt-n7 {margin-top: -3rem !important}
    .mt-n8 {margin-top: -3.5rem !important}
    .mt-n9 {margin-top: -4rem !important}
    .mt-n10 {margin-top: -4.5rem !important}
    .mt-n11 {margin-top: -5rem !important}
    .mt-n12 {margin-top: -6rem !important}    
    .mt-n13 {margin-top: -6.5rem !important}    
    .mt-n14 {margin-top: -7rem !important}    
    .mt-n15 {margin-top: -7.5rem !important}    
    .me-n1 {margin-right: -0.25rem !important}    
    .me-n2 {margin-right: -0.5rem !important}    
    .me-n3 {margin-right: -1rem !important}    
    .me-n4 {margin-right: -1.5rem !important}    
    .me-n5 {margin-right: -2rem !important}    
    .me-n6 {margin-right: -2.5rem !important}    
    .me-n7 {margin-right: -3rem !important}    
    .me-n8 {margin-right: -3.5rem !important}    
    .me-n9 {margin-right: -4rem !important}    
    .me-n10 {margin-right: -4.5rem !important}    
    .me-n11 {margin-right: -5rem !important}
    .me-n12 {margin-right: -6rem !important}
    .me-n13 {margin-right: -6.5rem !important}
    .me-n14 {margin-right: -7rem !important}
    .me-n15 {margin-right: -7.5rem !important}    
    .mb-n1 {margin-bottom: -0.25rem !important}
    .mb-n2 {margin-bottom: -0.5rem !important}
    .mb-n3 {margin-bottom: -1rem !important}
    .mb-n4 {margin-bottom: -1.5rem !important}
    .mb-n5 {margin-bottom: -2rem !important}
    .mb-n6 {margin-bottom: -2.5rem !important}
    .mb-n7 {margin-bottom: -3rem !important}
    .mb-n8 {margin-bottom: -3.5rem !important}
    .mb-n9 {margin-bottom: -4rem !important}
    .mb-n10 {margin-bottom: -4.5rem !important}
    .mb-n11 {margin-bottom: -5rem !important}
    .mb-n12 {margin-bottom: -6rem !important}
    .mb-n13 {margin-bottom: -6.5rem !important}
    .mb-n14 {margin-bottom: -7rem !important}
    .mb-n15 {margin-bottom: -7.5rem !important}
    .ms-n1 {margin-left: -0.25rem !important}
    .ms-n2 {margin-left: -0.5rem !important}
    .ms-n3 {margin-left: -1rem !important}
    .ms-n4 {margin-left: -1.5rem !important}
    .ms-n5 {margin-left: -2rem !important}
    .ms-n6 {margin-left: -2.5rem !important}
    .ms-n7 {margin-left: -3rem !important}
    .ms-n8 {margin-left: -3.5rem !important}
    .ms-n9 {margin-left: -4rem !important}
    .ms-n10 {margin-left: -4.5rem !important}
    .ms-n11 {margin-left: -5rem !important}
    .ms-n12 {margin-left: -6rem !important}
    .ms-n13 {margin-left: -6.5rem !important}
    .ms-n14 {margin-left: -7rem !important}
    .ms-n15 {margin-left: -7.5rem !important}

    .p-0 {padding: 0 !important}
    .p-1 {padding: .25rem !important}
    .p-2 {padding: .5rem !important}
    .p-3 {padding: 1rem !important}
    .p-4 {padding: 1.5rem !important}
    .p-5 {padding: 2rem !important}
    .p-6 {padding: 2.5rem !important}
    .p-7 {padding: 3rem !important}d
    .p-8 {padding: 3.5rem !important}
    .p-9 {padding: 4rem !important}
    .p-10 {padding: 4.5rem !important}
    .p-11 {padding: 5rem !important}
    .p-12 {padding: 6rem !important}
    .p-13 {padding: 6.5rem !important}
    .p-14 {padding: 7rem !important}
    .p-15 {padding: 7.5rem !important}
    .px-0 {padding-right: 0 !important; padding-left: 0 !important} 
    .px-1 {padding-right: .25rem !important; padding-left: .25rem !important}    
    .px-2 {padding-right: .5rem !important; padding-left: .5rem !important}
    .px-3 {padding-right: 1rem !important; padding-left: 1rem !important}
    .px-4 {padding-right: 1.5rem !important; padding-left: 1.5rem !important}
    .px-5 {padding-right: 2rem !important; padding-left: 2rem !important}
    .px-6 {padding-right: 2.5rem !important; padding-left: 2.5rem !important}
    .px-7 {padding-right: 3rem !important; padding-left: 3rem !important}
    .px-8 {padding-right: 3.5rem !important; padding-left: 3.5rem !important}
    .px-9 {padding-right: 4rem !important; padding-left: 4rem !important}
    .px-10 {padding-right: 4.5rem !important; padding-left: 4.5rem !important}
    .px-11 {padding-right: 5rem !important; padding-left: 5rem !important}
    .px-12 {padding-right: 6rem !important; padding-left: 6rem !important}
    .px-13 {padding-right: 6.5rem !important; padding-left: 6.5rem !important}
    .px-14 {padding-right: 7rem !important; padding-left: 7rem !important}
    .px-15 {padding-right: 7.5rem !important; padding-left: 7.5rem !important}
    .py-0 {padding-top: 0 !important; padding-bottom: 0 !important}
    .py-1 {padding-top: .25rem !important; padding-bottom: .25rem !important}
    .py-2 {padding-top: .5rem !important; padding-bottom: .5rem !important}
    .py-3 {padding-top: 1rem !important; padding-bottom: 1rem !important}
    .py-4 {padding-top: 1.5rem !important; padding-bottom: 1.5rem !important}
    .py-5 {padding-top: 2rem !important; padding-bottom: 2rem !important}
    .py-6 {padding-top: 2.5rem !important; padding-bottom: 2.5rem !important   }    
    .py-7 {padding-top: 3rem !important; padding-bottom: 3rem !important}    
    .py-8 {padding-top: 3.5rem !important; padding-bottom: 3.5rem !important}
    .py-9 {padding-top: 4rem !important; padding-bottom: 4rem !important}
    .py-10 {padding-top: 4.5rem !important; padding-bottom: 4.5rem !important}
    .py-11 {padding-top: 5rem !important; padding-bottom: 5rem !important}
    .py-12 {padding-top: 6rem !important; padding-bottom: 6rem !important}
    .py-13 {padding-top: 6.5rem !important; padding-bottom: 6.5rem !important}
    .py-14 {padding-top: 7rem !important; padding-bottom: 7rem !important}
    .py-15 {padding-top: 7.5rem !important; padding-bottom: 7.5rem !important}
    .pt-0 {padding-top: 0 !important}    
    .pt-1 {padding-top: .25rem !important}
    .pt-2 {padding-top: .5rem !important}
    .pt-3 {padding-top: 1rem !important}
    .pt-4 {padding-top: 1.5rem !important}
    .pt-5 {padding-top: 2rem !important}
    .pt-6 {padding-top: 2.5rem !important}
    .pt-7 {padding-top: 3rem !important}
    .pt-8 {padding-top: 3.5rem !important}
    .pt-9 {padding-top: 4rem !important}    
    .pt-10 {padding-top: 4.5rem !important}
    .pt-11 {padding-top: 5rem !important}
    .pt-12 {padding-top: 6rem !important}
    .pt-13 {padding-top: 6.5rem !important}
    .pt-14 {padding-top: 7rem !important}
    .pt-15 {padding-top: 7.5rem !important}
    .pe-0 {padding-right: 0 !important}
    .pe-1 {padding-right: .25rem !important}
    .pe-2 {padding-right: .5rem !important}
    .pe-3 {padding-right: 1rem !important}
    .pe-4 {padding-right: 1.5rem !important}
    .pe-5 {padding-right: 2rem !important}
    .pe-6 {padding-right: 2.5rem !important}
    .pe-7 {padding-right: 3rem !important}
    .pe-8 {padding-right: 3.5rem !important}
    .pe-9 {padding-right: 4rem !important}
    .pe-10 {padding-right: 4.5rem !important}
    .pe-11 {padding-right: 5rem !important}
    .pe-12 {padding-right: 6rem !important}
    .pe-13 {padding-right: 6.5rem !important}
    .pe-14 {padding-right: 7rem !important}
    .pe-15 {padding-right: 7.5rem !important}
    .pb-0 {padding-bottom: 0 !important}
    .pb-1 {padding-bottom: .25rem !important}
    .pb-2 {padding-bottom: .5rem !important}
    .pb-3 {padding-bottom: 1rem !important}
    .pb-4 {padding-bottom: 1.5rem !important}
    .pb-5 {padding-bottom: 2rem !important}
    .pb-6 {padding-bottom: 2.5rem !important}
    .pb-7 {padding-bottom: 3rem !important}
    .pb-8 {padding-bottom: 3.5rem !important}
    .pb-9 {padding-bottom: 4rem !important}    
    .pb-10 {padding-bottom: 4.5rem !important}    
    .pb-11 {padding-bottom: 5rem !important}    
    .pb-12 {padding-bottom: 6rem !important}    
    .pb-13 {padding-bottom: 6.5rem !important}    
    .pb-14 {padding-bottom: 7rem !important}
    .pb-15 {padding-bottom: 7.5rem !important}
    .ps-0 {padding-left: 0 !important}
    .ps-1 {padding-left: .25rem !important}
    .ps-2 {padding-left: .5rem !important}
    .ps-3 {padding-left: 1rem !important}
    .ps-4 {padding-left: 1.5rem !important}
    .ps-5 {padding-left: 2rem !important}
    .ps-6 {padding-left: 2.5rem !important}
    .ps-7 {padding-left: 3rem !important}
    .ps-8 {padding-left: 3.5rem !important}    
    .ps-9 {padding-left: 4rem !important}
    .ps-10 {padding-left: 4.5rem !important}
    .ps-11 {padding-left: 5rem !important}
    .ps-12 {padding-left: 6rem !important}
    .ps-13 {padding-left: 6.5rem !important}
    .ps-14 {padding-left: 7rem !important}
    .ps-15 {padding-left: 7.5rem !important}

    .gap-0 {gap: 0 !important}
    .gap-1 {gap: .25rem !important}
    .gap-2 {gap: .5rem !important}
    .gap-3 {gap: 1rem !important}
    .gap-4 {gap: 1.5rem !important}
    .gap-5 {gap: 2rem !important}
    .gap-6 {gap: 2.5rem !important}
    .gap-7 {gap: 3rem !important}
    .gap-8 {gap: 3.5rem !important}
    .gap-9 {gap: 4rem !important}
    .gap-10 {gap: 4.5rem !important}
    .gap-11 {gap: 5rem !important}
    .gap-12 {gap: 6rem !important}
    .gap-13 {gap: 6.5rem !important}
    .gap-14 {gap: 7rem !important}
    .gap-15 {gap: 7.5rem !important}

    .row-gap-0 {row-gap: 0 !important}
    .row-gap-1 {row-gap: .25rem !important}
    .row-gap-2 {row-gap: .5rem !important}
    .row-gap-3 {row-gap: 1rem !important}
    .row-gap-4 {row-gap: 1.5rem !important}
    .row-gap-5 {row-gap: 2rem !important}
    .row-gap-6 {row-gap: 2.5rem !important}
    .row-gap-7 {row-gap: 3rem !important}
    .row-gap-8 {row-gap: 3.5rem !important}
    .row-gap-9 {row-gap: 4rem !important}
    .row-gap-10 {row-gap: 4.5rem !important}
    .row-gap-11 {row-gap: 5rem !important}
    .row-gap-12 {row-gap: 6rem !important}
    .row-gap-13 {row-gap: 6.5rem !important}
    .row-gap-14 {row-gap: 7rem !important}
    .row-gap-15 {row-gap: 7.5rem !important}

    .column-gap-0 {-webkit-column-gap: 0 !important; -moz-column-gap: 0 !important; column-gap: 0 !important}
    .column-gap-1 {-webkit-column-gap: .25rem !important; -moz-column-gap: .25rem !important; column-gap: .25rem !important}
    .column-gap-2 {-webkit-column-gap: .5rem !important; -moz-column-gap: .5rem !important; column-gap: .5rem !important}
    .column-gap-3 {-webkit-column-gap: 1rem !important; -moz-column-gap: 1rem !important; column-gap: 1rem !important}
    .column-gap-4 {-webkit-column-gap: 1.5rem !important; -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important}
    .column-gap-5 {-webkit-column-gap: 2rem !important; -moz-column-gap: 2rem !important; column-gap: 2rem !important}
    .column-gap-6 {-webkit-column-gap: 2.5rem !important; -moz-column-gap: 2.5rem !important; column-gap: 2.5rem !important}
    .column-gap-7 {-webkit-column-gap: 3rem !important; -moz-column-gap: 3rem !important; column-gap: 3rem !important}
    .column-gap-8 {-webkit-column-gap: 3.5rem !important; -moz-column-gap: 3.5rem !important; column-gap: 3.5rem !important}
    .column-gap-9 {-webkit-column-gap: 4rem !important; -moz-column-gap: 4rem !important; column-gap: 4rem !important}
    .column-gap-10 {-webkit-column-gap: 4.5rem !important; -moz-column-gap: 4.5rem !important; column-gap: 4.5rem !important}       
    .column-gap-11 {-webkit-column-gap: 5rem !important; -moz-column-gap: 5rem !important; column-gap: 5rem !important}
    .column-gap-12 {-webkit-column-gap: 6rem !important; -moz-column-gap: 6rem !important; column-gap: 6rem !important}
    .column-gap-13 {-webkit-column-gap: 6.5rem !important; -moz-column-gap: 6.5rem !important; column-gap: 6.5rem !important}
    .column-gap-14 {-webkit-column-gap: 7rem !important; -moz-column-gap: 7rem !important; column-gap: 7rem !important}
    .column-gap-15 {-webkit-column-gap: 7.5rem !important; -moz-column-gap: 7.5rem !important; column-gap: 7.5rem !important}

    .font-monospace {font-family: var(--bitek-font-monospace) !important}    
    .fs-1 {font-size: 4.768371582rem !important}
    .fs-2 {font-size: 3.8146972656rem !important}
    .fs-3 {font-size: 3.0517578125rem !important}
    .fs-4 {font-size: 2.44140625rem !important}
    .fs-5 {font-size: 1.953125rem !important}
    .fs-6 {font-size: 1.5625rem !important}
    .fs-7 {font-size: 1.25rem !important}
    .fs-8 {font-size: 1rem !important}
    .fs-9 {font-size: .8rem !important}
    .fs-10 {font-size: .64rem !important}
    .fs-11 {font-size: .512rem !important}

    .fst-italic {font-style: italic !important}
    .fst-normal {font-style: normal !important}

    .fw-thin {font-weight: 100 !important}
    .fw-lighter {font-weight: 200 !important}
    .fw-light {font-weight: 300 !important}
    .fw-normal {font-weight: 400 !important}
    .fw-medium {font-weight: 500 !important}
    .fw-semibold {font-weight: 600 !important}
    .fw-bold {font-weight: 700 !important}
    .fw-bolder {font-weight: 800 !important}
    .fw-black {font-weight: 900 !important}

    .lh-1 {line-height: 1 !important}
    .lh-sm {line-height: 1.2 !important}
    .lh-base {line-height: 1.49 !important}
    .lh-lg {line-height: 1.4 !important}

    .text-start, .taL ,.tit {text-align: left !important}
    .text-end, .taR {text-align: right !important}    
    .text-center, .taC {text-align: center !important}

    .text-decoration-none {text-decoration: none !important}
    .text-decoration-underline {text-decoration: underline !important}
    .text-decoration-line-through {text-decoration: line-through !important}

    .text-lowercase {text-transform: lowercase !important}
    .text-uppercase {text-transform: uppercase !important}
    .text-capitalize {text-transform: capitalize !important}
    .text-transform-none {text-transform: none !important}

    .text-wrap {white-space: normal !important}
    .text-nowrap {white-space: nowrap !important}
    .text-break {word-wrap: break-word !important; word-break: break-word !important}
    .text-keep{word-break: keep-all !important;}

    .text-primary {--bitek-text-opacity: 1; color: rgba(var(--bitek-primary-rgb), var(--bitek-text-opacity)) !important}
    .text-secondary {--bitek-text-opacity: 1; color: rgba(var(--bitek-secondary-rgb), var(--bitek-text-opacity)) !important}
    .text-success {--bitek-text-opacity: 1; color: rgba(var(--bitek-success-rgb), var(--bitek-text-opacity)) !important}
    .text-info {--bitek-text-opacity: 1; color: rgba(var(--bitek-info-rgb), var(--bitek-text-opacity)) !important}
    .text-warning {--bitek-text-opacity: 1; color: rgba(var(--bitek-warning-rgb), var(--bitek-text-opacity)) !important}
    .text-danger {--bitek-text-opacity: 1; color: rgba(var(--bitek-danger-rgb), var(--bitek-text-opacity)) !important}
    .text-light {--bitek-text-opacity: 1; color: rgba(var(--bitek-light-rgb), var(--bitek-text-opacity)) !important}
    .text-dark {--bitek-text-opacity: 1; color: rgba(var(--bitek-dark-rgb), var(--bitek-text-opacity)) !important}
    .text-gray-50 {--bitek-text-opacity: 1; color: rgba(var(--bitek-gray-50-rgb), var(--bitek-text-opacity)) !important}
    .text-gray-100 {--bitek-text-opacity: 1; color: rgba(var(--bitek-gray-100-rgb), var(--bitek-text-opacity)) !important}
    .text-gray-200 {--bitek-text-opacity: 1; color: rgba(var(--bitek-gray-200-rgb), var(--bitek-text-opacity)) !important}
    .text-gray-300 {--bitek-text-opacity: 1; color: rgba(var(--bitek-gray-300-rgb), var(--bitek-text-opacity)) !important}
    .text-gray-400 {--bitek-text-opacity: 1; color: rgba(var(--bitek-gray-400-rgb), var(--bitek-text-opacity)) !important}
    .text-gray-500 {--bitek-text-opacity: 1; color: rgba(var(--bitek-gray-500-rgb), var(--bitek-text-opacity)) !important}
    .text-gray-600 {--bitek-text-opacity: 1; color: rgba(var(--bitek-gray-600-rgb), var(--bitek-text-opacity)) !important}
    .text-gray-700 {--bitek-text-opacity: 1; color: rgba(var(--bitek-gray-700-rgb), var(--bitek-text-opacity)) !important}
    .text-gray-800 {--bitek-text-opacity: 1; color: rgba(var(--bitek-gray-800-rgb), var(--bitek-text-opacity)) !important}
    .text-gray-900 {--bitek-text-opacity: 1; color: rgba(var(--bitek-gray-900-rgb), var(--bitek-text-opacity)) !important}
    .text-gray-1000 {--bitek-text-opacity: 1; color: rgba(var(--bitek-gray-1000-rgb), var(--bitek-text-opacity)) !important}
    .text-gray-1100 {--bitek-text-opacity: 1; color: rgba(var(--bitek-gray-1100-rgb), var(--bitek-text-opacity)) !important}
    .text-primary-lighter {--bitek-text-opacity: 1; color: rgba(var(--bitek-primary-lighter-rgb), var(--bitek-text-opacity)) !important}
    .text-primary-light {--bitek-text-opacity: 1; color: rgba(var(--bitek-primary-light-rgb), var(--bitek-text-opacity)) !important}
    .text-primary-dark {--bitek-text-opacity: 1; color: rgba(var(--bitek-primary-dark-rgb), var(--bitek-text-opacity)) !important}
    .text-primary-darker {--bitek-text-opacity: 1; color: rgba(var(--bitek-primary-darker-rgb), var(--bitek-text-opacity)) !important}
    .text-secondary-lighter {--bitek-text-opacity: 1; color: rgba(var(--bitek-secondary-lighter-rgb), var(--bitek-text-opacity)) !important}
    .text-secondary-light {--bitek-text-opacity: 1; color: rgba(var(--bitek-secondary-light-rgb), var(--bitek-text-opacity)) !important}
    .text-secondary-dark {--bitek-text-opacity: 1; color: rgba(var(--bitek-secondary-dark-rgb), var(--bitek-text-opacity)) !important}
    .text-secondary-darker {--bitek-text-opacity: 1; color: rgba(var(--bitek-secondary-darker-rgb), var(--bitek-text-opacity)) !important}
    .text-warning-lighter {--bitek-text-opacity: 1; color: rgba(var(--bitek-warning-lighter-rgb), var(--bitek-text-opacity)) !important}
    .text-warning-light {--bitek-text-opacity: 1; color: rgba(var(--bitek-warning-light-rgb), var(--bitek-text-opacity)) !important}
    .text-warning-dark {--bitek-text-opacity: 1; color: rgba(var(--bitek-warning-dark-rgb), var(--bitek-text-opacity)) !important}
    .text-warning-darker {--bitek-text-opacity: 1; color: rgba(var(--bitek-warning-darker-rgb), var(--bitek-text-opacity)) !important}
    .text-danger-lighter {--bitek-text-opacity: 1; color: rgba(var(--bitek-danger-lighter-rgb), var(--bitek-text-opacity)) !important}
    .text-danger-light {--bitek-text-opacity: 1; color: rgba(var(--bitek-danger-light-rgb), var(--bitek-text-opacity)) !important}
    .text-danger-dark {--bitek-text-opacity: 1; color: rgba(var(--bitek-danger-dark-rgb), var(--bitek-text-opacity)) !important}
    .text-danger-darker {--bitek-text-opacity: 1; color: rgba(var(--bitek-danger-darker-rgb), var(--bitek-text-opacity)) !important}
    .text-success-lighter {--bitek-text-opacity: 1; color: rgba(var(--bitek-success-lighter-rgb), var(--bitek-text-opacity)) !important}
    .text-success-light {--bitek-text-opacity: 1; color: rgba(var(--bitek-success-light-rgb), var(--bitek-text-opacity)) !important}
    .text-success-dark {--bitek-text-opacity: 1; color: rgba(var(--bitek-success-dark-rgb), var(--bitek-text-opacity)) !important}
    .text-success-darker {--bitek-text-opacity: 1; color: rgba(var(--bitek-success-darker-rgb), var(--bitek-text-opacity)) !important}
    .text-info-lighter {--bitek-text-opacity: 1; color: rgba(var(--bitek-info-lighter-rgb), var(--bitek-text-opacity)) !important}
    .text-info-light {--bitek-text-opacity: 1; color: rgba(var(--bitek-info-light-rgb), var(--bitek-text-opacity)) !important}
    .text-info-dark {--bitek-text-opacity: 1; color: rgba(var(--bitek-info-dark-rgb), var(--bitek-text-opacity)) !important}
    .text-info-darker {--bitek-text-opacity: 1; color: rgba(var(--bitek-info-darker-rgb), var(--bitek-text-opacity)) !important}
    .text-black {--bitek-text-opacity: 1; color: rgba(var(--bitek-black-rgb), var(--bitek-text-opacity)) !important}
    .text-white {--bitek-text-opacity: 1; color: rgba(var(--bitek-white-rgb), var(--bitek-text-opacity)) !important}
    .text-body {--bitek-text-opacity: 1; color: rgba(var(--bitek-body-color-rgb), var(--bitek-text-opacity)) !important}
    .text-muted {--bitek-text-opacity: 1; color: var(--bitek-secondary-color) !important}    
    .text-black-50 {--bitek-text-opacity: 1; color: rgba(0,0,0,.5) !important}    
    .text-white-50 {--bitek-text-opacity: 1; color: rgba(255,255,255,.5) !important}
    .text-body-secondary {--bitek-text-opacity: 1; color: rgba(var(--bitek-secondary-color-rgb), var(--bitek-text-opacity)) !important}
    .text-body-tertiary {--bitek-text-opacity: 1; color: rgba(var(--bitek-tertiary-color-rgb), var(--bitek-text-opacity)) !important}
    .text-body-quaternary {--bitek-text-opacity: 1; color: rgba(var(--bitek-quaternary-color-rgb), var(--bitek-text-opacity)) !important}
    .text-body-emphasis {--bitek-text-opacity: 1; color: var(--bitek-emphasis-color) !important}
    .text-reset {--bitek-text-opacity: 1; color: inherit !important}
    .text-body-highlight {--bitek-text-opacity: 1; color: rgba(var(--bitek-body-highlight-color-rgb), var(--bitek-text-opacity)) !important}

    .text-opacity-25 {--bitek-text-opacity: 0.25}
    .text-opacity-50 {--bitek-text-opacity: 0.5}
    .text-opacity-75 {--bitek-text-opacity: 0.75}    
    .text-opacity-85 {--bitek-text-opacity: 0.85}
    .text-opacity-100 {--bitek-text-opacity: 1}

    .text-primary-emphasis {color: var(--bitek-primary-text-emphasis) !important}
    .text-secondary-emphasis {color: var(--bitek-secondary-text-emphasis) !important}
    .text-success-emphasis {color: var(--bitek-success-text-emphasis) !important}
    .text-info-emphasis {color: var(--bitek-info-text-emphasis) !important}
    .text-warning-emphasis {color: var(--bitek-warning-text-emphasis) !important}
    .text-danger-emphasis {color: var(--bitek-danger-text-emphasis) !important}
    .text-light-emphasis {color: var(--bitek-light-text-emphasis) !important}
    .text-dark-emphasis {color: var(--bitek-dark-text-emphasis) !important}
	
	.text-indent-0 {text-indent: 0 !important}    
    .text-indent-1 {text-indent: .25rem !important}    
    .text-indent-2 {text-indent: .5rem !important}    
    .text-indent-3 {text-indent: 1rem !important}    
    .text-indent-4 {text-indent: 1.5rem !important}    
    .text-indent-5 {text-indent: 2rem !important}
    .text-indent-6 {text-indent: 2.5rem !important}
    .text-indent-7 {text-indent: 3rem !important}
    .text-indent-8 {text-indent: 3.5rem !important}
    .text-indent-9 {text-indent: 4rem !important}
    .text-indent-10 {text-indent: 4.5rem !important}
    .text-indent-11 {text-indent: 5rem !important}
    .text-indent-12 {text-indent: 6rem !important}
    .text-indent-13 {text-indent: 6.5rem !important}
    .text-indent-14 {text-indent: 7rem !important}
    .text-indent-15 {text-indent: 7.5rem !important}    
    .text-indent-n1 {text-indent: -0.25rem !important}
    .text-indent-n2 {text-indent: -0.5rem !important}
    .text-indent-n3 {text-indent: -1rem !important}
    .text-indent-n4 {text-indent: -1.5rem !important}
    .text-indent-n5 {text-indent: -2rem !important}
    .text-indent-n6 {text-indent: -2.5rem !important}
    .text-indent-n7 {text-indent: -3rem !important}
    .text-indent-n8 {text-indent: -3.5rem !important}
    .text-indent-n9 {text-indent: -4rem !important}
    .text-indent-n10 {text-indent: -4.5rem !important}
    .text-indent-n11 {text-indent: -5rem !important}
    .text-indent-n12 {text-indent: -6rem !important}
    .text-indent-n13 {text-indent: -6.5rem !important}
    .text-indent-n14 {text-indent: -7rem !important}
    .text-indent-n15 {text-indent: -7.5rem !important}
	
    .link-opacity-10 {--bitek-link-opacity: 0.1}
    .link-opacity-10-hover:hover {--bitek-link-opacity: 0.1}
    .link-opacity-25 {--bitek-link-opacity: 0.25}
    .link-opacity-25-hover:hover {--bitek-link-opacity: 0.25}
    .link-opacity-50 {--bitek-link-opacity: 0.5}
    .link-opacity-50-hover:hover {--bitek-link-opacity: 0.5}
    .link-opacity-75 {--bitek-link-opacity: 0.75}
    .link-opacity-75-hover:hover {--bitek-link-opacity: 0.75}
    .link-opacity-100 {--bitek-link-opacity: 1}
    .link-opacity-100-hover:hover {--bitek-link-opacity: 1}

    .link-offset-1 {text-underline-offset: .125em !important}
    .link-offset-1-hover:hover {text-underline-offset: .125em !important}
    .link-offset-2 {text-underline-offset: .25em !important}
    .link-offset-2-hover:hover {text-underline-offset: .25em !important}
    .link-offset-3 {text-underline-offset: .375em !important}
    .link-offset-3-hover:hover {text-underline-offset: .375em !important}

    .link-underline-primary {--bitek-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bitek-primary-rgb), var(--bitek-link-underline-opacity)) !important;        text-decoration-color: rgba(var(--bitek-primary-rgb), var(--bitek-link-underline-opacity)) !important}
    .link-underline-secondary {--bitek-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bitek-secondary-rgb), var(--bitek-link-underline-opacity)) !important;        text-decoration-color: rgba(var(--bitek-secondary-rgb), var(--bitek-link-underline-opacity)) !important}
    .link-underline-success {--bitek-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bitek-success-rgb), var(--bitek-link-underline-opacity)) !important;        text-decoration-color: rgba(var(--bitek-success-rgb), var(--bitek-link-underline-opacity)) !important}
    .link-underline-info {--bitek-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bitek-info-rgb), var(--bitek-link-underline-opacity)) !important;        text-decoration-color: rgba(var(--bitek-info-rgb), var(--bitek-link-underline-opacity)) !important}
    .link-underline-warning {--bitek-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bitek-warning-rgb), var(--bitek-link-underline-opacity)) !important;        text-decoration-color: rgba(var(--bitek-warning-rgb), var(--bitek-link-underline-opacity)) !important}
    .link-underline-danger {--bitek-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bitek-danger-rgb), var(--bitek-link-underline-opacity)) !important;        text-decoration-color: rgba(var(--bitek-danger-rgb), var(--bitek-link-underline-opacity)) !important}
    .link-underline-light {--bitek-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bitek-light-rgb), var(--bitek-link-underline-opacity)) !important;        text-decoration-color: rgba(var(--bitek-light-rgb), var(--bitek-link-underline-opacity)) !important}
    .link-underline-dark {--bitek-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bitek-dark-rgb), var(--bitek-link-underline-opacity)) !important;        text-decoration-color: rgba(var(--bitek-dark-rgb), var(--bitek-link-underline-opacity)) !important}
    .link-underline-gray-50 {--bitek-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bitek-gray-50-rgb), var(--bitek-link-underline-opacity)) !important;        text-decoration-color: rgba(var(--bitek-gray-50-rgb), var(--bitek-link-underline-opacity)) !important}
    .link-underline-gray-100 {--bitek-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bitek-gray-100-rgb), var(--bitek-link-underline-opacity)) !important;        text-decoration-color: rgba(var(--bitek-gray-100-rgb), var(--bitek-link-underline-opacity)) !important}
    .link-underline-gray-200 {--bitek-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bitek-gray-200-rgb), var(--bitek-link-underline-opacity)) !important;        text-decoration-color: rgba(var(--bitek-gray-200-rgb), var(--bitek-link-underline-opacity)) !important}
    .link-underline-gray-300 {--bitek-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bitek-gray-300-rgb), var(--bitek-link-underline-opacity)) !important;        text-decoration-color: rgba(var(--bitek-gray-300-rgb), var(--bitek-link-underline-opacity)) !important}
    .link-underline-gray-400 {--bitek-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bitek-gray-400-rgb), var(--bitek-link-underline-opacity)) !important;        text-decoration-color: rgba(var(--bitek-gray-400-rgb), var(--bitek-link-underline-opacity)) !important}
    .link-underline-gray-500 {--bitek-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bitek-gray-500-rgb), var(--bitek-link-underline-opacity)) !important;        text-decoration-color: rgba(var(--bitek-gray-500-rgb), var(--bitek-link-underline-opacity)) !important}
    .link-underline-gray-600 {--bitek-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bitek-gray-600-rgb), var(--bitek-link-underline-opacity)) !important;        text-decoration-color: rgba(var(--bitek-gray-600-rgb), var(--bitek-link-underline-opacity)) !important}
    .link-underline-gray-700 {--bitek-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bitek-gray-700-rgb), var(--bitek-link-underline-opacity)) !important;        text-decoration-color: rgba(var(--bitek-gray-700-rgb), var(--bitek-link-underline-opacity)) !important}
    .link-underline-gray-800 {--bitek-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bitek-gray-800-rgb), var(--bitek-link-underline-opacity)) !important;        text-decoration-color: rgba(var(--bitek-gray-800-rgb), var(--bitek-link-underline-opacity)) !important}
    .link-underline-gray-900 {--bitek-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bitek-gray-900-rgb), var(--bitek-link-underline-opacity)) !important;        text-decoration-color: rgba(var(--bitek-gray-900-rgb), var(--bitek-link-underline-opacity)) !important}
    .link-underline-gray-1000 {--bitek-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bitek-gray-1000-rgb), var(--bitek-link-underline-opacity)) !important;        text-decoration-color: rgba(var(--bitek-gray-1000-rgb), var(--bitek-link-underline-opacity)) !important}
    .link-underline-gray-1100 {--bitek-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bitek-gray-1100-rgb), var(--bitek-link-underline-opacity)) !important;        text-decoration-color: rgba(var(--bitek-gray-1100-rgb), var(--bitek-link-underline-opacity)) !important}
    .link-underline {--bitek-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bitek-link-color-rgb), var(--bitek-link-underline-opacity, 1)) !important;        text-decoration-color: rgba(var(--bitek-link-color-rgb), var(--bitek-link-underline-opacity, 1)) !important}
    .link-underline-opacity-0 {--bitek-link-underline-opacity: 0}    
    .link-underline-opacity-0-hover:hover {--bitek-link-underline-opacity: 0}
    .link-underline-opacity-10 {--bitek-link-underline-opacity: 0.1}
    .link-underline-opacity-10-hover:hover {--bitek-link-underline-opacity: 0.1}
    .link-underline-opacity-25 {--bitek-link-underline-opacity: 0.25}
    .link-underline-opacity-25-hover:hover {--bitek-link-underline-opacity: 0.25}
    .link-underline-opacity-50 {--bitek-link-underline-opacity: 0.5}
    .link-underline-opacity-50-hover:hover {--bitek-link-underline-opacity: 0.5}
    .link-underline-opacity-75 {--bitek-link-underline-opacity: 0.75}
    .link-underline-opacity-75-hover:hover {--bitek-link-underline-opacity: 0.75}
    .link-underline-opacity-100 {--bitek-link-underline-opacity: 1}
    .link-underline-opacity-100-hover:hover {--bitek-link-underline-opacity: 1}

    .bg-primary {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-primary-rgb), var(--bitek-bg-opacity)) !important}
    .bg-secondary {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-secondary-rgb), var(--bitek-bg-opacity)) !important}
    .bg-success {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-success-rgb), var(--bitek-bg-opacity)) !important}
    .bg-info {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-info-rgb), var(--bitek-bg-opacity)) !important}
    .bg-warning {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-warning-rgb), var(--bitek-bg-opacity)) !important}
    .bg-danger {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-danger-rgb), var(--bitek-bg-opacity)) !important}
    .bg-light {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-light-rgb), var(--bitek-bg-opacity)) !important}
    .bg-dark {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-dark-rgb), var(--bitek-bg-opacity)) !important}
    .bg-gray{--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-gray-rgb), var(--bitek-bg-opacity)) !important}
    .bg-gray-50 {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-gray-50-rgb), var(--bitek-bg-opacity)) !important}
    .bg-gray-100 {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-gray-100-rgb), var(--bitek-bg-opacity)) !important}
    .bg-gray-200 {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-gray-200-rgb), var(--bitek-bg-opacity)) !important}
    .bg-gray-300 {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-gray-300-rgb), var(--bitek-bg-opacity)) !important}
    .bg-gray-400 {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-gray-400-rgb), var(--bitek-bg-opacity)) !important}
    .bg-gray-500 {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-gray-500-rgb), var(--bitek-bg-opacity)) !important}
    .bg-gray-600 {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-gray-600-rgb), var(--bitek-bg-opacity)) !important}
    .bg-gray-700 {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-gray-700-rgb), var(--bitek-bg-opacity)) !important}
    .bg-gray-800 {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-gray-800-rgb), var(--bitek-bg-opacity)) !important}
    .bg-gray-900 {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-gray-900-rgb), var(--bitek-bg-opacity)) !important}
    .bg-gray-1000 {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-gray-1000-rgb), var(--bitek-bg-opacity)) !important}
    .bg-gray-1100 {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-gray-1100-rgb), var(--bitek-bg-opacity)) !important}
    .bg-primary-lighter {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-primary-lighter-rgb), var(--bitek-bg-opacity)) !important}
    .bg-primary-light {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-primary-light-rgb), var(--bitek-bg-opacity)) !important}
    .bg-primary-dark {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-primary-dark-rgb), var(--bitek-bg-opacity)) !important}
    .bg-primary-darker {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-primary-darker-rgb), var(--bitek-bg-opacity)) !important}
    .bg-secondary-lighter {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-secondary-lighter-rgb), var(--bitek-bg-opacity)) !important}
    .bg-secondary-light {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-secondary-light-rgb), var(--bitek-bg-opacity)) !important}
    .bg-secondary-dark {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-secondary-dark-rgb), var(--bitek-bg-opacity)) !important}
    .bg-secondary-darker {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-secondary-darker-rgb), var(--bitek-bg-opacity)) !important}
    .bg-warning-lighter {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-warning-lighter-rgb), var(--bitek-bg-opacity)) !important}
    .bg-warning-light {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-warning-light-rgb), var(--bitek-bg-opacity)) !important}
    .bg-warning-dark {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-warning-dark-rgb), var(--bitek-bg-opacity)) !important}
    .bg-warning-darker {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-warning-darker-rgb), var(--bitek-bg-opacity)) !important}
    .bg-danger-lighter {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-danger-lighter-rgb), var(--bitek-bg-opacity)) !important}
    .bg-danger-light {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-danger-light-rgb), var(--bitek-bg-opacity)) !important}    
    .bg-danger-dark {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-danger-dark-rgb), var(--bitek-bg-opacity)) !important}
    .bg-danger-darker {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-danger-darker-rgb), var(--bitek-bg-opacity)) !important}
    .bg-success-lighter {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-success-lighter-rgb), var(--bitek-bg-opacity)) !important}
    .bg-success-light {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-success-light-rgb), var(--bitek-bg-opacity)) !important}
    .bg-success-dark {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-success-dark-rgb), var(--bitek-bg-opacity)) !important}
    .bg-success-darker {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-success-darker-rgb), var(--bitek-bg-opacity)) !important}
    .bg-info-lighter {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-info-lighter-rgb), var(--bitek-bg-opacity)) !important}
    .bg-info-light {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-info-light-rgb), var(--bitek-bg-opacity)) !important}
    .bg-info-dark {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-info-dark-rgb), var(--bitek-bg-opacity)) !important}
    .bg-info-darker {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-info-darker-rgb), var(--bitek-bg-opacity)) !important}
    .bg-black {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-black-rgb), var(--bitek-bg-opacity)) !important}
    .bg-white {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-white-rgb), var(--bitek-bg-opacity)) !important}
    .bg-body {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-body-bg-rgb), var(--bitek-bg-opacity)) !important}
    .bg-transparent {--bitek-bg-opacity: 1; background-color: rgba(0,0,0,0) !important}
    .bg-body-emphasis {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-emphasis-bg-rgb), var(--bitek-bg-opacity)) !important}
    .bg-body-secondary {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-secondary-bg-rgb), var(--bitek-bg-opacity)) !important}
    .bg-body-tertiary {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-tertiary-bg-rgb), var(--bitek-bg-opacity)) !important}
    .bg-body-quaternary {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-quaternary-bg-rgb), var(--bitek-bg-opacity)) !important}
    .bg-body-highlight {--bitek-bg-opacity: 1; background-color: rgba(var(--bitek-body-highlight-bg-rgb), var(--bitek-bg-opacity)) !important}

    .bg-opacity-10 {--bitek-bg-opacity: 0.1}
    .bg-opacity-25 {--bitek-bg-opacity: 0.25}
    .bg-opacity-50 {--bitek-bg-opacity: 0.5}
    .bg-opacity-75 {--bitek-bg-opacity: 0.75}
    .bg-opacity-85 {--bitek-bg-opacity: 0.85}
    .bg-opacity-100 {--bitek-bg-opacity: 1}

    .bg-primary-subtle {background-color: var(--bitek-primary-bg-subtle) !important}
    .bg-secondary-subtle {background-color: var(--bitek-secondary-bg-subtle) !important}
    .bg-success-subtle {background-color: var(--bitek-success-bg-subtle) !important}
    .bg-info-subtle {background-color: var(--bitek-info-bg-subtle) !important}
    .bg-warning-subtle {background-color: var(--bitek-warning-bg-subtle) !important}
    .bg-danger-subtle {background-color: var(--bitek-danger-bg-subtle) !important}
    .bg-light-subtle {background-color: var(--bitek-light-bg-subtle) !important}
    .bg-dark-subtle {background-color: var(--bitek-dark-bg-subtle) !important}
    .bg-gradient {background-image: var(--bitek-gradient) !important}

    .user-select-all {-webkit-user-select: all !important; -moz-user-select: all !important; -ms-user-select: all !important; user-select: all !important}
    .user-select-auto {-webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important}
    .user-select-none {-webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important}
    
    /* .pe-none {pointer-events: none !important}
    .pe-auto {pointer-events: auto !important} */

    .rounded {border-radius: var(--bitek-border-radius) !important}
    .rounded-0 {border-radius: 0 !important}
    .rounded-1 {border-radius: var(--bitek-border-radius-sm) !important}
    .rounded-2 {border-radius: var(--bitek-border-radius) !important}
    .rounded-3 {border-radius: var(--bitek-border-radius-lg) !important}
    .rounded-4 {border-radius: var(--bitek-border-radius-xl) !important}
    .rounded-5 {border-radius: var(--bitek-border-radius-xxl) !important}
    .rounded-circle {border-radius: 50% !important}
    .rounded-pill {border-radius: var(--bitek-border-radius-pill) !important}
    .rounded-top {border-top-left-radius: var(--bitek-border-radius) !important; border-top-right-radius: var(--bitek-border-radius) !important}
    .rounded-top-0 {border-top-left-radius: 0 !important; border-top-right-radius: 0 !important}
    .rounded-top-1 {border-top-left-radius: var(--bitek-border-radius-sm) !important; border-top-right-radius: var(--bitek-border-radius-sm) !important}
    .rounded-top-2 {border-top-left-radius: var(--bitek-border-radius) !important; border-top-right-radius: var(--bitek-border-radius) !important}
    .rounded-top-3 {border-top-left-radius: var(--bitek-border-radius-lg) !important; border-top-right-radius: var(--bitek-border-radius-lg) !important}
    .rounded-top-4 {border-top-left-radius: var(--bitek-border-radius-xl) !important; border-top-right-radius: var(--bitek-border-radius-xl) !important}
    .rounded-top-5 {border-top-left-radius: var(--bitek-border-radius-xxl) !important; border-top-right-radius: var(--bitek-border-radius-xxl) !important}
    .rounded-top-circle {border-top-left-radius: 50% !important; border-top-right-radius: 50% !important}
    .rounded-top-pill {border-top-left-radius: var(--bitek-border-radius-pill) !important; border-top-right-radius: var(--bitek-border-radius-pill) !important}
    .rounded-end {border-top-right-radius: var(--bitek-border-radius) !important; border-bottom-right-radius: var(--bitek-border-radius) !important}
    .rounded-end-0 {border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important}
    .rounded-end-1 {border-top-right-radius: var(--bitek-border-radius-sm) !important; border-bottom-right-radius: var(--bitek-border-radius-sm) !important}
    .rounded-end-2 {border-top-right-radius: var(--bitek-border-radius) !important; border-bottom-right-radius: var(--bitek-border-radius) !important}
    .rounded-end-3 {border-top-right-radius: var(--bitek-border-radius-lg) !important; border-bottom-right-radius: var(--bitek-border-radius-lg) !important}
    .rounded-end-4 {border-top-right-radius: var(--bitek-border-radius-xl) !important; border-bottom-right-radius: var(--bitek-border-radius-xl) !important}
    .rounded-end-5 {border-top-right-radius: var(--bitek-border-radius-xxl) !important; border-bottom-right-radius: var(--bitek-border-radius-xxl) !important}
    .rounded-end-circle {border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important}
    .rounded-end-pill {border-top-right-radius: var(--bitek-border-radius-pill) !important; border-bottom-right-radius: var(--bitek-border-radius-pill) !important}
    .rounded-bottom {border-bottom-right-radius: var(--bitek-border-radius) !important; border-bottom-left-radius: var(--bitek-border-radius) !important}
    .rounded-bottom-0 {border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important}
    .rounded-bottom-1 {border-bottom-right-radius: var(--bitek-border-radius-sm) !important; border-bottom-left-radius: var(--bitek-border-radius-sm) !important}
    .rounded-bottom-2 {border-bottom-right-radius: var(--bitek-border-radius) !important; border-bottom-left-radius: var(--bitek-border-radius) !important}
    .rounded-bottom-3 {border-bottom-right-radius: var(--bitek-border-radius-lg) !important; border-bottom-left-radius: var(--bitek-border-radius-lg) !important}
    .rounded-bottom-4 {border-bottom-right-radius: var(--bitek-border-radius-xl) !important; border-bottom-left-radius: var(--bitek-border-radius-xl) !important}
    .rounded-bottom-5 {border-bottom-right-radius: var(--bitek-border-radius-xxl) !important; border-bottom-left-radius: var(--bitek-border-radius-xxl) !important}
    .rounded-bottom-circle {border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important}
    .rounded-bottom-pill {border-bottom-right-radius: var(--bitek-border-radius-pill) !important; border-bottom-left-radius: var(--bitek-border-radius-pill) !important}
    .rounded-start {border-bottom-left-radius: var(--bitek-border-radius) !important; border-top-left-radius: var(--bitek-border-radius) !important}
    .rounded-start-0 {border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important}
    .rounded-start-1 {border-bottom-left-radius: var(--bitek-border-radius-sm) !important; border-top-left-radius: var(--bitek-border-radius-sm) !important}
    .rounded-start-2 {border-bottom-left-radius: var(--bitek-border-radius) !important; border-top-left-radius: var(--bitek-border-radius) !important}
    .rounded-start-3 {border-bottom-left-radius: var(--bitek-border-radius-lg) !important; border-top-left-radius: var(--bitek-border-radius-lg) !important}
    .rounded-start-4 {border-bottom-left-radius: var(--bitek-border-radius-xl) !important; border-top-left-radius: var(--bitek-border-radius-xl) !important}
    .rounded-start-5 {border-bottom-left-radius: var(--bitek-border-radius-xxl) !important; border-top-left-radius: var(--bitek-border-radius-xxl) !important}
    .rounded-start-circle {border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important}
    .rounded-start-pill {border-bottom-left-radius: var(--bitek-border-radius-pill) !important; border-top-left-radius: var(--bitek-border-radius-pill) !important   }
    
    .visible { visibility: visible !important}
    .invisible { visibility: hidden !important}
    
    .z-n1 {z-index: -1 !important}
    .z-0 {z-index: 0 !important}
    .z-1 {z-index: 1 !important}
    .z-2 {z-index: 2 !important}
    .z-3 {z-index: 3 !important}
    .z-4 {z-index: 4 !important}
    .z-5 {z-index: 5 !important}

    .border-x {border-left: var(--bitek-border-width) var(--bitek-border-style) var(--bitek-border-color) !important; border-right: var(--bitek-border-width) var(--bitek-border-style) var(--bitek-border-color) !important}
    .border-x-0 {border-left: 0 !important; border-right: 0 !important}
    .border-y {border-top: var(--bitek-border-width) var(--bitek-border-style) var(--bitek-border-color) !important; border-bottom: var(--bitek-border-width) var(--bitek-border-style) var(--bitek-border-color) !important}    
    .border-y-0 {border-top: 0 !important; border-bottom: 0 !important}
   
    .ls-1 {letter-spacing: 1rem !important}    
    .ls-2 {letter-spacing: .165em !important}    
    .ls-3 {letter-spacing: .25em !important}    
    
    .cursor-pointer {cursor: pointer !important}    
    .cursor-default {cursor: default !important}
    
    
    @media(min-width: 1540px) {
	

	}

video::cue{color:#00ff88; background:rgba(0,0,0,.7); font-size:20px; font-weight:700;}


.bg-f6{background-color:#f6f6f6;}
@font-face {font-family: 'ChosunGs'; font-weight: normal; font-style: normal; src: url(./font/ChosunGs.woff) format('woff'), url(./font/ChosunGs.woff2) format('woff2');}

.jungbing-btns{}
.btn1{color: #fff; width:auto; height: 30px; padding:0 5px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
@media (max-width: 767px) {
	.btn1{height:40px; padding:0 10px;}
	.jungbing-btns{display:flex;}
}

.bt-wrap{}
.seatch_btn,
.btn_red{border: 1px solid #e00101 !important; background-color:#e00101 !important;}
.btn_blue{border: 1px solid #0066af !important; background-color:#0066af !important;}
.btn_gray{border: 1px solid #606060 !important; background: #606060 !important;}
.bt-wrap .bt-inoutbox .inoutbtn-wrap button{background-color:#0066af;}
.basc_0102 .inoutbtn-wrap button span{color:#ffffff;}
.span_red{color:#e00101 !important;}
.span_blue{color:#0066af !important;}

@media (max-width: 767px) {
	.basc_0102{}
	.basc_0102 .search_area{display: flex; flex-direction: column; padding: 5px;}
	.basc_0102 .search_area .search_area_btn{position: relative; width: calc(100% - 10px); margin: 0px 15px;}
	.basc_0102 .search_area .search_area_btn a{padding: 5px;}
	.basc_0102 .search_area #tbl_search{}
	.basc_0102 .search_area #tbl_search colgroup{display:none;}
	.basc_0102 .search_area #tbl_search tr{display: flex; width: 100%; flex-wrap: wrap;}
	.basc_0102 .search_area #tbl_search th{display: flex; align-items: center; width:25%; text-align: left; padding: 0 5px;}
	.basc_0102 .search_area #tbl_search td{display:inline-block; width:75%; padding: 5px;}

	.basc_0102 .cont_separate_left{overflow:auto;}
	.basc_0102 #tbl_list02{width:700px;}

	.basc_0102 .bt-inoutbox{display:flex; flex-direction: column;}
	.basc_0102 .cont_separate_left,
	.basc_0102 .cont_separate_right{width:100% !important;}
	.basc_0102 .cont_separate_left #tbl_list02_pagination{margin: 10px 0;}
	.basc_0102 .cont_separate_right .tbl_wrap{max-height:227px !important;}
	.basc_0102 .inoutbtn-wrap{}
	.basc_0102 .inoutbtn-wrap button{width: 100% !important;}
	.basc_0102 .inoutbtn-wrap button span{transform: rotate(90deg); display: inline-block;}
	.basc_0102 .cont_separate_left .tbl_top{margin: 0 0 5px 0;}
	.basc_0102 .cont_separate_right .tbl_top{display: flex; flex-direction: column;  padding: 0; margin: 0 0 10px 0; gap: 3px;}
	.basc_0102 .tbl_top .tbl_top_left,
	.basc_0102 .tbl_top .tbl_top_right{display:flex; align-items: center;}
	.basc_0102 .cont_separate_left table thead tr,
	.basc_0102 .cont_separate_right table thead tr{height:40px;}
	.basc_0102 .tbl_top .tbl_top_right{gap: 5px;}
	.basc_0102 .tbl_top .tbl_top_right a{margin:0;}
}

/*====  s:기존 수료증 ====*/
	.pirnt-btn{background-color:#0066af; color:#ffffff; border-radius:5px; padding: 10px 25px; z-index: 999999; position: absolute; right:-20px; top: 10px; letter-spacing: .05rem; }
	.lecture{width: 15.4cm; margin: 0 auto; font-size: 7.8mm;  padding: 4rem 0 2rem 0px;display: flex; justify-content: center; align-items: flex-start;}
	.lecture span{padding:0 10px; max-width: 400px; word-break: keep-all;}
	#print_wrapper .content_diploma{height:100%;}
	#print_wrapper .content_diploma .cont_diploma{padding:0;}
	#print_wrapper .content_diploma .sign_diploma{position: absolute; bottom:44mm; width: 210mm;}
	#print_wrapper .content_diploma .date_diploma{position: absolute; bottom:72mm; text-align: center; width: 210mm;}
	#print_wrapper .content_diploma .info_diploma {padding: 0; display: flex; flex-direction: column; align-items: flex-end; margin-right: 22mm;}
	#print_wrapper .content_diploma .info_diploma li .txt{width:50mm}
	 @media print {
	 	.pirnt-btn{display:none;}
	 }
	.info_diploma-wrap{display: flex; justify-content: flex-end; padding-right: 90px;}
	.info_diploma-wrap *{font-size:5.25mm;}
	.info_diploma-wrap ul{display: flex; flex-direction: column; gap: 3px;}
	.info_diploma-wrap ul li{display: flex; gap: 8px;}
	.info_diploma-wrap ul li span{}
	.info_diploma-wrap ul li span.tit{flex: 1; display: flex; justify-content: space-between;}
	.info_diploma-wrap ul li span.tit em{}
	.info_diploma-wrap ul li span.txt{flex:2.5; word-break: keep-all; min-width:220px; display:flex; }
/*====  e:기존 수료증 ====*/

/*-- s:수료증  --*/
	.certificate-wrap{background-image: url(/kpx/com/images/certificate_bg.png); background-size: 100% 100%; width:1100px;}
    .certificate-wrap *{color:#000000; font-family: 'ChosunGs';}
    .certificate-wrap +.certificate-wrap{margin-top:50px;}
    .certificate-wrap +.certificate-wrap .footer{display:none;}

    /* 가로 A4 비율 297mm x 210mm */
   .certificate-wrap .certificate {width:100%; aspect-ratio: 297 / 210; /* A4 Landscape 비율 */ padding: 60px 80px; margin: 0 auto; position: relative; box-sizing: border-box; /*border: 10px double #0b2e63;*/ background-image: url(/kpx/com/images/certificate1_bg.png); background-repeat: no-repeat; background-size: cover; background-position: center center;}
   .certificate-wrap .certificate::after { content: ""; position: absolute; inset: 0; background-image: repeating-linear-gradient(
            0deg,
            rgba(0,0,0,0.04) 0px,
            rgba(0,0,0,0.04) 1px,
            transparent 1px,
            transparent 14px); opacity: .18; pointer-events: none;
    }

	.certificate-wrap .top-info {display: flex; justify-content: space-between; margin-bottom: 50px; color: #333; position: relative; z-index: 3; padding:0 10px;}
	.certificate-wrap .top-info *{font-size:1.2rem;}
	.certificate-wrap *{font-size:1.65rem;}
	.certificate-wrap h1 {text-align: center; font-size:4rem; margin: 20px 0 70px 0; font-weight: 700; letter-spacing:2rem; z-index: 3; position: relative; height: 4rem; width: 100%; display: inline-flex; justify-content: center; align-items: center;}
	.certificate-wrap #lectureNm{line-height: 1.1;}
	.certificate-wrap .content {text-align: center; line-height: 1.8; margin-bottom:50px; z-index: 3; position: relative; padding: 0 20px;}
	.certificate-wrap .info-block {width: 90%; margin: 0 auto 25px; z-index: 3; position: relative;}
	.certificate-wrap .info-block table {width: 100%; border-collapse: collapse; }
	.certificate-wrap .info-block th{font-weight:normal; height:35px; vertical-align: middle;}
	.certificate-wrap .info-block th div{display:flex; gap:5px;}
	.certificate-wrap .info-block th div:after{content:':'; margin-left: 5px;}
	.certificate-wrap .info-block th span{text-align:justify; line-height:0; width:135px; display: inline-block;}
	.certificate-wrap .info-block th span:after{content:''; display:inline-block; width:100%;}
	.certificate-wrap .info-block th span:before{content:''; display:inline-block; width:100%;}
	.certificate-wrap .info-block td {padding: 8px 0; text-align:left;}
	.certificate-wrap .info-cbp{position: relative; width:100%; padding-top:25px;}

	.certificate-wrap .info-cbp:before{content:''; width:calc(100% - 286px); height: 1px; background-color: #000000; display: inline-block; position: absolute; top:0; right: 0;}
	.certificate-wrap .info-cbp p{position: absolute;top:-7px; padding-left: 55px;}
	.certificate-wrap .info-cbp p::before{content: ''; width: 45px; height: 1px; background-color: #000000; display: inline-block; position: absolute; top: 8px; left: 0;}
	.certificate-wrap .info-cbp ul{display: flex; gap:10px; padding:0 0 0 55px; flex-wrap: wrap;}
	.certificate-wrap .info-cbp ul *{font-size:1.2rem;}
	.certificate-wrap .info-cbp ul li{width: 49px;}

	/* 서명 */
	.certificate-wrap .footer {text-align: center; margin-top: 40px; font-size:2rem; font-weight: 700; z-index: 3; position: absolute; left: 50%; transform: translateX(-50%); bottom: 100px;}
	.certificate-wrap .footer:after{content:''; background-image: url(/kpx/com/images/img_diploma_stamp.png); width: 105px; height: 105px; background-size: cover; display: inline-block; position: absolute; top: -47px; right: -112px; z-index: -1;}

	.pirnt-btn{background-color:#0066af; color:#ffffff; border-radius:5px; padding: 10px 25px; z-index: 999999; position: absolute; right: 30px; top: 10px; }

	.print-btn-wrap{width:1100px; display: flex; justify-content: flex-end;  position: absolute; gap: 10px;}
	.print-btn-wrap .print-btn{}


	/* 인쇄용 */
@media print {
   @page {size: A4 landscape; margin: 35px 0 0; page-break-after: always;}
    * {-webkit-print-color-adjust: exact !important; print-color-adjust: exact !important;}
.pirnt-btn,
.print-btn-wrap{display:none;}

    /* body {margin: 0; padding: 15px; page-break-after: always;}
    .pirnt-btn{display:none;}
    .certificate-wrap{width: calc(297mm - 30px) !important; height: calc(210mm -30px) !important; page-break-after: always; background-size: cover !important; background-repeat: no-repeat !important; }
    .certificate {width: calc(297mm - 30px) !important; height: calc(210mm -30px) !important; padding: 20mm !important;} */
}
/*-- e:수료증  --*/

.basc-0202-boxcon{}
.basc-0202-boxcon p{background-color:#f4faff; padding:10px; border-radius:5px; }
.basc-0202-boxcon ul{display:flex; gap:10px 20px; margin-top:20px;}
.basc-0202-boxcon ul li{}
.basc-0202-boxcon ul li span{margin-right:5px; font-weight:600;}
@media (max-width: 767px){
	.basc-0202-boxcon ul{flex-direction:column;}
	.basc-0202-boxcon ul li{}
	.basc-0202-boxcon ul li span{width:75px; display: inline-block;}
	.basc-0202-boxcon ul li input{margin-left: 5px;width:calc(100% - 100px);}
	.basc-0202-boxcon ul li select{width:calc(100% - 100px);}
}

.MngMmbmGen0101-tbl{}
.MngMmbmGen0101-tbl input[readonly="readonly"]{background-color:#ededed !important; border:1px solid #ededed !important; color:#333333;}
.MngMmbmGen0101-tbl input, .MngMmbmGen0101-tbl select{color:#000000;}
/* ============================================================
			  				 사용자 화면
   ============================================================ */
 .h3_tit{line-height: 1.1;}
.layer-alert{display:none; position: fixed; left: 50%; transform: translateX(-50%); z-index: 9;width: calc(100% - 40px); max-width:400px; height: auto; box-shadow: 0px 0px 10px 5px #cccccc; border-radius: 10px;}
.layer-alert.active{display:block;}
.layer-alert:after{content: ''; position: fixed; top: -500%; left: -500%; display: inline-block; width: 1000%; height: 1000%; background: rgba(0, 0, 0, 0.4); z-index: -1;}
.layer-alert > div{display: flex; flex-direction: column; gap: 5px; padding:20px 20px 30px 20px; background: #ffffff; border-radius: 10px; border: 2px solid #cccccc; }
.layer-alert > div:before{content: ''; background: url(/kpx/com/images/warning01.png) no-repeat; background-size: contain; display: inline-block; width: 60px; height: 53px; position: relative; left: 50%; transform: translateX(-50%); margin: 10px 0 20px 0;}
.layer-alert p.item01{font-size: 18px; line-height: 28px; color: #333333; font-weight: 600; text-align: center;}
.layer-alert p.item02{text-align: center; font-size: 21px; color: #333333; font-weight: 600; padding: 15px 0 0;}
.layer-alert p.item02 span{color:#ff0000; font-weight:600;}
.layer-alert p.item03{margin-top: 5px; font-size: 16px; text-align: center; color: #333333;}
.layer-alert .btn-wrap{display: flex; justify-content: center; gap: 10px; margin-top: 15px;}
.layer-alert .btn-wrap button{font-size: 16px; background: #ffffff; padding: 8px 32px;/*  border: 1px solid #0066af; */ border-radius: 5px; color:#ffffff;}
.layer-alert .btn-wrap .btn-ok{background-color:#0066af;}
.layer-alert .btn-wrap .btn-cancle{background-color:#333333}

.UsrMypgBasc0101 .box6 .edulist_txt h3{word-break: keep-all;line-height: 1.25;}
#tbl_view03 iframe{border:none;}
.format_tab_box#tab-1.on{gap: 0px 5px;}
.box6.edu.format_tab_box .edu_list{width: calc(50% - 5px);}

.UsrMypgBasc0702 table tbody td{text-align:left !important;}

.pop_tit h1{font-size:23px; color:#ffffff;}

/*main*/
@media (max-width: 1280px) {
    .sec03_container .on_edu, .sec03_container .off_edu {height:580px}
	.sec03_container .slide_content .slide_title{white-space:inherit;overflow:inherit; text-overflow:inherit; word-break: keep-all; line-height: 1.25;}

	.on_edu .item02{}
	.sec04_container .notice_box{    padding: 0px 30px 0 0;}
	.sec04_container .notice_box > div a{display:inline-block; background:inherit;}
	.lnbBox .lnb{letter-spacing: -2px;}
	.box6.edu.format_tab_box .edu_list{width:100%;}
}
@media (max-width: 768px) {
	.schedule.lecture_right .style_1 .sched.on .edu_detail{width: 250px;}
	.table.workGroup{all:unset;}
	.table.workGroup tbody{all: unset; display: flex; flex-direction: column;}
	.table.workGroup tbody tr{ all: unset; display: flex; flex-direction: column; margin-top: 10px; position:relative;}
	.table.workGroup tbody tr.bar:after{content:'';display:inline-block; width:calc(100% - 1.4rem); height:0.1rem; border-bottom:.1rem solid #c8c8c8; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
	.table.workGroup tbody td{all: unset; padding: .7rem;}
	.table.workGroup tbody td.tit{background-color: #0066af; color: #ffffff; margin-bottom: 7px; border-radius: 10px; font-weight: bold; display: flex; justify-content: center; font-size: 20px;}
	.table.workGroup tbody tr + tr:has(td.tit){margin-top:50px; border-top:none !important}
	.table.workGroup tbody tr + tr.border{border-top:1px dashed #cccccc; margin-top: 0px;}
	.table.workGroup tbody td:not(.tit):before{content:attr(data-label);margin-right:5px; width:85px; display:inline-block;}
	.table.workGroup tbody td[data-label="담당업무"]{background: #f1f9ff; font-weight: bold; color: #333333;}
	.table.workGroup tbody td[data-label="담당업무"]:before{display:none;}
	.pop_tit h1{font-size:4vw;}
}
/* ============================================================
			  				 관리자 화면
   ============================================================ */

.blind{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;}


/** 수강신청 관리 **/
/* 페이지 체크박스 */
.pageall{margin-right:10px;}
.pageall input[type="checkbox"] + label:before,
.pageall input[type="checkbox"] + label:after{all:unset;}
.pageall input[type="checkbox"] + label{all:unset; background-color: #606060; color: #ffffff; padding: 3px 15px; border-radius: 20px; cursor:pointer;}
.pageall input[type="checkbox"]:checked + label{background-color:#c30000; font-weight: bold; text-decoration: underline; text-underline-offset: 2px;
}
.pageall input[type="checkbox"]:checked + label:before{}
.lay-popup02{width:auto; height:auto; font-size:16px; line-height: 1.4; display:inline-block; background-color:#ffffff; position: fixed; z-index:9; border-radius: 10px; box-shadow: 0 0 13px 0 #cccccc; left: calc(50% - 230px);}
.lay-popup02 .cont{padding:20px;}
.lay-popup02 .cont  p.tit{font-size: 18px; font-weight: bold; color: #333333;}
.lay-popup02 .cont  p.sub-tit{ margin-bottom: 1px;}
.lay-popup02 .sub-cont{margin-top:20px;}
.lay-popup02 .sub-cont > div{display: flex; flex-direction: row; gap: 45px;}
.lay-popup02 .cont .btn-wrap{display: flex; justify-content: center; gap: 10px; margin-top: 30px;}
.lay-popup02 .cont .btn-wrap button{padding: 5px 20px; font-size: 16px; border-radius: 5px; color:#ffffff}
.lay-popup02 .cont .btn-wrap .btn-ok{background: #0066af}
.lay-popup02 .cont .btn-wrap .btn-close{background: #333333}



/* 독려기능 */
.encour-wraper{display:none;width:100%;height:100%;position:fixed;top:50%;left:50%;z-index:9;transform:translate(-50%,-50%);}
.encour-wraper.is-active{display:flex;}
.encour-wraper .encour-contents{position:relative;z-index:2;width:650px;height:730px;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:10px;padding:20px;box-sizing:border-box;}
.encour-wraper .encour-dimd{width:100%;height:100%;position:absolute;z-index:1;background:rgba(0,0,0,.8);}

.encour-header{display:flex;justify-content:center;position:relative;margin-bottom:20px;}
.encour-header > p{font-size:1.6rem;font-weight:700;}
.encour-header button.close{position:absolute;right:10px;top:50%;transform:translate(-10px,-50%);background:#fff;}
.encour-header button.close:before{content:'\f00d';font-family:"Font Awesome 7 Free";font-weight:600;font-size:30px;}

#calInput{width:180px;height:38px;padding:0 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;box-sizing:border-box;}

.cal{width:100%;margin:10px auto;padding:14px;border:1px solid #e5e5e5;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.12);box-sizing:border-box;}
.cal-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.cal-hd button{width:34px;height:34px;border:0;border-radius:8px;background:#f4f4f4;font-size:22px;cursor:pointer;}
.cal-tit{font-size:16px;font-weight:700;}

.cal-tbl{width:100%;border-collapse:collapse;table-layout:fixed;}
.cal-tbl th{height:30px;color:#777;font-size:13px;font-weight:600;text-align:center;}
.cal-tbl td{height:36px;padding:4px;text-align:center;font-size:14px;border-radius:8px;vertical-align:middle;box-sizing:border-box;}
.cal-tbl td span{display:flex;align-items:center;justify-content:center;width:100%;height:36px;border-radius:8px;transition:all .2s;}
.cal-tbl td.day{cursor:pointer;}
.cal-tbl td.day:hover span{background:#f1f5ff;}
.cal-tbl td.sun{color:#e54848;}
.cal-tbl td.sat{color:#2f6fe4;}
.cal-tbl td.today span{background:#eef4ff;font-weight:700;}
.cal-tbl td.sel span{background:#246BFE;color:#fff;font-weight:700;}
.cal-tbl td.disabled{color:#bbb;cursor:not-allowed;}
.cal-tbl td.disabled span{background:#f8f8f8;color:#bbb;}
.cal-tbl td.empty{cursor:default;background:transparent;}
.cal-tbl td.empty span{background:transparent;}

.cal-week-btn{height:28px;padding:0 8px;border:1px solid #ddd;border-radius:7px;background:#fff;font-size:12px;cursor:pointer;}
.cal-week-btn:hover{border-color:#246BFE;color:#246BFE;}
.cal-week-btn.on{border-color:#246BFE;background:#246BFE;color:#fff;}

.cal-time-sel{width:76px;height:30px;border:1px solid #ddd;border-radius:7px;background:#fff;font-size:12px;box-sizing:border-box;}

.cal-list{margin-top:14px;padding-top:12px;}
.cal-list-tit{display:block;margin-bottom:8px;font-size:14px;font-weight:700;}
.cal-result-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;}
.cal-result-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid #e5e5e5;border-radius:8px;background:#fafafa;font-size:13px;}
.cal-result-list .date{color:#333;font-weight:600;}
.cal-result-list .time{color:#246BFE;font-weight:700;}
.cal-result-list .empty{color:#999;font-weight:400;}

/* QnA view */

.tbl-area.edit{border-top:1px solid #333333;}
.tbl-area.edit table{width: 100%;}
.tbl-area.edit table th,
.tbl-area.edit table td{border-bottom: 1px solid #dbdbdb; height: 40px; padding:5px 10px; font-size:14px}
.tbl-area.edit table th{background-color:#f7fcff; font-weight: bold;}


.qnawrapper{}
.qnawrap{}
.qnawrap + .qnawrap{margin-top:10px;}
.qnaTop-btns{display:flex; justify-content: space-between; padding:10px 0}
.qnaTop-btns a.btn-expand{background-color: #026FAD; color:#ffffff; padding:10px 20px; border-radius: 4px;}
.qnawrap .btn-wraper{display: flex; justify-content: space-between;}
.qnawrap .btn-wraper .btns{display: flex; gap:10px;}
.qnawrap .btn-wraper .btns a{background-color: #026FAD; color:#ffffff; padding:6px 20px; border-radius: 4px;}
.qnawrap .btn-wraper:last-of-type{margin-bottom:30px;}
.qna-qbox{}
.qna-qbox .qna-qtit{cursor:pointer; display:flex; justify-content: space-between; align-items: center; background-color:#F6FAFF; padding:20px 30px; border-top:1px solid #666666; border-bottom: 1px solid #E1E2E6;}
.qna-qbox .qna-qtit .tit{font-size:30px; font-weight: bold; text-align: left;}
.qna-qbox .qna-qtit .tit::before{content:'\51'; font-family:"Font Awesome 7 Free"; font-weight:600; padding-right:15px;}
.qna-qbox .qna-qtit .info{display: flex; align-items: center;;}
.qna-qbox .qna-qtit .info li{font-size:18px; color: #666666; position:relative;}
.qna-qbox .qna-qtit .info li + li{padding-left:10px;margin-left:10px;}
.qna-qbox .qna-qtit .info li + li:before{content:'';position: absolute; left:0; top:50%; display: flex; width:1px; height:16px; transform: translateY(-50%); background-color:#666666}
.qnawrap .info li.viewtime{color: #000000; font-weight: bold;}
.qna-qbox .qna-qconts{display: none; padding: 15px 0;}
.qna-qbox .qna-qconts .op-crs{background-color:#F6FAFF; padding: 10px 30px;}
.qna-qbox .qna-qconts .op-crs ul{display: flex; gap:15px; position:relative; padding-left: 75px;}
.qna-qbox .qna-qconts .op-crs ul:before{content:'개설과정 :'; position:absolute; left:0; font-weight: 600;}
.qna-qbox .qna-qconts .op-crs ul li{position: relative; padding-left: 10px;;}
.qna-qbox .qna-qconts .op-crs ul li::before{content:'-'; font-weight:600; position: absolute; left:0; top: 50%; transform: translateY(-50%);}
.qna-qbox .qna-qconts .qna-qcont{background-color: #ffffff; padding:20px 30px;}
.qna-qbox .qna-qconts .qna-qcont-file{background-color: #F5FAFD; padding:25px 30px; display: flex; gap:30px; margin-top:20px;}
.qna-qbox .qna-qconts .qna-qcont-file:before{content:'첨부파일'; font-weight: 500; color:#000000;;}
.qna-qbox .qna-qconts .qna-qcont-file ul{display: flex; flex-direction: column; gap:20px;}
.qna-qbox .qna-qconts .qna-qcont-file ul li{position:relative; padding-left:25px;}
.qna-qbox .qna-qconts .qna-qcont-file ul li:before{content:'\f063'; font-family:"Font Awesome 7 Free"; font-weight:600; border-bottom: 2px solid #000000;padding-bottom:2px;position: absolute; left: 0; top: 3px;}

.qna-abox{margin-top:50px; background-color: #F6F6F6; border-radius:10px; margin-bottom: 15px; display: none;}
.qna-abox .qna-atit{display:flex; justify-content: space-between; align-items: center; padding:20px 30px;}
.qna-abox .qna-atit .tit{font-size:30px; font-weight: bold; text-align: left;}
.qna-abox .qna-atit .tit:after{content:'의 답변입니다.'; padding-left:10px; font-weight: 500; font-size:26px;}
.qna-abox .qna-atit .info{}
.qna-abox .qna-atit .info{display: flex; align-items: center;;}
.qna-abox .qna-atit .info li{font-size:18px; color: #666666; position:relative;}
.qna-abox .qna-atit .info li + li{padding-left:10px;margin-left:10px;}
.qna-abox .qna-atit .info li + li:before{content:'';position: absolute; left:0; top:50%; display: flex; width:1px; height:16px; transform: translateY(-50%); background-color:#666666}
.qna-abox .qna-aconts{}
.qna-abox .qna-aconts .qna-acont{}
.qna-abox .qna-aconts .qna-acont{padding:20px 30px;}
.qna-abox .qna-aconts .qna-acont-file{ padding:25px 30px; display: flex; gap:30px; margin-top:20px;}
.qna-abox .qna-aconts .qna-acont-file:before{content:'첨부파일'; font-weight: 500; color:#000000;;}
.qna-abox .qna-aconts .qna-acont-file ul{display: flex; flex-direction: column; gap:20px;}
.qna-abox .qna-aconts .qna-acont-file ul li{position:relative; padding-left:25px;}
.qna-abox .qna-aconts .qna-acont-file ul li:before{content:'\f063'; font-family:"Font Awesome 7 Free"; font-weight:600; border-bottom: 2px solid #000000;padding-bottom:2px;position: absolute; left: 0; top: 3px;}


/* 오프라인 설문조사 */
button.ty1{padding: 5px 15px; border-radius: 3px; display: flex; align-items: center; justify-content: center;}
button.ty1{padding: 5px 15px; border-radius: 3px; display: flex; align-items: center; justify-content: center;}
button.ty2{padding: 0px 15px; border-radius: 3px; width: 40px; height: 40px;}
.deps2st{padding: 10px 25px; border-radius: 3px; display: flex; align-items: center; justify-content: center; background-color:#f0f0f0; border: 1px solid #ccc; border-radius: 3px;;}
.deps2st.active{background-color:#ffffff;}
button.st1{}
button.st-b{background-color: #5D7BF4;}
button.st-bl{background-color: #333333;}
.selmun-users{}
.selmun-users *{font-family:'Pretendard'; font-weight:400; box-sizing: border-box;}
.selmun-users header{}
.selmun-users header > div + div{margin-top:30px}
.selmun-users header{margin-bottom: 30px;}
.selmun-users header .h-tit{font-size: 30px; font-weight: 600; text-align: center; padding: 30px 0 20px 0; word-break: keep-all;}
.selmun-users header .step-tab-box{display: flex; gap:55px;}
.selmun-users header .step-tab-box p{display: inline-flex; justify-content: center; align-items: center; width: 120px; height: 80px; background-color: #FF9D00; color: #ffffff; font-size: 18px; position: relative;}
.selmun-users header .step-tab-box p:before{content:''; display:block; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:15px solid #FF9D00; position: absolute; right:-14px;}
.selmun-users .step-tab{display: flex; width: 100%; counter-reset:step; padding-top: 25px;}
.selmun-users .step-tab li{flex:1; counter-increment:step; position: relative; display:flex; justify-content: center; align-items: center;}
.selmun-users .step-tab li:before{content:'';position:absolute; top:calc(50% - 15px); transform: translateY(-50%); display: inline-block; width:100%; height:6px; background-color: #DBDBDB; z-index:-1;}
.selmun-users .step-tab li.done:before{background-color:#FF9D00;}
.selmun-users .step-tab li.active:before{background-color:#2F79F5;}
.selmun-users .step-tab li a{color:#8D8D8D;}
.selmun-users .step-tab li a:before{content:counter(step); display:flex; align-items:center; justify-content:center; width:32px; height:32px; margin:0 auto 10px; border-radius:50%; background:#DBDBDB; color:#666; font-weight:700; color:#ffffff;} 
.selmun-users .step-tab li.done a::before{background-color:#FF9D00;}
.selmun-users .step-tab li.active a:before{background-color:#2F79F5;}
.selmun-users .step-tab li.done a:before{content:"\f00c"; font-family:"Font Awesome 7 Free" !important; font-weight:900 !important;}
.selmun-users .selmun-info{background-color: #F8F8F8; border-radius: 10px; padding:20px;;}
.selmun-wrapper .tab-cont{display:none; flex-direction: column; gap:20px;}
.selmun-wrapper .tab-cont.active{display:flex;}
.selmun-Survey{display: flex; flex-direction: column; width: 100%; gap: 15px;}
.selmun-wrapper .h3-tit-wrap{display: flex; justify-content: space-between; align-items: flex-end;}
.selmun-wrapper .h3-tit-box{margin-bottom: 20px;}
.selmun-wrapper .h3-tit{font-size: 30px; color:#333333; font-weight: 700; position: relative;/*  padding-left:25px; */}
/* .selmun-wrapper .h3-tit:before{ content: '\f192'; font-family: "Font Awesome 7 Free" !important; font-weight: 600 !important; color: #2F79F5; font-size:22px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);} */
.selmun-wrapper .h4-tit{font-size: 24px; color:#333333; font-weight: 600; position: relative;padding-left:8px;}
.selmun-wrapper .h4-tit:before{content: ''; display: inline-block; width:4px; height: 20px; background-color: #2F79F5; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.selmun-wrapper .h4-tit-box{display:flex; justify-content: space-between; align-items: flex-end; width:100%; border-bottom:1px solid #e7e7e7; padding-bottom:10px; margin-bottom:10px;}
.subject-survey{display: flex; flex-direction: column; gap: 10px; padding-left:33px;}
.subject-survey + .subject-survey{margin-top:50px;}
.survey-customer{display: flex; flex-direction: column; gap: 40px;}
.selmun-Survey .question-item{display: flex; gap: 30px;}
.selmun-Survey .question-item .h5-tit{flex:0 0 25px; display:flex; align-items:center; gap:10px; line-height:1.5;}
.selmun-Survey .question-item .h5-tit.is-multi{align-items:flex-start;}
.selmun-Survey .question-item .h5-tit .q-num{flex:0 0 auto; font-weight:700; line-height:1.5;}
.selmun-Survey .question-item .h5-tit .q-txt{flex:1; line-height:1.5; word-break:keep-all;}
.selmun-Survey .question-item ul{flex:1; display:flex; gap:10px;}
.selmun-Survey .question-item ul li{flex:1;}
.selmun-Survey .question-item ul li label{display: flex; align-items: center; width:100%; height: 100%; border: 1px solid #D8DDE6; padding: 10px 35px 10px 10px; position: relative; cursor: pointer; word-break: keep-all;}
.selmun-Survey .question-item ul li label:after{content:"\f058"; font-family:"Font Awesome 7 Free" !important; font-weight:900 !important; position: absolute; right: 10px;}
.selmun-Survey .question-item ul li label:has(input:checked){background-color:#EBF1FF; color: #496BF3;}
.selmun-Survey .question-item ul li label:has(input:checked):after{color:#496BF3;}
.selmun-Survey .question-item ul li label input{position:absolute; width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;}
.selmun-users .step-tabbtns{margin-top:30px; border-radius: 5px; padding: 10px 25px; display: flex; align-items: center;justify-content: center; gap: 10px; font-size: 15px;}
.selmun-users .step-tabbtns button{border-radius:5px; padding:10px 25px; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 15px;}
.selmun-users .step-tabbtns button.step-tab01{border: 1px solid #C3C3C3; background-color: #ffffff;}
.selmun-users .step-tabbtns button.step-btn02{background-color: #2F79F5; color:#ffffff;}
.selmun-Survey .question-item.sub-ans-wrap{display: flex; flex-direction: column; gap: 10px;}
.selmun-Survey .question-item.sub-ans-wrap p.h5-tit{flex: 1;}
.selmun-Survey .question-item.sub-ans-wrap .sub-ans{border:1px solid #D8DDE6; border-radius: 5px;width:100%; height:80px; padding: 10px;}
.selmun-Survey .question-item.sub-ans-wrap .sub-ans[:disabled]{}
.selmun-Survey .sub-ans-wrap.inactive{}
.selmun-Survey .sub-ans-wrap.inactive .h5-tit span{color:#aaaaaa;}
.selmun-Survey .sub-ans-wrap.inactive .sub-ans{}

.selmun-adreg{display: flex; flex-direction: column; gap: 10px;}
.svyad-tab-wrap{display:flex; justify-content: space-between; gap:10px;position: relative; align-items: center;}
.svyad-tab{display:flex; gap:5px; width:100%;}
.svyad-tab:after{content:''; position: absolute; bottom:0; width:100%; height: 1px; background-color:#dbdbdb;;}
.svyad-tab .item{border-radius:3px 3px 0 0; border:1px solid #f3f3f3; background-color: #DBDBDB; display: flex;}
.svyad-tab .item button{flex:1; background-color: transparent; padding:10px 20px; font-size: 16px; font-weight: bold;}
.svyad-tab .item.active{background-color: #ffffff; border-width: 1px 1px 0 1px; z-index: 1; border-color:#DBDBDB}
.tab-cont[data-group="svyad-tab"]{flex-direction: column; padding: 0 10px;}
.tab-cont[data-group="svyad-tab"]:is(.deps1,.deps2){display: flex;;}
.q-task{display: flex; gap:10px; align-items: flex-start;}
.q-task p{flex:1; padding-top: 5px;}
.q-task .btns{display: flex; gap:10px; padding-top: 5px;}
.qt-cond{background-color: #61b11f; color: #ffffff; padding:5px 20px; border-radius:3px;}

.survey-tbl{border-top:2px solid #333333;}
.survey-tbl th,
.survey-tbl td{padding:3px; border-bottom: 1px solid #EAEAEA;}
.survey-tbl th{background:#F9F9F9;font-weight: bold;}
.svy-addtbl .item1{}
.svy-addtbl .item1,
.svy-addtbl .item1 input{width: 100%;}
.svy-addtbl .item2{display: flex; gap:10px;align-items: flex-start;}
.svy-addtbl .item2 .crs-result{flex: 1; border: 1px solid #ccc; padding: 5px 10px; min-height: 40px; border-radius: 5px; display: flex; gap: 5px;flex-wrap: wrap;}
.svy-addtbl .item2 .crs-result .crs-tag{display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; background: #eef4ff; border: 1px solid #d8e3ff; border-radius: 20px;}
.svy-addtbl .item2 .crs-result button{width: 18px; height: 18px; font-size: 12px; border: 0; border-radius: 50%; background: #fff; color: #666; cursor: pointer;}
.svy-addtbl .item2 .svy-crs{background-color:#5D7BF4; color:#ffffff; padding:10px 15px; border-radius: 3px; display: flex; align-items: center; justify-content: center;}
.svy-addtbl .item3{padding:10px;}
.svy-addtbl .item4{display: flex; gap:5px; align-items: center;}
.svy-addtbl .item5{}
.svy-addtbl .item5 textarea{width:100%; height:50px;}

.selmun-adreg .deps1{display: flex; gap: 10px;}
.selmun-adreg .deps1 input{flex:1;}
.selmun-adreg .svy-plus{background-color: #2F79F5; color:#ffffff; padding: 0px 15px; border-radius: 3px; width: 40px; height: 40px;}
.selmun-adreg .svyad-tab-wrap .svy-plus,
.selmun-adreg .deps3 .depsbtns .svy-plus{width: 30px; height: 30px; display: flex; justify-content: center; align-items: center;}
.selmun-adreg .svyad-tab-wrap .svy-plus{width: 105px;}
.selmun-adreg .svyad-tab-wrap .svy-plus:before{display: none;;}
.selmun-adreg .svy-sel{background-color: #333333; color: #ffffff; height: 30px; padding:0 20px; border-radius: 3px;}
.selmun-adreg .svy-plus:before{content:'\2b'; font-family:"FontAwesome";}
.selmun-adreg .svy-del{background: #333333; color: #ffffff; padding: 0px 15px; border-radius: 3px; width: 40px; height: 40px;}
.selmun-adreg .svy-del:before{content:'\f2ed'; font-family:"FontAwesome";}
.selmun-adreg .svy-mov,
.selmun-adreg .qt-jmp{background: #ffffff; border: 1px solid #cccccc; padding: 0px 15px; border-radius: 3px; width: 40px; height: 40px;}
.selmun-adreg .qt-jmp{height:30px;}
.selmun-adreg .svy-mov:before,
.selmun-adreg .qt-jmp:before{content:'\f0c9'; font-family:"FontAwesome";}
.deps2-wrapper{display: none; flex-direction: column; gap:20px;position:relative;}
.deps2-wrapper.active{display:flex;}
.deps2-tab button.active{font-weight:700;}
.selmun-adreg .deps2{display: flex; gap: 10px;}
.selmun-adreg .deps2 input{flex:1;}
.selmun-adreg .deps2 .depsbtns{display: flex; gap:5px;}
.deps2-tab{display:flex; gap:8px; flex-wrap:wrap;}
.deps2-tab button.dragging{opacity:.4;}
.deps2-tab button.drop-left{border-left:4px solid #2563eb;}
.deps2-tab button.drop-right{border-right:4px solid #2563eb;}


.selmun-adreg .deps3{display: flex; flex-direction: column; gap: 10px;}
.selmun-adreg .deps3 .depsbtns{display: flex; align-items: center; justify-content: flex-end; gap:5px;}
.deps3-itmbox{display:flex; flex-direction: column; gap:25px;}
.deps3-itms{display: flex; flex-direction: column; gap: 10px;}
.deps3-itms .q-item{display:flex; gap:10px;}
.deps3-itms .q-item li{flex:1;}
.deps3-itms .q-item li label{display: flex; align-items: center; width: 100%; height: 100%; border: 1px solid #D8DDE6; padding: 10px 35px 10px 10px; position: relative; cursor: pointer; word-break: keep-all;border-radius: 5px;}
.deps3-itms .q-item li label input{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0;}
.deps3-itms .q-item li label:after{content: "\f058"; font-family: "Font Awesome 7 Free" !important; font-weight: 900 !important; position: absolute; right: 10px;}
.deps3-itms .q-item li label:has(input:checked){background-color:#f9fff5; color: #61b11f;}
.deps3-itms .q-item li label:has(input:checked):after{color:#61b11f;}
.deps3-itms .q-item li label input{position:absolute; width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;}
.deps3-itms{position:relative;}
.deps3-itms.dragging{opacity:.45;}
.deps3-itms.drop-top::before,
.deps3-itms.drop-bottom::after{content:''; position:absolute; left:0; right:0; height:4px; background:#2563eb; border-radius:4px; z-index:10;}
.deps3-itms.drop-top::before{top:-6px;}
.deps3-itms.drop-bottom::after{bottom:-6px;}
.deps3-itms > .q-task .qt-jmp{cursor:grab;}
.deps3-itms > .q-task .qt-jmp:active{cursor:grabbing;}

.qt-req{padding:5px 10px; border:1px solid #D70000; border-radius: 3px; color:#D70000; cursor: pointer;}
.qt-req:has(input:checked){background-color:#D70000; color:#ffffff}
.dyn-item .qt-req{padding:5px 10px; border:1px solid #61b11f; border-radius: 3px; color:#61b11f; cursor: pointer;}
.dyn-item .qt-req:has(input:checked){background-color:#61b11f; color:#ffffff}
.dyn-item{display: flex; flex-direction: column; gap:10px;}
.dyn-item .q-task{display: flex; gap:10px;}
.dyn-item .dyn-q{flex:1; display: flex; flex-direction: column; gap:10px;}
.dyn-item .q-task input{width:100%; border: 1px solid #61b11f;}
.dyn-item{position:relative;}
.dyn-item.dragging{opacity:.45;}
.dyn-item.drop-top::before{content:''; position:absolute; left:0; right:0; top:-6px; height:4px; background:#2563eb; border-radius:4px; z-index:10;}
.dyn-item.drop-bottom::after{content:''; position:absolute; left:0; right:0; bottom:-6px; height:4px; background:#2563eb; border-radius:4px; z-index:10;}
.dyn-item .qt-jmp{ cursor:grab;}
.dyn-item .qt-jmp:active{cursor:grabbing;}


.svypopup{display: none;width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; z-index: 9; transform: translate(-50%, -50%);}
.svypopup .dimd{width: 100%; height: 100%; position: absolute; z-index: 1; background: rgba(0, 0, 0, .8);}
.svypopup.is-active{display: flex; gap: 10px;}
/* .svy-crspopup .conts{position: relative; z-index: 2; height:300px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 10px; padding: 20px; box-sizing: border-box; display:flex; flex-direction: column; justify-content: space-between;  gap: 16px;}
.svy-crswrap{display: flex; flex-direction: column; gap: 10px;}
.svy-crspopup .conts p.title{font-size:18px; font-weight: bold;}
.svy-crspopup .conts select{width:500px;}
.svy-crspopup .conts .crs-box{display: flex; gap:10px; width: 500px; flex-wrap: wrap; max-height: 300px; overflow: auto;}
.svy-crspopup .conts .crs-box p{display: flex; gap:5px; align-items: center; font-size: 14px;}
.svy-crspopup .conts .crs-box button{background-color: #818181; color: #ffffff; width: 20px; height: 20px; border-radius: 3px; display: inline-flex; justify-content: center; align-items: center; line-height: 0; font-size: 14px;}
.svy-crspopup .conts .crs-box button:before{content:'\f00d'; font-family:"FontAwesome";}
.svy-crspopup .conts .svybtn-wraper .crscancle{background-color: #333333; color: #ffffff;}
.svy-crspopup .conts .svybtn-wraper .crsreg{border: 1px solid #2F79F5; background-color: #2F79F5; color: #ffffff;} */


.svy-crspopup .conts{width:600px;padding:24px;border-radius:10px;background:#fff;position: relative; z-index: 2; height:690px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 10px; padding: 20px; box-sizing: border-box; display:flex; flex-direction: column; justify-content: space-between;  gap: 16px;}
.svy-crspopup .svy-crswrap{display:flex;flex-direction:column;gap:16px;}
.svy-crspopup .crs-seltit{display:flex;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:700;color:#222;line-height:1.4;}
.svy-crspopup .crs-count{font-size:13px;font-weight:400;color:#666;}
.svy-crspopup .crs-selbox{padding:16px;border:1px solid #ddd;border-radius:8px;background:#fafafa;}
.svy-crspopup .crs-seltit{margin:0 0 12px;font-size:16px;font-weight:700;color:#222;}
.svy-crspopup .crs-sellist{display:flex;flex-wrap:wrap;gap:8px;min-height:60px;align-content:flex-start;max-height: 90px; overflow: auto;}
.svy-crspopup .crs-search{display:flex;gap:10px;}
.svy-crspopup .crs-search-box{position:relative;flex:1;}
.svy-crspopup .crs-search-input{width:100%;padding-right:40px;}
.svy-crspopup .crs-search-clear{display:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;padding:0;border:0;background:none;font-size:16px;color:#888;cursor:pointer;line-height:20px;}
.svy-crspopup .crs-search-clear.is-active{display:block;}
.svy-crspopup .btn-crs-search{width:100px;height:44px;font-size:14px;background:#555;color:#fff;border:0;border-radius:6px;}
.svy-crspopup .crs-list{height:260px;overflow-y:auto;border:1px solid #ddd;border-radius:8px;background:#fff;}
.svy-crspopup .crs-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #eee;cursor:pointer;}
.svy-crspopup .crs-item:last-child{border-bottom:0;}
.svy-crspopup .crs-item:hover{background:#f8f8f8;}
.svy-crspopup .crs-item input[type="checkbox"]{flex:none;width:18px !important;height:18px !important;margin:0;}
.svy-crspopup .crs-item span{font-size:15px;font-weight:400;color:#333;line-height:1.4;}
.svy-crspopup .crs-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#eef4ff;border:1px solid #d8e3ff;border-radius:20px;}
.svy-crspopup .crs-tag span{font-size:13px;color:#333;}
.svy-crspopup .crs-tag button{width:18px;height:18px;font-size:12px;border:0;border-radius:50%;background:#fff;color:#666;cursor:pointer;}
.svy-crspopup .svybtn-wraper{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;}
.svy-crspopup .svybtn-wraper button{min-width:90px;height:42px;font-size:14px;}


.itempopup-svy .conts{position: relative; z-index: 2; height:650px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 10px; padding: 20px; box-sizing: border-box; display:flex;  gap: 16px;}
.item-add-wraper .conts,
.opt-sel-wraper .conts{position: relative; z-index: 2; width: 650px; height:600px; box-sizing: border-box; display: flex; flex-direction: column; gap: 10px;}
.opt-sel-wraper{position: relative;}
.opt-sel-wraper:before{content:''; width:1px; height: 100%; background-color: #666666; position:absolute; right: -8px;}
.item-add-wraper{}
.item-add-wraper.is-active{display: flex;}
.item-add-wraper .item-add-conts{width: 650px; height:600px;}
.item-add-wraper .item-add-dimd{width: 100%; height: 100%; position: absolute; z-index: 1; background: rgba(0, 0, 0, .8);}
.cont{flex:1;}
.cont .item-tit-box{display: flex; gap:10px; margin-bottom:20px;}
.cont .item-tit-box label:not(.btn-subj){flex:1}
.cont .item-tit-box label input{width:100%;}
.item-add-wraper .top-btns{display: flex; justify-content: flex-end; margin-bottom: 20px; gap:10px}
.item-add-wraper .btn-add,
.item-add-wraper .btn-qadd{background-color: #333333; color: #ffffff;}
.item-add-wraper .item-tit-box .btn-subj{color:#61b11f;border:1px solid #61b11f; background-color: #ffffff; padding:5px 32px; border-radius: 3px;}
.item-add-wraper .item-tit-box .btn-subj:has(input:checked){background-color:#61b11f; color:#ffffff;}
.item-add-wraper .opt-box{display: flex; flex-direction: column; gap: 10px;}
.item-add-wraper .opt-box li{display:flex; gap:10px; position:relative;}
.item-add-wraper .opt-box li{}
.item-add-wraper .opt-box li.dragging{border:1px solid #ff0000; padding:3px; border-radius: 5px;}
.item-add-wraper .opt-box li.drop-top::before{content:''; position:absolute; left:0; right:0; top:-6px; height:4px; background:#2563eb; border-radius:4px; z-index:5;}
.item-add-wraper .opt-box li.drop-bottom::after{content:''; position:absolute; left:0; right:0; bottom:-6px; height:4px; background:#2563eb; border-radius:4px; z-index:5;}
.item-add-wraper .opt-box li.drop-top::before,
.item-add-wraper .opt-box li.drop-bottom::after{box-shadow:0 0 0 3px rgba(37,99,235,.15);}
.item-add-wraper .opt-box li input{flex:1;}
.item-add-wraper .opt-btns{display: flex; gap:10px;}
.item-add-wraper .opt-btns button{display: flex; justify-content: center; align-items: center; padding: 5px 15px; border-radius: 3px; font-size: 16px;}
.item-add-wraper .opt-btns .btn-del{background: #333333;  color: #ffffff;}
.item-add-wraper .opt-btns .btn-del:before{content:'\f2ed'; font-family:"FontAwesome";}
.item-add-wraper .opt-btns .btn-mov{background: #ffffff; border: 1px solid #cccccc;}
.item-add-wraper .opt-btns .btn-mov::before{content:'\f0c9'; font-family:"FontAwesome";}
.opt-boxwrap{max-height:300px; overflow-y:auto;}
.opt-boxwrap.subj .opt-box{display:none;}

.opt-sel-wraper.is-active{display: flex;}
.opt-sel-wraper .conts{}
.opt-sel-wraper .h3-tit-wrap{}
.opt-sel-wraper .h3-tit-wrap .h3-tit{}
.svypop-open{background-color: #333333; color: #ffffff; padding: 5px 15px; border-radius: 3px; display: flex; align-items: center; justify-content: center;}
.opt-sel-wraper .search-box{}
.opt-sel-wraper .opt-btns-box{display: flex; justify-content: flex-end; padding:0 10px; margin-top: 20px; margin-bottom:10px;}
.optsellonoff{background: #6d6d6d; color: #ffffff;}
.opt-sel-wraper .opt-sell-wrapper{display: flex; flex-direction: column; gap:10px; max-height:325px; overflow-y:auto;}
.opt-sel-wraper .opt-sell-wrapper .opt-sellbox{border-top: 2px solid #333333;}
.opt-sel-wraper .opt-sell-wrapper .deps3-itm{border-bottom:1px solid #333333; background-color: #F6FAFF; display: flex; align-items: center; justify-content: space-between; padding:0 10px}
.opt-sel-wraper .opt-sell-wrapper .deps3-itm p{padding: 15px 0px; font-weight: bold;}
.opt-sel-wraper .opt-sell-wrapper .opt-sell-itm{}

.search-box{background-color:#F6FAFF; padding:10px; display: flex;gap:10px;}
.search-box input{flex:1;}
.search-box button{background-color: #2F79F5; color: #ffffff;;}
.opt-sellbox > *{display:none;}
.opt-sellbox > .deps3-itm{display:flex;}
.opt-sellbox.is-open > *{display:block;}
.opt-sellbox.is-open > .deps3-itm{display:flex;}
.opt-sellbox .opt-sell-add{display:none;}
.opt-sellbox.is-open .opt-sell-add{display:flex;}
.deps3-itm{cursor:pointer;}
.deps3-itm-btns{display: flex; gap:10px;;}
.deps3-itm-btns button:not(.opt-sell-add):before{content:'';font-family:"FontAwesome";}
.deps3-itm-btns button{}
.opt-sell-itm{padding:10px 10px 20px 10px;}
.opt-sell-itm ul{counter-reset:item;}
.opt-sell-itm ul li{ position:relative; padding-left:30px;}
.opt-sell-itm ul li::before{counter-increment:item; content:counter(item) "."; position:absolute; left:0; top:0;}
.opt-sell-add{display: flex; padding: 5px 20px; justify-content: center; align-items: center; background: #2f79f5; color: #ffffff; border-radius: 3px;}
.opt-sell-add span{color: #ffffff;}
.opt-sell-toggle{background-color: #333333; color:#ffffff;}
.deps3-itm-btns button.opt-sell-toggle::before{content:'\2b';}
.opt-sell-del{background-color: #333333; color:#ffffff;}
.deps3-itm-btns button.opt-sell-del::before{content:'\f2ed';}



.svybtn-wraper{display: flex; justify-content: center; gap: 10px; margin-top: 20px;}
.svybtn-wraper button{padding:5px 20px; border:1px solid #C3C3C3; border-radius: 3px;}
.svybtn-wraper .svyreg{border:1px solid #2F79F5; background-color: #2F79F5; color:#ffffff;}

.selmun-adreg-btnwrap{display: flex; gap: 10px; justify-content: center; margin-top:50px;}
.selmun-adreg-btnwrap button{padding:10px 30px}
.svycancle{background-color: #333333; color: #ffffff;}
.svyreg{background-color: #5D7BF4; color: #ffffff;}

.success-selmun{display: flex; flex-direction: column; align-items: center; padding: 50px; gap: 25px;}
.success-selmun p{font-size: 25px; color: #000000; font-weight: 600;}
.success-selmun p span{color: #2F79F5; font-weight: 600;}
.selmun-users{}
.selmun-users main{display: flex; flex-direction: column; gap: 10px;}
.selmun-users .survey-customer{}
.selmun-users .question-item{display: flex; flex-direction: column; gap: 10px;}

.bar-graph{position:relative;width:100%;}
.bar-stack{display:flex;height:3rem;border-radius:1.5rem;overflow:hidden;background:#edf1f5;}
.bar-seg{display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;overflow:hidden;white-space:nowrap;cursor:pointer;}
.bar-seg:first-child{border-radius:1.5rem 0 0 1.5rem;}
.bar-seg:last-child{border-radius:0 1.5rem 1.5rem 0;}

.bar-legend{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin:1.2rem 0 0;padding:0;list-style:none;}
.bar-legend li{position:relative;display:flex;align-items:center;padding-left:2rem;line-height:1.5;cursor:pointer;}
.bar-legend li:before{content:'';position:absolute;left:0;top:50%;width:1rem;height:1rem;border-radius:50%;transform:translateY(-50%);}

.bar-stack span:nth-of-type(1),.bar-legend li:nth-child(1):before{background:#7dd3fc;}
.bar-stack span:nth-of-type(2),.bar-legend li:nth-child(2):before{background:#60a5fa;}
.bar-stack span:nth-of-type(3),.bar-legend li:nth-child(3):before{background:#3b82f6;}
.bar-stack span:nth-of-type(4),.bar-legend li:nth-child(4):before{background:#1d4ed8;}
.bar-stack span:nth-of-type(5),.bar-legend li:nth-child(5):before{background:#2563eb;}
.bar-stack span:nth-of-type(6),.bar-legend li:nth-child(6):before{background:#1e40af;}

.bar-seg.is-active{box-shadow:0 0 0 3px rgba(0,0,0,.2) inset;}
.bar-legend li.is-active{font-weight:700;color:#2563eb;}

.q-subj{border: 1px solid #ccc; padding: 5px 10px; height: 300px; border-radius: 5px; overflow: auto;}
.q-subj ul{display: flex; flex-direction: column; gap:6px;}
.q-subj ul li{position: relative; padding-left: 10px;}
.q-subj ul li:before{content:''; width:3px; height: 3px; display: inline-block; background-color: #333333; border-radius: 50%; position: absolute; left: 0; top: 8px;}

.selmun-adlist{display: flex; flex-direction: column; gap:20px;}
.adlist-tbl{position: relative;}
.adlist-tbl th,
.adlist-tbl td{height:45px; padding:3px 5px; border-bottom: 1px solid #EAEAEA; text-align: center;}
.adlist-tbl thead th{text-align: center; font-weight: bold; background-color: #F9F9F9;}
.adlist-tbl thead tr th:before{content:''; display: inline-block; width: 100%; height:2px; background-color: #333333; position: absolute; top:0; left:0;}
.adlist-tbl .tit{font-weight: bold; text-align: left;}
.adlist-copybtn{padding:10px 15px; border-radius: 3px; background-color:#333333; color:#ffffff;}
.sel-search{background-color:#F5F9FB; padding:40px 28px; display: flex; gap:10px;}
.sel-search .btn{justify-content: center; align-items: center;}
.sel-search .sch-select{width: 150px; padding-right: 24px; appearance: none;}
.sel-search .selectbox{position: relative;}
.sel-search .selectbox::before{content:'\f107'; font-family:"Font Awesome 7 Free"; font-weight:900; color:#666666; position: absolute; right: 12px; top: calc(50% - 7px);}
.sel-search .sch-input{flex:1;}
.sel-search  .sch-btn{padding:10px 20px; background-color: #0066af; color: #ffffff; border-radius:3px;}
.sel-list{display: flex; flex-direction: column; gap:10px}
.bottom-tblbox{display: flex; justify-content: space-between; margin-top:30px;}
.bottom-tblbox .list-regbtn{display: inline-block; padding:10px 20px; background-color: #0066af; color: #ffffff; border-radius:3px;}
.board_pager{display:flex; gap:10px;justify-content: center;}
.board_pager .group{display: flex; gap:10px;font-size: 18px;}
.board_pager a{border:1px solid #eaeaea; border-radius: 3px; width:40px; height:40px; display:inline-flex;justify-content: center; align-items: center;}
.board_pager .arr{}
.board_pager .arr::before{content:''; font-family:"FontAwesome";}
.board_pager .first:before{content:'\f104'; }
.board_pager .prev:before{content:'\f100';}
.board_pager .next:before{content:'\f105';}
.board_pager .last:before{content:'\f101';}

.copy-popup{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;}
.copy-popup.is-active{display:block;}
.copy-popup .dim{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.45);}
.copy-popup .pop-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32rem;padding:2.4rem;background:#fff;border-radius:1rem;text-align:center;}
.copy-popup p{margin:0 0 1.6rem;font-size:1.6rem;font-weight:700;}

.copy-search{display:flex;gap:10px;margin-bottom:12px;}
.copy-search-input{flex:1;height:40px;padding:0 12px;border:1px solid #ccc;border-radius:5px;font-size:14px;}
.copy-search-btn{width:80px;height:40px;border-radius:5px;background:#222;color:#fff;font-size:14px;}
.copy-course{max-height:220px;overflow-y:auto;border:1px solid #ddd;border-radius:6px;background:#fff;}
.copy-course-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #eee;cursor:pointer;}
.copy-course-item:last-child{border-bottom:0;}
.copy-course-item input[type="checkbox"]{width:18px !important;height:18px !important;margin:0;}
.copy-course-item span{font-size:14px;color:#333;}

.copy-popup .btns{display:flex;gap:.8rem;margin-top:1.6rem;}
.copy-popup .btns button{flex:1;height:4rem;border:0;border-radius:.4rem;cursor:pointer;}
.copy-popup .copy-cancel{background:#eee;color:#333;}
.copy-popup .copy-confirm{background:#222;color:#fff;}

.del-popup{position:fixed;left:0;top:0;width:100%;height:100%;display:none;z-index:1000;}
.del-popup.is-active{display:block;}
.del-popup .dim{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);}
.del-popup .pop-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36rem;padding:3rem;background:#fff;border-radius:1.6rem;box-shadow:0 1rem 3rem rgba(0,0,0,.15);text-align:center;}
.del-popup p{margin:0;font-size:1.8rem;font-weight:600;color:#222;line-height:1.5;}
.del-popup .btns{display:flex;gap:1rem;margin-top:2.4rem;}
.del-popup .btns button{flex:1;height:4.8rem;border:0;border-radius:.8rem;font-size:1.5rem;font-weight:600;cursor:pointer;transition:.2s;}
.del-popup .btn-cancel{background:#edf1f5;color:#555;}
.del-popup .btn-cancel:hover{background:#e1e6eb;}
.del-popup .btn-confirm{background:#e74c3c;color:#fff;}
.del-popup .btn-confirm:hover{background:#d63c2d;}

@media (max-width:768px){
    .selmun-users header .step-tab-box{flex-direction: column; gap: 0;}
    .selmun-users header .step-tab-box p{width: 100%; height: auto; padding: 10px;}
    .selmun-users header .step-tab-box p:before{right: auto; bottom: -15px; transform: rotate(90deg);}
    .selmun-users .step-tab{flex-direction: column; gap: 10px;}
    .selmun-users .step-tab li:before{display: none;}
    .selmun-users .step-tab li{justify-content: flex-start;}
    .selmun-users .step-tab li a{display: flex; align-items: center; gap: 10px;}
    .selmun-users .step-tab li a:before{margin: 0;;}

    .selmun-wrapper .h4-tit-box{display: flex; flex-direction: column; align-items: self-start; border-bottom: 1px solid #CACACA; padding-bottom: 5px;}
    .selmun-wrapper .h4-tit-box p{display: flex; width: 100%;}
    .selmun-wrapper .h4-tit-box p:not(.h4-tit){justify-content: flex-end;}
    .selmun-Survey .question-item ul{flex-direction: column;}
}