#mainArea.webSend {}
#mainArea.webSend > .container {}
#mainArea.webSend > .container > .message { padding:0px 88px; }
#mainArea.webSend > .container > .message .i1 { margin-bottom:56px; }
#mainArea.webSend > .container > .message .i1 .item1 { width:calc(100% - 192px); }
#mainArea.webSend > .container > .message .i1 .item2 { width:176px; }
#mainArea.webSend > .container > .message .inputInfo { width:calc(100% - 420px) }
#mainArea.webSend > .container > .message #message_content_div { border:1px solid #CACFD7; }
#mainArea.webSend > .container > .message #message_content_div.error { border:1px solid #EF4444; }
#mainArea.webSend > .container > .message #message_content_div .item1 { border-bottom:1px solid #CACFD7; }
#mainArea.webSend > .container > .message #message_content_div .item1 .ll { width:115px; }
#mainArea.webSend > .container > .message #message_content_div .item1 .rr { width:calc(100% - 140px); margin-left:15px; }
#mainArea.webSend > .container > .message #message_content_div .item2 { border-bottom:1px solid #CACFD7; }
#mainArea.webSend > .container > .message #message_content_div .item2 textarea { border:1px solid transparent; }
#mainArea.webSend > .container > .message #message_content_div .item3 .ll .ll1 { margin-right:12px; }
#mainArea.webSend > .container > .message #message_content_div .inputForm.tran { border:1px solid #fff; }
#mainArea.webSend > .container > .message #message_content_div .inputGroup.error .inputForm.tran { border:1px solid #EF4444; }
#mainArea.webSend > .container > .message #message_content_div + .helperText { display:none; }
#mainArea.webSend > .container > .message #message_content_div.error + .helperText { display:block; text-align:right; color:#EF4444; }
#mainArea.webSend > .container > .message .receExcel { border:1px solid #CACFD7; height:560px; }
#mainArea.webSend > .container > .message .receExcelButton { }
#mainArea.webSend > .container > .message .receExcelButton .helperText { display:none; }
#mainArea.webSend > .container > .message .receExcelButton .receExcelCheck { background-color:#E5E7EB; padding:12px; color:#fff; }
#mainArea.webSend > .container > .message .receExcelButton.on .receExcelCheck { background-color:#374151; } 
#mainArea.webSend > .container > .message .receExcelButton.error .receExcelCheck { background-color:#374151; } 
#mainArea.webSend > .container > .message .receExcelButton.error .helperText { display:block; }
#mainArea.webSend > .container > .message .imgContent {}
#mainArea.webSend > .container > .message .imgContent .item { width:80px; height:80px; overflow:hidden; margin-right:8px; }
#mainArea.webSend > .container > .message .imgContent .item .img img { width:80px; height:80px; }
#mainArea.webSend > .container > .message .imgContent .box { width:80px; height:80px; left:0px; top:0px; padding:6px 8px; display:none; }
#mainArea.webSend > .container > .message .imgContent .box div:first-child { margin-bottom:4px; }
#mainArea.webSend > .container > .message .imgContent .item:hover .box { display:block !important;  }

#mainArea.webSend .topTabs {  display:table; border-collapse:collapse; margin-bottom:56px; }
#mainArea.webSend .topTabs > a { width:33.3%; background-color:#F9FAFB; padding:14px; border:1px solid #CACFD7; display:table-cell; }
#mainArea.webSend .topTabs > a.active { border-bottom:1px solid #fff; border-top:1px solid #374151; border-left:1px solid #374151; border-right:1px solid #374151; font-weight:bold; color:#374151; }
#mainArea.webSend {}
#mainArea.webSend .fnSelectValue:hover .selectValue { display:block; }
#mainArea.webSend .selectValue { display:none; top:48px; left:0px; background-color:#fff; border:1px solid #CACFD7; border-radius:8px; }
#mainArea.webSend .selectValue .ii { padding:12px 20px; border-bottom:1px solid #CACFD7; }
#mainArea.webSend .selectValue .ii:last-child { border-bottom:0px; }

#imgAddModal {}
#imgAddModal .contents .imgArea {}
#imgAddModal .contents .imgArea .addFileBox { border:1px solid #CACFD7; width:80px; height:80px; background-color:#F3F4F6;  }
#imgAddModal .contents .imgArea .addFileBox .plus { margin-top:16px; }
#imgAddModal .contents .imgArea .addFileBox .txt { margin-top:2px; }
#imgAddModal .contents .fnImgDivFlex .item { width:80px; height:80px; overflow:hidden; margin-right:8px; }
#imgAddModal .contents .fnImgDivFlex .item .img img { width:80px; height:80px; }
#imgAddModal .contents .fnImgDivFlex .box { width:80px; height:80px; left:0px; top:0px; padding:6px 8px; display:none; }
#imgAddModal .contents .fnImgDivFlex .box div:first-child { margin-bottom:4px; }
#imgAddModal .contents .fnImgDivFlex .item:hover .box { display:block !important;  }

