/****
- 2021-04-21 zinee new_css
****/

/* DHX_Form_라벨 - 블릿 아이콘 삽입 (Text 앞) */
.label_icon_bullet_black label{
    padding-left: 20px;
    background-position: left;
    font-weight: bold;
    color:#565656 !important;
    background-repeat: no-repeat;
    background-image: url(../conple_img/icon_form/icon_new_form_bullet_black.png);

}

/* DHX_Form_라벨 - 블릿 아이콘 삽입 (Text 앞) */
.label_icon_bullet label{
    padding-left: 18px;
    background-position: left;
    font-weight: bold;
    margin-left: 1px;
    color:white !important;
    background-repeat: no-repeat;
    /* background-image: url(../conple_img/icon_form/icon_new_form_bullet_new.png); */
}

/* DHX_Form_라벨 - 블릿 아이콘 삽입 (Text 뒤) */
.label_icon_bullet_new label{
    padding-left: 13px;
    margin: 0 5px; 
    background-position: left;
    /* font-weight: bold; */
    background-repeat: no-repeat;  
    background-image: url(../conple_img/icon_form/icon_new_form_bullet.png);
}

/* 필수항목라벨 TEXT 오른쪽에 ※를 붙이는 CSS */
.label_icon_bullet_ess label {
    padding-left: 13px;
    margin: 0 5px;
    background-position: left, right;
    font-weight: bold;
    background-repeat: no-repeat, no-repeat;
    background-image: url(../conple_img/icon_form/icon_new_form_bullet.png), url(../conple_img/icon_form/astrisk_red4.png);
}

/* DHX_Form_라벨 - home 아이콘 삽입 (Text 앞) */
.label_icon_home label{
    padding-left: 23px;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(../conple_img/icon_form/icon_form_home.png);
}
/* DHX_Form_라벨 - 유저 아이콘 삽입 (Text 앞) */
.label_icon_user label{
    padding-left: 23px;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(../conple_img/icon_form/icon_form_user.png);
}
/* DHX_Form_라벨 - 비밀번호 아이콘 삽입 (Text 앞) */
.label_icon_password label{
    padding-left: 23px;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(../conple_img/icon_form/icon_form_password.png);
}
/* DHX_Form_라벨 - 언어 아이콘 삽입 (Text 앞) */
.label_icon_lang label{
    padding-left: 23px;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(../conple_img/icon_form/icon_form_lang.png);
}
/* DHX_Form_라벨 - 메일 아이콘 삽입 (Text 앞) */
.label_icon_mail label{
    /* padding-left: 23px; */
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(../conple_img/icon_form/icon_form_mail.png);
}
/* DHX_Form_캘린더 - 아이콘 삽입 (Input 안) */
.input_icon_cal input{
    text-align: left;
    cursor: pointer;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(../conple_img/icon_form/calendar_icon.svg);
}
/* DHX_Form_검색타입  - 아이콘 삽입 (Input 안) */
.input_icon_search input{
    text-align: left;
    cursor: pointer;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(../conple_img/etc/icon_input_search.png);
}
/* 주소검색 */
.address input{
    text-align: left;
    cursor: pointer;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(../conple_img/etc/icon_input_search.png);
}
/* 주소검색 */
.priceInfo_popup input{
    text-align: left;
    cursor: pointer;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(../conple_img/etc/icon_input_search.png);
}
/* 주소검색 */
.priceInfo_popup2 input{
    text-align: left;
    cursor: pointer;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(../conple_img/etc/icon_input_search.png);
}
/* 제보자정보조회 납품처 팝업 */
.asReceive_cusinfo6 input{
    text-align: left;
    cursor: pointer;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(../conple_img/etc/icon_input_search.png);
}
/* 투입인원 검색 */
.agent_manage input{
    text-align: left;
    cursor: pointer;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(../conple_img/etc/icon_input_search.png);
}
/* 납품처검색 */
.customer input{
    text-align: left;
    cursor: pointer;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(../conple_img/etc/icon_input_search.png);
}
/* 납품처검색 */
.serviceCard input{
    text-align: left;
    cursor: pointer;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(../conple_img/etc/icon_input_search.png);
}
/* Input icon */
.icon_input_cal{
	background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../conple_img/icon_form/calendar_icon.svg);
}

