제품(ibsheet.js)에 기능이 추가되거나 수정되면 main.css 파일에도 class가 추가되거나 수정됩니다. 제품 업그레이드 시 main.css를 최신화해야 추가된 기능이나 수정된 기능을 이용하실 수 있습니다.

⚠️ setTheme 함수나 (Cfg) Style을 설정하지 않았는데 시트의 기본 디자인이 다르게 보인다면 main.css 파일을 수정했을 가능성이 크므로, 아래 내용을 참고하여 CSS를 추가하거나 수정해 주시기 바랍니다.

이 이력은 default/main.css 파일 기준으로 작성되었으며, 최신 버전부터 내림차순으로 정리되어 있습니다.

현재 사용 중이신 버전 이후에 해당하는 항목을 모두 적용해 주시기 바랍니다.


전체 업그레이드 절차는 IBSheet8 업그레이드 가이드를 참고해 주시기 바랍니다.



Ver 8.3.0.15-20250619-15

추가(Cfg) StyleRowConfig 기능 추가로 인하여 CSS가 추가되었습니다. 시트 상단 혹은 하단에 별도의 행을 통해 시트의 스타일을 설정할 수 있는 기능입니다.

아래 내용을 main.css에 추가합니다.

.IBMain tr:has([ib-row='STYLE']) { display: flex;flex-wrap: wrap;margin: 4px 0;height: auto !important;align-items: center; }
.IBMain td[ib-row='STYLE'] { margin: 0;margin-right: 10px;padding: 0;background-color: transparent !important; }
.IBMain td[ib-row='STYLE'] label { display: flex;align-items: center; }
.IBMain td[ib-row='STYLE'] input { margin: 0;padding: 0;margin-left: 4px;cursor: pointer; }
.IBMain td[ib-row='STYLE'] input[type='color'] { height: 20px;width: 20px;background-color: transparent;border: none; }
.IBMain td[ib-row='STYLE'] input[type='number'] { padding-left: 4px;width: 40px;line-height: 24px;cursor: initial; }
.IBMain td[ib-row='STYLE'] select { margin-left: 4px;padding-bottom: 1px;width: 60px;height: 26px;cursor: pointer; }
.IBMain td[ib-row='STYLE'] input[type='number'], .IBMain td[ib-row='STYLE'] select { margin-left: 6px;border: 1px solid #bbb;border-radius: 2px;box-sizing: border-box !important; }
.IBMain td[ib-row='STYLE'] input[type='number']:focus, .IBMain td[ib-row='STYLE'] select:focus { outline: none; }
.IBMain td[ib-col='handler'] div button, .IBMain td[ib-col='resetStyle'] button { margin-right: 4px;padding: 4px;border: none;background-color: #53bfca;color: white;cursor: pointer; }
.IBMain td[ib-col='handler'] div button:last-child, .IBMain td[ib-col='resetStyle'] button { margin-right: 0px; }
.IBMain td[ib-row='STYLE']:has(.divider) { position: relative;padding-right: 12px !important; }
.IBMain td[ib-row='STYLE']:has(.divider)::after { content: "";position: absolute;top: 50%;right: 0;display: block; width: 1px;height: 100%; max-height: 18px;background: #bbb; transform: translateY(-50%); }
.IBMain td[ib-col='resetStyle']::after { height: 18px; }
Ver 8.3.0.5-20250424-14

수정IBSheet의 Hint 기능이 Menu를 침범하는 현상으로 Menu의 z-index를 수정하였습니다.

[변경전]

[변경후]

아래 내용으로 main.css를 수정합니다.

.IBMenuMain{position:absolute;left:0px;top:0px;z-index:265;overflow:hidden;box-shadow:0 2px 5px rgba(84, 105, 120, 0.3)}
.IBMenuHeader{overflow:hidden;position:absolute;z-index:265;cursor:pointer;user-select:none;-ms-user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}
.IBPickMain{position:absolute;left:0px;top:0px;z-index:265}
.IBPickHeader{position:absolute;z-index:265;border:1px solid #ABD7D3;background:white;overflow:hidden;cursor:pointer}


수정(Cfg) UseFilterDialog: 1 사용 시 표시되는 다이얼로그 관련 CSS가 수정되었습니다.

[변경전]


[변경후]

아래 내용으로 main.css를 수정합니다.

.IBFilterDialogHeaderCheckIcon0{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KDQo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCg0KPGcgaWQ9ImxheWVyMSI+DQoNCjxwYXRoIGQ9Ik0gMi45Mjk2ODc1IDIuMjIyNjU2MiBMIDIuMjIyNjU2MiAyLjkyOTY4NzUgTCA5LjI5Mjk2ODggMTAgTCAyLjIyMjY1NjIgMTcuMDcwMzEyIEwgMi45Mjk2ODc1IDE3Ljc3NzM0NCBMIDEwIDEwLjcwNzAzMSBMIDE3LjA3MDMxMiAxNy43NzczNDQgTCAxNy43NzczNDQgMTcuMDcwMzEyIEwgMTAuNzA3MDMxIDEwIEwgMTcuNzc3MzQ0IDIuOTI5Njg3NSBMIDE3LjA3MDMxMiAyLjIyMjY1NjIgTCAxMCA5LjI5Mjk2ODggTCAyLjkyOTY4NzUgMi4yMjI2NTYyIHogIiBzdHlsZT0iZmlsbDojMjIyMjIyOyBmaWxsLW9wYWNpdHk6MTsgc3Ryb2tlOm5vbmU7IHN0cm9rZS13aWR0aDowcHg7Ii8+DQoNCjwvZz4NCg0KPC9zdmc+);background-repeat:no-repeat;background-position-x:left;background-position-y:center;width:10px;height:16px}
.IBFilterDialogHeaderCheckIcon1{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNNCAxMi42MTExTDguOTIzMDggMTcuNUwyMCA2LjUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg==);background-repeat:no-repeat;background-position-x:left;background-position-y:center;width:10px;height:16px}
.IBDataFilterDialogHeaderLayer{display:flex;flex-direction:column;position:relative;padding:5px 10px;justify-content:space-between}
.IBDataFilterDialogSearch{width:inherit;margin-top:8px;overflow:hidden;line-height:24px;border-radius:3px;background-color:#fff;border:solid 1px #c7c7c7;font-size:1em;outline:none;padding-left:20px;box-sizing:border-box !important}
.IBDataFilterDialogSearch>input{width:100%;border:none;height:calc(100% - 10px);outline:0;box-sizing:border-box !important}
.IBDataFilterDialogHeaderCheck{margin-bottom:4px;padding:0px 10px}
.IBDataFilterDialogSideCheck1{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdmlld0JveD0iMCAwIDMyMCAzMjAiPjxwYXRoIGZpbGw9IiNDMUMxQzEiIGQ9Ik0zMDAgMjB2MjgwSDIwVjIwaDI4MG0yMC0yMEgwdjMyMGgzMjBWMHoiLz48cGF0aCBmaWxsPSIjN0ZDMUM4IiBkPSJNMTM3LjM0IDIzNi43MjFjLTMuMzIgMy4xMzktOC4zOCAzLjEzOS0xMS43IDBMNTIuMjggMTYzLjQ0Yy0zLjAyLTMuMzE4LTMuMDItOC4zNzggMC0xMS40NzlsMTEuNy0xMS43YzMuMDQtMy4wMiA4LjE2LTMuMDIgMTEuNDggMGw1NS45NzkgNTYuMDYyTDI0NC41OCA4My4yMmMzLjI3OC0zLjAyIDguMzgtMy4wMiAxMS40MiAwbDExLjY0IDExLjdjMy4xMiAzLjEgMy4xMiA4LjE2IDAgMTEuNDhsLTEzMC4zIDEzMC4zMjF6Ii8+PC9zdmc+);background-repeat:no-repeat;background-position-x:right;background-position-y:center;width:16px;height:16px;min-width:16px}
.IBDataFilterDialogSideCheck0{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdmlld0JveD0iMCAwIDMyMCAzMjAiPjxwYXRoIGZpbGw9IiNDMUMxQzEiIGQ9Ik0zMDAgMjB2MjgwSDIwVjIwaDI4MG0yMC0yMEgwdjMyMGgzMjBWMHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position-x:right;background-position-y:center;width:16px;height:16px;min-width:16px}
.IBTextFilterDialogInput{padding-left:20px;width:inherit;line-height:24px;border-radius:3px;background-color:#fff;border:solid 1px #c7c7c7;font-size:1em;outline:none;overflow:hidden}
.IBTextFilterDialogInput>input{width:100%;border:none;height:calc(100% - 10px);outline:0;box-sizing:border-box !important;padding:0 2px}

추가큰 글꼴 테마(IBHigh/IBBig) 사용 시 필터 다이얼로그 체크 항목의 글자 크기 CSS가 추가되었습니다.

아래 내용을 main.css 파일에 추가합니다.

.IBHigh .IBDataFilterDialogHeaderCheck .IBMenuItemText, .IBBig .IBDataFilterDialogHeaderCheck .IBMenuItemText{font-size:20px}
Ver 8.3.0.1-20250403-19

추가showPivotDialog 함수를 호출하거나 시트의 단축키 ctrl+alt+t 입력 시 표시되는 PivotDialog의 접기/펼치기 기능 추가로 인한 CSS가 추가되었습니다.

[변경전]

[변경후]

아래 내용을 main.css 파일에 추가합니다.

.pivotUp{float:left;width:27px;line-height:20px;cursor:pointer;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBzdHJva2U9IiM3QTg4OTkiIHN0cm9rZS13aWR0aD0iMi41IiBmaWxsPSJub25lIiBkPSJNMywxMWw1LC01bDUsNSIvPg0KPC9zdmc+DQo=) no-repeat;background-size:16px 16px}
.pivotUp:hover{background-size:18px 18px}
.pivotDown{float:left;width:27px;line-height:20px;cursor:pointer;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBzdHJva2U9IiM3QTg4OTkiIHN0cm9rZS13aWR0aD0iMi41IiBmaWxsPSJub25lIiBkPSJNMyw1bDUsNWw1LC01Ii8+DQo8L3N2Zz4NCg==) no-repeat;background-size:16px 16px}
.pivotDown:hover{background-size:18px 18px}
Ver 8.2.0.23-20250306-19

추가showPivotDialog 함수를 호출하거나 시트의 단축키 ctrl+alt+t 입력 시 표시되는 PivotDialog의 디자인이 변경됨에 따라 class가 추가되었습니다.

[변경전]

[변경후]

아래 내용을 main.css 파일에 추가합니다.

.IBMain b.box:hover{outline:2px solid #0a0a0a; color:#ffffff}
.IBPivotFilterDialogFooterButtons { width:190px;display:flex;justify-content:space-between;}
.IBPivotFilterDialogFooterButtons>button { cursor:pointer;background-color:#bdc3c7;color:#fff;height:25px;width:80px;border:0;}
Ver 8.2.0.19-20250206-14

추가(Cfg) UseFilterDialog 설정 시 팝업창에서 '~로 구간 필터 설정 가능' 표시로 인하여 class가 추가되었습니다.

[변경전]

[변경후]

아래 내용을 main.css 파일에 추가합니다.

.IBTextFilterDialogInput>input::placeholder{ font-size: 9px; }
Ver 8.2.0.15-20250206-14

추가(Cfg) DragCell: 1 설정 후 셀 드래그 이동 시 데이터를 표시하는 기능 추가로 인하여 class가 추가되었습니다.

[변경전]

[변경후]

아래 내용을 main.css에 추가합니다.

.IBDragCell {border-bottom:1px solid #e0e0ff; border-right:1px solid #e0e0ff; border-left:0; border-top:0;vertical-align:top; overflow:hidden; height:auto; font-size:/*IBFS*/12px; line-height: 14px; box-sizing: border-box;}
Ver 8.2.0.6-20241031-13

추가(Cfg) GroupMain 설정 시 GroupRow의 디자인 변경으로 인하여 class가 추가되었습니다.

[변경전]

[변경후]

아래 내용을 main.css에 추가합니다.

.IBGroupCancel {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgZm9jdXNhYmxlPSJmYWxzZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU2IDMyQzEzMi4zIDMyIDMyIDEzMi4zIDMyIDI1NnMxMDAuMyAyMjQgMjI0IDIyNCAyMjQtMTAwLjMgMjI0LTIyNFMzNzkuNyAzMiAyNTYgMzJtMTI4IDMwNi43TDMzOC43IDM4NCAyNTYgMzAxLjMgMTczLjMgMzg0IDEyOCAzMzguN2w4Mi43LTgyLjctODIuNy04Mi43IDQ1LjMtNDUuMyA4Mi43IDgyLjcgODIuNy04Mi43IDQ1LjMgNDUuMy04Mi43IDgyLjd6Ij48L3BhdGg+PC9zdmc+);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: 5px;
    width: 14px;
    height: 14px;
    display: inline-block;
    transform: translate(0, 2px);
}
Ver 8.1.0.102-20240829-14

추가헤더 클릭으로 Sort 시 소팅 적용 순위를 숫자로 표시하는 기능((Cfg) SortIconsNum) 추가로 class가 추가되었습니다.

[변경전]

[SortIconsNum  설정 후]

아래 내용을 main.css에 추가합니다.

.IBDlgListCheck { background-color: #EBF4FB; }
.IBSortIconsNumbers {position:absolute; transform:translate(-8px, -1px); color: #ffffff!important; overflow:hidden; }
Ver 8.1.0.98-20240808-16

제거IE에서 지원하지 않는 CSS를 정리하였습니다.

아래 내용을 main.css에서 제거합니다.

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .IBTimePicker { width: 180px; }
   .IBTimePicker input { width: 25px; }
}
Ver 8.1.0.96-20240725-15

추가(Cfg) UseFilterDialog: 1 설정 후 input 영역에 focus 시 강조되도록 class가 추가되었습니다.

[변경 전]

[변경후]

아래 내용을 main.css에 추가합니다.

.IBFilterDialogInput:focus-within {
  border-color: #80bdff;
  box-shadow: 0 0 0 .1rem rgba(0,123,255,.25);
}
Ver 8.1.0.94-20240711-15

추가(Cfg) UseFilterDialog 기능 추가로 인한 class가 추가되었습니다. (Cfg) ShowFilter(헤더 아래 필터 행 생성)와 비슷한 기능으로, 헤더 오른쪽에 아이콘이 생성되며 아이콘 클릭 시 div 레이어가 표시됩니다.

[ShowFilter] 헤더 아래에 Filter 할수 있는 행 생성된다.

[UseFilterDialog] 헤더 오른쪽에 아이콘이 생성되며 아이콘 클릭시 div레이어가 뜬다.

아래 내용을 main.css 파일에 추가합니다.

/* 필터 다이얼로그 CSS */
/* 공통 */
.IBFilterDialogSearchIcon{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTUuNzk1NSAxNS44MTExTDIxIDIxTTE4IDEwLjVDMTggMTQuNjQyMSAxNC42NDIxIDE4IDEwLjUgMThDNi4zNTc4NiAxOCAzIDE0LjY0MjEgMyAxMC41QzMgNi4zNTc4NiA2LjM1Nzg2IDMgMTAuNSAzQzE0LjY0MjEgMyAxOCA2LjM1Nzg2IDE4IDEwLjVaIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4=);background-repeat:no-repeat;background-position-x:3px;background-position-y:center}
.IBFilterDialog0Right{background-image:url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgVHJhbnNmb3JtZWQgYnk6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyBmaWxsPSIjZmZmZmZmIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmIj4NCg0KPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4NCg0KPGcgaWQ9IlNWR1JlcG9fdHJhY2VyQ2FycmllciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQoNCjxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4NCg0KPHBhdGggZD0iTTEwLDEwLDQsMkgyMGwtNiw4VjIySDEwWiIvPg0KDQo8L2c+DQoNCjwvc3ZnPg==)}
.IBFilterDialog1Right{background-image:url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgVHJhbnNmb3JtZWQgYnk6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyBmaWxsPSIjMDAwMDAwIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMDAwMDAwIj4NCg0KPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4NCg0KPGcgaWQ9IlNWR1JlcG9fdHJhY2VyQ2FycmllciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQoNCjxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4NCg0KPHBhdGggZD0iTTEwLDEwLDQsMkgyMGwtNiw4VjIySDEwWiIvPg0KDQo8L2c+DQoNCjwvc3ZnPg==)}
.IBFilterDialogResizingIcon{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIyLjM1NCA5LjM1NGwtLjcwNy0uNzA3LTEzIDEzIC43MDcuNzA3em0wIDdsLS43MDctLjcwNy02IDYgLjcwNy43MDd6Ii8+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIvPjwvc3ZnPg==);cursor:nwse-resize;width:16px;height:16px;position:absolute;right:5px;bottom:5px}
.IBFilterDialogFooter{height:40px;background-color:#ebedf3;display:flex;justify-content:center;align-items:center}
.IBFilterDialogFooterButtons{width:190px;display:flex;justify-content:space-between}
.IBFilterDialogFooterButtons>button{cursor:pointer;background-color:#53bfca;color:#fff;height:25px;width:80px;border:0}
.IBFilterDialogHeaderCheckIcon0{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KDQo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCg0KPGcgaWQ9ImxheWVyMSI+DQoNCjxwYXRoIGQ9Ik0gMi45Mjk2ODc1IDIuMjIyNjU2MiBMIDIuMjIyNjU2MiAyLjkyOTY4NzUgTCA5LjI5Mjk2ODggMTAgTCAyLjIyMjY1NjIgMTcuMDcwMzEyIEwgMi45Mjk2ODc1IDE3Ljc3NzM0NCBMIDEwIDEwLjcwNzAzMSBMIDE3LjA3MDMxMiAxNy43NzczNDQgTCAxNy43NzczNDQgMTcuMDcwMzEyIEwgMTAuNzA3MDMxIDEwIEwgMTcuNzc3MzQ0IDIuOTI5Njg3NSBMIDE3LjA3MDMxMiAyLjIyMjY1NjIgTCAxMCA5LjI5Mjk2ODggTCAyLjkyOTY4NzUgMi4yMjI2NTYyIHogIiBzdHlsZT0iZmlsbDojMjIyMjIyOyBmaWxsLW9wYWNpdHk6MTsgc3Ryb2tlOm5vbmU7IHN0cm9rZS13aWR0aDowcHg7Ii8+DQoNCjwvZz4NCg0KPC9zdmc+);background-repeat:no-repeat;background-position-x:left;background-position-y:center;width:10px;height:inherit}
.IBFilterDialogHeaderCheckIcon1{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNNCAxMi42MTExTDguOTIzMDggMTcuNUwyMCA2LjUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg==);background-repeat:no-repeat;background-position-x:left;background-position-y:center;width:10px;height:inherit}

