#wrapper{ overflow: hidden;}
.navbar-nav.sidebar{ overflow: hidden; overflow-y: auto; }
.navbar-nav.sidebar::-webkit-scrollbar {width: 6px;}
.navbar-nav.sidebar::-webkit-scrollbar-thumb { background-color: #cdcdcd; border-radius: 3px;}
.navbar-nav.sidebar::-webkit-scrollbar-track { background-color: #95847E;}

.sidebar .nav-item .nav-link{ padding: .8rem 1rem; width: 100%;}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{ padding-left: 8px; padding-right: 8px;}

.card img{ max-width: 100%;}
.x_title img{ width: 30px !important;}
.x_title::after{ content: ''; clear: both; display: block; height: 0;}
.x_title.titBx{ display: flex; align-items: center; flex-wrap: wrap;}
.x_title.titBx .tit-tx{ display: flex; align-items: center;}
.x_title.titBx .nav{ margin-left: auto;}

table.type05{ margin: 10px 0; }

.schBx{ position: relative; font-size: 13px; display: inline-block; margin-left: 10px;}
.schBx .bt-sch{ width: 20px; height: 20px; line-height: 20px; position: absolute; top: 50%; margin-top: -10px; right: 0;}

.panel_toolbox{ min-width: 30px;}

.xBrdbx-itm{ border: #ff6400 1px solid; border-radius: 10px; padding: 10px; display: flex; align-items: center;}
.xBrdbx-itm + .xBrdbx-itm{ margin-top: 10px;}
.xBrdbx-itm .xBrdbx-itm1{ width: 30px;}
.xBrdbx-itm .xBrdbx-itm2{ flex: 1; padding: 0 10px;}
.xBrdbx-itm .xBrdbx-itm3{ width: 140px;}

.arim-itm{ border: #ff6400 1px solid; border-radius: 10px; padding: 10px; display: flex; align-items: center;}
.arim-itm + .arim-itm{ margin-top: 10px;}
.arim-itm .arim-itm1{ color: #ff6400; }
.arim-itm .arim-itm2{ padding: 0 0 0 10px; flex: 1;} 
.arim-itm .arim-itm2 .arim-itm2-tit{ color: #000;}
.arim-itm .arim-itm2 .arim-itm2-tx{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.arim-itm .arim-itm2 .arim-itm2-tx b{ color: blue;}

.todayWk{ display: flex; align-items: center; flex-wrap: wrap;}
.todayWk img{ width: 30px !important;}
.todayWk .txt{ margin-left: auto;}

.mySpace{ margin: 10px 0 20px; display: flex; align-items: center;}
.mySpace > div{ display: flex; align-items: center; flex: 1;}
.mySpace > div img{ width: 60px; margin-right: 10px;}

.mySpace2{ display: flex; align-items: center; clear: both;}
.mySpace2 + .mySpace2{ margin-top: 10px;}
.mySpace2 .ic{ width: 40px; margin-right: 10px;}
.mySpace2 .txt1{ font-weight: 600; color: #000;}
.mySpace2 .txt2{ display: flex; align-items: center;}

.fc-day-grid-event .fc-content{ white-space: normal; line-height: 1.2; padding: 4px;}
.fc-day-grid-event .fc-content .fc-title{ line-height: 1.2;}

.page-top-inner{ background-color: #f0eae4 ;}

.searchfrm .searchfrm-hd{ width: 16%; text-align: center;}
.searchfrm .searchfrm-bd{ width: 84%;}
.searchfrm > .row{ margin-left: 0; margin-right: 0; align-items: center;}
.searchfrm > .row + .row{ margin-top: 5px;}

.dis-f{ display: flex; align-items: center;}
.searchfrm > .row .calbtn,
.searchfrm > .row .btn{ height: 38px; margin: 0;}

.arlim-sch{ display: flex; align-items: center;}
.arlim-sch .inp{ height: 38px; line-height: 38px; width: 110px;}
.arlim-sch .calbtn{ padding: 0 4px; height: 38px; margin: 0;}
.arlim-sch .btn{ margin: 0; margin-left: auto; height: 38px; width: 56px; padding: 0; font-size: 13px;}

.ibsheet-wrap{ display: flex; align-items: center; margin-bottom: 10px;margin-left: 10px;}
.ibsheet-wrap .inp{ height: 38px;}
.ibsheet-wrap .calbtn{ padding: 0 4px; height: 38px; width: 38px;margin: 0;}
.ibsheet-wrap .btn{ height: 38px; margin: 0 0 0 5px; font-size: 13px;}
.ibsheet-wrap .bt-z{ display: flex; align-items: center;}

ul.bar_tabs.dv-tab{ padding-left: 5px;}
.dv-tab .nav-link{ padding: 0 10px; height: 42px; line-height: 41px;}

.yearCha{ height: 70px; display: flex; align-items: center;}
.yearCha + .yearCha{ margin-top: 5px;}
.yearCha .yearCha-hd{ width: 85px; text-align: center;}
.yearCha .yearCha-bd{ flex: 1;}
.yearCha-bd-bx{ display: flex; }
.yearCha-bd-bx textarea{ flex: 1; height: 66px;font-size: 14px; }
.yearCha-bd-bx .btCal{ height: 66px; width: 50px; padding: 0; margin: 0;}

.myEdu .myEdu01{ margin: 0; padding: 0; list-style: none;}
.myEdu .myEdu01 > li{ display: flex; align-items: center;}
.myEdu .myEdu01 > li + li{ margin-top: 5px;}
.myEdu .myEdu01 > li .hd-tx{ display: flex; align-items: center;}
.myEdu .myEdu01 > li .hd-tx::before{ content: ''; width: 4px; height: 4px; background-color: #666; border-radius: 50%; margin-right: 4px;}
.myEdu .myEdu01 > li .bd-tx{ margin-left: auto; font-weight: 600; font-size: 1.1em;}
.myEdu .myEdu02{ margin: 15px 0;}

table.clioTbl{ border-top: #666 2px solid; width: 100%; border-right: #ddd 1px solid; font-size: 13px;}
table.clioTbl thead th{ padding: 5px; text-align: center; border-bottom: #ddd 1px solid; border-left: #ddd 1px solid; background-color: #efefef;}
table.clioTbl tbody th{ padding: 5px; text-align: center; border-bottom: #ddd 1px solid; border-left: #ddd 1px solid; background-color: #efefef;}
table.clioTbl tbody td{ padding: 5px; text-align: center; border-bottom: #ddd 1px solid; border-left: #ddd 1px solid; background-color: #fff;}
table.clioTbl tbody td.eTd{ padding: 0; background-color: #efefef;}
table.clioTbl tbody td .bar{ width: 100%;}
table.clioTbl tbody td .bar .bar-itm{ position: relative; height: 40px; margin: 0; padding: 0; border-radius: 0 20px 20px 0; background-color: #eb6100;}
table.clioTbl tbody td .bar .bar-itm span{ position: absolute; top: 50%; left: 0; padding: 0 20px; line-height: 1.2; transform: translateY(-50%); color: #000; font-size: .9em;}
table.clioTbl tbody td .bar.bar1 .bar-itm{ width: 70%;}
table.clioTbl tbody td .bar.bar2 .bar-itm{ width: 84%; background-color: #f2912b;}
table.clioTbl tbody td .bar.bar3 .bar-itm{ width: 96%; background-color: #f9bd58;}

.eduPoll{ display: flex; align-items: center;}
.eduPoll + .eduPoll{ margin-top: 5px;}
.eduPoll .eduPoll-hd{ width: 140px;}
.eduPoll.eduRedult .eduPoll-hd{ width: 90px;}
.eduPoll .eduPoll-bd{ flex: 1; }
.eduPoll .eduPoll-bd .row{ display: flex; width: 100%; margin: 0; padding: 0;}
.eduPoll .eduPoll-bd .row .form-control{ flex: 1;}
.eduLst01 .tx1{ color: blue; margin: 10px 0 0 0; }

.eduReport{ width: 100%;}
.eduReport .btn-group{ width: 100%; display: flex; justify-content: space-around;}
.eduReport .btn-group .btn{ flex: 1; padding: .5rem 0;}

.compItm{ font-size: 18px; border: #ff6400 1px solid; border-radius: 10px; padding: 10px; display: flex; align-items: center;}
.compItm + .compItm{ margin-top: 13px;}
.compItm .compItm1{ font-weight: 600; padding: 0 10px 0 0;}
.compItm .compItm2{ flex: 1;}
.compItm .compItm3{ margin-left: auto; display: flex; align-items: center;}
.compItm .compItm3 .ic{ width: 30px; margin-right: 5px;}

.compCard{     display: flex;    justify-content: space-evenly; flex-wrap: wrap; padding: 0 0 0 0; margin: 0 0 0 -20px; width: calc(100% + 20px);}
.compCard .compCard-itm{ position: relative; max-width: 234px; width: 32%; margin: 0 0 0 0; }

 .compCard .compCard-itm .mga{ margin: 0 30px 0 30px; !Improt }
 
.compCard .compCard-itm .bx{ position: relative;}
.compCard .compCard-itm .bx img{ display: block; width: 100%;}
.compCard .compCard-itm .tx1{ position: absolute; top: 5%; left: 50%; margin-left: -35%; width: 70%; }
.compCard .compCard-itm .tx2{ position: absolute; top: 20%; left: 0; padding: 0 20px; display: flex; align-items: center;}
.compCard .compCard-itm .tx2 .photo{ width: 30%; background-color: #fff; border-radius: 10px;}
.compCard .compCard-itm .tx2 .tx2-tx{ color: #000; font-weight: 600; padding: 0 0 0 10px;}
.compCard .compCard-itm .tx3{ bottom: 5%; position: absolute; left: 0; padding: 0 10px; font-weight: 600; width: 100%; text-align: right; color: #000;}
.compCard .compCard-itm .bot{ padding: 5px 0; display: flex; justify-content: center; position: relative;}
.compCard .compCard-itm .bot .good{ display: flex; position: relative;}
.compCard .compCard-itm .bot .good span{ position: absolute; top: 0; left: 0; text-align: center; padding: 0 0 0 10px; line-height: 23px; width: 100%; color: #fff;}
.compCard .compCard-itm .bot .new{ position: absolute; top: 0; right: 0;}
.compCard.compCard2{ flex-wrap: nowrap; padding-bottom: 0;}
.compCard.compCard2 .compCard-itm{ width: 212px; flex: 1; padding: 0px 20px 0 20px;}

.letterBx{ position: relative; width: 100%;}
.letterBx .bg{ position: relative; z-index: 0;}
.letterWr{ position: absolute; top: 0; left: 0; width: 100%; bottom: 0;}
.letterWr .coin{ text-align: right;}
.letterWr .sent-tx{ position: absolute; top: 13%; left: 0; width: 100%; display: flex; align-items: center; padding-left: 15%;}
.letterWr .sent-tx .inp{ width: 125px; text-align: center; background-color: transparent; border: none;}
.letterWr .sent-tx .inp2{ width: 75px;  margin-left: 30px;}
.letterWr .sent-tx2{ position: absolute; bottom: 24%; left: 0; width: 100%; display: flex; justify-content: flex-end; align-items: center; padding-right: 83px;}
.letterWr .sent-tx2 .inp{ width: 130px; text-align: center; border: none;}
.letterWr .sent-tx2 .inp.inp2{ width: 70px; margin-left: 40px;}
.letterWr .txt{ position: absolute; top: 22%; left: 0; width: 100%; height: 305px; font-size: 13px; color:#000; overflow: hidden; padding: 0 18%; line-height: 2.44;}
.letterWr .letter-bot{ position: absolute; bottom: 14%; left: 0; width: 100%; display: flex; align-items: center; justify-content: center;}
.letterWr .letter-bot .letter-bot-chk{ margin-right: 10px;}
.letterWr .letter-bot .form-control{ height: 38px;}
.letterWr .letter-bot .btn{ width: 100px; margin: 0 0 0 5px;}

.cardVewAll > div .x_panel{ min-height: 438px;}

.star-itm .star-photo{ position: relative; }
.star-itm .blt-star{ position: absolute; bottom: -1px; right: -20px; width: 60%; }

.gtChtx{ position: absolute; top: 30px; width: 100%; left: 0; bottom: 80px; margin: 0; display: flex; justify-content: center; flex-direction: column; align-items: center; font-size: 20px; line-height: 1.2;}

.chart-txt{ position: absolute; top: 0; right: 0; width: 35%; font-size: 13px;}
.chart-txt .chart-txt-t1{ margin: 0; padding: 0;}
.chart-txt .chart-txt-t1 li{ list-style: none; display: flex; width: 100%; font-size: 15px; white-space: nowrap;}
.chart-txt .chart-txt-t1 li + li{ margin-top: 10px;}
.chart-txt .chart-txt-t1 li .chart-txt-hd{ display: flex; margin-right: 10px; width: 100px;}
.chart-txt .chart-txt-t1 li .chart-txt-hd::before{ content: ''; margin-top: 8px; width: 4px; height: 4px; border-radius: 50%; background-color: #222; margin-right: 5px;}
.chart-txt .chart-txt-t1 li .chart-txt-bd{ display: flex; white-space: nowrap; font-weight: 600; color:#000;}
.chart-txt .chart-txt-t2{ margin: 20px 0 0 0;}
.chart-txt .chart-txt-t2 .chart-txt-t2-itm{ display: flex; align-items: center; width: 100%;}
.chart-txt .chart-txt-t2 .chart-txt-t2-itm + .chart-txt-t2-itm{ margin-top: 10px;}
.chart-txt .chart-txt-t2 .chart-txt-t2-itm .ic{ width: 40px; margin-right: 10px;}
.chart-txt .chart-txt-t2 .chart-txt-t2-itm .ic img{ max-width: 100%;}
.chart-txt .chart-txt-t2 .chart-txt-t2-itm .txt{ display: flex; align-items: center;}
.chart-txt .chart-txt-t2 .chart-txt-t2-itm .txt div{ font-weight: 600; color: #000; margin-left: 10px;}

.coinSt .sch-bx{ justify-content: space-between;}
.coinSt .sch-bx .control{ flex: 1; margin-right: 10px;}

.compCard-wr .bt-prev{ left: -16px; width: 40px; position: absolute; top: 50%; margin-right: 0px;margin-bottom: 0px; z-index: 2;}
.compCard-wr .bt-next{ right: -16px; width: 40px; position: absolute; top: 50%; margin-right: 0px;margin-bottom: 0px; z-index: 2;}

.star-list .col-7,
.star-list .col-5{ display: flex; }


.jobTitel{font-size: 1.5rem;margin-right: 10px;align-self: center;margin-left: 10px; }
  .text_to_form {font-size: 1.4em; }
      .sheetDivHeight{ height:670px;}

/* 110% 240408 */
@media screen and (min-resolution: 1.1dppx) {
    .cardWrite-bx{ width: 100%; padding-right: 0;}
    .cardWrite-bx .cardWrite-bx-itm1{ flex: 0 0 30%;  }
    .cardWrite-bx .cardWrite-bx-itm2{ flex: 0 0 40%;  }
    .cardWrite-bx .cardWrite-bx-itm3{ flex: 1; max-width: 40%;  }
    
  .letterWr .txt{ /*height: 427px; */line-height: 2.3;} 
    
    .letterWr .sent-tx{ top: 12%;}
    .letterWr .sent-tx .inp{ width: 100px;}
    .letterWr .sent-tx .inp2{ width: 100px; margin-left:0px;}
     .letterWr .sent-tx2{ padding-right: 100px;} 
    .letterWr .sent-tx2 .inp{ width: 100px;}
    .letterWr .sent-tx2 .inp.inp2{ width: 80px; margin-right :-30px;}
      .text_to_form {font-size: 1.4em; }
}

/* 125% 240408 */
@media screen and (min-resolution: 1.25dppx) {
     .letterWr .txt{ /*height: 361px; */line-height: 2.2;} 
    
    
       .cardWrite-bx{ width: 100%; padding-right: 0;}
    .cardWrite-bx .cardWrite-bx-itm1{ flex: 0 0 25%;  }
    .cardWrite-bx .cardWrite-bx-itm2{ flex: 0 0 35%;  }
    .cardWrite-bx .cardWrite-bx-itm3{ flex: 1; max-width: 40%;  }
    .letterWr .sent-tx{ top: 13%;}
    .letterWr .sent-tx .inp{ width: 100px;}
    .letterWr .sent-tx .inp2{ width: 100px; margin-left: 23px}
    .letterWr .sent-tx2{ padding-right: 97px;}
    .letterWr .sent-tx2 .inp{ width: 100px;}
    .letterWr .sent-tx2 .inp.inp2{ width: 100px; margin-left:15px;}
    .text_to_form {font-size: 1.4em; }
       .sheetDivHeight{ height:640px;}
}



/* 150% */
@media screen and (min-resolution: 1.5dppx) {
    
   .sidebar{ width: 14rem !important;}
    
    .x_title{ padding: 1px 0 6px;}
    .x_panel{ padding: 10px 10px;}
    
    .xBrdbx-itm{ flex-wrap: wrap; padding: 5px;}
    .xBrdbx-itm .xBrdbx-itm2{ padding: 0 5px;}
    .xBrdbx-itm .xBrdbx-itm3{ width: 100%;}
    
    .x_title h2{ white-space: normal;}
    
    .searchfrm > .row{ flex-wrap: wrap; flex-direction: column;}
    .searchfrm .searchfrm-hd{ width: 100%; text-align: left;}
    .searchfrm .searchfrm-bd{ width: 100%;}
    
    .arlim-sch,
    .ibsheet-wrap{ flex-wrap: wrap;}
    .ibsheet-wrap .bt-z{ margin-top: 5px;}
    
    ul.bar_tabs>li{ margin-left: 0;}
    ul.bar_tabs.dv-tab{ display: flex; justify-content: space-around; flex-wrap: nowrap;}
    .dv-tab .nav-link{ padding: 0 6px;}
    
    .weather-days h5 input{ width: 100% !important; }
    
    .compCard .compCard-itm{ width: 48%; margin: 30px 0 0 20px; max-width: 230px;}
    
    .compCard.compCard2{ margin-left: -2%;}
    .compCard.compCard2 .compCard-itm:nth-child(2n+1){ margin-left: 2%;}
    .compCard.compCard2{ flex-wrap: wrap;}
    .compCard.compCard2 .compCard-itm{ flex: none; width:220px;}        
    
    .letterWr .sent-tx{ top: 12%;}
    .letterWr .sent-tx .inp{ width: 118px;}
    .letterWr .sent-tx .inp2{ margin-left: 22px; width: 50px;}
    .letterWr .sent-tx2{ padding-right: 98px;}
    .letterWr .sent-tx2 .inp{ width: 100px;}
    .letterWr .sent-tx2 .inp.inp2{ width: 50px; margin-left: 27px;}
    .letterWr .txt{ top: 22%; line-height: 2.28; padding: 0 17%; height: 286px;}
    .letterWr .letter-bot{ bottom: 11%; font-size: 13px;}
    .letterWr .letter-bot .btn{ width: 76px; font-size: 13px;}
    
    .chart-txt{ width: 49%;}    
    .coinSt #div_workRate{ width: 100% !important; text-align: center;}
    .coinSt #pieChartCanvas{ width: 100% !important}
    
    .text_to_form{font-size: 1.0em; }
    .sheetDivHeight{ height:530px;}
}

@media screen and (min-resolution: 1.75dppx) {
    .gtChtx-tx .row .col-4{ letter-spacing: -.2em; font-size: 12px;}
    
    .letterWr .sent-tx2{ padding-right: 62px;}
    .letterWr .sent-tx2 .inp.inp2{ margin-left: 24px;}
    .letterWr .sent-tx{ padding-left: 9%;}
    .letterWr .txt{ top: 21%; padding: 0 16%; line-height: 1.8;}
        .sheetDivHeight{ height:445px;}
}

@media screen and (max-width: 1400px) {
    .x_title.titBx .tit-tx{ flex-wrap: wrap;}
}

@media screen and (max-width: 768px) {
    .navbar-nav.sidebar.toggled{ overflow: hidden;}
    .navbar-nav.sidebar{ overflow: visible; }
    .sidebar .nav-item + .nav-item{ border-top: rgba(255, 255, 255, 0.15) 1px solid;}
    .sidebar .nav-item .nav-link{ padding: .5rem; }
    .sidebar .nav-item .nav-link span{ line-height: 1.2; margin-top: .4rem;}
    .sidebar .nav-item:nth-child(12) .collapse,
    .sidebar .nav-item:nth-child(13) .collapse,
    .sidebar .nav-item:nth-child(14) .collapse,
    .sidebar .nav-item:nth-child(15) .collapse{ top: auto; bottom: -1rem;}
    
    .container-fluid{ height: calc(100% - 3rem);    padding-right: 0px;    padding-left: 0px;}
  
/*     .compCard{ width: 100%; margin: -30px 0 0 0; } */
    .compCard .compCard-itm{ margin: 30px 0 0 4%; }
    .compCard .compCard-itm:nth-child(odd){ margin-left: 0;}
    .compCard-wr .bt-prev{ left: 5px;}
    .compCard-wr .bt-next{ right: 0;}
    
    .cardWrite-bx{ flex-direction: column; padding-left: 20px;}
    .cardWrite-bx .cardWrite-bx-itm1,
    .cardWrite-bx .cardWrite-bx-itm2,
    .cardWrite-bx .cardWrite-bx-itm3{ flex: 1; width: 100%; max-width: 100%; }
    .sidebar .nav-item .collapsing .collapse-inner {  max-height: 16rem;  overflow-x: scroll;}
}


/*  2024-09-25 디지인 보정 */
#fromID
{
	width:110px;
	height: 38px;
}
#toID
{
	width:110px;
	height: 38px;
}

.card-body
{	
    padding-top: 0px;
}
#selyear
{
	height: 38px;
	border-right-width: 1px;
	margin-right: 10px;
	
}

#selmonth
{
	height: 38px;
	border-right-width: 1px;
	margin-right: 10px;
	
}

.calbtn{ padding: 0 4px; height: 38px; margin: 0;}
.disFlex 
{
	display: flex;

}