/****
- html txt 앞 부분에 아이콘 삽입
- p태그에 div를 감싸고 div에 class를 줘야 한다. (dhx와 겹침 방지)
****/

/* html txt - 비밀번호 아이콘 삽입 (Text 앞) */
.label_icon_password p{
    /* padding-left: 23px; */
    background-position: left;
    background-repeat: no-repeat;
    /* background-image: url(../conple_img/icon_form/icon_form_password.png); */
}
/* html txt - 블릿 아이콘 삽입 (Text 앞) */
.label_icon_bullet p{
    padding-left: 20px;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(../conple_img/icon_form/icon_form_bullet.png);
}
/* html txt - home 아이콘 삽입 (Text 앞) */
.label_icon_home p{
    padding-left: 23px;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(../conple_img/icon_form/icon_form_home.png);
}
/* html txt - 유저 아이콘 삽입 (Text 앞) */
.label_icon_user p{
    padding-left: 23px;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(../conple_img/icon_form/icon_form_user.png);
}
/* html txt - 언어 아이콘 삽입 (Text 앞) */
.label_icon_lang p{
    padding-left: 23px;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(../conple_img/icon_form/icon_form_lang.png);
}
/* html txt - 메일 아이콘 삽입 (Text 앞) */
.label_icon_mail p{
    /* padding-left: 23px; */
    background-position: left;
    background-repeat: no-repeat;
/*	background-image: url(../conple_img/icon_form/icon_form_mail.png);	*/
	background-size: 16%;
/* 	background-image: url(../conple_img/icon_form/icon_form_id.png); */
}
/* html txt - 사이트 아이디 아이콘 삽입 (Text 앞) */
.label_icon_siteId p{
    padding-left: 23px;
    background-position: left;
    background-repeat: no-repeat;
	background-size: 16%;
    background-image: url(../conple_img/icon_form/icon_form_siteId.png);
}
/* html txt - 전화 아이콘 삽입 (Text 앞) */
.label_icon_tel p{
    padding-left: 23px;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(../conple_img/icon_form/icon_form_tel.png);
}
/* html txt - 핀 아이콘 삽입 (Text 앞) */
.label_icon_pin p{
    padding-left: 23px;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(../conple_img/icon_form/icon_form_pin.png);
}
/* html txt - 아이콘 공백 (Text 앞) */
.label_icon_null p{
    padding-left: 20px;
    background-position: left;
    background-repeat: no-repeat;
}



/****
- SoftPhone Btn 안 텍스트 앞에 아이콘 삽입
- 'className : 해당아이콘 클래스 이름'으로 적용할 수 있다.
- 아이콘 사이즈 : 16*16px
*****/

