import Accordion from './accordion'; import Button from './button'; import Dropdown from './dropdown'; import Notification from './notification'; import Modal from './modal'; import Toggle from './toggle'; import Box from './box.js'; import BoxSection from './boxSection'; import { Grid, Row, Column } from './grid'; export { Accordion, Button, Dropdown, Notification, Modal, Toggle, Box, BoxSection, Grid, Row, Column, };
통합검색
@charset "UTF-8";@-webkit-keyframes ai1wm-rotate{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}25%{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}50%{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}75%{-webkit-transform:rotateZ(270deg);transform:rotateZ(270deg)}to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes ai1wm-rotate{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}25%{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}50%{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}75%{-webkit-transform:rotateZ(270deg);transform:rotateZ(270deg)}to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@-webkit-keyframes ai1wm-emphasize{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes ai1wm-emphasize{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes ai1wm-fadein{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes ai1wm-fadein{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes ai1wm-spin-left{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes ai1wm-spin-left{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@-webkit-keyframes ai1wm-spin-right{0%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ai1wm-spin-right{0%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.ai1wm-button-group{border:2px solid #27ae60;background-color:transparent;color:#27ae60;border-radius:5px;cursor:pointer;text-transform:uppercase;font-weight:600;transition:background-color .2s ease-out;display:inline-block;text-align:right}.ai1wm-button-group.ai1wm-button-export,.ai1wm-button-group.ai1wm-button-import{box-sizing:content-box}.ai1wm-button-group.ai1wm-button-export.ai1wm-open>.ai1wm-dropdown-menu{height:448px;border-top:1px solid #27ae60}.ai1wm-button-group.ai1wm-button-import.ai1wm-open>.ai1wm-dropdown-menu{height:476px;border-top:1px solid #27ae60}.ai1wm-button-group .ai1wm-button-main{position:relative;padding:6px 25px 6px 50px;box-sizing:content-box}.ai1wm-button-group .ai1wm-dropdown-menu{height:0;overflow:hidden;transition:height .2s cubic-bezier(.19,1,.22,1);border-top:none}.ai1wm-dropdown-menu{list-style:none}.ai1wm-dropdown-menu,.ai1wm-dropdown-menu li{margin:0!important;padding:0}.ai1wm-dropdown-menu li a,.ai1wm-dropdown-menu li a:visited{display:block;padding:5px 26px;text-decoration:none;color:#27ae60;text-align:right;box-sizing:content-box}.ai1wm-dropdown-menu li a:hover,.ai1wm-dropdown-menu li a:visited:hover{text-decoration:none;color:#111}.ai1mw-lines{position:absolute;width:12px;height:10px;top:9px;left:20px}.ai1wm-line{position:absolute;width:100%;height:2px;margin:auto;background:#27ae60;transition:all .2s ease-in-out}.ai1wm-line-first{top:0;right:0}div.ai1wm-open .ai1wm-line-first,div.ai1wm-open .ai1wm-line-third{top:50%}.ai1wm-line-second{top:50%;right:0}.ai1wm-line-third{top:100%;right:0}.ai1wm-button-blue,.ai1wm-button-gray,.ai1wm-button-green,.ai1wm-button-green-small,.ai1wm-button-red{display:inline-block;border:2px solid #95a5a6;background-color:transparent;color:#95a5a6;border-radius:5px;cursor:pointer;padding:5px 26px 5px 25px;text-transform:uppercase;font-weight:600;outline:0;transition:background-color .2s ease-out;text-decoration:none}.ai1wm-button-gray:hover{background-color:#95a5a6;color:#fff}.ai1wm-button-blue,.ai1wm-button-green,.ai1wm-button-green-small,.ai1wm-button-red{border:2px solid #27ae60;color:#27ae60}.ai1wm-button-green:hover{background-color:#27ae60;color:#fff}.ai1wm-button-blue,.ai1wm-button-green-small,.ai1wm-button-red{border:2px solid #6eb649;color:#6eb649}.ai1wm-button-green-small:hover{background-color:#6eb649;color:#fff}.ai1wm-button-blue,.ai1wm-button-red{border:2px solid #00aff0;color:#00aff0}.ai1wm-button-blue:hover{background-color:#00aff0;color:#fff}.ai1wm-button-red{border:2px solid #e74c3c;color:#e74c3c}.ai1wm-button-red:hover{background-color:#e74c3c;color:#fff}.ai1wm-button-blue[disabled=disabled],.ai1wm-button-green-small[disabled=disabled],.ai1wm-button-green[disabled=disabled],.ai1wm-button-red[disabled=disabled]{opacity:.6;cursor:default}.ai1wm-button-blue[disabled=disabled]:hover{color:#00aff0}.ai1wm-button-red[disabled=disabled]:hover{color:#e74c3c}.ai1wm-button-green[disabled=disabled]:hover{color:#27ae60}.ai1wm-button-blue[disabled=disabled]:hover,.ai1wm-button-green-small[disabled=disabled]:hover,.ai1wm-button-green[disabled=disabled]:hover,.ai1wm-button-red[disabled=disabled]:hover{background:100% 0}.ai1wm-message-close-button{position:absolute;left:10px;top:6px;text-decoration:none;font-size:10px}input[type=radio].ai1wm-flat-radio-button{display:none}input[type=radio].ai1wm-flat-radio-button+a i,input[type=radio].ai1wm-flat-radio-button+label i{vertical-align:middle;float:right;width:25px;height:25px;border-radius:50%;background:100% 0;border:2px solid #ccc;content:" ";cursor:pointer;position:relative;box-sizing:content-box}input[type=radio].ai1wm-flat-radio-button:checked+a i,input[type=radio].ai1wm-flat-radio-button:checked+label i{background-color:#d9d9d9;border-color:#6f6f6f}.ai1wm-clear{*zoom:1;clear:both}.ai1wm-clear:after,.ai1wm-clear:before{content:" ";display:table}.ai1wm-clear:after{clear:both}.ai1wm-container .ai1wm-row label{position:relative;top:-1px}.ai1wm-container .ai1wm-row label:after{content:"‎"}.ai1wm-share-button-container{text-align:center}.ai1wm-share-button-container .ai1wm-share-button{text-decoration:none;margin:10px;font-size:30px}.ai1wm-feedback-cancel:active,.ai1wm-feedback-cancel:link,.ai1wm-feedback-cancel:visited{float:right;line-height:34px;outline:0;text-decoration:none;color:#e74c3c}.ai1wm-form-submit{float:left}.ai1wm-import-info a,.ai1wm-no-underline{text-decoration:none}.ai1wm-top-positive-four{position:relative;top:4px}.ai1wm-holder h1 i,.ai1wm-top-positive-two{position:relative;top:2px}.ai1wm-feedback-form{display:none}.ai1wm-feedback-types{margin:0;padding:0;list-style:none}.ai1wm-feedback-types li{margin:14px 0;padding:0}.ai1wm-feedback-types>li>a>span,.ai1wm-feedback-types>li>label>span{display:inline-block;padding:5px 8px 6px 0}.ai1wm-feedback-types>li>a{height:29px;outline:0;color:#333;text-deciration:none}.ai1wm-loader{display:inline-block;width:128px;height:128px;position:relative;-webkit-animation:ai1wm-rotate 1.5s infinite linear;animation:ai1wm-rotate 1.5s infinite linear;background:url(../img/logo-128x128.png);background-repeat:no-repeat;background-position:center center}.ai1wm-hide{display:none}.ai1wm-label{border:1px solid #5cb85c;background-color:transparent;color:#5cb85c;cursor:pointer;text-transform:uppercase;font-weight:600;outline:0;transition:background-color .2s ease-out;padding:.2em .6em;font-size:.8em;border-radius:5px}.ai1wm-label:hover{background-color:#5cb85c;color:#fff}.ai1wm-dialog-message{text-align:right;line-height:1.5em}.ai1wm-import-info{margin-top:16px}.ai1wm-import-info,.ai1wm-import-title{display:inline-block;font-size:12px;font-weight:700}.ai1wm-button-download,.ai1wm-direct-download{top:.5em!important}.ai1wm-button-download span,.ai1wm-direct-download span{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai1wm-mt-20{margin-top:20px}[class*=" ai1wm-icon-"],[class^=ai1wm-icon-]{font-family:"servmask";speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ai1wm-icon-file-zip:before{content:"\e60f"}.ai1wm-icon-folder:before{content:"\e60e"}.ai1wm-icon-file:before{content:"\e60b"}.ai1wm-icon-file-content:before{content:"\e60c"}.ai1wm-icon-cloud-upload:before{content:"\e600"}.ai1wm-icon-history:before{content:"\e603"}.ai1wm-icon-notification:before{content:"\e619"}.ai1wm-icon-arrow-down:before{content:"\e604"}.ai1wm-icon-close:before{content:"\e61a"}.ai1wm-icon-wordpress2:before{content:"\e620"}.ai1wm-icon-arrow-right:before{content:"\e605"}.ai1wm-icon-plus2:before{content:"\e607"}.ai1wm-icon-edit-pencil:before{content:"\e900"}.ai1wm-icon-export:before{content:"\e601"}.ai1wm-icon-publish:before{content:"\e602"}.ai1wm-icon-paperplane:before{content:"\e608"}.ai1wm-icon-help:before{content:"\e609"}.ai1wm-icon-chevron-right:before{content:"\e60d"}.ai1wm-icon-chevron-right2:before{content:"\e901"}.ai1wm-icon-chevron-left2:before{content:"\e902"}.ai1wm-icon-dropbox:before{content:"\e606"}.ai1wm-icon-gear:before{content:"\e60a"}.ai1wm-icon-database:before{content:"\e964"}.ai1wm-icon-upload2:before{content:"\e9c6"}.ai1wm-icon-checkmark:before{content:"\ea10"}.ai1wm-icon-checkmark2:before{content:"\ea11"}.ai1wm-icon-enter:before{content:"\ea13"}.ai1wm-icon-exit:before{content:"\ea14"}.ai1wm-icon-amazon:before{content:"\ea87"}.ai1wm-icon-onedrive:before{content:"\eaaf"}.ai1wm-icon-folder-secondary:before{content:"\e92f"}.ai1wm-icon-folder-secondary-open:before{content:"\e930"}.ai1wm-icon-dots-horizontal-triple:before{content:"\e903"}.ai1wm-icon-bullhorn:before{content:"\e91a"}.ai1wm-icon-eye:before{content:"\e9ce"}.ai1wm-icon-eye-blocked:before{content:"\e9d1"}.ai1wm-icon-power-cord:before{content:"\e9b7"}.ai1wm-icon-image:before{content:"\e90d"}.ai1wm-icon-file-video:before{content:"\e92a"}.ai1wm-icon-stack:before{content:"\e92e"}.ai1wm-icon-table:before{content:"\e906"}.ai1wm-icon-calendar:before{content:"\e953"}.ai1wm-icon-play:before{content:"\ea1c"}@media (min-width:855px){.ai1wm-row{margin-left:399px}.ai1wm-row:after,.ai1wm-row:before{content:" ";display:table}.ai1wm-row:after{clear:both}.ai1wm-left{float:right;width:100%}.ai1wm-right{float:left;width:377px;margin-left:-399px}.ai1wm-right .ai1wm-sidebar{width:100%}.ai1wm-right .ai1wm-segment{width:333px;border:1px solid #d6d6d6;border-radius:3px;box-shadow:inset 0 1px 0 0 #fff;color:#333;background-color:#f9f9f9;padding:20px;text-decoration:none;text-shadow:0 1px 0 #fff;background-clip:padding-box}.ai1wm-right .ai1wm-segment h2{margin:22px 0 0;padding:0;font-weight:700;font-size:14px;text-transform:uppercase;text-align:center}.ai1wm-right .ai1wm-feedback-email{width:100%;font-weight:400;font-size:.8rem;height:2.3rem;line-height:2.3rem;border-radius:5px;margin-bottom:4px;padding:0 10px}.ai1wm-right .ai1wm-feedback-message{width:100%;border-radius:3px;font-size:.8rem;padding:6px 10px;resize:none}.ai1wm-right .ai1wm-feedback-terms-segment{font-size:.7rem;line-height:1rem;margin:4px 0 8px}.ai1wm-right .ai1wm-feedback-terms-segment>.ai1wm-feedback-terms{border-radius:3px}}.ai1wm-holder{position:relative;border:1px solid #d6d6d6;border-radius:3px;box-shadow:inset 0 1px 0 0 #fff;padding:20px;background:#f9f9f9}.ai1wm-holder h1{float:right;font-weight:300;font-size:22px;text-transform:uppercase}@media (max-width:854px){.ai1wm-container{margin-right:10px!important}.ai1wm-right,.ai1wm-row{margin-left:0!important}.ai1wm-right{float:right!important;width:100%!important;margin-top:18px}.ai1wm-right .ai1wm-sidebar{width:auto!important;border:1px solid #d6d6d6;border-radius:3px;box-shadow:inset 0 1px 0 0 #fff;padding:20px;background:#f9f9f9}.ai1wm-right .ai1wm-feedback-email{width:100%;font-weight:400;font-size:.8rem;height:2.3rem;line-height:2.3rem;border-radius:5px;margin-bottom:4px;padding:0 10px}.ai1wm-right .ai1wm-feedback-message{width:100%;border-radius:3px;font-size:.8rem;padding:6px 10px;resize:none}.ai1wm-right .ai1wm-feedback-terms-segment{font-size:.7rem;line-height:1rem;margin:4px 0 8px;border-radius:3px}.ai1wm-right .ai1wm-feedback-terms-segment>.ai1wm-feedback-terms{border-radius:3px}}.ai1wm-container{margin:20px 2px 0 20px}.ai1wm-container:after,.ai1wm-container:before{content:" ";display:table}.ai1wm-container:after{clear:both}.ai1wm-replace-row{width:100%;box-shadow:outset 0 1px 0 0 white;border-radius:3px;color:#333;font-size:11px;font-weight:700;background-color:#f9f9f9;text-decoration:none;text-shadow:0 1px 0 #fff;background-clip:padding-box;margin-bottom:10px}.ai1wm-field{margin-bottom:4px}.ai1wm-field input[type=text],.ai1wm-field textarea{width:100%;font-weight:400}.ai1wm-field-set{margin-top:18px}.ai1wm-message{-moz-box-sizing:border-box;background-color:#efefef;border-radius:4px;color:rgba(0,0,0,.6);height:auto;margin:10px 0;min-height:18px;padding:6px 10px;position:relative;border:1px solid;transition:opacity .1s ease 0s,color .1s ease 0s,background .1s ease 0s,box-shadow .1s ease 0s}.ai1wm-message.ai1wm-success-message{background-color:#f2f8f0;color:#119000;font-size:12px}.ai1wm-message.ai1wm-info-message{background-color:#d9edf7;color:#31708f;font-size:11px}.ai1wm-message.ai1wm-error-message{background-color:#f1d7d7;color:#a95252;font-size:12px}.ai1wm-message.ai1wm-red-message{color:#d95c5c;border:2px solid #d95c5c;background-color:transparent}.ai1wm-message.ai1wm-red-message h3{margin:.4em 0;color:#d95c5c}.ai1wm-message p{margin:4px 0;font-size:12px}.ai1wm-message-warning{display:block;font-size:14px;line-height:18px;padding:12px 20px;margin:0 0 22px;background-color:#f9f9f9;border:1px solid #d6d6d6;border-radius:3px;box-shadow:0 1px 0 0 #fff inset;border-right:4px solid #ffba00}.ai1wm-overlay{display:none;position:fixed;top:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:100001}.ai1wm-modal-container{position:fixed;display:none;top:50%;right:50%;z-index:100002;width:480px;height:auto;padding:16px;-webkit-transform:translate(240px,-94px);transform:translate(240px,-94px);border:1px solid #fff;box-shadow:0 2px 6px #292929;border-radius:6px;background:#f6f6f6;box-sizing:border-box;text-align:center}.ai1wm-modal-container.ai1wm-modal-container-v2{display:block;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);max-height:400px;overflow-y:auto;text-align:right;padding:0;border:0;border-radius:0}.ai1wm-modal-container.ai1wm-modal-container-v2.ai1wm-modal-loading{width:auto;overflow:hidden;border-radius:1em}.ai1wm-modal-container.ai1wm-modal-container-v2 h1{text-transform:none}.ai1wm-modal-container section{display:block;min-height:102px}.ai1wm-holder h1,.ai1wm-modal-container section h1{margin:0;padding:0}.ai1wm-modal-container section h1 .ai1wm-title-green{color:#27ae60;font-size:.7em}.ai1wm-modal-container section h1 .ai1wm-title-red{color:#e74c3c;font-size:20px}.ai1wm-modal-container section h1 .ai1wm-title-grey{color:gray;font-size:20px}.ai1wm-modal-container section h1 .ai1wm-loader{width:32px;height:32px;background:url(../img/logo-32x32.png)}.ai1wm-modal-container section h1 .ai1wm-icon-notification{font-size:1.2em;color:#e74c3c}.ai1wm-modal-container section p{margin:0;padding:12px 0}.ai1wm-modal-container section p .ai1wm-modal-sites p{padding:4px 10px;text-align:right}.ai1wm-modal-container section p .ai1wm-modal-sites input,.ai1wm-modal-container section p .ai1wm-modal-sites select{padding:0 6px;width:100%;max-width:100%;border-radius:3px;height:30px;line-height:30px}.ai1wm-modal-container section p .ai1wm-modal-subtitle-green{color:#27ae60}.ai1wm-modal-container section p .ai1wm-modal-subtitle-red{color:#e74c3c}.ai1wm-modal-container section p .ai1wm-modal-subdescription{display:block;text-align:right}.ai1wm-modal-container section p a.ai1wm-button-green{display:inline-block;position:relative;top:26px}.ai1wm-modal-container section p a.ai1wm-emphasize{-webkit-animation:ai1wm-emphasize 1s infinite;animation:ai1wm-emphasize 1s infinite}.ai1wm-modal-container section p em{display:block;color:#34495e;font-style:normal}.ai1wm-modal-container section p.ai1wm-import-modal-content{text-align:right}.ai1wm-modal-container section p.ai1wm-import-modal-content-done{text-align:right;padding:1.62em .5em}.ai1wm-modal-container .ai1wm-import-modal-actions{border-top:1px solid #ccc;padding-top:1em;text-align:left}.ai1wm-modal-container .ai1wm-import-modal-actions .ai1wm-button-gray{margin-left:1em}.ai1wm-modal-container .ai1wm-import-modal-notice{border-top:1px solid #ccc}.ai1wm-modal-container .ai1wm-import-modal-notice p{font-weight:700;margin:0;padding-top:16px;text-align:center}.ai1wm-progress-bar-v2{background-color:#63637e;display:block;height:60px;padding:3em}.ai1wm-progress-bar-v2 h1{text-transform:none;color:#fff;margin:0 0 1.4em}.ai1wm-progress-bar-v2-container{position:relative;width:100%;overflow:visible}.ai1wm-progress-bar-v2 .ai1wm-progress-bar-v2-meter{position:absolute;right:0;top:0;height:5px;background-color:#3d3d4e;width:100%}.ai1wm-progress-bar-v2 .ai1wm-progress-bar-v2-meter .ai1wm-progress-bar-v2-percent{position:absolute;background-color:#fff;padding:0 .5em;border-radius:3px;font-size:10px;line-height:24px;-webkit-transform:translate(1.1em,-3em);transform:translate(1.1em,-3em)}.ai1wm-progress-bar-v2 .ai1wm-progress-bar-v2-meter .ai1wm-progress-bar-v2-percent::after{content:" ";position:absolute;top:100%;right:50%;margin-right:-3px;border-width:3px;border-style:solid;border-color:#fff transparent transparent}.ai1wm-progress-bar-v2 .ai1wm-progress-bar-v2-meter .ai1wm-progress-bar-v2-slider{display:inline-block;background-color:#fff;position:absolute;height:5px;max-width:100%}.ai1wm-spin-container{height:50px;width:50px;position:relative;display:block;padding:1.5em}.ai1wm-spinner{display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;width:50px;height:50px;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.ai1wm-spinner.ai1wm-spin-left{-webkit-animation-duration:2000ms;animation-duration:2000ms;-webkit-animation-name:ai1wm-spin-left;animation-name:ai1wm-spin-left}.ai1wm-spinner.ai1wm-spin-right{-webkit-animation-duration:4000ms;animation-duration:4000ms;-webkit-animation-name:ai1wm-spin-right;animation-name:ai1wm-spin-right}.ai1wm-folder-container,section.ai1wm-decrypt-backup-section form{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ai1wm-folder-container{display:-webkit-flex;display:-ms-flexbox;display:flex;padding:2em 3em}.ai1wm-folder-container ul li a,.ai1wm-folder-container>h1{color:#3c434a;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.ai1wm-folder-container>h1{font-weight:700;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.ai1wm-folder-container>h1 a{text-decoration:none;color:inherit;font-size:.5em}.ai1wm-folder-container ul li{margin:0}.ai1wm-folder-container ul li a{padding:5px;text-decoration:none;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;font-size:1rem}.ai1wm-folder-container ul li a>i{margin:0 5px}.ai1wm-folder-container ul li a>i.ai1wm-icon-arrow-down{margin-right:10px;display:none}.ai1wm-folder-container ul li a:hover{background-color:rgba(0,0,0,.1)}.ai1wm-folder-container ul li a:hover i.ai1wm-icon-arrow-down{display:block}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul>li>a>i,.ai1wm-folder-container ul li .ai1wm-archive-browser-filename{margin-left:10px}.ai1wm-folder-container ul li .ai1wm-archive-browser-filesize{color:#718096;font-size:.75rem;white-space:nowrap}section.ai1wm-decrypt-backup-section,section.ai1wm-decrypt-backup-section .ai1wm-input-password-container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}section.ai1wm-decrypt-backup-section{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;gap:16px;box-sizing:border-box;padding:16px}section.ai1wm-decrypt-backup-section h1{font-size:20px;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}section.ai1wm-decrypt-backup-section p{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;padding:0;margin:0}section.ai1wm-decrypt-backup-section form{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding:0;gap:8px}section.ai1wm-decrypt-backup-section .ai1wm-input-password-container{-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;width:100%}section.ai1wm-decrypt-backup-section .ai1wm-input-password-container input{width:100%}section.ai1wm-decrypt-backup-section .ai1wm-input-password-container .ai1wm-toggle-password-visibility{font-size:16px;text-decoration:none;color:#3c434a;position:absolute;left:10px;top:8px;outline:0;box-shadow:none}section.ai1wm-decrypt-backup-section .ai1wm-input-password-container .ai1wm-error-message{display:none}section.ai1wm-decrypt-backup-section .ai1wm-input-password-container.ai1wm-has-error input{border-color:#e74c3c}section.ai1wm-decrypt-backup-section .ai1wm-input-password-container.ai1wm-has-error .ai1wm-error-message{color:#e74c3c;display:block;font-weight:400;text-align:right;width:100%}section.ai1wm-decrypt-backup-section .ai1wm-backup-decrypt-button-container,section.ai1wm-decrypt-backup-section form{display:-webkit-flex;display:-ms-flexbox;display:flex;width:75%;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}section.ai1wm-decrypt-backup-section .ai1wm-backup-decrypt-button-container{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:16px;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}#ai1wm-backups-list{width:100%;margin-top:1.95rem;overflow-x:auto}div#ai1wm-backups-list::-webkit-scrollbar{-webkit-appearance:none;height:4px}div#ai1wm-backups-list::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(77,77,77,.5);-webkit-box-shadow:0 0 1px rgba(255,255,255,.5)}.ai1wm-backups{width:100%;margin:1em 0;padding:0;border-collapse:collapse}.ai1wm-backups .ai1wm-column-name{text-align:right;white-space:nowrap}.ai1wm-backups .ai1wm-column-date,.ai1wm-backups .ai1wm-column-size{text-align:center;white-space:nowrap}.ai1wm-backups .ai1wm-column-actions{text-align:left;white-space:nowrap}.ai1wm-backups thead th{padding:4px 6px;text-align:right;font-size:1.2em}.ai1wm-backups tbody tr{border-top:1px solid #ccc;border-bottom:1px solid #ccc}.ai1wm-backups tbody tr:hover{background:rgba(0,0,0,.1)}.ai1wm-backups tbody tr:hover .ai1wm-backup-label-description:not(.ai1wm-backup-label-selected){display:inline}.ai1wm-backups tbody td{padding:4px 6px;box-sizing:border-box;line-height:24px}.ai1wm-backups tbody td.ai1wm-backup-actions{text-align:left;width:50px}.ai1wm-backups tbody td.ai1wm-backup-actions a:focus{outline-style:none;box-shadow:none;border-color:transparent}.ai1wm-backups tbody td.ai1wm-backup-actions>div{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots{border-radius:100%;margin:0;padding:10px;color:gray;font-size:1.5em;text-decoration:none;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots:focus,.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots:hover{background-color:#f0f0f1}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu{position:absolute;background:100% 0;display:none;-webkit-transform:translate(35px,30px);transform:translate(35px,30px);left:0}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul{position:relative;z-index:10;margin:0;background:#f9f9f9;border-radius:5px;box-shadow:rgba(0,0,0,.16) 0 3px 6px,rgba(0,0,0,.23) 0 3px 6px}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul>li{display:block;padding:0;margin:0}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul>li.divider{border-top:1px solid rgba(0,0,0,.1)}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul>li:first-child>a{border-top-right-radius:5px;border-top-left-radius:5px}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul>li:last-child>a{border-bottom-right-radius:5px;border-bottom-left-radius:5px}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul>li.ai1wm-disabled{opacity:.5}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul>li.ai1wm-disabled>a{cursor:not-allowed}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul>li>a{text-decoration:none;color:#23282d;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:.5em 2em}.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul>li>a:focus,.ai1wm-backups tbody td.ai1wm-backup-actions>div .ai1wm-backup-dots-menu>ul>li>a:hover{background-color:rgba(0,0,0,.1)}.ai1wm-backups .spinner{visibility:visible;margin:0}.ai1wm-backups .ai1wm-backups-list-spinner{text-align:center;line-height:37px}.ai1wm-backups .ai1wm-backups-list-spinner .spinner{float:none;visibility:visible;margin:0 0 0 6px;position:relative;top:-2px}.ai1wm-backups .ai1wm-backup-label-text{cursor:pointer}.ai1wm-backups .ai1wm-backup-label-text .ai1wm-backup-label-colored{display:inline-block;padding:.25em .4em;font-size:85%;font-weight:400;line-height:1;text-align:center;vertical-align:baseline;border-radius:.25rem;color:#000;background-color:#fad390;cursor:pointer;word-wrap:break-word;word-break:break-all;white-space:normal}.ai1wm-backups .ai1wm-backup-label-description:hover .ai1wm-icon-edit-pencil,.ai1wm-backups .ai1wm-backup-label-text:hover .ai1wm-icon-edit-pencil{display:inline}.ai1wm-backups .ai1wm-backup-label-description{font-size:12px;cursor:pointer;font-style:italic}.ai1wm-backups .ai1wm-backup-label-holder .spinner{float:none}.ai1wm-backups .ai1wm-backup-label-holder .ai1wm-backup-label-field{border-radius:5px;border:1px solid #ccc}.ai1wm-backups-empty,.ai1wm-backups-empty-spinner-holder{line-height:2em}.ai1wm-backups-empty-spinner-holder .spinner{float:none;visibility:visible;margin:0 0 0 6px;position:relative;top:-2px} Customer Service Experts Reveal the Best Ways to Deal with a Difficult Customer | Paul Marchese

Customer Service Experts Reveal the Best Ways to Deal with a Difficult Customer

Paul Marchese

September 13, 2023

customer-service-experts-reveal-the-best-ways-to-deal-with-a-difficult-customer

In customer service, challenges come in many forms, and one of the most daunting is dealing with difficult customers. These encounters can test even the most seasoned professionals and allow businesses to shine by providing exemplary service. In this article, we’ll delve into the insights shared by customer service experts on the best ways to handle difficult customers and turn potentially negative situations into positive outcomes.

The Importance of Empathy

Empathy is the cornerstone of effective customer service. It’s the ability to understand and share the feelings of another person. Empathy can be your most potent tool when dealing with a difficult customer. According to Sarah Johnson, a customer service manager with over a decade of experience, Empathy doesn’t mean you must agree with the customer. Still, it does mean that you genuinely care about their concerns.

Stay Calm and Professional

When faced with an angry or upset customer, it’s easy to get defensive or emotional. However, maintaining your composure is crucial in diffusing the situation. Karen Smith, a customer service expert with a background in conflict resolution, advises, “Take a deep breath and remind yourself that it’s not a personal attack. The customer is upset with the situation, not with you.”

Respond to difficult customers with professionalism and courtesy. Avoid responding with anger or frustration, as this can escalate the issue further. Instead, focus on finding a solution and addressing their concerns. By remaining calm and collected, you can lead by example and set the tone for a more productive conversation.

Active Problem-Solving

Difficult customers often have legitimate issues that need addressing. It’s essential to shift the conversation towards finding solutions. Encourage the customer to share what they believe would resolve their problem. This not only empowers them but also provides insight into their expectations.

Once you’ve identified the problem, work collaboratively with the customer to find a suitable solution. If you need help with the issue, feel free to involve a supervisor or a more experienced colleague. Sometimes, a fresh perspective can lead to a quicker resolution.

Set Boundaries and Maintain Respect

While it’s essential to empathize and work towards a resolution, there should be clear boundaries in your interactions with difficult customers. Customer service expert David Williams emphasizes the importance of respect in these situations. “You can empathize with a customer’s frustration without tolerating abusive behavior,” he says.

If a customer becomes verbally abusive or crosses the line, it’s crucial to assertively but politely set boundaries. You can say, “I want to help you, but I cannot tolerate disrespectful language or behavior. Let’s work together respectfully to resolve this issue.” By doing so, you protect your dignity and maintain a professional environment.

Know When to Escalate

Not all customer complaints can be resolved at the frontline of customer service. Some issues may require the intervention of higher-ups or specialized teams within the organization. Recognizing when to escalate a situation is a key skill in handling difficult customers effectively.

If you’ve exhausted all available options or the customer’s request falls outside your authority, politely explain that you must escalate the matter to a supervisor or the appropriate department. Ensure you provide clear and detailed information to the next level of support to expedite the resolution process.

Document Everything

In challenging customer interactions, it’s essential to maintain detailed conversation records. This documentation can serve several purposes, including protecting yourself and your organization in case of disputes and helping track recurring issues that may require systemic changes.

Karen Smith advises, “Keep a record of what the customer said, what steps you took to address their concerns and any promises or commitments made.” This information can be invaluable when addressing follow-up inquiries or disputes.

Learn and Improve

Every interaction with a difficult customer provides an opportunity for growth and improvement. After the dust has settled, take time to reflect on the encounter. Analyze what went well and what could have been handled better. Seek feedback from colleagues and supervisors, and use the experience to refine your customer service skills.

Dealing with difficult customers is an inevitable part of any customer service role. However, it’s also an opportunity to showcase your organization’s commitment to exceptional service. You can turn challenging interactions into positive outcomes through Empathy, professionalism, active problem-solving, setting boundaries, and knowing when to escalate. Remember to document your interactions, learn from each experience, and continually strive to improve your customer service skills. By doing so, you’ll not only navigate difficult situations with grace but also contribute to the long-term success of your organization.