.table_list td span.searchResult {background-color: #fdfd87e6;}
.searchResult {background-color:#cbf9d4;}
.searchResult2 {background-color:#FFEB3B;}

.btn_small.sync {height: 31px;}
.commonCustInfo {}
.commonCustInfo .custInfo  {display:block;}
.commonCustInfo .custInfo .cust_tit {font-weight: 800;}
.commonCustInfo .custInfo .cust_data {}


.sortIcon {color: #4a87eb;font-size: 12px;position: relative;top: -1px}
.calendar { background:#fff url(../images/custom/icon_calendar.png) no-repeat 90px center;width: 116px !important;cursor: pointer;}
.table_subject dl .table_list.table_list_small input[type=text].calendar { 
	padding: 5px 10px
}

.mainCon .imgPop {overflow: hidden !important;max-width: 1200px;max-height: 700px;min-width: 300px;min-height: 200px;}
.mainCon .imgPop.mxn {max-width: 1800px;max-height: 800px;}
.mainCon .imgPop .imgPopTop {width: 100%;height: 30px;background: #333;}
.mainCon .imgPop .imgPopTop .popTit {display: inline-block;float: left;color: #fff;font-family: 'NanumGothicB';padding: 2px 0 0 10px;}
.mainCon .imgPop .imgPopTop .popTit::before {content: 'Image Detail';display: inline-block;font-size: 16px;float: left;}
.mainCon .imgPop .imgPopTop i {display: inline-block;font-size: 17px;float: right;color: #fff;position: absolute;top: 4px;right: 60px;cursor: pointer;opacity: .9;}
.mainCon .imgPop .imgPopTop i:hover {opacity: 1.0;}
.mainCon .imgPop .imgPopTop i.fa-download {right: 83px;}
.mainCon .imgPop .imgPopTop i.fa-compress-alt {right: 58px;}
.mainCon .imgPop .imgPopTop i.fa-expand-arrows-alt {right: 33px;}
.mainCon .imgPop .imgPopTop i.fa-times-circle {right: 5px;font-size: 19px;top: 3px;}
.mainCon .imgPop .imgPopDiv {max-width: 1190px;max-height: 660px;overflow: auto;}
.mainCon .imgPop .imgPopDiv.mxn {max-width: 1790px;max-height: 760px;}
.mainCon .imgPop .imgPopDiv.min {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);margin-top: 15px;}
.mainCon .imgPop.imgPopDoc {position : absolute; z-index :10 ;border: 4px solid #000; background: #fff;}


.chartDiv {border:1px solid #eee;padding:20px;}

.logoFileWrap {cursor: pointer;display: inline-block;margin: 15px 30px 15px 0;float: left;width: 100%; overflow: auto;}    
		
.icon_arr_01 { display:inline-block; background:url(../images/custom/icon_arr_01.png) no-repeat center; width: 6px;  height: 10px;}
.icon_arr_02 { display:inline-block; background:url(../images/custom/icon_arr_02.png) no-repeat center; width: 11px;  height: 10px;}
.icon_arr_03 { display:inline-block; background:url(../images/custom/icon_arr_03.png) no-repeat center; width: 16px;  height: 10px;}
.icon_arr_04 { display:inline-block; background:url(../images/custom/icon_arr_04.png) no-repeat center; width: 21px;  height: 10px;}		
	
.attachLayer span i.fa-times-circle {color: #ff3653;}
.attachLayer .attachLayerWrap {float:left;display:inline-block; background: #f9f9f9;text-align: center;width: 150px;height:100px;margin-right:10px;margin-bottom:10px;cursor:pointer;border:1px solid #eee; position:relative;}		
.attachLayer .attachLayerWrap img.imgWrap {display:block; max-width: 100%;max-height:70px; height:auto;margin-bottom:5px !important;margin-top:5px !important;margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -40%);}
.attachLayer .attachLayerWrap span.attachTitleSpan {display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin: 5px; font-size:13px; color:#555;line-height: 18px;}
.attachLayer .attachLayerWrap span.attachTitleSpan i {font-size:13px; margin-right:3px;}
		
.attachLayer .preivewLayerWrap {float:left;display:inline-block; text-align: center;width: 100%;height:300px;position:relative;}		
.attachLayer .preivewLayerWrap img.imgWrap {display:block; min-width: 90px !important;max-width: 100%;max-height:200px; height:auto;margin-bottom:5px !important;margin-top:5px !important;margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -40%);}
.attachLayer .preivewLayerWrap span.attachTitleSpan {display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin: 30px 5px 10px;font-size: 15px;}		
.attachLayer .preivewLayerWrap i.fa-download {font-size:25px;cursor:pointer;color: #4A87EB;}		
		
		
.table_subject .customerUser .name {width:230px;padding-left:0px}		
.table_subject .customerUser .phone {width:260px;padding-left:0px}		
.table_subject .customerUser .email {width:340px;padding-left:0px}		
.table_subject .customerUser .bigo {width: calc(100% - 830px) !important;padding-left:0px;padding-right:0px;}		
.table_subject .customerUser .bigo input {width: calc(100% - 45px) !important;min-width: 100px !important;margin-left: 5px !important;}		

.table_subject dl select.hour {width:42px;padding-left: 5px;background: #fff url(../images/bg_select.png)no-repeat center right 3px;margin-top: 3px;font-size: 12px;}

.table_list tr td span.customerUser {line-height:20px;}
.table_list tr td span.managedTimeSpan {color: #999;font-size: 12px !important;letter-spacing: -1px;}

.innerDl dd div div span.header {min-width: 80px;display: inline-block;line-height: 25px;background: url(../images/custom/icon_dot.png) 0px 45% no-repeat;padding-left: 10px;}   
.innerDl dd div div.innerDlDiv2 {height: 35px;}
    
    
    
    
    
.modal_box .modalCon dl dt.type140 {width:140px;letter-spacing: -0.9px;}
.modal_box .modalCon dl dd.type140 {width: calc(50% - 140px);}
.modal_box .modalCon dl dd.type140.full {width: calc(100% - 140px);}
    
    
.form.tree { background: #fff;display: inline-block;width:260px;height: calc(100vh - 220px);border: 1px solid #ddd;vertical-align: top;margin-right: 20px; overflow-y:auto; overflow-x: hidden; }
.form.tree.errorDiv {border:1px solid #ff0000 !important;}
.form.user {display: block; }   		
.form.tree input { width:160px;}
.form.tree .treeIcon { position: absolute;margin: 0;padding: 0;top: 64px;left: 225px;}
.form.tree.add .treeIcon { position: absolute;margin: 0;padding: 0;top: 80px;left: 223px;}
		
		
		
/*monthpicker override*/
.ui-monthpicker-trigger {display:none;}
.ui-monthpicker {}
.ui-monthpicker table td {width:50px;}

/*datepicker override*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {font-size: 11px;font-family: 'Pretendard';font-weight:300; line-height:25px;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: .35;filter: Alpha(Opacity=35);background-image: none;}
.ui-datepicker th {width:25px;font-size: 12px !important;text-align: center;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 3px 0; height:auto;}
.ui-datepicker th span {font-family: 'Pretendard';font-weight:300;}
.ui-datepicker .ui-datepicker-title {text-align: center;height: 30px;font-size: 13px !important;font-family: 'Pretendard';font-weight:300;} 
.ui-datepicker-title .ui-datepicker-month {font-size: 14px !important;color: #555;font-family: 'Pretendard';font-weight:500;position: relative;top: -1px; padding:0px 3px !important; background: #fff url(../images/bg_select.png)no-repeat center right 3px; width:48px; margin-left:5px;} 
.ui-datepicker-title .ui-datepicker-month option {font-size: 13px;font-family: 'Pretendard';font-weight:500;}
.ui-datepicker-title .ui-datepicker-year {font-size: 14px;font-family: 'Pretendard';font-weight:300;}
.ui-widget { font-family: 'Pretendard';font-size: 1.1em;color:#ff0000;}
.ui-widget .ui-widget {	font-size:12px;}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {font-family: 'Pretendard'; font-size:12px !important; border-radius: 3px; padding:1px;margin: -1px 0 0 2px;height: 20px;border: 0px;}
.ui-widget-content {position: absolute;border: 1px solid #666; background: #fff; color: #222222;text-align: center;border-radius: 5px;margin-top: 3px;}
.ui-widget-content a { color: #222222;}
.ui-widget-header {line-height: 30px;color: #333;font-family: 'Pretendard';font-weight:500;padding: 5px 10px}
.ui-widget-header a {font-size: 15px;color: #222222;cursor: pointer;}
.ui-widget-header .ui-datepicker-prev span{float:left;font-size:12px;color:#999;}
.ui-widget-header .ui-datepicker-next span{float:right;font-size:12px;color:#999;}
.ui-widget-content .ui-datepicker-calendar { margin: 0px 10px 10px 10px; width:auto !important;}
.ui-datepicker-today {background: rgba(74, 135, 235, .15);border-radius: 50%;height: 25px;position: relative;top: 2px; line-height:25px;}
.ui-datepicker-today a {position: relative;top: -2px;}

/* 怨좉컼�궗 愿�由� */
.customerNameList{overflow:auto;max-height:100px;border:1px solid #eee;padding: 5px 10px;margin-top: 5px;margin-bottom:5px;width: 100%;}
.customerNameList .resultCustomerName {line-height: 20px;height: 20px;display:block;cursor:pointer;width: fit-content;}

/* 怨듯넻肄붾뱶愿�由� */
.table_subject .baseDd {}
.table_subject .baseDd .innerDl .innerDlDiv .innerDlDiv2 {height:35px;}

/* configuration - 濡쒓렇愿�由� */
.log_table td.logTableTd { padding: 6px 2px;background:#fff;color:#666;text-align:center;line-height:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size: 12px;}
.log_table td.logTableTd a { text-decoration:none;vertical-align: top;cursor:pointer;color: #4a81dc;display:block;}
.log_table td.logTableTd a.retireY { text-decoration: line-through;color: #aaa;}
.log_table td.logTableTd a:hover { color: #0243af; text-decoration:underline;}
.log_table td.logTableTd a:hover.retireY { text-decoration: line-through;color: #aaa;}
.log_table td.logTableTd a i { margin-left: 5px; font-size: 10px;}
.log_table td.logTableTd a i.userInfo { font-size: 14px;position: relative;top: 1px;margin-right: 2px;}
.log_table dl dd.multiLine {line-height: 21px;padding: 10px 0 10px 10px;white-space: normal;}

/* 臾몄꽌愿�由� */
.rowCnt {width: auto;}
.searchCalendar {display:inline-block;}
.plusBox {border: 1px solid #aaa;display: inline-block;border-radius:var(--round-border-radius);cursor: pointer;padding: 13px;background:url(../images/icon_plus.png) no-repeat center; width: 11px;height: 11px;opacity: .5;}
.minusBox {border: 1px solid #aaa;display: inline-block;border-radius: var(--round-border-radius);cursor: pointer;padding: 13px;background:url(../images/icon_minus.png) no-repeat center; width: 11px;height: 11px;opacity: .5;}
.categoryMng.black {width: 100vw;height: 100vh;background: #000;opacity: .5;position: absolute;left: 0;top: 0;z-index: 1;color:#000;}

/* �쁺�뾽愿�由� - DealFunnel */
.sub_container .table_list.funnel_list th {padding: 6px 0px !important; height: 50px;}
.sub_container .table_list.funnel_list th.sort-btn {cursor:pointer;}
.sub_container .table_list.funnel_list th.border_r_eee {border-right: 1px solid #eee !important;}
.sub_container .table_list.funnel_list tr.add td{background: rgb(237 243 253)}
.sub_container .table_regist dl dt {/*height: 45px;*/height:40px;}
.sub_container .table_regist dl dt .emphasis::after {content:"*"; color:#ff5858;}
/* managed 愿�由� */
.sub_container .table_list.managed_list tr.wait td {background: rgb(237 243 253)}
/* sa 愿�由� */
.sub_container .table_list.sa_list tr.wait td {background: rgb(237 243 253)}

.nextStepHeadDiv {font-weight:700; margin:20px 0px 10px 10px; display:inline-block; border-bottom: 1px solid #000; margin: 10px !important;float: right;}

.fileArea .fileImg .partnerLogo_Img {height: 120px;}

.w31_5p	{width:31.5% !important;}