/* lnb */
h2,h3,h4,h5,h6 {line-height: 100%;}
.sidebar .nav>li.nav-profile {
    border-bottom: 1px solid rgba(0,0,0,.2);
}
.sidebar .nav>li.nav-profile .info {
    text-align: center;
}
.now_open {
    color:#EFEA62;
    background: #6CAB35;
    font-size: 16px;
    font-weight: 400;
    padding: 2px 10px;
    border-radius: 10px;
}
.rounded-pill {
    width: 55px;
    height: 55px;
    border-radius: 55px;
}

.hr_gray90 {
    border-top: 1px solid rgba(0,0,0,.2);
    width: 90%;
    opacity: .2;
}
.sidebar .nav>li>a:focus, 
.sidebar .nav>li>a:hover {
    color: #6CAB35;
}
/* 콘텐츠 헤더 */
h1 .material-symbols-outlined {
    margin-right:5px;
    font-size: 28px;
}
/*  */
label small {color: rgba(0, 0, 0, .8); font-size: 14px;}
.md_txt{
    font-size: 16px;
    color: rgba(0, 0, 0, .8);
    font-weight: 600;
}
.lg_txt {
    font-size: 18px;
    color: rgba(0, 0, 0, .8);
    font-weight: 600;
}
.rounded-10 {border-radius: 10px;}
/* 버튼 */
.btn {padding: 8px 12px}
.btn i {margin-left: 0 !important;margin-right: 5px !important;}
.btn-scroll-to-top i {margin-right: 0px !important;}
.btn .material-symbols-outlined {font-size: 20px;}
th .btn i,
td .btn i {margin-left: 0 !important;margin-right:0 !important;}
.btn-outline-primary {
    color: #6CAB35;
    border-color: #6CAB35;
}

.btn-outline-primary:not(:disabled):not(.disabled).active, 
.btn-outline-primary:not(:disabled):not(.disabled):active, 
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color:#6CAB35;
    border-color: #6CAB35;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #6CAB35;
    border-color: #6CAB35;
}
.btn-gray {
    color: rgba(0, 0, 0, .3);
    background: rgba(0, 0, 0, .1);
}
.btn-gray5 {
    color: rgba(255, 255, 255);
    background: rgba(0, 0, 0, .5);
}

.btn-transparent {
    font-weight: 400;
    color: rgba(0, 0, 0, .8);
    background-color: transparent;
    position: absolute;
    right: 0;
}
.btn-smh {
    font-weight: 600;
    line-height: 20px;
    padding: 3px 12px;
    transition: all .1s ease-in-out;
    box-shadow: none!important;
    display: inline-flex;
    align-items: center;
}

.btn.btn-transparent2, 
.btn.btn-transparent2.disabled, 
.btn.btn-transparent2.disabled:focus, 
.btn.btn-transparent2.disabled:hover, 
.btn.btn-transparent2[disabled], 
.btn.btn-transparent2[disabled]:focus, 
.btn.btn-transparent2[disabled]:hover {
    font-weight: bold;
    color: rgba(0, 0, 0, .4);
    background: transparent;
    border-color: transparent;
    position: relative;
}
/* 지역리더 관리 */
.local_leader_table ul,
.table_teamleader ul {
    list-style: none; margin: 0;padding: 0;
}
.local_leader_table .active_new td,
.local_leader_table td {
    padding: 20px 10px !important;
}

.active_new {
    background: #FFE9E9;
}
.local_leader_table .local_ar .local,
.table_teamleader .local_ar .local {
    color: rgba(0, 0, 0, .4);
    font-size: 12px;
}
.local_leader_table .local_ar .locla_name,
.table_teamleader .local_ar .locla_name {
    font-size: 16px;
    font-weight: bold;
    color: rgba(0, 0, 0, .7);
}
.local_leader_table .local_ar .lname {
    border-bottom: 1px dashed rgba(0, 0, 0, .2) ;
    padding-bottom: 5px;
    margin-bottom: 7px;
}
.table_teamleader .local_ar .lname {
    border-bottom: 0 ;
    padding-bottom: 5px;
    margin-bottom:0;
}
.local_leader_table .local_ar .lname a,
.table_teamleader .local_ar .lname a {
    font-size: 16px;
    color:#28C76F;
    font-weight: bold;
}
.local_leader_table .local_ar .leader,
.table_teamleader .local_ar .leader {
    font-weight: bold;
    display: flex;
    justify-content: space-between;
}