#addressModal .contents {}
#addressModal .contents .addressContent { max-height:600px; height:600px; }
#addressModal .contents .addressContent .memberAddressList { border:1px solid #CACFD7; width:396px; }
#addressModal .contents .addressContent .memberAddressList .title { height:56px; padding:12px 16px; }
#addressModal .contents .addressContent .memberAddressList .title .ii { margin-top:4px; }
#addressModal .contents .addressContent .memberAddressList .title .ii .body1Bold { margin-top:2px; }
#addressModal .contents .addressContent .memberAddressList .lists { overflow-y:scroll; height:542px; }
#addressModal .contents .addressContent .memberAddressList .item {}
#addressModal .contents .addressContent .memberAddressList .item .i1 { height:48px; padding:12px 16px; border-top:1px solid #CACFD7; }
#addressModal .contents .addressContent .memberAddressList .item .i1.active { border:1px solid #3366FF; }
#addressModal .contents .addressContent .memberAddressList .item .i1 .img { margin-right:18px; }
#addressModal .contents .addressContent .memberAddressList .item .i1 .groupName { margin-right:16px; margin-top:2px; }
#addressModal .contents .addressContent .memberAddressList .item .i1 .count { margin-top:4px; }
#addressModal .contents .addressContent .memberAddressList .item.on .i1 .img .on { display:block; } 
#addressModal .contents .addressContent .memberAddressList .item.off .i1 .img .off { display:block; }
#addressModal .contents .addressContent .memberAddressList .item .i2 { height:40px; background-color:#fff; padding:9px 56px; border-top:1px solid #E5E7EB; display:none; }
#addressModal .contents .addressContent .memberAddressList .item .i2.active { border:1px solid #3366FF; }
#addressModal .contents .addressContent .memberAddressList .item.on .i2 { display:block; }
#addressModal .contents .addressContent .memberAddressList .item .i2:nth-child(even) { background-color:#F9FAFB; }
#addressModal .contents .addressContent .memberAddressList .item .i2 .name { margin-right:80px; }
#addressModal .contents .addressContent .receAddressList { border:1px solid #CACFD7; width:396px; }
#addressModal .contents .addressContent .receAddressList .title { height:56px; padding:12px 16px; }
#addressModal .contents .addressContent .receAddressList .title .ii { margin-top:4px; }
#addressModal .contents .addressContent .receAddressList .title .ii .body1Bold { margin-top:2px; }
#addressModal .contents .addressContent .receAddressList .item {}
#addressModal .contents .addressContent .receAddressList .item .i1 { height:48px; padding:12px 16px; border-top:1px solid #CACFD7; }
#addressModal .contents .addressContent .receAddressList .item .i1.active { border:1px solid #3366FF; }
#addressModal .contents .addressContent .receAddressList .item .i1 .img { margin-right:18px; }
#addressModal .contents .addressContent .receAddressList .item .i1 .groupName { margin-right:16px; margin-top:2px; }
#addressModal .contents .addressContent .receAddressList .item .i1 .count { margin-top:4px; }
#addressModal .contents .addressContent .receAddressList .item.on .i1 .img .on { display:block; } 
#addressModal .contents .addressContent .receAddressList .item.off .i1 .img .off { display:block; }
#addressModal .contents .addressContent .receAddressList .item .i2 { height:40px; background-color:#fff; padding:9px 56px; border-top:1px solid #E5E7EB; display:none; }
#addressModal .contents .addressContent .receAddressList .item .i2.active { border:1px solid #3366FF; }
#addressModal .contents .addressContent .receAddressList .item.on .i2 { display:block; }
#addressModal .contents .addressContent .receAddressList .item .i2:nth-child(even) { background-color:#F9FAFB; }
#addressModal .contents .addressContent .receAddressList .item .i2 .name { margin-right:80px; }
#addressModal .contents .addressContent .arrow { justify-content:center; display:flex; flex-direction:column; margin:0px 32px; }
#addressModal .contents .addressContent .arrow .left { background-color:#fff; border:1px solid #CACFD7; padding:16px; width:56px; height:48px; border-radius:8px; border:1px solid #CACFD7; }
#addressModal .contents .addressContent .arrow .right { background-color:#fff; border:1px solid #CACFD7; padding:16px; width:56px; height:48px; border-radius:8px; border:1px solid #CACFD7; }

#addressExcelModal {}
#addressExcelModal .contents .excelArea { max-height:560px; height:560px; border:1px solid #CACFD7; background-color:#F9FAFB; }


#sendMessageTestSuccessModal .customTable td { border-bottom:1px solid #E5E7EB; }
#sendMessageRealModal .customTable td { border-bottom:1px solid #E5E7EB; }


#adMessageGuideModal .box { margin-top:32px; }
#adMessageGuideModal .box .ii { width:50%;  border:1px solid #CACFD7; background-color:#F9FAFB; color:#6B7280; padding:15px 20px; }
#adMessageGuideModal .box .ii.on { border:1px solid #3366FF; color:#3366FF; background-color:#fff; }
#adMessageGuideModal .boxItem { margin-top:32px; }

.commonPhoneInfo.phoneInfo .sms { padding:2px 12px; background-color:#327BFF; border-radius:25px; color:#fff; }
.commonPhoneInfo.phoneInfo .lms { padding:2px 12px; background-color:#F59E0B; border-radius:25px; color:#fff; }
.commonPhoneInfo.phoneInfo .mms { padding:2px 12px; background-color:#10B981; border-radius:25px; color:#fff; }

.commonPhoneInfo.phoneInfo .textArea { padding:4px 2px; }
.commonPhoneInfo.phoneInfo .textArea .textBox { width:185px; }
.commonPhoneInfo.phoneInfo .textArea .textBox .subject { width:100%; word-break:break-all; } 
.commonPhoneInfo.phoneInfo .textArea .textBox .content { width:100%; word-break:break-all; } 
.commonPhoneInfo.phoneInfo .imgBox { width:185px; margin-bottom:4px; overflow:hidden; }
.commonPhoneInfo.phoneInfo .imgBox img { max-width:100%; }