/* 연결 이미지 */
.cp_spBtn_img_connect{
    background-image: url(../conple_img/icon_btn_white/btn_icon_connect_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}
/* 연결끊기 이미지 */
.cp_spBtn_img_disConnect{
    background-image: url(../conple_img/icon_btn_white/btn_icon_disConnect_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}
/* 보류 이미지 */
.cp_spBtn_img_hold{
    background-image: url(../conple_img/icon_btn_white/btn_icon_hold_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}
/* 후처리 이미지 */
.cp_dhxBtn_img_acw{
    background-image: url(../conple_img/icon_btn_white/btn_icon_acw_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}
/* 교육 이미지 */
.cp_spBtn_img_study{
    background-image: url(../conple_img/icon_btn_white/btn_icon_study_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}
/* 식사 이미지 */
.cp_spBtn_img_eat{
    background-image: url(../conple_img/icon_btn_white/btn_icon_eat_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}
/* 이석 이미지 */
.cp_spBtn_img_away{
    background-image: url(../conple_img/icon_btn_white/btn_icon_away_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}
/* 통화중 이미지 */
.cp_spBtn_img_calling{
    background-image: url(../conple_img/icon_btn_white/btn_icon_calling_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}
/* 대기 이미지 */
.cp_spBtn_img_ready{
    background-image: url(../conple_img/icon_btn_white/btn_icon_ready_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}
/* 끊기 이미지 */
.cp_spBtn_img_dropcall{
    background-image: url(../conple_img/icon_btn_white/btn_icon_dropcall_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}
/* 받기 이미지 */
.cp_spBtn_img_inbound{
    background-image: url(../conple_img/icon_btn_white/btn_icon_inbound_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}
/* 걸기 이미지 */
.cp_spBtn_img_outbound{
    background-image: url(../conple_img/icon_btn_white/btn_icon_outbound_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}
/* 후처리 이미지 */
.cp_spBtn_img_acw{
    background-image: url(../conple_img/icon_btn_white/btn_icon_acw_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}
/* 홀드 이미지 */
.cp_spBtn_img_hold{
    background-image: url(../conple_img/icon_btn_white/btn_icon_hold_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}
/* 홀드중 이미지 */
.cp_spBtn_img_holding{
    background-image: url(../conple_img/icon_btn_white/btn_icon_holding_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}
/* 홀드해제 */
.cp_spBtn_img_holdstop{
    background-image: url(../conple_img/icon_btn_white/btn_icon_holdstop_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}
/* 호전환 */
.cp_spBtn_img_transfer{
    background-image: url(../conple_img/icon_btn_white/btn_icon_transfer_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}
/* 호전환 확인*/
.cp_spBtn_img_transferOk{
    background-image: url(../conple_img/icon_btn_white/btn_icon_transfer_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(42,234,97,0.9);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}
/* 호전환 취소*/
.cp_spBtn_img_transferCancle{
    background-image: url(../conple_img/icon_btn_white/btn_icon_transfer_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(255,0,0,0.4);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}
/* 녹취중 */
.cp_spBtn_img_recording{
    background-image: url(../conple_img/icon_btn_white/btn_icon_recording_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}
/* 녹취 시작*/
.cp_spBtn_img_recstart{
    background-image: url(../conple_img/icon_btn_white/btn_icon_recstart_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(42,234,97,0.9);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}
/* 녹취 종료*/
.cp_spBtn_img_recstop{
    background-image: url(../conple_img/icon_btn_white/btn_icon_recstop_white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 28px;
    background-color: rgba(255,0,0,0.4);
    border-radius: 50px;
    float: left;
    box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
}


/****
- DHTMLX Btn 안 텍스트 앞에 아이콘 삽입
- 'className : 해당아이콘 클래스 이름'으로 적용할 수 있다.
- 아이콘 사이즈 : 16*16px
*****/

/* 보류 이미지 */
.cp_dhxBtn_img_hold div.dhxform_btn_txt{
    vertical-align: none !important;
    padding-left:20px !important;
    background-image: url(../conple_img/icon_btn_white/btn_icon_hold_white.png);
    background-repeat: no-repeat;
    background-position: left;
}
/* 후처리 이미지 */
.cp_dhxBtn_img_acw div.dhxform_btn_txt{
    vertical-align: none !important;
    padding-left:20px !important;
    background-image: url(../conple_img/icon_btn_white/btn_icon_acw_white.png);
    background-repeat: no-repeat;
    background-position: left;
}
/* 교육 이미지 */
.cp_dhxBtn_img_study div.dhxform_btn_txt{
    vertical-align: none !important;
    padding-left:20px !important;
    background-image: url(../conple_img/icon_btn_white/btn_icon_study_white.png);
    background-repeat: no-repeat;
    background-position: left;
}
/* 식사 이미지 */
.cp_dhxBtn_img_eat div.dhxform_btn_txt{
    vertical-align: none !important;
    padding-left:20px !important;
    background-image: url(../conple_img/icon_btn_white/btn_icon_eat_white.png);
    background-repeat: no-repeat;
    background-position: left;
}
/* 이석 이미지 */
.cp_dhxBtn_img_away div.dhxform_btn_txt{
    vertical-align: none !important;
    padding-left:20px !important;
    background-image: url(../conple_img/icon_btn_white/btn_icon_away_white.png);
    background-repeat: no-repeat;
    background-position: left;
}
/* 통화중 이미지 */
.cp_dhxBtn_img_calling div.dhxform_btn_txt{
    vertical-align: none !important;
    padding-left:20px !important;
    background-image: url(../conple_img/icon_btn_white/btn_icon_calling_white.png);
    background-repeat: no-repeat;
    background-position: left;
}
/* 대기 이미지 */
.cp_dhxBtn_img_ready div.dhxform_btn_txt{
    vertical-align: none !important;
    padding-left:20px !important;
    background-image: url(../conple_img/icon_btn_white/btn_icon_ready_white.png);
    background-repeat: no-repeat;
    background-position: left;
}
/* 끊기 이미지 */
.cp_dhxBtn_img_dropcall div.dhxform_btn_txt{
    vertical-align: none !important;
    padding-left:20px !important;
    background-image: url(../conple_img/icon_btn_white/btn_icon_dropcall_white.png);
    background-repeat: no-repeat;
    background-position: left;
}
/* 받기 이미지 */
.cp_dhxBtn_img_inbound div.dhxform_btn_txt{
    vertical-align: none !important;
    padding-left:20px !important;
    background-image: url(../conple_img/icon_btn_white/btn_icon_inbound_white.png);
    background-repeat: no-repeat;
    background-position: left;
}
/* 걸기 이미지 */
.cp_dhxBtn_img_outbound div.dhxform_btn_txt{
    vertical-align: none !important;
    padding-left:20px !important;
    background-image: url(../conple_img/icon_btn_white/btn_icon_outbound_white.png);
    background-repeat: no-repeat;
    background-position: left;
}
/* 후처리 이미지 */
.cp_dhxBtn_img_acw div.dhxform_btn_txt{
    vertical-align: none !important;
    padding-left:20px !important;
    background-image: url(../conple_img/icon_btn_white/btn_icon_acw_white.png);
    background-repeat: no-repeat;
    background-position: left;
}
/* 저장 이미지 */
.cp_dhxBtn_img_save div.dhxform_btn_txt{
    vertical-align: none !important;
/*     padding-left:20px !important; */
/*     background-image: url(../conple_img/icon_btn_white/btn_icon_save_white.png); */
    background-repeat: no-repeat; 
    background-position: left;
}/* 
 .cp_dhxBtn_img_save div.dhxform_btn{

    background-color : #da3f27 !important;
}
  */
/* 검색 이미지 */
.cp_dhxBtn_img_search div.dhxform_btn_txt{
    vertical-align: none !important;
/*     padding-left:20px !important; */
/*     background-image: url(../conple_img/icon_btn_white/btn_icon_search_white.png); */
    background-repeat: no-repeat;
    background-position: left;
}

.cp_dhxBtn_search div.dhxform_btn{
    margin:0px !important;
    width: 60px !important;
    height: 27px !important;
    color: white !important;
    position: relative !important;
    top: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

/* 엑셀 이미지 */
.cp_dhxBtn_img_excel div.dhxform_btn_txt{
    vertical-align: none !important;
    padding-left:20px !important;
    background-image: url(../conple_img/icon_btn_white/btn_icon_excel_white.png);
    background-repeat: no-repeat;
    background-position: left;
}
/* 로그아웃 이미지 */
.cp_dhxBtn_img_logout div.dhxform_btn_txt{
    vertical-align: none !important;
    padding-left: 20px !important;
    background-image: url(../conple_img/icon_btn_white/btn_icon_logout_white.png);
    background-repeat: no-repeat;
    background-position: left;
}
/* 로그인 이미지 */
.cp_dhxBtn_img_login div.dhxform_btn_txt{
    vertical-align: none !important;
    padding-left: 20px !important;
    background-image: url(../conple_img/icon_btn_white/btn_icon_login_white.png);
    background-repeat: no-repeat;
    background-position: left;
}
/* CSV 이미지 */
.cp_dhxBtn_img_csv div.dhxform_btn_txt{
    vertical-align: none !important;
    padding-left: 20px !important;
    background-image: url(../conple_img/icon_btn_white/btn_icon_csv_white.png);
    background-repeat: no-repeat;
    background-position: left;
}
/* 스케줄러 이미지 */
.cp_dhxBtn_img_schedule div.dhxform_btn_txt{
    vertical-align: none !important;
    padding-left: 20px !important;
    background-image: url(../conple_img/icon_btn_white/btn_icon_schedule_white.png);
    background-repeat: no-repeat;
    background-position: left;
}
/* 사용자 이미지 */
.cp_dhxBtn_img_user div.dhxform_btn_txt{
    vertical-align: none !important;
    padding-left: 20px !important;
    background-image: url(../conple_img/icon_btn_white/btn_icon_user_white.png);
    background-repeat: no-repeat;
    background-position: left;
}
/* 권한 이미지 */
.cp_dhxBtn_img_juri div.dhxform_btn_txt{
    vertical-align: none !important;
    padding-left: 20px !important;
    background-image: url(../conple_img/icon_btn_white/btn_icon_juri_white.png);
    background-repeat: no-repeat;
    background-position: left;
}
/* 수정 이미지 */
.cp_dhxBtn_img_modify div.dhxform_btn_txt{
    vertical-align: none !important;
/*     padding-left: 20px !important; */
/*     background-image: url(../conple_img/icon_btn_white/btn_icon_modify_white.png); */
    background-repeat: no-repeat;
    background-position: left;
}

/****
- 기본 HTML 아이콘 삽입
- 해당 레이어에 Class 적용으로 사용할 수 있다.
- 아이콘 사이즈 : 16*16px
****/
/* 주소록-화이트 이미지 삽입 */
.cp_ui_icon_addressBook_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_addressBook_white.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    padding-left: 35px !important;
}
/* 상담-화이트 이미지 삽입 */
.cp_ui_icon_agent_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_agent_white.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    padding-left: 35px !important;
}
/* 상담-블랙 이미지 삽입 */
.cp_ui_icon_agent_black{
    background-image: url(../conple_img/icon_btn_black/btn_icon_agent_black.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    padding-left: 35px !important;
}
/* 상담검색-화이트 이미지 삽입 */
.cp_ui_icon_agentSearch_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_agentSearch_white.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    padding-left: 35px !important;
}
/* 콜백-화이트 이미지 삽입 */
.cp_ui_icon_callback_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_callback_white.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    padding-left: 35px !important;
}
/* 쓰기-화이트 이미지 삽입 */
.cp_ui_icon_modify_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_modify_white.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    padding-left: 35px !important;
}
/* 전광판-화이트 이미지 삽입 */
.cp_ui_icon_monitoring_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_monitoring_white.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    padding-left: 35px !important;
}
/* SMS-화이트 이미지 삽입 */
.cp_ui_icon_sms_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_sms_white.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    padding-left: 35px !important;
}
/* 관리자-화이트 이미지 삽입 */
.cp_ui_icon_admin_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_admin_white.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    padding-left: 35px !important;
}
/* 통계-화이트 이미지 삽입 */
.cp_ui_icon_chart_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_chart_white.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    padding-left: 35px !important;
}
/* 통계2-화이트 이미지 삽입 */
.cp_ui_icon_chart2_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_chart2_white.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    padding-left: 35px !important;
}
/* 걸기-화이트 이미지 삽입 */
.cp_ui_icon_outbound_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_outbound_white.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    padding-left: 35px !important;
}
/* 새로고침-화이트 이미지 삽입 */
.cp_ui_icon_clear_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_clear_white.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    padding-left: 35px !important;
}
/* 로그아웃-화이트 이미지 삽입 */
.cp_ui_icon_logout_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_logout_white.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    padding-left: 35px !important;
}
/* csv-화이트 이미지 삽입 */
.cp_ui_icon_csv_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_csv_white.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    padding-left: 35px !important;
}
/* 스케줄러-화이트 이미지 삽입 */
.cp_ui_icon_schedule_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_schedule_white.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    padding-left: 35px !important;
}
/* 사용자-화이트 이미지 삽입 */
.cp_ui_icon_user_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_user_white.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    padding-left: 35px !important;
}
/* 권한-화이트 이미지 삽입 */
.cp_ui_icon_juri_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_juri_white.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    padding-left: 35px !important;
}
/* 설정-화이트 이미지 삽입 */
.cp_ui_icon_gear_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_gear_white.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    padding-left: 35px !important;
}


/****
- 기본 HTML 버튼 아이콘 삽입
- 해당 레이어에 Class 적용으로 사용할 수 있다.
- 아이콘 사이즈 : 16*16px
****/
/* 상담-화이트 이미지 삽입 */
.cp_ui_btn_icon_agent_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_agent_white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
}
/* 상담-블랙 이미지 삽입 */
.cp_ui_btn_icon_agent_black{
    background-image: url(../conple_img/icon_btn_black/btn_icon_agent_black.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
}
/* 상담검색-화이트 이미지 삽입 */
.cp_ui_btn_icon_agentSearch_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_agentSearch_white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
}
/* 콜백-화이트 이미지 삽입 */
.cp_ui_btn_icon_callback_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_callback_white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
}
/* 전광판-화이트 이미지 삽입 */
.cp_ui_btn_icon_monitoring_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_monitoring_white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
}
/* SMS-화이트 이미지 삽입 */
.cp_ui_btn_icon_sms_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_sms_white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
}
/* 관리자-화이트 이미지 삽입 */
.cp_ui_btn_icon_admin_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_admin_white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
}
/* 관리자-블랙 이미지 삽입 */
.cp_ui_btn_icon_admin_black{
    background-image: url(../conple_img/icon_btn_black/btn_icon_admin_black.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
}
/* 통계-화이트 이미지 삽입 */
.cp_ui_btn_icon_chart_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_chart_white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
}
/* 통계-블랙 이미지 삽입 */
.cp_ui_btn_icon_chart_black{
    background-image: url(../conple_img/icon_btn_black/btn_icon_statistics_black.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
}
/* 통계2-화이트 이미지 삽입 */
.cp_ui_btn_icon_chart2_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_chart2_white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
}
/* 걸기-화이트 이미지 삽입 */
.cp_ui_btn_icon_outbound_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_outbound_white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
}
/* 새로고침-화이트 이미지 삽입 */
.cp_ui_btn_icon_clear_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_clear_white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
}
/* 로그아웃-화이트 이미지 삽입 */
.cp_ui_btn_icon_logout_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_logout_white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
}
/* csv-화이트 이미지 삽입 */
.cp_ui_btn_icon_csv_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_csv_white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
}
/* 스케줄러-화이트 이미지 삽입 */
.cp_ui_btn_icon_schedule_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_schedule_white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
}
/* 사용자-화이트 이미지 삽입 */
.cp_ui_btn_icon_user_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_user_white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
}
/* 권한-화이트 이미지 삽입 */
.cp_ui_btn_icon_juri_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_juri_white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
}
/* 설정-화이트 이미지 삽입 */
.cp_ui_btn_icon_gear_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_gear_white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
}
/* 저장-화이트 이미지 삽입 */
.cp_ui_btn_icon_save_white{
    background-image: url(../conple_img/icon_btn_white/btn_icon_save_white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px !important;
}

/* 핀-화이트 이미지 삽입 */
.cp_pin_right_icon{
    background-image: url(../conple_img/icon_btn_white/icon_pin_white_14px.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 28px !important;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
/* 핀-블랙 이미지 삽입 */
.cp_pin_right_icon_black{
    background-image: url(../conple_img/icon_btn_black/icon_pin_gray_14px.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 28px !important;
}
/* 닫기-블랙 이미지 삽입 */
.cp_ui_btn_icon_close_gray{
    width: 16px;
    height: 16px;
    background-image: url(../conple_img/icon_btn_black/btn_icon_del_gray.png);
    background-position: center;
    background-repeat: no-repeat;
    transition: all ease 0.3s;
}
/* 동그라미-블랙 이미지 삽입 */
.cp_ui_btn_icon_circle_white{
    width: 16px;
    height: 16px;
    background-image: url(../conple_img/dhx_sp_icon/sp_icon_pass_white.png);
    background-position: center;
    background-repeat: no-repeat;
    transition: all ease 0.3s;
}
.cp_ui_btn_icon_close_gray:hover{
    background-image: url(../conple_img/icon_btn_black/btn_icon_del_black.png);
}
.cp_ui_btn_icon_circle_white:hover{
	filter: brightness(75%); 
}
/* 닫기-화이트 이미지 삽입 */
#customerPop_close, .cp_ui_btn_icon_close{
    float: right;
    width: 30px;
    height: 30px;
    /* background-image: url(../conple_img/icon_btn_white/btn_icon_close_white.png); */
    background-image: url(../conple_img/icon_btn_black/btn_icon_del_black.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: 100;
}
/* 닫기-화이트 이미지 삽입 - hover:배경색 생기도록 */
#customerPop_close, .cp_ui_btn_icon_close:hover{
    background-color: rgba(255,255,255,0.1);
}



/* 세로 줄 삽입 */
.cp_ui_vertical_line{
    background-image: url(../conple_img/vertical_line.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 1px;
    height: 65px;
    padding: 3px;
}