.local_leader_table .local_ar .leader span {font-weight: bold;color: rgba(0, 0, 0, .4);}
.table_teamleader .local_ar .leader span {font-weight: bold;color: rgba(0, 0, 0, .4);}

.team_ar .icon_box {
    background: #F2F2F3;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-right: 10px;
}

.team_ar,
.localclub_ar,
.unit_ar { 
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.table_teamleader .localclub_ar{ 
    min-height:auto !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.localclub_ar ul li,
.unit_ar ul li,
.unit_ar .count,
.localclub_ar .count {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.team_ar .count,
.localclub_ar .count,
.unit_ar .count {
    background: #F4F4F4;
    padding: 10px;
    border-radius: 5px;
}
.team_ar .count {
    text-align: center;
}
.team_ar .count span,
.localclub_ar .count span,
.unit_ar .count span {padding-left: 5px;font-weight: bold;}
.local_cmt {
    min-height: 100px;
    max-height: 100px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-break: keep-all
}

.active_new .team_ar .icon_box,
.active_new .team_ar .count,
.active_new .localclub_ar .count,
.active_new .unit_ar .count {
    background: #fff !important;
}
.total_local {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px;
    background: #F4F4F4;
    border-radius: 5px;
}

.second_division tbody td{
    padding: 15px 10px !important;
}

.empty_info {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 팀리더 신청 */
.question label {
    display: none;
}
.question table td,
.question2 table td {vertical-align: middle;}
.question2 table>tfoot>tr>th,
.question2 table>tfoot>tr>td {background: rgba(0,0,0,.05) !important;border-bottom:1px solid rgba(0,0,0,.1);vertical-align: top;}
.question table>thead>tr>th {
    padding: 6px 15px;
    background: rgba(0,0,0,.05);

}
.question table>tbody>tr>td {
    padding: 10px 15px;
}

/* .question .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,0.02);
} */
.question .table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(0,0,0,0.02);
}

.question input[type=radio] {
    height: 20px;
    width: 20px;
}

.question2 table>thead>tr>th {
    padding: 8px 15px;
    background: rgba(0,0,0,.05);

}
.question2 table>tbody>tr>td {
    padding: 11px 15px !important;
}
.team_leader_table td {
    padding: 20px 10px !important;
}

/* 팀원 변경 신청 */
.gap_60 {
    display: inline-block;
    width: 60px;
}
.gap_60::after {
    content: " : ";
    display: inline-block;
}

/* 팀리더 */
.t_cont_list {margin: 0; padding: 0;}
.t_cont_list li{display: flex; align-items:start;}
.t_cont_list li span:first-child  {width: 66px;min-width: 66px;position: relative;}
.t_cont_list li span:first-child::after {
    content: " : ";
    position: absolute;
    right: 0;
    margin-right: 5px;
}
.t_cont_list2 {margin: 0; padding: 0;}
.t_cont_list2 li{display: flex; align-items:start;}
.t_cont_list2 li span:first-child  {width: 78px;min-width: 78px;position: relative;}
.t_cont_list2 li span:first-child::after {
    content: " : ";
    position: absolute;
    right: 0;
    margin-right: 5px;
}

.table_teamleader table td {
    padding: 20px 10px !important;
}
.table_teamleader .local_ar .local {
    color: rgba(0, 0, 0, .4);
    font-size: 12px;
}
.table_teamleader .local_ar .locla_name {
    font-size: 16px;
    font-weight: bold;
    color: rgba(0, 0, 0, .7);
}
.table_teamleader .local_ar .lname {
    padding-bottom: 5px;
    margin-bottom: 7px;
}
.table_teamleader .local_ar .lname a {
    font-size: 16px;
    color:#28C76F;
    font-weight: bold;
}
.table_teamleader .local_ar .leader {
    font-weight: bold;
    display: flex;
    justify-content: space-between;
}

.table_teamleader .local_ar .leader span {font-weight: bold;color: rgba(0, 0, 0, .4);}

.table_teamleader .local_ar .t_leader{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    border-top: 1px dashed rgba(0, 0, 0, .1);
    margin-top: 10px;
}
.table_teamleader .local_ar .t_active{
    padding-top: 10px;
    border-top: 1px dashed rgba(0, 0, 0, .1);
    margin-top: 10px;
}
.table_teamleader .local_ar .t_leader ul,
.table_teamleader .local_ar .t_active ul{
    display: flex;
    align-items: center;
}
.table_teamleader .local_ar .t_leader ul li,
.table_teamleader .local_ar .t_active ul li {
    display: flex;
    align-items: center;
    position: relative;

}
.table_teamleader .local_ar .t_leader ul li:first-child {
    padding-right: 10px;
    margin-right: 10px;
}
.table_teamleader .local_ar .t_leader ul li:first-child::after {
    content:"|";
    font-size: 11px;
    position: absolute;
    right: 0;
}
.table_teamleader .local_ar .t_leader .label,
.table_teamleader .local_ar .t_active .label {
    width: auto !important;
    min-width: 28px !important;
    margin: 0;
    margin-left: 5px;
    padding: 4px 7px;
}



/* 팀리더 보기 */
.leader_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(0, 0, 0, .1);
    padding: .7rem;
}
.leader_info h4,.leader_info h5 {margin: 0;padding: 0;font-weight: 200;}


/* 팀활동 계획서 */
.m-l-5m{
    margin-left: -5px !important;
}
.p-l-5m{
    padding-left: -5px !important;
}
.teamplan h5 small{ font-size: 100%;}
.teamplan hr {
    margin-top: 30px;
    margin-bottom: 30px;
}
.teamplan .table thead th,
.teamplan .table tbody td {
    padding: 5px 10px !important;
}
.teamplan .table tfoot td {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding: 15px;
}
.club_info {
    background: rgba(0,0,0,.05);
    margin: 0 0px;
    padding: 16px 0 0;
    border-radius: 5px;
}
.club_info_green {
    background: rgba(40, 199, 111, .1);
    border-radius: 5px;
}



/* 활동보고서 */
.report_photo {text-align: center !important;}
.report_photo img { width: 90% !important; height: auto !important; margin-bottom: 10px;}

/* input */
.input-group>.custom-select:not(:last-child), 
.input-group>.form-control:not(:last-child) {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
}
.input-group>.custom-select:not(:first-child), 
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
}

/* 파일업로드 */
.dm-uploader {
    border-color: rgba(0, 0, 0, .2) !important;
    border-radius: 15px;
}
/* table */
.table-bordered {
    border: 0 !important;
}
.table-bordered td, .table-bordered th {
    border-left: 0 !important;
    border-right: 0 !important;
}
.table>colgroup+thead>tr:first-child>th {
    border-top: 1px solid #e2e7eb;
}
.thead_filled thead th {
    background: rgba(0, 0, 0, .1)!important;
    padding: 5px 15px!important;
    border-bottom: 0!important;
}
.notice .table>tbody>tr>td:nth-child(3) {
    font-size: 18px !important;
}
.notice table>thead>tr>th {
    padding: 6px 15px;
    background: rgba(0, 0, 0, .05);
}
/* .table>tbody>tr>td {
    padding: 15px 10px !important;
} */
/* 자주묻는질문 */

.faq_origin {
    margin: 0;
    padding: 0;
}
.faq_origin li {
    margin-bottom: -1px;
    list-style: none;
    display: flex;
    justify-content: center;
}
.faq_origin li+li,
.faq_origin .program-t-inner li+li {
    margin-left: 0 !important;
}
.faq_origin li a {
    color: rgba(0,0,0,.6);
    font-weight: normal;
    text-align: center;
    font-size: 16px !important;
}
.faq_origin li.active a,
.faq_origin li a:hover {
    color: rgba(0,0,0,.8);
    border: 1px solid rgba(0,0,0,.8);
    border-bottom-color: #fff;
    background: #fff;
    font-weight: bold;
    color: rgba(0,0,0,.8) !important;
}
.faq_origin a {
    background: #fff !important;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.8);
    padding: 15px;
    min-width:145px
}
.faq_origin {
    display: flex;
    padding-bottom: -1px;
    border-bottom: 1px solid rgba(0,0,0,.8);
}
.faq_ar table>tbody>tr>td {padding: 21px 15px 20px !important;}
.faq_contents {background: rgba(0, 0, 0, .05);}
.faq_contents td {border-bottom: 1px solid rgb(0, 0, 0);}

/* 댓글 */
.comment_ar iframe,
.comment_ar .cke_reset {max-height: 80px;}
.comment_list {
    border-top: 2px solid rgba(0, 0, 0, .2);
    margin-top: 60px;
    margin-bottom: 30px;
}
.comment_list .cmt_data {
    border-bottom:1px dotted rgba(0, 0, 0,.05);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.comment_list .cmt_con {border-bottom: 1px solid rgba(0, 0, 0, .08);
padding: 20px 0; font-size: 16px;}
/* 활동계획서 */
.active_report tr td {
    padding: 20px 10px !important;
}
.active_report .progress {
    height: 5px !important;
}
.active_report .progress-bar {
    background-color: #28C76F;
}
.top5 tr td {
    border-bottom: 0;
    border-top: 0;
    padding: 9px 10px !important;
}
.top5 tr:last-child td {
    border-bottom: 1px solid #dee2e6;
}
.club_info2,
.top5 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.top5 ul li {margin-right: 10px;}

.club_info2 li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3px;
}
.club_info2 li:last-child {
    margin-bottom: 0;
}
.club_info2 .badge {
    min-width: 45px;
    border-radius: 3px !important;
}
/* 회원관리 */
.user_row>[class^=col-] {
    padding-left: 5px !important;
    padding-right: 5px !important;
} 
.user_row>[class^=col-]:first-child {
    padding-left:10px !important;
} 
.user_row>[class^=col-]:last-child {
    padding-right:10px !important;
} 
.user_row>[class^=col-] input[type=text] {
    padding: 6px 4px !important;
} 

/* bg */
.bg-gray-100 {
    --bs-bg-opacity: 1;
    background-color: rgba(248,249,250,var(--bs-bg-opacity))!important;
}
.bg-gray-200 {
    --bs-bg-opacity: 1;
    background-color: rgba(233,236,239,var(--bs-bg-opacity))!important;
}
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    background: rgba(0, 0, 0, .7) !important;
    border-color: rgba(0, 0, 0, .7) !important;
    color: #fff;
}
.pagination {
    justify-content: center;
}

