@charset "UTF-8";
.easyFlowWrap header .searchArea .programQueryArea .btnProgramQuery, .Modaless .btnBackTab > i, .Modaless .btnHelp > i, .toolbarArea .btnMore, .RightArea .codehelpArea .titleArea .btnBack, .BarIndicator .btnClose, .msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li.new .btnDelete > i, .msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li > input[type=checkbox] + label > .icon > i, .msgWrap .msgBox.favoriteAdd .titleArea .btnClose > i, .msgWrap .msgBox.favoriteAdd .titleArea .title > i, .RadialBall .btnRadialBall > i, .pageProgramQueryArea .resultListArea .ulResultList li > a .txtModule > i, .pageProgramQueryArea .resultListArea .inputQeuryArea .btnQuery, .modalSearchDlg .dlgWrap .modalDlgArea .scrollArea .ulResultList > li > .txtModule > i, .modalSearchDlg .dlgWrap .modalDlgArea .scrollArea .ulResultList > li > .txtProgramName > i, .modalSearchDlg .dlgWrap .modalDlgArea .iconArea > .icon, .modalSearchDlg .dlgWrap .modalDlgArea .inputQueryArea > .iconSearch, .CenterArea .CenterHeaderArea .openMenuMoreList .ulOpenMenuMore li.Fixed > a:after, .CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .openMenuMore, .CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Selected > .newTab, .CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Selected .addFavorite, .CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li > .menuClose, .CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li > .tabPin, .CenterArea .CenterHeaderArea .modeQuickMenu .btnFavoritePin > i, .CenterArea .CenterHeaderArea .modeQuickMenu .quickList .quickMenuMore, .CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .userLicense:before, .CenterArea .CenterHeaderArea .btnR.ProgramQuery .programQueryArea .btnProgramQuery, .CenterArea .CenterHeaderArea .btnR.TopSetting.UserLicenseAlert:before, .LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus .btn.Del > i, .LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus .btn > i, .LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus > .folderText > i, .LeftArea .leftMenuArea .lmnBox .lmnDepth1 .lmnDepth2 li.Group a > .iconCollapse, .LeftArea .leftMenuArea .lmnBox .lmnDepth1 li.ProcessMenu .btnProcessMenuList, .LeftArea .leftMenuArea .lmnBox .lmnDepth1 > li.Group .iconCollapse, .ico_main {
  background-image: url("../../Images/iconMain.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.LeftArea .leftMenuArea .lmnBox .lmnDepth1 li.Program > a {
  background-image: url("../../Images/menuModuleProgram.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.loginWrap .loginInputArea .loginFooter .comboLanguage > .txtSelectedLanguage:before {
  background-image: url("../../Images/iconLogin.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.passwordWrap .wrapper .passwordArea .iconPw {
  background-image: url("../../Images/iconPwdSet.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.sendCodeStepFrameWrap .msgBgArea .msgArea > .titleArea > .img {
  background-image: url("../../Images/iconSendCode.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .radioGroup > li.radioTypeIcon > input[type=radio] + label > .txtValue:before {
  background-image: url("../../Images/icon2stepSendCode.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.error404Wrap .errorBox .errorTitle .errorTitleImg, .errorHomeWrap .errorBox .errorTitle .errorTitleImg, .popupInspectionPage .inspectionHomeWrap .inspectionBox > .inspectionTitle > .inspectionTitleImg {
  background-image: url("../../Images/iconErrorAll.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.msgWrap.sessionTimeOut .msgBox .msgContent .msgImg {
  background-image: url("../../Images/iconSessionTimeout.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.error404Wrap .errorBox .errorTitle .browserTitleImg, .errorHomeWrap .errorBox .errorTitle .browserTitleImg {
  background-image: url("../../Images/iconBrowser.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.errorHomeWrap.expired .errorBox .errorTitle .errorTitleImg {
  background-image: url("../../Images/iconExpired.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.error404Wrap .errorBox .errorTitle .error404Img, .errorHomeWrap .errorBox .errorTitle .error404Img {
  background-image: url("../../Images/error404.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.modalCommonDlg .modalDlgArea > .divTitleArea .actionBtnWrap .ulActionBtn > li .icon > i, .programActionArea .actionBtnArea > .ulActionBtn > li .icon > i, .programActionArea .btnShowHide > i {
  background-image: url("../../Images/iconProgramLinkAction.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.modalReportDlg.onlineViewer button > .iconCheck, .modalReportDlg.onlineViewer .titleInfo > i, .modalReportDlg > .divTitleArea .txtInstall > i, .modalReportDlg > .divTitleArea .titleInfo .btnMoreReport > i, .modalReportDlg > .divTitleArea .titleInfo .btnReportID {
  background-image: url("../../Images/iconReport.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.modalCommonDlg .modalDlgArea > .divTitleArea .btnMore > i, .modalCommonDlg .modalDlgArea > .divTitleArea .btn > i, .msgWrap .msgBox.fromtoCalendar .msgTitle .btnClose > i {
  background-image: url("../../Images/iconDlgToolbar.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.sendMessageArea.Multi.AllEditMode .divInformation .msgArea.icon_info_alt, .popupBox .divMessageBgBox > .divMessageBox .iconImg.icon_error-oct_alt, .popupBox .divMessageBgBox > .divMessageBox .iconImg.icon_volume-low_alt, .popupBox .divMessageBgBox > .divMessageBox .iconImg.icon_error-triangle_alt, .popupBox .divMessageBgBox > .divMessageBox .iconImg.icon_info_alt, .msgWrap .msgBox .msgTitle .iconMsgType > i {
  background-image: url("../../Images/iconMsg.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.codeHelpKeywordWrap > .codeHelpKeywordArea > .codeHelpKeywordTitle > .btnCodeHelpSetting > i, .CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox .searchBtnWrap .btn > i, .CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox .tbtnPercent > i, .CodeHelpSheet .popupCodehelp .topArea .btn > i, .RightArea .codehelpArea .divCodehelpList .ulCodeHelpList.MultiSelect > li > a:first-child::before, .RightArea .codehelpArea .divCodehelpList .ulCodeHelpList .ulToolbar > li.toolbarClose > a > i, .RightArea .codehelpArea .divCodehelpList .ulCodeHelpList .ulToolbar > li a.btnAction .icon, .RightArea .codehelpArea .divCodehelpList .ulCodeHelpList > li .btnToolbar > i, .RightArea .codehelpArea .searchCodehelpArea > .searchBox .btnWrap .btn > i, .RightArea .codehelpArea .searchCodehelpArea > .searchBox > .tbtnPercent > i, .modalCommonDlg .modalDlgArea > .divTitleArea .btnHelp > i {
  background-image: url("../../Images/iconCodehelp.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.CodeHelpSheet .popupCodehelp .codeHelpBottom .actionBtn li a span, .RightArea .codehelpArea .titleArea .btnCustomCodehelp {
  background-image: url("../../Images/iconCodeSheetBtn.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.CodeHelpSheet .popupCodehelp .codeHelpBottom .paging a.arrow span {
  background-image: url("../../Images/iconPaging.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload h4 .btn-preview > i, .popupCalendarWrap .popupCalendar .txtTitleArea > .btnNext, .popupCalendarWrap .popupCalendar .txtTitleArea > .btnPrev, .divImg > .imgHover > span, .upload.notiFileUpload .notiFileInfo .iconLink, .upload .fileBtnWrap .fileBtnArea a:before, .upload > .scrollArea .uploadFileList > li .fileUploadToolbar .btn > i, .upload > .scrollArea .uploadFileList > li .btnPreview > i, .upload > .scrollArea .uploadFileList > li .icon, .layoutControl[kui-pmonth] .monthSelect .btnMonthQuery, .layoutControl[kui-pday] .monthSelect .btnMonthQuery, .layoutControl[kui-piday] .monthSelect .btnMonthQuery, .layoutControl.DateBox .btnDateControl .iconDateControl, .layoutControl .iconEncode, .controlTab .tabHeader .btnMoreTabLeft > i, .controlTab .tabHeader .btnMoreTabRight > i, .expander .btnPin > i, .expander > .title:before, .groupBoxSheet > .title::before, .groupBox > .title::before, .toolbarArea .ulToolbar > li .iconAdd, .toolbarArea .ulToolbar > li .iconExcel, .CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .btnMoreTabPrev > i,
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .btnMoreTabNext > i {
  background-image: url("../../Images/iconControl.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.splitter.Horizontal {
  background-image: url("../../Images/iconSplitterH.svg?WBK24050101=01");
  background-repeat: no-repeat;
  background-position: center;
}

.splitter.Vertical {
  background-image: url("../../Images/iconSplitterV.svg?WBK24050101=01");
  background-repeat: no-repeat;
  background-position: center;
}

.layoutControl > .comboBox .btnComboBox {
  background-image: url("../../Images/iconInputCombo.svg?WBK24050101=01");
  background-repeat: no-repeat;
  background-position: right center;
}

.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl.typeCodehelp .controlContent, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal.typeCodehelp .controlContent, .layoutControl.MultiCodehelp > .btnCodeHelp, .layoutControl.CodeHelp > .btnCodeHelp {
  background-image: url("../../Images/iconInputCodehelp.svg?WBK24050101=01");
  background-repeat: no-repeat;
  background-position: -5px;
}

.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl.typeDate .controlContent, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal.typeDate .controlContent, .layoutControl.DateBox > input {
  background-image: url("../../Images/iconInputDate.svg?WBK24050101=01");
  background-repeat: no-repeat;
  background-position: right center;
}

.upload .uploadNoFile::before {
  background-image: url("../../Images/bgImgUpload.svg?WBK24050101=01");
  background-repeat: no-repeat;
  background-position: center;
}

.upload.Dis .uploadNoFile::before {
  background-image: url("../../Images/bgImgUploadDis.svg?WBK24050101=01");
  background-repeat: no-repeat;
  background-position: center;
}

.divImg.NoImg {
  background-image: url("../../Images/defaultImg.svg?WBK24050101=01");
  background-repeat: no-repeat;
  background-position: center;
}

.divTree .tree .ulTreeDepth li > .collapseIcon, .divTree .tree .ulTreeBtn li.treeBtn .treeCloseBtn, .divTree .tree .ulTreeBtn li.treeBtn .treeOpenBtn {
  background-image: url("../../Images/iconTreeAll.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.sheetSortArea > .sheetSortListArea.sheetSearch .ulAlterItem li > a > i, .sheetSortArea > .sheetSortListArea.sheetSearch .ulCheckItem li.selected > a > i, .sheetSortArea > .sheetSortListArea.sheetSearch .ulCheckItem li > a i, .sheetSortArea > .sheetSortListArea.sheetSearch .btnNextSearch > i, .sheetSortArea > .sheetSortListArea.sheetSearch .inputSearch > .btnClear > i, .sheetSortArea > .sheetSortListArea .btnArea > button > i, .sheetSortArea > .sheetSortListArea > .ulSortList li > a .btnSortDel, .sheetSortArea > .sheetSortListArea > .ulSortList li > a .icon, .btnSheetSettingClose, .sheetColumnMove .sheetDropPosition > .sheetDropArea, .sheetMoveColumn::before, .autoSumLayerWrap .autoSumLayer .titleWrap .btnClose > i, .autoSumLayerWrap .autoSumLayer .titleWrap > i, .sheetContext ul.icolist > li.Checked, .sheetContext ul.icolist > li > .item .icon > i, .sheetContext ul.icon > li > a > i {
  background-image: url("../../Images/iconSheetSetting.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.popupScheduleListWrap .popupScheduleList .topArea .btnClose > i {
  background-image: url("../../Images/iconScheduler.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.tooltipWrap .tooltipContent .btnClose {
  background-image: url("../../Images/Experience/iconCommon.png");
  background-repeat: no-repeat;
}

.btnSheetSetting {
  background-image: url("../../Images/sheetIconSet.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.notiAreaWrap .notiArea .msgArea .footer .iconInfo, .notiAreaWrap .notiArea .msgArea .msgList .noData > i, .notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .msgContentWrap .btnGoToPgm .iconPgm > i, .notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .titleWrap .btnWrap .btnClear > i, .notiAreaWrap .notiArea .msgArea > .titleWrap .title > .btnRefresh > i, .notiAreaWrap .notiArea .msgArea > .titleWrap .title > i, .notiAreaWrap .notiArea .noticeArea .noData > i, .notiAreaWrap .notiArea .noticeArea > .titleWrap > .titleExpandArea .title > .btnRefresh > i, .notiAreaWrap .notiArea .noticeArea > .titleWrap > .titleExpandArea .title > i, .boardWrap > .boardMargin > .boardArea .noData > i, .boardWrap > .boardMargin > .boardArea > .contentArea > .contentsWrap > .content a::before, .boardWrap > .boardMargin > .boardArea > .contentArea > .topBtnArea > a.btnList > i {
  background-image: url("../../Images/iconNoti.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.controlShareMessge > .ulMedia > li > i, .controlShareMessge > .btnMessageShare, .bgAddressArea .AddressArea > .addressListArea .addrListContent .item li.Edit > a > i, .bgAddressArea .AddressArea > .addressListArea .addrListContent .item li.Del > a > i, .bgAddressArea .AddressArea > .addressListArea table td > a > i, .bgAddressArea .AddressArea > .btnClose, .sendMessageArea.Multi .divInformation .msgArea > i, .sendMessageArea > .popupArea > .bodyArea > .rightArea > .mobile .talkArea .alarmTalkArea .logoKaKao, .sendMessageArea > .popupArea > .bodyArea > .rightArea > .mobile .talkArea .alarmTalkArea > .txtTitle > i, .sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li .btnWrap .btnRecentRecvList.Del > i, .sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li .btnWrap .btnRecentRecvList > i, .sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li .title::before, .sendMessageArea > .popupArea > .bodyArea > .leftArea .addrBottom .btnAddressEdit > i, .sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .noData .iconNoEmpData, .sendMessageArea > .popupArea > .bodyArea .searchArea > .btnQuery > i {
  background-image: url("../../Images/iconSendMsg.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.templateListWrap > .btnTemplate > i, .toolbarWrap .processToolbarArea > .btn, .processMenuArea .processMenuContentsArea > .processMenuTextArea > .btnEdit, .processMenuArea .processMenuContentsArea > .btnExpander > .icon, .processMenuArea .processMenuContentsArea > .imgArea > .noProcessMessage > .img, .processMenuArea .processMenuContentsArea > .imgArea .programArea > .icon, .processMenuArea .processMenuContentsArea > .imgArea > .btnEdit {
  background-image: url("../../Images/iconProcessMenu.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.processMenuArea .processMenuContentsArea > .imgArea .programArea.Type12 > i, .processMenuArea .processMenuContentsArea > .imgArea .programArea.Type11 > i, .processMenuArea .processMenuContentsArea > .imgArea .programArea.Type10 > i, .processMenuArea .processMenuContentsArea > .imgArea .programArea.Type08 > i, .processMenuArea .processMenuContentsArea > .imgArea .programArea.Type07 > i, .processMenuArea .processMenuContentsArea > .imgArea .programArea.Type06 > i, .processMenuArea .processMenuContentsArea > .imgArea .programArea.Type05 > i, .processMenuArea .processMenuContentsArea > .imgArea .programArea.Type04 > i, .processMenuArea .processMenuContentsArea > .imgArea .programArea.Type03 > i, .processMenuArea .processMenuContentsArea > .imgArea .programArea.Type02 > i, .processMenuArea .processMenuContentsArea > .imgArea .programArea.Type01 > i {
  flex-shrink: 0;
  background-image: url("../../Images/iconProcessMenuItem.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.zipcodeArea > .btnClose {
  background-image: url("../../Images/iconDialogPop.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.pgmGuideBottom .pgmGuideContent .btnClose .iconPgmGuideClose, .pgmGuideBottom .pgmGuideContent .guideTitle .iconPgmGuide {
  background-image: url("../../Images/iconPgmGuide.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.CtrlSettingArea > .wrap .btnArea .btn > .btnSaveTemporary > span, .CtrlSettingArea > .wrap .btnArea .btn .iconReset, .CtrlSettingArea > .wrap .check.Checked .icon, .CtrlSettingArea > .wrap .radio.Checked .icon, .CtrlSettingArea > .wrap .settingArea.empty .selectControl > .icon, .CtrlSettingArea > .wrap .settingArea > .controlType > .iconByCorp,
.CtrlSettingArea > .wrap .settingArea > .controlType > .iconAllCorp, .CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicSearch > .dicController > .btnWrap > .iconPrev > span,
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicSearch > .dicController > .btnWrap > .iconNext > span, .CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .layoutControl .btnWordSeq > span, .CtrlSettingArea > .wrap .settingArea .settingGroup .ulContent li .layoutControl .layoutDate li > .nbControl > .iconMinus,
.CtrlSettingArea > .wrap .settingArea .settingGroup .ulContent li .layoutControl .layoutDate li > .nbControl > .iconPlus, .CtrlSettingArea > .wrap .settingArea .settingGroup .title > .iconArrow, .CtrlSettingArea > .wrap .titleArea .btnBack, .CtrlSettingArea > .wrap .titleArea > .title .programTitle .iconReset, .CtrlSettingArea > .wrap .titleArea > .title .controlCaption .iconReset, .CtrlSettingArea > .wrap .titleArea > .title .controlCaption > .wrap .iconArrow {
  background-image: url("../../Images/iconEverDesign.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type .info .iconMultiArrow2, .msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type .info .iconMultiArrow, .msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type > .icon > i, .msgWrap.EverView .msgBox.typeSelect .msgContent .layout .iconSelected > span, .msgWrap.EverView .msgBox .btnClose, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl .btnDelete > i, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal .btnDelete > i, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemToolbar .btnDelete > i, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl .btnResize, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl .btnDuplicate > i, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType .Sheet .btnExpandArea > i, .easyFlowWrap .toolBarArea > .btn > span, .easyFlowWrap header .titleArea > .logo > span {
  background-image: url("../../Images/iconEverView.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContentBg, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent {
  background-image: url("../../Images/bgEverView.svg?WBK24050101=01");
  background-repeat: repeat;
}

.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType01 .Master, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType .Master.Master01 {
  background-image: url("../../Images/bgEverViewControl.svg?WBK24050101=01");
  background-repeat: repeat;
}

.apprLineDragitem .deleteItem .iconDelete, .apprLineDragitem .iconFixed, .apprWriteContents .approvalInfoArea .fileUpload .upload > .scrollArea .uploadFileList > li .right .btnDelete > i, .apprWriteContents .approvalInfoArea .fileUpload .upload > .scrollArea .uploadFileList > li .right .preview > i, .apprWriteContents .approvalInfoArea .fileUpload .title .btn-preview > i, .apprWriteContents .approvalInfoArea .linkedDocs .titleWrap .btnAddFile > i, .apprWriteContents .approvalInfoArea .title .iconUnfold > i, .apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .approvalLine .approvalType .typeTitle > .iconLock, .apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appLineTemplate .lineGroupWrap .lineGroup .appLineList > li > .btnDeleteItem > i, .apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .noData .iconNoEmpData, .apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appSearchWrap .appSearch .btnSearch .iconSearch, .apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appSearchWrap .appSearch .btnBackTree > i, .apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .titleWrap .btn .iconReset, .apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .titleWrap .btn .iconAddLine, .apprWriteContents .approvalInfoArea .docTitle .tempTitleWrap > i, .apprWriteContents .docViewerArea .noData .iconNoApprData, .docShareListWrap .docShareList > li > button > i, .msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .title > .btnDelAll:before, .msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .noData > .iconNoData, .msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .btnArea > button.btnFilterReset > .iconReset, .msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .filterTitle.main > .btnReset > i, .msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .btnFilter .iconArrow, .msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .btnFilter .iconFilter, .msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .searchArea > .btnDelSearch, .msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .searchArea > .btnBack:before, .msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .searchArea > .iconSearch:before, .msgWrap.popupAppr.appDocShare .shareListWrap > section > .noData > .iconNoData, .msgWrap.popupAppr.appDocShare .msgBox > .contentArea .noData > i, .msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .rightList > .title > .btnDelAll:before, .msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .leftList > ul > li > .groupTitle > p > .iconArrow, .msgWrap.popupAppr.appDocShare .msgBox > header > .btnShareList:before, .msgWrap.popupAppr.appDocShare .msgBox > header > .btnDelShareSearch, .msgWrap.popupAppr.appDocShare .msgBox > header > i, .msgWrap.popupAppr.apprHistory.appShare .msgBox .contentArea > .noData > .iconNoData, .msgWrap.popupAppr.apprHistory.appShare .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .shareInfo > i, .msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .infoWrap .adminInfo .iconAdmin, .msgWrap.popupAppr .msgBox > header .apprSearch .btnApprSearch > i, .msgWrap.popupAppr .msgBox > header .apprSearch .btnBackTree > i, .msgWrap.popupAppr .msgBox > header .btnClose > i, .contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .userInfo .name .adminInfo .iconAdmin, .contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs header h4 > .btnAddFile > i, .contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload .upload .uploadFileList > li .right .btnDelete > i, .contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload .upload .uploadFileList > li .right .preview > i, .contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload h4 .btnAddFile > i, .contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .docViewerArea .docViewer .btnDocFull > i, .contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li .apprLineItem::after, .contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li .apprLineItem .empInfo .adminInfo .iconAdmin, .iconCoop > i, .contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li .apprLineItem .apprStatus .iconApprStatusCurrent, .contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li.groupCoo.lastCoo .apprLineItem::after, .contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li.powerCoo.lastCoo .apprLineItem::after, .contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li.groupCoo .apprLineItem::after, .contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li.powerCoo .apprLineItem::after, .contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader > .btnShareArea > .btnShare > i, .contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .noData .iconNoApprData, .contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .noData .iconErrorData, .apprContents.tempDocList .apprListView .apprListTemp .listItem li > a .apprStatus > i, .apprContents .noData .iconNoApprData, .apprContents .apprListView.searchResult .listWrap .searchDetail .detailKeyWrap .keyword .btnDelete > i, .apprContents .apprListView.searchResult .listWrap .advancedSearch .btnSearchAdvanced > i, .apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .setWrap .btnResetCondition .iconReset, .apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item .periodWrap .periodSelect .iconArrow, .apprContents .apprListView.searchResult .listWrap .apprSearchHeader .btnAdvanced .iconArrow, .apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprPaginationWrap .apprPagination li a.btn > i, .apprContents .apprListView .listWrap .apprListFilter .selectOption .btnArea > button.btnFilterReset > .iconReset, .apprContents .apprListView .listWrap .apprListFilter .selectOption .periodWrap .periodSelect .iconArrow, .apprContents .apprListView .listWrap .apprListFilter .btnFilter .iconArrow, .apprContents .apprListView .listWrap .apprListFilter .btnFilter .iconFilter, .apprContents .apprListView .listWrap .apprListTabWrap .ctgrSelect .iconArrow, .apprContents .apprListView .listWrap .apprSearchHeader .apprSearch .btnApprSearch > i, .apprContents .apprListView .listWrap header .btnRefresh > i, .btnMenuCollapse > i, .apprHomeWrap.collapseSidebar .apprContents .apprListView .listWrap > header .btnShowSidebar:hover > i, .apprHomeWrap.collapseSidebar .apprContents .apprListView .listWrap > header .btnShowSidebar > i, .apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu.setting .apprMenuList li > a .iconApprSetting, .apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu .apprMenuCtgr .iconWrap > i, .apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu .iconArrow, .apprHomeWrap .apprSidebar > header .apprBriefing li > a .count .iconApprovedList, .apprHomeWrap .iconApprBtnReject,
.apprHomeWrap .iconApprBtnHold,
.apprHomeWrap .iconApprBtnApproval,
.apprHomeWrap .iconApprBtnDelete, .apprDocView .iconApprBtnReject,
.apprDocView .iconApprBtnHold,
.apprDocView .iconApprBtnApproval,
.apprDocView .iconApprBtnDelete, .apprWriteContents .iconApprBtnReject,
.apprWriteContents .iconApprBtnHold,
.apprWriteContents .iconApprBtnApproval,
.apprWriteContents .iconApprBtnDelete, .apprDocRef .iconApprBtnReject,
.apprDocRef .iconApprBtnHold,
.apprDocRef .iconApprBtnApproval,
.apprDocRef .iconApprBtnDelete {
  background-image: url("../../Images/iconApproval.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.msgWrap.popupInSettingWrap .msgBox .msgContent .infoWrap > i, .msgWrap.popupInSettingWrap .msgBox .msgContent .item .inputWrap .showPw input[type=checkbox] + label > i, .msgWrap.popupInSettingWrap .msgBox .msgContent .item .inputWrap .btnDelTxt > i, .settingWrap.newSetting .Setting .settingContent .settingItem .horizontalWrap .txtWrap .iconNewPage, .settingWrap.newSetting .Setting .settingContent .settingItem .txtDescription .iconInfo, .settingWrap.newSetting .Setting .settingContent > section .InfoWrap .infoPeople > p.mainAlarmTalkArea > a:before, .CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .useMobileArea > .titleArea > .title > i, .CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .btnWrap > a > i, .CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .InfoWrap .userInfo > span.userID:before, .CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .InfoWrap .userInfo > span.userDeptName:before, .CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .InfoWrap .userInfo > span.userCompanyName:before {
  background-image: url("../../Images/iconSetting.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.myDefaultValueWrap .myDefaultValue .listWrap ul li .item .btnDateSetting > i, .myDefaultValueWrap .myDefaultValue .listWrap .noSelected > i, .myDefaultValueWrap .myDefaultValue .listWrap .title .btnDeleteAll > i, .myDefaultValueWrap .myDefaultValue .titleWrap .title .btnClose > i, .myDefaultValueWrap .myDefaultValue .titleWrap .title .iconHelp > i, .myDefaultValueWrap .myDefaultValue .titleWrap .title > i, .msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .thisDateWrap .iconHelp > i, .msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .directWrap .iconHelp > i {
  background-image: url("../../Images/iconMyDefaultValue.svg?WBK24050101=01");
  background-repeat: no-repeat;
}

.programArea.selectMode .layoutControl.DateBox > input, .programArea.selectModeSubForm .layoutControl.DateBox > input {
  background-image: url("../../Images/iconInputDateSetting.svg?WBK24050101=01");
  background-repeat: no-repeat;
  background-position: right center;
}

.iconModule {
  display: block;
  width: 24px;
  height: 25px;
  background-image: url("../../Images/Module/icon_write.svg?WBK24050101=01");
  background-repeat: no-repeat;
  background-position: center;
}
.iconModule.management {
  width: 26px;
  height: 26px;
  background-image: url("../../Images/Module/icon_management.svg?WBK24050101=01");
}
.iconModule.hr {
  width: 25px;
  height: 25px;
  background-image: url("../../Images/Module/icon_hr.svg?WBK24050101=01");
}
.iconModule.payment {
  width: 28px;
  height: 18px;
  background-image: url("../../Images/Module/icon_payment.svg?WBK24050101=01");
}
.iconModule.account {
  width: 26px;
  height: 26px;
  background-image: url("../../Images/Module/icon_account.svg?WBK24050101=01");
}
.iconModule.project {
  width: 23px;
  height: 24px;
  background-image: url("../../Images/Module/icon_project.svg?WBK24050101=01");
}
.iconModule.sales {
  width: 24px;
  height: 21px;
  background-image: url("../../Images/Module/icon_sales.svg?WBK24050101=01");
}
.iconModule.income {
  width: 27px;
  height: 27px;
  background-image: url("../../Images/Module/icon_income.svg?WBK24050101=01");
}
.iconModule.product {
  width: 21px;
  height: 23px;
  background-image: url("../../Images/Module/icon_product.svg?WBK24050101=01");
}
.iconModule.quality {
  width: 20px;
  height: 22px;
  background-image: url("../../Images/Module/icon_quality.svg?WBK24050101=01");
}
.iconModule.logistics {
  width: 25px;
  height: 23px;
  background-image: url("../../Images/Module/icon_logistics.svg?WBK24050101=01");
}
.iconModule.cost {
  width: 19px;
  height: 25px;
  background-image: url("../../Images/Module/icon_cost.svg?WBK24050101=01");
}
.iconModule.statistics {
  width: 23px;
  height: 23px;
  background-image: url("../../Images/Module/icon_statistics.svg?WBK24050101=01");
}
.iconModule.bizplan {
  width: 27px;
  height: 23px;
  background-image: url("../../Images/Module/icon_bizplan.svg?WBK24050101=01");
}
.iconModule.consolidation {
  width: 29px;
  height: 27px;
  background-image: url("../../Images/Module/icon_consolidation.svg?WBK24050101=01");
}
.iconModule.partnerOrder {
  width: 26px;
  height: 25px;
  background-image: url("../../Images/Module/icon_partnerOrder.svg?WBK24050101=01");
}
.iconModule.FTA {
  width: 35px;
  height: 24px;
  background-image: url("../../Images/Module/icon_FTA.svg?WBK24050101=01");
}
.iconModule.SCM {
  width: 28px;
  height: 27px;
  background-image: url("../../Images/Module/icon_SCM.svg?WBK24050101=01");
}
.iconModule.ESS {
  width: 24px;
  height: 25px;
  background-image: url("../../Images/Module/icon_ESS.svg?WBK24050101=01");
}
.iconModule.IAC {
  width: 29px;
  height: 25px;
  background-image: url("../../Images/Module/icon_IAC.svg?WBK24050101=01");
}
.iconModule.corpCard {
  width: 25px;
  height: 19px;
  background-image: url("../../Images/Module/icon_corpCard.svg?WBK24050101=01");
}
.iconModule.expenses {
  width: 25px;
  height: 25px;
  background-image: url("../../Images/Module/icon_expenses.svg?WBK24050101=01");
}
.iconModule.budget {
  width: 31px;
  height: 27px;
  background-image: url("../../Images/Module/icon_budget.svg?WBK24050101=01");
}
.iconModule.refund {
  width: 27px;
  height: 25px;
  background-image: url("../../Images/Module/icon_refund.svg?WBK24050101=01");
}
.iconModule.write {
  width: 24px;
  height: 25px;
  background-image: url("../../Images/Module/icon_write.svg?WBK24050101=01");
}
.iconModule.write1010 {
  width: 26px;
  height: 26px;
  background-image: url("../../Images/Module/icon_write1010.svg?WBK24050101=01");
}
.iconModule.write4010 {
  width: 24px;
  height: 25px;
  background-image: url("../../Images/Module/icon_write4010.svg?WBK24050101=01");
}
.iconModule.write6004 {
  width: 25px;
  height: 25px;
  background-image: url("../../Images/Module/icon_write6004.svg?WBK24050101=01");
}
.iconModule.write6005 {
  width: 26px;
  height: 26px;
  background-image: url("../../Images/Module/icon_write6005.svg?WBK24050101=01");
}
.iconModule.write6006 {
  width: 23px;
  height: 23px;
  background-image: url("../../Images/Module/icon_write6006.svg?WBK24050101=01");
}
.iconModule.write6007 {
  width: 19px;
  height: 25px;
  background-image: url("../../Images/Module/icon_write6007.svg?WBK24050101=01");
}
.iconModule.write6008 {
  width: 22px;
  height: 23px;
  background-image: url("../../Images/Module/icon_write6008.svg?WBK24050101=01");
}
.iconModule.write6009 {
  width: 24px;
  height: 21px;
  background-image: url("../../Images/Module/icon_write6009.svg?WBK24050101=01");
}
.iconModule.write6010 {
  width: 25px;
  height: 23px;
  background-image: url("../../Images/Module/icon_write6010.svg?WBK24050101=01");
}
.iconModule.write6011 {
  width: 23px;
  height: 24px;
  background-image: url("../../Images/Module/icon_write6011.svg?WBK24050101=01");
}
.iconModule.write6012 {
  width: 27px;
  height: 27px;
  background-image: url("../../Images/Module/icon_write6012.svg?WBK24050101=01");
}
.iconModule.write6015 {
  width: 24px;
  height: 25px;
  background-image: url("../../Images/Module/icon_write6015.svg?WBK24050101=01");
}
.iconModule.write6016 {
  width: 24px;
  height: 25px;
  background-image: url("../../Images/Module/icon_write6016.svg?WBK24050101=01");
}
.iconModule.write7010 {
  width: 24px;
  height: 24px;
  background-image: url("../../Images/Module/icon_write7010.svg?WBK24050101=01");
}
.iconModule.write7020 {
  width: 18px;
  height: 21px;
  background-image: url("../../Images/Module/icon_write7020.svg?WBK24050101=01");
}
.iconModule.write7030 {
  width: 18px;
  height: 23px;
  background-image: url("../../Images/Module/icon_write7030.svg?WBK24050101=01");
}
.iconModule.write7040 {
  width: 22px;
  height: 21px;
  background-image: url("../../Images/Module/icon_write7040.svg?WBK24050101=01");
}
.iconModule.write7050 {
  width: 26px;
  height: 17px;
  background-image: url("../../Images/Module/icon_write7050.svg?WBK24050101=01");
}
.iconModule.write7060 {
  width: 24px;
  height: 21px;
  background-image: url("../../Images/Module/icon_write.svg?WBK24050101=01");
}
.iconModule.write7070 {
  width: 24px;
  height: 21px;
  background-image: url("../../Images/Module/icon_write7070.svg?WBK24050101=01");
}
.iconModule.write7080 {
  width: 22px;
  height: 20px;
  background-image: url("../../Images/Module/icon_write7080.svg?WBK24050101=01");
}
.iconModule.write7090 {
  width: 25px;
  height: 24px;
  background-image: url("../../Images/Module/icon_write7090.svg?WBK24050101=01");
}
.iconModule.write7100 {
  width: 23px;
  height: 23px;
  background-image: url("../../Images/Module/icon_write7100.svg?WBK24050101=01");
}
.iconModule.write7110 {
  width: 24px;
  height: 21px;
  background-image: url("../../Images/Module/icon_write7110.svg?WBK24050101=01");
}
.iconModule.write7114 {
  width: 22px;
  height: 24px;
  background-image: url("../../Images/Module/icon_write7114.svg?WBK24050101=01");
}
.iconModule.write7115 {
  width: 21px;
  height: 21px;
  background-image: url("../../Images/Module/icon_write7115.svg?WBK24050101=01");
}
.iconModule.write7117 {
  width: 15px;
  height: 23px;
  background-image: url("../../Images/Module/icon_write7117.svg?WBK24050101=01");
}
.iconModule.write20000 {
  width: 23px;
  height: 23px;
  background-image: url("../../Images/Module/icon_write20000.svg?WBK24050101=01");
}
.iconModule.Process00 {
  width: 20px;
  height: 20px;
  background-image: url("../../Images/Module/iconProcess00.svg?WBK24050101=01");
}
.iconModule.Process01 {
  width: 24px;
  height: 25px;
  background-image: url("../../Images/Module/iconProcess01.svg?WBK24050101=01");
}
.iconModule.Process02 {
  width: 20px;
  height: 20px;
  background-image: url("../../Images/Module/iconProcess02.svg?WBK24050101=01");
}
.iconModule.Process03 {
  width: 26px;
  height: 22px;
  background-image: url("../../Images/Module/iconProcess03.svg?WBK24050101=01");
}
.iconModule.Process04 {
  width: 21px;
  height: 20px;
  background-image: url("../../Images/Module/iconProcess04.svg?WBK24050101=01");
}
.iconModule.Process05 {
  width: 21px;
  height: 19px;
  background-image: url("../../Images/Module/iconProcess05.svg?WBK24050101=01");
}

.iconToolbar {
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-image: url("../../Images/Toolbar/T_None.svg?WBK24050101=01");
}
.iconToolbar.T_Space {
  display: none !important;
}
.iconToolbar.iconToolbarMore {
  background-image: url("../../Images/Toolbar/iconToolbarMore.svg?WBK24050101=01");
}
.iconToolbar.T {
  background-image: url("../../Images/Toolbar/T.svg?WBK24050101=01");
}
.iconToolbar.T_Cancel {
  background-image: url("../../Images/Toolbar/T_Cancel.svg?WBK24050101=01");
}
.iconToolbar.T_Cancel2 {
  background-image: url("../../Images/Toolbar/T_Cancel2.svg?WBK24050101=01");
}
.iconToolbar.T_Confirm {
  background-image: url("../../Images/Toolbar/T_Confirm.svg?WBK24050101=01");
}
.iconToolbar.T_Confirm2 {
  background-image: url("../../Images/Toolbar/T_Confirm2.svg?WBK24050101=01");
}
.iconToolbar.T_Confirm3 {
  background-image: url("../../Images/Toolbar/T_Confirm3.svg?WBK24050101=01");
}
.iconToolbar.T_Copy {
  background-image: url("../../Images/Toolbar/T_Copy.svg?WBK24050101=01");
}
.iconToolbar.T_Cut {
  background-image: url("../../Images/Toolbar/T_Cut.svg?WBK24050101=01");
}
.iconToolbar.T_Del {
  background-image: url("../../Images/Toolbar/T_Del.svg?WBK24050101=01");
}
.iconToolbar.T_Delete {
  background-image: url("../../Images/Toolbar/T_Delete.svg?WBK24050101=01");
}
.iconToolbar.T_Excel {
  background-image: url("../../Images/Toolbar/T_Excel.svg?WBK24050101=01");
}
.iconToolbar.T_InsertRow {
  background-image: url("../../Images/Toolbar/T_InsertRow.svg?WBK24050101=01");
}
.iconToolbar.T_JumpDlg {
  background-image: url("../../Images/Toolbar/T_JumpDlg.svg?WBK24050101=01");
}
.iconToolbar.T_JumpFrm {
  background-image: url("../../Images/Toolbar/T_JumpFrm.svg?WBK24050101=01");
}
.iconToolbar.T_JumpOut {
  background-image: url("../../Images/Toolbar/T_JumpOut.svg?WBK24050101=01");
}
.iconToolbar.T_Message {
  background-image: url("../../Images/Toolbar/T_Message.svg?WBK24050101=01");
}
.iconToolbar.T_New {
  background-image: url("../../Images/Toolbar/T_New.svg?WBK24050101=01");
}
.iconToolbar.T_NewQuery {
  background-image: url("../../Images/Toolbar/T_NewQuery.svg?WBK24050101=01");
}
.iconToolbar.T_None {
  background-image: url("../../Images/Toolbar/T_None.svg?WBK24050101=01");
}
.iconToolbar.T_Number {
  background-image: url("../../Images/Toolbar/T_Number.svg?WBK24050101=01");
}
.iconToolbar.T_Number_N {
  background-image: url("../../Images/Toolbar/T_Number_N.svg?WBK24050101=01");
}
.iconToolbar.T_Open {
  background-image: url("../../Images/Toolbar/T_Open.svg?WBK24050101=01");
}
.iconToolbar.T_Paste {
  background-image: url("../../Images/Toolbar/T_Paste.svg?WBK24050101=01");
}
.iconToolbar.T_Play {
  background-image: url("../../Images/Toolbar/T_Play.svg?WBK24050101=01");
}
.iconToolbar.T_Print {
  background-image: url("../../Images/Toolbar/T_Print.svg?WBK24050101=01");
}
.iconToolbar.T_Processing {
  background-image: url("../../Images/Toolbar/T_Processing.svg?WBK24050101=01");
}
.iconToolbar.T_QSaveAs {
  background-image: url("../../Images/Toolbar/T_QSaveAs.svg?WBK24050101=01");
}
.iconToolbar.T_Query {
  background-image: url("../../Images/Toolbar/T_Query.svg?WBK24050101=01");
}
.iconToolbar.T_QueryAddData {
  background-image: url("../../Images/Toolbar/T_QueryAddData.svg?WBK24050101=01");
}
.iconToolbar.T_QueryAddData {
  background-image: url("../../Images/Toolbar/T_QueryAddData.svg?WBK24050101=01");
}
.iconToolbar.T_Refresh {
  background-image: url("../../Images/Toolbar/T_Refresh.svg?WBK24050101=01");
}
.iconToolbar.T_Register {
  background-image: url("../../Images/Toolbar/T_Register.svg?WBK24050101=01");
}
.iconToolbar.T_Save {
  background-image: url("../../Images/Toolbar/T_Save.svg?WBK24050101=01");
}
.iconToolbar.T_SaveAs {
  background-image: url("../../Images/Toolbar/T_SaveAs.svg?WBK24050101=01");
}
.iconToolbar.T_SaveMain {
  background-image: url("../../Images/Toolbar/T_SaveMain.svg?WBK24050101=01");
}
.iconToolbar.T_ShareMsg {
  background-image: url("../../Images/Toolbar/T_ShareMsg.svg?WBK24050101=01");
}
.iconToolbar.T_SheetDelete {
  background-image: url("../../Images/Toolbar/T_SheetDelete.svg?WBK24050101=01");
}
.iconToolbar.T_Table {
  background-image: url("../../Images/Toolbar/T_Table.svg?WBK24050101=01");
}
.iconToolbar.T_Table_N {
  background-image: url("../../Images/Toolbar/T_Table_N.svg?WBK24050101=01");
}

/*
:root {
    --MainColor: 3, 168, 124;
}
$MainColor: var(--MainColor);// #15B065;

*/
/*#bdbdbd*/
/*********************************************************************
    Reset.scss
**********************************************************************/
:root {
  --image-version: "WBK24011901=1'";
}

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
html *, body * {
  font-family: "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-text-size-adjust: none;
}

ul, ol, li, dl, dt, dd {
  padding: 0;
  margin: 0;
  list-style: none;
}

p, h1, h2, h3, h4, h5, h6 {
  padding: 0px;
  margin: 0;
  color: #333;
}

img {
  margin: 0;
  border: 0px;
}

p {
  padding: 0px;
  margin: 0;
}

a {
  color: #474747;
  text-decoration: none;
}
a:hover {
  color: #15B065;
}
a:focus-visible {
  outline: 1px solid #333;
}

input[type=checkbox] {
  vertical-align: middle;
  -webkit-appearance: checkbox;
}

input[type=radio] {
  vertical-align: middle;
  -webkit-appearance: radio;
}

button {
  border: 0;
  background-color: transparent;
}
button:focus-visible {
  outline: 1px solid #333;
}

select {
  padding: 0px;
}

/*********************************************************************
    _Reset.scss <- 최상위레벨 파일명(파일설명은 //로 표기)
**********************************************************************/
/*********************************************************************
    _MainFrame.scss
**********************************************************************/
.devModeWrap {
  position: fixed;
  bottom: 4px;
  left: 0;
  display: flex;
  align-items: center;
  color: #fff;
  padding: 0 15px;
  z-index: 12000;
}
.devModeWrap .btnDevMode {
  width: 40px;
  height: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1px 5px;
  border-radius: 10px;
  cursor: pointer;
}
.devModeWrap .btnDevMode:hover {
  color: #fff;
  background-color: #15B065;
}
.devModeWrap .accInfo {
  color: #fff;
  font-size: 11px;
  margin-left: 5px;
}

.wrap .btnFlyout {
  display: none;
}
.wrap.Flyout > .CenterArea {
  width: 100% !important;
  left: 0px !important;
}
.wrap.Flyout .btnFlyout {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background-color: #15B065;
  color: #fff;
}
.wrap.Flyout .btnFlyout > i {
  position: relative;
  display: inline-block;
  height: 2px;
  width: 15px;
  background-color: currentColor;
  transition: 0.3s;
}
.wrap.Flyout .btnFlyout > i::before, .wrap.Flyout .btnFlyout > i::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 15px;
  background-color: currentColor;
}
.wrap.Flyout .btnFlyout > i::before {
  top: -5px;
}
.wrap.Flyout .btnFlyout > i::after {
  bottom: -5px;
}
.wrap.Flyout .btnFlyout + .btn {
  margin-left: 5px;
}
.wrap.Flyout .btnFlyout:hover {
  background-color: #2ce68c;
  cursor: pointer;
}
.wrap.Flyout .LeftModuleMenuArea, .wrap.Flyout .LeftArea, .wrap.Flyout .LeftTileMenuArea, .wrap.Flyout .LeftModuleMenuArea .moduleBookmark, .wrap.Flyout .expanderMenu {
  display: none !important;
}
.wrap.Flyout .LeftModuleMenuArea .moduleScrollArea .moduleDown, .wrap.Flyout .LeftModuleMenuArea .moduleScrollArea .moduleUp {
  display: none !important;
}
.wrap.Flyout .LeftModuleBottom, .wrap.Flyout .tileMenuList .titleEditBtn .iconMd, .wrap.Flyout .lmnRightMenu {
  display: none !important;
}
.wrap.Flyout.Show .btnFlyout {
  background-color: transparent;
  z-index: 16;
}
.wrap.Flyout.Show .btnFlyout > i {
  background-color: transparent;
}
.wrap.Flyout.Show .btnFlyout > i:before {
  top: auto;
  transform: rotate(45deg);
}
.wrap.Flyout.Show .btnFlyout > i:after {
  bottom: auto;
  transform: rotate(135deg);
}
.wrap.Flyout.Show .LeftModuleMenuArea, .wrap.Flyout.Show .LeftArea, .wrap.Flyout.Show .LeftTileMenuArea, .wrap.Flyout.Show .LeftModuleBottom {
  display: block !important;
}
.wrap.Flyout.Show .LeftModuleMenuArea {
  width: 240px;
}
.wrap.Flyout.Show .LeftModuleMenuArea .moduleScrollArea {
  width: 100%;
  height: calc(100% - 220px);
  padding-top: 40px;
}
.wrap.Flyout.Show .LeftModuleMenuArea .moduleScrollArea .moduleIconMenu .ulModuleIcon {
  width: 100%;
}
.wrap.Flyout.Show .LeftModuleMenuArea .moduleScrollArea .moduleIconMenu .ulModuleIcon li {
  width: 100%;
  text-align: left;
}
.wrap.Flyout.Show .LeftModuleMenuArea .moduleScrollArea .moduleIconMenu .ulModuleIcon li > a {
  display: flex;
  align-items: center;
  padding: 8px 0 8px 10px;
}
.wrap.Flyout.Show .LeftModuleMenuArea .moduleScrollArea .moduleIconMenu .ulModuleIcon li .img > img {
  width: 16px;
  margin-right: 5px;
}
.wrap.Flyout.Show .LeftModuleMenuArea .moduleScrollArea .moduleIconMenu .ulModuleIcon li span {
  margin: 0;
  padding: 0;
}
.wrap.Flyout.Show .LeftArea {
  left: 240px !important;
  animation: none;
  z-index: 13;
}
.wrap.Flyout.Show .LeftTileMenuArea {
  left: 500px !important;
}
.wrap.Flyout.Show .LeftModuleBottom {
  /*개인정보*/
}
.wrap.Flyout.Show .LeftModuleBottom .moduleNoticeWrap {
  top: auto;
  bottom: 0;
  display: block !important;
  width: auto;
  height: auto;
}
.wrap.Flyout.Show .LeftModuleBottom .moduleNoticeWrap .moduleNotice {
  left: 0px;
  bottom: 15px;
  width: 230px !important;
  min-width: 240px;
  background-color: #f1f4f6;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
}
.wrap.Flyout.Show .LeftModuleBottom .moduleNoticeWrap .moduleNotice * {
  color: #fff !important;
}
.wrap.Flyout.Show .LeftModuleBottom .moduleNoticeWrap .moduleNotice::after {
  display: none;
  bottom: 25px;
}
.wrap.Flyout.Show .LeftModuleBottom .moduleNoticeWrap .moduleNotice .infoPeople {
  display: block;
  text-align: left;
  padding-left: 70px;
  background-color: #15B065;
  text-align: left;
}
.wrap.Flyout.Show .LeftModuleBottom .moduleNoticeWrap .moduleNotice .infoPeople > .picArea {
  position: absolute;
  left: 10px;
  background-color: #15B065;
}
.wrap.Flyout.Show .LeftModuleBottom .moduleNoticeWrap .moduleNotice .infoPeople p {
  color: #333;
}
.wrap.Flyout.Show .LeftModuleBottom .moduleNoticeWrap .moduleNotice .infoPeople span {
  color: #333;
}
.wrap.Flyout.Show .LeftModuleBottom .moduleNoticeWrap .moduleNotice .infoPeople .iconLogout.ico_main {
  background-position: -52px -105px;
}
.wrap.Flyout.Show .LeftModuleBottom .moduleNoticeWrap .moduleNotice .infoPeople .iconLogout:hover, .wrap.Flyout.Show .LeftModuleBottom .moduleNoticeWrap .moduleNotice .infoPeople .iconLogout:focus {
  background-color: #c2cfd8;
  cursor: pointer;
}
.wrap.Flyout.Show .LeftModuleBottom .moduleNoticeWrap .moduleNotice .mainAlarmTalkArea {
  border-top: #e6e6e6;
}
.wrap.Flyout.Show .LeftModuleBottom .moduleNoticeWrap .moduleNotice .mainAlarmTalkArea ul li > a > p {
  color: #333;
}
.wrap.Flyout.Show .LeftModuleBottom .moduleNoticeWrap .moduleNotice .mainAlarmTalkArea ul li.SMS > a > .ico_main {
  background-position: -309px -142px;
}
.wrap.Flyout.Show .LeftModuleBottom .moduleNoticeWrap .moduleNotice .mainAlarmTalkArea ul li.Mail > a > .ico_main {
  background-position: -351px -144px;
}
.wrap.Flyout.Show .LeftModuleBottom .moduleNoticeWrap .moduleNotice .mainAlarmTalkArea ul li.Fax > a > .ico_main {
  background-position: -401px -142px;
}
.wrap.Flyout.Show .LeftModuleBottom .moduleNoticeWrap .moduleNotice .btnArea {
  width: 100%;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
.wrap.Flyout.Show .LeftModuleBottom .moduleNoticeWrap .moduleNotice .btnArea ul li > a > p {
  color: #fff;
}

.ScrollDesign {
  /*
  scrollbar-face-color: #ABB4B8;
  scrollbar-track-color: #E5E8E9;
  scrollbar-3dlight-color: #E5E8E9;
  scrollbar-highlight-color: #E5E8E9;
  scrollbar-darkshadow-color: #E5E8E9;
  scrollbar-shadow-color: #E5E8E9;
  scrollbar-arrow-color: #ABB4B8;


  &::-webkit-scrollbar-button:start:decrement,
  &::-webkit-scrollbar-button:end:increment {
  	background: #cbd6dd;
  	-webkit-border-radius: 0px;
  	border-radius: 0px;
  	height: 0;
  }

  &::-webkit-scrollbar-track {
  	background: rgba(0,0,0,.03);
  	border-radius: 8px;
  }

  &::-webkit-scrollbar-thumb {
  	background: rgba(161, 170, 175, 0.85);
  }*/
}

.leftPopupMenuArea {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9;
}

.LeftModuleMenuArea {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: calc(100% - 90px);
  background-color: #434a4e;
  z-index: 16;
}
.LeftModuleMenuArea::after {
  content: "";
  position: absolute;
  width: 70px;
  height: 90px;
  background-color: #434a4e;
  bottom: -90px;
  left: 0;
}
.LeftModuleMenuArea.noBottom {
  display: flex;
  height: 100%;
}
.LeftModuleMenuArea.noBottom::after {
  display: none;
}
.LeftModuleMenuArea.noBottom .moduleScrollArea {
  padding: 10px 0;
}
.LeftModuleMenuArea .moduleBookmark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-top: 7px;
  margin-bottom: 3px;
  margin-left: 16px;
  border-radius: 50%;
  cursor: pointer;
}
.LeftModuleMenuArea .moduleBookmark > .ico_main {
  width: 16px;
  height: 16px;
  background-position: -5.5px -56px;
}
.LeftModuleMenuArea .moduleBookmark:hover, .LeftModuleMenuArea .moduleBookmark:focus {
  background-color: #202325;
  cursor: pointer;
}
.LeftModuleMenuArea .moduleScrollArea {
  display: flex;
  flex-direction: column;
  width: 70px;
  height: 100%;
  overflow: hidden;
  transition: width 0.15s;
}
.LeftModuleMenuArea .moduleScrollArea .moduleIconMenu {
  height: 100%;
  overflow-x: hidden;
}
.LeftModuleMenuArea .moduleScrollArea .moduleIconMenu .ulModuleIcon {
  width: calc(100% + 35px);
  height: 100%;
  text-align: center;
  overflow-y: auto;
}
.LeftModuleMenuArea .moduleScrollArea .moduleIconMenu .ulModuleIcon li {
  width: 70px;
  cursor: pointer;
}
.LeftModuleMenuArea .moduleScrollArea .moduleIconMenu .ulModuleIcon li > a {
  display: block;
  padding: 15px 0;
  color: #fff;
  font-size: 13px;
  line-height: 14px;
}
.LeftModuleMenuArea .moduleScrollArea .moduleIconMenu .ulModuleIcon li > a > .img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.LeftModuleMenuArea .moduleScrollArea .moduleIconMenu .ulModuleIcon li > a:hover, .LeftModuleMenuArea .moduleScrollArea .moduleIconMenu .ulModuleIcon li > a:focus {
  background-color: #15B065;
  cursor: pointer;
}
.LeftModuleMenuArea .moduleScrollArea .moduleIconMenu .ulModuleIcon li > a span {
  display: block;
  margin-top: 5px;
  padding: 0 7px;
  font-size: 12px;
  word-break: break-all;
}
.LeftModuleMenuArea .moduleScrollArea .moduleIconMenu .ulModuleIcon li.mdSelect {
  box-shadow: 4px 0px 0px #15B065 inset;
}
.LeftModuleMenuArea .moduleScrollArea .moduleIconMenu .ulModuleIcon.Drag li {
  opacity: 0.5;
  transform: scale(0.9);
  transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
}
.LeftModuleMenuArea .moduleScrollArea .moduleIconMenu .ulModuleIcon.Drag li:hover {
  opacity: 1;
  transform: scale(1);
  transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
}
.LeftModuleMenuArea .moduleScrollArea .moduleDown {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
  height: 30px;
}
.LeftModuleMenuArea .moduleScrollArea .moduleDown > .ico_main {
  width: 13px;
  height: 7px;
  background-position: -96px -61px;
}
.LeftModuleMenuArea .moduleScrollArea .moduleDown:hover {
  background-color: #667177;
  cursor: pointer;
}
.LeftModuleMenuArea .moduleScrollArea .moduleUp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
  height: 30px;
}
.LeftModuleMenuArea .moduleScrollArea .moduleUp > .ico_main {
  width: 13px;
  height: 7px;
  background-position: -66px -60px;
}
.LeftModuleMenuArea .moduleScrollArea .moduleUp:hover {
  background-color: #667177;
  cursor: pointer;
}
.LeftModuleMenuArea .moduleScrollArea > .tbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  border-radius: 50%;
}
.LeftModuleMenuArea .moduleScrollArea > .tbtn:hover, .LeftModuleMenuArea .moduleScrollArea > .tbtn:focus {
  background-color: #333;
  cursor: pointer;
}
.LeftModuleMenuArea .moduleScrollArea > .tbtn.Process > .ico_main {
  width: 21px;
  height: 15px;
  background-position: -160px -56.5px;
}
.LeftModuleMenuArea .moduleScrollArea > .tbtn.Module > .ico_main {
  width: 18px;
  height: 16px;
  background-position: -214px -55px;
}
.LeftModuleMenuArea .moduleScrollArea .expanderMenu {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  display: none;
  flex-shrink: 0;
  width: calc(100% - 16px);
  margin: 5px 8px;
  height: 15px;
  border-radius: 8px;
  background-color: rgba(5, 5, 5, 0.2);
}
.LeftModuleMenuArea .moduleScrollArea .expanderMenu > .ico_main {
  width: 14px;
  height: 7px;
  margin-right: 3px;
  background-position: -128px -60px;
}
.LeftModuleMenuArea .moduleScrollArea .expanderMenu:hover {
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.LeftModuleMenuArea .moduleScrollArea.Expand {
  width: 502px;
  margin-top: 15px;
  background-color: #2a3135;
  box-shadow: 6px 5px 5px rgba(0, 0, 0, 0.1);
}
.LeftModuleMenuArea .moduleScrollArea.Expand .moduleUp, .LeftModuleMenuArea .moduleScrollArea.Expand .moduleDown {
  display: none;
}
.LeftModuleMenuArea .moduleScrollArea.Expand .expanderMenu {
  width: 30px;
  height: 30px;
  justify-content: center;
  border-radius: 50%;
  background-color: transparent;
}
.LeftModuleMenuArea .moduleScrollArea.Expand .expanderMenu > .ico_main {
  width: 13px;
  height: 13px;
  background-position: -265px -57px;
}
.LeftModuleMenuArea .moduleScrollArea.Expand .moduleIconMenu {
  height: calc(100% - 29px);
}
.LeftModuleMenuArea .moduleScrollArea.Expand .moduleIconMenu ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 10px 0 10px 10px;
  overflow: hidden;
  overflow-y: auto;
}
.LeftModuleMenuArea .moduleScrollArea.Expand .moduleIconMenu ul li {
  display: inline-block;
  width: 85px;
  height: 80px;
  margin: 0 10px 0 0;
  transition: ease-in margin 0.2s;
}
.LeftModuleMenuArea .moduleScrollArea.Expand .moduleIconMenu ul li > .img {
  height: 24px;
}
.LeftModuleMenuArea .moduleScrollArea.Expand .moduleIconMenu ul li.mdSelect {
  background-color: #15B065;
  box-shadow: none;
}

.LeftModuleBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 90px;
  background-color: transparent;
  z-index: 10000;
}
.LeftModuleBottom .bgPeople {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #2A2D2E;
  overflow: hidden;
  transition: all 0.3s;
}
.LeftModuleBottom .bgPeople > img {
  width: 40px;
  height: 40px;
}
.LeftModuleBottom .bgPeople .ico_main {
  display: inline-block;
  width: 20px;
  height: 19px;
  background-position: 0 -110px;
}
.LeftModuleBottom .bgPeople:hover, .LeftModuleBottom .bgPeople.On {
  background-color: #1e2021;
  cursor: pointer;
}
.LeftModuleBottom .moduleNoticeWrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.LeftModuleBottom .moduleNoticeWrap .btnAsWrap {
  position: absolute;
  bottom: 75px;
  left: 10px;
  background-color: #2A2D2E;
  border: 1px solid #4f5456;
  border-radius: 5px;
  min-width: 140px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
  overflow: hidden;
}
.LeftModuleBottom .moduleNoticeWrap .btnAsWrap > li {
  display: flex;
  align-items: center;
  width: 100%;
  height: 35px;
  padding: 5px 10px;
  color: #fff;
  font-size: 13px;
  border-bottom: 1px solid #4f5456;
}
.LeftModuleBottom .moduleNoticeWrap .btnAsWrap > li:last-child {
  border-bottom: 0;
}
.LeftModuleBottom .moduleNoticeWrap .btnAsWrap > li > i {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.LeftModuleBottom .moduleNoticeWrap .btnAsWrap > li:hover, .LeftModuleBottom .moduleNoticeWrap .btnAsWrap > li:focus {
  background-color: #1e2021;
  cursor: pointer;
}
.LeftModuleBottom .moduleNoticeWrap .btnAsWrap > li.iconAsReq i {
  background-position: -42px -105px;
}
.LeftModuleBottom .moduleNoticeWrap .btnAsWrap > li.iconAsList i {
  background-position: -79px -105px;
}

.LeftArea {
  position: absolute;
  top: 0;
  left: 70px;
  width: 260px;
  height: 100%;
  padding: 0;
  border-right: 1px solid #cbd6dd;
  background-color: #f1f4f6;
  opacity: 1;
  visibility: visible;
  z-index: 8;
}
.LeftArea.officeMode {
  left: 0;
}
.LeftArea.LeftAreaShow {
  animation: aniLeftAreaOpen 0.5s ease 1 forwards;
  z-index: 15;
}
.LeftArea.LeftAreaHidden {
  animation: aniLeftAreaClose 0.5s ease 1 forwards;
}
@keyframes aniLeftAreaOpen {
  0% {
    opacity: 0;
    top: 0px;
    left: -300px;
    visibility: visible;
  }
  100% {
    opacity: 1;
    top: 0px;
    left: 70px;
  }
}
@keyframes aniLeftAreaClose {
  0% {
    opacity: 1;
    top: 0px;
    left: 0px;
    visibility: visible;
  }
  100% {
    opacity: 0;
    top: 0px;
    left: -300px;
    visibility: collapse;
  }
}
.LeftArea > .leftMenuArea > section {
  height: 100%;
}
.LeftArea .leftMenuArea {
  height: 100%;
  position: relative;
}
.LeftArea .leftMenuArea.ProgramMenu .programMenuArea {
  display: flex;
  flex-direction: column;
}
.LeftArea .leftMenuArea li {
  position: relative;
}
.LeftArea .leftMenuArea .titleArea {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 10px 0 15px;
  border-bottom: 1px solid #cfd1d9;
  box-shadow: 0px 1px 0 #fff;
}
.LeftArea .leftMenuArea .titleArea::after {
  clear: both;
}
.LeftArea .leftMenuArea .titleArea .title {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0;
  font-size: 16px;
  letter-spacing: -1px;
  color: #333;
  line-height: 20px;
  overflow: hidden;
}
.LeftArea .leftMenuArea .titleArea > .lmnRightMenu {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: auto;
}
.LeftArea .leftMenuArea .titleArea > .lmnRightMenu > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.LeftArea .leftMenuArea .titleArea > .lmnRightMenu > a:hover, .LeftArea .leftMenuArea .titleArea > .lmnRightMenu > a:focus {
  opacity: 0.7;
}
.LeftArea .leftMenuArea .titleArea > .lmnRightMenu > a:last-child {
  margin-right: 0;
}
.LeftArea .leftMenuArea .titleArea > .lmnRightMenu .btnReload > .ico_main {
  width: 13px;
  height: 15px;
  background-position: -112px -171px;
}
.LeftArea .leftMenuArea .titleArea > .lmnRightMenu .btnBack > .ico_main {
  width: 12px;
  height: 12px;
  background-position: -55.5px -171.5px;
}
.LeftArea .leftMenuArea .titleArea > .lmnRightMenu .btnPin > .ico_main {
  width: 15px;
  height: 7px;
  background-position: -28px -174px;
}
.LeftArea .leftMenuArea .titleArea > .lmnRightMenu .btnPin.Select > .ico_main {
  width: 7px;
  height: 15px;
  background-position: -9px -170px;
}
.LeftArea .leftMenuArea .lmnBox {
  position: relative;
  overflow: auto;
  height: calc(100% - 30px);
  padding-bottom: 50px;
}
.LeftArea .leftMenuArea .lmnBox li > a > p {
  word-break: break-word;
}
.LeftArea .leftMenuArea .lmnBox li > a:hover, .LeftArea .leftMenuArea .lmnBox li > a:focus {
  background-color: #e1e8ec;
  cursor: pointer;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 {
  margin-bottom: 10px;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 > li > a {
  display: flex;
  align-items: center;
  min-height: 34px;
  padding: 0 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 > li.Group a > .iconCollapse {
  right: 12px;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 > li.Group a > p {
  color: #333;
  font-size: 14px;
  letter-spacing: -1px;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 > li.Group .iconCollapse {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 7px;
  width: 14px;
  height: 14px;
  background-position: -49px -255px;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 > li.Group.Open .iconCollapse {
  opacity: 1;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform-origin: center center;
  -webkit-transform-origin: center center;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 > li.Group.Close .iconCollapse {
  opacity: 0.5;
  transform: rotate(0);
  -webkit-transform: rotate(0);
  transform-origin: center center;
  -webkit-transform-origin: center center;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 li.Program > a {
  display: inline-block;
  width: 100%;
  padding: 6px 5px 6px 25px;
  font-size: 13px;
  background-position: 6px 6px;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 li.Program > a > p {
  display: inline-block;
  color: #333;
  font-size: 14px;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 li.ProcessMenu > a {
  background-image: none;
  padding: 6px 27px 6px 15px;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 li.ProcessMenu > a > p {
  font-size: 14px;
  letter-spacing: -0.5px;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 li.ProcessMenu .btnProcessMenuList {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 11px;
  height: 12px;
  min-width: auto;
  min-height: auto;
  padding: 0;
  background-position: -79px -218px;
  z-index: 2;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 li.ProcessMenu .btnProcessMenuList:hover, .LeftArea .leftMenuArea .lmnBox .lmnDepth1 li.ProcessMenu .btnProcessMenuList:focus {
  background-color: transparent;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 li.ProcessMenu .btnProcessMenuList.Collapse {
  background-position: -120px -218px;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 li.ProcessMenu .devUlSelProcessMenu li.Program > a {
  padding: 6px 5px 6px 35px;
  background-position: 19px 6px;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 li.ProcessMenu .devUlSelProcessMenu li.Program > a > p {
  font-size: 13px;
  letter-spacing: -0.5px;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 .lmnDepth2 {
  margin: 0;
  padding: 0;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 .lmnDepth2 li.Program > a {
  padding: 6px 5px 6px 30px;
  background-position: 10px 6px;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 .lmnDepth2 li.Program > a .moduleListDot {
  border: 1px solid #333;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 .lmnDepth2 li.Program > a > p {
  font-size: 13px;
  color: #333;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 .lmnDepth2 li.Group a {
  display: flex;
  padding: 3px 8px 8px 32px;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 .lmnDepth2 li.Group a > .iconCollapse {
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 15px;
  width: 14px;
  height: 14px;
  background-position: -49px -255px;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 .lmnDepth2 li.Group a > p {
  padding: 3px 0 0 2px;
  font-size: 14px;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 .lmnDepth2 li.Group.Open > a > .iconCollapse {
  opacity: 1;
  transform: rotate(90deg);
  transform-origin: center center;
  transition: all 0.3s ease-out 0s;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 .lmnDepth2 li.Group.Close > a > .iconCollapse {
  opacity: 0.5;
  transform: rotate(0deg);
  transform-origin: center center;
  transition: all 0.3s ease-out 0s;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 .lmnDepth2 .lmnDepth3 {
  margin: 0;
  padding-left: 10px;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 .lmnDepth2 .lmnDepth3 li > a {
  padding: 3px 8px 8px 25px;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 .lmnDepth2 .lmnDepth3 li.Group > a {
  padding: 3px 8px 8px 32px;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 .lmnDepth2 .lmnDepth3 li.Program > a p {
  font-size: 13px;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 .lmnDepth2 .lmnDepth3 .lmnDepth4 {
  margin: 0;
  padding-left: 20px;
}
.LeftArea .leftMenuArea .lmnBox .lmnDepth1 .lmnDepth2 .lmnDepth3 .lmnDepth4 .lmnDepth5 {
  margin: 0;
  padding-left: 25px;
}

.menuBlind {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
  z-index: 17;
}

.LeftTileMenuArea {
  position: absolute;
  visibility: visible;
  width: 260px;
  height: 100%;
  background-color: #e3e6ec;
  z-index: 9;
}
.LeftTileMenuArea .tileMenuList {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.LeftTileMenuArea .tileMenuList .titleEditBtn {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  border-bottom: 1px solid #C6CFD9;
  color: #333;
}
.LeftTileMenuArea .tileMenuList .titleEditBtn .btnToolWrap {
  display: flex;
  margin-left: auto;
}
.LeftTileMenuArea .tileMenuList .titleEditBtn .btnDevMode {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 19px;
  padding: 0 5px;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 11px;
  border-radius: 20px;
  opacity: 0.5;
}
.LeftTileMenuArea .tileMenuList .titleEditBtn .iconMd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.LeftTileMenuArea .tileMenuList .titleEditBtn .iconMd:hover, .LeftTileMenuArea .tileMenuList .titleEditBtn .iconMd:focus {
  opacity: 0.7;
}
.LeftTileMenuArea .tileMenuList .titleEditBtn .iconMd.iconEditMenu > i {
  width: 15px;
  height: 15px;
  background-position: -168px -170px;
}
.LeftTileMenuArea .tileMenuList .titleEditBtn .iconMd.iconEditMenu.Exit {
  display: none;
  flex-shrink: 0;
  width: auto;
  font-size: 12px;
}
.LeftTileMenuArea .tileMenuList .titleEditBtn .iconMd.iconEditMenu.Exit > i {
  margin-right: 7px;
}
.LeftTileMenuArea .tileMenuList .titleEditBtn .iconMd.iconFolderPlus {
  display: none;
}
.LeftTileMenuArea .tileMenuList .titleEditBtn .iconMd.iconPin > .ico_main {
  width: 15px;
  height: 7px;
  background-position: -28px -174px;
}
.LeftTileMenuArea .tileMenuList .titleEditBtn .iconMd.iconPin.Select > .ico_main {
  width: 7px;
  height: 15px;
  background-position: -9px -170px;
}
.LeftTileMenuArea .tileMenuList .titleEditBtn .iconMd.iconClose > .ico_main {
  width: 13px;
  height: 13px;
  background-position: -55px -171px;
}
.LeftTileMenuArea .tileMenuList .titleEditBtn .iconMd.iconClose.Dis > .ico_main {
  opacity: 0.2;
  cursor: default;
}
.LeftTileMenuArea .tileMenuList .noDropInfo {
  position: absolute;
  bottom: 80px;
  left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 20px);
  z-index: 1;
}
.LeftTileMenuArea .tileMenuList .noDropInfo .txtBox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 34px;
  background-color: rgba(51, 51, 51, 0.8);
  border-radius: 5px;
  padding: 8px 15px;
  z-index: 2;
}
.LeftTileMenuArea .tileMenuList .noDropInfo .txtBox .txt {
  width: 100%;
  color: #fff;
  font-size: 12px;
  text-align: center;
}
.LeftTileMenuArea .tileMenuList .mdTileList {
  height: 100% !important;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0 30px 0;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList {
  width: 100%;
  border-bottom: 1px solid #C6CFD9;
  clear: both;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList:last-child {
  border-bottom: none;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle {
  background-color: #e3e6ec;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 10px 0 0;
  border: 0;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus:hover, .LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus:focus {
  background-color: #d4d8e2;
  cursor: pointer;
  cursor: pointer;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus > .btn.Move {
  display: none;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus > .menuState {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  width: 22px;
  height: 100%;
  padding: 0 4px;
  opacity: 0.5;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus > .menuState > i {
  width: 10px;
  height: 5px;
  background-position: -185px -300px;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus > .menuState:hover, .LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus > .menuState:focus {
  opacity: 1;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus.Open > .menuState > i {
  transform: rotate(0deg);
  transform-origin: center center;
  transition: all 0.3s ease-out 0s;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus.Close > .menuState > i {
  transform: rotate(-90deg);
  transform-origin: center center;
  transition: all 0.3s ease-out 0s;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus > .folderInput {
  display: none;
  width: 100%;
  height: 28px;
  padding: 5px 5px 5px 3px;
  margin-left: -2px;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 5px;
  transition: all 0.3s;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus > .folderInput:hover {
  border: 1px solid rgba(51, 51, 51, 0.2);
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus > .folderInput:focus {
  border: 1px solid #333;
  background-color: #fff;
  color: #333;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus > .folderText {
  display: inline-flex;
  align-items: center;
  width: calc(100% - 12px);
  height: 30px;
  background-color: transparent;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  cursor: pointer;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus > .folderText > i {
  flex-shrink: 0;
  margin-right: 5px;
  background-repeat: no-repeat;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus > .folderText > i.iconOpen {
  width: 16px;
  height: 14px;
  background-position: 0 -299px;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus > .folderText > i.iconRecent {
  width: 16px;
  height: 16px;
  background-position: -46px -299px;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus > .folderText > i.iconStarDefault {
  width: 16px;
  height: 15px;
  background-position: -93.5px -299.5px;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus > .folderText > i.iconStar {
  width: 16px;
  height: 14px;
  background-position: -144px -299.5px;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus > .folderText .foldername {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus.Add {
  background: #1369d1;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus.Add > span {
  visibility: visible;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus.Add:hover > .btn {
  visibility: collapse;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul {
  width: 100%;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul li {
  display: flex;
  align-items: center;
  height: 34px;
  background-color: transparent;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul li:hover, .LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul li:focus {
  background-color: #d4d8e2;
  cursor: pointer;
  cursor: pointer;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul li:hover .pageBookmark, .LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul li:focus .pageBookmark {
  opacity: 1;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul li.noDrop {
  cursor: no-drop;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul li.noDrop .listText {
  cursor: no-drop;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul li .listText {
  display: inline-block;
  width: 100%;
  min-height: 34px;
  padding: 8px 8px 8px 23px;
  color: #333;
  font-size: 12px;
  letter-spacing: -0.7px;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul li .moveMenu {
  display: none;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul li .pageBookmark {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 30px;
  height: 100%;
  background-color: #d4d8e2;
  opacity: 0;
  cursor: pointer;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul li .pageBookmark > .ico_main {
  display: inline-block;
  width: 12px;
  height: 11px;
  background-position: -226.5px -299.5px;
  transform: scale(1.25);
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul li .pageBookmark.Selected > .ico_main {
  opacity: 1;
  background-position: -248.5px -299.5px;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul li .pageBookmark:focus-visible {
  opacity: 1;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul.ulBookmark > li {
  position: relative;
  background: transparent;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul.ulBookmark > li:hover, .LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul.ulBookmark > li:focus {
  background-color: #d4d8e2;
  cursor: pointer;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul.ulBookmark > li .bookmarkH {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin: 0 3px;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul.ulBookmark > li .bookmarkH > .ico_main {
  width: 9px;
  height: 9px;
  background-position: -348.5px -300px;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul.ulBookmark > li .bookmarkH:hover, .LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul.ulBookmark > li .bookmarkH:focus {
  cursor: pointer;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.4);
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul.ulBookmark > li .tooltipForEdit {
  display: none;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul.ulRecentList li {
  position: relative;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul.ulOpenList li {
  position: relative;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul.Drag li {
  opacity: 0.5;
  transform: scale(0.95);
  transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul.Drag li:hover, .LeftTileMenuArea .tileMenuList .mdTileList .tileList .tileListTitle ul.Drag li:focus {
  opacity: 1;
  transform: scale(1);
  transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tooltipForEdit {
  position: absolute;
  top: -32px;
  left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  background-color: rgba(51, 51, 51, 0.85);
  padding: 5px 5px;
  border-radius: 4px;
  display: none;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tooltipForEdit > p {
  color: #fff;
  font-size: 11px;
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList .tooltipForEdit::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 35px;
  width: 1px;
  height: 1px;
  border-top: 4px solid rgba(51, 51, 51, 0.85);
  border-right: 4px solid rgba(51, 51, 51, 0.85);
  border-left: 4px solid transparent;
  border-bottom: 4px solid transparent;
  transform: rotate(135deg);
}
.LeftTileMenuArea .tileMenuList .mdTileList .tileList.New .tileListTitle .mdfolderPlus {
  background-color: rgba(21, 176, 101, 0);
  animation: newfolder 1 1s ease-in-out;
  transition: all 0.3s;
}
@keyframes newfolder {
  0% {
    background-color: rgba(21, 176, 101, 0);
  }
  50% {
    background-color: rgba(21, 176, 101, 0.2);
  }
  100% {
    background-color: rgba(21, 176, 101, 0);
  }
}
.LeftTileMenuArea.EditMode .tileMenuList .titleEditBtn {
  background-color: #434A4E;
}
.LeftTileMenuArea.EditMode .tileMenuList .titleEditBtn .btnEditModeWrap .iconEditMenu {
  display: none;
}
.LeftTileMenuArea.EditMode .tileMenuList .titleEditBtn .btnEditModeWrap .iconEditMenu.Exit {
  display: inline-flex;
  padding-left: 8px;
  color: #fff;
}
.LeftTileMenuArea.EditMode .tileMenuList .titleEditBtn .btnEditModeWrap .iconEditMenu:focus-visible {
  outline: 1px solid #fff;
}
.LeftTileMenuArea.EditMode .tileMenuList .titleEditBtn .iconMd.iconEditMenu.Exit > i {
  background-position: -192px -170px;
}
.LeftTileMenuArea.EditMode .tileMenuList .titleEditBtn .iconMd.iconFolderPlus {
  display: inline-flex !important;
  flex-shrink: 0;
  width: auto;
  margin-left: auto;
  padding-right: 5px;
  color: #fff;
  font-size: 12px;
}
.LeftTileMenuArea.EditMode .tileMenuList .titleEditBtn .iconMd.iconFolderPlus > i {
  width: 19px;
  height: 16px;
  background-position: -251px -170px;
  margin-right: 7px;
}
.LeftTileMenuArea.EditMode .tileMenuList .titleEditBtn .iconMd.iconFolderPlus:focus-visible {
  outline: 1px solid #fff;
}
.LeftTileMenuArea.EditMode .tileMenuList .titleEditBtn .btnToolWrap {
  display: none;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus {
  padding: 0 3px 0 0;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  margin: 0 3px 0 0px;
  cursor: pointer;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus .btn > i {
  display: inline-block;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus .btn.Del {
  flex-shrink: 0;
  width: 20px;
  height: 100%;
  visibility: visible;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus .btn.Del:hover, .LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus .btn.Del:focus {
  top: 7px;
  height: 20px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus .btn.Del > i {
  width: 9px;
  height: 9px;
  background-position: -348.5px -299.5px;
}
.ui-sortable-disabled .Move.iconStar {
  display: none !important;
}

.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus .btn.Move {
  flex-shrink: 0;
  left: 0;
  display: inline-flex;
  opacity: 0.5;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus .btn.Move > i {
  width: 10px;
  height: 6px;
  background-position: -369px -305px;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus .btn.Move.iconOpen > i {
  width: 16px;
  height: 15px;
  background-position: 0 -319px;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus .btn.Move.iconRecent > i {
  width: 16px;
  height: 16px;
  background-position: -46px -319px;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus .btn.Move.iconStarDefault > i {
  width: 16px;
  height: 15px;
  background-position: -93.5px -319.5px;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus .btn.Move.iconStar > i {
  width: 16px;
  height: 14px;
  background-position: -144px -319.5px;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus .btn.Move:hover, .LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle .mdfolderPlus .btn.Move:focus {
  opacity: 1;
  cursor: move;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle ul li {
  padding: 0 0 0 4px;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle ul li .listText {
  padding: 8px 8px 8px 0px;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle ul li input.listInput {
  width: 100%;
  height: 28px;
  padding: 5px 5px 5px 3px;
  margin-left: -3px;
  font-size: 12px;
  letter-spacing: -0.7px;
  color: #333;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 3px;
  transition: all 0.3s;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle ul li input.listInput:hover {
  border: 1px solid rgba(51, 51, 51, 0.2);
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle ul li input.listInput:focus {
  background-color: #fff;
  border: 1px solid #333;
  color: #333;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle ul li input.listInput:focus + .tooltipForEdit {
  display: flex;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle ul li .moveMenu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 34px;
  height: 100%;
  opacity: 0.5;
  cursor: move;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle ul li .moveMenu > .ico_main {
  width: 9px;
  height: 7px;
  background-position: -319px -299px;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle ul li .moveMenu.Favorite > .ico_main {
  width: 18px;
  height: 7px;
  background-position: -281px -300px;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle ul li .moveMenu:hover, .LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle ul li .moveMenu:focus {
  opacity: 1;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle ul li.liDragging {
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
  opacity: 1;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle ul.ui-droppable-hover {
  background-color: #d8dce5;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle ul.ulRecentList li .listText, .LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle ul.ulOpenList li .listText {
  opacity: 0.5;
  cursor: move;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle ul.ulBookmark .bookmarkH {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin: 0 3px;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle ul.ulBookmark .bookmarkH > .ico_main {
  width: 9px;
  height: 9px;
  background-position: -348.5px -300px;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle ul.ulBookmark .bookmarkH:hover, .LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList .tileListTitle ul.ulBookmark .bookmarkH:focus {
  cursor: pointer;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList:first-child .tooltipForEdit {
  top: unset;
  bottom: -25px;
  z-index: 1;
}
.LeftTileMenuArea.EditMode .tileMenuList .mdTileList .tileList:first-child .tooltipForEdit::after {
  bottom: unset;
  top: -4px;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-left: 4px solid rgba(51, 51, 51, 0.85);
  border-bottom: 4px solid rgba(51, 51, 51, 0.85);
}
.LeftTileMenuArea.EditMode .editBtns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 15px;
  background-color: #F5F7F9;
  border-top: 1px solid #d9d9d9;
}
.LeftTileMenuArea.EditMode .editBtns button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  min-width: 80px;
  height: 36px;
  border-radius: 5px;
  background-color: #15B065;
  color: #fff;
  border: 0;
  font-size: 14px;
  padding: 0 15px;
  transition: all 0.3s;
}
.LeftTileMenuArea.EditMode .editBtns button.btnSave {
  background-color: #15B065;
  color: #fff;
}
.LeftTileMenuArea.EditMode .editBtns button.btnSave:hover {
  background-color: #129958;
  cursor: pointer;
}
.LeftTileMenuArea.EditMode .editBtns button.btnSave:active {
  background-color: #119053;
  cursor: pointer;
}
.LeftTileMenuArea.EditMode .editBtns button.btnCancel {
  border: 1px solid #e6e6e6;
  background-color: #fff;
  color: #15B065;
}
.LeftTileMenuArea.EditMode .editBtns button.btnCancel:hover {
  background-color: rgba(21, 176, 101, 0.1);
  border-color: rgba(21, 176, 101, 0.1);
  cursor: pointer;
}
.LeftTileMenuArea.EditMode .editBtns button.btnCancel:active {
  background-color: rgba(21, 176, 101, 0.15);
  border-color: rgba(21, 176, 101, 0.15);
  cursor: pointer;
}
.LeftTileMenuArea.EditMode .editBtns butt1on {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  width: 110px;
  height: 40px;
  margin: 0 5px;
  border: 0;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.LeftTileMenuArea.EditMode .editBtns butt1on.btnSave {
  background-color: #15B065;
}
.LeftTileMenuArea.EditMode .editBtns butt1on.btnSave:hover {
  background-color: #10824b;
  cursor: pointer;
}
.LeftTileMenuArea.EditMode .editBtns butt1on.btnCancel {
  border: 1px solid #15B065;
  background-color: #fff;
  color: #15B065;
}
.LeftTileMenuArea.EditMode .editBtns butt1on.btnCancel:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}

.CenterArea {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #f1f4f6;
}
.CenterArea .CenterHeaderArea {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 480px;
  height: 40px;
  background-color: #fff;
  overflow: hidden;
}
.CenterArea .CenterHeaderArea.NotUseBtnHelp {
  padding-right: 0;
}
.CenterArea .CenterHeaderArea.FixedFav {
  height: 80px;
  align-items: flex-start;
}
.CenterArea .CenterHeaderArea.FixedFav .btnFavorite {
  display: none;
}
.CenterArea .CenterHeaderArea.FixedFav .btnLeftWrap {
  position: absolute;
  bottom: 0;
  left: 0;
}
.CenterArea .CenterHeaderArea.FixedFav .btnR {
  border-bottom: 1px solid #DFE5E8;
}
.CenterArea .CenterHeaderArea.FixedFav .RadialBall .btnRadialBall {
  border-bottom: 1px solid #DFE5E8;
}
.CenterArea .CenterHeaderArea.FixedFav .modeQuickMenu {
  height: 40px;
  background-color: #edeff5;
  border-bottom: 1px solid #DFE5E8;
}
.CenterArea .CenterHeaderArea.FixedFav .modeQuickMenu .quickList {
  background-color: transparent;
}
.CenterArea .CenterHeaderArea.FixedFav .modeQuickMenu .quickList .ulQuickList > li:first-child > a {
  padding-left: 10px;
}
.CenterArea .CenterHeaderArea.FixedFav .modeQuickMenu .btnFavoritePin > i {
  width: 7px;
  height: 15px;
  background-position: -9px -195px;
}
.CenterArea .CenterHeaderArea.FixedFav .modeOpenList {
  position: absolute;
  top: 40px;
  display: flex;
  padding: 0 10px;
  border-right: none;
  opacity: 1;
}
.CenterArea .CenterHeaderArea.FixedFav .openMenuMoreList {
  top: 80px;
  right: 0px;
}
.CenterArea .CenterHeaderArea.FixedFav + .programArea {
  position: absolute;
  top: 80px;
}
.CenterArea .CenterHeaderArea .btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
}
.CenterArea .CenterHeaderArea .btn:hover, .CenterArea .CenterHeaderArea .btn:focus {
  background-color: #f2f2f2;
  cursor: pointer;
}
.CenterArea .CenterHeaderArea .btn.On {
  border-radius: 15px;
  background-color: #D6EFE3;
}
.CenterArea .CenterHeaderArea .btn.Dashboard > .ico_main {
  width: 20px;
  height: 20px;
  background-position: -3px -1px;
}
.CenterArea .CenterHeaderArea .btn.MyMain > .ico_main {
  width: 19px;
  height: 16px;
  background-position: -63px -4px;
}
.CenterArea .CenterHeaderArea .btn.ProcessMenu > .ico_main {
  width: 21px;
  height: 17px;
  background-position: -123px -3px;
}
.CenterArea .CenterHeaderArea .btn.Dashboard.On > .ico_main {
  background-position: -33px -1px;
}
.CenterArea .CenterHeaderArea .btn.MyMain.On > .ico_main {
  background-position: -92px -4px;
}
.CenterArea .CenterHeaderArea .btn.ProcessMenu.On > .ico_main {
  background-position: -153px -4px;
}
.CenterArea .CenterHeaderArea .btnLeftWrap {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  height: 40px;
  padding-left: 5px;
}
.CenterArea .CenterHeaderArea .btnFavorite {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 15px;
}
.CenterArea .CenterHeaderArea .btnFavorite > .ico_main {
  width: 18px;
  height: 16px;
  background-position: -186px -3px;
}
.CenterArea .CenterHeaderArea .btnFavorite:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}
.CenterArea .CenterHeaderArea .btnFavorite.on {
  border-radius: 15px 0 0 15px;
  background-color: #edeff5;
}
.CenterArea .CenterHeaderArea .btnFavorite.on > .ico_main {
  background-position: -212px -3px;
}
.CenterArea .CenterHeaderArea .btnR {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 40px;
  background-color: #fff;
  /*&.On.TopSetting > .ico_main {
  	background-position: -601px 0;
  }*/
}
.CenterArea .CenterHeaderArea .btnR.On:before {
  position: absolute;
  bottom: 3px;
  left: 5px;
  content: "";
  width: 26px;
  height: 2px;
  background-color: #15B065;
}
.CenterArea .CenterHeaderArea .btnR.New:after {
  content: attr(data-new);
  position: absolute;
  top: 2px;
  right: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 15px;
  min-height: 15px;
  padding: 0 3px;
  border-radius: 30px;
  background-color: #ff4889;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  box-sizing: border-box;
}
.CenterArea .CenterHeaderArea .btnR.QuickLink {
  display: flex;
  width: auto;
  padding: 0 10px;
}
.CenterArea .CenterHeaderArea .btnR.QuickLink > .btnLink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background-color: #E5EAED;
  font-size: 11px;
  letter-spacing: -0.06em;
  overflow: hidden;
}
.CenterArea .CenterHeaderArea .btnR.QuickLink > .btnLink > img {
  width: 100%;
  height: 100%;
}
.CenterArea .CenterHeaderArea .btnR.QuickLink > .btnLink:hover {
  background-color: #666;
  color: #fff;
}
.CenterArea .CenterHeaderArea .btnR.QuickLink > .btnLink + .btnLink {
  margin-left: 6px;
}
.CenterArea .CenterHeaderArea .btnR.QuickLink + .ProgramQuery > .btnQuery {
  border-left: none;
}
.CenterArea .CenterHeaderArea .btnR.QuickLink.hide {
  display: none;
}
.CenterArea .CenterHeaderArea .btnR.TopSign > .ico_main {
  width: 18px;
  height: 17px;
  background-position: -51px -683px;
}
.CenterArea .CenterHeaderArea .btnR.TopSign:hover > .ico_main {
  background-position-x: -77px;
}
.CenterArea .CenterHeaderArea .btnR.TopLink > .ico_main {
  width: 19px;
  height: 19px;
  background-position: -159px -683px;
}
.CenterArea .CenterHeaderArea .btnR.TopLink:hover > .ico_main, .CenterArea .CenterHeaderArea .btnR.TopLink.On > .ico_main {
  background-position-x: -186px;
}
.CenterArea .CenterHeaderArea .btnR.BI > .ico_main {
  width: 12px;
  height: 15px;
  background-position: -213px -684px;
}
.CenterArea .CenterHeaderArea .btnR.BI:hover > .ico_main {
  background-position-x: -234px;
}
.CenterArea .CenterHeaderArea .btnR.GnI > .ico_main {
  width: 26px;
  height: 15px;
  background-position: -255px -684px;
}
.CenterArea .CenterHeaderArea .btnR.GnI:hover > .ico_main {
  background-position-x: -289px;
}
.CenterArea .CenterHeaderArea .btnR.TopAlarm > .ico_main {
  width: 18px;
  height: 19px;
  background-position: -324px -682px;
}
.CenterArea .CenterHeaderArea .btnR.TopAlarm:hover > .ico_main, .CenterArea .CenterHeaderArea .btnR.TopAlarm.On > .ico_main {
  background-position-x: -351px;
}
.CenterArea .CenterHeaderArea .btnR.TopNotice > .ico_main {
  width: 18px;
  height: 17px;
  background-position: -515px -2px;
}
.CenterArea .CenterHeaderArea .btnR.On.TopNotice > .ico_main {
  background-position: -543px -2px;
}
.CenterArea .CenterHeaderArea .btnR.TopSetting {
  width: 50px;
}
.CenterArea .CenterHeaderArea .btnR.TopSetting > .ico_main {
  width: 32px;
  height: 32px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #f9f9f9;
  background-position: -371px -676px;
}
.CenterArea .CenterHeaderArea .btnR.TopSetting:hover > .ico_main {
  background-position-x: -397px;
}
.CenterArea .CenterHeaderArea .btnR.TopSetting.On > .ico_main {
  border-color: #15B065;
  background-position-x: -397px;
}
.CenterArea .CenterHeaderArea .btnR.TopSetting.On:before {
  display: none;
}
.CenterArea .CenterHeaderArea .btnR.TopSetting.UserLicenseAlert:before {
  content: "";
  position: absolute;
  right: 7px;
  top: 5px;
  display: inline-block;
  width: 16px;
  height: 12px;
  background-position: -649px 0px;
}
.CenterArea .CenterHeaderArea .btnR.ProgramQuery {
  background-color: #fff;
  z-index: 9;
  cursor: pointer;
}
.CenterArea .CenterHeaderArea .btnR.ProgramQuery > .btnQuery {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.CenterArea .CenterHeaderArea .btnR.ProgramQuery > .btnQuery > .ico_main {
  height: 17px;
  width: 17px;
  background-position: 0px -682px;
}
.CenterArea .CenterHeaderArea .btnR.ProgramQuery > .btnQuery:hover > .ico_main {
  background-position-x: -26px;
}
.CenterArea .CenterHeaderArea .btnR.ProgramQuery .programQueryArea {
  position: absolute;
  top: 0;
  right: 0;
  width: 0px;
  height: 40px;
  padding: 2px 2px 2px 15px;
  background-color: #fff;
  overflow: hidden;
  opacity: 0;
  z-index: 9999;
}
.CenterArea .CenterHeaderArea .btnR.ProgramQuery .programQueryArea .inputProgramQuery {
  float: left;
  height: 36px;
  width: 247px;
  font-size: 16px;
  color: #fff;
  border: 0px;
  background-color: transparent;
}
.CenterArea .CenterHeaderArea .btnR.ProgramQuery .programQueryArea .btnProgramQuery {
  float: left;
  width: 36px;
  height: 36px;
  border: 0px;
  background-color: transparent;
  background-position: -230px 7px;
}
.CenterArea .CenterHeaderArea .btnR.ProgramQuery .programQueryArea .btnProgramQuery:hover, .CenterArea .CenterHeaderArea .btnR.ProgramQuery .programQueryArea .btnProgramQuery:focus {
  background-color: #d9d9d9;
  cursor: pointer;
}
.CenterArea .CenterHeaderArea .btnR.ProgramQuery .programQueryArea.Close {
  animation: aniProgramQueryAreaClose 0.3s ease 1 forwards;
}
.CenterArea .CenterHeaderArea .btnR.ProgramQuery .programQueryArea.Open {
  animation: aniProgramQueryAreaOpen 0.3s ease 1 forwards;
}
@keyframes aniProgramQueryAreaClose {
  0% {
    opacity: 1;
    width: 300px;
    visibility: visible;
  }
  100% {
    opacity: 0;
    width: 0px;
    visibility: collapse;
  }
}
@keyframes aniProgramQueryAreaOpen {
  0% {
    opacity: 0;
    width: 0px;
    visibility: collapse;
  }
  100% {
    opacity: 1;
    width: 300px;
    visibility: visible;
  }
}
.CenterArea .CenterHeaderArea .linkListWrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 120;
}
.CenterArea .CenterHeaderArea .linkListWrap.hide {
  display: none;
}
.CenterArea .CenterHeaderArea .linkListWrap > .linkListArea {
  position: absolute;
  top: 43px;
  right: 39px;
  max-width: 360px;
  min-width: 260px;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.16);
}
.CenterArea .CenterHeaderArea .linkListWrap > .linkListArea > .title {
  padding: 16px 24px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 14px;
  font-weight: bold;
}
.CenterArea .CenterHeaderArea .linkListWrap > .linkListArea > .title > .count {
  padding-left: 5px;
  color: #15B065;
}
.CenterArea .CenterHeaderArea .linkListWrap > .linkListArea > .linkList {
  padding: 8px 0;
}
.CenterArea .CenterHeaderArea .linkListWrap > .linkListArea > .linkList > .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 24px;
}
.CenterArea .CenterHeaderArea .linkListWrap > .linkListArea > .linkList > .item > .name {
  color: #333;
  font-size: 13px;
}
.CenterArea .CenterHeaderArea .linkListWrap > .linkListArea > .linkList > .item > .ico_main {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-left: 10px;
  background-position: -429px -683px;
}
.CenterArea .CenterHeaderArea .linkListWrap > .linkListArea > .linkList > .item:hover {
  background-color: #E5EAED;
  cursor: pointer;
}
.CenterArea .CenterHeaderArea .userInfoWrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 120;
}
.CenterArea .CenterHeaderArea .userInfoWrap.hide {
  display: none;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer {
  position: absolute;
  top: 43px;
  right: 3px;
  min-width: 300px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  box-shadow: rgba(15, 15, 15, 0.03) 0px 0px 0px 1px, rgba(15, 15, 15, 0.05) 0px 3px 6px, rgba(15, 15, 15, 0.1) 0px 9px 24px;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .InfoWrap {
  display: flex;
  flex-direction: column;
  padding: 10px 15px;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .InfoWrap .userNameArea {
  display: flex;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .InfoWrap .userNameArea .avatarText {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 45px;
  height: 45px;
  background-color: #F1F3F6;
  border-radius: 5px;
  color: rgba(51, 51, 51, 0.5);
  font-size: 22px;
  font-weight: bold;
  margin-right: 10px;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .InfoWrap .userNameArea .userName {
  display: flex;
  align-items: center;
  width: 100%;
  height: 45px;
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .InfoWrap .userInfo {
  padding: 5px 0 0 15px;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .InfoWrap .userInfo > span {
  display: flex;
  align-items: center;
  color: #333;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .InfoWrap .userInfo > span.userID, .CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .InfoWrap .userInfo > span.userDeptName, .CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .InfoWrap .userInfo > span.userCompanyName {
  margin-top: 5px;
  color: #999999;
  font-size: 13px;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .InfoWrap .userInfo > span.userID:before, .CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .InfoWrap .userInfo > span.userDeptName:before, .CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .InfoWrap .userInfo > span.userCompanyName:before {
  content: "";
  width: 14px;
  height: 14px;
  margin-right: 8px;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .InfoWrap .userInfo > span.userID:before {
  background-position: -70px -118px;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .InfoWrap .userInfo > span.userDeptName:before {
  background-position: -92px -118px;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .InfoWrap .userInfo > span.userCompanyName:before {
  background-position: -114px -118px;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .btnWrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .btnWrap > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  font-size: 14px;
  letter-spacing: -0.5px;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .btnWrap > a > i {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background-position: 0 -116px;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .btnWrap > a:hover {
  background-color: rgba(51, 51, 51, 0.05);
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .btnWrap > a.btnSetting:hover {
  color: #333;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .btnWrap > a.btnLogout {
  border-left: 1px solid #e6e6e6;
  color: #15B065;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .btnWrap > a.btnLogout > i {
  background-position-x: -47px;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .userLicense {
  position: relative;
  font-size: 11px;
  color: #FF6262;
  border-top: 1px solid #e6e6e6;
  padding: 10px 10px 10px 38px;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .userLicense:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 12px;
  display: inline-block;
  width: 16px;
  height: 12px;
  background-position: -649px 0px;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .useMobileArea {
  max-height: 40px;
  border-top: 1px solid #e6e6e6;
  font-size: 12px;
  letter-spacing: -0.5px;
  overflow: hidden;
  transition: max-height 0.3s;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .useMobileArea > .titleArea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  padding: 0 15px 0 30px;
  background-color: rgba(51, 51, 51, 0.05);
  cursor: pointer;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .useMobileArea > .titleArea > .title {
  display: flex;
  align-items: center;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .useMobileArea > .titleArea > .title > i {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-position: -27px -117px;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .useMobileArea > .titleArea > .iconArrow {
  display: block;
  width: 8px;
  height: 8px;
  margin-top: 2px;
  border-left: 2px solid #999999;
  border-bottom: 2px solid #999999;
  transform: rotate(135deg);
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .useMobileArea > .contentArea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 15px 15px 20px;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .useMobileArea > .contentArea > .txtInfo {
  flex: 1;
  width: 110px;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .useMobileArea > .contentArea > .imgQR {
  display: flex;
  margin-left: 10px;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .useMobileArea.Expand {
  max-height: 150px;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .useMobileArea.Expand > .titleArea {
  background-color: transparent;
}
.CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer .useMobileArea.Expand > .titleArea .iconArrow {
  margin-top: -4px;
  transform: rotate(-45deg);
}
.CenterArea .CenterHeaderArea.BIMode .btnR.BI {
  display: inline-flex;
}
.CenterArea .CenterHeaderArea .modeQuickMenu {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 5px 0;
  border-right: 1px solid #DFE5E8;
}
.CenterArea .CenterHeaderArea .modeQuickMenu .quickList {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #edeff5;
  border-radius: 0 50px 50px 0;
  overflow: hidden;
}
.CenterArea .CenterHeaderArea .modeQuickMenu .quickList .ulQuickList {
  width: calc(100% - 40px);
  float: left;
  overflow: hidden;
}
.CenterArea .CenterHeaderArea .modeQuickMenu .quickList .ulQuickList > li {
  position: relative;
  float: left;
}
.CenterArea .CenterHeaderArea .modeQuickMenu .quickList .ulQuickList > li:first-child {
  margin: 0;
  padding: 0;
  background: none;
}
.CenterArea .CenterHeaderArea .modeQuickMenu .quickList .ulQuickList > li:first-child > a {
  padding-left: 0px;
}
.CenterArea .CenterHeaderArea .modeQuickMenu .quickList .ulQuickList > li:first-child::before, .CenterArea .CenterHeaderArea .modeQuickMenu .quickList .ulQuickList > li:first-child:last-child::before {
  display: none;
}
.CenterArea .CenterHeaderArea .modeQuickMenu .quickList .ulQuickList > li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 1px;
  height: 12px;
  background-color: #b7b7b7;
}
.CenterArea .CenterHeaderArea .modeQuickMenu .quickList .ulQuickList > li > a {
  display: block;
  max-width: 250px;
  height: 30px;
  line-height: 30px;
  padding: 0px 10px;
  font-size: 12px;
  letter-spacing: -0.7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.CenterArea .CenterHeaderArea .modeQuickMenu .quickList .ulQuickList > li > a:hover, .CenterArea .CenterHeaderArea .modeQuickMenu .quickList .ulQuickList > li > a:focus {
  border: none;
  cursor: pointer;
}
.CenterArea .CenterHeaderArea .modeQuickMenu .quickList .quickMenuMore {
  position: absolute;
  top: 3px;
  right: 4px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-position: -161px -415px;
  cursor: pointer;
}
.CenterArea .CenterHeaderArea .modeQuickMenu .quickList .quickMenuMore:hover, .CenterArea .CenterHeaderArea .modeQuickMenu .quickList .quickMenuMore:focus {
  cursor: pointer;
  background-color: #dde0ec;
  cursor: pointer;
}
.CenterArea .CenterHeaderArea .modeQuickMenu .quickMenuMoreList {
  position: fixed;
  top: 40px;
  right: 160px;
  z-index: 1;
}
.CenterArea .CenterHeaderArea .modeQuickMenu .quickMenuMoreList > .ulQuickMenuMore {
  display: inline-block;
  width: 180px;
  max-height: 180px;
  padding: 2px 0;
  background-color: #edeff5;
  overflow: auto;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  /*&::-webkit-scrollbar {
  	width: 8px;
  	height: 10px;
  }

  &::-webkit-scrollbar-button {
  	width: 0;
  	height: 0;
  }

  &::-webkit-scrollbar-track {
  	background: transparent;
  }

  &::-webkit-scrollbar-thumb {
  	height: 4px;
  	width: 4px;
  	background-color: #333c51;

  	&:hover {
  		background-color: #a1aaaf;
  	}
  }*/
}
.CenterArea .CenterHeaderArea .modeQuickMenu .quickMenuMoreList > .ulQuickMenuMore li {
  font-size: 11px;
  letter-spacing: -0.8px;
}
.CenterArea .CenterHeaderArea .modeQuickMenu .quickMenuMoreList > .ulQuickMenuMore li > a {
  display: inline-block;
  color: #333;
  width: 100%;
  padding: 5px 10px;
  word-break: break-all;
}
.CenterArea .CenterHeaderArea .modeQuickMenu .quickMenuMoreList > .ulQuickMenuMore li > a:hover, .CenterArea .CenterHeaderArea .modeQuickMenu .quickMenuMoreList > .ulQuickMenuMore li > a:focus {
  background-color: #dde0ec;
  cursor: pointer;
  cursor: pointer;
}
.CenterArea .CenterHeaderArea .modeQuickMenu .btnFavoritePin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  border-radius: 50%;
  cursor: pointer;
}
.CenterArea .CenterHeaderArea .modeQuickMenu .btnFavoritePin:hover, .CenterArea .CenterHeaderArea .modeQuickMenu .btnFavoritePin:focus {
  background-color: #edeff5;
}
.CenterArea .CenterHeaderArea .modeQuickMenu .btnFavoritePin > i {
  display: inline-block;
  width: 15px;
  height: 7px;
  background-position: -28px -199px;
}
.CenterArea .CenterHeaderArea .modeOpenList {
  display: none;
  width: 100%;
  height: 100%;
  border-right: 1px solid #DFE5E8;
  transition: opacity 0.3s;
  opacity: 0;
  overflow: hidden;
  z-index: 8;
}
.CenterArea .CenterHeaderArea .modeOpenList.Show {
  display: flex;
  padding-left: 5px;
  opacity: 1;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList {
  position: relative;
  display: flex;
  width: 100%;
  height: 40px;
  overflow: hidden;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  height: 40px;
  overflow-x: auto;
  overflow-y: hidden;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList::-webkit-scrollbar {
  display: none;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  height: 40px;
  padding: 0 5px 0 10px;
  line-height: 40px;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li > a {
  color: #333;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li .tabPgmTitle {
  margin-right: 10px;
  font-size: 12px;
  color: #666666;
  letter-spacing: -0.7px;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li .addFavorite, .CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li .newTab {
  display: none;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li:hover > .tabPgmTitle, .CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li:focus > .tabPgmTitle {
  border: none;
  color: #333;
  cursor: pointer;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li:hover > .tabPin, .CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li:hover > .menuClose, .CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li:focus > .tabPin, .CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li:focus > .menuClose {
  visibility: visible;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li > .tabPin {
  display: inline-block;
  visibility: hidden;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  background-position: -318px -417px;
  transform: rotate(90deg);
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li > .tabPin:hover, .CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li > .tabPin:focus {
  background-position: -300px -417px;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li > .menuClose {
  display: inline-block;
  flex-shrink: 0;
  width: 24px;
  height: 20px;
  margin: 0;
  background-position: -2px -418px;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li > .menuClose:hover, .CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li > .menuClose:focus {
  background-position: -215px -418px;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Selected {
  display: inline-flex;
  align-items: center;
  margin-top: 5px;
  height: 35px;
  line-height: 31px;
  background-color: #434a4f;
  color: #fff;
  cursor: pointer;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Selected > a:focus-visible {
  outline: 1px solid #fff;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Selected .tabPgmTitle {
  color: #fff;
  font-weight: normal;
  cursor: pointer;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Selected .addFavorite {
  flex-shrink: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: -61px -418px;
  opacity: 0.5;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Selected .addFavorite:hover, .CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Selected .addFavorite:focus {
  opacity: 1;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Selected .addFavorite.on {
  background-position: -82px -418px;
  opacity: 1;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Selected > .newTab {
  display: inline-block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  background-position: -103px -418px;
  opacity: 0.5;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Selected > .newTab:hover, .CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Selected > .newTab:focus {
  opacity: 1;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Selected > .tabPin {
  visibility: visible;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Selected > .tabPin:hover, .CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Selected > .tabPin:focus {
  background-position: -336px -417px;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Selected > .menuClose:hover, .CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Selected > .menuClose:focus {
  background-position: -20px -418px;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Selected.Fixed > .tabPin {
  background-position-y: -417px;
  transform: none;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Selected.Fixed > .tabPin:hover, .CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Selected.Fixed > .tabPin:focus {
  background-position-y: -417px;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Fixed > .tabPin {
  background-position-y: -417px;
  visibility: visible;
  transform: none;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Fixed > .tabPin:hover, .CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.Fixed > .tabPin:focus {
  background-position-y: -417px;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.stateHighlight {
  border: 1px dashed #15B065;
  background-color: rgba(21, 176, 101, 0.1);
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.ui-sortable-helper {
  background-color: rgba(255, 255, 255, 0.7);
  cursor: move;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .ulTopOpenList > li.ui-sortable-helper.Selected {
  background-color: rgba(67, 74, 79, 0.7);
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .btnMoreTabPrev,
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .btnMoreTabNext {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 40px;
  cursor: pointer;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .btnMoreTabPrev > i,
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .btnMoreTabNext > i {
  display: inline-block;
  width: 9px;
  height: 8px;
  background-position: -90px -33px;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .btnMoreTabPrev:hover,
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .btnMoreTabNext:hover {
  background-color: #dde0ec;
  cursor: pointer;
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .btnMoreTabPrev > i {
  transform: rotate(180deg);
}
.CenterArea .CenterHeaderArea .modeOpenList .modeTopOpenList .openMenuMore {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background-position: -153px -407px;
  cursor: pointer;
}
.CenterArea .CenterHeaderArea .openMenuMoreList {
  position: absolute;
  top: 40px;
  right: 120px;
  z-index: 7;
}
.CenterArea .CenterHeaderArea .openMenuMoreList .ulOpenMenuMore {
  display: inline-block;
  width: 180px;
  max-height: 180px;
  padding: 2px 0;
  background-color: #fff;
  overflow-y: auto;
  overflow-x: auto;
  border: 1px solid #e6e6e6;
  /*&::-webkit-scrollbar {
  	width: 10px;
  	height: 10px;
  }

  &::-webkit-scrollbar-button {
  	width: 0;
  	height: 0;
  }

  &::-webkit-scrollbar-track {
  	background: transparent;
  }

  &::-webkit-scrollbar-thumb {
  	height: 4px;
  	width: 4px;
  	background-color: darken($MainBgColor, 6%);

  	&:hover {
  		background-color: darken($MainBgColor, 10%);
  	}
  }*/
}
.CenterArea .CenterHeaderArea .openMenuMoreList .ulOpenMenuMore li {
  cursor: pointer;
}
.CenterArea .CenterHeaderArea .openMenuMoreList .ulOpenMenuMore li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 5px 10px;
  font-size: 11px;
  color: #333;
  letter-spacing: -0.8px;
  word-break: break-all;
}
.CenterArea .CenterHeaderArea .openMenuMoreList .ulOpenMenuMore li:hover > a, .CenterArea .CenterHeaderArea .openMenuMoreList .ulOpenMenuMore li:focus > a {
  background-color: #eaeaea;
  cursor: pointer;
}
.CenterArea .CenterHeaderArea .openMenuMoreList .ulOpenMenuMore li.Fixed > a:after {
  content: "";
  display: flex;
  flex-shrink: 0;
  width: 16px;
  height: 12px;
  background-position: -298px -421px;
  opacity: 0.5;
}
.CenterArea .closeAreaEvent {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.IframeDashBoard {
  width: 100%;
  height: 100%;
}

.dashboardEmptyWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.mainDashboardArea {
  display: none;
}

/*검색 팝업 20230125 김주현 (검색개선 완료되면 아래 검색결과(전체화면) 삭제*/
.modalSearchDlg .dlgWrap .modalDlgArea {
  posiiton: relative;
  display: flex;
  flex-direction: column;
}
.modalSearchDlg .dlgWrap .modalDlgArea .btnClose {
  position: absolute;
  top: -40px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 5px !important;
}
.modalSearchDlg .dlgWrap .modalDlgArea .btnClose:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 17px;
  background-color: #333;
  transform: rotate(45deg);
}
.modalSearchDlg .dlgWrap .modalDlgArea .btnClose:after {
  content: "";
  position: absolute;
  width: 17px;
  height: 2px;
  background-color: #333;
  transform: rotate(45deg);
}
.modalSearchDlg .dlgWrap .modalDlgArea .btnClose:hover:before, .modalSearchDlg .dlgWrap .modalDlgArea .btnClose:hover:after, .modalSearchDlg .dlgWrap .modalDlgArea .btnClose:focus:before, .modalSearchDlg .dlgWrap .modalDlgArea .btnClose:focus:after {
  background-color: #15B065;
}
.modalSearchDlg .dlgWrap .modalDlgArea .btnClose:focus-visible {
  outline: 1px solid #333;
}
.modalSearchDlg .dlgWrap .modalDlgArea .inputQueryArea {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #cccccc;
}
.modalSearchDlg .dlgWrap .modalDlgArea .inputQueryArea > .iconSearch {
  flex-shrink: 0;
  width: 50px;
  height: 100%;
  background-position: -254px -482px;
}
.modalSearchDlg .dlgWrap .modalDlgArea .inputQueryArea > .inputText {
  width: 100%;
  height: 100%;
  padding: 0 5px;
  border: none;
  border-radius: 5px;
  background-color: #fff;
  color: #333;
  font-size: 17px;
  letter-spacing: -0.5px;
}
.modalSearchDlg .dlgWrap .modalDlgArea .inputQueryArea > .inputText:focus {
  color: #15B065;
}
.modalSearchDlg .dlgWrap .modalDlgArea .inputQueryArea > .inputText:valid + .btnDelSearch {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modalSearchDlg .dlgWrap .modalDlgArea .inputQueryArea .btnDelSearch {
  display: none;
  position: relative;
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  margin-right: 16px;
  margin-left: 10px;
  border-radius: 50%;
  background-color: rgba(51, 51, 51, 0.5);
}
.modalSearchDlg .dlgWrap .modalDlgArea .inputQueryArea .btnDelSearch:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 9px;
  background-color: #fff;
  transform: rotate(45deg);
}
.modalSearchDlg .dlgWrap .modalDlgArea .inputQueryArea .btnDelSearch:after {
  content: "";
  position: absolute;
  width: 9px;
  height: 1px;
  background-color: #fff;
  transform: rotate(45deg);
}
.modalSearchDlg .dlgWrap .modalDlgArea .inputQueryArea .btnDelSearch:hover, .modalSearchDlg .dlgWrap .modalDlgArea .inputQueryArea .btnDelSearch:focus {
  background-color: rgba(51, 51, 51, 0.7);
}
.modalSearchDlg .dlgWrap .modalDlgArea .inputQueryArea .btnDelSearch:focus-visible {
  outline: 1px solid #333;
}
.modalSearchDlg .dlgWrap .modalDlgArea .iconArea {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.modalSearchDlg .dlgWrap .modalDlgArea .iconArea > .icon {
  width: 54px;
  height: 54px;
  margin-bottom: 15px;
}
.modalSearchDlg .dlgWrap .modalDlgArea .iconArea > .txtInfo {
  font-size: 13px;
  color: rgba(51, 51, 51, 0.5);
  letter-spacing: -0.5px;
}
.modalSearchDlg .dlgWrap .modalDlgArea .iconArea.default > .icon {
  background-position: -58px -487px;
}
.modalSearchDlg .dlgWrap .modalDlgArea .iconArea.noData > .icon {
  background-position: -130px -498px;
}
.modalSearchDlg .dlgWrap .modalDlgArea .searchLoading {
  position: absolute;
  top: 50px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100% - 50px);
  background-color: #fff;
}
.modalSearchDlg .dlgWrap .modalDlgArea .searchLoading .spinner {
  display: inline-block;
  width: 70px;
  text-align: center;
  z-index: 1;
}
.modalSearchDlg .dlgWrap .modalDlgArea .searchLoading .spinner > div {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: rgba(21, 176, 101, 0.3);
  border-radius: 100%;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.modalSearchDlg .dlgWrap .modalDlgArea .searchLoading .spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.modalSearchDlg .dlgWrap .modalDlgArea .searchLoading .spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.modalSearchDlg .dlgWrap .modalDlgArea .scrollArea {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.modalSearchDlg .dlgWrap .modalDlgArea .scrollArea .ulResultList {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.modalSearchDlg .dlgWrap .modalDlgArea .scrollArea .ulResultList > li {
  width: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 12px 20px;
  letter-spacing: -0.5px;
  flex-grow: 0;
}
.modalSearchDlg .dlgWrap .modalDlgArea .scrollArea .ulResultList > li > .txtProgramName {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  color: #333;
  font-size: 15px;
}
.modalSearchDlg .dlgWrap .modalDlgArea .scrollArea .ulResultList > li > .txtProgramName > i {
  display: block;
  width: 13px;
  height: 11px;
  margin-right: 5px;
  background-position: -202px -498px;
}
.modalSearchDlg .dlgWrap .modalDlgArea .scrollArea .ulResultList > li > .txtModule {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  color: rgba(51, 51, 51, 0.5);
  font-size: 12px;
}
.modalSearchDlg .dlgWrap .modalDlgArea .scrollArea .ulResultList > li > .txtModule > i {
  display: block;
  width: 14px;
  height: 11px;
  margin-right: 5px;
  background-position: -235px -498px;
}
.modalSearchDlg .dlgWrap .modalDlgArea .scrollArea .ulResultList > li > .txtModule > .txt:hover {
  text-decoration: underline;
}
.modalSearchDlg .dlgWrap .modalDlgArea .scrollArea .ulResultList > li > .txtModule + .txtModule {
  margin-top: 2px;
}
.modalSearchDlg .dlgWrap .modalDlgArea .scrollArea .ulResultList > li:hover, .modalSearchDlg .dlgWrap .modalDlgArea .scrollArea .ulResultList > li:focus {
  background-color: #edeff5;
  cursor: pointer;
}
.modalSearchDlg .dlgWrap .modalDlgArea .scrollArea .ulResultList > li.Active > .txtProgramName {
  text-decoration: underline;
}

/*검색 결과(전체화면)*/
.pageProgramQueryAreaBG {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #f1f4f6;
  visibility: collapse;
  z-index: 700;
}
.pageProgramQueryAreaBG.FullBgAreaOpen {
  animation: aniFullBgOpen 0.5s ease 1 forwards;
}
.pageProgramQueryAreaBG.FullBgAreaClose {
  animation: aniFullBgClose 0.5s ease 1 forwards;
}
@keyframes aniFullBgOpen {
  0% {
    top: 80px;
    right: 100px;
    width: 0px;
    height: 0px;
    opacity: 0;
    visibility: visible;
    border-radius: 50%;
  }
  50% {
    top: -3000px;
    right: -3000px;
    width: 6000px;
    height: 6000px;
    opacity: 1;
    border-radius: 50%;
    visibility: visible;
  }
  100% {
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    opacity: 1;
    border-radius: 0;
    visibility: visible;
  }
}
@keyframes aniFullBgClose {
  0% {
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
  }
  50% {
    top: -3000px;
    right: -3000px;
    width: 6000px;
    height: 6000px;
    opacity: 1;
    border-radius: 50%;
  }
  100% {
    top: 80px;
    right: 100px;
    opacity: 0;
    width: 0px;
    height: 0px;
    border-radius: 50%;
    visibility: collapse;
  }
}

.pageProgramQueryArea {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  visibility: collapse;
  z-index: 701;
}
.pageProgramQueryArea.FullPageAreaOpen {
  animation: aniFullPageOpen 0.5s ease 1 forwards;
  animation-delay: 0.3s;
}
.pageProgramQueryArea.FullPageAreaClose {
  animation: aniFullPageClose 0.5s ease 1 forwards;
  animation-delay: 0.3s;
}
@keyframes aniFullPageOpen {
  0% {
    top: -100px;
    left: 0px;
    opacity: 0;
    visibility: visible;
  }
  100% {
    top: 0px;
    left: 0px;
    opacity: 1;
    visibility: visible;
  }
}
@keyframes aniFullPageClose {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: collapse;
  }
}
.pageProgramQueryArea .btnClose {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: white;
  font-size: 40px;
  color: #f1f4f6;
  text-align: left;
  line-height: 48px;
  padding-left: 3px;
}
.pageProgramQueryArea .btnClose::before, .pageProgramQueryArea .btnClose::after {
  content: "";
  position: absolute;
  top: 24px;
  left: 12px;
  width: 25px;
  height: 2px;
  background-color: #333;
  transform: rotate(45deg);
}
.pageProgramQueryArea .btnClose::after {
  transform: rotate(-45deg);
}
.pageProgramQueryArea .btnClose:hover, .pageProgramQueryArea .btnClose:focus {
  background-color: white;
  transition: all 0.3s ease !important;
  box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 5px !important;
  cursor: pointer;
}
.pageProgramQueryArea .resultListArea {
  max-width: 900px;
  height: 100%;
  margin: 0px auto;
  padding: 80px 50px;
}
.pageProgramQueryArea .resultListArea .inputQeuryArea {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #333;
}
.pageProgramQueryArea .resultListArea .inputQeuryArea .inputText {
  float: left;
  width: calc(100% - 50px);
  padding: 10px 20px;
  font-size: 21px;
  color: #333;
  border: 0px;
  background-color: transparent;
}
.pageProgramQueryArea .resultListArea .inputQeuryArea .btnQuery {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  border: 0px;
  background-color: #15B065;
  background-position: 3px -494px;
}
.pageProgramQueryArea .resultListArea .inputQeuryArea .btnQuery:hover, .pageProgramQueryArea .resultListArea .inputQeuryArea .btnQuery:focus {
  cursor: pointer;
  background-color: #0d6c3e;
  cursor: pointer;
  transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
}
.pageProgramQueryArea .resultListArea > .scrollArea {
  height: calc(100% - 100px);
  overflow: auto;
  /*	&::-webkit-scrollbar {
  	width: 8px;
  	height: 8px;
  }

  &::-webkit-scrollbar-button {
  	display: block;
  	height: 10px;
  	background-color: $MainColor;
  }

  &::-webkit-scrollbar-track {
  	background-color: darken($MainColor, 15%);
  }

  &::-webkit-scrollbar-thumb {
  	height: 10px;
  	width: 10px;
  	background-color: darken($MainColor, 15%);
  	border-radius: 8px;
  }*/
}
.pageProgramQueryArea .resultListArea > .scrollArea::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.pageProgramQueryArea .resultListArea > .scrollArea::-webkit-scrollbar-track {
  background-color: transparent;
}
.pageProgramQueryArea .resultListArea > .scrollArea::-webkit-scrollbar-track:hover {
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
.pageProgramQueryArea .resultListArea > .scrollArea::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
}
.pageProgramQueryArea .resultListArea > .scrollArea::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
.pageProgramQueryArea .resultListArea > .scrollArea::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.pageProgramQueryArea .resultListArea > .scrollArea::-webkit-scrollbar-corner {
  background-color: transparent;
}
.pageProgramQueryArea .resultListArea > .scrollArea::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  background-color: transparent;
}
.pageProgramQueryArea .resultListArea > .scrollArea {
  scrollbar-face-color: transparent;
  scrollbar-track-color: transparent;
  scrollbar-3dlight-color: transparent;
  scrollbar-highlight-color: transparent;
  scrollbar-darkshadow-color: transparent;
  scrollbar-shadow-color: transparent;
  scrollbar-arrow-color: transparent;
}
.pageProgramQueryArea .resultListArea .ulResultList {
  width: 100%;
  margin-top: 20px;
}
.pageProgramQueryArea .resultListArea .ulResultList li {
  display: flex;
  align-items: center;
  text-align: left;
}
.pageProgramQueryArea .resultListArea .ulResultList li > a {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px;
}
.pageProgramQueryArea .resultListArea .ulResultList li > a:hover, .pageProgramQueryArea .resultListArea .ulResultList li > a:focus {
  background-color: #15B065;
  cursor: pointer;
}
.pageProgramQueryArea .resultListArea .ulResultList li > a:hover .txtProgramName, .pageProgramQueryArea .resultListArea .ulResultList li > a:focus .txtProgramName {
  color: #fff;
}
.pageProgramQueryArea .resultListArea .ulResultList li > a .txtModule {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 12px;
  color: rgba(51, 51, 51, 0.7);
  background-color: #dde6ea;
  font-size: 13px;
  padding: 4px 8px;
  margin-right: 5px;
}
.pageProgramQueryArea .resultListArea .ulResultList li > a .txtModule > i {
  display: inline-block;
  width: 18px;
  height: 16px;
  margin-right: 5px;
  background-position: -32px -638px;
  cursor: pointer;
}
.pageProgramQueryArea .resultListArea .ulResultList li > a .txtProgramName {
  font-size: 14px;
  color: #333;
  word-break: break-all;
}

.RadialBall {
  position: relative;
  height: 40px;
  width: 40px;
  transition: all 0.1s;
  background-image: none;
  border-radius: 50%;
}
.RadialBall .btnRadialBall {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 40px;
}
.RadialBall .btnRadialBall > i {
  display: block;
  width: 19px;
  height: 19px;
  background-position: -104px -682px;
}
.RadialBall .btnRadialBall:hover > i {
  background-position-x: -131px;
}
.RadialBall .everListWrap {
  display: none;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.RadialBall .everListWrap .everList {
  position: absolute;
  top: 43px;
  right: 3px;
  min-width: 170px;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.RadialBall .everListWrap .depth1 {
  padding: 16px 24px 0;
  font-size: 13px;
  font-weight: bold;
  color: rgba(51, 51, 51, 0.4);
}
.RadialBall .everListWrap .depth1 ~ .depth1 {
  border-top: 1px solid #DBDBDB;
}
.RadialBall .everListWrap .depth2 {
  padding: 5px 0 12px;
}
.RadialBall .everListWrap .depth2 li {
  padding: 5px 24px;
  color: #333;
  font-size: 13px;
  font-weight: bold;
}
.RadialBall .everListWrap .depth2 li:hover {
  color: #15B065;
  cursor: pointer;
}
.RadialBall.open {
  display: block;
  z-index: 120;
}
.RadialBall.open .btnRadialBall:before {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 5px;
  width: 26px;
  height: 2px;
  background-color: #15B065;
}
.RadialBall.open .btnRadialBall > i {
  background-position-x: -131px;
}
.RadialBall.open .everListWrap {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
}
.RadialBall.singleDepth.open .depth1 {
  display: none;
}
.RadialBall.singleDepth.open .depth2 {
  padding: 12px 0;
}

/*********************************************************************
    Member.scss : 로그인 관련
**********************************************************************/
.loginWrap {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  min-width: 1024px;
  background-color: #fff;
  overflow: auto;
}
.loginWrap .loginInputArea {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 450px;
  height: 100%;
  padding: 0 60px;
  background: #fff;
  overflow-y: hidden;
  overflow: visible;
}
.loginWrap .loginInputArea .loginBox {
  width: 100%;
  height: auto;
}
.loginWrap .loginInputArea .loginBox h1 {
  margin: 0 0 20px 0;
  text-align: center;
}
.loginWrap .loginInputArea .loginBox form {
  padding-top: 20px;
  text-align: left;
}
.loginWrap .loginInputArea .loginBox form .companyBox {
  position: relative;
  margin-bottom: 10px;
}
.loginWrap .loginInputArea .loginBox form .companyBox .selectCompany {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px 5px 5px;
  border-radius: 3px;
  cursor: pointer;
}
.loginWrap .loginInputArea .loginBox form .companyBox .selectCompany > a {
  font-size: 13px;
}
.loginWrap .loginInputArea .loginBox form .companyBox .selectCompany > a:hover {
  color: inherit;
}
.loginWrap .loginInputArea .loginBox form .companyBox .selectCompany .arrow {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-left: 8px;
  border-top: 1.5px solid #333;
  border-left: 1.5px solid #333;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(-135deg);
  cursor: pointer;
}
.loginWrap .loginInputArea .loginBox form .companyBox .selectCompany:hover {
  background-color: #F5F7F9;
}
.loginWrap .loginInputArea .loginBox form .companyBox .divComboCompany {
  position: absolute;
  top: 32px;
  left: 0px;
  max-height: 400px;
  padding-bottom: 5px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.15);
  border: 1px solid #E9E9E9;
  z-index: 999;
}
.loginWrap .loginInputArea .loginBox form .companyBox .divComboCompany .txtTitle {
  padding: 10px;
  color: #999;
  font-size: 11px;
}
.loginWrap .loginInputArea .loginBox form .companyBox .divComboCompany .scrollArea {
  max-height: 180px;
  overflow-x: hidden;
  overflow-y: auto;
}
.loginWrap .loginInputArea .loginBox form .companyBox .divComboCompany ul.corpSelect {
  position: relative;
  display: block;
  overflow: hidden;
  overflow-x: auto;
}
.loginWrap .loginInputArea .loginBox form .companyBox .divComboCompany ul.corpSelect li {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 35px;
  padding: 0 10px;
  font-size: 13px;
  color: #333;
}
.loginWrap .loginInputArea .loginBox form .companyBox .divComboCompany ul.corpSelect li > a:hover {
  color: inherit;
}
.loginWrap .loginInputArea .loginBox form .companyBox .divComboCompany ul.corpSelect li:hover, .loginWrap .loginInputArea .loginBox form .companyBox .divComboCompany ul.corpSelect li:focus {
  background-color: #f6f7f9;
}
.loginWrap .loginInputArea .loginBox form .companyBox .divComboCompany ul.corpSelect li.selected {
  background-color: #f6f7f9;
}
.loginWrap .loginInputArea .loginBox form .inputBox {
  position: relative;
  display: flex;
  width: 100%;
  height: 50px;
}
.loginWrap .loginInputArea .loginBox form .inputBox.errorBox {
  border: 1px solid #ff0000;
}
.loginWrap .loginInputArea .loginBox form .inputBox + .inputBox {
  margin-top: 10px;
}
.loginWrap .loginInputArea .loginBox form .inputBox > .inputLoginText {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.loginWrap .loginInputArea .loginBox form .inputBox > .inputLoginText input {
  position: relative;
  width: 100%;
  height: 50px;
  padding: 10px 20px;
  border: 1px solid #E3E3E3;
  background-color: #F5F7F9;
  border-radius: 50px;
  font-size: 14px;
  color: #333;
  letter-spacing: 0;
}
.loginWrap .loginInputArea .loginBox form .inputBox > .inputLoginText input::placeholder {
  color: rgba(51, 51, 51, 0.5);
  font-size: 13px;
}
.loginWrap .loginInputArea .loginBox form .inputBox > .inputLoginText input::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.5);
  font-size: 13px;
}
.loginWrap .loginInputArea .loginBox form .inputBox > .inputLoginText input::-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.5);
  font-size: 13px;
}
.loginWrap .loginInputArea .loginBox form .inputBox > .inputLoginText input:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.5);
  font-size: 13px;
}
.loginWrap .loginInputArea .loginBox form .inputBox > .inputLoginText input:focus {
  box-shadow: rgba(202, 220, 238, 0.57) 0px 0px 0px 1px inset, rgba(207, 211, 216, 0.35) 0px 0px 0px 2px;
}
.loginWrap .loginInputArea .loginBox form .pwRuleInfo {
  margin-top: 15px;
}
.loginWrap .loginInputArea .loginBox form .pwRuleInfo .txtAccountMsg {
  font-size: 12px;
  color: #999;
}
.loginWrap .loginInputArea .loginBox form .pwRuleInfo::before {
  content: "!";
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 7px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #CCCCCC;
  font-size: 10px;
  color: #fff;
  margin-top: 2px;
}
.loginWrap .loginInputArea .loginBox form .loginErrorTxt {
  font-size: 12px;
  color: #fe8739;
  margin: 10px 0 0 0;
  letter-spacing: -0.7px;
}
.loginWrap .loginInputArea .loginBox form .devMode {
  width: 100%;
  text-align: left;
  margin-top: 15px;
}
.loginWrap .loginInputArea .loginBox form .devMode > p {
  display: inline-block;
  width: 49%;
  color: #999;
  font-size: 12px;
}
.loginWrap .loginInputArea .loginBox form .btnLoginWrap {
  margin-top: 20px;
}
.loginWrap .loginInputArea .loginBox form .btnLoginWrap .btnLogin {
  width: 100%;
  height: 45px;
  padding: 0 20px;
  border: 0;
  border-radius: 50px;
  background-color: #15B065;
  color: #fff;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}
.loginWrap .loginInputArea .loginBox form .btnLoginWrap .btnLogin:hover, .loginWrap .loginInputArea .loginBox form .btnLoginWrap .btnLogin:focus {
  background-color: #129958;
  cursor: pointer;
}
.loginWrap .loginInputArea .loginBox form .featWrap {
  display: flex;
  align-items: flex-start;
  margin-top: 15px;
}
.loginWrap .loginInputArea .loginBox form .featWrap .left .checkItem {
  margin-bottom: 10px;
  font-size: 13px;
}
.loginWrap .loginInputArea .loginBox form .featWrap .left .checkItem > .checkbox {
  display: flex;
  align-items: center;
}
.loginWrap .loginInputArea .loginBox form .featWrap .left .checkItem > .checkbox:focus-within {
  outline: 1px solid #333;
}
.loginWrap .loginInputArea .loginBox form .featWrap .left .checkItem > .checkbox > label {
  padding-left: 5px;
}
.loginWrap .loginInputArea .loginBox form .featWrap .right {
  margin-left: auto;
}
.loginWrap .loginInputArea .loginBox form .featWrap .right .pwBtn {
  display: block;
  font-size: 13px;
  color: #333;
  cursor: pointer;
}
.loginWrap .loginInputArea .loginBox form .featWrap .right .pwBtn:hover, .loginWrap .loginInputArea .loginBox form .featWrap .right .pwBtn:focus-visible {
  text-decoration: underline;
}
.loginWrap .loginInputArea .loginBox form .btnOIDCLoginWrap {
  position: relative;
  margin-top: 30px;
}
.loginWrap .loginInputArea .loginBox form .btnOIDCLoginWrap .orDvLine {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  font-size: 13px;
}
.loginWrap .loginInputArea .loginBox form .btnOIDCLoginWrap .orDvLine::before {
  content: "";
  position: absolute;
  top: 9px;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}
.loginWrap .loginInputArea .loginBox form .btnOIDCLoginWrap .orDvLine .txt {
  background-color: #fff;
  padding: 0 15px;
  z-index: 1;
}
.loginWrap .loginInputArea .loginBox form .btnOIDCLoginWrap .btnOIDCLogin {
  width: 100%;
  height: 45px;
  padding: 0 20px;
  border: 0;
  border-radius: 50px;
  background-color: #1266e6;
  color: #fff;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}
.loginWrap .loginInputArea .loginBox form .btnOIDCLoginWrap .btnOIDCLogin:hover, .loginWrap .loginInputArea .loginBox form .btnOIDCLoginWrap .btnOIDCLogin:focus {
  background-color: #105cce;
  cursor: pointer;
}
.loginWrap .loginInputArea .loginFooter {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: transparent;
}
.loginWrap .loginInputArea .loginFooter .btnPersonal {
  display: none;
  padding: 4px 10px;
  margin-right: 10px;
  font-size: 12px;
  letter-spacing: -0.8px;
  color: #666666;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
}
.loginWrap .loginInputArea .loginFooter .btnPersonal:hover {
  cursor: pointer;
  background-color: #f1f1f1;
}
.loginWrap .loginInputArea .loginFooter .footerBox {
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin: 20px 50px;
}
.loginWrap .loginInputArea .loginFooter .footerBox .logoYLW {
  position: absolute;
  bottom: 0;
  left: 0;
}
.loginWrap .loginInputArea .loginFooter .comboLanguage {
  position: relative;
}
.loginWrap .loginInputArea .loginFooter .comboLanguage > .txtSelectedLanguage {
  display: inline-flex;
  align-items: center;
  height: 100%;
  padding-right: 8px;
  font-size: 12px;
  color: #999;
  letter-spacing: -0.3px;
}
.loginWrap .loginInputArea .loginFooter .comboLanguage > .txtSelectedLanguage:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-position: 0 -82px;
}
.loginWrap .loginInputArea .loginFooter .comboLanguage > .txtSelectedLanguage:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 4px 0 0 6px;
  border-width: 1px 0 0 1px;
  border-color: #333;
  border-style: solid;
  transform: rotate(45deg);
}
.loginWrap .loginInputArea .loginFooter .comboLanguage > .txtSelectedLanguage:hover, .loginWrap .loginInputArea .loginFooter .comboLanguage > .txtSelectedLanguage:focus {
  cursor: pointer;
  text-decoration: underline;
  color: #333;
}
.loginWrap .loginInputArea .loginFooter .ulLoginLanguage {
  display: none;
  position: absolute;
  bottom: 23px;
  left: 0;
  border: 1px solid #e6e6e6;
  background-color: #fff;
}
.loginWrap .loginInputArea .loginFooter .ulLoginLanguage > li {
  height: 40px;
}
.loginWrap .loginInputArea .loginFooter .ulLoginLanguage > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0px 12px;
  font-size: 12px;
  color: #737e84;
  letter-spacing: -0.3px;
}
.loginWrap .loginInputArea .loginFooter .ulLoginLanguage > li > a.selected, .loginWrap .loginInputArea .loginFooter .ulLoginLanguage > li > a:hover {
  background-color: #e6e6e6;
  cursor: pointer;
}
.loginWrap .loginInputArea .loginFooter .webAccess, .loginWrap .loginInputArea .loginFooter .btnAdmin {
  display: inline-flex;
  align-items: center;
  padding: 0 4px 0 8px;
  font-size: 12px;
  color: #666666;
}
.loginWrap .loginInputArea .loginFooter .webAccess > a {
  color: #666666;
}
.loginWrap .loginInputArea .loginFooter .btnAdmin:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #333;
}
.loginWrap .loginInputArea .loginFooter .webAccess > a:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #333;
}
.loginWrap .loginInputArea .loginFooter .webAccess .iconHelp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-right: 4px;
  width: 18px;
  height: 18px;
  background-color: #e6e6e6;
  border-radius: 50%;
}
.loginWrap .loginInputArea .loginFooter .webAccess .iconHelp::before {
  content: "?";
}
.loginWrap .loginInputArea .loginFooter .webAccess .iconHelp:hover, .loginWrap .loginInputArea .loginFooter .webAccess .iconHelp:focus {
  text-decoration: none;
  background-color: #d9d9d9;
  cursor: pointer;
}
.loginWrap .loginBg {
  position: absolute;
  top: 0;
  left: 450px;
  display: flex;
  width: calc(100% - 450px);
  height: 100%;
  background-color: #fff;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.loginWrap .loginBg.FitBgImg {
  background-size: contain;
  background-position: left center;
}
.loginWrap.noBgImg {
  justify-content: center;
}
.loginWrap.noBgImg .loginBg {
  display: none;
}

.loginErrorTxt {
  margin: 10px 0 20px 0;
  font-size: 12px;
  color: #F05150;
  letter-spacing: -0.7px;
  text-align: center;
}

.passwordWrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: #f2f5f6;
}
.passwordWrap .wrapper {
  width: 100%;
  min-width: 100%;
  max-height: 100%;
  overflow-y: auto;
}
.passwordWrap .wrapper .passwordArea {
  padding: 50px 0;
  letter-spacing: -0.5px;
}
.passwordWrap .wrapper .passwordArea .iconPw {
  width: 150px;
  height: 150px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
}
.passwordWrap .wrapper .passwordArea .iconPw.forgot {
  background-position: -6px -6px;
}
.passwordWrap .wrapper .passwordArea .iconPw.email {
  background-position: -4px -173px;
}
.passwordWrap .wrapper .passwordArea .iconPw.newSet {
  background-position: -4px -336px;
}
.passwordWrap .wrapper .passwordArea .iconPw.newSetOk {
  background-position: -4px -505px;
}
.passwordWrap .wrapper .passwordArea .iconPw.errorPage {
  background-position: -4px -677px;
}
.passwordWrap .wrapper .passwordArea .iconPw.certification {
  background-position: -6px -843px;
}
.passwordWrap .wrapper .passwordArea .titleLine {
  border: 2px solid #363636;
  width: 50px;
  margin: 20px auto 20px auto;
  display: none;
}
.passwordWrap .wrapper .passwordArea .pwTitle {
  font-size: 26px;
  color: #333;
  letter-spacing: -1px;
  font-weight: lighter;
  text-align: center;
  margin: 0;
}
.passwordWrap .wrapper .passwordArea .errorPageMsg {
  font-size: 14px;
  color: #666666;
  letter-spacing: -1px;
  font-weight: lighter;
  text-align: center;
  margin-top: 30px;
}
.passwordWrap .wrapper .passwordArea > .pwTxt {
  text-align: center;
  color: #333;
}
.passwordWrap .wrapper .passwordArea .errorBtnArea > form {
  text-align: center;
}
.passwordWrap .wrapper .passwordArea .errorBtnArea .errorBtn {
  display: inline-block;
  width: 250px;
  height: 50px;
  color: #fff;
  background-color: #ff5d5d;
  border: 0px;
  margin-top: 20px;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
  letter-spacing: -1px;
  padding: 14px;
}
.passwordWrap .wrapper .passwordArea form .pwTxt {
  font-size: 15px;
  color: #666;
  font-weight: lighter;
  text-align: center;
  margin-top: 10px;
}
.passwordWrap .wrapper .passwordArea form .pwTxt input[type=checkbox] {
  margin-right: 5px;
}
.passwordWrap .wrapper .passwordArea form .pwInputBox {
  width: 320px;
  margin: 30px auto;
}
.passwordWrap .wrapper .passwordArea form .pwInputBox .inputTxt input {
  width: 320px;
  height: 50px;
  border: 1px solid #ccc;
  font-size: 14px;
  color: #333;
  background-color: #fff;
  letter-spacing: 0;
  padding: 3px 10px 5px 10px;
}
.passwordWrap .wrapper .passwordArea form .pwInputTitle {
  display: block;
  font-size: 12px;
  color: #333;
  margin-bottom: 5px;
}
.passwordWrap .wrapper .passwordArea form .pwInfo {
  font-size: 13px;
  color: #3f51b5;
  display: block;
  margin-bottom: 5px;
}
.passwordWrap .wrapper .passwordArea form .txtPwInputInfo {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 320px;
  padding: 8px 0 0px 18px;
  font-size: 12px;
  color: #999;
  text-align: left;
}
.passwordWrap .wrapper .passwordArea form .txtPwInputInfo:before {
  content: "!";
  position: absolute;
  left: 0px;
  top: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13px;
  height: 13px;
  padding: 0;
  border-radius: 50%;
  background-color: #e7e7e7;
  text-align: center;
}
.passwordWrap .wrapper .passwordArea form .txtPwInputForgot {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  color: #15B065;
}
.passwordWrap .wrapper .passwordArea form .txtPwInputForgot:hover {
  text-decoration: underline;
}
.passwordWrap .wrapper .passwordArea form .pwReset {
  position: relative;
  width: 320px;
  margin: 10px auto 15px auto;
}
.passwordWrap .wrapper .passwordArea form .pwReset:first-child {
  width: 320px;
  margin-top: 20px;
  font-size: 14px;
  color: #555;
}
.passwordWrap .wrapper .passwordArea form .pwReset > .inputTxt input {
  width: 320px;
  height: 36px;
  font-size: 12px;
  border: 1px solid #ccc;
  letter-spacing: 0;
  padding: 3px 10px 5px 10px;
  background-color: #fff;
  color: #333;
}
.passwordWrap .wrapper .passwordArea form .pwReset > .inputTxt input::placeholder {
  color: rgba(51, 51, 51, 0.5);
  font-size: 11px;
}
.passwordWrap .wrapper .passwordArea form .pwReset > .inputTxt input::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.5);
  font-size: 11px;
}
.passwordWrap .wrapper .passwordArea form .pwReset > .inputTxt input::-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.5);
  font-size: 11px;
}
.passwordWrap .wrapper .passwordArea form .pwReset > .inputTxt input:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.5);
  font-size: 11px;
}
.passwordWrap .wrapper .passwordArea form .pwReset > .inputTxt input:read-only, .passwordWrap .wrapper .passwordArea form .pwReset > .inputTxt input:disabled {
  background-color: #e7eaeb !important;
  border: 0;
  color: #777;
}
.passwordWrap .wrapper .passwordArea form .pwReset .timeRemain {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 13px;
}
.passwordWrap .wrapper .passwordArea form .pwBtnArea {
  width: 320px;
  margin: 0 auto;
}
.passwordWrap .wrapper .passwordArea form .passwordBtn {
  width: 100%;
  height: 45px;
  font-size: 16px;
  color: #fff;
  background-color: #15B065;
  border: 0px;
  border-radius: 5px;
  margin-top: 20px;
  cursor: pointer;
}
.passwordWrap .wrapper .passwordArea form .passwordBtn:hover {
  background-color: #129958;
  cursor: pointer;
}
.passwordWrap .wrapper .passwordArea form .passwordBtn:active {
  background-color: #119053;
  cursor: pointer;
}
.passwordWrap .wrapper .passwordArea > .pwBtnArea {
  width: 250px;
  margin: 0 auto;
}
.passwordWrap .wrapper .passwordArea > .pwBtnArea > a.passwordBtn {
  display: block;
  width: 250px;
  height: 50px;
  color: #fff;
  background-color: #15B065;
  border: 0px;
  margin-top: 30px;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
  text-decoration-line: none;
  letter-spacing: -1px;
  padding: 14px;
}
.passwordWrap .wrapper .passwordArea .caution {
  width: 320px;
  color: #666666;
  letter-spacing: -1px;
  margin: 0 auto 20px auto;
  font-size: 12px;
}
.passwordWrap .wrapper .passwordArea .caution .title {
  font-weight: bold;
  margin-bottom: 10px;
}
.passwordWrap .wrapper .passwordArea .caution ul li {
  padding-left: 9px;
  text-indent: -10px;
}
.passwordWrap .wrapper .passwordArea .passwordTab {
  display: flex;
  width: 430px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 50px;
}
.passwordWrap .wrapper .passwordArea .passwordTab .tabItem {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
}
.passwordWrap .wrapper .passwordArea .passwordTab .tabItem input[type=radio] {
  border: 1px solid #ccc;
}
.passwordWrap .wrapper .passwordArea .passwordTab .tabItem input[type=radio] + label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #999;
  border-bottom: 2px solid #ccc;
  cursor: pointer;
}
.passwordWrap .wrapper .passwordArea .passwordTab .tabItem input[type=radio]:checked + label {
  color: #333;
  border-color: #333;
}
.passwordWrap .wrapper .passwordArea .passwordTab .tabItem input[type=radio]:focus-visible + label {
  outline: 1px solid #333;
}
.passwordWrap .wrapper .passwordArea .passWordTitle {
  width: 430px;
  margin: 30px auto 0 auto;
  padding-bottom: 10px;
  text-align: center;
}
.passwordWrap .wrapper .passwordArea .passWordTitle .txtTitle {
  font-size: 20px;
  margin-bottom: 10px;
}
.passwordWrap .wrapper .passwordArea .passWordTitle.expired {
  padding-bottom: 50px;
}
.passwordWrap .wrapper .passwordArea .passWordTitle.expired .txtExpired {
  font-size: 14px;
  color: #999;
}
.passwordWrap .wrapper .passwordArea .passwordTabContent {
  width: 450px;
  padding: 0 0 100px 0;
  text-align: center;
  margin: 0 auto;
  letter-spacing: -0.5px;
}
.passwordWrap .wrapper .passwordArea .passwordTabContent .txt {
  margin-bottom: 20px;
  font-size: 15px;
}
.passwordWrap .wrapper .passwordArea .passwordTabContent .txtExpired {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 40px;
}
.passwordWrap .wrapper .passwordArea .passwordTabContent .changePwContent .txt, .passwordWrap .wrapper .passwordArea .passwordTabContent .findPwContent .txt {
  margin-bottom: 20px;
  font-size: 14px;
}
.passwordWrap .wrapper .passwordArea .passwordTabContent .changePwContent .txt .subTxt, .passwordWrap .wrapper .passwordArea .passwordTabContent .findPwContent .txt .subTxt {
  display: block;
  margin-top: 5px;
  color: #999;
}
.passwordWrap .wrapper .passwordArea .passwordTabContent .changePwContent input[type=text], .passwordWrap .wrapper .passwordArea .passwordTabContent .findPwContent input[type=text] {
  width: 320px;
  height: 50px;
  margin-bottom: 30px;
  border: 1px solid #ccc;
  padding: 0 10px;
  font-size: 14px;
}
.passwordWrap .wrapper .passwordArea .passwordTabContent .changePwContent input[type=text]::placeholder, .passwordWrap .wrapper .passwordArea .passwordTabContent .findPwContent input[type=text]::placeholder {
  color: rgba(51, 51, 51, 0.5);
  font-size: 13px;
}
.passwordWrap .wrapper .passwordArea .passwordTabContent .changePwContent input[type=text]::-webkit-input-placeholder, .passwordWrap .wrapper .passwordArea .passwordTabContent .findPwContent input[type=text]::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.5);
  font-size: 13px;
}
.passwordWrap .wrapper .passwordArea .passwordTabContent .changePwContent input[type=text]::-ms-input-placeholder, .passwordWrap .wrapper .passwordArea .passwordTabContent .findPwContent input[type=text]::-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.5);
  font-size: 13px;
}
.passwordWrap .wrapper .passwordArea .passwordTabContent .changePwContent input[type=text]:-ms-input-placeholder, .passwordWrap .wrapper .passwordArea .passwordTabContent .findPwContent input[type=text]:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.5);
  font-size: 13px;
}
.passwordWrap .wrapper .passwordArea .passwordTabContent .changePwContent input[type=text]:focus-visible, .passwordWrap .wrapper .passwordArea .passwordTabContent .findPwContent input[type=text]:focus-visible {
  border-color: #15B065;
}
.passwordWrap .wrapper .passwordArea .passwordTabContent .changePwContent .btnOk, .passwordWrap .wrapper .passwordArea .passwordTabContent .changePwContent .btnSecondary, .passwordWrap .wrapper .passwordArea .passwordTabContent .findPwContent .btnOk, .passwordWrap .wrapper .passwordArea .passwordTabContent .findPwContent .btnSecondary {
  width: 320px;
  height: 45px;
  color: #fff;
  background-color: #15B065;
  font-size: 16px;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s;
}
.passwordWrap .wrapper .passwordArea .passwordTabContent .changePwContent .btnOk:hover, .passwordWrap .wrapper .passwordArea .passwordTabContent .changePwContent .btnOk:focus-visible, .passwordWrap .wrapper .passwordArea .passwordTabContent .changePwContent .btnSecondary:hover, .passwordWrap .wrapper .passwordArea .passwordTabContent .changePwContent .btnSecondary:focus-visible, .passwordWrap .wrapper .passwordArea .passwordTabContent .findPwContent .btnOk:hover, .passwordWrap .wrapper .passwordArea .passwordTabContent .findPwContent .btnOk:focus-visible, .passwordWrap .wrapper .passwordArea .passwordTabContent .findPwContent .btnSecondary:hover, .passwordWrap .wrapper .passwordArea .passwordTabContent .findPwContent .btnSecondary:focus-visible {
  background-color: #129958;
  cursor: pointer;
}
.passwordWrap .wrapper .passwordArea .passwordTabContent .changePwContent .btnOk:active, .passwordWrap .wrapper .passwordArea .passwordTabContent .changePwContent .btnSecondary:active, .passwordWrap .wrapper .passwordArea .passwordTabContent .findPwContent .btnOk:active, .passwordWrap .wrapper .passwordArea .passwordTabContent .findPwContent .btnSecondary:active {
  background-color: #119053;
  cursor: pointer;
}
.passwordWrap .wrapper .passwordArea .passwordTabContent .findPwContent .btnSecondary {
  color: #15B065;
  border: 1px solid #15B065;
  background-color: #fff;
}
.passwordWrap .wrapper .passwordArea .passwordTabContent .findPwContent .btnSecondary:hover, .passwordWrap .wrapper .passwordArea .passwordTabContent .findPwContent .btnSecondary:focus-visible {
  background-color: rgba(21, 176, 101, 0.1);
  cursor: pointer;
}
.passwordWrap .wrapper .passwordArea .passwordTabContent .findPwContent .btnSecondary:active {
  background-color: rgba(21, 176, 101, 0.15);
  cursor: pointer;
}
.passwordWrap .wrapper .passwordArea.tempPwSent .pwTxt {
  margin-top: 20px;
  font-size: 15px;
}
.passwordWrap .wrapper .passwordArea.tempPwSent .subTxt {
  color: #999;
  font-size: 14px;
  text-align: center;
  margin-top: 25px;
}

.popupLoginPage {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 99;
}
.popupLoginPage .popupContent {
  position: relative;
  flex-shrink: 0;
  color: #333;
  background-color: #fff;
  box-shadow: 3px 3px 6px 2px rgba(58, 58, 58, 0.5);
  font-size: 13px;
  letter-spacing: -0.5px;
  z-index: 0;
}
.popupLoginPage .popupContent .title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 30px;
}
.popupLoginPage .popupContent .msg {
  margin-bottom: 30px;
  font-size: 13px;
}
.popupLoginPage .popupContent dl {
  margin-bottom: 20px;
}
.popupLoginPage .popupContent dl dt {
  display: inline-block;
  width: 60px;
  opacity: 0.5;
  margin-bottom: 10px;
}
.popupLoginPage .popupContent dl dd {
  display: inline-block;
  width: calc(100% - 70px);
}
.popupLoginPage .popupContent .info {
  font-size: 11px;
  color: #0f824a;
}
.popupLoginPage .popupContent .info > p {
  position: relative;
  margin-bottom: 10px;
  padding-left: 8px;
}
.popupLoginPage .popupContent .info > p::before {
  content: ".";
  position: absolute;
  top: -4px;
  left: 0;
}
.popupLoginPage .popupContent .infoImages {
  display: inherit;
  cursor: pointer;
  min-width: 300px;
  min-height: 300px;
}
.popupLoginPage .popupContent .neverShow {
  display: flex;
  align-items: center;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  background-color: #fff;
  padding: 0 10px;
  color: #999;
  font-size: 14px;
}
.popupLoginPage .popupContent .neverShow input[type=checkbox] {
  margin-right: 5px;
}
.popupLoginPage .popupContent .neverShow input[type=checkbox] + label {
  margin-right: 20px;
}
.popupLoginPage .popupContent .neverShow .btnClose {
  margin-left: auto;
  padding: 5px 10px;
  font-size: 13px;
}
.popupLoginPage .popupContent .neverShow .btnClose:hover {
  background-color: #efefef;
  border-radius: 5px;
  cursor: pointer;
}

.popupInspectionPage {
  height: 100%;
  z-index: 1;
}
.popupInspectionPage .inspectionHomeWrap {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #eae9e8;
}
.popupInspectionPage .inspectionHomeWrap .inspectionBox {
  width: 730px;
  height: 600px;
  text-align: left;
  top: 380px;
}
.popupInspectionPage .inspectionHomeWrap .inspectionBox > .inspectionTitle {
  text-align: center;
}
.popupInspectionPage .inspectionHomeWrap .inspectionBox > .inspectionTitle > .inspectionTitleImg {
  width: 106px;
  height: 133px;
  text-align: center;
  margin: 0 auto;
}
.popupInspectionPage .inspectionHomeWrap .inspectionBox .popupInspectionPage {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 400px;
}
.popupInspectionPage .inspectionHomeWrap .inspectionBox .popupInspectionPage .popupContent {
  position: relative;
  flex-shrink: 0;
  width: 550px;
  color: #333;
  background-color: #fff;
  box-shadow: 3px 3px 6px 2px rgba(58, 58, 58, 0.5);
  border: 1px solid #999999;
  padding: 25px;
  font-size: 13px;
  letter-spacing: -0.5px;
  z-index: 0;
  text-align: left;
}
.popupInspectionPage .inspectionHomeWrap .inspectionBox .popupInspectionPage .popupContent .title {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
}
.popupInspectionPage .inspectionHomeWrap .inspectionBox .popupInspectionPage .popupContent .msg {
  margin-bottom: 30px;
  font-size: 14px;
}
.popupInspectionPage .inspectionHomeWrap .inspectionBox .popupInspectionPage .popupContent dl {
  margin-bottom: 20px;
}
.popupInspectionPage .inspectionHomeWrap .inspectionBox .popupInspectionPage .popupContent dl dt {
  display: inline-block;
  width: 60px;
  opacity: 0.5;
  margin-bottom: 10px;
}
.popupInspectionPage .inspectionHomeWrap .inspectionBox .popupInspectionPage .popupContent dl dd {
  display: inline-block;
  width: calc(100% - 70px);
}
.popupInspectionPage .inspectionHomeWrap .inspectionBox .popupInspectionPage .popupContent .info {
  font-size: 12px;
  color: #0f824a;
}
.popupInspectionPage .inspectionHomeWrap .inspectionBox .popupInspectionPage .popupContent .info > p {
  position: relative;
  margin-bottom: 10px;
  padding-left: 8px;
}
.popupInspectionPage .inspectionHomeWrap .inspectionBox .popupInspectionPage .popupContent .info > p::before {
  content: ".";
  position: absolute;
  top: -4px;
  left: 0;
}

.SA_popup {
  width: 100%;
  height: 100%;
  padding: 20px;
  overflow: auto;
}
.SA_popup .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.SA_popup .title h1 {
  font-size: 17px;
  letter-spacing: -0.5px;
}
.SA_popup .title .info {
  font-size: 12px;
  color: #bbb;
  letter-spacing: -0.5px;
}
.SA_popup .markWrap {
  margin: 30px 0;
}
.SA_popup .markWrap > img {
  margin-right: 30px;
}
.SA_popup .aboutSA {
  margin-bottom: 20px;
  font-size: 13px;
  letter-spacing: -0.5px;
  line-height: 20px;
}
.SA_popup table.shortcut {
  width: 100%;
  border-collapse: collapse;
}
.SA_popup table.shortcut thead tr th, .SA_popup table.shortcut tbody tr td {
  padding: 8px 10px;
  font-size: 13px;
  text-align: left;
}
.SA_popup table.shortcut thead tr th {
  border-top: 2px solid #333;
  background-color: #EBEDF5;
}
.SA_popup table.shortcut tbody {
  border-bottom: 2px solid #333;
}
.SA_popup table.shortcut tbody tr td {
  border-bottom: 1px solid #DCDFE8;
  border-right: 1px solid #DCDFE8;
}
.SA_popup table.shortcut tbody tr td:last-child {
  border-right: 0;
}

.sendCodeStepFrameWrap {
  display: flex;
  height: 100%;
}
.sendCodeStepFrameWrap .msgBgArea {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #edeff5;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea {
  display: inline-flex;
  flex-direction: column;
  width: 450px;
  padding: 0 40px;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea > .titleArea {
  text-align: center;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea > .titleArea > .img {
  display: inline-block;
  width: 140px;
  height: 121px;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea > .titleArea > .txtTitle {
  font-size: 32px;
  letter-spacing: -2px;
  margin: 10px 0;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea > .titleArea > .txtDescription {
  width: 100%;
  font-size: 13px;
  letter-spacing: -0.7px;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding: 15px 20px;
  margin-top: 20px;
  border: 1px solid #cccccc;
  background-color: #fff;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .radioGroup {
  display: inline-flex;
  flex-shrink: 0;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  overflow: hidden;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .radioGroup > li {
  width: 100%;
  height: 30px;
  border-right: 1px solid #e6e6e6;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .radioGroup > li.radioTypeIcon > input[type=radio] {
  display: none;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .radioGroup > li.radioTypeIcon > input[type=radio] + label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .radioGroup > li.radioTypeIcon > input[type=radio] + label:hover {
  cursor: pointer;
  background-color: #d8f2ff;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .radioGroup > li.radioTypeIcon > input[type=radio][checked=checked] + label {
  background-color: #2677DC;
  color: #fff;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .radioGroup > li.radioTypeIcon > input[type=radio] + label > .txtValue {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 12px;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .radioGroup > li.radioTypeIcon > input[type=radio] + label > .txtValue:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 5px;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .radioGroup > li.radioTypeIcon.email > input[type=radio] + label > .txtValue:before {
  background-position: 1px 5px;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .radioGroup > li.radioTypeIcon.SMS > input[type=radio] + label > .txtValue:before {
  background-position: 1px -30px;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .radioGroup > li.radioTypeIcon.alarmTalk > input[type=radio] + label > .txtValue:before {
  background-position: 1px -65px;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .radioGroup > li.radioTypeIcon > input[type=radio][checked=checked] + label > .txtValue:before {
  background-position-x: -30px;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .radioGroup > li:last-child {
  border-right: 0px;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .inputArea dl {
  margin-bottom: 20px;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .inputArea dl dt {
  font-size: 14px;
  margin-bottom: 8px;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .inputArea dl dd {
  position: relative;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .inputArea dl dd input {
  width: 100%;
  height: 50px;
  padding: 0 8px;
  border: 1px solid #cccccc;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .inputArea dl dd input:focus {
  color: #15B065;
  font-weight: bold;
  border: 2px solid #15B065;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .inputArea dl dd .btnSendCode {
  position: absolute;
  top: 2px;
  right: 2px;
  display: inline-block;
  height: calc(100% - 4px);
  padding: 0 6px;
  border: 0;
  color: #666666;
  font-size: 11px;
  background-color: #EBEBEB;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .inputArea dl dd .btnSendCode:hover {
  cursor: pointer;
  color: #333;
  background-color: #cccccc;
  cursor: pointer;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .inputArea .btnArea {
  display: flex;
  width: 100%;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .inputArea .btnArea > button {
  height: 50px;
  width: 100%;
  border: 0;
  color: #fff;
  font-size: 16px;
  background-color: #15B065;
  opacity: 1;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .inputArea .btnArea > button:hover {
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 5px;
}
.sendCodeStepFrameWrap .msgBgArea .msgArea .sendCodeStep2Wrap .inputArea .btnArea > button + button {
  margin-right: 10px;
}
.sendCodeStepFrameWrap .imgArea {
  flex-shrink: 0;
  width: calc(100% - 450px);
  background-color: #edeff5;
  background-image: url(/Images/LoginbgAce.jpg?WBK21031002=1);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}
.sendCodeStepFrameWrap .imgArea.FitBgImg {
  background-size: contain;
  background-position: left center;
}

/*********************************************************************
    _Common.scss
**********************************************************************/
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-track {
  background-color: transparent;
}
*::-webkit-scrollbar-track:hover {
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
*::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
}
*::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
*::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.4);
}
*::-webkit-scrollbar-corner {
  background-color: transparent;
}
*::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  background-color: transparent;
}
* {
  scrollbar-face-color: transparent;
  scrollbar-track-color: transparent;
  scrollbar-3dlight-color: transparent;
  scrollbar-highlight-color: transparent;
  scrollbar-darkshadow-color: transparent;
  scrollbar-shadow-color: transparent;
  scrollbar-arrow-color: transparent;
}

article.wrap {
  position: relative;
  width: 100%;
  height: 100%;
  transition: margin-top 0.5s;
  margin-top: 0px;
  z-index: 11000;
  /*IE에서 사용자정보박스(LeftModuleBottom)가 메뉴리스트에 가려지는 이슈 수정 20191211*/
}

.CenterArea {
  top: 0;
}

/****** Common 공통 컨트롤, 버튼 (layout에서 분리됨) *********************/
.btnLineWhite {
  min-width: 120px;
  border: 2px solid #fff;
  background-color: transparent;
  padding: 4px 35px;
  margin-right: 16px;
  color: #fff;
  font-size: 16px;
  letter-spacing: -1px;
}
.btnLineWhite:hover, .btnLineWhite:focus {
  opacity: 1;
  box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

.error404Wrap .errorBox, .errorHomeWrap .errorBox {
  width: 730px;
  text-align: center;
}
.error404Wrap .errorBox .errorTitle, .errorHomeWrap .errorBox .errorTitle {
  text-align: center;
}
.error404Wrap .errorBox .errorTitle .errorTitleImg, .errorHomeWrap .errorBox .errorTitle .errorTitleImg {
  width: 106px;
  height: 133px;
  text-align: center;
  margin: 0 auto;
}
.error404Wrap .errorBox .errorTitle .browserTitleImg, .errorHomeWrap .errorBox .errorTitle .browserTitleImg {
  width: 140px;
  height: 133px;
  text-align: center;
  margin: 0 auto;
  background-position: center;
}
.error404Wrap .errorBox .errorTitle .error404Img, .errorHomeWrap .errorBox .errorTitle .error404Img {
  width: 700px;
  height: 208px;
  text-align: center;
  margin: 0 auto;
}
.error404Wrap .errorBox .errorTitle h1, .errorHomeWrap .errorBox .errorTitle h1 {
  font-size: 60px;
  color: #565a5c;
  line-height: 55px;
  font-weight: bold;
  letter-spacing: -1px;
  margin: 0;
}
.error404Wrap .errorBox .errorHomeArea, .errorHomeWrap .errorBox .errorHomeArea {
  background-color: #fff;
  margin-top: 27px;
  padding: 45px;
}
.error404Wrap .errorBox .errorHomeArea .errorStitle, .errorHomeWrap .errorBox .errorHomeArea .errorStitle {
  font-size: 18px;
  color: #333;
  letter-spacing: -0.5px;
  margin: 0;
}
.error404Wrap .errorBox .errorHomeArea .errorText, .errorHomeWrap .errorBox .errorHomeArea .errorText {
  font-size: 15px;
  color: #666666;
  letter-spacing: -0.5px;
  margin: 30px 0 0 0;
}
.error404Wrap .errorBox .errorHomeArea .errorBtnArea, .errorHomeWrap .errorBox .errorHomeArea .errorBtnArea {
  width: 250px;
  margin: 0 auto;
  padding-top: 20px;
}
.error404Wrap .errorBox .errorHomeArea .errorBtnArea .errorBtn, .errorHomeWrap .errorBox .errorHomeArea .errorBtnArea .errorBtn {
  width: 250px;
  height: 50px;
  color: #fff;
  background-color: #ff5d5d;
  border: 0px;
  margin-top: 10px;
  display: block;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
  text-decoration-line: none;
  letter-spacing: -1px;
  padding: 14px;
}
.error404Wrap .errorBox .errorHomeArea .errorBtnArea .errorBtn.Explorer, .errorHomeWrap .errorBox .errorHomeArea .errorBtnArea .errorBtn.Explorer {
  background-color: #19a7ef;
  font-size: 16px;
}
.error404Wrap .errorBox .errorHomeArea .errorBtnArea .errorBtn.Chrome, .errorHomeWrap .errorBox .errorHomeArea .errorBtnArea .errorBtn.Chrome {
  background-color: #129f5b;
  font-size: 16px;
}

.error404Wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: #34495e;
}

.errorHomeWrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: #eae9e8;
}
.errorHomeWrap.expired {
  background-color: #fff;
}
.errorHomeWrap.expired .errorBox {
  width: 100%;
}
.errorHomeWrap.expired .errorBox .errorTitle {
  display: inline-block;
  margin-bottom: 25px;
}
.errorHomeWrap.expired .errorBox .errorTitle .errorTitleImg {
  display: inline-block;
  width: 190px;
  height: 152px;
  margin-bottom: 45px;
  background-position-x: 20px;
}
.errorHomeWrap.expired .errorBox .errorTitle > h1 {
  font-size: 26px;
  color: #F05150;
}
.errorHomeWrap.expired .errorBox .errorHomeArea {
  margin: 0;
  padding: 0;
}
.errorHomeWrap.expired .errorBox .errorHomeArea > .errorStitle {
  font-weight: normal;
  font-size: 16px;
}

.msgWrap {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
  animation: fade-in 0.5s forwards;
}
.msgWrap.close {
  animation: fade-out 0.5s forwards;
}
.msgWrap.close .msgBox {
  animation: slide-out 0.5s forwards;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slide-in {
  100% {
    transform: translateY(0px);
  }
}
@keyframes fade-out {
  100% {
    opacity: 0;
  }
}
@keyframes slide-out {
  0% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(200%);
  }
}
.msgWrap .msgBox {
  display: flex;
  flex-direction: column;
  width: 400px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  transform: translateY(50px);
  animation: slide-in 0.5s forwards;
}
.msgWrap .msgBox .msgTitle {
  display: flex;
  align-items: center;
  padding: 20px 15px 30px 15px;
}
.msgWrap .msgBox .msgTitle .iconMsgType {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgba(21, 176, 101, 0.1);
  margin-right: 10px;
}
.msgWrap .msgBox .msgTitle .iconMsgType > i {
  width: 3px;
  height: 10px;
  background-position: 0 0;
}
.msgWrap .msgBox .msgTitle .txtTitle {
  flex-shrink: 0;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.5px;
}
.msgWrap .msgBox .msgContent {
  padding: 0 15px 20px 15px;
}
.msgWrap .msgBox .msgContent .txtDescription {
  font-size: 14px;
  letter-spacing: -0.5px;
  white-space: pre-line;
  max-height: 200px;
  overflow-y: auto;
}
.msgWrap .msgBox .msgContent .txtDescriptionSub {
  font-size: 13px;
  color: #999;
  margin-top: 15px;
  white-space: pre-line;
}
.msgWrap .msgBox .msgContent .txtReasonBox {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
}
.msgWrap .msgBox .msgContent .txtReasonBox > .txtReasonTitle {
  padding-bottom: 5px;
  color: #999;
  font-size: 12px;
}
.msgWrap .msgBox .msgContent .txtReasonBox > .textareaReason {
  height: 70px;
}
.msgWrap .msgBox .msgContent input[type=text],
.msgWrap .msgBox .msgContent input[type=number],
.msgWrap .msgBox .msgContent input[type=password],
.msgWrap .msgBox .msgContent textarea {
  width: 100%;
  min-height: 36px;
  padding: 5px 10px;
  font-size: 14px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  border-radius: 3px;
  color: #333;
  transition: all 0.3s;
}
.msgWrap .msgBox .msgContent input[type=text]:hover,
.msgWrap .msgBox .msgContent input[type=number]:hover,
.msgWrap .msgBox .msgContent input[type=password]:hover,
.msgWrap .msgBox .msgContent textarea:hover {
  border-color: #15B065;
}
.msgWrap .msgBox .msgContent input[type=number] {
  text-align: right;
}
.msgWrap .msgBox .msgContent input[type=number]::-webkit-outer-spin-button, .msgWrap .msgBox .msgContent input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.msgWrap .msgBox .msgContent textarea {
  height: 100px;
  resize: none;
}
.msgWrap .msgBox .btnWrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid #e6e6e6;
  padding: 15px;
}
.msgWrap .msgBox .btnWrap input[type=button], .msgWrap .msgBox .btnWrap button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  min-width: 80px;
  height: 36px;
  border-radius: 5px;
  background-color: #15B065;
  color: #fff;
  border: 0;
  font-size: 14px;
  padding: 0 15px;
  transition: all 0.3s;
}
.msgWrap .msgBox .btnWrap input[type=button].btnDefault, .msgWrap .msgBox .btnWrap button.btnDefault {
  background-color: #15B065;
  color: #fff;
}
.msgWrap .msgBox .btnWrap input[type=button].btnDefault:hover, .msgWrap .msgBox .btnWrap button.btnDefault:hover {
  background-color: #129958;
  cursor: pointer;
}
.msgWrap .msgBox .btnWrap input[type=button].btnDefault:active, .msgWrap .msgBox .btnWrap button.btnDefault:active {
  background-color: #119053;
  cursor: pointer;
}
.msgWrap .msgBox .btnWrap input[type=button].btnLine, .msgWrap .msgBox .btnWrap button.btnLine {
  border: 1px solid #e6e6e6;
  background-color: transparent;
  color: #15B065;
}
.msgWrap .msgBox .btnWrap input[type=button].btnLine:hover, .msgWrap .msgBox .btnWrap button.btnLine:hover {
  background-color: rgba(21, 176, 101, 0.1);
  border-color: rgba(21, 176, 101, 0.1);
  cursor: pointer;
}
.msgWrap .msgBox .btnWrap input[type=button].btnLine:active, .msgWrap .msgBox .btnWrap button.btnLine:active {
  background-color: rgba(21, 176, 101, 0.15);
  border-color: rgba(21, 176, 101, 0.15);
  cursor: pointer;
}
.msgWrap .msgBox .btnWrap input[type=button].seperate, .msgWrap .msgBox .btnWrap button.seperate {
  position: absolute;
  top: 15px;
  left: 20px;
  margin-right: auto;
  margin-left: 0;
}
.msgWrap .msgBox .btnWrap input[type=button].focus-wa:focus-visible, .msgWrap .msgBox .btnWrap button.focus-wa:focus-visible {
  outline: 1px solid #333;
}
.msgWrap .msgBox.Error .msgTitle .iconMsgType {
  background-color: rgba(240, 81, 80, 0.1);
}
.msgWrap .msgBox.Error .msgTitle .iconMsgType > i {
  background-position: -13px 0;
}
.msgWrap .msgBox.Error .btnWrap input[type=button].btnDefault {
  background-color: #F05150;
}
.msgWrap .msgBox.Error .btnWrap input[type=button].btnDefault:hover {
  background-color: #ee3a39;
  cursor: pointer;
}
.msgWrap .msgBox.Error .btnWrap input[type=button].btnDefault:active {
  background-color: #ec2221;
  cursor: pointer;
}
.msgWrap .msgBox.Error .btnWrap input[type=button].btnLine {
  color: #F05150;
}
.msgWrap .msgBox.Error .btnWrap input[type=button].btnLine:hover {
  background-color: rgba(240, 81, 80, 0.1);
  border-color: rgba(240, 81, 80, 0.1);
}
.msgWrap .msgBox.Error .btnWrap input[type=button].btnLine:active {
  background-color: rgba(240, 81, 80, 0.15);
  border-color: rgba(240, 81, 80, 0.15);
}
.msgWrap .msgBox.scrollList {
  width: 500px;
}
.msgWrap .msgBox.scrollList .msgTitle .iconMsgType {
  background-color: rgba(240, 81, 80, 0.1);
}
.msgWrap .msgBox.scrollList .msgTitle .iconMsgType > i {
  background-position: -13px 0;
}
.msgWrap .msgBox.scrollList .msgContent {
  padding: 0;
}
.msgWrap .msgBox.scrollList .msgContent .errorList {
  width: 100%;
  border-collapse: collapse;
}
.msgWrap .msgBox.scrollList .msgContent .errorList th, .msgWrap .msgBox.scrollList .msgContent .errorList td {
  padding: 7px 15px;
}
.msgWrap .msgBox.scrollList .msgContent .errorList thead {
  display: block;
  width: 100%;
  background-color: #F5F7F9;
  border-top: 1px solid #e6e6e6;
}
.msgWrap .msgBox.scrollList .msgContent .errorList thead tr {
  display: table;
  width: 100%;
}
.msgWrap .msgBox.scrollList .msgContent .errorList thead tr th {
  font-size: 12px;
  color: #999;
  text-align: left;
  font-weight: normal;
}
.msgWrap .msgBox.scrollList .msgContent .errorList tbody {
  display: block;
  width: 100%;
  max-height: 120px;
  overflow-y: auto;
}
.msgWrap .msgBox.scrollList .msgContent .errorList tbody tr {
  display: table;
  width: 100%;
}
.msgWrap .msgBox.scrollList .msgContent .errorList tbody tr td {
  font-size: 13px;
}
.msgWrap .msgBox.scrollList .msgContent .errorList tbody tr td:last-child {
  font-size: 12px;
  color: #999;
}
.msgWrap .msgBox.scrollList .msgContent .errorList tbody tr:last-child td {
  border-bottom: 0;
}
.msgWrap .msgBox.scrollList .btnWrap input[type=button].btnDefault {
  background-color: #F05150;
}
.msgWrap .msgBox.scrollList .btnWrap input[type=button].btnDefault:hover {
  background-color: #ee3a39;
  cursor: pointer;
}
.msgWrap .msgBox.scrollList .btnWrap input[type=button].btnDefault:active {
  background-color: #ed302f;
  cursor: pointer;
}
.msgWrap .msgBox.scrollList.sheetError .msgContent .errorList th:first-child, .msgWrap .msgBox.scrollList.sheetError .msgContent .errorList td:first-child {
  width: 70px;
  text-align: center;
}
.msgWrap .msgBox.scrollList.uploadFailed .msgContent .errorList thead {
  padding-right: 8px;
}
.msgWrap .msgBox.scrollList.uploadFailed .msgContent .errorList thead tr {
  table-layout: fixed;
}
.msgWrap .msgBox.scrollList.uploadFailed .msgContent .errorList tbody {
  overflow-y: scroll;
}
.msgWrap .msgBox.scrollList.uploadFailed .msgContent .errorList tbody tr {
  table-layout: fixed;
}
.msgWrap .msgBox.scrollList.uploadFailed .msgContent .errorList tbody tr td:first-child .filenameBox {
  display: flex;
}
.msgWrap .msgBox.scrollList.uploadFailed .msgContent .errorList tbody tr td:first-child .filenameBox .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
  min-width: 0;
}
.msgWrap .msgBox.scrollList.uploadFailed .msgContent .errorList tbody tr td:first-child .filenameBox .ext {
  display: inline-block;
  flex-shrink: 0;
}
.msgWrap .msgBox.pgmInfo {
  width: auto;
  min-width: 360px;
}
.msgWrap .msgBox.pgmInfo .msgContent {
  display: flex;
  flex-direction: column-reverse;
  padding: 0;
}
.msgWrap .msgBox.pgmInfo .msgContent .pgmInfoList {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #e6e6e6;
}
.msgWrap .msgBox.pgmInfo .msgContent .pgmInfoList tbody {
  width: 100%;
}
.msgWrap .msgBox.pgmInfo .msgContent .pgmInfoList tbody tr {
  width: 100%;
}
.msgWrap .msgBox.pgmInfo .msgContent .pgmInfoList tbody tr th, .msgWrap .msgBox.pgmInfo .msgContent .pgmInfoList tbody tr td {
  padding: 7px 15px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 12px;
}
.msgWrap .msgBox.pgmInfo .msgContent .pgmInfoList tbody tr th {
  width: 130px;
  text-align: left;
  border-right: 1px solid #e6e6e6;
  background-color: #F5F7F9;
}
.msgWrap .msgBox.pgmInfo .msgContent .pgmInfoList tbody tr.infoDetail {
  display: none;
}
.msgWrap .msgBox.pgmInfo .msgContent .pgmInfoList tbody tr:first-child th, .msgWrap .msgBox.pgmInfo .msgContent .pgmInfoList tbody tr:first-child td {
  border-top: 1px solid #e6e6e6;
}
.msgWrap .msgBox.pgmInfo .msgContent .pgmInfoList tbody tr:last-child th, .msgWrap .msgBox.pgmInfo .msgContent .pgmInfoList tbody tr:last-child td {
  border-bottom: 0;
}
.msgWrap .msgBox.pgmInfo .msgContent > .btnScreenInfo {
  display: none;
}
.msgWrap .msgBox.pgmInfo .msgContent > .btnScreenInfo + label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 50px;
  padding: 0 15px;
  color: #333;
  font-size: 12px;
  opacity: 0.6;
}
.msgWrap .msgBox.pgmInfo .msgContent > .btnScreenInfo + label > i {
  width: 6px;
  height: 6px;
  margin-left: 5px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  transform: rotate(45deg);
}
.msgWrap .msgBox.pgmInfo .msgContent > .btnScreenInfo + label:hover {
  opacity: 1;
  cursor: pointer;
}
.msgWrap .msgBox.pgmInfo .msgContent > .btnScreenInfo:checked + label > i {
  margin-top: 5px;
  transform: rotate(225deg);
}
.msgWrap .msgBox.pgmInfo .msgContent > .btnScreenInfo:checked ~ .pgmInfoList tbody .infoDetail {
  display: table-row;
}
.msgWrap .msgBox.pgmInfo .btnWrap {
  border-top: none;
}
.msgWrap .msgBox.reason .msgContent textarea {
  margin-top: 10px;
}
.msgWrap .msgBox.apprBatchMsg .msgContent {
  padding: 0;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .txtDescription {
  padding: 0 15px;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprCommentWrap {
  width: 100%;
  padding: 20px 15px;
  margin-top: 20px;
  border-top: 1px solid #e6e6e6;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprCommentWrap .titleArea {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
  margin-bottom: 10px;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprCommentWrap .titleArea .title {
  color: #333;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprCommentWrap .titleArea .title .optTxt {
  color: #999999;
  font-weight: normal;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprCommentWrap .titleArea .title .optTxt.required {
  color: #FE8739;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprCommentWrap .titleArea .info {
  margin-left: auto;
  letter-spacing: -0.5px;
  font-size: 12px;
  color: #999999;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprCommentWrap .commentWrite {
  width: 100%;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprCommentWrap .commentWrite > input {
  width: 100%;
  height: 32px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  padding: 0 10px;
  font-size: 13px;
  transition: all 0.3s;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprCommentWrap .commentWrite > input:hover {
  border-color: #15B065;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprCommentWrap .requiredTxt {
  display: flex;
  align-items: center;
  margin: 10px 0 0px 0;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprCommentWrap .requiredTxt .iconTinyInfo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #FE8739;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  margin-right: 5px;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprCommentWrap .requiredTxt .txt {
  color: #FE8739;
  font-size: 12px;
  letter-spacing: -0.5px;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprCommentWrap .requiredTxt .iconTinyInfo::after {
  content: "!";
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprCommentWrap + .divBtnArea {
  display: flex;
  justify-content: center;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprCommentWrap + .divBtnArea > .btnLineWhite {
  width: 130px;
  height: 45px;
  margin: 0 5px;
  padding: 0;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprCommentWrap + .divBtnArea > .btnLineWhite#msgBtnCancelAsync {
  background-color: transparent;
  border: 1px solid #15B065;
  color: #15B065;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprFailedWrap {
  width: 100%;
  max-width: 400px;
  min-height: 70px;
  max-height: 170px;
  margin-top: 20px;
  border-top: 1px solid #e6e6e6;
  color: #333;
  overflow-y: auto;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprFailedWrap .item {
  padding: 10px 15px;
  border-bottom: 1px solid #e6e6e6;
  text-align: left;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprFailedWrap .item .titleWrap {
  display: inline-block;
  width: 100%;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #333;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprFailedWrap .item .titleWrap .drafter {
  font-size: 13px;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprFailedWrap .item .titleWrap .drafter::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  margin: 0 7px;
  background-color: #ccc;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprFailedWrap .item .titleWrap .docTitle {
  font-weight: bold;
  font-size: 13px;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprFailedWrap .item .detailWrap {
  display: flex;
  align-items: center;
  margin: 5px 0 0px 0;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprFailedWrap .item .detailWrap .iconTinyInfo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #F05150;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  margin-right: 5px;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprFailedWrap .item .detailWrap .txt {
  color: #F05150;
  text-align: left;
  font-size: 12px;
  letter-spacing: -0.5px;
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprFailedWrap .item .detailWrap .iconTinyInfo::after {
  content: "!";
}
.msgWrap .msgBox.apprBatchMsg .msgContent .apprFailedWrap .item:last-child {
  border-bottom: 0;
}
.msgWrap .msgBox.favoriteAdd {
  width: 300px;
  transform: none;
}
.msgWrap .msgBox.favoriteAdd .titleArea {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 15px;
}
.msgWrap .msgBox.favoriteAdd .titleArea .title {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: bold;
}
.msgWrap .msgBox.favoriteAdd .titleArea .title > i {
  display: inline-block;
  width: 17px;
  height: 16px;
  background-position: 0px -351px;
  margin-right: 7px;
}
.msgWrap .msgBox.favoriteAdd .titleArea .title.edit > i {
  background-position: -26px -351px;
}
.msgWrap .msgBox.favoriteAdd .titleArea .btnClose {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: -8px;
  margin-left: auto;
  border-radius: 50%;
  width: 34px;
  height: 33px;
}
.msgWrap .msgBox.favoriteAdd .titleArea .btnClose > i {
  display: inline-block;
  width: 13px;
  height: 13px;
  background-position: -147px -351px;
}
.msgWrap .msgBox.favoriteAdd .titleArea .btnClose:hover, .msgWrap .msgBox.favoriteAdd .titleArea .btnClose:focus {
  background-color: #e6e6e6;
  cursor: pointer;
}
.msgWrap .msgBox.favoriteAdd .titleArea .btnClose:focus-visible {
  outline: 1px solid #333;
}
.msgWrap .msgBox.favoriteAdd .pgmNameWrap {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  padding: 0 15px;
}
.msgWrap .msgBox.favoriteAdd .pgmNameWrap > label {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: bold;
}
.msgWrap .msgBox.favoriteAdd .pgmNameWrap > input {
  width: 100%;
  height: 30px;
  padding: 0 5px;
  font-size: 12px;
  border-radius: 3px;
  border: 1px solid #cbd6dd;
  background-color: #fff;
  color: #333;
  transition: all 0.3s;
}
.msgWrap .msgBox.favoriteAdd .pgmNameWrap > input:focus {
  border-color: #15B065;
}
.msgWrap .msgBox.favoriteAdd .pgmNameWrap > input:disabled {
  background-color: transparent;
  border-color: transparent;
  padding: 0;
  height: 20px;
}
.msgWrap .msgBox.favoriteAdd .tooltipForEdit {
  position: absolute;
  top: 62px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(51, 51, 51, 0.85);
  padding: 5px 5px;
  border-radius: 4px;
  display: none;
}
.msgWrap .msgBox.favoriteAdd .tooltipForEdit > p {
  color: #fff;
  font-size: 11px;
}
.msgWrap .msgBox.favoriteAdd .tooltipForEdit::after {
  content: "";
  position: absolute;
  top: -4px;
  left: 35px;
  width: 1px;
  height: 1px;
  border-top: 5px solid rgba(51, 51, 51, 0.85);
  border-right: 5px solid rgba(51, 51, 51, 0.85);
  border-left: 4px solid transparent;
  border-bottom: 4px solid transparent;
  transform: rotate(-45deg);
}
.msgWrap .msgBox.favoriteAdd .sltFolder {
  margin-top: 10px;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .titleWrap {
  display: flex;
  margin-bottom: 7px;
  padding: 0 15px;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .titleWrap .title {
  font-size: 12px;
  color: #999;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .titleWrap .title .count {
  margin-left: 5px;
  color: #15B065;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .titleWrap .btnAddFolder {
  font-size: 12px;
  margin-left: auto;
  color: #333;
  cursor: pointer;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .titleWrap .btnAddFolder:hover {
  opacity: 0.6;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList {
  width: 100%;
  height: 150px;
  overflow: auto;
  border: 1px solid #e6e6e6;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li {
  position: relative;
  display: flex;
  width: 100%;
  height: 33px;
  padding: 0 15px;
  line-height: 18px;
  color: #333;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li > input[type=checkbox] + label {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  font-size: 1em;
  cursor: pointer;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li > input[type=checkbox] + label::before {
  content: "";
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  margin-right: 5px;
  width: 1.25em;
  height: 1.25em;
  border-radius: 3px;
  border: 1px solid #cbd6dd;
  background-color: #fff;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li > input[type=checkbox] + label > .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 15px;
  margin-right: 5px;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li > input[type=checkbox] + label > .icon.iconStarDefault > i {
  width: 13px;
  height: 15px;
  background-position: -54px -351px;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li > input[type=checkbox] + label > .icon.iconStar > i {
  width: 13px;
  height: 11px;
  background-position: -100px -351px;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li > input[type=checkbox]:checked + label::before {
  border: 1px solid #15B065;
  background-color: #15B065;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li > input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: calc(50% - 4px);
  left: 0.333em;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  height: 0.333em;
  width: 0.667em;
  transform: rotate(-45deg);
}
.msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li > input[type=checkbox]:disabled + label {
  cursor: not-allowed !important;
  color: #838383;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li > input[type=checkbox]:disabled + label::before {
  background-color: #e9e9e9;
  border: 1px solid #ccc;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li > input[type=checkbox]:disabled:checked + label::after {
  border-color: #ccc;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li > input[type=checkbox]:focus-visible + label {
  outline: 1px solid #333;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li.new {
  align-items: center;
  padding: 0 5px 0 15px;
  background-color: rgba(21, 176, 101, 0.1);
  animation: newfolder 2 1s ease-in-out;
  transition: all 0.3s;
}
@keyframes newfolder {
  0% {
    background-color: rgba(21, 176, 101, 0.1);
  }
  50% {
    background-color: rgba(21, 176, 101, 0.3);
  }
  100% {
    background-color: rgba(21, 176, 101, 0.1);
  }
}
.msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li.new > input[type=checkbox] + label {
  flex-shrink: unset;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li.new > input[type=checkbox] + label .inputNewFolder {
  width: calc(100% - 30px);
  height: 28px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 0 5px;
  transition: all 0.3s;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li.new > input[type=checkbox] + label .inputNewFolder:hover {
  border-color: #15B065;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li.new > input[type=checkbox] + label .inputNewFolder:focus {
  color: #15B065;
  border-color: #15B065;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li.new .btnDelete {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-left: auto;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li.new .btnDelete > i {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-position: -170px -351px;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .ulGroupList li.new .btnDelete:hover {
  background-color: rgba(51, 51, 51, 0.1);
  cursor: pointer;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .tooltipForEdit {
  top: -35px;
}
.msgWrap .msgBox.favoriteAdd .sltFolder .tooltipForEdit::after {
  top: unset;
  bottom: -4px;
  left: 50px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: rgba(51, 51, 51, 0.85);
  border-bottom-color: rgba(51, 51, 51, 0.85);
}
.msgWrap .msgBox.favoriteAdd .btnArea {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  width: 100%;
  padding: 15px;
}
.msgWrap .msgBox.favoriteAdd .btnArea input[type=button] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  height: 36px;
  padding: 0 15px;
  border: 0;
  background-color: #15B065;
  color: #fff;
  border-radius: 5px;
  margin-left: 10px;
  letter-spacing: -0.5px;
  transition: all 0.3s;
  cursor: pointer;
}
.msgWrap .msgBox.favoriteAdd .btnArea input[type=button].btnPrimary {
  background-color: #15B065;
  color: #fff;
}
.msgWrap .msgBox.favoriteAdd .btnArea input[type=button].btnPrimary:hover {
  background-color: #129958;
  cursor: pointer;
  opacity: 1;
}
.msgWrap .msgBox.favoriteAdd .btnArea input[type=button].btnPrimary:active {
  background-color: #119053;
  cursor: pointer;
}
.msgWrap .msgBox.favoriteAdd .btnArea input[type=button].btnPrimary:disabled {
  background-color: #ddd;
  color: #999;
  opacity: 0.5;
  pointer-events: none;
}
.msgWrap .msgBox.favoriteAdd .btnArea input[type=button].btnSecondary {
  border: 1px solid #E3E3E3;
  background-color: #fff;
  color: #15B065;
}
.msgWrap .msgBox.favoriteAdd .btnArea input[type=button].btnSecondary:hover {
  background-color: rgba(21, 176, 101, 0.1);
  border-color: rgba(21, 176, 101, 0.1);
  opacity: 1;
  cursor: pointer;
}
.msgWrap .msgBox.favoriteAdd .btnArea input[type=button].btnSecondary:active {
  background-color: rgba(21, 176, 101, 0.15);
  border-color: rgba(21, 176, 101, 0.15);
}
.msgWrap .msgBox.favoriteAdd .btnArea input[type=button]:focus-visible {
  outline: 1px solid #333;
}
.msgWrap .msgBox.sltData .msgContent {
  padding: 0;
}
.msgWrap .msgBox.sltData .msgContent .sltDataList {
  border-top: 1px solid #e6e6e6;
  max-height: 190px;
  overflow: auto;
}
.msgWrap .msgBox.sltData .msgContent .sltDataList li {
  height: 38px;
  border-bottom: 1px solid #e6e6e6;
}
.msgWrap .msgBox.sltData .msgContent .sltDataList li:last-child {
  border-bottom: 0;
}
.msgWrap .msgBox.sltData .msgContent .sltDataList li > a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  font-size: 12px;
}
.msgWrap .msgBox.sltData .msgContent .sltDataList li > a .info {
  margin-left: 5px;
  color: #999;
}
.msgWrap .msgBox.sltData .msgContent .sltDataList li:hover, .msgWrap .msgBox.sltData .msgContent .sltDataList li.On {
  background-color: rgba(21, 176, 101, 0.1);
  color: #15B065;
}
.msgWrap .msgBox.sltData .msgContent .sltDataList li:hover > a p, .msgWrap .msgBox.sltData .msgContent .sltDataList li.On > a p {
  color: #15B065;
}
.msgWrap .msgBox.fromtoCalendar {
  width: 500px;
  height: 515px;
}
.msgWrap .msgBox.fromtoCalendar .msgTitle {
  justify-content: center;
  padding: 15px;
}
.msgWrap .msgBox.fromtoCalendar .msgTitle .txtTitle {
  font-size: 14px;
}
.msgWrap .msgBox.fromtoCalendar .msgTitle .btnClose {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 50%;
}
.msgWrap .msgBox.fromtoCalendar .msgTitle .btnClose > i {
  width: 12px;
  height: 12px;
  background-position: -68px 0;
  pointer-events: none;
}
.msgWrap .msgBox.fromtoCalendar .msgTitle .btnClose:hover, .msgWrap .msgBox.fromtoCalendar .msgTitle .btnClose:focus {
  background-color: #e6e6e6;
  cursor: pointer;
}
.msgWrap .msgBox.fromtoCalendar .msgContent {
  height: 100%;
}
.msgWrap.sessionTimeOut {
  background-color: #fff;
}
.msgWrap.sessionTimeOut .msgBox {
  width: 700px;
  transform: none;
  box-shadow: none;
  text-align: center;
}
.msgWrap.sessionTimeOut .msgBox .msgTitle {
  justify-content: center;
}
.msgWrap.sessionTimeOut .msgBox .msgTitle .txtTitle {
  font-size: 20px;
  font-weight: bold;
}
.msgWrap.sessionTimeOut .msgBox .msgTitle .txtTitle .count {
  margin-left: 5px;
  color: #15B065;
}
.msgWrap.sessionTimeOut .msgBox .msgContent .msgImg {
  width: 196px;
  height: 196px;
  text-align: center;
  margin: 0 auto 20px;
}
.msgWrap.sessionTimeOut .msgBox .msgContent .txtDescription {
  text-align: center;
}
.msgWrap.sessionTimeOut .btnWrap {
  justify-content: center;
  border: 0;
}
.msgWrap.apprAddMyAppLine {
  position: absolute;
  top: 100px;
  left: 100px;
  z-index: 2;
  width: unset;
  height: unset;
  background-color: transparent;
}
.msgWrap.apprAddMyAppLine .msgBox {
  width: 300px;
  transform: none;
}

.popupBox {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.popupBox input[type=button]:hover, .popupBox input[type=button]:focus {
  opacity: 0.8;
}
.popupBox .divMessageBgBox {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 400px;
  max-width: 600px;
  min-height: 230px;
  padding: 15px;
  border-radius: 5px;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
}
.popupBox .divMessageBgBox > .divMessageBox {
  display: inline-block;
  width: 100%;
  min-width: 350px;
  min-height: initial;
  margin: 10px auto;
  padding: 0;
  text-align: center;
}
.popupBox .divMessageBgBox > .divMessageBox .iconImg {
  margin: 0 auto;
  color: #15B065;
}
.popupBox .divMessageBgBox > .divMessageBox .iconImg.icon_info_alt {
  width: 50px;
  height: 50px;
  background-position: 0 0;
}
.popupBox .divMessageBgBox > .divMessageBox .iconImg.icon_error-triangle_alt {
  width: 51px;
  height: 46px;
  background-position: 0 -60px;
}
.popupBox .divMessageBgBox > .divMessageBox .iconImg.icon_volume-low_alt {
  width: 42px;
  height: 52px;
  background-position: 0 -115px;
}
.popupBox .divMessageBgBox > .divMessageBox .iconImg.icon_error-oct_alt {
  width: 50px;
  height: 50px;
  background-position: 0 -177px;
}
.popupBox .divMessageBgBox > .divMessageBox > .txtTitle {
  margin-top: 10px;
  padding: 0 10px;
  color: #15B065;
  font-size: 26px;
  letter-spacing: -2px;
  word-break: break-all;
}
.popupBox .divMessageBgBox > .divMessageBox .txtDescription {
  max-width: 490px;
  max-height: 180px;
  margin: 20px auto 0 auto;
  padding: 0 17px;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
  overflow-x: hidden;
  overflow-y: auto;
  color: #333;
  font-size: 16px;
  letter-spacing: -1px;
  text-align: center;
}
.popupBox .divMessageBgBox > .divMessageBox .txtDetailDescription {
  max-width: 490px;
  max-height: 130px;
  margin-top: 10px;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
  overflow-x: hidden;
  overflow-y: auto;
  color: #15B065;
  font-size: 12px;
}
.popupBox .divMessageBgBox > .divMessageBox .txtCount {
  display: block;
  margin-top: 5px;
  font-size: 30px;
  color: #15B065;
}
.popupBox .divMessageBgBox > .divMessageBox .divBtnArea {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 20px;
}
.popupBox .divMessageBgBox > .divMessageBox .divBtnArea input[type=button] {
  max-width: 400px;
}
.popupBox .divMessageBgBox > .divMessageBox .divBtnArea > .btnLineWhite {
  width: 100%;
  margin: 0 5px;
  padding: 12px 15px;
  border: 1px solid #15B065;
  border-radius: 5px;
  background-color: #15B065;
}
.popupBox .divMessageBgBox > .divMessageBox .divPicture {
  margin-top: 16px;
}
.popupBox .divMessageBgBox > .divMessageBox .divPicture > img {
  width: 56px;
  height: 56px;
}
.popupBox .divMessageBgBox > .divMessageBox .divPicture > span {
  margin-left: 8px;
  color: #fff;
  font-size: 26px;
  letter-spacing: -2px;
  line-height: 56px;
}
.popupBox .divMessageBgBox > .divMessageBox input[type=password], .popupBox .divMessageBgBox > .divMessageBox input[type=text] {
  width: 300px;
  margin: 10px 0;
  padding: 4px 8px;
  font-size: 16px;
  border: 1px solid #fff;
  color: #666666;
}
.popupBox .divMessageBgBox > .divMessageBox select {
  width: 300px;
  margin: 10px 0;
  padding: 4px 8px;
  font-size: 16px;
  border: 1px solid #fff;
  color: #666666;
}
.popupBox .divMessageBgBox > .divMessageBox .txtRemark {
  display: block;
  font-size: 16px;
  color: #fffd6e;
  letter-spacing: -1px;
  margin-bottom: 16px;
}
.popupBox .divMessageBgBox > .divMessageBox.CodehelpRename .txtRemark {
  margin: 10px 0;
  color: #15B065;
  font-size: 14px;
}
.popupBox .divMessageBgBox > .divMessageBox.CodehelpRename input {
  padding: 10px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  font-size: 15px;
}
.popupBox .divMessageBgBox.Info {
  background-color: #fff;
}
.popupBox .divMessageBgBox.Alert {
  background-color: #fff;
}
.popupBox .divMessageBgBox.Error {
  background-color: #fff;
}
.popupBox .divMessageBgBox.SessionTimeout {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  background-color: rgba(241, 244, 246, 0.9);
}
.popupBox .divMessageBgBox.SessionTimeout .divMessageBox {
  width: 500px;
}
.popupBox.sheetErrorMsg .divMessageBox {
  max-height: 500px;
}
.popupBox.sheetErrorMsg ul.msgList {
  max-height: 145px;
  min-height: 20px;
  overflow: auto;
  padding: 0 10px;
  margin-top: 20px;
}
.popupBox.sheetErrorMsg ul.msgList > li {
  display: flex;
  margin-bottom: 15px;
}
.popupBox.sheetErrorMsg ul.msgList > li:last-child {
  margin-bottom: 0;
}
.popupBox.sheetErrorMsg ul.msgList > li > .txtLineNb {
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  min-width: 26px;
  height: 19px;
  padding: 0 3px;
  border-radius: 3px;
  background-color: #15B065;
  color: #fff;
  font-size: 13px;
  margin-right: 10px;
  text-align: center;
}
.popupBox.sheetErrorMsg ul.msgList > li > .txtMsg {
  display: inline-block;
  color: #333;
  font-size: 15px;
  line-height: 19px;
  text-align: left;
  letter-spacing: -1px;
  word-break: break-all;
  white-space: break-spaces;
}
.popupBox.pgmInfo .divMessageBgBox .divMessageBox table.msgList {
  width: 100%;
  margin-top: 20px;
}
.popupBox.pgmInfo .divMessageBgBox .divMessageBox table.msgList tr {
  display: flex;
  margin-bottom: 10px;
}
.popupBox.pgmInfo .divMessageBgBox .divMessageBox table.msgList tr > td {
  flex-shrink: 0;
  padding-top: 5px;
  color: #333;
  text-align: left;
}
.popupBox.pgmInfo .divMessageBgBox .divMessageBox table.msgList tr > td.txtTitle {
  width: 130px;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
}
.popupBox.pgmInfo .divMessageBgBox .divMessageBox table.msgList tr > td.txtValue {
  width: calc(100% - 130px);
  max-width: calc(100% - 130px);
  min-height: 29px;
  padding: 5px 10px;
  border: 1px solid rgba(51, 51, 51, 0.2);
  border-radius: 5px;
  font-size: 13px;
  word-break: break-all;
}
.popupBox.pgmInfo .divMessageBgBox .divMessageBox .txtTitleDetail {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10px;
  font-size: 12px;
  color: #333;
  opacity: 0.6;
}
.popupBox.pgmInfo .divMessageBgBox .divMessageBox .txtTitleDetail .iconMoreArrow {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  border-left: 0px solid transparent;
  transform: rotate(45deg);
}
.popupBox.pgmInfo .divMessageBgBox .divMessageBox .txtTitleDetail:hover, .popupBox.pgmInfo .divMessageBgBox .divMessageBox .txtTitleDetail:focus {
  cursor: pointer;
  opacity: 1;
}
.popupBox.privacyMessage > .divMessageBgBox > .divMessageBox .privacyMessageWrap {
  width: 100%;
  margin-top: 15px;
  text-align: left;
}
.popupBox.privacyMessage > .divMessageBgBox > .divMessageBox .privacyMessageWrap .txt {
  font-size: 13px;
  margin-bottom: 10px;
  letter-spacing: -0.5px;
  text-align: center;
  color: #999999;
}
.popupBox.privacyMessage > .divMessageBgBox > .divMessageBox .privacyMessageWrap textarea {
  width: 100%;
  height: 100px;
  border-radius: 5px;
  border: 1px solid #cbd6dd;
  background-color: #fff;
  color: #333;
  font-size: 14px;
  padding: 10px;
  resize: none;
}

.toastUI {
  position: fixed;
  bottom: 0;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 45px;
  padding: 0 20px;
  border-radius: 25px;
  background-color: rgba(51, 51, 51, 0.9);
  transform: translateX(-50%) translateY(150%);
  transition: transform 0.35s ease, opacity 0.35s ease;
  opacity: 0;
  z-index: 1100;
}
.toastUI > p {
  color: #fff;
  font-size: 13px;
}
.toastUI.show {
  opacity: 1;
  transform: translateX(-50%) translateY(-50%);
}
.toastUI.hide {
  animation: toast-fade-out 0.5s forwards;
}
@keyframes toast-fade-in {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(150%);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%);
  }
}
@keyframes toast-fade-out {
  0% {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) translateY(150%);
  }
}

.programActionArea {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  width: 0;
  height: 100%;
  transition: width 0.3s;
}
.programActionArea.ProgramActionButtonOpen {
  width: 150px;
}
.programActionArea.ProgramActionButtonOpen .actionBtnArea {
  width: 150px;
}
.programActionArea .programActionBg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 16;
}
.programActionArea .btnShowHide {
  position: absolute;
  top: 0;
  left: -15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 40px;
  background-color: #666;
  z-index: 16;
}
.programActionArea .btnShowHide > i {
  width: 4px;
  height: 20px;
  background-position: 0 0;
}
.programActionArea .btnShowHide:hover, .programActionArea .btnShowHide:focus {
  cursor: pointer;
  background-color: #15B065;
}
.programActionArea .actionBtnArea {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 0;
  height: 100%;
  padding: 20px 0;
  background-color: #3f4246;
  text-align: center;
  overflow: hidden;
  overflow-y: auto;
  transition: width 0.3s;
  z-index: 16;
}
.programActionArea .actionBtnArea > .ulActionBtn {
  width: 110px;
}
.programActionArea .actionBtnArea > .ulActionBtn.devMode {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  margin-top: 20px;
  padding-top: 20px;
}
.programActionArea .actionBtnArea > .ulActionBtn > li {
  margin: 0 auto;
  padding: 8px 0;
  text-align: center;
}
.programActionArea .actionBtnArea > .ulActionBtn > li:hover > .icon, .programActionArea .actionBtnArea > .ulActionBtn > li:focus > .icon {
  background-color: #15B065;
  cursor: pointer;
}
.programActionArea .actionBtnArea > .ulActionBtn > li .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #1e1f21;
}
.programActionArea .actionBtnArea > .ulActionBtn > li .icon > i {
  display: inline-block;
  width: 23px;
  height: 23px;
}
.programActionArea .actionBtnArea > .ulActionBtn > li .icon.ScreenInfo > i {
  background-position: 0 -30px;
}
.programActionArea .actionBtnArea > .ulActionBtn > li .icon.ScreenHelp > i {
  width: 12px;
  height: 20px;
  background-position: 0 -311px;
}
.programActionArea .actionBtnArea > .ulActionBtn > li .icon.Language > i {
  background-position: 0 -62px;
}
.programActionArea .actionBtnArea > .ulActionBtn > li .icon.CloseAllTab > i {
  height: 19px;
  background-position: 0 -95px;
}
.programActionArea .actionBtnArea > .ulActionBtn > li .icon.DeleteCache > i {
  background-position: 0 -124px;
}
.programActionArea .actionBtnArea > .ulActionBtn > li .icon.CtrlSetting > i {
  width: 27px;
  background-position: 4px -157px;
}
.programActionArea .actionBtnArea > .ulActionBtn > li .icon.Share > i {
  width: 25px;
  height: 17px;
  background-position: 0 -189px;
}
.programActionArea .actionBtnArea > .ulActionBtn > li .icon.EasyFlow > i {
  height: 26px;
  background-position: 0 -216px;
}
.programActionArea .actionBtnArea > .ulActionBtn > li .icon.BISetting > i {
  width: 23px;
  height: 22px;
  background-position: 0 -252px;
}
.programActionArea .actionBtnArea > .ulActionBtn > li .icon.MyDefaultValue > i {
  width: 20px;
  height: 18px;
  background-position: 0 -284px;
}
.programActionArea .actionBtnArea > .ulActionBtn > li .txtCaption {
  font-size: 12px;
  color: #fff;
  padding: 4px;
}
.programActionArea .actionBtnArea .languageOptionList {
  position: absolute;
  top: 120px;
  right: 150px;
  min-width: 90px;
  background-color: #3f4246;
}
.programActionArea .actionBtnArea .languageOptionList li > a {
  display: block;
  padding: 6px 15px;
  color: #fff;
  font-size: 12px;
}
.programActionArea .actionBtnArea .languageOptionList li > a:hover, .programActionArea .actionBtnArea .languageOptionList li > a:focus {
  background-color: #575b61;
  cursor: pointer;
}
.programActionArea .actionBtnArea .languageOptionList li.on > a {
  background-color: #15B065;
}

/****** Common *********************/
.BarIndicator {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  background-color: #686e71;
  z-index: 1000;
}
.BarIndicator .txtMessage {
  font-size: 13px;
  color: #fff;
  letter-spacing: -1px;
}
.BarIndicator .btnWrap {
  margin-left: 10px;
  height: 24px;
}
.BarIndicator .btnWrap > .btn {
  font-size: 12px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50px;
  padding: 2px 10px;
  letter-spacing: 0;
  margin-right: 5px;
  cursor: pointer;
}
.BarIndicator .btnWrap > .btn:hover {
  background-color: #fff;
  color: #6e7484;
}
.BarIndicator .btnClose {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-position: 0 -595px;
  cursor: pointer;
  font-style: normal;
  margin-left: auto;
}
.BarIndicator + .wrap.IndicatorMargin {
  /*transform: translateY(30px);*/
  /*IE에서 everball 위치 문제로 사용못함*/
  margin-top: 30px;
  height: calc(100% - 30px);
}
.BarIndicator + .wrap.IndicatorMargin .RadialBall {
  top: 40px;
}
.BarIndicator + .wrap.IndicatorMargin .RadialBall .btnRadialBall {
  top: 30px;
}
.BarIndicator + .wrap.IndicatorMargin .RadialBall.open {
  top: -320px;
}
.BarIndicator + .wrap.IndicatorMargin .RadialBall.open .btnRadialBall {
  top: -40px;
}
.BarIndicator + .wrap.IndicatorMargin .RadialBall.open .depth1 {
  top: -170px;
}
.BarIndicator + .wrap.IndicatorMargin .RadialBall.open .depth2 {
  top: -320px;
}
.BarIndicator + .wrap.IndicatorMargin .processToolbarArea {
  top: 30px;
}
.BarIndicator + .wrap.IndicatorMargin .ProcessMenuEdit {
  top: 50px30px;
  height: calc(100% - 50px - 30px);
}
.BarIndicator + .wrap.IndicatorMargin .notiAreaWrap {
  top: 30px;
  height: calc(100% - 30px);
}
.BarIndicator + .wrap.IndicatorMargin .notiAreaWrap .notiArea {
  top: 30px;
  height: calc(100% - 30px);
}
.BarIndicator + .wrap.IndicatorMargin .CenterArea .CenterHeaderArea .userInfoWrap .userInfoLayer {
  top: 30px;
}

.modalCommonDlg .modalDlgArea {
  display: none;
  position: absolute;
  border: 1px solid #ccc;
  background-color: #fff;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  border-radius: 5px;
  animation: fade-in 0.5s;
  transition: all 0.3s;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slide-in {
  100% {
    transform: translateY(0px);
  }
}
@keyframes slide-in {
  100% {
    transform: translateY(0px);
  }
}
@keyframes fade-out {
  100% {
    opacity: 0;
  }
}
@keyframes slide-out {
  0% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(200%);
  }
}
.modalCommonDlg .modalDlgArea > .dlgContentsArea {
  display: inline-block;
  width: 100%;
  height: calc(100% - 40px) !important;
}
.modalCommonDlg .modalDlgArea > .divTitleArea {
  position: relative;
  height: 40px;
}
.modalCommonDlg .modalDlgArea > .divTitleArea > .txtTitle {
  height: 40px;
  padding: 11px 24px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  letter-spacing: -1px;
  text-align: center;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .btn {
  position: absolute;
  top: 3px;
  right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .btn > i {
  width: 12px;
  height: 12px;
  background-position: 0 0;
  pointer-events: none;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .btn.Max {
  right: 35px;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .btn.Max > i {
  width: 12px;
  height: 12px;
  background-position: 0 0;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .btn.Min {
  right: 35px;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .btn.Min > i {
  width: 14px;
  height: 13px;
  background-position: -22px 0;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .btn.Close > i {
  background-position: -68px 0;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .btn:hover {
  background-color: #e6e6e6;
  cursor: pointer;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .btnHelp {
  position: absolute;
  top: 7px;
  right: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  background-color: #CBD6DD;
  border-radius: 50%;
  cursor: pointer;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .btnHelp > i {
  width: 6px;
  height: 13px;
  background-position: -117px 0;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .btnMore {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .btnMore:hover {
  background-color: #e6e6e6;
  cursor: pointer;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .btnMore > i {
  width: 4px;
  height: 18px;
  background-position: 0 -30px;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .actionBtnWrap {
  position: absolute;
  top: 41px;
  left: -20px;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .actionBtnWrap .ulActionBtn {
  display: flex;
  background-color: #3f4246;
  padding: 7px;
  border-radius: 5px;
  box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.2);
}
.modalCommonDlg .modalDlgArea > .divTitleArea .actionBtnWrap .ulActionBtn::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 35px;
  width: 12px;
  height: 12px;
  background-color: #3f4246;
  transform: rotate(45deg);
}
.modalCommonDlg .modalDlgArea > .divTitleArea .actionBtnWrap .ulActionBtn > li {
  display: inline-block;
  width: 80px;
  padding: 8px 0;
  margin: 0 6px;
  text-align: center;
  cursor: pointer;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .actionBtnWrap .ulActionBtn > li:last-child {
  margin-right: 0;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .actionBtnWrap .ulActionBtn > li > .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #1e1f21;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .actionBtnWrap .ulActionBtn > li:hover > .icon {
  cursor: pointer;
  background-color: #15B065;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .actionBtnWrap .ulActionBtn > li .icon > i {
  display: inline-block;
  width: 23px;
  height: 23px;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .actionBtnWrap .ulActionBtn > li .icon.ScreenInfo > i {
  background-position: 0 -30px;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .actionBtnWrap .ulActionBtn > li .icon.CtrlSetting > i {
  width: 27px;
  background-position: 4px -157px;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .actionBtnWrap .ulActionBtn > li .icon.DeleteCache > i {
  background-position: 0 -124px;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .actionBtnWrap .ulActionBtn > li .icon.Share > i {
  width: 25px;
  height: 17px;
  background-position: 0 -189px;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .actionBtnWrap .ulActionBtn > li .icon.EasyFlow > i {
  height: 26px;
  background-position: 0 -216px;
}
.modalCommonDlg .modalDlgArea > .divTitleArea .actionBtnWrap .ulActionBtn > li .txtCaption {
  padding-top: 4px;
  font-size: 12px;
  color: #fff;
}

.popupDragLine {
  position: absolute;
  display: block;
  border: 1px dotted #fff;
}

.popupIframe {
  position: absolute;
  top: -200px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  visibility: collapse;
  opacity: 0;
  z-index: 130;
}
.popupIframe.Close {
  top: -200px;
  transition: ease-in 0.3s;
  visibility: collapse;
  opacity: 0;
}
.popupIframe.Open {
  top: 0px;
  transition: ease-out 0.3s;
  visibility: visible;
  opacity: 1;
}

.modalCommonDlg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  z-index: 30;
}
.modalCommonDlg.easyFillDlg {
  z-index: 50;
}
.modalCommonDlg.addressDlg {
  z-index: 110;
}
.modalCommonDlg.devApprLinkDetail {
  z-index: 40;
}
.modalCommonDlg .dlgWrap {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
}
.modalCommonDlg .dlgFakeWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
}

.modalReportDlg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  padding-top: 50px;
  z-index: 130;
}
.modalReportDlg > .divTitleArea {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  padding: 0 10px;
  background-color: #333;
  text-align: center;
}
.modalReportDlg > .divTitleArea .titleInfo {
  display: flex;
  align-items: center;
}
.modalReportDlg > .divTitleArea .titleInfo .btnReportID {
  display: inline-block;
  width: 29px;
  height: 16px;
  margin-right: 10px;
  background-position: 0 0;
  cursor: pointer;
}
.modalReportDlg > .divTitleArea .titleInfo .divReportID {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 0;
  height: 22px;
  padding: 2px 0;
  margin-right: 10px;
  color: #fff;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 12px;
  overflow: hidden;
  opacity: 0;
  transition: all 0.2s linear;
}
.modalReportDlg > .divTitleArea .titleInfo .divReportID.open {
  max-width: 250px;
  padding-left: 10px;
  padding-right: 10px;
  opacity: 1;
}
.modalReportDlg > .divTitleArea .titleInfo .txtTitle {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  line-height: 50px;
  letter-spacing: -1px;
}
.modalReportDlg > .divTitleArea .titleInfo .btnMoreReport {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.modalReportDlg > .divTitleArea .titleInfo .btnMoreReport > i {
  width: 7px;
  height: 4px;
  background-position: 0 -26px;
}
.modalReportDlg > .divTitleArea .titleInfo .btnMoreReport:hover {
  background-color: #fe8739;
}
.modalReportDlg > .divTitleArea .txtInstall {
  position: absolute;
  top: 0;
  left: calc(50% - 120px);
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 13px;
  letter-spacing: -0.7px;
  color: #fff;
  cursor: pointer;
}
.modalReportDlg > .divTitleArea .txtInstall:hover {
  text-decoration: underline;
}
.modalReportDlg > .divTitleArea .txtInstall > i {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-right: 10px;
  background-position: 0 -40px;
}
.modalReportDlg .moreReportList {
  position: absolute;
  top: 50px;
  left: 0;
}
.modalReportDlg .moreReportList > ul {
  min-width: 150px;
  max-height: 200px;
  background-color: #000;
  overflow: auto;
  /*
           &::-webkit-scrollbar {
               width: 10px;
               height: 10px;
           }

           &::-webkit-scrollbar-button {
               display: block;
               height: 5px;
               background: $InvertBgColor;
               cursor: pointer;
           }

           &::-webkit-scrollbar-thumb {
               height: 4px;
               width: 4px;
               background-color: lighten($InvertBgColor, 40%);
               -webkit-border-radius: 2px;
               border-radius: 10px;
           }

           &::-webkit-scrollbar-track {
               background: $InvertBgColor;
           }*/
}
.modalReportDlg .moreReportList > ul > li {
  color: #fff;
  font-size: 13px;
  padding: 5px 10px;
  text-align: left;
  cursor: pointer;
}
.modalReportDlg .moreReportList > ul > li:last-child {
  padding-bottom: 10px;
}
.modalReportDlg .moreReportList > ul > li:hover {
  background: #fe8739;
}
.modalReportDlg .btnClose {
  position: absolute;
  top: 7px;
  right: 10px;
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  z-index: 131;
}
.modalReportDlg .btnClose::before, .modalReportDlg .btnClose::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 17px;
  width: 2px;
  height: 20px;
  background-color: #fff;
  transform: rotate(45deg);
}
.modalReportDlg .btnClose::after {
  transform: rotate(-45deg);
}
.modalReportDlg .btnClose:hover {
  background-color: #666666;
  cursor: pointer;
}
.modalReportDlg > .modalDlgArea {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: auto;
  text-align: center;
}
.modalReportDlg > .modalDlgArea > .dlgContentsArea {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: auto;
}
.modalReportDlg > .modalDlgArea > .dlgContentsArea#reportContentsArea {
  height: 100% !important;
}
.modalReportDlg > .modalDlgArea > .dlgContentsArea > iframe {
  width: 100%;
  height: calc(100% - 50px);
}
.modalReportDlg > .modalDlgArea > .dlgContentsArea > iframe > html {
  width: 100%;
  height: 100%;
}
.modalReportDlg > .modalDlgArea > .dlgContentsArea > iframe > html > body {
  width: 100%;
  height: 100%;
}
.modalReportDlg.onlineViewer .titleInfo > i {
  width: 15px;
  height: 19px;
  margin-right: 10px;
  background-position: 0 -96px;
}
.modalReportDlg.onlineViewer .titleInfo .txtTitle {
  font-size: 16px;
}
.modalReportDlg.onlineViewer .btnArea {
  margin-left: 10px;
}
.modalReportDlg.onlineViewer button {
  min-width: 60px;
  background-color: transparent;
  color: #fff;
  padding: 4px 10px;
  border-radius: 5px;
  border: 1px solid #fff;
  margin-right: 5px;
  font-size: 13px;
  transition: all 0.3s;
  cursor: pointer;
}
.modalReportDlg.onlineViewer button:focus, .modalReportDlg.onlineViewer button.on {
  background-color: #15B065;
  border: 1px solid #15B065;
}
.modalReportDlg.onlineViewer button > .iconCheck {
  display: inline-block;
  width: 14px;
  height: 12px;
  margin-right: 5px;
  background-position: 0 -125px;
}
.modalReportDlg.onlineViewer button.dis {
  background-color: #555;
  border-color: #666;
  color: rgba(255, 255, 255, 0.3);
  cursor: default;
  pointer-events: none;
}
.modalReportDlg.onlineViewer button.dis > i {
  opacity: 0.3;
}
.modalReportDlg.onlineViewer .inputArea {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 400px;
  padding: 10px;
  background-color: #333;
}
.modalReportDlg.onlineViewer .inputArea textarea {
  width: 100%;
  height: 140px;
  padding: 5px;
  border: 0;
  letter-spacing: -1px;
}
.modalReportDlg.onlineViewer .inputArea > button {
  margin: 10px 0 0 auto;
  background-color: #15B065;
  border: 1px solid #15B065;
  color: #fff;
}
.modalReportDlg.onlineViewer .inputArea > button:hover {
  background-color: #0d6c3e;
  cursor: pointer;
}
.modalReportDlg.onlineViewer .rightArea {
  margin-left: auto;
}
.modalReportDlg.onlineViewer .rightArea .btnComment {
  margin-right: 0;
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
}
.modalReportDlg.onlineViewer .rightArea .btnComment:hover {
  background-color: #fff;
  color: #333;
}

.divPageLoading {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.divPageLoading .divBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.divPageLoading > .divPageLoadingMsg {
  position: relative;
  flex-direction: column;
  min-width: 340px;
  padding: 25px;
  border-radius: 5px;
  background-color: #fff;
  color: #333;
  font-size: 14px;
  text-align: center;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  z-index: 0;
  animation: fade-in 0.5s forwards;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.divPageLoading > .divPageLoadingMsg .txtTitle {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 15px;
}
.divPageLoading > .divPageLoadingMsg .txtDescription {
  color: #333;
  font-size: 14px;
  margin-bottom: 30px;
}
.divPageLoading > .divPageLoadingMsg .spinner {
  display: inline-block;
  width: 70px;
  text-align: center;
  z-index: 1;
}
.divPageLoading > .divPageLoadingMsg .spinner > div {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: rgba(21, 176, 101, 0.2);
  border-radius: 100%;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.divPageLoading > .divPageLoadingMsg .spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.divPageLoading > .divPageLoadingMsg .spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.divPageLoading > .divPageLoadingMsg .btnWrap {
  padding: 0 15px;
  margin-top: 30px;
}
.divPageLoading > .divPageLoadingMsg .btnWrap .txtLoading {
  margin-bottom: 20px;
  font-size: 12px;
  color: #999;
}
.divPageLoading > .divPageLoadingMsg .btnWrap .btnClose {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  height: 36px;
  border-radius: 5px;
  border: 1px solid #e6e6e6;
  color: #15B065;
  font-size: 14px;
  transition: all 0.3s;
}
.divPageLoading > .divPageLoadingMsg .btnWrap .btnClose:hover {
  background-color: rgba(21, 176, 101, 0.1);
  border-color: rgba(21, 176, 101, 0.1);
  cursor: pointer;
}
.divPageLoading > .divPageLoadingMsg .btnWrap .btnClose:active {
  background-color: rgba(21, 176, 101, 0.15);
  border-color: rgba(21, 176, 101, 0.15);
  cursor: pointer;
}
.divPageLoading > .divPageLoadingMsg.msgHidden {
  background: transparent;
  border: 0;
  box-shadow: none;
  animation: none;
}
.divPageLoading > .divPageLoadingMsg.msgHidden .txtTitle {
  display: none;
}
.divPageLoading > .divPageLoadingMsg.msgHidden .txtDescription {
  display: none;
}
.divPageLoading > .divPageLoadingMsg.msgHidden .spinner > div {
  background-color: #fff;
}
.divPageLoading > .divPageLoadingMsg.msgHidden .btnWrap .txtLoading {
  color: #fff;
}
.divPageLoading > .divPageLoadingMsg.msgHidden .btnWrap .btnClose {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0);
}
.divPageLoading > .divPageLoadingMsg.msgHidden .btnWrap .btnClose:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
.divPageLoading > .divPageLoadingMsg.msgHidden .btnWrap .btnClose:active {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.15);
  cursor: pointer;
}

.RightArea {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 120;
}
.RightArea::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.RightArea.RightAreaShow {
  display: block;
  width: 100%;
  opacity: 1;
}
.RightArea.RightAreaShow .codehelpArea {
  animation: aniRightAreaOpen 0.3s;
}
.RightArea.RightAreaHidden {
  opacity: 0;
  visibility: collapse;
}
.RightArea.RightAreaHidden .codehelpArea {
  animation: aniRightAreaClose 0.3s;
}
@keyframes aniRightAreaOpen {
  0% {
    right: -400px;
    opacity: 0;
    visibility: visible;
  }
  100% {
    right: 0px;
    opacity: 1;
    visibility: visible;
  }
}
@keyframes aniRightAreaClose {
  0% {
    right: 0px;
    opacity: 1;
    visibility: visible;
  }
  100% {
    right: -400px;
    opacity: 0;
    visibility: collapse;
  }
}
.RightArea .codehelpArea {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  width: 300px;
  height: 100%;
  background-color: #737e84;
  transition: all 0.3s;
}
.RightArea .codehelpArea .titleArea {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  height: 50px;
  margin-top: 35px;
}
.RightArea .codehelpArea .titleArea .btnBack {
  position: absolute;
  top: 3px;
  left: 0px;
  display: inline-block;
  width: 42px;
  height: 42px;
  background-position: 0 -446px;
  cursor: pointer;
}
.RightArea .codehelpArea .titleArea .title {
  display: inline-block;
  width: 100%;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  line-height: 20px;
  padding: 0 12px;
}
.RightArea .codehelpArea .titleArea .radioViewmode {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  flex-direction: row-reverse;
  border-radius: 5px;
  padding: 3px;
  background-color: #60696e;
}
.RightArea .codehelpArea .titleArea .radioViewmode li {
  float: left;
  min-width: 45px;
  height: 20px;
}
.RightArea .codehelpArea .titleArea .radioViewmode li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.4);
  font-weight: bold;
  border-radius: 3px;
}
.RightArea .codehelpArea .titleArea .radioViewmode li > a.On {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}
.RightArea .codehelpArea .titleArea .radioViewmode li:hover > a {
  color: #fff;
}
.RightArea .codehelpArea .titleArea .btnCustomCodehelp {
  position: absolute;
  top: 6px;
  right: 100px;
  display: inline-block;
  display: none;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #fff;
  background-position: 0px -91px;
}
.RightArea .codehelpArea .searchCodehelpArea {
  flex-shrink: 0;
  margin-top: 0px;
}
.RightArea .codehelpArea .searchCodehelpArea > .combo {
  position: relative;
  height: 30px;
  padding: 0 10px;
  margin-bottom: 10px;
}
.RightArea .codehelpArea .searchCodehelpArea > .combo > .comboBoxItem {
  display: none;
  height: 100%;
  background-color: transparent;
  border: 0;
  color: #fff;
  z-index: 120;
}
.RightArea .codehelpArea .searchCodehelpArea > .combo > .comboBoxItem > option {
  color: #333;
}
.RightArea .codehelpArea .searchCodehelpArea > .searchBox {
  position: relative;
  display: flex;
  width: 100%;
  height: 40px;
  background-color: #fff;
}
.RightArea .codehelpArea .searchCodehelpArea > .searchBox > .tbtnPercent {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.RightArea .codehelpArea .searchCodehelpArea > .searchBox > .tbtnPercent > i {
  width: 13px;
  height: 12px;
  background-position: -54px -48px;
}
.RightArea .codehelpArea .searchCodehelpArea > .searchBox > .tbtnPercent.selected > i {
  background-position: -79px -48px;
}
.RightArea .codehelpArea .searchCodehelpArea > .searchBox > .tbtnPercent:hover {
  background-color: #edefef;
  cursor: pointer;
}
.RightArea .codehelpArea .searchCodehelpArea > .searchBox > .txtCodeHelp {
  flex: 1;
  width: auto;
  min-width: 138px;
  height: 100%;
  border: 0px;
  color: #333;
  font-size: 16px;
  letter-spacing: -1px;
}
.RightArea .codehelpArea .searchCodehelpArea > .searchBox > .txtCodeHelp:valid {
  padding-right: 26px;
}
.RightArea .codehelpArea .searchCodehelpArea > .searchBox > .txtCodeHelp:valid + .btnDelValue {
  display: flex;
  align-items: center;
  justify-content: center;
}
.RightArea .codehelpArea .searchCodehelpArea > .searchBox > .btnDelValue {
  display: none;
  flex-shrink: 0;
  position: absolute;
  top: 0;
  right: 120px;
  width: 26px;
  height: 100%;
  cursor: pointer;
}
.RightArea .codehelpArea .searchCodehelpArea > .searchBox > .btnDelValue > i {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: rgba(51, 51, 51, 0.3);
}
.RightArea .codehelpArea .searchCodehelpArea > .searchBox > .btnDelValue > i:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 9px;
  background-color: #fff;
  transform: rotate(45deg);
}
.RightArea .codehelpArea .searchCodehelpArea > .searchBox > .btnDelValue > i:after {
  content: "";
  position: absolute;
  width: 9px;
  height: 1px;
  background-color: #fff;
  transform: rotate(45deg);
}
.RightArea .codehelpArea .searchCodehelpArea > .searchBox > .btnDelValue:hover > i {
  background-color: rgba(51, 51, 51, 0.5);
}
.RightArea .codehelpArea .searchCodehelpArea > .searchBox .btnWrap {
  margin-left: auto;
  flex-shrink: 0;
}
.RightArea .codehelpArea .searchCodehelpArea > .searchBox .btnWrap .btn {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 0px;
  background-color: #15B065;
  border: 0;
  cursor: pointer;
}
.RightArea .codehelpArea .searchCodehelpArea > .searchBox .btnWrap .btn:hover, .RightArea .codehelpArea .searchCodehelpArea > .searchBox .btnWrap .btn:focus {
  box-shadow: inset 3px 3px 1000px rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.25) 1px 2px 5px;
}
.RightArea .codehelpArea .searchCodehelpArea > .searchBox .btnWrap .btn:active {
  box-shadow: inset 3px 3px 1000px rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.25) 1px 2px 5px;
}
.RightArea .codehelpArea .searchCodehelpArea > .searchBox .btnWrap .btn.Query > i {
  width: 16px;
  height: 17px;
  background-position: 0 -48px;
}
.RightArea .codehelpArea .searchCodehelpArea > .searchBox .btnWrap .btn.LocalQuery > i {
  width: 16px;
  height: 19px;
  background-position: -28px -48px;
}
.RightArea .codehelpArea .searchCodehelpArea > .searchBox .btnWrap .btn.Dis, .RightArea .codehelpArea .searchCodehelpArea > .searchBox .btnWrap .btn.LocalQuery.Dis {
  background-color: #aaa;
  cursor: default;
}
.RightArea .codehelpArea .searchCodehelpArea > .searchBox .btnWrap .btn.Dis > i, .RightArea .codehelpArea .searchCodehelpArea > .searchBox .btnWrap .btn.LocalQuery.Dis > i {
  opacity: 0.5;
}
.RightArea .codehelpArea .detailConditionArea {
  flex-shrink: 0;
  padding: 8px 16px 0px 16px;
}
.RightArea .codehelpArea .detailConditionArea > .option {
  margin-bottom: 5px;
}
.RightArea .codehelpArea .detailConditionArea > .option::after {
  clear: both;
}
.RightArea .codehelpArea .detailConditionArea > .option > li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 30px;
}
.RightArea .codehelpArea .detailConditionArea > .option > li > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  letter-spacing: -1px;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  background-color: #737e84;
  border: 1px solid #fff;
}
.RightArea .codehelpArea .detailConditionArea > .option > li:hover > a {
  color: #fff;
}
.RightArea .codehelpArea .detailConditionArea > .option > li.selected > a {
  color: #15B065;
  background-color: #fff;
}
.RightArea .codehelpArea .detailConditionArea > .option > li:last-child > a {
  border-left: 0;
}
.RightArea .codehelpArea .detailConditionArea .combo {
  height: 30px;
  margin-bottom: 10px;
}
.RightArea .codehelpArea .detailConditionArea .combo .comboBoxItem {
  display: none;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.RightArea .codehelpArea .detailConditionArea .combo .comboBoxItem > option {
  color: #333;
}
.RightArea .codehelpArea .divCodehelpList {
  position: relative;
  width: 300px;
  height: 100%;
  overflow: auto;
  scrollbar-face-color: #666;
  scrollbar-shadow-color: #999;
  scrollbar-darkshadow-color: #ccc;
  scrollbar-track-color: #ccc;
  /*&::-webkit-scrollbar {
  				width: 8px;
  				height: 8px;
  			}

  			&::-webkit-scrollbar-button {
  				display: block;
  				height: 10px;
  				background: $codehelpAreaListBgColor;
  			}

  			&::-webkit-scrollbar-track {
  				background: $codehelpAreaListBgColor;
  			}

  			&::-webkit-scrollbar-thumb {
  				height: 10px;
  				width: 10px;
  				background: darken($codehelpAreaListBgColor, 20%);
  				border-radius: 8px;
  			}
  */
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList {
  position: relative;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList > li {
  position: relative;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList > li > a {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  min-height: 60px;
  padding: 0px 10px 0 15px;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList > li:hover > a {
  cursor: pointer;
  background-color: #4f575c;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList > li.checked > a {
  background-color: #434a4e;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList > li p.mainItem {
  width: 100%;
  min-width: 25px;
  font-size: 14px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList > li p.subItem {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList > li .btnToolbar {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 100%;
  padding: 0;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList > li .btnToolbar > i {
  width: 4px;
  height: 18px;
  background-position: -103px 0;
  opacity: 0.6;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList > li .btnToolbar:hover {
  background-color: #129958;
  cursor: pointer;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList > li .btnToolbar:hover > i {
  opacity: 1;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList .ulToolbar {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #15B065;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList .ulToolbar > li {
  display: inline-flex;
  align-items: center;
  float: left;
  height: 100%;
  text-align: center;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList .ulToolbar > li a.btnAction {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  padding: 0px 8px;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList .ulToolbar > li a.btnAction .icon {
  display: inline-block;
  width: 30px;
  height: 26px;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList .ulToolbar > li a.btnAction .txtName {
  display: block;
  color: #fff;
  font-size: 13px;
  letter-spacing: -1px;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList .ulToolbar > li a:hover {
  background-color: #1ade7f;
  cursor: pointer;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList .ulToolbar > li.toolbarClose > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 100%;
  padding: 0;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList .ulToolbar > li.toolbarClose > a > i {
  width: 4px;
  height: 18px;
  background-position: -103px 0;
  opacity: 0.6;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList .ulToolbar > li.toolbarReplace > .btnAction .icon {
  width: 18px;
  background-position: 0 -94px;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList .ulToolbar > li.toolbarDel > .btnAction .icon {
  width: 18px;
  background-position: -28px -93px;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList .ulToolbar > li.toolbarPersonal > .btnAction .icon {
  width: 18px;
  background-position: -56px -97px;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList.MultiSelect > li > a {
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 69px;
  padding-left: 47px;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList.MultiSelect > li > a:first-child::before {
  content: "";
  position: absolute;
  top: 22px;
  left: 10px;
  width: 24px;
  height: 24px;
  background-position: 0 -151px;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList.MultiSelect > li > a.btnToolbar {
  padding-left: 0;
}
.RightArea .codehelpArea .divCodehelpList .ulCodeHelpList.MultiSelect > li.checked > a:first-child::before {
  background-position: -34px -151px;
}
.RightArea .codehelpArea .divCodehelpList.listNone .noneMsg {
  color: #fff;
  font-size: 13px;
  letter-spacing: -0.5px;
  text-align: center;
  margin-top: 150px;
}
.RightArea .codehelpArea .divCodehelpList.listNone .ulCodeHelpList li {
  display: none;
}
.RightArea .codehelpArea .btnArea {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 75px;
  padding: 15px 10px;
  box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.08);
}
.RightArea .codehelpArea .btnArea > input[type=button] {
  min-width: 130px;
  height: 36px;
  padding: 8px 16px;
  margin-right: 8px;
  font-size: 14px;
  letter-spacing: -1px;
  border: 0;
  border-radius: 5px;
  background-color: #15B065;
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.25) 1px 2px 5px;
  transition: all 0.3s;
  cursor: pointer;
}
.RightArea .codehelpArea .btnArea > input[type=button]:hover {
  background-color: #129958;
  cursor: pointer;
}
.RightArea .codehelpArea .btnArea > input[type=button]:active {
  background-color: #119053;
  cursor: pointer;
}

.CodeHelpSheet {
  z-index: 40;
}
.CodeHelpSheet .popupCodehelp {
  position: absolute;
  top: calc(50% - 285px);
  left: calc(50% - 450px);
  width: 900px;
  height: 570px;
  transform: none;
  animation: unset;
}
.CodeHelpSheet .popupCodehelp .popupCodehelpContent {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.CodeHelpSheet .popupCodehelp .topArea {
  position: relative;
  flex-shrink: 0;
  height: 55px;
  text-align: center;
}
.CodeHelpSheet .popupCodehelp .topArea .radioViewmode {
  position: absolute;
  top: 15px;
  left: 15px;
  display: flex;
  flex-direction: row-reverse;
  border-radius: 5px;
  background-color: #eee;
  padding: 3px;
}
.CodeHelpSheet .popupCodehelp .topArea .radioViewmode > li {
  float: left;
  min-width: 53px;
  height: 20px;
}
.CodeHelpSheet .popupCodehelp .topArea .radioViewmode > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #b3b3b3;
  font-size: 11px;
  font-weight: bold;
  border-radius: 3px;
}
.CodeHelpSheet .popupCodehelp .topArea .radioViewmode > li > a.On {
  background-color: #fff;
  color: #333;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}
.CodeHelpSheet .popupCodehelp .topArea .radioViewmode > li:hover > a {
  color: #333;
}
.CodeHelpSheet .popupCodehelp .topArea .txtTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 14px 24px;
  font-size: 17px;
  font-weight: 700;
  color: #333;
  letter-spacing: -1px;
  text-align: center;
}
.CodeHelpSheet .popupCodehelp .topArea .btn {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 0;
}
.CodeHelpSheet .popupCodehelp .topArea .btn > i {
  pointer-events: none;
}
.CodeHelpSheet .popupCodehelp .topArea .btn.Close > i {
  width: 12px;
  height: 12px;
  background-position: -67px 0;
}
.CodeHelpSheet .popupCodehelp .topArea .btn.Max {
  display: flex;
  right: 40px;
}
.CodeHelpSheet .popupCodehelp .topArea .btn.Max > i {
  width: 12px;
  height: 12px;
  background-position: 0 0;
}
.CodeHelpSheet .popupCodehelp .topArea .btn.Min {
  display: flex;
  right: 40px;
}
.CodeHelpSheet .popupCodehelp .topArea .btn.Min > i {
  width: 13px;
  height: 13px;
  background-position: -22px 0;
}
.CodeHelpSheet .popupCodehelp .topArea .btn:hover {
  background-color: #eaeaea;
  cursor: pointer;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea {
  position: relative;
  padding: 0 16px 10px 16px;
  width: 100%;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .combo {
  float: left;
  width: 150px;
  height: 40px;
  padding: 0px;
  border: 2px solid #15B065;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .combo select.comboBoxItem {
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0 5px;
  font-size: 15px;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .combo select:focus-visible {
  box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 5px;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea > .ulToolbar {
  display: block;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background-color: #15B065;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox {
  position: relative;
  display: flex;
  height: 40px;
  width: calc(100% - 150px);
  border-top: 2px solid #15B065;
  border-bottom: 2px solid #15B065;
  padding-top: 0;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox .tbtnPercent {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 36px;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox .tbtnPercent > i {
  width: 13px;
  height: 12px;
  background-position: -54px -48px;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox .tbtnPercent.selected > i {
  background-position: -79px -48px;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox .tbtnPercent:hover {
  background-color: #edefef;
  cursor: pointer;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox > .txtCodeHelp {
  width: 100%;
  min-width: 138px;
  height: 100%;
  border: 0px;
  color: #333;
  background-color: transparent;
  font-size: 16px;
  letter-spacing: -1px;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox > .txtCodeHelp:valid {
  padding-right: 26px;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox > .txtCodeHelp:valid + .btnDelValue {
  display: flex;
  align-items: center;
  justify-content: center;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox > .btnDelValue {
  display: none;
  flex-shrink: 0;
  position: absolute;
  top: 0;
  right: 120px;
  width: 26px;
  height: 36px;
  cursor: pointer;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox > .btnDelValue > i {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: rgba(51, 51, 51, 0.3);
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox > .btnDelValue > i:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 9px;
  background-color: #fff;
  transform: rotate(45deg);
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox > .btnDelValue > i:after {
  content: "";
  position: absolute;
  width: 9px;
  height: 1px;
  background-color: #fff;
  transform: rotate(45deg);
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox > .btnDelValue:hover > i {
  background-color: rgba(51, 51, 51, 0.5);
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox .searchBtnWrap {
  margin-left: auto;
  flex-shrink: 0;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox .searchBtnWrap .btn {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: -2px 0 0 0;
  background-color: #15B065;
  cursor: pointer;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox .searchBtnWrap .btn:hover, .CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox .searchBtnWrap .btn:focus {
  box-shadow: inset 3px 3px 1000px rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.25) 1px 2px 5px;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox .searchBtnWrap .btn:active {
  box-shadow: inset 3px 3px 1000px rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.25) 1px 2px 5px;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox .searchBtnWrap .btn.Query {
  border-right: 1px solid #fff;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox .searchBtnWrap .btn.Query > i {
  width: 16px;
  height: 17px;
  background-position: 0 -48px;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox .searchBtnWrap .btn.LocalQuery > i {
  width: 16px;
  height: 19px;
  background-position: -28px -48px;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox .searchBtnWrap .btn.LocalQuery.Dis {
  background-color: #aaa;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox .searchBtnWrap .btn.Dis {
  background-color: #aaa;
  cursor: default;
}
.CodeHelpSheet .popupCodehelp .searchCodehelpArea .searchBox .searchBtnWrap .btn.Dis > i {
  opacity: 0.5;
}
.CodeHelpSheet .popupCodehelp .detailConditionArea {
  padding: 0 16px;
}
.CodeHelpSheet .popupCodehelp .detailConditionArea > .option {
  display: flex;
  width: 100%;
  padding: 0 0 10px 0;
}
.CodeHelpSheet .popupCodehelp .detailConditionArea > .option > li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
}
.CodeHelpSheet .popupCodehelp .detailConditionArea > .option > li > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 100px;
  height: 100%;
  padding: 0 10px;
  font-size: 12px;
  letter-spacing: -1px;
  text-align: center;
  color: #d1d1d1;
  background-color: #fff;
  border: 1px solid #ccc;
  margin-left: -1px;
}
.CodeHelpSheet .popupCodehelp .detailConditionArea > .option > li:hover > a {
  color: #15B065;
  background-color: #f4f4f4;
  cursor: pointer;
}
.CodeHelpSheet .popupCodehelp .detailConditionArea > .option > li:first-child > a {
  margin-left: 0;
}
.CodeHelpSheet .popupCodehelp .detailConditionArea > .option > li.selected {
  z-index: 0;
}
.CodeHelpSheet .popupCodehelp .detailConditionArea > .option > li.selected > a {
  color: #15B065;
  background-color: rgba(21, 176, 101, 0.1);
  border: 1px solid #15B065;
}
.CodeHelpSheet .popupCodehelp .detailConditionArea .combo {
  float: left;
  width: 24%;
  height: 30px;
  padding: 0;
  margin-bottom: 10px;
  margin-right: 5px;
}
.CodeHelpSheet .popupCodehelp .detailConditionArea .combo > .comboBoxItem {
  display: none;
  width: 100%;
  height: 100%;
  border: 1px solid #cccccc;
}
.CodeHelpSheet .popupCodehelp .detailConditionArea .combo > .comboBoxItem:focus-visible {
  border-color: #15B065;
  box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 5px;
}
.CodeHelpSheet .popupCodehelp .multiSelectedArea {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: calc(100% - 30px);
  min-height: 35px;
  margin: 0 15px;
  border-radius: 5px 5px 0 0;
  background-color: #EDEFF5;
}
.CodeHelpSheet .popupCodehelp .multiSelectedArea .txtTotal {
  flex-shrink: 0;
  padding: 0 8px;
  font-size: 12px;
}
.CodeHelpSheet .popupCodehelp .multiSelectedArea .txtTotal > .txtValue {
  font-weight: bold;
}
.CodeHelpSheet .popupCodehelp .multiSelectedArea > .divWrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-height: 44px;
  padding: 5px;
  overflow-y: auto;
}
.CodeHelpSheet .popupCodehelp .multiSelectedArea > .divWrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.CodeHelpSheet .popupCodehelp .multiSelectedArea > .divWrap::-webkit-scrollbar-track {
  background-color: transparent;
}
.CodeHelpSheet .popupCodehelp .multiSelectedArea > .divWrap::-webkit-scrollbar-track:hover {
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
.CodeHelpSheet .popupCodehelp .multiSelectedArea > .divWrap::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
}
.CodeHelpSheet .popupCodehelp .multiSelectedArea > .divWrap::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
.CodeHelpSheet .popupCodehelp .multiSelectedArea > .divWrap::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.CodeHelpSheet .popupCodehelp .multiSelectedArea > .divWrap::-webkit-scrollbar-corner {
  background-color: transparent;
}
.CodeHelpSheet .popupCodehelp .multiSelectedArea > .divWrap::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  background-color: transparent;
}
.CodeHelpSheet .popupCodehelp .multiSelectedArea > .divWrap {
  scrollbar-face-color: transparent;
  scrollbar-track-color: transparent;
  scrollbar-3dlight-color: transparent;
  scrollbar-highlight-color: transparent;
  scrollbar-darkshadow-color: transparent;
  scrollbar-shadow-color: transparent;
  scrollbar-arrow-color: transparent;
}
.CodeHelpSheet .popupCodehelp .multiSelectedArea > .btnCodeHelpAllDel {
  display: inline-flex;
  font-size: 11px;
  flex-shrink: 0;
  padding: 4px 8px;
  margin: 0 10px;
  border-radius: 2px;
  color: #333;
  border: 1px solid #cbd6dd;
  background-color: #fff;
}
.CodeHelpSheet .popupCodehelp .multiSelectedArea > .btnCodeHelpAllDel:hover {
  cursor: pointer;
  color: #ff6262;
  border: 1px solid #dfb6b6;
  background-color: #fdecec;
}
.CodeHelpSheet .popupCodehelp .queryListArea {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 15px;
  overflow: hidden;
}
.CodeHelpSheet .popupCodehelp .queryListArea.SubConditionArea1 {
  display: inline-block;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
  width: 100%;
  min-height: 33px;
  padding: 0 15px;
  font-size: 12px;
  letter-spacing: -1px;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .actionBtn {
  display: inline-block;
  flex-shrink: 0;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .actionBtn li {
  float: left;
  margin-right: 10px;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .actionBtn li a {
  display: inline-block;
  vertical-align: middle;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .actionBtn li a:hover {
  color: #15B065;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .actionBtn li a span {
  display: inline-block;
  margin-right: 4px;
  width: 12px;
  height: 12px;
  color: #666;
  font-size: 12px;
  line-height: 41px;
  vertical-align: middle;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .actionBtn .copy {
  background-position: -4px -7px;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .actionBtn .save {
  background-position: -4px -29px;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .actionBtn .rowDel {
  background-position: -4px -71px;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .actionBtn .delete {
  background-position: -4px -50px;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .actionBtn .userCodeAdd {
  background-position: -4px -95px;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .actionBtn .userCodeEdit {
  background-position: -4px -121px;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .searchCount {
  display: inline-flex;
  align-items: center;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .searchCount > label {
  padding-right: 4px;
  color: #333;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .searchCount > select:focus-visible {
  border-color: #15B065;
  box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 5px;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .paging {
  padding: 5px 0;
  margin-left: 10px;
  text-align: center;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .paging a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 23px;
  line-height: 22px;
  border: 1px solid #ccc;
  border-right: 0;
  background-color: #fff;
  text-decoration: none;
  vertical-align: top;
  overflow: hidden;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .paging a span {
  display: block;
  font-size: 12px;
  color: #666666;
  letter-spacing: -1px;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .paging a:last-child {
  border-right: 1px solid #ccc;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .paging a:hover {
  background-color: #eaeaea;
  cursor: pointer;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .paging a.arrow {
  background-color: #fff;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .paging a.arrow span {
  width: 6px;
  height: 9px;
  background-position: 0 0;
  text-indent: -9999px;
  padding: 0;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .paging a.arrow.prev span {
  background-position: 0 0;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .paging a.arrow.next span {
  background-position: 0 0;
  transform: rotate(180deg);
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .paging a.current {
  background-color: #fff;
  border: 1px solid #15B065;
  color: #15B065;
  font-weight: bold;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom .paging a.current span {
  color: #15B065;
  font-weight: bold;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom.Dis {
  opacity: 0.3;
}
.CodeHelpSheet .popupCodehelp .codeHelpBottom.Dis * {
  pointer-events: none;
}
.CodeHelpSheet .popupCodehelp .btnWrap {
  justify-content: center;
  width: 100%;
  padding: 5px 15px 15px 15px;
  border: 0;
}
.CodeHelpSheet .popupCodehelp .btnWrap .btnDefault {
  min-width: 150px;
  width: 150px;
  margin: 0 5px;
  font-size: 15px;
  letter-spacing: -1px;
}
.CodeHelpSheet .popupCodehelp .btnWrap .btnDefault:hover {
  background-color: #129958;
  cursor: pointer;
}
.CodeHelpSheet .popupCodehelp .btnWrap .btnDefault:active {
  background-color: #119053;
  cursor: pointer;
}
.CodeHelpSheet .popupCodehelp .btnWrap > input[type=button]:focus-visible {
  outline: 1px solid #333;
  box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 5px;
}
.CodeHelpSheet .popupCodehelp.Max {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.excPgmDim {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 20;
}

/*********************************************************************
    Control 
**********************************************************************/
.title {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.CenterArea > article {
  width: 100%;
  height: 100%;
}
.CenterArea > article > #iframeParentDiv {
  width: 100%;
  height: 100%;
}
.CenterArea > article > #iframeParentDiv > iframe {
  width: 100%;
  height: 100%;
}

.programArea {
  position: relative;
  width: 100%;
  height: 100%;
}
.programArea .DevLayout {
  position: absolute;
  margin: 0px;
  padding: 0px;
}
.programArea .DevLayout .contents {
  overflow: hidden;
}
.programArea .DevLayout .contents .GridItem {
  position: absolute;
  margin: 0px;
  padding: 0px;
}
.programArea .contentsArea {
  background-color: #edeff5;
  height: calc(100% - 40px);
}
.programArea .contentsArea > form {
  height: 100%;
}
.programArea.officeMode .toolbarArea .ulToolbar {
  padding-left: 40px;
}

.CanvasvVewer {
  box-sizing: border-box;
  /*position:relative;*/
  border: 1px solid #dbdbdb;
  background-color: #fff;
  border-radius: 5px;
  overflow-y: scroll;
}

.toolbarArea {
  height: 40px;
  background-color: #434a4f;
}
.toolbarArea .ulToolbar {
  width: calc(100% - 40px);
  height: 40px;
  overflow: hidden;
}
.toolbarArea .ulToolbar > li {
  position: relative;
  float: left;
  height: 100%;
}
.toolbarArea .ulToolbar > li > a {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 10px;
  font-size: 13px;
  color: #fff;
  letter-spacing: -1px;
  border: 0;
  background-color: transparent;
}
.toolbarArea .ulToolbar > li > a:hover, .toolbarArea .ulToolbar > li > a:focus {
  background-color: #202326;
  cursor: pointer;
  cursor: pointer;
}
.toolbarArea .ulToolbar > li > a span {
  flex-shrink: 0;
}
.toolbarArea .ulToolbar > li img {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.toolbarArea .ulToolbar > li.Dis {
  opacity: 0.4;
  cursor: not-allowed;
}
.toolbarArea .ulToolbar > li.Dis:hover {
  background-color: transparent;
  cursor: not-allowed;
}
.toolbarArea .ulToolbar > li.Dis:hover > a {
  background-color: transparent;
  cursor: not-allowed;
}
.toolbarArea .ulToolbar > li.seperator {
  border-left: 1px solid #727e86;
}
.toolbarArea .ulToolbar > li .iconAdd, .toolbarArea .ulToolbar > li .iconExcel {
  display: none;
  width: 28px;
  height: 40px;
  padding: 0 5px;
  cursor: pointer;
}
.toolbarArea .ulToolbar > li .iconAdd {
  background-position: -260px -40px;
}
.toolbarArea .ulToolbar > li .iconExcel {
  background-position: -260px 0;
}
.toolbarArea .ulToolbar > li.AddData, .toolbarArea .ulToolbar > li.ExcelQuery {
  display: flex;
}
.toolbarArea .ulToolbar > li.AddData > a:first-child, .toolbarArea .ulToolbar > li.ExcelQuery > a:first-child {
  padding: 0 4px 0 10px;
}
.toolbarArea .ulToolbar > li.AddData .iconAdd.Dis, .toolbarArea .ulToolbar > li.AddData .iconExcel.Dis, .toolbarArea .ulToolbar > li.ExcelQuery .iconAdd.Dis, .toolbarArea .ulToolbar > li.ExcelQuery .iconExcel.Dis {
  filter: grayscale(100%);
  opacity: 0.5;
  cursor: default;
}
.toolbarArea .ulToolbar > li.AddData .iconAdd {
  display: inline-block;
}
.toolbarArea .ulToolbar > li.ExcelQuery .iconExcel {
  display: inline-block;
}
.toolbarArea .btnMore {
  position: absolute;
  top: 0px;
  right: 15px;
  width: 40px;
  height: 40px;
  background-position: -255px -406px;
  cursor: pointer;
}
.toolbarArea .btnMore:hover {
  background-color: #202326;
  cursor: pointer;
}
.toolbarArea .ulContextGray {
  width: 180px;
  max-height: 180px;
  padding: 2px 0;
  background-color: #4f575d;
  display: inline-block;
  overflow-y: scroll;
  overflow-x: auto;
}
.toolbarArea .ulContextGray li > a {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 11px;
  color: #fff;
  letter-spacing: -0.8px;
  padding: 10px;
}
.toolbarArea .ulContextGray li > a > img {
  margin-right: 5px;
  width: 15px;
  height: 15px;
}
.toolbarArea .ulContextGray li > a > span {
  display: inline-block;
}
.toolbarArea .ulContextGray li:hover > a {
  cursor: pointer;
  background-color: #373d41;
}
.toolbarArea .ulContextGray::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}
.toolbarArea .ulContextGray::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
.toolbarArea .ulContextGray::-webkit-scrollbar-track {
  background: transparent;
}
.toolbarArea .ulContextGray::-webkit-scrollbar-thumb {
  height: 4px;
  width: 4px;
  background-color: #2c3033;
}

.splitter {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 20;
}
.splitter.Horizontal {
  width: 10px;
  height: 100%;
}
.splitter.Horizontal:hover {
  cursor: col-resize;
  background-color: #15B065;
  opacity: 0.2;
}
.splitter.Vertical {
  width: 100%;
  height: 10px;
}
.splitter.Vertical:hover {
  cursor: row-resize;
  background-color: #15B065;
  opacity: 0.2;
}

.groupBox {
  position: relative;
  box-sizing: border-box;
  /*position:relative;*/
  height: 100%;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
}
.groupBox > .title {
  height: 16px;
  margin: 4px 0 4px 5px;
  padding: 0 0 0 20px;
  font-size: 12px;
  font-weight: bold;
  background-color: #fff;
}
.groupBox > .title::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 6px;
  width: 20px;
  height: 16px;
  background-position: 0px -57px;
}
.groupBox > .contents {
  position: relative;
}
.groupBox > .CanvasvVewer {
  top: auto !important;
}
.groupBox.sheetGroupBox {
  overflow: visible;
}
.groupBox.TitleHidden > p.title {
  display: none;
}

.groupBoxSheet {
  width: 100%;
  height: 100%;
  padding: 1px 1px 0px 1px;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  border-radius: 5px;
  /*overflow: hidden;*/
}
.groupBoxSheet > .title {
  display: flex;
  align-items: center;
  height: 16px;
  margin: 4px 0 4px 5px;
  padding-left: 17px;
  font-size: 12px;
  font-weight: bold;
  background-color: #fff;
}
.groupBoxSheet > .title::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 6px;
  width: 20px;
  height: 16px;
  background-position: 0px -57px;
}
.groupBoxSheet > .contents {
  position: relative;
}
.groupBoxSheet.TitleHidden .title {
  display: none;
}

.expander {
  /*position:relative;*/
  box-sizing: border-box;
  height: 100%;
  min-height: 25px;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 5px;
  overflow: hidden;
  z-index: 2;
}
.expander > .title {
  position: relative;
  display: flex;
  align-items: flex-start;
  min-width: 80px;
  min-height: 24px;
  /*다국어일때 가려질수 있어서 고정height*/
  padding: 5px 10px;
  font-size: 12px;
  color: #333;
  font-weight: bold;
  word-break: keep-all;
  z-index: 1;
}
.expander > .title:before {
  content: "";
  flex-shrink: 0;
  width: 11px;
  height: 6px;
  margin-top: 6px;
  margin-right: 4px;
  background-position: -59px -110px;
}
.expander > .title:hover {
  cursor: pointer;
}
.expander > .title:focus-visible {
  outline: none;
}
.expander.ContentsHidden > .title {
  height: 100%;
}
.expander.ContentsHidden .DevLayout {
  display: none;
}
.expander > .DevLayout {
  position: relative;
}
.expander.expanderDown.ContentsHidden .title:before {
  background-position: -59px -79px;
}
.expander.expanderDown.ContentsHidden .DevLayout {
  display: none;
}
.expander.expanderUp > .title {
  position: absolute;
  bottom: 0;
  left: 0;
}
.expander.expanderUp > .title:before {
  background-position: -59px -79px;
}
.expander.expanderUp > .DevLayout {
  margin-bottom: 25px;
}
.expander.expanderUp .btnPin {
  bottom: 2px;
  top: auto;
}
.expander.expanderUp.ContentsHidden .title:before {
  background-position: -59px -110px;
}
.expander.expanderLeft, .expander.expanderRight {
  display: flex;
}
.expander.expanderLeft > .title, .expander.expanderRight > .title {
  left: unset !important;
  width: unset !important;
  height: 100% !important;
  min-width: unset !important;
  padding: 10px 5px 5px 5px;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  text-orientation: sideways;
  word-break: break-all;
  line-height: 14px;
}
.expander.expanderLeft > .title::before, .expander.expanderRight > .title::before {
  transform: rotate(90deg);
  margin: 0px 4px 7px 0;
}
.expander.expanderLeft.ContentsHidden .title, .expander.expanderRight.ContentsHidden .title {
  width: 100% !important;
  height: 100% !important;
  left: unset !important;
  min-width: unset !important;
}
.expander.expanderLeft > .title:before {
  background-position: -59px -79px;
}
.expander.expanderLeft .btnPin {
  top: auto;
  bottom: 3px;
  left: 2px;
}
.expander.expanderLeft.ContentsHidden .title:before {
  background-position: -59px -110px;
}
.expander.expanderRight {
  flex-direction: row-reverse;
}
.expander.expanderRight > .title:before {
  background-position: -59px -110px;
}
.expander.expanderRight .btnPin {
  top: auto;
  bottom: 3px;
  right: 2px;
}
.expander.expanderRight.ContentsHidden .title:before {
  background-position: -59px -79px;
}
.expander .btnPin {
  position: absolute;
  top: 2px;
  right: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #e6e6e6;
  cursor: pointer;
}
.expander .btnPin > i {
  display: inline-block;
  width: 6px;
  height: 11px;
  background-position: -220px 0;
  transform: rotate(90deg);
}
.expander .btnPin.On > i {
  background-position: -236px 0;
  transform: rotate(0deg);
}
.expander .btnPin.On:hover > i {
  opacity: 0.5;
}

.controlTab {
  width: 100%;
  height: 100%;
}
.controlTab .tabHeader {
  display: flex;
  width: 100%;
  height: 29px;
  overflow: hidden;
}
.controlTab .tabHeader ul {
  display: flex;
  width: 100%;
  height: 38px;
  overflow-x: auto;
  overflow: hidden;
  z-index: 1;
}
.controlTab .tabHeader ul > li {
  flex-shrink: 0;
  background-color: #edeff5;
}
.controlTab .tabHeader ul > li a {
  height: 30px;
  display: block;
  min-width: 80px;
  padding: 5px 16px;
  font-size: 12px;
  text-align: center;
  color: #333;
  background-color: #edeff5;
  border: 1px solid #cccccc;
}
.controlTab .tabHeader ul > li.on a {
  color: #15B065;
  background-color: #fff;
  border-top: 3px solid #15B065;
  border-bottom: 3px solid #fff;
  padding: 4px 16px;
}
.controlTab .tabHeader ul > li + li > a {
  margin-left: -1px;
}
.controlTab .tabHeader .btnMoreTabLeft, .controlTab .tabHeader .btnMoreTabRight {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.controlTab .tabHeader .btnMoreTabLeft > i, .controlTab .tabHeader .btnMoreTabRight > i {
  display: inline-block;
  width: 9px;
  height: 8px;
  background-position: -90px -33px;
}
.controlTab .tabHeader .btnMoreTabLeft:hover, .controlTab .tabHeader .btnMoreTabRight:hover {
  background-color: #dde0ec;
  cursor: pointer;
}
.controlTab .tabHeader .btnMoreTabLeft > i {
  transform: rotate(180deg);
}
.controlTab > .contentsBox {
  top: 30px;
  width: 100%;
  height: calc(100% - 30px);
  border: 1px solid #dbdbdb;
  background-color: #fff;
  margin-top: -1px;
  border-radius: 0px 5px 5px 5px;
  overflow: hidden;
}
.controlTab > .contentsBox > div {
  width: 100%;
  height: 100%;
}

.layoutControl {
  position: absolute;
  display: flex;
  align-items: center;
  padding: 2px 0;
  font-size: 12px;
  color: #333;
}
.layoutControl.DevLayout {
  padding: 2px 0;
}
.layoutControl > .labelCaption {
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  line-height: 1em;
  padding: 0 0 0 0px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #333;
  word-break: break-word;
  text-align: right;
}
.layoutControl > .labelCaption.labelNon {
  color: #fe8739;
}
.layoutControl .iconEncode {
  flex-shrink: 0;
  width: 15px;
  height: 16px;
  margin-left: 5px;
  background-position: -111px 0;
  word-break: break-word;
  cursor: pointer;
}
.layoutControl .iconEncode.Decode {
  background-position: -88px 0;
}
.layoutControl > .lbNormal {
  display: inline-flex;
  align-items: center;
  width: inherit;
  height: 100%;
  padding: 0;
  font-size: 1em;
  letter-spacing: -0.5px;
  word-break: break-word;
  color: currentColor;
}
.layoutControl[kui-textbox] > input:valid:focus {
  padding-right: 20px;
}
.layoutControl[kui-textbox] > input:valid:focus + .btnDelValue {
  display: flex;
  align-items: center;
  justify-content: center;
}
.layoutControl[kui-textbox] .btnDelValue {
  display: none;
  flex-shrink: 0;
  position: absolute;
  top: 2px;
  right: 0;
  width: 20px;
  height: calc(100% - 4px);
  cursor: pointer;
}
.layoutControl[kui-textbox] .btnDelValue > i {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: rgba(51, 51, 51, 0.3);
}
.layoutControl[kui-textbox] .btnDelValue > i:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 7px;
  background-color: #fff;
  transform: rotate(45deg);
}
.layoutControl[kui-textbox] .btnDelValue > i:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 1px;
  background-color: #fff;
  transform: rotate(45deg);
}
.layoutControl[kui-textbox] .btnDelValue:hover > i {
  background-color: rgba(51, 51, 51, 0.5);
}
.layoutControl[kui-textbox]:hover > input:valid {
  border-color: #15B065;
  padding-right: 20px;
}
.layoutControl[kui-textbox]:hover > input:valid + .btnDelValue {
  display: flex;
  align-items: center;
  justify-content: center;
}
.layoutControl[kui-textbox].PasswordEncode .btnDelValue {
  right: 20px;
}
.layoutControl[kui-label].labelNon > label {
  color: #fe8739;
}
.layoutControl > input,
.layoutControl > .MultiCodehelpListArea {
  height: 100%;
  min-height: 24px;
  margin-left: 5px;
  padding: 0 1px;
  color: inherit;
  border-radius: 3px;
  border: 1px solid #cbd6dd;
  background-color: #fff;
  font-size: 1em;
  z-index: 0;
  -webkit-appearance: none;
  /*margin:3px;*/
}
.layoutControl > input[type=checkbox],
.layoutControl > .MultiCodehelpListArea[type=checkbox] {
  min-height: 0;
  border: 0;
  -webkit-appearance: checkbox;
}
.layoutControl > input[type=radio],
.layoutControl > .MultiCodehelpListArea[type=radio] {
  min-height: 0;
  border: 0;
  -webkit-appearance: radio;
}
.layoutControl > input:hover,
.layoutControl > .MultiCodehelpListArea:hover {
  border: 1px solid #15B065;
}
.layoutControl > input:focus,
.layoutControl > .MultiCodehelpListArea:focus {
  border: 1px solid #15B065;
  color: #15B065;
  font-weight: bold;
  box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 5px;
  transition: all 0.2s ease;
}
.layoutControl > input::-webkit-input-placeholder, .layoutControl > input -ms-input-placeholder, .layoutControl > input -moz-input-placeholder,
.layoutControl > .MultiCodehelpListArea::-webkit-input-placeholder,
.layoutControl > .MultiCodehelpListArea -ms-input-placeholder,
.layoutControl > .MultiCodehelpListArea -moz-input-placeholder {
  color: #999;
}
.layoutControl > textarea {
  height: 100%;
  min-height: 26px;
  margin: 3px 0 3px 5px;
  padding: 3px 2px;
  border: 1px solid #cbd6dd;
  border-radius: 3px;
  font-size: 1em;
  color: inherit;
  background-color: #fff;
  z-index: 0;
  -webkit-appearance: none;
  vertical-align: middle;
  overflow: auto;
  resize: none;
}
.layoutControl > textarea:focus {
  border: 1px solid #15B065;
  color: #15B065;
  font-weight: bold;
  box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 5px;
  transition: all 0.2s ease;
}
.layoutControl > .comboBox {
  display: inline-block;
  height: 100%;
  margin: 0px;
  margin-left: 5px;
  vertical-align: middle;
  z-index: 0;
}
.layoutControl > .comboBox > select {
  height: 100%;
  background-color: #fff;
  border: 1px solid #cbd6dd;
  font-size: 1em;
  border-radius: 3px;
}
.layoutControl > .comboBox > select option {
  padding: 5px 0;
}
.layoutControl > .comboBox > select option.selected {
  background-color: #15B065;
  color: #fff;
}
.layoutControl > .comboBox > select:focus {
  border: 1px solid #15B065;
  box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 5px;
}
.layoutControl > .comboBox .btnComboBox {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0px 0px 0 5px;
  color: #333;
  font-size: 12px;
  border: 1px solid #cbd6dd;
  border-radius: 2px;
  z-index: 0;
  -webkit-appearance: none;
  white-space: nowrap;
  word-break: break-all;
  overflow: hidden;
  height: 100%;
  min-height: 24px;
  width: 100%;
  background-color: #fff;
}
.layoutControl > .comboBox .btnComboBox:hover {
  border: 1px solid #15B065;
  cursor: pointer;
}
.layoutControl > .comboBox:focus .btnComboBox {
  border: 2px solid #15B065;
}
.layoutControl.CodeHelp > input {
  padding: 0px 20px 0px 2px;
  border: 1px solid #87c4ec;
  background-color: #e1f1fc;
}
.layoutControl.CodeHelp > input:valid:focus {
  padding-right: 40px;
}
.layoutControl.CodeHelp > input:valid:focus + .btnDelValue {
  right: 20px;
}
.layoutControl.CodeHelp > .btnCodeHelp {
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 0;
  width: 20px;
  height: calc(100% - 4px);
  cursor: pointer;
  /*z-index: 99999;*/
  /*input focus 시 z-index 9999이므로*/
}
.layoutControl.CodeHelp:hover > input:valid {
  border-color: #87c4ec;
  padding-right: 40px;
}
.layoutControl.CodeHelp:hover > input:valid + .btnDelValue {
  right: 20px;
}
.layoutControl.CodeHelp.Dis > .btnCodeHelp {
  display: none;
}
.layoutControl.MultiCodehelp > input {
  padding: 0px 20px 0px 2px;
  background-color: #e1f1fc;
}
.layoutControl.MultiCodehelp > .MultiCodehelpListArea {
  display: inline-flex;
  height: 100%;
  padding: 0px 40px 0px 2px;
  background-color: #e1f1fc;
  border: 1px solid #87c4ec;
}
.layoutControl.MultiCodehelp > .MultiCodehelpListArea > .itemListArea {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.layoutControl.MultiCodehelp > .MultiCodehelpListArea > .itemListArea::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.layoutControl.MultiCodehelp > .MultiCodehelpListArea > .itemListArea::-webkit-scrollbar-track {
  background-color: transparent;
}
.layoutControl.MultiCodehelp > .MultiCodehelpListArea > .itemListArea::-webkit-scrollbar-track:hover {
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
.layoutControl.MultiCodehelp > .MultiCodehelpListArea > .itemListArea::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
}
.layoutControl.MultiCodehelp > .MultiCodehelpListArea > .itemListArea::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
.layoutControl.MultiCodehelp > .MultiCodehelpListArea > .itemListArea::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.layoutControl.MultiCodehelp > .MultiCodehelpListArea > .itemListArea::-webkit-scrollbar-corner {
  background-color: transparent;
}
.layoutControl.MultiCodehelp > .MultiCodehelpListArea > .itemListArea::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  background-color: transparent;
}
.layoutControl.MultiCodehelp > .MultiCodehelpListArea > .itemListArea {
  scrollbar-face-color: transparent;
  scrollbar-track-color: transparent;
  scrollbar-3dlight-color: transparent;
  scrollbar-highlight-color: transparent;
  scrollbar-darkshadow-color: transparent;
  scrollbar-shadow-color: transparent;
  scrollbar-arrow-color: transparent;
}
.layoutControl.MultiCodehelp > .btnCodeHelp {
  display: inline-block;
  position: absolute;
  top: 4px;
  right: 1px;
  width: 20px;
  height: calc(100% - 8px);
  border-radius: 2px;
  cursor: pointer;
  /*z-index: 99999;*/
  /*input focus 시 z-index 9999이므로*/
}
.layoutControl.MultiCodehelp > .btnCodeHelpAllDel {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: calc(50% - 7px);
  right: 25px;
  width: 13px;
  height: 13px;
  color: #fff;
  border-radius: 50%;
  background-color: #bebebe;
  cursor: pointer;
}
.layoutControl.MultiCodehelp > .btnCodeHelpAllDel:before, .layoutControl.MultiCodehelp > .btnCodeHelpAllDel:after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  left: 6px;
  width: 1px;
  height: 8px;
  background-color: currentColor;
}
.layoutControl.MultiCodehelp > .btnCodeHelpAllDel:before {
  transform: rotate(45deg);
}
.layoutControl.MultiCodehelp > .btnCodeHelpAllDel:after {
  transform: rotate(-45deg);
}
.layoutControl.MultiCodehelp > .btnCodeHelpAllDel:hover {
  background-color: #aaa;
}
.layoutControl.MultiCodehelp.Dis > .btnCodeHelp {
  display: none;
}
.multiCodeItem {
  position: relative;
  display: inline-flex;
  margin: 2px 4px 2px 0;
  color: #fff;
}
.multiCodeItem:hover input[type=checkbox] + label {
  background-color: #a6a6a6;
  cursor: pointer;
}
.multiCodeItem:hover input[type=checkbox]:checked + label {
  background-color: #0f8ab4;
  cursor: pointer;
}
.multiCodeItem > input[type=checkbox] {
  display: none;
}
.multiCodeItem > input[type=checkbox] + label {
  display: inline-flex;
  align-items: center;
  padding: 0 20px 0 8px;
  min-height: 20px;
  height: 100%;
  font-size: 12px;
  color: currentColor;
  border-radius: 4px;
  user-select: none;
  background-color: #ccc;
}
.multiCodeItem > input[type=checkbox]:checked + label {
  opacity: 1;
  background-color: #22b9ed;
}
.multiCodeItem > input[type=checkbox]:checked + label + .btnDel {
  color: #10629b;
}
.multiCodeItem > .btnDel {
  position: absolute;
  right: 4px;
  top: 2px;
  width: 14px;
  height: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: currentColor;
}
.multiCodeItem > .btnDel:before, .multiCodeItem > .btnDel:after {
  content: "";
  position: absolute;
  left: 6px;
  top: calc(50% - 4px);
  width: 1px;
  height: 10px;
  background-color: currentColor;
  opacity: 0.7;
}
.multiCodeItem > .btnDel:before {
  transform: rotate(45deg);
}
.multiCodeItem > .btnDel:after {
  transform: rotate(-45deg);
}

.layoutControl.FloatBox input {
  letter-spacing: 0px;
  text-align: right;
}
.layoutControl.MaskBox input {
  letter-spacing: 0px;
}
.layoutControl.MaskBox.Error > input {
  border-color: #F05150;
  color: #F05150;
}
.layoutControl.DateBox > input {
  padding: 0 2px;
  letter-spacing: 0px;
  line-height: 0px;
}
.layoutControl.DateBox.Value > input {
  background-image: none;
}
.layoutControl.DateBox .btnDateControl {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 21px;
  height: 100%;
  background-color: #edeff5;
  cursor: pointer;
}
.layoutControl.DateBox .btnDateControl .iconDateControl {
  width: 5px;
  height: 9px;
  background-position: -139px -3px;
}
.layoutControl.DateBox .btnDateControl.Next {
  margin-left: 4px;
}
.layoutControl.DateBox .btnDateControl.Next .iconDateControl {
  background-position: -160px -3px;
}
.layoutControl.DateBox .btnDateControl:hover {
  background-color: #d1d1d1;
  cursor: pointer;
}
.layoutControl.DateBox.Error > input {
  border-color: #F05150;
  color: #F05150;
}
.layoutControl[kui-pmonth] .monthSelect, .layoutControl[kui-pday] .monthSelect, .layoutControl[kui-piday] .monthSelect {
  position: relative;
  border-radius: 3px;
}
.layoutControl[kui-pmonth] .monthSelect ul, .layoutControl[kui-pday] .monthSelect ul, .layoutControl[kui-piday] .monthSelect ul {
  display: inline-flex;
  flex-wrap: wrap;
  width: 337px;
  min-height: 29px;
  box-shadow: 1px 0 0 inset #cccccc, -1px 0 0 inset #cccccc, 0px -1px 0 inset #cccccc, 0px 1px 0 inset #cccccc;
  border-radius: 3px 0 0 3px;
  background-color: #fff;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
}
.layoutControl[kui-pmonth] .monthSelect ul li, .layoutControl[kui-pday] .monthSelect ul li, .layoutControl[kui-piday] .monthSelect ul li {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-shrink: 0;
  width: 28px;
  height: 100%;
  min-height: 29px;
  font-size: 13px;
  line-height: 14px;
  box-shadow: 0 -1px 0 0px inset #cccccc, -1px 0px 0 0px #cccccc;
  cursor: pointer;
}
.layoutControl[kui-pmonth] .monthSelect ul li > .month, .layoutControl[kui-pday] .monthSelect ul li > .month, .layoutControl[kui-piday] .monthSelect ul li > .month {
  display: block;
  width: 100%;
  height: 13px;
  text-align: center;
  font-size: 13px;
  font-weight: normal;
  transform: scale(0.75);
  color: rgba(51, 51, 51, 0.6);
  letter-spacing: 1px !important;
}
.layoutControl[kui-pmonth] .monthSelect ul li > .month + .number, .layoutControl[kui-pday] .monthSelect ul li > .month + .number, .layoutControl[kui-piday] .monthSelect ul li > .month + .number {
  height: 11px;
}
.layoutControl[kui-pmonth] .monthSelect ul li > .number, .layoutControl[kui-pday] .monthSelect ul li > .number, .layoutControl[kui-piday] .monthSelect ul li > .number {
  display: flex;
  align-items: center;
  height: 100%;
}
.layoutControl[kui-pmonth] .monthSelect ul li:last-child, .layoutControl[kui-pday] .monthSelect ul li:last-child, .layoutControl[kui-piday] .monthSelect ul li:last-child {
  box-shadow: 0 -1px 0 0px inset #cccccc, -1px 0px 0 0px #cccccc, -1px 0px 0 inset #cccccc;
}
.layoutControl[kui-pmonth] .monthSelect ul li.selected, .layoutControl[kui-pday] .monthSelect ul li.selected, .layoutControl[kui-piday] .monthSelect ul li.selected {
  color: #434a4e;
  background-color: rgba(67, 74, 78, 0.2);
  font-weight: bolder;
}
.layoutControl[kui-pmonth] .monthSelect ul li.selected > .month, .layoutControl[kui-pday] .monthSelect ul li.selected > .month, .layoutControl[kui-piday] .monthSelect ul li.selected > .month {
  color: currentColor;
}
.layoutControl[kui-pmonth] .monthSelect .pointer, .layoutControl[kui-pday] .monthSelect .pointer, .layoutControl[kui-piday] .monthSelect .pointer {
  position: absolute;
  top: 0px !important;
  width: 28px;
  height: 29px;
  border: 2px solid #434a4e;
  cursor: pointer;
}
.layoutControl[kui-pmonth] .monthSelect .pointer[id*=dragdown], .layoutControl[kui-pday] .monthSelect .pointer[id*=dragdown], .layoutControl[kui-piday] .monthSelect .pointer[id*=dragdown] {
  top: 29px !important;
}
.layoutControl[kui-pmonth] .monthSelect .pointer .dragPointLeft, .layoutControl[kui-pmonth] .monthSelect .pointer .dragPointRight, .layoutControl[kui-pday] .monthSelect .pointer .dragPointLeft, .layoutControl[kui-pday] .monthSelect .pointer .dragPointRight, .layoutControl[kui-piday] .monthSelect .pointer .dragPointLeft, .layoutControl[kui-piday] .monthSelect .pointer .dragPointRight {
  position: absolute;
  top: 6px;
  width: 5px;
  height: 10px;
  background-color: #fff;
  border: 1px solid #434a4e;
  border-radius: 1px;
  cursor: e-resize;
}
.layoutControl[kui-pmonth] .monthSelect .pointer .dragPointLeft, .layoutControl[kui-pday] .monthSelect .pointer .dragPointLeft, .layoutControl[kui-piday] .monthSelect .pointer .dragPointLeft {
  left: -4px;
}
.layoutControl[kui-pmonth] .monthSelect .pointer .dragPointRight, .layoutControl[kui-pday] .monthSelect .pointer .dragPointRight, .layoutControl[kui-piday] .monthSelect .pointer .dragPointRight {
  right: -4px;
}
.layoutControl[kui-pmonth] .monthSelect .btnMonthQuery, .layoutControl[kui-pday] .monthSelect .btnMonthQuery, .layoutControl[kui-piday] .monthSelect .btnMonthQuery {
  position: absolute;
  right: -27px;
  bottom: 0;
  display: inline-block;
  width: 28px;
  height: 29px;
  border-radius: 0;
  background-color: #15B065;
  background-position: -165px 8px;
  z-index: 10;
  cursor: pointer;
}
.layoutControl[kui-pmonth] .monthSelect .btnMonthQuery:hover, .layoutControl[kui-pday] .monthSelect .btnMonthQuery:hover, .layoutControl[kui-piday] .monthSelect .btnMonthQuery:hover {
  filter: contrast(130%);
}
.layoutControl[kui-pmonth] .daySelect, .layoutControl[kui-pday] .daySelect, .layoutControl[kui-piday] .daySelect {
  position: relative;
}
.layoutControl[kui-pmonth] .daySelect ul, .layoutControl[kui-pday] .daySelect ul, .layoutControl[kui-piday] .daySelect ul {
  height: 58px;
  width: 448px;
  border-radius: 3px;
}
.layoutControl[kui-pmonth] .daySelect ul li, .layoutControl[kui-pday] .daySelect ul li, .layoutControl[kui-piday] .daySelect ul li {
  height: 29px;
  box-shadow: 0 -1px 0 0px inset #cccccc, 1px 0px 0 0px inset #cccccc;
}
.layoutControl[kui-pday] .btnMonthQuery {
  right: 0 !important;
}

.layoutControl[kui-checkbox] .selectArea, .layoutControl[kui-optionlist] .selectArea {
  display: none;
}
.layoutControl[kui-checkbox] .check, .layoutControl[kui-optionlist] .check {
  position: relative;
  text-align: left;
  width: 100%;
}
.layoutControl[kui-checkbox] .check > input[type=checkbox] + label, .layoutControl[kui-optionlist] .check > input[type=checkbox] + label {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: fit-content;
  font-size: 1em;
  line-height: 1.167em;
  white-space: nowrap;
}
.layoutControl[kui-checkbox] .check > input[type=checkbox] + label::before, .layoutControl[kui-optionlist] .check > input[type=checkbox] + label::before {
  content: "";
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  margin-right: 5px;
  width: 1.25em;
  height: 1.25em;
  border-radius: 3px;
  border: 1px solid #cbd6dd;
  background-color: #fff;
}
.layoutControl[kui-checkbox] .check > input[type=checkbox]:focus + label, .layoutControl[kui-optionlist] .check > input[type=checkbox]:focus + label {
  outline: 1px solid #15B065;
}
.layoutControl[kui-checkbox] .check > input[type=checkbox]:checked + label::after, .layoutControl[kui-optionlist] .check > input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: 0.333em;
  left: 0.333em;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  height: 0.333em;
  width: 0.6em;
  transform: rotate(-45deg);
}
.layoutControl[kui-checkbox] .check > input[type=checkbox]:checked + label::before, .layoutControl[kui-optionlist] .check > input[type=checkbox]:checked + label::before {
  border: 1px solid #15B065;
  background-color: #15B065;
}
.layoutControl[kui-checkbox] .check:focus > input[type=checkbox] + label, .layoutControl[kui-optionlist] .check:focus > input[type=checkbox] + label {
  outline: 1px solid #15B065;
}
.layoutControl[kui-checkbox] .check.labelNon > input[type=checkbox] + label, .layoutControl[kui-optionlist] .check.labelNon > input[type=checkbox] + label {
  color: #fe8739;
}
.layoutControl[kui-checkbox].Dis .check, .layoutControl[kui-optionlist].Dis .check {
  pointer-events: none;
}
.layoutControl[kui-checkbox].Dis .check > input[type=checkbox] + label, .layoutControl[kui-optionlist].Dis .check > input[type=checkbox] + label {
  cursor: not-allowed !important;
  color: #838383;
}
.layoutControl[kui-checkbox].Dis .check > input[type=checkbox] + label::before, .layoutControl[kui-optionlist].Dis .check > input[type=checkbox] + label::before {
  background-color: #e9e9e9;
  border: 1px solid #ccc;
}
.layoutControl[kui-checkbox].Dis .check > input[type=checkbox]:checked + label::after, .layoutControl[kui-optionlist].Dis .check > input[type=checkbox]:checked + label::after {
  border-color: #999;
}
.layoutControl[kui-checkbox] {
  align-items: center;
}
.layoutControl[kui-optionlist] {
  align-items: flex-start;
}
.layoutControl[kui-optionlist] .controlOption {
  height: 100%;
  position: relative;
  padding-top: 10px;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  padding: 8px 5px;
}
.layoutControl[kui-optionlist] .controlOption .title {
  font-size: 12px;
  line-height: 1em;
  min-height: 10px;
  color: #333;
}
.layoutControl[kui-optionlist] .controlOption .controlOptionList {
  display: inline-flex;
  align-items: center;
  /*flex-wrap: wrap; 라디오그룹에서 vertical모드일때 아래 충분한 여백 없으면 옆으로 붙는 이슈로 제거20210630 */
  width: 100%;
  height: 100%;
  margin-top: 2px;
}
.layoutControl[kui-optionlist] .controlOption .controlOptionList .check {
  margin-right: 10px;
}
.layoutControl[kui-optionlist] .controlOption .controlOptionList.Vertical, .layoutControl[kui-optionlist] .controlOption .controlOptionList.vertical {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 5px;
}
.layoutControl[kui-optionlist] .controlOption .controlOptionList.Vertical .radio, .layoutControl[kui-optionlist] .controlOption .controlOptionList.Vertical .check, .layoutControl[kui-optionlist] .controlOption .controlOptionList.vertical .radio, .layoutControl[kui-optionlist] .controlOption .controlOptionList.vertical .check {
  margin-bottom: 3px;
}
.layoutControl[kui-optionlist] .controlOption .controlOptionList.Vertical .radio label, .layoutControl[kui-optionlist] .controlOption .controlOptionList.Vertical .check label, .layoutControl[kui-optionlist] .controlOption .controlOptionList.vertical .radio label, .layoutControl[kui-optionlist] .controlOption .controlOptionList.vertical .check label {
  margin: 0;
}
.layoutControl[kui-optionlist] .controlOption.TitleHidden {
  padding-top: 3px;
}
.layoutControl[kui-optionlist] .controlOption.TitleHidden .title {
  display: none;
}
.layoutControl[kui-optionlist] .controlOption.TitleHidden .Vertical, .layoutControl[kui-optionlist] .controlOption.TitleHidden.vertical {
  margin-top: 0;
}
.layoutControl[kui-optionlist] .controlOption.NotBorderLine {
  border: 0;
  padding: 0 !important;
}
.layoutControl[kui-optionlist] .radio {
  position: relative;
  display: flex;
  align-items: center;
  text-align: left;
  margin-right: 5px;
}
.layoutControl[kui-optionlist] .radio input[type=radio] {
  margin-right: 3px;
}
.layoutControl[kui-optionlist] .radio input[type=radio] + label {
  display: flex;
  align-items: center;
  position: relative;
  margin: 1px 0 0 0px;
  font-size: 1em;
  white-space: nowrap;
}
.layoutControl[kui-optionlist] .radio input[type=radio] + label::before {
  content: "";
  position: relative;
  display: inline-block;
  margin-right: 0.167em;
  width: 1.167em;
  height: 1.167em;
  border-radius: 50%;
  border: 1px solid #cbd6dd;
  background-color: #fff;
  box-sizing: border-box;
}
.layoutControl[kui-optionlist] .radio input[type=radio]:focus + label {
  outline: 1px auto #15B065;
}
.layoutControl[kui-optionlist] .radio input[type=radio]:checked + label::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.333em);
  left: 0.25em;
  width: 0.667em;
  height: 0.667em;
  border-radius: 50%;
  background-color: #15B065;
  transform: rotate(-45deg);
  box-sizing: border-box;
}
.layoutControl[kui-optionlist] .multiRadio {
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-left: 1px;
  line-height: 0.5em;
  color: #333;
}
.layoutControl[kui-optionlist] .multiRadio .controlOption {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  height: calc(100% - 4px);
}
.layoutControl[kui-optionlist] .multiRadio .controlOption .title {
  width: fit-content;
  flex-shrink: 0;
  min-height: 12px;
  background-color: #fff;
  padding: 0 2px;
  margin-top: -13px;
  max-width: unset !important;
}
.layoutControl[kui-optionlist] .multiRadio .controlOption.TitleHidden {
  height: 100%;
}
.layoutControl[kui-optionlist] .multiRadio .controlOption.TitleHidden .title {
  display: none;
}
.layoutControl[kui-optionlist].Dis .radio {
  pointer-events: none;
}
.layoutControl[kui-optionlist].Dis .radio input[type=radio] + label {
  color: #838383;
  cursor: not-allowed !important;
}
.layoutControl[kui-optionlist].Dis .radio input[type=radio] + label::before {
  background-color: #e9e9e9;
}
.layoutControl[kui-optionlist].Dis .radio input[type=radio] + label::after {
  border-color: #ccc;
}
.layoutControl[kui-optionlist].labelNon .controlOption .title {
  color: #fe8739;
}
.layoutControl[kui-optionlist].labelNon .controlOption .controlOptionList:first-child input + label {
  color: #fe8739;
}
.layoutControl[kui-optionlist].labelNon .controlOption:not(:has(.title)) .controlOptionList input + label {
  color: #fe8739;
}
.layoutControl[kui-optionlist].labelNon .controlOption.TitleHidden .controlOptionList input + label {
  color: #fe8739;
}
.layoutControl[kui-button] {
  background-position: -1000px;
}
.layoutControl[kui-button] button {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  color: #fff;
  background-color: #15B065;
  border-radius: 3px;
  font-size: 1em;
  font-weight: bold;
  min-height: 14px;
  padding: 0 3px;
  -webkit-appearance: none;
  z-index: 0;
  cursor: pointer;
}
.layoutControl[kui-button] button:hover, .layoutControl[kui-button] button:focus {
  box-shadow: inset 3px 3px 1000px rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.25) 1px 2px 5px;
}
.layoutControl[kui-button] button:active {
  box-shadow: inset 3px 3px 1000px rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.25) 1px 2px 5px;
}
.layoutControl[kui-button].ButtonGreen button {
  background-color: #17D0BC;
}
.layoutControl[kui-button].ButtonOrange button {
  background-color: #fd9800;
}
.layoutControl[kui-button].ButtonGrey button {
  background-color: #999999;
}
.layoutControl[kui-button].Error button {
  font-weight: bold;
  cursor: not-allowed;
  color: #F85962;
  border: 2px solid #F85962;
  background-color: #fff;
}
.layoutControl[kui-button].Dis {
  cursor: not-allowed !important;
}
.layoutControl[kui-button].Dis button {
  cursor: not-allowed !important;
  color: #838383 !important;
  border: 1px solid #ccc !important;
  background-color: #b6b6b6 !important;
}
.layoutControl[kui-button].Dis button:hover {
  cursor: not-allowed !important;
  background-color: #b6b6b6 !important;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px !important;
}
.layoutControl.Dis > input {
  background-image: none !important;
  border: 1px solid #ccc !important;
  color: #838383;
  background-color: #e9e9e9 !important;
  cursor: not-allowed;
}
.layoutControl.Dis > input:hover, .layoutControl.Dis > input:focus {
  color: #838383;
  background-color: #e9e9e9 !important;
  border: 1px solid #ccc !important;
  cursor: not-allowed !important;
  box-shadow: none;
}
.layoutControl.Dis > textarea {
  border: 1px solid #ccc !important;
  color: #838383;
  background-color: #e9e9e9 !important;
}
.layoutControl.Dis > textarea:hover, .layoutControl.Dis > textarea:focus {
  border: 1px solid #ccc !important;
  color: #838383;
  background-color: #e9e9e9 !important;
  cursor: default !important;
  font-weight: normal;
  box-shadow: none;
}
.layoutControl.Dis > .comboBox > select {
  color: #838383;
  background-color: #e9e9e9 !important;
  border: 1px solid #ccc !important;
}
.layoutControl.Dis > .btnDelValue {
  display: none;
}

.upload {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #cbd6dd;
  border-radius: 3px;
  background-color: #fff;
}
.upload > .scrollArea {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.upload > .scrollArea .uploadFileList {
  width: 100%;
  height: 100% !important;
}
.upload > .scrollArea .uploadFileList.btn3 > li .left {
  max-width: calc(100% - 90px);
}
.upload > .scrollArea .uploadFileList > li {
  position: relative;
  display: flex;
  min-height: 32px;
  align-items: center;
  padding: 4px 0px 4px 30px;
  background-color: transparent;
  overflow: hidden;
  cursor: pointer;
  /*
  사용할 수도 있을 것 같아서 임시 주석
  .fileLoading {
      position: absolute;
      top: 5px;
      left: calc(50% - 25px);
      @include flex();
      width: 50px;
      height: 25px;
      font-size: 12px;
      color: $MainColor;
      background-color: #ebf0fc;
      border-radius: 23px;
  }

  .progress {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      min-height: 35px;
      background-color: rgba(0,0,0,0.1);
      .barFill {
          position: absolute;
          left: 0;
          top: 0;
          width: 10%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: rgba(63, 81, 181, .8);
          > .txtValue {
              font-size: 11px;
              color: #fff;
          }
      }
  }
  */
}
.upload > .scrollArea .uploadFileList > li:last-child {
  border-bottom: 0;
}
.upload > .scrollArea .uploadFileList > li > .itemArea {
  width: 100%;
}
.upload > .scrollArea .uploadFileList > li .icon {
  position: absolute;
  left: 5px;
  top: calc(50% - 10px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  color: #fff;
  cursor: pointer;
}
.upload > .scrollArea .uploadFileList > li .icon.Pdf {
  background-position: -192px -74px;
}
.upload > .scrollArea .uploadFileList > li .icon.Hwp {
  background-position: -192px -102px;
}
.upload > .scrollArea .uploadFileList > li .icon.Excel {
  background-position: -192px -130px;
}
.upload > .scrollArea .uploadFileList > li .icon.Ppt {
  background-position: -192px -158px;
}
.upload > .scrollArea .uploadFileList > li .icon.Word {
  background-position: -192px -186px;
}
.upload > .scrollArea .uploadFileList > li .icon.Img {
  background-position: -192px -214px;
}
.upload > .scrollArea .uploadFileList > li .icon.Etc {
  background-position: -192px -242px;
}
.upload > .scrollArea .uploadFileList > li .left {
  display: flex;
  align-items: center;
  max-width: calc(100% - 60px);
  overflow: hidden;
}
.upload > .scrollArea .uploadFileList > li .left .txtName {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  color: #333;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.upload > .scrollArea .uploadFileList > li .left .txtName:hover {
  cursor: pointer;
  color: black;
  font-weight: bold;
}
.upload > .scrollArea .uploadFileList > li .left .txtName:focus-visible {
  text-decoration: underline;
}
.upload > .scrollArea .uploadFileList > li .btnPreview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  flex-grow: 0;
  flex-shrink: 0;
  background-color: #f3f3f3;
  margin-left: 5px;
}
.upload > .scrollArea .uploadFileList > li .btnPreview > i {
  width: 10px;
  height: 11px;
  background-position: -194px -54px;
}
.upload > .scrollArea .uploadFileList > li .btnPreview:hover {
  background-color: #e1e1e1;
}
.upload > .scrollArea .uploadFileList > li .btnPreview:focus-visible {
  outline: 1px solid #333;
}
.upload > .scrollArea .uploadFileList > li .txtRemark {
  margin-left: 5px;
  color: #999999;
  font-size: 11px;
  max-width: calc(100% - 300px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.upload > .scrollArea .uploadFileList > li .right {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  margin-left: auto;
  padding-left: 10px;
  overflow: hidden;
}
.upload > .scrollArea .uploadFileList > li .right .txtSize > span, .upload > .scrollArea .uploadFileList > li .right .txtDate > span {
  display: inline-block;
  margin-right: 5px;
  font-size: 11px;
  color: #999999;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.upload > .scrollArea .uploadFileList > li .right .txtDate {
  position: relative;
}
.upload > .scrollArea .uploadFileList > li .right .txtDate::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 10px;
  background-color: #ccc;
}
.upload > .scrollArea .uploadFileList > li .right .txtDate > span {
  padding-left: 6px;
}
.upload > .scrollArea .uploadFileList > li .fileUploadToolbar {
  display: flex;
  flex-shrink: 0;
}
.upload > .scrollArea .uploadFileList > li .fileUploadToolbar .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 20px;
  border-radius: 5px;
  flex-grow: 0;
  flex-shrink: 0;
}
.upload > .scrollArea .uploadFileList > li .fileUploadToolbar .btn:hover {
  background-color: #e1e1e1;
  cursor: pointer;
  opacity: 1;
}
.upload > .scrollArea .uploadFileList > li .fileUploadToolbar .btn:focus-visible {
  outline: 1px solid #333;
}
.upload > .scrollArea .uploadFileList > li .fileUploadToolbar .btn.Del > i {
  width: 14px;
  height: 13px;
  background-position: -194px 0;
}
.upload > .scrollArea .uploadFileList > li .fileUploadToolbar .btn.Edit > i {
  width: 12px;
  height: 12px;
  background-position: -194px -18px;
}
.upload > .scrollArea .uploadFileList > li .fileUploadToolbar .btn.Link > i {
  width: 13px;
  height: 13px;
  background-position: -194px -35px;
}
.upload > .scrollArea .uploadFileList > li:hover {
  background-color: #f9f9f9;
}
.upload > .scrollArea .uploadFileList > li:hover .fileUploadToolbar {
  visibility: visible;
}
.upload > .scrollArea .uploadFileList > li.Error .icon {
  background-color: #F85962 !important;
}
.upload > .scrollArea .uploadFileList > li.Error .txtName {
  color: #F85962 !important;
}
.upload > .scrollArea .uploadFileList > li.includeFile {
  padding-left: 5px;
  cursor: default;
}
.upload > .scrollArea .uploadFileList > li.includeFile .check > input[type=checkbox] {
  display: none;
}
.upload > .scrollArea .uploadFileList > li.includeFile .check > input[type=checkbox] + label {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 12px;
}
.upload > .scrollArea .uploadFileList > li.includeFile .check > input[type=checkbox] + label > i {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  border-radius: 3px;
  border: 1px solid #cbd6dd;
}
.upload > .scrollArea .uploadFileList > li.includeFile .check > input[type=checkbox]:checked + label > i {
  border-color: #15B065;
}
.upload > .scrollArea .uploadFileList > li.includeFile .check > input[type=checkbox]:checked + label > i:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 3px;
  border-left: 2px solid #15B065;
  border-bottom: 2px solid #15B065;
  height: 4px;
  width: 8px;
  transform: rotate(-45deg);
}
.upload .uploadNoFile {
  position: absolute;
  top: -1px;
  left: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background-color: #F2FAFF;
  border: 1px dashed #cbd6dd;
  border-radius: 3px;
  overflow: hidden;
}
.upload .uploadNoFile::before {
  content: "";
  width: 95%;
  height: 95%;
  min-width: 100px;
  min-height: 26px;
  max-width: 180px;
  max-height: 58px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.upload.Dis .uploadNoFile {
  background-color: #e9e9e9;
  border: 1px solid #cbd6dd;
}
.upload.Dis .uploadNoFile::before {
  content: "";
  width: 95%;
  height: 95%;
  min-width: 25px;
  min-height: 20px;
  max-width: 57px;
  max-height: 52px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.upload.Dis .fileBtnWrap .fileBtnArea .btnMore {
  display: none;
}
.upload.Dis .fileBtnWrap .fileBtnArea .btnGroup {
  display: flex;
}
.upload.Dis .fileBtnWrap .fileBtnArea .btnGroup > a {
  display: none;
}
.upload.Dis .fileBtnWrap .fileBtnArea .btnGroup > a.btnDownloadAll {
  display: flex;
  border-bottom-right-radius: 5px;
}
.upload .fileBtnWrap {
  position: absolute;
  top: -2px;
  left: calc(50% - 37.5px);
  display: flex;
  justify-content: center;
  width: 75px;
  height: 25px;
}
.upload .fileBtnWrap .fileBtnArea {
  display: flex;
}
.upload .fileBtnWrap .fileBtnArea .btnGroup {
  display: none;
  border-radius: 0 0 5px 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 4px;
}
.upload .fileBtnWrap .fileBtnArea a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  padding: 0;
  background-color: #ABC1CF;
  font-size: 12px;
  color: #fff;
}
.upload .fileBtnWrap .fileBtnArea a:before {
  content: "";
}
.upload .fileBtnWrap .fileBtnArea a:hover {
  background-color: #8ba9bc;
  cursor: pointer;
}
.upload .fileBtnWrap .fileBtnArea a.btnMore {
  border-radius: 0 0 5px 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 4px;
}
.upload .fileBtnWrap .fileBtnArea a.btnMore:before {
  width: 13px;
  height: 3px;
  background-position: -171px -87px;
}
.upload .fileBtnWrap .fileBtnArea a.btnDownloadAll {
  border-radius: 0 0 0 5px;
}
.upload .fileBtnWrap .fileBtnArea a.btnDownloadAll:before {
  width: 11px;
  height: 12px;
  background-position: -172px -23px;
}
.upload .fileBtnWrap .fileBtnArea a.btnAddFile:before {
  width: 11px;
  height: 11px;
  background-position: -172px -44px;
}
.upload .fileBtnWrap .fileBtnArea a.btnDeleteAll {
  border-radius: 0 0 5px 0;
}
.upload .fileBtnWrap .fileBtnArea a.btnDeleteAll:before {
  width: 13px;
  height: 14px;
  background-position: -171px -64px;
}
.upload .fileBtnWrap .fileBtnArea:hover .btnMore {
  display: none;
}
.upload .fileBtnWrap .fileBtnArea:hover .btnGroup {
  display: flex;
}
.upload .fileBtnWrap.noneFile .fileBtnArea .btnMore:before {
  width: 11px;
  height: 11px;
  background-position: -172px -44px;
}
.upload .fileBtnWrap.noneFile .btnDownloadAll, .upload .fileBtnWrap.noneFile .btnDeleteAll {
  display: none;
}
.upload .fileBtnWrap.noneFile .btnAddFile {
  border-radius: 0 0 5px 5px;
}
.upload .fileUploadLoading {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.7);
}
.upload .fileUploadLoading > .barArea {
  display: inline-block;
  background-color: #d6ebdf;
  border-radius: 10px;
  width: 80px;
}
.upload .fileUploadLoading .bar {
  width: 15px;
  height: 6px;
  border-radius: 3px;
  background-color: #15B065;
  animation: loadingFileUpload 2s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}
@keyframes loadingFileUpload {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(50px, 0);
    background-color: #15B065;
    width: 30px;
  }
}
.upload .uploadFileTooltip {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 400px;
  max-width: 400px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px;
  z-index: 1;
}
.upload .uploadFileTooltip .uploadContentBox {
  position: relative;
  height: 100%;
  /* > .inputText {
      width: 100%;
      margin: 10px 0;
      padding: 3px 5px;
      font-size: 12px;
      color: $ControlFontColorFocus;
      border: 2px solid $ControlBorderColorFocus;
      border-radius: 3px;
      background-color: $MainBgColor;

      &:focus {
          font-weight: bold;
      }
  }*/
  /*
  > .btnArea {
      @include flex();
      padding: 6px 0;

      > .btnNormal {
          margin: 0px 0 0 5px;
          padding: 4px 16px;
          font-size: 12px;
          color: $ButtonFontColor;
          text-align: center;
          border: 0px;
          border-radius: 2px;
          background-color: $ButtonBgColor;

          &:hover {
              @include Hover($b:$ButtonBgColor);
          }
      }
  }*/
}
.upload .uploadFileTooltip .uploadContentBox > .txtName {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
.upload .uploadFileTooltip .uploadContentBox > .txtName .filename {
  font-weight: normal;
}
.upload .uploadFileTooltip .uploadContentBox .fileComment {
  display: flex;
  height: 30px;
}
.upload .uploadFileTooltip .uploadContentBox .inputText {
  width: 100%;
  height: 100%;
  padding: 5px 10px;
  font-size: 12px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  border-radius: 3px;
  color: #333;
  transition: all 0.3s;
}
.upload .uploadFileTooltip .uploadContentBox .inputText:hover {
  border-color: #15B065;
}
.upload .uploadFileTooltip .uploadContentBox .btnArea {
  display: flex;
  align-items: center;
}
.upload .uploadFileTooltip .uploadContentBox .btnArea input[type=button], .upload .uploadFileTooltip .uploadContentBox .btnArea button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
  min-width: 65px;
  height: 100%;
  border-radius: 5px;
  background-color: #15B065;
  color: #fff;
  border: 0;
  font-size: 12px;
  padding: 0 10px;
  transition: all 0.3s;
}
.upload .uploadFileTooltip .uploadContentBox .btnArea input[type=button].btnDefault, .upload .uploadFileTooltip .uploadContentBox .btnArea button.btnDefault {
  background-color: #15B065;
  color: #fff;
}
.upload .uploadFileTooltip .uploadContentBox .btnArea input[type=button].btnDefault:hover, .upload .uploadFileTooltip .uploadContentBox .btnArea button.btnDefault:hover {
  background-color: #129958;
  cursor: pointer;
}
.upload .uploadFileTooltip .uploadContentBox .btnArea input[type=button].btnDefault:active, .upload .uploadFileTooltip .uploadContentBox .btnArea button.btnDefault:active {
  background-color: #119053;
  cursor: pointer;
}
.upload .uploadFileTooltip .uploadContentBox .btnArea input[type=button].btnLine, .upload .uploadFileTooltip .uploadContentBox .btnArea button.btnLine {
  border: 1px solid #e6e6e6;
  background-color: transparent;
  color: #15B065;
}
.upload .uploadFileTooltip .uploadContentBox .btnArea input[type=button].btnLine:hover, .upload .uploadFileTooltip .uploadContentBox .btnArea button.btnLine:hover {
  background-color: rgba(21, 176, 101, 0.1);
  border-color: rgba(21, 176, 101, 0.1);
  cursor: pointer;
}
.upload .uploadFileTooltip .uploadContentBox .btnArea input[type=button].btnLine:active, .upload .uploadFileTooltip .uploadContentBox .btnArea button.btnLine:active {
  background-color: rgba(21, 176, 101, 0.15);
  border-color: rgba(21, 176, 101, 0.15);
  cursor: pointer;
}
.upload .uploadNotice {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.4);
}
.upload .uploadNotice > p {
  width: 100%;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: #15B065;
}
.upload .fileUploadError {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upload .fileUploadError > .txtMsg {
  display: inline-flex;
  align-items: center;
  padding: 0 11px;
  height: 26px;
  border-radius: 13px;
  background-color: rgba(255, 98, 98, 0.8);
  color: #fff;
  font-size: 11px;
  font-weight: bold;
}
.upload .fileUploadError > .txtMsg:before {
  content: "!";
  font-weight: bolder;
  margin: 0 3px 0 0;
}
.upload .boxInfo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  margin: 0 auto 20px auto;
  padding: 10px 30px;
  width: 100%;
  height: 100%;
  font-size: 13px;
  border: 1px dashed #cccccc;
  border-radius: 5px;
  background-color: rgba(242, 250, 255, 0.7);
  z-index: 999;
  cursor: pointer;
}
.upload .boxInfo p {
  padding: 10px;
  border-radius: 5px;
  background-color: rgba(51, 51, 51, 0.8);
  text-align: center;
  color: #fff;
}
.upload.notiFileUpload {
  display: flex;
  flex-direction: column;
}
.upload.notiFileUpload .notiFileInfo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 35px;
  padding: 0 5px;
  font-size: 12px;
  font-weight: bold;
  color: #333;
}
.upload.notiFileUpload .notiFileInfo .iconLink {
  width: 17px;
  height: 15px;
  background-position: -190px -33px;
  margin-right: 5px;
}

.divTree {
  width: 100%;
  height: 100%;
}
.divTree .tree {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  border-radius: 5px;
  overflow: auto;
}
.divTree .tree .ulTreeBtn {
  height: 20px;
}
.divTree .tree .ulTreeBtn li.treeBtn {
  text-align: right;
}
.divTree .tree .ulTreeBtn li.treeBtn .treeOpenBtn {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: 0 0;
}
.divTree .tree .ulTreeBtn li.treeBtn .treeOpenBtn:hover, .divTree .tree .ulTreeBtn li.treeBtn .treeOpenBtn:focus {
  cursor: pointer;
  background-position: 0 -24px;
}
.divTree .tree .ulTreeBtn li.treeBtn .treeCloseBtn {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: 0px -49px;
}
.divTree .tree .ulTreeBtn li.treeBtn .treeCloseBtn:hover, .divTree .tree .ulTreeBtn li.treeBtn .treeCloseBtn:focus {
  cursor: pointer;
  background-position: 0px -75px;
}
.divTree .tree .ulTreeDepth li {
  display: flex;
  flex-wrap: wrap;
  padding-left: 17px;
}
.divTree .tree .ulTreeDepth li > a {
  display: inline-flex;
  align-items: center;
}
.divTree .tree .ulTreeDepth li > .collapseIcon {
  display: inline-flex;
  width: 20px;
  height: 20px;
}
.divTree .tree .ulTreeDepth li .treeItem {
  width: calc(100% - 25px);
  white-space: nowrap;
}
.divTree .tree .ulTreeDepth li .treeItem .txtName {
  font-size: 12px;
  color: #333;
  letter-spacing: 0px;
}
.divTree .tree .ulTreeDepth li .treeItem .txtName .icon {
  margin-bottom: -5px;
}
.divTree .tree .ulTreeDepth li .treeItem span {
  font-size: 12px;
  color: #333;
  letter-spacing: 0px;
}
.divTree .tree .ulTreeDepth li .treeItem:hover, .divTree .tree .ulTreeDepth li .treeItem:focus {
  background-color: #d1d1d1;
  cursor: pointer;
}
.divTree .tree .ulTreeDepth li .treeItem.selected {
  cursor: pointer;
  background-color: #c7cfff;
  color: #15B065;
}
.divTree .tree .ulTreeDepth li > ul {
  width: 100%;
}
.divTree .tree .ulTreeDepth li.treeOpen > .collapseIcon {
  background-position: -20px -1px;
}
.divTree .tree .ulTreeDepth li.treeClose > .collapseIcon {
  background-position: -20px -29px;
}
.divTree .tree .ulTreeDepth > li {
  padding-left: 0;
}
.divTree .tree .ulTreeDepth.treeCheckbox li > .treeItem {
  width: calc(100% - 40px);
}

.divImg {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #d7dee0;
  border: 1px solid #bac4c7;
  border-radius: 5px;
  overflow: hidden;
}
.divImg > img {
  width: 100%;
  height: 100%;
  border: 0px;
}
.divImg > .imgHover {
  visibility: collapse;
  position: absolute;
  width: 56px;
  height: 56px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.divImg > .imgHover > span {
  display: inline-block;
  margin: 0 3px 3px 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #35383c;
}
.divImg > .imgHover > span:hover {
  background-color: #111213;
  cursor: pointer;
}
.divImg > .imgHover > span.Add {
  background-position: 6px -119px;
}
.divImg > .imgHover > span.Del {
  background-position: 7px -151px;
}
.divImg > .imgHover > span.Down {
  background-position: 6px -183px;
}
.divImg > .imgHover > span.Expander {
  background-position: 7px -213px;
}
.divImg:hover .imgHover {
  cursor: pointer;
  visibility: visible;
}
.divImg.NoImg > img {
  visibility: collapse;
}

.popupCalendarWrap {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  text-align: center;
  z-index: 60;
}
.popupCalendarWrap .popupCalendar {
  position: absolute;
  width: 230px;
  border: 1px solid #15B065;
  background-color: #fff;
  border-radius: 3px;
}
.popupCalendarWrap .popupCalendar .txtTitleArea {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  color: #fff;
  background-color: #15B065;
  text-align: center;
}
.popupCalendarWrap .popupCalendar .txtTitleArea .txtDate {
  display: inline-block;
  color: currentColor;
  text-align: center;
  font-size: 13px;
  padding-top: 5px;
  padding: 3px 10px;
  border-radius: 3px;
  height: 24px;
}
.popupCalendarWrap .popupCalendar .txtTitleArea .txtDate:hover {
  background-color: #0d6c3e;
  cursor: pointer;
}
.popupCalendarWrap .popupCalendar .txtTitleArea > .btnPrev {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: -50px -130px;
  border-radius: 15px;
}
.popupCalendarWrap .popupCalendar .txtTitleArea > .btnPrev:hover, .popupCalendarWrap .popupCalendar .txtTitleArea > .btnPrev:focus {
  background-color: #0d6c3e;
  cursor: pointer;
}
.popupCalendarWrap .popupCalendar .txtTitleArea > .btnNext {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: -50px -161px;
  border-radius: 15px;
}
.popupCalendarWrap .popupCalendar .txtTitleArea > .btnNext:hover, .popupCalendarWrap .popupCalendar .txtTitleArea > .btnNext:focus {
  background-color: #0d6c3e;
  cursor: pointer;
}
.popupCalendarWrap .popupCalendar .btnWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border-top: 1px solid #15B065;
}
.popupCalendarWrap .popupCalendar .btnWrap > button {
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid #15B065;
  border-radius: 3px;
  color: #15B065;
  font-size: 13px;
}
.popupCalendarWrap .popupCalendar .btnWrap > button.btnToday:hover, .popupCalendarWrap .popupCalendar .btnWrap > button.btnToday:focus {
  background-color: #b4f6d6;
  cursor: pointer;
}
.popupCalendarWrap .popupCalendar .btnWrap > button.btnDeleteData {
  border-color: #cbd6dd;
  color: #999;
}
.popupCalendarWrap .popupCalendar .btnWrap > button.btnDeleteData:hover, .popupCalendarWrap .popupCalendar .btnWrap > button.btnDeleteData:focus {
  background-color: white;
  cursor: pointer;
}
.popupCalendarWrap .popupCalendar .ulDay {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
}
.popupCalendarWrap .popupCalendar .ulDay li {
  display: inline-flex;
  width: 14%;
}
.popupCalendarWrap .popupCalendar .ulDay li > span, .popupCalendarWrap .popupCalendar .ulDay li > a {
  width: 26px;
  height: 26px;
  text-align: center;
  border-radius: 14px;
  font-size: 12px;
  line-height: 24px;
  margin: 1px;
  color: #333;
}
.popupCalendarWrap .popupCalendar .ulDay li > span:hover, .popupCalendarWrap .popupCalendar .ulDay li > span:focus, .popupCalendarWrap .popupCalendar .ulDay li > a:hover, .popupCalendarWrap .popupCalendar .ulDay li > a:focus {
  color: #15B065;
  background-color: #9ef3ca;
  cursor: pointer;
}
.popupCalendarWrap .popupCalendar .ulDay li > span.sun, .popupCalendarWrap .popupCalendar .ulDay li > a.sun {
  color: #FF6262;
}
.popupCalendarWrap .popupCalendar .ulDay li > span.sat, .popupCalendarWrap .popupCalendar .ulDay li > a.sat {
  color: #3D80F0;
}
.popupCalendarWrap .popupCalendar .ulDay li > span.dis, .popupCalendarWrap .popupCalendar .ulDay li > a.dis {
  color: #999999;
}
.popupCalendarWrap .popupCalendar .ulDay li > span.selected, .popupCalendarWrap .popupCalendar .ulDay li > a.selected {
  border: 1px solid #15B065;
  background-color: rgba(21, 176, 101, 0.1);
  color: #15B065;
  font-weight: bold;
}
.popupCalendarWrap .popupCalendar .ulDay li.week {
  color: rgba(51, 51, 51, 0.5);
}
.popupCalendarWrap .popupCalendar .ulDay li.week > span:hover, .popupCalendarWrap .popupCalendar .ulDay li.week > span:focus, .popupCalendarWrap .popupCalendar .ulDay li.week > a:hover, .popupCalendarWrap .popupCalendar .ulDay li.week > a:focus {
  cursor: default;
  color: rgba(51, 51, 51, 0.5);
  background-color: transparent;
}
.popupCalendarWrap .popupCalendar .ulMonth {
  padding: 5px;
}
.popupCalendarWrap .popupCalendar .ulMonth li {
  display: inline-flex;
}
.popupCalendarWrap .popupCalendar .ulMonth li > a {
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 25px;
  font-size: 12px;
  line-height: 50px;
  margin: 2px;
  color: #333;
}
.popupCalendarWrap .popupCalendar .ulMonth li > a:hover, .popupCalendarWrap .popupCalendar .ulMonth li > a:focus {
  color: #15B065;
  background-color: #9ef3ca;
  cursor: pointer;
}
.popupCalendarWrap .popupCalendar .ulMonth li > a.selected {
  color: #fff;
  background-color: #15B065;
}
.popupCalendarWrap .popupCalendar .ulYear {
  padding: 5px;
}
.popupCalendarWrap .popupCalendar .ulYear li {
  display: inline-flex;
}
.popupCalendarWrap .popupCalendar .ulYear li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 25px;
  font-size: 12px;
  line-height: 12px;
  vertical-align: middle;
  margin: 2px;
  color: #333;
}
.popupCalendarWrap .popupCalendar .ulYear li > a.dis {
  color: #999;
}
.popupCalendarWrap .popupCalendar .ulYear li > a:hover, .popupCalendarWrap .popupCalendar .ulYear li > a:focus {
  color: #15B065;
  background-color: #9ef3ca;
  cursor: pointer;
}
.popupCalendarWrap .popupCalendar .ulYear li > a.selected {
  color: #fff;
  background-color: #15B065;
}
.popupCalendarWrap .popupNewCalendar {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-content: center;
  width: 230px;
  border: 1px solid #cccccc;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.popupCalendarWrap .popupNewCalendar .txtTopTitle {
  width: 100%;
  padding: 5px 0;
  background-color: rgba(51, 51, 51, 0.1);
  color: rgba(51, 51, 51, 0.5);
  font-size: 12px;
}
.popupCalendarWrap .popupNewCalendar .txtTitleArea {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 12px;
}
.popupCalendarWrap .popupNewCalendar .txtTitleArea .leftSelectBox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.popupCalendarWrap .popupNewCalendar .txtTitleArea .leftSelectBox > button {
  display: flex;
  align-items: center;
  padding: 4px;
  border: 1px solid transparent;
  border-radius: 3px;
  font-size: 13px;
  font-weight: bold;
  color: #333;
}
.popupCalendarWrap .popupNewCalendar .txtTitleArea .leftSelectBox > button:after {
  content: "";
  display: flex;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  border-left: 1px solid #929292;
  border-bottom: 1px solid #929292;
  transform: rotate(-45deg);
}
.popupCalendarWrap .popupNewCalendar .txtTitleArea .leftSelectBox > button:hover, .popupCalendarWrap .popupNewCalendar .txtTitleArea .leftSelectBox > button:focus {
  background-color: #F0F0F0;
  cursor: pointer;
}
.popupCalendarWrap .popupNewCalendar .txtTitleArea .leftSelectBox > button.selected {
  border-color: #15B065;
  background-color: rgba(21, 176, 101, 0.1);
  color: #15B065;
}
.popupCalendarWrap .popupNewCalendar .txtTitleArea .leftSelectBox > button.selected:after {
  border-color: #15B065;
}
.popupCalendarWrap .popupNewCalendar .txtTitleArea .btnBox {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.popupCalendarWrap .popupNewCalendar .txtTitleArea .btnBox > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
.popupCalendarWrap .popupNewCalendar .txtTitleArea .btnBox > a > i {
  width: 0;
  height: 0;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
}
.popupCalendarWrap .popupNewCalendar .txtTitleArea .btnBox > a.btnPrev > i {
  border-right: 6px solid #333;
}
.popupCalendarWrap .popupNewCalendar .txtTitleArea .btnBox > a.btnNext > i {
  border-left: 6px solid #333;
}
.popupCalendarWrap .popupNewCalendar .txtTitleArea .btnBox > a:hover, .popupCalendarWrap .popupNewCalendar .txtTitleArea .btnBox > a:focus {
  background-color: #F0F0F0;
}
.popupCalendarWrap .popupNewCalendar .txtTitleArea .txtRange {
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
.popupCalendarWrap .popupNewCalendar .btnWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 12px;
  border-top: 1px solid #cccccc;
}
.popupCalendarWrap .popupNewCalendar .btnWrap > button {
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid #15B065;
  border-radius: 3px;
  color: #15B065;
  font-size: 13px;
}
.popupCalendarWrap .popupNewCalendar .btnWrap > button.btnToday:hover, .popupCalendarWrap .popupNewCalendar .btnWrap > button.btnToday:focus {
  background-color: #b4f6d6;
  cursor: pointer;
}
.popupCalendarWrap .popupNewCalendar .btnWrap > button.btnDeleteData {
  border-color: #cbd6dd;
  color: #999;
}
.popupCalendarWrap .popupNewCalendar .btnWrap > button.btnDeleteData:hover, .popupCalendarWrap .popupNewCalendar .btnWrap > button.btnDeleteData:focus {
  background-color: #f2f2f2;
  cursor: pointer;
}
.popupCalendarWrap .popupNewCalendar .ulDay {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  padding: 5px;
}
.popupCalendarWrap .popupNewCalendar .ulDay li {
  display: inline-flex;
  justify-content: center;
  width: 14%;
}
.popupCalendarWrap .popupNewCalendar .ulDay li > span, .popupCalendarWrap .popupNewCalendar .ulDay li > a {
  width: 26px;
  height: 26px;
  text-align: center;
  border-radius: 14px;
  font-size: 12px;
  line-height: 24px;
  margin: 1px;
  color: #333;
}
.popupCalendarWrap .popupNewCalendar .ulDay li > span:hover, .popupCalendarWrap .popupNewCalendar .ulDay li > span:focus, .popupCalendarWrap .popupNewCalendar .ulDay li > a:hover, .popupCalendarWrap .popupNewCalendar .ulDay li > a:focus {
  background-color: #F0F0F0;
}
.popupCalendarWrap .popupNewCalendar .ulDay li > span.dis, .popupCalendarWrap .popupNewCalendar .ulDay li > a.dis {
  color: #999999;
}
.popupCalendarWrap .popupNewCalendar .ulDay li > span.selected, .popupCalendarWrap .popupNewCalendar .ulDay li > a.selected {
  border: 1px solid #15B065;
  background-color: rgba(21, 176, 101, 0.1);
  color: #15B065;
  font-weight: bold;
}
.popupCalendarWrap .popupNewCalendar .ulDay li:nth-child(7n+14) > a {
  color: #3D80F0;
}
.popupCalendarWrap .popupNewCalendar .ulDay li:nth-child(7n+14) > a.dis {
  color: #999999;
}
.popupCalendarWrap .popupNewCalendar .ulDay li:nth-child(7n+8) > a {
  color: #FF6262;
}
.popupCalendarWrap .popupNewCalendar .ulDay li:nth-child(7n+8) > a.dis {
  color: #999999;
}
.popupCalendarWrap .popupNewCalendar .ulDay li.week > span, .popupCalendarWrap .popupNewCalendar .ulDay li.week > a {
  color: rgba(51, 51, 51, 0.7);
}
.popupCalendarWrap .popupNewCalendar .ulDay li.week > span:hover, .popupCalendarWrap .popupNewCalendar .ulDay li.week > span:focus, .popupCalendarWrap .popupNewCalendar .ulDay li.week > a:hover, .popupCalendarWrap .popupNewCalendar .ulDay li.week > a:focus {
  cursor: default;
  color: rgba(51, 51, 51, 0.7);
  background-color: transparent;
}
.popupCalendarWrap .popupNewCalendar .ulMonth {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
}
.popupCalendarWrap .popupNewCalendar .ulMonth li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33%;
  height: 40px;
}
.popupCalendarWrap .popupNewCalendar .ulMonth li > a {
  width: 40px;
  height: 30px;
  border-radius: 3px;
  color: #333;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
}
.popupCalendarWrap .popupNewCalendar .ulMonth li > a:hover, .popupCalendarWrap .popupNewCalendar .ulMonth li > a:focus {
  background-color: #F0F0F0;
}
.popupCalendarWrap .popupNewCalendar .ulMonth li > a.selected {
  border: 1px solid #15B065;
  background-color: rgba(21, 176, 101, 0.1);
  color: #15B065;
  font-weight: bold;
}
.popupCalendarWrap .popupNewCalendar .ulYear {
  display: flex;
  flex-direction: column;
}
.popupCalendarWrap .popupNewCalendar .ulYear > ul {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
}
.popupCalendarWrap .popupNewCalendar .ulYear > ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33%;
  height: 40px;
}
.popupCalendarWrap .popupNewCalendar .ulYear > ul li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90%;
  min-height: 30px;
  border-radius: 3px;
  color: #333;
  font-size: 12px;
}
.popupCalendarWrap .popupNewCalendar .ulYear > ul li > a:hover, .popupCalendarWrap .popupNewCalendar .ulYear > ul li > a:focus {
  background-color: #F0F0F0;
}
.popupCalendarWrap .popupNewCalendar .ulYear > ul li > a.selected {
  border: 1px solid #15B065;
  background-color: rgba(21, 176, 101, 0.1);
  color: #15B065;
  font-weight: bold;
}
.popupCalendarWrap .popupNewCalendar .ulYear .btnYearArea {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popupCalendarWrap .popupNewCalendar .ulYear .btnYearArea > a {
  padding: 10px;
  color: #999;
  font-size: 12px;
}
.popupCalendarWrap .popupNewCalendar .ulYear .btnYearArea > a > i {
  display: inline-block;
  width: 0;
  height: 0;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
}
.popupCalendarWrap .popupNewCalendar .ulYear .btnYearArea > a.btnPrev > i {
  margin-right: 5px;
  border-right: 6px solid currentColor;
}
.popupCalendarWrap .popupNewCalendar .ulYear .btnYearArea > a.btnNext > i {
  margin-left: 5px;
  border-left: 6px solid currentColor;
}
.popupCalendarWrap .popupNewCalendar .ulYear .btnYearArea > a:hover, .popupCalendarWrap .popupNewCalendar .ulYear .btnYearArea > a:focus {
  color: #333;
}
.popupCalendarWrap .popupNewCalendar.fromTo {
  position: relative;
  border: none;
  box-shadow: none;
}

.fromtoCalendar .rangeListArea {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.fromtoCalendar .rangeListArea .rangeList {
  display: flex;
  flex-wrap: wrap;
  width: 232px;
  border-radius: 2px;
}
.fromtoCalendar .rangeListArea .rangeList > li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 59px;
  height: 25px;
  margin-left: -1px;
  border: 1px solid #e6e6e6;
}
.fromtoCalendar .rangeListArea .rangeList > li > button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  color: #999;
  letter-spacing: -0.06em;
}
.fromtoCalendar .rangeListArea .rangeList > li > button:hover, .fromtoCalendar .rangeListArea .rangeList > li > button:focus {
  background-color: rgba(51, 51, 51, 0.1);
  cursor: pointer;
}
.fromtoCalendar .rangeListArea .rangeList > li.borderTopNone {
  margin-top: -1px;
}
.fromtoCalendar .rangeListArea .rangeList > li.selected {
  position: relative;
  border: 1px solid #15B065 !important;
}
.fromtoCalendar .rangeListArea .rangeList > li.selected > button {
  background-color: rgba(21, 176, 101, 0.1);
  color: #15B065;
}
.fromtoCalendar .rangeListArea .rangeList:nth-child(2n) {
  margin-left: 5px;
}
.fromtoCalendar .rangeListArea .rangeList:nth-child(3), .fromtoCalendar .rangeListArea .rangeList:nth-child(4) {
  margin-top: 5px;
}
.fromtoCalendar .rangeListArea .rangeList:nth-child(3) li, .fromtoCalendar .rangeListArea .rangeList:nth-child(4) li {
  border-bottom: 1px solid #e6e6e6;
}
.fromtoCalendar .rangeListArea .rangeList:nth-child(4) li {
  width: 40px;
}
.fromtoCalendar .rangeListArea .rangeList:nth-child(4) li:nth-child(3n) {
  width: 39px;
}
.fromtoCalendar .calendarArea {
  width: 100%;
}
.fromtoCalendar .calendarArea.popupCalendarWrap {
  display: flex;
  justify-content: space-between;
  position: relative;
  top: unset;
  left: unset;
  height: auto;
  padding-top: 20px;
  z-index: unset;
}
.fromtoCalendar .calendarArea.popupCalendarWrap .popupNewCalendar {
  position: relative;
  border: none;
  box-shadow: none;
}
.fromtoCalendar .calendarArea.popupCalendarWrap .calendarBar {
  align-self: flex-end;
  width: 1px;
  height: 200px;
  background-color: #e6e6e6;
}

.Modaless .btnHelp {
  position: absolute;
  top: 10px;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px 0 0 10px;
  background-color: #434a4f;
  transition: background-color 0.3s;
  z-index: 1;
}
.Modaless .btnHelp > i {
  width: 11px;
  height: 20px;
  background-position: -440px -1px;
}
.Modaless .btnHelp:hover {
  background-color: #15B065;
  cursor: pointer;
}
.Modaless .btnBackTab {
  position: absolute;
  top: 10px;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px 0 0 10px;
  background-color: #434a4f;
  transition: background-color 0.3s;
  z-index: 1;
}
.Modaless .btnBackTab > i {
  width: 18px;
  height: 16px;
  background-position: -312px -56px;
}
.Modaless .btnBackTab:hover {
  background-color: #15B065;
  cursor: pointer;
}
.Modaless .programActionArea {
  top: 10px;
  z-index: 3;
}
.Modaless.toolbarArea .btnHelp {
  top: 0;
  border-radius: 0;
}
.Modaless.toolbarArea .btnBackTab {
  top: 0;
  border-radius: 0;
}
.Modaless.toolbarArea .programActionArea {
  top: 0;
}
.Modaless.toolbarArea .programActionArea > .btnShowHide {
  top: 0;
}
.Modaless.toolbarArea .ulToolbar {
  width: calc(100% - 120px);
}
.Modaless.toolbarArea .btnMore {
  right: 80px;
}

.layoutControl.selectedControl:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  border: 1px dashed #333;
  background-color: rgba(21, 176, 101, 0.3);
  z-index: 9;
}

.groupBox.selectedControl:before {
  content: "";
  position: absolute;
  border: 1px dashed #333;
  border-radius: 3px;
  background-color: rgba(21, 176, 101, 0.3);
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}

.groupBox.selectedControl .layoutControl[kui-optionlist] .multiRadio .controlOption .title {
  background-color: rgba(21, 176, 101, 0.03);
}

.SCHDashBoard {
  display: inline-flex;
  height: 100%;
  padding: 10px;
  font-size: 13px;
}
.SCHDashBoard * {
  flex-shrink: 0;
}
.SCHDashBoard .itemGroup {
  display: inline-flex;
  align-items: center;
  height: 100%;
}
.SCHDashBoard .itemGroup .item {
  height: 100%;
}
.SCHDashBoard .itemGroup .item.totalTime {
  min-width: 320px;
  margin-right: 30px;
}
.SCHDashBoard .itemGroup .item.totalTime .txtInfo {
  display: inline-flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: bold;
}
.SCHDashBoard .itemGroup .item.totalTime .txtInfo .highlight {
  margin: 0 10px;
  line-height: 28px;
  font-size: 28px;
  font-weight: bold;
}
.SCHDashBoard .itemGroup .item.totalTime .progressBar {
  position: relative;
  width: 100%;
  height: 35px;
}
.SCHDashBoard .itemGroup .item.totalTime .progressBar .bg {
  position: relative;
  width: 100%;
  height: 18px;
  border-radius: 30px;
  background-color: #f9f9f9;
  overflow: hidden;
}
.SCHDashBoard .itemGroup .item.totalTime .progressBar .fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  border-radius: 30px;
  background-color: #ffb602;
  transition: width 1s;
  width: 0;
}
.SCHDashBoard .itemGroup .item.totalTime .progressBar .fill.zero {
  width: 0 !important;
}
.SCHDashBoard .itemGroup .item.totalTime .progressBar .count {
  position: absolute;
  top: 21px;
  left: 0;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.5);
}
.SCHDashBoard .itemGroup .item.totalTime .progressBar .count.start {
  left: 0;
}
.SCHDashBoard .itemGroup .item.totalTime .progressBar .count.end {
  right: 0;
}
.SCHDashBoard .itemGroup .item.SCHInfo {
  display: flex;
  align-items: center;
}
.SCHDashBoard .itemGroup .item.SCHInfo dl {
  display: inline-block;
  margin-right: 40px;
}
.SCHDashBoard .itemGroup .item.SCHInfo dl dt {
  margin-bottom: 5px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.SCHDashBoard .itemGroup .item.SCHInfo dl dd {
  font-size: 13px;
}
.SCHDashBoard .itemGroup .item.SCHInfo dl:last-child {
  margin-right: 0;
}
.SCHDashBoard .itemGroup .currentInfo {
  margin-right: 20px;
}
.SCHDashBoard .itemGroup .currentInfo .txtDepartment {
  font-weight: bold;
}
.SCHDashBoard .itemGroup .currentInfo .txtDate {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.SCHDashBoard .itemGroup .chartWrap {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.SCHDashBoard .itemGroup .chartWrap .txtTitle {
  margin-right: 10px;
  font-size: 12px;
}
.SCHDashBoard .itemGroup .chartWrap .percentChart {
  position: relative;
  flex-shrink: 0;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background-color: #f9f9f9;
}
.SCHDashBoard .itemGroup .chartWrap .percentChart .percentBg {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 38px);
  top: calc(50% - 38px);
  width: 76px;
  height: 76px;
  clip: rect(0, 76px, 76px, 38px);
}
.SCHDashBoard .itemGroup .chartWrap .percentChart .percentBg .percentFill {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 38.5px);
  top: calc(50% - 38.5px);
  width: 76px;
  height: 76px;
  clip: rect(0, 38px, 76px, 0);
  background-color: #17D0BC;
  transform: rotate(60deg);
}
.SCHDashBoard .itemGroup .chartWrap .percentChart .labelWrap {
  content: "";
  position: absolute;
  top: calc(50% - 34px);
  left: calc(50% - 34px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 68px;
  height: 68px;
  background-color: #fff;
  text-align: center;
}
.SCHDashBoard .itemGroup .chartWrap .percentChart .labelWrap .txtLabel .value {
  font-size: 20px;
  font-weight: bold;
}
.SCHDashBoard .itemGroup .chartWrap .percentChart .labelWrap .txtLabel .unit {
  margin-left: 2px;
  font-size: 11px;
}
.SCHDashBoard .itemGroup .chartWrap .percentChart.gt50 {
  background-color: #17D0BC;
}
.SCHDashBoard .itemGroup .chartWrap .percentChart.gt50 .percentBg .percentFill {
  clip: rect(0, 76px, 76px, 38px);
  background: #f9f9f9;
  transition: transform 0.7s;
}
.SCHDashBoard .itemGroup .chartWrap.total {
  margin-right: 0;
}
.SCHDashBoard .itemGroup .chartWrap.total .percentChart .percentBg .percentFill {
  background-color: #3D80F0;
}
.SCHDashBoard .itemGroup .chartWrap.total .percentChart.gt50 {
  background-color: #3D80F0;
}
.SCHDashBoard .itemGroup.left {
  margin-right: 20px;
}
.SCHDashBoard .itemGroup.right {
  padding: 0 20px;
  border-left: 1px solid #e6e6e6;
}

.popupCalendar.SCHCalendar {
  border: 1px solid #e6e6e6;
}

.SCHcolumnHeader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
.SCHcolumnHeader .dateWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
.SCHcolumnHeader .dateWrap .date {
  display: inline-block;
  color: #333;
  font-size: 20px;
  font-weight: bold;
}
.SCHcolumnHeader .dateWrap .date .day {
  margin-left: 5px;
  font-size: 14px;
  color: gray;
  font-weight: normal;
}
.SCHcolumnHeader .dateWrap .schCount {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 17px;
  margin-left: 10px;
  border-radius: 5px;
  background-color: #e6e6e6;
  font-size: 13px;
}
.SCHcolumnHeader .timeWrap .totalTime {
  margin-right: 5px;
  color: rgba(51, 51, 51, 0.5);
  font-size: 12px;
  letter-spacing: -0.5px;
}
.SCHcolumnHeader .timeWrap .overTime {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding: 0 5px;
  background-color: #FFEEE9;
  color: #FF6262;
  font-size: 11px;
  border-radius: 5px;
}

.popupScheduleListWrap {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 70;
}
.popupScheduleListWrap .popupScheduleList {
  display: inline-flex;
  flex-direction: column;
  width: 550px;
  min-height: 310px;
  max-height: 570px;
  background-color: #fff;
  border: 1px solid #C9C9C9;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.17);
}
.popupScheduleListWrap .popupScheduleList .topArea {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
  height: 40px;
  padding-left: 15px;
}
.popupScheduleListWrap .popupScheduleList .topArea .date {
  font-size: 14px;
  font-weight: bold;
}
.popupScheduleListWrap .popupScheduleList .topArea .btnClose {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-left: auto;
  margin-right: 5px;
  border-radius: 50%;
}
.popupScheduleListWrap .popupScheduleList .topArea .btnClose > i {
  display: inline-block;
  width: 9px;
  height: 9px;
  background-position: 0 -81px;
}
.popupScheduleListWrap .popupScheduleList .topArea .btnClose:hover {
  background-color: #d1d1d1;
  cursor: pointer;
}
.popupScheduleListWrap .popupScheduleList .ulScheduleList {
  padding: 0 15px;
  overflow-y: auto;
}
.popupScheduleListWrap .popupScheduleList .ulScheduleList > li {
  margin-bottom: 7px;
}
.popupScheduleListWrap .popupScheduleList .ulScheduleList > li > a {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #FFABC2;
  height: auto;
  min-height: 19px;
  padding: 3px 10px;
  word-break: break-all;
  white-space: inherit;
  line-height: 17px;
}
.popupScheduleListWrap .popupScheduleList .ulScheduleList > li > a:hover {
  color: #333;
  box-shadow: inset 0 0 0 20px rgba(0, 0, 0, 0.05);
}

.tooltipArea:before {
  content: "";
  border: 2px solid #3c68d9;
  width: 100%;
  height: 90%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}

.tooltipWrap {
  position: absolute;
  display: inline-block;
  max-width: 400px;
}
.tooltipWrap:before {
  content: "";
  position: absolute;
  left: 50px;
  top: -10px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 0px solid transparent;
  border-bottom: 10px solid #3c68d9;
}
.tooltipWrap .tooltipContent {
  position: relative;
  background-color: rgba(60, 104, 217, 0.9);
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.22);
  padding: 20px;
  color: #fff;
}
.tooltipWrap .tooltipContent .txtTitle {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.tooltipWrap .tooltipContent .btnClose {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 15px;
  height: 15px;
  background-position: -46px -415px;
  cursor: pointer;
}
.tooltipWrap .tooltipContent .btnClose:hover {
  opacity: 0.8;
}
.tooltipWrap.onRight {
  min-width: 250px;
}
.tooltipWrap.onRight:before {
  content: "";
  left: auto;
  right: 30px;
}

.codeHelpKeywordWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 60;
}
.codeHelpKeywordWrap > .codeHelpKeywordArea {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  border: 1px solid #cccccc;
  background-color: #fff;
  box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.codeHelpKeywordWrap > .codeHelpKeywordArea > .codeHelpKeywordTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.codeHelpKeywordWrap > .codeHelpKeywordArea > .codeHelpKeywordTitle > .title {
  padding-left: 10px;
  color: rgba(51, 51, 51, 0.5);
  font-size: 11px;
}
.codeHelpKeywordWrap > .codeHelpKeywordArea > .codeHelpKeywordTitle > .btnCodeHelpSetting {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
.codeHelpKeywordWrap > .codeHelpKeywordArea > .codeHelpKeywordTitle > .btnCodeHelpSetting > i {
  display: block;
  width: 12px;
  height: 13px;
  background-position: -41px -292px;
  opacity: 0.5;
}
.codeHelpKeywordWrap > .codeHelpKeywordArea > .codeHelpKeywordTitle > .btnCodeHelpSetting:hover > i, .codeHelpKeywordWrap > .codeHelpKeywordArea > .codeHelpKeywordTitle > .btnCodeHelpSetting:focus-visible > i {
  opacity: 1;
}
.codeHelpKeywordWrap > .codeHelpKeywordArea > .codeHelpKeywordList {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  min-width: 280px;
  max-height: 150px;
  overflow-y: auto;
}
.codeHelpKeywordWrap > .codeHelpKeywordArea > .codeHelpKeywordList > .keywordBox {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 5px 10px;
}
.codeHelpKeywordWrap > .codeHelpKeywordArea > .codeHelpKeywordList > .keywordBox > .txtKeywordArea {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  font-size: 12px;
}
.codeHelpKeywordWrap > .codeHelpKeywordArea > .codeHelpKeywordList > .keywordBox > .txtKeywordArea .txtSubInfo {
  margin-left: 5px;
  font-size: 11px;
  color: #999;
}
.codeHelpKeywordWrap > .codeHelpKeywordArea > .codeHelpKeywordList > .keywordBox:hover {
  background-color: #e1f1fc;
  cursor: pointer;
}
.codeHelpKeywordWrap > .codeHelpKeywordArea > .btnMoreCodeHelpHistory {
  padding: 10px;
  text-align: right;
  font-size: 12px;
  color: rgba(51, 51, 51, 0.7);
}
.codeHelpKeywordWrap > .codeHelpKeywordArea > .btnMoreCodeHelpHistory:hover {
  color: #15B065;
}

.k-editor {
  font-size: 12px !important;
}

.k-button.k-state-active, .k-button.k-state-selected, .k-button:active {
  border-color: #15B065 !important;
  background-color: #15B065 !important;
}
.k-button.k-state-active:hover, .k-button.k-state-active:focus, .k-button.k-state-selected:hover, .k-button.k-state-selected:focus, .k-button:active:hover, .k-button:active:focus {
  background-color: #129958 !important;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.12) !important;
}

.k-window-titlebar {
  padding: 4px 12px !important;
}

.k-window-title {
  font-size: 12px !important;
}

.k-widget.k-window > div.k-popup-edit-form {
  font-size: 12px !important;
}

.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-buttons {
  padding: 0.5em 0.8em !important;
}

.k-popup {
  font-size: 12px !important;
}

.k-state-selected {
  border-color: #15B065 !important;
  background-color: #15B065 !important;
}

.k-state-focused.k-state-selected {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.12) !important;
}

.k-primary {
  border-color: #15B065 !important;
  background-color: #15B065 !important;
}
.k-primary:hover, .k-primary:focus {
  background-color: #129958 !important;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.12) !important;
}

.k-checkbox:checked {
  color: #fff !important;
}
.k-checkbox:focus {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12) !important;
  border-color: transparent !important;
}

.k-textarea .k-input::selection, .k-textarea::selection {
  background-color: #333 !important;
}

input {
  -webkit-appearance: none;
}

.layoutControl.txtLabelPoint14 > input, .layoutControl.txtLabeltitlePoint14 > input, .layoutControl.txtLabelPoint12 > input, .layoutControl.txtLabeltitlePoint12 > input, .layoutControl.txtLabelHighlight14 > input, .layoutControl.txtLabeltitleHighlight14 > input, .layoutControl.txtLabelHighlight12 > input, .layoutControl.txtLabelBasic12 > input, .layoutControl.txtLabelGray14 > input, .layoutControl.txtLabelTitleGray14 > input, .layoutControl.txtLabelGray11 > input, .layoutControl.txtLabelGray10 > input {
  background-color: transparent !important;
  border: 0px !important;
  text-align: left;
}
.layoutControl.txtLabelPoint14 > input:hover, .layoutControl.txtLabeltitlePoint14 > input:hover, .layoutControl.txtLabelPoint12 > input:hover, .layoutControl.txtLabeltitlePoint12 > input:hover, .layoutControl.txtLabelHighlight14 > input:hover, .layoutControl.txtLabeltitleHighlight14 > input:hover, .layoutControl.txtLabelHighlight12 > input:hover, .layoutControl.txtLabelBasic12 > input:hover, .layoutControl.txtLabelGray14 > input:hover, .layoutControl.txtLabelTitleGray14 > input:hover, .layoutControl.txtLabelGray11 > input:hover, .layoutControl.txtLabelGray10 > input:hover, .layoutControl.txtLabelPoint14 > input:focus, .layoutControl.txtLabeltitlePoint14 > input:focus, .layoutControl.txtLabelPoint12 > input:focus, .layoutControl.txtLabeltitlePoint12 > input:focus, .layoutControl.txtLabelHighlight14 > input:focus, .layoutControl.txtLabeltitleHighlight14 > input:focus, .layoutControl.txtLabelHighlight12 > input:focus, .layoutControl.txtLabelBasic12 > input:focus, .layoutControl.txtLabelGray14 > input:focus, .layoutControl.txtLabelTitleGray14 > input:focus, .layoutControl.txtLabelGray11 > input:focus, .layoutControl.txtLabelGray10 > input:focus {
  transform: unset;
}
.layoutControl.txtLabelGray14 > input, .layoutControl.txtLabelTitleGray14 > input, .layoutControl.txtLabelGray11 > input, .layoutControl.txtLabelGray10 > input {
  color: #999999 !important;
}
.layoutControl.txtPoint14 > input:focus, .layoutControl.txtPoint12 > input:focus, .layoutControl.txtHighlight14 > input:focus, .layoutControl.txtHighlight12 > input:focus {
  border-width: 2px !important;
  box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 5px !important;
  transform: scale(1.01) !important;
  transition: all 0.2s ease !important;
}
.layoutControl[class*=txtLabel] > .labelCaption {
  line-height: unset;
}
.layoutControl[class*=txtLabel] > .labelCaption:after {
  content: " : ";
}
.layoutControl.captionLeft .labelCaption {
  text-align: left;
  justify-content: flex-start;
}
.layoutControl.captionLeft .check > input[type=checkbox] + label {
  text-align: left;
}
.layoutControl.valueLeft input, .layoutControl.valueLeft select {
  text-align: left !important;
  justify-content: flex-start;
}
.layoutControl.valueCenter input {
  text-align: center !important;
  justify-content: center;
}
.layoutControl.txtLabelGray10 > input {
  font-size: 10px !important;
}
.layoutControl.txtLabelGray11 > input {
  font-size: 11px !important;
}
.layoutControl.txtLabelGray14 > input, .layoutControl.txtLabelTitleGray14 > input {
  font-size: 14px !important;
}
.layoutControl.txtLabelBasic12 > input {
  font-weight: bold !important;
  font-size: 12px !important;
}
.layoutControl.txtLabelHighlight12 > input {
  font-weight: bold !important;
  font-size: 12px !important;
  color: #ff6b6b !important;
}
.layoutControl.txtLabelHighlight14 > input, .layoutControl.txtLabeltitleHighlight14 > input {
  font-weight: bold !important;
  font-size: 14px !important;
  color: #ff6b6b !important;
}
.layoutControl.txtLabelPoint12 > input, .layoutControl.txtLabeltitlePoint12 > input {
  font-weight: bold !important;
  font-size: 12px !important;
  color: #70bf73 !important;
}
.layoutControl.txtLabelPoint14 > input, .layoutControl.txtLabeltitlePoint14 > input {
  font-weight: bold !important;
  font-size: 14px !important;
  color: #70bf73 !important;
}
.layoutControl.Dis[class*=txtLabel] > input:hover {
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  cursor: default !important;
}
.layoutControl.Dis[class*=txtLabel] > input:focus {
  box-shadow: none !important;
}
.layoutControl.Dis[class*=txtLabel][controltype=CodeHelp] .btnCodeHelp {
  display: none !important;
}
.layoutControl.Dis[class*=Point] > input:hover {
  color: #70bf73 !important;
}
.layoutControl.Dis[class*=Highlight] > input:hover {
  color: #ff6b6b !important;
}
.layoutControl.txtHighlight12 > input {
  font-weight: bold !important;
  font-size: 12px !important;
  color: #ff6b6b !important;
  border: 1px solid #ff6b6b !important;
}
.layoutControl.txtHighlight14 > input {
  font-weight: bold !important;
  font-size: 14px !important;
  color: #ff6b6b !important;
  border: 1px solid #ff6b6b !important;
}
.layoutControl.txtPoint12 > input {
  font-weight: bold !important;
  font-size: 12px !important;
  color: #70bf73 !important;
  border: 1px solid #70bf73 !important;
}
.layoutControl.txtPoint14 > input {
  font-weight: bold !important;
  font-size: 14px !important;
  color: #70bf73 !important;
  border: 1px solid #70bf73 !important;
}
.layoutControl.styleOnlyText > .labelCaption {
  color: #777 !important;
  /* font-size: 13px; */
}
.layoutControl.styleOnlyText > input {
  border: 0px !important;
  font-size: 1.25em;
  font-weight: bold;
  padding: 0;
  background-color: transparent !important;
}
.layoutControl.styleOnlyText > input:focus, .layoutControl.styleOnlyText > input:hover {
  box-shadow: none !important;
  background-color: transparent !important;
  border: 0px transparent solid !important;
  transform: scale(1) !important;
}
.layoutControl.styleOnlyText > textarea {
  border: 0px !important;
  font-size: 1em;
  padding: 0;
  margin: 0;
  background-color: transparent !important;
}
.layoutControl.styleOnlyText > textarea:focus, .layoutControl.styleOnlyText > textarea:hover {
  font-weight: unset;
  box-shadow: none !important;
  background-color: transparent !important;
  border: 0px transparent solid !important;
  transform: scale(1) !important;
}
.layoutControl.styleLineBox {
  display: flex;
  justify-content: space-between;
  border-radius: 0px;
  padding: 0 5px;
  border: 1px solid #CBCDDB;
  overflow: hidden;
}
.layoutControl.styleLineBox > .labelCaption {
  flex-shrink: 0;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  color: #777 !important;
  z-index: 1;
}
.layoutControl.styleLineBox > input {
  flex-shrink: unset;
  height: 100%;
  border: 0px;
  font-size: 1.333em;
  font-weight: bold;
  margin: 0;
  padding-right: 5px;
  text-align: right;
  border-radius: 0px;
  background-color: transparent;
}
.layoutControl.styleLineBox.CodeHelp > input {
  padding-right: 30px;
}
.layoutControl.styleLineBox.CodeHelp > .btnCodeHelp {
  right: 4px;
}
.layoutControl.styleLineBox.CodeHelp.Dis > input {
  padding-right: 5px;
}
.layoutControl.styleLineBox.Point > input {
  color: #15b065 !important;
}
.layoutControl.styleLineBox.Dis {
  border: 0px Solid transparent !important;
  background-color: #EDEEF3;
}
.layoutControl.styleLineBox.Dis > input {
  border: 0px Solid transparent !important;
  background-color: transparent !important;
}
.layoutControl.styleInputBorderBold > input {
  border-width: 2px;
  border-color: currentColor;
  padding: 0.5em;
}

.layoutControl[kui-button] {
  /*input[type=button]:hover { 이전 태그
  	cursor: pointer;
  	transition: all 0.2s ease !important;
  	box-shadow: rgba(0,0,0,0.3) 3px 3px 5px !important;
  }*/
}
.layoutControl[kui-button].btnMinus button, .layoutControl[kui-button].btnPlus button, .layoutControl[kui-button].btnZoom button, .layoutControl[kui-button].btnRefresh button, .layoutControl[kui-button].btnLeft button, .layoutControl[kui-button].btnRight button, .layoutControl[kui-button].btnUp button, .layoutControl[kui-button].btnDataUp button, .layoutControl[kui-button].btnDataDown button, .layoutControl[kui-button].btnDataLeft button, .layoutControl[kui-button].btnDataRight button, .layoutControl[kui-button].btnDataLeftUp button {
  text-indent: -99999px;
  min-height: 23px !important;
  min-width: 23px !important;
  background-image: url("../../Images/btnMinus.png") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  border: 0px !important;
}
.layoutControl[kui-button].btnMinus button {
  background-image: url("../../Images/btnMinus.png") !important;
  background-size: 90%;
}
.layoutControl[kui-button].btnPlus > button {
  background-image: url("../../Images/btnPlus.png") !important;
  background-size: 90%;
}
.layoutControl[kui-button].btnZoom button {
  background-image: url("../../Images/btnQuery.png") !important;
  background-size: 90%;
}
.layoutControl[kui-button].btnRefresh button {
  background-image: url("../../Images/btnRefresh.png") !important;
}
.layoutControl[kui-button].btnLeft button {
  background-image: url("../../Images/btnLeft.png") !important;
}
.layoutControl[kui-button].btnRight button {
  background-image: url("../../Images/btnRight.png") !important;
}
.layoutControl[kui-button].btnUp button {
  background-image: url("../../Images/btnUp.png") !important;
}
.layoutControl[kui-button].btnDown button {
  background-image: url("../../Images/btnDown.png") !important;
}
.layoutControl[kui-button].btnDataUp button {
  background-image: url("../../Images/btnDataUp.png") !important;
}
.layoutControl[kui-button].btnDataDown button {
  background-image: url("../../Images/btnDataDown.png") !important;
}
.layoutControl[kui-button].btnDataLeft button {
  background-image: url("../../Images/btnDataLeft.png") !important;
}
.layoutControl[kui-button].btnDataRight button {
  background-image: url("../../Images/btnDataRight.png") !important;
}
.layoutControl[kui-button].btnDataLeftUp button {
  background-image: url("../../Images/btnDataLeftUp.png") !important;
}
.layoutControl[kui-button].btnPoint button, .layoutControl[kui-button].btnHighlight button, .layoutControl[kui-button].btnTypeQuery button, .layoutControl[kui-button].btnTypeProc button, .layoutControl[kui-button].btnTypeFileUpload button, .layoutControl[kui-button].btnTypeFileDownload button, .layoutControl[kui-button].btnTypeLink button {
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-align: center;
  border: 0px !important;
}
.layoutControl[kui-button].btnPoint {
  background-color: #fe8739 !important;
}
.layoutControl[kui-button].btnHighlight {
  background-color: #fe8739 !important;
}
.layoutControl[kui-button].btnTypeQuery {
  background-color: #15B065;
}
.layoutControl[kui-button].btnTypeQuery button {
  padding-left: 23px !important;
  text-align: Left !important;
  background-image: url("../../Images/btnTypeQuery.png") !important;
  background-repeat: no-repeat;
  background-position: left center;
}
.layoutControl[kui-button].btnTypeProc button {
  padding-left: 23px !important;
  text-align: Left !important;
  background-image: url("../../Images/btnTypeProc.png") !important;
  background-repeat: no-repeat;
  background-position: left center;
  /*&::before { //처리중 로딩 애니메이션 (위의 background 관련 속성 지워야함) 만들어본것. 추후 버튼 로딩 공통으로 넣어도 좋을듯 20220117 yzyoo
  	content: "";
  	display: inline-block;
  	flex-shrink: 0;
  	margin: 0 6em;
  	font-size: .15em;
  	width: 1.5em;
  	height: 1.5em;
  	border-radius: 50%;
  	background-color: transparent;
  	box-shadow: 0 -3em 0 rgba(255, 255, 255, 1), 2.25em -2.25em rgba(255, 255, 255, 0.875), 3em 0 rgba(255, 255, 255, 0.75),2.25em 2.25em rgba(255, 255, 255, 0.625), 0 3em rgba(255, 255, 255, 0.5), -2.25em 2.25em rgba(255, 255, 255, 0.375), -3em 0 rgba(255, 255, 255, 0.25),-2.25em -2.25em rgba(255, 255, 255, 0.125);
  	animation: AnmtBtnTypeProc 1.2s linear infinite;
  }

  	@keyframes AnmtBtnTypeProc {
  		100% {
  			transform: rotate(360deg)
  		}
  	}*/
}
.layoutControl[kui-button].btnTypeFileUpload button {
  padding-left: 23px !important;
  text-align: Left !important;
  background-image: url("../../Images/btnTypeFileUpload.png") !important;
  background-repeat: no-repeat;
  background-position: left center;
}
.layoutControl[kui-button].btnTypeFileDownload button {
  padding-left: 23px !important;
  text-align: Left !important;
  background-color: #15B065;
  background-image: url("../../Images/btnTypeFileDownload.png") !important;
  background-repeat: no-repeat;
  background-position: left center;
}
.layoutControl[kui-button].btnTypeLink button {
  padding-left: 23px !important;
  text-align: Left !important;
  background-color: #15B065;
  background-image: url("../../Images/btnTypeLink.png") !important;
  background-repeat: no-repeat;
  background-position: left center;
}
.layoutControl[kui-button].styleBtnGray, .layoutControl[kui-button].styleBtnGreen, .layoutControl[kui-button].styleBtnPurple {
  padding: 0px;
}
.layoutControl[kui-button].styleBtnGray button, .layoutControl[kui-button].styleBtnGreen button, .layoutControl[kui-button].styleBtnPurple button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.2) 0 3px 5px;
}
.layoutControl[kui-button].styleBtnGray button {
  background-color: #999999;
}
.layoutControl[kui-button].styleBtnPurple button {
  background-color: #b622c9;
}
.layoutControl[kui-button].styleBtnGreen button {
  background-color: #17D0BC;
}
.layoutControl[kui-button].styleBtntransparent button {
  border: 0px;
  background-color: transparent;
}
.layoutControl[kui-button].styleBtntransparent:hover {
  background-color: #15B065;
}

.layoutControl[kui-label].lbLRed > label {
  font-weight: bold;
  font-size: 16px !important;
  color: #FF6262 !important;
}
.layoutControl[kui-label].lbLViolet > label {
  font-weight: bold;
  font-size: 16px !important;
  color: #b622c9 !important;
}
.layoutControl[kui-label].lbLGreen > label {
  font-weight: bold;
  font-size: 16px !important;
  color: #17D0BC !important;
}
.layoutControl[kui-label].lbLSkyBlue > label {
  font-weight: bold;
  font-size: 16px !important;
  color: #3D80F0 !important;
}
.layoutControl[kui-label].lbSGray > label {
  font-size: 11px !important;
  color: #999999 !important;
}
.layoutControl[kui-label].lbSOrange > label {
  font-size: 11px !important;
  color: #fd9800 !important;
}
.layoutControl[kui-label].lbSBoldBlack > label {
  font-weight: bold;
  font-size: 11px !important;
}
.layoutControl[kui-label].lbSBlack > label {
  font-size: 11px !important;
}
.layoutControl[kui-label].lbTextAlignRight > label {
  justify-content: flex-end;
  text-align: right;
}
.layoutControl[kui-label].lbTitlePoint12 > label {
  font-weight: bold;
  font-size: 12px !important;
}
.layoutControl[kui-label].lbTitlePoint16 > label {
  font-weight: bold;
  font-size: 16px !important;
}
.layoutControl[kui-label].lbHeaderGrayBox > label {
  padding: 2px 4px !important;
  font-size: 12px !important;
  color: #fff !important;
  background-color: #999999 !important;
}
.layoutControl[kui-label].lbDashboardTitle > label {
  font-weight: bold;
  font-size: 14px !important;
}
.layoutControl[kui-label].lbCountTotal > label {
  padding-left: 10px !important;
  font-weight: bold;
  font-size: 18px !important;
  color: #FF6262 !important;
  border-left: 2px solid #FF6262 !important;
}
.layoutControl[kui-label].lbCountDescription > label {
  font-size: 12px !important;
  color: #666666 !important;
}
.layoutControl[kui-label].lbCount > label {
  padding-left: 10px !important;
  font-weight: bold;
  font-size: 18px !important;
  color: #666666 !important;
  border-left: 2px solid #17D0BC !important;
}
.layoutControl[kui-label].lbCodehelpTitle > label {
  font-weight: bold;
  font-size: 12px !important;
  color: #666666 !important;
}
.layoutControl[kui-label].lbHeaderTopLine > label {
  padding: 3px 5px !important;
  font-size: 12px !important;
  font-weight: bold;
  border-top: 1px solid #cccccc;
}

.groupBox[kui-groupbox].icon {
  background-position: -1000px;
}
.groupBox[kui-groupbox].icon > .title {
  display: flex;
  align-items: center;
  padding-left: 32px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: inherit;
}
.groupBox[kui-groupbox].icon > .title:before {
  display: none;
}

.controlTab[kui-tab].styleTabSide {
  display: flex;
}
.controlTab[kui-tab].styleTabSide .tabHeader {
  width: 30px;
  height: 100%;
  writing-mode: vertical-rl;
  text-orientation: sideways;
}
.controlTab[kui-tab].styleTabSide .tabHeader ul {
  height: unset;
}
.controlTab[kui-tab].styleTabSide .tabHeader ul > li a {
  height: unset;
  min-width: 30px;
  width: 30px;
  padding: 10px 6px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  border-right: 0;
  background-color: #f4f5f8;
  border: 0;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
.controlTab[kui-tab].styleTabSide .tabHeader ul > li.on a {
  background-color: #fff;
  border-left: 3px solid #15B065;
}
.controlTab[kui-tab].styleTabSide .tabHeader ul > li:last-child > a {
  border-bottom: 1px solid #cccccc;
}
.controlTab[kui-tab].styleTabSide .tabHeader .btnMoreTabLeft > i {
  transform: rotate(-90deg);
}
.controlTab[kui-tab].styleTabSide .tabHeader .btnMoreTabRight > i {
  transform: rotate(90deg);
}
.controlTab[kui-tab].styleTabSide > .contentsBox {
  height: 100%;
  margin-top: -30px;
  margin-left: 30px;
}

.layoutControl[kui-button].colorSub button {
  background-color: #3466FF;
}
.layoutControl[kui-button].colorBlue button {
  background-color: #3466FF;
}
.layoutControl[kui-button].colorGreen button {
  background-color: #15B065;
}
.layoutControl[kui-button].colorYellow button {
  background-color: #FBB024;
}
.layoutControl[kui-button].colorRed button {
  background-color: #F05150;
}
.layoutControl[kui-button].colorGrey button {
  background-color: #999999;
}
.layoutControl[kui-button].styleBtnLine button, .layoutControl[kui-button].styleBtnDefault button {
  color: #15B065;
  border: 1px solid currentColor;
  background-color: #fff;
}
.layoutControl[kui-button].styleBtnLine button:hover, .layoutControl[kui-button].styleBtnLine button:focus, .layoutControl[kui-button].styleBtnDefault button:hover, .layoutControl[kui-button].styleBtnDefault button:focus {
  box-shadow: inset 3px 3px 1000px rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25) 1px 2px 5px;
}
.layoutControl[kui-button].styleBtnLine button:active, .layoutControl[kui-button].styleBtnDefault button:active {
  box-shadow: inset 3px 3px 1000px rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.25) 1px 2px 5px;
}
.layoutControl[kui-button].styleBtnLine.colorSub button, .layoutControl[kui-button].styleBtnDefault.colorSub button {
  border-color: #3466FF;
  color: #3466FF;
}
.layoutControl[kui-button].styleBtnLine.colorBlue button, .layoutControl[kui-button].styleBtnDefault.colorBlue button {
  border-color: #3466FF;
  color: #3466FF;
}
.layoutControl[kui-button].styleBtnLine.colorGreen button, .layoutControl[kui-button].styleBtnDefault.colorGreen button {
  border-color: #15B065;
  color: #15B065;
}
.layoutControl[kui-button].styleBtnLine.colorYellow button, .layoutControl[kui-button].styleBtnDefault.colorYellow button {
  border-color: #FBB024;
  color: #FBB024;
}
.layoutControl[kui-button].styleBtnLine.colorRed button, .layoutControl[kui-button].styleBtnDefault.colorRed button {
  border-color: #F05150;
  color: #F05150;
}
.layoutControl[kui-button].styleBtnLine.colorGrey button, .layoutControl[kui-button].styleBtnDefault.colorGrey button {
  border-color: #999999;
  color: #999999;
}
.layoutControl[kui-button].styleBtnLight button, .layoutControl[kui-button].styleBtnAdd button {
  color: #15B065;
  background-color: transparent;
  box-shadow: 0px 0px 0px 0.25px inset currentColor;
}
.layoutControl[kui-button].styleBtnLight button::after, .layoutControl[kui-button].styleBtnAdd button::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  height: calc(100% - 4px);
  border-radius: 3px;
  background-color: currentColor;
  opacity: 0.1;
}
.layoutControl[kui-button].styleBtnLight button:hover, .layoutControl[kui-button].styleBtnLight button:focus, .layoutControl[kui-button].styleBtnAdd button:hover, .layoutControl[kui-button].styleBtnAdd button:focus {
  box-shadow: 0px 0px 0px 0.25px inset currentColor, inset 3px 3px 1000px rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) 1px 2px 5px;
}
.layoutControl[kui-button].styleBtnLight button:active, .layoutControl[kui-button].styleBtnAdd button:active {
  box-shadow: 0px 0px 0px 0.25px inset currentColor, inset 3px 3px 1000px rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.15) 1px 2px 5px;
}
.layoutControl[kui-button].styleBtnLight.Dis button, .layoutControl[kui-button].styleBtnAdd.Dis button {
  box-shadow: none !important;
}
.layoutControl[kui-button].styleBtnLight.Dis button::after, .layoutControl[kui-button].styleBtnAdd.Dis button::after {
  background-color: transparent !important;
}
.layoutControl[kui-button].styleBtnLight.colorSub button, .layoutControl[kui-button].styleBtnAdd.colorSub button {
  color: #3466FF;
  box-shadow: 0px 0px 0px 0.25px inset #3466FF;
}
.layoutControl[kui-button].styleBtnLight.colorSub button::after, .layoutControl[kui-button].styleBtnAdd.colorSub button::after {
  background-color: #3466FF;
}
.layoutControl[kui-button].styleBtnLight.colorSub button:hover, .layoutControl[kui-button].styleBtnLight.colorSub button:focus, .layoutControl[kui-button].styleBtnAdd.colorSub button:hover, .layoutControl[kui-button].styleBtnAdd.colorSub button:focus {
  box-shadow: 0px 0px 0px 0.25px inset currentColor, inset 3px 3px 1000px rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) 1px 2px 5px;
}
.layoutControl[kui-button].styleBtnLight.colorSub button:active, .layoutControl[kui-button].styleBtnAdd.colorSub button:active {
  box-shadow: 0px 0px 0px 0.25px inset currentColor, inset 3px 3px 1000px rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.15) 1px 2px 5px;
}
.layoutControl[kui-button].styleBtnLight.colorBlue button, .layoutControl[kui-button].styleBtnAdd.colorBlue button {
  color: #3466FF;
  box-shadow: 0px 0px 0px 0.25px inset #3466FF;
}
.layoutControl[kui-button].styleBtnLight.colorBlue button::after, .layoutControl[kui-button].styleBtnAdd.colorBlue button::after {
  background-color: #3466FF;
}
.layoutControl[kui-button].styleBtnLight.colorBlue button:hover, .layoutControl[kui-button].styleBtnLight.colorBlue button:focus, .layoutControl[kui-button].styleBtnAdd.colorBlue button:hover, .layoutControl[kui-button].styleBtnAdd.colorBlue button:focus {
  box-shadow: 0px 0px 0px 0.25px inset currentColor, inset 3px 3px 1000px rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) 1px 2px 5px;
}
.layoutControl[kui-button].styleBtnLight.colorBlue button:active, .layoutControl[kui-button].styleBtnAdd.colorBlue button:active {
  box-shadow: 0px 0px 0px 0.25px inset currentColor, inset 3px 3px 1000px rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.15) 1px 2px 5px;
}
.layoutControl[kui-button].styleBtnLight.colorGreen button, .layoutControl[kui-button].styleBtnAdd.colorGreen button {
  color: #15B065;
  box-shadow: 0px 0px 0px 0.25px inset #15B065;
}
.layoutControl[kui-button].styleBtnLight.colorGreen button::after, .layoutControl[kui-button].styleBtnAdd.colorGreen button::after {
  background-color: #15B065;
}
.layoutControl[kui-button].styleBtnLight.colorGreen button:hover, .layoutControl[kui-button].styleBtnLight.colorGreen button:focus, .layoutControl[kui-button].styleBtnAdd.colorGreen button:hover, .layoutControl[kui-button].styleBtnAdd.colorGreen button:focus {
  box-shadow: 0px 0px 0px 0.25px inset currentColor, inset 3px 3px 1000px rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) 1px 2px 5px;
}
.layoutControl[kui-button].styleBtnLight.colorGreen button:active, .layoutControl[kui-button].styleBtnAdd.colorGreen button:active {
  box-shadow: 0px 0px 0px 0.25px inset currentColor, inset 3px 3px 1000px rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.15) 1px 2px 5px;
}
.layoutControl[kui-button].styleBtnLight.colorYellow button, .layoutControl[kui-button].styleBtnAdd.colorYellow button {
  color: #FBB024;
  box-shadow: 0px 0px 0px 0.25px inset #FBB024;
}
.layoutControl[kui-button].styleBtnLight.colorYellow button::after, .layoutControl[kui-button].styleBtnAdd.colorYellow button::after {
  background-color: #FBB024;
}
.layoutControl[kui-button].styleBtnLight.colorYellow button:hover, .layoutControl[kui-button].styleBtnLight.colorYellow button:focus, .layoutControl[kui-button].styleBtnAdd.colorYellow button:hover, .layoutControl[kui-button].styleBtnAdd.colorYellow button:focus {
  box-shadow: 0px 0px 0px 0.25px inset currentColor, inset 3px 3px 1000px rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) 1px 2px 5px;
}
.layoutControl[kui-button].styleBtnLight.colorYellow button:active, .layoutControl[kui-button].styleBtnAdd.colorYellow button:active {
  box-shadow: 0px 0px 0px 0.25px inset currentColor, inset 3px 3px 1000px rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.15) 1px 2px 5px;
}
.layoutControl[kui-button].styleBtnLight.colorRed button, .layoutControl[kui-button].styleBtnAdd.colorRed button {
  color: #F05150;
  box-shadow: 0px 0px 0px 0.25px inset #F05150;
}
.layoutControl[kui-button].styleBtnLight.colorRed button::after, .layoutControl[kui-button].styleBtnAdd.colorRed button::after {
  background-color: #F05150;
}
.layoutControl[kui-button].styleBtnLight.colorRed button:hover, .layoutControl[kui-button].styleBtnLight.colorRed button:focus, .layoutControl[kui-button].styleBtnAdd.colorRed button:hover, .layoutControl[kui-button].styleBtnAdd.colorRed button:focus {
  box-shadow: 0px 0px 0px 0.25px inset currentColor, inset 3px 3px 1000px rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) 1px 2px 5px;
}
.layoutControl[kui-button].styleBtnLight.colorRed button:active, .layoutControl[kui-button].styleBtnAdd.colorRed button:active {
  box-shadow: 0px 0px 0px 0.25px inset currentColor, inset 3px 3px 1000px rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.15) 1px 2px 5px;
}
.layoutControl[kui-button].styleBtnLight.colorGrey button, .layoutControl[kui-button].styleBtnAdd.colorGrey button {
  color: #999999;
  box-shadow: 0px 0px 0px 0.25px inset #999999;
}
.layoutControl[kui-button].styleBtnLight.colorGrey button::after, .layoutControl[kui-button].styleBtnAdd.colorGrey button::after {
  background-color: #999999;
}
.layoutControl[kui-button].styleBtnLight.colorGrey button:hover, .layoutControl[kui-button].styleBtnLight.colorGrey button:focus, .layoutControl[kui-button].styleBtnAdd.colorGrey button:hover, .layoutControl[kui-button].styleBtnAdd.colorGrey button:focus {
  box-shadow: 0px 0px 0px 0.25px inset currentColor, inset 3px 3px 1000px rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) 1px 2px 5px;
}
.layoutControl[kui-button].styleBtnLight.colorGrey button:active, .layoutControl[kui-button].styleBtnAdd.colorGrey button:active {
  box-shadow: 0px 0px 0px 0.25px inset currentColor, inset 3px 3px 1000px rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.15) 1px 2px 5px;
}

.layoutControl[kui-checkbox] {
  /*	&.checkOnOff {
  	color: $ControlBgColorSelected;

  	.check {
  		color: currentColor;

  		> input[type='checkbox'] {
  			+ label {
  				color: $MainFontColor;
  				transition: color .2s;

  				&::before {
  					content: "";
  					width: 3.333em;
  					height: 1.333em;
  					border-radius: 20px;
  					background-color: #d5d5d5;
  					border: 0;
  					transition: background-color .2s;
  				}

  				&::after {
  					content: '';
  					position: absolute;
  					top: 0.25em;
  					left: 0.333em;
  					width: 0.833em;
  					height: 0.833em;
  					border-radius: 50%;
  					background-color: #fff;
  					border: 0; //기본체크박스 리셋
  					transform: rotate(0); //기본체크박스 리셋
  					transition: left .2s;
  				}
  			}

  			&:checked {
  				+ label {
  					color: currentColor;

  					&::before {
  						background-color: currentColor;
  					}

  					&::after {
  						left: 2.167em;
  					}
  				}
  			}
  		}
  	}
  }*/
}
.layoutControl[kui-checkbox].styleCheckDefault {
  align-items: center;
}
.layoutControl[kui-checkbox].styleCheckDefault .check > input[type=checkbox] + label {
  align-items: center;
  flex-shrink: 1;
  word-break: break-word;
  white-space: normal;
}
.layoutControl[kui-checkbox].styleCheckDefault .check > input[type=checkbox] + label::after {
  top: calc(50% - 0.34em);
}
.layoutControl[kui-checkbox].checkRight {
  align-items: center;
}
.layoutControl[kui-checkbox].checkRight .check > input[type=checkbox] + label {
  flex-direction: row-reverse;
  align-items: center;
  flex-shrink: 1;
  word-break: break-word;
  white-space: normal;
  text-align: right;
}
.layoutControl[kui-checkbox].checkRight .check > input[type=checkbox] + label::before {
  margin: 0 0 0 5px;
}
.layoutControl[kui-checkbox].checkRight .check > input[type=checkbox] + label::after {
  top: calc(50% - 0.34em);
  left: unset;
  right: 0.2em;
}
.layoutControl[kui-checkbox].styleCheckToggle, .layoutControl[kui-checkbox].checkOnOff {
  color: #15B065;
}
.layoutControl[kui-checkbox].styleCheckToggle .check, .layoutControl[kui-checkbox].checkOnOff .check {
  color: currentColor;
}
.layoutControl[kui-checkbox].styleCheckToggle .check > input[type=checkbox] + label, .layoutControl[kui-checkbox].checkOnOff .check > input[type=checkbox] + label {
  align-items: center;
  flex-shrink: 1;
  word-break: break-word;
  white-space: normal;
  color: #333;
  transition: color 0.2s;
  cursor: pointer;
}
.layoutControl[kui-checkbox].styleCheckToggle .check > input[type=checkbox] + label::before, .layoutControl[kui-checkbox].checkOnOff .check > input[type=checkbox] + label::before {
  content: "";
  width: 2.5em;
  height: 1.333em;
  border-radius: 20px;
  background-color: #d5d5d5;
  border: 0;
  margin-top: -1px;
  transition: background-color 0.2s;
}
.layoutControl[kui-checkbox].styleCheckToggle .check > input[type=checkbox] + label::after, .layoutControl[kui-checkbox].checkOnOff .check > input[type=checkbox] + label::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.45em);
  left: 0.333em;
  width: 0.833em;
  height: 0.833em;
  border-radius: 50%;
  background-color: #fff;
  border: 0;
  transform: rotate(0);
  transition: left 0.2s;
}
.layoutControl[kui-checkbox].styleCheckToggle .check > input[type=checkbox]:checked + label, .layoutControl[kui-checkbox].checkOnOff .check > input[type=checkbox]:checked + label {
  color: currentColor;
}
.layoutControl[kui-checkbox].styleCheckToggle .check > input[type=checkbox]:checked + label::before, .layoutControl[kui-checkbox].checkOnOff .check > input[type=checkbox]:checked + label::before {
  background-color: #15B065;
}
.layoutControl[kui-checkbox].styleCheckToggle .check > input[type=checkbox]:checked + label::after, .layoutControl[kui-checkbox].checkOnOff .check > input[type=checkbox]:checked + label::after {
  left: 1.3em;
}
.layoutControl[kui-checkbox].styleCheckToggle .check.labelNon > input[type=checkbox] + label, .layoutControl[kui-checkbox].checkOnOff .check.labelNon > input[type=checkbox] + label {
  color: #fe8739;
}
.layoutControl[kui-checkbox].styleCheckToggle.toggleRight .check > input[type=checkbox] + label, .layoutControl[kui-checkbox].checkOnOff.toggleRight .check > input[type=checkbox] + label {
  display: flex;
  flex-direction: row-reverse;
  text-align: right;
}
.layoutControl[kui-checkbox].styleCheckToggle.toggleRight .check > input[type=checkbox] + label::before, .layoutControl[kui-checkbox].checkOnOff.toggleRight .check > input[type=checkbox] + label::before {
  margin-right: 0;
  margin-left: 5px;
}
.layoutControl[kui-checkbox].styleCheckToggle.toggleRight .check > input[type=checkbox] + label::after, .layoutControl[kui-checkbox].checkOnOff.toggleRight .check > input[type=checkbox] + label::after {
  left: unset;
  right: 1.333em;
  transition: right 0.2s;
}
.layoutControl[kui-checkbox].styleCheckToggle.toggleRight .check > input[type=checkbox]:checked + label::after, .layoutControl[kui-checkbox].checkOnOff.toggleRight .check > input[type=checkbox]:checked + label::after {
  left: unset;
  right: 0.333em;
}
.layoutControl[kui-checkbox].styleCheckToggle.Dis .check > input[type=checkbox] + label, .layoutControl[kui-checkbox].checkOnOff.Dis .check > input[type=checkbox] + label {
  color: #999;
}
.layoutControl[kui-checkbox].styleCheckToggle.Dis .check > input[type=checkbox] + label::before, .layoutControl[kui-checkbox].checkOnOff.Dis .check > input[type=checkbox] + label::before {
  background-color: #E9E9E9;
  cursor: not-allowed;
}
.layoutControl[kui-checkbox].styleCheckToggle.Dis .check > input[type=checkbox]:checked + label, .layoutControl[kui-checkbox].checkOnOff.Dis .check > input[type=checkbox]:checked + label {
  color: #999;
}
.layoutControl[kui-checkbox].styleCheckToggle.Dis .check > input[type=checkbox]:checked + label::before, .layoutControl[kui-checkbox].checkOnOff.Dis .check > input[type=checkbox]:checked + label::before {
  background-color: #A1DFC1;
}
.layoutControl[kui-checkbox].styleCheckHL {
  color: #15B065;
  padding-top: 1px;
}
.layoutControl[kui-checkbox].styleCheckHL .check {
  width: 100%;
  padding: 7px 5px;
}
.layoutControl[kui-checkbox].styleCheckHL .check::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  height: calc(100% - 4px);
  border-radius: 3px;
  background-color: currentColor;
  opacity: 0.1;
}
.layoutControl[kui-checkbox].styleCheckHL .check > input[type=checkbox] + label {
  margin: 0;
  align-items: flex-start;
  flex-shrink: 1;
  word-break: break-all;
  white-space: normal;
}
.layoutControl[kui-checkbox].styleCheckHL .check > input[type=checkbox] + label::before {
  align-self: center;
  width: 1.25em;
  height: 1.25em;
  margin-top: -1px;
}
.layoutControl[kui-checkbox].styleCheckHL .check > input[type=checkbox] + label::after {
  top: calc(50% - 0.37em);
  left: 0.292em;
}
.layoutControl[kui-checkbox].styleCheckHL.Dis .check::before {
  background-color: #222;
}
.layoutControl[kui-checkbox].styleCheckHL.Dis .check > input[type=checkbox] + label::before {
  border-color: #d5d5d5;
  background-color: #d5d5d5;
}
.layoutControl[kui-checkbox].styleCheckHL.Dis .check > input[type=checkbox] + label::after {
  border-color: #999;
}
.layoutControl[kui-checkbox].styleCheckboxIcon .check {
  color: currentColor;
}
.layoutControl[kui-checkbox].styleCheckboxIcon .check > input[type=checkbox] + label:before {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  -webkit-mask-size: cover;
  background-color: currentColor;
}
.layoutControl[kui-checkbox].styleCheckboxIcon .check > input[type=checkbox] + label:after {
  display: none;
}
.layoutControl[kui-checkbox].styleCheckboxIcon .check > input[type=checkbox]:checked + label {
  color: #15B065;
}
.layoutControl[kui-checkbox].styleCheckboxIcon.Favorite .check > input[type=checkbox] + label:before {
  -webkit-mask-image: url("../../Images/Icon/B_021_001.svg");
  mask-image: url("../../Images/Icon/B_021_001.svg");
}

.layoutControl[kui-optionlist].styleRadioTab, .layoutControl[kui-optionlist].styleRadioTabHrz {
  color: #15B065;
}
.layoutControl[kui-optionlist].styleRadioTab .controlOption, .layoutControl[kui-optionlist].styleRadioTabHrz .controlOption {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 !important;
}
.layoutControl[kui-optionlist].styleRadioTab .controlOption .controlOptionList, .layoutControl[kui-optionlist].styleRadioTabHrz .controlOption .controlOptionList {
  margin-top: 0;
  border-radius: 3px;
}
.layoutControl[kui-optionlist].styleRadioTab .controlOption .controlOptionList .radio, .layoutControl[kui-optionlist].styleRadioTabHrz .controlOption .controlOptionList .radio {
  width: 50%;
  border: 1px solid #ccc;
  height: 100%;
  margin: 0;
  margin-left: -1px;
  padding: 0 5px;
}
.layoutControl[kui-optionlist].styleRadioTab .controlOption .controlOptionList .radio:first-child, .layoutControl[kui-optionlist].styleRadioTabHrz .controlOption .controlOptionList .radio:first-child {
  margin-left: 0;
  border-radius: 3px 0 0 3px;
}
.layoutControl[kui-optionlist].styleRadioTab .controlOption .controlOptionList .radio:last-child, .layoutControl[kui-optionlist].styleRadioTabHrz .controlOption .controlOptionList .radio:last-child {
  border-radius: 0 3px 3px 0;
}
.layoutControl[kui-optionlist].styleRadioTab .controlOption .controlOptionList .radio label, .layoutControl[kui-optionlist].styleRadioTabHrz .controlOption .controlOptionList .radio label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  color: #999;
}
.layoutControl[kui-optionlist].styleRadioTab .controlOption .controlOptionList .radio label::before, .layoutControl[kui-optionlist].styleRadioTab .controlOption .controlOptionList .radio label::after, .layoutControl[kui-optionlist].styleRadioTabHrz .controlOption .controlOptionList .radio label::before, .layoutControl[kui-optionlist].styleRadioTabHrz .controlOption .controlOptionList .radio label::after {
  display: none;
}
.layoutControl[kui-optionlist].styleRadioTab .controlOption .controlOptionList .radio.devChecked, .layoutControl[kui-optionlist].styleRadioTabHrz .controlOption .controlOptionList .radio.devChecked {
  border: 1px solid currentColor;
  margin: 0 0 0 -1px;
  z-index: 1;
}
.layoutControl[kui-optionlist].styleRadioTab .controlOption .controlOptionList .radio.devChecked::before, .layoutControl[kui-optionlist].styleRadioTabHrz .controlOption .controlOptionList .radio.devChecked::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  opacity: 0.1;
}
.layoutControl[kui-optionlist].styleRadioTab .controlOption .controlOptionList .radio.devChecked:first-child, .layoutControl[kui-optionlist].styleRadioTabHrz .controlOption .controlOptionList .radio.devChecked:first-child {
  margin-left: 0;
}
.layoutControl[kui-optionlist].styleRadioTab .controlOption .controlOptionList .radio input:checked + label, .layoutControl[kui-optionlist].styleRadioTabHrz .controlOption .controlOptionList .radio input:checked + label {
  color: currentColor;
}
.layoutControl[kui-optionlist].styleRadioTab .controlOption .controlOptionList .radio input:focus + label, .layoutControl[kui-optionlist].styleRadioTabHrz .controlOption .controlOptionList .radio input:focus + label {
  padding: 0 5px;
  border: 1px solid #333;
  outline: none;
}
.layoutControl[kui-optionlist].styleRadioTab .multiRadio, .layoutControl[kui-optionlist].styleRadioTabHrz .multiRadio {
  width: 100%;
  color: currentColor;
}
.layoutControl[kui-optionlist].styleRadioTab .multiRadio .controlOption, .layoutControl[kui-optionlist].styleRadioTabHrz .multiRadio .controlOption {
  flex-wrap: nowrap;
  width: 100%;
  border: 0;
}
.layoutControl[kui-optionlist].styleRadioTab .multiRadio .controlOption .title, .layoutControl[kui-optionlist].styleRadioTabHrz .multiRadio .controlOption .title {
  position: relative;
  left: unset;
  top: unset;
  margin: 0 0 8px 0;
  line-height: 1em;
}
.layoutControl[kui-optionlist].styleRadioTabHrz .multiRadio .controlOption {
  flex-direction: row;
  align-items: center;
}
.layoutControl[kui-optionlist].styleRadioTabHrz .multiRadio .controlOption .title {
  width: 110px;
  padding: 0;
  margin: 0 5px 0 0;
  text-align: right;
  overflow: initial;
  word-break: break-all;
  white-space: normal;
}
.layoutControl[kui-optionlist].styleRadioTabHrz .multiRadio .controlOption .controlOptionList {
  flex-grow: 0;
  width: 100%;
  min-height: 26px;
}
.layoutControl[kui-optionlist].styleRadioTabHrz .multiRadio .controlOption .controlOptionList .radio {
  padding: 0 10px;
}
.layoutControl[kui-optionlist].styleRadioHrz .controlOption {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%;
  padding: 0;
  border: 0;
}
.layoutControl[kui-optionlist].styleRadioHrz .controlOption .title {
  position: relative;
  top: unset;
  left: unset;
  width: 110px;
  padding: 0;
  margin: 0 5px 0 0;
  text-align: right;
  overflow: initial;
  word-break: break-all;
  white-space: normal;
}
.layoutControl[kui-optionlist].styleRadioHrz .controlOption .controlOptionList {
  flex-grow: 0;
  width: unset;
  min-height: 26px;
  margin-top: 0;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
}
.layoutControl[kui-optionlist].styleRadioHrz .controlOption .controlOptionList .radio {
  padding: 0 10px;
}
.layoutControl[kui-optionlist].styleRadioHL {
  color: #15B065;
}
.layoutControl[kui-optionlist].styleRadioHL .multiRadio {
  width: 100%;
  color: currentColor;
}
.layoutControl[kui-optionlist].styleRadioHL .multiRadio .controlOption {
  flex-wrap: unset;
  flex-direction: column;
  width: 100%;
  padding: 5px;
}
.layoutControl[kui-optionlist].styleRadioHL .multiRadio .controlOption .title {
  margin-top: -10px;
}
.layoutControl[kui-optionlist].styleRadioHL .multiRadio .controlOption .controlOptionList .radio {
  width: 100%;
  height: 100%;
  min-height: 20px;
  padding: 0 5px;
}
.layoutControl[kui-optionlist].styleRadioHL .multiRadio .controlOption .controlOptionList .radio.devChecked::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  border-radius: 3px;
  opacity: 0.1;
}
.layoutControl[kui-optionlist].styleRadioHL .multiRadio .controlOption .controlOptionList .radio input:checked + label::before {
  background-color: #15B065;
  border-color: #15B065;
}
.layoutControl[kui-optionlist].styleRadioHL .multiRadio .controlOption .controlOptionList .radio input:checked + label::after {
  top: calc(50% - 0.25em);
  left: 0.35em;
  width: 0.5em;
  height: 0.5em;
  background-color: #fff;
}
.layoutControl[kui-optionlist].styleRadioHL .multiRadio .controlOption .controlOptionList .radio:last-child {
  margin-right: 0;
}
.layoutControl[kui-optionlist].styleRadioHL .multiRadio .controlOption .controlOptionList.Vertical .radio, .layoutControl[kui-optionlist].styleRadioHL .multiRadio .controlOption .controlOptionList.vertical .radio {
  margin-bottom: 0px;
}

.styleScroll.layoutControl[kui-optionlist] .controlOption {
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0 !important;
}
.styleScroll.layoutControl[kui-optionlist] .controlOption.TitleHidden .controlOptionList {
  margin: 0;
  padding: 4px 0 2px 0;
  height: 100%;
}
.styleScroll.layoutControl[kui-optionlist] .controlOption .title {
  margin-top: -6px;
}
.styleScroll.layoutControl[kui-optionlist] .controlOption .controlOptionList {
  height: calc(100% - 10px);
  flex-wrap: wrap;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 2px;
  margin-top: 4px;
}
.styleScroll.layoutControl[kui-optionlist] .controlOption .controlOptionList .radio, .styleScroll.layoutControl[kui-optionlist] .controlOption .controlOptionList .check {
  margin: 3px 5px 3px 0;
}
.styleScroll.layoutControl[kui-optionlist] .controlOption .controlOptionList .radio input + label, .styleScroll.layoutControl[kui-optionlist] .controlOption .controlOptionList .check input + label {
  flex-shrink: 1;
  align-items: flex-start;
  line-height: 13px;
  white-space: inherit;
}
.styleScroll.layoutControl[kui-optionlist] .controlOption .controlOptionList .radio input + label::before, .styleScroll.layoutControl[kui-optionlist] .controlOption .controlOptionList .check input + label::before {
  flex-shrink: 0;
}
.styleScroll.layoutControl[kui-optionlist] .controlOption .controlOptionList .radio input + label::after, .styleScroll.layoutControl[kui-optionlist] .controlOption .controlOptionList .check input + label::after {
  top: 3px;
}
.styleScroll.layoutControl[kui-optionlist] .controlOption .controlOptionList .check {
  margin: 5px 10px 4px 0;
}
.styleScroll.layoutControl[kui-optionlist] .controlOption .controlOptionList .check input + label::before {
  margin-top: -2px;
}
.styleScroll.layoutControl[kui-optionlist] .controlOption .controlOptionList .check input + label::after {
  top: 2px;
}
.styleScroll.layoutControl[kui-optionlist] .controlOption .controlOptionList.Vertical, .styleScroll.layoutControl[kui-optionlist] .controlOption .controlOptionList.vertical {
  flex-direction: row;
}
.styleScroll.layoutControl[kui-optionlist] .controlOption .controlOptionList.Vertical .radio, .styleScroll.layoutControl[kui-optionlist] .controlOption .controlOptionList.Vertical .check, .styleScroll.layoutControl[kui-optionlist] .controlOption .controlOptionList.vertical .radio, .styleScroll.layoutControl[kui-optionlist] .controlOption .controlOptionList.vertical .check {
  flex-basis: 100%;
}
.styleScroll.layoutControl[kui-optionlist].styleRadioHL .multiRadio {
  width: 100%;
}
.styleScroll.layoutControl[kui-optionlist].styleRadioHL .controlOption .controlOptionList .radio {
  display: inline-flex;
  width: auto;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.styleScroll.layoutControl[kui-optionlist].styleRadioHL .controlOption .controlOptionList .radio input:checked + label::after {
  top: 4px;
}
.styleScroll.layoutControl[kui-optionlist].styleRadioHL.vertical .controlOption .controlOptionList .radio {
  height: auto;
}
.styleScroll.layoutControl[kui-label] {
  padding-right: 0 !important;
}
.styleScroll.layoutControl[kui-label] > label {
  align-items: flex-start;
  overflow-y: auto;
  word-break: break-all;
  z-index: 1;
}

.layoutControl[kui-label].styleLabelHelp {
  background-position: -1000px;
  padding-left: 3em;
}
.layoutControl[kui-label].styleLabelHelp::before {
  content: "";
  position: absolute;
  top: calc(50% - 1em);
  left: 6px;
  width: 2em;
  height: 2em;
  background-image: inherit;
  background-repeat: no-repeat;
  background-size: contain;
}
.layoutControl[kui-label].styleLabelHelp label {
  color: inherit;
  font-size: inherit;
  word-break: break-word;
}
.layoutControl[kui-label].styleLabelHelpLine {
  color: #15B065;
}
.layoutControl[kui-label].styleLabelHelpLine label {
  border-left: 2px solid currentColor;
  color: inherit;
  padding: 0 0 0 8px;
}
.layoutControl[kui-label].styleLabelHelpbox {
  position: absolute;
  padding: 0.625em;
  color: #15B065;
}
.layoutControl[kui-label].styleLabelHelpbox.icon {
  background-position: -1000px;
  padding-left: 3em;
}
.layoutControl[kui-label].styleLabelHelpbox.icon::before {
  content: "";
  position: absolute;
  top: calc(50% - 1.1665em);
  left: 6px;
  width: 2.333em;
  height: 2.333em;
  background-image: inherit;
  background-repeat: no-repeat;
  background-size: contain;
}
.layoutControl[kui-label].styleLabelHelpbox::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  height: calc(100% - 4px);
  background-color: currentColor;
  opacity: 0.1;
  border-radius: 5px;
}
.layoutControl[kui-label].styleLabelHelpbox > label {
  word-break: break-word;
}
.layoutControl[kui-label].styleLabelDivLine {
  background-color: #cbd6dd;
}
.layoutControl[kui-label].styleLabelDivLineHrz {
  height: 1px !important;
  background-color: #cbd6dd;
  padding: 0;
}
.layoutControl[kui-label].styleLabelCircle {
  padding: 7px;
}
.layoutControl[kui-label].styleLabelCircle > label {
  width: 100%;
  height: 100%;
  background-color: currentColor;
  border-radius: 50%;
}
.layoutControl[kui-label].textCenter label {
  justify-content: center;
  text-align: center;
}

.layoutControl[kui-datebox].styleFromTo > label::after {
  content: "";
  position: absolute;
  top: -1px;
  left: calc(100% + 5px);
  width: 164px;
  height: 100%;
  border-radius: 3px;
  border: 1px solid #cbd6dd;
  background-color: #fff;
}
.layoutControl[kui-datebox].styleFromTo > input, .layoutControl[kui-datebox].styleFromTo + .layoutControl[kui-datebox] > input {
  border: 0;
  background-color: transparent;
  text-align: center;
}

.layoutControl.Dis.styleTextDis > .labelCaption, .layoutControl.Dis.styleTextDisClean > .labelCaption {
  color: #333 !important;
}
.layoutControl.Dis.styleTextDis > .labelCaption::after, .layoutControl.Dis.styleTextDisClean > .labelCaption::after {
  content: "";
  position: absolute;
  right: -5px;
  top: calc(50% - 6px);
  width: 1px;
  height: 12px;
  background-color: #ccc;
}
.layoutControl.Dis.styleTextDis > .labelCaption.labelNon, .layoutControl.Dis.styleTextDisClean > .labelCaption.labelNon {
  color: #333;
}
.layoutControl.Dis.styleTextDis > input, .layoutControl.Dis.styleTextDisClean > input {
  border: 0px !important;
  font-size: 1em;
  font-weight: bold;
  padding: 0 0 0 5px;
  background-color: transparent !important;
  color: unset;
  cursor: default;
}
.layoutControl.Dis.styleTextDis > input:hover, .layoutControl.Dis.styleTextDisClean > input:hover {
  background-color: transparent !important;
  border: 0px transparent solid !important;
  cursor: default !important;
}
.layoutControl.Dis.styleTextDis > input:focus, .layoutControl.Dis.styleTextDisClean > input:focus {
  box-shadow: none !important;
  cursor: default !important;
}
.layoutControl.Dis.styleTextDis select, .layoutControl.Dis.styleTextDisClean select {
  border: 0 !important;
  background-color: transparent !important;
  text-align: left;
  appearance: none;
  padding: 0 5px;
  font-weight: bold;
  color: inherit;
}
.layoutControl.Dis.styleTextDis .btnCodeHelp, .layoutControl.Dis.styleTextDisClean .btnCodeHelp {
  display: none;
}
.layoutControl.Dis.styleTextDis.vertical > .labelCaption::after, .layoutControl.Dis.styleTextDisClean.vertical > .labelCaption::after {
  display: none;
}
.layoutControl.Dis.styleTextDis.vertical > input, .layoutControl.Dis.styleTextDis.vertical select, .layoutControl.Dis.styleTextDis.vertical textarea, .layoutControl.Dis.styleTextDisClean.vertical > input, .layoutControl.Dis.styleTextDisClean.vertical select, .layoutControl.Dis.styleTextDisClean.vertical textarea {
  padding-left: 0;
}
.layoutControl.Dis.styleTextDisClean > .labelCaption::after {
  display: none;
}
.layoutControl.Dis.styleTextDisBox > .labelCaption {
  color: currentColor;
  padding-left: 5px;
  text-align: left;
  justify-content: flex-start;
  z-index: 1;
}
.layoutControl.Dis.styleTextDisBox > input {
  color: currentColor !important;
  border: 0 !important;
  background-color: transparent !important;
  font-weight: bold;
  padding-right: 5px;
  text-align: right;
  cursor: default;
  z-index: 1;
}
.layoutControl.Dis.styleTextDisBox > input:hover {
  background-color: transparent !important;
  border: 0px transparent solid !important;
  cursor: default !important;
}
.layoutControl.Dis.styleTextDisBox > input:focus {
  box-shadow: none !important;
  cursor: default !important;
}
.layoutControl.Dis.styleTextDisBox select {
  color: currentColor !important;
  border: 0 !important;
  background-color: transparent !important;
  text-align: right;
  appearance: none;
  padding: 0 5px;
  font-weight: bold;
}
.layoutControl.Dis.styleTextDisBox::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  height: calc(100% - 4px);
  background-color: currentColor;
  opacity: 0.1;
  border-radius: 3px;
}
.layoutControl.Dis.styleTextDisBox:hover {
  cursor: default !important;
}
.layoutControl.Dis.styleTextDisBox.colorGrey {
  color: #333 !important;
}
.layoutControl.Dis.styleTextDisBox.vertical .labelCaption {
  padding-top: 3px;
  align-items: flex-start;
}
.layoutControl.Dis.styleTextDisBox.vertical > input {
  padding: 0 5px;
}
.layoutControl.Dis.styleTextDis[kui-multitextbox] textarea, .layoutControl.Dis.styleTextDisBox[kui-multitextbox] textarea {
  border: 0 !important;
  background-color: transparent !important;
  z-index: 1;
  color: inherit;
  padding-left: 5px;
}
.layoutControl.Dis.styleTextDis[kui-multitextbox] textarea:hover, .layoutControl.Dis.styleTextDisBox[kui-multitextbox] textarea:hover {
  border: 0 !important;
  background-color: transparent !important;
  cursor: default !important;
}
.layoutControl.Dis.styleTextDis[kui-multitextbox] textarea:focus, .layoutControl.Dis.styleTextDisBox[kui-multitextbox] textarea:focus {
  box-shadow: none;
  transform: none;
}
.layoutControl.Dis.styleTextDis[kui-multitextbox].vertical, .layoutControl.Dis.styleTextDisBox[kui-multitextbox].vertical {
  flex-direction: column;
}
.layoutControl.Dis.styleTextDis[kui-multitextbox].vertical > .labelCaption, .layoutControl.Dis.styleTextDisBox[kui-multitextbox].vertical > .labelCaption {
  width: 100% !important;
  height: 20px;
  padding-left: 5px;
  padding-right: 5px;
}
.layoutControl.Dis.styleTextDis[kui-multitextbox].vertical > .labelCaption::after, .layoutControl.Dis.styleTextDisBox[kui-multitextbox].vertical > .labelCaption::after {
  display: none;
}
.layoutControl.Dis.styleTextDis[kui-multitextbox].vertical > textarea, .layoutControl.Dis.styleTextDisBox[kui-multitextbox].vertical > textarea {
  height: 100%;
  width: 100% !important;
  padding: 0 5px;
  margin: 0;
}

.layoutControl.styleTextHL > .labelCaption {
  font-weight: bold;
}
.layoutControl.styleTextHL > input[type=text] {
  border-color: currentColor;
  border-width: 2px;
}
.layoutControl.styleTextHL .comboBox {
  color: currentColor;
}
.layoutControl.styleTextHL .comboBox select {
  color: currentColor;
  border: 2px solid currentColor;
}
.layoutControl.styleTextHL.colorBlue .comboBox select {
  border-color: #3466FF !important;
  color: #3466FF !important;
}
.layoutControl.styleTextHL.colorGreen .comboBox select {
  border-color: #15b065 !important;
  color: #15b065 !important;
}
.layoutControl.styleTextHL.colorYellow .comboBox select {
  border-color: #FBB024 !important;
  color: #FBB024 !important;
}
.layoutControl.styleTextHL.colorRed .comboBox select {
  border-color: #F05150 !important;
  color: #F05150 !important;
}
.layoutControl.styleTextHL.colorGrey .comboBox select {
  border-color: #999999 !important;
  color: #999999 !important;
}

.icon.layoutControl[kui-textbox], .icon.layoutControl[kui-datebox], .icon.layoutControl[kui-codehelp], .icon.layoutControl[kui-maskbox], .icon.layoutControl[kui-floatbox], .icon.layoutControl[kui-multitextbox] {
  background-position: -1000px;
}
.icon.layoutControl[kui-button] {
  background-position: -1000px;
  background-repeat: no-repeat;
}
.icon.layoutControl[kui-button] > button {
  background-position: -1000px;
  background-repeat: inherit;
  background-image: inherit;
}
.icon.layoutControl[kui-button] > button::before {
  content: "";
  display: inline-block;
  width: 1.75em;
  height: 1.75em;
  background-repeat: inherit;
  background-position: left center;
  background-image: inherit;
  background-size: contain;
}
.icon.layoutControl > input,
.icon.layoutControl > textarea {
  padding-left: 30px !important;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: inherit !important;
  background-size: inherit;
}
.icon.layoutControl.caption > .labelCaption {
  text-align: left;
  justify-content: flex-start;
  background-image: inherit;
  background-repeat: no-repeat;
  background-position: -1000px;
}
.icon.layoutControl.caption > .labelCaption:before {
  content: "";
  display: inline-block;
  width: 2em;
  height: 2em;
  flex-shrink: 0;
  /*margin-right: 5px;*/
  background-repeat: no-repeat;
  background-position: center;
  background-image: inherit !important;
  background-size: 100%;
}
.icon.layoutControl.caption > input,
.icon.layoutControl.caption > textarea {
  background-image: none !important;
  padding-left: 4px !important;
}
.icon.layoutControl[kui-label] {
  padding-left: 1.75em;
  background-position: -1000px;
}
.icon.layoutControl[kui-label] > label {
  background-position: -1000px;
}
.icon.layoutControl[kui-label]::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.875em);
  left: 0;
  width: 1.75em;
  height: 1.75em;
  background-image: inherit;
  background-repeat: no-repeat;
  background-size: contain;
}

.layoutControl.text14 {
  font-size: 14px;
}
.layoutControl.text16 {
  font-size: 16px;
}
.layoutControl.text18 {
  font-size: 18px;
}
.layoutControl.text20 {
  font-size: 20px;
}
.layoutControl.text22 {
  font-size: 22px;
}
.layoutControl.text24 {
  font-size: 24px;
}
.layoutControl.text26 {
  font-size: 26px;
}
.layoutControl.text28 {
  font-size: 28px;
}
.layoutControl.text30 {
  font-size: 30px;
}
.layoutControl.textBold {
  font-weight: bold;
}
.layoutControl.colorMain {
  color: #15B065 !important;
}
.layoutControl.colorSub {
  color: #3466FF !important;
}
.layoutControl.colorBlue {
  color: #3466FF !important;
}
.layoutControl.colorGreen {
  color: #15B065 !important;
}
.layoutControl.colorYellow {
  color: #FBB024 !important;
}
.layoutControl.colorRed {
  color: #F05150 !important;
}
.layoutControl.colorGrey {
  color: #999999 !important;
}

.layoutControl.vertical {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.layoutControl.vertical > .labelCaption {
  flex-shrink: 0;
  width: 100% !important;
  height: 20px;
  padding: 0;
  justify-content: flex-start;
  text-align: left;
}
.layoutControl.vertical > .comboBox,
.layoutControl.vertical > .comboBox > select,
.layoutControl.vertical > textarea,
.layoutControl.vertical > input {
  width: 100% !important;
  height: 100%;
  min-height: unset;
  flex-shrink: unset;
  margin-left: 0;
}
.layoutControl.vertical.CodeHelp > .btnCodeHelp {
  top: 20px;
  height: calc(100% - 20px);
}
.layoutControl.vertical[captionwidth="0px"] > a {
  top: 0px;
  height: 100%;
}

.layoutControl.styleTextLineBox {
  display: flex;
  justify-content: space-between;
  border-radius: 3px;
  padding: 0 5px;
  border: 1px solid currentColor;
  overflow: hidden;
}
.layoutControl.styleTextLineBox.colorGrey {
  border-color: #CBCDDB;
}
.layoutControl.styleTextLineBox.colorGrey > input {
  color: #333;
}
.layoutControl.styleTextLineBox > .labelCaption {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  color: #777 !important;
  z-index: 1;
}
.layoutControl.styleTextLineBox > input {
  flex-shrink: unset;
  height: 100%;
  border: 0px;
  font-size: 1.333em;
  font-weight: bold;
  margin: 0;
  padding-right: 5px;
  text-align: right;
  border-radius: 0px;
  background-color: transparent;
}
.layoutControl.styleTextLineBox > input:focus {
  box-shadow: none;
}
.layoutControl.styleTextLineBox.CodeHelp > input {
  padding-right: 30px;
}
.layoutControl.styleTextLineBox.CodeHelp > .btnCodeHelp {
  right: 4px;
}
.layoutControl.styleTextLineBox.Point > input {
  color: #15b065 !important;
}
.layoutControl.styleTextLineBox.Dis {
  border: 0px Solid transparent !important;
  background-color: #EDEEF3;
}
.layoutControl.styleTextLineBox.Dis > input {
  padding-right: 0px;
  border: 0px Solid transparent !important;
  background-color: transparent !important;
}

.layoutControl.updated input, .layoutControl.updated textarea, .layoutControl.updated select {
  border: 1px solid #3466FF !important;
}
.layoutControl.updated.upload {
  border: 1px solid #3466FF !important;
}
.layoutControl.updated::after {
  content: "U";
  position: absolute;
  top: 3px;
  right: -13px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  background-color: #3466FF;
  color: #fff;
  font-size: 9px;
  font-weight: bold;
  line-height: 10px;
}
.layoutControl.updated:hover input, .layoutControl.updated:hover textarea, .layoutControl.updated:hover select {
  border: 1px solid #3466FF !important;
}

.upload.updated {
  border: 1px solid #3466FF !important;
}
.upload.updated .uploadNoFile {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 0;
}
.upload.updated::after {
  content: "U";
  position: absolute;
  top: 3px;
  right: -14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  background-color: #3466FF;
  color: #fff;
  font-size: 9px;
  font-weight: bold;
  line-height: 10px;
}
.upload.updated:hover {
  border: 1px solid #3466FF !important;
}

.layoutControl[kui-label].styleLabelBold > label {
  align-items: unset;
  font-weight: bold;
}
.layoutControl[kui-label].styleLabelLine label {
  background-color: #ebebeb;
}
.layoutControl[kui-label].styleLabelQuestion > label {
  padding: 1em;
  align-items: unset;
  overflow-y: auto;
  line-height: 1.5em;
}
.layoutControl[kui-label].styleLabelQuestion > label:before {
  content: "Q";
  margin-right: 0.25em;
  color: #15B065;
  font-size: 2rem;
  font-weight: bold;
}
.layoutControl[kui-label].styleLabelAnwser > label {
  padding: 1em;
  align-items: unset;
  overflow-y: auto;
  line-height: 1.5em;
}
.layoutControl[kui-label].styleLabelAnwser > label:before {
  content: "A";
  margin-right: 0.25em;
  font-size: 2rem;
  font-weight: bold;
}

.layoutControl[stylename=CTI_StatusRadio] .controlOptionList {
  padding: 0;
  border: 0;
  padding-left: 5px;
}
.layoutControl[stylename=CTI_StatusRadio] .controlOptionList:focus {
  outline: 0;
}
.layoutControl[stylename=CTI_StatusRadio] .controlOptionList .radio {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 105px;
  height: 35px;
  border: 1px solid #DCDCDC;
  border-radius: 5px;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  margin-right: 10px;
}
.layoutControl[stylename=CTI_StatusRadio] .controlOptionList .radio .icon {
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #DCDCDC;
  margin-right: 10px;
}
.layoutControl[stylename=CTI_StatusRadio] .controlOptionList .radio .icon::after {
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  background-color: #15B065;
}
.layoutControl[stylename=CTI_StatusRadio] .controlOptionList .radio.Checked {
  border: 1px solid #15B065;
  background-color: #E9FFF4;
}
.layoutControl[stylename=CTI_StatusRadio] .controlOptionList .radio.Checked .icon {
  background-color: #15B065;
  border: 1px solid #15B065;
}
.layoutControl[stylename=CTI_StatusRadio] .controlOptionList .radio.Checked .icon::after {
  background-color: #fff;
}

.layoutControl[stylename=CTI_CallWrap] .CTI_CallWrap {
  background: linear-gradient(210deg, #E7E8EC, #fff);
  border-radius: 10px;
}

.layoutControl[stylename=CTI_CallInfo] .CTI_CallInfo {
  font-size: 14px;
  justify-content: center;
  padding: 0;
}

.layoutControl[stylename=CTI_CallNb] .CTI_CallNb {
  border: 0 !important;
  background-color: transparent !important;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}

.layoutControl[stylename=CTI_CallBtn_Answer]::before {
  content: "";
  position: absolute;
  width: 57px;
  height: 57px;
  margin: 0 auto;
  border-radius: 100%;
  animation: play 2s ease infinite;
  backface-visibility: hidden;
}
.layoutControl[stylename=CTI_CallBtn_Answer] .CTI_CallBtn_Answer {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #15B065;
}
.layoutControl[stylename=CTI_CallBtn_Answer] .CTI_CallBtn_Answer::before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 25px;
  background-image: url(../../Images/iconCTI.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.layoutControl[stylename=CTI_CallBtn_Answer].Dis::before {
  display: none;
}
.layoutControl[stylename=CTI_CallBtn_Answer].Dis .CTI_CallBtn_Answer {
  background-color: #E5E5E5 !important;
  border: 0 !important;
}
.layoutControl[stylename=CTI_CallBtn_Answer].Dis .CTI_CallBtn_Answer::before {
  background-position: -38px 0;
}

@keyframes play {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0px rgba(22, 176, 101, 0.4);
  }
  10% {
    box-shadow: 0 0 0 3px rgba(22, 176, 101, 0.4);
  }
  25% {
    box-shadow: 0 0 0 6px rgba(22, 176, 101, 0.4), 0 0 0 12px rgba(22, 176, 101, 0.2);
  }
  25% {
    box-shadow: 0 0 0 9px rgba(22, 176, 101, 0.4), 0 0 0 20px rgba(22, 176, 101, 0.2);
  }
}
.layoutControl[stylename=CTI_CallBtn_End] .CTI_CallBtn_End {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #FF6464;
}
.layoutControl[stylename=CTI_CallBtn_End] .CTI_CallBtn_End::before {
  content: "";
  display: inline-block;
  width: 27px;
  height: 27px;
  background-image: url(../../Images/iconCTI.svg);
  background-position: 0 -36px;
  background-repeat: no-repeat;
}
.layoutControl[stylename=CTI_CallBtn_End].Dis .CTI_CallBtn_End {
  background-color: #E5E5E5 !important;
  border: 0 !important;
}
.layoutControl[stylename=CTI_CallBtn_End].Dis .CTI_CallBtn_End::before {
  background-position: -37px -36px;
}

.layoutControl[stylename=CTI_CallBtn_Pickup] .CTI_CallBtn_Pickup {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  background-color: transparent;
  color: #333;
  font-weight: normal;
  border: 0;
  padding: 0px 5px;
  border-radius: 5px;
}
.layoutControl[stylename=CTI_CallBtn_Pickup] .CTI_CallBtn_Pickup::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 17px;
  margin-right: 10px;
  background-image: url(../../Images/iconCTI.svg);
  background-position: 0 -105px;
  background-repeat: no-repeat;
}
.layoutControl[stylename=CTI_CallBtn_Pickup] .CTI_CallBtn_Pickup:hover {
  background-color: #e2e6e8;
  opacity: 1;
}
.layoutControl[stylename=CTI_CallBtn_Pickup].Dis .CTI_CallBtn_Pickup {
  opacity: 0.5;
  background-color: transparent !important;
  border: 0 !important;
}
.layoutControl[stylename=CTI_CallBtn_Pickup].Dis .CTI_CallBtn_Pickup:hover {
  opacity: 0.5 !important;
}

.layoutControl[stylename=CTI_ForwardingTitle] .CTI_ForwardingTitle {
  padding: 0;
  font-size: 14px;
  font-weight: bold;
}

.layoutControl[stylename=CTI_ForwardingToCodehelp] {
  display: flex;
  justify-content: space-between;
  border-radius: 0px;
  border: 1px solid #CBCDDB;
  overflow: hidden;
  border-radius: 3px;
  background-color: #E3F1FD;
  padding: 0 5px;
}
.layoutControl[stylename=CTI_ForwardingToCodehelp] > label {
  height: 100%;
  padding-left: 3px;
  flex-shrink: 0;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 13px;
  z-index: 1;
}
.layoutControl[stylename=CTI_ForwardingToCodehelp] > input {
  height: 100%;
  border: 0px;
  font-size: 15px;
  font-weight: normal;
  padding-right: 10px;
  margin: 0;
  text-align: right;
  border-radius: 0px;
  background-color: transparent;
  padding-right: 27px;
  letter-spacing: -0.5px;
}

.layoutControl[stylename=CTI_ForwardingNb] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.layoutControl[stylename=CTI_ForwardingNb] > label {
  flex-shrink: 0;
  width: 100% !important;
  justify-content: flex-start;
  padding: 0 0 5px 0;
  height: auto;
  text-align: left;
}
.layoutControl[stylename=CTI_ForwardingNb] > input {
  width: 100% !important;
  height: auto;
  border: 0px !important;
  font-size: 13px;
  font-weight: bold;
  padding: 0;
  margin: 0;
  background-color: transparent !important;
  text-align: left;
}

.layoutControl[stylename=CTI_ForwardingBtn] .CTI_ForwardingBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #E4F5FF;
  color: #0096FF;
  font-size: 11px;
  font-weight: normal;
  border-radius: 10px;
}
.layoutControl[stylename=CTI_ForwardingBtn] .CTI_ForwardingBtn::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 16px;
  margin-bottom: 6px;
  background-image: url(../../Images/iconCTI.svg);
  background-position: 0 -79px;
  background-repeat: no-repeat;
}
.layoutControl[stylename=CTI_ForwardingBtn].Dis .CTI_ForwardingBtn {
  background-color: #E5E5E5 !important;
  color: #C8C8C8 !important;
  border: 0 !important;
}
.layoutControl[stylename=CTI_ForwardingBtn].Dis .CTI_ForwardingBtn::before {
  background-position: -25px -79px;
}

/*컨설턴트 K 전용*/
.lbTitleLinkProgram_K {
  font-weight: bold;
  font-size: 12px !important;
  color: #20a4ff !important;
}

.lbLinkProgram_K {
  font-weight: bold;
  font-size: 12px !important;
  color: #333 !important;
}

.lbMainTitle_K {
  font-weight: bold;
  font-size: 36px !important;
  color: #333 !important;
  text-align: center !important;
}

.lbMainDesctiprion {
  font-size: 12px !important;
  color: #666 !important;
  text-align: center !important;
}

.lbStepCheckSub_K {
  font-size: 24px !important;
  color: #666 !important;
  text-align: center !important;
}

.lbStepCheck_K {
  font-weight: bold !important;
  font-size: 18px !important;
  color: #666 !important;
  text-align: center;
}

.lbQuestion2_K {
  font-size: 12px !important;
  color: #666 !important;
}

.lbQuestion_K {
  font-weight: bold;
  font-size: 18px !important;
  color: #666 !important;
}

/*2022-AICC*/
.styleAICCQuery > input {
  margin-right: 5px;
  padding: 0 120px 0 50px;
  font-size: 16px;
  font-weight: bold;
  color: #15B065;
  border: 1px solid #15B065;
  background-image: url("../../Images/JS/AICC_AI.svg");
  background-repeat: no-repeat;
  background-position: 10px center;
}
.styleAICCQuery > input:focus {
  border: 2px solid #15B065;
}

.styleBtnAICCDoc > button {
  display: inline-flex !important;
  align-items: flex-end !important;
  justify-content: unset !important;
  padding: 0 10px 15px 10px !important;
  width: 80px;
  height: 90px;
  margin-right: 5px;
  text-align: left;
  font-size: 16px !important;
  font-weight: bold;
  color: #596D8B !important;
  background-color: transparent !important;
  background-image: url("../../Images/JS/AICC_Doc.svg");
  background-repeat: no-repeat;
}
.styleBtnAICCDoc > button:hover {
  cursor: pointer;
  color: #5861C5;
}

.btnAICCRefresh > button {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 8px !important;
  border-radius: 2px !important;
  color: #fff !important;
  background-color: #5861C5 !important;
}
.btnAICCRefresh > button:before {
  content: "";
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  width: 15px;
  height: 14px;
  margin-right: 5px;
  background-image: url("../../Images/JS/AICC_Refresh.svg");
  background-repeat: no-repeat;
}
.btnAICCRefresh > button:hover {
  cursor: pointer;
  background-color: #3d49d4;
  box-shadow: rgba(0, 0, 0, 0.15) 5px 0 5px;
}

.JS_AICC_btnActive > button {
  position: relative;
  overflow: hidden;
}

.JS_AICC_btnActive > button:before {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px;
  background-color: #15B065;
  background-image: linear-gradient(315deg, #15B065 0%, #52ca4c 74%);
  box-shadow: rgba(255, 255, 255, 0.6) -7px -7px 20px 0px, rgba(255, 255, 255, 0.6) -4px -4px 5px 0px, rgba(255, 255, 255, 0.13) 7px 7px 20px 0px, rgba(0, 0, 0, 0.7) 4px 4px 5px 0px;
  transition: all 0.3s ease;
  animation: ani-btnAICC 3s ease-in-out infinite;
}

@-webkit-keyframes ani-btnAICC {
  0% {
    width: 0;
    left: 100%;
  }
  70% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}
.JS_AICC_checkLike > .check input[type=checkbox] + label {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  font-size: 12px;
  color: #75869F;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #fff;
}

.JS_AICC_checkLike > .check input[type=checkbox] + label:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 4px;
  background-image: url("../../Images/JS/JS_AICC.svg");
  background-repeat: no-repeat;
  background-position: -1px -18px;
  transition: all 0.3s ease 0s;
  border: 0 !important;
  background-color: transparent !important;
}

.JS_AICC_checkLike > .check input[type=checkbox] + label:after {
  display: none;
}

.JS_AICC_checkLike > .check input[type=checkbox]:focus + label {
  outline: 1px solid #5B75D8 !important;
}

.JS_AICC_checkLike > .check input[type=checkbox]:checked + label {
  color: #FFF;
  background-color: #5B75D8;
}

.JS_AICC_checkLike > .check input[type=checkbox]:checked + label:before {
  background-position-x: -46px;
}

.JS_AICC_checkLike:hover > .check label {
  background-color: #ECF0FE;
  cursor: pointer;
}

.JS_AICC_checkExcept > .check input[type=checkbox] {
  display: none;
}

.JS_AICC_checkExcept > .check input[type=checkbox]:focus + label {
  outline: 1px solid #df6727 !important;
}

.JS_AICC_checkExcept > .check input[type=checkbox] + label {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  font-size: 12px;
  color: #75869F;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #fff;
}

.JS_AICC_checkExcept > .check input[type=checkbox] + label:before {
  display: inline-block;
  width: 14px;
  height: 15px;
  margin-right: 4px;
  background-image: url("../../Images/JS/JS_AICC.svg");
  background-repeat: no-repeat;
  background-position: 0px -210px;
  border: 0 !important;
  background-color: transparent !important;
}

.JS_AICC_checkExcept > .check input[type=checkbox] + label:after {
  display: none;
}

.JS_AICC_checkExcept > .check input[type=checkbox]:checked + label {
  color: #df6727;
  border: 1px solid #d5bbbb;
  background-color: #ffede4;
}

.JS_AICC_checkExcept > .check input[type=checkbox]:checked + label:before {
  background-position-x: -30px;
}

.JS_AICC_checkExcept:hover > .check label {
  color: #df6727;
  cursor: pointer;
}

.JS_AICC_itemTitle {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1em;
  font-weight: bold;
}

.JS_AICC_itemTitle::before {
  content: "...";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1px 6px;
  margin-right: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  border-radius: 4px;
  background-color: #9EACC1;
}

.JS_AICC_txtQuestion {
  padding: 0.75rem 0.5rem 0.75rem 1rem !important;
  align-items: flex-start;
  font-size: 13px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow-y: auto;
}

.JS_AICC_txtQuestion::before {
  position: sticky;
  top: 0;
  content: "Q. ";
  margin-right: 4px;
  font-size: 18px;
  font-weight: bold;
}

.JS_AICC_txtAnswer {
  padding: 0.75rem 0.5rem 0.75rem 1rem !important;
  align-items: flex-start;
  font-size: 13px;
  background-color: #e9ecf4;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow-y: auto;
}

.JS_AICC_txtQuestion .lbNormal,
.JS_AICC_txtAnswer .lbNormal {
  align-items: flex-start;
  font-size: 13px;
  overflow-y: auto;
  line-height: 20px;
}

.JS_AICC_txtAnswer::before {
  position: sticky;
  top: 0;
  content: "A. ";
  margin-right: 4px;
  font-size: 18px;
  font-weight: bold;
}

.JS_AICC_itemTitle.ProductAce::before {
  content: "A";
  background-color: #18B065;
}

.JS_AICC_txtAnswer.ProductAce {
  background-color: #E7F7EF;
}

.JS_AICC_txtAnswer.ProductAce::before {
  color: #18B065;
}

.JS_AICC_itemTitle.ProductGenuine::before {
  content: "G";
  background-color: #7760C7;
}

.JS_AICC_txtAnswer.ProductGenuine {
  background-color: #F1EFF9;
}

.JS_AICC_txtAnswer.ProductGenuine::before {
  color: #7760C7;
}

.JS_AICC_itemTitle.ProductSystemEver::before {
  content: "E";
  background-color: #3AA2FC;
}

.JS_AICC_txtAnswer.ProductSystemEver {
  background-color: #EBF6FE;
}

.JS_AICC_txtAnswer.ProductSystemEver::before {
  color: #3AA2FC;
}

.C_000_001 {
  background-image: url("../../Images/Icon/C_000_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_002 {
  background-image: url("../../Images/Icon/C_000_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_003 {
  background-image: url("../../Images/Icon/C_000_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_004 {
  background-image: url("../../Images/Icon/C_000_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_005 {
  background-image: url("../../Images/Icon/C_000_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_006 {
  background-image: url("../../Images/Icon/C_000_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_007 {
  background-image: url("../../Images/Icon/C_000_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_008 {
  background-image: url("../../Images/Icon/C_000_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_009 {
  background-image: url("../../Images/Icon/C_000_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_010 {
  background-image: url("../../Images/Icon/C_000_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_011 {
  background-image: url("../../Images/Icon/C_000_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_012 {
  background-image: url("../../Images/Icon/C_000_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_013 {
  background-image: url("../../Images/Icon/C_000_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_014 {
  background-image: url("../../Images/Icon/C_000_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_015 {
  background-image: url("../../Images/Icon/C_000_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_016 {
  background-image: url("../../Images/Icon/C_000_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_017 {
  background-image: url("../../Images/Icon/C_000_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_018 {
  background-image: url("../../Images/Icon/C_000_018.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_019 {
  background-image: url("../../Images/Icon/C_000_019.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_020 {
  background-image: url("../../Images/Icon/C_000_020.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_021 {
  background-image: url("../../Images/Icon/C_000_021.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_022 {
  background-image: url("../../Images/Icon/C_000_022.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_023 {
  background-image: url("../../Images/Icon/C_000_023.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_024 {
  background-image: url("../../Images/Icon/C_000_024.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_025 {
  background-image: url("../../Images/Icon/C_000_025.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_026 {
  background-image: url("../../Images/Icon/C_000_026.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_027 {
  background-image: url("../../Images/Icon/C_000_027.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_028 {
  background-image: url("../../Images/Icon/C_000_028.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_029 {
  background-image: url("../../Images/Icon/C_000_029.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_030 {
  background-image: url("../../Images/Icon/C_000_030.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_031 {
  background-image: url("../../Images/Icon/C_000_031.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_032 {
  background-image: url("../../Images/Icon/C_000_032.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_033 {
  background-image: url("../../Images/Icon/C_000_033.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_034 {
  background-image: url("../../Images/Icon/C_000_034.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_035 {
  background-image: url("../../Images/Icon/C_000_035.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_036 {
  background-image: url("../../Images/Icon/C_000_036.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_037 {
  background-image: url("../../Images/Icon/C_000_037.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_038 {
  background-image: url("../../Images/Icon/C_000_038.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_039 {
  background-image: url("../../Images/Icon/C_000_039.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_040 {
  background-image: url("../../Images/Icon/C_000_040.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_041 {
  background-image: url("../../Images/Icon/C_000_041.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_042 {
  background-image: url("../../Images/Icon/C_000_042.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_043 {
  background-image: url("../../Images/Icon/C_000_043.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_044 {
  background-image: url("../../Images/Icon/C_000_044.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_045 {
  background-image: url("../../Images/Icon/C_000_045.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_046 {
  background-image: url("../../Images/Icon/C_000_046.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_047 {
  background-image: url("../../Images/Icon/C_000_047.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_048 {
  background-image: url("../../Images/Icon/C_000_048.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_049 {
  background-image: url("../../Images/Icon/C_000_049.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_050 {
  background-image: url("../../Images/Icon/C_000_050.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_051 {
  background-image: url("../../Images/Icon/C_000_051.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_052 {
  background-image: url("../../Images/Icon/C_000_052.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_053 {
  background-image: url("../../Images/Icon/C_000_053.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_054 {
  background-image: url("../../Images/Icon/C_000_054.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_055 {
  background-image: url("../../Images/Icon/C_000_055.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_056 {
  background-image: url("../../Images/Icon/C_000_056.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_057 {
  background-image: url("../../Images/Icon/C_000_057.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_058 {
  background-image: url("../../Images/Icon/C_000_058.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_059 {
  background-image: url("../../Images/Icon/C_000_059.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_060 {
  background-image: url("../../Images/Icon/C_000_060.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_061 {
  background-image: url("../../Images/Icon/C_000_061.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_062 {
  background-image: url("../../Images/Icon/C_000_062.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_063 {
  background-image: url("../../Images/Icon/C_000_063.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_064 {
  background-image: url("../../Images/Icon/C_000_064.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_065 {
  background-image: url("../../Images/Icon/C_000_065.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_066 {
  background-image: url("../../Images/Icon/C_000_066.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_067 {
  background-image: url("../../Images/Icon/C_000_067.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_068 {
  background-image: url("../../Images/Icon/C_000_068.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_069 {
  background-image: url("../../Images/Icon/C_000_069.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_070 {
  background-image: url("../../Images/Icon/C_000_070.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_071 {
  background-image: url("../../Images/Icon/C_000_071.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_072 {
  background-image: url("../../Images/Icon/C_000_072.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_073 {
  background-image: url("../../Images/Icon/C_000_073.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_074 {
  background-image: url("../../Images/Icon/C_000_074.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_075 {
  background-image: url("../../Images/Icon/C_000_075.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_076 {
  background-image: url("../../Images/Icon/C_000_076.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_077 {
  background-image: url("../../Images/Icon/C_000_077.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_078 {
  background-image: url("../../Images/Icon/C_000_078.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_079 {
  background-image: url("../../Images/Icon/C_000_079.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_080 {
  background-image: url("../../Images/Icon/C_000_080.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_081 {
  background-image: url("../../Images/Icon/C_000_081.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_082 {
  background-image: url("../../Images/Icon/C_000_082.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_083 {
  background-image: url("../../Images/Icon/C_000_083.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_084 {
  background-image: url("../../Images/Icon/C_000_084.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_085 {
  background-image: url("../../Images/Icon/C_000_085.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_086 {
  background-image: url("../../Images/Icon/C_000_086.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_087 {
  background-image: url("../../Images/Icon/C_000_087.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_088 {
  background-image: url("../../Images/Icon/C_000_088.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_089 {
  background-image: url("../../Images/Icon/C_000_089.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_090 {
  background-image: url("../../Images/Icon/C_000_090.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_091 {
  background-image: url("../../Images/Icon/C_000_091.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_092 {
  background-image: url("../../Images/Icon/C_000_092.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_093 {
  background-image: url("../../Images/Icon/C_000_093.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_094 {
  background-image: url("../../Images/Icon/C_000_094.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_095 {
  background-image: url("../../Images/Icon/C_000_095.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_096 {
  background-image: url("../../Images/Icon/C_000_096.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_097 {
  background-image: url("../../Images/Icon/C_000_097.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_098 {
  background-image: url("../../Images/Icon/C_000_098.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_099 {
  background-image: url("../../Images/Icon/C_000_099.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_100 {
  background-image: url("../../Images/Icon/C_000_100.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_101 {
  background-image: url("../../Images/Icon/C_000_101.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_102 {
  background-image: url("../../Images/Icon/C_000_102.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_000_103 {
  background-image: url("../../Images/Icon/C_000_103.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_001 {
  background-image: url("../../Images/Icon/B_000_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_002 {
  background-image: url("../../Images/Icon/B_000_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_003 {
  background-image: url("../../Images/Icon/B_000_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_004 {
  background-image: url("../../Images/Icon/B_000_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_005 {
  background-image: url("../../Images/Icon/B_000_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_006 {
  background-image: url("../../Images/Icon/B_000_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_007 {
  background-image: url("../../Images/Icon/B_000_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_008 {
  background-image: url("../../Images/Icon/B_000_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_009 {
  background-image: url("../../Images/Icon/B_000_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_010 {
  background-image: url("../../Images/Icon/B_000_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_011 {
  background-image: url("../../Images/Icon/B_000_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_012 {
  background-image: url("../../Images/Icon/B_000_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_013 {
  background-image: url("../../Images/Icon/B_000_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_014 {
  background-image: url("../../Images/Icon/B_000_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_015 {
  background-image: url("../../Images/Icon/B_000_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_016 {
  background-image: url("../../Images/Icon/B_000_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_017 {
  background-image: url("../../Images/Icon/B_000_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_018 {
  background-image: url("../../Images/Icon/B_000_018.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_019 {
  background-image: url("../../Images/Icon/B_000_019.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_020 {
  background-image: url("../../Images/Icon/B_000_020.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_021 {
  background-image: url("../../Images/Icon/B_000_021.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_022 {
  background-image: url("../../Images/Icon/B_000_022.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_023 {
  background-image: url("../../Images/Icon/B_000_023.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_024 {
  background-image: url("../../Images/Icon/B_000_024.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_025 {
  background-image: url("../../Images/Icon/B_000_025.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_026 {
  background-image: url("../../Images/Icon/B_000_026.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_027 {
  background-image: url("../../Images/Icon/B_000_027.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_028 {
  background-image: url("../../Images/Icon/B_000_028.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_029 {
  background-image: url("../../Images/Icon/B_000_029.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_030 {
  background-image: url("../../Images/Icon/B_000_030.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_031 {
  background-image: url("../../Images/Icon/B_000_031.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_032 {
  background-image: url("../../Images/Icon/B_000_032.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_033 {
  background-image: url("../../Images/Icon/B_000_033.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_034 {
  background-image: url("../../Images/Icon/B_000_034.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_035 {
  background-image: url("../../Images/Icon/B_000_035.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_036 {
  background-image: url("../../Images/Icon/B_000_036.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_037 {
  background-image: url("../../Images/Icon/B_000_037.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_038 {
  background-image: url("../../Images/Icon/B_000_038.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_039 {
  background-image: url("../../Images/Icon/B_000_039.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_040 {
  background-image: url("../../Images/Icon/B_000_040.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_041 {
  background-image: url("../../Images/Icon/B_000_041.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_042 {
  background-image: url("../../Images/Icon/B_000_042.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_043 {
  background-image: url("../../Images/Icon/B_000_043.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_044 {
  background-image: url("../../Images/Icon/B_000_044.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_045 {
  background-image: url("../../Images/Icon/B_000_045.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_046 {
  background-image: url("../../Images/Icon/B_000_046.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_047 {
  background-image: url("../../Images/Icon/B_000_047.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_048 {
  background-image: url("../../Images/Icon/B_000_048.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_049 {
  background-image: url("../../Images/Icon/B_000_049.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_050 {
  background-image: url("../../Images/Icon/B_000_050.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_051 {
  background-image: url("../../Images/Icon/B_000_051.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_052 {
  background-image: url("../../Images/Icon/B_000_052.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_053 {
  background-image: url("../../Images/Icon/B_000_053.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_054 {
  background-image: url("../../Images/Icon/B_000_054.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_055 {
  background-image: url("../../Images/Icon/B_000_055.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_056 {
  background-image: url("../../Images/Icon/B_000_056.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_057 {
  background-image: url("../../Images/Icon/B_000_057.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_058 {
  background-image: url("../../Images/Icon/B_000_058.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_059 {
  background-image: url("../../Images/Icon/B_000_059.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_060 {
  background-image: url("../../Images/Icon/B_000_060.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_061 {
  background-image: url("../../Images/Icon/B_000_061.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_062 {
  background-image: url("../../Images/Icon/B_000_062.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_063 {
  background-image: url("../../Images/Icon/B_000_063.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_064 {
  background-image: url("../../Images/Icon/B_000_064.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_065 {
  background-image: url("../../Images/Icon/B_000_065.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_066 {
  background-image: url("../../Images/Icon/B_000_066.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_067 {
  background-image: url("../../Images/Icon/B_000_067.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_068 {
  background-image: url("../../Images/Icon/B_000_068.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_069 {
  background-image: url("../../Images/Icon/B_000_069.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_070 {
  background-image: url("../../Images/Icon/B_000_070.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_071 {
  background-image: url("../../Images/Icon/B_000_071.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_072 {
  background-image: url("../../Images/Icon/B_000_072.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_073 {
  background-image: url("../../Images/Icon/B_000_073.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_074 {
  background-image: url("../../Images/Icon/B_000_074.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_075 {
  background-image: url("../../Images/Icon/B_000_075.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_076 {
  background-image: url("../../Images/Icon/B_000_076.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_077 {
  background-image: url("../../Images/Icon/B_000_077.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_078 {
  background-image: url("../../Images/Icon/B_000_078.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_079 {
  background-image: url("../../Images/Icon/B_000_079.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_080 {
  background-image: url("../../Images/Icon/B_000_080.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_081 {
  background-image: url("../../Images/Icon/B_000_081.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_082 {
  background-image: url("../../Images/Icon/B_000_082.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_083 {
  background-image: url("../../Images/Icon/B_000_083.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_084 {
  background-image: url("../../Images/Icon/B_000_084.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_085 {
  background-image: url("../../Images/Icon/B_000_085.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_086 {
  background-image: url("../../Images/Icon/B_000_086.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_087 {
  background-image: url("../../Images/Icon/B_000_087.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_088 {
  background-image: url("../../Images/Icon/B_000_088.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_089 {
  background-image: url("../../Images/Icon/B_000_089.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_090 {
  background-image: url("../../Images/Icon/B_000_090.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_091 {
  background-image: url("../../Images/Icon/B_000_091.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_092 {
  background-image: url("../../Images/Icon/B_000_092.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_093 {
  background-image: url("../../Images/Icon/B_000_093.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_094 {
  background-image: url("../../Images/Icon/B_000_094.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_095 {
  background-image: url("../../Images/Icon/B_000_095.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_096 {
  background-image: url("../../Images/Icon/B_000_096.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_097 {
  background-image: url("../../Images/Icon/B_000_097.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_098 {
  background-image: url("../../Images/Icon/B_000_098.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_099 {
  background-image: url("../../Images/Icon/B_000_099.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_100 {
  background-image: url("../../Images/Icon/B_000_100.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_101 {
  background-image: url("../../Images/Icon/B_000_101.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_102 {
  background-image: url("../../Images/Icon/B_000_102.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_000_103 {
  background-image: url("../../Images/Icon/B_000_103.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_001 {
  background-image: url("../../Images/Icon/W_000_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_002 {
  background-image: url("../../Images/Icon/W_000_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_003 {
  background-image: url("../../Images/Icon/W_000_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_004 {
  background-image: url("../../Images/Icon/W_000_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_005 {
  background-image: url("../../Images/Icon/W_000_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_006 {
  background-image: url("../../Images/Icon/W_000_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_007 {
  background-image: url("../../Images/Icon/W_000_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_008 {
  background-image: url("../../Images/Icon/W_000_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_009 {
  background-image: url("../../Images/Icon/W_000_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_010 {
  background-image: url("../../Images/Icon/W_000_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_011 {
  background-image: url("../../Images/Icon/W_000_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_012 {
  background-image: url("../../Images/Icon/W_000_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_013 {
  background-image: url("../../Images/Icon/W_000_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_014 {
  background-image: url("../../Images/Icon/W_000_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_015 {
  background-image: url("../../Images/Icon/W_000_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_016 {
  background-image: url("../../Images/Icon/W_000_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_017 {
  background-image: url("../../Images/Icon/W_000_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_018 {
  background-image: url("../../Images/Icon/W_000_018.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_019 {
  background-image: url("../../Images/Icon/W_000_019.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_020 {
  background-image: url("../../Images/Icon/W_000_020.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_021 {
  background-image: url("../../Images/Icon/W_000_021.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_022 {
  background-image: url("../../Images/Icon/W_000_022.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_023 {
  background-image: url("../../Images/Icon/W_000_023.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_024 {
  background-image: url("../../Images/Icon/W_000_024.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_025 {
  background-image: url("../../Images/Icon/W_000_025.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_026 {
  background-image: url("../../Images/Icon/W_000_026.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_027 {
  background-image: url("../../Images/Icon/W_000_027.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_028 {
  background-image: url("../../Images/Icon/W_000_028.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_029 {
  background-image: url("../../Images/Icon/W_000_029.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_030 {
  background-image: url("../../Images/Icon/W_000_030.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_031 {
  background-image: url("../../Images/Icon/W_000_031.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_032 {
  background-image: url("../../Images/Icon/W_000_032.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_033 {
  background-image: url("../../Images/Icon/W_000_033.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_034 {
  background-image: url("../../Images/Icon/W_000_034.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_035 {
  background-image: url("../../Images/Icon/W_000_035.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_036 {
  background-image: url("../../Images/Icon/W_000_036.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_037 {
  background-image: url("../../Images/Icon/W_000_037.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_038 {
  background-image: url("../../Images/Icon/W_000_038.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_039 {
  background-image: url("../../Images/Icon/W_000_039.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_040 {
  background-image: url("../../Images/Icon/W_000_040.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_041 {
  background-image: url("../../Images/Icon/W_000_041.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_042 {
  background-image: url("../../Images/Icon/W_000_042.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_043 {
  background-image: url("../../Images/Icon/W_000_043.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_044 {
  background-image: url("../../Images/Icon/W_000_044.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_045 {
  background-image: url("../../Images/Icon/W_000_045.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_046 {
  background-image: url("../../Images/Icon/W_000_046.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_047 {
  background-image: url("../../Images/Icon/W_000_047.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_048 {
  background-image: url("../../Images/Icon/W_000_048.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_049 {
  background-image: url("../../Images/Icon/W_000_049.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_050 {
  background-image: url("../../Images/Icon/W_000_050.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_051 {
  background-image: url("../../Images/Icon/W_000_051.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_052 {
  background-image: url("../../Images/Icon/W_000_052.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_053 {
  background-image: url("../../Images/Icon/W_000_053.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_054 {
  background-image: url("../../Images/Icon/W_000_054.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_055 {
  background-image: url("../../Images/Icon/W_000_055.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_056 {
  background-image: url("../../Images/Icon/W_000_056.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_057 {
  background-image: url("../../Images/Icon/W_000_057.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_058 {
  background-image: url("../../Images/Icon/W_000_058.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_059 {
  background-image: url("../../Images/Icon/W_000_059.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_060 {
  background-image: url("../../Images/Icon/W_000_060.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_061 {
  background-image: url("../../Images/Icon/W_000_061.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_062 {
  background-image: url("../../Images/Icon/W_000_062.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_063 {
  background-image: url("../../Images/Icon/W_000_063.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_064 {
  background-image: url("../../Images/Icon/W_000_064.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_065 {
  background-image: url("../../Images/Icon/W_000_065.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_066 {
  background-image: url("../../Images/Icon/W_000_066.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_067 {
  background-image: url("../../Images/Icon/W_000_067.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_068 {
  background-image: url("../../Images/Icon/W_000_068.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_069 {
  background-image: url("../../Images/Icon/W_000_069.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_070 {
  background-image: url("../../Images/Icon/W_000_070.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_071 {
  background-image: url("../../Images/Icon/W_000_071.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_072 {
  background-image: url("../../Images/Icon/W_000_072.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_073 {
  background-image: url("../../Images/Icon/W_000_073.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_074 {
  background-image: url("../../Images/Icon/W_000_074.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_075 {
  background-image: url("../../Images/Icon/W_000_075.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_076 {
  background-image: url("../../Images/Icon/W_000_076.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_077 {
  background-image: url("../../Images/Icon/W_000_077.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_078 {
  background-image: url("../../Images/Icon/W_000_078.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_079 {
  background-image: url("../../Images/Icon/W_000_079.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_080 {
  background-image: url("../../Images/Icon/W_000_080.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_081 {
  background-image: url("../../Images/Icon/W_000_081.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_082 {
  background-image: url("../../Images/Icon/W_000_082.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_083 {
  background-image: url("../../Images/Icon/W_000_083.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_084 {
  background-image: url("../../Images/Icon/W_000_084.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_085 {
  background-image: url("../../Images/Icon/W_000_085.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_086 {
  background-image: url("../../Images/Icon/W_000_086.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_087 {
  background-image: url("../../Images/Icon/W_000_087.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_088 {
  background-image: url("../../Images/Icon/W_000_088.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_089 {
  background-image: url("../../Images/Icon/W_000_089.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_090 {
  background-image: url("../../Images/Icon/W_000_090.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_091 {
  background-image: url("../../Images/Icon/W_000_091.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_092 {
  background-image: url("../../Images/Icon/W_000_092.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_093 {
  background-image: url("../../Images/Icon/W_000_093.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_094 {
  background-image: url("../../Images/Icon/W_000_094.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_095 {
  background-image: url("../../Images/Icon/W_000_095.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_096 {
  background-image: url("../../Images/Icon/W_000_096.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_097 {
  background-image: url("../../Images/Icon/W_000_097.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_098 {
  background-image: url("../../Images/Icon/W_000_098.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_099 {
  background-image: url("../../Images/Icon/W_000_099.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_100 {
  background-image: url("../../Images/Icon/W_000_100.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_101 {
  background-image: url("../../Images/Icon/W_000_101.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_102 {
  background-image: url("../../Images/Icon/W_000_102.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_000_103 {
  background-image: url("../../Images/Icon/W_000_103.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_001_001 {
  background-image: url("../../Images/Icon/C_001_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_001_002 {
  background-image: url("../../Images/Icon/C_001_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_001_003 {
  background-image: url("../../Images/Icon/C_001_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_001_004 {
  background-image: url("../../Images/Icon/C_001_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_001_005 {
  background-image: url("../../Images/Icon/C_001_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_001_006 {
  background-image: url("../../Images/Icon/C_001_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_001_007 {
  background-image: url("../../Images/Icon/C_001_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_001_008 {
  background-image: url("../../Images/Icon/C_001_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_001_009 {
  background-image: url("../../Images/Icon/C_001_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_001_010 {
  background-image: url("../../Images/Icon/C_001_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_001_011 {
  background-image: url("../../Images/Icon/C_001_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_001_012 {
  background-image: url("../../Images/Icon/C_001_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_001_013 {
  background-image: url("../../Images/Icon/C_001_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_001_014 {
  background-image: url("../../Images/Icon/C_001_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_001_015 {
  background-image: url("../../Images/Icon/C_001_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_001_016 {
  background-image: url("../../Images/Icon/C_001_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_001_017 {
  background-image: url("../../Images/Icon/C_001_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_001_018 {
  background-image: url("../../Images/Icon/C_001_018.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_001_019 {
  background-image: url("../../Images/Icon/C_001_019.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_001_020 {
  background-image: url("../../Images/Icon/C_001_020.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_001_001 {
  background-image: url("../../Images/Icon/B_001_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_001_002 {
  background-image: url("../../Images/Icon/B_001_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_001_003 {
  background-image: url("../../Images/Icon/B_001_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_001_004 {
  background-image: url("../../Images/Icon/B_001_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_001_005 {
  background-image: url("../../Images/Icon/B_001_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_001_006 {
  background-image: url("../../Images/Icon/B_001_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_001_007 {
  background-image: url("../../Images/Icon/B_001_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_001_008 {
  background-image: url("../../Images/Icon/B_001_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_001_009 {
  background-image: url("../../Images/Icon/B_001_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_001_010 {
  background-image: url("../../Images/Icon/B_001_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_001_011 {
  background-image: url("../../Images/Icon/B_001_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_001_012 {
  background-image: url("../../Images/Icon/B_001_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_001_013 {
  background-image: url("../../Images/Icon/B_001_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_001_014 {
  background-image: url("../../Images/Icon/B_001_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_001_015 {
  background-image: url("../../Images/Icon/B_001_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_001_016 {
  background-image: url("../../Images/Icon/B_001_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_001_017 {
  background-image: url("../../Images/Icon/B_001_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_001_018 {
  background-image: url("../../Images/Icon/B_001_018.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_001_019 {
  background-image: url("../../Images/Icon/B_001_019.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_001_020 {
  background-image: url("../../Images/Icon/B_001_020.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_001_001 {
  background-image: url("../../Images/Icon/W_001_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_001_002 {
  background-image: url("../../Images/Icon/W_001_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_001_003 {
  background-image: url("../../Images/Icon/W_001_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_001_004 {
  background-image: url("../../Images/Icon/W_001_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_001_005 {
  background-image: url("../../Images/Icon/W_001_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_001_006 {
  background-image: url("../../Images/Icon/W_001_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_001_007 {
  background-image: url("../../Images/Icon/W_001_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_001_008 {
  background-image: url("../../Images/Icon/W_001_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_001_009 {
  background-image: url("../../Images/Icon/W_001_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_001_010 {
  background-image: url("../../Images/Icon/W_001_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_001_011 {
  background-image: url("../../Images/Icon/W_001_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_001_012 {
  background-image: url("../../Images/Icon/W_001_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_001_013 {
  background-image: url("../../Images/Icon/W_001_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_001_014 {
  background-image: url("../../Images/Icon/W_001_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_001_015 {
  background-image: url("../../Images/Icon/W_001_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_001_016 {
  background-image: url("../../Images/Icon/W_001_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_001_017 {
  background-image: url("../../Images/Icon/W_001_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_001_018 {
  background-image: url("../../Images/Icon/W_001_018.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_001_019 {
  background-image: url("../../Images/Icon/W_001_019.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_001_020 {
  background-image: url("../../Images/Icon/W_001_020.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_002_001 {
  background-image: url("../../Images/Icon/C_002_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_002_002 {
  background-image: url("../../Images/Icon/C_002_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_002_003 {
  background-image: url("../../Images/Icon/C_002_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_002_004 {
  background-image: url("../../Images/Icon/C_002_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_002_005 {
  background-image: url("../../Images/Icon/C_002_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_002_006 {
  background-image: url("../../Images/Icon/C_002_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_002_007 {
  background-image: url("../../Images/Icon/C_002_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_002_008 {
  background-image: url("../../Images/Icon/C_002_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_002_009 {
  background-image: url("../../Images/Icon/C_002_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_002_010 {
  background-image: url("../../Images/Icon/C_002_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_002_011 {
  background-image: url("../../Images/Icon/C_002_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_002_012 {
  background-image: url("../../Images/Icon/C_002_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_002_013 {
  background-image: url("../../Images/Icon/C_002_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_002_001 {
  background-image: url("../../Images/Icon/B_002_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_002_002 {
  background-image: url("../../Images/Icon/B_002_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_002_003 {
  background-image: url("../../Images/Icon/B_002_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_002_004 {
  background-image: url("../../Images/Icon/B_002_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_002_005 {
  background-image: url("../../Images/Icon/B_002_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_002_006 {
  background-image: url("../../Images/Icon/B_002_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_002_007 {
  background-image: url("../../Images/Icon/B_002_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_002_008 {
  background-image: url("../../Images/Icon/B_002_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_002_009 {
  background-image: url("../../Images/Icon/B_002_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_002_010 {
  background-image: url("../../Images/Icon/B_002_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_002_011 {
  background-image: url("../../Images/Icon/B_002_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_002_012 {
  background-image: url("../../Images/Icon/B_002_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_002_013 {
  background-image: url("../../Images/Icon/B_002_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_002_001 {
  background-image: url("../../Images/Icon/W_002_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_002_002 {
  background-image: url("../../Images/Icon/W_002_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_002_003 {
  background-image: url("../../Images/Icon/W_002_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_002_004 {
  background-image: url("../../Images/Icon/W_002_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_002_005 {
  background-image: url("../../Images/Icon/W_002_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_002_006 {
  background-image: url("../../Images/Icon/W_002_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_002_007 {
  background-image: url("../../Images/Icon/W_002_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_002_008 {
  background-image: url("../../Images/Icon/W_002_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_002_009 {
  background-image: url("../../Images/Icon/W_002_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_002_010 {
  background-image: url("../../Images/Icon/W_002_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_002_011 {
  background-image: url("../../Images/Icon/W_002_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_002_012 {
  background-image: url("../../Images/Icon/W_002_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_002_013 {
  background-image: url("../../Images/Icon/W_002_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_003_001 {
  background-image: url("../../Images/Icon/C_003_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_003_002 {
  background-image: url("../../Images/Icon/C_003_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_003_003 {
  background-image: url("../../Images/Icon/C_003_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_003_004 {
  background-image: url("../../Images/Icon/C_003_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_003_005 {
  background-image: url("../../Images/Icon/C_003_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_003_006 {
  background-image: url("../../Images/Icon/C_003_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_003_007 {
  background-image: url("../../Images/Icon/C_003_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_003_008 {
  background-image: url("../../Images/Icon/C_003_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_003_009 {
  background-image: url("../../Images/Icon/C_003_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_003_010 {
  background-image: url("../../Images/Icon/C_003_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_003_011 {
  background-image: url("../../Images/Icon/C_003_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_003_001 {
  background-image: url("../../Images/Icon/B_003_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_003_002 {
  background-image: url("../../Images/Icon/B_003_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_003_003 {
  background-image: url("../../Images/Icon/B_003_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_003_004 {
  background-image: url("../../Images/Icon/B_003_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_003_005 {
  background-image: url("../../Images/Icon/B_003_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_003_006 {
  background-image: url("../../Images/Icon/B_003_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_003_007 {
  background-image: url("../../Images/Icon/B_003_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_003_008 {
  background-image: url("../../Images/Icon/B_003_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_003_009 {
  background-image: url("../../Images/Icon/B_003_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_003_010 {
  background-image: url("../../Images/Icon/B_003_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_003_011 {
  background-image: url("../../Images/Icon/B_003_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_003_001 {
  background-image: url("../../Images/Icon/W_003_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_003_002 {
  background-image: url("../../Images/Icon/W_003_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_003_003 {
  background-image: url("../../Images/Icon/W_003_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_003_004 {
  background-image: url("../../Images/Icon/W_003_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_003_005 {
  background-image: url("../../Images/Icon/W_003_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_003_006 {
  background-image: url("../../Images/Icon/W_003_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_003_007 {
  background-image: url("../../Images/Icon/W_003_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_003_008 {
  background-image: url("../../Images/Icon/W_003_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_003_009 {
  background-image: url("../../Images/Icon/W_003_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_003_010 {
  background-image: url("../../Images/Icon/W_003_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_003_011 {
  background-image: url("../../Images/Icon/W_003_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_004_001 {
  background-image: url("../../Images/Icon/C_004_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_004_002 {
  background-image: url("../../Images/Icon/C_004_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_004_003 {
  background-image: url("../../Images/Icon/C_004_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_004_004 {
  background-image: url("../../Images/Icon/C_004_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_004_005 {
  background-image: url("../../Images/Icon/C_004_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_004_006 {
  background-image: url("../../Images/Icon/C_004_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_004_007 {
  background-image: url("../../Images/Icon/C_004_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_004_008 {
  background-image: url("../../Images/Icon/C_004_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_004_009 {
  background-image: url("../../Images/Icon/C_004_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_004_010 {
  background-image: url("../../Images/Icon/C_004_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_004_011 {
  background-image: url("../../Images/Icon/C_004_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_004_012 {
  background-image: url("../../Images/Icon/C_004_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_004_013 {
  background-image: url("../../Images/Icon/C_004_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_004_001 {
  background-image: url("../../Images/Icon/B_004_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_004_002 {
  background-image: url("../../Images/Icon/B_004_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_004_003 {
  background-image: url("../../Images/Icon/B_004_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_004_004 {
  background-image: url("../../Images/Icon/B_004_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_004_005 {
  background-image: url("../../Images/Icon/B_004_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_004_006 {
  background-image: url("../../Images/Icon/B_004_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_004_007 {
  background-image: url("../../Images/Icon/B_004_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_004_008 {
  background-image: url("../../Images/Icon/B_004_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_004_009 {
  background-image: url("../../Images/Icon/B_004_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_004_010 {
  background-image: url("../../Images/Icon/B_004_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_004_011 {
  background-image: url("../../Images/Icon/B_004_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_004_012 {
  background-image: url("../../Images/Icon/B_004_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_004_013 {
  background-image: url("../../Images/Icon/B_004_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_004_001 {
  background-image: url("../../Images/Icon/W_004_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_004_002 {
  background-image: url("../../Images/Icon/W_004_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_004_003 {
  background-image: url("../../Images/Icon/W_004_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_004_004 {
  background-image: url("../../Images/Icon/W_004_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_004_005 {
  background-image: url("../../Images/Icon/W_004_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_004_006 {
  background-image: url("../../Images/Icon/W_004_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_004_007 {
  background-image: url("../../Images/Icon/W_004_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_004_008 {
  background-image: url("../../Images/Icon/W_004_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_004_009 {
  background-image: url("../../Images/Icon/W_004_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_004_010 {
  background-image: url("../../Images/Icon/W_004_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_004_011 {
  background-image: url("../../Images/Icon/W_004_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_004_012 {
  background-image: url("../../Images/Icon/W_004_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_004_013 {
  background-image: url("../../Images/Icon/W_004_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_001 {
  background-image: url("../../Images/Icon/C_005_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_002 {
  background-image: url("../../Images/Icon/C_005_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_003 {
  background-image: url("../../Images/Icon/C_005_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_004 {
  background-image: url("../../Images/Icon/C_005_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_005 {
  background-image: url("../../Images/Icon/C_005_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_006 {
  background-image: url("../../Images/Icon/C_005_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_007 {
  background-image: url("../../Images/Icon/C_005_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_008 {
  background-image: url("../../Images/Icon/C_005_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_009 {
  background-image: url("../../Images/Icon/C_005_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_010 {
  background-image: url("../../Images/Icon/C_005_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_011 {
  background-image: url("../../Images/Icon/C_005_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_012 {
  background-image: url("../../Images/Icon/C_005_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_013 {
  background-image: url("../../Images/Icon/C_005_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_014 {
  background-image: url("../../Images/Icon/C_005_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_015 {
  background-image: url("../../Images/Icon/C_005_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_016 {
  background-image: url("../../Images/Icon/C_005_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_017 {
  background-image: url("../../Images/Icon/C_005_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_018 {
  background-image: url("../../Images/Icon/C_005_018.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_019 {
  background-image: url("../../Images/Icon/C_005_019.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_020 {
  background-image: url("../../Images/Icon/C_005_020.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_021 {
  background-image: url("../../Images/Icon/C_005_021.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_022 {
  background-image: url("../../Images/Icon/C_005_022.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_023 {
  background-image: url("../../Images/Icon/C_005_023.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_024 {
  background-image: url("../../Images/Icon/C_005_024.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_025 {
  background-image: url("../../Images/Icon/C_005_025.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_026 {
  background-image: url("../../Images/Icon/C_005_026.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_027 {
  background-image: url("../../Images/Icon/C_005_027.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_028 {
  background-image: url("../../Images/Icon/C_005_028.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_029 {
  background-image: url("../../Images/Icon/C_005_029.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_030 {
  background-image: url("../../Images/Icon/C_005_030.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_031 {
  background-image: url("../../Images/Icon/C_005_031.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_032 {
  background-image: url("../../Images/Icon/C_005_032.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_033 {
  background-image: url("../../Images/Icon/C_005_033.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_034 {
  background-image: url("../../Images/Icon/C_005_034.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_035 {
  background-image: url("../../Images/Icon/C_005_035.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_036 {
  background-image: url("../../Images/Icon/C_005_036.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_037 {
  background-image: url("../../Images/Icon/C_005_037.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_038 {
  background-image: url("../../Images/Icon/C_005_038.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_039 {
  background-image: url("../../Images/Icon/C_005_039.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_040 {
  background-image: url("../../Images/Icon/C_005_040.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_041 {
  background-image: url("../../Images/Icon/C_005_041.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_042 {
  background-image: url("../../Images/Icon/C_005_042.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_043 {
  background-image: url("../../Images/Icon/C_005_043.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_044 {
  background-image: url("../../Images/Icon/C_005_044.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_045 {
  background-image: url("../../Images/Icon/C_005_045.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_046 {
  background-image: url("../../Images/Icon/C_005_046.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_047 {
  background-image: url("../../Images/Icon/C_005_047.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_048 {
  background-image: url("../../Images/Icon/C_005_048.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_049 {
  background-image: url("../../Images/Icon/C_005_049.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_005_050 {
  background-image: url("../../Images/Icon/C_005_050.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_001 {
  background-image: url("../../Images/Icon/B_005_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_002 {
  background-image: url("../../Images/Icon/B_005_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_003 {
  background-image: url("../../Images/Icon/B_005_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_004 {
  background-image: url("../../Images/Icon/B_005_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_005 {
  background-image: url("../../Images/Icon/B_005_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_006 {
  background-image: url("../../Images/Icon/B_005_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_007 {
  background-image: url("../../Images/Icon/B_005_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_008 {
  background-image: url("../../Images/Icon/B_005_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_009 {
  background-image: url("../../Images/Icon/B_005_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_010 {
  background-image: url("../../Images/Icon/B_005_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_011 {
  background-image: url("../../Images/Icon/B_005_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_012 {
  background-image: url("../../Images/Icon/B_005_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_013 {
  background-image: url("../../Images/Icon/B_005_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_014 {
  background-image: url("../../Images/Icon/B_005_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_015 {
  background-image: url("../../Images/Icon/B_005_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_016 {
  background-image: url("../../Images/Icon/B_005_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_017 {
  background-image: url("../../Images/Icon/B_005_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_018 {
  background-image: url("../../Images/Icon/B_005_018.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_019 {
  background-image: url("../../Images/Icon/B_005_019.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_020 {
  background-image: url("../../Images/Icon/B_005_020.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_021 {
  background-image: url("../../Images/Icon/B_005_021.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_022 {
  background-image: url("../../Images/Icon/B_005_022.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_023 {
  background-image: url("../../Images/Icon/B_005_023.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_024 {
  background-image: url("../../Images/Icon/B_005_024.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_025 {
  background-image: url("../../Images/Icon/B_005_025.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_026 {
  background-image: url("../../Images/Icon/B_005_026.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_027 {
  background-image: url("../../Images/Icon/B_005_027.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_028 {
  background-image: url("../../Images/Icon/B_005_028.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_029 {
  background-image: url("../../Images/Icon/B_005_029.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_030 {
  background-image: url("../../Images/Icon/B_005_030.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_031 {
  background-image: url("../../Images/Icon/B_005_031.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_032 {
  background-image: url("../../Images/Icon/B_005_032.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_033 {
  background-image: url("../../Images/Icon/B_005_033.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_034 {
  background-image: url("../../Images/Icon/B_005_034.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_035 {
  background-image: url("../../Images/Icon/B_005_035.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_036 {
  background-image: url("../../Images/Icon/B_005_036.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_037 {
  background-image: url("../../Images/Icon/B_005_037.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_038 {
  background-image: url("../../Images/Icon/B_005_038.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_039 {
  background-image: url("../../Images/Icon/B_005_039.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_040 {
  background-image: url("../../Images/Icon/B_005_040.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_041 {
  background-image: url("../../Images/Icon/B_005_041.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_042 {
  background-image: url("../../Images/Icon/B_005_042.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_043 {
  background-image: url("../../Images/Icon/B_005_043.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_044 {
  background-image: url("../../Images/Icon/B_005_044.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_045 {
  background-image: url("../../Images/Icon/B_005_045.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_046 {
  background-image: url("../../Images/Icon/B_005_046.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_047 {
  background-image: url("../../Images/Icon/B_005_047.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_048 {
  background-image: url("../../Images/Icon/B_005_048.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_049 {
  background-image: url("../../Images/Icon/B_005_049.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_005_050 {
  background-image: url("../../Images/Icon/B_005_050.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_001 {
  background-image: url("../../Images/Icon/W_005_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_002 {
  background-image: url("../../Images/Icon/W_005_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_003 {
  background-image: url("../../Images/Icon/W_005_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_004 {
  background-image: url("../../Images/Icon/W_005_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_005 {
  background-image: url("../../Images/Icon/W_005_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_006 {
  background-image: url("../../Images/Icon/W_005_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_007 {
  background-image: url("../../Images/Icon/W_005_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_008 {
  background-image: url("../../Images/Icon/W_005_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_009 {
  background-image: url("../../Images/Icon/W_005_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_010 {
  background-image: url("../../Images/Icon/W_005_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_011 {
  background-image: url("../../Images/Icon/W_005_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_012 {
  background-image: url("../../Images/Icon/W_005_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_013 {
  background-image: url("../../Images/Icon/W_005_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_014 {
  background-image: url("../../Images/Icon/W_005_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_015 {
  background-image: url("../../Images/Icon/W_005_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_016 {
  background-image: url("../../Images/Icon/W_005_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_017 {
  background-image: url("../../Images/Icon/W_005_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_018 {
  background-image: url("../../Images/Icon/W_005_018.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_019 {
  background-image: url("../../Images/Icon/W_005_019.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_020 {
  background-image: url("../../Images/Icon/W_005_020.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_021 {
  background-image: url("../../Images/Icon/W_005_021.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_022 {
  background-image: url("../../Images/Icon/W_005_022.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_023 {
  background-image: url("../../Images/Icon/W_005_023.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_024 {
  background-image: url("../../Images/Icon/W_005_024.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_025 {
  background-image: url("../../Images/Icon/W_005_025.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_026 {
  background-image: url("../../Images/Icon/W_005_026.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_027 {
  background-image: url("../../Images/Icon/W_005_027.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_028 {
  background-image: url("../../Images/Icon/W_005_028.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_029 {
  background-image: url("../../Images/Icon/W_005_029.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_030 {
  background-image: url("../../Images/Icon/W_005_030.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_031 {
  background-image: url("../../Images/Icon/W_005_031.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_032 {
  background-image: url("../../Images/Icon/W_005_032.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_033 {
  background-image: url("../../Images/Icon/W_005_033.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_034 {
  background-image: url("../../Images/Icon/W_005_034.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_035 {
  background-image: url("../../Images/Icon/W_005_035.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_036 {
  background-image: url("../../Images/Icon/W_005_036.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_037 {
  background-image: url("../../Images/Icon/W_005_037.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_038 {
  background-image: url("../../Images/Icon/W_005_038.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_039 {
  background-image: url("../../Images/Icon/W_005_039.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_040 {
  background-image: url("../../Images/Icon/W_005_040.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_041 {
  background-image: url("../../Images/Icon/W_005_041.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_042 {
  background-image: url("../../Images/Icon/W_005_042.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_043 {
  background-image: url("../../Images/Icon/W_005_043.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_044 {
  background-image: url("../../Images/Icon/W_005_044.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_045 {
  background-image: url("../../Images/Icon/W_005_045.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_046 {
  background-image: url("../../Images/Icon/W_005_046.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_047 {
  background-image: url("../../Images/Icon/W_005_047.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_048 {
  background-image: url("../../Images/Icon/W_005_048.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_049 {
  background-image: url("../../Images/Icon/W_005_049.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_005_050 {
  background-image: url("../../Images/Icon/W_005_050.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_006_001 {
  background-image: url("../../Images/Icon/C_006_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_006_002 {
  background-image: url("../../Images/Icon/C_006_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_006_003 {
  background-image: url("../../Images/Icon/C_006_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_006_004 {
  background-image: url("../../Images/Icon/C_006_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_006_005 {
  background-image: url("../../Images/Icon/C_006_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_006_006 {
  background-image: url("../../Images/Icon/C_006_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_006_007 {
  background-image: url("../../Images/Icon/C_006_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_006_008 {
  background-image: url("../../Images/Icon/C_006_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_006_009 {
  background-image: url("../../Images/Icon/C_006_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_006_010 {
  background-image: url("../../Images/Icon/C_006_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_006_001 {
  background-image: url("../../Images/Icon/B_006_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_006_002 {
  background-image: url("../../Images/Icon/B_006_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_006_003 {
  background-image: url("../../Images/Icon/B_006_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_006_004 {
  background-image: url("../../Images/Icon/B_006_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_006_005 {
  background-image: url("../../Images/Icon/B_006_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_006_006 {
  background-image: url("../../Images/Icon/B_006_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_006_007 {
  background-image: url("../../Images/Icon/B_006_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_006_008 {
  background-image: url("../../Images/Icon/B_006_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_006_009 {
  background-image: url("../../Images/Icon/B_006_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_006_010 {
  background-image: url("../../Images/Icon/B_006_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_006_001 {
  background-image: url("../../Images/Icon/W_006_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_006_002 {
  background-image: url("../../Images/Icon/W_006_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_006_003 {
  background-image: url("../../Images/Icon/W_006_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_006_004 {
  background-image: url("../../Images/Icon/W_006_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_006_005 {
  background-image: url("../../Images/Icon/W_006_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_006_006 {
  background-image: url("../../Images/Icon/W_006_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_006_007 {
  background-image: url("../../Images/Icon/W_006_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_006_008 {
  background-image: url("../../Images/Icon/W_006_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_006_009 {
  background-image: url("../../Images/Icon/W_006_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_006_010 {
  background-image: url("../../Images/Icon/W_006_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_007_001 {
  background-image: url("../../Images/Icon/C_007_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_007_002 {
  background-image: url("../../Images/Icon/C_007_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_007_003 {
  background-image: url("../../Images/Icon/C_007_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_007_004 {
  background-image: url("../../Images/Icon/C_007_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_007_005 {
  background-image: url("../../Images/Icon/C_007_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_007_006 {
  background-image: url("../../Images/Icon/C_007_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_007_007 {
  background-image: url("../../Images/Icon/C_007_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_007_008 {
  background-image: url("../../Images/Icon/C_007_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_007_009 {
  background-image: url("../../Images/Icon/C_007_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_007_010 {
  background-image: url("../../Images/Icon/C_007_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_007_011 {
  background-image: url("../../Images/Icon/C_007_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_007_001 {
  background-image: url("../../Images/Icon/B_007_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_007_002 {
  background-image: url("../../Images/Icon/B_007_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_007_003 {
  background-image: url("../../Images/Icon/B_007_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_007_004 {
  background-image: url("../../Images/Icon/B_007_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_007_005 {
  background-image: url("../../Images/Icon/B_007_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_007_006 {
  background-image: url("../../Images/Icon/B_007_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_007_007 {
  background-image: url("../../Images/Icon/B_007_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_007_008 {
  background-image: url("../../Images/Icon/B_007_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_007_009 {
  background-image: url("../../Images/Icon/B_007_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_007_010 {
  background-image: url("../../Images/Icon/B_007_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_007_011 {
  background-image: url("../../Images/Icon/B_007_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_007_001 {
  background-image: url("../../Images/Icon/W_007_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_007_002 {
  background-image: url("../../Images/Icon/W_007_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_007_003 {
  background-image: url("../../Images/Icon/W_007_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_007_004 {
  background-image: url("../../Images/Icon/W_007_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_007_005 {
  background-image: url("../../Images/Icon/W_007_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_007_006 {
  background-image: url("../../Images/Icon/W_007_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_007_007 {
  background-image: url("../../Images/Icon/W_007_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_007_008 {
  background-image: url("../../Images/Icon/W_007_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_007_009 {
  background-image: url("../../Images/Icon/W_007_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_007_010 {
  background-image: url("../../Images/Icon/W_007_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_007_011 {
  background-image: url("../../Images/Icon/W_007_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_008_001 {
  background-image: url("../../Images/Icon/C_008_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_008_002 {
  background-image: url("../../Images/Icon/C_008_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_008_003 {
  background-image: url("../../Images/Icon/C_008_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_008_004 {
  background-image: url("../../Images/Icon/C_008_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_008_005 {
  background-image: url("../../Images/Icon/C_008_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_008_006 {
  background-image: url("../../Images/Icon/C_008_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_008_007 {
  background-image: url("../../Images/Icon/C_008_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_008_008 {
  background-image: url("../../Images/Icon/C_008_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_008_009 {
  background-image: url("../../Images/Icon/C_008_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_008_010 {
  background-image: url("../../Images/Icon/C_008_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_008_011 {
  background-image: url("../../Images/Icon/C_008_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_008_012 {
  background-image: url("../../Images/Icon/C_008_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_008_013 {
  background-image: url("../../Images/Icon/C_008_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_008_001 {
  background-image: url("../../Images/Icon/B_008_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_008_002 {
  background-image: url("../../Images/Icon/B_008_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_008_003 {
  background-image: url("../../Images/Icon/B_008_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_008_004 {
  background-image: url("../../Images/Icon/B_008_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_008_005 {
  background-image: url("../../Images/Icon/B_008_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_008_006 {
  background-image: url("../../Images/Icon/B_008_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_008_007 {
  background-image: url("../../Images/Icon/B_008_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_008_008 {
  background-image: url("../../Images/Icon/B_008_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_008_009 {
  background-image: url("../../Images/Icon/B_008_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_008_010 {
  background-image: url("../../Images/Icon/B_008_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_008_011 {
  background-image: url("../../Images/Icon/B_008_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_008_012 {
  background-image: url("../../Images/Icon/B_008_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_008_013 {
  background-image: url("../../Images/Icon/B_008_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_008_001 {
  background-image: url("../../Images/Icon/W_008_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_008_002 {
  background-image: url("../../Images/Icon/W_008_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_008_003 {
  background-image: url("../../Images/Icon/W_008_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_008_004 {
  background-image: url("../../Images/Icon/W_008_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_008_005 {
  background-image: url("../../Images/Icon/W_008_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_008_006 {
  background-image: url("../../Images/Icon/W_008_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_008_007 {
  background-image: url("../../Images/Icon/W_008_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_008_008 {
  background-image: url("../../Images/Icon/W_008_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_008_009 {
  background-image: url("../../Images/Icon/W_008_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_008_010 {
  background-image: url("../../Images/Icon/W_008_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_008_011 {
  background-image: url("../../Images/Icon/W_008_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_008_012 {
  background-image: url("../../Images/Icon/W_008_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_008_013 {
  background-image: url("../../Images/Icon/W_008_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_009_001 {
  background-image: url("../../Images/Icon/C_009_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_009_002 {
  background-image: url("../../Images/Icon/C_009_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_009_003 {
  background-image: url("../../Images/Icon/C_009_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_009_004 {
  background-image: url("../../Images/Icon/C_009_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_009_005 {
  background-image: url("../../Images/Icon/C_009_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_009_006 {
  background-image: url("../../Images/Icon/C_009_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_009_007 {
  background-image: url("../../Images/Icon/C_009_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_009_008 {
  background-image: url("../../Images/Icon/C_009_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_009_009 {
  background-image: url("../../Images/Icon/C_009_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_009_010 {
  background-image: url("../../Images/Icon/C_009_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_009_011 {
  background-image: url("../../Images/Icon/C_009_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_009_012 {
  background-image: url("../../Images/Icon/C_009_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_009_013 {
  background-image: url("../../Images/Icon/C_009_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_009_014 {
  background-image: url("../../Images/Icon/C_009_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_009_015 {
  background-image: url("../../Images/Icon/C_009_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_009_016 {
  background-image: url("../../Images/Icon/C_009_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_009_017 {
  background-image: url("../../Images/Icon/C_009_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_009_018 {
  background-image: url("../../Images/Icon/C_009_018.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_009_019 {
  background-image: url("../../Images/Icon/C_009_019.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_009_020 {
  background-image: url("../../Images/Icon/C_009_020.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_009_001 {
  background-image: url("../../Images/Icon/B_009_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_009_002 {
  background-image: url("../../Images/Icon/B_009_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_009_003 {
  background-image: url("../../Images/Icon/B_009_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_009_004 {
  background-image: url("../../Images/Icon/B_009_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_009_005 {
  background-image: url("../../Images/Icon/B_009_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_009_006 {
  background-image: url("../../Images/Icon/B_009_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_009_007 {
  background-image: url("../../Images/Icon/B_009_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_009_008 {
  background-image: url("../../Images/Icon/B_009_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_009_009 {
  background-image: url("../../Images/Icon/B_009_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_009_010 {
  background-image: url("../../Images/Icon/B_009_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_009_011 {
  background-image: url("../../Images/Icon/B_009_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_009_012 {
  background-image: url("../../Images/Icon/B_009_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_009_013 {
  background-image: url("../../Images/Icon/B_009_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_009_014 {
  background-image: url("../../Images/Icon/B_009_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_009_015 {
  background-image: url("../../Images/Icon/B_009_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_009_016 {
  background-image: url("../../Images/Icon/B_009_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_009_017 {
  background-image: url("../../Images/Icon/B_009_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_009_018 {
  background-image: url("../../Images/Icon/B_009_018.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_009_019 {
  background-image: url("../../Images/Icon/B_009_019.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_009_020 {
  background-image: url("../../Images/Icon/B_009_020.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_009_001 {
  background-image: url("../../Images/Icon/W_009_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_009_002 {
  background-image: url("../../Images/Icon/W_009_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_009_003 {
  background-image: url("../../Images/Icon/W_009_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_009_004 {
  background-image: url("../../Images/Icon/W_009_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_009_005 {
  background-image: url("../../Images/Icon/W_009_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_009_006 {
  background-image: url("../../Images/Icon/W_009_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_009_007 {
  background-image: url("../../Images/Icon/W_009_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_009_008 {
  background-image: url("../../Images/Icon/W_009_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_009_009 {
  background-image: url("../../Images/Icon/W_009_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_009_010 {
  background-image: url("../../Images/Icon/W_009_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_009_011 {
  background-image: url("../../Images/Icon/W_009_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_009_012 {
  background-image: url("../../Images/Icon/W_009_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_009_013 {
  background-image: url("../../Images/Icon/W_009_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_009_014 {
  background-image: url("../../Images/Icon/W_009_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_009_015 {
  background-image: url("../../Images/Icon/W_009_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_009_016 {
  background-image: url("../../Images/Icon/W_009_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_009_017 {
  background-image: url("../../Images/Icon/W_009_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_009_018 {
  background-image: url("../../Images/Icon/W_009_018.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_009_019 {
  background-image: url("../../Images/Icon/W_009_019.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_009_020 {
  background-image: url("../../Images/Icon/W_009_020.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_010_001 {
  background-image: url("../../Images/Icon/C_010_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_010_002 {
  background-image: url("../../Images/Icon/C_010_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_010_003 {
  background-image: url("../../Images/Icon/C_010_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_010_004 {
  background-image: url("../../Images/Icon/C_010_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_010_005 {
  background-image: url("../../Images/Icon/C_010_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_010_006 {
  background-image: url("../../Images/Icon/C_010_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_010_007 {
  background-image: url("../../Images/Icon/C_010_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_010_008 {
  background-image: url("../../Images/Icon/C_010_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_010_009 {
  background-image: url("../../Images/Icon/C_010_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_010_001 {
  background-image: url("../../Images/Icon/B_010_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_010_002 {
  background-image: url("../../Images/Icon/B_010_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_010_003 {
  background-image: url("../../Images/Icon/B_010_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_010_004 {
  background-image: url("../../Images/Icon/B_010_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_010_005 {
  background-image: url("../../Images/Icon/B_010_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_010_006 {
  background-image: url("../../Images/Icon/B_010_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_010_007 {
  background-image: url("../../Images/Icon/B_010_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_010_008 {
  background-image: url("../../Images/Icon/B_010_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_010_009 {
  background-image: url("../../Images/Icon/B_010_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_010_001 {
  background-image: url("../../Images/Icon/W_010_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_010_002 {
  background-image: url("../../Images/Icon/W_010_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_010_003 {
  background-image: url("../../Images/Icon/W_010_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_010_004 {
  background-image: url("../../Images/Icon/W_010_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_010_005 {
  background-image: url("../../Images/Icon/W_010_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_010_006 {
  background-image: url("../../Images/Icon/W_010_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_010_007 {
  background-image: url("../../Images/Icon/W_010_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_010_008 {
  background-image: url("../../Images/Icon/W_010_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_010_009 {
  background-image: url("../../Images/Icon/W_010_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_011_001 {
  background-image: url("../../Images/Icon/C_011_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_011_002 {
  background-image: url("../../Images/Icon/C_011_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_011_003 {
  background-image: url("../../Images/Icon/C_011_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_011_004 {
  background-image: url("../../Images/Icon/C_011_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_011_005 {
  background-image: url("../../Images/Icon/C_011_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_011_006 {
  background-image: url("../../Images/Icon/C_011_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_011_007 {
  background-image: url("../../Images/Icon/C_011_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_011_008 {
  background-image: url("../../Images/Icon/C_011_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_011_009 {
  background-image: url("../../Images/Icon/C_011_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_011_010 {
  background-image: url("../../Images/Icon/C_011_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_011_001 {
  background-image: url("../../Images/Icon/B_011_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_011_002 {
  background-image: url("../../Images/Icon/B_011_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_011_003 {
  background-image: url("../../Images/Icon/B_011_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_011_004 {
  background-image: url("../../Images/Icon/B_011_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_011_005 {
  background-image: url("../../Images/Icon/B_011_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_011_006 {
  background-image: url("../../Images/Icon/B_011_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_011_007 {
  background-image: url("../../Images/Icon/B_011_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_011_008 {
  background-image: url("../../Images/Icon/B_011_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_011_009 {
  background-image: url("../../Images/Icon/B_011_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_011_010 {
  background-image: url("../../Images/Icon/B_011_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_011_001 {
  background-image: url("../../Images/Icon/W_011_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_011_002 {
  background-image: url("../../Images/Icon/W_011_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_011_003 {
  background-image: url("../../Images/Icon/W_011_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_011_004 {
  background-image: url("../../Images/Icon/W_011_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_011_005 {
  background-image: url("../../Images/Icon/W_011_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_011_006 {
  background-image: url("../../Images/Icon/W_011_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_011_007 {
  background-image: url("../../Images/Icon/W_011_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_011_008 {
  background-image: url("../../Images/Icon/W_011_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_011_009 {
  background-image: url("../../Images/Icon/W_011_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_011_010 {
  background-image: url("../../Images/Icon/W_011_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_012_001 {
  background-image: url("../../Images/Icon/C_012_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_012_002 {
  background-image: url("../../Images/Icon/C_012_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_012_003 {
  background-image: url("../../Images/Icon/C_012_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_012_004 {
  background-image: url("../../Images/Icon/C_012_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_012_005 {
  background-image: url("../../Images/Icon/C_012_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_012_006 {
  background-image: url("../../Images/Icon/C_012_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_012_007 {
  background-image: url("../../Images/Icon/C_012_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_012_008 {
  background-image: url("../../Images/Icon/C_012_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_012_009 {
  background-image: url("../../Images/Icon/C_012_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_012_001 {
  background-image: url("../../Images/Icon/B_012_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_012_002 {
  background-image: url("../../Images/Icon/B_012_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_012_003 {
  background-image: url("../../Images/Icon/B_012_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_012_004 {
  background-image: url("../../Images/Icon/B_012_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_012_005 {
  background-image: url("../../Images/Icon/B_012_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_012_006 {
  background-image: url("../../Images/Icon/B_012_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_012_007 {
  background-image: url("../../Images/Icon/B_012_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_012_008 {
  background-image: url("../../Images/Icon/B_012_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_012_009 {
  background-image: url("../../Images/Icon/B_012_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_012_001 {
  background-image: url("../../Images/Icon/W_012_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_012_002 {
  background-image: url("../../Images/Icon/W_012_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_012_003 {
  background-image: url("../../Images/Icon/W_012_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_012_004 {
  background-image: url("../../Images/Icon/W_012_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_012_005 {
  background-image: url("../../Images/Icon/W_012_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_012_006 {
  background-image: url("../../Images/Icon/W_012_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_012_007 {
  background-image: url("../../Images/Icon/W_012_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_012_008 {
  background-image: url("../../Images/Icon/W_012_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_012_009 {
  background-image: url("../../Images/Icon/W_012_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_013_001 {
  background-image: url("../../Images/Icon/C_013_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_013_002 {
  background-image: url("../../Images/Icon/C_013_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_013_003 {
  background-image: url("../../Images/Icon/C_013_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_013_004 {
  background-image: url("../../Images/Icon/C_013_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_013_005 {
  background-image: url("../../Images/Icon/C_013_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_013_006 {
  background-image: url("../../Images/Icon/C_013_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_013_007 {
  background-image: url("../../Images/Icon/C_013_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_013_008 {
  background-image: url("../../Images/Icon/C_013_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_013_009 {
  background-image: url("../../Images/Icon/C_013_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_013_010 {
  background-image: url("../../Images/Icon/C_013_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_013_011 {
  background-image: url("../../Images/Icon/C_013_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_013_001 {
  background-image: url("../../Images/Icon/B_013_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_013_002 {
  background-image: url("../../Images/Icon/B_013_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_013_003 {
  background-image: url("../../Images/Icon/B_013_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_013_004 {
  background-image: url("../../Images/Icon/B_013_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_013_005 {
  background-image: url("../../Images/Icon/B_013_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_013_006 {
  background-image: url("../../Images/Icon/B_013_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_013_007 {
  background-image: url("../../Images/Icon/B_013_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_013_008 {
  background-image: url("../../Images/Icon/B_013_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_013_009 {
  background-image: url("../../Images/Icon/B_013_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_013_010 {
  background-image: url("../../Images/Icon/B_013_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_013_011 {
  background-image: url("../../Images/Icon/B_013_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_013_001 {
  background-image: url("../../Images/Icon/W_013_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_013_002 {
  background-image: url("../../Images/Icon/W_013_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_013_003 {
  background-image: url("../../Images/Icon/W_013_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_013_004 {
  background-image: url("../../Images/Icon/W_013_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_013_005 {
  background-image: url("../../Images/Icon/W_013_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_013_006 {
  background-image: url("../../Images/Icon/W_013_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_013_007 {
  background-image: url("../../Images/Icon/W_013_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_013_008 {
  background-image: url("../../Images/Icon/W_013_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_013_009 {
  background-image: url("../../Images/Icon/W_013_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_013_010 {
  background-image: url("../../Images/Icon/W_013_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_013_011 {
  background-image: url("../../Images/Icon/W_013_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_014_001 {
  background-image: url("../../Images/Icon/C_014_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_014_002 {
  background-image: url("../../Images/Icon/C_014_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_014_003 {
  background-image: url("../../Images/Icon/C_014_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_014_004 {
  background-image: url("../../Images/Icon/C_014_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_014_005 {
  background-image: url("../../Images/Icon/C_014_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_014_006 {
  background-image: url("../../Images/Icon/C_014_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_014_007 {
  background-image: url("../../Images/Icon/C_014_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_014_008 {
  background-image: url("../../Images/Icon/C_014_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_014_009 {
  background-image: url("../../Images/Icon/C_014_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_014_010 {
  background-image: url("../../Images/Icon/C_014_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_014_011 {
  background-image: url("../../Images/Icon/C_014_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_014_012 {
  background-image: url("../../Images/Icon/C_014_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_014_013 {
  background-image: url("../../Images/Icon/C_014_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_014_014 {
  background-image: url("../../Images/Icon/C_014_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_014_015 {
  background-image: url("../../Images/Icon/C_014_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_014_016 {
  background-image: url("../../Images/Icon/C_014_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_014_017 {
  background-image: url("../../Images/Icon/C_014_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_014_001 {
  background-image: url("../../Images/Icon/B_014_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_014_002 {
  background-image: url("../../Images/Icon/B_014_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_014_003 {
  background-image: url("../../Images/Icon/B_014_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_014_004 {
  background-image: url("../../Images/Icon/B_014_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_014_005 {
  background-image: url("../../Images/Icon/B_014_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_014_006 {
  background-image: url("../../Images/Icon/B_014_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_014_007 {
  background-image: url("../../Images/Icon/B_014_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_014_008 {
  background-image: url("../../Images/Icon/B_014_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_014_009 {
  background-image: url("../../Images/Icon/B_014_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_014_010 {
  background-image: url("../../Images/Icon/B_014_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_014_011 {
  background-image: url("../../Images/Icon/B_014_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_014_012 {
  background-image: url("../../Images/Icon/B_014_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_014_013 {
  background-image: url("../../Images/Icon/B_014_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_014_014 {
  background-image: url("../../Images/Icon/B_014_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_014_015 {
  background-image: url("../../Images/Icon/B_014_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_014_016 {
  background-image: url("../../Images/Icon/B_014_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_014_017 {
  background-image: url("../../Images/Icon/B_014_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_014_001 {
  background-image: url("../../Images/Icon/W_014_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_014_002 {
  background-image: url("../../Images/Icon/W_014_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_014_003 {
  background-image: url("../../Images/Icon/W_014_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_014_004 {
  background-image: url("../../Images/Icon/W_014_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_014_005 {
  background-image: url("../../Images/Icon/W_014_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_014_006 {
  background-image: url("../../Images/Icon/W_014_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_014_007 {
  background-image: url("../../Images/Icon/W_014_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_014_008 {
  background-image: url("../../Images/Icon/W_014_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_014_009 {
  background-image: url("../../Images/Icon/W_014_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_014_010 {
  background-image: url("../../Images/Icon/W_014_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_014_011 {
  background-image: url("../../Images/Icon/W_014_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_014_012 {
  background-image: url("../../Images/Icon/W_014_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_014_013 {
  background-image: url("../../Images/Icon/W_014_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_014_014 {
  background-image: url("../../Images/Icon/W_014_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_014_015 {
  background-image: url("../../Images/Icon/W_014_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_014_016 {
  background-image: url("../../Images/Icon/W_014_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_014_017 {
  background-image: url("../../Images/Icon/W_014_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_015_001 {
  background-image: url("../../Images/Icon/C_015_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_015_002 {
  background-image: url("../../Images/Icon/C_015_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_015_003 {
  background-image: url("../../Images/Icon/C_015_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_015_004 {
  background-image: url("../../Images/Icon/C_015_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_015_005 {
  background-image: url("../../Images/Icon/C_015_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_015_006 {
  background-image: url("../../Images/Icon/C_015_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_015_007 {
  background-image: url("../../Images/Icon/C_015_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_015_008 {
  background-image: url("../../Images/Icon/C_015_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_015_009 {
  background-image: url("../../Images/Icon/C_015_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_015_010 {
  background-image: url("../../Images/Icon/C_015_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_015_011 {
  background-image: url("../../Images/Icon/C_015_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_015_012 {
  background-image: url("../../Images/Icon/C_015_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_015_013 {
  background-image: url("../../Images/Icon/C_015_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_015_014 {
  background-image: url("../../Images/Icon/C_015_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_015_015 {
  background-image: url("../../Images/Icon/C_015_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_015_001 {
  background-image: url("../../Images/Icon/B_015_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_015_002 {
  background-image: url("../../Images/Icon/B_015_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_015_003 {
  background-image: url("../../Images/Icon/B_015_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_015_004 {
  background-image: url("../../Images/Icon/B_015_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_015_005 {
  background-image: url("../../Images/Icon/B_015_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_015_006 {
  background-image: url("../../Images/Icon/B_015_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_015_007 {
  background-image: url("../../Images/Icon/B_015_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_015_008 {
  background-image: url("../../Images/Icon/B_015_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_015_009 {
  background-image: url("../../Images/Icon/B_015_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_015_010 {
  background-image: url("../../Images/Icon/B_015_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_015_011 {
  background-image: url("../../Images/Icon/B_015_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_015_012 {
  background-image: url("../../Images/Icon/B_015_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_015_013 {
  background-image: url("../../Images/Icon/B_015_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_015_014 {
  background-image: url("../../Images/Icon/B_015_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_015_015 {
  background-image: url("../../Images/Icon/B_015_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_015_001 {
  background-image: url("../../Images/Icon/W_015_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_015_002 {
  background-image: url("../../Images/Icon/W_015_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_015_003 {
  background-image: url("../../Images/Icon/W_015_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_015_004 {
  background-image: url("../../Images/Icon/W_015_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_015_005 {
  background-image: url("../../Images/Icon/W_015_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_015_006 {
  background-image: url("../../Images/Icon/W_015_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_015_007 {
  background-image: url("../../Images/Icon/W_015_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_015_008 {
  background-image: url("../../Images/Icon/W_015_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_015_009 {
  background-image: url("../../Images/Icon/W_015_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_015_010 {
  background-image: url("../../Images/Icon/W_015_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_015_011 {
  background-image: url("../../Images/Icon/W_015_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_015_012 {
  background-image: url("../../Images/Icon/W_015_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_015_013 {
  background-image: url("../../Images/Icon/W_015_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_015_014 {
  background-image: url("../../Images/Icon/W_015_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_015_015 {
  background-image: url("../../Images/Icon/W_015_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_016_001 {
  background-image: url("../../Images/Icon/C_016_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_016_002 {
  background-image: url("../../Images/Icon/C_016_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_016_003 {
  background-image: url("../../Images/Icon/C_016_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_016_004 {
  background-image: url("../../Images/Icon/C_016_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_016_005 {
  background-image: url("../../Images/Icon/C_016_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_016_006 {
  background-image: url("../../Images/Icon/C_016_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_016_007 {
  background-image: url("../../Images/Icon/C_016_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_016_008 {
  background-image: url("../../Images/Icon/C_016_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_016_009 {
  background-image: url("../../Images/Icon/C_016_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_016_010 {
  background-image: url("../../Images/Icon/C_016_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_016_011 {
  background-image: url("../../Images/Icon/C_016_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_016_012 {
  background-image: url("../../Images/Icon/C_016_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_016_001 {
  background-image: url("../../Images/Icon/B_016_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_016_002 {
  background-image: url("../../Images/Icon/B_016_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_016_003 {
  background-image: url("../../Images/Icon/B_016_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_016_004 {
  background-image: url("../../Images/Icon/B_016_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_016_005 {
  background-image: url("../../Images/Icon/B_016_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_016_006 {
  background-image: url("../../Images/Icon/B_016_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_016_007 {
  background-image: url("../../Images/Icon/B_016_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_016_008 {
  background-image: url("../../Images/Icon/B_016_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_016_009 {
  background-image: url("../../Images/Icon/B_016_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_016_010 {
  background-image: url("../../Images/Icon/B_016_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_016_011 {
  background-image: url("../../Images/Icon/B_016_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_016_012 {
  background-image: url("../../Images/Icon/B_016_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_016_001 {
  background-image: url("../../Images/Icon/W_016_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_016_002 {
  background-image: url("../../Images/Icon/W_016_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_016_003 {
  background-image: url("../../Images/Icon/W_016_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_016_004 {
  background-image: url("../../Images/Icon/W_016_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_016_005 {
  background-image: url("../../Images/Icon/W_016_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_016_006 {
  background-image: url("../../Images/Icon/W_016_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_016_007 {
  background-image: url("../../Images/Icon/W_016_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_016_008 {
  background-image: url("../../Images/Icon/W_016_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_016_009 {
  background-image: url("../../Images/Icon/W_016_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_016_010 {
  background-image: url("../../Images/Icon/W_016_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_016_011 {
  background-image: url("../../Images/Icon/W_016_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_016_012 {
  background-image: url("../../Images/Icon/W_016_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_017_001 {
  background-image: url("../../Images/Icon/C_017_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_017_002 {
  background-image: url("../../Images/Icon/C_017_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_017_003 {
  background-image: url("../../Images/Icon/C_017_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_017_004 {
  background-image: url("../../Images/Icon/C_017_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_017_005 {
  background-image: url("../../Images/Icon/C_017_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_017_006 {
  background-image: url("../../Images/Icon/C_017_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_017_007 {
  background-image: url("../../Images/Icon/C_017_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_017_008 {
  background-image: url("../../Images/Icon/C_017_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_017_009 {
  background-image: url("../../Images/Icon/C_017_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_017_001 {
  background-image: url("../../Images/Icon/B_017_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_017_002 {
  background-image: url("../../Images/Icon/B_017_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_017_003 {
  background-image: url("../../Images/Icon/B_017_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_017_004 {
  background-image: url("../../Images/Icon/B_017_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_017_005 {
  background-image: url("../../Images/Icon/B_017_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_017_006 {
  background-image: url("../../Images/Icon/B_017_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_017_007 {
  background-image: url("../../Images/Icon/B_017_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_017_008 {
  background-image: url("../../Images/Icon/B_017_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_017_009 {
  background-image: url("../../Images/Icon/B_017_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_017_001 {
  background-image: url("../../Images/Icon/W_017_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_017_002 {
  background-image: url("../../Images/Icon/W_017_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_017_003 {
  background-image: url("../../Images/Icon/W_017_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_017_004 {
  background-image: url("../../Images/Icon/W_017_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_017_005 {
  background-image: url("../../Images/Icon/W_017_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_017_006 {
  background-image: url("../../Images/Icon/W_017_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_017_007 {
  background-image: url("../../Images/Icon/W_017_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_017_008 {
  background-image: url("../../Images/Icon/W_017_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_017_009 {
  background-image: url("../../Images/Icon/W_017_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_018_001 {
  background-image: url("../../Images/Icon/C_018_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_018_002 {
  background-image: url("../../Images/Icon/C_018_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_018_003 {
  background-image: url("../../Images/Icon/C_018_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_018_004 {
  background-image: url("../../Images/Icon/C_018_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_018_005 {
  background-image: url("../../Images/Icon/C_018_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_018_006 {
  background-image: url("../../Images/Icon/C_018_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_018_007 {
  background-image: url("../../Images/Icon/C_018_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_018_008 {
  background-image: url("../../Images/Icon/C_018_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_018_009 {
  background-image: url("../../Images/Icon/C_018_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_018_001 {
  background-image: url("../../Images/Icon/B_018_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_018_002 {
  background-image: url("../../Images/Icon/B_018_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_018_003 {
  background-image: url("../../Images/Icon/B_018_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_018_004 {
  background-image: url("../../Images/Icon/B_018_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_018_005 {
  background-image: url("../../Images/Icon/B_018_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_018_006 {
  background-image: url("../../Images/Icon/B_018_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_018_007 {
  background-image: url("../../Images/Icon/B_018_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_018_008 {
  background-image: url("../../Images/Icon/B_018_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_018_009 {
  background-image: url("../../Images/Icon/B_018_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_018_001 {
  background-image: url("../../Images/Icon/W_018_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_018_002 {
  background-image: url("../../Images/Icon/W_018_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_018_003 {
  background-image: url("../../Images/Icon/W_018_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_018_004 {
  background-image: url("../../Images/Icon/W_018_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_018_005 {
  background-image: url("../../Images/Icon/W_018_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_018_006 {
  background-image: url("../../Images/Icon/W_018_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_018_007 {
  background-image: url("../../Images/Icon/W_018_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_018_008 {
  background-image: url("../../Images/Icon/W_018_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_018_009 {
  background-image: url("../../Images/Icon/W_018_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_019_001 {
  background-image: url("../../Images/Icon/C_019_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_019_002 {
  background-image: url("../../Images/Icon/C_019_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_019_003 {
  background-image: url("../../Images/Icon/C_019_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_019_004 {
  background-image: url("../../Images/Icon/C_019_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_019_005 {
  background-image: url("../../Images/Icon/C_019_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_019_006 {
  background-image: url("../../Images/Icon/C_019_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_019_007 {
  background-image: url("../../Images/Icon/C_019_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_019_008 {
  background-image: url("../../Images/Icon/C_019_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_019_001 {
  background-image: url("../../Images/Icon/B_019_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_019_002 {
  background-image: url("../../Images/Icon/B_019_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_019_003 {
  background-image: url("../../Images/Icon/B_019_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_019_004 {
  background-image: url("../../Images/Icon/B_019_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_019_005 {
  background-image: url("../../Images/Icon/B_019_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_019_006 {
  background-image: url("../../Images/Icon/B_019_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_019_007 {
  background-image: url("../../Images/Icon/B_019_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_019_008 {
  background-image: url("../../Images/Icon/B_019_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_019_001 {
  background-image: url("../../Images/Icon/W_019_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_019_002 {
  background-image: url("../../Images/Icon/W_019_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_019_003 {
  background-image: url("../../Images/Icon/W_019_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_019_004 {
  background-image: url("../../Images/Icon/W_019_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_019_005 {
  background-image: url("../../Images/Icon/W_019_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_019_006 {
  background-image: url("../../Images/Icon/W_019_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_019_007 {
  background-image: url("../../Images/Icon/W_019_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_019_008 {
  background-image: url("../../Images/Icon/W_019_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_020_001 {
  background-image: url("../../Images/Icon/C_020_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_020_002 {
  background-image: url("../../Images/Icon/C_020_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_020_003 {
  background-image: url("../../Images/Icon/C_020_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_020_004 {
  background-image: url("../../Images/Icon/C_020_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_020_005 {
  background-image: url("../../Images/Icon/C_020_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_020_006 {
  background-image: url("../../Images/Icon/C_020_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_020_007 {
  background-image: url("../../Images/Icon/C_020_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_020_008 {
  background-image: url("../../Images/Icon/C_020_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_020_009 {
  background-image: url("../../Images/Icon/C_020_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_020_010 {
  background-image: url("../../Images/Icon/C_020_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_020_011 {
  background-image: url("../../Images/Icon/C_020_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_020_001 {
  background-image: url("../../Images/Icon/B_020_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_020_002 {
  background-image: url("../../Images/Icon/B_020_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_020_003 {
  background-image: url("../../Images/Icon/B_020_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_020_004 {
  background-image: url("../../Images/Icon/B_020_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_020_005 {
  background-image: url("../../Images/Icon/B_020_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_020_006 {
  background-image: url("../../Images/Icon/B_020_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_020_007 {
  background-image: url("../../Images/Icon/B_020_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_020_008 {
  background-image: url("../../Images/Icon/B_020_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_020_009 {
  background-image: url("../../Images/Icon/B_020_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_020_010 {
  background-image: url("../../Images/Icon/B_020_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_020_011 {
  background-image: url("../../Images/Icon/B_020_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_020_001 {
  background-image: url("../../Images/Icon/W_020_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_020_002 {
  background-image: url("../../Images/Icon/W_020_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_020_003 {
  background-image: url("../../Images/Icon/W_020_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_020_004 {
  background-image: url("../../Images/Icon/W_020_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_020_005 {
  background-image: url("../../Images/Icon/W_020_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_020_006 {
  background-image: url("../../Images/Icon/W_020_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_020_007 {
  background-image: url("../../Images/Icon/W_020_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_020_008 {
  background-image: url("../../Images/Icon/W_020_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_020_009 {
  background-image: url("../../Images/Icon/W_020_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_020_010 {
  background-image: url("../../Images/Icon/W_020_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_020_011 {
  background-image: url("../../Images/Icon/W_020_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_021_001 {
  background-image: url("../../Images/Icon/C_021_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_021_002 {
  background-image: url("../../Images/Icon/C_021_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_021_003 {
  background-image: url("../../Images/Icon/C_021_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_021_004 {
  background-image: url("../../Images/Icon/C_021_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_021_005 {
  background-image: url("../../Images/Icon/C_021_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_021_006 {
  background-image: url("../../Images/Icon/C_021_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_021_007 {
  background-image: url("../../Images/Icon/C_021_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_021_008 {
  background-image: url("../../Images/Icon/C_021_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_021_009 {
  background-image: url("../../Images/Icon/C_021_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_021_010 {
  background-image: url("../../Images/Icon/C_021_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_021_011 {
  background-image: url("../../Images/Icon/C_021_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_021_012 {
  background-image: url("../../Images/Icon/C_021_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_021_013 {
  background-image: url("../../Images/Icon/C_021_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_021_001 {
  background-image: url("../../Images/Icon/B_021_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_021_002 {
  background-image: url("../../Images/Icon/B_021_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_021_003 {
  background-image: url("../../Images/Icon/B_021_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_021_004 {
  background-image: url("../../Images/Icon/B_021_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_021_005 {
  background-image: url("../../Images/Icon/B_021_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_021_006 {
  background-image: url("../../Images/Icon/B_021_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_021_007 {
  background-image: url("../../Images/Icon/B_021_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_021_008 {
  background-image: url("../../Images/Icon/B_021_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_021_009 {
  background-image: url("../../Images/Icon/B_021_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_021_010 {
  background-image: url("../../Images/Icon/B_021_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_021_011 {
  background-image: url("../../Images/Icon/B_021_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_021_012 {
  background-image: url("../../Images/Icon/B_021_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_021_013 {
  background-image: url("../../Images/Icon/B_021_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_021_001 {
  background-image: url("../../Images/Icon/W_021_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_021_002 {
  background-image: url("../../Images/Icon/W_021_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_021_003 {
  background-image: url("../../Images/Icon/W_021_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_021_004 {
  background-image: url("../../Images/Icon/W_021_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_021_005 {
  background-image: url("../../Images/Icon/W_021_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_021_006 {
  background-image: url("../../Images/Icon/W_021_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_021_007 {
  background-image: url("../../Images/Icon/W_021_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_021_008 {
  background-image: url("../../Images/Icon/W_021_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_021_009 {
  background-image: url("../../Images/Icon/W_021_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_021_010 {
  background-image: url("../../Images/Icon/W_021_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_021_011 {
  background-image: url("../../Images/Icon/W_021_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_021_012 {
  background-image: url("../../Images/Icon/W_021_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_021_013 {
  background-image: url("../../Images/Icon/W_021_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_022_001 {
  background-image: url("../../Images/Icon/C_022_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_022_002 {
  background-image: url("../../Images/Icon/C_022_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_022_003 {
  background-image: url("../../Images/Icon/C_022_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_022_004 {
  background-image: url("../../Images/Icon/C_022_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_022_005 {
  background-image: url("../../Images/Icon/C_022_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_022_006 {
  background-image: url("../../Images/Icon/C_022_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_022_007 {
  background-image: url("../../Images/Icon/C_022_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_022_008 {
  background-image: url("../../Images/Icon/C_022_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_022_009 {
  background-image: url("../../Images/Icon/C_022_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_022_010 {
  background-image: url("../../Images/Icon/C_022_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_022_011 {
  background-image: url("../../Images/Icon/C_022_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_022_001 {
  background-image: url("../../Images/Icon/B_022_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_022_002 {
  background-image: url("../../Images/Icon/B_022_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_022_003 {
  background-image: url("../../Images/Icon/B_022_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_022_004 {
  background-image: url("../../Images/Icon/B_022_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_022_005 {
  background-image: url("../../Images/Icon/B_022_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_022_006 {
  background-image: url("../../Images/Icon/B_022_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_022_007 {
  background-image: url("../../Images/Icon/B_022_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_022_008 {
  background-image: url("../../Images/Icon/B_022_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_022_009 {
  background-image: url("../../Images/Icon/B_022_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_022_010 {
  background-image: url("../../Images/Icon/B_022_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_022_011 {
  background-image: url("../../Images/Icon/B_022_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_022_001 {
  background-image: url("../../Images/Icon/W_022_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_022_002 {
  background-image: url("../../Images/Icon/W_022_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_022_003 {
  background-image: url("../../Images/Icon/W_022_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_022_004 {
  background-image: url("../../Images/Icon/W_022_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_022_005 {
  background-image: url("../../Images/Icon/W_022_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_022_006 {
  background-image: url("../../Images/Icon/W_022_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_022_007 {
  background-image: url("../../Images/Icon/W_022_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_022_008 {
  background-image: url("../../Images/Icon/W_022_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_022_009 {
  background-image: url("../../Images/Icon/W_022_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_022_010 {
  background-image: url("../../Images/Icon/W_022_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_022_011 {
  background-image: url("../../Images/Icon/W_022_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_023_001 {
  background-image: url("../../Images/Icon/C_023_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_023_002 {
  background-image: url("../../Images/Icon/C_023_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_023_003 {
  background-image: url("../../Images/Icon/C_023_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_023_004 {
  background-image: url("../../Images/Icon/C_023_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_023_005 {
  background-image: url("../../Images/Icon/C_023_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_023_006 {
  background-image: url("../../Images/Icon/C_023_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_023_007 {
  background-image: url("../../Images/Icon/C_023_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_023_008 {
  background-image: url("../../Images/Icon/C_023_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_023_009 {
  background-image: url("../../Images/Icon/C_023_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_023_010 {
  background-image: url("../../Images/Icon/C_023_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_023_011 {
  background-image: url("../../Images/Icon/C_023_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_023_012 {
  background-image: url("../../Images/Icon/C_023_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_023_013 {
  background-image: url("../../Images/Icon/C_023_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_023_014 {
  background-image: url("../../Images/Icon/C_023_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_023_001 {
  background-image: url("../../Images/Icon/B_023_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_023_002 {
  background-image: url("../../Images/Icon/B_023_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_023_003 {
  background-image: url("../../Images/Icon/B_023_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_023_004 {
  background-image: url("../../Images/Icon/B_023_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_023_005 {
  background-image: url("../../Images/Icon/B_023_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_023_006 {
  background-image: url("../../Images/Icon/B_023_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_023_007 {
  background-image: url("../../Images/Icon/B_023_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_023_008 {
  background-image: url("../../Images/Icon/B_023_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_023_009 {
  background-image: url("../../Images/Icon/B_023_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_023_010 {
  background-image: url("../../Images/Icon/B_023_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_023_011 {
  background-image: url("../../Images/Icon/B_023_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_023_012 {
  background-image: url("../../Images/Icon/B_023_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_023_013 {
  background-image: url("../../Images/Icon/B_023_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_023_014 {
  background-image: url("../../Images/Icon/B_023_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_023_001 {
  background-image: url("../../Images/Icon/W_023_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_023_002 {
  background-image: url("../../Images/Icon/W_023_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_023_003 {
  background-image: url("../../Images/Icon/W_023_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_023_004 {
  background-image: url("../../Images/Icon/W_023_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_023_005 {
  background-image: url("../../Images/Icon/W_023_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_023_006 {
  background-image: url("../../Images/Icon/W_023_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_023_007 {
  background-image: url("../../Images/Icon/W_023_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_023_008 {
  background-image: url("../../Images/Icon/W_023_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_023_009 {
  background-image: url("../../Images/Icon/W_023_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_023_010 {
  background-image: url("../../Images/Icon/W_023_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_023_011 {
  background-image: url("../../Images/Icon/W_023_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_023_012 {
  background-image: url("../../Images/Icon/W_023_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_023_013 {
  background-image: url("../../Images/Icon/W_023_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_023_014 {
  background-image: url("../../Images/Icon/W_023_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_001 {
  background-image: url("../../Images/Icon/C_024_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_002 {
  background-image: url("../../Images/Icon/C_024_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_003 {
  background-image: url("../../Images/Icon/C_024_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_004 {
  background-image: url("../../Images/Icon/C_024_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_005 {
  background-image: url("../../Images/Icon/C_024_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_006 {
  background-image: url("../../Images/Icon/C_024_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_007 {
  background-image: url("../../Images/Icon/C_024_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_008 {
  background-image: url("../../Images/Icon/C_024_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_009 {
  background-image: url("../../Images/Icon/C_024_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_010 {
  background-image: url("../../Images/Icon/C_024_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_011 {
  background-image: url("../../Images/Icon/C_024_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_012 {
  background-image: url("../../Images/Icon/C_024_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_013 {
  background-image: url("../../Images/Icon/C_024_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_014 {
  background-image: url("../../Images/Icon/C_024_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_015 {
  background-image: url("../../Images/Icon/C_024_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_016 {
  background-image: url("../../Images/Icon/C_024_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_017 {
  background-image: url("../../Images/Icon/C_024_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_018 {
  background-image: url("../../Images/Icon/C_024_018.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_019 {
  background-image: url("../../Images/Icon/C_024_019.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_020 {
  background-image: url("../../Images/Icon/C_024_020.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_021 {
  background-image: url("../../Images/Icon/C_024_021.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_022 {
  background-image: url("../../Images/Icon/C_024_022.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_023 {
  background-image: url("../../Images/Icon/C_024_023.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_024 {
  background-image: url("../../Images/Icon/C_024_024.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_025 {
  background-image: url("../../Images/Icon/C_024_025.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_026 {
  background-image: url("../../Images/Icon/C_024_026.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_027 {
  background-image: url("../../Images/Icon/C_024_027.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_028 {
  background-image: url("../../Images/Icon/C_024_028.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_029 {
  background-image: url("../../Images/Icon/C_024_029.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_030 {
  background-image: url("../../Images/Icon/C_024_030.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_031 {
  background-image: url("../../Images/Icon/C_024_031.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_032 {
  background-image: url("../../Images/Icon/C_024_032.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_033 {
  background-image: url("../../Images/Icon/C_024_033.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_034 {
  background-image: url("../../Images/Icon/C_024_034.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_035 {
  background-image: url("../../Images/Icon/C_024_035.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_024_036 {
  background-image: url("../../Images/Icon/C_024_036.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_001 {
  background-image: url("../../Images/Icon/B_024_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_002 {
  background-image: url("../../Images/Icon/B_024_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_003 {
  background-image: url("../../Images/Icon/B_024_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_004 {
  background-image: url("../../Images/Icon/B_024_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_005 {
  background-image: url("../../Images/Icon/B_024_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_006 {
  background-image: url("../../Images/Icon/B_024_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_007 {
  background-image: url("../../Images/Icon/B_024_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_008 {
  background-image: url("../../Images/Icon/B_024_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_009 {
  background-image: url("../../Images/Icon/B_024_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_010 {
  background-image: url("../../Images/Icon/B_024_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_011 {
  background-image: url("../../Images/Icon/B_024_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_012 {
  background-image: url("../../Images/Icon/B_024_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_013 {
  background-image: url("../../Images/Icon/B_024_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_014 {
  background-image: url("../../Images/Icon/B_024_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_015 {
  background-image: url("../../Images/Icon/B_024_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_016 {
  background-image: url("../../Images/Icon/B_024_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_017 {
  background-image: url("../../Images/Icon/B_024_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_018 {
  background-image: url("../../Images/Icon/B_024_018.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_019 {
  background-image: url("../../Images/Icon/B_024_019.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_020 {
  background-image: url("../../Images/Icon/B_024_020.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_021 {
  background-image: url("../../Images/Icon/B_024_021.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_022 {
  background-image: url("../../Images/Icon/B_024_022.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_023 {
  background-image: url("../../Images/Icon/B_024_023.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_024 {
  background-image: url("../../Images/Icon/B_024_024.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_025 {
  background-image: url("../../Images/Icon/B_024_025.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_026 {
  background-image: url("../../Images/Icon/B_024_026.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_027 {
  background-image: url("../../Images/Icon/B_024_027.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_028 {
  background-image: url("../../Images/Icon/B_024_028.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_029 {
  background-image: url("../../Images/Icon/B_024_029.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_030 {
  background-image: url("../../Images/Icon/B_024_030.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_031 {
  background-image: url("../../Images/Icon/B_024_031.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_032 {
  background-image: url("../../Images/Icon/B_024_032.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_033 {
  background-image: url("../../Images/Icon/B_024_033.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_034 {
  background-image: url("../../Images/Icon/B_024_034.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_035 {
  background-image: url("../../Images/Icon/B_024_035.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_024_036 {
  background-image: url("../../Images/Icon/B_024_036.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_001 {
  background-image: url("../../Images/Icon/W_024_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_002 {
  background-image: url("../../Images/Icon/W_024_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_003 {
  background-image: url("../../Images/Icon/W_024_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_004 {
  background-image: url("../../Images/Icon/W_024_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_005 {
  background-image: url("../../Images/Icon/W_024_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_006 {
  background-image: url("../../Images/Icon/W_024_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_007 {
  background-image: url("../../Images/Icon/W_024_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_008 {
  background-image: url("../../Images/Icon/W_024_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_009 {
  background-image: url("../../Images/Icon/W_024_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_010 {
  background-image: url("../../Images/Icon/W_024_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_011 {
  background-image: url("../../Images/Icon/W_024_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_012 {
  background-image: url("../../Images/Icon/W_024_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_013 {
  background-image: url("../../Images/Icon/W_024_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_014 {
  background-image: url("../../Images/Icon/W_024_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_015 {
  background-image: url("../../Images/Icon/W_024_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_016 {
  background-image: url("../../Images/Icon/W_024_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_017 {
  background-image: url("../../Images/Icon/W_024_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_018 {
  background-image: url("../../Images/Icon/W_024_018.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_019 {
  background-image: url("../../Images/Icon/W_024_019.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_020 {
  background-image: url("../../Images/Icon/W_024_020.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_021 {
  background-image: url("../../Images/Icon/W_024_021.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_022 {
  background-image: url("../../Images/Icon/W_024_022.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_023 {
  background-image: url("../../Images/Icon/W_024_023.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_024 {
  background-image: url("../../Images/Icon/W_024_024.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_025 {
  background-image: url("../../Images/Icon/W_024_025.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_026 {
  background-image: url("../../Images/Icon/W_024_026.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_027 {
  background-image: url("../../Images/Icon/W_024_027.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_028 {
  background-image: url("../../Images/Icon/W_024_028.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_029 {
  background-image: url("../../Images/Icon/W_024_029.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_030 {
  background-image: url("../../Images/Icon/W_024_030.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_031 {
  background-image: url("../../Images/Icon/W_024_031.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_032 {
  background-image: url("../../Images/Icon/W_024_032.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_033 {
  background-image: url("../../Images/Icon/W_024_033.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_034 {
  background-image: url("../../Images/Icon/W_024_034.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_035 {
  background-image: url("../../Images/Icon/W_024_035.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_024_036 {
  background-image: url("../../Images/Icon/W_024_036.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_001 {
  background-image: url("../../Images/Icon/C_025_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_002 {
  background-image: url("../../Images/Icon/C_025_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_003 {
  background-image: url("../../Images/Icon/C_025_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_004 {
  background-image: url("../../Images/Icon/C_025_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_005 {
  background-image: url("../../Images/Icon/C_025_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_006 {
  background-image: url("../../Images/Icon/C_025_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_007 {
  background-image: url("../../Images/Icon/C_025_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_008 {
  background-image: url("../../Images/Icon/C_025_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_009 {
  background-image: url("../../Images/Icon/C_025_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_010 {
  background-image: url("../../Images/Icon/C_025_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_011 {
  background-image: url("../../Images/Icon/C_025_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_012 {
  background-image: url("../../Images/Icon/C_025_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_013 {
  background-image: url("../../Images/Icon/C_025_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_014 {
  background-image: url("../../Images/Icon/C_025_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_015 {
  background-image: url("../../Images/Icon/C_025_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_016 {
  background-image: url("../../Images/Icon/C_025_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_017 {
  background-image: url("../../Images/Icon/C_025_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_018 {
  background-image: url("../../Images/Icon/C_025_018.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_019 {
  background-image: url("../../Images/Icon/C_025_019.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_020 {
  background-image: url("../../Images/Icon/C_025_020.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_021 {
  background-image: url("../../Images/Icon/C_025_021.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_022 {
  background-image: url("../../Images/Icon/C_025_022.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_023 {
  background-image: url("../../Images/Icon/C_025_023.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_024 {
  background-image: url("../../Images/Icon/C_025_024.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_025 {
  background-image: url("../../Images/Icon/C_025_025.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_026 {
  background-image: url("../../Images/Icon/C_025_026.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_027 {
  background-image: url("../../Images/Icon/C_025_027.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_028 {
  background-image: url("../../Images/Icon/C_025_028.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_029 {
  background-image: url("../../Images/Icon/C_025_029.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_030 {
  background-image: url("../../Images/Icon/C_025_030.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_031 {
  background-image: url("../../Images/Icon/C_025_031.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_032 {
  background-image: url("../../Images/Icon/C_025_032.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_033 {
  background-image: url("../../Images/Icon/C_025_033.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_034 {
  background-image: url("../../Images/Icon/C_025_034.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_035 {
  background-image: url("../../Images/Icon/C_025_035.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_036 {
  background-image: url("../../Images/Icon/C_025_036.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_037 {
  background-image: url("../../Images/Icon/C_025_037.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_038 {
  background-image: url("../../Images/Icon/C_025_038.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_039 {
  background-image: url("../../Images/Icon/C_025_039.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_040 {
  background-image: url("../../Images/Icon/C_025_040.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_041 {
  background-image: url("../../Images/Icon/C_025_041.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_042 {
  background-image: url("../../Images/Icon/C_025_042.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_043 {
  background-image: url("../../Images/Icon/C_025_043.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_044 {
  background-image: url("../../Images/Icon/C_025_044.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_045 {
  background-image: url("../../Images/Icon/C_025_045.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_046 {
  background-image: url("../../Images/Icon/C_025_046.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_047 {
  background-image: url("../../Images/Icon/C_025_047.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_048 {
  background-image: url("../../Images/Icon/C_025_048.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_049 {
  background-image: url("../../Images/Icon/C_025_049.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_050 {
  background-image: url("../../Images/Icon/C_025_050.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_051 {
  background-image: url("../../Images/Icon/C_025_051.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_052 {
  background-image: url("../../Images/Icon/C_025_052.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_053 {
  background-image: url("../../Images/Icon/C_025_053.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_054 {
  background-image: url("../../Images/Icon/C_025_054.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_025_055 {
  background-image: url("../../Images/Icon/C_025_055.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_001 {
  background-image: url("../../Images/Icon/B_025_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_002 {
  background-image: url("../../Images/Icon/B_025_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_003 {
  background-image: url("../../Images/Icon/B_025_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_004 {
  background-image: url("../../Images/Icon/B_025_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_005 {
  background-image: url("../../Images/Icon/B_025_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_006 {
  background-image: url("../../Images/Icon/B_025_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_007 {
  background-image: url("../../Images/Icon/B_025_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_008 {
  background-image: url("../../Images/Icon/B_025_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_009 {
  background-image: url("../../Images/Icon/B_025_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_010 {
  background-image: url("../../Images/Icon/B_025_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_011 {
  background-image: url("../../Images/Icon/B_025_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_012 {
  background-image: url("../../Images/Icon/B_025_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_013 {
  background-image: url("../../Images/Icon/B_025_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_014 {
  background-image: url("../../Images/Icon/B_025_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_015 {
  background-image: url("../../Images/Icon/B_025_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_016 {
  background-image: url("../../Images/Icon/B_025_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_017 {
  background-image: url("../../Images/Icon/B_025_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_018 {
  background-image: url("../../Images/Icon/B_025_018.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_019 {
  background-image: url("../../Images/Icon/B_025_019.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_020 {
  background-image: url("../../Images/Icon/B_025_020.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_021 {
  background-image: url("../../Images/Icon/B_025_021.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_022 {
  background-image: url("../../Images/Icon/B_025_022.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_023 {
  background-image: url("../../Images/Icon/B_025_023.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_024 {
  background-image: url("../../Images/Icon/B_025_024.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_025 {
  background-image: url("../../Images/Icon/B_025_025.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_026 {
  background-image: url("../../Images/Icon/B_025_026.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_027 {
  background-image: url("../../Images/Icon/B_025_027.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_028 {
  background-image: url("../../Images/Icon/B_025_028.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_029 {
  background-image: url("../../Images/Icon/B_025_029.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_030 {
  background-image: url("../../Images/Icon/B_025_030.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_031 {
  background-image: url("../../Images/Icon/B_025_031.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_032 {
  background-image: url("../../Images/Icon/B_025_032.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_033 {
  background-image: url("../../Images/Icon/B_025_033.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_034 {
  background-image: url("../../Images/Icon/B_025_034.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_035 {
  background-image: url("../../Images/Icon/B_025_035.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_036 {
  background-image: url("../../Images/Icon/B_025_036.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_037 {
  background-image: url("../../Images/Icon/B_025_037.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_038 {
  background-image: url("../../Images/Icon/B_025_038.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_039 {
  background-image: url("../../Images/Icon/B_025_039.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_040 {
  background-image: url("../../Images/Icon/B_025_040.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_041 {
  background-image: url("../../Images/Icon/B_025_041.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_042 {
  background-image: url("../../Images/Icon/B_025_042.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_043 {
  background-image: url("../../Images/Icon/B_025_043.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_044 {
  background-image: url("../../Images/Icon/B_025_044.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_045 {
  background-image: url("../../Images/Icon/B_025_045.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_046 {
  background-image: url("../../Images/Icon/B_025_046.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_047 {
  background-image: url("../../Images/Icon/B_025_047.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_048 {
  background-image: url("../../Images/Icon/B_025_048.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_049 {
  background-image: url("../../Images/Icon/B_025_049.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_050 {
  background-image: url("../../Images/Icon/B_025_050.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_051 {
  background-image: url("../../Images/Icon/B_025_051.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_052 {
  background-image: url("../../Images/Icon/B_025_052.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_053 {
  background-image: url("../../Images/Icon/B_025_053.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_054 {
  background-image: url("../../Images/Icon/B_025_054.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_025_055 {
  background-image: url("../../Images/Icon/B_025_055.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_001 {
  background-image: url("../../Images/Icon/W_025_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_002 {
  background-image: url("../../Images/Icon/W_025_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_003 {
  background-image: url("../../Images/Icon/W_025_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_004 {
  background-image: url("../../Images/Icon/W_025_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_005 {
  background-image: url("../../Images/Icon/W_025_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_006 {
  background-image: url("../../Images/Icon/W_025_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_007 {
  background-image: url("../../Images/Icon/W_025_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_008 {
  background-image: url("../../Images/Icon/W_025_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_009 {
  background-image: url("../../Images/Icon/W_025_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_010 {
  background-image: url("../../Images/Icon/W_025_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_011 {
  background-image: url("../../Images/Icon/W_025_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_012 {
  background-image: url("../../Images/Icon/W_025_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_013 {
  background-image: url("../../Images/Icon/W_025_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_014 {
  background-image: url("../../Images/Icon/W_025_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_015 {
  background-image: url("../../Images/Icon/W_025_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_016 {
  background-image: url("../../Images/Icon/W_025_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_017 {
  background-image: url("../../Images/Icon/W_025_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_018 {
  background-image: url("../../Images/Icon/W_025_018.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_019 {
  background-image: url("../../Images/Icon/W_025_019.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_020 {
  background-image: url("../../Images/Icon/W_025_020.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_021 {
  background-image: url("../../Images/Icon/W_025_021.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_022 {
  background-image: url("../../Images/Icon/W_025_022.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_023 {
  background-image: url("../../Images/Icon/W_025_023.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_024 {
  background-image: url("../../Images/Icon/W_025_024.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_025 {
  background-image: url("../../Images/Icon/W_025_025.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_026 {
  background-image: url("../../Images/Icon/W_025_026.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_027 {
  background-image: url("../../Images/Icon/W_025_027.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_028 {
  background-image: url("../../Images/Icon/W_025_028.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_029 {
  background-image: url("../../Images/Icon/W_025_029.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_030 {
  background-image: url("../../Images/Icon/W_025_030.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_031 {
  background-image: url("../../Images/Icon/W_025_031.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_032 {
  background-image: url("../../Images/Icon/W_025_032.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_033 {
  background-image: url("../../Images/Icon/W_025_033.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_034 {
  background-image: url("../../Images/Icon/W_025_034.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_035 {
  background-image: url("../../Images/Icon/W_025_035.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_036 {
  background-image: url("../../Images/Icon/W_025_036.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_037 {
  background-image: url("../../Images/Icon/W_025_037.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_038 {
  background-image: url("../../Images/Icon/W_025_038.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_039 {
  background-image: url("../../Images/Icon/W_025_039.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_040 {
  background-image: url("../../Images/Icon/W_025_040.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_041 {
  background-image: url("../../Images/Icon/W_025_041.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_042 {
  background-image: url("../../Images/Icon/W_025_042.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_043 {
  background-image: url("../../Images/Icon/W_025_043.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_044 {
  background-image: url("../../Images/Icon/W_025_044.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_045 {
  background-image: url("../../Images/Icon/W_025_045.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_046 {
  background-image: url("../../Images/Icon/W_025_046.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_047 {
  background-image: url("../../Images/Icon/W_025_047.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_048 {
  background-image: url("../../Images/Icon/W_025_048.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_049 {
  background-image: url("../../Images/Icon/W_025_049.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_050 {
  background-image: url("../../Images/Icon/W_025_050.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_051 {
  background-image: url("../../Images/Icon/W_025_051.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_052 {
  background-image: url("../../Images/Icon/W_025_052.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_053 {
  background-image: url("../../Images/Icon/W_025_053.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_054 {
  background-image: url("../../Images/Icon/W_025_054.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_025_055 {
  background-image: url("../../Images/Icon/W_025_055.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_026_001 {
  background-image: url("../../Images/Icon/C_026_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_026_002 {
  background-image: url("../../Images/Icon/C_026_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_026_003 {
  background-image: url("../../Images/Icon/C_026_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_026_004 {
  background-image: url("../../Images/Icon/C_026_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_026_005 {
  background-image: url("../../Images/Icon/C_026_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_026_006 {
  background-image: url("../../Images/Icon/C_026_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_026_007 {
  background-image: url("../../Images/Icon/C_026_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_026_008 {
  background-image: url("../../Images/Icon/C_026_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_026_009 {
  background-image: url("../../Images/Icon/C_026_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_026_010 {
  background-image: url("../../Images/Icon/C_026_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_026_011 {
  background-image: url("../../Images/Icon/C_026_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_026_012 {
  background-image: url("../../Images/Icon/C_026_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_026_013 {
  background-image: url("../../Images/Icon/C_026_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_026_014 {
  background-image: url("../../Images/Icon/C_026_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_026_015 {
  background-image: url("../../Images/Icon/C_026_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_026_016 {
  background-image: url("../../Images/Icon/C_026_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_026_001 {
  background-image: url("../../Images/Icon/B_026_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_026_002 {
  background-image: url("../../Images/Icon/B_026_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_026_003 {
  background-image: url("../../Images/Icon/B_026_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_026_004 {
  background-image: url("../../Images/Icon/B_026_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_026_005 {
  background-image: url("../../Images/Icon/B_026_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_026_006 {
  background-image: url("../../Images/Icon/B_026_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_026_007 {
  background-image: url("../../Images/Icon/B_026_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_026_008 {
  background-image: url("../../Images/Icon/B_026_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_026_009 {
  background-image: url("../../Images/Icon/B_026_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_026_010 {
  background-image: url("../../Images/Icon/B_026_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_026_011 {
  background-image: url("../../Images/Icon/B_026_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_026_012 {
  background-image: url("../../Images/Icon/B_026_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_026_013 {
  background-image: url("../../Images/Icon/B_026_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_026_014 {
  background-image: url("../../Images/Icon/B_026_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_026_015 {
  background-image: url("../../Images/Icon/B_026_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_026_016 {
  background-image: url("../../Images/Icon/B_026_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_026_001 {
  background-image: url("../../Images/Icon/W_026_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_026_002 {
  background-image: url("../../Images/Icon/W_026_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_026_003 {
  background-image: url("../../Images/Icon/W_026_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_026_004 {
  background-image: url("../../Images/Icon/W_026_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_026_005 {
  background-image: url("../../Images/Icon/W_026_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_026_006 {
  background-image: url("../../Images/Icon/W_026_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_026_007 {
  background-image: url("../../Images/Icon/W_026_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_026_008 {
  background-image: url("../../Images/Icon/W_026_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_026_009 {
  background-image: url("../../Images/Icon/W_026_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_026_010 {
  background-image: url("../../Images/Icon/W_026_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_026_011 {
  background-image: url("../../Images/Icon/W_026_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_026_012 {
  background-image: url("../../Images/Icon/W_026_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_026_013 {
  background-image: url("../../Images/Icon/W_026_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_026_014 {
  background-image: url("../../Images/Icon/W_026_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_026_015 {
  background-image: url("../../Images/Icon/W_026_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_026_016 {
  background-image: url("../../Images/Icon/W_026_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_027_001 {
  background-image: url("../../Images/Icon/C_027_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_027_002 {
  background-image: url("../../Images/Icon/C_027_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_027_003 {
  background-image: url("../../Images/Icon/C_027_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_027_004 {
  background-image: url("../../Images/Icon/C_027_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_027_005 {
  background-image: url("../../Images/Icon/C_027_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_027_006 {
  background-image: url("../../Images/Icon/C_027_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_027_007 {
  background-image: url("../../Images/Icon/C_027_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_027_008 {
  background-image: url("../../Images/Icon/C_027_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_027_009 {
  background-image: url("../../Images/Icon/C_027_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_027_010 {
  background-image: url("../../Images/Icon/C_027_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_027_011 {
  background-image: url("../../Images/Icon/C_027_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_027_012 {
  background-image: url("../../Images/Icon/C_027_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_027_013 {
  background-image: url("../../Images/Icon/C_027_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_027_014 {
  background-image: url("../../Images/Icon/C_027_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_027_015 {
  background-image: url("../../Images/Icon/C_027_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_027_016 {
  background-image: url("../../Images/Icon/C_027_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_027_017 {
  background-image: url("../../Images/Icon/C_027_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_027_018 {
  background-image: url("../../Images/Icon/C_027_018.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_027_019 {
  background-image: url("../../Images/Icon/C_027_019.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.C_027_020 {
  background-image: url("../../Images/Icon/C_027_020.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_027_001 {
  background-image: url("../../Images/Icon/B_027_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_027_002 {
  background-image: url("../../Images/Icon/B_027_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_027_003 {
  background-image: url("../../Images/Icon/B_027_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_027_004 {
  background-image: url("../../Images/Icon/B_027_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_027_005 {
  background-image: url("../../Images/Icon/B_027_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_027_006 {
  background-image: url("../../Images/Icon/B_027_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_027_007 {
  background-image: url("../../Images/Icon/B_027_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_027_008 {
  background-image: url("../../Images/Icon/B_027_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_027_009 {
  background-image: url("../../Images/Icon/B_027_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_027_010 {
  background-image: url("../../Images/Icon/B_027_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_027_011 {
  background-image: url("../../Images/Icon/B_027_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_027_012 {
  background-image: url("../../Images/Icon/B_027_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_027_013 {
  background-image: url("../../Images/Icon/B_027_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_027_014 {
  background-image: url("../../Images/Icon/B_027_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_027_015 {
  background-image: url("../../Images/Icon/B_027_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_027_016 {
  background-image: url("../../Images/Icon/B_027_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_027_017 {
  background-image: url("../../Images/Icon/B_027_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_027_018 {
  background-image: url("../../Images/Icon/B_027_018.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_027_019 {
  background-image: url("../../Images/Icon/B_027_019.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_027_020 {
  background-image: url("../../Images/Icon/B_027_020.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_027_001 {
  background-image: url("../../Images/Icon/W_027_001.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_027_002 {
  background-image: url("../../Images/Icon/W_027_002.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_027_003 {
  background-image: url("../../Images/Icon/W_027_003.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_027_004 {
  background-image: url("../../Images/Icon/W_027_004.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_027_005 {
  background-image: url("../../Images/Icon/W_027_005.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_027_006 {
  background-image: url("../../Images/Icon/W_027_006.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_027_007 {
  background-image: url("../../Images/Icon/W_027_007.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_027_008 {
  background-image: url("../../Images/Icon/W_027_008.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_027_009 {
  background-image: url("../../Images/Icon/W_027_009.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_027_010 {
  background-image: url("../../Images/Icon/W_027_010.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_027_011 {
  background-image: url("../../Images/Icon/W_027_011.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_027_012 {
  background-image: url("../../Images/Icon/W_027_012.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_027_013 {
  background-image: url("../../Images/Icon/W_027_013.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_027_014 {
  background-image: url("../../Images/Icon/W_027_014.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_027_015 {
  background-image: url("../../Images/Icon/W_027_015.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_027_016 {
  background-image: url("../../Images/Icon/W_027_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_027_017 {
  background-image: url("../../Images/Icon/W_027_017.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_027_018 {
  background-image: url("../../Images/Icon/W_027_018.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_027_019 {
  background-image: url("../../Images/Icon/W_027_019.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.W_027_020 {
  background-image: url("../../Images/Icon/W_027_020.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.B_014_016 {
  background-image: url("../../Images/Icon/B_014_016.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

/*sheets.colorful.10.0.0.css*/
.btnSheetSetting {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 30px;
  height: 30px;
  border-radius: 2px 0 0 0;
  background-color: #fff;
  background-position: center;
  border-bottom: 1px solid #666;
}
.btnSheetSetting:hover, .btnSheetSetting:focus {
  background-color: #f2f2f2;
  cursor: pointer;
}

.groupBoxSheet > .btnSheetSetting {
  position: absolute;
  top: 2px;
  left: 1px;
}

.ulContext {
  min-width: 250px;
}

.sheetContext {
  position: absolute;
  min-width: 127px;
  border: 1px solid #cccccc;
  background-color: #fff;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
.sheetContext .sublistWrap {
  position: absolute;
  top: -1px;
  left: 220px;
  min-width: 250px;
}
.sheetContext ul.list > li {
  color: #333;
}
.sheetContext ul.list > li > a {
  display: block;
  padding: 8px 8px 8px 10px;
  font-size: 12px;
  color: currentColor;
}
.sheetContext ul.list > li.sumAll {
  padding: 8px 8px 8px 10px;
  font-size: 12px;
}
.sheetContext ul.list > li.sumAll > input {
  border: 0;
  width: 100%;
  color: #15B065;
  cursor: default;
  background-color: transparent;
}
.sheetContext ul.list > li:hover {
  cursor: pointer;
  background-color: #edeff5;
}
.sheetContext ul.excelOptionList {
  position: absolute;
  top: -1px;
  left: 124px;
  display: flex;
  width: 81px;
  height: 41px;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-left: 0;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
}
.sheetContext ul.icon {
  height: 40px;
  border-bottom: 1px solid #cccccc;
}
.sheetContext ul.icon > li {
  float: left;
  width: 40px;
  height: 39px;
}
.sheetContext ul.icon > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.sheetContext ul.icon > li.Query > a > i {
  width: 20px;
  height: 20px;
  background-position: -240px 0px;
}
.sheetContext ul.icon > li.SortAsen > a > i {
  width: 20px;
  height: 15px;
  background-position: -240px -30px;
}
.sheetContext ul.icon > li.SortDesn > a > i {
  width: 20px;
  height: 15px;
  background-position: -240px -55px;
}
.sheetContext ul.icon > li.ErrorMsg > a > i {
  width: 21px;
  height: 19px;
  background-position: -240px -80px;
}
.sheetContext ul.icon > li.ErrorMsgOn > a > i {
  width: 21px;
  height: 19px;
  background-position: -240px -80px;
}
.sheetContext ul.icon > li.Excel {
  width: 33px;
}
.sheetContext ul.icon > li.Excel > a > i {
  width: 18px;
  height: 22px;
  background-position: -240px -109px;
}
.sheetContext ul.icon > li.ExcelDis > a > i {
  width: 18px;
  height: 22px;
  background-position: -269px -109px;
}
.sheetContext ul.icon > li.ExcelStyle > a > i {
  width: 23px;
  height: 22px;
  background-position: -297px -109px;
}
.sheetContext ul.icon > li.ExcelStyleDis > a > i {
  width: 23px;
  height: 22px;
  background-position: -331px -109px;
}
.sheetContext ul.icon > li.ExcelMaster > a > i {
  width: 21px;
  height: 22px;
  background-position: -364px -109px;
}
.sheetContext ul.icon > li.ExcelMasterDis > a > i {
  width: 21px;
  height: 22px;
  background-position: -396px -109px;
}
.sheetContext ul.icon > li.ExcelOption {
  width: 10px;
}
.sheetContext ul.icon > li.ExcelOption > a {
  justify-content: flex-end;
}
.sheetContext ul.icon > li.ExcelOption > a > i {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid transparent;
  border-left: 4px solid #333;
  background-image: none;
}
.sheetContext ul.icon > li:hover {
  background-color: #d1d1d1;
  cursor: pointer;
}
.sheetContext ul.icon > li.ErrorMsg:hover, .sheetContext ul.icon > li.ExcelDis:hover, .sheetContext ul.icon > li.ExcelStyleDis:hover, .sheetContext ul.icon > li.ExcelMasterDis:hover {
  background-color: transparent;
}
.sheetContext ul.icon > li.ErrorMsg:hover > a, .sheetContext ul.icon > li.ExcelDis:hover > a, .sheetContext ul.icon > li.ExcelStyleDis:hover > a, .sheetContext ul.icon > li.ExcelMasterDis:hover > a {
  cursor: default;
}
.sheetContext ul.icolist {
  padding: 3px 0;
}
.sheetContext ul.icolist > li {
  display: flex;
  align-items: center;
  color: #333;
  padding: 0 3px;
}
.sheetContext ul.icolist > li.line {
  width: 100%;
  height: 1px;
  margin: 4px 0;
  background-color: #e3e3e3;
}
.sheetContext ul.icolist > li.hasSub {
  padding-right: 0;
}
.sheetContext ul.icolist > li > .item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 35px;
  padding: 0 5px;
  font-size: 13px;
  color: currentColor;
  border-radius: 3px;
}
.sheetContext ul.icolist > li > .item .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.sheetContext ul.icolist > li > .item .icon > i {
  display: inline-block;
  flex-shrink: 0;
  width: 18px;
  height: 16px;
  background-position: 0 0;
}
.sheetContext ul.icolist > li > .item .txt {
  margin-left: 10px;
  letter-spacing: -1px;
}
.sheetContext ul.icolist > li > .item .subArrow {
  margin-left: auto;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid transparent;
  border-left: 4px solid #333;
  background-image: none;
}
.sheetContext ul.icolist > li > .item:hover {
  cursor: pointer;
  background-color: #edeff5;
}
.sheetContext ul.icolist > li > .item.Dis .txt {
  opacity: 0.4;
}
.sheetContext ul.icolist > li > .item.Dis:hover {
  cursor: default;
  background-color: transparent;
}
.sheetContext ul.icolist > li > .item.subArrow {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 28px;
  padding-left: 10px;
}
.sheetContext ul.icolist > li > .item.subArrow > .arrow {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid transparent;
  border-left: 4px solid #333;
  background-image: none;
}
.sheetContext ul.icolist > li > .item.subArrow::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 1px;
  height: 20px;
  background-color: #edeff5;
}
.sheetContext ul.icolist > li > .item.sheetSearch i {
  width: 16px;
  height: 15px;
  background-position: 0 0;
}
.sheetContext ul.icolist > li > .item.errorMsg i {
  width: 17px;
  height: 16px;
  background-position: -28px -25px;
}
.sheetContext ul.icolist > li > .item.errorMsg.Dis i {
  background-position: -1px -25px;
}
.sheetContext ul.icolist > li > .item.errorMsg.Dis:hover {
  cursor: default;
  background-color: transparent;
}
.sheetContext ul.icolist > li > .item.excel i {
  width: 19px;
  height: 17px;
  background-position: 0 -50px;
}
.sheetContext ul.icolist > li > .item.hancell i {
  width: 20px;
  height: 20px;
  background-position: -30px -50px;
}
.sheetContext ul.icolist > li > .item.addRow i {
  width: 16px;
  height: 15px;
  background-position: 0 -80px;
}
.sheetContext ul.icolist > li > .item.reset i {
  width: 15px;
  height: 14px;
  background-position: 0 -104px;
}
.sheetContext ul.icolist > li > .item.showCol i {
  width: 18px;
  height: 10px;
  background-position: 0 -127px;
}
.sheetContext ul.icolist > li > .item.hidCol i {
  width: 18px;
  height: 12px;
  background-position: -27px -127px;
}
.sheetContext ul.icolist > li > .item.filter i {
  width: 13px;
  height: 12px;
  background-position: 0 -147px;
}
.sheetContext ul.icolist > li > .item.noFilter i {
  width: 13px;
  height: 12px;
  background-position: -23px -147px;
}
.sheetContext ul.icolist > li > .item.multiAlign i {
  width: 22px;
  height: 14px;
  background-position: 0 -169px;
}
.sheetContext ul.icolist > li > .item.fixCol i {
  width: 14px;
  height: 14px;
  background-position: 0 -193px;
}
.sheetContext ul.icolist > li > .item.unfixCol i {
  width: 14px;
  height: 14px;
  background-position: -24px -193px;
}
.sheetContext ul.icolist > li > .item.fixRow i {
  width: 14px;
  height: 14px;
  background-position: 0 -217px;
}
.sheetContext ul.icolist > li > .item.unfixRow i {
  width: 14px;
  height: 14px;
  background-position: -24px -217px;
}
.sheetContext ul.icolist > li > .item.autoInc i {
  width: 21px;
  height: 21px;
  background-position: 0 -241px;
}
.sheetContext ul.icolist > li > .item.autoSum .icon {
  height: 33px;
}
.sheetContext ul.icolist > li > .item.autoSum i {
  width: 9px;
  height: 13px;
  background-position: -30px -241px;
}
.sheetContext ul.icolist > li > .item.autoSum .value {
  border: 0;
  flex-basis: 100%;
  width: 80px;
  height: 25px;
  margin-left: 30px;
  padding: 0 5px;
  font-size: 12px;
  color: #333;
  border-radius: 3px;
  background-color: #edeff5;
}
.sheetContext ul.icolist > li > .item.autoSum .value:hover {
  cursor: text;
}
.sheetContext ul.icolist > li > .item.totalInfo {
  justify-content: space-between;
  padding: 0 10px;
  font-size: 13px;
  color: rgba(51, 51, 51, 0.5);
}
.sheetContext ul.icolist > li > .item.totalInfo label {
  margin-right: 10px;
  font-size: 12px;
}
.sheetContext ul.icolist > li > .item.totalInfo input {
  border: 0;
  background-color: transparent;
  width: 110px;
  font-size: 13px;
  text-align: right;
  color: #333;
}
.sheetContext ul.icolist > li > .item.totalInfo:hover {
  background-color: transparent;
  cursor: default;
}
.sheetContext ul.icolist > li > .item.mergeInfo {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  height: unset;
  padding: 8px 10px;
}
.sheetContext ul.icolist > li > .item.mergeInfo > span {
  width: 100%;
}
.sheetContext ul.icolist > li > .item.mergeInfo > span.title {
  padding-bottom: 5px;
  color: rgba(51, 51, 51, 0.5);
  font-size: 12px;
}
.sheetContext ul.icolist > li > .item.mergeInfo:hover {
  background-color: transparent;
  cursor: default;
}
.sheetContext ul.icolist > li > .item.repeat i {
  width: 15px;
  height: 15px;
  background-position: 0 -272px;
}
.sheetContext ul.icolist > li > .item.repeatRow i {
  width: 20px;
  height: 14px;
  background-position: -25px -272px;
}
.sheetContext ul.icolist > li > .item.selAll i {
  width: 15px;
  height: 13px;
  background-position: 0 -296px;
}
.sheetContext ul.icolist > li > .item.unselAll i {
  width: 15px;
  height: 13px;
  background-position: -24px -296px;
}
.sheetContext ul.icolist > li > .item.mergeCol i {
  width: 19px;
  height: 14px;
  background-position: 0 -319px;
}
.sheetContext ul.icolist > li > .item.unmergeCol i {
  width: 19px;
  height: 14px;
  background-position: -29px -319px;
}
.sheetContext ul.icolist > li.lineBottom {
  border-bottom: 1px solid #cccccc;
}
.sheetContext ul.icolist > li.Checked {
  background-position: 0 -141px;
}
.sheetContext ul.icolist > li.sumAll {
  display: block;
  padding: 8px 8px 8px 10px;
  font-size: 12px;
  color: #333;
}
.sheetContext ul.icolist > li .inputValue {
  width: 100%;
  border: 1px solid #cccccc;
  padding: 3px;
  margin-top: 5px;
}
.sheetContext ul.sublist {
  display: inline-block;
  background-color: #fff;
  padding: 3px 0;
  border: 1px solid #cccccc;
  box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.2);
}
.sheetContext ul.sublist > li {
  padding: 0 3px;
  color: #333;
}
.sheetContext ul.sublist > li > .item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 35px;
  padding: 0 10px;
  font-size: 13px;
  color: currentColor;
}
.sheetContext ul.sublist > li > .item .txt {
  letter-spacing: -1px;
}
.sheetContext ul.sublist > li > .item.Dis {
  opacity: 0.4;
}
.sheetContext ul.sublist > li > .item.Dis:hover {
  cursor: default;
  background-color: transparent;
}
.sheetContext ul.sublist > li > .item:hover {
  cursor: pointer;
  background-color: #edeff5;
}

.autoSumLayerWrap {
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 30;
}
.autoSumLayerWrap .autoSumLayer {
  position: absolute;
  min-width: 220px;
  border: 1px solid #cccccc;
  background-color: #fff;
  font-size: 13px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  color: #333;
}
.autoSumLayerWrap .autoSumLayer .titleWrap {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 5px 0 10px;
  border-bottom: 1px solid #cccccc;
}
.autoSumLayerWrap .autoSumLayer .titleWrap > i {
  width: 9px;
  height: 13px;
  background-position: -30px -241px;
}
.autoSumLayerWrap .autoSumLayer .titleWrap .title {
  margin-left: 10px;
  font-weight: bold;
}
.autoSumLayerWrap .autoSumLayer .titleWrap .btnClose {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-left: auto;
  border-radius: 50%;
}
.autoSumLayerWrap .autoSumLayer .titleWrap .btnClose > i {
  width: 11px;
  height: 11px;
  background-position: -49px -241px;
}
.autoSumLayerWrap .autoSumLayer .titleWrap .btnClose:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}
.autoSumLayerWrap .autoSumLayer .content {
  padding: 10px;
}
.autoSumLayerWrap .autoSumLayer .content ul li {
  display: flex;
  margin: 5px 0;
}
.autoSumLayerWrap .autoSumLayer .content ul li label {
  flex-shrink: 0;
  width: 100px;
  padding: 2px 0;
  font-size: 12px;
}
.autoSumLayerWrap .autoSumLayer .content ul li input {
  flex-shrink: 0;
  width: 110px;
  height: 25px;
  background-color: #edeff5;
  border-radius: 3px;
  border: 0;
  text-align: right;
  font-size: 13px;
  padding: 0 5px;
  color: #333;
}
.sheetSettingArea {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 70;
}

.sheetMoveColumn {
  position: absolute;
  display: flex;
  align-items: center;
  display: none;
  max-width: 410px;
  height: 34px;
  padding: 0 15px 0 5px;
  border-radius: 17px;
  background-color: #4a4f5c;
  opacity: 0.9;
  z-index: 9999;
}
.sheetMoveColumn::before {
  content: "";
  float: left;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  background-position: -60px -36px;
}
.sheetMoveColumn > p {
  display: inline-block;
  padding: 8px 0;
  color: #fff;
  font-size: 12px;
  word-break: break-all;
  letter-spacing: -0.8px;
}

.sheetColumnMove {
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: transparent;
  display: none;
  z-index: 99999;
  position: absolute;
  opacity: 0.8;
}
.sheetColumnMove .sheetDropPosition {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 2px;
  background-color: #999999;
  display: none;
}
.sheetColumnMove .sheetDropPosition > .sheetDropArea {
  position: absolute;
  left: -6px;
  display: inline-block;
  width: 13px;
  height: 8px;
}
.sheetColumnMove .sheetDropPosition > .sheetDropArea.Top {
  top: -1px;
  background-position: -68px -21px;
}
.sheetColumnMove .sheetDropPosition > .sheetDropArea.Bottom {
  bottom: -1px;
  background-position: -100px -21px;
}

.btnSheetSettingClose {
  position: absolute;
  top: 0;
  left: 5px;
  width: 35px;
  height: 34px;
  background-color: #15B065;
  background-position: -115px 0;
  display: none;
}
.btnSheetSettingClose:hover {
  background-color: #0d6c3e;
  cursor: pointer;
}

.sheetSortArea {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}
.sheetSortArea > .sheetSortListArea {
  display: none;
  position: absolute;
  left: 3px;
  width: 100%;
  min-height: 40px;
  padding: 0 10px;
  border-radius: 2px 2px 0 0;
  background-color: #15B065;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 9999;
}
.sheetSortArea > .sheetSortListArea > .ulSortList {
  display: block;
  margin: 0;
  padding: 0;
  width: calc(100% - 70px);
}
.sheetSortArea > .sheetSortListArea > .ulSortList li {
  float: left;
  margin-right: 7px;
  margin: 5px 7px 5px 0;
}
.sheetSortArea > .sheetSortListArea > .ulSortList li > a {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 30px 0 20px;
  color: #fff;
  font-size: 12px;
  letter-spacing: -0.8px;
  line-height: 26px;
  border-radius: 14px;
  background-color: #10824b;
}
.sheetSortArea > .sheetSortListArea > .ulSortList li > a:hover {
  cursor: pointer;
  background-color: #0d6c3e;
  cursor: pointer;
}
.sheetSortArea > .sheetSortListArea > .ulSortList li > a .icon {
  position: absolute;
  top: 4px;
  left: 0px;
  width: 20px;
  height: 20px;
}
.sheetSortArea > .sheetSortListArea > .ulSortList li > a p {
  color: #fff;
}
.sheetSortArea > .sheetSortListArea > .ulSortList li > a .btnSortDel {
  position: absolute;
  top: 4px;
  right: 5px;
  display: inline-block;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-position: -99px 4px;
}
.sheetSortArea > .sheetSortListArea > .ulSortList li > a .btnSortDel:hover {
  background-color: #0d6c3e;
  cursor: pointer;
}
.sheetSortArea > .sheetSortListArea > .ulSortList li.Ascending > a .icon {
  background-position: -61px 3px;
}
.sheetSortArea > .sheetSortListArea > .ulSortList li.Descending > a .icon {
  background-position: -75px 4px;
}
.sheetSortArea > .sheetSortListArea .txtPlaceholder {
  font-size: 12px;
  letter-spacing: -0.8px;
  line-height: 26px;
  color: #fff;
  opacity: 0.5;
  width: calc(100% - 70px);
  overflow: hidden;
  white-space: nowrap;
  padding: 6px 5px;
}
.sheetSortArea > .sheetSortListArea .btnArea {
  display: inline-flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 10px;
  height: 100%;
}
.sheetSortArea > .sheetSortListArea .btnArea > button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-left: 5px;
  border-radius: 50%;
}
.sheetSortArea > .sheetSortListArea .btnArea > button > i {
  display: inline-block;
  background-position: -40px -90px;
}
.sheetSortArea > .sheetSortListArea .btnArea > button.btnSave > i {
  width: 15px;
  height: 13px;
  background-position: -66px -74px;
}
.sheetSortArea > .sheetSortListArea .btnArea > button.btnDelete > i {
  width: 11px;
  height: 13px;
  background-position: -66px -98px;
}
.sheetSortArea > .sheetSortListArea .btnArea > button:hover {
  background-color: #0d6c3e;
  cursor: pointer;
}
.sheetSortArea > .sheetSortListArea.sheetSearch {
  display: flex !important;
  align-items: center;
  min-width: 360px;
  padding: 7px 10px;
}
.sheetSortArea > .sheetSortListArea.sheetSearch select {
  margin: 0 15px;
  border: 0;
  background-color: transparent;
  color: #fff;
  letter-spacing: -1px;
  font-size: 12px;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .inputSearch {
  display: flex;
  align-items: center;
  border: 0;
  border-radius: 3px;
  width: 100%;
  min-width: 100px;
  max-width: 200px;
  height: 26px;
  background-color: #fff;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .inputSearch > input {
  border: 0;
  border-radius: 5px;
  width: calc(100% - 22px);
  height: 26px;
  padding-left: 5px;
  background-color: #fff;
  color: #333;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .inputSearch > .btnClear {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  background-color: transparent;
  border-radius: 50%;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .inputSearch > .btnClear > i {
  display: inline-block;
  width: 6px;
  height: 6px;
  background-position: -160px -23px;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .inputSearch > .btnClear:hover {
  background-color: #d1d1d1;
  cursor: pointer;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .btnNextSearch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin: 0 15px 0 3px;
  width: 34px;
  height: 26px;
  background-color: #434a4e;
  border-radius: 3px;
  cursor: pointer;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .btnNextSearch > i {
  display: inline-block;
  width: 22px;
  height: 13px;
  background-position: -160px 0;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .btnNextSearch:hover {
  background-color: #202325;
  cursor: pointer;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .btnNextSearch.Dis {
  opacity: 0.5;
  cursor: default;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .ulCheckItem {
  display: inline-block;
  flex-shrink: 0;
  padding: 0;
  margin-right: 5px;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .ulCheckItem li {
  display: inline-flex;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .ulCheckItem li > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 22px;
  border-radius: 3px;
  padding: 0;
  margin-right: 5px;
  background-color: transparent;
  opacity: 0.5;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .ulCheckItem li > a i {
  display: inline-block;
  width: 16px;
  height: 11px;
  background-position: -160px -42px;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .ulCheckItem li.selected > a {
  background-color: #0a5531;
  opacity: 1;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .ulCheckItem li.selected > a > i {
  display: inline-block;
  width: 16px;
  height: 11px;
  background-position: -160px -42px;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .ulCheckItem li.Case > a > i {
  width: 16px;
  height: 11px;
  background-position: -160px -42px;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .ulCheckItem li.CellContents > a > i {
  width: 16px;
  height: 12px;
  background-position: -160px -63px;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .ulAlterItem {
  display: flex;
  flex-shrink: 0;
  border-radius: 3px;
  height: 22px;
  margin-right: 10px;
  overflow: hidden;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .ulAlterItem li {
  display: inline-flex;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .ulAlterItem li > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: #10824b;
  border-radius: 0;
  text-align: center;
  font-size: 12px;
  letter-spacing: -1px;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .ulAlterItem li > a > i {
  display: inline-block;
  width: 17px;
  height: 11px;
  background-position: -160px -106px;
  opacity: 0.3;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .ulAlterItem li > a:focus {
  border: 2px solid #333;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .ulAlterItem li > a:hover {
  background-color: #0d6c3e;
  cursor: pointer;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .ulAlterItem li.selected > a {
  background-color: #073e24;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .ulAlterItem li.selected > a > i {
  opacity: 1;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .ulAlterItem li.Row > a > i {
  width: 16px;
  height: 11px;
  background-position: -160px -85px;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .ulAlterItem li.Column > i {
  width: 17px;
  height: 11px;
  background-position: -310px -106px;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .ulAlterItem li.FromFirst > a > i {
  width: 13px;
  height: 7px;
  background-position: -160px -127px;
}
.sheetSortArea > .sheetSortListArea.sheetSearch .ulAlterItem li.Current > a > i {
  width: 10px;
  height: 13px;
  background-position: -160px -144px;
}
.sheetSortArea .btnSheetSettingClose {
  display: inline-block;
  top: unset;
  bottom: -34px;
  left: 0px;
}

/*-----common css start-----*/
.gc-theme-version {
  position: absolute;
  z-index: 2007;
}

.gc-footer-corner {
  background-color: transparent;
}

.gc-grayArea {
  background-color: #fff;
}

.gc-rowHeaderFill {
  background-color: #fff;
}

.gc-colHeaderFill {
  background-color: #edeff5;
}

.gc-selection {
  background-color: rgba(180, 180, 200, 0.2);
  border-color: #15B065;
  color: rgba(110, 110, 110, 0.5);
}

.gc-drag-indicator {
  border-color: #15B065;
}

.gc-gridlineColor {
  border-color: #d0d7e5;
}

.gc-group {
  background-color: #d0d7e5;
  color: #333;
}

.gc-group-box {
  background-color: #d7e6f7;
  color: #000;
  border-color: gray;
}

.gc-tabStripBackground {
  background-color: #9ab5db;
}

.gc-tabStripResizeBarOuter {
  background-color: #688caf;
}

.gc-tabStripResizeBarInner {
  background-color: #d7e6f7;
  color: #688caf;
}

.gc-navButton-hover {
  color: #fff;
  background-color: #566ad9;
}

.gc-navButton-normal {
  color: #fff;
  background-color: #15B065;
}

.gc-columnHeader-hover {
  color: #333;
  background-color: #DCE4E8;
  border-style: solid;
  border-top-color: #d7dee0 !important;
  border-left-color: #d7dee0 !important;
  border-right-color: #d7dee0 !important;
  border-bottom-color: #666 !important;
}

.gc-columnHeader-selected {
  color: #333;
  background-color: #DCE4E8;
  background-image: none;
  border-style: solid;
  border-width: 2px;
  border-top-color: #d7dee0 !important;
  border-left-color: #d7dee0 !important;
  border-right-color: #d7dee0 !important;
  border-bottom-color: #666 !important;
}

.gc-columnHeader-highlight {
  color: #15B065;
  font-weight: bold;
  background-color: #DCE4E8;
  border-style: solid;
  border-top-color: #d7dee0 !important;
  border-left-color: #d7dee0 !important;
  border-right-color: #d7dee0 !important;
  border-bottom-color: #666 !important;
}

.gc-columnHeader-normal {
  color: #333;
  background-color: #EDEFF5;
  border-style: solid;
  border-top-color: #d7dee0 !important;
  border-left-color: #d7dee0 !important;
  border-right-color: #d7dee0 !important;
  border-bottom-color: #666 !important;
}

.gc-rowHeader-hover {
  color: #333;
  background-color: #edeff5;
  background-image: none;
  border-style: solid;
  border-top-color: #d7dee0 !important;
  border-bottom-color: #d7dee0 !important;
  border-right-color: #d7dee0 !important;
}

.gc-rowHeader-selected {
  color: #333;
  background-color: #DCE4E8;
  background-image: none;
  border-style: solid;
  border-left-color: #d7dee0 !important;
  border-top-color: #d7dee0 !important;
  border-bottom-color: #d7dee0 !important;
  border-right-color: #d7dee0 !important;
  z-index: 9999;
}

.gc-rowHeader-highlight {
  color: #15B065;
  font-weight: bold;
  background-color: #DCE4E8;
  border-style: solid;
  border-top-color: #d7dee0 !important;
  border-bottom-color: #d7dee0 !important;
  border-right-color: #d7dee0 !important;
}

.gc-rowHeader-normal {
  color: #333;
  background-color: #fff;
  background-image: none;
  border-style: solid;
  border-top-color: #d7dee0 !important;
  border-bottom-color: #d7dee0 !important;
  border-right-color: #d7dee0 !important;
}

.gc-corner-hover {
  background-color: #c4d0d3;
}

.gc-corner-selected {
  background-color: #c5ccce;
}

.gc-corner-normal {
  background-color: #d7dee0;
}

.gc-corner-triangle-normal {
  background-color: #d7dee0;
  border-left-color: #d7dee0 !important;
  border-right-color: #d7dee0 !important;
  border-top-color: #d7dee0 !important;
  border-bottom-color: #d7dee0 !important;
}

.gc-corner-triangle-hover {
  background-color: #c4d0d3;
  border-style: solid;
  border-left-color: #d7dee0 !important;
  border-right-color: #d7dee0 !important;
  border-top-color: #d7dee0 !important;
  border-bottom-color: #d7dee0 !important;
}

.gc-corner-triangle-selected {
  background-color: #c5ccce;
  border-style: solid;
  border-left-color: #d7dee0 !important;
  border-right-color: #d7dee0 !important;
  border-top-color: #d7dee0 !important;
  border-bottom-color: #d7dee0 !important;
}

.gc-tab-normal {
  color: #000;
  background-color: #d9e7f9;
}

.gc-tab-hover {
  color: #000;
  background-color: #bcd5f6;
}

.gc-gradientButton {
  background-color: #DDDDDD;
  /* fallback color if gradients are not supported */
  background-image: -webkit-linear-gradient(top, #F6FAFB, #D2DBEB);
  /* For Chrome and Safari */
  background-image: -moz-linear-gradient(top, #F6FAFB, #D2DBEB);
  /* For old Fx (3.6 to 15) */
  background-image: -ms-linear-gradient(top, #F6FAFB, #D2DBEB);
  /* For pre-releases of IE 10*/
  background-image: -o-linear-gradient(top, #F6FAFB, #D2DBEB);
  /* For old Opera (11.1 to 12.0) */
  background-image: linear-gradient(to bottom, #F6FAFB, #D2DBEB);
  /* Standard syntax; must be last */
}

.gc-sheetTabEditor::-ms-clear {
  display: none;
}

.gc-layout-table {
  font-size: 12px;
  width: 100%;
  height: 100%;
  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
}

.gc-layout-table-first-column {
  width: 5px;
  border-right: 1px solid #CCC;
  text-align: right;
  padding-top: 7px;
}

.gc-layout-table-last-column {
  width: 5px;
}

.gc-filter-sort-desc-container {
  border-bottom: 1px solid #CCC;
}

.gc-filter-item-wrapper .gc-filter-item {
  color: #333;
}
.gc-filter-item-wrapper .gc-filter-item:has(.gc-filter-item-input:not([value=""])) {
  display: flex !important;
}

.gc-filter-dialog-style {
  background: #fff;
  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
  font-size: 12px;
  border: 1px solid #a7abb0;
}
.gc-filter-dialog-style.gc-popup.ui-widget.gc-no-user-select {
  height: 280px !important;
  padding: 5px !important;
}

.gc-search-outer-div {
  min-height: 70px;
  color: #333;
  font-weight: normal;
  border-radius: 3px;
}
.gc-search-outer-div > div:first-child {
  padding: 4px 0 !important;
}

div.gc-search-outer-div input::-ms-clear {
  display: none;
}

#gc-filterSearch {
  width: 100%;
  height: 33px;
  border: 0px;
  /*margin-left:7px;
  margin-top:4px;
  margin-bottom: 0px;*/
  padding: 0;
  font-size: 1em;
  background-color: #fff;
  color: #333;
  float: none;
  padding: 0 5px;
  border: 1px solid #cbd6dd;
}

#gc-filterSearch:hover,
#gc-filterSearch:active {
  background-color: #fff;
}

.gc-check-uncheck-all {
  float: left;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.gc-filter-check-outerDiv .gc-check-image,
.gc-fill-type-item .gc-check-image {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAGxJREFUOE+ljsENgDAMAzsaQ3QMxP4/wAhXwTKhEY9TlZOdtK1b/4WVFaysYGUFKxMWdY/hA5T3+x0+BjJYJmOJBoF+87UMYhAwzFBaBnFwYZ1j/kKFltIycHLqMrHyhEvSMrCygpUVrJyntwPdKU02VXQw7gAAAABJRU5ErkJggg==);
}

.gc-filter-check-outerDiv .gc-uncheck-image,
.gc-fill-type-item .gc-uncheck-image {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAIJJREFUOE+lkssNgDAMQzsCw3UMxEocGKWDQSLVUj5GJeLwhPyI0x7a9qP/gsoKVFagskIUm3ALp3GKZvX63/q0QIcAlqAMXMcFIQ6z7DouTGLptawkMVmeDJi8BFsGQ0jzUcRyvEla4oLAhvVrveu4IOAdxJOwZPkOylBZgcrv9PYAV9tkcyJlS4sAAAAASUVORK5CYII=);
}

.gc-check-image,
.gc-uncheck-image {
  background-position: center;
}

.gc-filter-check-outerDiv {
  height: 18px;
  margin-top: 7px;
}

a.gc-filter-check-style {
  color: #333;
  text-shadow: none;
}

a.gc-filter-check {
  text-decoration: none;
  margin: 3px 10px 0 0 !important;
}

a.gc-filter-check:hover {
  text-decoration: underline;
}

#gc-sortASC:hover,
#gc-sortASC:active {
  border-color: #e3e3e3;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.gc-filter-sort {
  border: 1px solid transparent;
  font-weight: normal;
  color: #222222;
}

.gc-filter-hover {
  border-radius: 3px;
  outline: none;
}

.gc-filter-item {
  position: relative;
  cursor: default;
  font-weight: normal;
  border-style: solid;
  border-color: transparent;
}

.gc-filter-item-container {
  /*margin: 4px 0px 4px 4px;*/
  overflow: hidden;
  width: 100% !important;
  height: 160px !important;
  margin: 0;
}

.gc-filter-item-container > table {
  width: 100% !important;
  border: 1px solid #cbd6dd !important;
  border-radius: 3px;
}

.gc-filter-item-input {
  float: left;
  clear: left;
}

.gc-filter-item-text {
  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
  font-size: 12px;
  margin: 2px;
  white-space: nowrap;
  word-wrap: normal;
  float: left;
  clear: right;
}

.gc-filter-dialog-style .gc-layout-table tr:last-child td:nth-child(2) {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
}

.gc-filter-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  min-width: 80px;
  height: 36px;
  border-radius: 5px;
  background-color: #15B065;
  color: #fff;
  border: 0;
  font-size: 13px !important;
  padding: 0 15px;
  transition: all 0.3s;
}

.gc-filter-button-disable {
  opacity: 0.35;
  background-image: none;
}

#gc-filterOK {
  background-color: #15B065;
  color: #fff;
}
#gc-filterOK:hover {
  background-color: #129958;
  cursor: pointer;
}
#gc-filterOK:active {
  background-color: #119053;
  cursor: pointer;
}

#gc-filterCancel {
  background-color: transparent;
  border: 1px solid #e6e6e6;
  color: #15B065;
}
#gc-filterCancel:hover {
  background-color: rgba(21, 176, 101, 0.1);
  border-color: rgba(21, 176, 101, 0.1);
  cursor: pointer;
}
#gc-filterCancel:active {
  background-color: rgba(21, 176, 101, 0.15);
  border-color: rgba(21, 176, 101, 0.15);
  cursor: pointer;
}

.gc-smartMenu-item-default {
  border: 0;
  font-weight: normal;
  color: #fff;
  margin-right: 5px;
  cursor: pointer;
}

.gc-filter-button-hover {
  /*border:1px solid #f2ca58;
  background:#fef1bd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAEsCAIAAAAO9ne5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAkRJREFUeNrs2EGSmzAQBVA+5v43yoWyy37GZDeDy5Ja2JmUq/xYgsCP7lYLOdc/v5bXO9blJQ8sLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLKx3Y23L/vGarM+XZC2fonWCdRWtE7V1xZLE95qJSl60fipau2gp+R+KltoyE99sn7ibiVhvxPJHEhYWFhYWFhYWFhbWP935JK+5IfufrOZv7fcDZqI1HrA/KrgfmVPRyvTVvRqQ4fV8PaAXrdThaNy0PpfN79PbslyeCtbxcpZnWYckrsMiSPGUnMpshi+TskG0rOdaSYZPKKN1UxA5H+9ODOqXyXAm5vId7dzflkcyW1qP59NkrZfZrpTe9Mx0jmZHbkVfSZWaNKPbm56ZHLkt2ao6yvkqqeKRHFi5z8CRVZVR5lPTq63hyXRra35Wf71iWhlPFfh+KodJnC7etfiBm0u5H5bmHcfFp/mK6VR9r1/n5KPaRbIt6/ZU8R4FWYZvWM3E23a6VQvw+eKtK7KZ2XZt7a0YpFqMe0kZRmsdF8bNUp3pCdxs96kacvqUDNbEpbptvlfNp77X5dufgfOrW7X4zHaKsx82xXfLfEMffPo1Sv4yHaSqQTyyknYm1PXj93Nbv2oHkkfu+jsAwVlGW1sZw+YAAAAASUVORK5CYII=) bottom repeat-x;
  color:#1d5987;
  font-weight:normal;
  text-shadow:none;*/
}

.gc-smart-tag-default {
  border: 1px solid #849dbd;
  background: #5c9ccc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAEsCAIAAAAO9ne5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAP1JREFUeNrs0sENgDAMBMGA6L9CCqACPhCHFvK8oHEFoz1v53W3vDuepyey3h7J6r0iWVVqTbOqjLh8raqh1jxrRNYaoSOG1hqVyTLi8i8fOmIiqrW9YWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYf2d9Q0AUbw7zW2De8kAAAAASUVORK5CYII=) top repeat-x;
  color: #1e395b;
  font-weight: normal;
  border-radius: 0;
}

.gc-smartMenu-item-hover,
.gc-smart-tag-hover,
.gc-filter-item-hover {
  /*border:1px solid #f2ca58;*/
  /*background:#fef1bd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAEsCAIAAAAO9ne5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAkRJREFUeNrs2EGSmzAQBVA+5v43yoWyy37GZDeDy5Ja2JmUq/xYgsCP7lYLOdc/v5bXO9blJQ8sLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLKx3Y23L/vGarM+XZC2fonWCdRWtE7V1xZLE95qJSl60fipau2gp+R+KltoyE99sn7ibiVhvxPJHEhYWFhYWFhYWFhbWP935JK+5IfufrOZv7fcDZqI1HrA/KrgfmVPRyvTVvRqQ4fV8PaAXrdThaNy0PpfN79PbslyeCtbxcpZnWYckrsMiSPGUnMpshi+TskG0rOdaSYZPKKN1UxA5H+9ODOqXyXAm5vId7dzflkcyW1qP59NkrZfZrpTe9Mx0jmZHbkVfSZWaNKPbm56ZHLkt2ao6yvkqqeKRHFi5z8CRVZVR5lPTq63hyXRra35Wf71iWhlPFfh+KodJnC7etfiBm0u5H5bmHcfFp/mK6VR9r1/n5KPaRbIt6/ZU8R4FWYZvWM3E23a6VQvw+eKtK7KZ2XZt7a0YpFqMe0kZRmsdF8bNUp3pCdxs96kacvqUDNbEpbptvlfNp77X5dufgfOrW7X4zHaKsx82xXfLfEMffPo1Sv4yHaSqQTyyknYm1PXj93Nbv2oHkkfu+jsAwVlGW1sZw+YAAAAASUVORK5CYII=) bottom repeat-x;*/
  background-color: #e1e8ec;
  color: #1d5987;
  font-weight: normal;
  text-shadow: none;
}

.gc-smart-tag-active {
  border: 1px solid #c28a30;
  background: #ffe475 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAEsCAIAAAAO9ne5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAiJJREFUeNrs3EFS6zAMAFCrkytzZM6Rv/gzUGzZKKSUMLwsGKap7WdJVtNNY399ade7bu2SFxYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFtb3X1vbRQsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwvrQtfWLvmDEBf9mYqt7aKltkTLSfxlXV7Ji9afipbnLUnUICRRbWmnooWFhYWFhYWFhYWFhYX1w19fI675rfrJ1xiFfby7tfjydLOpi0NWb9vODD4uSIemrGjPXK8crXimoBr1+5MYD0IcvBtnausrlFjOE8VopRMWNVHeyTBkUvLxiHhEeUsxD1vcsW5xoj4ie/s6HlHwfV7yR+sj3v/mb+s0kc6zlStgnbsY0Kmvc8TpaH2SiGy91dgYhvz/5/0k3g4W5joRMTmJnWYWrah0+XRPM/TbwoudjKx8iUm0+qljmHr0RbfjLF/to35IYuTtNB7BWqepC1I+8307XRyxSjajsPB9OcY6iWdYb4IxSLOzVo1WpbHvtQbxMRLRSiWfs9pivXTw+u7ixda7lw1ikcTJ1H129qHAY/jwTitv2vOKSTz3WH/8YaDYIFqWoEk77YO0TvE0Wkf71vgZEOWiHneSl/y/AQBmRiGyQdWs5AAAAABJRU5ErkJggg==) bottom repeat-x;
  font-weight: normal;
  color: #262626;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.gc-menu-item-input {
  width: 16px;
  height: 16px;
  margin: 1px;
  float: left;
  display: inline-block;
}

.gc-menu-item-text {
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  float: left;
  padding-top: 2px;
  font-family: Arial;
}

.gc-fill-menu-container {
  box-shadow: rgba(0, 0, 0, 0.4) 1px 2px 5px;
  cursor: default;
}

.gc-toolstrip-default {
  background: white;
  border: 1px solid #aaaaaa;
}

.gc-toolstrip-button-style:active,
.gc-toolstrip-button-style {
  color: black;
  background: white;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.gc-tab-tip-span {
  background: #D6E6F9;
  color: black;
  border: 1px solid #D6E6F9;
  font-weight: normal;
}

.gc-spread-toolTip {
  border: 1px solid #a3b9d1;
  border-radius: 3px;
  background: #dae6f4 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAEsCAIAAAAO9ne5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAACmpJREFUeNrsXdmOG0kOZAj5/3+6j/u2yNiH5BGs7oF7pi2p2kMDHkt1KZJHMMgsYPCf//7P7vfnYbf881RY/JvHnwhLfxJ/cQ1eDwsTW7eHxXvCwjhxYA2sO8Hiu2Dxe0zB76zh8TSKwnceNSE/sAbWwBpYA2tgvREW3wLrl7+Kt8DCxNbA+jos3hMWxokDa2D9fFh8HqzvUNcTm31MbA2s18DiPWFhnHhjJ/KeTsS7FOkXnYgfEVu8J6ypiQNrYA2sgTWwBtYtYPGesDBOfDUsfvOWJ8HCN28ZghhYA+uFpPBVWHwtKXwVFia2BtZrYPGesDBOvK8TeU8n1tj2nk7Ez4gt3hPW1MSBNbAG1sAaWAPrDn94T1gYJ74cFp93y+O3hMJvv2Via2A9q1/6LbAwTvxDYfGesL711twLnIh/DovGsy6akb5G0khfLM14zpB2ucf8HFlfPzWUn/ej53JeHU8zs8X4GdZzYDSDwW8D4zDMCIAkAAgynLvBDgaxCpjRYHAYJAzwz2i4zhXrGFkuQKL2Bzbz0My2AbRd15/DiIvqSD5j8zwXVFudJ3TTwmC0ZUYeK/iy4yuMB1OaKO4G6L8ScYPCHJY7txU4uNlR2I1pQpzziXYxXOAhBfcgzQ7C8xxfLmqhBocCs21xNuIFDoUSMtjpzVh8C0ZG6BiX+L6MizAszo1o8Wh1JdoxCWCW+xkP35ZLkeNg3ZunVz3ueAxmFqGgQXwC/dgZBuJcSzu3kPUpFgnJW39C440wEdL7293DVeGa7i575fL9kQSNANUGRkK9W6aPHKOZRaie5ZkZiAjkhI74gnWO7BPs7vkIvGQInAvSGYS4FWDlIg3xOzufALPNE4Kx+ronsrPow4hFpaz8cO7K1GXZxu3EHmNKfXKOvFKi0Tq38XLiuPfBXYzr/zplM9Mq2f9A31UD6CjYgUn+kFk2WLWCUU7k+bkkksvMdhhDaYWWHkVUFyTPKtWdaM/Aiijgh5ICelKRzcbneqevTQJRfBgR4b9oUv2YaZllKaBnGJowCiHVGeJXB5xZZJ7bLO48kXisFeTeQgQSbUifCAmiRZEJCdVlELJzFFmkgiC3lM4MyMfudsmV7TIZN22fPCIZCbVLZpQ02KU7SLNN2/GUfdZOO8czjFpkRxSvvuZwSRYwSkFhhEHUOvZ62DhIEtv/2egkn1JAC4jfv/IxRc3MAsrmU1gTFWzCBVED2WqZRHWXTu05UrDO18fxB2lbcpTk9vR3a25J/B0fGUdJ20buxlzBBoxb4tHmP1YyM4/HrcvT2+MK1oSXhHpGelY/Yeq0E8hTkLfI5ag1QWCEVHqec6lsTwStHfkDqeNZqk2k5eEEf9gu0UpjSBYSH4QGvLptlKYojus6I6XFKnPj8+rQapOW88M5pVsRcc3Sj1ERpfiFqSArIOugmdHSiS0AoeLBVKGzjiCXkk9ItyZnSTGESOaSiF3zRxVYqZUU0+4UmRQSaowAKkBzSdCiEMsNYXPCLuUYS+ibmg6ki+bwTdSTlDOZbgiv7CJsv1pCil7CiuGZ6n3zKnG3pY4PGj1BCzOuTYabWsUycIugJEPcIj6Vy6pZkHZFIhJOviHeWqfJaPH8o/F0PpX/pdriDqZTUWFdeURrPMAsV0IvKk40JFCEzGpH/OwSwhbVxl6BW8RH/ySsYtplofqJiDpI/4jWFlLFZfVIS3uAyAhUCDd1XhjxQfFaWRy8epDRd6Yy//TZlUCLEajSA3MfBonGOTKTEqRmMOw6k3pFrQmIOoDH1xb6gdlGBW/esjJLuIN26/mGHU00PN+8+Yn0C9lo2CcXUG2Iw2hyKrOdupJqXxzx2trkCRsew2zJKW0vvWrASCivZXGB1I6UHVuLp2hALZBBp1ui6ZjFTNseLUDbiS8Wth2cyKjM2kZS7qHKXB7NCEmJAk1bbVQkrW7OhqytBtZmXNgyGXDPSdaizwGgfYpVM+4yW8quEMS1/dMFWnTDpfqygl4GZ2x1rtSHtD8w+1T+VfFd7eGsiRFCF/mQLapBawxaSb4MJVkzm9a+6cRM8NQYwGC2ok/x9N9tjOXPOTAsU5Wtl0SlFaQb9LhHVrrtdYc6oSNEnbo24RkkuVndIqqJ/POuvq4NeDqbHbKIwhtTLK0JMqfyXN+l9P3yA2DtiGyQSh5WcdxQmoYGZMmVnSYhRAbRWYgR713wYU6QXQ1sRWZBRozYl/65jVTNeJWGNQ8T5UQiGiJmF4yoJzlpDHqDERn9i9qtSCt9nWFLlNKuytLaQEImytW1WBijpk0EmwNFUC7p+LTXuc4fyy8hC5VI+qiSTXZvu6gjzwEinOadrQtKGGsuT5wKbTlVLXnobtt9GCFkwD60S/JMuYMsapCo3Gc82Obt/mWFjyOi3bxIDjj4pT1I9ZOMJjPLHG5C5o7i9JJh0T5oCYJxH5a3tGQOdURMnv6quoawIEN4sA0bUG3VFpVrjc83nf52THCKeCJBFptiZI3m2QcZn8xtm6NzhF9dhnc80kXq3JZV4SBBd65ctXORZo8yU3WXKkSPmjnKw3WndKltj6TGWAiZlc+JMTqDh1Hthi0XGLJLU1tMbZCrErXaiOq1KFVXG4SaevaZ+iVvWDM2hoIQwixplvN7Ru2pQUNNMWEXFqMSbTb9YNcKKp6287AYYRWjbdljcoEvWodRn2jiEKV1uItybKt6poUvSrASQEDOQb5hlb4FdjWbUROyb66dA6cNw+kOVND12XywSPohKpozEIOLm0SjwbiszxV1vNjp6jJ81MEO/3LfPGd2uOwb8BoALfxOqUaUatF9IUhzGwWhCnt5jOILgyhrHdQHd/YNIZmi1KZkqqPVtpVqrOYOpPaYHp/om0xK4rULU2MSF56mNmq7ZGxDikNriyp4EKtKAk+J6jSTs95QppD5M0Qi1bDDmFwDtCBJXU8hOtfyua0WuyxRvODzItOBFIuzaW2nL8mM1rbVKeKRHwVK/qXOWR7JZfy4L9YDl7VZVcN+jZMPQkBcxNrMkgKo7xyUQHI6DYueDhk6Xz2kkmnuRHq+src90OxCKJ0PEyDmQAJoW6rOhufz0m2bi0Q0HZ6ppb1aodE2eRmC6mZP/vfTje0Y21bpWzVEa7uzKger9pgW4CBV6C4VmNWz3qpwm1dCqBCNSYefOYLoEeqPrXK2ga31kIoRTdQpI9K7+soFnXCY440+bYO8QGO1CW25s3/p8u2yfdHHd52sL68ZkJ+/LaW5lgWC1xd16u6XvFb291+Vegks3BPWvBs4sO7xhu5vgYVx4sAaWANrYAks3hMWxokDa2ANrH8FLN4TFsaJA2tgPRMW7wkL48SBNbAG1sAaWANrYP1zWG9ROPwlrLcoHExsDaynjQUeL4viceLAGlg/H9bzajO/A+t5tRkTWwPrBsX7fbAwTryxE3lPJ/6O/0Pr411BfZvY4j1hTU0cWANrYA2sgTWwbgGL94SFceLLYfE90fMrWHhP9Exs/Ztg8Z6wME78Q2HxnrDwHnxfdiImtgbWwPpzYfGesDBOHFgDa2D9bFi8J6xg1/8PABXAJDp2K3ozAAAAAElFTkSuQmCC) 50% 50% repeat-x;
  font-weight: normal;
  color: #1e395b;
}

.gc-no-user-select {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}

/*-----common css end-----*/
/*-----formula textbox start-----*/
/* function autocomplete */
.gcsj-func-ac-popup {
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 22px;
  position: absolute;
  width: 300px;
  z-index: 2001;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.gcsj-func-ac-row {
  margin: 0;
  cursor: default;
  padding: 2px 10px;
  color: #666666;
}

.gcsj-func-ac-row-name {
  color: #222;
  font-size: 13px;
  font-family: inconsolata, monospace, arial, sans, sans-serif;
  margin: -2px 0;
}

.gcsj-func-ac-row-description {
  color: #666;
  display: none;
  font-size: 11px;
  margin: -2px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gcsj-ac-row-active {
  background-color: #f5f5f5;
  color: #000;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 1px 10px;
}

.gcsj-ac-row-active .gcsj-func-ac-row-description {
  display: block;
}

/*  function help */
.gcsj-func-help-popup {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #222;
  font-size: 11px;
  word-wrap: break-word;
  position: absolute;
  width: 320px;
  z-index: 2001;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.gcsj-func-help-title {
  background-color: #f5f5f5;
  color: #222;
  font-size: 13px;
  padding: 1px 0 1px 10px;
}

.gcsj-func-help-body {
  border-top: 1px solid #ebebeb;
  font-family: arial, sans-serif;
  overflow: hidden;
}

.gcsj-func-help-content {
  padding-bottom: 2px;
}

.gcsj-func-help-section {
  padding: 5px 10px;
}

.gcsj-func-help-section-title {
  font-size: 11px;
  color: #666;
}

.gcsj-func-help-section-content {
  font-size: 11px;
}

.gcsj-func-help-formula {
  font-family: inconsolata, monospace, arial, sans, sans-serif;
  padding: 1px 0;
}

.gcsj-func-help-paramter {
  padding-left: 1px;
}

.gcsj-func-help-paramter-active {
  background-color: #feb;
}

/* color text */
.gcsj-func-color-content {
  white-space: pre-wrap;
}

/*-----formula textbox end-----*/
/*-----floatingobject start-----*/
.gc-floatingobject-selected {
  border: 1px solid #939393;
}

.gc-floatingobject-unselected {
  background-color: transparent;
  border: 1px solid transparent;
}

.gc-floatingobject-container {
  position: absolute;
  overflow: hidden;
  box-sizing: content-box;
}

.gc-floatingobject-background-cover {
  -webkit-background-size: cover;
  /* For WebKit*/
  -moz-background-size: cover;
  /* Mozilla*/
  -o-background-size: cover;
  /* Opera*/
  background-size: cover;
  /* Generic*/
}

.gc-floatingobject-moving-container {
  position: absolute;
  overflow: hidden;
}

.gc-floatingobject-moving-div {
  position: absolute;
  border: 1px solid black;
}

.gc-floatingobject-resize-indicator {
  box-sizing: content-box;
}

.gc-floatingobject-resize-indicator-select {
  background-color: white;
  border-radius: 2px;
  -moz-border-radius: 1px;
  border: 1px solid #939393;
  z-index: 100;
}

.gc-floatingobject-resize-indicator-unSelect {
  display: none;
}

.gc-floatingobject-absolute {
  position: absolute;
}

.gc-floatingobject-content-container {
  box-sizing: content-box;
}

/*-----floatingobject end-----*/
/*-----scrollbar start-----*/
/*scrollbar*/
/*scrollbar*/
.gc-scroll-container {
  background-color: #fcfcfc;
  -moz-box-shadow: inset 3px 0 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 3px 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: inset 3px 0 10px rgba(0, 0, 0, 0.1);
}

.gc-scroll-corner-all {
  border-radius: 2px;
}

.gc-scroll-arrow {
  background-color: #f1f1f1;
  border-style: solid;
  border-color: #ccc;
  background-image: none;
  border-radius: 0;
}

.gc-scroll-arrow .gc-scroll-arrowUp {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAFZJREFUOE+lzEEKgDAMAME+w4f1GdL/3zRIczFr6eJhKGyatHP0XzAaGA2MBkYDo4FxOsI1X5o/MIZcTp9HKL6Xl0dKCLScyv8SLIwGRgOjgdHAuK+3G1/tPpDiOzNYAAAAAElFTkSuQmCC);
}

.gc-scroll-arrowUp {
  background-position: center;
}

.gc-scroll-arrow .gc-scroll-arrowDown {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAFhJREFUOE+lzLENgDAMAMGMwWAZA7F/B3ERKXZeiBfFFX7ZbufVf8FoYDQwGhgNjAbG4X6RdtOwOAY6jp5201DUJ9tx2EIxn+BxwGhgNDAaGA2MBsbvensACJQ+kE+RguMAAAAASUVORK5CYII=);
}

.gc-scroll-arrowDown {
  background-position: center;
}

.gc-scroll-arrow .gc-scroll-arrowLeft {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAFNJREFUOE+l0bsJACAMRVHHcDDHEPfv/IBClFv4kuI0FxKCptpKCEYFRgVGBUYFRiNP/WkXjNsZdi2ww64Fdti1IHzBEnqDI/QLXzAqMCow/itpALcjPpCLrH+nAAAAAElFTkSuQmCC);
}

.gc-scroll-arrowLeft {
  background-position: center;
}

.gc-scroll-arrow .gc-scroll-arrowRight {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAFhJREFUOE+90UEKwCAMRFGP0YPlGNL772wDKRT7sRkCLt7mI4No66eVYFRgVGBUYFRgDON2TO0DY/CB3xGM4RlYjmAM7wFHZ/bcoPQGpV9IwajAqMCYZ+0CwpM+kB2Qf1kAAAAASUVORK5CYII=);
}

.gc-scroll-arrowRight {
  background-position: center;
}

.gc-scroll-bar .gc-scrollbar-vertical {
  /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAFRJREFUOE+lzbEJwDAMBVHP5Fk8Rsj+nVNJCHOFLi5ec+ij8bzrCkYDo4HRwGhgNDAaFHdD3tdhmA15X4eBPp7yvg4DfTzlfR3+gtHAaGA0MPat8QHwV0OCEhTkkAAAAABJRU5ErkJggg==);*/
  background-repeat: no-repeat;
}

.gc-scrollbar-vertical {
  background-position: center;
}

.gc-scroll-bar .gc-scrollbar-horizontal {
  text-indent: 0;
  /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAADpJREFUOE9jyMkLoQhjFSQFYxUkBWMVJAVjFYTi/0BshERjUzNqABBjFYTiUQOIxFgFScFYBYnHIQwAHLFDgvcR7zsAAAAASUVORK5CYII=);*/
  background-repeat: no-repeat;
}

.gc-scrollbar-horizontal {
  background-position: center;
}

.gc-scrollbar-wrapper {
  background-color: transparent;
}

.gc-scroll-bar {
  border-style: solid;
  border-color: #ccc;
  /*background: #f1f1f1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAEsCAIAAAAO9ne5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAACmpJREFUeNrsXdmOG0kOZAj5/3+6j/u2yNiH5BGs7oF7pi2p2kMDHkt1KZJHMMgsYPCf//7P7vfnYbf881RY/JvHnwhLfxJ/cQ1eDwsTW7eHxXvCwjhxYA2sO8Hiu2Dxe0zB76zh8TSKwnceNSE/sAbWwBpYA2tgvREW3wLrl7+Kt8DCxNbA+jos3hMWxokDa2D9fFh8HqzvUNcTm31MbA2s18DiPWFhnHhjJ/KeTsS7FOkXnYgfEVu8J6ypiQNrYA2sgTWwBtYtYPGesDBOfDUsfvOWJ8HCN28ZghhYA+uFpPBVWHwtKXwVFia2BtZrYPGesDBOvK8TeU8n1tj2nk7Ez4gt3hPW1MSBNbAG1sAaWAPrDn94T1gYJ74cFp93y+O3hMJvv2Via2A9q1/6LbAwTvxDYfGesL711twLnIh/DovGsy6akb5G0khfLM14zpB2ucf8HFlfPzWUn/ej53JeHU8zs8X4GdZzYDSDwW8D4zDMCIAkAAgynLvBDgaxCpjRYHAYJAzwz2i4zhXrGFkuQKL2Bzbz0My2AbRd15/DiIvqSD5j8zwXVFudJ3TTwmC0ZUYeK/iy4yuMB1OaKO4G6L8ScYPCHJY7txU4uNlR2I1pQpzziXYxXOAhBfcgzQ7C8xxfLmqhBocCs21xNuIFDoUSMtjpzVh8C0ZG6BiX+L6MizAszo1o8Wh1JdoxCWCW+xkP35ZLkeNg3ZunVz3ueAxmFqGgQXwC/dgZBuJcSzu3kPUpFgnJW39C440wEdL7293DVeGa7i575fL9kQSNANUGRkK9W6aPHKOZRaie5ZkZiAjkhI74gnWO7BPs7vkIvGQInAvSGYS4FWDlIg3xOzufALPNE4Kx+ronsrPow4hFpaz8cO7K1GXZxu3EHmNKfXKOvFKi0Tq38XLiuPfBXYzr/zplM9Mq2f9A31UD6CjYgUn+kFk2WLWCUU7k+bkkksvMdhhDaYWWHkVUFyTPKtWdaM/Aiijgh5ICelKRzcbneqevTQJRfBgR4b9oUv2YaZllKaBnGJowCiHVGeJXB5xZZJ7bLO48kXisFeTeQgQSbUifCAmiRZEJCdVlELJzFFmkgiC3lM4MyMfudsmV7TIZN22fPCIZCbVLZpQ02KU7SLNN2/GUfdZOO8czjFpkRxSvvuZwSRYwSkFhhEHUOvZ62DhIEtv/2egkn1JAC4jfv/IxRc3MAsrmU1gTFWzCBVED2WqZRHWXTu05UrDO18fxB2lbcpTk9vR3a25J/B0fGUdJ20buxlzBBoxb4tHmP1YyM4/HrcvT2+MK1oSXhHpGelY/Yeq0E8hTkLfI5ag1QWCEVHqec6lsTwStHfkDqeNZqk2k5eEEf9gu0UpjSBYSH4QGvLptlKYojus6I6XFKnPj8+rQapOW88M5pVsRcc3Sj1ERpfiFqSArIOugmdHSiS0AoeLBVKGzjiCXkk9ItyZnSTGESOaSiF3zRxVYqZUU0+4UmRQSaowAKkBzSdCiEMsNYXPCLuUYS+ibmg6ki+bwTdSTlDOZbgiv7CJsv1pCil7CiuGZ6n3zKnG3pY4PGj1BCzOuTYabWsUycIugJEPcIj6Vy6pZkHZFIhJOviHeWqfJaPH8o/F0PpX/pdriDqZTUWFdeURrPMAsV0IvKk40JFCEzGpH/OwSwhbVxl6BW8RH/ySsYtplofqJiDpI/4jWFlLFZfVIS3uAyAhUCDd1XhjxQfFaWRy8epDRd6Yy//TZlUCLEajSA3MfBonGOTKTEqRmMOw6k3pFrQmIOoDH1xb6gdlGBW/esjJLuIN26/mGHU00PN+8+Yn0C9lo2CcXUG2Iw2hyKrOdupJqXxzx2trkCRsew2zJKW0vvWrASCivZXGB1I6UHVuLp2hALZBBp1ui6ZjFTNseLUDbiS8Wth2cyKjM2kZS7qHKXB7NCEmJAk1bbVQkrW7OhqytBtZmXNgyGXDPSdaizwGgfYpVM+4yW8quEMS1/dMFWnTDpfqygl4GZ2x1rtSHtD8w+1T+VfFd7eGsiRFCF/mQLapBawxaSb4MJVkzm9a+6cRM8NQYwGC2ok/x9N9tjOXPOTAsU5Wtl0SlFaQb9LhHVrrtdYc6oSNEnbo24RkkuVndIqqJ/POuvq4NeDqbHbKIwhtTLK0JMqfyXN+l9P3yA2DtiGyQSh5WcdxQmoYGZMmVnSYhRAbRWYgR713wYU6QXQ1sRWZBRozYl/65jVTNeJWGNQ8T5UQiGiJmF4yoJzlpDHqDERn9i9qtSCt9nWFLlNKuytLaQEImytW1WBijpk0EmwNFUC7p+LTXuc4fyy8hC5VI+qiSTXZvu6gjzwEinOadrQtKGGsuT5wKbTlVLXnobtt9GCFkwD60S/JMuYMsapCo3Gc82Obt/mWFjyOi3bxIDjj4pT1I9ZOMJjPLHG5C5o7i9JJh0T5oCYJxH5a3tGQOdURMnv6quoawIEN4sA0bUG3VFpVrjc83nf52THCKeCJBFptiZI3m2QcZn8xtm6NzhF9dhnc80kXq3JZV4SBBd65ctXORZo8yU3WXKkSPmjnKw3WndKltj6TGWAiZlc+JMTqDh1Hthi0XGLJLU1tMbZCrErXaiOq1KFVXG4SaevaZ+iVvWDM2hoIQwixplvN7Ru2pQUNNMWEXFqMSbTb9YNcKKp6287AYYRWjbdljcoEvWodRn2jiEKV1uItybKt6poUvSrASQEDOQb5hlb4FdjWbUROyb66dA6cNw+kOVND12XywSPohKpozEIOLm0SjwbiszxV1vNjp6jJ81MEO/3LfPGd2uOwb8BoALfxOqUaUatF9IUhzGwWhCnt5jOILgyhrHdQHd/YNIZmi1KZkqqPVtpVqrOYOpPaYHp/om0xK4rULU2MSF56mNmq7ZGxDikNriyp4EKtKAk+J6jSTs95QppD5M0Qi1bDDmFwDtCBJXU8hOtfyua0WuyxRvODzItOBFIuzaW2nL8mM1rbVKeKRHwVK/qXOWR7JZfy4L9YDl7VZVcN+jZMPQkBcxNrMkgKo7xyUQHI6DYueDhk6Xz2kkmnuRHq+src90OxCKJ0PEyDmQAJoW6rOhufz0m2bi0Q0HZ6ppb1aodE2eRmC6mZP/vfTje0Y21bpWzVEa7uzKger9pgW4CBV6C4VmNWz3qpwm1dCqBCNSYefOYLoEeqPrXK2ga31kIoRTdQpI9K7+soFnXCY440+bYO8QGO1CW25s3/p8u2yfdHHd52sL68ZkJ+/LaW5lgWC1xd16u6XvFb291+Vegks3BPWvBs4sO7xhu5vgYVx4sAaWANrYAks3hMWxokDa2ANrH8FLN4TFsaJA2tgPRMW7wkL48SBNbAG1sAaWANrYP1zWG9ROPwlrLcoHExsDaynjQUeL4viceLAGlg/H9bzajO/A+t5tRkTWwPrBsX7fbAwTryxE3lPJ/6O/0Pr411BfZvY4j1hTU0cWANrYA2sgTWwbgGL94SFceLLYfE90fMrWHhP9Exs/Ztg8Z6wME78Q2HxnrDwHnxfdiImtgbWwPpzYfGesDBOHFgDa2D9bFi8J6xg1/8PABXAJDp2K3ozAAAAAElFTkSuQmCC) 50% 50% repeat-x;*/
  background: #f1f1f1;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.gc-scroll-arrow-hover,
.gc-scrollbar-stateHover {
  border-style: solid;
  border-color: #aaa;
  background: #eee;
  /*background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAEsCAIAAAAO9ne5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAkRJREFUeNrs2EGSmzAQBVA+5v43yoWyy37GZDeDy5Ja2JmUq/xYgsCP7lYLOdc/v5bXO9blJQ8sLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLKx3Y23L/vGarM+XZC2fonWCdRWtE7V1xZLE95qJSl60fipau2gp+R+KltoyE99sn7ibiVhvxPJHEhYWFhYWFhYWFhbWP935JK+5IfufrOZv7fcDZqI1HrA/KrgfmVPRyvTVvRqQ4fV8PaAXrdThaNy0PpfN79PbslyeCtbxcpZnWYckrsMiSPGUnMpshi+TskG0rOdaSYZPKKN1UxA5H+9ODOqXyXAm5vId7dzflkcyW1qP59NkrZfZrpTe9Mx0jmZHbkVfSZWaNKPbm56ZHLkt2ao6yvkqqeKRHFi5z8CRVZVR5lPTq63hyXRra35Wf71iWhlPFfh+KodJnC7etfiBm0u5H5bmHcfFp/mK6VR9r1/n5KPaRbIt6/ZU8R4FWYZvWM3E23a6VQvw+eKtK7KZ2XZt7a0YpFqMe0kZRmsdF8bNUp3pCdxs96kacvqUDNbEpbptvlfNp77X5dufgfOrW7X4zHaKsx82xXfLfEMffPo1Sv4yHaSqQTyyknYm1PXj93Nbv2oHkkfu+jsAwVlGW1sZw+YAAAAASUVORK5CYII=) bottom repeat-x;*/
}

.gc-scroll-arrow:active,
.gc-scroll-bar:active,
.gc-scrollbar-stateActive {
  border-style: solid;
  border-color: #bbb;
  /*background: #f9f9f9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAEsCAIAAAAO9ne5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAiJJREFUeNrs3EFS6zAMAFCrkytzZM6Rv/gzUGzZKKSUMLwsGKap7WdJVtNNY399ade7bu2SFxYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFtb3X1vbRQsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwvrQtfWLvmDEBf9mYqt7aKltkTLSfxlXV7Ji9afipbnLUnUICRRbWmnooWFhYWFhYWFhYWFhYX1w19fI675rfrJ1xiFfby7tfjydLOpi0NWb9vODD4uSIemrGjPXK8crXimoBr1+5MYD0IcvBtnausrlFjOE8VopRMWNVHeyTBkUvLxiHhEeUsxD1vcsW5xoj4ie/s6HlHwfV7yR+sj3v/mb+s0kc6zlStgnbsY0Kmvc8TpaH2SiGy91dgYhvz/5/0k3g4W5joRMTmJnWYWrah0+XRPM/TbwoudjKx8iUm0+qljmHr0RbfjLF/to35IYuTtNB7BWqepC1I+8307XRyxSjajsPB9OcY6iWdYb4IxSLOzVo1WpbHvtQbxMRLRSiWfs9pivXTw+u7ixda7lw1ikcTJ1H129qHAY/jwTitv2vOKSTz3WH/8YaDYIFqWoEk77YO0TvE0Wkf71vgZEOWiHneSl/y/AQBmRiGyQdWs5AAAAABJRU5ErkJggg==) bottom repeat-x;*/
  background: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*-----scrollbar end-----*/
/*********************************************************************
    환경설정
**********************************************************************/
.settingWrap {
  height: 100%;
  overflow: auto;
  /* 20220221 김주현 환경설정 수정 (구조변경) */
}
.settingWrap.newSetting {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: #fff;
}
.settingWrap.newSetting .Setting {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0;
  border-top: 1px solid #e6e6e6;
  color: #333;
  letter-spacing: -0.7px;
  overflow: hidden;
}
.settingWrap.newSetting .Setting .settingLeftMenu {
  flex-shrink: 0;
  width: 200px;
  height: 100%;
  padding: 20px 0;
  background-color: #edeff5;
}
.settingWrap.newSetting .Setting .settingLeftMenu .menuTitle {
  padding-left: 30px;
  margin-bottom: 10px;
  color: #999999;
  font-size: 12px;
}
.settingWrap.newSetting .Setting .settingLeftMenu .menuList li {
  display: block;
  font-size: 14px;
}
.settingWrap.newSetting .Setting .settingLeftMenu .menuList li input[type=radio] {
  display: none;
}
.settingWrap.newSetting .Setting .settingLeftMenu .menuList li input[type=radio] + label {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 20px 10px 30px;
}
.settingWrap.newSetting .Setting .settingLeftMenu .menuList li input[type=radio] + label:hover {
  background-color: #dde0ec;
  cursor: pointer;
}
.settingWrap.newSetting .Setting .settingLeftMenu .menuList li input[type=radio]:checked + label {
  color: #15B065;
}
.settingWrap.newSetting .Setting .settingLeftMenu .menuList li input[type=radio]:checked + label:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 20px;
  width: 2px;
  height: 14px;
  background-color: #15B065;
}
.settingWrap.newSetting .Setting .settingLeftMenu .menuList li input[type=radio]:checked + label:hover {
  background-color: transparent;
}
.settingWrap.newSetting .Setting .settingLeftMenu .menuList li:focus-visible {
  outline: 1px solid #333;
}
.settingWrap.newSetting .Setting .settingLeftMenu .menuList li:last-child {
  margin-bottom: 30px;
}
.settingWrap.newSetting .Setting .settingContent {
  width: 100%;
  padding: 20px 30px;
  overflow: auto;
}
.settingWrap.newSetting .Setting .settingContent > section {
  display: none;
  max-width: 700px;
  margin-bottom: 30px;
}
.settingWrap.newSetting .Setting .settingContent > section:first-child {
  display: block;
}
.settingWrap.newSetting .Setting .settingContent > section h2 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 16px;
  font-weight: normal;
}
.settingWrap.newSetting .Setting .settingContent > section h2.txtRight {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.settingWrap.newSetting .Setting .settingContent > section h2.txtRight .txtLastLogin {
  font-size: 12px;
  color: rgba(51, 51, 51, 0.5);
}
.settingWrap.newSetting .Setting .settingContent > section .box {
  padding: 0 0 20px;
  font-size: 13px;
  border: none;
  background-color: transparent;
}
.settingWrap.newSetting .Setting .settingContent > section .box h3 {
  font-size: 13px;
  font-weight: normal;
  margin: 0 0 15px 0;
}
.settingWrap.newSetting .Setting .settingContent > section .box .btn {
  display: inline-block;
  border-radius: 5px;
  background-color: transparent;
  padding: 8px 16px;
  color: #333;
  letter-spacing: -0.7px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
.settingWrap.newSetting .Setting .settingContent > section .box .btn:focus-visible {
  outline: 1px solid #333;
}
.settingWrap.newSetting .Setting .settingContent > section .box .btn.primary {
  border-color: transparent;
  background-color: rgba(21, 176, 101, 0.1);
  color: #15B065;
}
.settingWrap.newSetting .Setting .settingContent > section .box .btn.primary:hover {
  background-color: rgba(21, 176, 101, 0.2);
}
.settingWrap.newSetting .Setting .settingContent > section .box .btn.primary:active {
  background-color: rgba(21, 176, 101, 0.3);
}
.settingWrap.newSetting .Setting .settingContent > section .box .btn.grey {
  border-color: transparent;
  background-color: rgba(153, 153, 153, 0.1);
  color: #999;
}
.settingWrap.newSetting .Setting .settingContent > section .box .btn.grey:hover {
  background-color: rgba(153, 153, 153, 0.2);
}
.settingWrap.newSetting .Setting .settingContent > section .box .btn.grey:active {
  background-color: rgba(153, 153, 153, 0.3);
}
.settingWrap.newSetting .Setting .settingContent > section .box .btn.outline {
  border: 1px solid #15B065;
  background-color: #fff;
  color: #15B065;
}
.settingWrap.newSetting .Setting .settingContent > section .box .btn.outline:hover {
  background-color: rgba(21, 176, 101, 0.1);
}
.settingWrap.newSetting .Setting .settingContent > section .box .btn.outline:active {
  background-color: rgba(21, 176, 101, 0.2);
}
.settingWrap.newSetting .Setting .settingContent > section .box .btn.w130 {
  min-width: 130px;
}
.settingWrap.newSetting .Setting .settingContent > section .box .btn.childBold span {
  display: inline-block;
  font-weight: bold;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 5px;
}
.settingWrap.newSetting .Setting .settingContent > section .box .btn.dis {
  cursor: not-allowed;
  border: 1px solid #ccc !important;
  background-color: #b6b6b6 !important;
  color: #838383 !important;
}
.settingWrap.newSetting .Setting .settingContent > section .box.borderBottom {
  margin-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
}
.settingWrap.newSetting .Setting .settingContent > section .InfoWrap {
  position: relative;
  display: flex;
  padding: 10px 0 40px;
}
.settingWrap.newSetting .Setting .settingContent > section .InfoWrap .firstText {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  margin-right: 20px;
  border-radius: 10px;
  background-color: #edeff5;
  color: #fff;
  font-size: 40px;
}
.settingWrap.newSetting .Setting .settingContent > section .InfoWrap .infoPeople > p {
  display: flex;
  font-size: 13px;
  margin-bottom: 10px;
}
.settingWrap.newSetting .Setting .settingContent > section .InfoWrap .infoPeople > p .userInfoDeptName {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999999;
  letter-spacing: -0.5px;
}
.settingWrap.newSetting .Setting .settingContent > section .InfoWrap .infoPeople > p .userInfoDeptName:after {
  content: "";
  width: 1px;
  height: 9px;
  background-color: #999;
  margin: 0 8px;
}
.settingWrap.newSetting .Setting .settingContent > section .InfoWrap .infoPeople > p .userInfoCompanyName {
  color: #999999;
  letter-spacing: -0.5px;
}
.settingWrap.newSetting .Setting .settingContent > section .InfoWrap .infoPeople > p.userInfoName {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: bold;
}
.settingWrap.newSetting .Setting .settingContent > section .InfoWrap .infoPeople > p.mainAlarmTalkArea {
  position: absolute;
  top: 10px;
  right: 0;
}
.settingWrap.newSetting .Setting .settingContent > section .InfoWrap .infoPeople > p.mainAlarmTalkArea > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-left: 10px;
  border-radius: 5px;
  background-color: #edeff5;
}
.settingWrap.newSetting .Setting .settingContent > section .InfoWrap .infoPeople > p.mainAlarmTalkArea > a:hover {
  background-color: #ccd2e3;
}
.settingWrap.newSetting .Setting .settingContent > section .InfoWrap .infoPeople > p.mainAlarmTalkArea > a:focus-visible {
  outline: 1px solid #333;
}
.settingWrap.newSetting .Setting .settingContent > section .InfoWrap .infoPeople > p.mainAlarmTalkArea > a:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
}
.settingWrap.newSetting .Setting .settingContent > section .InfoWrap .infoPeople > p.mainAlarmTalkArea > a.iconKakao:before {
  background-position: 0 0;
}
.settingWrap.newSetting .Setting .settingContent > section .InfoWrap .infoPeople > p.mainAlarmTalkArea > a.iconSMS:before {
  background-position: 0 -28px;
}
.settingWrap.newSetting .Setting .settingContent > section .InfoWrap .infoPeople > p.mainAlarmTalkArea > a.iconMail:before {
  background-position: 0 -58px;
}
.settingWrap.newSetting .Setting .settingContent > section .InfoWrap .infoPeople > p.mainAlarmTalkArea > a.iconFax:before {
  background-position: 0 -88px;
}
.settingWrap.newSetting .Setting .settingContent .settingItem {
  margin-bottom: 20px;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .txtTitle {
  margin-bottom: 8px;
  color: #333;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .txtDescription {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #999;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .txtDescription .info {
  padding-right: 16px;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .txtDescription img {
  height: 30px;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .txtDescription.red {
  color: #F05150;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .txtDescription.currentStartPage span {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 3px;
  color: #333;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .txtDescription.sideBtn {
  display: inline-flex;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .txtDescription.required {
  color: #15B065;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .txtDescription .iconInfo {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-position: 0 -143px;
  margin-right: 5px;
}
.settingWrap.newSetting .Setting .settingContent .settingItem #setStartPgm {
  display: inline-flex;
  margin-right: 10px;
}
.settingWrap.newSetting .Setting .settingContent .settingItem:last-child {
  margin-bottom: 0;
}
.settingWrap.newSetting .Setting .settingContent .settingItem.Dis .txtTitle {
  color: #999;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .horizontalWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .horizontalWrap .txtWrap {
  margin-right: 10px;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .horizontalWrap .txtWrap span {
  display: block;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .horizontalWrap .txtWrap span.title .status {
  margin-left: 4px;
  color: #15B065;
  font-weight: bold;
  font-style: normal;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .horizontalWrap .txtWrap span.title .status.off {
  color: rgba(51, 51, 51, 0.5);
}
.settingWrap.newSetting .Setting .settingContent .settingItem .horizontalWrap .txtWrap span.info {
  margin-top: 8px;
  color: #999;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .horizontalWrap .txtWrap .iconNewPage {
  position: absolute;
  top: calc(50% - 15px);
  left: 25px;
  display: flex;
  width: 36px;
  height: 30px;
  background-position: -48px 0;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .horizontalWrap .txtWrap .iconNewPage.window {
  background-position-y: -42px;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .horizontalWrap .switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 20px;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .horizontalWrap .switch input {
  position: absolute;
  top: 0;
  left: 10px;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .horizontalWrap .switch input ~ .slider {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #bbb;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 24px;
  cursor: pointer;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .horizontalWrap .switch input ~ .slider:before {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background-color: #fff;
  transition: 0.4s;
  border-radius: 50%;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .horizontalWrap .switch input:checked ~ .slider {
  background-color: #15B065;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .horizontalWrap .switch input:checked ~ .slider:before {
  transform: translateX(15px);
}
.settingWrap.newSetting .Setting .settingContent .settingItem .horizontalWrap .switch input:disabled ~ .slider {
  opacity: 0.35;
  cursor: default;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .horizontalWrap .switch input:focus-visible ~ .slider {
  outline: 1px solid #333;
  outline-offset: 3px;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .horizontalWrap + .checkItemWrap {
  margin-top: 20px;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .horizontalWrap + .checkItemWrap .checkItem {
  margin-bottom: 0;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .radioWrap {
  display: inline-flex;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .radioWrap .radioItem input[type=radio] + label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  height: 36px;
  padding: 0 25px;
  background-color: #edeff5;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .radioWrap .radioItem input[type=radio] + label:hover {
  background-color: #ccd2e3;
  cursor: pointer;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .radioWrap .radioItem input[type=radio] + label:before {
  display: none;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .radioWrap .radioItem input[type=radio]:checked + label {
  background-color: #15B065;
  color: #fff;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .radioWrap .radioItem input[type=radio]:checked + label:hover {
  background-color: #15B065;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .radioWrap .radioItem input[type=radio]:focus-visible + label {
  outline: 1px solid #333;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .radioWrap .radioItem:first-child label {
  border-radius: 5px 0 0 5px;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .radioWrap .radioItem:last-child label {
  border-radius: 0 5px 5px 0;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .radioWrap .radioItem.Dis input[type=radio] + label {
  background-color: #ddd !important;
  color: #a9a9a9 !important;
  cursor: not-allowed !important;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .layoutControl {
  position: relative;
}
.settingWrap.newSetting .Setting .settingContent .settingItem .layoutControl > input {
  width: 100px;
  height: 26px;
  margin: 0;
}
.settingWrap.newSetting .Setting .settingContent .settingItem.greyBox {
  position: relative;
  padding: 20px 25px 20px 80px;
  border-radius: 5px;
  background-color: #edeff5;
}
.settingWrap.newSetting .Setting .settingContent .checkItem {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0 30px 10px 0;
}
.settingWrap.newSetting .Setting .settingContent .checkItem input[type=checkbox] {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 1px;
  height: 1px;
}
.settingWrap.newSetting .Setting .settingContent .checkItem input[type=checkbox] + label {
  position: relative;
  cursor: pointer;
}
.settingWrap.newSetting .Setting .settingContent .checkItem input[type=checkbox] + label::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #cbd6dd;
  cursor: pointer;
}
.settingWrap.newSetting .Setting .settingContent .checkItem input[type=checkbox]:checked + label::before {
  background-color: #15B065;
  border-color: #15B065;
}
.settingWrap.newSetting .Setting .settingContent .checkItem input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 6px;
  width: 5px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}
.settingWrap.newSetting .Setting .settingContent .checkItem input[type=checkbox]:focus-visible + label {
  outline: 1px solid #333;
}
.settingWrap.newSetting .Setting .settingContent .selectBox {
  min-width: 125px;
  height: 36px;
  padding-left: 10px;
  border-color: #cccccc;
  border-radius: 5px;
  background-color: #fff;
  color: #333;
}
.settingWrap.newSetting .Setting .settingContent .selectBox option {
  padding: 0 5px;
}
.settingWrap.newSetting .Setting .settingContent .selectBox:focus {
  border: 2px solid #15B065;
}
.settingWrap.newSetting .Setting .settingContent input#setStartPageOn ~ .txtDescription {
  display: none;
}
.settingWrap.newSetting .Setting .settingContent input#setStartPageOn:checked ~ .txtDescription {
  display: block;
}

.msgWrap.popupInSettingWrap {
  z-index: 1;
}
.msgWrap.popupInSettingWrap .msgBox {
  width: 340px;
  letter-spacing: -0.5px;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .item {
  margin-bottom: 20px;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .item label {
  display: block;
  margin-bottom: 7px;
  font-size: 12px;
  font-weight: bold;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .item .inputWrap {
  position: relative;
  width: 100%;
  height: 36px;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .item .inputWrap:hover .btnDelTxt {
  opacity: 1;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .item .inputWrap input[type=password], .msgWrap.popupInSettingWrap .msgBox .msgContent .item .inputWrap input[type=text] {
  width: 100%;
  height: 36px;
  padding: 0 55px 0 8px;
  border-radius: 5px;
  border: 1px solid #e6e6e6;
  transition: border-color 0.3s;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .item .inputWrap input[type=password]:focus, .msgWrap.popupInSettingWrap .msgBox .msgContent .item .inputWrap input[type=text]:focus {
  border-color: #15B065;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .item .inputWrap input[type=password]:focus + .btnDelTxt, .msgWrap.popupInSettingWrap .msgBox .msgContent .item .inputWrap input[type=text]:focus + .btnDelTxt {
  opacity: 1;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .item .inputWrap .btnDelTxt {
  opacity: 0;
  position: absolute;
  top: 9px;
  right: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #c4c4c4;
  cursor: pointer;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .item .inputWrap .btnDelTxt > i {
  width: 7px;
  height: 7px;
  background-position: 0 -192px;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .item .inputWrap .btnDelTxt:hover {
  background-color: #aaa;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .item .inputWrap .btnDelTxt:focus-visible {
  opacity: 1;
  outline: 1px solid #333;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .item .inputWrap .showPw {
  position: absolute;
  top: 6px;
  right: 7px;
  width: 21px;
  height: 21px;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .item .inputWrap .showPw input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 10px;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .item .inputWrap .showPw input[type=checkbox] + label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  cursor: pointer;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .item .inputWrap .showPw input[type=checkbox] + label > i {
  width: 18px;
  height: 17px;
  background-position: -27px -166px;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .item .inputWrap .showPw input[type=checkbox] + label:hover {
  opacity: 1;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .item .inputWrap .showPw input[type=checkbox]:checked + label > i {
  width: 18px;
  height: 12px;
  background-position: 0 -168px;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .item .inputWrap .showPw input[type=checkbox]:focus-visible + label {
  opacity: 1;
  outline: 1px solid #333;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .item:last-child {
  margin-bottom: 0;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .infoWrap {
  display: flex;
  margin: 5px 0;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .infoWrap > i {
  display: inline-block;
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  background-position: 0 -143px;
  margin-right: 5px;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .infoWrap .txt {
  font-size: 12px;
  color: #999999;
}
.msgWrap.popupInSettingWrap .msgBox .msgContent .errorTxt {
  font-size: 12px;
  margin-top: 8px;
  color: #F05150;
}
/* 220524 예전꺼인듯? 주석처리 (김주현)
    .Setting {
	padding: 20px;
	letter-spacing: -0.7px;
	overflow: auto;
	color: $MainFontColor;

	h1 {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 30px;
	}

	section {
		margin-bottom: 30px;

		h2 {
			font-size: 14px;
			font-weight: normal;
			margin-bottom: 10px;
		}

		.box {
			background-color: $MainBgColor;
			border: 1px solid $BorderGrey;
			font-size: 13px;
			padding: 20px;
			max-width: 700px;

			h3 {
				font-size: 13px;
				font-weight: normal;
				margin: 0 0 15px 0;
			}

			.btn {
				display: inline-block;
				border: 1px solid $BorderGreyDark1;
				background-color: transparent;
				padding: 5px 20px;
				color: $MainFontColor;
				letter-spacing: 0;
				text-decoration: none;
				cursor: pointer;

				&.primary {
					border-color: $ButtonBgColor;
					color: $ButtonBgColor;

					&:hover {
						background-color: rgba($ButtonBgColor, .1);
						opacity: 1;
					}

					&.dis {
						cursor: not-allowed;
						border: 1px solid $ControlBorderColorDis !important;
						background-color: darken($ControlBgColorDis, 20%) !important;
						color: $ControlFontColorDis !important;
					}
				}
			}
		}
	}

	.settingItem {
		margin-bottom: 20px;

		.txtTitle {
			margin-bottom: 15px;
			color: $MainFontColor;
		}

		.txtDescription {
			color: lighten($MainFontColor, 40%);

			> a {
				@include flex(inline-flex);
				color: $MainColor;
				padding: 5px 10px;
				cursor: pointer;

				&:hover {
					opacity: .8;
				}
			}

			> button {
				display: inline-block;
				margin-right: 10px;
			}
		}

		&:last-child {
			margin-bottom: 0;
		}

		&.Dis * {
			opacity: .5;
			cursor: default !important;
			pointer-events: none;
		}

		.checkSwitch {
			@include flex($j:null);

			.title {
				margin-right: 10px;
			}

			label.switch {
				position: relative;
				display: inline-block;
				width: 45px;
				height: 20px;

				input {
					@include position($t:0,$l:10px);
					width: 1px;
					height: 1px;
					opacity: 0;

					~ .slider {
						@include position($t:0,$r:0,$b:0,$l:0);
						background-color: #bbb;
						-webkit-transition: .4s;
						transition: .4s;
						border-radius: 24px;
						cursor: pointer;

						&:before {
							content: "";
							@include position($b:4px,$l:5px);
							width: 12px;
							height: 12px;
							background-color: $MainBgColor;
							transition: .4s;
							border-radius: 50%;
						}
					}

					&:checked {
						~ .slider {
							background-color: $MainColor;

							&:before {
								transform: translateX(23px);
							}
						}
					}
				}
			}

			+ .checkItemWrap {
				margin-top: 20px;

				.checkItem {
					margin-bottom: 0;
				}
			}
		}
	}

	.radioItem {
		position: relative;

		input[type="radio"] {
			@include position($l:5px, $t:5px);
			width: 1px;
			height: 1px;

			& + label {
				position: relative;
				@include flex($j:null);
				cursor: pointer;

				&::before {
					content: "";
					position: relative;
					display: inline-block;
					width: 18px;
					height: 18px;
					border-radius: 50%;
					background-color: $ControlBgColor;
					border: 1px solid $ControlBorderColor;
					margin-right: 10px;
					cursor: pointer;
				}
			}

			&:checked {
				+ label::after {
					content: "";
					position: relative;
					display: inline-block;
					@include position(absolute, $l:5px, $t:5px);
					width: 10px;
					height: 10px;
					border-radius: 50%;
					background-color: $ControlBorderColorFocus;
				}
			}
		}

		.txtDescription {
			margin-left: 28px;
			margin-top: 10px;

			&.Info {
				color: $colorRed;
			}
		}
	}

	.checkItem {
		position: relative;
		display: inline-flex;
		align-items: center;
		margin: 0 30px 10px 0;

		input[type="checkbox"] {
			@include position(absolute, $l:5px, $t:5px);
			width: 1px;
			height: 1px;

			+ label {
				position: relative;
				cursor: pointer;

				&::before {
					content: "";
					position: relative;
					display: inline-block;
					width: 16px;
					height: 16px;
					border-radius: 2px;
					margin: -2px 10px 0 0;
					vertical-align: middle;
					background-color: $MainBgColor;
					border: 1px solid $BorderGreyDark;
					cursor: pointer;
				}
			}

			&:checked {
				+ label {
					&::before {
						background-color: $ControlBgColorSelected;
						border-color: $ControlBgColorSelected;
					}

					&::after {
						content: "";
						@include position(absolute, $l:6px, $t:2px);
						width: 5px;
						height: 10px;
						border-right: 2px solid $ControlFontColorSelected;
						border-bottom: 2px solid $ControlFontColorSelected;
						transform: rotate( 45deg );
					}
				}
			}
		}
	}
	// 개별 세팅아이템 체크 시 보이기/숨기기 설정
	input#setStartPageOn ~ .txtDescription {
		display: none;
	}

	input#setStartPageOn:checked ~ .txtDescription {
		display: block;
	}

	.btnSettingClose {
		@include position($t:15px,$r:30px);
		border-radius: 50%;
		width: 40px;
		height: 40px;
		background-color: #fff;
		@extend %iconReport;
		background-position: 10px -59px;
		border: #4a4f5c 2px solid;
		cursor: pointer;
	}
}*/
/*********************************************************************
     Notice / Board
**********************************************************************/
/* 게시판 팝업 */
.boardWrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 20;
}
.boardWrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.boardWrap::-webkit-scrollbar-track {
  background-color: transparent;
}
.boardWrap::-webkit-scrollbar-track:hover {
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
.boardWrap::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.4);
}
.boardWrap::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
.boardWrap::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.boardWrap::-webkit-scrollbar-corner {
  background-color: transparent;
}
.boardWrap::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  background-color: transparent;
}
.boardWrap {
  scrollbar-face-color: transparent;
  scrollbar-track-color: transparent;
  scrollbar-3dlight-color: transparent;
  scrollbar-highlight-color: transparent;
  scrollbar-darkshadow-color: transparent;
  scrollbar-shadow-color: transparent;
  scrollbar-arrow-color: transparent;
}
.boardWrap::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.boardWrap::-webkit-scrollbar-thumb:active {
  background-color: rgba(255, 255, 255, 0.8);
}
.boardWrap.preview > .boardMargin > .boardArea > .contentArea > .contentsWrap .bottomArea > .checkArea > input[type=checkbox] + label {
  opacity: 0.3;
}
.boardWrap.preview > .boardMargin > .boardArea > .contentArea > .contentsWrap .bottomArea > .checkArea > input[type=checkbox]:checked + label:before {
  background-color: #999;
  border-color: #999;
}
.boardWrap.listHidden {
  height: 100%;
  overflow: hidden;
}
.boardWrap.listHidden > .boardMargin {
  flex-direction: unset;
  max-width: calc(100% - 40px);
  max-height: calc(100% - 40px);
  overflow: hidden;
}
.boardWrap.listHidden > .boardMargin > .boardArea {
  max-width: 100%;
  max-height: 100%;
  margin: unset;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 15px;
}
.boardWrap.listHidden > .boardMargin > .boardArea > .listArea {
  max-width: 0;
  width: 0;
  opacity: 0;
}
.boardWrap.listHidden > .boardMargin > .boardArea > .contentArea {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  border: 1px solid #434a4e;
  background-color: #fff;
}
.boardWrap.listHidden > .boardMargin > .boardArea > .contentArea > .topBtnArea {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.boardWrap.listHidden > .boardMargin > .boardArea > .contentArea > .topBtnArea > .btnList > i {
  width: 22px;
  height: 16px;
  background-position: -76px -71px;
  transform: rotate(0);
}
.boardWrap.listHidden > .boardMargin > .boardArea > .contentArea > .contentsWrap {
  display: block;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.boardWrap.listHidden > .boardMargin > .boardArea > .contentArea > .contentsWrap > .content {
  display: none;
  position: relative;
  top: unset;
  left: unset;
  box-shadow: none;
}
.boardWrap.listHidden > .boardMargin > .boardArea > .contentArea > .contentsWrap > .content.devNotiShow {
  display: block;
}
.boardWrap.listHidden > .boardMargin > .borderBtnArea {
  display: none;
}
.boardWrap.listShow {
  height: 100%;
  overflow: hidden;
}
.boardWrap.listShow > .boardMargin {
  flex-direction: unset;
  max-width: calc(100% - 40px);
  max-height: calc(100% - 40px);
  overflow: hidden;
}
.boardWrap.listShow > .boardMargin > .boardArea {
  max-width: 100%;
  max-height: 100%;
  margin: unset;
  overflow: hidden;
  padding-left: 300px;
  box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 15px;
}
.boardWrap.listShow > .boardMargin > .boardArea > .listArea {
  max-width: 100vw;
  width: 300px;
  border: 1px solid #434a4e;
  border-right: 0;
  opacity: 1;
}
.boardWrap.listShow > .boardMargin > .boardArea > .contentArea {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  border: 1px solid #434a4e;
  background-color: #fff;
}
.boardWrap.listShow > .boardMargin > .boardArea > .contentArea > .topBtnArea {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.boardWrap.listShow > .boardMargin > .boardArea > .contentArea > .contentsWrap {
  display: block;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.boardWrap.listShow > .boardMargin > .boardArea > .contentArea > .contentsWrap > .content {
  display: none;
  position: relative;
  top: unset;
  left: unset;
  box-shadow: none;
}
.boardWrap.listShow > .boardMargin > .boardArea > .contentArea > .contentsWrap > .content.devNotiShow {
  display: block;
}
.boardWrap.listShow > .boardMargin > .borderBtnArea {
  display: none;
}
.boardWrap > .boardMargin {
  display: flex;
  flex-direction: column;
  margin: auto;
  /*/버튼영역-- 

  	.btnArea {
  		display: inline-flex;
  		align-items: center;

  		> .btn {
  			@include flex();
  			width: 40px;
  			height: 25px;

  			&:hover, :focus {
  				@include Hover();
  			}

  			&.Prev {
  				> .ico_Board {
  					width: 13px;
  					height: 9px;
  					background-position: -5px -98px;
  				}

  				&:hover {
  					> .ico_Board {
  						background-position: -28px -98px;
  					}
  				}
  			}

  			&.Next {
  				> .ico_Board {
  					width: 13px;
  					height: 9px;
  					background-position: -5px -117px;
  				}

  				&:hover {
  					> .ico_Board {
  						background-position: -28px -117px;
  					}
  				}
  			}

  			&.List {
  				> .ico_Board {
  					width: 13px;
  					height: 9px;
  					background-position: -5px -136px;
  				}

  				&:hover {
  					> .ico_Board {
  						background-position: -28px -136px;
  					}
  				}
  			}
  		}
  	}
  	*/
}
.boardWrap > .boardMargin > .boardArea {
  position: relative;
  margin: auto;
  transition: 0.3s;
}
.boardWrap > .boardMargin > .boardArea .txtTitle {
  font-size: 16px;
  font-weight: bold;
}
.boardWrap > .boardMargin > .boardArea .txtDescription {
  font-size: 12px;
  color: #999999;
}
.boardWrap > .boardMargin > .boardArea .txtDescription > span {
  display: block;
  padding-right: 5px;
}
.boardWrap > .boardMargin > .boardArea > .listArea {
  position: absolute;
  top: 0;
  left: 0;
  flex-shrink: 0;
  display: flex;
  flex-flow: column;
  width: 300px;
  height: 100%;
  background-color: #F1F4F6;
  overflow: hidden;
  transition: 0.3s;
  opacity: 0;
  max-width: 100vw;
}
.boardWrap > .boardMargin > .boardArea > .listArea .tabArea {
  display: flex;
  width: 100%;
  height: 50px;
  padding: 0 15px;
  border-bottom: 1px solid #cccccc;
}
.boardWrap > .boardMargin > .boardArea > .listArea .tabArea > span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border-bottom: 2px solid transparent;
  color: rgba(51, 51, 51, 0.4);
  font-size: 13px;
  font-weight: bold;
}
.boardWrap > .boardMargin > .boardArea > .listArea .tabArea > span:hover {
  color: #333;
  cursor: pointer;
}
.boardWrap > .boardMargin > .boardArea > .listArea .tabArea > span.newNoti:after {
  content: "";
  position: absolute;
  top: 6px;
  right: 5px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #FE704C;
}
.boardWrap > .boardMargin > .boardArea > .listArea .tabArea > span.active {
  color: #15B065;
  border-color: #15B065;
}
.boardWrap > .boardMargin > .boardArea > .listArea .ulBoard {
  height: 100%;
  padding: 0;
  overflow-y: auto;
}
.boardWrap > .boardMargin > .boardArea > .listArea .ulBoard > li {
  position: relative;
  padding: 10px 10px 10px 24px;
  border-bottom: 1px solid #cccccc;
}
.boardWrap > .boardMargin > .boardArea > .listArea .ulBoard > li > .iconNew {
  display: none;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 11px;
  font-weight: bold;
  color: #FE6139;
}
.boardWrap > .boardMargin > .boardArea > .listArea .ulBoard > li > .txtTitle {
  font-size: 13px;
}
.boardWrap > .boardMargin > .boardArea > .listArea .ulBoard > li > .txtTitle .Text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 15px;
}
.boardWrap > .boardMargin > .boardArea > .listArea .ulBoard > li > .txtTitle .Text > i {
  display: none;
  margin-right: 5px;
  padding: 1px 6px;
  border-radius: 3px;
  background-color: rgba(51, 51, 51, 0.7);
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
}
.boardWrap > .boardMargin > .boardArea > .listArea .ulBoard > li .txtDescription {
  margin-top: 3px;
}
.boardWrap > .boardMargin > .boardArea > .listArea .ulBoard > li:hover {
  background-color: #e8edf0;
  cursor: pointer;
}
.boardWrap > .boardMargin > .boardArea > .listArea .ulBoard > li.selected {
  background-color: white;
}
.boardWrap > .boardMargin > .boardArea > .listArea .ulBoard > li.newNoti > .iconNew {
  display: block;
}
.boardWrap > .boardMargin > .boardArea > .listArea .ulBoard > li.systemNoti > .txtTitle .Text > i {
  display: inline-flex;
}
.boardWrap > .boardMargin > .boardArea > .listArea .pageArea {
  flex-shrink: 0;
  position: relative;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.boardWrap > .boardMargin > .boardArea > .listArea .pageArea > .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.boardWrap > .boardMargin > .boardArea > .listArea .pageArea > .btn:hover, .boardWrap > .boardMargin > .boardArea > .listArea .pageArea > .btn:focus {
  background-color: #dedede;
  cursor: pointer;
}
.boardWrap > .boardMargin > .boardArea > .listArea .pageArea > .btn.Prev::before, .boardWrap > .boardMargin > .boardArea > .listArea .pageArea > .btn.Next::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-width: 0px 0 1px 1px;
  border-style: solid;
  border-color: #333;
  transform: rotate(45deg);
}
.boardWrap > .boardMargin > .boardArea > .listArea .pageArea > .btn.Next::before {
  transform: rotate(-135deg);
}
.boardWrap > .boardMargin > .boardArea > .listArea .pageArea > .btn.Dis {
  opacity: 0.3;
  cursor: default;
}
.boardWrap > .boardMargin > .boardArea > .listArea .pageArea > .btn.Dis:hover {
  background-color: transparent;
}
.boardWrap > .boardMargin > .boardArea > .listArea .pageArea > .ulPage {
  display: flex;
  align-items: center;
}
.boardWrap > .boardMargin > .boardArea > .listArea .pageArea > .ulPage > li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  margin: 0 1px;
  color: gray;
  font-size: 12px;
  border-radius: 50%;
}
.boardWrap > .boardMargin > .boardArea > .listArea .pageArea > .ulPage > li.Selected {
  font-weight: bold;
  color: #15B065;
}
.boardWrap > .boardMargin > .boardArea > .listArea .pageArea > .ulPage > li:hover, .boardWrap > .boardMargin > .boardArea > .listArea .pageArea > .ulPage > li:focus {
  background-color: #dedede;
  cursor: pointer;
}
.boardWrap > .boardMargin > .boardArea > .contentArea {
  display: flex;
  flex-direction: column;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .topBtnArea {
  display: none;
  flex-shrink: 0;
  width: 100%;
  height: 40px;
  padding: 0 10px;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .topBtnArea > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .topBtnArea > a.btnList > i {
  display: block;
  width: 13px;
  height: 12px;
  background-position: -80px -50px;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .topBtnArea > a.btnClose > i {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13px;
  height: 13px;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .topBtnArea > a.btnClose > i:before {
  content: "";
  position: absolute;
  width: 17px;
  height: 1px;
  background-color: #333;
  transform: rotate(45deg);
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .topBtnArea > a.btnClose > i:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 17px;
  background-color: #333;
  transform: rotate(45deg);
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .topBtnArea > a:hover {
  background-color: rgba(51, 51, 51, 0.1);
  cursor: pointer;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .contentsWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .contentsWrap > .titleArea {
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .contentsWrap > .content {
  display: none;
  height: 100%;
  margin: auto;
  padding: 0;
  background-color: #fff;
  font-size: 13px;
  word-break: break-all;
  overflow: auto;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .contentsWrap > .content ul, .boardWrap > .boardMargin > .boardArea > .contentArea > .contentsWrap > .content li {
  all: revert;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .contentsWrap > .content img {
  display: block;
  max-width: 100%;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .contentsWrap > .content a {
  position: relative;
  display: block;
  padding: 5px 5px 5px 28px;
  margin: 5px 0;
  border-radius: 5px;
  background-color: #edeff5;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .contentsWrap > .content a::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 8px;
  width: 16px;
  height: 15px;
  background-position: 0 -45px;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .contentsWrap > .content.typePost {
  padding: 20px 20px;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .contentsWrap > .attachFileArea {
  flex-shrink: 0;
  min-height: 60px;
  color: #333;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .contentsWrap > .attachFileArea ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .contentsWrap > .attachFileArea ul .item {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  font-size: 12px;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .contentsWrap > .attachFileArea ul .item > .icon {
  display: inline-flex;
  padding: 2px 8px;
  border-radius: 10px;
  margin-right: 4px;
  background-color: #999999;
  color: #fff;
  font-style: normal;
  font-size: 11px;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .contentsWrap > .attachFileArea ul .item > .icon.Img {
  background-color: #f65177;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .contentsWrap > .attachFileArea ul .item > .icon.Text {
  background-color: #00b0ff;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .contentsWrap > .attachFileArea ul .item > .icon.Etc {
  background-color: #4a4f5c;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .contentsWrap > .attachFileArea ul .item > .name {
  font-weight: bold;
  margin-right: 4px;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .contentsWrap > .attachFileArea ul .item > .size {
  color: #999999;
}
.boardWrap > .boardMargin > .boardArea > .contentArea > .contentsWrap > .attachFileArea ul .item:Hover {
  background-color: #eaeaea;
  cursor: pointer;
  border-radius: 4px;
}
.boardWrap > .boardMargin > .boardArea .noData {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.boardWrap > .boardMargin > .boardArea .noData > i {
  width: 39px;
  height: 35px;
  background-position: 0 0;
}
.boardWrap > .boardMargin > .boardArea .noData .txt {
  margin-top: 15px;
  font-size: 12px;
  color: #cccccc;
}
.boardWrap > .boardMargin > .borderBtnArea {
  position: sticky;
  top: unset;
  bottom: 0;
  left: calc(50% - 240px);
  width: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-shrink: 0;
  height: 130px;
  color: #fff;
  z-index: 21;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnRollingArea {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnRollingArea > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 0 5px;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnRollingArea > span.btnPrev {
  margin-right: 15px;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnRollingArea > span.btnPrev:before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  border-left: 2px solid rgba(51, 51, 51, 0.7);
  border-bottom: 2px solid rgba(51, 51, 51, 0.7);
  transform: rotate(45deg);
}
.boardWrap > .boardMargin > .borderBtnArea > .btnRollingArea > span.btnPrev:hover {
  cursor: pointer;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnRollingArea > span.btnPrev:hover:before {
  border-color: #333;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnRollingArea > span.btnNext {
  margin-left: 15px;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnRollingArea > span.btnNext:before {
  content: "";
  width: 11px;
  height: 11px;
  border-right: 2px solid rgba(51, 51, 51, 0.7);
  border-bottom: 2px solid rgba(51, 51, 51, 0.7);
  transform: rotate(-45deg);
}
.boardWrap > .boardMargin > .borderBtnArea > .btnRollingArea > span.btnNext:hover {
  cursor: pointer;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnRollingArea > span.btnNext:hover:before {
  border-color: #333;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnRollingArea > span.circle {
  border-radius: 50%;
  border: 2px solid transparent;
  background-color: #333;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnRollingArea > span.circle:hover {
  cursor: pointer;
  border-color: #333;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnRollingArea > span.circle.current {
  background-color: #15B065;
  border-color: #333;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnArea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 45px;
  padding: 0 25px;
  border-radius: 30px;
  background-color: #333;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnArea > .btnLeft > .checkArea {
  display: inline-flex;
  align-items: center;
  height: 26px;
  border-radius: 13px;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnArea > .btnLeft > .checkArea > input[type=checkbox] + label {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 13px;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnArea > .btnLeft > .checkArea > input[type=checkbox] + label:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  border-radius: 1px;
  border: 1px solid #cbd6dd;
  background-color: #fff;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnArea > .btnLeft > .checkArea > input[type=checkbox] + label:hover {
  cursor: pointer;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnArea > .btnLeft > .checkArea > input[type=checkbox]:checked + label:before {
  background-color: #15B065;
  border-color: #15B065;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnArea > .btnLeft > .checkArea > input[type=checkbox]:checked + label:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  display: inline-block;
  width: 8px;
  height: 4px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: rotate(134deg);
}
.boardWrap > .boardMargin > .borderBtnArea > .btnArea > .btnLeft > .checkArea + .checkArea {
  margin-left: 10px;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnArea > .btnRight {
  margin-left: 60px;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnArea > .btnRight > .popupBtnClose {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 13px;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnArea > .btnRight > .popupBtnClose > i {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  border: 1px solid #fff;
  border-radius: 50%;
  transform: rotate(-45deg);
}
.boardWrap > .boardMargin > .borderBtnArea > .btnArea > .btnRight > .popupBtnClose > i:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 9px;
  background-color: #fff;
  transform: rotate(90deg);
}
.boardWrap > .boardMargin > .borderBtnArea > .btnArea > .btnRight > .popupBtnClose > i:after {
  content: "";
  position: absolute;
  width: 9px;
  height: 1px;
  background-color: #fff;
  transform: rotate(90deg);
}
.boardWrap > .boardMargin > .borderBtnArea > .btnArea > .btnRight > .popupBtnClose:hover {
  cursor: pointer;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnArea > .btnRight > .popupBtnClose:hover > i {
  background-color: #fff;
}
.boardWrap > .boardMargin > .borderBtnArea > .btnArea > .btnRight > .popupBtnClose:hover > i:before, .boardWrap > .boardMargin > .borderBtnArea > .btnArea > .btnRight > .popupBtnClose:hover > i:after {
  background-color: #333;
}

/* 우측패널 */
.notiAreaWrap {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  letter-spacing: -0.4px;
  z-index: 20;
}
.notiAreaWrap:before {
  content: "";
  position: fixed;
  top: 0;
  width: calc(100% - 200px);
  height: 50px;
  z-index: 20;
}
.notiAreaWrap .notiArea {
  position: fixed;
  top: 43px;
  right: 3px;
  display: flex;
  flex-direction: column;
  width: 350px;
  height: calc(100% - 200px);
  padding: 0;
  border-radius: 10px;
  border: 1px solid #F1F4F6;
  background-color: #fff;
  font-size: 13px;
  box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.16);
}
.notiAreaWrap .notiArea .noticeArea {
  flex-shrink: 0;
  border-bottom: 1px solid #DBDBDB;
  overflow: hidden;
  max-height: 50px;
  transition: max-height 0.3s;
}
.notiAreaWrap .notiArea .noticeArea.Expand {
  max-height: 500px;
}
.notiAreaWrap .notiArea .noticeArea.Expand > .titleWrap > .titleExpandArea .btnExpander > i::before {
  transform: rotate(45deg);
}
.notiAreaWrap .notiArea .noticeArea.Expand > .titleWrap > .titleExpandArea .btnExpander > i::after {
  transform: rotate(-45deg);
}
.notiAreaWrap .notiArea .noticeArea > .titleWrap {
  width: 100%;
  height: 50px;
}
.notiAreaWrap .notiArea .noticeArea > .titleWrap > .titleExpandArea {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 0 0 20px;
}
.notiAreaWrap .notiArea .noticeArea > .titleWrap > .titleExpandArea .title {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
  color: #333;
}
.notiAreaWrap .notiArea .noticeArea > .titleWrap > .titleExpandArea .title > i {
  width: 14px;
  height: 14px;
  background-position: -80px 0;
  margin-right: 7px;
}
.notiAreaWrap .notiArea .noticeArea > .titleWrap > .titleExpandArea .title > .btnRefresh {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  opacity: 0.5;
}
.notiAreaWrap .notiArea .noticeArea > .titleWrap > .titleExpandArea .title > .btnRefresh > i {
  display: flex;
  width: 13px;
  height: 16px;
  background-position: -55px -122px;
}
.notiAreaWrap .notiArea .noticeArea > .titleWrap > .titleExpandArea .title > .btnRefresh:hover {
  opacity: 1;
}
.notiAreaWrap .notiArea .noticeArea > .titleWrap > .titleExpandArea .btnExpander {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  width: 50px;
  height: 50px;
}
.notiAreaWrap .notiArea .noticeArea > .titleWrap > .titleExpandArea .btnExpander > i {
  position: relative;
  transition: all 0.3s;
}
.notiAreaWrap .notiArea .noticeArea > .titleWrap > .titleExpandArea .btnExpander > i::before, .notiAreaWrap .notiArea .noticeArea > .titleWrap > .titleExpandArea .btnExpander > i::after {
  content: "";
  width: 9px;
  height: 1.5px;
  background-color: #333;
}
.notiAreaWrap .notiArea .noticeArea > .titleWrap > .titleExpandArea .btnExpander > i::before {
  position: absolute;
  top: 0;
  left: -5px;
  transform: rotate(135deg);
}
.notiAreaWrap .notiArea .noticeArea > .titleWrap > .titleExpandArea .btnExpander > i::after {
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-135deg);
}
.notiAreaWrap .notiArea .noticeArea > .titleWrap > .titleExpandArea:hover {
  background-color: rgba(51, 51, 51, 0.1);
  color: inherit;
}
.notiAreaWrap .notiArea .noticeArea .noticeList {
  margin-top: 5px;
}
.notiAreaWrap .notiArea .noticeArea .noticeList .item > a {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 20px;
}
.notiAreaWrap .notiArea .noticeArea .noticeList .item > a:hover {
  background-color: rgba(51, 51, 51, 0.1);
  color: #333;
}
.notiAreaWrap .notiArea .noticeArea .noticeList .item > a .titleWrap {
  display: flex;
  align-items: flex-start;
}
.notiAreaWrap .notiArea .noticeArea .noticeList .item > a .titleWrap .txtNb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 14px;
  padding: 0 7px;
  background-color: #c9d0dd;
  border-radius: 10px;
  font-size: 11px;
  color: #fff;
  line-height: 12px;
  margin-right: 5px;
  margin-top: 2px;
  display: none;
}
.notiAreaWrap .notiArea .noticeArea .noticeList .item > a .titleWrap .txtTitle {
  /*	text-indent: 33px;
  margin-left: -33px;*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notiAreaWrap .notiArea .noticeArea .noticeList .item > a .infoWrap {
  font-size: 12px;
}
.notiAreaWrap .notiArea .noticeArea .noticeList .item > a .infoWrap > span {
  position: relative;
  color: #999;
}
.notiAreaWrap .notiArea .noticeArea .noticeList .item > a .infoWrap > span:last-child {
  padding-left: 10px;
}
.notiAreaWrap .notiArea .noticeArea .noticeList .item > a .infoWrap > span:last-child::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #999;
}
.notiAreaWrap .notiArea .noticeArea .footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 50px;
  padding: 0 15px;
  z-index: 10;
}
.notiAreaWrap .notiArea .noticeArea .footer .btnNotice {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 12px;
  color: #3466FF;
}
.notiAreaWrap .notiArea .noticeArea .footer .btnNotice:hover {
  color: #002cb4;
}
.notiAreaWrap .notiArea .noticeArea .noData {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  margin: 0 0 20px 0;
}
.notiAreaWrap .notiArea .noticeArea .noData > i {
  display: inline-block;
  width: 39px;
  height: 35px;
  background-position: 0 0;
  margin-bottom: 15px;
}
.notiAreaWrap .notiArea .noticeArea .noData .txt {
  color: #999;
  font-size: 12px;
}
.notiAreaWrap .notiArea .msgArea {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
  overflow: hidden;
}
.notiAreaWrap .notiArea .msgArea > .titleWrap {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  height: 50px;
  padding: 0 15px;
}
.notiAreaWrap .notiArea .msgArea > .titleWrap .title {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
  color: #333;
}
.notiAreaWrap .notiArea .msgArea > .titleWrap .title > i {
  width: 15px;
  height: 15px;
  background-position: -80px -25px;
  margin-right: 7px;
}
.notiAreaWrap .notiArea .msgArea > .titleWrap .title > .btnRefresh {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  opacity: 0.5;
}
.notiAreaWrap .notiArea .msgArea > .titleWrap .title > .btnRefresh > i {
  display: flex;
  width: 13px;
  height: 16px;
  background-position: -55px -122px;
}
.notiAreaWrap .notiArea .msgArea > .titleWrap .title > .btnRefresh:hover {
  opacity: 1;
}
.notiAreaWrap .notiArea .msgArea > .titleWrap .btnWrap {
  display: flex;
  margin-left: auto;
}
.notiAreaWrap .notiArea .msgArea > .titleWrap .btnWrap > a {
  display: flex;
  align-items: center;
  font-size: 11px;
  letter-spacing: -0.5px;
  color: #999;
}
.notiAreaWrap .notiArea .msgArea > .titleWrap .btnWrap > a:last-child::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #ccc;
  margin: 0 8px;
}
.notiAreaWrap .notiArea .msgArea > .titleWrap .btnWrap > a:hover {
  color: #333;
}
.notiAreaWrap .notiArea .msgArea .sortTab {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: 20px;
  margin-bottom: 15px;
  padding: 0 25px;
}
.notiAreaWrap .notiArea .msgArea .sortTab > a {
  color: #999;
  margin-right: 15px;
  font-size: 12px;
}
.notiAreaWrap .notiArea .msgArea .sortTab > a .count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  line-height: 12px;
  margin-left: 4px;
  color: #999;
}
.notiAreaWrap .notiArea .msgArea .sortTab > a:hover {
  color: #333;
}
.notiAreaWrap .notiArea .msgArea .sortTab > a.On {
  font-weight: bold;
  color: #333;
}
.notiAreaWrap .notiArea .msgArea .sortTab > a.On .count {
  color: #15B065;
}
.notiAreaWrap .notiArea .msgArea .sortTab > a.btnReadAll {
  margin-right: unset;
  margin-left: auto;
  font-size: 11px;
}
.notiAreaWrap .notiArea .msgArea .msgList {
  height: 100%;
  overflow-y: scroll;
  padding-bottom: 50px;
}
.notiAreaWrap .notiArea .msgArea .msgList ul {
  padding: 3px 20px;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap {
  position: relative;
  display: flex;
  min-height: 80px;
  margin-bottom: 10px;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap.New .timeline .dot {
  background-color: #15B065;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap.New .item .titleWrap .title {
  font-weight: bold;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap.Expand .item {
  max-height: 1000px;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap.Expand .item .titleWrap .title {
  height: auto;
  -webkit-line-clamp: inherit;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap.Expand .item .titleWrap .btnWrap .btnExpander > i {
  position: relative;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap.Expand .item .titleWrap .btnWrap .btnExpander > i::before, .notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap.Expand .item .titleWrap .btnWrap .btnExpander > i::after {
  content: "";
  width: 7px;
  height: 1.5px;
  background-color: #333;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap.Expand .item .titleWrap .btnWrap .btnExpander > i::before {
  position: absolute;
  top: 0;
  left: -4px;
  transform: rotate(45deg);
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap.Expand .item .titleWrap .btnWrap .btnExpander > i::after {
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-45deg);
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap.Expand .item .msgContentWrap {
  display: block;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap.Expand:hover .item {
  background-color: transparent;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap:last-child {
  margin-bottom: 0;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap:hover .item {
  background-color: rgba(51, 51, 51, 0.1);
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap:hover .item .titleWrap .btnWrap .btnClear {
  display: flex;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .timeline {
  position: absolute;
  top: 20px;
  left: 12px;
  width: 6px;
  height: 6px;
  flex-shrink: 0;
  z-index: 9;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .timeline .dot {
  display: flex;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: transparent;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item {
  position: relative;
  width: 100%;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  background-color: #fff;
  overflow: hidden;
  transition: all 0.3s;
  cursor: pointer;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .titleWrap {
  min-height: 80px;
  padding: 12px 35px 12px 28px;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .titleWrap .title {
  display: -webkit-box;
  height: 34px;
  font-size: 13px;
  margin-bottom: 5px;
  letter-spacing: -0.6px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  word-break: break-all;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .titleWrap .txtDate {
  color: #999;
  font-size: 12px;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .titleWrap .btnWrap {
  position: absolute;
  top: 8px;
  right: 10px;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .titleWrap .btnWrap .btnExpander {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
  opacity: 0.3;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .titleWrap .btnWrap .btnExpander > i {
  position: relative;
  transition: all 0.3s;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .titleWrap .btnWrap .btnExpander > i::before, .notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .titleWrap .btnWrap .btnExpander > i::after {
  content: "";
  width: 7px;
  height: 1.5px;
  background-color: #333;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .titleWrap .btnWrap .btnExpander > i::before {
  position: absolute;
  top: 0;
  left: -4px;
  transform: rotate(135deg);
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .titleWrap .btnWrap .btnExpander > i::after {
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-135deg);
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .titleWrap .btnWrap .btnExpander:hover {
  opacity: 1;
  cursor: pointer;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .titleWrap .btnWrap .btnClear {
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  width: 30px;
  height: 30px;
  opacity: 0.7;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .titleWrap .btnWrap .btnClear > i {
  display: inline-block;
  width: 16px;
  height: 15px;
  background-position: -53px -97px;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .titleWrap .btnWrap .btnClear:hover {
  opacity: 1;
  cursor: pointer;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .msgContentWrap {
  display: none;
  padding: 5px 16px 12px 24px;
  cursor: auto;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .msgContentWrap .msgContent {
  margin-left: 4px;
  font-size: 13px;
  padding: 0;
  color: #333;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .msgContentWrap .btnGoToPgm {
  display: flex;
  align-items: center;
  width: 100%;
  height: 34px;
  border-radius: 50px;
  background-color: rgba(21, 176, 101, 0.1);
  padding: 5px;
  margin-top: 15px;
  transition: all 0.2s;
  cursor: pointer;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .msgContentWrap .btnGoToPgm:hover {
  background-color: rgba(21, 176, 101, 0.2);
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .msgContentWrap .btnGoToPgm .iconPgm {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #15B065;
  margin-right: 10px;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .msgContentWrap .btnGoToPgm .iconPgm > i {
  display: inline-block;
  width: 12px;
  height: 11px;
  background-position: -54px -51px;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .msgContentWrap .btnGoToPgm .txtTitle {
  font-weight: bold;
  font-size: 12px;
  color: #333;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .msgContentWrap .btnGoToPgm .iconGoToPgmArrow {
  position: relative;
  width: 8px;
  height: 12px;
  margin-left: auto;
  margin-right: 5px;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .msgContentWrap .btnGoToPgm .iconGoToPgmArrow::before, .notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .msgContentWrap .btnGoToPgm .iconGoToPgmArrow::after {
  content: "";
  width: 7px;
  height: 1.5px;
  background-color: #15B065;
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .msgContentWrap .btnGoToPgm .iconGoToPgmArrow::before {
  position: absolute;
  top: 7px;
  right: 0;
  transform: rotate(-45deg);
}
.notiAreaWrap .notiArea .msgArea .msgList ul .itemWrap .item .msgContentWrap .btnGoToPgm .iconGoToPgmArrow::after {
  position: absolute;
  top: 3px;
  right: 0;
  transform: rotate(45deg);
}
.notiAreaWrap .notiArea .msgArea .msgList .moreItem {
  position: relative;
  display: flex;
  margin: 10px 20px;
}
.notiAreaWrap .notiArea .msgArea .msgList .moreItem .timeline {
  display: none;
}
.notiAreaWrap .notiArea .msgArea .msgList .moreItem .btnMore {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  color: #15B065;
  font-size: 12px;
  font-weight: bold;
  transition: all 0.3s;
  cursor: pointer;
}
.notiAreaWrap .notiArea .msgArea .msgList .moreItem .btnMore:hover {
  text-decoration: underline;
}
.notiAreaWrap .notiArea .msgArea .msgList .noData {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.notiAreaWrap .notiArea .msgArea .msgList .noData > i {
  display: inline-block;
  width: 37px;
  height: 33px;
  background-position: 0px -70px;
  margin-bottom: 15px;
}
.notiAreaWrap .notiArea .msgArea .msgList .noData .txt {
  color: #999;
  font-size: 12px;
}
.notiAreaWrap .notiArea .msgArea .footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
  height: 35px;
  border-radius: 0 0 10px 10px;
  background-color: #e5e5eb;
}
.notiAreaWrap .notiArea .msgArea .footer .iconInfo {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-position: -54px -72px;
  margin-right: 5px;
}
.notiAreaWrap .notiArea .msgArea .footer .msgInfo {
  color: #999;
  font-size: 11px;
}
.notiAreaWrap .notiArea .contentsWrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px 20px;
  overflow: hidden;
}
.notiAreaWrap .notiArea .contentsWrap > .titleArea {
  flex-shrink: 0;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
}
.notiAreaWrap .notiArea .contentsWrap > .titleArea > .txtTitle {
  display: flex;
  align-items: center;
}
.notiAreaWrap .notiArea .contentsWrap > .titleArea > .txtTitle > .ico_main {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.notiAreaWrap .notiArea .contentsWrap > .titleArea > .btn.Del {
  padding: 3px 8px;
  color: #333;
  font-size: 11px;
  letter-spacing: -0.8px;
}
.notiAreaWrap .notiArea .contentsWrap > .titleArea > .btn.Del:hover, .notiAreaWrap .notiArea .contentsWrap > .titleArea > .btn.Del :focus {
  color: #FF6262;
  background-color: #d1d1d1;
  cursor: pointer;
}
.notiAreaWrap .notiArea .contentsWrap > .titleArea > .btn.More {
  padding: 3px 8px;
  color: #fff;
  font-size: 11px;
  border-radius: 2px;
  background-color: #333;
}
.notiAreaWrap .notiArea .contentsWrap > .titleArea > .btn.More:hover, .notiAreaWrap .notiArea .contentsWrap > .titleArea > .btn.More :focus {
  cursor: pointer;
  background-color: #999;
}
.notiAreaWrap .notiArea .contentsWrap .txtTitle {
  font-size: 14px;
}
.notiAreaWrap .notiArea .contentsWrap .txtDescription {
  font-size: 12px;
  opacity: 0.7;
}
.notiAreaWrap .notiArea .contentsWrap ul > li.New .txtTitle:before {
  flex-shrink: 0;
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #fe8739;
}
.notiAreaWrap .notiArea .contentsWrap .alarmListArea {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.notiAreaWrap .notiArea .contentsWrap .alarmListArea .ulAlarm > li {
  position: relative;
  padding: 10px 30px 10px 50px;
}
.notiAreaWrap .notiArea .contentsWrap .alarmListArea .ulAlarm > li .icon {
  position: absolute;
  top: 5px;
  left: 0px;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #E1F2E7;
}
.notiAreaWrap .notiArea .contentsWrap .alarmListArea .ulAlarm > li .icon > .ico_main {
  width: 13px;
  height: 12px;
  background-position: -221px -384px;
}
.notiAreaWrap .notiArea .contentsWrap .alarmListArea .ulAlarm > li .contentsArea {
  display: none;
  font-size: 12px;
}
.notiAreaWrap .notiArea .contentsWrap .alarmListArea .ulAlarm > li .btnExpander {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.notiAreaWrap .notiArea .contentsWrap .alarmListArea .ulAlarm > li .btnExpander > i {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-left: 1px solid #999999;
  border-bottom: 1px solid #999999;
  transform: rotate(-45deg);
}
.notiAreaWrap .notiArea .contentsWrap .alarmListArea .ulAlarm > li .btnExpander:hover {
  background-color: #d1d1d1;
  cursor: pointer;
}
.notiAreaWrap .notiArea .contentsWrap .alarmListArea .ulAlarm > li.Expand .contentsArea {
  display: inline-block;
  overflow: hidden;
}
.notiAreaWrap .notiArea .contentsWrap .alarmListArea .ulAlarm > li.Expand .contentsArea .btnExpander > i {
  transform: rotate(135deg);
}
.notiAreaWrap .notiArea .contentsWrap .boardListArea {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.notiAreaWrap .notiArea .contentsWrap .boardListArea > .ulBoard > li {
  padding: 10px 0;
}
.notiAreaWrap .notiArea .contentsWrap .boardListArea > .ulBoard > li .txtTitle {
  margin-bottom: 8px;
}

/*********************************************************************
     기능별 스타일 - _Fuction_KUMS.scss
**********************************************************************/
.sendMessageArea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.sendMessageArea .divInformation {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 320px);
  height: calc(100% - 65px);
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
}
.sendMessageArea > .popupArea {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid #ebebeb;
  background-color: #fff;
}
.sendMessageArea > .popupArea i * {
  display: inline-block;
}
.sendMessageArea > .popupArea > .bodyArea {
  height: 100%;
  display: flex;
}
.sendMessageArea > .popupArea > .bodyArea .searchArea {
  flex-shrink: 0;
  display: block;
  position: relative;
  height: 30px;
  margin: 0 10px 10px 10px;
}
.sendMessageArea > .popupArea > .bodyArea .searchArea > input {
  width: 100%;
  height: 100%;
  padding: 8px 30px 8px 8px;
  font-size: 13px;
  border: 1px solid #DBE1E6;
  background-color: transparent;
}
.sendMessageArea > .popupArea > .bodyArea .searchArea > input:focus {
  border-color: #15B065;
}
.sendMessageArea > .popupArea > .bodyArea .searchArea > .btnQuery {
  position: absolute;
  top: 4px;
  right: 1px;
  display: inline-flex;
  width: 30px;
  height: 30px;
}
.sendMessageArea > .popupArea > .bodyArea .searchArea > .btnQuery > i {
  position: absolute;
  top: 5px;
  left: 6px;
  width: 14px;
  height: 13px;
  background-position: -12px -83px;
}
.sendMessageArea > .popupArea > .bodyArea .multiDataList {
  position: relative;
  display: none;
  flex-direction: column;
  width: 230px;
  flex-shrink: 0;
  height: 100%;
  border-right: 1px solid #e6e6e6;
  background-color: #fff;
}
.sendMessageArea > .popupArea > .bodyArea .multiDataList > .txtMent {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  height: 30px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f7f7f7;
  border-bottom: 1px solid #e6e6e6;
  padding: 0 10px;
  /*&:before {
  	top: 6px;
  	width: 12px;
  	height: 1px;
  	background-color: currentColor;
  }

  &:after {
  	top: 2px;
  	width: 8px;
  	height: 8px;
  	border-left: 1px currentColor solid;
  	border-top: 1px currentColor solid;
  	transform: rotate(-45deg);
  }*/
}
.sendMessageArea > .popupArea > .bodyArea .multiDataList > .txtMent:before, .sendMessageArea > .popupArea > .bodyArea .multiDataList > .txtMent:after {
  content: "";
  position: absolute;
  left: -17px;
}
.sendMessageArea > .popupArea > .bodyArea .multiDataList > .txtMent > .point {
  color: #15B065;
}
.sendMessageArea > .popupArea > .bodyArea .multiDataList > .dataArea {
  height: 100%;
  overflow-y: auto;
}
.sendMessageArea > .popupArea > .bodyArea .multiDataList > .dataArea .ulData > li {
  position: relative;
  min-height: 55px;
  border-bottom: 1px solid #EDEDED;
  cursor: pointer;
  padding: 10px;
  /*&.Selected > .txtTitle:before,
  &:hover > .txtTitle:before {
  	content: '';
  	@include position($t:-1px, $l:-14px);
  	width: 5px;
  	height: 11px;
  	border-right: 2px solid $MainColor;
  	border-bottom: 2px solid $MainColor;
  	transform: rotate(45deg);
  }*/
}
.sendMessageArea > .popupArea > .bodyArea .multiDataList > .dataArea .ulData > li > .txtTitle {
  position: relative;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 4px;
}
.sendMessageArea > .popupArea > .bodyArea .multiDataList > .dataArea .ulData > li > .txtDescription {
  font-size: 12px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sendMessageArea > .popupArea > .bodyArea .multiDataList > .dataArea .ulData > li:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.sendMessageArea > .popupArea > .bodyArea .multiDataList > .dataArea .ulData > li.Selected {
  background-color: rgba(21, 176, 101, 0.1);
}
.sendMessageArea > .popupArea > .bodyArea .multiDataList > .dataArea .ulData > li.Selected::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 2px 0px 0px 0px inset #15B065;
}
.sendMessageArea > .popupArea > .bodyArea .tbtnAddress {
  display: none;
  position: absolute;
  left: 230px;
  top: 0px;
}
.sendMessageArea > .popupArea > .bodyArea .tbtnAddress > .btnOpen, .sendMessageArea > .popupArea > .bodyArea .tbtnAddress > .btnClose {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  padding: 0 6px 0 23px;
  margin: 6px 0 0 10px;
  font-size: 11px;
  background-color: #f3f3f3;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #999;
  cursor: pointer;
}
.sendMessageArea > .popupArea > .bodyArea .tbtnAddress > .btnOpen:hover, .sendMessageArea > .popupArea > .bodyArea .tbtnAddress > .btnClose:hover {
  color: #333;
}
.sendMessageArea > .popupArea > .bodyArea .tbtnAddress > .btnOpen::before, .sendMessageArea > .popupArea > .bodyArea .tbtnAddress > .btnOpen::after {
  content: "";
  position: absolute;
  top: 9px;
  left: 5px;
  width: 5px;
  height: 5px;
  border-right: 1px currentColor solid;
  border-top: 1px currentColor solid;
  transform: rotate(45deg);
}
.sendMessageArea > .popupArea > .bodyArea .tbtnAddress > .btnOpen::after {
  position: absolute;
  top: 9px;
  left: 10px;
}
.sendMessageArea > .popupArea > .bodyArea .tbtnAddress > .btnClose {
  display: none;
}
.sendMessageArea > .popupArea > .bodyArea .tbtnAddress > .btnClose::before, .sendMessageArea > .popupArea > .bodyArea .tbtnAddress > .btnClose::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 5px;
  height: 5px;
  border-left: 1px currentColor solid;
  border-top: 1px currentColor solid;
  transform: rotate(-45deg);
}
.sendMessageArea > .popupArea > .bodyArea .tbtnAddress > .btnClose::after {
  position: absolute;
  top: 8px;
  left: 13px;
}
.sendMessageArea > .popupArea > .bodyArea .tbtnAddress input[type=checkbox]:checked + .btnOpen {
  display: none;
}
.sendMessageArea > .popupArea > .bodyArea .tbtnAddress input[type=checkbox]:checked + .btnOpen + .btnClose {
  display: flex;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 230px;
  flex-shrink: 0;
  height: 100%;
  border-right: 1px solid #e6e6e6;
  background-color: #fff;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulTabArea {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 34px;
  margin-bottom: 10px;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulTabArea > li {
  width: 100%;
  height: 100%;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulTabArea > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0px 0px;
  font-size: 12px;
  border-right: 1px solid #e6e6e6;
  background-color: #F4F4F4;
  color: #999;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulTabArea > li > a:hover {
  background-color: #eee;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulTabArea > li:last-child > a {
  border-right: 0;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulTabArea > li.Selected > a {
  color: #333;
  box-shadow: 0px 2px 0 inset #333;
  background-color: #fff;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulTabArea > li.Selected > a:hover {
  background-color: #fff;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea .divAddressEmpty {
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea .divAddressEmpty > section {
  margin: 0 20px;
  display: inline-block;
  text-align: center;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea .divAddressEmpty > section > i {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #ddd;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea .divAddressEmpty > section > i:before, .sendMessageArea > .popupArea > .bodyArea > .leftArea .divAddressEmpty > section > i:after {
  content: "";
  position: absolute;
  left: 23px;
  width: 4px;
  border-radius: 2px;
  background-color: #fff;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea .divAddressEmpty > section > i:before {
  top: 12px;
  height: 5px;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea .divAddressEmpty > section > i:after {
  top: 22px;
  height: 18px;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea .divAddressEmpty > section > p {
  font-size: 12px;
  color: #999999;
  margin-top: 10px;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList > li {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 55px;
  padding: 8px 10px;
  border-bottom: 1px solid #EDEDED;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList > li > .txtTitle {
  font-size: 13px;
  color: #999;
  margin-bottom: 4px;
  letter-spacing: -0.5px;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList > li .txtInfo {
  display: flex;
  overflow: hidden;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList > li .txtInfo > p {
  color: #999;
  font-size: 12px;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList > li .txtInfo > .txtDescription {
  display: inline-block;
  flex-shrink: 0;
  margin-right: 5px;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList > li .txtInfo > .txtDescription1 {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList > li .txtInfo > .txtDescription1::before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  width: 1px;
  height: 10px;
  background-color: #ccc;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList > li[onmouseout*=mouseOutSelected].Selected, .sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList > li[onmouseout*=mouseOutSelected]:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList > li[onmouseout*=mouseOutSelected] > .txtTitle {
  color: #333;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .orgListWrap, .sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .orgSearchResult {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .orgListWrap .orgList, .sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .orgSearchResult .orgList {
  width: 100%;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .orgListWrap .orgList .divTree, .sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .orgSearchResult .orgList .divTree {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .orgListWrap .orgList .divTree .tree, .sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .orgSearchResult .orgList .divTree .tree {
  height: 100%;
  border: 0;
  padding: 0 5px;
  overflow-y: scroll;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .orgListWrap .orgList .divTree .tree .ulTreeDepth li, .sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .orgSearchResult .orgList .divTree .tree .ulTreeDepth li {
  position: relative;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .orgListWrap .orgList .divTree .tree .ulTreeDepth li > .collapseIcon, .sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .orgSearchResult .orgList .divTree .tree .ulTreeDepth li > .collapseIcon {
  vertical-align: initial;
  margin-left: 5px;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .orgListWrap .orgList .divTree .tree .ulTreeDepth li .treeItem, .sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .orgSearchResult .orgList .divTree .tree .ulTreeDepth li .treeItem {
  display: inline-flex;
  align-items: flex-start;
  margin-left: -5px;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .orgListWrap .orgList .divTree .tree .ulTreeDepth li .treeItem .txtName, .sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .orgSearchResult .orgList .divTree .tree .ulTreeDepth li .treeItem .txtName {
  word-break: break-all;
  white-space: normal;
  margin-top: 3px;
  margin-bottom: 3px;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .orgListWrap .orgList .divTree .tree .ulTreeDepth li .treeItem:hover, .sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .orgSearchResult .orgList .divTree .tree .ulTreeDepth li .treeItem:hover {
  background-color: #f5f5f5;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .orgListWrap .orgList .divTree .tree .ulTreeDepth li .treeItem.selected, .sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .orgSearchResult .orgList .divTree .tree .ulTreeDepth li .treeItem.selected {
  background-color: rgba(21, 176, 101, 0.1);
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .empListWrap {
  flex-shrink: 0;
  height: 50%;
  border-top: 1px solid #EDEDED;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .empListWrap .empList {
  height: 100%;
  overflow-y: auto;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .empListWrap .empList li a {
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 55px;
  padding: 8px 10px;
  border-bottom: 1px solid #EDEDED;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .empListWrap .empList li a .txtName {
  color: #333;
  font-size: 13px;
  margin-bottom: 4px;
  letter-spacing: -0.5px;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .empListWrap .empList li a .txtDept {
  color: #999;
  font-size: 11px;
  margin-bottom: 4px;
  letter-spacing: -0.5px;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .empListWrap .empList li a .txtNb {
  color: #999;
  font-size: 12px;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .empListWrap .empList li a:hover {
  background-color: #f5f5f5;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .empListWrap .empList li.Dis a {
  cursor: default;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .empListWrap .empList li.Dis a * {
  color: #999;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .empListWrap .empList li.Dis a:hover {
  background-color: transparent;
  color: inherit;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .noData {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-size: 13px;
  opacity: 0.5;
  letter-spacing: -0.5px;
  color: #333;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea > .ulList .orgWrap .treeEmpWrap .noData .iconNoEmpData {
  width: 25px;
  height: 27px;
  margin-bottom: 10px;
  background-position: -35px -344px;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea .addrBottom {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
  height: 50px;
  border-top: 1px solid #EDEDED;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea .addrBottom .btnAddressEdit {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 200px;
  height: 30px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  color: #333;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea .addrBottom .btnAddressEdit > i {
  width: 15px;
  height: 14px;
  margin-right: 5px;
  background-position: -10px -344px;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea .addrBottom .btnAddressEdit:hover {
  background-color: #e8e8e8;
  cursor: pointer;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea .btnReceiveListAdd {
  position: absolute;
  top: calc(50% - 10px);
  right: 5px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea .btnReceiveListAdd::before, .sendMessageArea > .popupArea > .bodyArea > .leftArea .btnReceiveListAdd::after {
  position: absolute;
  content: "";
  background-color: transparent;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea .btnReceiveListAdd:before {
  left: 4px;
  top: 9px;
  height: 1px;
  width: 11px;
}
.sendMessageArea > .popupArea > .bodyArea > .leftArea .btnReceiveListAdd:after {
  left: 9px;
  top: 4px;
  height: 11px;
  width: 1px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  color: #333;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .txtDis {
  font-size: 12px;
  color: #666666;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .txtData {
  padding-left: 4px;
  font-size: 12px;
  color: #666666;
  font-weight: normal;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .txtSubTitle {
  font-size: 13px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .txtSubDescription {
  margin-bottom: 10px;
  font-size: 11px;
  color: #666666;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea textarea {
  margin: 0;
  width: 100%;
  padding: 8px;
  font-size: 12px;
  border: 0px;
  color: #333;
  resize: none;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea textarea:focus {
  outline: 0;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .toggleControl {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 60px;
  height: 30px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .toggleControl > .bar {
  height: 10px;
  width: 100%;
  border-radius: 5px;
  background-color: #edeff5;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .toggleControl > .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border: 1px solid #edeff5;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 3px;
  background-color: #fff;
  transition: ease-in 1s;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .toggleControl.Selected > .bar {
  background-color: #15B065;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .toggleControl.Selected > .icon {
  left: auto;
  right: 0;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 0px 10px 10px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea > .divFileUpload {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 105px;
  flex-shrink: 0;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea > .divFileUpload > .fileArea {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea > .divFileUpload > .fileArea > .fileTitle {
  padding-left: 4px;
  padding-bottom: 8px;
  font-size: 12px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea > .divFileUpload > .fileArea > .fileBox {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 0;
  overflow: hidden;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .divResvDate {
  position: relative;
  height: 30px;
  z-index: 9;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox .item {
  display: flex;
  align-items: center;
  padding: 2px 0;
  font-size: 12px;
  min-height: 55px;
  padding: 8px 0;
  border-bottom: 1px solid #EDEDED;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox .item > .receiver {
  display: flex;
  flex-direction: column;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox .item > .receiver .name {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 4px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox .item > .receiver .txtData {
  color: #999;
  font-size: 12px;
  padding: 0;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox .item > .btnWrap {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: auto;
  font-style: normal;
  padding: 3px 4px;
  /*width: calc(100% - 20px);*/
  flex-wrap: wrap;
  font-size: 13px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox .item > .btnWrap i.iconFavorite {
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 3px;
  height: 23px;
  color: #999;
  font-size: 11px;
  font-style: normal;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox .item > .btnWrap i.iconFavorite.Add {
  display: none;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox .item > .btnWrap i.iconFavorite:hover {
  color: #15B065;
  cursor: pointer;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox .item > .btnWrap > .btnDel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #333;
  border-radius: 50%;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox .item > .btnWrap > .btnDel:before, .sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox .item > .btnWrap > .btnDel:after {
  content: "";
  position: absolute;
  width: 11px;
  height: 1px;
  background-color: currentColor;
  transform: rotate(45deg);
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox .item > .btnWrap > .btnDel:after {
  transform: rotate(135deg);
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox .item > .btnWrap > .btnDel:hover {
  background-color: #eaeaea;
  cursor: pointer;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox .item.System > em {
  color: #666666;
  border: 1px solid #e6e6e6;
  background-color: #f9f9f9;
  border-radius: 5px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox .noReceiver {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox .noReceiver > i {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #ddd;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox .noReceiver > i:before, .sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox .noReceiver > i:after {
  content: "";
  position: absolute;
  left: 23px;
  width: 4px;
  border-radius: 2px;
  background-color: #fff;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox .noReceiver > i:before {
  top: 12px;
  height: 5px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox .noReceiver > i:after {
  top: 22px;
  height: 18px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .receiveBox .noReceiver .txt {
  color: #999;
  font-size: 12px;
  margin-top: 10px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation {
  flex-shrink: 0;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 40px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li .title {
  flex-shrink: 0;
  color: #333;
  font-size: 13px;
  font-weight: bold;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li .title::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 11px;
  margin-right: 4px;
  background-position: -10px -109px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li .txtCount {
  flex-shrink: 0;
  font-size: 12px;
  color: #999;
  margin-left: 5px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li .btnWrap {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li .btnWrap .btnRecentRecvList {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0 6px;
  height: 25px;
  margin-left: 5px;
  line-height: 17px;
  color: #333;
  font-size: 11px;
  border-radius: 3px;
  letter-spacing: -0.5px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li .btnWrap .btnRecentRecvList > i {
  display: inline-block;
  width: 13px;
  height: 13px;
  background-position: -30px -109px;
  margin-right: 5px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li .btnWrap .btnRecentRecvList:hover {
  background-color: #efefef;
  cursor: pointer;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li .btnWrap .btnRecentRecvList.Del > i {
  width: 9px;
  height: 9px;
  background-position: -53px -110px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li .btnWrap .btnRecentRecvList.Del:hover {
  background-color: rgba(255, 98, 98, 0.1);
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li.Half {
  width: 50%;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li.receiveRegistor {
  display: flex;
  align-items: center;
  position: relative;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li.receiveRegistor > input[type=text] {
  width: 100%;
  height: 32px;
  background-color: #F7F7F7;
  border-radius: 3px 0 0 3px;
  border: 1px solid #DBE1E6;
  border-right: 0;
  padding: 0 10px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li.receiveRegistor > input[type=text]:focus {
  color: #15B065;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li.receiveRegistor .btn {
  flex-shrink: 0;
  height: 32px;
  color: #15B065;
  font-size: 12px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li.receiveRegistor .btn.Add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(21, 176, 101, 0.1);
  border-radius: 0 3px 3px 0;
  border: 1px solid rgba(21, 176, 101, 0.2);
  padding: 0 10px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li.receiveRegistor .btn.Add > i {
  width: 11px;
  margin-right: 7px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li.receiveRegistor .btn.Add > i:before, .sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li.receiveRegistor .btn.Add > i:after {
  position: absolute;
  content: "";
  width: 11px;
  height: 1px;
  background-color: currentColor;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li.receiveRegistor .btn.Add > i:after {
  transform: rotate(90deg);
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li.receiveRegistor .btn.Add:hover {
  background-color: rgba(21, 176, 101, 0.2);
  cursor: pointer;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li.receiveRegistor .ulComboQuery {
  position: absolute;
  top: 47px;
  left: 0px;
  border: 1px solid #999999;
  background-color: #fff;
  z-index: 9;
  width: calc(100% - 60px);
  max-height: 300px;
  overflow-y: auto;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li.receiveRegistor .ulComboQuery > li {
  position: relative;
  padding: 4px 8px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li.receiveRegistor .ulComboQuery > li > em {
  font-style: normal;
  font-size: 13px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li.receiveRegistor .ulComboQuery > li > em > span {
  margin-right: 5px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li.receiveRegistor .ulComboQuery > li > .btnAdd {
  position: absolute;
  top: 4px;
  right: 5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #333;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li.receiveRegistor .ulComboQuery > li > .btnAdd::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background-color: currentColor;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li.receiveRegistor .ulComboQuery > li > .btnAdd::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background-color: currentColor;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li.receiveRegistor .ulComboQuery > li > .btnAdd:hover {
  cursor: pointer;
  background-color: #15B065;
  color: #fff;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .messageArea .ulInformation > li .layoutControl > .labelCaption {
  text-align: left !important;
  padding-left: 5px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .btnArea {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
  height: 50px;
  background-color: #fff;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .btnArea > .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 8px 16px;
  min-width: 150px;
  color: #fff;
  font-size: 15px;
  border: 0px;
  border-radius: 5px;
  background-color: #15B065;
  padding: 0 15px;
  cursor: pointer;
  transition: all 0.3s;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .btnArea > .btn:hover {
  background-color: #129958;
  cursor: pointer;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .btnArea > .btn:active {
  background-color: #119053;
  cursor: pointer;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .btnArea > .btn.btnLine {
  border: 1px solid #e6e6e6;
  background-color: #fff;
  color: #15B065;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .btnArea > .btn.btnLine:hover {
  background-color: rgba(21, 176, 101, 0.1);
  border-color: rgba(21, 176, 101, 0.1);
  cursor: pointer;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .btnArea > .btn.btnLine:active {
  background-color: rgba(21, 176, 101, 0.15);
  border-color: rgba(21, 176, 101, 0.15);
  cursor: pointer;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea .btnArea > .btn.Sub {
  background-color: #999999;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea > .mobile {
  display: inline-block;
  text-align: center;
  width: 300px;
  flex-shrink: 0;
  height: calc(100% - 20px);
  padding: 10px;
  margin: 10px;
  border: 1px solid #e6e6e6;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea > .mobile > .topShape {
  display: inline-block;
  width: 50px;
  height: 6px;
  border-radius: 3px;
  background-color: #e6e6e6;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea > .mobile .txtTitle {
  font-size: 13px;
  font-weight: bold;
  color: #333;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea > .mobile .txtDescription {
  font-size: 11px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea > .mobile .talkArea {
  position: relative;
  padding: 10px 10px 0 10px;
  width: calc(100% - 0px);
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea > .mobile .talkArea .alarmTalkArea {
  position: relative;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea > .mobile .talkArea .alarmTalkArea > .txtTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  background-color: #fbe300;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea > .mobile .talkArea .alarmTalkArea > .txtTitle > i {
  display: inline-block;
  width: 80px;
  height: 18px;
  background-position: -6px -200px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea > .mobile .talkArea .alarmTalkArea .logoKaKao {
  position: absolute;
  top: -10px;
  right: -5px;
  width: 26px;
  height: 26px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #391e11;
  background-position: -87px -192px;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea > .mobile .talkArea > .imgLogo {
  position: absolute;
  top: 0px;
  left: -35px;
  width: 28px;
  height: 28px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #fff;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea > .mobile .talkArea > .txtName {
  font-size: 11px;
  padding: 4px 0;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea > .mobile .talkArea .alarmTalkMsg .txtMessageTemplate {
  padding: 8px;
  font-size: 12px;
  color: #666666;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea > .mobile .talkArea .alarmTalkMsg .btnAddMessage {
  display: block;
  padding: 4px 8px;
  margin-top: -1px;
  color: #434a4e;
  font-size: 12px;
  border: 1px solid #e6e6e6;
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea > .mobile .messageInputArea {
  flex-shrink: 0;
  width: 100%;
  padding: 0 10px 6px 10px;
  background-color: #9fc0d8;
  overflow: hidden;
  /*
                    .btnMsgPreview {
                        position: absolute;
                        right: 5px;
                        bottom: 5px;
                        width: 30px;
                        height: 30px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background-color: #ccc;
                        border-radius: 50%;
                        > i {
                            cursor: pointer;
                            width: 30px;
                            display: inline-block;
                            height: 30px;
                            background-size: 40px;
                            @include imgKUMS(-12px -320px);
                            //background-image: url('../../Images/btnUp.png');
                            //background-position: -4px -6px;
                        }
                        &:hover {
                            background-color: $MainColor;
                        }
                    }
                */
}
.sendMessageArea > .popupArea > .bodyArea > .rightArea > .mobile .messageInputArea > textarea {
  height: 100px;
}
.sendMessageArea.KakaoTalk > .popupArea > .bodyArea > .rightArea > .mobile .messageInputArea .btnMsgPreview {
  display: none;
}
.sendMessageArea.KakaoTalk .kkoTemp {
  display: flex;
  flex-direction: column;
  padding-top: 15px;
  margin-top: 10px;
  height: calc(100% - 35px);
  border-radius: 5px;
  background-color: #9fc0d8;
  border-bottom: 10px solid #9fc0d8;
}
.sendMessageArea.KakaoTalk .kkoTemp > header {
  flex-shrink: 0;
}
.sendMessageArea.KakaoTalk .kkoTemp > .checkbox {
  display: none;
  justify-content: flex-end;
  align-items: center;
  padding: 0 10px;
}
.sendMessageArea.KakaoTalk .kkoTemp > .checkbox > .txtCaption {
  margin-right: 5px;
  font-size: 12px;
  opacity: 0.5;
}
.sendMessageArea.KakaoTalk .kkoTemp > .checkbox > .checkSwitch {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 30px;
  cursor: pointer;
}
.sendMessageArea.KakaoTalk .kkoTemp > .checkbox > .checkSwitch::before, .sendMessageArea.KakaoTalk .kkoTemp > .checkbox > .checkSwitch:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  transition: 0.3s;
}
.sendMessageArea.KakaoTalk .kkoTemp > .checkbox > .checkSwitch:before {
  top: 7px;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background-color: rgba(51, 51, 51, 0.3);
}
.sendMessageArea.KakaoTalk .kkoTemp > .checkbox > .checkSwitch:after {
  top: 1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #cccccc;
  background-color: #fff;
  box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.sendMessageArea.KakaoTalk .kkoTemp > .checkbox > input[type=checkbox]:checked + .txtCaption {
  opacity: 1;
}
.sendMessageArea.KakaoTalk .kkoTemp > .checkbox > input[type=checkbox]:checked + .txtCaption + .checkSwitch:before {
  background-color: #15B065;
}
.sendMessageArea.KakaoTalk .kkoTemp > .checkbox > input[type=checkbox]:checked + .txtCaption + .checkSwitch:after {
  left: 15px;
}
.sendMessageArea.KakaoTalk .kakaoMessge {
  height: 275px;
}
.sendMessageArea.SMS > .popupArea > .bodyArea > .rightArea .btnArea, .sendMessageArea.Fax > .popupArea > .bodyArea > .rightArea .btnArea {
  justify-content: normal;
}
.sendMessageArea.SMS > .popupArea > .bodyArea > .rightArea .btnArea .sender, .sendMessageArea.Fax > .popupArea > .bodyArea > .rightArea .btnArea .sender {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 240px;
  height: 40px;
  padding: 0 3px 0 10px;
  background-color: #F7F7F7;
  cursor: default;
}
.sendMessageArea.SMS > .popupArea > .bodyArea > .rightArea .btnArea .sender > label, .sendMessageArea.Fax > .popupArea > .bodyArea > .rightArea .btnArea .sender > label {
  flex-shrink: 0;
  margin-right: 15px;
  font-size: 13px;
  font-weight: bold;
}
.sendMessageArea.SMS > .popupArea > .bodyArea > .rightArea .btnArea .sender > input, .sendMessageArea.Fax > .popupArea > .bodyArea > .rightArea .btnArea .sender > input {
  background-color: #fff;
  padding: 0 10px;
  height: 34px;
  width: 100%;
  border: 0;
}
.sendMessageArea.SMS > .popupArea > .bodyArea > .rightArea .btnArea .sender > input:read-only, .sendMessageArea.SMS > .popupArea > .bodyArea > .rightArea .btnArea .sender > input:disabled, .sendMessageArea.Fax > .popupArea > .bodyArea > .rightArea .btnArea .sender > input:read-only, .sendMessageArea.Fax > .popupArea > .bodyArea > .rightArea .btnArea .sender > input:disabled {
  background-color: transparent;
  cursor: default;
}
.sendMessageArea.SMS > .popupArea > .bodyArea > .rightArea .btnArea .btn.Send, .sendMessageArea.Fax > .popupArea > .bodyArea > .rightArea .btnArea .btn.Send {
  width: 100%;
  margin: 0 0 0 10px;
}
.sendMessageArea.SMS .smsArea {
  padding: 5px;
  height: 92%;
  border-radius: 5px;
  background-color: #edeff5;
  margin-top: 10px;
}
.sendMessageArea.SMS .smsArea > .smsMsgArea {
  position: relative;
  display: block;
  padding: 5px 5px 10px 5px;
  border-radius: 5px;
}
.sendMessageArea.SMS .smsArea > .smsMsgArea textarea {
  width: 100%;
  height: 200px;
  border: 1px solid #fff;
}
.sendMessageArea.SMS .smsArea > .smsMsgArea > .txtCount {
  font-size: 11px;
  color: #999999;
}
.sendMessageArea.SMS .smsMobileButton {
  margin: 5px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
}
.sendMessageArea.Fax > .popupArea > .bodyArea > .rightArea .fax {
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  width: 320px;
  padding: 10px;
  margin-left: 10px;
  border-left: 1px solid #e6e6e6;
}
.sendMessageArea.Fax > .popupArea > .bodyArea > .rightArea .fax > input[type=text] {
  padding: 8px 0 8px 4px;
  border: 0px;
  border-bottom: 1px solid #333;
  font-size: 13px;
  color: #333;
}
.sendMessageArea.Fax > .popupArea > .bodyArea > .rightArea .fax > input[type=text]:focus {
  border-color: #15B065;
}
.sendMessageArea.Fax > .popupArea > .bodyArea > .rightArea .fax > .txtDescription {
  display: flex;
  align-items: center;
  margin: 10px 0;
  font-size: 11px;
  color: #666666;
}
.sendMessageArea.Fax > .popupArea > .bodyArea > .rightArea .fax > .txtDescription:before {
  content: "!";
  width: 14px;
  height: 14px;
  margin-right: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #FF6262;
  border-radius: 50%;
  border: 1px solid #FF6262;
}
.sendMessageArea.Fax > .popupArea > .bodyArea > .rightArea .fax > .DevLayout {
  position: relative;
  left: auto;
  top: auto;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea {
  padding: 10px;
  overflow-y: auto;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation {
  flex-shrink: 0;
  margin-bottom: 10px;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  width: 100%;
  min-height: 41px;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li > label {
  flex-shrink: 0;
  height: 100%;
  padding-top: 12px;
  padding-left: 4px;
  width: 80px;
  font-size: 12px;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li > input[type=text] {
  height: 100%;
  min-height: 40px;
  width: 100% !important;
  padding: 8px 0;
  border: 0px;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li > input[type=text]:focus {
  box-shadow: 0 -1px 0px inset #15B065;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li > input[type=text]:read-only, .sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li > input[type=text]:disabled {
  box-shadow: none;
  color: #999;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li > input[type=text]:read-only:hover, .sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li > input[type=text]:read-only:focus, .sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li > input[type=text]:disabled:hover, .sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li > input[type=text]:disabled:focus {
  box-shadow: none;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li.sender > input {
  width: calc(100% - 210px) !important;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li.receiver {
  align-items: flex-start;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li.receiver > .inputArea {
  position: relative;
  display: flex;
  align-items: center;
  width: 100% !important;
  height: 100%;
  min-height: 40px;
  padding: 0;
  border-bottom: 1px solid #e6e6e6;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li.receiver > .inputArea.Selected {
  box-shadow: 0 -1px 0px inset #15B065;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li.receiver > .inputArea > .txtName {
  padding-left: 5px;
  font-size: 12px;
  color: #e6e6e6;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li.receiver > .inputArea .receiveMsg {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  min-height: 40px;
  padding-top: 9px;
  margin: 0;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li.receiver > .inputArea .receiveMsg > textarea {
  width: 100%;
  padding: 2px 0;
  border: none;
  background-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li.receiver > .inputArea .receiveMsg .item {
  position: relative;
  margin: 0 5px 5px 0;
  display: inline-flex;
  align-items: center;
  padding-left: 5px;
  height: 22px;
  border: 1px solid #15B065;
  border-radius: 3px;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li.receiver > .inputArea .receiveMsg .item * {
  font-size: 11px;
  color: #15B065;
  font-style: normal;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li.receiver > .inputArea .receiveMsg .item > .btnDel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #15B065;
  border-radius: 50%;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li.receiver > .inputArea .receiveMsg .item > .btnDel:before, .sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li.receiver > .inputArea .receiveMsg .item > .btnDel:after {
  content: "";
  position: absolute;
  width: 11px;
  height: 1px;
  background-color: currentColor;
  transform: rotate(45deg);
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li.receiver > .inputArea .receiveMsg .item > .btnDel:after {
  transform: rotate(135deg);
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li.receiver > .inputArea .individualCheckArea {
  display: flex;
  justify-content: flex-end;
  align-self: flex-start;
  flex-shrink: 0;
  padding-top: 12px;
  padding-left: 10px;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li.receiver > .inputArea .individualCheckArea > input[type=checkbox] {
  display: none;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li.receiver > .inputArea .individualCheckArea > input[type=checkbox] + label {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 11px;
  white-space: nowrap;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li.receiver > .inputArea .individualCheckArea > input[type=checkbox] + label::before {
  content: "";
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 1px solid #cbd6dd;
  background-color: #fff;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li.receiver > .inputArea .individualCheckArea > input[type=checkbox]:focus + label {
  outline: 1px solid #15B065;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li.receiver > .inputArea .individualCheckArea > input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 7px;
  height: 4px;
  border-left: 2px solid #15B065;
  border-bottom: 2px solid #15B065;
  transform: rotate(-45deg);
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailInformation > li.receiver > .inputArea .individualCheckArea > input[type=checkbox]:checked + label::before {
  border: 1px solid #15B065;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailContent {
  padding-bottom: 20px;
  font-size: 12px;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .mailContent .k-content.wide table.k-editor-widget {
  width: calc(100% - 2px) !important;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .btnArea {
  position: fixed;
  top: 15px;
  right: 18px;
  width: 100px;
  height: 40px;
  background-color: transparent;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .btnArea > .btn {
  min-width: 100px;
  cursor: pointer;
  box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.2);
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .btnArea > .btn:hover, .sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .btnArea > .btn:focus {
  box-shadow: inset 3px 3px 1000px rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.25) 1px 2px 5px;
}
.sendMessageArea.Mail > .popupArea > .bodyArea > .rightArea .btnArea > .btn:active {
  box-shadow: inset 3px 3px 1000px rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.25) 1px 2px 5px;
}
.sendMessageArea.Multi .kkoTemp > .checkbox {
  display: flex;
}
.sendMessageArea.Multi > .popupArea > .bodyArea .multiDataList {
  display: flex;
}
.sendMessageArea.Multi > .popupArea > .bodyArea > .rightArea .kakaoMessge {
  height: 255px;
}
.sendMessageArea.Multi > .popupArea > .bodyArea > .rightArea .messageArea {
  padding-top: 35px;
}
.sendMessageArea.Multi > .popupArea > .bodyArea .tbtnAddress {
  display: inline-flex;
  z-index: 1;
}
.sendMessageArea.Multi > .popupArea > .bodyArea > .leftArea {
  position: absolute;
  left: -230px;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: 0.3s;
}
.sendMessageArea.Multi .divInformation .msgArea {
  padding: 20px;
  border-radius: 10px;
  background-color: rgba(217, 217, 217, 0.4);
  text-align: center;
  font-size: 13px;
}
.sendMessageArea.Multi .divInformation .msgArea > i {
  display: inline-block;
  margin-bottom: 10px;
  width: 51px;
  height: 46px;
  background-position: 0px -380px;
}
.sendMessageArea.Multi.AllEditMode .divInformation {
  display: flex;
}
.sendMessageArea.Multi.AllEditMode .divInformation .msgArea.icon_info_alt {
  width: 50px;
  height: 50px;
  background-position: 0 0;
}
.sendMessageArea.Multi.AllEditMode .tbtnAddress {
  display: none;
}
.sendMessageArea.Multi.AllEditMode > .popupArea > .bodyArea > .leftArea {
  left: -230px !important;
}
.sendMessageArea.Multi.AddressOpen > .popupArea > .bodyArea > .leftArea {
  left: 0;
  opacity: 1;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}

.bgAddressArea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fade-in 0.5s forwards;
  z-index: 1;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.bgAddressArea .AddressArea {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 760px;
  height: 90%;
  padding: 0 15px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
  animation: fade-in 0.5s forwards;
  z-index: 7;
}
.bgAddressArea .AddressArea > h1 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: bold;
  height: 45px;
}
.bgAddressArea .AddressArea > .btnClose {
  position: absolute;
  top: 5px;
  right: 5px;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  background-position: -2px -30px;
}
.bgAddressArea .AddressArea > .btnClose:hover {
  background-color: #e6e6e6;
  cursor: pointer;
}
.bgAddressArea .AddressArea > .addAddressArea {
  display: flex;
  align-items: center;
  height: 30px;
  width: 100%;
  margin-bottom: 10px;
}
.bgAddressArea .AddressArea > .addAddressArea > .txtCaption {
  display: inline-block;
  font-size: 13px;
  margin-right: 8px;
}
.bgAddressArea .AddressArea > .addAddressArea > input[type=text] {
  width: 110px;
  height: 30px;
  margin-right: 5px;
  padding: 4px 6px;
  font-size: 12px;
  color: #333;
  border: 1px solid #cbd6dd;
  background-color: #fff;
}
.bgAddressArea .AddressArea > .addAddressArea > input[type=text]:focus {
  color: #15B065;
  border-color: #15B065;
}
.bgAddressArea .AddressArea > .addAddressArea > input[type=text].Email {
  width: 145px;
}
.bgAddressArea .AddressArea > .addAddressArea > input[type=text].Remark {
  width: 260px;
}
.bgAddressArea .AddressArea > .addAddressArea > input[type=button] {
  height: 30px;
  padding: 4px 15px;
  margin-left: auto;
  font-size: 13px;
  color: #fff;
  border: 0;
  background-color: #15B065;
}
.bgAddressArea .AddressArea > .addAddressArea > input[type=button]:hover {
  background-color: #18c772;
  cursor: pointer;
}
.bgAddressArea .AddressArea > .addressListArea {
  display: flex;
  flex-direction: column;
  height: calc(100% - 120px);
  margin-bottom: 20px;
  width: 100%;
}
.bgAddressArea .AddressArea > .addressListArea table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.bgAddressArea .AddressArea > .addressListArea table tr {
  position: relative;
}
.bgAddressArea .AddressArea > .addressListArea table tr.EditMode td > input[type=text], .bgAddressArea .AddressArea > .addressListArea table tr.EditMode td > input[type=button] {
  display: inline-block;
}
.bgAddressArea .AddressArea > .addressListArea table tr.EditMode td > span, .bgAddressArea .AddressArea > .addressListArea table tr.EditMode td > a > i {
  display: none;
}
.bgAddressArea .AddressArea > .addressListArea table th {
  position: sticky;
  top: 0px;
  padding: 6px 3px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  background-color: #eee;
  border-right: 1px solid #d7d7d7;
  z-index: 1;
}
.bgAddressArea .AddressArea > .addressListArea table th.Edit, .bgAddressArea .AddressArea > .addressListArea table th.Del {
  font-weight: normal;
}
.bgAddressArea .AddressArea > .addressListArea table th:last-child {
  border-right: 0;
}
.bgAddressArea .AddressArea > .addressListArea table td {
  padding: 6px 10px;
  border-bottom: 1px solid #e6e6e6;
}
.bgAddressArea .AddressArea > .addressListArea table td > span {
  display: inline-block;
  font-size: 12px;
  color: #666666;
  word-break: break-all;
}
.bgAddressArea .AddressArea > .addressListArea table td > input[type=text] {
  display: none;
  margin-left: -5px;
  width: calc(100% + 11px);
  height: 100%;
  padding: 2px 4px;
  font-size: 12px;
  border: 1px solid #cbd6dd;
  background-color: #fff;
  color: #333;
}
.bgAddressArea .AddressArea > .addressListArea table td > input[type=text]:focus {
  color: #15B065;
  border: 1px solid #15B065;
}
.bgAddressArea .AddressArea > .addressListArea table td > input[type=button] {
  display: none;
  padding: 2px 8px;
  font-size: 11px;
  color: #15B065;
  border: 0px;
  background-color: rgba(21, 176, 101, 0.1);
  border: 1px solid rgba(21, 176, 101, 0.2);
}
.bgAddressArea .AddressArea > .addressListArea table td > input[type=button]:hover {
  background-color: rgba(21, 176, 101, 0.3);
  cursor: pointer;
}
.bgAddressArea .AddressArea > .addressListArea table td > a > i {
  display: inline-block;
}
.bgAddressArea .AddressArea > .addressListArea table td.Del > a > i {
  width: 15px;
  height: 13px;
  background-position: -38px -299px;
}
.bgAddressArea .AddressArea > .addressListArea table td.Edit > a > i {
  width: 11px;
  height: 13px;
  background-position: -12px -299px;
}
.bgAddressArea .AddressArea > .addressListArea table .Name {
  width: 200px;
  color: #333;
}
.bgAddressArea .AddressArea > .addressListArea table .Mobile {
  width: 170px;
}
.bgAddressArea .AddressArea > .addressListArea table .Email {
  width: 230px;
}
.bgAddressArea .AddressArea > .addressListArea table .Remark {
  width: 260px;
}
.bgAddressArea .AddressArea > .addressListArea table .Remark > span {
  font-size: 11px;
}
.bgAddressArea .AddressArea > .addressListArea table .Edit, .bgAddressArea .AddressArea > .addressListArea table .Del {
  width: 60px;
  text-align: center;
}
.bgAddressArea .AddressArea > .addressListArea .addrListHeader {
  flex-shrink: 0;
  height: 28px;
}
.bgAddressArea .AddressArea > .addressListArea .addrListHeader > ul {
  display: flex;
}
.bgAddressArea .AddressArea > .addressListArea .addrListHeader > ul li {
  padding: 6px 3px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  background-color: #eee;
  border-right: 1px solid #d7d7d7;
  z-index: 1;
}
.bgAddressArea .AddressArea > .addressListArea .addrListHeader > ul li.Del {
  border-right: 0;
}
.bgAddressArea .AddressArea > .addressListArea .addrListHeader > ul li.empty {
  width: 8px;
  border-right: 0;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item {
  display: flex;
  flex-wrap: wrap;
  min-height: 30px;
  border-bottom: 1px solid #e6e6e6;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item li {
  flex-shrink: 0;
  padding: 6px 10px;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item li span {
  display: inline-block;
  font-size: 12px;
  word-break: break-all;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item li input[type=text] {
  display: none;
  margin-left: -5px;
  width: calc(100% + 11px);
  height: 100%;
  padding: 2px 4px;
  font-size: 12px;
  border: 1px solid #cbd6dd;
  background-color: #fff;
  color: #333;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item li input[type=text]:focus {
  color: #15B065;
  border: 1px solid #15B065;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item li input[type=button] {
  display: none;
  height: 23px;
  padding: 2px 8px;
  font-size: 11px;
  color: #15B065;
  border: 0px;
  background-color: rgba(21, 176, 101, 0.1);
  border: 1px solid rgba(21, 176, 101, 0.2);
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item li input[type=button]:hover {
  background-color: rgba(21, 176, 101, 0.3);
  cursor: pointer;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item li.Name span {
  color: #333;
  font-weight: bold;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item li.Remark {
  display: none;
  align-items: center;
  flex-basis: 100%;
  padding: 2px 10px 6px 10px;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item li.Remark .remarkBox {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 25px;
  padding: 3px 10px;
  background-color: #F8F8F8;
  color: #999;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item li.Remark .remarkBox::before {
  content: "!";
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #c4c4c4;
  display: inline-flex;
  font-size: 11px;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-right: 5px;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item li.Remark .remarkBox > span {
  color: #999;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item li.Edit, .bgAddressArea .AddressArea > .addressListArea .addrListContent .item li.Del {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item li.Edit > a, .bgAddressArea .AddressArea > .addressListArea .addrListContent .item li.Del > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item li.Edit > a > i, .bgAddressArea .AddressArea > .addressListArea .addrListContent .item li.Del > a > i {
  display: inline-block;
  width: 15px;
  height: 13px;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item li.Edit > a:hover, .bgAddressArea .AddressArea > .addressListArea .addrListContent .item li.Del > a:hover {
  background-color: #eee;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item li.Del > a > i {
  width: 15px;
  height: 13px;
  background-position: -38px -299px;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item li.Edit > a > i {
  width: 11px;
  height: 13px;
  background-position: -12px -299px;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item.EditMode li > input[type=text], .bgAddressArea .AddressArea > .addressListArea .addrListContent .item.EditMode li > input[type=button] {
  display: inline-block;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item.EditMode li > span, .bgAddressArea .AddressArea > .addressListArea .addrListContent .item.EditMode li > a {
  display: none;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item.EditMode li.Remark {
  display: flex;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item.EditMode li.Remark .remarkBox {
  padding: 0;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item.EditMode li.Remark .remarkBox span, .bgAddressArea .AddressArea > .addressListArea .addrListContent .item.EditMode li.Remark .remarkBox::before {
  display: none;
}
.bgAddressArea .AddressArea > .addressListArea .addrListContent .item.EditMode li.Remark .remarkBox input[type=text], .bgAddressArea .AddressArea > .addressListArea .addrListContent .item.EditMode li.Remark .remarkBox > input[type=button] {
  display: inline-block;
}
.bgAddressArea .AddressArea > .addressListArea .Name {
  width: 200px;
}
.bgAddressArea .AddressArea > .addressListArea .Mobile {
  width: 170px;
}
.bgAddressArea .AddressArea > .addressListArea .Email {
  width: 230px;
}
.bgAddressArea .AddressArea > .addressListArea .Remark {
  width: 260px;
}
.bgAddressArea .AddressArea > .addressListArea .Edit, .bgAddressArea .AddressArea > .addressListArea .Del {
  width: 60px;
}

.Main.KakaoTalk .alarmTalkMsg {
  height: 0;
}
.Main.KakaoTalk > .popupArea > .bodyArea > .rightArea .kakaoMessge {
  height: 0;
  padding: 0;
}
.Main.KakaoTalk > .popupArea > .bodyArea > .rightArea .messageInputArea > textarea {
  height: 380px;
}

.controlShareMessge {
  display: none;
  position: absolute;
  top: 50px;
  left: 500px;
  min-width: 100px;
  padding-top: 26px;
}
.controlShareMessge > .btnMessageShare {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 26px;
  height: 26px;
  border-radius: 3px;
  background-color: #fff;
  background-position: -31px -165px;
  border: 1px solid #cccccc;
  transition: ease-in 0.3s;
}
.controlShareMessge > .btnMessageShare:hover {
  cursor: pointer;
  background-color: #434a4e;
  background-position: -9px -165px;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 3px;
}
.controlShareMessge > .ulMedia {
  display: none;
  overflow: hidden;
  border: 1px solid #15B065;
  border-radius: 3px;
  background-color: #fff;
}
.controlShareMessge > .ulMedia > li {
  display: flex;
  align-items: center;
  padding: 6px 8px;
}
.controlShareMessge > .ulMedia > li > i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: -11px -133px;
}
.controlShareMessge > .ulMedia > li:hover {
  background-color: #d1d1d1;
  cursor: pointer;
}
.controlShareMessge > .ulMedia > li.Mail > i {
  background-position: -11px -133px;
}
.controlShareMessge > .ulMedia > li.SMS > i {
  background-position: -44px -133px;
}
.controlShareMessge > .ulMedia > li.Fax > i {
  background-position: -76px -133px;
}
.controlShareMessge > .ulMedia > li.KakaoTalk > i {
  background-position: -110px -133px;
}
.controlShareMessge > .ulMedia > li > span {
  display: inline-block;
  padding: 0 0 0 5px;
  font-size: 12px;
}
.controlShareMessge.Show > .ulMedia {
  display: block;
}

/*********************************************************************
    하단 화면 가이드 영역 20200514 yzyoo (BPO팀 요청으로 추가됨)
**********************************************************************/
.pgmGuideBottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 40px;
}
.pgmGuideBottom .pgmGuideContent {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 40px;
  background-color: #fff;
  border-top: 1px solid #333;
  padding: 8px 10px;
  font-size: 13px;
  color: #333;
}
.pgmGuideBottom .pgmGuideContent .guideTitle {
  position: absolute;
  top: 9px;
  left: 10px;
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border: 1px solid #333;
  border-radius: 20px;
  background-color: #edeff5;
  margin-right: 10px;
  font-size: 11px;
  letter-spacing: -0.7px;
}
.pgmGuideBottom .pgmGuideContent .guideTitle .iconPgmGuide {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-position: 0 0;
  margin-right: 5px;
}
.pgmGuideBottom .pgmGuideContent .guideText {
  display: inline-block;
  margin-left: 105px;
  margin-right: 70px;
  letter-spacing: -1px;
  word-break: break-all;
}
.pgmGuideBottom .pgmGuideContent .guideText .highlight {
  color: #fe8739;
}
.pgmGuideBottom .pgmGuideContent .guideText .pgmLink {
  background-color: #15B065;
  color: #fff;
  padding: 3px 8px;
  border-radius: 5px;
}
.pgmGuideBottom .pgmGuideContent .guideText .pgmLink:hover, .pgmGuideBottom .pgmGuideContent .guideText .pgmLink:active {
  background-color: #17be6d;
  cursor: pointer;
}
.pgmGuideBottom .pgmGuideContent .btnClose {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  background-color: #edeff5;
  padding: 3px 10px;
  font-size: 11px;
  border-radius: 20px;
}
.pgmGuideBottom .pgmGuideContent .btnClose .iconPgmGuideClose {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-position: 0 -24px;
  margin-right: 6px;
}
.pgmGuideBottom .pgmGuideContent .btnClose:hover {
  background-color: #bcc3da;
  cursor: pointer;
}

/*********************************************************************
     기능별 스타일 프로세스메뉴_Function_ProcessMenu.scss -- 혜진테스트-0209
**********************************************************************/
/*프로세스메뉴 - 사용자 View*/
.processMenuArea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}
.processMenuArea .processMenuContentsArea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #fff;
}
.processMenuArea .processMenuContentsArea > .titleArea {
  position: relative;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  border-bottom: 1px solid #e6e6e6;
  background-color: #f9f9f9;
}
.processMenuArea .processMenuContentsArea > .titleArea > .iconModule {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
}
.processMenuArea .processMenuContentsArea > .titleArea > ul.path {
  display: flex;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
  padding-right: 50px;
}
.processMenuArea .processMenuContentsArea > .titleArea > ul.path > li {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  height: 100%;
  white-space: nowrap;
}
.processMenuArea .processMenuContentsArea > .titleArea > ul.path > li > a {
  display: inline-block;
  font-size: 12px;
  height: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.processMenuArea .processMenuContentsArea > .titleArea > ul.path > li > a.txtTitle:hover, .processMenuArea .processMenuContentsArea > .titleArea > ul.path > li > a.txtTitle:focus {
  text-decoration: underline;
}
.processMenuArea .processMenuContentsArea > .titleArea > ul.path > li > a.btnVideo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 18px;
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid #15B065;
  border-radius: 5px;
  background-color: #fff;
  color: #15B065;
  box-shadow: 2px 2px 4px rgba(51, 51, 51, 0.15);
}
.processMenuArea .processMenuContentsArea > .titleArea > ul.path > li > a.btnVideo > i {
  display: block;
  width: 0;
  height: 0;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 6px solid #15B065;
}
.processMenuArea .processMenuContentsArea > .titleArea > ul.path > li > a.btnVideo:hover {
  background-color: rgba(21, 176, 101, 0.1);
  box-shadow: none;
}
.processMenuArea .processMenuContentsArea > .titleArea > ul.path > li::after {
  content: ">";
  margin: 0 5px;
  color: #333;
}
.processMenuArea .processMenuContentsArea > .titleArea > ul.path > li:last-child {
  flex-shrink: 0;
}
.processMenuArea .processMenuContentsArea > .titleArea > ul.path > li:last-child > a.txtTitle {
  font-size: 16px;
  letter-spacing: -0.8px;
  color: #333;
  font-weight: bold;
}
.processMenuArea .processMenuContentsArea > .titleArea > ul.path > li:last-child::after {
  display: none;
}
.processMenuArea .processMenuContentsArea > .imgArea {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(100% - 260px);
  background-color: #fff;
  overflow: auto;
}
.processMenuArea .processMenuContentsArea > .imgArea .devProcessMenuSetImg {
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}
.processMenuArea .processMenuContentsArea > .imgArea > .btnEdit {
  position: fixed;
  display: inline-block;
  bottom: 180px;
  right: 20px;
  width: 60px;
  height: 60px;
  background-color: rgba(77, 85, 104, 0.9);
  background-position: 4px -350px;
  border-radius: 50%;
  z-index: 99999;
}
.processMenuArea .processMenuContentsArea > .imgArea > .btnEdit:hover {
  cursor: pointer;
  background-color: #FF6262;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea {
  /*z-index: 999999;*/
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background-color: rgba(255, 255, 255, 0);
  /* 이미지가 지워짐
  &.Type09 > i {
      display: inline-block;
      @extend %imgProcessItem;
      background-position: 0px 0px;
      background-image: url('../../Images/Module/ProcessMenuModule/DefaultIMG/Default009.png?webk20201106');
  }
  */
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea > .divBadgeArea {
  position: absolute;
  top: -15px;
  height: 16px;
  width: 72px;
  display: inline-flex;
  justify-content: flex-start;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea > .divBadgeArea > .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  margin: 2px 2px 0px 2px;
  border: 0px 0px 1px 0px;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea > .divBadgeArea > .icon > img {
  width: 12px;
  height: 12px;
  border: 2px;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea .txtCount {
  position: absolute;
  top: -16px;
  right: -5px;
  height: 20px;
  padding: 1px 8px;
  font-size: 11px;
  color: #000;
  line-height: 18px;
  background-color: #d5f1ff;
  border-radius: 10px;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  letter-spacing: -0.5px;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea > .icon {
  display: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #dae2ec;
  background-position: -10px -899px;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea > .icon.AuthView {
  display: inline-block;
  background-position: -10px -899px;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea > .icon.AuthLicense {
  display: inline-block;
  background-color: #ffe3de;
  background-position: -9px -938px;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea > .icon.AuthSetting {
  display: inline-block;
  background-color: #D5E3ED;
  background-position: -12px -1006px;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea > .txtPgmDefault {
  text-align: center;
  font-size: 16px;
  letter-spacing: -1px;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea.Dis > .icon {
  display: inline-block;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea.Type01, .processMenuArea .processMenuContentsArea > .imgArea .programArea.Type04, .processMenuArea .processMenuContentsArea > .imgArea .programArea.Type08 {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea.Type01 > .txtPgmDefault, .processMenuArea .processMenuContentsArea > .imgArea .programArea.Type04 > .txtPgmDefault, .processMenuArea .processMenuContentsArea > .imgArea .programArea.Type08 > .txtPgmDefault {
  text-align: left;
  font-size: 16px;
  letter-spacing: -0.8px;
  margin-left: 8px;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea.Type06 {
  width: 96px !important;
  /*ppt와 넓이 맞춤*/
  height: 100px !important;
  border: 1px solid #333;
  border-radius: 50%;
  padding: 3px 0 20px 0;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea.Type06 > .txtPgmDefault, .processMenuArea .processMenuContentsArea > .imgArea .programArea.Type10 > .txtPgmDefault, .processMenuArea .processMenuContentsArea > .imgArea .programArea.Type11 > .txtPgmDefault, .processMenuArea .processMenuContentsArea > .imgArea .programArea.Type12 > .txtPgmDefault {
  font-size: 13px;
  letter-spacing: -0.8px;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea > i {
  display: none;
  width: 78px;
  height: 64px;
  background-position: center;
  background-repeat: no-repeat;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea.Type01 > i {
  display: inline-block;
  width: 42px;
  height: 42px;
  background-position: 0px -430px;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea.Type02 > i {
  display: inline-block;
  width: 78px;
  height: 64px;
  background-position: 0px -360px;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea.Type03 > i {
  display: inline-block;
  width: 78px;
  height: 64px;
  background-position: 0px -290px;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea.Type04 > i {
  display: inline-block;
  width: 42px;
  height: 42px;
  background-position: 0px -50px;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea.Type05 > i {
  display: inline-block;
  width: 78px;
  height: 64px;
  background-position: 0px -100px;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea.Type06 > i {
  display: inline-block;
  width: 39px;
  height: 40px;
  background-position: 0px -170px;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea.Type07 > i {
  display: inline-block;
  width: 78px;
  height: 64px;
  background-position: 0px -220px;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea.Type08 > i {
  display: inline-block;
  width: 42px;
  height: 42px;
  background-position: 0px 0px;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea.Type10 > i {
  display: inline-block;
  width: 78px;
  height: 64px;
  background-position: 0px -480px;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea.Type11 > i {
  display: inline-block;
  width: 78px;
  height: 64px;
  background-position: 0px -550px;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea.Type12 > i {
  display: inline-block;
  width: 45px;
  height: 47px;
  background-position: 0px -624px;
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea > .mouseHover {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  opacity: 0;
  background-image: radial-gradient(circle, transparent, transparent 30%, rgba(255, 20, 0, 0.2) 44%, rgba(255, 100, 0, 0.4) 45%, rgba(255, 0, 0, 0) 80%, transparent 100%);
}
.processMenuArea .processMenuContentsArea > .imgArea .programArea:hover > .mouseHover {
  animation: processMenuHover 1.5s infinite ease-out;
}
.processMenuArea .processMenuContentsArea > .imgArea .programInfo {
  min-width: 100px;
  max-width: 300px;
  text-align: center;
  position: absolute;
  padding: 8px 10px;
  background-color: #586074;
  border-radius: 5px;
  z-index: 9;
}
.processMenuArea .processMenuContentsArea > .imgArea .programInfo.link {
  background-color: #7AAA8C;
}
.processMenuArea .processMenuContentsArea > .imgArea .programInfo > i {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 21px;
  font-family: arial;
  font-weight: bold;
  color: #586074;
  background-color: #fff;
  border-radius: 50%;
  font-style: normal;
}
.processMenuArea .processMenuContentsArea > .imgArea .programInfo > i:hover {
  cursor: pointer;
  color: #fff;
  background-color: #00b0ff;
}
.processMenuArea .processMenuContentsArea > .imgArea .programInfo > .txtProgramName {
  display: inline;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.processMenuArea .processMenuContentsArea > .imgArea .programInfo > .txtDescription {
  font-size: 12px;
  color: #fff;
}
.processMenuArea .processMenuContentsArea > .imgArea > .noProcessMessage {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -150px 0 0 -250px;
  display: inline-block;
  width: 500px;
  height: 300px;
  text-align: center;
}
.processMenuArea .processMenuContentsArea > .imgArea > .noProcessMessage > .img {
  display: inline-block;
  width: 120px;
  height: 150px;
  background-position: -50px 0;
}
.processMenuArea .processMenuContentsArea > .imgArea > .noProcessMessage > p {
  font-size: 21px;
  letter-spacing: -2px;
  color: #586074;
}
.processMenuArea .processMenuContentsArea > .btnExpander {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 191px;
  display: block;
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-top: 1px solid #e6e6e6;
  background-color: transparent;
}
.processMenuArea .processMenuContentsArea > .btnExpander > .icon {
  display: inline-block;
  width: 13px;
  height: 10px;
}
.processMenuArea .processMenuContentsArea > .btnExpander:hover {
  cursor: pointer;
  background-color: rgba(200, 200, 200, 0.2);
}
.processMenuArea .processMenuContentsArea > .btnExpander.False .icon {
  background-position: -17px -757px;
}
.processMenuArea .processMenuContentsArea > .btnExpander.True > .icon {
  background-position: -17px -777px;
}
.processMenuArea .processMenuContentsArea > .processMenuTextArea {
  width: 100%;
  padding: 16px 16px 16px 16px;
  height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  border-top: 3px solid #e6e6e6;
}
.processMenuArea .processMenuContentsArea > .processMenuTextArea > .btnEdit {
  position: fixed;
  display: inline-block;
  bottom: 10px;
  right: 20px;
  width: 60px;
  height: 60px;
  background-color: rgba(77, 85, 104, 0.9);
  background-position: 4px -410px;
  border-radius: 50%;
  z-index: 99999;
}
.processMenuArea .processMenuContentsArea > .processMenuTextArea > .btnEdit:hover {
  cursor: pointer;
  background-color: #ff4889;
}
.processMenuArea .processMenuContentsArea > .processMenuTextArea > .txtTitle {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin-bottom: 5px;
}
.processMenuArea .processMenuContentsArea > .processMenuTextArea > .txtDescription {
  margin-bottom: 16px;
  font-size: 12px;
  color: #666666;
}
@keyframes processMenuHover {
  0% {
    opacity: 0;
  }
  60% {
    transform: scale(1.5);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
.processMenuArea.ExpanderMode .navProcessMenu {
  display: none;
}
.processMenuArea.ExpanderMode .processMenuContentsArea {
  left: 0px !important;
  width: 100%;
}
.processMenuArea.ExpanderMode .processMenuContentsArea > .processMenuTextArea {
  display: none;
}
.processMenuArea.ExpanderMode .processMenuContentsArea > .imgArea {
  height: calc(100% - 60px) !important;
}
.processMenuArea.ExpanderMode .processMenuContentsArea > .imgArea > .btnEdit {
  bottom: 30px !important;
}
.processMenuArea.ExpanderMode .processMenuContentsArea > .btnExpander {
  bottom: 1px;
}

/*프로세스메뉴편집*/
.toolbarWrap {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.toolbarWrap .processToolbarArea {
  display: inline-flex;
  align-items: center;
  padding: 0;
  height: 36px;
  border-radius: 5px;
  background-color: #000;
}
.toolbarWrap .processToolbarArea > .btn {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 8px 0 32px;
  margin: 0 5px;
  font-size: 12px;
  color: #fff;
  background-position: 0px 350px;
  background-color: transparent;
  border: 0px;
  border-radius: 3px;
}
.toolbarWrap .processToolbarArea > .btn:hover {
  background-color: #4a4c52;
  cursor: pointer;
}
.toolbarWrap .processToolbarArea > .btn.Save {
  background-position: -6px -832px;
}
.toolbarWrap .processToolbarArea > .btn.Upload {
  background-position: -9px -480px;
}
.toolbarWrap .processToolbarArea > .btn.ReLoad {
  background-position: -7px -531px;
}
.toolbarWrap .processToolbarArea > .btn.Replace {
  background-position: -7px -630px;
}
.toolbarWrap .processToolbarArea > .btn.Temp {
  background-position: -2px -665px;
}
.toolbarWrap .processToolbarArea > .btn.ItemSave {
  background-position: -8px -798px;
  background-color: #D24A28;
  border-radius: 3px 0 0 3px;
  margin-right: 0;
}
.toolbarWrap .processToolbarArea > .btn.ItemSave:hover {
  background-color: #bd4224;
  cursor: pointer;
}
.toolbarWrap .processToolbarArea > .btn.ItemAllSave {
  background-position: -4px -968px;
  background-color: #8d280f;
  border-radius: 0 3px 3px 0;
  margin-left: 0;
}
.toolbarWrap .processToolbarArea > .btn.ItemAllSave:hover {
  background-color: #76210d;
  cursor: pointer;
}

.ProcessMenuEdit {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  height: calc(100% - 50px);
  overflow: auto;
}

.devProcessEditorTitle {
  color: #fff;
  letter-spacing: -0.5px;
}

.templateListWrap {
  position: fixed;
  top: 50px;
  right: 0;
  width: 250px;
  height: calc(-50px + 100%);
  display: flex;
  flex-direction: column;
  border-left: 1px solid #ebebeb;
  background-color: #fff;
  transition: 0.3s;
  color: #333;
}
.templateListWrap > .titleArea {
  display: flex;
  align-items: center;
  padding: 20px 10px;
  flex-shrink: 0;
}
.templateListWrap > .titleArea > .btnExpander {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-right: 5px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #313131;
  color: #fff;
}
.templateListWrap > .titleArea > .btnExpander > i {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: -3px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-135deg);
}
.templateListWrap > .titleArea > span {
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
}
.templateListWrap > .templateListArea {
  height: 100%;
  overflow-y: auto;
}
.templateListWrap > .templateListArea > ul > li {
  display: flex;
  align-items: center;
  padding: 8px 10px;
  font-size: 13px;
}
.templateListWrap > .templateListArea > ul > li:hover {
  cursor: pointer;
  background-color: #ebebeb;
}
.templateListWrap > .templateListArea > ul > li > .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #f1f1f1;
  color: #313131;
  font-size: 11px;
}
.templateListWrap > .templateListArea > ul > li > .icon.type1 {
  background-color: #dfd3ec;
  color: #764fa2;
}
.templateListWrap > .templateListArea > ul > li > .icon.type2 {
  background-color: #c5e7c5;
  color: #3f8c3d;
}
.templateListWrap > .templateListArea > ul > li > .icon.type3 {
  background-color: #e5e5f1;
  color: #192655;
}
.templateListWrap > .pluginDownArea {
  padding: 20px;
  flex-shrink: 0;
  background-color: #f1f4f6;
}
.templateListWrap > .pluginDownArea > .txtTitle {
  font-size: 16px;
}
.templateListWrap > .pluginDownArea > .txtDescription {
  font-size: 12px;
  opacity: 0.5;
}
.templateListWrap > .pluginDownArea > .btnDown {
  display: flex;
  justify-content: center;
  padding: 8px;
  margin-top: 10px;
  font-size: 12px;
  color: #15B065;
  border: 1px solid #15B065;
}
.templateListWrap > .pluginDownArea > .btnDown:hover {
  cursor: pointer;
  background-color: #15B065;
  color: #fff;
}
.templateListWrap > .btnTemplate {
  display: none;
  align-items: center;
  justify-content: flex-start;
  padding-left: 15px;
  width: 100%;
  height: 50px;
}
.templateListWrap > .btnTemplate > i {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-position: -15px -867px;
}
.templateListWrap > .btnTemplate:hover {
  background-color: #eaeaea;
  cursor: pointer;
}
.templateListWrap.Close {
  right: -200px;
}
.templateListWrap.Close .titleArea > .btnExpander {
  background-color: #fff;
  color: #333;
}
.templateListWrap.Close .titleArea > .btnExpander > i {
  margin-left: 3px;
  transform: rotate(45deg);
}
.templateListWrap.Close .titleArea > span {
  opacity: 0;
}
.templateListWrap.Close > .btnTemplate {
  display: flex;
  flex-shrink: 0;
}
.templateListWrap.Close .templateListArea > ul > li > .txtFileName,
.templateListWrap.Close > .pluginDownArea {
  opacity: 0;
}

/*********************************************************************
   ERP결재
**********************************************************************/
.apprAdminIndicator {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  width: 100%;
  height: 36px;
  background-color: #2677dc;
  padding: 0 25px 0 10px;
  color: #fff;
  font-size: 12px;
  letter-spacing: -0.5px;
  z-index: 1;
}
.apprAdminIndicator .title {
  font-size: 13px;
  font-weight: bold;
}
.apprAdminIndicator .userInfo .username {
  font-weight: bold;
  color: #fffc94;
  letter-spacing: 0;
}
.apprAdminIndicator .btnUserMode {
  padding: 4px 10px;
  color: #fff;
  font-size: 12px;
  border-radius: 5px;
  margin-left: 10px;
  cursor: pointer;
}
.apprAdminIndicator .btnUserMode:hover {
  background-color: #034392;
}
.apprAdminIndicator.Show {
  display: flex;
}
.apprAdminIndicator.Show + .apprDocViewWrapper {
  padding-top: 36px;
}
.apprAdminIndicator.Show + .apprHomeWrap {
  padding-top: 36px;
}
.apprAdminIndicator.Show + .apprHomeWrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: 5px solid #2777dc;
}
.apprAdminIndicator.Show + .apprHomeWrap .apprSidebar {
  left: 5px;
  height: calc(100% - 41px);
}
.apprAdminIndicator.Show + .apprHomeWrap .apprContents {
  height: calc(100% - 5px);
  width: calc(100% - 205px);
}
.apprAdminIndicator.Show + .apprHomeWrap.collapseSidebar .apprSidebar {
  top: 86px;
  left: -200px;
  height: 80%;
}
.apprAdminIndicator.Show + .apprHomeWrap.collapseSidebar .apprSidebar:hover, .apprAdminIndicator.Show + .apprHomeWrap.collapseSidebar .apprSidebar.floating {
  left: 0;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
}
.apprAdminIndicator.Show + .apprHomeWrap .apprSidebar > header {
  display: none;
}
.apprAdminIndicator.Show + .apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu:first-child, .apprAdminIndicator.Show + .apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu.dept {
  display: none;
}
.apprAdminIndicator.Show + .apprHomeWrap .apprContents .apprListView .apprSearch {
  display: none;
}
.apprAdminIndicator.Show + .apprHomeWrap.collapseSidebar .apprContents {
  width: calc(100% - 5px);
}

/*.apprHomeWrap *::-webkit-scrollbar,
.apprDocView *::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.apprHomeWrap *::-webkit-scrollbar-button:start:decrement,
.apprHomeWrap *::-webkit-scrollbar-button:end:increment,
.apprDocView *::-webkit-scrollbar-button:start:decrement,
.apprDocView *::-webkit-scrollbar-button:end:increment {
	background: #cbd6dd;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	height: 0;
}

.apprHomeWrap *::-webkit-scrollbar-track,
.apprDocView *::-webkit-scrollbar-track {
	background: #edeff5;
}

.apprHomeWrap *::-webkit-scrollbar-thumb,
.apprDocView *::-webkit-scrollbar-thumb {
	background: #d0d4d6;
}*/
.apprHomeWrap .btnPrimary, .apprDocView .btnPrimary, .apprWriteContents .btnPrimary, .apprDocRef .btnPrimary {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #15B065;
  color: #fff;
  cursor: pointer;
}
.apprHomeWrap .btnPrimary:hover, .apprHomeWrap .btnPrimary:focus, .apprDocView .btnPrimary:hover, .apprDocView .btnPrimary:focus, .apprWriteContents .btnPrimary:hover, .apprWriteContents .btnPrimary:focus, .apprDocRef .btnPrimary:hover, .apprDocRef .btnPrimary:focus {
  background-color: #129958;
  cursor: pointer;
}
.apprHomeWrap .btnDefault, .apprDocView .btnDefault, .apprWriteContents .btnDefault, .apprDocRef .btnDefault {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: #999999;
  border: 1px solid #cccccc;
  cursor: pointer;
}
.apprHomeWrap .statusBlue, .apprDocView .statusBlue, .apprWriteContents .statusBlue, .apprDocRef .statusBlue {
  background-color: rgba(57, 170, 250, 0.1);
  color: #1DB0F6;
}
.apprHomeWrap .statusGreen, .apprDocView .statusGreen, .apprWriteContents .statusGreen, .apprDocRef .statusGreen {
  background-color: rgba(21, 176, 101, 0.1);
  color: #15B065;
}
.apprHomeWrap .statusRed, .apprDocView .statusRed, .apprWriteContents .statusRed, .apprDocRef .statusRed {
  background-color: rgba(255, 77, 44, 0.1);
  color: #fd4040;
}
.apprHomeWrap .statusYellow, .apprDocView .statusYellow, .apprWriteContents .statusYellow, .apprDocRef .statusYellow {
  background-color: rgba(253, 171, 52, 0.1);
  color: #FF9E00;
}
.apprHomeWrap .statusGrey, .apprDocView .statusGrey, .apprWriteContents .statusGrey, .apprDocRef .statusGrey {
  background-color: rgba(153, 153, 153, 0.1);
  color: #999999;
}
.apprHomeWrap a:hover, .apprDocView a:hover, .apprWriteContents a:hover, .apprDocRef a:hover {
  color: unset;
}
.apprHomeWrap .iconApprBtnReject,
.apprHomeWrap .iconApprBtnHold,
.apprHomeWrap .iconApprBtnApproval,
.apprHomeWrap .iconApprBtnDelete, .apprDocView .iconApprBtnReject,
.apprDocView .iconApprBtnHold,
.apprDocView .iconApprBtnApproval,
.apprDocView .iconApprBtnDelete, .apprWriteContents .iconApprBtnReject,
.apprWriteContents .iconApprBtnHold,
.apprWriteContents .iconApprBtnApproval,
.apprWriteContents .iconApprBtnDelete, .apprDocRef .iconApprBtnReject,
.apprDocRef .iconApprBtnHold,
.apprDocRef .iconApprBtnApproval,
.apprDocRef .iconApprBtnDelete {
  width: 17px;
  height: 17px;
}
.apprHomeWrap .iconApprBtnReject, .apprDocView .iconApprBtnReject, .apprWriteContents .iconApprBtnReject, .apprDocRef .iconApprBtnReject {
  background-position: -52px -242px;
}
.apprHomeWrap .iconApprBtnHold, .apprDocView .iconApprBtnHold, .apprWriteContents .iconApprBtnHold, .apprDocRef .iconApprBtnHold {
  background-position: -26px -242px;
}
.apprHomeWrap .iconApprBtnApproval, .apprDocView .iconApprBtnApproval, .apprWriteContents .iconApprBtnApproval, .apprDocRef .iconApprBtnApproval {
  background-position: 0 -242px;
}
.apprHomeWrap .iconApprBtnDelete, .apprDocView .iconApprBtnDelete, .apprWriteContents .iconApprBtnDelete, .apprDocRef .iconApprBtnDelete {
  background-position: -78px -242px;
}

.apprToastMsg {
  position: absolute;
  top: calc(50% - 100px);
  left: calc(50% - 100px);
  z-index: 17;
}
.apprToastMsg .toastContent {
  background-color: #464646;
  padding: 10px 20px;
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
}

.apprHomeWrap {
  display: flex;
  width: 100%;
  height: 100%;
  border-top: 1px solid #DBE1E6;
  letter-spacing: -0.7px;
  transform: translateX(0px);
  transition: all 0.3s;
}
.apprHomeWrap .apprSidebar {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 200px;
  height: 100%;
  background-color: #F7F9FA;
  border-right: 1px solid #DBE1E6;
  transition: left 0.3s, height 0.3s;
  z-index: 1;
}
.apprHomeWrap .apprSidebar .sidebarHoverArea {
  position: absolute;
  top: 0;
  right: -14px;
  width: 14px;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}
.apprHomeWrap .apprSidebar .sidebarTopHoverArea {
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
  height: 50px;
}
.apprHomeWrap .apprSidebar > header {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  flex-wrap: wrap;
  padding: 5px 10px 20px 10px;
}
.apprHomeWrap .apprSidebar > header > h2 {
  font-size: 16px;
  letter-spacing: -1px;
}
.apprHomeWrap .apprSidebar > header .btnNewApprWrap {
  flex-basis: 100%;
}
.apprHomeWrap .apprSidebar > header .btnNewApprWrap .btnNewAppr {
  width: 100%;
  height: 40px;
  font-size: 14px;
  border-radius: 5px;
}
.apprHomeWrap .apprSidebar > header .apprBriefing {
  display: flex;
  justify-content: space-between;
  flex-basis: 100%;
  margin-bottom: 10px;
}
.apprHomeWrap .apprSidebar > header .apprBriefing li {
  display: inline-flex;
}
.apprHomeWrap .apprSidebar > header .apprBriefing li > a {
  padding: 5px;
  text-align: center;
  border-radius: 3px;
}
.apprHomeWrap .apprSidebar > header .apprBriefing li > a:hover {
  background-color: #edeff5;
  color: #333;
}
.apprHomeWrap .apprSidebar > header .apprBriefing li > a .count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 30px;
  margin: 0 auto;
  font-size: 18px;
}
.apprHomeWrap .apprSidebar > header .apprBriefing li > a .count .iconApprovedList {
  width: 21px;
  height: 21px;
  background-position: 0 -166px;
}
.apprHomeWrap .apprSidebar > header .apprBriefing li > a .title {
  font-size: 12px;
  letter-spacing: -0.5px;
}
.apprHomeWrap .apprSidebar .apprMenuWrap {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu {
  width: 100%;
  border-top: 1px solid #d4dfe4;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu .count {
  margin-left: auto;
  color: #15B065;
  letter-spacing: 0;
  font-size: 14px;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu .count + .iconArrow {
  margin-left: 10px;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu .iconArrow {
  width: 4px;
  height: 7px;
  background-position: 0 -604px;
  margin-left: auto;
  opacity: 0.5;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu .apprMenuCtgr {
  display: flex;
  align-items: center;
  height: 38px;
  font-weight: bold;
  font-size: 13px;
  padding: 0 10px;
  color: #333;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu .apprMenuCtgr .iconWrap {
  display: flex;
  align-items: center;
  width: 20px;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu .apprMenuCtgr .iconWrap > i {
  display: inline-block;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu .apprMenuCtgr .iconWrap > i.iconSent {
  width: 16px;
  height: 16px;
  background-position: -82px -166px;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu .apprMenuCtgr .iconWrap > i.iconRecieved {
  width: 18px;
  height: 13px;
  background-position: -31px -166px;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu .apprMenuCtgr .iconWrap > i.iconDeptDoc {
  width: 15px;
  height: 13px;
  background-position: -58px -166px;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu .apprMenuCtgr .iconWrap > i.iconShareDoc {
  width: 13px;
  height: 14px;
  background-position: -108px -166px;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu .apprMenuList {
  padding-bottom: 5px;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu .apprMenuList li {
  width: 100%;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu .apprMenuList li > a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 34px;
  padding: 0 10px 0 30px;
  font-size: 13px;
  letter-spacing: -1px;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu .apprMenuList li > a:hover {
  background-color: #edeff5;
  color: #333;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu .apprMenuList li > a.selected {
  font-weight: bold;
  color: #333;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu.draft .apprMenuCtgr {
  color: #333;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu.draft .apprMenuCtgr:hover {
  background-color: #edeff5;
  color: #333;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu.draft .apprMenuCtgr.selected {
  font-weight: bold;
  color: #333;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu.dept .apprMenuList > li .deptName {
  display: flex;
  align-items: center;
  height: 26px;
  padding: 0 15px 0 30px;
  font-size: 12px;
  color: #999;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu.setting {
  margin-top: 20px;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu.setting .apprMenuList li > a {
  font-size: 13px;
}
.apprHomeWrap .apprSidebar .apprMenuWrap .apprMenu.setting .apprMenuList li > a .iconApprSetting {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background-position: 0 -197px;
}
.apprHomeWrap.collapseSidebar .btnMenuCollapse,
.apprHomeWrap.collapseSidebar .apprSidebar.floating .sidebarHoverArea {
  display: none;
}
.apprHomeWrap.collapseSidebar .apprSidebar {
  top: 50px;
  left: -200px;
  display: flex;
  flex-direction: column;
  height: 80%;
  border: 1px solid #DBE1E6;
  border-left: 0;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0);
  transition: left 0.3s, height 0.3s, box-shadow 0.3s;
  z-index: 1;
}
.apprHomeWrap.collapseSidebar .apprSidebar:hover, .apprHomeWrap.collapseSidebar .apprSidebar.floating {
  left: 0;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
}
.apprHomeWrap.collapseSidebar .apprContents {
  margin-left: 0;
  width: 100%;
}
.apprHomeWrap.collapseSidebar .apprContents .apprListView .listWrap > header .btnShowSidebar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 20px;
  cursor: pointer;
  z-index: 2;
}
.apprHomeWrap.collapseSidebar .apprContents .apprListView .listWrap > header .btnShowSidebar > i {
  flex-shrink: 0;
  width: 15px;
  height: 13px;
  background-position: 0 -427px;
}
.apprHomeWrap.collapseSidebar .apprContents .apprListView .listWrap > header .btnShowSidebar:hover {
  width: 24px;
  height: 26px;
  background-color: rgba(51, 51, 51, 0.1);
  border-radius: 3px;
}
.apprHomeWrap.collapseSidebar .apprContents .apprListView .listWrap > header .btnShowSidebar:hover > i {
  width: 12px;
  height: 12px;
  background-position: 0 -449px;
}
.apprHomeWrap.collapseSidebar .apprContents .apprListView .apprListScrollWrap {
  padding: 10px 15px 10px 40px;
}
.apprHomeWrap.collapseSidebar .apprContents .apprListView .listWrap > .apprSearchHeader {
  padding-left: 40px;
}
.apprHomeWrap.collapseSidebar .apprContents .apprListView.searchResult .searchDetail {
  padding-left: 40px;
}
.apprHomeWrap.collapseSidebar .apprContents .apprListView.searchResult .searchDetail .periodSelectOption {
  left: 40px;
}
.apprHomeWrap.collapseSidebar .apprContents .apprListView.searchResult .advancedSearch {
  padding-left: 40px;
}
.apprHomeWrap.collapseSidebar .apprContents .apprListView.searchResult .listWrap > header {
  position: absolute;
  top: 19px;
  left: 0;
  display: flex;
  height: 30px;
}
.apprHomeWrap.collapseSidebar .apprContents .apprListView.searchResult .listWrap > header h3 {
  display: none;
}
.apprHomeWrap.collapseSidebar .apprContents .apprListView .apprListTabWrap, .apprHomeWrap.collapseSidebar .apprContents .apprListView .listWrap .checkAll {
  padding-left: 40px;
}

.btnMenuCollapse {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 26px;
  border-radius: 3px;
  cursor: pointer;
}
.btnMenuCollapse > i {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  background-position: 0 -449px;
  transform: rotate(180deg);
}
.btnMenuCollapse:hover {
  background-color: rgba(51, 51, 51, 0.1);
}
.btnMenuCollapse:hover > i {
  opacity: 1;
}

.apprContents {
  display: flex;
  width: calc(100% - 200px);
  height: 100%;
  margin-left: 200px;
  transition: all 0.3s;
  overflow: auto;
}
.apprContents .apprListView {
  position: relative;
  width: 42%;
  /*min-width: 270px;
  max-width: 600px;*/
  height: 100%;
  background-color: #F7F9FA;
  border-right: 1px solid #DBE1E6;
  overflow: auto;
}
.apprContents .apprListView .listWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  transition: height 0.3s;
  min-width: 380px;
}
.apprContents .apprListView .listWrap header {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 50px;
  padding: 0 10px;
}
.apprContents .apprListView .listWrap header .btnShowSidebar {
  display: none;
}
.apprContents .apprListView .listWrap header h3 {
  display: inline-flex;
  padding: 0;
  font-size: 16px;
  margin-left: 5px;
  color: #333;
}
.apprContents .apprListView .listWrap header .btnRefresh {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 7px;
  border-radius: 3px;
  cursor: pointer;
}
.apprContents .apprListView .listWrap header .btnRefresh > i {
  display: inline-block;
  width: 11px;
  height: 11px;
  background-position: -21px -44px;
  opacity: 0.5;
}
.apprContents .apprListView .listWrap header .btnRefresh:hover {
  background-color: rgba(51, 51, 51, 0.1);
}
.apprContents .apprListView .listWrap header .btnRefresh:hover > i {
  opacity: 1;
}
.apprContents .apprListView .listWrap .checkAll {
  position: relative;
  display: flex;
  padding: 5px 15px;
  min-width: 360px;
  min-height: 38px;
}
.apprContents .apprListView .listWrap .checkAll .checkArea {
  display: inline-flex;
  width: auto;
  flex-shrink: 0;
}
.apprContents .apprListView .listWrap .checkAll .checkArea input[type=checkbox] {
  left: 12px;
  top: 11px;
}
.apprContents .apprListView .listWrap .checkAll .checkArea input[type=checkbox] + label {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
}
.apprContents .apprListView .listWrap .checkAll .checkArea input[type=checkbox] + label span {
  display: block;
  font-size: 13px;
  margin-left: 8px;
}
.apprContents .apprListView .listWrap .checkAll .checkArea input[type=checkbox] + label::before {
  width: 15px;
  height: 15px;
  border-radius: 3px;
}
.apprContents .apprListView .listWrap .checkAll .checkArea input[type=checkbox] + label::after {
  top: 2px;
  left: 5px;
  width: 5px;
  height: 7px;
}
.apprContents .apprListView .listWrap .checkAll.On .apprBatchArea {
  display: flex;
}
.apprContents .apprListView .listWrap .checkAll .apprBatchArea {
  display: flex;
  align-items: center;
  margin-left: 15px;
  color: #fff;
  display: none;
}
.apprContents .apprListView .listWrap .checkAll .apprBatchArea .itemCount {
  flex-shrink: 0;
  margin-right: 5px;
  color: #999999;
  font-size: 12px;
}
.apprContents .apprListView .listWrap .checkAll .apprBatchArea .itemCount::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #ccc;
  margin-right: 7px;
}
.apprContents .apprListView .listWrap .checkAll .apprBatchArea .btnWrap {
  display: flex;
}
.apprContents .apprListView .listWrap .checkAll .apprBatchArea .btnWrap .btnApprBatch {
  display: inline-flex;
  align-items: center;
  height: 28px;
  flex-shrink: 0;
  background-color: #fff;
  border: 1px solid #333;
  padding: 0 10px;
  margin-left: 5px;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}
.apprContents .apprListView .listWrap .checkAll .apprBatchArea .btnWrap .btnApprBatch .iconWrap {
  display: inline-flex;
  margin-right: 5px;
}
.apprContents .apprListView .listWrap .checkAll .apprBatchArea .btnWrap .btnApprBatch.btnActionReject {
  border-color: #fd4040;
  color: #fd4040;
}
.apprContents .apprListView .listWrap .checkAll .apprBatchArea .btnWrap .btnApprBatch.btnActionReject:hover {
  background-color: rgba(253, 64, 64, 0.1);
}
.apprContents .apprListView .listWrap .checkAll .apprBatchArea .btnWrap .btnApprBatch.btnActionHold {
  border-color: #FF9E00;
  color: #FF9E00;
}
.apprContents .apprListView .listWrap .checkAll .apprBatchArea .btnWrap .btnApprBatch.btnActionHold:hover {
  background-color: rgba(255, 158, 0, 0.1);
}
.apprContents .apprListView .listWrap .checkAll .apprBatchArea .btnWrap .btnApprBatch.btnActionApproval {
  border-color: #1DB0F6;
  color: #1DB0F6;
}
.apprContents .apprListView .listWrap .checkAll .apprBatchArea .btnWrap .btnApprBatch.btnActionApproval:hover {
  background-color: rgba(29, 176, 246, 0.1);
}
.apprContents .apprListView .listWrap .checkAll .apprBatchArea .btnWrap .btnApprBatch.btnActionDelete {
  border-color: #434a4e;
  color: #333;
}
.apprContents .apprListView .listWrap .checkAll .apprBatchArea .btnWrap .btnApprBatch.btnActionDelete:hover {
  background-color: rgba(67, 74, 78, 0.1);
}
.apprContents .apprListView .listWrap .apprSearchHeader .apprSearch {
  position: absolute;
  top: 10px;
  right: 15px;
  display: flex;
  width: 230px;
  height: 30px;
  border: 1px solid #DBE1E6;
  overflow: hidden;
}
.apprContents .apprListView .listWrap .apprSearchHeader .apprSearch input {
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0 40px 0 10px;
  color: #333;
}
.apprContents .apprListView .listWrap .apprSearchHeader .apprSearch input:focus {
  outline: none;
}
.apprContents .apprListView .listWrap .apprSearchHeader .apprSearch input::placeholder, .apprContents .apprListView .listWrap .apprSearchHeader .apprSearch input:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.5);
}
.apprContents .apprListView .listWrap .apprSearchHeader .apprSearch .btnApprSearch {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.apprContents .apprListView .listWrap .apprSearchHeader .apprSearch .btnApprSearch > i {
  width: 14px;
  height: 14px;
  background-position: 0 0;
}
.apprContents .apprListView .listWrap .apprSearchHeader .apprSearch .btnApprSearch:hover {
  background-color: #e6e6e6;
  cursor: pointer;
}
.apprContents .apprListView .listWrap .apprSearchHeader .btnAdvanced {
  display: none;
}
.apprContents .apprListView .listWrap .apprListTabWrap {
  display: inline-flex;
  width: 100%;
  padding: 0 15px;
}
.apprContents .apprListView .listWrap .apprListTabWrap .apprListTab {
  display: inline-flex;
  padding: 0 0 10px 0;
}
.apprContents .apprListView .listWrap .apprListTabWrap .apprListTab li {
  display: inline-flex;
}
.apprContents .apprListView .listWrap .apprListTabWrap .apprListTab li > a {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  height: 34px;
  padding: 0 1px;
  margin: 0 10px;
  border-bottom: 2px solid transparent;
}
.apprContents .apprListView .listWrap .apprListTabWrap .apprListTab li::after {
  content: "";
  width: 1px;
  height: 18px;
  background-color: #DBE1E6;
  margin: auto;
}
.apprContents .apprListView .listWrap .apprListTabWrap .apprListTab li:last-child::after {
  display: none;
}
.apprContents .apprListView .listWrap .apprListTabWrap .apprListTab li:first-child > a {
  margin-left: 0;
}
.apprContents .apprListView .listWrap .apprListTabWrap .apprListTab li > a:hover {
  font-weight: bold;
  color: #333;
}
.apprContents .apprListView .listWrap .apprListTabWrap .apprListTab li > a.selected {
  font-weight: bold;
  border-color: #15B065;
}
.apprContents .apprListView .listWrap .apprListTabWrap .apprListTab li > a.selected .count {
  color: #15B065;
}
.apprContents .apprListView .listWrap .apprListTabWrap .apprListTab li > a .title {
  margin-right: 10px;
  font-size: 13px;
}
.apprContents .apprListView .listWrap .apprListTabWrap .apprListTab li > a .count {
  font-weight: bold;
  font-size: 13px;
}
.apprContents .apprListView .listWrap .apprListTabWrap .apprListTab.noCountTab li > a .title {
  margin-right: 0;
}
.apprContents .apprListView .listWrap .apprListTabWrap .apprListTab.noCountTab li > a .count {
  display: none;
}
.apprContents .apprListView .listWrap .apprListTabWrap .ctgrSelect {
  display: inline-flex;
  align-items: center;
  min-width: 120px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid #d6d6d6;
  background-color: #fff;
}
.apprContents .apprListView .listWrap .apprListTabWrap .ctgrSelect .selectedTxt {
  font-size: 13px;
  margin-right: 10px;
  letter-spacing: -0.5px;
}
.apprContents .apprListView .listWrap .apprListTabWrap .ctgrSelect .iconArrow {
  width: 8px;
  height: 5px;
  background-position: 0 -394px;
  margin-left: auto;
}
.apprContents .apprListView .listWrap .apprListTabWrap .ctgrSelectOption {
  position: absolute;
  top: 29px;
  left: 15px;
  width: 120px;
  background-color: #fff;
  font-size: 13px;
  border: 1px solid #d6d6d6;
  z-index: 1;
}
.apprContents .apprListView .listWrap .apprListTabWrap .ctgrSelectOption .selectList {
  border-bottom: 1px solid #d6d6d6;
}
.apprContents .apprListView .listWrap .apprListTabWrap .ctgrSelectOption .selectList li > a {
  display: flex;
  align-items: center;
  height: 30px;
  padding: 0 10px;
  font-size: 12px;
}
.apprContents .apprListView .listWrap .apprListTabWrap .ctgrSelectOption .selectList li > a:hover {
  background-color: #EDEFF5;
}
.apprContents .apprListView .listWrap .apprListTabWrap .ctgrSelectOption .selectList li > a.selected {
  font-weight: bold;
  color: #15B065;
}
.apprContents .apprListView .listWrap .apprListTabWrap > .apprListFilter {
  padding: 3px 0 0 0;
  margin-left: 5px;
}
.apprContents .apprListView .listWrap .apprListFilter {
  /*position: absolute;
  top: 55px;
  right: 15px;*/
  position: relative;
  display: flex;
  z-index: 1;
  padding: 5px 15px;
}
.apprContents .apprListView .listWrap .apprListFilter .btnFilter {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  height: 28px;
  background-color: #fff;
  padding: 0 10px;
  border: 1px solid #dbe1e6;
}
.apprContents .apprListView .listWrap .apprListFilter .btnFilter .iconFilter {
  width: 12px;
  height: 11px;
  background-position: 0 -620px;
  margin-right: 5px;
}
.apprContents .apprListView .listWrap .apprListFilter .btnFilter .txt {
  font-size: 12px;
  margin-right: 5px;
  letter-spacing: -0.5px;
}
.apprContents .apprListView .listWrap .apprListFilter .btnFilter .txt.hasCondition::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 4px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #fd9800;
}
.apprContents .apprListView .listWrap .apprListFilter .btnFilter .iconArrow {
  width: 8px;
  height: 5px;
  background-position: 0 -394px;
  margin-left: auto;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption {
  position: absolute;
  top: 30px;
  left: 0px;
  max-width: 210px;
  border: 1px solid #d6d6d6;
  z-index: 1;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .optionWrap {
  min-width: 100px;
  background-color: #fff;
  font-size: 13px;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .optionWrap + .optionWrap {
  border-top: 1px solid #d6d6d6;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .filterTitle {
  position: relative;
  display: flex;
  align-items: center;
  height: 34px;
  padding: 0 15px;
  font-size: 12px;
  font-weight: bold;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .filterTitle:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 7px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #15B065;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .periodWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0 15px 10px;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .periodWrap .periodSelect {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  height: 26px;
  margin-bottom: 5px;
  padding: 0 10px;
  border: 1px solid #d6d6d6;
  background-color: #fff;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .periodWrap .periodSelect .selectedTxt {
  font-size: 12px;
  margin-right: 10px;
  letter-spacing: -0.5px;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .periodWrap .periodSelect .iconArrow {
  flex-shrink: 0;
  width: 8px;
  height: 5px;
  background-position: 0 -394px;
  margin-left: auto;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .periodWrap .periodSelectOption {
  position: absolute;
  top: 25px;
  left: 15px;
  width: calc(100% - 30px);
  background-color: #fff;
  font-size: 12px;
  border: 1px solid #d6d6d6;
  z-index: 1;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .periodWrap .periodSelectOption .selectList li > a {
  display: flex;
  align-items: center;
  height: 30px;
  padding: 0 10px;
  font-size: 12px;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .periodWrap .periodSelectOption .selectList li > a:hover {
  background-color: #EDEFF5;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .periodWrap .periodSelectOption .selectList li > a.selected {
  font-weight: bold;
  color: #15B065;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .periodWrap .inputPeriod {
  display: flex;
  align-items: center;
  height: 26px;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .periodWrap .inputPeriod > .layoutControl {
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .periodWrap .inputPeriod label {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  text-align: left;
  color: #999999;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .periodWrap .inputPeriod input {
  width: 100%;
  height: 26px;
  border: 1px solid #d6d6d6;
  margin-left: 0;
  transition: border-color 0.3s;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .periodWrap .inputPeriod input:focus {
  border-color: #15B065;
  box-shadow: none;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .periodWrap .inputPeriod > .txt {
  margin: 0 4px;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .periodWrap .layoutControl {
  width: auto !important;
  height: auto !important;
  position: relative;
  display: inline-flex;
  padding: 0;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .periodWrap .layoutControl label {
  display: none;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .periodWrap .layoutControl input {
  width: 80px !important;
  height: 26px !important;
  border-radius: 0;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .selectList {
  max-height: 180px;
  overflow-y: auto;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .selectList li > a {
  display: flex;
  align-items: center;
  height: 30px;
  padding: 0 15px;
  font-size: 12px;
  white-space: nowrap;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .selectList li > a:hover {
  background-color: #EDEFF5;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .selectList li > a.selected {
  font-weight: bold;
  color: #15B065;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .btnArea {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 0 5px 10px;
  background-color: #fff;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .btnArea > button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  font-size: 12px;
  color: rgba(51, 51, 51, 0.7);
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .btnArea > button.btnDateOk {
  display: none;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .btnArea > button.btnFilterReset > .iconReset {
  width: 13px;
  height: 14px;
  margin-right: 5px;
  background-position: 0 -45px;
  opacity: 0.5;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .btnArea > button.btnFilterReset:hover {
  color: #333;
  cursor: pointer;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .btnArea > button.btnFilterReset:hover > .iconReset {
  opacity: 1;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .btnArea.showBtnDate {
  justify-content: space-between;
  padding: 0 5px 10px 15px;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .btnArea.showBtnDate .btnDateOk {
  display: flex;
  border: 1px solid #15B065;
  color: #15B065;
  font-size: 12px;
}
.apprContents .apprListView .listWrap .apprListFilter .selectOption .btnArea.showBtnDate .btnDateOk:hover {
  background-color: rgba(21, 176, 101, 0.1);
  cursor: pointer;
}
.apprContents .apprListView .listWrap .apprListFilter.excNewLine {
  /*position: relative;
  top: auto;
  right: auto;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding: 0 15px;
  margin: 0;*/
}
.apprContents .apprListView .listWrap > .apprListFilter .selectOption {
  left: 15px;
  top: 32px;
}
.apprContents .apprListView .listWrap .apprListScrollWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  height: calc(100% - 50px);
  padding: 10px 15px 10px 15px;
  overflow-y: auto;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec {
  height: 100%;
  padding-bottom: 20px;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .listTitleWrap {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-bottom: 15px;
  color: #333;
  font-weight: bold;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .listTitleWrap .count {
  margin-left: 10px;
  color: #15B065;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprListTemp {
  min-height: 300px;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprListTemp .listTitle {
  display: flex;
  align-items: center;
  width: 100%;
  height: 24px;
  margin-bottom: 10px;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprListTemp .listTitle .title {
  font-size: 12px;
  color: #999999;
  letter-spacing: 0;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprListTemp .listItem {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprListTemp .listItem li {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 80px;
  padding: 0 10px;
  background-color: #fff;
  box-shadow: 0 1px 3px #c7ccd0;
  overflow: hidden;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a.selected {
  border: 1px solid #15B065;
  background-color: #F1F9F5;
  color: #333;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .apprStatus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 53px;
  height: 53px;
  border-radius: 50%;
  font-size: 11px;
  margin-right: 10px;
  text-align: center;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .titleWrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .titleWrap .urgent {
  /*@include position($t:19px,$l:70px);*/
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 20px;
  font-size: 12px;
  margin-right: 3px;
  border-radius: 5px;
  font-weight: normal;
  padding: 0 5px;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .titleWrap .docTitle {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.5px;
  overflow: hidden;
  width: 100%;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .tiny {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 12px;
  color: #999999;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .tiny .docType {
  display: block;
  height: 19px;
  margin-right: 5px;
  padding: 0px 5px;
  font-size: 12px;
  color: #999999;
  letter-spacing: 0;
  line-height: 19px;
  border-radius: 5px;
  background-color: #edeff5;
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .tiny .docID {
  font-size: 12px;
  color: #999999;
  letter-spacing: 0;
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .drafter {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
  height: 65px;
  margin-left: auto;
  letter-spacing: 0;
  font-size: 12px;
  color: #999999;
  overflow: hidden;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .drafter .name {
  color: #333;
  margin-bottom: 3px;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  width: 100%;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .drafter .dept {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
  text-align: right;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .drafter .docDate {
  width: 100%;
  min-width: 170px;
  font-size: 12px;
  color: #999999;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprListTemp .listItem li .checkArea + a {
  width: calc(100% - 30px);
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprListTemp .btnMoreRequest {
  width: 100%;
  height: 40px;
  border: 1px solid #dedede;
  background-color: #edeff5;
  letter-spacing: -0.5px;
  color: #333;
  cursor: pointer;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprListTemp .btnMoreRequest .count {
  font-weight: bold;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprPaginationWrap {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  margin: 20px 0 40px 0;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprPaginationWrap .apprPagination {
  display: inline-flex;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprPaginationWrap .apprPagination li {
  border: 1px solid #dedede;
  border-right: 0;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprPaginationWrap .apprPagination li:last-child {
  border-right: 1px solid #dedede;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprPaginationWrap .apprPagination li a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 25px;
  height: 25px;
  font-size: 12px;
  background-color: #fff;
  color: #333;
  font-weight: bold;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprPaginationWrap .apprPagination li a:hover {
  background-color: whitesmoke;
  cursor: pointer;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprPaginationWrap .apprPagination li a.on {
  background-color: #edeff5;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprPaginationWrap .apprPagination li a.btn {
  cursor: default;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprPaginationWrap .apprPagination li a.btn > i {
  width: 4px;
  height: 8px;
  opacity: 0.3;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprPaginationWrap .apprPagination li a.btn.prev > i {
  width: 4px;
  background-position: 0 -375px;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprPaginationWrap .apprPagination li a.btn.next > i {
  width: 4px;
  background-position: 0 -375px;
  transform: rotate(180deg);
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprPaginationWrap .apprPagination li a.btn.first > i {
  width: 9px;
  background-position: -16px -375px;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprPaginationWrap .apprPagination li a.btn.last > i {
  width: 9px;
  background-position: -16px -375px;
  transform: rotate(180deg);
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprPaginationWrap .apprPagination li a.btn:hover {
  background-color: #fff;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprPaginationWrap .apprPagination li a.btn.on {
  background-color: #fff;
  color: #333;
  cursor: pointer;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprPaginationWrap .apprPagination li a.btn.on > i {
  opacity: 1;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .apprPaginationWrap .apprPagination li a.btn.on:hover {
  background-color: whitesmoke;
  cursor: pointer;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .noData {
  width: 100%;
  min-width: auto;
  min-height: 300px;
  background-color: transparent;
}
.apprContents .apprListView .listWrap .apprListScrollWrap .apprListSec .noData .text {
  padding-bottom: 70px;
}
.apprContents .apprListView .listWrap .apprListScrollWrap.newRequest .apprListSec {
  height: auto;
}
.apprContents .apprListView .listWrap.Min .apprSearchHeader .apprSearch {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 0;
  transition: width 0.3s;
  border: 1px solid transparent;
}
.apprContents .apprListView .listWrap.Min .apprSearchHeader .apprSearch input {
  width: 0%;
  background-color: transparent;
}
.apprContents .apprListView .listWrap.Min .apprSearchHeader .apprSearch:hover {
  width: calc(100% - 53px);
  min-width: 230px;
  max-width: 230px;
  border: 1px solid #DBE1E6;
}
.apprContents .apprListView .listWrap.Min .apprSearchHeader .apprSearch:hover input {
  width: 100%;
  background-color: #fff;
}
.apprContents .apprListView .listWrap.Min .checkAll .checkArea input[type=checkbox] + label span {
  display: none;
}
.apprContents .apprListView .listWrap.Min .checkAll .apprBatchArea {
  margin-left: 5px;
}
.apprContents .apprListView .listWrap.Min .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .apprStatus {
  display: none;
}
.apprContents .apprListView .listWrap.Min .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .titleWrap {
  position: absolute;
  top: 16px;
  left: 10px;
  width: calc(100% - 20px);
}
.apprContents .apprListView .listWrap.Min .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .titleWrap .urgent + .docTitle {
  width: calc(100% - 130px);
}
.apprContents .apprListView .listWrap.Min .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .titleWrap .docTitle {
  width: 100%;
}
.apprContents .apprListView .listWrap.Min .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .titleWrap .tiny {
  max-width: 50%;
}
.apprContents .apprListView .listWrap.Min .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .titleWrap .tiny .docID {
  display: none;
}
.apprContents .apprListView .listWrap.Min .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .titleWrap .tiny .docType {
  max-width: 100%;
}
.apprContents .apprListView .listWrap.Min .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .drafter {
  position: absolute;
  top: 44px;
  right: 10px;
  display: flex;
  justify-content: flex-end;
  width: 40%;
  height: 20px;
}
.apprContents .apprListView .listWrap.Min .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .drafter .dept {
  display: none;
}
.apprContents .apprListView .listWrap.Min .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .drafter .name {
  width: 100%;
  padding-bottom: 8px;
  text-align: right;
}
.apprContents .apprListView .listWrap.Min .apprListScrollWrap .apprListSec .apprListTemp .listItem li > a .drafter .docDate {
  display: none;
}
.apprContents .apprListView .checkArea {
  position: relative;
  display: flex;
  align-items: center;
  width: 30px;
}
.apprContents .apprListView .checkArea input[type=checkbox] {
  position: absolute;
  top: 50%;
  left: 9px;
  width: 1px;
  height: 1px;
}
.apprContents .apprListView .checkArea input[type=checkbox] + label {
  position: relative;
  cursor: pointer;
}
.apprContents .apprListView .checkArea input[type=checkbox] + label::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 1px solid #cccccc;
  background-color: #fff;
}
.apprContents .apprListView .checkArea input[type=checkbox]:checked + label::before {
  border-color: #15B065;
  background-color: #15B065;
}
.apprContents .apprListView .checkArea input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 6px;
  width: 5px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}
.apprContents .apprListView .checkArea input[type=checkbox]:focus + label {
  border-color: #333;
}
.apprContents .apprListView .checkArea input[type=checkbox]:disabled + label {
  cursor: default;
}
.apprContents .apprListView .checkArea input[type=checkbox]:disabled + label::before {
  border-color: #ccc;
  background-color: #e9e9e9;
}
.apprContents .apprListView .checkArea input[type=checkbox]:disabled + label::after {
  border-color: #999;
}
.apprContents .apprListView.searchResult .listWrap header {
  position: absolute;
  top: 19px;
  left: 0;
  height: 30px;
}
.apprContents .apprListView.searchResult .listWrap header h3 {
  display: none;
}
.apprContents .apprListView.searchResult .listWrap .apprSearchHeader {
  display: flex;
  max-width: 600px;
  padding: 15px 15px 15px 40px;
}
.apprContents .apprListView.searchResult .listWrap .apprSearchHeader .apprSearch {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  height: 40px;
  box-shadow: 0 1px 7px 0px rgba(199, 204, 208, 0.4);
  overflow: hidden;
}
.apprContents .apprListView.searchResult .listWrap .apprSearchHeader .apprSearch input {
  width: 100%;
  font-size: 15px;
}
.apprContents .apprListView.searchResult .listWrap .apprSearchHeader .apprSearch .btnApprSearch {
  width: 40px;
  height: 40px;
}
.apprContents .apprListView.searchResult .listWrap .apprSearchHeader .apprSearch:hover {
  max-width: 100%;
}
.apprContents .apprListView.searchResult .listWrap .apprSearchHeader .btnAdvanced {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 70px;
  height: 40px;
  padding: 0 10px;
  background-color: #fff;
  border: 1px solid #D6D6D6;
  margin-left: 10px;
  /*
  &.hasCondition .txt::after {
  	content: "";
  	width: 4px;
  	height: 4px;
  	border-radius: 50%;
  	background-color: $colorOrange;
  	box-sizing: border-box;
  	display: inline-block;
  	margin-bottom: 6px;
  	margin-left: 5px;
  }*/
}
.apprContents .apprListView.searchResult .listWrap .apprSearchHeader .btnAdvanced .txt {
  font-size: 13px;
}
.apprContents .apprListView.searchResult .listWrap .apprSearchHeader .btnAdvanced .iconArrow {
  width: 8px;
  height: 5px;
  background-position: 0 -394px;
  margin-left: 10px;
  transform: rotate(180deg);
}
.apprContents .apprListView.searchResult .listWrap .apprSearchHeader .btnAdvanced:hover {
  background-color: #EDEFF5;
}
.apprContents .apprListView.searchResult .listWrap .apprSearchHeader .btnAdvanced.on {
  background-color: #EDEFF5;
}
.apprContents .apprListView.searchResult .listWrap .apprSearchHeader .btnAdvanced.on .iconArrow {
  transform: rotate(0deg);
}
.apprContents .apprListView.searchResult .listWrap .apprSearchHeader.Min {
  width: 100%;
  min-width: auto;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch {
  display: flex;
  flex-shrink: 0;
  width: 600px;
  max-width: 600px;
  padding: 0px 15px;
  margin: 0 0 15px 0;
  color: #333;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap {
  display: flex;
  flex-wrap: wrap;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  margin-bottom: 5px;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item label {
  display: inline-flex;
  align-items: center;
  width: 30px;
  margin-right: 5px;
  font-size: 12px;
  font-weight: bold;
  word-break: break-all;
  line-height: 11px;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item input {
  height: 26px;
  padding: 0 5px;
  border: 1px solid #cbd6dd;
  background-color: #fff;
  color: #333;
  font-size: 12px;
  transition: border-color 0.3s;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item input:focus {
  border-color: #15B065;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item:nth-child(2), .apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item:nth-child(4) {
  margin: 0 0 5px 0;
  margin-left: auto;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item:nth-child(2) label, .apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item:nth-child(4) label {
  width: 50px;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item:nth-child(2) input, .apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item:nth-child(4) input {
  width: 130px;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item:nth-child(3) input {
  width: 256px;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item .periodWrap {
  position: relative;
  display: flex;
  width: 257px;
  margin: 0;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item .periodWrap .periodSelect {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  width: 80px;
  height: 26px;
  padding: 0 5px;
  border: 1px solid #d6d6d6;
  background-color: #fff;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item .periodWrap .periodSelect .selectedTxt {
  font-size: 12px;
  margin-right: 10px;
  letter-spacing: -0.5px;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item .periodWrap .periodSelect .iconArrow {
  flex-shrink: 0;
  width: 8px;
  height: 5px;
  background-position: 0 -394px;
  margin-left: auto;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item .periodWrap .periodSelectOption {
  position: absolute;
  top: 25px;
  left: 0;
  width: 80px;
  background-color: #fff;
  font-size: 12px;
  border: 1px solid #d6d6d6;
  z-index: 1;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item .periodWrap .periodSelectOption .selectList {
  border-bottom: 1px solid #d6d6d6;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item .periodWrap .periodSelectOption .selectList li > a {
  display: flex;
  align-items: center;
  height: 30px;
  padding: 0 10px;
  font-size: 12px;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item .periodWrap .periodSelectOption .selectList li > a:hover {
  background-color: #EDEFF5;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item .periodWrap .periodSelectOption .selectList li > a.selected {
  font-weight: bold;
  color: #15B065;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item .periodWrap .inputPeriod {
  display: flex;
  align-items: center;
  padding: 0 0 0 10px;
  height: 26px;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item .periodWrap .inputPeriod > .layoutControl {
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item .periodWrap .inputPeriod label {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  text-align: left;
  color: #999999;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item .periodWrap .inputPeriod input {
  width: 100%;
  height: 26px;
  border: 1px solid #d6d6d6;
  margin-left: 0;
  transition: border-color 0.3s;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item .periodWrap .inputPeriod input:focus {
  border-color: #15B065;
  box-shadow: none;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item .periodWrap .inputPeriod > .txt {
  margin: 0 4px;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item .periodWrap .layoutControl {
  width: auto !important;
  height: auto !important;
  position: relative;
  display: inline-flex;
  padding: 0;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item .periodWrap .layoutControl label {
  display: none;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .item .periodWrap .layoutControl input {
  width: 75px !important;
  height: 26px !important;
  border-radius: 0;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .setWrap {
  display: flex;
  align-items: center;
  width: 100%;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .setWrap .checkItem {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 12px;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .setWrap .checkItem input[type=checkbox] {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 1px;
  height: 1px;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .setWrap .checkItem input[type=checkbox] + label {
  position: relative;
  cursor: pointer;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .setWrap .checkItem input[type=checkbox] + label::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  margin: 0 5px 0 0;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #cbd6dd;
  cursor: pointer;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .setWrap .checkItem input[type=checkbox]:checked + label::before {
  background-color: #15B065;
  border-color: #15B065;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .setWrap .checkItem input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 4px;
  height: 6px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .setWrap .btnResetCondition {
  display: flex;
  align-items: center;
  height: 26px;
  margin-left: auto;
  font-size: 12px;
  color: #999999;
  cursor: pointer;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .setWrap .btnResetCondition .iconReset {
  width: 13px;
  height: 14px;
  margin-right: 5px;
  background-position: 0 -45px;
  opacity: 0.5;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .setWrap .btnResetCondition:hover {
  color: #333;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .itemWrap .setWrap .btnResetCondition:hover > i {
  opacity: 1;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .btnSearchAdvanced {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 70px;
  height: 85px;
  padding: 0 10px;
  margin-left: 10px;
  color: #15B065;
  border: 1px solid #15B065;
  background-color: #F1F9F5;
  font-size: 13px;
  cursor: pointer;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch .btnSearchAdvanced > i {
  display: inline-block;
  width: 14px;
  height: 13px;
  background-position: 0 0;
  margin-left: 8px;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch.Min {
  flex-direction: column;
  width: 100%;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch.Min .itemWrap .item {
  width: 100%;
  margin-left: 0;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch.Min .itemWrap .item label {
  width: 60px;
  flex-shrink: 0;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch.Min .itemWrap .item input {
  width: 100%;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch.Min .itemWrap .item .periodWrap {
  width: 100%;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch.Min .itemWrap .item .periodWrap .inputPeriod {
  width: 100%;
  display: flex;
  flex-shrink: 0;
  padding: 0 0 0 5px;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch.Min .itemWrap .item .periodWrap .inputPeriod .txt {
  margin: 0 3px;
}
.apprContents .apprListView.searchResult .listWrap .advancedSearch.Min .btnSearchAdvanced {
  width: 100%;
  height: 33px;
  margin: 5px 0 0 0;
}
.apprContents .apprListView.searchResult .listWrap .searchDetail {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  min-width: 380px;
  min-height: 40px;
  padding: 5px 15px;
  background-color: #EAEDEF;
}
.apprContents .apprListView.searchResult .listWrap .searchDetail .resultInfo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-right: 10px;
  font-size: 12px;
}
.apprContents .apprListView.searchResult .listWrap .searchDetail .resultInfo .mainKey {
  display: inline-block;
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}
.apprContents .apprListView.searchResult .listWrap .searchDetail .resultInfo .count {
  color: #15B065;
}
.apprContents .apprListView.searchResult .listWrap .searchDetail .detailKeyWrap .keyword {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 1px 0 5px;
  background-color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(230, 230, 230, 0.7);
  border-radius: 5px;
  margin-bottom: 2px;
  margin-right: 2px;
  cursor: default;
}
.apprContents .apprListView.searchResult .listWrap .searchDetail .detailKeyWrap .keyword .txt {
  max-width: 111px;
  padding-right: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}
.apprContents .apprListView.searchResult .listWrap .searchDetail .detailKeyWrap .keyword .btnDelete {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-left: 2px;
  cursor: pointer;
}
.apprContents .apprListView.searchResult .listWrap .searchDetail .detailKeyWrap .keyword .btnDelete > i {
  width: 7px;
  height: 7px;
  background-position: 0 -68px;
}
.apprContents .apprListView.searchResult .listWrap .searchDetail .detailKeyWrap .keyword .btnDelete:hover {
  background-color: #eee;
}
.apprContents .apprListView.searchResult .listWrap .searchDetail .detailKeyWrap .keyword:hover {
  background-color: white;
  border: 1px solid #e6e6e6;
}
.apprContents .apprListView.searchResult .listWrap .searchDetail .detailKeyWrap .keyword.default {
  padding: 0 5px;
}
.apprContents .apprListView.searchResult .listWrap .searchDetail .detailKeyWrap .keyword.default .btnDelete {
  display: none;
}
.apprContents .apprListView.searchResult .listWrap .apprListTabWrap .apprListTab, .apprContents .apprListView.searchResult .listWrap .apprListTabWrap .apprListFilter {
  margin-top: 20px;
}
.apprContents .apprListView.searchResult .listWrap.Min .apprSearchHeader .apprSearch {
  width: 100%;
  min-width: unset;
  height: 40px;
  background-color: transparent;
  border: 1px solid #d6d6d6;
}
.apprContents .apprListView.searchResult .listWrap.Min .apprSearchHeader .apprSearch input {
  background-color: #fff;
}
.apprContents .apprListView.searchResult .listWrap.Min .apprSearchHeader:hover {
  max-width: 600px;
}
.apprContents .noData {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-shrink: 1;
  flex-grow: 1;
  width: 58%;
  min-width: 460px;
  height: 100%;
  background-color: #fff;
  color: #333;
}
.apprContents .noData .iconNoApprData {
  width: 32px;
  height: 31px;
  background-position: 0 -129px;
  margin-bottom: 20px;
  opacity: 0.5;
}
.apprContents .noData .text {
  font-size: 14px;
  opacity: 0.5;
}
.apprContents.noSelectedDoc .apprDocViewArea {
  display: none;
}
.apprContents.noSelectedDoc .apprListView {
  width: 100%;
  max-width: 100%;
}
.apprContents.noSelectedDoc > .noData {
  display: none !important;
}
.apprContents.tempDocList .apprListView {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
.apprContents.tempDocList .apprListView .listWrap.Min .apprListTemp .listItem li > a .apprStatus {
  display: inline-flex;
}
.apprContents.tempDocList .apprListView .apprListTemp .listItem {
  display: flex;
  flex-wrap: wrap;
}
.apprContents.tempDocList .apprListView .apprListTemp .listItem li {
  width: auto;
  margin-right: 20px;
  margin-bottom: 20px;
}
.apprContents.tempDocList .apprListView .apprListTemp .listItem li > a {
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  width: 300px;
  height: 170px;
  padding: 10px;
  border: 1px solid #ddd;
}
.apprContents.tempDocList .apprListView .apprListTemp .listItem li > a .apprStatus {
  width: 62px;
  height: 62px;
  margin-bottom: 12px;
}
.apprContents.tempDocList .apprListView .apprListTemp .listItem li > a .apprStatus > i {
  width: 33px;
  height: 32px;
  background-position: -41px -128px;
}
.apprContents.tempDocList .apprListView .apprListTemp .listItem li > a .docTitle {
  left: 10px;
  top: 110px;
  width: calc(100% - 15px);
}
.apprContents.tempDocList .apprListView .apprListTemp .listItem li > a .docType {
  position: absolute;
  left: 10px;
  top: 86px;
  max-width: calc(100% - 15px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apprContents.tempDocList .apprListView .apprListTemp .listItem li > a .docDate, .apprContents.tempDocList .apprListView .apprListTemp .listItem li > a .docID, .apprContents.tempDocList .apprListView .apprListTemp .listItem li > a .drafter, .apprContents.tempDocList .apprListView .apprListTemp .listItem li > a .docType::after {
  display: none;
}
.apprContents.tempDocList .apprListView .apprListTemp .listItem li > a .lastUpdated {
  position: absolute;
  top: 140px;
  left: 10px;
  font-size: 12px;
  letter-spacing: 0;
}
.apprContents.tempDocList .apprDocView {
  display: none;
}
.apprContents.docFull {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  z-index: 2;
}

.apprDocViewArea {
  position: relative;
  width: 58%;
  /*min-width: 460px;*/
  /*flex-shrink: 1;
  flex-grow: 1;*/
  overflow: auto;
}
.apprDocViewArea > iframe {
  width: 100%;
  min-width: 500px;
}
.apprDocViewArea.docFull {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  z-index: 1;
}

.contentsArea.apprDocViewFrame {
  height: 100% !important;
}
.contentsArea.apprDocViewFrame > form {
  padding: 0 !important;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper {
  display: flex;
  width: 100%;
  height: 100%;
  letter-spacing: -0.7px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .noData {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 300px;
  background-color: #fff;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .noData .iconErrorData {
  width: 31px;
  height: 27px;
  margin-bottom: 15px;
  background-position: 0 -566px;
  opacity: 0.5;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .noData .text {
  font-size: 14px;
  opacity: 0.5;
  text-align: center;
  line-height: 20px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .noData {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 300px;
  background-color: #fff;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .noData .iconNoApprData {
  width: 32px;
  height: 31px;
  margin-bottom: 20px;
  background-position: 0 -129px;
  opacity: 0.5;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .noData .text {
  font-size: 14px;
  opacity: 0.5;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader {
  flex-shrink: 0;
  position: relative;
  padding: 10px 15px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocScrollWrap {
  display: flex;
  flex-direction: column;
  padding: 0 15px 35px 15px;
  overflow: auto;
  height: 100%;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader {
  position: relative;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .docInfo {
  margin-bottom: 5px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .docInfo .docType {
  display: inline-flex;
  align-items: center;
  height: 19px;
  line-height: 19px;
  padding: 0 5px;
  font-size: 12px;
  color: #999999;
  letter-spacing: 0;
  border-radius: 5px;
  background-color: #edeff5;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .docTitle {
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  padding-right: 120px;
  font-size: 16px;
  color: #333;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .docTitle .urgent {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 34px;
  height: 18px;
  font-size: 12px;
  margin-top: 3px;
  margin-right: 5px;
  border-radius: 5px;
  padding: 0 5px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .docID {
  display: block;
  position: absolute;
  top: 12px;
  right: 20px;
  font-size: 12px;
  color: #999999;
  letter-spacing: 0;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader > .btnShareArea {
  position: absolute;
  top: 34px;
  right: 20px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader > .btnShareArea > .btnShare {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding: 4px 10px;
  font-size: 12px;
  color: #999999;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader > .btnShareArea > .btnShare > i {
  display: block;
  width: 10px;
  height: 12px;
  margin-right: 5px;
  background-position: 0 -641px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader > .btnShareArea > .btnShare:hover {
  background-color: rgba(51, 51, 51, 0.05);
  cursor: pointer;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader > .btnShareArea > .btnShare.Active {
  border: 1px solid #cccccc;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader > .btnShareArea > .btnShare.history > i {
  width: 20px;
  height: 14px;
  background-position: -61px -639px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .draftInfo {
  display: none;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .docBtnWrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .docBtnWrap .txtNoPowerCoo {
  margin-right: auto;
  font-size: 12px;
  color: #bbb;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .docBtnWrap .actionBtnWrap {
  display: inline-flex;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .docBtnWrap button {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  height: 28px;
  padding: 0 10px;
  margin-left: 5px;
  border: 1px solid #cccccc;
  font-size: 12px;
  cursor: pointer;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .docBtnWrap button > i {
  margin-right: 5px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .defaultBtnWrap {
  display: flex;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .defaultBtnWrap .btnDefault {
  border-color: #cccccc;
  color: #999999;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .defaultBtnWrap .btnDefault:hover {
  border-color: #333;
  color: #333;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .actionBtnWrap .btnActionReject {
  border-color: #fd4040;
  color: #fd4040;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .actionBtnWrap .btnActionReject:hover {
  background-color: rgba(253, 64, 64, 0.1);
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .actionBtnWrap .btnActionHold {
  border-color: #FF9E00;
  color: #FF9E00;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .actionBtnWrap .btnActionHold:hover {
  background-color: rgba(255, 158, 0, 0.1);
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .actionBtnWrap .btnActionApproval {
  border-color: #1DB0F6;
  color: #1DB0F6;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .actionBtnWrap .btnActionApproval:hover {
  background-color: rgba(29, 176, 246, 0.1);
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .actionBtnWrap .btnActionDelete {
  border-color: #333;
  color: #333;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .actionBtnWrap .btnActionDelete:hover {
  background-color: rgba(51, 51, 51, 0.1);
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineWrap {
  margin-bottom: 5px;
}
.devHideApprLine {
  display: none !important;
}

.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList {
  display: flex;
  flex-wrap: wrap;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li {
  display: inline-flex;
  flex-shrink: 0;
  margin-bottom: 5px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li:last-child .apprLineItem::before, .contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li:last-child .apprLineItem::after {
  display: none;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li.groupCoo .apprLineItem .apprStatus .iconCoop {
  display: flex;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li.powerCoo .apprLineItem .apprStatus .iconCoop {
  display: flex;
  background-color: #1DB0F6;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li.groupCoo .apprLineItem::after, .contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li.powerCoo .apprLineItem::after {
  width: 9px;
  height: 5px;
  background-position: -17px -291px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li.groupCoo.lastCoo .apprLineItem::after, .contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li.powerCoo.lastCoo .apprLineItem::after {
  width: 6px;
  height: 12px;
  background-position: 0 -291px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li .apprLineItem {
  position: relative;
  display: flex;
  padding-right: 25px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li .apprLineItem .apprStatus {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  max-width: 65px;
  min-height: 30px;
  border-radius: 15px;
  margin-right: 5px;
  font-size: 12px;
  text-align: center;
  padding: 0 5px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li .apprLineItem .apprStatus .iconApprStatusCurrent {
  flex-shrink: 0;
  width: 14px;
  height: 13px;
  background-position: 0 -269px;
}
.iconCoop {
  position: absolute;
  right: -2px;
  bottom: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  width: 16px;
  height: 9px;
  border-radius: 20px;
  background-color: #ccc;
  z-index: 1;
}
.iconCoop > i {
  width: 11px;
  height: 5px;
  background-position: -36px -293px;
}

.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li .apprLineItem .apprStatus.statusYellow + .empInfo .date {
  color: #FF9E00;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li .apprLineItem .empInfo {
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: #999999;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li .apprLineItem .empInfo .date {
  font-size: 11px;
  letter-spacing: 0;
  color: #999999;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li .apprLineItem .empInfo .name {
  font-size: 13px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li .apprLineItem .empInfo .adminInfo {
  display: inline-flex;
  align-items: center;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li .apprLineItem .empInfo .adminInfo .iconAdmin {
  width: 9px;
  height: 11px;
  background-position: -34px -337px;
  margin-right: 3px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li .apprLineItem .empInfo .adminInfo .txt {
  font-size: 11px;
  color: #FDAB34;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li .apprLineItem .empInfo.current .date {
  color: #1DB0F6;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li .apprLineItem .empInfo.current .name {
  color: #333;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprDocHeader .apprLineList li .apprLineItem::after {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 10px;
  right: 9px;
  width: 6px;
  height: 12px;
  background-position: 0 -291px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .docViewerArea {
  width: 100%;
  height: 100%;
  min-height: 500px;
  border: 1px solid #e6e6e6;
  margin-bottom: 20px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .docViewerArea .docViewer {
  position: relative;
  width: 100%;
  height: 100%;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .docViewerArea .docViewer.Full {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .docViewerArea .docViewer .btnDocFull {
  position: absolute;
  top: 40px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.16);
  border: 1px solid #cccccc;
  cursor: pointer;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .docViewerArea .docViewer .btnDocFull:hover {
  background-color: #f9f9f9;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .docViewerArea .docViewer .btnDocFull > i {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-position: 0 -471px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .docViewerArea .docViewer .btnDocFull.Exit > i {
  width: 15px;
  height: 15px;
  background-position: -24px -471px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprRcvLineWrap {
  margin-bottom: 20px;
  color: #333;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprRcvLineWrap .apprRcvLine {
  display: flex;
  border: 1px solid #e6e6e6;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprRcvLineWrap .apprRcvLine:last-child {
  margin-top: -1px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprRcvLineWrap .apprRcvLine dt {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: whitesmoke;
  min-width: 36px;
  padding: 0 5px;
  font-size: 13px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprRcvLineWrap .apprRcvLine dd {
  display: flex;
  padding: 5px 5px 0 5px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprRcvLineWrap .apprRcvLine dd .rcvItem {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprRcvLineWrap .apprRcvLine dd .rcvItem li {
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  padding: 5px;
  height: 41px;
  border-radius: 3px;
  background-color: whitesmoke;
  margin: 0 5px 5px 0;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprRcvLineWrap .apprRcvLine dd .rcvItem li .date {
  color: #999999;
  font-size: 11px;
  letter-spacing: 0;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .apprRcvLineWrap .apprRcvLine dd .rcvItem li .name {
  font-size: 13px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload {
  margin-bottom: 20px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload h4 {
  display: flex;
  align-items: center;
  font-size: 13px;
  margin-bottom: 10px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload h4 > .count {
  font-weight: normal;
  color: #15B065;
  margin-left: 5px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload h4 .btnAddFile {
  display: flex;
  align-items: center;
  margin-left: 10px;
  font-size: 11px;
  padding: 4px 6px;
  color: #999999;
  border: 1px solid #cccccc;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload h4 .btnAddFile > i {
  width: 6px;
  height: 6px;
  background-position: -53px -220px;
  margin-right: 3px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload h4 .btnAddFile:hover {
  border-color: #333;
  color: #333;
  cursor: pointer;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload h4 .btn-preview {
  display: flex;
  align-items: center;
  font-size: 11px;
  padding: 4px 6px;
  margin-left: auto;
  background-color: #eee;
  border-radius: 3px;
  cursor: pointer;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload h4 .btn-preview > i {
  width: 18px;
  height: 18px;
  background-position: -192px -74px;
  margin-right: 2px;
  transform: scale(0.7);
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload h4 .btn-preview:hover {
  background-color: #e1e1e1;
  cursor: pointer;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload .upload {
  position: relative;
  max-height: 110px;
  height: auto;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  overflow: auto;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload .upload .uploadFileList {
  height: unset !important;
  margin: 0;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload .upload .uploadFileList > li .txtSize {
  letter-spacing: 0;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload .upload .uploadFileList > li .txtSize > span {
  display: inline-block;
  margin-right: 5px;
  font-size: 11px;
  color: #999999;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload .upload .uploadFileList > li .added {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 18px;
  padding: 0 5px;
  margin-left: 5px;
  background-color: #F0F0F0;
  border-radius: 3px;
  font-size: 11px;
  color: #aaa;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload .upload .uploadFileList > li .right {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 5px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload .upload .uploadFileList > li .right .txtDate {
  display: none;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload .upload .uploadFileList > li .right .preview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 23px;
  border-radius: 3px;
  cursor: pointer;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload .upload .uploadFileList > li .right .preview > i {
  flex-shrink: 0;
  width: 18px;
  height: 12px;
  background-position: 0px -220px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload .upload .uploadFileList > li .right .preview:hover {
  background-color: #eeeeee;
  cursor: pointer;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload .upload .uploadFileList > li .right .btnDelete {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 23px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload .upload .uploadFileList > li .right .btnDelete > i {
  flex-shrink: 0;
  width: 16px;
  height: 14px;
  background-position: -27px -220px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload .upload .uploadFileList > li .right .btnDelete:hover {
  background-color: #eeeeee;
  cursor: pointer;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload .upload .uploadFileList > li:last-child {
  border: 0;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .fileUpload .upload .btnAddFile {
  display: none;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs {
  width: 100%;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs header h4 {
  display: flex;
  align-items: center;
  font-size: 13px;
  margin-bottom: 10px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs header h4 > .count {
  margin-left: 5px;
  color: #15B065;
  font-weight: normal;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs header h4 > .btnAddFile {
  display: flex;
  align-items: center;
  margin-left: 10px;
  font-size: 11px;
  padding: 4px 6px;
  color: #999999;
  border: 1px solid #cccccc;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs header h4 > .btnAddFile > i {
  width: 6px;
  height: 6px;
  background-position: -53px -220px;
  margin-right: 3px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs header h4 > .btnAddFile:hover {
  border-color: #333;
  color: #333;
  cursor: pointer;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs .linkedDocList {
  margin-bottom: 20px;
  max-height: 123px;
  overflow-y: auto;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs .linkedDocList > li {
  margin-top: -1px;
  border: 1px solid #e6e6e6;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs .linkedDocList > li:first-child {
  margin-top: 0;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs .linkedDocList > li > a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 0 10px 0 0;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs .linkedDocList > li > a .linkedDocNo {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 100%;
  font-size: 12px;
  background-color: #f4f4f4;
  margin-right: 10px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs .linkedDocList > li > a .apprStatus {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 45px;
  height: 45px;
  margin-right: 10px;
  border-radius: 50%;
  font-size: 11px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs .linkedDocList > li > a .left {
  width: 100%;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs .linkedDocList > li > a .left .docTitle {
  max-width: calc(100% - 70px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs .linkedDocList > li > a .left .docType {
  background-color: #edeff5;
  padding: 2px 3px;
  border-radius: 3px;
  font-size: 12px;
  color: #999999;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs .linkedDocList > li > a .left .docID {
  font-size: 12px;
  color: #999999;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs .linkedDocList > li > a .left .added {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  margin-left: 8px;
  font-size: 11px;
  color: #aaa;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs .linkedDocList > li > a .left .added:before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  height: 8px;
  background-color: #ddd;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs .linkedDocList > li > a .drafter {
  position: absolute;
  top: 12px;
  right: 10px;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: flex-end;
  align-items: end;
  font-size: 12px;
  margin-left: auto;
  text-align: right;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs .linkedDocList > li > a .drafter .dept {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #999999;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs .linkedDocList > li > a .drafter .name {
  margin-bottom: 4px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs .linkedDocList > li > a .docDate {
  position: absolute;
  right: 10px;
  bottom: 10px;
  margin-left: 10px;
  font-size: 12px;
  color: #999999;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .linkedDocs .linkedDocList > li > a:hover {
  background-color: #f9f9f9;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea {
  color: #333;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea h4 {
  display: inline-flex;
  font-size: 13px;
  margin-bottom: 10px;
  color: #333;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .txtInfo {
  color: #999;
  font-size: 12px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBoxWrap {
  width: 100%;
  background-color: #f9f9f9;
  border: 1px solid #e6e6e6;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .noComment {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  font-size: 13px;
  color: #999999;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox {
  width: 100%;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .btnCommentSend {
  width: 50px;
  height: 32px;
  background-color: #fff;
  border: 1px solid #15B065;
  color: #15B065;
  margin-left: 10px;
  cursor: pointer;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .btnCommentSend:hover {
  background-color: rgba(21, 176, 101, 0.1);
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentWrite {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentWrite input {
  width: 100%;
  height: 32px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  padding: 0 10px;
  color: #333;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap {
  padding: 13px 15px 10px 15px;
  border-bottom: 1px solid #e6e6e6;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap:last-child {
  border-bottom: 0;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap.typeHold {
  background-color: #fff6ea;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap.typeHold .userInfo .name .actionName {
  color: #FF9E00;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap.typeReject {
  background-color: #ffede9;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap.typeReject .userInfo .name .actionName {
  color: #fd4040;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .userInfo {
  display: flex;
  margin-bottom: 10px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .userInfo .name {
  display: flex;
  align-items: center;
  font-size: 13px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .userInfo .name .actionName {
  font-weight: normal;
  font-size: 12px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .userInfo .name .txtAddedComment {
  font-size: 12px;
  font-weight: normal;
  color: #999999;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .userInfo .name .adminInfo {
  display: inline-flex;
  align-items: center;
  margin-left: 5px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .userInfo .name .adminInfo .iconAdmin {
  width: 9px;
  height: 11px;
  background-position: -34px -337px;
  margin-right: 3px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .userInfo .name .adminInfo .txt {
  font-size: 11px;
  color: #FDAB34;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .userInfo .name .drafter {
  font-size: 12px;
  color: #999999;
  margin-left: 6px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .userInfo .date {
  margin-left: auto;
  font-size: 12px;
  color: #999999;
  letter-spacing: 0;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .commentView {
  display: flex;
  align-items: center;
  min-height: 28px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .commentView .comment {
  font-size: 13px;
  line-height: 18px;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .commentView input {
  width: 100%;
  height: 32px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  padding: 0 10px;
  font-size: 13px;
  color: #333;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .commentView .btnWrap {
  display: flex;
  flex-shrink: 0;
  margin-left: auto;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .commentView .btnWrap button {
  padding: 5px 8px;
  margin-left: 5px;
  background-color: #fff;
  border: 1px solid #cccccc;
  font-size: 12px;
  color: #333;
  cursor: pointer;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .commentView .btnWrap button:hover {
  border-color: #333;
  color: #333;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .commentView .view {
  display: flex;
  align-items: center;
  width: 100%;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .commentView .edit {
  display: none;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .commentView .edit .btnWrap button.btnCommentSend {
  border-color: #15B065;
  color: #15B065;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .commentView .edit .btnWrap button.btnCommentSend:hover {
  background-color: rgba(21, 176, 101, 0.1);
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .commentView.editMode .view {
  display: none;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .commentView.editMode .edit {
  display: flex;
  align-items: center;
  width: 100%;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea .commentBox .commentViewWrap .commentWrite {
  padding: 0;
}
.contentsArea.apprDocViewFrame .apprDocViewWrapper .apprDocView .apprDocViewWrap .commentArea.memo {
  margin-top: 20px;
}
.contentsArea.apprDocViewFrame.popupDoc {
  border-top: 1px solid #DBE1E6;
}

.msgWrap.popupAppr {
  z-index: 30;
}
.msgWrap.popupAppr .msgBox {
  width: 350px;
  height: 400px;
  transform: none;
}
.msgWrap.popupAppr .msgBox > header {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 10px 0 15px;
}
.msgWrap.popupAppr .msgBox > header h3 {
  font-size: 15px;
}
.msgWrap.popupAppr .msgBox > header .check-switch {
  position: relative;
  display: inline-block;
  width: 63px;
  height: 18px;
  margin-left: 5px;
}
.msgWrap.popupAppr .msgBox > header .check-switch input {
  position: absolute;
  top: 0;
  left: 10px;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.msgWrap.popupAppr .msgBox > header .check-switch input + label {
  position: absolute;
  top: 1px;
  left: 0;
  width: 63px;
  height: 16px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.5);
  padding: 0 5px;
  font-size: 11px;
  letter-spacing: -1px;
  text-align: right;
  z-index: 1;
  cursor: pointer;
}
.msgWrap.popupAppr .msgBox > header .check-switch input ~ .slider {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #bbb;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 24px;
  cursor: pointer;
}
.msgWrap.popupAppr .msgBox > header .check-switch input ~ .slider:before {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 5px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  transition: 0.4s;
  border-radius: 50%;
}
.msgWrap.popupAppr .msgBox > header .check-switch input:checked + label {
  color: #fff;
  text-align: left;
}
.msgWrap.popupAppr .msgBox > header .check-switch input:checked ~ .slider {
  background-color: #15B065;
}
.msgWrap.popupAppr .msgBox > header .check-switch input:checked ~ .slider:before {
  transform: translateX(44px);
}
.msgWrap.popupAppr .msgBox > header .btnClose {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-left: auto;
  cursor: pointer;
}
.msgWrap.popupAppr .msgBox > header .btnClose > i {
  width: 13px;
  height: 13px;
  background-position: 0 -314px;
}
.msgWrap.popupAppr .msgBox > header .btnClose:hover {
  background-color: #efefef;
}
.msgWrap.popupAppr .msgBox > header .apprSearch {
  position: relative;
  display: flex;
  margin-left: auto;
  width: 180px;
  height: 28px;
  border: 1px solid #e6e6e6;
}
.msgWrap.popupAppr .msgBox > header .apprSearch.result .btnBackTree {
  display: inline-flex;
}
.msgWrap.popupAppr .msgBox > header .apprSearch.result > input {
  padding-left: 30px;
}
.msgWrap.popupAppr .msgBox > header .apprSearch .btnBackTree {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  display: none;
  width: 28px;
  height: 100%;
  cursor: pointer;
}
.msgWrap.popupAppr .msgBox > header .apprSearch .btnBackTree > i {
  width: 12px;
  height: 10px;
  background-position: 0 -408px;
}
.msgWrap.popupAppr .msgBox > header .apprSearch input {
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0 10px;
  color: #333;
}
.msgWrap.popupAppr .msgBox > header .apprSearch input::placeholder, .msgWrap.popupAppr .msgBox > header .apprSearch input::-ms-input-placeholder {
  opacity: 0.8;
}
.msgWrap.popupAppr .msgBox > header .apprSearch .btnApprSearch {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 30px;
  height: 100%;
  cursor: pointer;
}
.msgWrap.popupAppr .msgBox > header .apprSearch .btnApprSearch > i {
  width: 14px;
  height: 13px;
  background-position: 0 0;
}
.msgWrap.popupAppr .msgBox .contentArea {
  height: calc(100% - 50px);
  overflow-y: auto;
  border-top: 1px solid #DBE1E6;
}
.msgWrap.popupAppr .msgBox .contentArea .noData {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #999999;
  font-size: 13px;
}
.msgWrap.popupAppr > iframe {
  border: 0;
}
.msgWrap.popupAppr.selectApprTemp.inIframe {
  background-color: transparent;
}
.msgWrap.popupAppr.selectApprTemp .msgBox {
  width: 350px;
  height: unset;
}
.msgWrap.popupAppr.selectApprTemp .msgBox > header h3 {
  flex-shrink: 0;
  margin-right: 10px;
}
.msgWrap.popupAppr.selectApprTemp .msgBox > header .apprSearch {
  margin-left: auto;
}
.msgWrap.popupAppr.selectApprTemp .msgBox .contentArea {
  height: 300px;
  border-top: 1px solid #e6e6e6;
}
.msgWrap.popupAppr.selectApprTemp .msgBox .contentArea .tree {
  border: 0;
}
.msgWrap.popupAppr.fullApprLine {
  z-index: 50;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li {
  height: 60px;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem {
  display: flex;
  align-items: center;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem .apprType {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  font-size: 13px;
  word-break: break-all;
  line-height: 13px;
  text-align: center;
  padding: 6px 5px;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem .apprType::before {
  content: "";
  position: absolute;
  top: -15px;
  left: 0;
  border-top: 15px solid transparent;
  border-left: 20px solid #e8f7fe;
  border-bottom: 15px solid transparent;
  border-right: 20px solid #e8f7fe;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem .apprType::after {
  content: "";
  position: absolute;
  top: 40px;
  left: 0;
  border-top: 15px solid #e8f7fe;
  border-left: 20px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 20px solid transparent;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem.statusGreen .apprType {
  height: 50px;
  background-color: rgba(21, 176, 101, 0.1);
  color: #15B065;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem.statusGreen .apprType::before {
  display: none;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem.statusGreen .apprType::after {
  top: 50px;
  border-top-color: #e7f7e7;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem.statusBlue .apprType {
  background-color: rgba(29, 176, 246, 0.1);
  color: #1DB0F6;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem.statusBlue .apprType::before {
  border-left-color: #e8f8fe;
  border-right-color: #e8f8fe;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem.statusBlue .apprType::after {
  border-top-color: #e8f8fe;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem.statusGrey .apprType {
  background-color: #f5f5f5;
  color: #999999;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem.statusGrey .apprType::before {
  border-left-color: #f5f5f5;
  border-right-color: #f5f5f5;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem.statusGrey .apprType::after {
  border-top-color: #f5f5f5;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem.statusBlue, .msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem.statusGreen, .msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem.statusGrey {
  background-color: transparent;
  color: initial;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem .apprOrder {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin: 0 5px;
  font-size: 11px;
  border-radius: 50%;
  background-color: rgba(153, 153, 153, 0.1);
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem .empInfo {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-right: 10px;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .name {
  display: flex;
  font-size: 13px;
  margin-right: 10px;
  color: #333;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .name .powerCoo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  padding: 0 5px;
  margin-left: 5px;
  background-color: #edeff5;
  border-radius: 10px;
  font-size: 11px;
  font-weight: normal;
  color: #999999;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .date {
  margin-left: auto;
  font-size: 12px;
  color: #999999;
  letter-spacing: 0;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .empDept {
  flex-basis: 100%;
  width: 100%;
  margin-top: 4px;
  margin-left: 8px;
  font-size: 12px;
  color: #999999;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li:first-child {
  height: 70px;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li:first-child .apprLineItem .empInfo {
  padding-top: 5px;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li:last-child .apprLineItem .apprType::after {
  top: 40px;
  width: 100%;
  height: 10px;
  background-color: #f5f5f5;
  border: 0;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li:last-child .apprLineItem.statusGrey .apprType::after {
  background-color: #f5f5f5;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li:last-child .apprLineItem.statusBlue .apprType::after {
  background-color: rgba(29, 176, 246, 0.1);
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li:last-child .apprLineItem.statusGreen .apprType::after {
  background-color: rgba(21, 176, 101, 0.1);
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li.groupCoo .apprLineItem .apprType .iconCoop {
  display: flex;
}
.msgWrap.popupAppr.fullApprLine .msgBox .contentArea .apprLineList li.powerCoo .apprLineItem .apprType .iconCoop {
  display: flex;
  background-color: #1DB0F6;
}
.msgWrap.popupAppr.apprHistory {
  z-index: 50;
}
.msgWrap.popupAppr.apprHistory .msgBox {
  width: unset;
  min-width: 350px;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li {
  height: 60px;
  padding: 0 10px;
  border-bottom: 1px solid #efefef;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li .apprLineItem {
  display: flex;
  align-items: center;
  height: 100%;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li .apprLineItem .status {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 45px;
  height: 45px;
  padding: 0 4px;
  margin-right: 10px;
  border-radius: 50%;
  font-size: 13px;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li .apprLineItem .status .txt {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-size: 12px;
  text-align: center;
  letter-spacing: -0.5px;
  word-break: break-all;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li .apprLineItem .status .txt .actionType {
  line-height: 14px;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li .apprLineItem .statusBlue {
  background-color: rgba(57, 170, 250, 0.1);
  color: #1DB0F6;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li .apprLineItem .statusGreen {
  background-color: rgba(21, 176, 101, 0.1);
  color: #15B065;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li .apprLineItem .statusRed {
  background-color: rgba(255, 77, 44, 0.1);
  color: #fd4040;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li .apprLineItem .statusYellow {
  background-color: rgba(253, 171, 52, 0.1);
  color: #FF9E00;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li .apprLineItem .statusGrey {
  background-color: rgba(153, 153, 153, 0.1);
  color: #999999;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li .apprLineItem .statusGrey .txt .actionName {
  display: none;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li .apprLineItem .empInfo {
  width: 100%;
  font-size: 13px;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .infoWrap {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .infoWrap .name {
  flex-shrink: 0;
  color: #333;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .infoWrap .powerCoo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 16px;
  padding: 0 5px;
  margin-left: 5px;
  background-color: #edeff5;
  border-radius: 10px;
  font-size: 11px;
  color: #999999;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .infoWrap .adminInfo {
  display: inline-flex;
  align-items: center;
  margin-left: 5px;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .infoWrap .adminInfo .iconAdmin {
  width: 9px;
  height: 11px;
  background-position: -34px -337px;
  margin-right: 3px;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .infoWrap .adminInfo .txt {
  font-size: 11px;
  color: #FDAB34;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .infoWrap .date {
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 20px;
  font-size: 12px;
  color: #999999;
  letter-spacing: 0;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .empDept {
  flex-shrink: 0;
  flex-basis: 100%;
  color: #999999;
  font-size: 12px;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li.groupCoo .apprLineItem .status .iconCoop {
  display: flex;
}
.msgWrap.popupAppr.apprHistory .msgBox .contentArea .apprLineList li.powerCoo .apprLineItem .status .iconCoop {
  display: flex;
  background-color: #1DB0F6;
}
.msgWrap.popupAppr.apprHistory.appShare .msgBox .contentArea .apprLineList li {
  height: 80px;
  padding: 0 15px;
}
.msgWrap.popupAppr.apprHistory.appShare .msgBox .contentArea .apprLineList li .apprLineItem .empInfo {
  position: relative;
}
.msgWrap.popupAppr.apprHistory.appShare .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .date {
  font-size: 12px;
  color: #999999;
  letter-spacing: 0;
}
.msgWrap.popupAppr.apprHistory.appShare .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .shareInfo {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 20px;
  background-color: rgba(51, 51, 51, 0.05);
  color: #999999;
  font-size: 12px;
}
.msgWrap.popupAppr.apprHistory.appShare .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .shareInfo > i {
  display: block;
  width: 10px;
  height: 12px;
  margin-right: 5px;
  background-position: 0 -641px;
}
.msgWrap.popupAppr.apprHistory.appShare .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .shareInfo:before, .msgWrap.popupAppr.apprHistory.appShare .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .shareInfo:after {
  display: none;
}
.msgWrap.popupAppr.apprHistory.appShare .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .shareInfo:before {
  content: "";
  position: absolute;
  right: 30px;
  bottom: 22px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 9px solid #f4f4f4;
}
.msgWrap.popupAppr.apprHistory.appShare .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .shareInfo:after {
  content: attr(data-tooltip);
  position: absolute;
  right: 0;
  bottom: 30px;
  padding: 4px 10px;
  background-color: #f4f4f4;
  white-space: nowrap;
}
.msgWrap.popupAppr.apprHistory.appShare .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .shareInfo:hover:before, .msgWrap.popupAppr.apprHistory.appShare .msgBox .contentArea .apprLineList li .apprLineItem .empInfo .shareInfo:hover:after {
  display: block;
}
.msgWrap.popupAppr.apprHistory.appShare .msgBox .contentArea > .noData {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.msgWrap.popupAppr.apprHistory.appShare .msgBox .contentArea > .noData > .iconNoData {
  display: block;
  width: 32px;
  height: 44px;
  background-position: -80px -561px;
}
.msgWrap.popupAppr.apprHistory.appShare .msgBox .contentArea > .noData > span {
  color: rgba(51, 51, 51, 0.5);
  font-size: 12px;
  letter-spacing: -0.05em;
}
.msgWrap.popupAppr.appDocShare .msgBox {
  width: 500px;
  height: 520px;
}
.msgWrap.popupAppr.appDocShare .msgBox > header {
  position: relative;
  display: flex;
  align-items: center;
}
.msgWrap.popupAppr.appDocShare .msgBox > header > i {
  flex-shrink: 0;
  display: block;
  width: 30px;
  height: 30px;
  background-position: -24px 6px;
}
.msgWrap.popupAppr.appDocShare .msgBox > header > .appSearch {
  width: 100%;
  height: 50px;
  border: none;
  font-size: 15px;
}
.msgWrap.popupAppr.appDocShare .msgBox > header > .appSearch:focus {
  color: #15B065;
}
.msgWrap.popupAppr.appDocShare .msgBox > header > .appSearch:valid + .btnDelShareSearch {
  display: flex;
  align-items: center;
  justify-content: center;
}
.msgWrap.popupAppr.appDocShare .msgBox > header > .btnDelShareSearch {
  display: none;
  position: relative;
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  margin-right: 15px;
  margin-left: 15px;
  border-radius: 50%;
  background-color: rgba(51, 51, 51, 0.3);
  background-position: -18px -64px;
}
.msgWrap.popupAppr.appDocShare .msgBox > header > .btnDelShareSearch:hover, .msgWrap.popupAppr.appDocShare .msgBox > header > .btnDelShareSearch:focus {
  background-color: rgba(51, 51, 51, 0.5);
}
.msgWrap.popupAppr.appDocShare .msgBox > header > .btnDelShareSearch:focus-visible {
  outline: 1px solid #333;
}
.msgWrap.popupAppr.appDocShare .msgBox > header > .btnShareList {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 100%;
}
.msgWrap.popupAppr.appDocShare .msgBox > header > .btnShareList:before {
  content: "";
  width: 20px;
  height: 20px;
  background-position: -127px -636px;
}
.msgWrap.popupAppr.appDocShare .msgBox > header > .txtShareList {
  position: absolute;
  top: 45px;
  right: 5px;
  padding: 12px 20px;
  border-radius: 5px;
  background-color: #EFF1F5;
  font-size: 12px;
  color: rgba(51, 51, 51, 0.8);
  box-shadow: rgba(15, 15, 15, 0.2) 0px 3px 6px;
  opacity: 1;
  transition: opacity 0.3s linear;
}
.msgWrap.popupAppr.appDocShare .msgBox > header > .txtShareList:before {
  position: absolute;
  top: -9px;
  right: 10px;
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #EFF1F5;
}
.msgWrap.popupAppr.appDocShare .msgBox > header > .txtShareList.hide {
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.3s linear;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .leftList {
  flex-shrink: 0;
  width: 270px;
  height: 100%;
  overflow-y: auto;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .leftList > ul {
  width: 100%;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .leftList > ul > li > .groupTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  padding: 0 10px 0 15px;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .leftList > ul > li > .groupTitle > span {
  font-size: 13px;
  color: #666666;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .leftList > ul > li > .groupTitle > span > strong {
  font-size: 14px;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .leftList > ul > li > .groupTitle > p {
  display: flex;
  align-items: center;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .leftList > ul > li > .groupTitle > p > .btnSelectAll {
  margin-right: 10px;
  padding: 3px 6px;
  border-radius: 3px;
  background-color: rgba(51, 51, 51, 0.05);
  font-size: 11px;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .leftList > ul > li > .groupTitle > p > .iconArrow {
  display: block;
  width: 10px;
  height: 6px;
  background-position: -37px -548px;
  transform: rotate(180deg);
  transition: all 0.5s linear;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .leftList > ul > li > .groupTitle:hover {
  cursor: pointer;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .leftList > ul > li > .groupContent {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s linear;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .leftList > ul > li > .groupContent > li {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 30px;
  padding: 5px 10px 5px 30px;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .leftList > ul > li > .groupContent > li > .iconUser {
  position: absolute;
  top: 5px;
  left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .leftList > ul > li > .groupContent > li > .name {
  font-size: 13px;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .leftList > ul > li > .groupContent > li > .empDept {
  font-size: 12px;
  color: rgba(51, 51, 51, 0.5);
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .leftList > ul > li > .groupContent > li:hover {
  background-color: rgba(51, 51, 51, 0.05);
  cursor: pointer;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .leftList > ul > li > .groupContent > li.Selected > .iconUser:before {
  content: "";
  width: 4px;
  height: 7px;
  border-bottom: 2px solid #15B065;
  border-right: 2px solid #15B065;
  transform: rotate(45deg);
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .leftList > ul > li > .groupContent > li.Selected:hover {
  background-color: transparent;
  cursor: default;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .leftList > ul > li + li {
  border-top: 1px solid #DBE1E6;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .leftList > ul > li.groupOpen > .groupTitle > p .iconArrow {
  transform: rotate(0deg);
  transition: all 0.5s linear;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .leftList > ul > li.groupOpen > .groupContent {
  max-height: 3000em;
  transition: all 0.3s linear;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .rightList {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border-left: 1px solid #DBE1E6;
  overflow: hidden;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .rightList > .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 100%;
  height: 40px;
  padding: 0 10px 0 15px;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .rightList > .title > span {
  font-size: 13px;
  color: #666666;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .rightList > .title > .btnDelAll {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .rightList > .title > .btnDelAll:before {
  content: "";
  width: 15px;
  height: 13px;
  background-position: -86px -640px;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .rightList > .title > .btnDelAll:hover {
  background-color: rgba(51, 51, 51, 0.05);
  cursor: pointer;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .rightList > .selectUserList {
  display: flex;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .rightList > .selectUserList > ul {
  width: 100%;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .rightList > .selectUserList > ul > li {
  min-height: 50px;
  padding: 5px 15px;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .rightList > .selectUserList > ul > li > .nameArea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .rightList > .selectUserList > ul > li > .nameArea .btnDel {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #FF6262;
  border-radius: 50%;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .rightList > .selectUserList > ul > li > .nameArea .btnDel:before {
  content: "";
  width: 9px;
  height: 2px;
  background-color: #FF6262;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .rightList > .selectUserList > ul > li > .nameArea .btnDel:hover {
  background-color: #FF6262;
  cursor: pointer;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .rightList > .selectUserList > ul > li > .nameArea .btnDel:hover:before {
  background-color: #fff;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea > .rightList > .selectUserList > ul > li > .empDept {
  font-size: 12px;
  color: rgba(51, 51, 51, 0.5);
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea .noData {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea .noData > i {
  display: block;
  width: 32px;
  height: 44px;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea .noData > i.iconSearch {
  background-position: -40px -561px;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea .noData > i.iconNoData {
  background-position: -80px -561px;
}
.msgWrap.popupAppr.appDocShare .msgBox > .contentArea .noData > span {
  color: rgba(51, 51, 51, 0.5);
  font-size: 13px;
  letter-spacing: -0.05em;
}
.msgWrap.popupAppr.appDocShare .shareListWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 0;
  height: 520px;
  background-color: #E4E5EB;
  border-radius: 5px;
  box-shadow: rgba(15, 15, 15, 0.2) 3px 9px 15px;
  opacity: 0;
  overflow: hidden;
  transition: all 0.3s linear;
}
.msgWrap.popupAppr.appDocShare .shareListWrap > section {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.msgWrap.popupAppr.appDocShare .shareListWrap > section > .title {
  flex-shrink: 0;
  padding: 20px 15px 10px;
  color: rgba(51, 51, 51, 0.7);
  font-size: 11px;
}
.msgWrap.popupAppr.appDocShare .shareListWrap > section > ul {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.msgWrap.popupAppr.appDocShare .shareListWrap > section > ul > li {
  display: flex;
  flex-direction: column;
  min-height: 50px;
  padding: 5px 15px;
}
.msgWrap.popupAppr.appDocShare .shareListWrap > section > ul > li > .name, .msgWrap.popupAppr.appDocShare .shareListWrap > section > ul > li > .empDept {
  font-size: 12px;
  color: rgba(51, 51, 51, 0.5);
}
.msgWrap.popupAppr.appDocShare .shareListWrap > section > .noData {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.msgWrap.popupAppr.appDocShare .shareListWrap > section > .noData > .iconNoData {
  display: block;
  width: 32px;
  height: 44px;
  background-position: -80px -561px;
}
.msgWrap.popupAppr.appDocShare .shareListWrap > section > .noData > span {
  color: rgba(51, 51, 51, 0.5);
  font-size: 12px;
  letter-spacing: -0.05em;
}
.msgWrap.popupAppr.appDocShare .shareListWrap > section + section {
  border-top: 1px solid #DBE1E6;
}
.msgWrap.popupAppr.appDocShare.shareListOpen .msgBox > header .btnShareList:before {
  background-position-x: -156px;
}
.msgWrap.popupAppr.appDocShare.shareListOpen .shareListWrap {
  width: 200px;
  opacity: 1;
  transition: all 0.3s linear;
}
.msgWrap.popupAppr.apprAddFile.inIframe {
  background-color: transparent;
}
.msgWrap.popupAppr.apprAddFile .msgBox {
  width: 550px;
  height: auto;
}
.msgWrap.popupAppr.apprAddFile .msgContent {
  position: relative;
  height: 130px;
  padding: 0;
}
.msgWrap.popupAppr.apprAddFile .msgContent .upload {
  border-radius: 0;
  border-bottom: 0;
  border-top-color: #cbd6dd;
}
.msgWrap.popupAppr.apprAddFile .msgContent .upload .uploadNoFile {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.msgWrap.popupAppr.apprAddFile .msgContent .upload .uploadFileTooltip .uploadContentBox .inputText {
  height: 100%;
  min-height: 30px;
  font-size: 13px;
}
.msgWrap.popupAppr.apprDocRef .msgBox {
  width: 800px;
  height: 580px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea {
  display: flex;
  width: 100%;
  margin-left: unset;
  border-top: none;
  overflow: hidden;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border-right: 1px solid #DBE1E6;
  background-color: #F7F9FA;
  overflow: hidden;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .searchArea {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  border-bottom: 1px solid #DBE1E6;
  background-color: #fff;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .searchArea > .iconSearch {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .searchArea > .iconSearch:before {
  content: "";
  width: 16px;
  height: 16px;
  background-position: -24px 0;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .searchArea > .btnBack {
  display: none;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .searchArea > .btnBack:before {
  content: "";
  width: 12px;
  height: 10px;
  background-position: 0 -408px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .searchArea > .apprSearch {
  width: 100%;
  height: 50px;
  border: none;
  background-color: #fff;
  color: #333;
  font-size: 15px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .searchArea > .apprSearch:focus {
  color: #15B065;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .searchArea > .apprSearch:valid + .btnDelSearch {
  display: flex;
  align-items: center;
  justify-content: center;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .searchArea > .btnDelSearch {
  display: none;
  position: relative;
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  margin-right: 15px;
  margin-left: 15px;
  border-radius: 50%;
  background-color: rgba(51, 51, 51, 0.3);
  background-position: -18px -64px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .searchArea > .btnDelSearch:hover, .msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .searchArea > .btnDelSearch:focus {
  background-color: rgba(51, 51, 51, 0.5);
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .searchArea > .btnDelSearch:focus-visible {
  outline: 1px solid #333;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .searchResult {
  display: none;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  background-color: rgba(51, 51, 51, 0.07);
  font-size: 12px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .searchResult > span {
  color: #333;
  font-size: 12px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .searchResult > span.keyword {
  padding-right: 5px;
  font-weight: bold;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .searchResult > span.num {
  padding-left: 5px;
  padding-right: 2px;
  color: #15B065;
  font-weight: bold;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  height: 50px;
  padding: 0 15px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea > .tabItem {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 12px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea > .tabItem + .tabItem:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 1px;
  height: 12px;
  background-color: #cccccc;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea > .tabItem > input[type=radio] {
  display: none;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea > .tabItem > input[type=radio]:checked + label {
  font-weight: bold;
  border-bottom: 2px solid #15B065;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea > .tabItem > label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 13px;
  letter-spacing: -0.03em;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea > .tabItem > label:hover {
  font-weight: bold;
  cursor: pointer;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter {
  position: relative;
  display: flex;
  z-index: 1;
  padding: 5px 15px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .btnFilter {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  height: 28px;
  padding: 0 10px;
  border: 1px solid #cccccc;
  background-color: #fff;
  color: #999999;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .btnFilter .iconFilter {
  width: 12px;
  height: 11px;
  background-position: 0 -620px;
  margin-right: 5px;
  opacity: 0.7;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .btnFilter .txt {
  font-size: 12px;
  margin-right: 5px;
  letter-spacing: -0.5px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .btnFilter .txt.hasCondition::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 4px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #fd9800;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .btnFilter .iconArrow {
  width: 8px;
  height: 5px;
  background-position: 0 -394px;
  margin-left: auto;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .btnFilter:hover {
  color: #333;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .btnFilter:hover .iconFilter {
  opacity: 1;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption {
  position: absolute;
  top: 32px;
  left: 15px;
  max-width: 210px;
  border: 1px solid #DBE1E6;
  background-color: #fff;
  z-index: 1;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .optionWrap {
  min-width: 100px;
  border-top: 1px solid #DBE1E6;
  font-size: 13px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .filterTitle {
  position: relative;
  display: flex;
  align-items: center;
  height: 34px;
  padding: 15px;
  font-size: 12px;
  font-weight: bold;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .filterTitle.main {
  justify-content: space-between;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .filterTitle.main > span {
  font-size: 14px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .filterTitle.main > .btnReset {
  display: flex;
  align-items: center;
  color: rgba(51, 51, 51, 0.7);
  font-weight: normal;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .filterTitle.main > .btnReset > i {
  width: 13px;
  height: 14px;
  margin-right: 5px;
  background-position: 0 -45px;
  opacity: 0.5;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .filterTitle.main > .btnReset:hover {
  color: #333;
  cursor: pointer;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .filterTitle.main > .btnReset:hover > i {
  opacity: 1;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .docStatusArea {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 8px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .docStatusArea .checkArea {
  position: relative;
  display: flex;
  align-items: center;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .docStatusArea .checkArea input[type=checkbox] {
  display: none;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .docStatusArea .checkArea input[type=checkbox] + label {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 4px 15px;
  font-size: 12px;
  cursor: pointer;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .docStatusArea .checkArea input[type=checkbox] + label::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  border-radius: 5px;
  border: 1px solid #cbd6dd;
  background-color: #fff;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .docStatusArea .checkArea input[type=checkbox] + label > .count {
  padding-left: 5px;
  color: rgba(51, 51, 51, 0.5);
  font-size: 11px;
  font-style: normal;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .docStatusArea .checkArea input[type=checkbox]:checked + label::before {
  border-color: #15B065;
  background-color: #15B065;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .docStatusArea .checkArea input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 21px;
  width: 5px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .docStatusArea .checkArea input[type=checkbox]:focus + label {
  border-color: #333;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .docStatusArea .checkArea input[type=checkbox]:disabled + label {
  cursor: default;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .docStatusArea .checkArea input[type=checkbox]:disabled + label::before {
  background-color: #eaeaea;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .toggleArea {
  width: 100%;
  padding: 12px 15px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .toggleArea input[type=checkbox] {
  display: none;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .toggleArea input[type=checkbox] + label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: bold;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .toggleArea input[type=checkbox] + label > i {
  position: relative;
  width: 30px;
  height: 16px;
  border-radius: 20px;
  background-color: #d5d5d5;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .toggleArea input[type=checkbox] + label > i:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  transition: left 0.2s;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .toggleArea input[type=checkbox]:checked + label {
  color: currentColor;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .toggleArea input[type=checkbox]:checked + label > i {
  background-color: #15B065;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .toggleArea input[type=checkbox]:checked + label > i:before {
  left: 17px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .periodWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0 15px 10px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .periodWrap .selectBox {
  width: 100%;
  margin: 0 0 5px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .periodWrap .inputPeriod {
  display: flex;
  align-items: center;
  height: 26px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .periodWrap .inputPeriod > .layoutControl {
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .periodWrap .inputPeriod label {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  text-align: left;
  color: #999999;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .periodWrap .inputPeriod input {
  width: 100%;
  height: 26px;
  border: 1px solid #cbd6dd;
  margin-left: 0;
  transition: border-color 0.3s;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .periodWrap .inputPeriod input:focus {
  border-color: #15B065;
  box-shadow: none;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .periodWrap .inputPeriod > .txt {
  margin: 0 4px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .periodWrap .layoutControl {
  width: auto !important;
  height: auto !important;
  position: relative;
  display: inline-flex;
  padding: 0;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .periodWrap .layoutControl label {
  display: none;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .periodWrap .layoutControl input {
  width: 80px !important;
  height: 26px !important;
  border-radius: 0;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .selectBox {
  width: calc(100% - 30px);
  height: 30px;
  margin: 0 15px 12px;
  border-color: #cbd6dd;
  border-radius: 3px;
  background-color: #fff;
  color: #333;
  font-size: 12px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .selectBox:focus-visible {
  border: 2px solid #15B065;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .btnArea {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 0 5px 10px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .btnArea > button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  font-size: 12px;
  color: rgba(51, 51, 51, 0.7);
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .btnArea > button.btnDateOk {
  display: none;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .btnArea > button.btnDateOk:hover {
  color: #333;
  cursor: pointer;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .btnArea > button.btnFilterReset > .iconReset {
  width: 13px;
  height: 14px;
  margin-right: 5px;
  background-position: 0 -45px;
  opacity: 0.5;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .btnArea > button.btnFilterReset:hover {
  color: #333;
  cursor: pointer;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .btnArea > button.btnFilterReset:hover > .iconReset {
  opacity: 1;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .btnArea.showBtnDate {
  justify-content: space-between;
  padding: 0 5px 10px 15px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .btnArea.showBtnDate .btnDateOk {
  display: flex;
  border: 1px solid #15B065;
  color: #15B065;
  font-size: 12px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .tabArea .apprListFilter .selectOption .btnArea.showBtnDate .btnDateOk:hover {
  background-color: rgba(21, 176, 101, 0.1);
  cursor: pointer;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .apprListView {
  width: 100%;
  padding: 5px 15px;
  border: none;
  background-color: unset;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .apprListView > .listItem {
  display: inline-block;
  width: 100%;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .apprListView > .listItem li {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .apprListView > .listItem li > a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 80px;
  padding: 0 10px;
  background-color: #fff;
  box-shadow: 0 1px 3px #c7ccd0;
  overflow: hidden;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .apprListView > .listItem li > a.selected {
  border: 1px solid #15B065;
  background-color: #F1F9F5;
  color: #333;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .apprListView > .listItem li > a .apprStatus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  font-size: 11px;
  margin-right: 10px;
  text-align: center;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .apprListView > .listItem li > a .titleWrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .apprListView > .listItem li > a .titleWrap .urgent {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 20px;
  font-size: 12px;
  margin-right: 3px;
  border-radius: 5px;
  font-weight: normal;
  padding: 0 5px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .apprListView > .listItem li > a .titleWrap .docTitle {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.5px;
  overflow: hidden;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .apprListView > .listItem li > a .tiny {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 12px;
  color: #999999;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .apprListView > .listItem li > a .tiny .docType {
  display: block;
  height: 19px;
  margin-right: 5px;
  padding: 0px 5px;
  font-size: 12px;
  color: #999999;
  letter-spacing: 0;
  line-height: 19px;
  border-radius: 5px;
  background-color: #edeff5;
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .apprListView > .listItem li > a .tiny .docID {
  font-size: 12px;
  color: #999999;
  letter-spacing: 0;
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .apprListView > .listItem li > a .drafter {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
  min-width: 100px;
  height: 65px;
  margin-left: auto;
  letter-spacing: 0;
  font-size: 12px;
  color: #999999;
  overflow: hidden;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .apprListView > .listItem li > a .drafter .name {
  color: #333;
  margin-bottom: 3px;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  width: 100%;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .apprListView > .listItem li > a .drafter .dept {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
  text-align: right;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .apprListView > .listItem li .checkArea + a {
  width: calc(100% - 30px);
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .noData {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .noData > .iconNoData {
  display: block;
  width: 32px;
  height: 32px;
  margin-bottom: 10px;
  background-position: 0 -129px;
  opacity: 0.3;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList > .noData > span {
  color: rgba(51, 51, 51, 0.5);
  font-size: 13px;
  letter-spacing: -0.05em;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList.Keyword > .searchArea > .btnBack {
  display: flex;
  align-items: center;
  justify-content: center;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList.Keyword > .searchArea > .iconSearch {
  display: none;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .leftList.Keyword > .searchResult {
  display: inline-flex;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 290px;
  height: 100%;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  padding: 0 15px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .title > span {
  font-size: 13px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .title > .btnDelAll {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .title > .btnDelAll:before {
  content: "";
  width: 15px;
  height: 13px;
  background-position: -86px -640px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .title > .btnDelAll:hover {
  background-color: rgba(51, 51, 51, 0.05);
  cursor: pointer;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .selectDocList {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 10px 15px;
  overflow-y: hidden;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .selectDocList > ul {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .selectDocList > ul > li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 30px;
  border: 1px dashed #999999;
  border-radius: 3px;
  padding: 5px 8px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .selectDocList > ul > li > .order {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-radius: 5px;
  background-color: rgba(51, 51, 51, 0.05);
  font-size: 12px;
  font-weight: bold;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .selectDocList > ul > li > .info {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .selectDocList > ul > li > .info > .doc {
  flex-shrink: 0;
  margin-right: 10px;
  font-size: 12px;
  letter-spacing: -0.06em;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .selectDocList > ul > li > .info > .num {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
  color: rgba(51, 51, 51, 0.5);
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .selectDocList > ul > li > .btnDel {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-left: 10px;
  border: 1px solid #FF6262;
  border-radius: 50%;
  background-color: #fff;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .selectDocList > ul > li > .btnDel:before {
  content: "";
  width: 9px;
  height: 2px;
  background-color: #FF6262;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .selectDocList > ul > li > .btnDel:hover {
  background-color: #FF6262;
  cursor: pointer;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .selectDocList > ul > li > .btnDel:hover:before {
  background-color: #fff;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .selectDocList > ul > li + li {
  margin-top: 5px;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .selectDocList > ul > li:hover {
  background-color: rgba(21, 176, 101, 0.1);
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .selectDocList > ul > li.fixed {
  border-color: transparent;
  background-color: #f3f3f3;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .selectDocList > ul > li.fixed > .order {
  color: rgba(51, 51, 51, 0.5);
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .selectDocList > ul > li.fixed > .info > .doc {
  color: rgba(51, 51, 51, 0.5);
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .selectDocList > ul > li.fixed > .btnDel {
  display: none;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .selectDocList > ul > li.fixed:hover {
  background-color: none;
  cursor: default;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .selectDocList > .noData {
  display: flex;
  align-items: center;
  flex-direction: column;
  min-width: unset;
}
.msgWrap.popupAppr.apprDocRef .msgBox .contentArea > .rightList > .selectDocList > .noData > span {
  color: rgba(51, 51, 51, 0.5);
  font-size: 13px;
  letter-spacing: -0.05em;
}

.docShareListWrap {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 30;
}
.docShareListWrap .docShareList {
  position: absolute;
  top: 102px;
  right: 20px;
  border: 1px solid #cccccc;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(51, 51, 51, 0.1);
}
.docShareListWrap .docShareList > li {
  width: fit-content;
}
.docShareListWrap .docShareList > li > button {
  display: flex;
  align-items: center;
  width: 140px;
  height: 28px;
  padding: 4px 10px;
  font-size: 12px;
  color: #333;
}
.docShareListWrap .docShareList > li > button > i {
  display: block;
  margin-right: 5px;
}
.docShareListWrap .docShareList > li > button.btnShare2 > i {
  width: 20px;
  height: 14px;
  background-position: -37px -639px;
}
.docShareListWrap .docShareList > li > button.btnShareHistory > i {
  width: 20px;
  height: 14px;
  background-position: -61px -639px;
}
.docShareListWrap .docShareList > li > button:hover {
  background-color: rgba(51, 51, 51, 0.05);
  cursor: pointer;
}

.popupBox > .divMessageBgBox > .divMessageBox .apprCommentWrap {
  width: 100%;
  padding: 10px;
  margin-top: 20px;
  border: 1px solid #DBE1E6;
  background-color: #f9f9f9;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprCommentWrap .titleArea {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 13px;
  margin-bottom: 10px;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprCommentWrap .titleArea .title {
  font-weight: bold;
  color: #333;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprCommentWrap .titleArea .title .optTxt {
  color: #999999;
  font-weight: normal;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprCommentWrap .titleArea .title .optTxt.required {
  color: #FE8739;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprCommentWrap .titleArea .info {
  margin-left: auto;
  letter-spacing: -0.5px;
  font-size: 12px;
  color: #999999;
  margin-left: 10px;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprCommentWrap .commentWrite {
  width: 100%;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprCommentWrap .commentWrite > input {
  width: 100%;
  height: 32px;
  background-color: #fff;
  border: 1px solid #DBE1E6;
  padding: 0 10px;
  font-size: 13px;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprCommentWrap .commentWrite > input:hover {
  border-color: #15B065;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprCommentWrap .requiredTxt {
  display: flex;
  align-items: center;
  margin: 10px 0 0px 0;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprCommentWrap .requiredTxt .iconTinyInfo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #FE8739;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  margin-right: 5px;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprCommentWrap .requiredTxt .txt {
  color: #FE8739;
  font-size: 12px;
  letter-spacing: -0.5px;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprCommentWrap .requiredTxt .iconTinyInfo::after {
  content: "!";
}
.popupBox > .divMessageBgBox > .divMessageBox .apprCommentWrap + .divBtnArea {
  display: flex;
  justify-content: center;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprCommentWrap + .divBtnArea > .btnLineWhite {
  width: 130px;
  height: 45px;
  margin: 0 5px;
  padding: 0;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprCommentWrap + .divBtnArea > .btnLineWhite#msgBtnCancelAsync {
  background-color: transparent;
  border: 1px solid #15B065;
  color: #15B065;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprFailedWrap {
  width: 100%;
  max-width: 400px;
  min-height: 70px;
  max-height: 170px;
  margin-top: 20px;
  padding: 10px;
  border: 1px solid #DBE1E6;
  background-color: #f9f9f9;
  color: #333;
  overflow-y: auto;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprFailedWrap .item {
  margin-bottom: 15px;
  text-align: left;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprFailedWrap .item .titleWrap {
  display: inline-block;
  width: 100%;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #333;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprFailedWrap .item .titleWrap .drafter {
  font-size: 13px;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprFailedWrap .item .titleWrap .drafter::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  margin: 0 7px;
  background-color: #ccc;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprFailedWrap .item .titleWrap .docTitle {
  font-weight: bold;
  font-size: 13px;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprFailedWrap .item .detailWrap {
  display: flex;
  align-items: center;
  margin: 5px 0 0px 0;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprFailedWrap .item .detailWrap .iconTinyInfo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #FE8739;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  margin-right: 5px;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprFailedWrap .item .detailWrap .txt {
  color: #FE8739;
  text-align: left;
  font-size: 12px;
  letter-spacing: -0.5px;
}
.popupBox > .divMessageBgBox > .divMessageBox .apprFailedWrap .item .detailWrap .iconTinyInfo::after {
  content: "!";
}
.popupBox > .divMessageBgBox > .divMessageBox .apprFailedWrap + .divBtnArea input [type=button] {
  max-width: 180px;
}

/********************************************************************
   전자결재 - 상신
**********************************************************************/
/*iframe 외부*/
.apprWriteWrap {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 16;
}
.apprWriteWrap .apprWriteIframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*상신창*/
.apprWriteContents {
  display: flex;
  width: 100%;
  height: 100%;
  border-top: 1px solid #DBE1E6;
  /*	* {
  	&::-webkit-scrollbar {
  		width: 8px;
  		height: 8px;
  	}

  	&::-webkit-scrollbar-button {
  		&:start:decrement, &:end:increment {
  			background: #cbd6dd;
  			-webkit-border-radius: 0px;
  			border-radius: 0px;
  			height: 0;
  		}
  	}

  	&::-webkit-scrollbar-thumb {
  		background: #d0d4d6;
  	}

  	&::-webkit-scrollbar-track {
  		background: #edeff5;
  	}
  }*/
}
.apprWriteContents .splitter.Horizontal {
  width: 7px;
  height: 100%;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
}
.apprWriteContents .splitter.Horizontal:hover {
  cursor: col-resize;
  background-color: rgba(21, 176, 101, 0.3);
  border: 0;
  box-shadow: none;
  opacity: 1;
}
.apprWriteContents .docViewerArea {
  width: 60%;
  height: 100%;
  background-color: #fff;
}
.apprWriteContents .docViewerArea .noData {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100% - 100px);
  flex-direction: column;
  font-size: 14px;
  opacity: 0.5;
}
.apprWriteContents .docViewerArea .noData .iconNoApprData {
  width: 32px;
  height: 30px;
  margin-bottom: 20px;
  background-position: 0 -129px;
}
.apprWriteContents .approvalInfoArea {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 40%;
  min-width: 440px;
  height: 100%;
  background-color: #fff;
  border-left: 1px solid #DBE1E6;
  color: #333;
}
.apprWriteContents .approvalInfoArea .docTitle {
  width: 100%;
  padding: 0 15px;
  margin-top: 10px;
}
.apprWriteContents .approvalInfoArea .docTitle .tempTitleWrap {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.apprWriteContents .approvalInfoArea .docTitle .tempTitleWrap > i {
  width: 19px;
  height: 18px;
  margin-right: 5px;
  background-position: -83px -128px;
}
.apprWriteContents .approvalInfoArea .docTitle .tempTitleWrap .tempTitle {
  font-size: 12px;
  font-weight: bold;
}
.apprWriteContents .approvalInfoArea .docTitle .userTitle {
  width: 100%;
  height: 38px;
  border: 1px solid #DBE1E6;
  font-size: 15px;
  padding: 10px 5px;
  letter-spacing: -0.5px;
  background-color: #fff;
  color: #333;
}
.apprWriteContents .approvalInfoArea .docTitle .userTitle:hover {
  border-color: #15B065;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap {
  width: 100%;
  height: 100%;
  margin-top: 5px;
  padding: 0 15px 10px 15px;
  overflow-y: auto;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap {
  display: flex;
  flex-direction: column;
  height: 70%;
  overflow: hidden;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .titleWrap {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 40px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .titleWrap > .title {
  font-size: 13px;
  font-weight: bold;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .titleWrap > .btnWrap {
  flex-shrink: 0;
  margin-left: auto;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .titleWrap .btn {
  display: inline-flex;
  align-items: center;
  margin-bottom: 5px;
  padding: 5px 7px;
  border-radius: 5px;
  letter-spacing: -1px;
  color: #333;
  cursor: pointer;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .titleWrap .btn:hover {
  background-color: whitesmoke;
  cursor: pointer;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .titleWrap .btn .iconAddLine {
  width: 12px;
  height: 14px;
  margin-right: 5px;
  background-position: 0 -21px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .titleWrap .btn .iconReset {
  width: 13px;
  height: 14px;
  margin-right: 5px;
  background-position: 0 -45px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap {
  position: relative;
  display: flex;
  height: calc(100% - 40px);
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 250px;
  height: 100%;
  margin-right: 10px;
  background-color: #fff;
  border: 1px solid #DBE1E6;
  border-top: 0;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .tabApprovalLine {
  display: flex;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .tabApprovalLine li {
  display: flex;
  width: 50%;
  height: 34px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .tabApprovalLine li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 10px;
  font-size: 12px;
  font-weight: bold;
  background-color: whitesmoke;
  color: #999999;
  box-shadow: 0 1px 0 inset #DBE1E6;
  cursor: pointer;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .tabApprovalLine li > a[aria-selected=true] {
  background-color: #fff;
  box-shadow: 0px 3px 0 inset #333;
  color: #333;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appSearchWrap {
  flex-shrink: 0;
  width: 100%;
  height: 50px;
  padding: 10px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appSearchWrap .appSearch {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  border: 1px solid #DBE1E6;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appSearchWrap .appSearch.result .btnBackTree {
  display: inline-flex;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appSearchWrap .appSearch.result > input {
  padding-left: 30px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appSearchWrap .appSearch .btnBackTree {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  display: none;
  width: 28px;
  height: 100%;
  cursor: pointer;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appSearchWrap .appSearch .btnBackTree > i {
  width: 12px;
  height: 10px;
  background-position: 0 -408px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appSearchWrap .appSearch > input {
  width: 100%;
  height: 100%;
  padding: 0 10px;
  border: 0;
  letter-spacing: -0.5px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appSearchWrap .appSearch .btnSearch {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appSearchWrap .appSearch .btnSearch .iconSearch {
  width: 14px;
  height: 13px;
  background-position: 0 0;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .appSearchResult {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .orgListWrap {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .orgList {
  width: 100%;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .orgList .divTree {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .orgList .divTree .tree {
  height: 100%;
  border: 0;
  padding: 0 5px;
  overflow-y: scroll;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .orgList .divTree .tree .ulTreeDepth li {
  position: relative;
  /*&.ui-draggable-handle > a { 
  	cursor: move !important;
  }*/
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .orgList .divTree .tree .ulTreeDepth li > .collapseIcon {
  vertical-align: initial;
  margin-left: 5px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .orgList .divTree .tree .ulTreeDepth li .treeItem {
  display: inline-flex;
  align-items: flex-start;
  margin-left: -5px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .orgList .divTree .tree .ulTreeDepth li .treeItem .txtName {
  word-break: break-all;
  white-space: normal;
  margin-top: 3px;
  margin-bottom: 3px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .orgList .divTree .tree .ulTreeDepth li .treeItem:hover {
  background-color: #edeff5;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .orgList .divTree .tree .ulTreeDepth li .treeItem.selected {
  background-color: rgba(21, 176, 101, 0.1);
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .empListWrap {
  flex-shrink: 0;
  height: 40%;
  border-top: 1px solid #DBE1E6;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .empListWrap .empList {
  height: 100%;
  overflow-y: auto;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .empListWrap .empList li a {
  display: flex;
  align-items: center;
  height: 30px;
  padding: 0 7px 0 5px;
  font-size: 12px;
  color: #333;
  letter-spacing: 0px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .empListWrap .empList li a .txtName {
  max-width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .empListWrap .empList li a .txtInfo {
  color: #999;
  font-size: 11px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .empListWrap .empList li a .txtDept {
  margin-left: auto;
  color: #999;
  font-size: 11px;
  max-width: 40%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .empListWrap .empList li a:hover {
  background-color: #edeff5;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .empListWrap .empList li a.selected {
  background-color: rgba(21, 176, 101, 0.1);
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .noData {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-size: 13px;
  opacity: 0.5;
  letter-spacing: -0.5px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .orgWrap .treeEmpWrap .noData .iconNoEmpData {
  width: 25px;
  height: 27px;
  margin-bottom: 10px;
  background-position: 0 -337px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appLineTemplate {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
  overflow: hidden;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appLineTemplate .lineGroupWrap {
  overflow-y: auto;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appLineTemplate .lineGroupWrap .lineGroup {
  padding: 5px 0;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appLineTemplate .lineGroupWrap .lineGroup:last-child {
  border-bottom: 0;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appLineTemplate .lineGroupWrap .lineGroup .appLineTitle {
  display: flex;
  align-items: center;
  padding: 6px 0;
  margin: 0 10px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 12px;
  font-weight: bold;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appLineTemplate .lineGroupWrap .lineGroup .appLineTitle:hover {
  color: #333;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appLineTemplate .lineGroupWrap .lineGroup .appLineTitle .iconUnfold {
  margin-left: auto;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appLineTemplate .lineGroupWrap .lineGroup .appLineList > li {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 10px 0 0;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appLineTemplate .lineGroupWrap .lineGroup .appLineList > li:hover {
  background-color: whitesmoke;
  cursor: pointer;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appLineTemplate .lineGroupWrap .lineGroup .appLineList > li > .name {
  display: block;
  width: 100%;
  padding: 6px 10px;
  font-size: 13px;
  letter-spacing: -0.5px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appLineTemplate .lineGroupWrap .lineGroup .appLineList > li > .name .date {
  display: block;
  font-size: 11px;
  color: #999999;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appLineTemplate .lineGroupWrap .lineGroup .appLineList > li > .btnDeleteItem {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appLineTemplate .lineGroupWrap .lineGroup .appLineList > li > .btnDeleteItem > i {
  width: 7px;
  height: 7px;
  background-position: 0 -68px;
  opacity: 0.5;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .list .appLineTemplate .lineGroupWrap .lineGroup .appLineList > li > .btnDeleteItem:hover > i {
  opacity: 1;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .popupAddMyAppLine {
  display: none;
  position: absolute;
  top: 100px;
  left: 100px;
  z-index: 2;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .popupAddMyAppLine .AddMyAppLine {
  width: 300px;
  padding: 10px;
  background-color: #fff;
  box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .popupAddMyAppLine .AddMyAppLine > .title {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 15px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .popupAddMyAppLine .AddMyAppLine > input {
  width: 100%;
  height: 32px;
  border: 1px solid #DBE1E6;
  background-color: #fff;
  margin-bottom: 10px;
  padding: 0 10px;
  color: #333;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .popupAddMyAppLine .AddMyAppLine .btnWrap {
  text-align: right;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .popupAddMyAppLine .AddMyAppLine .btnWrap button {
  display: inline-block;
  min-width: 50px;
  cursor: pointer;
  font-size: 12px;
  padding: 7px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .popupAddMyAppLine .AddMyAppLine .btnWrap button.btnPrimary {
  border: 1px solid #15B065;
  color: #fff;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .popupAddMyAppLine .AddMyAppLine .btnWrap button.btnDefault {
  border: 1px solid #DBE1E6;
  background-color: #fff;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .approvalLine {
  height: 100%;
  overflow-y: scroll;
  background-color: #fff;
  border: 1px solid #DBE1E6;
  width: 100%;
  border-collapse: collapse;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .approvalLine .approvalType {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #DBE1E6;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .approvalLine .approvalType:first-child .itemList .itemWrap {
  min-height: 250px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .approvalLine .approvalType:last-child {
  border-bottom: 0;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .approvalLine .approvalType .typeTitle {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 27px;
  padding: 0 10px;
  font-size: 13px;
  background-color: whitesmoke;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .approvalLine .approvalType .typeTitle > .iconLock {
  width: 12px;
  height: 14px;
  margin-right: 7px;
  background-position: 0 -495px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .approvalLine .approvalType .itemList {
  min-height: 100px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .approvalLine .approvalType:first-child .itemList {
  position: relative;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .approvalLine .approvalType .itemList .itemWrap {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  min-height: 110px;
  padding: 5px;
  padding-bottom: 30px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .approvalLine .approvalType .itemList .itemWrap li {
  margin-bottom: 5px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .approvalLine .approvalType .itemList .itemWrap li .apprLineDragitem {
  min-width: 200px;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .approvalLine .approvalType .itemList .itemWrap li.ui-draggable-dragging .apprLineDragitem {
  min-width: 70px !important;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .approvalLine .approvalType .itemList .itemWrap > li.guide {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 12px;
  color: #ccc;
  margin: 0;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .approvalLine .approvalType .itemList .itemWrap > li > ul.CpGroup {
  min-width: 200px;
  padding: 5px 5px 0 5px;
  border-radius: 3px;
  background-color: #d5e8ff;
  border: 1px dashed #999;
  cursor: move;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .approvalLine .approvalType .itemList .itemWrap > li > ul.CpGroup:hover {
  background-color: #c1ddff;
  cursor: pointer;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .approvalLine .approvalType .itemList .itemWrap > li > ul.CpGroup > li .apprLineDragitem {
  min-width: 190px;
  border: 1px solid #DBE1E6;
}
.apprWriteContents .approvalInfoArea .apprInfoWrap .apprLineWrap .approvalLineListWrap .approvalLine .approvalType .itemList .itemWrap > li > ul.CpGroup > li .apprLineDragitem:hover {
  background-color: #fff;
}
.apprWriteContents .approvalInfoArea .title .iconUnfold {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
}
.apprWriteContents .approvalInfoArea .title .iconUnfold > i {
  width: 8px;
  height: 4px;
  background-position: 0 -111px;
}
.apprWriteContents .approvalInfoArea .title.Fold .iconUnfold > i {
  transform: rotate(270deg);
}
.apprWriteContents .approvalInfoArea .linkedDocs {
  width: 100%;
  margin-top: 20px;
}
.apprWriteContents .approvalInfoArea .linkedDocs .titleWrap {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.apprWriteContents .approvalInfoArea .linkedDocs .titleWrap .title {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: bold;
}
.apprWriteContents .approvalInfoArea .linkedDocs .titleWrap .btnAddFile {
  display: flex;
  align-items: center;
  margin-left: 10px;
  font-size: 11px;
  padding: 4px 6px;
  color: #999999;
  border: 1px solid #cccccc;
}
.apprWriteContents .approvalInfoArea .linkedDocs .titleWrap .btnAddFile > i {
  width: 6px;
  height: 6px;
  background-position: -53px -220px;
  margin-right: 3px;
}
.apprWriteContents .approvalInfoArea .linkedDocs .titleWrap .btnAddFile:hover {
  border-color: #333;
  color: #333;
  cursor: pointer;
}
.apprWriteContents .approvalInfoArea .linkedDocs .linkedDocList {
  margin-bottom: 20px;
  max-height: 123px;
  overflow-y: auto;
}
.apprWriteContents .approvalInfoArea .linkedDocs .linkedDocList > li {
  margin-top: -1px;
  border: 1px solid #e6e6e6;
}
.apprWriteContents .approvalInfoArea .linkedDocs .linkedDocList > li:first-child {
  margin-top: 0;
}
.apprWriteContents .approvalInfoArea .linkedDocs .linkedDocList > li > a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 0 10px 0 0;
}
.apprWriteContents .approvalInfoArea .linkedDocs .linkedDocList > li > a:hover {
  background-color: #f3fff9;
}
.apprWriteContents .approvalInfoArea .linkedDocs .linkedDocList > li > a .linkedDocNo {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 100%;
  font-size: 12px;
  background-color: #f4f4f4;
  margin-right: 10px;
}
.apprWriteContents .approvalInfoArea .linkedDocs .linkedDocList > li > a .apprStatus {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 45px;
  height: 45px;
  margin-right: 10px;
  border-radius: 50%;
  font-size: 11px;
}
.apprWriteContents .approvalInfoArea .linkedDocs .linkedDocList > li > a .left {
  width: calc(100% - 80px);
}
.apprWriteContents .approvalInfoArea .linkedDocs .linkedDocList > li > a .left .docTitle {
  max-width: calc(100% - 70px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  padding: 0;
  margin: 0;
}
.apprWriteContents .approvalInfoArea .linkedDocs .linkedDocList > li > a .left .docType {
  padding: 2px 3px;
  font-size: 12px;
  color: #999999;
  border-radius: 3px;
  background-color: #edeff5;
}
.apprWriteContents .approvalInfoArea .linkedDocs .linkedDocList > li > a .left .docID {
  font-size: 12px;
  color: #999999;
}
.apprWriteContents .approvalInfoArea .linkedDocs .linkedDocList > li > a .drafter {
  position: absolute;
  top: 12px;
  right: 10px;
  display: flex;
  font-size: 12px;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: flex-end;
  align-items: end;
  margin-left: auto;
  text-align: right;
}
.apprWriteContents .approvalInfoArea .linkedDocs .linkedDocList > li > a .drafter .dept {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #999999;
}
.apprWriteContents .approvalInfoArea .linkedDocs .linkedDocList > li > a .drafter .name {
  margin-left: 4px;
}
.apprWriteContents .approvalInfoArea .linkedDocs .linkedDocList > li > a .docDate {
  position: absolute;
  right: 10px;
  bottom: 10px;
  margin-left: 10px;
  font-size: 12px;
  color: #999999;
}
.apprWriteContents .approvalInfoArea .fileUpload {
  position: relative;
  width: 100%;
  margin-top: 20px;
}
.apprWriteContents .approvalInfoArea .fileUpload .title {
  display: inline-flex;
  align-items: center;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 10px;
}
.apprWriteContents .approvalInfoArea .fileUpload .title .btn-preview {
  font-size: 11px;
  padding: 4px 6px;
  margin-left: auto;
  background-color: #eee;
  border-radius: 3px;
  cursor: pointer;
}
.apprWriteContents .approvalInfoArea .fileUpload .title .btn-preview:hover {
  background-color: #e1e1e1;
  cursor: pointer;
}
.apprWriteContents .approvalInfoArea .fileUpload .title .btn-preview > i {
  width: 18px;
  height: 12px;
  background-position: 0px -220px;
  margin-right: 5px;
}
.apprWriteContents .approvalInfoArea .fileUpload .upload {
  position: relative;
  width: 100%;
  height: 75px;
  border: 1px solid #DBE1E6;
}
.apprWriteContents .approvalInfoArea .fileUpload .upload > .scrollArea {
  position: absolute;
  top: 0;
  left: 0;
}
.apprWriteContents .approvalInfoArea .fileUpload .upload > .scrollArea .uploadFileList {
  margin: 0;
}
.apprWriteContents .approvalInfoArea .fileUpload .upload > .scrollArea .uploadFileList > li .left {
  max-width: calc(100% - 220px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.apprWriteContents .approvalInfoArea .fileUpload .upload > .scrollArea .uploadFileList > li .left .txtSize {
  letter-spacing: 0;
}
.apprWriteContents .approvalInfoArea .fileUpload .upload > .scrollArea .uploadFileList > li .left .txtSize > span {
  display: inline-block;
  margin-right: 5px;
  font-size: 11px;
  color: #999999;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.apprWriteContents .approvalInfoArea .fileUpload .upload > .scrollArea .uploadFileList > li .right {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 5px;
}
.apprWriteContents .approvalInfoArea .fileUpload .upload > .scrollArea .uploadFileList > li .right .txtDate {
  display: none;
}
.apprWriteContents .approvalInfoArea .fileUpload .upload > .scrollArea .uploadFileList > li .right .preview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 23px;
  border-radius: 3px;
}
.apprWriteContents .approvalInfoArea .fileUpload .upload > .scrollArea .uploadFileList > li .right .preview > i {
  flex-shrink: 0;
  width: 18px;
  height: 12px;
  background-position: 0px -220px;
}
.apprWriteContents .approvalInfoArea .fileUpload .upload > .scrollArea .uploadFileList > li .right .preview:hover {
  background-color: #eeeeee;
  cursor: pointer;
}
.apprWriteContents .approvalInfoArea .fileUpload .upload > .scrollArea .uploadFileList > li .right .btnDelete {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 23px;
}
.apprWriteContents .approvalInfoArea .fileUpload .upload > .scrollArea .uploadFileList > li .right .btnDelete > i {
  flex-shrink: 0;
  width: 16px;
  height: 14px;
  background-position: -27px -220px;
}
.apprWriteContents .approvalInfoArea .fileUpload .upload > .scrollArea .uploadFileList > li .right .btnDelete:hover {
  background-color: #eeeeee;
  cursor: pointer;
}
.apprWriteContents .approvalInfoArea .fileUpload .upload > .scrollArea .uploadFileList > li:last-child {
  border: 0;
}
.apprWriteContents .approvalInfoArea .fileUpload .upload > .scrollArea .uploadFileTooltip {
  top: 30px;
  left: 70px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px;
  min-width: 300px;
}
.apprWriteContents .approvalInfoArea .fileUpload .upload > .scrollArea .uploadFileTooltip .uploadContentBox .inputText {
  min-height: auto;
  font-size: 12px;
}
.apprWriteContents .approvalInfoArea .comment {
  margin-top: 20px;
}
.apprWriteContents .approvalInfoArea .comment > .title {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: bold;
}
.apprWriteContents .approvalInfoArea .comment .commentWrite {
  display: flex;
  height: 50px;
  padding: 8px;
  margin-bottom: 10px;
  background-color: #f9f9f9;
  border: 1px solid #DBE1E6;
}
.apprWriteContents .approvalInfoArea .comment .commentWrite .commentInput {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 1px solid #DBE1E6;
}
.apprWriteContents .approvalInfoArea .comment .commentWrite .commentInput > input {
  width: 100%;
  height: 100%;
  font-size: 13px;
  border: 0;
  padding: 0 10px;
  background-color: #fff;
  color: #333;
}
.apprWriteContents .approvalInfoArea .comment .commentWrite .commentInput:hover {
  border-color: #15B065;
}
.apprWriteContents .approvalInfoArea .comment .commentWrite .btnPrimary {
  margin-left: 10px;
  flex-shrink: 0;
}
.apprWriteContents .approvalInfoArea .comment .commentList {
  padding: 10px 10px 5px 10px;
  background-color: #f9f9f9;
  border: 1px solid #DBE1E6;
}
.apprWriteContents .approvalInfoArea .comment .commentList .commentItem {
  position: relative;
  padding: 8px 0;
  border-bottom: 1px solid #DBE1E6;
}
.apprWriteContents .approvalInfoArea .comment .commentList .commentItem:first-child {
  padding-top: 0;
}
.apprWriteContents .approvalInfoArea .comment .commentList .commentItem:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.apprWriteContents .approvalInfoArea .comment .commentList .commentItem .info {
  display: flex;
  margin-bottom: 8px;
}
.apprWriteContents .approvalInfoArea .comment .commentList .commentItem .info .username {
  font-size: 13px;
  font-weight: bold;
}
.apprWriteContents .approvalInfoArea .comment .commentList .commentItem .info .username .drafter {
  font-size: 12px;
  color: #999999;
  font-weight: normal;
}
.apprWriteContents .approvalInfoArea .comment .commentList .commentItem .info .timestamp {
  margin-left: auto;
  font-size: 12px;
  color: #999999;
}
.apprWriteContents .approvalInfoArea .comment .commentList .commentItem .commentContent {
  display: flex;
}
.apprWriteContents .approvalInfoArea .comment .commentList .commentItem .commentContent .commentText {
  display: flex;
  align-items: center;
  font-size: 13px;
  min-height: 32px;
  width: 100%;
}
.apprWriteContents .approvalInfoArea .comment .commentList .commentItem .commentContent .btnWrap {
  display: flex;
  align-items: center;
  margin-left: auto;
  flex-shrink: 0;
}
.apprWriteContents .approvalInfoArea .comment .commentList .commentItem .commentContent .btnWrap .btnEdit {
  padding: 5px 8px;
  margin-left: 5px;
  background-color: #fff;
  border: 1px solid #DBE1E6;
  font-size: 12px;
}
.apprWriteContents .approvalInfoArea .comment .commentList .commentItem .commentContent .btnWrap .btnEdit:hover {
  border-color: #333;
  color: #333;
}
.apprWriteContents .approvalInfoArea .comment .commentList .commentItem .commentContent.Edit .commentText {
  background-color: #fff;
  border: 1px solid #DBE1E6;
  font-size: 13px;
}
.apprWriteContents .approvalInfoArea .comment .commentList .commentItem .commentContent.Edit .commentText > input {
  border: 0;
  width: 100%;
  height: 100%;
  padding: 0 10px;
}
.apprWriteContents .approvalInfoArea .comment .commentList .commentItem .commentContent.Edit .btnPrimary {
  margin-left: 10px;
  flex-shrink: 0;
}
.apprWriteContents .approvalInfoArea .bottomBtnArea {
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  background-color: #fff;
  z-index: 0;
  border-top: 1px solid #DBE1E6;
}
.apprWriteContents .approvalInfoArea .bottomBtnArea .checkItem {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 20%;
  min-width: 130px;
  padding: 0 20px;
}
.apprWriteContents .approvalInfoArea .bottomBtnArea .checkItem .txt {
  flex-shrink: 0;
  margin-left: 5px;
  font-size: 12px;
  letter-spacing: -0.5px;
}
.apprWriteContents .approvalInfoArea .bottomBtnArea .checkItem .check-switch {
  position: relative;
  width: 30px;
  height: 16px;
}
.apprWriteContents .approvalInfoArea .bottomBtnArea .checkItem .check-switch input {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 1px;
  height: 1px;
}
.apprWriteContents .approvalInfoArea .bottomBtnArea .checkItem .check-switch input ~ .slider {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #bbb;
  transition: 0.4s;
  border-radius: 24px;
  cursor: pointer;
}
.apprWriteContents .approvalInfoArea .bottomBtnArea .checkItem .check-switch input ~ .slider:before {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 5px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.apprWriteContents .approvalInfoArea .bottomBtnArea .checkItem .check-switch input:checked ~ .slider {
  background-color: #15B065;
}
.apprWriteContents .approvalInfoArea .bottomBtnArea .checkItem .check-switch input:checked ~ .slider:before {
  transform: translateX(12px);
}
.apprWriteContents .approvalInfoArea .bottomBtnArea .checkItem .info {
  font-size: 11px;
  color: #999;
  margin-left: 3px;
  letter-spacing: -0.5px;
}
.apprWriteContents .approvalInfoArea .bottomBtnArea .btnWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 5px 20px;
}
.apprWriteContents .approvalInfoArea .bottomBtnArea .btnWrap button {
  width: 80px;
  border-radius: 5px;
  height: 36px;
  font-size: 14px;
  border: 0;
  transition: all 0.3s;
}
.apprWriteContents .approvalInfoArea .bottomBtnArea .btnWrap button.btnDefault {
  width: 100%;
  height: 100%;
  background-color: #15B065;
  padding: 7px;
  color: #fff;
  min-width: 50px;
  cursor: pointer;
}
.apprWriteContents .approvalInfoArea .bottomBtnArea .btnWrap button.btnDefault:hover {
  background-color: #129958;
  cursor: pointer;
}
.apprWriteContents .approvalInfoArea .bottomBtnArea .btnWrap button.btnDefault:active {
  background-color: #119053;
  cursor: pointer;
}
.apprWriteContents .approvalInfoArea .bottomBtnArea .btnWrap button.btnLine {
  border: 1px solid #dfdfdf;
  background-color: #fff;
  font-size: 12px;
  padding: 7px;
  min-width: 50px;
  cursor: pointer;
}
.apprWriteContents .approvalInfoArea .dropArea {
  position: absolute;
  top: 5px;
  left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-color: #F6F6F6;
  border: 1px dashed #999999;
  border-radius: 5px;
  z-index: 2;
}
.apprWriteContents .approvalInfoArea .dropArea .icon {
  position: relative;
  width: 57px;
  height: 57px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px dashed #777;
}
.apprWriteContents .approvalInfoArea .dropArea .icon::before {
  content: "";
  position: absolute;
  top: 17px;
  left: calc(50% - 1px);
  width: 2px;
  height: 20px;
  background-color: #333;
}
.apprWriteContents .approvalInfoArea .dropArea .icon::after {
  content: "";
  position: absolute;
  top: 17px;
  left: calc(50% - 1px);
  width: 2px;
  height: 20px;
  background-color: #333;
  transform: rotate(90deg);
}

.apprLineDragitem {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 5px;
  min-height: 32px;
  border: 1px dashed #999999;
  border-radius: 5px;
  background-color: #fff;
  cursor: move;
}
.apprLineDragitem:hover {
  background-color: #e4fff2;
}
.apprLineDragitem.point {
  animation: itemPoint 0.7s;
  animation-iteration-count: 2;
}
.apprLineDragitem .order {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 19px;
  max-width: 23px;
  height: 18px;
  background-color: #edeff5;
  border-radius: 5px;
  font-weight: bold;
  font-size: 12px;
  margin-right: 5px;
  letter-spacing: -1px;
}
.apprLineDragitem .iconFixed {
  display: none;
  flex-shrink: 0;
  width: 14px;
  height: 17px;
  margin: 0 2px 0 7px;
  background-position: 0px -495px;
}
.apprLineDragitem .deleteItem {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 17px;
  height: 17px;
  background-color: transparent;
  border-radius: 50%;
  margin-left: 7px;
  cursor: pointer;
  z-index: 1;
}
.apprLineDragitem .deleteItem .iconDelete {
  flex-shrink: 0;
  width: 17px;
  height: 17px;
  background-position: 0px -521px;
}
.apprLineDragitem .personInfo {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.apprLineDragitem .personInfo .name {
  flex-shrink: 0;
  font-size: 14px;
}
.apprLineDragitem .personInfo .info {
  display: inline-flex;
  overflow: hidden;
  font-size: 11px;
  text-align: center;
  word-break: break-all;
  margin: 0 5px;
  letter-spacing: -0.5px;
}
.apprLineDragitem .personInfo .info .position {
  display: inline-block;
  height: 14px;
}
.apprLineDragitem .personInfo .info .dep {
  height: 14px;
  color: #999999;
  margin-left: 5px;
}
.apprLineDragitem .personInfo .fixedType {
  display: none;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 20px;
  margin-bottom: 5px;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  letter-spacing: -1px;
}
.apprLineDragitem .personInfo .fixedType.type01 {
  background-color: #15B065;
}
.apprLineDragitem .personInfo .fixedType.type02 {
  background-color: #2677DC;
}
.apprLineDragitem .personInfo .apprTypeRadio {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 20px;
  margin-left: auto;
  margin-right: 10px;
}
.apprLineDragitem .personInfo .apprTypeRadio input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.apprLineDragitem .personInfo .apprTypeRadio input + label {
  position: absolute;
  top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 20px;
  color: #999;
  padding: 0 5px;
  font-size: 12px;
  letter-spacing: -1px;
  transition: all 0.3s;
  z-index: 1;
  cursor: pointer;
}
.apprLineDragitem .personInfo .apprTypeRadio input.apprType01 {
  top: 0;
  left: 0;
}
.apprLineDragitem .personInfo .apprTypeRadio input.apprType01 + label {
  top: 0;
  left: 0;
}
.apprLineDragitem .personInfo .apprTypeRadio input.apprType02 {
  top: 0;
  left: 35px;
}
.apprLineDragitem .personInfo .apprTypeRadio input.apprType02 + label {
  top: 0;
  left: 35px;
}
.apprLineDragitem .personInfo .apprTypeRadio .slider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #F2F2F2;
  border-radius: 3px;
  transition: 0.4s;
  cursor: pointer;
}
.apprLineDragitem .personInfo .apprTypeRadio .slider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  width: 35px;
  height: 20px;
  background-color: #15B065;
  border-radius: 3px;
  transition: 0.4s;
}
.apprLineDragitem .personInfo .apprTypeRadio input[type=radio]:checked + label {
  color: #fff;
}
.apprLineDragitem .personInfo .apprTypeRadio input.apprType02:checked ~ .slider::before {
  transform: translateX(35px);
  background-color: #2677DC;
}
.apprLineDragitem .iconCoop {
  position: relative;
  display: flex;
  flex-shrink: 0;
  right: unset;
  bottom: unset;
  margin-right: 5px;
}
.apprLineDragitem .iconCoop.powerCoo {
  background-color: #1DB0F6;
}
.apprLineDragitem .apprTypeSelect {
  margin-left: auto;
}
.apprLineDragitem .apprTypeSelect select {
  display: flex;
  align-items: center;
  min-width: 30px;
  height: 20px;
  padding-left: 5px;
  background-color: #15B065;
  border: 0;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}
.apprLineDragitem .apprTypeSelect option {
  background-color: #fff;
  color: #333;
}
.apprLineDragitem .apprTypeSelect select.type02 {
  background-color: #2677DC;
}
.apprLineDragitem .apprTypeSelect.dis {
  display: none;
}
.apprLineDragitem .apprTypeSelect select:disabled {
  background-color: #EDEDED;
  color: #666;
  cursor: default;
}
.apprLineDragitem.fixed .deleteItem, .apprLineDragitem.fixed .apprTypeSelect {
  display: none;
}
.apprLineDragitem.fixed .iconFixed, .apprLineDragitem.fixed .apprTypeSelect.dis {
  display: flex;
}

@keyframes itemPoint {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #e4fbff;
  }
  100% {
    background-color: transparent;
  }
}
.ui-draggable-dragging {
  display: flex;
}

.ui-draggable-dragging .apprLineDragitem {
  min-width: 70px !important;
  padding: 7px;
  flex-shrink: 0;
}

.ui-draggable-dragging .apprLineDragitem .order,
.ui-draggable-dragging .apprLineDragitem .deleteItem,
.ui-draggable-dragging .apprLineDragitem .personInfo .info {
  display: none;
}

/*********************************************************************
     우편번호 - _Fuction_ZipCode.scss
**********************************************************************/
.zipcodeArea {
  position: fixed;
  overflow: hidden;
  z-index: 9999999;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  border-top: 1px solid #edeff5;
  border-radius: 0 0 5px 5px;
  /*padding-top: 30px;*/
}
.zipcodeArea > div {
  height: 100% !important;
}
.zipcodeArea > .btnClose {
  position: absolute;
  top: 0px;
  right: -5px;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: 0px -109px;
}
.zipcodeArea > .btnClose:hover {
  cursor: pointer;
  transform: rotate(360deg);
  transition: ease 0.2s;
}
.zipcodeArea .inputZipcode {
  position: absolute;
  right: 0px;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 50%;
  border-left: 1px solid #cbd6dd;
  letter-spacing: -0.5px;
  overflow: auto;
}
.zipcodeArea .inputZipcode .scrollArea {
  overflow-y: auto;
  height: 100%;
  padding: 20px 25px;
}
.zipcodeArea .inputZipcode .scrollArea .divKor .addressInputItem {
  margin-top: 10px;
}
.zipcodeArea .inputZipcode .scrollArea .divKor, .zipcodeArea .inputZipcode .scrollArea .divEng {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.zipcodeArea .inputZipcode .scrollArea .divKor .addressItem, .zipcodeArea .inputZipcode .scrollArea .divEng .addressItem {
  margin-bottom: 10px;
}
.zipcodeArea .inputZipcode .scrollArea .divKor .addressItem dt, .zipcodeArea .inputZipcode .scrollArea .divEng .addressItem dt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 45px;
  height: 23px;
  padding: 0 5px;
  background-color: #F0F5F7;
  border-radius: 4px;
  font-size: 12px;
  color: #999;
  margin-bottom: 5px;
}
.zipcodeArea .inputZipcode .scrollArea .divKor .addressItem dd, .zipcodeArea .inputZipcode .scrollArea .divEng .addressItem dd {
  font-size: 13px;
  color: #333;
}
.zipcodeArea .inputZipcode .scrollArea .divKor .addressItem.zipcode dt, .zipcodeArea .inputZipcode .scrollArea .divEng .addressItem.zipcode dt {
  display: none;
}
.zipcodeArea .inputZipcode .scrollArea .divKor .addressItem.zipcode dd, .zipcodeArea .inputZipcode .scrollArea .divEng .addressItem.zipcode dd {
  color: #15B065;
  font-size: 14px;
}
.zipcodeArea .inputZipcode .scrollArea .divKor .addressInputItem, .zipcodeArea .inputZipcode .scrollArea .divEng .addressInputItem {
  margin-bottom: 10px;
}
.zipcodeArea .inputZipcode .scrollArea .divKor .addressInputItem dt, .zipcodeArea .inputZipcode .scrollArea .divEng .addressInputItem dt {
  margin-bottom: 5px;
  font-size: 12px;
  color: #999;
}
.zipcodeArea .inputZipcode .scrollArea .divKor .addressInputItem dd > input, .zipcodeArea .inputZipcode .scrollArea .divEng .addressInputItem dd > input {
  width: 100%;
  height: 33px;
  border: 1px solid #cbd6dd;
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 13px;
  background-color: #fff;
  color: #333;
}
.zipcodeArea .inputZipcode .scrollArea .divKor .addressInputItem dd > input::placeholder, .zipcodeArea .inputZipcode .scrollArea .divEng .addressInputItem dd > input::placeholder {
  color: rgba(51, 51, 51, 0.3);
}
.zipcodeArea .inputZipcode .scrollArea .divKor .addressInputItem dd > input::-webkit-input-placeholder, .zipcodeArea .inputZipcode .scrollArea .divEng .addressInputItem dd > input::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.3);
}
.zipcodeArea .inputZipcode .scrollArea .divKor .addressInputItem dd > input::-ms-input-placeholder, .zipcodeArea .inputZipcode .scrollArea .divEng .addressInputItem dd > input::-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.3);
}
.zipcodeArea .inputZipcode .scrollArea .divKor .addressInputItem dd > input:-ms-input-placeholder, .zipcodeArea .inputZipcode .scrollArea .divEng .addressInputItem dd > input:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.3);
}
.zipcodeArea .inputZipcode .scrollArea .divKor .addressInputItem dd > input:focus, .zipcodeArea .inputZipcode .scrollArea .divEng .addressInputItem dd > input:focus {
  border-color: #15B065;
}
.zipcodeArea .inputZipcode .scrollArea .divKor .addressInputItem dd > input[type=number]::-webkit-inner-spin-button, .zipcodeArea .inputZipcode .scrollArea .divEng .addressInputItem dd > input[type=number]::-webkit-inner-spin-button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.zipcodeArea .inputZipcode .scrollArea .divEng .addressInputItem {
  margin-top: 20px;
}
.zipcodeArea .inputZipcode .scrollArea > .divViewEnglish {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}
.zipcodeArea .inputZipcode .scrollArea > .divViewEnglish > .txtLabel {
  display: flex;
  align-items: center;
  height: 20px;
  color: #666666;
  font-size: 13px;
  cursor: pointer;
}
.zipcodeArea .inputZipcode .scrollArea > .divViewEnglish > .iconArrow {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 20px;
}
.zipcodeArea .inputZipcode .scrollArea > .divViewEnglish > .iconArrow::before {
  position: absolute;
  top: 9px;
  left: 7px;
  content: "";
  width: 5px;
  height: 5px;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  transform: rotate(-135deg);
}
.zipcodeArea .inputZipcode .scrollArea > .divViewEnglish > .iconArrow.open::before {
  transform: rotate(45deg);
  top: 6px;
}
.zipcodeArea .inputZipcode .btnWrap {
  width: 100%;
  padding: 15px;
  background-color: #F5F7F9;
  border-top: 1px solid #CFCFCF;
}
.zipcodeArea .inputZipcode .btnWrap button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  width: 140px;
  height: 36px;
  border-radius: 5px;
  background-color: #15B065;
  color: #fff;
  border: 0;
  font-size: 14px;
  padding: 0 15px;
  transition: all 0.3s;
}
.zipcodeArea .inputZipcode .btnWrap button:hover {
  background-color: #129958;
  cursor: pointer;
}
.zipcodeArea .inputZipcode .btnWrap button:active {
  background-color: #119053;
  cursor: pointer;
}
.zipcodeArea .inputZipcode.User {
  width: 100%;
  height: 100%;
  background: transparent;
  border: 0;
}
.zipcodeArea .inputZipcode.User .divKor .group {
  display: flex;
  margin-bottom: 10px;
}
.zipcodeArea .inputZipcode.User .divKor .group .addressInputItem {
  width: 100%;
}
.zipcodeArea .inputZipcode.User .divKor .group .addressInputItem.zipcode {
  width: 30%;
  margin-right: 10px;
}
.zipcodeArea .divJpnPost {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.zipcodeArea .divJpnPost .divSearchArea {
  display: flex;
  position: relative;
  height: 47px;
  padding: 0 10px;
  border-bottom: 1px solid #333;
  background-color: #fff;
}
.zipcodeArea .divJpnPost .divSearchArea > input[type=text] {
  width: 100%;
  height: 100%;
  padding-left: 8px;
  border: 0;
  font-size: 16px;
  background-color: transparent;
  color: #333;
}
.zipcodeArea .divJpnPost .divSearchArea > .btnDel {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
  width: 30px;
  height: 100%;
  background-color: #fff;
  border: 0;
  cursor: pointer;
}
.zipcodeArea .divJpnPost .divSearchArea > .btnDel > i {
  display: block;
  width: 12px;
  height: 12px;
  background-image: url(//t1.daumcdn.net/localimg/localimages/07/postcode/2015/320/dark.png);
  background-repeat: no-repeat;
  background-position: -45px 0;
}
.zipcodeArea .divJpnPost .divSearchArea > .btnSearch {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 100%;
  background-color: #fff;
  border: 0;
  cursor: pointer;
}
.zipcodeArea .divJpnPost .divSearchArea > .btnSearch > span {
  display: block;
  width: 16px;
  height: 17px;
  /* margin: 1px 14px 0 5px; */
  background-image: url(//t1.daumcdn.net/localimg/localimages/07/postcode/2015/320/dark.png);
  background-repeat: no-repeat;
}
.zipcodeArea .divJpnPost .txtErrorMsg {
  padding: 12px 13px 11px;
}
.zipcodeArea .divJpnPost .divResultArea > ul > li {
  padding: 10px 5px 10px 15px;
}
.zipcodeArea .divJpnPost .divResultArea > ul > li > .jpnZip {
  color: #FF6262;
  margin-bottom: 5px;
}
.zipcodeArea .divJpnPost .divResultArea > ul > li .jpnAddr:hover {
  text-decoration: underline;
  cursor: pointer;
}
.zipcodeArea .divRecentZipcode {
  position: absolute;
  top: 10px;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 8px 0 0;
  cursor: pointer;
}
.zipcodeArea .divRecentZipcode > .txtRecentZipcode {
  display: inline-block;
  height: 20px;
  color: #666666;
  font-size: 13px;
  line-height: 13px;
  vertical-align: text-top;
}
.zipcodeArea .divRecentZipcode > .txtRecentZipcode:hover > .txtRecentZipcode {
  text-decoration: underline;
}
.zipcodeArea .divRecentZipcode > .txtRecentZipcode > .iconArrow {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 20px;
}
.zipcodeArea .divRecentZipcode > .txtRecentZipcode > .iconArrow::before {
  position: absolute;
  top: 1px;
  left: 7px;
  content: "";
  width: 8px;
  height: 8px;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  transform: rotate(45deg);
}

.divApiList {
  width: 100%;
  height: 100%;
}
.divApiList .divResultArea {
  display: flex;
  flex-direction: column;
  height: calc(100% - 47px);
}
.divApiList .divResultArea > .msgArea {
  padding: 16px;
  font-size: 12px;
  background-color: #f9f9f9;
  flex-shrink: 0;
}
.divApiList .divResultArea > .msgArea > .txtPoint {
  color: #3D80F0;
  text-decoration: underline;
}
.divApiList .divResultArea > ul {
  height: 100%;
  overflow-y: auto;
}
.divApiList .divResultArea > ul > li > p {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  line-height: 1.5;
  /* margin-bottom:10px; */
}
.divApiList .divResultArea > ul > li .txtCaption {
  flex-shrink: 0;
  display: inline-block;
  min-width: 40px;
  margin: 3px 8px 0 0;
  font-size: 11px;
  color: #3D80F0;
  text-align: center;
  border: 1px solid #3D80F0;
  border-radius: 2px;
}
.divApiList .divResultArea > ul > li .txtAddress {
  margin-bottom: 8px;
}
.divApiList .divResultArea > ul > li .txtAddress:hover {
  cursor: pointer;
  text-decoration: underline;
}
.divApiList .divResultArea > ul > li .txtNumber {
  font-size: 16px;
  color: #FF6262;
}
.divApiList .divResultArea > .pageArea {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  font-size: 12px;
  background-color: #f9f9f9;
  flex-shrink: 0;
}
.divApiList .divResultArea > .pageArea > .txtOn {
  font-weight: bold;
}
.divApiList .divResultArea > .pageArea > .txtOn + span:before {
  content: " / ";
}
.divApiList .divResultArea > .pageArea > .btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.divApiList .divResultArea > .pageArea > .btn:hover {
  cursor: pointer;
  background-color: #edeff5;
}
.divApiList .divResultArea > .pageArea > .btn:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-width: 0px 0 2px 2px;
  border-style: solid;
  border-color: #333;
  transform: rotate(45deg);
}
.divApiList .divResultArea > .pageArea > .btn.Next:before {
  transform: rotate(-135deg);
}

/*********************************************************************
    EverDesign 컨트롤속성설정
**********************************************************************/
.CtrlSettingArea {
  position: absolute;
  top: 0;
  right: -300px;
  width: 300px;
  height: 100%;
  background-color: #edeff5;
  border-left: 1px solid #cccccc;
  transition: right 0.3s;
  z-index: 120;
}
.CtrlSettingArea > .wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.CtrlSettingArea > .wrap .ulTab {
  display: flex;
}
.CtrlSettingArea > .wrap .ulTab > li {
  width: 50%;
  display: inline-block;
  float: left;
  font-size: 13px;
  text-align: center;
  padding: 4px 9px;
  border-bottom: 1px solid #cccccc;
  background-color: #fff;
  color: #333;
  cursor: pointer;
  height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.CtrlSettingArea > .wrap .ulTab > li .selectBox {
  display: flex;
  align-items: center;
  justify-content: center;
}
.CtrlSettingArea > .wrap .ulTab > li .selectBox > p {
  max-width: 102px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.CtrlSettingArea > .wrap .ulTab > li:hover {
  background-color: #d1d1d1;
  cursor: pointer;
}
.CtrlSettingArea > .wrap .ulTab > li:first-child {
  border-right: 1px solid #cccccc;
}
.CtrlSettingArea > .wrap .ulTab > li.selected {
  color: #15B065;
  border-bottom: 2px solid #15B065;
}
.CtrlSettingArea > .wrap .ulTab > li.single {
  width: 100%;
}
.CtrlSettingArea > .wrap .ulCombo {
  display: flex;
  flex-direction: column;
  width: 50%;
  min-height: 120px;
  max-height: 150px;
  position: absolute;
  top: 27px;
  left: 149px;
  background-color: #fff;
  border: 1px solid #cccccc;
  color: #333;
  overflow: auto;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 9999999999;
}
.CtrlSettingArea > .wrap .ulCombo > li {
  display: block;
  font-size: 13px;
  padding: 5px 10px;
}
.CtrlSettingArea > .wrap .ulCombo > li:hover {
  cursor: pointer;
  background-color: #edeff5;
}
.CtrlSettingArea > .wrap .ulCombo > li.selected {
  background-color: #edeff5;
  color: #fff;
}
.CtrlSettingArea > .wrap .titleArea {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 70px;
  padding: 0;
}
.CtrlSettingArea > .wrap .titleArea > .title {
  width: calc(100% - 42px);
  color: #333;
  letter-spacing: -1px;
}
.CtrlSettingArea > .wrap .titleArea > .title .programTitle {
  display: flex;
  align-items: center;
  padding-right: 30px;
  font-size: 13px;
  color: #999999;
}
.CtrlSettingArea > .wrap .titleArea > .title .programTitle > p {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.CtrlSettingArea > .wrap .titleArea > .title .controlCaption {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 18px;
  padding-right: 15px;
}
.CtrlSettingArea > .wrap .titleArea > .title .controlCaption > .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
  height: 20px;
  word-break: keep-all;
  display: flex;
  align-items: center;
}
.CtrlSettingArea > .wrap .titleArea > .title .controlCaption > .wrap > p {
  max-width: 195px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.CtrlSettingArea > .wrap .titleArea > .title .controlCaption > .wrap .iconArrow {
  display: inline-block;
  width: 6px;
  height: 8px;
  margin-left: 5px;
  background-position: 0 0;
  transform: rotate(90deg);
}
.CtrlSettingArea > .wrap .titleArea > .title .programTitle .iconReset, .CtrlSettingArea > .wrap .titleArea > .title .controlCaption .iconReset {
  position: absolute;
  right: 10px;
  display: inline-block;
  flex-shrink: 0;
  width: 14px;
  height: 12px;
  background-position: 0 -114px;
  margin-left: 10px;
  cursor: pointer;
}
.CtrlSettingArea > .wrap .titleArea > .title .programTitle .iconReset:hover, .CtrlSettingArea > .wrap .titleArea > .title .controlCaption .iconReset:hover {
  opacity: 0.7;
}
.CtrlSettingArea > .wrap .titleArea .btnBack {
  display: inline-block;
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  background-position: 0 -247px;
  cursor: pointer;
}
.CtrlSettingArea > .wrap .titleArea .ulCombo {
  width: 222px;
  left: 0;
  top: 27px;
}
.CtrlSettingArea > .wrap .titleArea .ulCombo li .status {
  float: right;
  color: #cccccc;
  font-size: 12px;
  letter-spacing: 0;
}
.CtrlSettingArea > .wrap .BgPopup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  z-index: 9;
}
.CtrlSettingArea > .wrap .settingArea {
  font-size: 13px;
  overflow-y: auto;
  height: 100%;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup {
  padding: 0;
  margin-bottom: 20px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup .title {
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-bottom: 15px;
  cursor: pointer;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup .title > .iconArrow {
  display: inline-block;
  width: 6px;
  height: 8px;
  margin: 0 10px;
  background-position: 0 0;
  transform: rotate(90deg);
  transition: transform 0.3s;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup .ulContent li .layoutControl .radio label {
  color: #333;
  font-size: 13px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup .ulContent li .layoutControl .radio > .icon {
  margin-right: 5px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup .ulContent li .layoutControl > .comboBox {
  margin: 0;
  width: calc(100% - 8px);
  margin-bottom: 10px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup .ulContent li .layoutControl > .comboBox > select {
  width: 100%;
  height: 26px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup .ulContent li .layoutControl #ctrlDefDate {
  width: 100%;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup .ulContent li .layoutControl .layoutDate {
  margin-top: 10px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup .ulContent li .layoutControl .layoutDate li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup .ulContent li .layoutControl .layoutDate li > p {
  font-size: 13px;
  width: 50px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup .ulContent li .layoutControl .layoutDate li > .nbControl {
  display: flex;
  align-items: center;
  font-size: 13px;
  height: 15px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup .ulContent li .layoutControl .layoutDate li > .nbControl > .txtNumber {
  font-size: 13px;
  width: 35px;
  text-align: center;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup .ulContent li .layoutControl .layoutDate li > .nbControl > .iconMinus,
.CtrlSettingArea > .wrap .settingArea .settingGroup .ulContent li .layoutControl .layoutDate li > .nbControl > .iconPlus {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: 0 -64px;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #cbd6dd;
  cursor: pointer;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup .ulContent li .layoutControl .layoutDate li > .nbControl > .iconMinus:hover {
  background-position: -25px -64px;
  background-color: #333;
  border-color: #333;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup .ulContent li .layoutControl .layoutDate li > .nbControl > .iconPlus {
  background-position: -1px -89px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup .ulContent li .layoutControl .layoutDate li > .nbControl > .iconPlus:hover {
  background-position: -25px -89px;
  background-color: #333;
  border-color: #333;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup .ulContent li .layoutControl.horizon {
  flex-direction: row;
  margin-bottom: 0;
  margin-left: 20px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup .ulContent li .layoutControl.horizon .radio {
  margin-right: 10px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent {
  margin: 0 15px;
  /*overflow: hidden;*/
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li {
  display: block;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .layoutControl {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .layoutControl > .labelCaption {
  flex-shrink: 1;
  justify-content: flex-start;
  font-size: 13px;
  color: #333;
  margin-bottom: 10px;
  text-align: left;
  /*width: 200px;*/
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .layoutControl > input, .CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .layoutControl > textarea {
  margin: 0;
  width: calc(100% - 8px);
  height: 26px;
  padding: 0 5px;
  margin-bottom: 10px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .layoutControl > input:focus, .CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .layoutControl > textarea:focus {
  transform-origin: top left;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .layoutControl > input.txtValue, .CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .layoutControl > textarea.txtValue {
  display: inline-block;
  padding-left: 5px;
  color: #333;
  font-weight: bold;
  background-color: #d7dae1;
  border: 1px solid #c7c7c7;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .layoutControl .btnWordSeq {
  position: absolute;
  top: 1px;
  right: 15px;
  z-index: 999999;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .layoutControl .btnWordSeq > span {
  display: inline-block;
  margin-right: 7px;
  cursor: pointer;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .layoutControl .btnWordSeq > span:last-child {
  margin-right: 0px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .layoutControl .btnWordSeq > .iconSearchWord {
  width: 14px;
  height: 13px;
  background-position: 0 -136px;
  opacity: 0.7;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .layoutControl .btnWordSeq > .iconSearchWord:hover {
  opacity: 1;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .layoutControl .btnWordSeq > .iconEditWord {
  width: 15px;
  height: 14px;
  background-position: 0 -159px;
  opacity: 0.7;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .layoutControl .btnWordSeq > .iconEditWord:hover, .CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .layoutControl .btnWordSeq > .iconEditWord.selected {
  opacity: 1;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .layoutControl .btnWordSeq:hover, .CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .layoutControl .btnWordSeq.selected {
  background-position: -24px -136px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .layoutControl .btnWordSeq.inInput {
  top: auto;
  bottom: 15px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea {
  position: absolute;
  top: 263px;
  width: calc(100% - 30px - 17px);
  height: 170px;
  z-index: 99;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicSearch {
  width: 100%;
  background-color: #fff;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.21);
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicSearch > ul {
  height: 136px;
  background-color: #fff;
  overflow: auto;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicSearch > ul > li {
  padding: 5px;
  letter-spacing: 0;
  color: #333;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicSearch > ul > li:hover {
  background-color: #f1f4f6;
  cursor: pointer;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicSearch > .dicController {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 34px;
  background-color: #f9f9f9;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicSearch > .dicController > .btnWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicSearch > .dicController > .btnWrap > .iconPrev,
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicSearch > .dicController > .btnWrap > .iconNext {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicSearch > .dicController > .btnWrap > .iconPrev > span,
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicSearch > .dicController > .btnWrap > .iconNext > span {
  display: inline-block;
  width: 4px;
  height: 6px;
  background-position: 0 0;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicSearch > .dicController > .btnWrap > .iconPrev > span {
  transform: rotate(180deg);
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicSearch > .dicController > .btnWrap > .txtPage {
  font-weight: bold;
  color: #333;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicEdit {
  width: 100%;
  background-color: #fff;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.21);
  padding-bottom: 10px;
  border: 1px solid #bfc3cd;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicEdit > .divTitle {
  width: 100%;
  background-color: #434a4e;
  color: #fff;
  text-align: center;
  padding: 5px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicEdit .editWord {
  padding: 10px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicEdit .editWord > .txtTitle {
  font-size: 12px;
  margin-bottom: 5px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicEdit .editWord > input {
  width: 100%;
  border: 1px solid #bfc3cd;
  padding: 3px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicEdit .btnWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicEdit .btnWrap > input {
  background-color: #15B065;
  width: 80px;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  cursor: pointer;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li .dictionaryArea > .dicEdit .btnWrap > input:hover {
  opacity: 0.5;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent > li.hasSub > .ulContent {
  margin-left: 23px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent .col2 {
  display: flex;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent .col2 > div {
  flex: 1;
  width: 50%;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup > .ulContent .col2 .check {
  width: 50%;
  justify-content: flex-start;
  margin-bottom: 10px;
}
.CtrlSettingArea > .wrap .settingArea .settingGroup.active > .ulContent {
  display: block;
}
.CtrlSettingArea > .wrap .settingArea .selectControl {
  display: none;
}
.CtrlSettingArea > .wrap .settingArea > .controlType {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 20px);
  background-color: #bfc3cd;
  padding: 6px;
  margin: 0 auto 20px auto;
}
.CtrlSettingArea > .wrap .settingArea > .controlType > .iconByCorp,
.CtrlSettingArea > .wrap .settingArea > .controlType > .iconAllCorp {
  display: inline-block;
  height: 14px;
  margin-right: 10px;
}
.CtrlSettingArea > .wrap .settingArea > .controlType > .iconByCorp {
  width: 15px;
  background-position: 0 -207px;
}
.CtrlSettingArea > .wrap .settingArea > .controlType > .iconAllCorp {
  width: 21px;
  background-position: 0 -231px;
}
.CtrlSettingArea > .wrap .settingArea > .controlType > .txtType {
  color: #333;
}
.CtrlSettingArea > .wrap .settingArea > .ulContent .title {
  font-weight: normal;
}
.CtrlSettingArea > .wrap .settingArea.active .title > .iconArrow {
  transform: rotate(0deg);
}
.CtrlSettingArea > .wrap .settingArea.empty {
  display: flex;
  align-items: center;
  justify-content: center;
}
.CtrlSettingArea > .wrap .settingArea.empty .selectControl {
  text-align: center;
}
.CtrlSettingArea > .wrap .settingArea.empty .selectControl > .icon {
  display: inline-block;
  width: 87px;
  height: 30px;
  background-position: -50px 0;
}
.CtrlSettingArea > .wrap .settingArea.empty .selectControl > p {
  text-align: center;
}
.CtrlSettingArea > .wrap .settingArea.empty > .controlType {
  display: none;
}
.CtrlSettingArea > .wrap .settingArea.empty + .btnArea {
  display: none;
}
.CtrlSettingArea > .wrap .check, .CtrlSettingArea > .wrap .radio {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  font-size: 13px;
  letter-spacing: -1px;
}
.CtrlSettingArea > .wrap .check .icon, .CtrlSettingArea > .wrap .radio .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #cbd6dd;
}
.CtrlSettingArea > .wrap .check > input[type=checkbox], .CtrlSettingArea > .wrap .radio > input[type=checkbox] {
  margin-right: 5px;
}
.CtrlSettingArea > .wrap .check.Checked .icon, .CtrlSettingArea > .wrap .radio.Checked .icon {
  background-position: 1px -39px;
  background-color: #15B065;
  border: 0;
}
.CtrlSettingArea > .wrap .btnArea {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding: 10px;
  background-color: #dcdee3;
}
.CtrlSettingArea > .wrap .btnArea .btn {
  display: flex;
  align-items: center;
  margin-right: auto;
}
.CtrlSettingArea > .wrap .btnArea .btn .iconReset {
  display: inline-block;
  width: 16px;
  height: 15px;
  background-position: 0 -114px;
  margin-right: 10px;
  cursor: pointer;
}
.CtrlSettingArea > .wrap .btnArea .btn > input[type=button] {
  padding: 7px 0;
  width: 105px;
  height: 31px;
  color: #fff;
  font-size: 13px;
  letter-spacing: -1px;
  background-color: #15B065;
  border: 0;
  cursor: pointer;
}
.CtrlSettingArea > .wrap .btnArea .btn > input[type=button]:hover {
  background-color: #118c50;
  cursor: pointer;
}
.CtrlSettingArea > .wrap .btnArea .btn > .btnSaveTemporary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  background-color: #0d6c3e;
  cursor: pointer;
}
.CtrlSettingArea > .wrap .btnArea .btn > .btnSaveTemporary > span {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-position: 0 -183px;
}
.CtrlSettingArea > .wrap .btnArea .btn > .btnSaveTemporary:hover {
  background-color: #073e24;
  cursor: pointer;
}
.CtrlSettingArea > .wrap .btnArea .check {
  display: inline-flex;
  margin-left: auto;
}
.CtrlSettingArea > .wrap .btnArea .check > .icon {
  margin-right: 5px;
}
.CtrlSettingArea > .wrap > .btnWrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  border-top: 1px solid #cfcfcf;
  background-color: #F5F7F9;
  padding: 15px;
}
.CtrlSettingArea > .wrap > .btnWrap .check {
  margin-left: auto;
  margin-bottom: 10px;
}
.CtrlSettingArea > .wrap > .btnWrap .check > .icon {
  margin-right: 5px;
}
.CtrlSettingArea > .wrap > .btnWrap .btn {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.CtrlSettingArea > .wrap > .btnWrap .btn .btnDefault, .CtrlSettingArea > .wrap > .btnWrap .btn .btnLine {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  min-width: 80px;
  height: 36px;
  border-radius: 5px;
  background-color: #15B065;
  color: #fff;
  border: 0;
  font-size: 14px;
  padding: 0 10px;
  transition: all 0.3s;
}
.CtrlSettingArea > .wrap > .btnWrap .btn .btnDefault.btnDefault, .CtrlSettingArea > .wrap > .btnWrap .btn .btnLine.btnDefault {
  width: 110px;
  background-color: #15B065;
  color: #fff;
}
.CtrlSettingArea > .wrap > .btnWrap .btn .btnDefault.btnDefault:hover, .CtrlSettingArea > .wrap > .btnWrap .btn .btnLine.btnDefault:hover {
  background-color: #129958;
  cursor: pointer;
}
.CtrlSettingArea > .wrap > .btnWrap .btn .btnDefault.btnDefault:active, .CtrlSettingArea > .wrap > .btnWrap .btn .btnLine.btnDefault:active {
  background-color: #119053;
  cursor: pointer;
}
.CtrlSettingArea > .wrap > .btnWrap .btn .btnDefault.btnLine, .CtrlSettingArea > .wrap > .btnWrap .btn .btnLine.btnLine {
  border: 1px solid #e6e6e6;
  background-color: #fff;
  color: #15B065;
}
.CtrlSettingArea > .wrap > .btnWrap .btn .btnDefault.btnLine:hover, .CtrlSettingArea > .wrap > .btnWrap .btn .btnLine.btnLine:hover {
  background-color: rgba(21, 176, 101, 0.1);
  border-color: rgba(21, 176, 101, 0.1);
  cursor: pointer;
}
.CtrlSettingArea > .wrap > .btnWrap .btn .btnDefault.btnLine:active, .CtrlSettingArea > .wrap > .btnWrap .btn .btnLine.btnLine:active {
  background-color: rgba(21, 176, 101, 0.15);
  border-color: rgba(21, 176, 101, 0.15);
  cursor: pointer;
}
.CtrlSettingArea.show {
  right: 0;
}
.CtrlSettingArea.hide {
  right: -300px;
}

.divManager {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.divManager .item .titleArea {
  display: flex;
  align-items: center;
  width: 100%;
  height: 36px;
  background-color: #434a4f;
  padding: 0 0 0 15px;
  color: #fff;
  font-size: 14px;
}
.divManager .item .titleArea .txtTitle {
  color: #fff;
}
.divManager .item .titleArea .ulBtnArea {
  margin-left: auto;
}
.divManager .item .titleArea .ulBtnArea > li {
  display: inline-flex;
  align-items: center;
  padding: 0 15px;
  height: 36px;
  font-size: 13px;
  color: #fff;
}
.divManager .item .titleArea .ulBtnArea > li:hover {
  background-color: #15B065;
  cursor: pointer;
}
.divManager .item .titleArea .ulBtnArea > li > i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../../Images/Toolbar/T_Query.png);
  background-repeat: no-repeat;
  margin-right: 10px;
}
.divManager .item .titleArea .ulBtnArea > li.Query > i {
  background-image: url(../../Images/Toolbar/T_Query.png);
}
.divManager .item .titleArea .ulBtnArea > li.SaveAs > i {
  background-image: url(../../Images/Toolbar/T_SaveAs.png);
}

.easyFlowWrap {
  width: 100%;
  height: 100%;
}
.easyFlowWrap header {
  height: 40px;
  background-color: #fff;
  border-bottom: 1px solid #dedede;
}
.easyFlowWrap header .titleArea {
  float: left;
  display: flex;
  align-items: center;
  color: #333;
}
.easyFlowWrap header .titleArea > .logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #15B065;
}
.easyFlowWrap header .titleArea > .logo > span {
  display: inline-block;
  width: 24px;
  height: 26px;
  background-position: 0 0;
}
.easyFlowWrap header .titleArea > .txtTitle {
  margin-left: 10px;
  font-size: 16px;
}
.easyFlowWrap header .searchArea {
  float: right;
}
.easyFlowWrap header .searchArea .programQueryArea {
  position: absolute;
  top: 0;
  right: 0;
  width: 0px;
  height: 40px;
  padding: 2px 2px 2px 15px;
  background-color: #15B065;
  overflow: hidden;
  opacity: 0;
  z-index: 9999;
}
.easyFlowWrap header .searchArea .programQueryArea .inputProgramQuery {
  float: left;
  height: 36px;
  width: 247px;
  font-size: 16px;
  color: #fff;
  border: 0px;
  background-color: transparent;
}
.easyFlowWrap header .searchArea .programQueryArea .btnProgramQuery {
  float: left;
  width: 36px;
  height: 36px;
  border: 0px;
  background-color: rgba(0, 0, 0, 0);
  background-position: -230px 7px;
}
.easyFlowWrap header .searchArea .programQueryArea .btnProgramQuery:hover, .easyFlowWrap header .searchArea .programQueryArea .btnProgramQuery:focus {
  background-color: #d9d9d9;
  cursor: pointer;
}
.easyFlowWrap .toolBarArea {
  display: flex;
  width: 100%;
  height: 37px;
  background-image: linear-gradient(to top, #f0f0f0, #ffffff), linear-gradient(#efefef, #efefef);
  border-bottom: solid 1px #dedede;
  padding: 0 10px;
}
.easyFlowWrap .toolBarArea > .btn {
  float: left;
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
  padding: 5px 10px;
  letter-spacing: -1px;
}
.easyFlowWrap .toolBarArea > .btn:hover {
  background-color: #ededed;
  cursor: pointer;
}
.easyFlowWrap .toolBarArea > .btn:active, .easyFlowWrap .toolBarArea > .btn:focus {
  background-color: #d1d1d1;
  cursor: pointer;
}
.easyFlowWrap .toolBarArea > .btn > span {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-position: 0 -36px;
  margin-right: 5px;
}
.easyFlowWrap .toolBarArea > .btn.Dis {
  opacity: 0.3;
  pointer-events: none;
}
.easyFlowWrap .toolBarArea > .btn.New > span {
  width: 14px;
  background-position: 0 -36px;
}
.easyFlowWrap .toolBarArea > .btn.Refresh > span {
  width: 13px;
  background-position: 0 -60px;
}
.easyFlowWrap .toolBarArea > .btn.Copy > span {
  width: 14px;
  background-position: 0 -83px;
}
.easyFlowWrap .toolBarArea > .btn.Apply > span {
  width: 10px;
  height: 9px;
  background-position: 0 -107px;
}
.easyFlowWrap .toolBarArea > .btn.Save > span {
  width: 14px;
  height: 13px;
  background-position: 0 -126px;
}
.easyFlowWrap .toolBarArea > .btn.Layout > span {
  width: 14px;
  background-position: 0 -149px;
}
.easyFlowWrap .toolBarArea > .btn.Reset > span {
  width: 13px;
  background-position: 0 -172px;
}
.easyFlowWrap .toolBarArea > .btn.Delete > span {
  width: 13px;
  height: 13px;
  background-position: 0 -407px;
}
.easyFlowWrap .toolBarArea > .line {
  display: inline-flex;
  float: left;
  width: 2px;
  height: 100%;
  background-color: #dedede;
  border-right: 1px solid #fff;
  margin: 0 10px;
}
.easyFlowWrap .contentsArea {
  width: 100%;
  height: calc(100% - 77px);
  background-color: #fff;
}
.easyFlowWrap .contentsArea .easyFlowParentContent {
  float: left;
  width: calc(100% - 350px);
  height: 100%;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent {
  width: 100%;
  height: 100%;
  padding: 10px 10px 0 10px;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .divToolbar {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 40px;
  background-color: #4a4f5c;
  margin-bottom: 5px;
  z-index: 0;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .divToolbar > ul {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .divToolbar > ul > li {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px dashed #fff;
  background-color: #4a4f5c;
  color: #fff;
  font-size: 13px;
  border-radius: 3px;
  min-width: 70px;
  height: 28px;
  margin-right: 5px;
  padding: 0 8px;
  cursor: pointer;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .divToolbar > ul > li > i {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background-image: url(../../Images/Toolbar/T_Query.png);
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .divToolbar > ul > li.Query > i {
  background-image: url(../../Images/Toolbar/T_Query.png);
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .divToolbar > ul > li.Jump > i {
  background-image: url(../../Images/Toolbar/T_JumpFrm.png);
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .divToolbar > ul > li.Print > i {
  background-image: url(../../Images/Toolbar/T_Print.png);
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .divToolbar .btnAddToolbar {
  position: absolute;
  top: 6px;
  right: 5px;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 28px;
  border-radius: 5px;
  background-color: white;
  font-size: 13px;
  cursor: pointer;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .divToolbar .btnAddToolbar:hover {
  background-color: #edeff5;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .DevLayout {
  position: absolute;
  margin: 0px;
  padding: 0px;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType {
  position: relative;
  height: calc(100% - 50px);
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType .MasterWrap {
  position: absolute;
  width: 100%;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType .Master {
  position: relative;
  width: 100%;
  height: calc(20% - 10px);
  border: 1px solid #cccccc;
  border-radius: 5px;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 0;
  overflow: auto;
  z-index: 0;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType .Master > .itemWrap {
  height: 100%;
  overflow: auto;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType .Sheet {
  width: 100%;
  height: 80%;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background-color: #fff;
  overflow: hidden;
  z-index: 0;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType .Sheet .btnExpandArea {
  position: absolute;
  right: 30px;
  bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #d7dee0;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType .Sheet .btnExpandArea > i {
  display: inline-block;
  width: 18px;
  height: 16px;
  background-position: 0 -381px;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType .Sheet .btnExpandArea.Collapse > i {
  background-position: -28px -381px;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType .Sheet .btnExpandArea:hover {
  background-color: #cacfd1;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType01 {
  display: block;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType02 {
  display: block;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType02 .Sheet01 {
  width: calc(50% - 5px);
  margin-right: 5px;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType02 .Master02 {
  width: 50%;
  height: 50px;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType03 .Master02 {
  width: 50%;
  height: 50px;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType02 .Master02 > .itemWrap,
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType03 .Master02 > .itemWrap {
  white-space: nowrap;
  padding: 0 10px;
  margin-top: 10px;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType02 .Sheet02 {
  width: 50%;
  height: 60%;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType03 {
  display: block;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType03 .Sheet01 {
  width: calc(50% - 5px);
  margin-right: 5px;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType03 .Sheet02 {
  width: 50%;
  height: 30%;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType03 .Sheet03 {
  width: calc(50% - 5px);
  height: 30%;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType04 {
  display: block;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType04 > div {
  float: left;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType04 .Sheet01, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .EFType04 .Sheet02 {
  height: calc(40% - 5px);
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .bgTxt {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  opacity: 0.5;
  font-size: 13px;
  letter-spacing: -1px;
  z-index: -1;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .divToolbar .bgTxt {
  color: #fff;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl .controlContent .resizeName {
  padding-left: 28px;
  opacity: 0.7;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl .btnDuplicate {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -7px;
  right: 13px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  z-index: 99;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl .btnDuplicate:focus {
  border: 1px solid #3f51b5;
  outline: 0;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl .btnDuplicate > i {
  width: 9px;
  height: 8px;
  background-position: -113px -350px;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl .btnResize {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
  background-position: -72px -343px;
  cursor: se-resize;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal {
  position: relative;
  display: inline-flex;
  margin-right: 15px;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal {
  position: absolute;
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  border-radius: 3px;
  border: 1px dashed #ccc;
  cursor: move;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl:hover, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal:hover {
  box-shadow: 3px 2px 6px 1px rgba(162, 162, 162, 0.55);
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl:focus, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal:focus {
  box-shadow: 0px 0 0 1px #15B065;
  border: 1px solid transparent;
  outline: 0;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl.typeCodehelp .controlContent, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal.typeCodehelp .controlContent {
  background-color: #e1f1fc;
  background-position: left center;
  border-bottom: 1px solid #87c4ec;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl.typeDate .controlContent, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal.typeDate .controlContent {
  background-position: left center;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl.typeOption .icon-radio, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal.typeOption .icon-radio {
  position: relative;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  border: 1px solid #ccc;
  border-radius: 50%;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl.typeOption .icon-radio::after, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal.typeOption .icon-radio::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #15B065;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl.typeCheck .icon-check, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal.typeCheck .icon-check {
  flex-shrink: 0;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  margin-right: 5px;
  width: 17px;
  height: 17px;
  border-radius: 3px;
  border: 1px solid #15B065;
  background-color: #fff;
  margin-left: 5px;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl.typeCheck .icon-check::after, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal.typeCheck .icon-check::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  border-left: 2px solid #15B065;
  border-bottom: 2px solid #15B065;
  height: 4px;
  width: 8px;
  transform: rotate(-45deg);
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl.typeCombo .icon-selectbox, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal.typeCombo .icon-selectbox {
  width: 6px;
  height: 7px;
  border-top: 6px solid #242424;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  margin: 0 3px 0 10px;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl.typeLabel .controlCaption, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal.typeLabel .controlCaption {
  text-align: left;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl.typeHidden, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal.typeHidden {
  background-color: rgba(0, 0, 0, 0.1);
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl.typeHidden .controlContent, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal.typeHidden .controlContent {
  opacity: 0.5;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl .controlCaption, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal .controlCaption {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 70px;
  padding: 0 5px;
  word-break: break-all;
  line-height: 14px;
  overflow: hidden;
  text-align: right;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl .controlCaption > p, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal .controlCaption > p {
  overflow: hidden;
  text-overflow: ellipsis;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl .controlContent, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal .controlContent {
  border: 0;
  display: inline-flex;
  align-items: center;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  border-bottom: 1px solid #aaa;
  overflow: hidden;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl .btnDelete, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal .btnDelete, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemToolbar .btnDelete {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -7px;
  right: -8px;
  /*right: 13px;*/
  width: 18px;
  height: 18px;
  background-color: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  z-index: 99;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl .btnDelete:hover, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal .btnDelete:hover, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemToolbar .btnDelete:hover {
  background-color: #edeff5;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl .btnDelete:focus, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal .btnDelete:focus, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemToolbar .btnDelete:focus {
  border: 1px solid #15B065;
  outline: 0;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemControl .btnDelete > i, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemNormal .btnDelete > i, .easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContent .itemToolbar .btnDelete > i {
  width: 8px;
  height: 8px;
  /*background-position: -113px -350px;*/
  background-position: -95px -350px;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContentBg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 20px 10px;
}
.easyFlowWrap .contentsArea .easyFlowParentContent .easyFlowContentBg > p {
  font-size: 20px;
  font-weight: bold;
  color: rgba(51, 51, 51, 0.3);
}
.easyFlowWrap .contentsArea .rightArea {
  float: right;
  width: 350px;
  height: 100%;
}
.easyFlowWrap .contentsArea .rightArea .titleArea {
  display: flex;
  background-color: #fff;
}
.easyFlowWrap .contentsArea .rightArea .titleArea > ul > li {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  height: 40px;
  margin-right: 10px;
  padding: 0 10px;
  letter-spacing: -1px;
  cursor: pointer;
}
.easyFlowWrap .contentsArea .rightArea .titleArea > ul > li:hover {
  font-weight: bold;
}
.easyFlowWrap .contentsArea .rightArea .titleArea > ul > li.on {
  border-top: 4px solid #15B065;
  background-color: #fff;
  color: #15B065;
  font-weight: bold;
}
.easyFlowWrap .contentsArea .rightArea .propertyArea {
  overflow: hidden;
  display: inline-block;
  width: 100%;
  height: calc(100% - 40px);
}
.easyFlowWrap .contentsArea .rightArea .propertyArea .divProperty {
  position: relative;
  width: 350px;
  height: 100%;
}
.easyFlowWrap .contentsArea .rightArea .propertyArea .divProperty .divForm {
  height: 100%;
}
.easyFlowWrap .contentsArea .rightArea .descriptionArea {
  position: absolute;
  bottom: 0;
  width: 350px;
  height: 100px;
  /*background-color: #e2e4e6;*/
  font-size: 13px;
  padding: 3px;
  color: #333;
}
.easyFlowWrap .contentsArea .rightArea .descriptionArea .divDescription {
  background-color: #fff;
  border: 1px solid #bebebe;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  padding: 5px;
  letter-spacing: -1px;
  overflow: auto;
}
.easyFlowWrap .gc-no-user-select {
  position: unset;
  position: initial;
}

.msgWrap.EverView .msgBox .btnClose {
  position: absolute;
  top: 20px;
  right: 25px;
  width: 20px;
  height: 20px;
  background-position: -25px -350px;
  background-color: #fff;
  cursor: pointer;
}
.msgWrap.EverView .msgBox .btnClose:hover {
  opacity: 0.7;
}
.msgWrap.EverView .msgBox.new {
  width: 350px;
}
.msgWrap.EverView .msgBox.new .msgContent ul.pgmInfo > li {
  width: 100%;
  margin-bottom: 15px;
}
.msgWrap.EverView .msgBox.new .msgContent ul.pgmInfo > li label {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: bold;
}
.msgWrap.EverView .msgBox.new .msgContent ul.pgmInfo > li > p.txtInfo {
  padding-top: 6px;
  font-size: 12px;
  color: #15B065;
}
.msgWrap.EverView .msgBox.typeSelect {
  width: auto;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout {
  position: relative;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .iconSelected {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  margin: 0;
  border-radius: 50%;
  background-color: #7f8490;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .iconSelected:hover {
  background-color: #7f8490;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .iconSelected > span {
  display: inline-block;
  width: 15px;
  height: 12px;
  background-position: 0 -350px;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .iconSelected.EFTypeDlgStatus1 {
  top: -10px;
  left: 145px;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .iconSelected.EFTypeDlgStatus2-2 {
  top: -10px;
  left: 350px;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .iconSelected.EFTypeDlgStatus2 {
  top: -10px;
  left: 555px;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .iconSelected.EFTypeDlgStatus3-2 {
  top: 210px;
  left: 145px;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .iconSelected.EFTypeDlgStatus3 {
  top: 210px;
  left: 350px;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .iconSelected.EFTypeDlgStatus4 {
  top: 210px;
  left: 555px;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .iconSelected.EFTypeDlgStatus4-2 {
  top: 205px;
  left: 765px;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .line {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .line:last-child {
  margin-bottom: 0;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type {
  display: flex;
  align-items: center;
  flex-direction: column;
  float: left;
  width: 175px;
  margin: 0 30px 0 0;
  cursor: pointer;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type:last-child, .msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type:nth-child(4) {
  margin-right: 0;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type:nth-child(n+5) {
  margin-bottom: 0;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type > .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: #e9e9e9;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type > .icon:hover {
  background-color: #4a4f5c;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type > .icon > i {
  display: inline-block;
  width: 154px;
  height: 145px;
  background-position: 0 -193px;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type.layout01 > .icon > i {
  background-position: 0 -193px;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type.layout02 > .icon > i {
  background-position: -163px -193px;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type.layout02-2 > .icon > i {
  background-position: -326px -193px;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type.layout03 > .icon > i {
  background-position: -489px -193px;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type.layout03-2 > .icon > i {
  background-position: -652px -193px;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type.layout04 > .icon > i {
  background-position: -815px -193px;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type.layout04-2 > .icon > i {
  background-position: -978px -193px;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type .info {
  display: inline-block;
  margin-top: 10px;
  font-size: 11px;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type .info .txtSend {
  flex-shrink: 0;
  color: #15B065;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type .info .txtRecieve {
  text-align: left;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type .info .iconMultiArrow {
  display: inline-block;
  flex-shrink: 0;
  width: 16px;
  height: 7px;
  margin: 0 5px;
  background-position: 0 -430px;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type .info .iconMultiArrow2 {
  display: inline-block;
  flex-shrink: 0;
  width: 16px;
  height: 7px;
  margin: 0 5px;
  background-position: -26px -430px;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type.layout03-2 .info {
  width: 107%;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type.layout04 .info {
  flex-wrap: wrap;
  justify-content: center;
}
.msgWrap.EverView .msgBox.typeSelect .msgContent .layout .type .info .txtRecieve.noShrink {
  flex-shrink: 0;
}
.msgWrap.EverView .msgBox.SQL {
  width: auto;
}
.msgWrap.EverView .msgBox.SQL .msgContent.SQL {
  width: auto;
  height: auto;
}
.msgWrap.EverView .msgBox.SQL .msgContent .divSQLView {
  /*height: 400px;*/
}
.msgWrap.EverView .msgBox.SQL .msgContent .divSQLView > textarea {
  min-width: 700px;
  min-height: 400px;
  max-width: 1000px;
  max-height: 700px;
  padding: 10px;
}

.CodeHelpSheet.popupEF {
  z-index: 1000;
}
.CodeHelpSheet.popupEF .popupCodehelp .searchCodehelpArea .searchBox {
  width: 100%;
  border: 2px solid #15B065;
}
.CodeHelpSheet.popupEF .popupCodehelp .searchCodehelpArea .searchBox .searchBtnWrap .btn.Query {
  border: 0;
}
.CodeHelpSheet.popupEF .popupCodehelp .queryListArea .everViewCodeHelp {
  width: 870px;
  height: 370px;
  position: absolute;
}
.CodeHelpSheet.popupEF .popupCodehelp .queryListArea .everViewCodeHelp .groupBoxSheet {
  width: 870px;
  height: 370px;
}

/*사용안하는아이템*/
.SSItem {
  display: inline-block;
  width: auto !important;
  color: #333 !important;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  text-align: center;
  margin: 0px -1px 4px 0px;
  cursor: move;
  z-index: 9999999;
}
.SSItem .divTitle {
  height: 56px;
  padding: 7px 15px;
  background-color: #edeff5;
  border-radius: 3px 3px 0 0;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #333;
}
.SSItem .divTitle .label {
  height: 18px;
  font-size: 14px;
  color: #333;
  letter-spacing: -1px;
  margin-bottom: 7px;
  cursor: text;
}
.SSItem .divTitle input.label {
  border-radius: 3px;
  padding: 3px 5px;
  background-color: #fff;
  border: 1px solid #d6d6d6;
  margin-bottom: 0;
  font-size: 13px;
}
.SSItem .divTitle .fieldName {
  font-size: 12px;
  color: rgba(51, 51, 51, 0.5);
}
.SSItem .itemInfo {
  color: #333;
  font-size: 13px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.SSItem .itemInfo > ul {
  color: #333;
  font-size: 13px;
  text-align: left;
  padding: 10px 10px 5px 10px;
  cursor: pointer;
}
.SSItem .itemInfo > ul > li {
  margin-bottom: 7px;
  letter-spacing: -1px;
}
.SSItem .itemInfo > ul > li > input[type=checkbox] {
  margin-right: 3px;
}
.SSItem.On > .divTitle {
  background-color: #e5e7ff;
}

.SSItemMove {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  background-color: #fff;
  border: 1px dashed #838383;
  border-radius: 3px;
  font-size: 14px;
  opacity: 0.7;
  height: 40px !important;
  cursor: move;
  z-index: 100000000000000020000 !important;
}

/*********************************************************************
    개인기본값설정 My Default Value
**********************************************************************/
.helpBox {
  display: none;
  position: absolute;
  max-width: 300px;
  background-color: rgba(51, 51, 51, 0.9);
  color: #fff;
  font-size: 12px;
  padding: 10px;
  border-radius: 5px;
  letter-spacing: -0.5px;
  animation: fade-in 0.5s forwards;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.helpBox.dv {
  top: 40px;
  left: 10px;
}
.helpBox.today {
  top: 30px;
  left: 0px;
}
.helpBox.lastday {
  top: 30px;
  left: 0px;
}
.helpBox.thisYear {
  top: 30px;
  left: 0;
}
.helpBox.thisMonth {
  top: 30px;
  left: 0;
}
.helpBox.thisDay {
  top: 30px;
  left: 0px;
}

.msgWrap.myDefaultValueDateWrap {
  position: fixed;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate {
  width: 330px;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgTitle .controlCap {
  font-size: 12px;
  font-weight: normal;
  color: #999;
  margin-left: 8px;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent {
  padding: 0;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem {
  padding: 20px 15px;
  border-top: 1px solid #e6e6e6;
  font-size: 12px;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem.noset .toggleCheck {
  display: flex;
  align-items: center;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem.noset .toggleCheck input[type=checkbox] + label {
  position: relative;
  display: flex;
  align-items: center;
  color: #333;
  transition: color 0.2s;
  cursor: pointer;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem.noset .toggleCheck input[type=checkbox] + label::before {
  content: "";
  width: 2.5em;
  height: 1.333em;
  border-radius: 20px;
  background-color: #d5d5d5;
  border: 0;
  margin-right: 5px;
  transition: background-color 0.2s;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem.noset .toggleCheck input[type=checkbox] + label::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.4156em);
  left: 0.333em;
  width: 0.833em;
  height: 0.833em;
  border-radius: 50%;
  background-color: #fff;
  transition: left 0.2s;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem.noset .toggleCheck input[type=checkbox]:checked + label {
  color: #15B065;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem.noset .toggleCheck input[type=checkbox]:checked + label::before {
  background-color: #15B065;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem.noset .toggleCheck input[type=checkbox]:checked + label::after {
  left: 1.3em;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem:first-child {
  border: 0;
  padding-top: 0;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem:last-child {
  border-bottom: 0;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .txtTitle {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .selectSet {
  display: inline-flex;
  border-radius: 5px;
  border: 1px solid #ddd;
  height: 30px;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .selectSet input[type=radio] + label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 10px;
  border-right: 1px solid #ddd;
  color: #999;
  cursor: pointer;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .selectSet input[type=radio] + label:hover {
  color: #333;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .selectSet input[type=radio] + label:last-child {
  border-right: 0;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .selectSet input[type=radio]:checked + label {
  color: #15B065;
  background-color: rgba(21, 176, 101, 0.1);
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .selectSet input[type=radio]:disabled + label {
  opacity: 0.5;
  cursor: default;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .selectSet input[type=radio]:disabled + label:hover {
  color: #999;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .calDateWrap {
  position: relative;
  height: 26px;
  margin-top: 15px;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .calDateWrap .txtHelp {
  text-decoration: underline;
  cursor: help;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .calDateWrap .txtHelp:hover ~ .helpBox {
  display: flex;
  z-index: 1;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .calDateWrap select {
  width: 70px;
  height: 26px;
  border: 1px solid #cbd6dd;
  background-color: #fff;
  color: #333;
  font-size: 12px;
  border-radius: 3px;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .calDateWrap input[type=number] {
  width: 40px;
  height: 26px;
  min-height: 26px;
  padding: 0;
  margin: 0 5px;
  border: 1px solid #cbd6dd;
  background-color: #fff;
  color: #333;
  border-radius: 3px;
  text-align: center;
  font-size: 13px;
  -moz-appearance: textfield;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .calDateWrap .selectBA {
  display: inline-flex;
  margin-left: 5px;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .calDateWrap .selectBA input[type=radio] + label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  border-radius: 50px;
  padding: 0 10px;
  color: #999;
  cursor: pointer;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .calDateWrap .selectBA input[type=radio]:checked + label {
  color: #15B065;
  background-color: rgba(21, 176, 101, 0.1);
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .directWrap {
  position: relative;
  display: flex;
  align-items: center;
  height: 26px;
  margin-top: 15px;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .directWrap select {
  width: 80px;
  height: 26px;
  border: 1px solid #cbd6dd;
  background-color: #fff;
  color: #333;
  font-size: 12px;
  border-radius: 3px;
  padding: 0 5px;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .directWrap input[type=number] {
  width: 60px;
  height: 26px;
  min-height: 26px;
  border: 1px solid #cbd6dd;
  background-color: #fff;
  color: #333;
  border-radius: 3px;
  text-align: center;
  font-size: 13px;
  -moz-appearance: textfield;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .directWrap .iconHelp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .directWrap .iconHelp > i {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-position: -82px 0;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .directWrap .iconHelp:hover ~ .helpBox {
  display: flex;
  z-index: 1;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .thisDateWrap {
  position: relative;
  display: flex;
  align-items: center;
  height: 26px;
  margin-top: 15px;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .thisDateWrap > input {
  width: 60px;
  height: 26px;
  min-height: 26px;
  background-color: #F1F4F6;
  border: 0;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .thisDateWrap .iconHelp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .thisDateWrap .iconHelp > i {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-position: -82px 0;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .thisDateWrap .iconHelp:hover ~ .helpBox {
  display: flex;
  z-index: 1;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .nullWrap {
  position: relative;
  display: flex;
  align-items: center;
  height: 26px;
  margin-top: 15px;
}
.msgWrap.myDefaultValueDateWrap .msgBox.myDefaultValueDate .msgContent .setItem .nullWrap > input {
  width: 60px;
  height: 26px;
  min-height: 26px;
  background-color: #F1F4F6;
  border: 0;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}

.myDefaultValueWrap .myDefaultValue {
  position: absolute;
  top: 40px;
  right: 0px;
  display: flex;
  flex-direction: column;
  width: 300px;
  height: calc(100% - 40px);
  background-color: #edeff5;
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  z-index: 120;
}
.myDefaultValueWrap .myDefaultValue.show {
  right: 0;
}
.myDefaultValueWrap .myDefaultValue.hide {
  right: -300px;
}
.myDefaultValueWrap .myDefaultValue .titleWrap {
  margin-bottom: 20px;
  padding: 15px 15px 0 15px;
}
.myDefaultValueWrap .myDefaultValue .titleWrap .title {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 15px;
  color: #333;
}
.myDefaultValueWrap .myDefaultValue .titleWrap .title > i {
  display: inline-block;
  width: 17px;
  height: 16px;
  background-position: 0 0;
  margin-right: 10px;
}
.myDefaultValueWrap .myDefaultValue .titleWrap .title .iconHelp {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 5px;
}
.myDefaultValueWrap .myDefaultValue .titleWrap .title .iconHelp > i {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-position: -82px 0;
}
.myDefaultValueWrap .myDefaultValue .titleWrap .title .iconHelp:hover ~ .helpBox {
  display: flex;
  z-index: 1;
}
.myDefaultValueWrap .myDefaultValue .titleWrap .title .btnClose {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-left: auto;
  cursor: pointer;
}
.myDefaultValueWrap .myDefaultValue .titleWrap .title .btnClose > i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: -42px 0;
}
.myDefaultValueWrap .myDefaultValue .titleWrap .txtDescription {
  font-size: 13px;
  color: #999;
  margin-bottom: 15px;
  letter-spacing: -0.5px;
}
.myDefaultValueWrap .myDefaultValue .listWrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}
.myDefaultValueWrap .myDefaultValue .listWrap .title {
  display: flex;
  margin-bottom: 10px;
  padding: 0 10px;
}
.myDefaultValueWrap .myDefaultValue .listWrap .title .txtTitle {
  font-weight: bold;
  font-size: 12px;
  color: #333;
}
.myDefaultValueWrap .myDefaultValue .listWrap .title .btnDeleteAll {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-left: auto;
  cursor: pointer;
}
.myDefaultValueWrap .myDefaultValue .listWrap .title .btnDeleteAll > i {
  display: inline-block;
  width: 12px;
  height: 11px;
  background-position: -166px 0px;
}
.myDefaultValueWrap .myDefaultValue .listWrap .title .btnDeleteAll:hover {
  background-color: #dedede;
  cursor: pointer;
}
.myDefaultValueWrap .myDefaultValue .listWrap .noSelected {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  font-size: 12px;
  border-top: 1px solid #ddd;
  color: #333;
}
.myDefaultValueWrap .myDefaultValue .listWrap .noSelected > i {
  display: inline-block;
  width: 159px;
  height: 35px;
  background-position: 0 -37px;
  margin-bottom: 20px;
}
.myDefaultValueWrap .myDefaultValue .listWrap .noSelected > span.subTxt {
  opacity: 0.5;
}
.myDefaultValueWrap .myDefaultValue .listWrap ul li {
  border-bottom: 1px solid #ddd;
}
.myDefaultValueWrap .myDefaultValue .listWrap ul li:first-child {
  border-top: 1px solid #ddd;
}
.myDefaultValueWrap .myDefaultValue .listWrap ul li .item {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-height: 37px;
  padding: 0 15px;
  font-size: 12px;
}
.myDefaultValueWrap .myDefaultValue .listWrap ul li .item .btnDelete {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #333;
  margin-right: 5px;
  cursor: pointer;
}
.myDefaultValueWrap .myDefaultValue .listWrap ul li .item .btnDelete > i {
  width: 6px;
  height: 2px;
  background-color: #fff;
}
.myDefaultValueWrap .myDefaultValue .listWrap ul li .item .caption {
  display: inline-block;
  max-width: 40%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #999;
}
.myDefaultValueWrap .myDefaultValue .listWrap ul li .item .value {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  max-width: 60%;
  padding: 5px 0;
  margin-left: auto;
}
.myDefaultValueWrap .myDefaultValue .listWrap ul li .item .value > i {
  flex-shrink: 0;
}
.myDefaultValueWrap .myDefaultValue .listWrap ul li .item .value > i.chkbox {
  position: relative;
  display: inline-block;
  width: 17px;
  height: 17px;
  border-radius: 3px;
  background-color: #e9e9e9;
  border: 1px solid #ccc;
}
.myDefaultValueWrap .myDefaultValue .listWrap ul li .item .value > i.chkbox.checked {
  border: 1px solid #ccc;
}
.myDefaultValueWrap .myDefaultValue .listWrap ul li .item .value > i.chkbox.checked::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 4px;
  width: 5px;
  height: 8px;
  border-right: 2px solid #999999;
  border-bottom: 2px solid #999999;
  transform: rotate(45deg);
}
.myDefaultValueWrap .myDefaultValue .listWrap ul li .item .value > i.optionChecked {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #ccc;
}
.myDefaultValueWrap .myDefaultValue .listWrap ul li .item .value > i.optionChecked:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #999;
}
.myDefaultValueWrap .myDefaultValue .listWrap ul li .item .value .txt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
}
.myDefaultValueWrap .myDefaultValue .listWrap ul li .item .btnDateSetting {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 26px;
  padding: 0 7px;
  margin-right: -10px;
  font-size: 12px;
  cursor: pointer;
}
.myDefaultValueWrap .myDefaultValue .listWrap ul li .item .btnDateSetting > i {
  display: inline-block;
  width: 13px;
  height: 13px;
  background-position: -133px 0px;
}
.myDefaultValueWrap .myDefaultValue .listWrap ul li .item.multiCodehelp {
  padding-right: 0;
}
.myDefaultValueWrap .myDefaultValue .listWrap ul li .item.multiCodehelp .value {
  max-height: 70px;
  display: block;
  overflow: auto;
}
.myDefaultValueWrap .myDefaultValue .listWrap ul li .item.multiCodehelp .value .txt {
  display: block;
  height: 100%;
  overflow: hidden;
  padding-right: 15px;
}
.myDefaultValueWrap .myDefaultValue .listWrap ul li .item.multiCodehelp .value .txt .txtCode {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.myDefaultValueWrap .myDefaultValue .btnWrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid #e6e6e6;
  background-color: #F5F7F9;
  padding: 15px;
}
.myDefaultValueWrap .myDefaultValue .btnWrap button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  min-width: 80px;
  height: 36px;
  border-radius: 5px;
  background-color: #15B065;
  color: #fff;
  border: 0;
  font-size: 14px;
  padding: 0 15px;
  transition: all 0.3s;
}
.myDefaultValueWrap .myDefaultValue .btnWrap button.btnDefault {
  background-color: #15B065;
  color: #fff;
}
.myDefaultValueWrap .myDefaultValue .btnWrap button.btnDefault:hover {
  background-color: #129958;
  cursor: pointer;
}
.myDefaultValueWrap .myDefaultValue .btnWrap button.btnDefault:active {
  background-color: #119053;
  cursor: pointer;
}
.myDefaultValueWrap .myDefaultValue .btnWrap button.btnLine {
  border: 1px solid #e6e6e6;
  background-color: #fff;
  color: #15B065;
}
.myDefaultValueWrap .myDefaultValue .btnWrap button.btnLine:hover {
  background-color: rgba(21, 176, 101, 0.1);
  border-color: rgba(21, 176, 101, 0.1);
  cursor: pointer;
}
.myDefaultValueWrap .myDefaultValue .btnWrap button.btnLine:active {
  background-color: rgba(21, 176, 101, 0.15);
  border-color: rgba(21, 176, 101, 0.15);
  cursor: pointer;
}

.CenterArea .CenterHeaderArea.FixedFav ~ .myDefaultValueWrap .myDefaultValue {
  top: 80px;
  height: calc(100% - 80px);
}

/*화면영역 컨트롤 선택 시 스타일*/
.programArea.selectMode .toolbarArea .ulToolbar::before, .programArea.selectModeSubForm .toolbarArea .ulToolbar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background-color: rgba(67, 74, 79, 0.6);
  z-index: 9;
}
.programArea.selectMode .layoutControl, .programArea.selectModeSubForm .layoutControl {
  cursor: pointer;
}
.programArea.selectMode .layoutControl .labelCaption, .programArea.selectModeSubForm .layoutControl .labelCaption {
  cursor: pointer;
}
.programArea.selectMode .layoutControl:hover::before, .programArea.selectModeSubForm .layoutControl:hover::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: calc(100% - 2px);
  border: 1px solid #15B065;
  border-radius: 3px;
  z-index: 0;
}
.programArea.selectMode .layoutControl.selectedControl:before, .programArea.selectModeSubForm .layoutControl.selectedControl:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  border: 1px solid #15B065;
  background-color: rgba(21, 176, 101, 0.3);
  z-index: 0;
}
.programArea.selectMode .layoutControl.DateBox > input, .programArea.selectModeSubForm .layoutControl.DateBox > input {
  background-position: right 3px center;
}
.programArea.selectMode .layoutControl.DateBox.Value > input, .programArea.selectModeSubForm .layoutControl.DateBox.Value > input {
  background-image: none;
}
.programArea.selectMode .layoutControl[kui-button] > button:hover, .programArea.selectMode .layoutControl[kui-button] > button:focus, .programArea.selectModeSubForm .layoutControl[kui-button] > button:hover, .programArea.selectModeSubForm .layoutControl[kui-button] > button:focus {
  box-shadow: none;
}
.programArea.selectMode .layoutControl[kui-checkbox] .selectArea, .programArea.selectMode .layoutControl[kui-optionlist] .selectArea, .programArea.selectModeSubForm .layoutControl[kui-checkbox] .selectArea, .programArea.selectModeSubForm .layoutControl[kui-optionlist] .selectArea {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.programArea.selectMode .layoutControl.Dis, .programArea.selectModeSubForm .layoutControl.Dis {
  cursor: default !important;
}
.programArea.selectMode .layoutControl.Dis:hover:before, .programArea.selectModeSubForm .layoutControl.Dis:hover:before {
  display: none;
}
.programArea.selectMode .layoutControl.Dis::after, .programArea.selectModeSubForm .layoutControl.Dis::after {
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
  z-index: 9;
}
.programArea.selectMode div[kui-sheet], .programArea.selectMode div[kui-tree] > .tree, .programArea.selectMode div[kui-fileupload], .programArea.selectMode div[kui-html], .programArea.selectMode div[kui-image], .programArea.selectMode div[kui-button], .programArea.selectMode div[kui-label], .programArea.selectMode div[kui-password], .programArea.selectMode div[kui-chart], .programArea.selectMode div[kui-scheduler], .programArea.selectMode div[kui-pmonth], .programArea.selectMode div[kui-piday], .programArea.selectMode div[kui-pday] > .monthSelect, .programArea.selectMode div.layoutControl.DateControlType, .programArea.selectMode div.layoutControl.Password, .programArea.selectModeSubForm div[kui-sheet], .programArea.selectModeSubForm div[kui-tree] > .tree, .programArea.selectModeSubForm div[kui-fileupload], .programArea.selectModeSubForm div[kui-html], .programArea.selectModeSubForm div[kui-image], .programArea.selectModeSubForm div[kui-button], .programArea.selectModeSubForm div[kui-label], .programArea.selectModeSubForm div[kui-password], .programArea.selectModeSubForm div[kui-chart], .programArea.selectModeSubForm div[kui-scheduler], .programArea.selectModeSubForm div[kui-pmonth], .programArea.selectModeSubForm div[kui-piday], .programArea.selectModeSubForm div[kui-pday] > .monthSelect, .programArea.selectModeSubForm div.layoutControl.DateControlType, .programArea.selectModeSubForm div.layoutControl.Password {
  cursor: default !important;
}
.programArea.selectMode div[kui-sheet]:hover:before, .programArea.selectMode div[kui-tree] > .tree:hover:before, .programArea.selectMode div[kui-fileupload]:hover:before, .programArea.selectMode div[kui-html]:hover:before, .programArea.selectMode div[kui-image]:hover:before, .programArea.selectMode div[kui-button]:hover:before, .programArea.selectMode div[kui-label]:hover:before, .programArea.selectMode div[kui-password]:hover:before, .programArea.selectMode div[kui-chart]:hover:before, .programArea.selectMode div[kui-scheduler]:hover:before, .programArea.selectMode div[kui-pmonth]:hover:before, .programArea.selectMode div[kui-piday]:hover:before, .programArea.selectMode div[kui-pday] > .monthSelect:hover:before, .programArea.selectMode div.layoutControl.DateControlType:hover:before, .programArea.selectMode div.layoutControl.Password:hover:before, .programArea.selectModeSubForm div[kui-sheet]:hover:before, .programArea.selectModeSubForm div[kui-tree] > .tree:hover:before, .programArea.selectModeSubForm div[kui-fileupload]:hover:before, .programArea.selectModeSubForm div[kui-html]:hover:before, .programArea.selectModeSubForm div[kui-image]:hover:before, .programArea.selectModeSubForm div[kui-button]:hover:before, .programArea.selectModeSubForm div[kui-label]:hover:before, .programArea.selectModeSubForm div[kui-password]:hover:before, .programArea.selectModeSubForm div[kui-chart]:hover:before, .programArea.selectModeSubForm div[kui-scheduler]:hover:before, .programArea.selectModeSubForm div[kui-pmonth]:hover:before, .programArea.selectModeSubForm div[kui-piday]:hover:before, .programArea.selectModeSubForm div[kui-pday] > .monthSelect:hover:before, .programArea.selectModeSubForm div.layoutControl.DateControlType:hover:before, .programArea.selectModeSubForm div.layoutControl.Password:hover:before {
  display: none;
}
.programArea.selectMode div[kui-sheet]::after, .programArea.selectMode div[kui-tree] > .tree::after, .programArea.selectMode div[kui-fileupload]::after, .programArea.selectMode div[kui-html]::after, .programArea.selectMode div[kui-image]::after, .programArea.selectMode div[kui-button]::after, .programArea.selectMode div[kui-label]::after, .programArea.selectMode div[kui-password]::after, .programArea.selectMode div[kui-chart]::after, .programArea.selectMode div[kui-scheduler]::after, .programArea.selectMode div[kui-pmonth]::after, .programArea.selectMode div[kui-piday]::after, .programArea.selectMode div[kui-pday] > .monthSelect::after, .programArea.selectMode div.layoutControl.DateControlType::after, .programArea.selectMode div.layoutControl.Password::after, .programArea.selectModeSubForm div[kui-sheet]::after, .programArea.selectModeSubForm div[kui-tree] > .tree::after, .programArea.selectModeSubForm div[kui-fileupload]::after, .programArea.selectModeSubForm div[kui-html]::after, .programArea.selectModeSubForm div[kui-image]::after, .programArea.selectModeSubForm div[kui-button]::after, .programArea.selectModeSubForm div[kui-label]::after, .programArea.selectModeSubForm div[kui-password]::after, .programArea.selectModeSubForm div[kui-chart]::after, .programArea.selectModeSubForm div[kui-scheduler]::after, .programArea.selectModeSubForm div[kui-pmonth]::after, .programArea.selectModeSubForm div[kui-piday]::after, .programArea.selectModeSubForm div[kui-pday] > .monthSelect::after, .programArea.selectModeSubForm div.layoutControl.DateControlType::after, .programArea.selectModeSubForm div.layoutControl.Password::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.7);
  z-index: 10;
}
.programArea.selectMode div[kui-fileupload]::after, .programArea.selectModeSubForm div[kui-fileupload]::after {
  top: -2px;
}

.programArea.selectModeSubForm .layoutControl {
  cursor: default !important;
}
.programArea.selectModeSubForm .layoutControl input:focus {
  border-color: #cbd6dd;
  box-shadow: none;
  user-select: none;
  outline: none;
  color: transparent;
}
.programArea.selectModeSubForm .layoutControl:hover:before {
  display: none;
}
.programArea.selectModeSubForm .layoutControl::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.7);
  z-index: 9;
}

/*Web Accessibility*/
.readonly-wa {
  /*웹접근성 스크린리더용 요소*/
  position: absolute !important;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  padding: 0;
  margin: -1px;
  border: 0;
  overflow: hidden;
}

.unread-wa {
  /*웹접근성 스크린리더용 요소 : 읽기금지*/
  position: absolute !important;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

/*스킵 내비게이션*/
.skipNavigation {
  position: relative;
}
.skipNavigation > a {
  position: absolute;
  top: -30px;
  left: 0;
  width: 140px;
  border: 1px solid #15b065;
  background-color: #333;
  text-align: center;
  opacity: 0;
}
.skipNavigation a:active, .skipNavigation a:focus {
  top: 0;
  z-index: 99999;
  text-decoration: none;
  opacity: 1;
}
.skipNavigation span {
  display: inline-block;
  padding: 2px 6px 0 0;
  color: #fff;
  letter-spacing: -1px;
  font-size: 13px;
  line-height: 26px;
}