/* =================================================================================================================== */ /* [이지소프트랩] 시스템의 전체 공통CSS를 정의합니다 수정시 시스템에 전체에 영향을 미치니깐 신중하게 수정해야합니다 */ /* ---------------------------- phosphorIcon의 svg화일을 이용한다--------------------------- */ /* =================================================================================================================== */ /*---------------------------------------- 아이콘 크기지정 ---------------------------------------------------------*/ .ei { width: 16px; } .ei_w6 { width: 6px!important; } .ei_w7 { width: 7px!important; } .ei_w8 { width: 8px!important; } .ei_w9 { width: 9px!important; } .ei_w10 { width: 10px!important; } .ei_w11 { width: 11px!important; } .ei_w12 { width: 12px!important; } .ei_w13 { width: 13px!important; } .ei_w14 { width: 14px!important; } .ei_w15 { width: 15px!important; } .ei_w16 { width: 16px!important; } .ei_w17 { width: 17px!important; } .ei_w18 { width: 18px!important; } .ei_w19 { width: 19px!important; } .ei_w20 { width: 20px!important; } .ei_w21 { width: 21px!important; } .ei_w22 { width: 22px!important; } .ei_w23 { width: 23px!important; } .ei_w24 { width: 24px!important; } .ei_w25 { width: 25px!important; } .ei_w26 { width: 26px!important; } .ei_w27 { width: 27px!important; } .ei_w28 { width: 28px!important; } .ei_w29 { width: 29px!important; } .ei_w30 { width: 30px!important; } .ei_w31 { width: 31px!important; } .ei_w32 { width: 32px!important; } .ei_w33 { width: 33px!important; } .ei_w34 { width: 34px!important; } .ei_w35 { width: 35px!important; } .ei_w36 { width: 36px!important; } .ei_w37 { width: 37px!important; } .ei_w38 { width: 38px!important; } .ei_w39 { width: 39px!important; } .ei_w40 { width: 40px!important; } .ei_w41 { width: 41px!important; } .ei_w42 { width: 42px!important; } .ei_w43 { width: 43px!important; } .ei_w44 { width: 44px!important; } .ei_w45 { width: 45px!important; } .ei_w46 { width: 46px!important; } .ei_w47 { width: 47px!important; } .ei_w48 { width: 48px!important; } .ei_w49 { width: 49px!important; } .ei_w50 { width: 50px!important; } /*---------------------------------------- 아이콘 색상지정 ---------------------------------------------------------*/ /*.ei-color-yellow { fill: yellow; } .ei-color-red { fill: orangered; }*/ .ei_white { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(284deg) brightness(105%) contrast(102%); } .ei_black { filter: brightness(0) saturate(100%) } .ei_gray { filter: brightness(0) saturate(100%) invert(75%) sepia(0%) saturate(0%) hue-rotate(32deg) brightness(94%) contrast(92%); } .ei_red { filter: brightness(0) saturate(100%) invert(26%) sepia(85%) saturate(6810%) hue-rotate(353deg) brightness(100%) contrast(103%); } .ei_orange { filter: brightness(0) saturate(100%) invert(37%) sepia(52%) saturate(3290%) hue-rotate(356deg) brightness(101%) contrast(97%); } .ei_pink { filter: brightness(0) saturate(100%) invert(16%) sepia(79%) saturate(7347%) hue-rotate(303deg) brightness(92%) contrast(108%); } .ei_yellow { filter: invert(70%) sepia(98%) saturate(975%) hue-rotate(351deg) brightness(101%) contrast(101%); } .ei_blue { filter: brightness(0) saturate(100%) invert(19%) sepia(41%) saturate(5725%) hue-rotate(212deg) brightness(97%) contrast(105%); } .ei_green { filter: brightness(0) saturate(100%) invert(39%) sepia(10%) saturate(6903%) hue-rotate(131deg) brightness(95%) contrast(87%); } .ei_brown { filter: brightness(0) saturate(100%) invert(26%) sepia(3%) saturate(3735%) hue-rotate(314deg) brightness(117%) contrast(81%); } /*---------------------------------------- 아이콘 추가 ---------------------------------------------------------*/ /*----------------------- DUOTONE ------------------*/ .ei_plus-duotone { content: url("/upload/_icons/phosphor-icons/svg/duotone/plus-duotone.svg"); } .ei_person-simple-bike-duotone { content: url("/upload/_icons/phosphor-icons/svg/duotone/person-simple-bike-duotone.svg"); } .ei_notepad-duotone { content: url("/upload/_icons/phosphor-icons/svg/duotone/notepad-duotone.svg"); } .ei_sigma-duotone { content: url("/upload/_icons/phosphor-icons/svg/duotone/sigma-duotone.svg"); } .ei_calendar-duotone { content: url("/upload/_icons/phosphor-icons/svg/duotone/calendar-duotone.svg"); } .ei_airplane-tilt-duotone { content: url("/upload/_icons/phosphor-icons/svg/duotone/airplane-tilt-duotone.svg"); } .ei_users-three-duotone { content: url("/upload/_icons/phosphor-icons/svg/duotone/users-three-duotone.svg"); } .ei_truck-duotone { content: url("/upload/_icons/phosphor-icons/svg/duotone/truck-duotone.svg"); } .ei_warehouse-duotone { content: url("/upload/_icons/phosphor-icons/svg/duotone/warehouse-duotone.svg"); } .ei_bounding-box-duotone { content: url("/upload/_icons/phosphor-icons/svg/duotone/bounding-box-duotone.svg"); } .ei_package-duotone { content: url("/upload/_icons/phosphor-icons/svg/duotone/package-duotone.svg"); } .ei_currency-krw-duotone { content: url("/upload/_icons/phosphor-icons/svg/duotone/currency-krw-duotone.svg"); } .ei_line-segments-duotone { content: url("/upload/_icons/phosphor-icons/svg/duotone/line-segments-duotone.svg"); } .ei_arrows-out-line-horizontal-duotone { content: url("/upload/_icons/phosphor-icons/svg/duotone/arrows-out-line-horizontal-duotone.svg"); } .ei_storefront-duotone { content: url("/upload/_icons/phosphor-icons/svg/duotone/storefront-duotone.svg"); } .ei_chart-bar-duotone { content: url("/upload/_icons/phosphor-icons/svg/duotone/chart-bar-duotone.svg"); } /*----------------------- 자주사용한것들 ------------------*/ .ei_magnifying-glass { content: url("/upload/_icons/phosphor-icons/svg/regular/magnifying-glass.svg"); } .ei_magnifying-glass-plus { content: url("/upload/_icons/phosphor-icons/svg/regular/magnifying-glass-plus.svg"); } .ei_magnifying-glass-minus { content: url("/upload/_icons/phosphor-icons/svg/regular/magnifying-glass-minus.svg"); } .ei_x { content: url("/upload/_icons/phosphor-icons/svg/regular/x.svg"); } .ei_plus { content: url("/upload/_icons/phosphor-icons/svg/regular/plus.svg"); } .ei_minus { content: url("/upload/_icons/phosphor-icons/svg/regular/minus.svg"); } .ei_trash { content: url("/upload/_icons/phosphor-icons/svg/regular/trash.svg"); } .ei_dots-three { content: url("/upload/_icons/phosphor-icons/svg/regular/dots-three.svg"); } .ei_dot-outline { content: url("/upload/_icons/phosphor-icons/svg/regular/dot-outline.svg"); } .ei_dot { content: url("/upload/_icons/phosphor-icons/svg/regular/dot.svg"); } .ei_copy { content: url("/upload/_icons/phosphor-icons/svg/regular/copy.svg"); } .ei_list { content: url("/upload/_icons/phosphor-icons/svg/regular/list.svg"); } .ei_square { content: url("/upload/_icons/phosphor-icons/svg/regular/square.svg"); } .ei_info { content: url("/upload/_icons/phosphor-icons/svg/regular/info.svg"); } .ei_image { content: url("/upload/_icons/phosphor-icons/svg/regular/image.svg"); } .ei_paperclip { content: url("/upload/_icons/phosphor-icons/svg/regular/paperclip.svg"); } .ei_download { content: url("/upload/_icons/phosphor-icons/svg/regular/download.svg"); } .ei_download-simple { content: url("/upload/_icons/phosphor-icons/svg/regular/download-simple.svg"); } .ei_exclamation-mark { content: url("/upload/_icons/phosphor-icons/svg/regular/exclamation-mark.svg"); } .ei_chart-line-up { content: url("/upload/_icons/phosphor-icons/svg/regular/chart-line-up.svg"); } .ei_chart-bar { content: url("/upload/_icons/phosphor-icons/svg/regular/chart-bar.svg"); } .ei_clock { content: url("/upload/_icons/phosphor-icons/svg/regular/clock.svg"); } .ei_pen { content: url("/upload/_icons/phosphor-icons/svg/regular/pen.svg"); } .ei_ticket { content: url("/upload/_icons/phosphor-icons/svg/regular/ticket.svg"); } .ei_funnel { content: url("/upload/_icons/phosphor-icons/svg/regular/funnel.svg"); } .ei_faders { content: url("/upload/_icons/phosphor-icons/svg/regular/faders.svg"); } .ei_calendar { content: url("/upload/_icons/phosphor-icons/svg/duotone/calendar.svg"); } .ei_calendar-blank { content: url("/upload/_icons/phosphor-icons/svg/duotone/calendar-blank.svg"); } .ei_gift { content: url("/upload/_icons/phosphor-icons/svg/duotone/gift.svg"); } /*----------------------- IT ------------------*/ .ei_database { content: url("/upload/_icons/phosphor-icons/svg/regular/database.svg"); } .ei_envelope-simple { content: url("/upload/_icons/phosphor-icons/svg/regular/envelope-simple.svg"); } /*----------------------- 금융화폐 ------------------*/ .ei_currency-krw { content: url("/upload/_icons/phosphor-icons/svg/regular/currency-krw.svg"); } .ei_currency-dollar-simple { content: url("/upload/_icons/phosphor-icons/svg/regular/currency-dollar-simple.svg"); } /*----------------------- 장치 ------------------*/ .ei_gear { content: url("/upload/_icons/phosphor-icons/svg/regular/gear.svg"); } .ei_lock { content: url("/upload/_icons/phosphor-icons/svg/regular/lock.svg"); } /*----------------------- 화살표 방향------------------*/ .ei_caret-left { content: url("/upload/_icons/phosphor-icons/svg/regular/caret-left.svg"); } .ei_caret-right { content: url("/upload/_icons/phosphor-icons/svg/regular/caret-right.svg"); } .ei_caret-up { content: url("/upload/_icons/phosphor-icons/svg/regular/caret-up.svg"); } .ei_caret-down { content: url("/upload/_icons/phosphor-icons/svg/regular/caret-down.svg"); } .ei_caret-double-left { content: url("/upload/_icons/phosphor-icons/svg/regular/caret-double-left.svg"); } .ei_caret-double-right { content: url("/upload/_icons/phosphor-icons/svg/regular/caret-double-right.svg"); } .ei_caret-double-up { content: url("/upload/_icons/phosphor-icons/svg/regular/caret-double-up.svg"); } .ei_caret-double-down { content: url("/upload/_icons/phosphor-icons/svg/regular/caret-double-down.svg"); } .ei_arrow-left { content: url("/upload/_icons/phosphor-icons/svg/regular/arrow-left.svg"); } .ei_arrow-right { content: url("/upload/_icons/phosphor-icons/svg/regular/arrow-right.svg"); } .ei_arrow-up { content: url("/upload/_icons/phosphor-icons/svg/regular/arrow-up.svg"); } .ei_arrow-down { content: url("/upload/_icons/phosphor-icons/svg/regular/arrow-down.svg"); } .ei_arrow-line-left { content: url("/upload/_icons/phosphor-icons/svg/regular/arrow-line-left.svg"); } .ei_arrow-line-right { content: url("/upload/_icons/phosphor-icons/svg/regular/arrow-line-right.svg"); } .ei_arrow-line-up { content: url("/upload/_icons/phosphor-icons/svg/regular/arrow-line-up.svg"); } .ei_arrow-line-down { content: url("/upload/_icons/phosphor-icons/svg/regular/arrow-line-down.svg"); } .ei_arrows-vertical { content: url("/upload/_icons/phosphor-icons/svg/regular/arrows-vertical.svg"); } .ei_arrows-in-simple { content: url("/upload/_icons/phosphor-icons/svg/regular/arrows-in-simple.svg"); } .ei_arrows-out-simple { content: url("/upload/_icons/phosphor-icons/svg/regular/arrows-out-simple.svg"); } .ei_arrows-clockwise { content: url("/upload/_icons/phosphor-icons/svg/regular/arrows-clockwise.svg"); } /*----------------------- 사람, 대화 ----------------*/ .ei_user { content: url("/upload/_icons/phosphor-icons/svg/regular/user.svg"); } .ei_users { content: url("/upload/_icons/phosphor-icons/svg/regular/users.svg"); } .ei_user-circle { content: url("/upload/_icons/phosphor-icons/svg/regular/user-circle.svg"); } .ei_user-gear { content: url("/upload/_icons/phosphor-icons/svg/regular/user-gear.svg"); } .ei_user-plus { content: url("/upload/_icons/phosphor-icons/svg/regular/user-plus.svg"); } .ei_user-minus { content: url("/upload/_icons/phosphor-icons/svg/regular/user-minus.svg"); } .ei_fingerprint-simple { content: url("/upload/_icons/phosphor-icons/svg/regular/fingerprint-simple.svg"); } .ei_smiley { content: url("/upload/_icons/phosphor-icons/svg/regular/smiley.svg"); } .ei_chat-circle-text { content: url("/upload/_icons/phosphor-icons/svg/regular/chat-circle-text.svg"); } /*---------------------- 위치지도 교통운송 ----------------*/ .ei_map-pin { content: url("/upload/_icons/phosphor-icons/svg/regular/map-pin.svg"); } .ei_globe { content: url("/upload/_icons/phosphor-icons/svg/regular/globe.svg"); } .ei_truck { content: url("/upload/_icons/phosphor-icons/svg/regular/truck.svg"); } /*----------------------- 체크 ----------------*/ .ei_check { content: url("/upload/_icons/phosphor-icons/svg/regular/check.svg"); } .ei_checks { content: url("/upload/_icons/phosphor-icons/svg/regular/checks.svg"); } /*------------------------ 화일종류----------------*/ .ei_file-text { content: url("/upload/_icons/phosphor-icons/svg/regular/file-text.svg"); } .ei_file-xls { content: url("/upload/_icons/phosphor-icons/svg/regular/file-xls.svg"); } /*.ei_file-xls { content: url("/upload/_icons/svgrepo/excel.svg"); width: 24px; }*/ .ei_file-pdf { content: url("/upload/_icons/phosphor-icons/svg/regular/file-pdf.svg"); } /*.ei_file-pdf { content: url("/upload/_icons/svgrepo/pdf.svg"); }*/ /*----------------------- 오피스사무용품 ----------------*/ .ei_house { content: url("/upload/_icons/phosphor-icons/svg/regular/house.svg"); } .ei_house-simple { content: url("/upload/_icons/phosphor-icons/svg/regular/house-simple.svg"); } .ei_house-line { content: url("/upload/_icons/phosphor-icons/svg/regular/house-line.svg"); } .ei_folder { content: url("/upload/_icons/phosphor-icons/svg/regular/folder.svg"); } .ei_folder-simple { content: url("/upload/_icons/phosphor-icons/svg/regular/folder-simple.svg"); } .ei_alarm { content: url("/upload/_icons/phosphor-icons/svg/regular/alarm.svg"); } .ei_camera { content: url("/upload/_icons/phosphor-icons/svg/regular/camera.svg"); } .ei_printer { content: url("/upload/_icons/phosphor-icons/svg/regular/printer.svg"); } .ei_phone { content: url("/upload/_icons/phosphor-icons/svg/regular/phone.svg"); } .ei_push-pin { content: url("/upload/_icons/phosphor-icons/svg/regular/push-pin.svg"); } .ei_note { content: url("/upload/_icons/phosphor-icons/svg/regular/note.svg"); } /*----------------------- 브랜드로고 --------------------------------------------------------------------------*/ .ei_meta-logo { content: url("/upload/_icons/phosphor-icons/svg/regular/meta-logo.svg"); }