/* color */
.text_green {color: #28C76F;}
.bg_green {background: #28C76F;}
.bg_lightgreen {background: #DFF7E9;}
.text-gray { color: rgba(0,0,0,.4); }
.text_gray { color: rgba(0,0,0,.4); }
.text_wgray { color: rgba(255,255,255,.6); }
.text_white {color: rgb(255,255,255) !important;}
.text_red {color:#FF2F2F !important;}
.text_orange {color:#FF7A00 !important;}
.text_black { color: rgb(0,0,0); }

/* 라벨 */
.label.label-c_green, 
.label.label-c_orange, 
.label.label-c_gray 
{display: inline-block; min-width:120px;font-size: 12px;}
.team_change .label.label-c_green, 
.team_change .label.label-c_orange, 
.team_change .label.label-c_gray 
{display: inline-block; min-width:42px;font-size: 12px;}
.label.label-c_green {
    background: #DFF7E9;
    color: #28C76F;
}
.label.label-c_orange {
    background: #FFE0C2;
    color: #FF7A00;
}

.label.label-c_gray {
    background: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .8);
}
.badge.bg-gray {
    background: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .8);
}

/* 차트 */

.arrow_box {
    position: relative;
    background: #555;
    border: 2px solid #000;
    color: #fff;
    padding: 5px 10px;
  }
.arrow_box:after, .arrow_box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  
.arrow_box:after {
    border-color: rgba(85, 85, 85, 0);
    border-right-color: #555;
    border-width: 10px;
    margin-top: -10px;
  }
.arrow_box:before {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #000000;
    border-width: 13px;
    margin-top: -13px;
  }
/* .apexcharts-tooltip {
    color: #fff;
    transform: translateX(10px) translateY(10px);
    overflow: visible !important;
    white-space: normal !important;
  }
  
.apexcharts-tooltip span {
    padding: 5px 10px;
    display: inline-block;
} */

/* etc */
.hr_gray_solid {
    background: rgba(0,0,0,.1);   
    margin:40px 0; 
}
.hr_gray_solid_20 {
    background: rgba(0,0,0,.1);   
    margin:20px 0; 
}
.hr_gray_solid_10 {
    background: rgba(0,0,0,.1);   
    margin:10px 0; 
}
.hr_gray_dotted {
    border-top: 1px dotted rgba(0,0,0,.1);   
    margin:30px 0; 
    background: transparent !important;
}
.hr_gray_dashed_20 {
    border-top: 1px dashed rgba(0,0,0,.1);   
    margin:20px 0; 
    background: transparent !important;
}
.hr_gray_dashed_10 {
    border-top: 1px dashed rgba(0,0,0,.1);   
    margin:10px 0; 
    background: transparent !important;
}
.hr_gray_solid_b15 {
    background: rgba(0,0,0,.1);   
    margin:0 0 15px 0; 
}
.hr_gray_solid_t15 {
    background: rgba(0,0,0,.1);   
    margin:15px 0 0  0; 
}
.hr_gray_dotted_b15 {
    border-top: 1px dotted rgba(0,0,0,.1);   
    margin:0 0 15px 0; 
    background: transparent !important;
}
.hr_gray_solid_0 {
    background: rgba(0,0,0,.1);   
    margin:0; 
}

.radio_20 {
    width: 20px;
    height: 20px;
}

.min_h_52 {
    min-height: 52px;
}
.min_h_60 {
    min-height: 60px;
}
.max_w_111 {
    max-width: 111px;
    width: 111px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.max_w_130 {
    max-width: 130px;
    width: 130px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    text-align: left;
}
.max_w_200 {
    max-width: 200px;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.m-t-50 {
    margin-top: 50px;
}
h5 i {
    font-size: 20px !important;
}
.label-new {
    padding: .1em .4em 0.07em .3em !important;
    background: #ff0000 !important;
    vertical-align: middle !important;
}
textarea.form-control {
    line-height: 100% !important;
}

.flex-center-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-center {
    display: flex;
    align-items: center;
}

@media print {
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    #data-table-combine .row {
        display: flex !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
    #data-table-combine .col-lg-1,
    #data-table-combine .col-lg-2,
    #data-table-combine .col-lg-3,
    #data-table-combine .col-lg-4,
    #data-table-combine .col-lg-5,
    #data-table-combine .col-lg-6,
    #data-table-combine .col-lg-7,
    #data-table-combine .col-lg-8,
    #data-table-combine .col-lg-9,
    #data-table-combine .col-lg-10,
    #data-table-combine .col-lg-11 {
        display: inline-block !important;
    }
    .question table>thead>tr>th,
    .question2 table>thead>tr>th {background: rgba(0,0,0,.1) !important;}
    .question2 table>tfoot>tr>th,
    .question2 table>tfoot>tr>td {background: rgba(0,0,0,.05) !important; border-bottom:1px solid rgba(0,0,0,.1)}
    .table-striped tbody tr:nth-of-type(odd) {background: rgba(0,0,0,.05) !important;}
}

/* gallery */
.space-gallery .ld-pf-image figure p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 17px 0;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    line-height: 160%;
    text-align: center;
    margin: 0;
}

.ld-pf-category a nobr {
    white-space: pre-line !important;
}


.ld-pf-image figure {
    margin: 0 !important;
    min-height: 300px;
    max-height: 300px;
}

.pf-details-inside .ld-pf-details {
    overflow: hidden;
    max-height: 250px;
    text-overflow: ellipsis;
}