/* 데이터 필터 다이얼로그 */
.IBDataFilterDialogTop{height:27px;background-color:#dbeef4}
.IBDataFilterDialogHeaderLayer{display:flex;flex-direction:column;position:relative;padding:5px 10px;height:75px;justify-content:space-between}
.IBDataFilterDialogTextFilterIcon{height:29px;display:flex;align-items:center;font-size:15px;border-bottom:1px solid #d7d7d8}
.IBDataFilterDialogTextFilterIcon:hover{background-color:#EBF4FB}
.IBDataFilterDialogTextFilterIcon>div{padding-top:5px;padding-bottom:5px}
.IBDataFilterDialogSearch{width:inherit;margin-top:10px;height:26px;overflow:hidden;line-height:24px;border-radius:3px;background-color:#fff;border:solid 1px #c7c7c7;font-size:1em;outline:none}
.IBDataFilterDialogSearch>input{width:100%;border:none;height:calc(100% - 10px);margin-left:20px;outline:0}
.IBDataFilterDialogHeaderCheck{padding:0px 10px;height:15px}
.IBDataFilterDialogListWrapper{min-width:max-content;position:relative}
.IBDataFilterDialogComponents:hover{background-color:#EBF4FB}
.IBDataFilterDialogSideCheck1{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdmlld0JveD0iMCAwIDMyMCAzMjAiPjxwYXRoIGZpbGw9IiNDMUMxQzEiIGQ9Ik0zMDAgMjB2MjgwSDIwVjIwaDI4MG0yMC0yMEgwdjMyMGgzMjBWMHoiLz48cGF0aCBmaWxsPSIjN0ZDMUM4IiBkPSJNMTM3LjM0IDIzNi43MjFjLTMuMzIgMy4xMzktOC4zOCAzLjEzOS0xMS43IDBMNTIuMjggMTYzLjQ0Yy0zLjAyLTMuMzE4LTMuMDItOC4zNzggMC0xMS40NzlsMTEuNy0xMS43YzMuMDQtMy4wMiA4LjE2LTMuMDIgMTEuNDggMGw1NS45NzkgNTYuMDYyTDI0NC41OCA4My4yMmMzLjI3OC0zLjAyIDguMzgtMy4wMiAxMS40MiAwbDExLjY0IDExLjdjMy4xMiAzLjEgMy4xMiA4LjE2IDAgMTEuNDhsLTEzMC4zIDEzMC4zMjF6Ii8+PC9zdmc+);background-repeat:no-repeat;background-position-x:right;background-position-y:center;width:16px;height:inherit}
.IBDataFilterDialogSideCheck0{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdmlld0JveD0iMCAwIDMyMCAzMjAiPjxwYXRoIGZpbGw9IiNDMUMxQzEiIGQ9Ik0zMDAgMjB2MjgwSDIwVjIwaDI4MG0yMC0yMEgwdjMyMGgzMjBWMHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position-x:right;background-position-y:center;width:16px;height:inherit}

/* 텍스트 필터 다이얼로그 */
.IBTextFilterDialogFilterCondition{width:inherit;height:26px;line-height:24px;border-radius:3px;background-color:#fff;border:solid 1px #c7c7c7;font-size:1em;outline:none}
.IBTextFilterDialogContainer{height:max-content;display:flex;flex-direction:column;position:relative;margin-bottom:8px}
.IBTextFilterDialogFilterConditionWrapper{width:inherit;display:flex;flex-direction:column;position:relative;padding:5px 10px;height:max-content;justify-content:space-between}
.IBTextFilterDialogInputBox{width:inherit;position:relative;padding:5px 10px;justify-content:space-between}
.IBTextFilterDialogInput{width:inherit;height:26px;line-height:24px;border-radius:3px;background-color:#fff;border:solid 1px #c7c7c7;font-size:1em;outline:none;overflow:hidden}
.IBTextFilterDialogInput>input{width:100%;border:none;height:calc(100% - 10px);margin-left:20px;outline:0}
.IBTextFilterDialogMultipleBox{padding:0px 10px;height:15px;display:flex;justify-content:center}
.IBTextFilterDialogMultipleBox>label{display:flex;align-items:center}
.IBDlgListCheck{background-color:#EBF4FB}
Ver 8.1.0.92-20240627-16

추가(Cfg) SelFocusColor 기능(셀 선택 시 헤더와 SEQ 컬럼 강조) 추가로 인한 class가 추가되었습니다.

아래 내용을 main.css 파일에 추가합니다.

.IBheader-Focus {
   background-color: #5B81B4 !important;
}
.IBseq-Focus {
   background-color: #5B81B4 !important;
}
Ver 8.1.0.89-20240627-16

추가showCalendar 함수에서 Weeks: 1 속성 설정 후 OnClickWeek 이벤트가 있을 때 마우스가 위치한 셀의 class가 추가되었습니다.

[기존]

[변경후]

아래 내용을 main.css 파일에 추가합니다.

.IBPickCWK { cursor:pointer; }
.IBPickCWK:hover { opacity: 0.7; }
Ver 8.1.0.88-20240605-15

추가(Col) SpinnerVisible 기능 추가로 인한 class가 추가되었습니다. Type: Int 또는 Float 컬럼에 설정 가능하며, 숫자 데이터 편집 시 위아래 화살표가 표시됩니다. 예: {Type: "Int", Name: "Qty", SpinnerVisible: true}

[숫자 데이터 편집시 위아래 화살표 표시]

아래 내용을 main.css 파일에 추가합니다.

.IBEditInput[type="number"]::-webkit-inner-spin-button, 
.IBEditInput[type="number"]::-webkit-outer-spin-button { -webkit-appearance: auto !important; margin: 0; margin-left: 4px;}

추가(Cfg) SearchMode: 1, 4, 5 사용 시 페이지 번호를 표시하는 기능이 추가되었습니다. (Cfg) InfoRowConfig의 Layout에 Paging2 기능이 추가되었습니다.

설정 예시

InfoRowConfig: {
        "Visible": true,
        "Layout": ["Paging2",  "Count"]
    }

[Paging 설정]

[Paging2 설정]


아래 내용을 main.css 파일에 추가합니다.

/* Layout:Paging2 사용시 설정되는 css */
.pageNaviElement {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   color: rgb(34, 34, 34);
   width: 25px;
   height: 25px;
   font-size: 12px;
   text-align: center;
   cursor: pointer;
}
.pageNaviSpan {
   padding: 1px 4px;
}
.pageNaviFirstElement{background-repeat:no-repeat;opacity:1.0;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdmlld0JveD0iMCAwIDMyMCAzMjAiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNTk2NDcyIiBkPSJNMjMxLjA2MyA5MS4xNmwtMjAuMDM5LTIwLjAzOS04OC42NDkgODguNjQ5IDg5LjExIDg5LjEwOSAxOS41NzgtMTkuNjg4LTY5LjAxNi02OS4wMTV6TTg5LjgyOCA3NC4zMmgyOC41NTV2MTcxLjM2SDg5LjgyOFY3NC4zMnoiLz48L3N2Zz4=);background-position:center center;width:20px;height:20px;}
.pageNaviPrevElement{background-repeat:no-repeat;opacity:1.0;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdmlld0JveD0iMCAwIDMyMCAzMjAiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNTk2NDcyIiBkPSJNMjE0LjM0NCA5MS4xNmwtMjAuMDM5LTIwLjAzOS04OC42NDkgODguNjQ5IDg5LjExIDg5LjEwOSAxOS41NzgtMTkuNjg4LTY5LjAxNi02OS4wMTV6Ii8+PC9zdmc+);background-position:center center;width:20px;height:20px;}
.pageNaviNextElement{background-repeat:no-repeat;opacity:1.0;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdmlld0JveD0iMCAwIDMyMCAzMjAiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNTk2NDcyIiBkPSJNMTA1LjY1NiA5MS4xNmwyMC4wNC0yMC4wMzkgODguNjQ4IDg4LjY0OS04OS4xMDkgODkuMTA5LTE5LjU3OS0xOS42ODggNjkuMDE2LTY5LjAxNXoiLz48L3N2Zz4=);background-position:center center;width:20px;height:20px;}
.pageNaviLastElement{background-repeat:no-repeat;opacity:1.0;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdmlld0JveD0iMCAwIDMyMCAzMjAiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNTk2NDcyIiBkPSJNMTA5LjQyMiA3MS4xMjFMODkuMzgzIDkxLjE2bDY5LjAxNiA2OS4wMTYtNjkuMDE2IDY5LjAxNSAxOS41NzggMTkuNjg4IDg5LjExLTg5LjEwOXpNMjMwLjYxNyAyNDUuNjhoLTI4LjU1NVY3NC4zMmgyOC41NTV2MTcxLjM2eiIvPjwvc3ZnPg==);background-position:center center;width:20px;height:20px;}
#updatePageLength {
   margin-left: 10px;
}
#perpage {
   color : rgb(34, 34, 34);
   padding-left : 10px;
}
Ver 8.1.0.73-20240321-15

제거찾기창(showFindDialog 함수, ctrl+f, ctrl+shift+f) UI 개선으로 불필요한 class를 제거하였습니다.

아래 내용을 main.css 파일에서 제거합니다.

.IBFindDlgBottom div:first-child{float:left;width:50%} 
.IBFindDlgBottom div:last-child{float:right;width:50%}
Ver 8.1.0.40-20230921-14

추가Type: Button, Link, Html, Img, Radio, Bool, File 컬럼에서 (Col) TextSize로 font 크기가 적용되지 않는 현상으로 인한 class가 추가되었습니다.

아래 내용을 main.css 파일에 추가합니다.

.IBCellBase>*{font-size: inherit; line-height: inherit;}
Ver 8.1.0.36-20230810-14

추가'조회된 데이터가 없습니다.'를 시트 가운데에 표시하는 기능((Cfg) NoDataMiddle: 1) 추가로 인한 class가 추가되었습니다.

[기존]

[변경후]

아래 내용을 main.css 파일에 추가합니다.

.IBNoDataRow>table { height: 100%; }
Ver 8.1.0.35-20230803-17

추가(Cfg) ShowFilter 설정 후 필터 옵션에 '값있음', '값없음' 추가로 인한 class가 추가되었습니다.

[변경전]

[변경후]

아래 내용을 main.css 파일에 추가합니다.

.IBFilter14Left,.IBFilter14Right,.IBFilter14Menu{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgaWQ9Il/roIjsnbTslrRfMSIgZGF0YS1uYW1lPSLroIjsnbTslrQgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTYgMTYiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiBub25lOw0KICAgICAgICBzdHJva2U6ICMzNTM2M2Y7DQogICAgICAgIHN0cm9rZS1taXRlcmxpbWl0OiAxMDsNCiAgICAgICAgc3Ryb2tlLXdpZHRoOiAxLjU0cHg7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im00LjMxLDguMDRoNy4yOW0tNS40NywzLjE2bDMuNjUtNi4zMW0wLDYuMzFsLTMuNjUtNi4zMSIvPg0KPC9zdmc+)}
.IBFilter15Left,.IBFilter15Right,.IBFilter15Menu{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgaWQ9Il/roIjsnbTslrRfMSIgZGF0YS1uYW1lPSLroIjsnbTslrQgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTYgMTYiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiBub25lOw0KICAgICAgICBzdHJva2U6ICMzNTM2M2Y7DQogICAgICAgIHN0cm9rZS1taXRlcmxpbWl0OiAxMDsNCiAgICAgICAgc3Ryb2tlLXdpZHRoOiAxLjU0cHg7DQogICAgICB9DQoNCiAgICAgIC5jbHMtMiB7DQogICAgICAgIGZpbGw6ICNmNTM5MTQ7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im00LjM5LDguMDRoNy4yOW0tNS40NywzLjE2bDMuNjUtNi4zMW0wLDYuMzFsLTMuNjUtNi4zMSIvPg0KICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Im0xMyw0LjMyTDQuMzIsMTNsLTEuMjQtMS4yNEwxMS43NiwzLjA4bDEuMjQsMS4yNFoiLz4NCjwvc3ZnPg==)}
Ver 8.1.0.34-20230727-19

