@charset "utf-8";

/* Kando 수정 */
#scheduler{overflow:auto;}
.k-grid{border-left: none!important;border-right: none!important;color: #555!important;}
.k-grid li {list-style: inside!important;}
.k-grid .k-table-row.k-table-alt-row{background-color: #fff!important;}
.k-table-alt-row{background-color: #fff!important;}
.k-grid-header{background-color: #f8fafd!important;}
.k-grid .k-table-th{border-inline-start-width: 0!important;}
.k-grid .k-grid-md .k-table-th>.k-cell-inner>.k-link, .k-grid-md .k-table-th>.k-cell-inner>.k-link{padding-block: 13px!important;}
.k-column-title{font-weight:700;color: #344354;}
.k-grid .k-cell-inner{justify-content: space-evenly!important;font-weight:700;color: #758695;}
.k-grid td, .k-grid .k-table-td, .k-grid .k-grid-content, .k-grid .k-grid-header-locked, .k-grid .k-grid-content-locked{border-block-end-width: 1px!important;border-left-color: #fff!important;}
.k-pager{background-color: #fff!important;border: none!important;}
.k-pager-md .k-pager-numbers-wrap .k-pager-input, .k-pager-md .k-pager-numbers-wrap>select.k-dropdown-list, .k-pager-md .k-pager-numbers-wrap>select.k-dropdown, .k-pager-md .k-pager-numbers-wrap>select.k-dropdownlist{height: auto!important;background-color: #fff!important;}
.k-pager-md{padding-block: 5px!important;}
.k-pager-info{font-size: 14px!important;color: #666!important;}
.k-table-td .k-button{font-size: 15px;border: 1px #3b7cf5 solid;border-radius: 4px;background: #fff!important;font-weight: 600!important;letter-spacing: -1px!important;color: #4569d9!important;}
.k-table-td .k-button:hover{background-color: #3b7cf5!important;border-color: #3b7cf5;color: #fff!important;}
.k-picker-solid{background-color: #fff!important;}
.k-scheduler-table th.k-scheduler-cell{font-weight: 600!important;color: #5c6e82!important;}
.k-grid tbody>tr:not(.k-detail-row):hover, .k-grid .k-table-tbody>.k-table-row:not(.k-detail-row).k-hover{background-color: #fff!important;}
.k-scheduler-agendaview .k-scheduler-content tr:hover, .k-scheduler-agendaview .k-scheduler-content tr.k-hover, .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row:hover, .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-hover{background-color: #ecf1f8!important;}
.k-datepicker.k-input.datepicker.k-input-solid.k-input-md.k-rounded-md{width: 140px!important;}

.k-scheduler-header th{font-weight:700;color: #758695;}
.k-scheduler table, .k-scheduler thead, .k-scheduler tfoot, .k-scheduler tbody, .k-scheduler tr, .k-scheduler th, .k-scheduler td, .k-scheduler div, .k-scheduler .k-scheduler-edit-dialog, .k-scheduler>*{border-color: #eef0f7!important;}
.k-scheduler-monthview .k-scheduler-table td{height: 120px!important;text-align: center!important;}
.k-scheduler-monthview .k-scheduler-body .k-scheduler-cell{min-height: 120px!important;}
.k-scheduler-other-month, .k-scheduler .k-other-month{background-color: #f5f5f5!important;color: #adb0b9!important;}
.k-scheduler-agendaday{font-size: 2em!important;font-weight: 300!important;}
.k-link.k-nav-day{font-size: 14px;color: #555!important;}

.k-window{overflow: hidden!important;border-radius: 10px!important;}
.k-window-content, .k-prompt-container{padding-inline: 1.5rem!important;}
.k-window-titlebar{background-color: #fff!important;}
.k-window-title{padding: 0 15px;padding-block: .8em!important;font-size:17px!important;font-weight: 700;color: #111;}
.k-input-md .k-input-inner, .k-picker-md .k-input-inner{border: none!important;}
.k-input-solid{border-color: rgba(0, 0, 0, 0.1)!important;}
.k-form .k-form-field, .k-form .k-form-field-wrap{margin-bottom: 10px;}
.k-checkbox:checked, .k-checkbox.k-checked {border-color: #557aeb!important;;background-color: #557aeb!important;}
.k-form .k-form-field>.k-label, .k-form .k-form-field>kendo-label, .k-form .k-form-label{margin-bottom: 3px!important;color: #666;}
.k-edit-form-container .k-popup-message{display: flex;justify-content: center;align-items: center;min-height: 50px;}

.k-popup-edit-form>.k-actions, .k-popup-edit-form>.k-edit-buttons, .k-popup-edit-form>.k-action-buttons, .k-popup-edit-form>.k-columnmenu-actions, .k-popup-edit-form>.k-form-buttons, .k-edit-form-container .k-actions, .k-edit-form-container .k-edit-buttons, .k-edit-form-container .k-action-buttons, .k-edit-form-container .k-columnmenu-actions, .k-edit-form-container .k-form-buttons{margin: 0!important;padding-inline:0;}
.k-edit-buttons button{padding: 7px 15px!important;font-weight: 600;}
.k-edit-buttons button.k-rounded-md{border-radius: 8px!important;}
.k-edit-buttons .k-button-solid-primary .k-svg-icon{display: none!important;}
.k-edit-buttons .k-scheduler-cancel .k-svg-icon{display: none!important;}
.k-edit-buttons .k-button-flat-primary {padding: 7px 8px!important;border-color: #e2e2e2!important;}
.k-button-solid-primary{border-color: #557aeb!important;background-color: #557aeb!important;}
.edit-only-create:not(:last-child){border-bottom: none!important;}
.k-button-md.k-icon-button .k-button-icon.k-svg-icon>svg, .k-button-md.k-icon-button .k-button-icon.k-icon-md>svg{width: var(--kendo-icon-size, 1.2rem)!important;height: var(--kendo-icon-size, 1.2rem)!important;}

.k-button-solid-base{background-color: #fff;}
.k-toolbar-solid{background-color: #fff!important;}
.k-filemanager-listview .k-listview-item{border-radius: 15px;}
.k-treeview-md .k-treeview-leaf{padding-inline:7px!important;}
.k-treeview-md .k-treeview-leaf .k-icon{width: 20px; height: 20px;background: url(../../images/front/icon/icon_folder.svg) no-repeat;background-size: cover;}
.k-treeview-md .k-selected.k-treeview-leaf .k-icon{background: url(../../images/front/icon/icon_folder_w.svg) no-repeat;background-size: cover;}
.k-listview-item{font-size: 15px!important;color: #666!important;}
.k-listview-content>.k-selected{background-color: #ecf2ff!important;}

#options-popup .k-list{width: 80px;padding: 10px;}
#grid-tsk-s{border-top: none!important;}
#grid-tsk-s > .k-grid-toolbar{padding-top: 0!important;}

/* 공통 */
.icon_dot{position: relative;display: inline-block;padding-left: 13px;}
.icon_dot::before {content:''; position: absolute;top: 8px;left: 0;width: 5px; height: 5px;border-radius: 50%; background-color: #cacaca;}
.icon_dot.type2{font-weight: 600;color: #222;}
.icon_dot.type2::before {content:''; position: absolute;top: 8px;left: 0;width: 5px; height: 5px;border-radius: 50%; background-color: #4b68e5;}
.info_list::after{content: '';display: block;clear: both;}
.info_list > li{position: relative;height: 50px;border-bottom: 1px #e4e4e4 solid;padding-left: 13px;font-size: 1.062rem;font-weight: 600;color: #222;}
.info_list.flex_type1 > li{display: flex;justify-content: space-between;align-items: center;}
.info_list > li:last-child{border-bottom: none;}
.info_list > li::before{content: "•";position: absolute;top:10px;left:0;}
.flex_type1{display: flex;justify-content: space-between;align-items: center;}
.flex_type2{display: flex;justify-content: flex-end;align-items: center;}
.box_info{position: relative;margin-bottom:30px;padding: 30px 40px 25px 72px;background: #eff5fb;font-weight: 600;color:#333;border-radius: 10px;word-break: keep-all;}
.box_info::before{content: '';position: absolute;top: 33px;left: 45px; width: 20px; height: 20px;background: url(../../images/front/icon/icon_info.png) no-repeat 0 0;}
.box_info .tit01{color: #3c388a;}
.box_info.type2{display: flex; justify-content: space-between;align-items: center;padding: 15px 20px;}
.box_info.type2::before{background: none;}
.box_info.type2 p{position: relative;padding-left: 20px;}
.box_info.type2 p::before{content: '';position: absolute;top:9px;left:10px;width: 3px;height: 3px;background: #3c388a;}
.box_info.type2 .btn.primary.type2.sm{padding: 0 15px;font-size: 1rem;}
.box_info.type3{padding: 30px;}
.box_info.type3::before{display: none;}
.box_graphic{padding: 30px 20px;margin-bottom: 20px;border: 1px #ddd solid;border-radius: 10px;text-align: center;}
.non_data{display: flex;align-items: center;justify-content: center;width: 100%;height:100%;min-height: 500px;padding: 30px 0;}
.non_data p{position: relative;padding-top: 95px;text-align: center;font-size: 16px;color: #888;}
.non_data p::before{content: '';position: absolute;top: 0;left: 50%;width: 70px;height: 74px;background: url(../../images/front/icon/icon_folder.png) no-repeat 0 0;transform: translate(-50%, 0);}

/* 세팅 */
.set_wrap {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;width: 100%;margin-bottom: 20px;}
.set_wrap .box {border: 1px solid #ddd;border-radius: 8px;}
.set_wrap .box .tit{font-weight: 600;color: #222;padding: 10px 20px;border-bottom: 1px #ddd solid;}
.set_wrap .box .con{padding: 20px;}
.set_wrap .box .con .chk_list li{display: block;padding: 3px 0;}
.set_wrap .box:first-child {grid-row: span 2;/* 세로 2칸 차지 */}

/* 대시보드 */
.dashboard_main{display: flex;justify-content: space-between;gap:40px;}
.dashboard_main .left{width: 70%;}
.dashboard_main .right{width: 30%;}
.dashboard_main .left .card .card_cont{padding: 20px;}
.dashboard_main .right .card{min-height: auto;}
.dashboard_main .right .card:first-child{height: 300px;}
.dashboard_main .right .card .card_cont{padding: 20px 25px;}
.card{min-height: 600px;margin: 10px 0;background: #fff;border: 1px #e3e4e9 solid;border-radius: 15px;}
.card .card_cont{padding: 20px 30px 30px 30px;}
.card .title_wrap{position: relative;padding: 15px 25px!important;border-bottom: 1px #e3e4e9 solid;}
.card .title_wrap .tit{font-size: 17px;font-weight: 700;color: #111;}
.card .tit02{margin-bottom: 12px;font-size: 20px;font-weight: 700;color: #111;}
.card .title_wrap .inform{margin-left: 8px;}
.card .title_wrap .inform li{display: inline-block;height: 28px;background: #f1f4f9;border-radius: 50px;padding: 0 10px;font-size: 14px;letter-spacing: -1px;line-height: 28px;}
.card .title_wrap .inform li .num{color: #1b4ada;font-weight: 600;padding-left: 4px;}
.card .title_wrap .btn_more{position: absolute;top: 15px;right: 15px;text-indent: -99999px;}
.card .title_wrap .btn_more::before{content: '';position: absolute;top: 0;right: 0;width: 26px;height: 26px;background: url(../../images/front/icon/icon_more.svg) no-repeat;background-size: cover;}
.memories_list{max-height: 190px;overflow-y: auto;}
.memories_list li{display: flex;font-size:16px;line-height:1.5;padding: 8px 0;}
.memories_list li .title_area .tit{font-size: 16px;font-weight: 700;color: #555;}
.memories_list li .title_area .date{font-size: 14px;}
.sticker{position: relative;overflow: hidden;display: inline-block;margin-right: 10px;width: 43px;height: 43px;text-indent: -999999px;border-radius: 15px;vertical-align: middle;}
.sticker.icon01{background: #eeebff}        
.sticker.icon01::before{content: '';position: absolute;top:0;left:0;width: 43px;height: 43px;background: url(../../images/front/icon/symbol01.png) no-repeat center center;background-size: 21px;}
.sticker.icon02{background: #f8eccb}        
.sticker.icon02::before{content: '';position: absolute;top:0;left:0;width: 43px;height: 43px;background: url(../../images/front/icon/symbol02.png) no-repeat center center;background-size: 21px;}

/* 캘린더 */
.calendar_top{}
.calendar_top .calendar_btn{position: relative;display: inline-block;overflow: hidden;width: 30px;height: 30px;border: 1px #e9e7eb solid;border-radius: 10px;text-indent: -9999px;}
.calendar_top .calendar_btn.pre::before{content: '';position: absolute;top: 2px;left: 3px;width: 24px;height: 24px;background: url(../../images/front/icon/arr_right_s.svg) no-repeat 0 0;background-size: 100%;transform: rotate(180deg);}
.calendar_top .calendar_btn.next::before{content: '';position: absolute;top: 2px;left: 3px;width: 24px;height: 24px;background: url(../../images/front/icon/arr_right_s.svg) no-repeat 0 0;background-size: 100%;}
.calendar_top .tit{margin-left: 10px;font-size: 20px;font-weight: 600;color: #111;font-family: sans-serif;}

/* 스크롤바 */
.scrollbar::-webkit-scrollbar {width: 3px;}
.scrollbar::-webkit-scrollbar-thumb {background-color: #9aa2ae;border-radius: 10px;}
.scrollbar::-webkit-scrollbar-track {background-color: #ddd;border-radius: 10px;box-shadow: inset 0px 0px 5px white;}

/* table 스타일 */
.btn_wrap_top{margin-bottom: 10px;}
.tbl_list_wrap th{height:55px;font-size: 15px;font-weight: 700;color: #111;background:#f0f5fa;vertical-align:middle;line-height: 1.3;}
.tbl_list_wrap th:first-child{border-radius: 10px 0 0 10px;}
.tbl_list_wrap th:last-child{border-radius: 0 10px 10px 0;}
.tbl_list_wrap td{height:45px;font-size:15px;line-height:1.5;padding:15px 10px;border-left:1px solid #e3e4e9;border-bottom:1px solid #e3e4e9;text-align:center;}
.tbl_list_wrap02 td{height:45px;font-size:16px;line-height:1.5;padding: 5px 0;border-bottom:1px solid #e3e4e9;text-align:left;}
.tbl_list_wrap02 tr:last-child td{border-bottom: none;}
.tbl_list_wrap02 td.align_c{font-size: 15px;}

/* 검색 */
.search_wrap{padding: 15px 10px!important;}
.search_wrap .search_box{display: flex;align-items: center;}
.search_wrap .search_box dt{font-weight: 600;color: #555;margin: 0 20px;}
.search_wrap .search_box dd{margin-right: 7px;}
.search_wrap .search_box dd .input_box{position: relative;width: 250px;border: 1px solid #d0d0d0;border-radius: 8px;cursor: pointer;}
.search_wrap .search_box dd .input_box input{width: 90%;height: 35px;border: none;margin:2px;}
.search_wrap .search_box dd .input_box img{position: absolute;top:5px;right:0;padding: 10px;}

/* 라벨 */
.label_area{position: relative;margin-bottom: 15px;}
.label_area .label{display: inline-block;height: 28px;padding: 0 8px;margin-right: 5px;border-radius: 3px;font-size: 15px;font-weight: 600;line-height: 28px;word-wrap: normal;}
.label_area .label.start{background: #fee9ec;color: #d31249;}
.label_area .label.ing{background: #eeebff;color: #3115bc;}
.label_area .label.ing02{background: #f8eedc;color: #e84215;}
.label_area .label.ready{background: #eef9d6;color: #439500;}
.label_area .label.end{background: #ebf3ff;color: #2b4fe3;}
.label_area .label.type2{border: 1px #2d3e90 solid; background-color: #fff; color: #2d3e90;font-weight: 700;}
.label_area .label.type3.standby{background: #28abb4;border: 1px #28abb4 solid;}
.label_area .label.type3.stand_cancel{background: #6b47d7;border: 1px #6b47d7 solid;}
.label_area .label.type3.end02{background: #6b47d7;border: 1px #6b47d7 solid;}
.label_area .label.type3.open{background: #28abb4;border: 1px #28abb4 solid;}
.label_area .label.type3.open_cancel{background: #f30075;border: 1px #f30075 solid;}
.label_area .label.type3.cancel{background: #f30075;border: 1px #f30075 solid;}

/* 엑셀 업로드,다운로드 */
.wcon_1100{width: 1100px;margin: 0 auto;}
.excel_wrap{padding: 30px 40px 20px 40px;margin: 20px 0;border: 1px #ddd solid;border-radius: 10px;}
.excel_wrap .flex{display: flex;align-items: flex-start;flex-direction: row;margin-bottom: 20px;}
.excel_wrap .flex::after{content: "";display: block;clear: both;}
.excel_wrap .flex > div:nth-child(1){width: 26%;margin-right: 4%;}
.excel_wrap .flex > div:nth-child(2){width: 26%;margin-right: 4%;}
.excel_wrap .flex > div:nth-child(3){width: 50%;}
.excel_wrap button{float: right}
.excel_wrap .tit{margin-bottom: 15px;font-weight: 700;color: #222;}
.excel_wrap .excel_select{height: 260px;overflow-y: auto;}
.excel_wrap #teamGrid{height: 250px!important;}
.excel_wrap thead{display: none;}
.excel_wrap .k-datepicker.k-input.datepicker.k-input-solid.k-input-md.k-rounded-md{width: 200px!important;height: 50px!important;}
.excel_wrap .k-datepicker.k-input.datepicker.k-input-solid.k-input-md.k-rounded-md input{margin: 0!important;}
.excel_wrap02{padding: 30px 40px;margin-bottom: 30px;border: 1px #ddd solid;border-radius: 10px;}
.excel_wrap02 .flex{display: flex;justify-content: space-between;align-items: center;}
.excel_wrap02 .excel_tit_area{display: flex;flex-direction: row;align-items: center;}
.excel_wrap02 .excel_tit_area .tit02{display: inline-block;margin-right: 10px;margin-bottom: 0;}
.excel_wrap02 .excel_tit_area span{color: #777;}
.excel_wrap02 .excel_tit_area a{color: #0d6efd;text-decoration: underline;}

@media screen and (max-width:1700px){
	.dashboard_main {gap: 10px;}
	.search_wrap .search_box dd:last-child {flex-wrap: wrap; margin-right: 0px;}
}
@media screen and (max-width:1400px){
	.dashboard_main{display: block;}
	.dashboard_main .left{width: 100%;}
	.dashboard_main .right{width: 100%;}
	.card .card_cont{padding: 20px;}
}
@media screen and (max-width:1200px){
	/* Kando 수정 */
	.k-window{width: 96%!important;left:50%!important;transform: translate(-50%, 0)!important;}
	
	/* 엑셀 업로드,다운로드 */
	.wcon_1100{width: 100%}
	.excel_wrap .flex{flex-wrap: wrap;}
	.excel_wrap .flex > div:nth-child(1){width: 46%;margin-bottom: 20px;}
	.excel_wrap .flex > div:nth-child(2){width: 46%;margin-bottom: 20px;}
	.excel_wrap .flex > div:nth-child(3){width: 100%;}
}
/* 화면 해상도 width 640px 이하 Design --------------------------------------*/
@media screen and (max-width: 640px){
	/* Kando 수정 */
	.calendar_top {margin-bottom: 5px; text-align: center;}
	.excel_wrap .k-datepicker.k-input.datepicker.k-input-solid.k-input-md.k-rounded-md{width: 100% !important;height: 50px !important;}
	
	/* 대시보드 */
	.card_cont .flex_type1 {align-items: normal;}
	.card_cont > .flex_type1 {flex-direction: column;}
	.card_cont > .flex_type1 > .flex_type1 {display: block; overflow: hidden;}
	.card_cont > .flex_type1 > .flex_type1 button {float: right; margin-top: 5px;}
	#mainPage .flex_type1.mb10.calUppderMenu{display: block;}
	
	/* 검색 */
	.search_wrap {display: block!important; overflow: hidden;}
	.search_wrap .search_box {display: block!important;}
	.search_wrap .search_box dd {display: block!important; margin-right: 0px; margin-bottom: 10px;}
	.search_wrap .search_box dd span,
	.k-datepicker.k-input.datepicker.k-input-solid.k-input-md.k-rounded-md {width: 100%!important;}
	.search_wrap .search_box dd:last-child {margin-bottom: 0px; text-align: center;}
	.search_wrap > button {float: right; margin-top : 10px;}
	
	.k-pager {justify-content: center;}
	
	/* 과업별View */
	.card .title_wrap div {padding-left: 0px!important;}
	.card .title_wrap div#button {margin-top: 10px; text-align: center;}
	.card .title_wrap div.k-w-300 {width: 100%!important;}
	
	/* 세팅 */
	.set_wrap{display: block;}
	.set_wrap .box{margin-bottom: 10px;}
	
	/* 엑셀 업로드,다운로드 */
	.excel_wrap{padding:20px;}
	.excel_wrap .flex > div:nth-child(1){width: 100%;}
	.excel_wrap .flex > div:nth-child(2){width: 100%;}
	.excel_wrap02{overflow: hidden;padding:20px;}
	.excel_wrap02 .flex{display: block;}
	.excel_wrap02 .excel_tit_area{display: block;margin-bottom: 10px;}
	.excel_wrap02 .excel_tit_area span{display: block;margin-top: 5px;}
	.excel_wrap02 button{float: right;}
}