추가(Cfg) UseButton 사용 시 Button 정렬 기능 추가로 인한 class가 추가되었습니다.

아래 내용을 main.css 파일에 추가합니다.

button.IBToolButtonButton,button.IBToolButtonButton1 { margin-top:5px;margin-bottom:4px;padding:1px 2px 1px 2px;line-height:14px;cursor:pointer;white-space:nowrap;color:inherit; }
.IBAlignRight>button.IBToolButtonUseButton { float:right; }
.IBAlignLeft>button.IBToolButtonUseButton { float:left; }
.IBMain .IBToolButton { padding:0px 1px 0px 1px; overflow:hidden; text-align:center;}
Ver 8.1.0.26-20230629-13

수정헤더 클릭으로 Sort 시 Sort 되는 내용과 Sort icon이 반대로 표시되는 현상으로 인하여 class를 수정하였습니다.

[기존]


[변경후]

아래 내용으로 main.css 파일을 수정합니다.

.IBSort1Left,.IBSort1Right{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdmlld0JveD0iMCAwIDMyMCAzMjAiPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xNjAgNTkuMjIxbDYxLjEwNiA3NC40NEg5OC44OTV6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE2MCAyNjAuNzc5bC02MS4xMDUtNzQuNDQxaDEyMi4yMTF6IiBvcGFjaXR5PSIuMyIvPjwvc3ZnPg==)}
.IBSort2Left,.IBSort2Right{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdmlld0JveD0iMCAwIDMyMCAzMjAiPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xNjAgMjYwLjc3OWwtNjEuMTA1LTc0LjQ0aDEyMi4yMTF6IiBvcGFjaXR5PSIuMyIvPjxwYXRoIGZpbGw9IiM1RUREREEiIGQ9Ik0xNjAgNTkuMjIxbDYxLjEwNiA3NC40NDFIOTguODk1eiIvPjwvc3ZnPg==)}
.IBSort3Left,.IBSort3Right{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdmlld0JveD0iMCAwIDMyMCAzMjAiPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xNjAgMjYwLjc3OWwtNjEuMTA1LTc0LjQ0aDEyMi4yMTF6IiBvcGFjaXR5PSIuMyIvPjxwYXRoIGZpbGw9IiNGQzkwNkIiIGQ9Ik0xNjAgNTkuMjIxbDYxLjEwNiA3NC40NDFIOTguODk1eiIvPjwvc3ZnPg==)}
.IBSort4Left,.IBSort4Right{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdmlld0JveD0iMCAwIDMyMCAzMjAiPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xNjAgMjYwLjc3OWwtNjEuMTA1LTc0LjQ0aDEyMi4yMTF6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE2MCA1OS4yMjFsNjEuMTA2IDc0LjQ0MUg5OC44OTV6IiBvcGFjaXR5PSIuMyIvPjwvc3ZnPg==)}
.IBSort5Left,.IBSort5Right{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdmlld0JveD0iMCAwIDMyMCAzMjAiPjxwYXRoIGZpbGw9IiM1RUREREEiIGQ9Ik0xNjAgMjYwLjc3OWwtNjEuMTA1LTc0LjQ0aDEyMi4yMTF6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE2MCA1OS4yMjFsNjEuMTA2IDc0LjQ0MUg5OC44OTV6IiBvcGFjaXR5PSIuMyIvPjwvc3ZnPg==)}
.IBSort6Left,.IBSort6Right{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdmlld0JveD0iMCAwIDMyMCAzMjAiPjxwYXRoIGZpbGw9IiNGQzkwNkIiIGQ9Ik0xNjAgMjYwLjc3OWwtNjEuMTA1LTc0LjQ0aDEyMi4yMTF6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE2MCA1OS4yMjFsNjEuMTA2IDc0LjQ0MUg5OC44OTV6IiBvcGFjaXR5PSIuMyIvPjwvc3ZnPg==)}

문의

적용 중 문의사항이 있으시면 아래 채널로 연락해 주시기 바랍니다. 기술 상담 및 내용 문의는 (주)아이비리더스로 해주시기 바랍니다.

기술지원 전화(02) 1644-5615
이메일support@ibleaders.co.kr
1:1 문의1:1 문의 바로가기